/* A compact introduction followed by a full-width product demonstration. */
.product-hero .hero-grid{grid-template-columns:1fr;gap:42px}
.ai-demo{width:100%;max-width:none;margin:0}
.hero-brand{display:none;align-items:flex-end;gap:5px;width:fit-content;max-width:100%;margin:0 0 26px;line-height:1}
.hero-brand img{display:block;width:clamp(210px,24vw,280px);height:auto;flex-shrink:1;min-width:0}
.hero-brand>span{font-size:20px;line-height:1;color:#939aa8;padding-bottom:3px;white-space:nowrap;flex-shrink:0}
@media(min-width:1051px){
  .product-hero .hero-grid{padding-top:46px;padding-bottom:43px}
  .hero-copy{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:25px 72px;width:100%;max-width:none;margin:0;padding:0;text-align:left}
  .hero-copy>.eyebrow{grid-column:1/-1;max-width:none;margin:0;justify-content:flex-start;font-size:16px;line-height:1.6}
  .hero-lead{min-width:0}
  .product-hero h1{font-size:clamp(56px,5.3vw,79px);line-height:1.08;letter-spacing:-3.6px;margin:0 0 25px}
  .product-hero h1>br{display:block}
  .hero-tagline{font-size:21px;line-height:1.6;max-width:none;margin:0}
  .hero-lead .brand-preview-control{max-width:395px;margin:25px 0 0;text-align:left}
  .hero-details{min-width:0;padding-top:8px;align-self:center}
  .hero-details .hero-brand{display:flex}
  .hero-details .hero-description{font-size:20px;line-height:1.8;max-width:510px;margin:0 0 28px}
  .hero-details .hero-actions{gap:22px;align-items:center;justify-content:flex-start}
  .hero-details .hero-assurance{font-size:16px;line-height:1.8;justify-content:flex-start;gap:10px 22px;margin-top:20px}
  .ai-demo{max-width:none}
  .demo-toolbar{align-items:center;gap:14px;margin-bottom:16px}
  .engine-tabs{grid-template-columns:repeat(6,minmax(0,1fr));max-width:none;width:auto;flex:1;gap:5px;padding:6px}
  .engine-tab{font-size:16px;min-height:55px;padding:12px 10px;gap:8px;line-height:1.4;flex-direction:row;white-space:nowrap}
  .demo-icon-button{position:static;width:40px;height:40px;min-width:40px;margin:0;font-size:20px}
  .demo-scenes{height:670px}
  .engine-scene{padding:28px 58px;overflow-y:auto}
  .engine-scene>*{max-width:1080px;margin-left:auto;margin-right:auto}
  .engine-scene .typed-answer,.chatgpt-scene .typed-answer,.perplexity-answer .typed-answer{min-height:95px;font-size:16px;line-height:1.85;margin:18px 0}
  .claude-scene .typed-answer{font-size:18px;min-height:106px;line-height:1.85}
  .google-sources{grid-template-columns:1fr 1fr;gap:18px;margin-top:21px}
  .google-source{padding:16px 20px}
  .google-source>small{display:inline;margin:0 0 0 8px}
  .google-source>strong{font-size:18px;line-height:1.5;margin:12px 0}
  .engine-scene .answer-points p{margin:10px 0}
  .chatgpt-conversation{padding:24px 0}
  .chatgpt-user{margin-bottom:23px}
  .chatgpt-searched{min-height:0}
  .chatgpt-answer-footer{margin:18px 0 0}
  .chatgpt-composer{margin-top:auto}
  .perplexity-query{font-size:28px;line-height:1.4;min-height:72px;margin-top:24px;margin-bottom:18px}
  .perplexity-sources{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}
  .perplexity-sources>button{padding:13px 16px}
  .perplexity-sources>button>span{flex-wrap:nowrap}
  .grok-query,.gemini-query,.claude-query{min-height:66px;line-height:1.7;margin-top:25px;margin-bottom:24px;padding:16px 20px}
  .grok-source-list,.gemini-source-list,.claude-source-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:21px}
  .engine-followup,.claude-composer,.perplexity-followup{margin-top:23px}
  .gemini-research{min-height:0}
  .source-drawer{padding:30px 58px;inset:46px 0 0}
  .source-drawer>*{max-width:1000px;margin-left:auto;margin-right:auto}
  .source-drawer h3{max-width:1000px;font-size:34px}
  .source-drawer>p{font-size:18px;line-height:1.85}
  .source-drawer .text-link{display:block}
  .demo-stage-status{gap:22px;flex-wrap:nowrap;font-size:16px;padding-top:18px}
  .demo-stage-status>div:first-child{flex:0 1 auto;min-width:275px}
  .demo-progress{order:0;flex:1;max-width:none;flex-basis:auto}
  .demo-stage-status>span:last-child{margin-left:0}
  .demo-caption{font-size:16px;padding-top:12px}
  .network-grid{align-items:stretch}
  .network-constellation{display:flex;flex-direction:column;height:100%}
  .network-stage{flex:1;display:grid;place-items:center;min-height:340px}
  .network-constellation .network-art-footer{margin-top:auto}
}
@media(min-width:1051px) and (max-width:1180px){
  .hero-copy{gap:25px 50px;grid-template-columns:1fr 1fr}
  .product-hero h1{font-size:58px;letter-spacing:-3px}
  .hero-details .hero-description{font-size:19px}
  .engine-tab{padding:12px 7px;gap:6px}
  .engine-tab img{width:18px;height:18px}
  .engine-scene{padding:28px 42px}
  .demo-stage-status>div:first-child{min-width:265px}
}
@media(max-width:1050px){
  .hero-copy{display:flex;flex-direction:column;gap:0;padding:0;max-width:760px;margin:auto;text-align:center}
  .hero-lead{display:contents}
  .hero-copy>.eyebrow{order:0}
  .hero-copy h1{order:1}
  .hero-copy .hero-tagline{order:2}
  .hero-details{order:3;width:100%;margin-top:13px}
  .hero-details .hero-brand{margin-left:auto;margin-right:auto;margin-bottom:23px}
  .hero-details .hero-description{margin-left:auto;margin-right:auto}
  .hero-details .hero-actions,.hero-details .hero-assurance{justify-content:center}
  .hero-copy .brand-preview-control{order:4;width:100%;max-width:480px;margin:28px auto 0;text-align:left}
  .ai-demo{max-width:800px;margin:0 auto}
}
@media(max-width:760px){
  .header .nav-wrap{gap:12px}
  .header .brand{flex:0 1 clamp(176px,48vw,235px);min-width:0;max-width:235px}
  .header .brand img{width:100%;max-width:none;height:auto}
  .header .nav-actions,.header .menu-toggle{flex-shrink:0}
  .product-hero .hero-grid{gap:32px}
  .hero-copy .brand-preview-control{max-width:none}
  .hero-details .hero-description{font-size:18px;line-height:1.8}
  .engine-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:380px){.header .nav-wrap{gap:10px}}
