/* Hero component tokens; the rest of the page keeps design.css's light identity. */
.hero-shell{--hero-bg:#111a32;--hero-accent:#137bff;--hero-accent-soft:#9bc3ff;--hero-text:#f7f8fd;--hero-copy:#c5cde0;--hero-source-bg:#1a2540;--hero-source-line:#39435d;--hero-action:#0068e0;--hero-action-hover:#015ac4;background:var(--hero-bg);color:var(--hero-text)}
.hero-shell .hero{min-height:0;grid-template-columns:1.06fr 1fr;gap:48px;padding-block:32px;align-items:center}
.hero-shell .hero::before{content:none}
.hero-shell .hero-copy{min-width:0;max-width:580px}
.hero-shell .hero h1{font-size:clamp(35px,3.35vw,48px);font-weight:750;line-height:1.12;letter-spacing:-.045em;color:var(--hero-text);margin:0 0 20px;text-wrap:balance}
.hero-shell .hero h1>span{display:block;margin-top:0}
.hero-shell .hero h1>.hero-title-next{margin-top:10px}
.hero-shell .hero h1 em{color:var(--hero-accent)}
.hero-shell .hero .eyebrow{margin-bottom:18px;color:var(--hero-accent-soft)}
.hero-shell .pill{background:var(--hero-source-bg);border-color:var(--hero-source-line);font-size:9px;padding:7px 10px}
.hero-shell .hero-description{color:var(--hero-copy);font-size:15px;line-height:1.65;max-width:515px;margin-bottom:15px}
.hero-shell .hero-support{color:var(--hero-text);font-size:13px;line-height:1.7;max-width:475px;margin-bottom:23px}
.hero-shell .hero-actions{gap:10px 20px}
.hero-shell .hero-actions .button{background:var(--hero-action);color:var(--white);min-height:50px;padding:13px 18px;font-size:13px;box-shadow:none}
.hero-shell .hero-actions .button:hover{background:var(--hero-action-hover)}
.hero-shell .text-link{color:var(--hero-text);font-size:12px;min-height:44px}
.hero-shell .text-link:hover{color:var(--hero-accent-soft)}
.hero-shell :focus-visible{outline-color:var(--hero-accent-soft)}
.hero-shell .hero-visual{padding:0;min-width:0;max-width:560px;width:100%;margin-inline:auto;isolation:isolate}
.hero-shell .hero-visual::after{content:'';position:absolute;inset:12% -2% 5%;z-index:-1;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--hero-accent) 22%,transparent),transparent 70%)}
.hero-shell .visual-label{font-size:9px;letter-spacing:.11em;color:var(--hero-copy);margin-bottom:12px}
.hero-shell .tiny-mark{background:var(--hero-accent)}
.hero-shell .hero .source-card{width:calc(100% - 56px);margin:0;padding:12px 15px;background:var(--hero-source-bg);border:1px solid var(--hero-source-line);border-radius:12px;box-shadow:none}
.hero-shell .source-heading{color:var(--hero-accent-soft);font-size:10px;margin-bottom:5px;gap:7px}
.hero-shell .source-heading>.icon{width:16px;height:16px}
.hero-shell .source-ai-tag{background:var(--hero-bg);color:var(--hero-accent-soft);border-color:var(--hero-source-line);font-size:8px}
.hero-shell .source-card strong{color:var(--hero-text);font-size:12px}
.hero-shell .hero .source-card p{color:var(--hero-copy);font-size:11px;line-height:1.5;margin:4px 0 6px}
.hero-shell .source-foot{color:var(--hero-copy);font-size:9px}
.hero-shell .hero .source-connector{top:48px;right:6px;width:48px;height:105px;color:var(--hero-accent-soft)}
.hero-shell .energy-connector{stroke:var(--hero-accent-soft)}
.hero-shell .energy-track{stroke:var(--hero-accent-soft);opacity:.6}
.hero-shell .hero .chat-window{--violet:#0163d6;--violet-dark:#0151b2;margin:14px 0 0 14px;border:1px solid var(--line);border-radius:14px;background:var(--white);box-shadow:0 18px 45px color-mix(in srgb,var(--hero-bg) 45%,transparent)}
.hero-shell .hero .window-top{padding:6px 13px;font-size:9px;background:var(--soft);color:var(--muted)}
.hero-shell .hero .agent-head{padding:10px 13px;background:var(--white);gap:10px}
.hero-shell .hero .agent-head .hero-ai-avatar{width:36px;height:36px;border-radius:11px;box-shadow:none}
.hero-shell .hero-ai-avatar .icon{width:24px;height:24px}
.hero-shell .agent-head .hero-agent-identity>.agent-kind{color:var(--violet-dark);font-size:7px;margin-bottom:2px}
.hero-shell .hero .chat-body{height:360px;min-height:0;padding:12px;gap:7px;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;background:var(--white);scrollbar-color:var(--line) var(--white);scrollbar-width:thin}
.hero-shell .hero .bubble{font-size:11px;line-height:1.5;padding:6px 10px;max-width:94%;border-radius:10px}
.hero-shell .hero .bubble.user{background:var(--hero-bg);border-bottom-right-radius:3px}
.hero-shell .hero .bubble.assistant{background:var(--lavender);border-bottom-left-radius:3px;border-color:var(--line)}
.hero-shell .hero .bubble small{font-size:8px;line-height:1.4;margin-top:4px}
.hero-shell .hero .chat-bottom{min-height:34px;padding:7px 12px;background:var(--soft);font-size:9px}
.hero-shell .visual-endnote{color:var(--hero-copy);font-size:9px;margin-top:10px}
.hero-shell .visual-endnote .icon{color:var(--hero-accent-soft)}
.hero-shell .typing-indicator{padding:8px 11px;min-height:33px;max-width:100%;font-size:9px}
.hero-shell .typing-indicator>small{font-size:8px}
.hero-shell .hero .chat-body:focus-visible{outline-color:var(--violet);outline-offset:-4px}
@media(max-width:1100px){.hero-shell .hero{gap:30px;padding-block:28px}.hero-shell .hero h1{font-size:36px}.hero-shell .hero-description{font-size:14px}.hero-shell .hero-actions{gap:4px 15px}.hero-shell .hero .chat-body{height:390px}}
@media(max-width:850px){.hero-shell .hero{grid-template-columns:1fr;gap:30px;padding-block:36px}.hero-shell .hero-copy{max-width:660px}.hero-shell .hero h1{font-size:clamp(34px,5.4vw,44px);max-width:640px}.hero-shell .hero-description{max-width:570px}.hero-shell .hero-visual{max-width:550px}.hero-shell .hero .chat-body{height:390px}.hero-shell .hero .bubble{font-size:12px}.hero-shell .hero .bubble small{font-size:8px}.hero-shell .hero .source-card{width:calc(100% - 50px)}.hero-shell .hero .source-connector{right:4px}.hero-shell .hero-actions .button{font-size:13px}}
@media(max-width:620px){.hero-shell .hero{padding-block:28px;gap:28px}.hero-shell .hero h1{font-size:clamp(31px,8.4vw,40px);line-height:1.15;letter-spacing:-.04em}.hero-shell .hero h1>.hero-title-next{margin-top:9px}.hero-shell .hero .eyebrow{font-size:8px;letter-spacing:.09em;margin-bottom:16px}.hero-shell .hero-description{font-size:14px;line-height:1.65}.hero-shell .hero-support{font-size:12px;margin-bottom:18px}.hero-shell .hero-actions{align-items:stretch;flex-direction:column;gap:5px}.hero-shell .hero-actions .button{width:100%;min-height:50px}.hero-shell .text-link{align-self:flex-start}.hero-shell .visual-label{font-size:8px}.hero-shell .hero .source-card{padding:11px 12px;width:calc(100% - 38px)}.hero-shell .hero .source-connector{width:34px;right:2px;top:53px;height:108px}.hero-shell .hero .chat-window{margin-left:0;margin-top:12px}.hero-shell .hero .agent-head{padding:10px;gap:9px}.hero-shell .hero .agent-head .hero-ai-avatar{width:32px;height:32px}.hero-shell .agent-head .hero-agent-identity>.agent-kind{font-size:6px;letter-spacing:.04em}.hero-shell .hero .chat-body{height:450px;padding:10px;gap:7px}.hero-shell .hero .bubble{font-size:11.5px;max-width:96%;padding:7px 9px}.hero-shell .hero .bubble small{font-size:8px}.hero-shell .visual-endnote{justify-content:flex-start}.hero-shell .hero-visual::after{inset:15% 0 10%}}
@media(prefers-reduced-motion:reduce){.hero-shell .hero-visual>.source-card{transform:none;will-change:auto}}
@media(forced-colors:active){.hero-shell{background:Canvas;color:CanvasText}.hero-shell .hero-visual::after{display:none}.hero-shell :is(h1,.hero-description,.hero-support,.text-link,.visual-label,.source-heading,.source-card strong,.source-card p,.source-foot,.visual-endnote,.source-ai-tag){color:CanvasText}.hero-shell .hero .source-card{background:Canvas;border-color:CanvasText}.hero-shell .hero-actions .button{background:ButtonFace;color:ButtonText;border-color:ButtonText}.hero-shell .hero .chat-window{box-shadow:none}.hero-shell .hero .chat-body{scrollbar-color:auto}.hero-shell .hero h1 em{color:LinkText}.hero-shell :focus-visible{outline-color:Highlight}}
.hero-shell .hero h1 .hero-type-line{position:relative;white-space:nowrap;text-wrap:nowrap;min-height:1.12em}
.hero-type-reserve{visibility:hidden;display:inline-block;padding-right:.5em}
.hero-type-slot{position:relative;display:inline-block;vertical-align:baseline}
.hero-type-content{position:absolute;inset:0 auto auto 0;display:inline-flex;align-items:baseline;white-space:nowrap}
.hero-type-cursor{color:var(--hero-accent-soft);font-weight:400;margin-left:.06em}
.hero-channels{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:13px}
.hero-channels>span{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:5px 9px;border:1px solid var(--hero-source-line);border-radius:7px;background:color-mix(in srgb,var(--hero-bg) 72%,var(--hero-source-bg));color:var(--hero-text);font-size:10px;line-height:1.3}
.hero-channels .icon{width:14px;height:14px;color:var(--hero-accent-soft)}
.hero-channels>span:first-child .icon{color:#71d8a1}
@media(max-width:620px){.hero-shell .hero h1{font-size:clamp(24px,6.7vw,40px)}}
@media(prefers-reduced-motion:reduce){.hero-type-cursor{display:none}}