/* 3.4 — capabilities first; the homepage demo owns the pinned agent. */
.site-header{height:68px;gap:24px}.brand .official-logo{width:205px;height:54px}.desktop-nav{gap:24px}.desktop-nav a{font-size:12px}
.hero{padding-top:24px}.hero-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,410px);align-items:center;gap:30px;margin-bottom:22px}.hero-heading{min-width:0}.hero .eyebrow{font-size:9px;letter-spacing:.08em;margin-bottom:10px}.hero-doctrine{font-size:clamp(29px,2.55vw,42px);line-height:1.12;letter-spacing:-.035em;font-weight:600}.doctrine-statement{font-size:18px;line-height:1.4;margin-top:7px;color:#bcbcbc}.hero-intro .hero-description{display:block;width:auto;max-width:none;margin:0;padding:4px 0 4px 28px;border-top:0;border-left:1px solid #343434;justify-self:stretch}.hero-description .hero-promise{font-size:16px;line-height:1.4;font-weight:500;margin-bottom:4px}.hero-description .hero-promise+p{font-size:12px;line-height:1.5}.hero-buttons{margin-top:12px;display:flex;gap:16px}.hero-buttons .button{min-height:42px;padding:9px 14px;font-size:11px;gap:14px}.hero-buttons .text-link{font-size:10px;white-space:nowrap;min-height:42px}.hero-bottom{padding:12px 0 0}.hero-bottom>span{font-size:8px}.hero-bottom>div{font-size:11px;gap:15px}
.product-tour{padding-top:20px;margin-top:18px}.tour-tabs{gap:7px;padding-bottom:13px}.tour-tabs button{flex:0 0 auto;min-height:44px;padding:9px 20px;font-size:12px}.tour-tabs button svg{width:17px;height:17px}.tour-navigation>.eyebrow{margin-bottom:9px}.product-tour>[role=tabpanel]{padding-top:18px}.product-tour h2,.product-tour .section-heading h2,.section-heading h2{font-size:clamp(24px,2.3vw,32px);line-height:1.18;letter-spacing:-.025em}.product-tour .boone-section{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:32px;align-items:start}.boone-copy{padding-top:5px}.boone-copy>p:not(.eyebrow){max-width:460px;margin-top:14px;font-size:13px;line-height:1.7}.boone-copy>.text-link{margin-top:14px}.conversation-body{min-height:0;padding:20px}.conversation{margin-top:0}.conversation .boone-identity small{font-size:9px;letter-spacing:.03em}.conversation-top{padding:14px 18px}.membership-section{padding-top:30px}.field-testing-intro h2{font-size:28px}

/* Homepage workspace. Agent geometry is independent of its conversation length. */
.command-preview { --preview-map-height: clamp(550px, calc(100svh - 285px), 650px); }
.preview-workspace { grid-template-columns: minmax(0, 1fr) clamp(350px, 28vw, 400px); height: var(--preview-map-height); }
.terrain-view { height: 100%; min-width: 0; }
#homepageAgent { --agent-line:#ffffff12; display:grid; grid-template-rows:auto auto minmax(0,1fr) auto; height:100%; min-height:0; min-width:0; overflow:hidden; position:relative; isolation:isolate; background:#111212; border-left:1px solid #ffffff20; color:#f1f1ef; }
#homepageAgent *,#homepageAgent *::before,#homepageAgent *::after { box-sizing:border-box; }
#homepageAgent [hidden] { display:none!important; }
#homepageAgent button,#homepageAgent a { -webkit-tap-highlight-color:transparent; }
#homepageAgent button:focus-visible,#homepageAgent a:focus-visible,#homepageAgent summary:focus-visible,#homepageAgent input:focus-visible { outline:2px solid #ffd24a; outline-offset:3px; }
#homepageAgent .agent-header { min-height:65px; padding:12px 18px; display:flex; gap:11px; align-items:center; background:linear-gradient(120deg,#1c1d1b,#131414 70%); border-bottom:1px solid var(--agent-line); }
.agent-symbol { display:grid; place-content:center; width:36px; height:36px; border-radius:11px; border:1px solid #ffd24a60; background:linear-gradient(145deg,#29281f,#181916); font:600 19px var(--display); color:#f5f4ed; position:relative; flex-shrink:0; box-shadow:inset 0 1px #ffffff0d; }
.agent-symbol>span { color:#ffd24a; position:absolute; right:6px; bottom:3px; }
.agent-identity { min-width:0; flex:1; }
#homepageAgent .agent-identity strong { display:block; font:600 19px/1.15 var(--display); letter-spacing:-.03em; }
#homepageAgent .agent-identity>span { display:block; font:11px/1.5 var(--font); color:#b7b8b1; margin-top:3px; }
.agent-demo-badge { font:8px var(--mono); color:#b9bab2; letter-spacing:.08em; display:flex; align-items:center; gap:6px; }
.agent-demo-badge i { width:4px; height:4px; border-radius:50%; background:#ffd24a; }
#homepageAgent .agent-close { display:none; border:1px solid #ffffff18; background:#ffffff04; border-radius:10px; width:44px; height:44px; font:24px var(--font); color:#c8c9c3; flex-shrink:0; }
.agent-context { padding:0 18px 12px; border-bottom:1px solid var(--agent-line); background:#131414; }
.agent-property-line { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:40px; }
.agent-ground { display:flex; align-items:center; min-width:0; gap:7px; color:#c6c7be; font:11px var(--font); }
.agent-ground>span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.agent-ground svg { width:13px; height:13px; flex-shrink:0; color:#898e80; }
#agentExploreToggle { display:flex; align-items:center; gap:7px; padding:0 0 0 8px; min-height:40px; flex-shrink:0; font:500 11px var(--display); color:#f1d97e; }
#agentExploreToggle:hover { color:#ffe393; }
.agent-explore-icon { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1; }
.agent-live-data { display:grid; grid-template-columns:1.35fr 1fr .9fr; gap:10px; }
.agent-live-data>div { min-width:0; }
.agent-live-data small { display:block; font:8px/1.4 var(--mono); color:#8e9289; letter-spacing:.05em; margin-bottom:3px; }
.agent-live-data strong { display:block; font:500 12px/1.4 var(--display); color:#e0e3d9; overflow-wrap:anywhere; }
.agent-live-data em { font:400 10px var(--font); color:#afb4a7; }
.agent-viewport { min-height:0; min-width:0; overflow:hidden; position:relative; }
.agent-conversation-view { height:100%; min-height:0; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#45483e transparent; padding:18px 18px 22px; }
.agent-thread-label { display:flex; align-items:center; gap:8px; margin-bottom:12px; font:10px var(--display); color:#969d8d; }
.agent-thread-label span:last-child { margin-left:auto; font:7px var(--mono); letter-spacing:.1em; color:#7f8775; }
#homepageAgent .agent-context-notice { font:11px/1.5 var(--font); padding:8px 10px; border-left:2px solid #ffd24a80; margin:0 0 12px; color:#d6d3bb; background:#ffd24a06; }
#homepageAgent .agent-question { font:500 14px/1.5 var(--display); color:#f2f3ed; margin:0 0 16px; padding:11px 13px; background:#ffffff06; border:1px solid #ffffff0b; border-radius:10px 10px 3px 10px; overflow-wrap:anywhere; }
#homepageAgent .agent-question:focus { outline:none; }
#homepageAgent .agent-answer>strong { display:block; color:#f0d978; font:500 13px/1.45 var(--display); margin-bottom:7px; }
#homepageAgent .agent-answer p { color:#c4c9bd; font:13px/1.65 var(--font); margin:0; overflow-wrap:anywhere; }
#homepageAgent .agent-next { margin-top:16px; display:grid; gap:10px; }
#homepageAgent .agent-primary-action { width:100%; display:flex; align-items:center; justify-content:space-between; gap:12px; border:1px solid #ffe27a; background:#ffd24a; color:#11130c; font:600 12px/1.4 var(--display); min-height:46px; padding:11px 14px; border-radius:8px; text-align:left; box-shadow:inset 0 1px #fff5; }
#homepageAgent .agent-primary-action:hover { background:#ffe174; }
#homepageAgent .agent-primary-action svg { width:17px; height:17px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.5; }
#homepageAgent .agent-details { border-bottom:1px solid var(--agent-line); }
#homepageAgent .agent-details summary { cursor:pointer; min-height:44px; display:flex; align-items:center; justify-content:space-between; gap:8px; font:11px/1.5 var(--display); color:#b1b8a7; list-style:none; }
#homepageAgent .agent-details summary:after { content:'+'; color:#a4ad95; font-size:17px; }
#homepageAgent .agent-details[open] summary:after { content:'−'; }
#homepageAgent .agent-details p,#homepageAgent .agent-history p { font:12px/1.7 var(--font); color:#b0b7a5; margin:0 0 10px; }
#homepageAgent .agent-details ul { padding-left:17px; font:12px/1.65 var(--font); color:#b0b7a5; display:grid; gap:6px; margin:10px 0; }
#homepageAgent .agent-explanation-choices { display:grid; grid-template-columns:1fr 1fr; gap:7px; padding:3px 0 12px; }
#homepageAgent .agent-explanation-choices button { min-width:0; border:1px solid #ffffff80; border-radius:7px; min-height:44px; padding:8px 10px; font:11px/1.4 var(--display); color:#f2f2f2; text-align:left; white-space:normal; overflow-wrap:anywhere; font-weight:500; }
#homepageAgent .agent-history { margin-top:12px; }
#homepageAgent .agent-history summary { cursor:pointer; min-height:36px; padding:7px 0; color:#828b77; font:10px/1.6 var(--display); }
#homepageAgent .agent-history strong { font:500 11px/1.6 var(--display); display:block; margin:8px 0; color:#c0c6b5; }
#homepageAgent .agent-footer { z-index:1; min-width:0; padding:12px 14px 10px; border-top:1px solid #ffffff17; background:#151615; }
#homepageAgent .homepage-agent-compose { display:flex; gap:7px; width:100%; border:1px solid #ffffff2a; border-radius:11px; background:#0c0d0c; padding:5px; margin:0; }
#homepageAgent .homepage-agent-compose:focus-within { border-color:#ffd24a90; box-shadow:0 0 0 2px #ffd24a08; }
#homepageAgent .homepage-agent-compose input { height:40px; flex:1; min-width:0; width:0; padding:0 9px; border:0; outline:0; border-radius:6px; background:transparent; color:#f2f3ed; font:13px var(--font); }
#homepageAgent .homepage-agent-compose input::placeholder { color:#868d7e; }
#homepageAgent .homepage-agent-compose button { width:40px; height:40px; flex-shrink:0; display:grid; place-items:center; border-radius:7px; color:#171b0e; background:#ffd24a; }
#homepageAgent .homepage-agent-compose button svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
#homepageAgent .agent-disclosure { display:flex; align-items:center; justify-content:center; gap:6px; font:9px/1.4 var(--font); color:#8b9282; margin:9px 0 0; }
.agent-status-dot { width:4px; height:4px; background:#939d7e; border-radius:50%; }

/* One in-panel explorer; swipe categories rather than stacking prompt rails. */
.agent-explore-view { height:100%; min-height:0; display:flex; flex-direction:column; overflow:hidden; }
.agent-explore-heading { padding:17px 18px 10px; flex-shrink:0; }
#homepageAgent .agent-explore-heading p { color:#9aa28b; font:8px var(--mono); letter-spacing:.08em; margin:0 0 6px; }
#homepageAgent .agent-explore-heading h3 { font:500 19px/1.2 var(--display); letter-spacing:-.025em; margin:0; color:#f3f4ee; }
.agent-category-tabs { margin:0 18px 10px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:3px; border:1px solid #ffffff10; border-radius:8px; background:#0c0e0b; gap:3px; flex-shrink:0; }
#homepageAgent .agent-category-tabs button { min-width:0; min-height:38px; border-radius:5px; font:500 10px/1.3 var(--display); padding:5px 3px; color:#919a84; white-space:normal; }
#homepageAgent .agent-category-tabs button[aria-selected=true] { background:#24291e; color:#f3de85; box-shadow:0 1px 4px #0004; }
.agent-explore-deck { display:flex; flex:1; min-height:0; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scrollbar-width:none; overscroll-behavior-x:contain; }
.agent-explore-page { flex:0 0 100%; min-width:0; overflow-y:auto; overflow-x:hidden; scroll-snap-align:start; scroll-snap-stop:always; overscroll-behavior-y:contain; padding:0 18px 18px; scrollbar-width:thin; scrollbar-color:#45483e transparent; }
.agent-topic-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; align-items:stretch; }
#homepageAgent .agent-topic-card { display:flex; flex-direction:column; justify-content:center; gap:5px; min-width:0; min-height:68px; padding:10px 11px; border:1px solid #ffffff15; border-radius:8px; text-align:left; background:linear-gradient(130deg,#1c1f19,#151713); }
#homepageAgent .agent-topic-card strong { font:500 12px/1.35 var(--display); color:#e2e6d8; overflow-wrap:anywhere; }
#homepageAgent .agent-topic-card small { font:9px/1.4 var(--font); color:#919b80; }
#homepageAgent .agent-topic-card:hover,#homepageAgent .agent-topic-card[aria-pressed=true] { border-color:#ffd24a60; background:#ffd24a07; }
#homepageAgent .agent-topic-card[aria-pressed=true] strong { color:#f5db7c; }
.agent-events-heading { font:8px var(--mono); color:#9ca48c; letter-spacing:.05em; margin:16px 0 8px; }
.agent-event-grid { display:grid; gap:6px; }
#homepageAgent .agent-event-grid button { display:flex; justify-content:space-between; align-items:center; border:1px solid #ffffff80; border-radius:7px; min-height:44px; padding:8px 11px; color:#f2f2f2; font:11px var(--display); text-align:left; font-weight:500; }
#homepageAgent .agent-event-grid button:after { content:'↗'; color:#d9c675; }
.agent-explore-cta { display:flex; align-items:center; justify-content:space-between; min-height:44px; margin-top:12px; font:11px var(--display); color:#e7d68f; }

/* Guided mini-sessions share the same single scrolling conversation canvas. */
.agent-mission-top { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:12px; }
#homepageAgent .agent-back { font:11px var(--display); color:#aeb99a; min-height:32px; text-align:left; padding:4px 0; }
.agent-step { font:8px var(--mono); color:#a9b197; letter-spacing:.06em; }
.agent-progress { display:flex; gap:4px; margin:0 0 18px; }
.agent-progress i { height:2px; background:#ffffff12; flex:1; border-radius:2px; }
.agent-progress i.is-done { background:#ffd24a; }
#homepageAgent .agent-mission-question { font:500 20px/1.25 var(--display); color:#eef1e7; letter-spacing:-.025em; margin:0 0 8px; }
#homepageAgent .agent-mission-hint { font:12px/1.6 var(--font); color:#a6b09a; margin:0 0 17px; }
.agent-choice-grid { display:grid; gap:8px; }
#homepageAgent .agent-choice { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:48px; border:1px solid #ffffff80; border-radius:8px; padding:11px 13px; font:12px/1.45 var(--display); text-align:left; background:#ffffff03; color:#e2e7d8; white-space:normal; }
#homepageAgent .agent-choice:not([aria-pressed=true]) { color:#f2f2f2; font-weight:500; }
#homepageAgent .agent-choice:after { content:'→'; color:#7e896b; flex-shrink:0; }
#homepageAgent .agent-choice:hover,#homepageAgent .agent-choice[aria-pressed=true] { border-color:#ffd24a80; background:#ffd24a08; }
#homepageAgent .agent-choice[aria-pressed=true]:after { content:'✓'; color:#ffd24a; }
.agent-session-note { font:10px/1.5 var(--font); color:#899778; margin-top:14px; }
.agent-plan-kicker { display:flex; align-items:center; gap:7px; font:8px var(--mono); color:#d3c47b; letter-spacing:.07em; margin-bottom:7px; }
.agent-plan-kicker:before { content:'✓'; display:grid; place-content:center; width:17px; height:17px; border-radius:50%; background:#ffd24a12; color:#ffd24a; font-size:9px; }
#homepageAgent .agent-plan-title { font:500 21px/1.2 var(--display); letter-spacing:-.025em; color:#f1f4e8; margin:0 0 9px; }
.agent-plan-inputs { display:flex; gap:6px; flex-wrap:wrap; padding-bottom:12px; border-bottom:1px solid #ffffff12; }
.agent-plan-inputs span { font:9px/1.4 var(--font); padding:4px 6px; border:1px solid #ffffff15; border-radius:4px; color:#a6b494; }
.agent-plan-rows { display:grid; margin:0; }
.agent-plan-row { padding:12px 0; border-bottom:1px solid #ffffff12; display:grid; grid-template-columns:23px minmax(0,1fr); gap:9px; }
.agent-plan-row>span { font:9px var(--mono); color:#83936c; padding-top:4px; }
#homepageAgent .agent-plan-row strong { display:block; font:500 12px/1.4 var(--display); color:#e2e9d6; margin-bottom:4px; }
#homepageAgent .agent-plan-row p { font:12px/1.55 var(--font); color:#aebc9b; margin:0; }
#homepageAgent .agent-plan-row em { color:#dacb82; font:7px var(--mono); font-style:normal; letter-spacing:.05em; margin-left:7px; }
.agent-plan-actions { display:grid; grid-template-columns:1fr 1fr; gap:7px; margin-top:12px; }
#homepageAgent .agent-plan-actions button { min-width:0; min-height:44px; padding:8px 10px; border:1px solid #ffffff80; border-radius:7px; color:#f2f2f2; font:11px/1.4 var(--display); text-align:left; white-space:normal; font-weight:500; }
#homepageAgent .agent-plan-actions button:first-child { border-color:#ffd24a65; color:#f6db7a; background:#ffd24a05; font-weight:400; }
#homepageAgent .agent-flow-link { display:flex; justify-content:space-between; align-items:center; min-height:44px; padding:9px 1px; font:11px/1.5 var(--display); color:#d9ca84; text-align:left; gap:8px; white-space:normal; overflow-wrap:anywhere; }
#homepageAgent .agent-flow-link:after { content:'↗'; flex-shrink:0; }
.agent-refinement-note { font:11px/1.6 var(--font); color:#c9d9ae; border-left:2px solid #d0c276; padding-left:9px; margin:12px 0 0; }
.agent-map-highlight { pointer-events:none; }
.agent-map-highlight ellipse,.agent-map-highlight rect { fill:#ffd24a14; stroke:#ffd24a; stroke-width:2; stroke-dasharray:5 4; }
.agent-map-highlight text { font:11px var(--mono); fill:#fff1af; paint-order:stroke; stroke:#171d12; stroke-width:4; }
.agent-map-highlight path { stroke:#ffd24a; stroke-width:3; stroke-dasharray:7 5; fill:none; }
.agent-map-highlight circle { fill:#ffd24a; stroke:#181e12; stroke-width:3; }
.agent-map-highlight .agent-map-letter { fill:#151a0e; font:600 11px var(--display); stroke:none; }
.agent-mobile-bar { display:none; }
.agent-demo-dialog { padding:0; width:min(460px,calc(100vw - 16px)); height:min(780px,calc(100dvh - 16px)); max-height:calc(100dvh - 16px); max-width:none; margin:auto; border:1px solid #ffffff25; border-radius:16px; background:#111212; color:white; overflow:hidden; box-shadow:0 20px 80px #0009; }
.agent-demo-dialog::backdrop { background:#030502b0; backdrop-filter:blur(7px); }
.agent-demo-dialog #homepageAgent { border:0; }
.agent-demo-dialog #homepageAgent .agent-close { display:block; }
.agent-demo-dialog .agent-demo-badge { display:none; }
.agent-demo-dialog #homepageAgent .homepage-agent-compose input { font-size:16px; height:44px; }
.agent-demo-dialog #homepageAgent .homepage-agent-compose button { width:44px; height:44px; }
.agent-demo-dialog #homepageAgent .agent-answer p { font-size:14px; }
.agent-demo-dialog #homepageAgent .agent-category-tabs button,.agent-demo-dialog #agentExploreToggle,.agent-demo-dialog #homepageAgent .agent-back { min-height:44px; }
.agent-demo-dialog #homepageAgent .agent-footer { padding-bottom:max(10px,env(safe-area-inset-bottom)); }
@media(max-width:1100px){.hero-intro{grid-template-columns:minmax(0,1fr) 340px;gap:22px}.hero-doctrine{font-size:32px}.hero-buttons{gap:12px}.hero-buttons .text-link{display:none}.preview-workspace{grid-template-columns:minmax(0,1fr) 340px}.desktop-nav{gap:17px}.brand .official-logo{width:190px}.hero-intro .hero-description{padding-left:22px}}
@media(max-width:900px){.hero-intro{grid-template-columns:minmax(0,1fr) 310px;gap:20px}.hero-doctrine{font-size:29px}.doctrine-statement{font-size:16px}.hero-description .hero-promise{font-size:14px}.hero-description .hero-promise+p{font-size:11px}.preview-workspace{display:block}.preview-workspace>#homepageAgent{display:none}.agent-mobile-bar{display:flex;width:100%;align-items:center;gap:11px;text-align:left;border-top:1px solid #ffffff20;background:#151715;padding:10px 13px;min-height:62px}.agent-mobile-bar>span:nth-child(2){flex:1;min-width:0}.agent-mobile-bar strong{display:block;font-size:12px;font-weight:500}.agent-mobile-bar small{display:block;font-size:10px;color:#9da591;margin-top:3px}.agent-mobile-bar>span:last-child{color:#ffd24a}.command-preview{--preview-map-height:440px}.product-tour .boone-section{gap:24px}.tour-tabs button{padding-inline:14px}}
@media(max-width:640px){.site-header{height:62px}.brand .official-logo{width:184px;height:48px}.hero{padding-top:18px}.hero .eyebrow{font-size:7px;line-height:1.6;margin-bottom:8px}.hero-intro{display:block;margin-bottom:16px}.hero-doctrine{font-size:clamp(27px,7.2vw,34px);line-height:1.12;letter-spacing:-.03em}.doctrine-statement{font-size:15px;margin-top:6px}.hero-intro .hero-description{padding:11px 0 0;border-left:0;border-top:1px solid #303030;margin-top:12px}.hero-description .hero-promise{font-size:13px}.hero-description .hero-promise+p{font-size:11px}.hero-buttons{margin-top:10px;gap:12px}.hero-buttons .button{min-height:44px;flex:1}.hero-buttons .text-link{display:inline-flex;font-size:10px;min-height:44px}.command-preview{--preview-map-height:360px}.product-tour{margin-top:16px;padding-top:17px}.product-tour .boone-section{display:block}.boone-copy{padding:0}.boone-copy>p:not(.eyebrow){font-size:12px;margin-top:10px}.boone-copy>.text-link{margin-top:7px}.conversation{margin-top:14px}.product-tour h2,.product-tour .section-heading h2,.section-heading h2{font-size:25px}.tour-tabs button{font-size:11px;min-height:44px}.agent-mobile-bar strong{font-size:11px}.agent-mobile-bar small{font-size:9px}}
@media(max-width:359px){#homepageAgent .agent-header{padding-inline:13px}.agent-context{padding-inline:13px}.agent-conversation-view{padding:14px 13px 18px}.agent-explore-heading{padding-inline:13px}.agent-category-tabs{margin-inline:13px}.agent-explore-page{padding-inline:13px}.agent-live-data{gap:6px}.agent-live-data strong{font-size:11px}.agent-ground{font-size:10px}#agentExploreToggle{font-size:10px}.agent-plan-row{gap:6px;grid-template-columns:18px minmax(0,1fr)}}
@media(max-height:600px){.agent-demo-dialog #homepageAgent .agent-header{min-height:54px;padding-block:7px}.agent-demo-dialog .agent-live-data{display:none}.agent-demo-dialog .agent-context{padding-bottom:0}.agent-demo-dialog #homepageAgent .agent-footer{padding-top:7px;padding-bottom:7px}.agent-demo-dialog .agent-disclosure{display:none!important}}
@media(prefers-reduced-motion:no-preference){#homepageAgent button{transition:background .14s,border-color .14s,color .14s}.agent-explore-deck{scroll-behavior:smooth}.agent-answer{animation:agent-in .2s ease-out}@keyframes agent-in{from{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}}
/* Official artwork keeps its native proportion; additional presence comes from scale. */
.site-header{height:80px}.site-header .brand .official-logo{width:264px;height:88px;object-fit:contain;flex-shrink:0}
@media(max-width:1100px){.site-header .brand .official-logo{width:240px;height:80px}}
@media(max-width:640px){.site-header{height:72px}.site-header .brand .official-logo{width:216px;height:72px}}
@media(max-width:359px){.site-header .brand .official-logo{width:204px;height:68px}}
#homepageAgent [data-agent-focus]:focus{outline:none}
#homepageAgent .agent-plan-actions{margin-top:0}
/* Neutral reading surfaces preserve the black/yellow identity. */
#homepageAgent .agent-answer p,#homepageAgent .agent-plan-row p{color:#b9beb6}
#homepageAgent .agent-mission-hint,#homepageAgent .agent-details p,#homepageAgent .agent-details ul{color:#acb1a8}
#homepageAgent .agent-plan-row strong,#homepageAgent .agent-plan-title,#homepageAgent .agent-mission-question{color:#eef0e9}
#homepageAgent .agent-topic-card{background:linear-gradient(130deg,#1c1e1a,#151715)}

/* Discovery is the starting view; each category replaces the same bounded canvas. */
#homepageAgent.is-browsing .agent-live-data{display:none}
#homepageAgent.is-browsing .agent-context{padding-bottom:0}
#agentExploreToggle:disabled{opacity:1;cursor:default;color:#a8ad9f}
#homepageAgent .agent-explore-heading{padding:17px 18px 12px}
#homepageAgent .agent-explore-heading h3{font-size:21px}
#homepageAgent .agent-explore-heading>span{display:block;font:11px/1.5 var(--font);color:#aab0a3;margin-top:5px}
#homepageAgent .agent-category-tabs{gap:2px;margin-bottom:12px}
#homepageAgent .agent-category-tabs button{min-height:44px;font-size:10px;display:flex;flex-direction:column;justify-content:center;gap:3px}
#homepageAgent .agent-category-tabs button>span{font:8px var(--mono);color:#818976}
#homepageAgent .agent-category-tabs button[aria-selected=true]{background:#ffd24a12;color:#ffe27b;box-shadow:inset 0 0 0 1px #ffd24a38}
#homepageAgent .agent-category-tabs button[aria-selected=true]>span{color:#d5c272}
.agent-topic-top{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:2px}
.agent-topic-top svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4;color:#edcf65}
.agent-topic-top>span{font:12px var(--display);color:#849078}
#homepageAgent .agent-topic-card{justify-content:flex-start;min-height:98px;gap:5px;padding:10px 11px;border-color:#ffffff1c}
#homepageAgent .agent-topic-card strong{font-size:12px;color:#edf0e6}
#homepageAgent .agent-topic-card small{font-size:10px;line-height:1.4;color:#a8b09d}
#homepageAgent .agent-topic-card:hover,#homepageAgent .agent-topic-card[data-current]{border-color:#ffd24a7a;background:#ffd24a08}
#homepageAgent .agent-topic-card[data-current] strong{color:#f5db7c}
.agent-explore-page{padding-bottom:12px}
.agent-catalog-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:0 0 auto;min-height:44px;padding:0 14px;border-top:1px solid #ffffff12;background:#121412}
#homepageAgent .agent-catalog-nav button{width:36px;min-height:44px;font:18px var(--display);color:#e4d180}
#homepageAgent .agent-catalog-nav button:disabled{opacity:.25;cursor:default}
#agentCategoryStatus{font:9px var(--mono);color:#e0d18d;display:flex;align-items:center;gap:9px}
#agentCategoryStatus>span{font:10px var(--display);color:#9aa48e}
.agent-mobile-catalog{display:none}
@media(max-width:900px){
 .agent-mobile-catalog{display:block;background:#111311;border-top:1px solid #ffffff20}
 .agent-mobile-catalog .agent-mobile-bar{border-top:0;padding:10px 13px;min-height:62px;background:none}
 .agent-mobile-catalog .agent-mobile-bar>span:last-child{display:flex;align-items:center;gap:8px;font:11px var(--display);white-space:nowrap}
 .agent-mobile-catalog .agent-mobile-bar small{font-size:10px;line-height:1.4}
 .mobile-agent-category-rail{display:flex;gap:9px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:13px;scrollbar-width:none;overscroll-behavior-x:contain;padding:0 13px 3px;touch-action:pan-x pan-y}
 .mobile-agent-category-rail::-webkit-scrollbar{display:none}
 .mobile-agent-category{flex:0 0 min(81%,290px);min-width:0;scroll-snap-align:start;scroll-snap-stop:always;border:1px solid #ffffff24;border-radius:10px;background:linear-gradient(125deg,#22251e,#151713);padding:11px 13px 12px;text-align:left;color:#eef0e8;min-height:102px}
 .mobile-agent-category:focus-visible{outline:2px solid #ffd24a;outline-offset:-3px}
 .mobile-agent-category:hover{border-color:#ffd24a65}
 .mobile-agent-category-top{display:flex;align-items:center;gap:8px;color:#dcca7c;margin-bottom:7px}
 .mobile-agent-category-top svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.4;fill:none}
 .mobile-agent-category-top>span{font:8px var(--mono);letter-spacing:.05em;color:#a9ad9f}
 .mobile-agent-category-top>b{margin-left:auto;font:14px var(--display);font-weight:400}
 .mobile-agent-category>strong{display:block;font:500 15px/1.3 var(--display);letter-spacing:-.015em}
 .mobile-agent-category>small{display:block;font:11px/1.5 var(--font);color:#b3baa7;margin-top:5px;max-width:240px}
 .mobile-agent-catalog-status{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 14px 10px;font:9px/1.5 var(--display);color:#949e86}
 #mobileAgentCategoryStatus{font:8px var(--mono);color:#c6b977}
 .agent-demo-dialog #homepageAgent .agent-topic-card strong{font-size:13px}
 .agent-demo-dialog #homepageAgent .agent-topic-card small{font-size:11px}
 .agent-demo-dialog #homepageAgent .agent-topic-card{min-height:108px}
}
@media(min-width:641px) and (max-width:900px){.mobile-agent-category{flex:1 0 28%;max-width:none}.mobile-agent-category>small{max-width:none}}
@media(max-height:600px){
 .agent-demo-dialog #homepageAgent .agent-explore-heading{padding-block:9px}
 .agent-demo-dialog #homepageAgent .agent-explore-heading h3{font-size:19px}
 .agent-demo-dialog #homepageAgent .agent-explore-heading>span{display:none}
 .agent-demo-dialog #homepageAgent .agent-category-tabs{margin-bottom:8px}
 .agent-demo-dialog #homepageAgent .agent-catalog-nav{min-height:36px}
 .agent-demo-dialog #homepageAgent .agent-catalog-nav button{min-height:36px}
}

/* 3.4 final opening: one compact editorial lead, then the product itself. */
.site-header{height:72px;gap:22px}
.site-header .brand .official-logo{width:246px;height:82px;object-fit:contain}
.hero{padding-top:18px}
.hero-intro.hero-intro-streamlined{grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center;margin-bottom:18px;padding:0 2px}
.hero-intro-streamlined .hero-heading{display:grid;grid-template-columns:auto 1fr;column-gap:15px;row-gap:0}
.hero-intro-streamlined .eyebrow{grid-column:1/-1;margin:0 0 8px;display:flex;align-items:center;gap:9px;font:8px/1.4 var(--mono);letter-spacing:.12em;color:#aaa}
.hero-release{font-size:7px;color:#ded6aa;letter-spacing:.07em;padding-left:10px;border-left:1px solid #555}
.hero-intro-streamlined .hero-doctrine{grid-column:1/-1;font-size:clamp(30px,2.8vw,43px);letter-spacing:-.045em;line-height:1.14;margin:0}
.hero-intro-streamlined .doctrine-statement{grid-column:1;font-size:14px;line-height:1.5;letter-spacing:-.01em;margin-top:8px;color:#d0d0c9}
.hero-intro-streamlined .hero-promise{grid-column:2;font:11px/1.5 var(--display);color:#8d9389;align-self:end;margin:8px 0 1px;padding-left:15px;border-left:1px solid #3b3c36}
.hero-entry{display:flex;align-items:center;gap:23px;padding:9px 0 9px 24px;min-height:84px;border-left:1px solid #2f302b;text-decoration:none;color:#f2f2e9}
.hero-entry small{display:block;font:7px/1.5 var(--mono);letter-spacing:.12em;color:#9ca18e}
.hero-entry strong{display:block;font:500 25px/1.25 var(--display);letter-spacing:-.04em;margin:5px 0 3px}
.hero-entry em{font:10px/1.4 var(--font);font-style:normal;color:#a5aa9b}
.hero-entry>svg{width:42px;height:42px;border:1px solid #ffd24a80;border-radius:50%;padding:11px;fill:none;stroke:#ffd24a;stroke-width:1.7;background:#ffd24a08;transition:background .2s,transform .2s}
.hero-entry:hover>svg{background:#ffd24a;color:#15170c;stroke:#15170c;transform:translate(2px,-2px)}
.command-preview{border-radius:12px;border-color:#3a3b35;--preview-map-height:clamp(550px,calc(100svh - 260px),650px)}
.preview-topline{height:32px;padding-inline:15px;background:#121310;font-size:8px;letter-spacing:.1em;border-bottom-color:#ffffff0c}
.preview-topline .demo-label{font-size:7px}.preview-topline .icon{width:13px;height:13px}
.mission-intro{display:none!important}
.command-preview .mission-rail{gap:0;padding:0 5px;background:#171815;border-bottom:1px solid #ffffff18;scroll-snap-type:x proximity}
.command-preview .mission-button,.command-preview .mission-button:first-child{min-height:48px;margin:0;border:0;border-radius:0;background:none;box-shadow:none;gap:9px;padding:9px 15px;color:#e2e5da;flex:1 0 auto;position:relative;font:500 12px var(--display)}
.command-preview .mission-button:not(:last-child):after{content:'';position:absolute;right:0;top:16px;bottom:16px;width:1px;background:#ffffff13}
.command-preview .mission-button>svg:first-child{width:16px;height:16px;color:#e8ce6f}
.command-preview .mission-button>svg:last-child{display:none}
.command-preview .mission-button:hover,.command-preview .mission-button:focus-visible{color:#ffdc66;background:#ffd24a07;box-shadow:inset 0 -2px #ffd24a}
/* Let discovery occupy the canvas, without a stack of introduction cards. */
#homepageAgent .agent-explore-heading{padding:12px 16px 10px}
#homepageAgent .agent-explore-heading p{display:none}
#homepageAgent .agent-explore-heading h3{font-size:18px}
#homepageAgent .agent-explore-heading>span{font-size:10px;margin-top:4px}
#homepageAgent .agent-category-tabs{border:0;border-radius:0;padding:0;background:none;gap:0;margin:0 16px 10px;border-bottom:1px solid #ffffff16}
#homepageAgent .agent-category-tabs button{flex-direction:row;align-items:center;gap:5px;min-height:44px;border-radius:0;font-size:10px;padding:5px 2px;background:none;box-shadow:none}
#homepageAgent .agent-category-tabs button[aria-selected=true]{background:none;box-shadow:inset 0 -2px #ffd24a;color:#ffdf79}
#homepageAgent .agent-topic-card{min-height:76px;padding:9px 10px;gap:4px;display:grid;grid-template-columns:17px minmax(0,1fr);align-content:center;border-radius:7px;background:#ffffff03}
.agent-topic-top{display:contents}.agent-topic-top>span{display:none}.agent-topic-top svg{width:15px;height:15px;grid-column:1;grid-row:1}
#homepageAgent .agent-topic-card strong{grid-column:2;font-size:11px;line-height:1.35}
#homepageAgent .agent-topic-card small{grid-column:1/-1;font-size:10px;line-height:1.35}
.agent-explore-page{padding-inline:16px;padding-bottom:8px}
#homepageAgent .agent-catalog-nav,#homepageAgent .agent-catalog-nav button{min-height:44px}
@media(min-width:901px){#homepageAgent .agent-header{min-height:60px;padding:10px 16px}.agent-context{padding-inline:16px}#homepageAgent .agent-footer{padding-top:9px;padding-bottom:8px}.agent-disclosure{margin-top:6px}}
@media(max-width:1100px){.hero-intro-streamlined .hero-heading{display:block}.hero-intro-streamlined .hero-promise{border:0;padding:0;margin:3px 0 0;font-size:11px}.hero-intro-streamlined .hero-doctrine{font-size:33px}.site-header .brand .official-logo{width:225px;height:75px}.hero-entry{gap:15px;padding-left:20px}.hero-entry strong{font-size:23px}.hero-intro.hero-intro-streamlined{gap:20px}.command-preview .mission-button{padding-inline:13px;font-size:11px}}
@media(max-width:900px){.command-preview{--preview-map-height:440px}.hero-intro-streamlined .hero-doctrine{font-size:31px}.hero-entry{gap:12px}.hero-entry small{font-size:6px}.hero-entry em{display:none}.hero-entry strong{font-size:22px}.hero-entry>svg{width:38px;height:38px;padding:10px}.hero-entry{min-height:65px}.agent-demo-dialog #homepageAgent .agent-topic-card{min-height:88px}.agent-demo-dialog #homepageAgent .agent-topic-card strong{font-size:12px}.agent-demo-dialog #homepageAgent .agent-topic-card small{font-size:11px}}
@media(max-width:640px){
 .site-header{height:64px;padding-inline:14px}.site-header .brand .official-logo{width:210px;height:70px}
 .hero{padding-top:14px}.hero-intro.hero-intro-streamlined{display:block;padding:0 2px;margin-bottom:13px}.hero-intro-streamlined .eyebrow{font-size:7px;letter-spacing:.07em;gap:7px;margin-bottom:7px}.hero-release{font-size:6px;padding-left:8px}
 .hero-intro-streamlined .hero-doctrine{font-size:clamp(29px,7.5vw,40px);line-height:1.08;letter-spacing:-.04em}.hero-intro-streamlined .doctrine-statement{font-size:13px;margin:6px 0 0}.hero-intro-streamlined .hero-promise{font-size:11px;margin-top:3px;color:#a6ad9a}
 .hero-entry{border-left:0;padding:0;min-height:44px;margin-top:6px;gap:10px;justify-content:flex-start}.hero-entry>span{display:flex;align-items:center;gap:10px}.hero-entry small{display:none}.hero-entry strong{font-size:12px;letter-spacing:0;margin:0;color:#f2d476}.hero-entry em{display:block;font-size:10px;color:#9ba28d}.hero-entry>svg{width:27px;height:27px;padding:6px;border-color:#ffd24a40;margin-left:auto}
 .preview-topline{height:30px;padding-inline:12px;font-size:7px}.preview-topline .demo-label{font-size:6px;letter-spacing:.04em}
 .command-preview .mission-rail{padding-inline:2px;scroll-padding-inline:8px}.command-preview .mission-button,.command-preview .mission-button:first-child{min-height:46px;min-width:auto;padding-inline:13px;flex:0 0 auto;gap:7px;font-size:11px}.command-preview .mission-button>svg:first-child{width:15px;height:15px}
 .command-preview{--preview-map-height:360px;border-radius:10px}
}
@media(max-width:359px){.site-header .brand .official-logo{width:195px;height:65px}.hero-intro-streamlined .eyebrow{font-size:6px;gap:5px}.hero-release{font-size:6px}.hero-intro-streamlined .hero-doctrine{font-size:29px}.hero-intro-streamlined .hero-promise{font-size:10px}.preview-topline .demo-label{font-size:5.5px}}
@media(min-width:901px){#homepageAgent .agent-explore-heading{display:none}}