/* Aight · getaight.ai · palette A "Ink & clay"
   Tokens: assets/tokens.css, generated from tools/data/design-tokens.json. Light only.
   At least 85% neutral: brand clay is for the primary button, the selected nav item, links,
   focus and one restrained accent per section. Every text element has an explicit colour
   (no inherited host or browser colours), so nothing can render light-on-light. */

/* ------------------------------------------------------------------ base */
*,*::before,*::after{box-sizing:border-box}
html{color-scheme:light;-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--page);color:var(--ink)}
body{margin:0;background:var(--page);color:var(--ink);font:400 16px/1.5 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure,pre,blockquote{margin:0}
ul,ol{padding:0}
h1,h2,h3,h4,h5,h6{color:var(--ink);font-weight:600}
p,li,dt,dd,td,th,caption,figcaption,legend,label,summary,address,blockquote,span,small,strong,b,em,i{color:inherit}
p,li,dd,td,address{color:var(--ink)}
strong,b{font-weight:600;color:var(--ink)}
small{font-size:13px;line-height:1.4}
img,svg,video{display:block;max-width:100%}
svg text{fill:var(--ink)}
code,kbd,pre,samp{font-family:var(--mono);font-size:14px;color:var(--ink)}
a{color:var(--brand);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--brand-hover)}
button,input,select,textarea{font:inherit;color:var(--ink)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
:disabled{color:var(--muted)}
:focus{outline:none}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
::selection{background:var(--soft);color:var(--ink)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.num,.money{font-variant-numeric:tabular-nums}
.mono{font-family:var(--mono)}
[hidden]{display:none!important}

.wrap{max-width:1200px;margin-inline:auto;padding-inline:40px;box-sizing:content-box}
@media (max-width:800px){.wrap{padding-inline:20px}}

.skip{position:absolute;left:16px;top:-64px;z-index:50;background:var(--surface);color:var(--ink);padding:12px 16px;border:1px solid var(--input);border-radius:6px;text-decoration:none}
.skip:focus{top:12px}

/* ------------------------------------------------------------------ type */
.h1,h1{font-size:clamp(40px,5vw,72px);line-height:1.04;letter-spacing:-.035em;font-weight:600;color:var(--ink)}
.h2,h2{font-size:clamp(28px,3vw,42px);line-height:1.12;letter-spacing:-.02em;font-weight:600;color:var(--ink)}
h3{font-size:20px;line-height:1.3;letter-spacing:-.01em;color:var(--ink)}
.lede{font-size:18px;line-height:1.5;color:var(--muted);max-width:44ch}
.label{font-size:13px;line-height:1.4;font-weight:500;color:var(--muted)}

/* ------------------------------------------------------------------ buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:6px;border:1px solid var(--brand);background:var(--brand);color:var(--on-brand);font:500 16px/1 var(--sans);text-decoration:none;cursor:pointer;white-space:nowrap}
.btn:hover{background:var(--brand-hover);border-color:var(--brand-hover);color:var(--on-brand)}
.btn--sec{background:var(--surface);color:var(--ink);border-color:var(--input)}
.btn--sec:hover{background:var(--page);color:var(--ink);border-color:var(--ink)}
.btn--sm{min-height:40px;padding:0 16px;font-size:15px}
.link-arrow{font-weight:500}
.actions{display:flex;flex-wrap:wrap;gap:12px}

/* ------------------------------------------------------------------ header (reference: OpenRouter, Mistral: logo, two links, two actions) */
.nav{position:sticky;top:0;z-index:20;background:var(--page);border-bottom:1px solid var(--rule)}
.nav .wrap{display:flex;align-items:center;gap:32px;height:72px}
.logo{display:inline-flex;padding:6px 0;text-decoration:none}
.wordmark{height:34px;width:auto;color:var(--logo-ink);--dot:var(--logo-dot)}
.nav__links{display:flex;gap:28px}
.nav__links a,.nav__signin{color:var(--ink);text-decoration:none;font-weight:500;font-size:15px;padding:12px 0;border-bottom:2px solid transparent}
.nav__links a:hover,.nav__signin:hover{color:var(--brand)}
.nav__links a[aria-current="page"]{color:var(--brand);border-bottom-color:var(--brand)}
.nav__right{margin-left:auto;display:flex;align-items:center;gap:24px}
.menu{display:none;position:relative}
.menu summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--input);border-radius:6px;background:var(--surface);color:var(--ink);font-weight:500;font-size:15px}
.menu summary::-webkit-details-marker{display:none}
.menu .close-label{display:none}
.menu[open] .open-label{display:none}
.menu[open] .close-label{display:inline}
.menu__sheet{position:absolute;right:0;top:calc(100% + 8px);width:min(280px,calc(100vw - 40px));background:var(--surface);border:1px solid var(--rule);border-radius:8px;box-shadow:0 8px 24px -12px var(--ink);padding:8px;display:grid}
.menu__sheet a{display:flex;align-items:center;min-height:44px;padding:0 12px;color:var(--ink);text-decoration:none;font-weight:500;border-radius:6px}
.menu__sheet a:hover{background:var(--page)}
.menu__sheet a[aria-current="page"]{color:var(--brand)}
@media (max-width:800px){
  .nav .wrap{height:64px;gap:12px}
  .nav__links,.nav__signin{display:none}
  .nav__right{gap:8px}
  .menu{display:block}
  .wordmark{height:30px}
}
@media (max-width:380px){.nav .btn{padding:0 12px}}

