:root{color-scheme:dark;--bg:#030807;--text:#f7f9f8;--muted:#b9c3c1;--line:#ffffff21;--accent:#32c8b7;--radius:18px;--ease:cubic-bezier(.2,.8,.2,1);--space:clamp(24px,4vw,64px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button,a,input,summary{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.assistant-page{max-width:1440px;margin:auto;position:relative;isolation:isolate;overflow:clip;background:radial-gradient(ellipse 53% 28% at 83% 14%,#006c6080,transparent 85%),radial-gradient(ellipse 46% 20% at 62% 49%,#00524945,transparent 90%),radial-gradient(ellipse 42% 22% at 53% 96%,#00635460,transparent 95%)}
.content{margin-inline:4.5%}header.vn-header{margin:20px 3.5% 0;background:#040c0bb0;border-color:#ffffff40;border-radius:16px}.vn-header .vn-bar{padding:10px 22px}.vn-header .vn-links{gap:4px}
h1,h2,p{margin:0}h1,h2{font-weight:400;letter-spacing:-.045em;line-height:1.08}h1{font-size:clamp(42px,4.6vw,66px)}h2{font-size:clamp(32px,4vw,56px)}p{line-height:1.55;color:var(--muted);font-size:18px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;padding-block:95px 112px}.hero-copy>p{max-width:46ch;margin:26px 0 30px;font-size:clamp(16px,1.45vw,21px)}
.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid white;border-radius:999px;background:#fff;color:#080d0b;font-weight:600;font-size:14px;min-height:46px;padding:13px 25px;transition:transform .2s var(--ease),box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px);background:#f0fffc;box-shadow:0 6px 22px #30bcaa20}.button:active{transform:translateY(0)}.button:disabled{cursor:wait;opacity:.65}
.conversation{border:1px solid #7daf9e40;border-radius:var(--radius);background-color:#03100ee0;background-image:linear-gradient(#8ba79e06 1px,transparent 1px),linear-gradient(90deg,#8ba79e06 1px,transparent 1px);background-size:30px 30px;padding:28px 28px 24px;min-width:0}.conversation-head{display:flex;align-items:center;gap:10px;padding-bottom:20px;border-bottom:1px solid var(--line);font-size:16px}.conversation img{object-fit:contain;flex:none}.conversation-body{min-height:235px;padding-block:26px;display:flex;flex-direction:column;gap:32px}.question{align-self:flex-end;border:1px solid #ffffff08;background:#ffffff16;border-radius:17px;padding:15px 18px;max-width:92%;font-size:16px;line-height:1.5}.answer{display:flex;align-items:flex-start;gap:16px}.answer>img{border:1px solid #ffffff20;border-radius:50%;padding:9px;width:42px;height:42px}.answer p{font-size:16px;color:#f2f5f4;background:#ffffff0d;border-radius:17px;padding:16px;max-width:92%;min-height:80px}.conversation-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:36px}.conversation-foot small{font-size:12px;color:var(--muted);line-height:1.5}.replay{flex:none;color:var(--text);background:none;border:0;border-radius:8px;min-height:44px;padding:8px;font-size:13px}.replay span{font-size:24px;vertical-align:middle;margin-right:4px}.replay:hover{color:var(--accent)}
.examples{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:6%;padding:20px 0 100px}.examples h2{margin-bottom:38px}.choices{display:flex;flex-direction:column}.choice{text-align:left;border:0;border-bottom:1px solid #ffffff38;color:var(--text);background:transparent;display:flex;gap:18px;padding:23px 0;width:100%;align-items:flex-start}.choice:last-child{border-bottom:0}.number{font-size:18px;color:var(--muted);line-height:1.5}.choice strong{font-size:20px;font-weight:400;line-height:1.4}.choice small{display:block;font-size:15px;line-height:1.5;color:var(--muted);margin-top:6px}.choice i{width:12px;height:12px;border-radius:50%;background:transparent;margin:8px 0 0 auto;flex:none}.choice[aria-selected=true] i{background:var(--accent)}.choice:hover strong{color:#99e4d6}.examples .conversation-body{min-height:290px}
.control{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:start;padding:30px 0 95px}.control-copy{display:flex;align-items:flex-start;gap:28px}.check{display:flex;align-items:center;justify-content:center;border:1px solid var(--accent);width:42px;height:42px;border-radius:50%;flex:none;font-size:22px}.control-copy p{max-width:32ch;color:var(--text);font-size:21px}
.faq{padding:25px 0 55px}.faq h2{font-size:40px;margin-bottom:32px}.faq details{border-top:1px solid #ffffff35;padding:0}.faq details:last-child{border-bottom:1px solid #ffffff35}.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;align-items:center;font-size:20px;padding:25px 0;line-height:1.4}.faq summary::-webkit-details-marker{display:none}.faq summary span:first-child{min-width:0;overflow-wrap:break-word}.faq summary span:last-child{flex:none}.faq summary span:last-child::before{content:'+';font-size:27px;font-weight:300}.faq details[open] summary span:last-child::before{content:'−'}.faq details p{font-size:17px;padding-bottom:26px;max-width:85ch;overflow-wrap:break-word}.faq details[open] p{animation:answer-in .22s var(--ease)}
.waitlist{text-align:center;padding:45px 5% 100px;scroll-margin-top:24px}.waitlist h2{font-size:clamp(40px,4.5vw,64px);margin-bottom:20px}.waitlist>p{font-size:18px}.waitlist-form{display:flex;justify-content:center;gap:12px;max-width:680px;margin:30px auto 0}.waitlist input{min-width:0;border:1px solid #ffffff65;border-radius:999px;background:#02100d80;color:white;padding:15px 24px;font-size:16px;flex:1}.waitlist input::placeholder{color:#a7b4af}.form-status{min-height:24px;margin-top:14px!important}.is-error{color:#ffa5a5!important}.wait-panel{display:none;border:1px solid var(--line);border-radius:18px;padding:24px;margin:20px auto 0;max-width:680px}.wait-panel.show{display:block}.wait-panel h3{font-size:25px;font-weight:400}.wait-share{display:flex;gap:12px;margin-top:20px}.wait-share button{border:1px solid var(--line);border-radius:24px;padding:12px 20px;background:white;color:black}.detect-form{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:absolute;left:12px;top:12px;transform:translateY(-180%);z-index:100;background:white;color:black;padding:10px}.skip:focus{transform:none}.demo-enter{animation:answer-in .3s var(--ease)}@keyframes answer-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.question.is-reserved{position:relative}.question.is-reserved [data-question]{position:relative;display:block}.question .demo-q-sizer{visibility:hidden}.question .demo-q-live{position:absolute;left:0;top:0;right:auto}.answer p{position:relative}.demo-dots{display:none;position:absolute;left:16px;top:22px;gap:6px;align-items:center}.answer.is-thinking .demo-dots{display:flex}.answer.is-thinking .demo-copy{opacity:0}.demo-dots i{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.35;animation:demo-dot 1s ease-in-out infinite}.demo-dots i:nth-child(2){animation-delay:.16s}.demo-dots i:nth-child(3){animation-delay:.32s}@keyframes demo-dot{0%,100%{opacity:.3}50%{opacity:1}}.demo-copy.demo-fade{animation:demo-answer-in .35s ease}@keyframes demo-answer-in{from{opacity:0}to{opacity:1}}
@media(max-width:1000px){.hero{gap:24px}.conversation{padding:20px}.control-copy p{font-size:18px}.conversation-foot{flex-wrap:wrap}.vn-header .vn-bar{padding:8px 12px}}
@media(max-width:760px){.content{margin-inline:6%}.hero,.examples,.control{grid-template-columns:1fr;gap:36px}.hero{padding:55px 0 60px}h1{font-size:clamp(39px,8.4vw,58px)}.hero-copy>p{font-size:17px}.conversation-body{min-height:215px}.examples{padding:10px 0 55px;gap:22px}.examples h2{margin-bottom:20px}.choice{padding:18px 0}.choice strong{font-size:18px}.choice small{font-size:14px}.examples .conversation-body{min-height:235px}.control{padding:20px 0 55px;gap:24px}.control-copy{gap:18px}.control-copy p{max-width:100%}.faq{padding:10px 0 35px}.faq h2{font-size:32px}.faq summary{font-size:17px;padding:22px 0}.faq details p{font-size:16px}.waitlist{padding:35px 6% 65px}.waitlist-form{flex-direction:column;max-width:440px}.waitlist-form .button{width:100%}.wait-share{flex-direction:column}.question,.answer p{font-size:15px}.answer{gap:10px}.answer>img{width:34px;height:34px;padding:7px}.conversation-head{font-size:15px}.assistant-page{background:radial-gradient(ellipse 100% 20% at 95% 17%,#006c6060,transparent 90%),radial-gradient(ellipse 100% 25% at 55% 95%,#00635450,transparent 90%)}header.vn-header{margin-top:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover{transform:none}}