.nav{z-index:100;padding:env(safe-area-inset-top,0) 48px 0;border-bottom:1px solid #0000;transition:background .4s,box-shadow .4s,border-color .4s;position:fixed;top:0;left:0;right:0}.nav--scrolled{-webkit-backdrop-filter:blur(20px)saturate(1.4);border-bottom-color:var(--border);background:#ffffffe0;box-shadow:0 1px 8px #0000000a}.nav-inner{justify-content:space-between;align-items:center;gap:32px;max-width:1240px;height:64px;margin:0 auto;display:flex}.nav-brand{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.nav-wordmark{font-family:var(--font-logo);color:var(--accent);letter-spacing:.5px;font-size:28px;font-weight:400;line-height:1}.nav-links{align-items:center;gap:36px;display:flex}.nav-link{color:var(--text-secondary);letter-spacing:-.01em;font-size:13px;font-weight:500;transition:color .2s}.nav-link:hover{color:var(--text-primary)}.nav-right{flex-shrink:0;align-items:center;display:flex}.nav-form{border:1px solid var(--border);background:var(--bg-card);border-radius:10px;align-items:center;gap:0;padding:3px;transition:border-color .3s,box-shadow .3s;display:flex}.nav-form:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.nav-input{color:var(--text-primary);width:180px;min-width:0;padding:8px 14px;font-size:13px}.nav-input::placeholder{color:var(--text-tertiary)}.nav-submit{color:#fff;background:var(--accent);white-space:nowrap;letter-spacing:-.01em;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.nav-submit:hover{background:var(--accent-hover);box-shadow:0 4px 12px var(--accent-glow);transform:translateY(-1px)}.nav-submit-arrow{transition:transform .2s}.nav-submit:hover .nav-submit-arrow{transform:translate(2px)}.nav-success{color:var(--accent);white-space:nowrap;align-items:center;gap:8px;padding:8px 0;font-size:13px;font-weight:600;display:flex}.nav-cta-mobile{color:#fff;background:var(--accent);white-space:nowrap;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s;display:none}@media (width<=768px){.nav{padding:env(safe-area-inset-top,0) 20px 0}.nav-inner{gap:16px;height:56px}.nav-links,.nav-form{display:none}.nav-cta-mobile{display:block}.nav--scrolled{-webkit-backdrop-filter:none;background:#fffffff7}}.hero{background:#fff;padding-top:140px;padding-bottom:0;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#485dff0a 1px,#0000 1px),linear-gradient(90deg,#485dff0a 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000 0%,#0000 70%);mask-image:radial-gradient(70% 60% at 50% 30%,#000 0%,#0000 70%)}.hero:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#485dff0f 0%,#485dff05 40%,#0000 70%);width:1000px;height:800px;position:absolute;top:5%;left:50%;transform:translate(-50%)}.hero-content{z-index:2;text-align:center;max-width:960px;margin:0 auto;padding:0 32px;position:relative}.hero-eyebrow{color:var(--accent);letter-spacing:.02em;align-items:center;gap:10px;margin-bottom:32px;font-size:13px;font-weight:600;display:inline-flex}.hero-eyebrow-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;position:relative}.hero-eyebrow-dot:after{content:"";border:1.5px solid var(--accent);opacity:.3;border-radius:50%;animation:2s ease-in-out infinite eyebrow-ping;position:absolute;inset:-3px}@keyframes eyebrow-ping{0%,to{opacity:.3;transform:scale(1)}50%{opacity:0;transform:scale(1.6)}}.hero-title{margin-bottom:28px}.hero-title-line{display:block;overflow:hidden}.hero-title-word{font-family:var(--font-display);letter-spacing:-.02em;word-spacing:.05em;color:var(--text-primary);font-size:clamp(48px,9vw,96px);font-weight:700;line-height:1.05;display:block}.hero-title-accent{color:var(--accent)}.hero-sub{max-width:540px;color:var(--text-secondary);letter-spacing:.005em;word-spacing:.04em;margin:0 auto 44px;font-size:clamp(16px,1.8vw,19px);line-height:1.75}.hero-waitlist{max-width:520px;margin:0 auto}.hero-form{align-items:stretch;gap:10px;display:flex}.hero-input-wrap{background:var(--bg-card);border:1.5px solid var(--border-strong);border-radius:14px;flex:1;align-items:center;gap:12px;padding:0 20px;transition:border-color .3s,box-shadow .3s;display:flex}.hero-input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-subtle)}.hero-input-icon{color:var(--text-tertiary);flex-shrink:0}.hero-input{color:var(--text-primary);flex:1;min-width:0;padding:18px 0;font-size:16px}.hero-input::placeholder{color:var(--text-tertiary)}.hero-cta{color:#fff;background:var(--accent);white-space:nowrap;box-shadow:0 2px 12px var(--accent-glow);letter-spacing:-.01em;border-radius:14px;flex-shrink:0;align-items:center;gap:8px;padding:18px 28px;font-size:15px;font-weight:700;transition:all .25s cubic-bezier(.34,1.56,.64,1);animation:2.8s ease-in-out infinite cta-pulse;display:flex;position:relative}@keyframes cta-pulse{0%,to{box-shadow:0 2px 12px var(--accent-glow)}50%{box-shadow:0 4px 24px var(--accent-glow), 0 0 40px #485dff33}}.hero-cta:hover{background:var(--accent-hover);box-shadow:0 8px 32px var(--accent-glow);transform:translateY(-2px)}.hero-cta svg{transition:transform .2s}.hero-cta:hover svg{transform:translate(3px)}.hero-success{justify-content:center;align-items:center;gap:14px;padding:20px 0;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards hero-success-in;display:flex}.hero-success-check{background:var(--accent-light);width:44px;height:44px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.hero-success p{color:var(--accent);text-align:left;font-size:17px;font-weight:600}@keyframes hero-success-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.hero-trust{justify-content:center;align-items:center;gap:16px;margin-top:20px;display:flex}.hero-trust-item{color:var(--text-tertiary);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.hero-trust-item svg{color:var(--accent);opacity:.6}.hero-trust-divider{background:var(--border);width:1px;height:14px}@media (width<=640px){.hero-trust{flex-direction:column;gap:8px}.hero-trust-divider{display:none}}.hero-marquee{background:var(--bg-dark);z-index:3;border-top:1px solid #485dff1f;border-bottom:1px solid #485dff1f;margin-top:48px;padding:56px 0 64px;position:relative;overflow:hidden}.hero-marquee:before{content:"";opacity:.04;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:absolute;inset:0}.hero-marquee:after{content:"";pointer-events:none;background:radial-gradient(#485dff14,#0000 70%);width:600px;height:200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-marquee-row{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.hero-marquee-row+.hero-marquee-row{margin-top:16px}.hero-marquee-track{will-change:transform;width:max-content;display:flex}.hero-marquee-track--left{animation:40s linear infinite marquee-left}.hero-marquee-track--right{animation:45s linear infinite marquee-right}.hero-marquee-set{gap:0;display:flex}.hero-marquee-item{white-space:nowrap;align-items:baseline;gap:0;padding:0 32px;display:flex}.marquee-key{font-family:var(--font-display);color:var(--accent);letter-spacing:.01em;word-spacing:.06em;font-size:clamp(28px,4vw,44px);font-weight:700;line-height:1.2}.marquee-separator{font-family:var(--font-display);color:#ffffff1f;margin:0 16px;font-size:clamp(24px,3.5vw,38px);font-weight:300}.marquee-label{font-family:var(--font-display);color:#ffffff59;letter-spacing:.01em;word-spacing:.06em;text-transform:lowercase;font-size:clamp(28px,4vw,44px);font-weight:500;line-height:1.2}@keyframes marquee-left{0%{transform:translate(0)}to{transform:translate(-25%)}}@keyframes marquee-right{0%{transform:translate(-25%)}to{transform:translate(0)}}@media (width<=768px){.hero-marquee{padding:36px 0 44px}.hero-marquee-item{padding:0 20px}.marquee-separator{margin:0 10px}.hero{padding-top:100px}.hero-content{padding:0 20px}.hero-form{flex-direction:column;gap:8px}.hero-input-wrap{border-radius:12px}.hero-cta{border-radius:12px;justify-content:center;width:100%;padding:16px 24px}}.product-demo{background:#fff;padding:180px 0 140px;position:relative;overflow:hidden}.product-demo:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#485dff09 1px,#0000 1px),linear-gradient(90deg,#485dff09 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 50% at 50% 40%,#000 0%,#0000 65%);mask-image:radial-gradient(60% 50% at 50% 40%,#000 0%,#0000 65%)}.demo-hero-row{grid-template-columns:1fr 2fr;align-items:center;gap:48px;margin-bottom:100px;display:grid}.demo-hero-left{flex-direction:column;align-items:flex-start;display:flex}.product-demo-header{text-align:left;margin-bottom:0}.product-demo-header h2{font-family:var(--font-display);letter-spacing:-.025em;word-spacing:.05em;color:var(--text-primary);font-size:clamp(40px,5vw,72px);font-weight:700;line-height:1.02}.product-demo-sub{max-width:420px;color:var(--text-secondary);margin:20px 0 0;font-size:clamp(16px,1.6vw,19px);line-height:1.65}.demo-arrow{filter:invert(31%)sepia(98%)saturate(4500%)hue-rotate(230deg)brightness(101%)contrast(101%);opacity:.5;pointer-events:none;align-self:flex-end;width:200px;height:auto;margin-top:28px;transform:rotateX(170deg)rotate(-105deg)}.demo-video-wrap{position:relative}.demo-video{border-radius:16px;width:100%;height:auto;display:block}.demo-features{background:var(--border);border-radius:var(--radius-xl);border:1px solid var(--border);flex-direction:column;gap:2px;margin-bottom:80px;display:flex;overflow:hidden}.demo-feature{background:var(--bg-card);grid-template-columns:1fr 1fr;transition:background .3s;display:grid;position:relative}.demo-feature:after{content:"";pointer-events:none;opacity:0;border-radius:0;transition:opacity .4s;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #485dff26}.demo-feature:hover:after{opacity:1}.demo-feature:hover{background:var(--bg-warm)}.demo-feature:nth-child(2n){direction:rtl}.demo-feature:nth-child(2n)>*{direction:ltr}.demo-feature-visual{justify-content:center;align-items:center;min-height:260px;padding:48px;display:flex;position:relative;overflow:hidden}.demo-feature-visual:before{content:"";opacity:0;background:radial-gradient(circle,#485dff0a 0%,#0000 70%);transition:opacity .4s;position:absolute;inset:0}.demo-feature:hover .demo-feature-visual:before{opacity:1}.demo-feature-text{flex-direction:column;justify-content:center;padding:48px;display:flex}.demo-feature-key kbd{font-family:var(--font-mono);color:var(--accent);background:var(--accent-light);letter-spacing:.5px;border:none;border-radius:999px;margin-bottom:16px;padding:6px 16px;font-size:12px;font-weight:600;display:inline-flex}.demo-feature-text h3{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;margin-bottom:10px;font-size:24px;font-weight:600}.demo-feature-text p{color:var(--text-secondary);max-width:380px;font-size:15px;line-height:1.7}.zoom-demo{width:100%;max-width:240px;transition:transform .5s cubic-bezier(.23,1,.32,1)}.demo-feature:hover .zoom-demo{transform:scale(1.04)}.zoom-demo-screen{aspect-ratio:16/10;background:#1e1e2e;border:1px solid #ffffff14;border-radius:8px;transition:border-color .4s;position:relative;overflow:hidden}.demo-feature:hover .zoom-demo-screen{border-color:#485dff33}.zoom-demo-content{background:repeating-linear-gradient(0deg,#ffffff0a 0 1px,#0000 1px 8px);position:absolute;inset:12px}.zoom-demo-cursor{background:#fff;border-radius:50%;width:12px;height:12px;animation:4s ease-in-out infinite cursorMove;position:absolute;top:40%;left:55%;box-shadow:0 0 8px #fff6}.zoom-demo-lens{border:2px solid var(--accent);opacity:.5;border-radius:50%;width:70px;height:70px;transition:width .5s,height .5s,border-width .3s;animation:4s ease-in-out infinite lensZoom;position:absolute;top:30%;left:45%}.demo-feature:hover .zoom-demo-lens{border-width:3px;width:90px;height:90px;box-shadow:0 0 20px #485dff33}@keyframes cursorMove{0%,to{top:40%;left:55%}25%{top:30%;left:45%}50%{top:55%;left:60%}75%{top:45%;left:35%}}@keyframes lensZoom{0%,to{opacity:.2;top:30%;left:45%;transform:scale(.6)}25%{opacity:.6;top:20%;left:35%;transform:scale(1)}50%{opacity:.3;top:45%;left:50%;transform:scale(.8)}75%{opacity:.5;top:35%;left:25%;transform:scale(1.1)}}.layout-demo{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.layout-option{flex-direction:column;align-items:center;gap:6px;transition:transform .4s cubic-bezier(.23,1,.32,1);display:flex}.layout-option span{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.layout-option.active span{color:var(--accent)}.demo-feature:hover .layout-option:first-child{transform:translate(-4px)rotate(-2deg)}.demo-feature:hover .layout-option:nth-child(2){transform:translate(-2px)translateY(-4px)}.demo-feature:hover .layout-option:nth-child(3){transform:translateY(-6px)scale(1.05)}.demo-feature:hover .layout-option:nth-child(4){transform:translate(2px)translateY(-4px)}.demo-feature:hover .layout-option:nth-child(5){transform:translate(4px)rotate(2deg)}.layout-preview{border:1.5px solid var(--border);background:#1e1e2e;border-radius:4px;width:64px;height:40px;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.layout-option.active .layout-preview{border-color:var(--accent)}.demo-feature:hover .layout-option.active .layout-preview{box-shadow:0 0 12px #485dff33}.lp-screen{background:#ffffff0f;border-radius:2px;position:absolute;inset:3px}.lp-cam.circle{background:var(--accent);opacity:.7;border-radius:50%;width:12px;height:12px;position:absolute;bottom:4px;right:4px}.lp-cam.full{background:var(--accent);opacity:.5;border-radius:2px;position:absolute;inset:3px}.lp-screen.side{right:50%}.lp-cam.side{background:var(--accent);opacity:.5;border-radius:2px;position:absolute;inset:3px 3px 3px 50%}.lp-cam.pip{background:var(--accent);opacity:.6;border-radius:2px;width:20px;height:14px;position:absolute;bottom:4px;right:4px}.keys-demo{flex-direction:column;align-items:center;gap:8px;display:flex}.key-row{gap:5px;display:flex}.key-cap{border:1px solid var(--border-strong);min-width:36px;height:36px;font-family:var(--font-mono);color:var(--text-secondary);background:#fff;border-radius:6px;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:all .25s cubic-bezier(.23,1,.32,1);display:flex;box-shadow:0 1px 0 1px #0000000a,0 2px 4px #0000000a}.key-cap.wide{min-width:56px;font-size:11px}.key-cap.accent-key{background:var(--accent-light);color:var(--accent);border-color:#485dff33;animation:3s ease-in-out infinite keyGlow}.demo-feature:hover .key-cap.accent-key{background:#485dff26;transform:translateY(2px);box-shadow:0 0 0 1px #485dff26,0 1px 4px #485dff26}.demo-feature:hover .key-cap:not(.accent-key){transform:translateY(0)}@keyframes keyGlow{0%,to{box-shadow:0 1px 0 1px #0000000a,0 2px 4px #0000000a}50%{box-shadow:0 1px 0 1px #485dff1a,0 2px 12px #485dff1f}}.key-action-label{color:var(--text-tertiary);margin-top:4px;font-size:12px;font-weight:500}.social-proof{background:var(--bg-warm);border:1px solid var(--border);border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:32px;padding:40px 32px;display:flex}.proof-badge{cursor:default;border-radius:12px;align-items:center;gap:12px;padding:8px 12px;transition:transform .3s cubic-bezier(.23,1,.32,1),background .3s,box-shadow .3s;display:flex}.proof-badge:hover{background:#485dff0a;transform:translateY(-2px);box-shadow:0 4px 16px #0000000a}.proof-icon{background:var(--accent-light);width:40px;height:40px;color:var(--accent);border-radius:10px;justify-content:center;align-items:center;transition:transform .3s,box-shadow .3s;display:flex}.proof-badge:hover .proof-icon{transform:scale(1.08);box-shadow:0 0 12px #485dff1f}.flag-icon{background:0 0;font-size:20px}.flag-icon span{line-height:1}.proof-badge:hover .flag-icon{box-shadow:none}.proof-value{color:var(--text-primary);font-size:14px;font-weight:600}.proof-divider{background:var(--border-strong);width:1px;height:32px}.product-demo-header,.demo-video-wrap,.demo-feature,.social-proof .proof-badge{will-change:transform, opacity}@media (width<=768px){.product-demo{padding:100px 0 80px}.demo-hero-row{grid-template-columns:1fr;gap:32px;margin-bottom:64px}.product-demo-header{text-align:center}.demo-hero-left{align-items:center}.product-demo-sub{text-align:center}.demo-arrow{display:none}.demo-features{border-radius:var(--radius-lg)}.demo-feature{grid-template-columns:1fr}.demo-feature:nth-child(2n){direction:ltr}.demo-feature-visual{min-height:180px;padding:32px 24px}.demo-feature-text{padding:24px 24px 36px}.social-proof{grid-template-columns:1fr 1fr;gap:16px;padding:24px 16px;display:grid}.proof-divider{display:none}.proof-badge{background:#fff;border-radius:12px;padding:16px}}.problem{background:linear-gradient(165deg,#485dff 0%,#3a4de6 50%,#2d3cb8 100%);padding:160px 0;position:relative;overflow:hidden}.problem-grid-overlay{pointer-events:none;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 30%,#000 0%,#0000 70%);mask-image:radial-gradient(80% 70% at 50% 30%,#000 0%,#0000 70%)}.problem-glow{pointer-events:none;background:radial-gradient(#ffffff14,#0000 65%);width:900px;height:500px;position:absolute;top:-10%;left:50%;transform:translate(-50%)}.problem-label{color:#ffffff80!important}.problem-headline-wrap{z-index:1;max-width:820px;margin-bottom:80px;position:relative}.problem-headline{font-family:var(--font-display);letter-spacing:-.025em;color:#fff;white-space:pre-line;font-size:clamp(44px,7.5vw,88px);font-weight:700;line-height:1.04}.problem-sub{color:#ffffff8c;max-width:580px;margin-top:28px;font-size:clamp(17px,2vw,22px);line-height:1.6}.hl-selected{color:#485dff;font-weight:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#ffffffeb;border-radius:4px;padding:.05em .25em}.problem-columns{z-index:1;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:80px;display:grid;position:relative}.problem-col{border-radius:24px;padding:40px 36px;position:relative}.problem-col-before{background:var(--bg-warm);border:1px solid #0000000f}.problem-col-after{background:#fff;border:1px solid #00000014;box-shadow:0 4px 24px #0000000f,0 20px 60px #00000014}.problem-col-label{text-transform:uppercase;letter-spacing:2px;color:#00000059;align-items:center;gap:8px;margin-bottom:28px;font-size:11px;font-weight:700;display:inline-flex}.problem-col-label--after{color:var(--accent)}.problem-col-dot{border-radius:50%;width:8px;height:8px}.problem-col-dot--before{background:#0003}.problem-col-dot--after{background:var(--accent);box-shadow:0 0 8px #485dff4d}.problem-steps{flex-direction:column;gap:0;display:flex}.problem-step{align-items:center;gap:14px;padding:10px 0;display:flex}.problem-step-num{font-family:var(--font-mono);flex-shrink:0;width:22px;font-size:11px;font-weight:600}.problem-step--before .problem-step-num{color:#00000026}.problem-step--before .problem-step-text{color:#00000059;font-size:15px;font-weight:500;-webkit-text-decoration:line-through #00000026;text-decoration:line-through #00000026}.problem-step--after .problem-step-text{color:var(--text-primary);font-size:16px;font-weight:600}.problem-step-num--after{color:var(--accent)}.problem-time{border-top:1px solid #0000000f;margin-top:28px;padding-top:24px}.problem-time-value{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;line-height:1}.problem-time--before .problem-time-value{color:#0000001a;font-size:clamp(32px,4vw,48px)}.problem-time-value--after{color:var(--accent);font-size:clamp(40px,5vw,60px)}.problem-time-label{margin-top:6px;font-size:14px}.problem-time--before .problem-time-label{color:#0000004d}.problem-time--after .problem-time-label{color:var(--text-primary);font-weight:600}.problem-stats{z-index:1;align-items:flex-start;gap:0;display:flex;position:relative}.problem-stat{text-align:center;flex:1;padding:44px 32px}.problem-stat-divider{background:#ffffff1f;align-self:stretch;width:1px;margin:24px 0}.problem-stat-value{font-family:var(--font-display);color:#fff;letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(36px,5vw,56px);font-weight:700;line-height:1}.problem-stat-value--hero{color:#fff;text-shadow:0 0 40px #ffffff59}.problem-stat-desc{color:#ffffff73;max-width:220px;margin:0 auto;font-size:14px;line-height:1.55}.problem-cta-wrap{justify-content:center;margin-top:56px;display:flex}.problem-cta{color:#fff;background:var(--accent);cursor:pointer;font-size:16px;font-weight:700;font-family:var(--font-body);letter-spacing:-.01em;box-shadow:0 2px 16px var(--accent-glow);border:none;border-radius:14px;align-items:center;gap:10px;padding:18px 32px;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.problem-cta:hover{background:var(--accent-hover);box-shadow:0 8px 32px var(--accent-glow);transform:translateY(-2px)}.problem-cta svg{transition:transform .2s}.problem-cta:hover svg{transform:translate(3px)}@media (width<=768px){.problem{padding:100px 0}.problem-headline-wrap{margin-bottom:48px}.problem-columns{grid-template-columns:1fr;gap:16px;margin-bottom:48px}.problem-col{border-radius:20px;padding:32px 24px}.problem-stats{border-radius:16px;flex-direction:column;align-items:center}.problem-stat-divider{width:auto;height:1px;margin:0 24px}.problem-stat{padding:32px 24px}}.features{padding:100px 0 60px;position:relative;overflow:clip visible}.features-header{margin-bottom:32px}.features-header h2{font-family:var(--font-display);letter-spacing:-.025em;word-spacing:.05em;color:var(--text-primary);font-size:clamp(48px,8vw,100px);font-weight:700;line-height:1.02}.features-sub{color:var(--text-secondary);max-width:560px;margin-top:20px;font-size:clamp(17px,1.9vw,20px);line-height:1.7}.workflow-strip{background:var(--bg-card);border:1px solid var(--border);width:fit-content;box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:12px;margin:48px 0 64px;padding:16px 28px;display:flex}.workflow-step{color:var(--text-secondary);opacity:0;align-items:center;gap:8px;font-size:14px;font-weight:500;transition:opacity .5s,transform .5s;display:flex;transform:translate(-12px)}.workflow-step-visible{opacity:1;transform:translate(0)}.workflow-num{font-family:var(--font-display);color:var(--accent);background:var(--accent-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.workflow-arrow{color:var(--text-tertiary);opacity:0;align-items:center;transition:opacity .4s,transform .4s;display:flex;transform:translate(-16px)}.workflow-arrow-visible{opacity:1;transform:translate(0)}.bento-grid{min-height:380px;display:grid;position:relative}.bento-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);will-change:transform;flex-direction:row;grid-area:1/1;align-items:center;gap:36px;padding:36px;transition:box-shadow .4s,border-color .4s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #0000000f,0 16px 48px #0000000a}.bento-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:0;pointer-events:none;z-index:3;background:linear-gradient(135deg,#0000,#0000);padding:1px;transition:opacity .5s,background .5s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.bento-card:hover:before{opacity:1;background:linear-gradient(135deg,#485dff26,#485dff66,#485dff26)}.bento-card:hover{border-color:#485dff1f;box-shadow:0 4px 24px #00000014,0 16px 48px #0000000f,0 0 0 1px #485dff1a}.bento-card-content{z-index:2;flex:1;min-width:200px;position:relative}.bento-card h3{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;margin-bottom:8px;font-size:22px;font-weight:600}.bento-card p{color:var(--text-secondary);font-size:15px;line-height:1.65}.bento-badge{color:var(--accent);background:var(--accent-light);letter-spacing:1.5px;text-transform:uppercase;border-radius:999px;margin-bottom:20px;padding:6px 16px;font-size:11px;font-weight:700;display:inline-flex}.bento-shortcut{font-family:var(--font-mono);color:var(--accent);background:var(--accent-light);letter-spacing:.5px;border-radius:999px;margin-bottom:16px;padding:8px 18px;font-size:13px;font-weight:600;display:inline-flex}.bento-keyboard-visual{flex-shrink:0}.keyboard-row{gap:6px;margin-bottom:6px;display:flex}.keycap{background:var(--bg-warm);border:1px solid var(--border);width:44px;height:44px;font-family:var(--font-mono);color:var(--text-tertiary);border-radius:10px;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 2px #0000000f}.keycap-wide{width:64px;font-size:11px}.keycap-alt{background:var(--accent-light);color:var(--accent);border-color:#485dff26}.keycap-active{color:var(--text-primary);border-color:var(--border-strong);background:#fff}.bento-hero:hover .keycap-active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 16px var(--accent-glow), 0 0 24px #485dff26;transition-delay:calc(var(--wave-i,0) * 60ms);transform:translateY(-3px)}.bento-hero:hover .keycap-alt{transition-delay:0s;box-shadow:0 0 12px #485dff33}.keyboard-hints{flex-wrap:wrap;gap:16px;margin-top:14px;display:flex}.keyboard-hint{color:var(--text-tertiary);transition:color .3s,transform .3s;transition-delay:calc(var(--hint-i,0) * 80ms);font-size:12px}.bento-hero:hover .keyboard-hint{color:var(--text-primary);transition-delay:calc(.2s + var(--hint-i,0) * 80ms)}.keyboard-hint strong{color:var(--accent);margin-right:3px;font-weight:700}.bento-hero:hover .keyboard-hint strong{text-shadow:0 0 8px #485dff66}.bento-zoom-visual{flex:1;min-width:280px}.zoom-screen{aspect-ratio:16/9;border-radius:var(--radius-md);background:#1a1a2e;border:1px solid #ffffff0f;width:100%;position:relative;overflow:hidden}.zoom-scene{transform-origin:55%;animation:6s ease-in-out infinite zoomBreath;position:absolute;inset:0}@keyframes zoomBreath{0%,to{transform:scale(1)}40%{transform:scale(1)}55%{transform:scale(1.8)}85%{transform:scale(1.8)}95%{transform:scale(1)}}.zoom-code-lines{flex-direction:column;gap:6px;padding:16px 20px;display:flex}.zoom-code-ln{align-items:center;gap:6px;height:5px;display:flex}.zcl-kw{opacity:.6;background:#c678dd;border-radius:2px;width:10%;height:100%}.zcl-fn{opacity:.5;background:#61afef;border-radius:2px;height:100%}.zcl-str{opacity:.45;background:#98c379;border-radius:2px;height:100%}.zcl-comment{background:#ffffff1a;border-radius:2px;height:100%}@keyframes zoomCursorMove{0%,to{top:38%;left:52%}40%{top:38%;left:52%}55%{top:44%;left:58%}85%{top:44%;left:58%}95%{top:38%;left:52%}}.zoom-cursor{z-index:2;background:#fff;border-radius:50%;width:8px;height:8px;animation:6s ease-in-out infinite zoomCursorMove;position:absolute;top:38%;left:52%;box-shadow:0 0 8px #ffffff80,0 0 0 3px #485dff4d}.zoom-lens{border:2px solid var(--accent);pointer-events:none;z-index:3;border-radius:50%;width:70px;height:70px;animation:6s ease-in-out infinite zoomLensPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes zoomLensPulse{0%,to{opacity:0;transform:translate(-50%,-50%)scale(.6)}40%{opacity:0;transform:translate(-50%,-50%)scale(.6)}50%{opacity:.6;transform:translate(-50%,-50%)scale(1)}85%{opacity:.6;transform:translate(-50%,-50%)scale(1);box-shadow:0 0 0 2000px #00000040}95%{opacity:0;transform:translate(-50%,-50%)scale(.6);box-shadow:0 0 0 2000px #0000}}.bento-webcam-visual{flex:1;min-width:280px}.webcam-layout-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.webcam-layout{aspect-ratio:16/10;background:var(--bg-warm);border:1px solid var(--border);cursor:default;border-radius:8px;width:100%;min-width:80px;min-height:50px;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.webcam-layout-active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-subtle)}.wl-screen{background:var(--border);opacity:.5;border-radius:4px;position:absolute;inset:3px}.wl-cam{background:var(--accent);opacity:.7;position:absolute}.wl-cam-circle{border-radius:50%;width:28%;height:0;padding-bottom:28%;bottom:6%;right:6%}.wl-cam-full{border-radius:4px;inset:3px}.wl-screen-half{inset:3px 52% 3px 3px}.wl-cam-half{border-radius:4px;inset:3px 3px 3px 52%}.wl-cam-pip{border-radius:6px;width:35%;height:35%;bottom:8%;right:8%}.wl-label{color:var(--text-tertiary);white-space:nowrap;letter-spacing:.3px;font-size:11px;font-weight:600;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.webcam-layout-grid{padding-bottom:24px}.bento-follow-visual{flex:1;min-width:280px;height:180px;position:relative}.follow-path-svg{width:100%;height:100%}@keyframes followTrace{0%{cx:35;cy:104}25%{cx:85;cy:40}50%{cx:140;cy:70}75%{cx:200;cy:90}to{cx:260;cy:25}}@keyframes followViewport{0%{x:0;y:80}25%{x:50;y:16}50%{x:105;y:46}75%{x:165;y:66}to{x:225;y:1}}.follow-dot{animation:5s ease-in-out infinite alternate followTrace}.follow-viewport-rect{animation:5s ease-in-out infinite alternate followViewport}.bento-follow:hover .follow-viewport-rect{opacity:.7;filter:drop-shadow(0 0 6px #485dff4d)}.bento-mistakes-visual{flex:1;min-width:280px}.timeline-bar{background:var(--accent-light);border-radius:6px;width:100%;height:12px;position:relative;overflow:visible}.timeline-fill{background:linear-gradient(90deg, var(--accent), var(--accent));opacity:.2;border-radius:6px;position:absolute;inset:0}@keyframes markerPulse{0%,to{box-shadow:0 1px 4px #ef44444d}50%{box-shadow:0 1px 8px #ef444480,0 0 0 4px #ef44441a}}.timeline-marker{z-index:1;background:#ef4444;border:2px solid #fff;border-radius:50%;width:18px;height:18px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #ef44444d}.bento-mistakes:hover .timeline-marker{animation:1.2s ease-in-out infinite markerPulse;transform:translate(-50%,-50%)scale(1.15)}@keyframes playheadSweep{0%{left:0%}to{left:100%}}.timeline-playhead{background:var(--accent);z-index:2;border-radius:2px;width:3px;height:20px;animation:4s linear infinite playheadSweep;position:absolute;top:-4px;box-shadow:0 0 6px #485dff66}.timeline-labels{text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;margin-top:14px;font-size:12px;font-weight:600;display:flex}.timeline-label-good{color:var(--accent)}.timeline-label-bad{color:#ef4444;opacity:.6}.bento-draw-visual{flex:1;min-width:280px}.draw-canvas{aspect-ratio:16/9;background:var(--bg-warm);border-radius:var(--radius-md);border:1px solid var(--border);justify-content:center;align-items:center;width:100%;padding:0;display:flex}.draw-canvas svg{width:100%;height:100%}.bento-silence-visual{flex:1;min-width:280px}.silence-before-label,.silence-after-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-tertiary);margin-bottom:6px;font-size:11px;font-weight:700}.silence-after-label{margin-top:16px}.waveform{align-items:center;gap:3px;height:80px;padding:0 4px;display:flex}@keyframes barBounce{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.15)}}.wave-bar{background:var(--accent);opacity:.6;transform-origin:bottom;min-width:4px;animation:2s ease-in-out infinite barBounce;animation-delay:calc(var(--bar-i,0) * 50ms);border-radius:3px;flex:1;transition:opacity .3s,transform .3s;animation-play-state:paused}.wave-bar:nth-child(3n),.bento-silence:hover .wave-bar:not(.wave-bar-silence){animation-play-state:running}.wave-bar-silence{background:var(--text-tertiary);opacity:.15;animation:none}.bento-silence:hover .wave-bar-silence{opacity:.05}.waveform-after{align-items:center;gap:12px;margin-top:8px;display:flex}.waveform-after svg{flex:1}.silence-label{color:var(--accent);white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.bento-captions-visual{flex:1;min-width:280px}.caption-preview{background:var(--bg-warm);border-radius:var(--radius-md);border:1px solid var(--border);overflow:hidden}.caption-video-placeholder{aspect-ratio:16/9;background:linear-gradient(135deg, var(--bg-warm), #eee);justify-content:center;align-items:center;width:100%;display:flex}.caption-play-circle{width:48px;height:48px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.caption-play-circle svg{margin-left:2px}.caption-bar{border-top:1px solid var(--border);background:#fff;gap:8px;padding:16px 24px;display:flex}.caption-word{color:var(--text-tertiary);border-radius:4px;padding:4px 8px;font-size:16px;font-weight:500;transition:all .3s}.caption-word-active{color:var(--accent);background:var(--accent-light);font-weight:600}.bento-teleprompter-visual{flex:1;min-width:280px;margin-top:0}.teleprompter-window{background:var(--bg-warm);border-radius:var(--radius-md);border:1px solid var(--border);height:160px;padding:24px 28px;position:relative;overflow:hidden}.teleprompter-window:before{content:"";background:linear-gradient(to bottom, transparent 20%, transparent 40%, transparent 60%, var(--bg-warm) 100%);pointer-events:none;z-index:1;position:absolute;inset:0}.teleprompter-scroll-track{flex-direction:column;gap:8px;transition:transform .6s;display:flex}.bento-teleprompter:hover .teleprompter-scroll-track{transform:translateY(-10px)}.teleprompter-line{font-size:16px;line-height:1.6;transition:all .3s}.teleprompter-line-past{color:var(--text-tertiary);opacity:.4;-webkit-text-decoration:line-through #0000001a;text-decoration:line-through #0000001a}.teleprompter-line-current{color:var(--accent);font-weight:600;position:relative}.teleprompter-line-current:before{content:"";background:var(--accent);border-radius:2px;width:4px;height:16px;position:absolute;top:50%;left:-14px;transform:translateY(-50%)}.teleprompter-line-next{color:var(--text-secondary)}.teleprompter-line-far{color:var(--text-tertiary);opacity:.5}.bento-teleprompter:hover .teleprompter-line-past{opacity:.2}.bento-teleprompter:hover .teleprompter-line-current{opacity:.5;color:var(--text-tertiary);font-weight:400}.bento-teleprompter:hover .teleprompter-line-next{color:var(--accent);font-weight:600}.bento-teleprompter:hover .teleprompter-line-far{color:var(--text-secondary);opacity:.8}.teleprompter-mic{background:var(--accent-light);width:fit-content;color:var(--accent);border-radius:999px;align-items:center;gap:8px;margin-top:14px;padding:8px 14px;font-size:12px;font-weight:600;display:flex}@media (width<=1024px){.bento-card{flex-direction:column}}@media (width<=768px){.features{padding:120px 0}.workflow-strip{border-radius:var(--radius-lg);flex-wrap:wrap;gap:8px;padding:14px 20px}.workflow-step,.workflow-arrow{opacity:1;transform:translate(0)}.bento-grid{flex-direction:column;gap:12px;min-height:auto;display:flex}.bento-card{box-shadow:none;flex-direction:column;padding:32px 24px;opacity:1!important;transform:none!important}.webcam-layout-grid{grid-template-columns:repeat(3,1fr)}.zoom-cursor,.zoom-scene,.zoom-lens,.follow-dot,.follow-viewport-rect,.wave-bar,.wave-bar:nth-child(3n),.timeline-playhead{animation:none}}@media (prefers-reduced-motion:reduce){.zoom-cursor,.zoom-scene,.zoom-lens,.follow-dot,.follow-viewport-rect,.wave-bar,.wave-bar:nth-child(3n),.timeline-marker,.timeline-playhead{animation:none!important}.bento-card,.keycap,.zoom-lens,.teleprompter-scroll-track{transition-duration:.01ms!important}}.faq{background:var(--bg);padding:120px 0 140px;position:relative}.faq-headline{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text-primary);text-align:center;margin-bottom:56px;font-size:clamp(36px,5vw,56px);font-weight:700;line-height:1.08}.faq-list{background:var(--border);border-radius:var(--radius-xl);border:1px solid var(--border);flex-direction:column;gap:2px;max-width:720px;margin:0 auto;display:flex;overflow:hidden}.faq-item{background:var(--bg-card);transition:background .3s}.faq-item:hover{background:var(--bg-warm)}.faq-question{width:100%;font-family:var(--font-display);color:var(--text-primary);cursor:pointer;text-align:left;letter-spacing:-.01em;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:24px 32px;font-size:17px;font-weight:600;transition:color .2s;display:flex}.faq-item--open .faq-question{color:var(--accent)}.faq-chevron{color:var(--text-tertiary);flex-shrink:0;transition:transform .3s cubic-bezier(.23,1,.32,1),color .2s}.faq-item--open .faq-chevron{color:var(--accent);transform:rotate(180deg)}.faq-answer{max-height:0;padding:0 32px;transition:max-height .4s cubic-bezier(.23,1,.32,1),padding .3s;overflow:hidden}.faq-item--open .faq-answer{max-height:200px;padding:0 32px 24px}.faq-answer p{color:var(--text-secondary);font-size:15px;line-height:1.7}@media (width<=768px){.faq{padding:80px 0 100px}.faq-headline{margin-bottom:36px}.faq-list{border-radius:var(--radius-lg)}.faq-question{padding:20px 24px;font-size:16px}.faq-answer{padding:0 24px}.faq-item--open .faq-answer{padding:0 24px 20px}}.final-cta{background:var(--bg);padding:80px 0 0;position:relative;overflow:visible}.final-cta-wrap{margin:0 auto;padding:0 24px}.final-canvas{position:relative}.final-blue-card{background:linear-gradient(165deg,#485dff 0%,#3a4de6 50%,#2d3cb8 100%);border-radius:48px 48px 0 0;flex-direction:column;justify-content:flex-end;width:100%;min-height:480px;padding:96px 48px 48px;display:flex;position:relative;overflow:hidden}.final-watermark{inset-inline:0;font-family:var(--font-logo);color:#ffffff26;letter-spacing:.02em;pointer-events:none;-webkit-user-select:none;user-select:none;gap:.02em;padding:0 48px;font-size:clamp(90px,15vw,200px);font-weight:400;line-height:.82;display:flex;position:absolute;bottom:1.1em}.final-watermark span{will-change:transform, opacity;display:inline-block}.final-bottom{z-index:2;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:32px;display:flex;position:relative}.final-copy{color:#ffffff4d;font-size:12px}.final-made{color:#ffffff4d;align-items:center;gap:4px;font-size:12px;display:flex}.final-heart{color:#ef4444;font-size:13px;animation:2.5s ease-in-out infinite heartbeat;display:inline-block}@keyframes heartbeat{0%,to{transform:scale(1)}12%{transform:scale(1.3)}24%{transform:scale(1)}}.final-bottom-right{align-items:center;gap:12px;display:flex}.final-legal-link{color:#ffffff4d;font-size:12px;font-weight:500;text-decoration:none;transition:color .25s}.final-legal-link:hover{color:#ffffffb3}.final-legal-dot{background:#ffffff26;border-radius:50%;width:3px;height:3px}.final-white-card{z-index:10;background:#fff;border-radius:32px;flex-direction:column;gap:28px;width:min(580px,55%);padding:44px;display:flex;position:absolute;top:-48px;right:-24px;box-shadow:0 40px 100px -20px #0000002e,0 12px 32px #0000000f}.final-nav-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.final-nav-col{flex-direction:column;gap:12px;display:flex}.final-nav-label{text-transform:uppercase;letter-spacing:.2em;color:var(--text-tertiary);margin:0;font-size:10px;font-weight:700}.final-nav-list{flex-direction:column;gap:6px;list-style:none;display:flex}.final-nav-link{color:var(--text-primary);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.final-nav-link:hover{color:var(--accent)}.final-nav-link--disabled{color:var(--text-tertiary);pointer-events:none}.final-cta-section{border-top:1px solid var(--border);flex-direction:column;gap:16px;padding-top:24px;display:flex}.final-cta-row{flex-direction:column;gap:16px;display:flex}.final-cta-text{color:var(--text-secondary);font-size:14px;font-weight:500;line-height:1.5}.final-form{flex-direction:column;gap:8px;display:flex}.final-form-inline{gap:8px;display:flex}.final-form-inline input{min-width:0;font-size:14px;font-family:var(--font-body);color:var(--text-primary);background:var(--bg-warm);border:1px solid var(--border);border-radius:var(--radius-sm);flex:1;padding:12px 16px;transition:border-color .3s,box-shadow .3s}.final-form-inline input::placeholder{color:var(--text-tertiary)}.final-form-inline input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.final-submit{font-size:14px;font-weight:700;font-family:var(--font-body);color:#fff;background:var(--accent);border-radius:var(--radius-sm);cursor:pointer;letter-spacing:-.01em;white-space:nowrap;border:none;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:12px 24px;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:0 4px 16px #485dff40}.final-submit:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 8px 28px #485dff59}.final-submit svg{transition:transform .25s}.final-submit:hover svg{transform:translate(2px,-2px)}.final-success{color:var(--accent);align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.final-platform{color:var(--text-tertiary);background:var(--bg-warm);border:1px solid var(--border);border-radius:999px;align-items:center;gap:7px;width:fit-content;padding:7px 14px;font-size:11px;font-weight:600;display:inline-flex}.final-platform svg{opacity:.5}.final-scroll-top{cursor:pointer;color:#fff6;z-index:5;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:56px;right:48px}.final-scroll-top:hover{color:#fff;background:#ffffff26;border-color:#fff6;transform:translateY(-3px)}.final-legal-btn{font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.final-piva{opacity:.6;margin-top:4px;font-size:11px;display:block}@media (width<=900px){.final-white-card{border-radius:24px;width:100%;position:relative;top:-28px;right:auto;box-shadow:0 16px 48px -8px #0000001f,0 4px 16px #0000000a}.final-blue-card{border-radius:32px 32px 0 0;min-height:360px;padding:72px 28px 40px}.final-watermark{padding:0 28px;bottom:44px}}@media (width<=768px){.final-cta{padding:60px 0 0}.final-cta-wrap{padding:0 16px}.final-blue-card{border-radius:28px 28px 0 0;min-height:300px;padding:56px 20px 32px}.final-watermark{padding:0 20px;bottom:2em}.final-white-card{gap:20px;padding:28px}.final-form-inline{flex-direction:column}.final-bottom{text-align:center;flex-direction:column;gap:8px}.final-bottom-right{justify-content:center}.final-scroll-top{top:36px;right:24px}.final-nav-grid{gap:16px}}.wl-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(12px);background:#0a0a0f99;justify-content:center;align-items:center;padding:24px;animation:.3s ease-out wl-backdrop-in;display:flex;position:fixed;inset:0}@keyframes wl-backdrop-in{0%{opacity:0}to{opacity:1}}.wl-modal{background:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:480px;animation:.4s cubic-bezier(.16,1,.3,1) wl-modal-in;position:relative;overflow:hidden;box-shadow:0 32px 100px #00000040,0 0 0 1px #ffffff14}@keyframes wl-modal-in{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.wl-modal-accent{background:linear-gradient(90deg, var(--accent) 0%, #7b8aff 50%, var(--accent) 100%);background-size:200% 100%;height:4px;animation:3s ease-in-out infinite wl-accent-shift}@keyframes wl-accent-shift{0%,to{background-position:0 0}50%{background-position:100% 0}}.wl-modal-close{width:36px;height:36px;color:var(--text-tertiary);cursor:pointer;z-index:1;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.wl-modal-close:hover{background:var(--bg-warm);color:var(--text-primary)}.wl-modal-body{padding:48px 40px 40px}.wl-modal-eyebrow{color:var(--accent);background:var(--accent-light);letter-spacing:.02em;border-radius:999px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.wl-modal-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite wl-dot-pulse}@keyframes wl-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.wl-modal-title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text-primary);margin-bottom:12px;font-size:clamp(28px,4vw,36px);font-weight:700;line-height:1.1}.wl-modal-desc{color:var(--text-secondary);margin-bottom:32px;font-size:15px;line-height:1.6}.wl-modal-form{flex-direction:column;gap:12px;display:flex}.wl-modal-input-wrap{align-items:center;display:flex;position:relative}.wl-modal-input-icon{color:var(--text-tertiary);pointer-events:none;transition:color .2s;position:absolute;left:16px}.wl-modal-input-wrap:focus-within .wl-modal-input-icon{color:var(--accent)}.wl-modal-input{width:100%;font-family:var(--font-body);color:var(--text-primary);background:var(--bg-warm);border:1.5px solid var(--border);border-radius:14px;outline:none;padding:16px 16px 16px 44px;font-size:15px;transition:all .2s}.wl-modal-input::placeholder{color:var(--text-tertiary)}.wl-modal-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-subtle);background:#fff}.wl-modal-submit{width:100%;font-family:var(--font-body);color:#fff;background:var(--accent);cursor:pointer;letter-spacing:-.01em;box-shadow:0 2px 16px var(--accent-glow);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:16px 24px;font-size:15px;font-weight:700;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex}.wl-modal-submit:hover{background:var(--accent-hover);box-shadow:0 6px 28px var(--accent-glow);transform:translateY(-1px)}.wl-modal-submit svg{transition:transform .2s}.wl-modal-submit:hover svg{transform:translate(3px)}.wl-modal-success{flex-direction:column;align-items:center;gap:16px;padding:24px 0;animation:.5s cubic-bezier(.16,1,.3,1) wl-success-in;display:flex}@keyframes wl-success-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.wl-modal-success-icon{background:var(--accent-light);width:56px;height:56px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;display:flex}.wl-modal-success p{color:var(--text-primary);text-align:center;font-size:16px;font-weight:600}.wl-modal-trust{border-top:1px solid var(--border);flex-wrap:wrap;gap:16px;margin-top:24px;padding-top:24px;display:flex}.wl-modal-trust-item{color:var(--text-tertiary);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.wl-modal-trust-item svg{color:var(--accent);flex-shrink:0}@media (width<=768px){.wl-modal-backdrop{align-items:flex-end;padding:0}.wl-modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-width:100%;animation:.4s cubic-bezier(.16,1,.3,1) wl-modal-in-mobile}@keyframes wl-modal-in-mobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.wl-modal-body{padding:40px 24px 32px}.wl-modal-trust{flex-direction:column;gap:10px}}.app{width:100%;position:relative;overflow-x:clip}.app:before{content:"";pointer-events:none;z-index:9999;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:fixed;inset:0}.section-wrap{max-width:1240px;margin:0 auto;padding:0 48px}@media (width<=768px){.section-wrap{padding:0 20px}}.section-label{color:var(--accent);text-transform:uppercase;letter-spacing:2.5px;margin-bottom:20px;font-size:12px;font-weight:700}.text-accent{color:var(--accent)}.floating-icon{pointer-events:none;z-index:1;object-fit:contain;will-change:transform, opacity;filter:drop-shadow(0 8px 24px #485dff26);position:absolute}.fi-hero-rec{width:140px;top:18%;right:4%;transform:rotate(-8deg)}.fi-hero-mouse{width:110px;top:50%;left:3%;transform:rotate(12deg)}.fi-demo-play{width:120px;top:10%;left:3%;transform:rotate(-6deg)}.fi-demo-pause{width:100px;bottom:22%;right:3%;transform:rotate(5deg)}.fi-feat-rec{width:120px;top:6%;right:4%;transform:rotate(10deg)}.fi-feat-mouse{width:95px;bottom:10%;left:2%;transform:rotate(-15deg)}@media (width<=768px){.floating-icon{display:none}}.nf-page{background:var(--bg-dark,#0e0e12);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.nf-content{flex-direction:column;align-items:center;gap:3rem;width:100%;max-width:560px;display:flex}.nf-big{font-family:var(--font-display,"Clash Display", sans-serif);color:var(--accent,#485dff);-webkit-user-select:none;user-select:none;justify-content:center;gap:.02em;margin:0;font-size:clamp(10rem,28vw,18rem);font-weight:800;line-height:.85;display:flex;overflow:visible}.nf-big span{will-change:transform;display:inline-block}.nf-zero{text-shadow:0 0 40px #485dff66,0 0 80px #485dff33}.nf-timeline{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:4px;width:100%;padding:.75rem;display:flex;position:relative;overflow:hidden}.nf-track{align-items:center;gap:.5rem;display:flex}.nf-track-label{font-family:var(--font-mono,"JetBrains Mono", monospace);color:#ffffff40;text-align:right;flex-shrink:0;width:1.2rem;font-size:.6rem}.nf-track-clips{flex:1;gap:3px;height:24px;display:flex}.nf-clip{transform-origin:0;will-change:transform;border-radius:4px}.nf-clip-audio{border:1px solid #485dff33;background:#485dff26!important}.nf-playhead{z-index:2;pointer-events:none;background:#ff4858;width:2px;position:absolute;top:.75rem;bottom:.75rem;left:0}.nf-playhead:before{content:"";border-top:6px solid #ff4858;border-left:5px solid #0000;border-right:5px solid #0000;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.nf-end{font-family:var(--font-body,"General Sans", sans-serif);color:var(--text-tertiary,#9d9da5);cursor:pointer;background:0 0;border:none;font-size:clamp(.95rem,1.5vw,1.1rem);transition:color .3s}.nf-end:hover{color:var(--accent,#485dff)}.maintenance-page{background:var(--bg-dark);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.maintenance-content{text-align:center}.maintenance-logo{font-family:var(--font-logo);color:var(--accent);letter-spacing:.02em;font-size:clamp(48px,10vw,80px);font-weight:400}.maintenance-divider{background:var(--accent);opacity:.4;border-radius:2px;width:48px;height:3px;margin:24px auto}.maintenance-message{color:var(--text-tertiary);max-width:400px;font-size:clamp(16px,2vw,20px);line-height:1.6}.cb-backdrop{z-index:9998;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));pointer-events:none;animation:.4s cubic-bezier(.16,1,.3,1) cb-slide-up;position:fixed;bottom:0;left:0;right:0}@keyframes cb-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cb-banner{pointer-events:all;background:var(--bg-card);border-radius:var(--radius-lg);max-width:720px;box-shadow:var(--shadow-xl), 0 0 0 1px var(--border);margin:0 auto;padding:28px 32px}.cb-content{margin-bottom:20px}.cb-text{color:var(--text-secondary);font-size:14px;line-height:1.65}.cb-text--prefs{color:var(--text-primary);font-size:15px;font-weight:600}.cb-link{color:var(--accent);font-weight:600;text-decoration:none}.cb-link:hover{text-decoration:underline}.cb-actions{flex-wrap:wrap;gap:8px;display:flex}.cb-btn{min-width:140px;font-family:var(--font-body);color:var(--text-primary);border:1.5px solid var(--border-strong);cursor:pointer;text-align:center;background:0 0;border-radius:12px;flex:1;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s}.cb-btn:hover{background:var(--bg-warm);border-color:var(--text-tertiary)}.cb-categories{background:var(--border);border-radius:14px;flex-direction:column;gap:2px;margin-bottom:20px;display:flex;overflow:hidden}.cb-category{background:var(--bg-card);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.cb-category-info{flex-direction:column;gap:2px;min-width:0;display:flex}.cb-category-name{color:var(--text-primary);font-size:14px;font-weight:600}.cb-category-desc{color:var(--text-tertiary);font-size:12px;line-height:1.5}.cb-toggle{background:var(--border-strong);cursor:pointer;border:none;border-radius:13px;flex-shrink:0;width:44px;height:26px;transition:background .2s;position:relative}.cb-toggle--on{background:var(--accent)}.cb-toggle--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.cb-toggle-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000001a}.cb-toggle--on .cb-toggle-knob{transform:translate(18px)}@media (width<=768px){.cb-backdrop{padding:12px}.cb-banner{border-radius:var(--radius-md);padding:24px 20px}.cb-actions{flex-direction:column}.cb-btn{min-width:unset}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#faf8f4;--bg-warm:#f4f1eb;--bg-card:#fff;--bg-elevated:#fff;--bg-dark:#0e0e12;--bg-dark-card:#1a1a22;--text-primary:#1a1a1f;--text-secondary:#5c5c66;--text-tertiary:#9d9da5;--text-light:#f0f0f5;--accent:#485dff;--accent-hover:#3a4de6;--accent-light:#eef0ff;--accent-glow:#485dff2e;--accent-subtle:#485dff0f;--border:#00000012;--border-strong:#0000001f;--shadow-sm:0 1px 3px #0000000a, 0 1px 2px #00000008;--shadow-md:0 4px 20px #0000000f, 0 1px 3px #0000000a;--shadow-lg:0 16px 60px #00000014, 0 4px 14px #0000000a;--shadow-xl:0 24px 80px #0000001a, 0 8px 24px #0000000d;--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--radius-xl:36px;--radius-2xl:48px;--font-display:"Clash Display", sans-serif;--font-body:"General Sans", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Consolas, monospace;--font-logo:"Luckiest Guy", cursive;font-family:var(--font-body);color:var(--text-secondary);background:var(--bg);letter-spacing:.01em;word-spacing:.04em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-weight:400}body{min-height:100vh;padding-bottom:env(safe-area-inset-bottom,0px);line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input{background:0 0;border:none;outline:none;font-family:inherit}img,svg{max-width:100%;display:block}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:3px}