/* ------------------------------------------------------------------ sections */
.section{padding-block:88px}
.section + .section{border-top:1px solid var(--rule)}
.section__head{display:grid;gap:12px;margin-bottom:48px;max-width:720px}
@media (max-width:800px){.section{padding-block:48px}.section__head{margin-bottom:32px}}

/* ------------------------------------------------------------------ hero (7:5; reference: Anthropic warm surface + OpenRouter's two obvious actions) */
.hero{padding-block:88px}
.hero__grid{display:grid;grid-template-columns:7fr 5fr;gap:48px;align-items:center}
.hero__copy{display:grid;gap:24px;align-content:start}
.hero h1{max-width:13ch}
.hero__sub{font-size:20px;line-height:1.45;color:var(--muted);max-width:34ch}
.hero .actions{margin-top:8px}
@media (max-width:800px){.hero{padding-block:48px}.hero__grid{grid-template-columns:1fr;gap:40px}.hero__sub{font-size:18px}}

/* media slot: 4:3, reserved before anything loads; poster first */
.media{position:relative;aspect-ratio:4/3;width:100%;margin:0;border-radius:8px;overflow:hidden;background:var(--page)}
.media img,.media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* hinge animation: the art director's layers (anim.json). Hinge = the panel's left edge, tilted 3.07deg. */
.media{container-type:inline-size}
.fold{position:absolute;inset:0;background:var(--page)}
.fold__scene{position:absolute;inset:0;perspective:calc(100cqw * 1.1);perspective-origin:50% 40%}
.fold__panel{transform-origin:69.37% 60.83%;transform:rotate(3.07deg) rotateY(85deg) rotate(-3.07deg);backface-visibility:hidden}
.fold.is-playing .fold__panel{animation:fold-open 1.2s cubic-bezier(.22,1,.36,1) .3s both}
.fold.is-paused .fold__panel{animation-play-state:paused}
@keyframes fold-open{from{transform:rotate(3.07deg) rotateY(85deg) rotate(-3.07deg)}to{transform:none}}
.fold__ctl{position:absolute;right:12px;bottom:12px;z-index:2;min-height:44px;padding:0 14px;border-radius:6px;border:1px solid var(--input);background:var(--surface);color:var(--ink);font:500 14px/1 var(--sans);cursor:pointer}
@media (prefers-reduced-motion:reduce){.fold,.fold__ctl{display:none!important}}

/* ------------------------------------------------------------------ models on Home: four capability rows (reference: Linear/Vercel list rows, not cards) */
.facts{list-style:none;display:flex;flex-wrap:wrap;gap:0;margin:0 0 32px;border-block:1px solid var(--rule)}
.facts li{display:flex;align-items:center;gap:10px;padding:14px 24px 14px 0;margin-right:24px;font-weight:500;font-size:15px;color:var(--ink)}
.facts li + li{padding-left:24px;border-left:1px solid var(--rule)}
.facts svg{width:16px;height:16px;flex:none;fill:none;stroke:var(--ink);stroke-width:1.6}
@media (max-width:800px){.facts{display:grid;border-bottom:0}.facts li,.facts li + li{padding:12px 0;margin:0;border-left:0;border-bottom:1px solid var(--rule)}}

