/* AI follows the concept's existing brand tokens and typography. */
.nav>nav{gap:22px}
.ai-section{border-bottom:1px solid var(--line);overflow:hidden}
.ai-section .section-heading{align-items:flex-end;margin-bottom:52px}
.ai-section h2{font-size:clamp(48px,5vw,76px)}
.ai-section .section-heading>p{max-width:35ch}
.ai-example-layout{display:grid;grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);gap:40px;align-items:start}
.ai-example-tabs{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.ai-example-tabs button{position:relative;text-align:left;background:transparent;padding:24px 20px;min-height:112px;border-bottom:1px solid var(--line);color:var(--muted)}
.ai-example-tabs strong{display:block;font:18px/1.35 'Vault Grotesk',sans-serif;color:var(--ink)}
.ai-example-tabs span{display:block;font-size:11px;line-height:1.8;margin-top:10px;max-width:27ch}
.ai-example-tabs button[aria-selected=true]{background:#c8ff2e0b;box-shadow:inset 3px 0 var(--accent)}
.ai-example-tabs button[aria-selected=true] strong{color:var(--accent)}
.ai-example-tabs button:hover{background:#c8ff2e0b}
.ai-example-stage{min-width:0;background:var(--surface);border:1px solid #49544e;box-shadow:10px 10px 0 #20281e;transform:perspective(1600px) rotateY(-1deg);transform-origin:left center}
.ai-example-label{padding:16px 26px;display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted)}
.ai-example-label .live-dot{border-radius:0;width:7px;height:7px}
.ai-example-panel{padding:26px;min-height:530px;animation:ai-panel-in 180ms cubic-bezier(.2,.7,.2,1)}
.ai-example-panel[hidden]{display:none}
.ai-context{padding-bottom:23px;border-bottom:1px solid var(--line)}
.ai-context h3{font:14px/1.5 'Vault Grotesk',sans-serif}
.ai-source{font-size:10px;line-height:1.8;color:var(--muted);margin-top:7px}
.ai-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:22px 0 0}
.ai-metrics>div{min-width:0}
.ai-metrics dt{font-size:10px;color:var(--muted)}
.ai-metrics dd{margin:6px 0 0;font:clamp(17px,1.7vw,25px)/1.3 'Vault Grotesk',sans-serif;color:var(--accent)}
.ai-question{display:grid;grid-template-columns:36px 1fr;gap:14px;align-items:start;margin:25px 0}
.ai-question>span{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);font:10px 'Vault Grotesk',sans-serif;color:var(--muted)}
.ai-question p{padding-top:4px;font-size:13px;max-width:59ch}
.ai-answer{padding:23px 24px;background:var(--canvas);border-left:2px solid var(--accent)}
.ai-answer-byline{font:11px/1.5 'Vault Grotesk',sans-serif;color:var(--accent);margin-bottom:13px}
.ai-answer h4{font:17px/1.45 'Vault Grotesk',sans-serif;margin:0 0 14px}
.ai-answer p:not(.ai-answer-byline){font-size:12px;line-height:1.9;color:#c5cbc8;max-width:65ch}
.ai-answer p+p{margin-top:12px}
.ai-review-note{font-size:10px;color:var(--muted);margin-top:18px;line-height:1.8}
.ai-section-footer{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;margin-top:48px}
.ai-control-copy h3{font:23px/1.4 'Vault Grotesk',sans-serif;margin-bottom:12px}
.ai-control-copy p{font-size:12px;color:var(--muted);max-width:64ch;line-height:1.9}
.ai-availability{font-size:10px;color:var(--muted);margin-top:18px;max-width:44ch}
.ai-section-footer .button{min-width:230px}
.dashboard-new-features article>.text-link{font-size:12px;color:var(--accent);margin-top:16px}
@keyframes ai-panel-in{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.nav>nav{gap:14px;font-size:11px}.ai-example-layout{gap:24px;grid-template-columns:220px minmax(0,1fr)}.ai-example-tabs strong{font-size:16px}.ai-example-panel{padding:22px}.ai-section-footer{gap:25px}}
@media(min-width:761px) and (max-width:1000px){.nav>nav:not(#mobile-nav),.signin{display:none}.menu{display:block}.nav #mobile-nav:not([hidden]){display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;padding:22px;background:var(--surface);border-bottom:1px solid var(--line);gap:4px}.nav #mobile-nav a{padding:10px;font-size:14px}}
@media(max-width:760px){.ai-section .section-heading{margin-bottom:30px}.ai-section .section-heading h2{font-size:clamp(43px,10.9vw,78px)}.ai-example-layout{display:block}.ai-example-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:0;gap:6px;margin-bottom:22px}.ai-example-tabs button{min-height:64px;padding:11px 9px;text-align:center;border:1px solid var(--line)}.ai-example-tabs strong{font-size:10px;line-height:1.5}.ai-example-tabs span{display:none}.ai-example-tabs button[aria-selected=true]{background:var(--accent);box-shadow:none;border-color:var(--accent)}.ai-example-tabs button[aria-selected=true] strong{color:var(--canvas)}.ai-example-stage{box-shadow:6px 6px 0 #20281e;transform:none}.ai-example-label{font-size:8px;padding:14px 16px;gap:8px}.ai-example-panel{padding:20px 16px;min-height:640px}.ai-context h3{font-size:12px}.ai-source{font-size:9px}.ai-metrics{gap:10px}.ai-metrics dt{font-size:8px}.ai-metrics dd{font-size:16px}.ai-question{gap:10px;grid-template-columns:30px 1fr;margin:22px 0}.ai-question>span{width:30px;height:30px;font-size:8px}.ai-question p{font-size:12px;padding-top:1px}.ai-answer{padding:19px 16px}.ai-answer h4{font-size:16px}.ai-answer p:not(.ai-answer-byline){font-size:12px}.ai-review-note{font-size:9px}.ai-section-footer{display:block;margin-top:35px}.ai-control-copy h3{font-size:21px}.ai-section-actions{margin-top:28px}.ai-availability{max-width:40ch}.ai-section-actions .button{font-size:12px;min-width:0;width:100%;max-width:345px}.hero-description{max-width:43ch}.sculpture{top:440px;height:320px}.hero{min-height:900px}}
@media(max-width:360px){.hero{min-height:960px}.sculpture{top:500px}.ai-example-panel{min-height:735px}.ai-example-tabs button{padding-inline:5px}.ai-metrics dd{font-size:14px}.ai-metrics dt{font-size:8px}.ai-example-label{font-size:7px}}
@media(prefers-reduced-motion:reduce){.ai-example-panel{animation:none}.ai-example-stage{transform:none}}