/* Base and components (WEB-15 S2); page blocks are appended as page: <name>. Tokens: tokens.css. */
/* base */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none !important}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-height) + var(--s2))}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--bg-canvas);color:var(--text-primary);font:var(--type-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
main{flex:1 0 auto}
main:focus{outline:none}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
img{display:block;max-width:100%}
a{color:var(--accent-text);text-underline-offset:3px}
strong{font-weight:600}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.nums{font-variant-numeric:tabular-nums}
.container{width:100%;max-width:calc(var(--content-max) + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}
.narrow{max-width:calc(720px + 2 * var(--gutter))}
.icon{flex:none;width:16px;height:16px;--icon-cut:var(--bg-surface)}
.icon-fill{fill:currentColor}
.icon-cut,.icon-line{fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.icon-cut{stroke:var(--icon-cut)}
.icon-line{stroke:currentColor}
.feature-icon,.receipt-icon{flex:none;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
/* buttons and links */
.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:48px;padding:0 var(--s5);border:1px solid transparent;border-radius:var(--r-full);font:var(--type-body-strong);text-decoration:none;white-space:nowrap;cursor:pointer}
.button .icon{--icon-cut:currentColor}
.button-primary{background:var(--button-fill);color:var(--button-text)}
.button-primary:hover,.button-primary:active{background:var(--button-pressed)}
.button-secondary{background:var(--bg-surface);border-color:var(--border-strong);color:var(--text-primary)}
.button-secondary:hover,.button-secondary:active{background:var(--bg-subtle)}
.button-text{background:transparent;color:var(--accent-text)}
.button-text:hover,.button-text:active{background:var(--bg-subtle)}
.button-large{padding:0 var(--s6)}
.button-compact{min-height:44px;padding:0 var(--s4)}
.button-block{width:100%}
.text-link{display:inline-flex;align-items:center;min-height:44px;font:var(--type-body-strong);color:var(--accent-text)}
.actions{display:flex;flex-wrap:wrap;gap:var(--s3)}
/* pills and notices */
.pill{display:inline-flex;align-items:center;gap:var(--s1);min-height:24px;padding:2px 10px 2px 6px;border:1px solid transparent;border-radius:var(--r-full);font:var(--type-caption);font-weight:600;white-space:nowrap}
.pill-confirmed{background:var(--status-confirmed-bg);color:var(--status-confirmed-fg)}
.pill-confirmed .icon{--icon-cut:var(--status-confirmed-bg)}
.pill-pending{background:var(--status-pending-bg);color:var(--status-pending-fg)}
.pill-pending .icon{--icon-cut:var(--status-pending-bg)}
.pill-unknown{background:var(--status-unknown-bg);color:var(--status-unknown-fg);border:1px dashed var(--border-strong)}
.pill-unknown .icon{--icon-cut:var(--status-unknown-bg)}
.pill-attention{background:var(--status-attention-solid);color:var(--status-attention-solid-label)}
.pill-neutral{background:var(--status-unknown-bg);color:var(--status-unknown-fg);border-color:var(--border-subtle)}
.notice{display:flex;align-items:flex-start;gap:var(--s3);padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--accent-tint);color:var(--text-primary)}
.notice .icon{margin-top:3px;color:var(--accent-text);--icon-cut:var(--accent-tint)}
/* header */
:root{--header-height:56px}
.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--border-subtle);background:color-mix(in srgb,var(--bg-canvas) 82%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(18px);backdrop-filter:saturate(1.6) blur(18px)}
.skip-link{position:absolute;top:var(--s2);left:var(--s4);z-index:20;padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--bg-surface);box-shadow:var(--e2);font:var(--type-body-strong)}
.skip-link:not(:focus){width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.header-inner{display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--s2);min-height:calc(var(--header-height) - 1px)}
.brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-right:auto;border-radius:var(--r-sm);color:var(--text-primary);font:var(--type-heading);text-decoration:none;white-space:nowrap}
.site-nav ul{display:flex;flex-wrap:wrap;gap:var(--s1)}
.site-nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 var(--s3);border-radius:var(--r-full);color:var(--text-secondary);font:var(--type-body);font-weight:500;text-decoration:none}
.site-nav a:hover{background:var(--bg-subtle);color:var(--text-primary)}
.site-nav a[aria-current="page"]{color:var(--text-primary);font-weight:600}
.site-nav a[aria-current="page"]::after{content:"";position:absolute;left:var(--s3);right:var(--s3);bottom:4px;height:2px;border-radius:2px;background:var(--accent)}
.header-cta{min-height:44px;padding:0 var(--s4)}
.header-signin{padding:0 var(--s3);text-decoration:none}
.menu-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:var(--r-md);background:none;color:var(--text-primary);font:var(--type-body-strong);text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.nav-more{display:none}
.menu-icon,.menu-icon::before,.menu-icon::after{display:block;width:16px;height:2px;border-radius:1px;background:currentColor}
.menu-icon{position:relative}
.menu-icon::before,.menu-icon::after{content:"";position:absolute;left:0}
.menu-icon::before{top:-5px}
.menu-icon::after{top:5px}
.menu-button[aria-expanded="true"] .menu-icon{background:transparent}
.menu-button[aria-expanded="true"] .menu-icon::before{top:0;transform:rotate(45deg)}
.menu-button[aria-expanded="true"] .menu-icon::after{top:0;transform:rotate(-45deg)}
@media (max-width:599px){
 .brand{font-size:1rem}
 .site-nav{order:3;flex-basis:100%;margin-inline:calc(-1 * var(--s3));padding-bottom:var(--s2)}
 .header-cta{order:2}
 .header-signin{order:2;padding:0 var(--s2)}
 .js .site-nav{display:none;margin-inline:0;padding:var(--s2) 0 var(--s3);border-top:1px solid var(--border-subtle)}
 .js .site-nav.is-open{position:absolute;top:100%;right:0;left:0;display:block;height:calc(100dvh - var(--header-height));overflow-y:auto;padding:var(--s2) var(--gutter) calc(var(--s6) + env(safe-area-inset-bottom));background:var(--bg-canvas);border:0}
 .js .site-nav ul{flex-direction:column;gap:2px}
 .js .nav-more{display:list-item}
 .js .site-nav a{display:flex;min-height:52px;border-bottom:1px solid var(--border-subtle);border-radius:0;color:var(--text-primary);font:var(--type-title)}
 .js .site-nav a[aria-current="page"]{color:var(--accent-text)}
 .js .site-nav a[aria-current="page"]::after{display:none}
 .menu-button{order:1}
}
@media (max-width:359px){
 .header-signin{display:none}
}
@media (max-width:599px) and (scripting: enabled){
 .site-nav{display:none;margin-inline:0;padding:var(--s2) 0 var(--s3);border-top:1px solid var(--border-subtle)}
 .menu-button[hidden]{display:inline-flex !important}
}
@media (min-width:600px){
 :root{--header-height:64px}
 .brand img{width:32px;height:32px}
 .menu-button{display:none}
 .site-nav{margin-right:var(--s2)}
}
@media (prefers-reduced-transparency:reduce){
 .site-header{background:var(--bg-canvas);-webkit-backdrop-filter:none;backdrop-filter:none}
}
/* footer */
.site-footer{margin-top:auto;padding:var(--s10) 0 var(--s6);border-top:1px solid var(--border-subtle);background:var(--bg-surface)}
.footer-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s6)}
.footer-about,.footer-base{grid-column:1 / -1}
.footer-name{display:flex;align-items:center;gap:10px;font:var(--type-heading)}
.footer-line,.footer-support,.footer-legal{margin-top:var(--s2);color:var(--text-secondary);font:var(--type-callout)}
.footer-legal{overflow-wrap:anywhere}
.footer-base{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s1);padding-top:var(--s4);border-top:1px solid var(--border-subtle)}
.footer-base>*{margin:0}
.footer-status{display:flex;align-items:center;gap:var(--s2);color:var(--text-secondary);font:var(--type-callout)}
.footer-legal-links{display:flex;flex-wrap:wrap;gap:0 var(--s5);font:var(--type-callout)}
.footer-legal-links a{color:var(--text-secondary);line-height:44px;text-decoration:none}
.footer-legal-links a:hover{color:var(--text-primary);text-decoration:underline}
.footer-status .icon{--icon-cut:var(--bg-surface)}
.footer-heading{color:var(--text-tertiary);font:var(--type-overline);letter-spacing:var(--tracking-overline);text-transform:uppercase}
.footer-nav ul{margin-top:var(--s1)}
.footer-nav a{display:inline-block;min-width:44px;color:var(--text-secondary);font:var(--type-callout);line-height:44px;text-decoration:none}
.footer-nav a:hover{color:var(--text-primary);text-decoration:underline}
.footer-nav a[aria-current="page"]{color:var(--text-primary);font-weight:600}
@media (min-width:900px){
 .footer-inner{grid-template-columns:1.6fr repeat(4,1fr)}
 .footer-about{grid-column:auto}
}
/* sections and cards */
.section{padding-top:var(--section-y)}
.section-tight{padding-top:var(--s6)}
.section-last{padding-bottom:var(--s16)}
@media (min-width:960px){
 .section-tight{padding-top:var(--s8)}
 .section-last{padding-bottom:96px}
}
.section-head{max-width:640px;margin-bottom:var(--s8)}
.section-title{font:var(--type-display);letter-spacing:var(--tracking-display);text-wrap:balance}
.section-lede{margin-top:var(--s2);color:var(--text-secondary);font:var(--type-lede)}
.card{--card-pad:var(--s5);padding:var(--card-pad);border:1px solid var(--border-subtle);border-radius:var(--r-xl);background:var(--bg-surface)}
@media (min-width:600px){.card{--card-pad:var(--s6)}}
.card-title{font:var(--type-heading)}
.card-heading{font:var(--type-heading)}
.lede{color:var(--text-primary);font:var(--type-lede);max-width:36em;text-wrap:pretty}
.overline{color:var(--text-tertiary);font:var(--type-overline);letter-spacing:var(--tracking-overline);text-transform:uppercase}
.page-head{padding-top:var(--s10)}
.page-head .lede{margin-top:var(--s4)}
.page-head .notice{margin-top:var(--s6);max-width:720px}
.page-title{font:var(--type-page);letter-spacing:var(--tracking-page);text-wrap:balance;max-width:20em}
@media (min-width:1024px){
 .page-head{padding-top:72px}
}
/* demo line (WEB-5) */
.demo-line{margin-top:var(--s6);padding:var(--s5);border:1px solid var(--border-subtle);border-radius:var(--r-md);background:var(--bg-surface)}
.demo-line-title{font:var(--type-body-strong);color:var(--text-primary)}
.demo-line-note{margin-top:var(--s1);font:var(--type-callout);color:var(--text-secondary)}
.demo-line-actions{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s4)}
.demo-line-talk:empty{display:none}
/* call record and transcript */
.record-card{padding:0;border:1px solid var(--border-subtle);border-radius:var(--r-lg);background:var(--bg-surface)}
.record-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--s3)}
.record-overline{display:inline-flex;align-items:center;gap:var(--s1);color:var(--text-tertiary);font:var(--type-caption)}
.record-name{margin-top:var(--s2);font:var(--type-title);letter-spacing:var(--tracking-title)}
.record-meta{margin-top:2px;color:var(--text-secondary);font:var(--type-callout)}
.thread{display:flex;flex-direction:column;gap:var(--s3)}
.turn{display:flex;flex-direction:column;align-items:flex-start}
.turn-caller{align-items:flex-end}
.turn-system{align-items:center;padding-block:var(--s1)}
.speaker{margin:0 var(--s1) var(--s1);color:var(--text-tertiary);font:var(--type-overline);letter-spacing:var(--tracking-overline);text-transform:uppercase}
.bubble{max-width:min(85%,560px);padding:10px 14px;border-radius:var(--r-md);background:var(--bg-subtle);color:var(--text-primary)}
.turn-ai .bubble{border-top-left-radius:4px}
.turn-caller .bubble{border-top-right-radius:4px;background:var(--accent-tint)}
.turn-ai + .turn-ai .bubble{border-top-left-radius:var(--r-md)}
.turn-caller + .turn-caller .bubble{border-top-right-radius:var(--r-md)}
.system-line{display:inline-flex;align-items:center;gap:var(--s1);padding:2px 10px 2px 6px;border-radius:var(--r-full);background:var(--status-confirmed-bg);color:var(--status-confirmed-fg);font:var(--type-caption);font-weight:600}
.system-line .icon{--icon-cut:var(--status-confirmed-bg)}
.thread-compact{gap:var(--s2)}
.thread-compact .bubble{padding:var(--s2) var(--s3);font:var(--type-callout)}
.receipt{display:flex;align-items:flex-start;gap:var(--s3)}
.receipt-icon{color:var(--accent-text)}
.receipt-title{font:var(--type-body-strong)}
.receipt-meta{color:var(--text-secondary);font:var(--type-callout)}
/* home: sections */
.steps{display:grid;gap:var(--s4);counter-reset:step}
.step{padding:var(--s6);border:1px solid var(--border-subtle);border-radius:var(--r-lg);background:var(--bg-surface)}
.step-number{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:var(--r-full);background:var(--accent-tint);color:var(--accent-text);font:var(--type-body-strong)}
.step .card-title{margin-top:var(--s4)}
.step p{margin-top:var(--s2);color:var(--text-secondary);font:var(--type-callout)}
@media (max-width:767px){
 .step{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:var(--s4);padding:var(--s5)}
 .step-number{grid-row:span 2}
 .step .card-title{margin-top:6px}
}
@media (min-width:768px){
 .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s6)}
}
@media (min-width:1100px){
 .steps{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.planned-grid{display:grid;gap:var(--s3)}
.planned-grid li{display:flex;align-items:center;gap:var(--s3);min-height:64px;padding:var(--s3) var(--s4);border:1px dashed var(--border-strong);border-radius:var(--r-md)}
@media (min-width:600px){
 .planned-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1024px){
 .planned-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* integrations (WEB-17 S7) */
.integration-list{display:grid;gap:var(--s3)}
.integration{display:grid;grid-template-columns:40px minmax(0,1fr);gap:var(--s2) var(--s4);align-items:start}
.integration p{margin-top:2px;color:var(--text-secondary);font:var(--type-callout)}
.integration .pill{grid-column:2;justify-self:start}
.monogram{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--r-md);background:var(--bg-subtle);font:var(--type-heading)}
.integration-note{margin-top:var(--s6);color:var(--text-secondary);font:var(--type-caption)}
@media (min-width:600px){.integration{grid-template-columns:40px minmax(0,1fr) auto}.integration .pill{grid-column:3;grid-row:1}}
/* features */
.jump-links{display:flex;gap:var(--s2);margin:calc(var(--s6) - 4px) calc(-1*var(--gutter)) 0;padding:4px var(--s6) 4px var(--gutter);overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter);scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent)}
.jump-links::-webkit-scrollbar{display:none}
.jump-links li{flex:none;scroll-snap-align:start}
@media (min-width:600px){.jump-links{flex-wrap:wrap;margin:var(--s6) 0 0;padding:0;overflow:visible;-webkit-mask-image:none;mask-image:none}}
.planned p{margin-top:var(--s2);color:var(--text-secondary);font:var(--type-callout)}
@media (max-width:599px){
 .card.planned .card-title{margin-top:var(--s2)}
 .card.planned p{margin-top:2px}
}
.card.planned{border-style:dashed;border-color:var(--border-strong);background:transparent}
.card.planned .card-title{margin-top:var(--s3)}
.demo-grid{display:grid;gap:var(--s10);align-items:start}
@media (min-width:1024px){
 .demo-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s8)}
 .demo-record{position:sticky;top:88px}
}
.demo-call-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s2) var(--s3);min-height:44px;margin-bottom:var(--s3)}
.demo-record .card-heading{display:flex;align-items:center;min-height:44px;margin-bottom:var(--s3)}
.player-controls{display:flex;gap:var(--s2)}
.record-full .record-head{padding:var(--s5) var(--s5) var(--s4)}
.record-section{padding:var(--s4) var(--s5);border-top:1px solid var(--border-subtle)}
.record-section-title{display:block;margin-bottom:var(--s3);color:var(--text-secondary);font:var(--type-caption);font-weight:600}
.receipt-icon-confirmed{color:var(--text-primary)}
.details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3) var(--s4)}
.details dt{color:var(--text-tertiary);font:var(--type-caption)}
.details dd{margin-top:2px}
.transcript summary{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);min-height:44px;margin:calc(-1 * var(--s2)) 0;list-style:none;cursor:pointer;border-radius:var(--r-sm)}
.transcript summary::-webkit-details-marker{display:none}
.transcript summary .record-section-title{margin:0}
.transcript summary::after{content:"";width:8px;height:8px;margin-right:var(--s1);border-right:2px solid var(--text-secondary);border-bottom:2px solid var(--text-secondary);transform:rotate(45deg) translate(-2px,-2px)}
.transcript[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.summary-meta{margin-left:auto;color:var(--text-tertiary);font:var(--type-caption)}
.transcript .thread{margin-top:var(--s4)}
.record-wait{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s3);min-height:200px;border-style:dashed;border-color:var(--border-strong);background:transparent;color:var(--text-secondary)}
.signup-intro{padding-top:var(--s2)}
.signup-intro .lede{margin-top:var(--s4)}
.signup-intro .notice{margin-top:var(--s5)}
.signup-intro .actions{margin-top:var(--s5)}
.signup-points{margin-top:var(--s8)}
.signup-points li{display:flex;align-items:center;gap:var(--s3);padding-block:var(--s2)}
.signup-points .feature-icon{box-sizing:content-box;padding:var(--s2);border-radius:var(--r-md);background:var(--accent-tint);color:var(--accent-text)}
.field{margin-top:var(--s5)}
.field label{display:block;font:var(--type-callout);font-weight:600}
.field-hint{margin-top:2px;color:var(--text-tertiary);font:var(--type-caption)}
.field input{display:block;width:100%;min-height:48px;margin-top:var(--s2);padding:0 var(--s3);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--bg-surface);color:var(--text-primary);font:var(--type-body)}
.field input:focus-visible{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.field input[aria-invalid="true"]{border-color:var(--status-failed-fg);box-shadow:inset 0 0 0 1px var(--status-failed-fg)}
.field-error{display:flex;align-items:flex-start;gap:6px;margin-top:var(--s2);color:var(--status-failed-fg);font:var(--type-callout)}
.field-error .icon{margin-top:3px}
.placeholder{padding-top:var(--s8)}
.placeholder .lede{margin-top:var(--s4)}
.placeholder p + p{margin-top:var(--s6)}
/* help center */
.ui-label{color:var(--text-primary);font-weight:600}
.help-crumb{margin:calc(-1 * var(--s2)) 0 var(--s2);font:var(--type-callout)}
.help-crumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2)}
.help-crumb li + li::before{content:"›";margin-right:var(--s2);color:var(--text-tertiary)}
.help-crumb li[aria-current]{color:var(--text-secondary);overflow-wrap:anywhere}
.help-crumb .text-link{text-decoration:none}
.help-crumb .text-link:hover{text-decoration:underline}
.help-section{padding-top:var(--s10);scroll-margin-top:calc(80px - var(--header-height) - var(--s2))}
.help-section:last-child{padding-bottom:var(--s16)}
.help-title{font:var(--type-title);letter-spacing:var(--tracking-title);text-wrap:balance}
.help-prose > * + *,.help-prose > .help-title + *{margin-top:var(--s4)}
.help-prose h3{margin-top:var(--s6);font:var(--type-heading)}
.help-prose h3 + *{margin-top:var(--s2)}
.help-prose p,.help-prose li{max-width:40em}
.help-list{padding-left:1.5em}
ol.help-list{list-style:decimal}
ul.help-list{list-style:disc}
.help-list li{padding-left:var(--s1)}
.help-list li + li{margin-top:var(--s2)}
.help-list li::marker{color:var(--text-tertiary)}
.legal-prose{padding-top:var(--s8);padding-bottom:var(--s8)}
.legal-prose .page-title{max-width:none}
.legal-prose h2{margin-top:var(--s10);font:var(--type-title);letter-spacing:var(--tracking-title);text-wrap:balance;scroll-margin-top:calc(80px - var(--header-height))}
.legal-prose h3{scroll-margin-top:calc(80px - var(--header-height))}
.legal-updated{color:var(--text-secondary);font:var(--type-callout)}
.legal-table-wrap{overflow-x:auto;border:1px solid var(--border-subtle);border-radius:var(--r-xl);background:var(--bg-surface)}
.legal-prose .legal-table-wrap{max-width:none}
.legal-table{width:100%;border-collapse:collapse;font:var(--type-callout)}
.legal-table th,.legal-table td{padding:var(--s3) var(--s4);text-align:left;vertical-align:top;border-top:1px solid var(--border-subtle)}
.legal-table thead th{border-top:0;color:var(--text-secondary);font:var(--type-overline);letter-spacing:var(--tracking-overline);text-transform:uppercase}
@media (max-width:599px){
 .legal-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .legal-table td{display:block;border-top:0;padding:var(--s1) var(--s4)}
 .legal-table td::before{content:attr(data-label);display:block;color:var(--text-secondary);font:var(--type-caption)}
 .legal-table tr + tr{border-top:1px solid var(--border-subtle)}
 .legal-table tr{display:block;padding:var(--s2) 0}
}
.help-card > * + *{margin-top:var(--s3)}
.help-card-title{font:var(--type-heading)}
.help-muted{color:var(--text-secondary)}
.switching-legal{margin-top:var(--s6);font:var(--type-caption)}
.help-prose .help-next{max-width:none}
.help-next{margin-top:var(--s10);padding-top:var(--s6);border-top:1px solid var(--border-subtle)}
.help-next a{display:inline-flex;flex-direction:column;justify-content:center;min-height:44px;text-decoration:none}
.help-next-label{color:var(--text-tertiary);font:var(--type-caption)}
.help-next-title{font:var(--type-heading);text-decoration:underline;text-underline-offset:3px}
.fwd{margin-top:var(--s4)}
.fwd-picker{display:grid;gap:var(--s4);padding:var(--s5);border:1px solid var(--border-subtle);border-radius:var(--r-lg);background:var(--bg-surface)}
@media (min-width:600px){
 .fwd-picker{padding:var(--s6)}
 .fwd-picker select{max-width:26rem}
}
.fwd-picker .field{margin-top:0}
.fwd-not-listed{margin-top:var(--s3);color:var(--text-secondary);font:var(--type-callout)}
.field select{display:block;width:100%;min-height:48px;margin-top:var(--s2);padding:0 var(--s3);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--bg-surface);color:var(--text-primary);font:var(--type-body)}
.field select{appearance:none;padding-right:calc(var(--s3) * 2 + 12px);background-image:linear-gradient(45deg,transparent 50%,var(--text-secondary) 50%),linear-gradient(135deg,var(--text-secondary) 50%,transparent 50%);background-position:calc(100% - var(--s3) - 6px) 50%,calc(100% - var(--s3)) 50%;background-size:6px 6px;background-repeat:no-repeat}
@media (forced-colors: active){
 .field select{appearance:auto;padding-right:var(--s3)}
}
.field select:focus-visible,.field input[type="search"]:focus-visible{border-color:var(--accent)}
.fwd-status{margin-top:var(--s3);color:var(--text-tertiary);font:var(--type-caption)}
.fwd-status:empty{display:none}
.fwd-result{margin-top:var(--s6)}
.fwd-prompt{padding:var(--s5);border:1px dashed var(--border-strong);border-radius:var(--r-md);color:var(--text-secondary)}
.fwd-heading{font:var(--type-title);letter-spacing:var(--tracking-title)}
.fwd-scope{margin-top:var(--s2);color:var(--text-secondary)}
.fwd-group{margin-top:var(--s8);color:var(--text-tertiary);font:var(--type-overline);letter-spacing:var(--tracking-overline);text-transform:uppercase}
.fwd-scope + .fwd-group{margin-top:var(--s6)}
.fwd-instruction{margin-top:var(--s3);padding:var(--s5)}
@media (min-width:600px){
 .fwd-instruction{padding:var(--s6)}
}
.fwd-scope + .fwd-instruction{margin-top:var(--s5)}
.fwd-title{font:var(--type-heading)}
.fwd-instruction > .fwd-title{margin-top:0}
.fwd-instruction > .fwd-title + .fwd-dial,.fwd-instruction > .fwd-title + .fwd-setting{margin-top:var(--s4)}
.fwd-explain,.fwd-covers,.fwd-note{margin-top:var(--s1);color:var(--text-secondary);font:var(--type-callout)}
.fwd-fits{margin-top:var(--s2);color:var(--text-primary);font:var(--type-callout);font-weight:600}
.fwd-setting{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s1) var(--s2);margin-top:var(--s4);padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--bg-subtle)}
.fwd-setting-label{flex-basis:100%;color:var(--text-tertiary);font:var(--type-overline);letter-spacing:var(--tracking-overline);text-transform:uppercase}
.fwd-setting-name{min-width:0;color:var(--text-primary);font:var(--type-heading);overflow-wrap:anywhere}
.fwd-format{margin-top:var(--s3);color:var(--text-secondary);font:var(--type-callout)}
.fwd-dial{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);margin-top:var(--s4);padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--bg-subtle)}
.fwd-dial-label{flex-basis:100%;color:var(--text-tertiary);font:var(--type-overline);letter-spacing:var(--tracking-overline);text-transform:uppercase}
.fwd-dial code{color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;font-size:1.375rem;font-weight:600;line-height:2rem;letter-spacing:0.06em;overflow-wrap:anywhere}
.fwd-number{padding:2px var(--s2);border:1px dashed var(--border-strong);border-radius:var(--r-sm);color:var(--text-secondary);font:var(--type-callout);font-style:italic}
.fwd-instruction .help-list{margin-top:var(--s4)}
.fwd-instruction ul.help-list{color:var(--text-secondary);font:var(--type-callout)}
.fwd-instruction .pill{margin-top:var(--s4);padding-left:10px}
.fwd-source{margin-top:var(--s3);color:var(--text-tertiary);font:var(--type-caption);overflow-wrap:anywhere}
.fwd-generic > p,.fwd-generic > .help-list{margin-top:var(--s3)}
.fwd-generic > p{color:var(--text-secondary)}
.help-verified{margin-top:var(--s6)}
.help-affiliation{font:var(--type-callout)}
.help-outcomes{display:grid;gap:var(--s3)}
@media (min-width:600px){
 .help-outcomes{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.help-ways{display:grid;gap:var(--s3)}
.help-ways > li{max-width:none}
@media (min-width:600px){
 .help-ways{grid-template-columns:repeat(2,minmax(0,1fr))}
 .help-ways > :first-child{grid-column:1 / -1}
}
.help-outcome p{margin-top:var(--s2);color:var(--text-secondary);font:var(--type-callout)}
.help-ways .help-card > * + *{margin-top:var(--s2)}
.help-ways p:last-child{color:var(--text-secondary)}
.help-tag{display:inline-flex;padding:2px 10px;border-radius:var(--r-full);background:var(--accent-tint);color:var(--accent-text);font:var(--type-caption);font-weight:600}
.help-planned{grid-template-columns:minmax(0,1fr)}
@media (min-width:600px){
 .help-planned{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* WEB-18 S1: section shell, band, head, split row, screen frame, list rows, (i) popover, trade row, capture window */
.sec{padding-block:var(--section-y)}
.sec+.sec{padding-top:0}
.sec.band+.sec,.sec+.sec.band{padding-top:var(--section-y)}
.band{background:var(--band)}
@media (min-width:1200px){.band{margin-inline:16px;border-radius:32px}}
.head{max-width:var(--measure);margin-bottom:var(--s6)}
.head.center{margin-inline:auto;text-align:center}
.head .lede{margin-top:var(--s3);color:var(--text-secondary)}
.title{font:var(--type-display);letter-spacing:var(--tracking-display);text-wrap:balance}
.more{margin-top:var(--s8)}
@media (min-width:960px){.head{margin-bottom:var(--s8)}}
.split-row{display:grid;gap:var(--s8);align-items:center}
.split-copy .rows{margin-top:var(--s5)}
.split-copy .title{max-width:12em}
.split-pic{display:flex;justify-content:center}
@media (min-width:960px){.split-row{grid-template-columns:1fr 1fr;gap:96px}.split-row.flip .split-copy{order:2}}
.screen{width:280px;margin:0;container-type:inline-size}
.screen img{display:block;width:100%;height:auto;border-radius:13.7cqw;box-shadow:var(--frame-ring);background:#fff}
.screen figcaption{margin-top:var(--s4);font:600 1.0625rem/1.4 var(--font-family);text-align:center}
@media (min-width:960px){.screen{width:300px}}
.rows{border-top:1px solid var(--border-subtle)}
.rows>li{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--s3);align-items:start;padding:var(--s5) 0;border-bottom:1px solid var(--border-subtle)}
.claim{font:600 1.1875rem/1.4 var(--font-family)}
.line{grid-column:1;margin-top:2px;color:var(--text-secondary);font:400 1.0625rem/1.5 var(--font-family)}
.info{flex:none;display:inline-grid;place-items:center;width:44px;height:44px;margin:-10px 0;padding:0;border:0;border-radius:50%;background:none;color:var(--text-tertiary);cursor:pointer;vertical-align:middle}
.info svg{width:20px;height:20px}
.info:hover{background:var(--bg-subtle);color:var(--text-primary)}
.info-pop{width:min(340px,calc(100vw - 2 * var(--s5)));margin:auto;padding:var(--s4) var(--s5);border:0;border-radius:16px;background:var(--bg-surface);box-shadow:var(--frame-ring);color:var(--text-primary);font:var(--type-callout)}
.info-pop::backdrop{background:var(--scrim)}
.info-pop strong{display:block;margin-bottom:var(--s1)}
@media (max-width:599px){.info-pop{inset:auto 0 0;width:auto;margin:0;padding:var(--s6) var(--s5) var(--s10);border-radius:24px 24px 0 0}}
@media (prefers-reduced-motion:no-preference){.info-pop{transition:opacity 160ms var(--ease-out),transform 160ms var(--ease-out),display 160ms allow-discrete,overlay 160ms allow-discrete}.info-pop:not(:popover-open){opacity:0;transform:scale(.98)}@starting-style{.info-pop:popover-open{opacity:0;transform:scale(.98)}}}
.photo{margin:0;overflow:hidden;aspect-ratio:3/2;border-radius:20px;background:var(--bg-subtle)}
.photo img{width:100%;height:100%;object-fit:cover}
.trades{border-top:1px solid var(--border-subtle)}
.trades a{display:grid;grid-template-columns:auto 1fr auto;column-gap:var(--s4);align-items:baseline;padding:var(--s5) 0;border-bottom:1px solid var(--border-subtle);color:inherit;text-decoration:none}
.t-time{min-width:5.2ch;font:700 1.75rem/1 var(--font-family);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.t-name{font:var(--type-title);letter-spacing:var(--tracking-title)}
.t-line{grid-column:2/4;color:var(--text-secondary);font:400 1.0625rem/1.5 var(--font-family)}
.chev{grid-column:3;grid-row:2;width:9px;height:9px;border-top:2px solid var(--text-tertiary);border-right:2px solid var(--text-tertiary);transform:rotate(45deg)}
.trades .photo{grid-column:1/-1;margin-bottom:var(--s5)}
@media (min-width:960px){
 .trades{display:grid;grid-template-columns:repeat(3,1fr);column-gap:var(--s12);border-top:0}
 .trades li+li{position:relative}
 .trades li+li::before{content:"";position:absolute;inset:0 auto 0 calc(var(--s6) * -1);border-left:1px solid var(--border-subtle)}
 .trades a{grid-template-columns:1fr auto;padding:0;border-bottom:0;row-gap:var(--s2)}
 .trades .photo{margin-bottom:var(--s3)}
 .t-time,.t-name{grid-column:1}
 .t-line{grid-column:1/-1}
 .chev{grid-row:3}
}
.shot-win{height:232px;overflow:hidden;border-radius:20px;background:var(--bg-canvas);box-shadow:var(--frame-ring)}
.shot-win img{width:100%;height:auto}
@media (min-width:960px){.shot-win{height:260px}}
html.locked{overflow:hidden}
@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.sec .head,.split-pic .screen,.trades .photo{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% entry 40%}@keyframes reveal{from{opacity:0;transform:translateY(16px)}}}}
/* motion */
@media (prefers-reduced-motion:no-preference){
 html{scroll-behavior:smooth}
 .button,.menu-button{transition:background-color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}
 .button:active,.menu-button:active{transform:scale(0.98)}
 .js .site-nav.is-open{animation:drop 240ms var(--ease-out)}
}
@keyframes rise{
 from{opacity:0;transform:translateY(8px)}
}
@keyframes drop{
 from{opacity:0;transform:translateY(-8px)}
}
@keyframes fade{
 from{opacity:0}
}
/* WEB-10 a real call */
.proof-player{display:grid;gap:var(--s3);margin-bottom:var(--s6);padding:var(--s4)}
.proof-player audio{width:100%}
.proof-row{display:flex;align-items:center;gap:var(--s3)}
.proof-play{flex:none;width:44px;min-width:44px;min-height:44px;padding:0;border-radius:50%}
.proof-play[aria-label^="Pause"] .icon-play,.proof-play:not([aria-label^="Pause"]) .icon-pause{display:none}
.proof-seek{flex:1 1 auto;min-width:0;min-height:44px;accent-color:var(--accent)}
.proof-time{flex:none;color:var(--text-secondary)}
.proof-error{margin:0;color:var(--text-secondary)}
.proof-error:empty{display:none}
.redacted,.proof-fine{color:var(--text-secondary)}
.proof-fine{margin-top:var(--s6)}
/* GTM-9 S9 missed-call calculator */
.calc-form{padding:var(--s6) var(--s4)}
.calc-form .button-block{margin-top:var(--s8)}
.calc-error{margin-top:var(--s5)}
.calc-result{margin-top:var(--s6);padding:var(--s6) var(--s4)}
.calc-figure{font:var(--type-title);letter-spacing:var(--tracking-title)}
.calc-sum{margin-top:var(--s3);color:var(--text-secondary);font:var(--type-callout);overflow-wrap:anywhere}
.calc-notes{margin-top:var(--s6)}
.calc-notes > * + *{margin-top:var(--s3)}
.calc-actions{margin-top:var(--s8)}
.calc-email{margin-top:var(--s4)}
@media (min-width:600px){
 .calc-form,.calc-result{padding:var(--s8)}
 .calc-figure{font-size:1.75rem;line-height:2.25rem}
}
.closing-panel{display:grid;justify-items:center;gap:var(--s4);padding:var(--s12) var(--s5);text-align:center}
.closing-panel .actions{justify-content:center}
/* night panel,orb,chips (WEB-15 S2) */
.night{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgb(255 255 255 / .08);border-radius:var(--r-panel);background:var(--night-bg);color:var(--night-text)}
.night :is(p,li,small){color:var(--night-text-2)}
.night :is(h1,h2,h3,strong){color:var(--night-text)}
.night a:not(.button){color:var(--night-text)}
.night-glow{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.glow{position:absolute;aspect-ratio:1;border-radius:50%;filter:blur(60px)}
.glow-indigo{top:-30%;left:-12%;width:60%;background:var(--glow-indigo);opacity:var(--glow-indigo-opacity)}
.glow-teal{right:-10%;bottom:-35%;width:55%;background:var(--glow-teal);opacity:var(--glow-teal-opacity)}
.glow-core{top:10%;right:5%;width:45%;background:var(--glow-core);opacity:var(--glow-core-opacity)}
.night .button-primary{background:#fff;color:var(--night-bg)}
.night .button-secondary{background:transparent;border-color:rgb(255 255 255 / .32);color:var(--night-text)}
.night :focus-visible{outline-color:#8c96ff}
.orb{--orb-size:112px;display:grid;flex:none;place-items:center;width:var(--orb-size);height:var(--orb-size);border-radius:50%;background:radial-gradient(60% 60% at 28% 28%,color-mix(in srgb,var(--glow-indigo) 75%,transparent),transparent 72%),radial-gradient(60% 60% at 72% 72%,color-mix(in srgb,var(--glow-teal) 80%,transparent),transparent 72%),var(--orb-disc)}
.orb img{width:67%;height:auto}
.orb-md{--orb-size:72px}
.chips{display:flex;flex-wrap:wrap;gap:var(--s2)}
.chip{display:inline-flex;align-items:center;min-height:32px;padding:0 var(--s3);border:1px solid var(--border-strong);border-radius:var(--r-full);background:var(--bg-surface);color:var(--text-primary);font:var(--type-callout)}
.jump-links a{display:inline-flex;align-items:center;gap:var(--s2);min-height:44px;padding:0 var(--s4);border:1px solid var(--border-strong);border-radius:var(--r-full);background:var(--bg-surface);color:var(--text-primary);font:var(--type-callout);font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer}
.jump-links a:hover{background:var(--bg-subtle)}
@supports (corner-shape:squircle){.night,.card,.record-card,.button,.chip,.pill,.band,.screen img,.photo,.shot-win,.info-pop{corner-shape:squircle}}
@media (prefers-reduced-transparency:reduce){.night .glow{filter:none}}
/* print */
@media print{
 :root{color-scheme:light;--bg-canvas:white;--bg-surface:white;--bg-subtle:white;--border-subtle:silver;--border-strong:gray;--text-primary:black;--text-secondary:black;--text-tertiary:black;--accent:black;--accent-text:black;--accent-tint:white;--status-unknown-fg:black;--status-unknown-bg:white;--status-confirmed-fg:black;--status-confirmed-bg:white;--status-pending-fg:black;--status-pending-bg:white;--status-attention-fg:black;--status-attention-bg:white;--status-attention-solid:white;--status-attention-solid-label:black}
 html,body{background:white;color:black}
 *,*::before,*::after{box-shadow:none !important;animation:none !important;transition:none !important}
 .skip-link,.site-nav,.menu-button,.menu-button[hidden],.header-cta,.header-signin,.footer-nav,.fwd-picker,.fwd-not-listed,.help-search,.help-crumb,.jump-links,.help-next{display:none !important}
 .site-header{position:static}
 .page-head,.help-section{padding-top:var(--s6)}
 .site-footer{padding:var(--s6) 0 0}
 .fwd-dial,.fwd-setting{border:1px solid gray}
 .fwd-instruction{break-inside:avoid}
 h1,h2,h3,.fwd-scope{break-after:avoid}
 .fwd-source a::after{content:" (" attr(href) ")"}
}