.caps{list-style:none;border-top:1px solid var(--ink)}
.caps li{border-bottom:1px solid var(--rule)}
.cap{display:grid;grid-template-columns:200px 120px 1fr 32px;gap:24px;align-items:center;padding:24px 8px;color:var(--ink);text-decoration:none}
.cap:hover{background:var(--surface);color:var(--ink)}
.cap:hover .cap__go{color:var(--brand)}
.cap__name{font-size:24px;line-height:1.2;font-weight:600;letter-spacing:-.015em;color:var(--ink)}
.cap__count{font-size:15px;color:var(--muted)}
.cap__ids{display:flex;flex-wrap:wrap;gap:8px}
.cap__ids code{font-size:13px;padding:4px 8px;border:1px solid var(--rule);border-radius:6px;background:var(--surface);color:var(--ink)}
.cap__go{font-size:20px;color:var(--ink);justify-self:end}
.caps__foot{margin-top:32px}
@media (max-width:800px){.cap{grid-template-columns:1fr auto;gap:8px 16px;padding:20px 0}.cap__count{grid-column:1;grid-row:2}.cap__ids{grid-column:1 / -1}.cap__go{grid-column:2;grid-row:1}}

/* ------------------------------------------------------------------ Extra (reference: Stripe pricing numerals; the figure is type, not a chart) */
.extra__grid{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:start}
.extra__figure{display:grid;gap:16px}
.bignum{font-size:clamp(96px,14vw,184px);line-height:.9;letter-spacing:-.05em;font-weight:600;color:var(--ink)}
.bignum span{color:var(--brand)}
.example{background:var(--surface);border:1px solid var(--rule);border-radius:8px;padding:32px}
.switch{display:inline-grid;grid-auto-flow:column;gap:4px;padding:4px;background:var(--page);border:1px solid var(--rule);border-radius:6px;margin-bottom:24px}
.switch input{position:absolute;opacity:0;pointer-events:none}
.switch label{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:4px;font-weight:500;font-size:15px;color:var(--ink);cursor:pointer}
.switch input:checked + label{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--input)}
.switch input:focus-visible + label{outline:2px solid var(--brand);outline-offset:2px}
.prop{display:grid;gap:12px;margin-bottom:8px}
.prop__bar{display:grid;grid-template-columns:100fr 10fr;gap:3px;height:56px}
.prop__bar span{border-radius:4px}
.prop__bar .r{background:var(--ink)}
.prop__bar .x{background:var(--brand)}
.prop__key{display:grid;grid-template-columns:100fr 10fr;gap:3px;font-size:13px;color:var(--muted)}
.prop__key span:last-child{white-space:nowrap;justify-self:end;color:var(--ink);font-weight:500}
.lines{display:grid}
.lines .ln{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--rule)}
.lines dt{color:var(--ink)}
.lines dd{color:var(--ink);font-variant-numeric:tabular-nums;text-align:right}
.lines .ln--total dt,.lines .ln--total dd,.lines .ln--added dt,.lines .ln--added dd{font-weight:600}
.lines .ln--total{border-bottom-color:var(--ink)}
.lines .ln--extra dt::before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--brand);margin-right:10px;vertical-align:1px}
.lines .ln--added{border-bottom:0;padding-top:16px}
.lines .ln--added dd{font-size:24px;line-height:1.1}
.lines .muted{color:var(--muted)}
.footnote{margin-top:20px;font-size:13px;line-height:1.4;color:var(--muted)}
.example .case--in,.example .case--out{display:none}
.example:has(#ex-in:checked) .case--in,.example:has(#ex-out:checked) .case--out{display:block}
.example:has(#ex-in:checked) .case--neutral,.example:has(#ex-out:checked) .case--neutral{display:none}
@media (max-width:800px){.extra__grid{grid-template-columns:1fr;gap:32px}.example{padding:20px}.switch{display:grid;grid-template-columns:1fr 1fr;width:100%}.switch label{justify-content:center}}

/* ------------------------------------------------------------------ integration (reference: Anthropic docs code on a light surface; no fake terminal) */
.int__grid{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:start}
.int__copy{display:grid;gap:16px}
.code{background:var(--surface);border:1px solid var(--rule);border-radius:8px;overflow:hidden;min-width:0}
.code__bar{display:flex;align-items:center;gap:4px;padding:8px 8px 0 12px;border-bottom:1px solid var(--rule)}
.code__tab{appearance:none;border:0;background:none;min-height:44px;padding:0 12px;font:500 14px/1 var(--sans);color:var(--muted);border-bottom:2px solid transparent;cursor:pointer}
.code__tab[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--ink)}
.code__copy{margin-left:auto;margin-bottom:8px}
.code pre{margin:0;padding:24px;overflow-x:auto;font-size:14px;line-height:1.65;color:var(--ink);tab-size:4}
.code pre .c{color:var(--muted)}
.code pre .s{color:var(--ink)}
.code pre .k{color:var(--ink);font-weight:500}
.code__pane h3{font:500 13px/1.4 var(--sans);color:var(--muted);padding:16px 24px 0}
.js .code__pane h3{display:none}
@media (max-width:800px){.int__grid{grid-template-columns:1fr;gap:32px}.code pre{padding:20px;font-size:13px}}

/* ------------------------------------------------------------------ final CTA */
.final{display:grid;gap:24px;justify-items:start}
.final .note{color:var(--muted)}

/* ------------------------------------------------------------------ footer */
.foot{border-top:1px solid var(--rule);background:var(--page);padding:48px 0 40px}
.foot__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.foot .wordmark{height:30px}
.foot__links{display:flex;flex-wrap:wrap;gap:4px 24px}
.foot__links a{color:var(--ink);text-decoration:none;font-size:15px;min-height:44px;display:inline-flex;align-items:center}
.foot__links a:hover{color:var(--brand);text-decoration:underline}
.foot__legal{margin-top:24px;padding-top:24px;border-top:1px solid var(--rule);font-size:13px;line-height:1.4;color:var(--muted)}

/* ------------------------------------------------------------------ page head (inner pages) */
.phead{padding-block:64px 32px}
.phead .lede{margin-top:16px}
@media (max-width:800px){.phead{padding-block:40px 24px}}

/* ------------------------------------------------------------------ Models & pricing */
.tools{display:grid;grid-template-columns:minmax(220px,1.6fr) repeat(3,minmax(140px,1fr)) auto;gap:16px;align-items:end;padding:24px;background:var(--surface);border:1px solid var(--rule);border-radius:8px}
.field{display:grid;gap:6px;min-width:0}
.field > span,.field legend{font-size:13px;line-height:1.4;font-weight:500;color:var(--ink);padding:0}
.input,.select{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--input);border-radius:6px;background:var(--surface);color:var(--ink);font-size:16px}
.select{appearance:none;padding-right:36px;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat}
.input:hover,.select:hover{border-color:var(--ink)}
.tools__clear{align-self:end}
.bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:20px 0 16px}
.bar__count{font-weight:500;color:var(--ink)}
.bar__right{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}
.seg{display:inline-grid;grid-auto-flow:column;padding:3px;border:1px solid var(--input);border-radius:6px;background:var(--surface)}
.seg button{appearance:none;border:0;background:none;min-height:36px;min-width:48px;padding:0 12px;border-radius:4px;font:500 15px/1 var(--sans);color:var(--ink);cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--ink);color:var(--surface)}
.prices-field{display:flex;align-items:center;gap:10px}
.prices-field > span{font-size:13px;font-weight:500;color:var(--ink)}
.rate{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.notice{display:flex;gap:10px;align-items:flex-start;padding:12px 16px;border-radius:6px;font-size:15px}
.notice--warn{background:var(--warning-bg);color:var(--warning-ink)}
.notice--warn p{color:var(--warning-ink)}
.notice--err{background:var(--error-bg);color:var(--error-ink)}
.notice--err p{color:var(--error-ink)}
.notice svg{width:18px;height:18px;flex:none;margin-top:2px;fill:none;stroke:currentColor;stroke-width:1.8}

.mtable{width:100%;border-collapse:collapse;font-size:15px}
.mtable th,.mtable td{padding:14px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--rule);color:var(--ink)}
.mtable thead th{font-size:13px;line-height:1.4;font-weight:500;color:var(--muted);border-bottom:1px solid var(--ink);padding-top:0;white-space:nowrap}
.mtable .r{text-align:right}
.mtable th:first-child,.mtable td:first-child{padding-left:0}
.mtable th:last-child,.mtable td:last-child{padding-right:0}
.mtable tbody tr:hover{background:var(--surface)}
.mid{appearance:none;border:0;background:none;padding:0;font:400 14px/1.4 var(--mono);color:var(--ink);text-align:left;cursor:pointer;text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:4px;overflow-wrap:anywhere}
.mid:hover{color:var(--brand);text-decoration-color:var(--brand)}
.sub{display:block;font-size:13px;line-height:1.4;color:var(--muted)}
.px{display:block;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink)}
.px small{color:var(--muted);font-size:13px}
.px + .px{margin-top:2px}
.px--more{display:block;color:var(--muted);font-size:13px;line-height:1.3}
.na{color:var(--muted)}
.tag{display:inline-flex;align-items:center;gap:4px;min-height:24px;padding:0 8px;border-radius:4px;border:1px solid var(--rule);background:var(--surface);font-size:13px;line-height:1;color:var(--ink);white-space:nowrap}
.tag--india{border-color:var(--soft);background:var(--soft);color:var(--ink)}
.empty{padding:48px 0;display:grid;gap:16px;justify-items:start}
.empty p{font-size:18px;color:var(--ink)}
.units{margin-top:16px;font-size:13px;color:var(--muted)}
@media (max-width:1100px){.tools{grid-template-columns:1fr 1fr 1fr}.tools .field--search{grid-column:1 / -1}.tools__clear{grid-column:auto}}
@media (max-width:760px){
  .tools{grid-template-columns:1fr 1fr;padding:16px}
  .tools .field--search{grid-column:1 / -1}
  .mtable thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .mtable,.mtable tbody,.mtable tr,.mtable td,.mtable th{display:block;width:100%}
  .mtable tr{padding:16px 0;border-bottom:1px solid var(--rule)}
  .mtable tr:first-child{border-top:1px solid var(--ink)}
  .mtable td,.mtable th{border:0;padding:4px 0;display:grid;grid-template-columns:96px 1fr;gap:2px 12px;text-align:left}
  .mtable .r{text-align:left}
  .mtable td::before{content:attr(data-label);font-size:13px;line-height:1.5;color:var(--muted)}
  .mtable td > *{grid-column:2;justify-self:start;text-align:left}
  .mtable td::before{grid-column:1;grid-row:1}
  .mtable th[scope="row"]{display:block;padding-bottom:8px}
}
@media (max-width:420px){.tools{grid-template-columns:1fr}}