/* Keep the complete desktop demo frame within a single viewport. */
@media(min-width:1051px){
  .ai-demo{scroll-margin-top:12px}
  .demo-toolbar{margin-bottom:12px;gap:12px}
  .engine-tabs{padding:4px;gap:4px}
  .engine-tab{min-height:44px;padding:9px 10px;font-size:16px;line-height:1.4}
  .demo-icon-button{width:36px;height:36px;min-width:36px;font-size:18px}
  .browser-topbar{height:36px;padding:0 17px}
  .browser-topbar>span{font-size:16px;line-height:1.3}
  .demo-scenes{height:clamp(300px,calc(100svh - 320px),430px)}
  .engine-scene{padding:19px 38px}
  .engine-scene .typed-answer,.chatgpt-scene .typed-answer,.perplexity-answer .typed-answer{font-size:16px;line-height:1.7;min-height:65px;margin:12px 0}
  .claude-scene .typed-answer{font-size:18px;line-height:1.7;min-height:82px}
  .engine-scene .answer-points,.engine-followup,.chatgpt-composer,.chatgpt-disclaimer,.perplexity-followup,.claude-composer{display:none}
  .google-wordmark{font-size:25px;margin:0 auto 10px}
  .google-query{min-height:44px;font-size:16px;padding:9px 14px}
  .google-search-tabs{font-size:16px;padding:10px 8px;gap:20px}
  .google-search-tabs>span:first-child:after{bottom:-11px}
  .google-overview{padding-top:12px}
  .overview-label{font-size:16px;min-height:23px}
  .google-ai-spark{font-size:23px}
  .google-overview .engine-answer{display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,.95fr);gap:24px;align-items:start;margin-top:13px}
  .google-overview .typed-answer{margin:0;min-height:95px}
  .google-overview .google-sources{margin:0;gap:11px;grid-template-columns:1fr 1fr}
  .google-source{padding:12px 14px}
  .google-source>small{display:block;font-size:16px;line-height:1.35;margin:6px 0 0}
  .google-source>strong{font-size:16px;line-height:1.4;margin:7px 0 0}
  .google-source>span:last-child{display:none}
  .chatgpt-top{min-height:26px}
  .chatgpt-conversation{padding:16px 0}
  .chatgpt-user{font-size:16px;line-height:1.6;padding:11px 16px;min-height:45px;margin-bottom:16px}
  .chatgpt-searched{font-size:16px;line-height:1.5;margin:0 0 5px}
  .chatgpt-answer-footer{margin:13px 0 0}
  .perplexity-top>span:first-of-type{font-size:22px}
  .perplexity-query{font-size:25px;line-height:1.3;min-height:52px;margin:17px auto 13px}
  .perplexity-nav{font-size:16px;padding-bottom:11px}
  .perplexity-nav>span:first-child:after{bottom:-12px}
  .perplexity-sources{margin-top:14px;gap:12px}
  .perplexity-sources>button{padding:11px 13px}
  .perplexity-sources>button>strong{font-size:16px;line-height:1.4;margin-top:7px}
  .grok-query,.gemini-query,.claude-query{font-size:16px;min-height:50px;line-height:1.6;margin:17px auto 16px;padding:11px 17px}
  .grok-wordmark,.gemini-top>span:first-child,.claude-top>span:first-child{font-size:24px}
  .grok-research,.gemini-research,.claude-research{font-size:16px;line-height:1.5}
  .grok-source-list,.gemini-source-list,.claude-source-list{margin-top:14px;gap:12px}
  .grok-source-list>button,.gemini-source-list>button,.claude-source-list>button{padding:11px 13px}
  .grok-source-list strong,.claude-source-list strong,.grok-source-list>button>div>span,.claude-source-list>button>div>span{font-size:16px;line-height:1.5}
  .source-drawer{inset:36px 0 0;padding:22px 38px;overflow-y:auto}
  .source-drawer-top{margin-bottom:16px;padding-bottom:11px}
  .source-drawer h3{font-size:29px;margin-top:13px}
  .source-drawer>p{font-size:16px;line-height:1.7}
  .source-explanation{margin:16px auto;padding:12px 16px}
  .source-explanation>p{font-size:16px;line-height:1.6}
  .demo-stage-status{padding-top:12px;gap:18px;font-size:16px;line-height:1.5}
  .demo-caption{padding-top:8px;font-size:16px;line-height:1.5}
}
@media(prefers-reduced-motion:reduce){.hero-copy{scroll-behavior:auto}}

