/* One message and one quiet conversation. */
.hero.hero-focus{--hero-nav-space:84px;--hero-edge:40px;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--hero-nav-space) + var(--hero-edge)) 6% var(--hero-edge);min-height:100vh;min-height:100dvh;background:#0c0a10;overflow:clip}
.focus-heading{text-align:center;max-width:800px;width:100%;flex-shrink:0;margin:0 auto}
.hero-focus h1{font-family:var(--font);font-size:clamp(43px,4.1vw,60px);font-weight:400;letter-spacing:-.05em;line-height:1.12;margin:0}
.hero-focus h1>span{color:#bda2f4}
.focus-heading>p{font-size:15px;line-height:1.8;color:#a89daf;letter-spacing:-.1px;margin:20px 0 24px}
.focus-contact{display:inline-flex;justify-content:center;align-items:center;gap:27px;border-radius:40px;background:#bda2f4;color:#261534;padding:12px 23px;min-height:47px;font-size:13px;font-weight:500;line-height:1.5;transition:background .35s,transform .35s var(--ease)}
.focus-contact>span{font-size:19px;font-weight:400;line-height:1}
.focus-contact:hover{background:#d1baf7;transform:translateY(-2px)}
.hero-focus .hero-stage{max-width:510px;width:100%;flex-shrink:0;padding:0;margin:46px auto 0;perspective:none;animation:none;position:relative}
.focus-demo-body{position:relative;height:308px}
.demo-frame{position:absolute;inset:0;will-change:opacity;pointer-events:none}
.demo-frame[data-demo-part=missing]{opacity:0}
.hero-focus .user-message{font:12px/1.6 var(--mono);color:#d1c5dd;background:#221a2d;border:1px solid #5b436842;border-radius:13px 13px 4px 13px;max-width:100%;width:fit-content;margin:0 0 0 auto;padding:11px 16px;min-height:42px}
.hero-focus .ai-answer{margin:24px 0 0;padding:0 13px}
.hero-focus .answer-label{font-family:var(--tech);font-size:12px;font-weight:400;line-height:1.7;color:#897c95;display:block}
.hero-focus .recommendations{margin:9px 0 0;padding:0;list-style:none}
.hero-focus .recommendations li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;padding:8px 0;border-bottom:1px solid #8e75a51a;font-family:var(--tech);font-size:15px;line-height:1.4}
.hero-focus .recommendations li:last-child{border-bottom:0}
.hero-focus .recommendations li>span:first-child,.hero-focus .result-arrow{display:none}
.hero-focus .recommendations strong{font-weight:400;color:#c8bfce}
.hero-focus .result-rating{font-family:var(--mono);font-size:11px;letter-spacing:-.2px;gap:4px;color:#a58cba}
.hero-focus .result-rating>span{font-size:10px;color:#a58cba}
.hero-focus .result-rating small{font-size:10px;color:#81708f}
.hero-focus .second-question{font-size:12px}
.hero-focus .missing-answer{border:0;background:none;border-radius:0;padding:0 15px;margin:47px 0 0;display:block;text-align:center;min-height:0}
.hero-focus .missing-answer strong{display:block;color:#cfb4e9;font-family:var(--tech);font-size:33px;font-weight:400;line-height:1.18;letter-spacing:-.055em}
.hero-focus .missing-answer p{font-size:12px;line-height:1.8;color:#93839f;margin:16px 0 0}
.hero-focus .stage-bottom{margin:5px 0 0;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#887497;font:10px/1.6 var(--mono);letter-spacing:0;padding:0 13px}
.hero-focus .stage-bottom>span{max-width:none}
.hero-focus .animation-controls{display:flex;gap:6px}
.hero-focus .animation-controls button{min-width:30px;min-height:30px;width:30px;height:30px;font-size:13px;line-height:1;border:1px solid #66517444;color:#9a80ad}
.hero-focus .animation-controls button:hover{background:#bda2f419;color:#d5c0ed}
.hero-focus .demo-static .focus-demo-body{height:auto;display:grid;gap:35px}
.hero-focus .demo-static .demo-frame{position:static}
.hero-focus .demo-static .missing-answer{margin-top:25px;margin-bottom:30px}
.hero-focus .hero-stage.is-paused .typed-cursor:after{animation-play-state:paused}
@media(min-width:1700px){.hero.hero-focus{--hero-edge:48px}.hero-focus .hero-stage{margin-top:50px;max-width:550px}}
@media(max-width:1100px){.hero-focus h1{font-size:50px}.hero-focus .hero-stage{max-width:490px}}
@media(max-width:760px){
  .hero.hero-focus{--hero-nav-space:70px;--hero-edge:32px}
  .hero-focus h1{font-size:clamp(32px,7.9vw,48px);line-height:1.16;letter-spacing:-.055em}
  .focus-heading>p{font-size:13px;line-height:1.8;max-width:300px;margin:18px auto 21px}
  .focus-contact{min-height:45px;padding:12px 22px;font-size:12px;gap:24px}
  .hero-focus .hero-stage{max-width:440px;margin-top:37px}
  .focus-demo-body{height:312px}
  .hero-focus .user-message{font-size:11px;padding:10px 13px;line-height:1.65;min-height:39px;max-width:94%}
  .hero-focus .ai-answer{margin-top:22px;padding:0 6px}
  .hero-focus .answer-label{font-size:11px}
  .hero-focus .recommendations li{font-size:14px;padding:8px 0;gap:18px}
  .hero-focus .result-rating{font-size:10px;gap:3px}
  .hero-focus .result-rating small{font-size:9px}
  .hero-focus .missing-answer{margin-top:49px;padding:0}
  .hero-focus .missing-answer strong{font-size:30px}
  .hero-focus .missing-answer p{font-size:11px;max-width:240px;margin:15px auto 0}
  .hero-focus .stage-bottom{font-size:10px;padding:0 6px;gap:12px}
  .hero-focus .stage-bottom>span{max-width:185px}
  .hero-focus .animation-controls button{width:30px;height:30px;min-width:30px;min-height:30px}
}
@media(max-width:380px){.hero-focus h1{font-size:8.45vw}.focus-heading>p{max-width:260px;font-size:12px}.hero-focus .user-message{font-size:11px}.hero-focus .recommendations li{font-size:13px}.hero-focus .missing-answer strong{font-size:28px}.hero-focus .stage-bottom{font-size:9px}.hero-focus .stage-bottom>span{max-width:166px}}
@media(prefers-reduced-motion:reduce){.focus-contact{transition:none}.demo-frame{will-change:auto}}