:root,[data-theme=dark]{--vc-bg:#020617;--vc-surface:#0f172a;--vc-primary:#0ea5e9;--vc-on-primary:#fff;--vc-text-main:#f8fafc;--vc-text-muted:#94a3b8;--vc-border:hsla(0,0%,100%,.08);--vc-shadow-node:0 4px 12px rgba(0,0,0,.4);--radius-md:8px;--radius-lg:12px}*,:after,:before{box-sizing:border-box}body,html{background-color:var(--vc-bg);color:var(--vc-text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;overflow-x:hidden;padding:0;width:100%;-webkit-font-smoothing:antialiased}.landing-wrapper{display:flex;flex-direction:column;min-height:100vh;position:relative}.text-primary{color:var(--vc-primary)}.text-muted{color:var(--vc-text-muted)}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.text-center{text-align:center}.text-hero{font-size:48px;letter-spacing:-1px;line-height:1.1;margin-bottom:24px}.text-display,.text-hero{font-weight:800;margin-top:0}.text-display{font-size:16px;letter-spacing:.5px;line-height:1.2;margin-bottom:12px}.text-subdisplay{font-size:12px;font-weight:700;letter-spacing:.5px}.text-label{font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.text-body{font-size:16px;line-height:1.6}.text-caption{font-size:12px;line-height:1.4}.btn{border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:15px;font-weight:600;padding:14px 16px;text-align:center;transition:opacity .2s,transform .1s;width:100%}.btn:active{transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--vc-primary);color:var(--vc-on-primary)}.btn-primary:hover:not(:disabled){opacity:.9}.node-card{background:var(--vc-surface);border:1px solid var(--vc-border);border-radius:var(--radius-lg);box-shadow:var(--vc-shadow-node);padding:24px;position:relative;z-index:10}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172acc;border-bottom:1px solid var(--vc-border);padding:20px 0;position:fixed;top:0;width:100%;z-index:100}.container-grid{padding:0 5%}.container-grid,.hero-container{margin:0 auto;max-width:1280px;width:100%}.hero-container{align-items:center;display:flex;flex-direction:row;gap:100px;justify-content:space-between;padding:120px 5% 40px;position:relative;z-index:10}.hero-text{flex:1;max-width:450px}.subheadline{margin-bottom:30px}.email-form-container{display:flex;flex-direction:column;gap:16px;width:100%}.os-selector{display:flex;gap:8px;width:100%}.os-radio{cursor:pointer;flex:1}.os-radio input[type=radio]{display:none}.os-label-text{align-items:center;background:var(--vc-bg);border:1px solid var(--vc-border);border-radius:var(--radius-md);color:var(--vc-text-muted);display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease}.os-radio input[type=radio]:checked+.os-label-text{background:#0ea5e91a;border-color:var(--vc-primary);color:var(--vc-primary)}.os-label-text svg{margin-top:-2px}.error-msg{color:#ef4444;margin-top:-8px;text-align:left}.shake-error{animation:shake .4s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.email-form{display:flex;gap:12px;width:100%}.email-input{background:var(--vc-bg);border:1px solid var(--vc-border);border-radius:var(--radius-lg);color:var(--vc-text-main);flex:1;outline:none;padding:14px 16px;transition:border-color .2s}.email-input:focus{border-color:var(--vc-primary)}.email-form .btn{white-space:nowrap;width:auto}.success-state{padding:20px 0;text-align:center}.success-icon{align-items:center;background:var(--vc-primary);border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:700;height:48px;justify-content:center;margin:0 auto 16px;width:48px}.form-fade-enter-active,.form-fade-leave-active{transition:all .4s ease}.form-fade-enter-from{opacity:0;transform:translateY(10px)}.form-fade-leave-to{opacity:0;transform:translateY(-10px)}.deep-dive-visuals,.hero-visuals{align-items:center;display:flex;flex:1;gap:30px;justify-content:center}.phone-mockup{background-color:var(--vc-surface);border:6px solid #1e293b;border-radius:24px;box-shadow:0 25px 50px -12px #000c,0 0 0 1px #ffffff0d,0 0 40px #0ea5e926;overflow:hidden;width:270px;will-change:transform,opacity}.phone-mockup img{display:block;height:auto;width:100%}.mockup-offset{transform:translateY(40px)}.animate-on-load{animation:premiumEntrance .6s cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--load-delay,0s);opacity:0;transform:translateY(30px) scale(.96)}.animate-offset-load{animation:offsetEntrance .6s cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--load-delay,0s);opacity:0;transform:translateY(70px) scale(.96)}@keyframes premiumEntrance{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes offsetEntrance{to{opacity:1;transform:translateY(40px) scale(1)}}.scroll-indicator{align-items:center;display:flex;flex-direction:column;gap:8px;padding:20px 0;text-align:center;width:100%}.scroll-arrow{animation:bounce 2s infinite;color:var(--vc-primary)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.feature-strip{background:transparent;border-bottom:1px solid var(--vc-border);display:flex;justify-content:center;padding:40px 5% 80px;position:relative;width:100%;z-index:10}.feature-grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr);max-width:1280px;width:100%}.feature-item{align-items:flex-start;display:flex;flex-direction:column;padding:32px;text-align:left}.feature-item p{margin:0}.deep-dive-section{align-items:center;background:linear-gradient(180deg,transparent,#040914);display:flex;flex-direction:column;padding:80px 5% 120px;position:relative;width:100%;z-index:10}@media(max-width:968px){.hero-container{flex-direction:column;gap:30px;padding-top:100px;text-align:center}.text-hero{font-size:38px}.email-form{flex-direction:column}.email-form .btn{width:100%}.cta-box p{text-align:center!important}.deep-dive-visuals,.hero-visuals{flex-direction:column;gap:20px;width:100%}.mockup-offset{transform:translateY(0)!important}.animate-offset-load{animation-name:premiumEntrance!important}.phone-mockup{max-width:280px;width:100%}.feature-grid{grid-template-columns:1fr}.scroll-indicator{display:none}}@media(max-width:400px){.text-hero{font-size:32px}.hero-container{padding-top:80px}}