/* The home’s visual language: black promise panels, warm paper, lime cues and framed cards. */
.annex-page {
 --paper:var(--td-paper);--ink:var(--td-ink);--line:var(--td-line);
 --acid:#d4f52b;--panel:#f2f2eb;--muted:#62645e;--serif:var(--td-font);
 margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 var(--td-font);
}
.annex-page h1,.annex-page h2,.annex-page h3,.annex-page h4 {font-family:var(--td-font);font-weight:800;letter-spacing:-.04em;line-height:1.13}
.annex-page p {overflow-wrap:break-word}
.annex-page main {max-width:1480px;margin:auto;padding:20px var(--td-gutter) 48px}
.annex-page main>* {min-width:0}
.annex-page .eyebrow {font-size:10px;line-height:1.5;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.annex-page .annex-breadcrumb,.annex-page .breadcrumb,.annex-page main>nav[aria-label='Fil d’Ariane'] {display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:0 0 18px;color:var(--muted);font-size:12px}
.annex-page .annex-breadcrumb a {text-underline-offset:4px}
.annex-page .annex-intro,.annex-page .editorial-intro {position:relative;max-width:none;margin:0 0 24px;padding:38px 42px;border-radius:var(--td-radius);background:var(--ink);color:var(--paper)}
.annex-page .annex-intro>.eyebrow,.annex-page .editorial-intro>.eyebrow {color:var(--acid);margin:0 0 16px}
.annex-page .display,.annex-page .editorial-intro .display {max-width:1050px;font:850 clamp(36px,4.5vw,64px)/1.03 var(--td-font);letter-spacing:-.055em;margin:0 0 20px}
.annex-page .display em {font-style:normal;font-weight:inherit;color:var(--acid)}
.annex-page .intro {font:400 17px/1.65 var(--td-font);max-width:820px;margin:0}
.annex-page .annex-intro .intro,.annex-page .editorial-intro .intro {color:#e4e4dc}
.annex-page .annex-intro .actions,.annex-page .editorial-intro .actions {margin-bottom:0}
.annex-page .editorial-intro .editorial-date {color:#c7c7bd;margin-bottom:0}
.annex-page .pill-link {display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:46px;padding:12px 22px;border:1px solid var(--ink);border-radius:999px;background:var(--paper);color:var(--ink);font:750 13px/1.3 var(--td-font);text-decoration:none;cursor:pointer}
.annex-page .pill-link.primary {background:var(--ink);color:var(--paper)}
.annex-page .annex-intro .pill-link,.annex-page .editorial-intro .pill-link,.annex-page .annex-live-hero .pill-link,.annex-page .annex-cta .pill-link {background:var(--acid);color:var(--ink);border-color:var(--acid)}
.annex-page .pill-link:hover {background:var(--acid);color:var(--ink);border-color:var(--ink)}
.annex-page .actions {display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}
.annex-page .section {padding:30px 0;border:0;margin-top:0}
.annex-page .section-title {font:850 clamp(28px,3vw,40px)/1.08 var(--td-font);letter-spacing:-.045em;margin:10px 0 18px;max-width:1000px}
.annex-page .section>.eyebrow {display:inline-flex;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:6px 12px;margin:0}
.annex-card-grid,.annex-cards,.annex-two,.annex-page .brand-grid,.annex-page .warehouse {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0;padding:0}
.annex-card-grid>.annex-copy:only-child {grid-column:1/-1}
.annex-copy,.annex-cards article,.annex-page .brand-card,.annex-page .warehouse article {min-width:0;max-width:none;padding:28px;border:1px solid var(--line);border-radius:var(--td-radius);background:var(--panel)}
.annex-copy h2,.annex-cards h3,.annex-page .brand-card h2,.annex-page .brand-card h3,.annex-page .warehouse h3 {font:800 26px/1.12 var(--td-font);letter-spacing:-.04em;margin:0 0 18px}
.annex-copy p,.annex-cards p {font-size:15px;line-height:1.7;margin:0 0 16px;max-width:800px}
.annex-copy p:last-child,.annex-cards p:last-child {margin-bottom:0}
.annex-copy a,.annex-page .editorial-copy a {text-underline-offset:4px;font-weight:600}
.annex-copy ul {padding-left:20px}.annex-copy li {margin-bottom:8px}
.annex-page .brand-card:first-child {background:var(--panel)}
.annex-page .brand-card {border:2px solid var(--ink);min-height:230px}
.annex-page .brand-card>.eyebrow {display:inline-block;background:var(--ink);color:var(--acid);padding:5px 10px;border-radius:999px;font-size:9px;margin-bottom:18px}
.annex-page .brand-card a {font-weight:750}
.annex-steps {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none;counter-reset:step;margin:24px 0;padding:0}
.annex-steps li {counter-increment:step;min-width:0;background:var(--panel);border:2px solid var(--ink);border-radius:var(--td-radius);padding:24px}
.annex-steps li:before {content:'0' counter(step);display:grid;place-items:center;width:44px;height:44px;background:var(--ink);color:var(--acid);border-radius:50%;font:850 15px var(--td-font);margin-bottom:24px}
.annex-steps h2,.annex-steps h3 {font:800 24px/1.12 var(--td-font);letter-spacing:-.04em;margin:0 0 14px}
.annex-steps p {font-size:14px;line-height:1.7;margin:0}
.annex-cta,.annex-page .editorial-band {display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--ink);color:var(--paper);border-radius:var(--td-radius);padding:32px;margin:28px 0}
.annex-cta .eyebrow {color:var(--acid);margin:0 0 12px}
.annex-cta h2,.annex-page .editorial-band h2 {font:850 clamp(28px,3vw,40px)/1.08 var(--td-font);letter-spacing:-.045em;margin:0 0 12px}
.annex-cta p {margin:0;color:#e4e4dc;font-size:14px}
.annex-cta .pill-link {flex-shrink:0}
.annex-feature {display:grid;grid-template-columns:1.15fr 1fr;gap:18px;margin:0 0 24px}
.annex-feature .annex-intro {margin:0;display:flex;flex-direction:column;justify-content:center;padding:34px}
.annex-feature .display {font-size:clamp(36px,4vw,56px)}
.annex-feature-photo {position:relative;min-height:360px;margin:0;overflow:hidden;border-radius:var(--td-radius);background:var(--panel)}
.annex-feature-photo img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.annex-feature-photo figcaption {position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:55px 22px 20px;color:white;font-size:11px}
.annex-live-hero {display:grid;grid-template-columns:1.12fr 1fr;gap:18px;align-items:stretch;margin:0 0 18px}
.annex-live-hero>div {display:flex;flex-direction:column;justify-content:center;padding:38px;border-radius:var(--td-radius);background:var(--ink);color:var(--paper)}
.annex-live-hero .eyebrow {color:var(--acid);margin:0 0 20px}
.annex-live-hero .display {font-size:clamp(38px,4.3vw,64px)}
.annex-live-hero .intro {font-size:16px;color:#e4e4dc}
.annex-live-hero .annex-caption {color:#c7c7bd;margin:0;font-size:11px}
.live-dot {display:inline-block;width:7px;height:7px;background:var(--acid);border-radius:50%;margin-right:5px}
.text-link {align-self:center;color:inherit;text-underline-offset:5px;font-size:12px;font-weight:650}
.live-visual {position:relative;min-height:520px;max-height:650px;overflow:hidden;margin:0;border-radius:var(--td-radius);background:var(--panel)}
.live-visual img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}
@media(min-width:761px){.live-visual img {object-position:center top}}
.live-visual figcaption {position:absolute;bottom:0;left:0;right:0;padding:70px 28px 24px;color:white;background:linear-gradient(transparent,#1b1b1be8)}
.live-visual figcaption p {font:800 28px/1.1 var(--td-font);letter-spacing:-.035em;margin:14px 0}
.live-visual small {font-size:10px}
.live-label {display:inline-block;padding:7px 11px;background:var(--ink);color:var(--acid);border:1px solid var(--acid);border-radius:999px;font-size:9px;font-weight:750;letter-spacing:.06em}
.annex-principles {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 12px}
.annex-principles span {border:1px solid var(--line);border-radius:12px;padding:15px 18px;background:var(--panel);font-size:13px;font-weight:750}
.annex-principles span:before {content:'↗';display:inline-grid;place-items:center;margin-right:10px;border:1px solid var(--ink);width:24px;height:24px;border-radius:50%}
.annex-cards {grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px}
.annex-number {display:inline-block;font:850 13px var(--td-font);border-radius:999px;padding:7px 11px;background:var(--ink);color:var(--acid);margin-bottom:22px}
.annex-caption {font-size:12px;line-height:1.7;color:var(--muted);max-width:1050px}
.annex-testimonials {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.annex-testimonials figure {margin:0;padding:26px;border:2px solid var(--ink);border-radius:var(--td-radius);background:var(--panel);display:flex;flex-direction:column;min-width:0}
.example-label {font-size:10px;line-height:1.5;font-weight:750;align-self:flex-start;padding:6px 10px;border-radius:999px;background:var(--ink);color:var(--paper)}
.annex-testimonials blockquote {font:650 21px/1.45 var(--td-font);letter-spacing:-.02em;margin:24px 0 30px}
.annex-testimonials figcaption {margin-top:auto;border-top:1px solid var(--line);padding-top:16px;font-size:11px}
.annex-testimonials figcaption span {display:block;margin-top:4px;color:var(--muted)}
.annex-two>div {padding:28px;border-radius:var(--td-radius);background:var(--panel)}
.annex-two h3 {font-size:26px;margin:0 0 18px}
.contact-options article {padding:30px;border:3px solid var(--ink);border-radius:var(--td-radius);background:var(--panel);display:flex;flex-direction:column;align-items:flex-start}
.contact-options article>.eyebrow {margin:0 0 18px;padding:6px 11px;background:var(--ink);color:var(--acid);border-radius:999px}
.contact-options .section-title {font-size:34px}.contact-options p {max-width:650px}
.contact-options .pill-link {margin-top:auto;background:var(--ink);color:var(--paper)}
.contact-options article:first-child {background:var(--ink);color:var(--paper)}
.contact-options article:first-child .eyebrow {border:1px solid #65655d}
.contact-options article:first-child .pill-link {background:var(--acid);color:var(--ink)}
.annex-faq {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;margin:24px 0}
.annex-faq details {min-width:0;padding:0 22px;background:var(--panel);border:1px solid var(--line);border-radius:14px}
.annex-faq details[open] {border-color:var(--ink)}
.annex-faq summary {position:relative;display:block;list-style:none;cursor:pointer;padding:22px 38px 22px 0;font-size:16px;font-weight:750;line-height:1.4}
.annex-faq summary::-webkit-details-marker {display:none}
.annex-faq summary:after {content:'+';position:absolute;right:0;top:20px;display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--ink);border-radius:50%;font-size:20px;font-weight:500;line-height:1}
.annex-faq details[open] summary:after {content:'−';background:var(--ink);color:var(--acid)}
.annex-faq details p {font-size:14px;line-height:1.7;margin:0 0 24px}
.annex-page .metrics {border:0;gap:18px;margin:24px 0}
.annex-page .metrics>div {padding:26px;border:1px solid var(--line);border-radius:var(--td-radius);background:var(--panel)}
.annex-page .metrics strong {font:850 52px/1 var(--td-font);letter-spacing:-.05em;margin-bottom:12px}
.annex-page .editorial-grid {grid-template-columns:minmax(0,1fr) 290px;gap:24px}
.annex-page .editorial-copy {max-width:none}
.annex-page .editorial-copy section {padding:30px;border:1px solid var(--line);border-radius:var(--td-radius);background:var(--panel);margin:0 0 18px}
.annex-page .editorial-copy h2 {font:800 30px/1.13 var(--td-font);letter-spacing:-.04em;margin:0 0 20px}
.annex-page .editorial-copy p,.annex-page .editorial-copy li {font-size:15px;line-height:1.8}
.annex-page .editorial-aside {padding:25px;background:var(--ink);color:var(--paper);border-radius:var(--td-radius)}
.annex-page .editorial-aside h2 {color:var(--acid)}
.annex-page .editorial-aside a {color:inherit;font-size:13px}
.annex-page .editorial-note {background:var(--paper);border-left:3px solid var(--ink);border-radius:0 12px 12px 0}
.annex-page .editorial-table th {background:var(--paper)}
.annex-page .editorial-related {gap:18px}
.annex-page .editorial-related a {border:2px solid var(--ink);border-radius:var(--td-radius);background:var(--panel)}
.annex-page .editorial-related strong {font:800 26px/1.15 var(--td-font);letter-spacing:-.035em}
.annex-page .notice {padding:18px 22px;border:1px solid var(--line);border-left:4px solid var(--ink);background:var(--panel);color:var(--ink);border-radius:0 12px 12px 0;font-size:13px;margin:22px 0}
.annex-page main.annex-document {max-width:1050px;padding-top:24px}
.annex-document h1 {padding:30px;background:var(--ink);color:var(--paper);border-radius:var(--td-radius);font:850 clamp(34px,4.5vw,54px)/1.07 var(--td-font);letter-spacing:-.05em;margin:20px 0 26px}
.annex-document h2 {font:800 24px/1.15 var(--td-font);letter-spacing:-.03em;border-top:1px solid var(--line);padding-top:24px;margin-top:32px}
.annex-document p,.annex-document li {font-size:15px;line-height:1.85}
.annex-document table {display:block;max-width:100%;overflow-x:auto;background:var(--panel);border-radius:12px}
.annex-document a {text-underline-offset:4px}
.annex-demo {font-size:11px;line-height:1.7;color:var(--muted);padding:20px 0 0;border-top:1px solid var(--line);margin:30px 0 0}
.annex-page .page-footer {max-width:1480px;padding:26px var(--td-gutter) 100px;font:12px/1.5 var(--td-font)}
.annex-page .page-footer nav {gap:5px 24px}.annex-page .page-footer a {display:inline-flex;align-items:center;min-height:40px;text-decoration:none}
.annex-page .page-footer a:hover {text-decoration:underline;text-underline-offset:4px}
.annex-footer-links {display:flex;flex-wrap:wrap;gap:10px 22px;font-size:13px;padding-top:22px}
.annex-footer-links a {color:inherit;min-height:30px}
.annex-page a:focus-visible,.annex-page button:focus-visible,.annex-page summary:focus-visible {outline:3px solid var(--td-orange);outline-offset:4px}
@media(max-width:1100px){
 .annex-steps {grid-template-columns:repeat(2,minmax(0,1fr))}
 .annex-live-hero>div {padding:28px}.annex-live-hero .display {font-size:48px}
 .annex-cards,.annex-testimonials {gap:14px}.annex-cards article,.annex-testimonials figure {padding:22px}
 .annex-testimonials blockquote {font-size:19px}.annex-page .editorial-grid {grid-template-columns:minmax(0,1fr) 250px}
}
@media(max-width:760px){
 .annex-page main {padding:16px 14px 32px}.annex-page .annex-breadcrumb,.annex-page .breadcrumb {font-size:11px;margin-bottom:14px}
 .annex-page .annex-intro,.annex-page .editorial-intro {padding:26px 24px;margin-bottom:18px}
 .annex-page .display,.annex-page .editorial-intro .display {font-size:clamp(32px,8vw,48px);line-height:1.07;margin-bottom:18px}
 .annex-page .intro {font-size:15px}.annex-page .section-title {font-size:30px}
 .annex-page .section {padding:24px 0}.annex-card-grid,.annex-cards,.annex-two,.annex-testimonials,.annex-feature,.annex-live-hero,.annex-faq {grid-template-columns:1fr;gap:14px}
 .annex-copy,.annex-cards article,.contact-options article {padding:24px}.annex-copy h2,.annex-cards h3 {font-size:24px}
 .annex-steps {gap:12px}.annex-steps li {padding:20px}.annex-steps h2,.annex-steps h3 {font-size:22px}
 .annex-cta {padding:26px;flex-direction:column;align-items:flex-start;gap:22px}.annex-cta h2 {font-size:30px}
 .annex-feature .annex-intro {margin:0}.annex-feature-photo {min-height:260px}.annex-feature .display {font-size:38px}
 .annex-live-hero>div {padding:28px 24px}.annex-live-hero .display {font-size:clamp(38px,10vw,52px)}.live-visual {min-height:420px;max-height:none}
 .live-visual figcaption {padding:70px 24px 22px}.live-visual figcaption p {font-size:26px}
 .annex-principles {grid-template-columns:1fr;gap:8px}.annex-principles span {padding:12px 16px;font-size:12px}
 .annex-page .editorial-grid {display:flex;flex-direction:column}.annex-page .editorial-aside {position:static;order:-1;width:100%;margin:0 0 18px}.annex-page .editorial-copy section {padding:24px}
 .annex-page .editorial-copy h2 {font-size:27px}.annex-page .editorial-related,.annex-page .brand-grid {grid-template-columns:1fr}
 .annex-page .metrics {gap:10px}.annex-page .metrics>div {padding:18px}.annex-page .metrics strong {font-size:40px}
 .annex-page .editorial-band {flex-direction:column;align-items:flex-start;padding:26px}.annex-page .page-footer {padding-inline:14px}
 .annex-page main.annex-document {padding:16px 18px 32px}.annex-document h1 {padding:26px 22px;font-size:36px}
}
@media(max-width:480px){.annex-steps {grid-template-columns:1fr}.annex-page .warehouse {grid-template-columns:1fr}.annex-page .metrics {grid-template-columns:1fr}.annex-page .metrics>div {display:flex;align-items:center;gap:18px}.annex-page .metrics strong {margin:0;min-width:90px}.annex-faq summary {font-size:15px}}