/* drawer (dialog) */
.drawer{margin:0 0 0 auto;height:100%;max-height:100%;width:min(480px,100vw);max-width:100vw;border:0;padding:0;border-radius:12px 0 0 12px;background:var(--surface);color:var(--ink);box-shadow:0 0 40px -16px var(--ink)}
.drawer::backdrop{background:var(--ink);opacity:.32}
.drawer__in{display:grid;grid-template-rows:auto 1fr auto;height:100%}
.drawer__head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 24px 16px;border-bottom:1px solid var(--rule)}
.drawer__head h2{font:400 20px/1.3 var(--mono);letter-spacing:0;overflow-wrap:anywhere;color:var(--ink)}
.drawer__body{overflow:auto;padding:8px 24px 24px}
.drawer__foot{display:flex;gap:12px;padding:16px 24px;border-top:1px solid var(--rule)}
.kv{display:grid}
.kv > div{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--rule)}
.kv dt{font-size:13px;line-height:1.5;color:var(--muted)}
.kv dd{color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.x{appearance:none;border:1px solid var(--input);background:var(--surface);color:var(--ink);min-height:44px;padding:0 14px;border-radius:6px;font:500 15px/1 var(--sans);cursor:pointer}
@media (max-width:600px){.drawer{border-radius:0}}

/* ------------------------------------------------------------------ prose pages: docs, legal, support */
.prose{max-width:62ch}
.prose > * + *{margin-top:16px}
.prose h2{font-size:24px;line-height:1.25;letter-spacing:-.01em;margin-top:48px;scroll-margin-top:96px}
.prose h3{font-size:18px;margin-top:32px}
.prose p,.prose li{color:var(--ink)}
.prose ul,.prose ol{padding-left:22px}
.prose li + li{margin-top:8px}
.prose code{font-size:14px;background:var(--surface);border:1px solid var(--rule);border-radius:4px;padding:1px 5px}
.prose pre{background:var(--surface);border:1px solid var(--rule);border-radius:8px;padding:20px;overflow-x:auto;line-height:1.6}
.prose pre code{background:none;border:0;padding:0}
.prose .num{color:var(--muted);font-weight:500;margin-right:12px;font-variant-numeric:tabular-nums}
.prose table{width:100%;border-collapse:collapse;font-size:15px}
.prose th,.prose td{text-align:left;vertical-align:top;padding:12px 12px 12px 0;border-bottom:1px solid var(--rule);color:var(--ink)}
.prose thead th{font-size:13px;font-weight:500;color:var(--muted);border-bottom-color:var(--ink)}
.tablewrap{overflow-x:auto}
.tablewrap:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.meta{font-size:13px;color:var(--muted)}
.summary{background:var(--surface);border:1px solid var(--rule);border-radius:8px;padding:8px 24px}
.summary > div{display:grid;grid-template-columns:160px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--rule)}
.summary > div:last-child{border-bottom:0}
.summary dt{font-weight:500;color:var(--ink)}
.summary dd{color:var(--ink)}
.clause{border-left:3px solid var(--brand);padding:4px 0 4px 20px}
.clause p{color:var(--ink)}
.review{background:var(--warning-bg);color:var(--warning-ink);border-radius:6px;padding:12px 16px;font-size:15px}
.review p{color:var(--warning-ink)}
address{font-style:normal}
.addr{display:grid;background:var(--surface);border:1px solid var(--rule);border-radius:8px;padding:8px 20px}
.addr > div{display:grid;grid-template-columns:140px 1fr;gap:16px;padding:10px 0;border-bottom:1px solid var(--rule)}
.addr > div:last-child{border-bottom:0}
.addr span:first-child{color:var(--muted);font-size:13px;line-height:1.6}
.addr span{color:var(--ink)}
@media (max-width:600px){.summary > div,.addr > div,.kv > div{grid-template-columns:1fr;gap:4px}.summary{padding:4px 16px}}

