
: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::before{content:'+';font-size:27px;font-weight:300}.faq details[open] summary span::before{content:'−'}.faq details p{font-size:17px;padding-bottom:26px;max-width:85ch}.faq details[open] p{animation:answer-in .25s 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}}
@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}}

.security-page{max-width:1440px;margin:auto;position:relative;isolation:isolate;overflow:clip;background:
 radial-gradient(ellipse 38% 42% at 78% 28%,rgba(0,175,150,.5),transparent 68%),
 radial-gradient(ellipse 50% 18% at 72% 50%,rgba(0,130,115,.32),transparent 72%),
 radial-gradient(ellipse 36% 14% at 70% 56%,rgba(0,80,72,.28),transparent 74%),
 #030807}
.security-page .content{margin-inline:8%}.security-page .vn-header{margin-inline:8%}
.security-page .hero{padding:18px 0 8px;align-items:center;grid-template-columns:1.15fr 1fr;gap:7%}.eyebrow{display:block;font-size:12px;letter-spacing:.23em;margin-bottom:23px}.security-page h1{font-size:clamp(42px,5.3vw,72px)}.hero-copy>p{font-size:19px;max-width:38ch}.phone-wrap{position:relative;display:flex;justify-content:center;align-items:flex-end;min-width:0;padding-bottom:28px}.phone-wrap::after{content:"";position:absolute;z-index:0;left:8%;right:4%;bottom:8px;height:84px;background:radial-gradient(ellipse at 50% 50%,rgba(0,210,180,.5),rgba(0,70,62,.18) 46%,transparent 74%);filter:blur(8px);pointer-events:none}.security-phone{position:relative;z-index:1;display:block;height:min(720px,74vh);width:auto;max-width:100%;flex:none;filter:drop-shadow(0 26px 18px rgba(0,0,0,.5))}.phone{width:258px;height:532px;border-radius:44px;padding:3px;background:linear-gradient(155deg,#8e948f 0%,#454846 14%,#1a1c1b 34%,#5c615d 52%,#141615 74%,#3a3e3b 90%,#0e0f0e 100%);box-shadow:0 26px 46px #00000073,inset 0 0 0 .6px #ffffff24,inset 0 1px 0 #ffffff40;position:relative}.phone-screen{height:100%;overflow:hidden;border-radius:41px;background-color:#000;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:22px 22px;padding:11px 12px;box-shadow:inset 0 0 0 1px #000}.statusbar{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;padding:2px 8px 0;letter-spacing:.02em}.status-icons{display:inline-flex;align-items:center;gap:4px}.status-icons svg{height:10px;width:auto;display:block;fill:currentColor}.app-brand{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:30px;font-size:14px;font-weight:600}.app-brand img{width:16px;height:16px;object-fit:contain}.lock-label{text-align:center;font:9px monospace;letter-spacing:.2em;color:#929792;margin-top:25px}.pin-heading{text-align:center;font-size:26px;line-height:1.1;letter-spacing:-1px;font-weight:700;margin-top:12px}.pin-dots{display:flex;gap:12px;justify-content:center;margin:26px 0}.pin-dots i{width:7px;height:7px;border-radius:50%;background:#303430}.pin-dots i.lit{background:white;box-shadow:0 0 7px #ffffff15;transition:background .2s}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.key{height:42px;display:grid;place-items:center;background:#ffffff08;border:1px solid #ffffff1c;border-radius:11px;font-size:18px;color:#f4f7f6}.key svg{width:16px;height:16px}.key.pressed{background:#ffffff18}.benefits{display:grid;grid-template-columns:repeat(3,1fr);padding:28px 0;border-block:1px solid var(--line);gap:20px}.benefits>div{display:flex;align-items:center;gap:16px;padding-inline:8px}.benefits>div+div{border-left:1px solid var(--line);padding-left:28px}.benefit-icon{width:28px;height:28px;display:grid;place-items:center;flex:none;color:#eef6f3}.benefit-icon svg{width:26px;height:26px;display:block}.ui-icon{width:22px;height:22px;display:block;flex:none;color:#eef6f3}.benefits p{font-size:16px;color:white}.benefits small{display:block;font-size:13px;color:var(--muted);margin-top:4px}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;padding:40px 0 8px}.split h2{font-size:clamp(32px,4vw,56px)}.split>div>p{margin-top:22px;font-size:18px}.panel{padding:24px;border:1px solid #8daaa53d;background:#02100cba;border-radius:18px}.panel-head{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line);font-size:14px}.panel-head img{object-fit:contain}.recipient{display:flex;align-items:center;gap:15px;border-radius:14px;background:#ffffff0d;padding:22px 16px;margin:20px 0;font-size:16px}.avatar{width:42px;height:42px;background:#ffffff10;border-radius:50%;display:grid;place-items:center}.recipient small{display:block;font-size:11px;color:var(--muted);margin-top:8px}.recipient strong{margin-left:auto;font-size:23px;font-weight:400}.transfer .button{width:100%}.demo-status{min-height:16px;font-size:11px!important;margin-top:6px!important;text-align:center}.export-section{padding-top:40px}.export .panel-head{border:0;padding-bottom:0}.export>p{font-size:14px!important;margin-top:20px!important}.export .pin-dots{justify-content:flex-start;margin:24px 0}.identity{border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;gap:12px;font-size:15px;color:#f4f7f6}.identity .chevron{width:16px;height:16px;margin-left:auto;flex:none}.key-note{display:block;color:var(--muted);font-size:14px;margin-top:20px;line-height:1.5}.security-page .faq{padding-top:54px}.security-page .waitlist{padding-top:35px;padding-bottom:90px}
@media(max-width:760px){.security-page .content{margin-inline:6%}.security-page .vn-header{margin-inline:4%}.security-page .hero,.split{grid-template-columns:1fr;gap:34px}.security-page .hero{padding-top:40px}.security-page h1{font-size:48px}.benefits{grid-template-columns:1fr;gap:0;padding:10px 0}.benefits>div,.benefits>div+div{border:0;padding:16px 0}.export-section>div:last-child{grid-row:1}.recipient{gap:10px;padding:18px 12px}.recipient strong{font-size:21px}.split>div>p{font-size:17px}.security-page .faq h2{font-size:32px}.phone-wrap{justify-content:center}.security-phone{width:min(240px,68vw);height:auto;filter:none}.phone-wrap{padding-bottom:12px}.phone-wrap::after{height:48px}}