/* Center complete phrases in a shared, stable headline frame. */
.hero-message{display:inline-block;max-width:100%;vertical-align:baseline}
.hero-verb-stack{display:inline-grid;text-align:center;vertical-align:baseline}
.hero-verb{position:relative;justify-self:center;display:inline-flex;align-items:baseline;gap:.22em;grid-area:1/1;opacity:0;white-space:nowrap;animation:hero-word-cycle 10.8s cubic-bezier(.25,.6,.3,1) infinite both}
.hero-verb:first-child{animation-delay:-.54s}
.hero-verb:nth-child(2){animation-delay:3.06s}
.hero-verb:nth-child(3){animation-delay:6.66s}
.hero-rotating-title.is-paused .hero-verb{animation-play-state:paused}
@keyframes hero-word-cycle{
  0%{opacity:0;transform:translateY(.22em)}
  5%,27%{opacity:1;transform:translateY(0)}
  32%,100%{opacity:0;transform:translateY(-.22em)}
}
@media(prefers-reduced-motion:reduce){
  .hero-verb{animation:none;opacity:0;transform:none}
  .hero-verb:first-child{opacity:1}
}

/* Each underline follows the action word while the entire phrase stays centered. */
.hero-action-word{position:relative;display:inline-block}
.hero-action-word svg{width:100%;left:0;bottom:-.17em;height:.18em}

/* Desktop headlines share the left edge; mobile phrases remain centered. */
@media(min-width:1051px){.hero-verb-stack{text-align:left}.hero-verb{justify-self:start}}
/* A compact, connected path above centered network facts. */
.journey-strip{flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:28px 0 32px}
.journey-strip .journey-label{width:auto;max-width:none;margin:0;text-align:center;letter-spacing:.9px}
.journey-steps{display:flex;align-items:center;justify-content:center;gap:0;list-style:none;padding:0;margin:0;max-width:100%}
.journey-steps>li{display:flex;align-items:center;gap:12px;min-width:0}
.journey-steps .journey-number{width:34px;height:34px;display:grid;place-items:center;font-size:16px;line-height:1;flex-shrink:0}
.journey-steps strong{font-size:16px;line-height:1.6;white-space:nowrap}
.journey-connector{display:block;position:relative;width:clamp(30px,4.5vw,64px);height:1px;background:#aeb89f;flex-shrink:0;margin:0 16px 0 4px}
.journey-connector:after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border-right:1px solid #aeb89f;border-top:1px solid #aeb89f;transform:rotate(45deg)}
.proof-strip .proof-grid>div{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:0 24px}
.proof-strip .proof-grid strong{text-align:center;margin:0 0 8px}
.proof-strip .proof-grid>div>span{max-width:26ch;text-align:center}
@media(max-width:850px){
 .journey-strip{align-items:flex-start;gap:18px;padding:25px 0 30px}
 .journey-strip .journey-label{text-align:left}
 .journey-steps{flex-direction:column;align-items:stretch;width:100%;gap:18px}
 .journey-steps>li{position:relative;gap:13px}
 .journey-connector{position:absolute;left:16.5px;top:34px;width:1px;height:18px;margin:0}
 .journey-connector:after{left:-3px;right:auto;top:auto;bottom:0;transform:rotate(135deg)}
}
@media(max-width:760px){.proof-strip .proof-grid>div{padding:0 8px}}