.docs__grid > *{min-width:0}
.docs__grid{display:grid;grid-template-columns:200px minmax(0,1fr);gap:64px;align-items:start}
.docs__nav{position:sticky;top:96px;display:grid;gap:4px}
.docs__nav a{color:var(--ink);text-decoration:none;min-height:40px;display:flex;align-items:center;padding:0 12px;border-radius:6px;font-weight:500;font-size:15px;border-left:2px solid transparent}
.docs__nav a:hover{background:var(--surface)}
.docs__nav a[aria-current="page"]{color:var(--brand);border-left-color:var(--brand);border-radius:0 6px 6px 0}
@media (max-width:800px){.docs__grid{grid-template-columns:minmax(0,1fr);gap:24px}.docs__nav{position:static;display:flex;flex-wrap:wrap;border-bottom:1px solid var(--rule);padding-bottom:12px}}

.split{display:grid;grid-template-columns:7fr 5fr;gap:64px;align-items:start}
.panel{background:var(--surface);border:1px solid var(--rule);border-radius:8px;padding:32px;display:grid;gap:20px;justify-items:start}
.panel .email{font-size:clamp(20px,2.4vw,28px);font-weight:600;letter-spacing:-.01em;color:var(--ink);text-decoration:none;overflow-wrap:anywhere}
.panel .email:hover{color:var(--brand)}
.panel .note{display:flex;gap:10px;color:var(--ink);font-size:15px}
.panel .note svg{width:18px;height:18px;flex:none;margin-top:2px;fill:none;stroke:var(--ink);stroke-width:1.8}
.linklist{list-style:none;border-top:1px solid var(--ink)}
.linklist li{border-bottom:1px solid var(--rule)}
.linklist a{display:flex;justify-content:space-between;align-items:center;min-height:56px;color:var(--ink);text-decoration:none;font-weight:500}
.linklist a:hover{color:var(--brand)}
/* stacked fact list (Enterprise) */
.facts--stack{display:grid;margin:0;border-bottom:0}
.facts--stack li,.facts--stack li + li{padding:16px 0;margin:0;border-left:0;border-bottom:1px solid var(--rule);font-size:18px}
.page-end{padding-bottom:88px}
.lede--ink{color:var(--ink)}
@media (max-width:800px){.page-end{padding-bottom:48px}.split{grid-template-columns:1fr;gap:32px}.panel{padding:20px}}

.nf{padding-block:120px;display:grid;gap:20px;justify-items:start}
@media (max-width:800px){.nf{padding-block:64px}}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.nav,.foot,.skip{display:none}}