@import"https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";.bg-noise{position:absolute;inset:0;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay}.nav-links{display:flex;align-items:center;gap:32px}.nav-link{font-size:13px;font-weight:500;color:#ffffff80;text-decoration:none;transition:color .3s;position:relative}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:#fff;transition:width .3s var(--ease-out-expo)}.nav-link:hover{color:#fff}.nav-link:hover:after{width:100%}.cta-text{position:relative;z-index:1}.cta-icon{position:relative;z-index:1;display:flex;transition:transform .3s var(--ease-out-expo)}.nav-cta:hover .cta-icon{transform:translateY(2px)}.eyebrow-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:100px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fff9}.badge-dot{width:6px;height:6px;border-radius:50%;animation:dot-pulse 2s ease-in-out infinite}.hero-actions{display:flex;align-items:center;gap:16px;margin-bottom:40px;opacity:0;transform:translateY(20px);animation:content-enter .8s var(--ease-out-expo) 1s forwards}.btn-primary{position:relative;display:flex;align-items:center;padding:16px 28px;background:transparent;color:#fff;font-size:14px;font-weight:600;text-decoration:none;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.15);transition:all .4s var(--ease-out-expo)}.btn-bg{position:absolute;inset:0;background:linear-gradient(135deg,var(--accent) 0%,transparent 100%);opacity:0;transition:opacity .4s}.btn-primary:hover .btn-bg{opacity:.15}.btn-primary:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 10px 40px color-mix(in srgb,var(--accent) 20%,transparent)}.btn-content{position:relative;z-index:1;display:flex;align-items:center;gap:12px}.btn-badge{padding:4px 10px;background:#ffffff1a;border-radius:6px;font-size:10px;font-weight:700;font-family:var(--font-mono)}.btn-secondary{display:flex;align-items:center;gap:10px;padding:16px 20px;background:transparent;color:#fff9;font-size:14px;font-weight:500;text-decoration:none;border-radius:12px;transition:all .3s var(--ease-out-expo)}.btn-secondary:hover{color:#fff;background:#ffffff08}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff0d;border-radius:50%;transition:all .3s var(--ease-out-expo)}.btn-secondary:hover .btn-icon{background:#ffffff1a;transform:scale(1.1)}.hero-meta{display:flex;align-items:center;gap:20px;padding:20px 24px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;opacity:0;transform:translateY(20px);animation:content-enter .8s var(--ease-out-expo) 1.1s forwards}.meta-item{display:flex;flex-direction:column;gap:4px}.meta-value{font-size:18px;font-weight:700;letter-spacing:-.02em}.meta-stars{display:flex;gap:2px}.meta-label{font-size:11px;color:#fff6;font-weight:500}.meta-divider{width:1px;height:32px;background:#ffffff14}.fb-1{top:60px;right:-20px;animation-delay:1.2s}.fb-2{bottom:100px;left:-30px;animation-delay:1.4s}.fb-1{animation:badge-enter .8s var(--ease-out-expo) 1.2s forwards,badge-float-1 6s ease-in-out 2s infinite}.fb-2{animation:badge-enter .8s var(--ease-out-expo) 1.4s forwards,badge-float-2 7s ease-in-out 2.2s infinite}.sidebar-header{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-title{display:block;font-size:14px;font-weight:700;letter-spacing:-.01em;margin-bottom:4px}.sidebar-subtitle{font-size:12px;color:#fff6}.hero-footer{display:flex;justify-content:space-between;align-items:center;padding:24px 0;font-size:12px;color:#ffffff4d;border-top:1px solid rgba(255,255,255,.04);position:relative;z-index:10;opacity:0;animation:content-enter .8s var(--ease-out-expo) 1.3s forwards}.footer-tagline{font-style:italic;color:#fff3}.footer-version{font-family:var(--font-mono);font-size:11px;padding:4px 10px;background:#ffffff08;border-radius:4px}@media(max-width:1200px){.hero-main{grid-template-columns:1fr 1fr;gap:40px}.hero-content{max-width:100%;grid-column:1 / -1;text-align:center;order:1}.hero-eyebrow{justify-content:center}.hero-desc{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-meta{justify-content:center;max-width:400px;margin:0 auto}.hero-phone{order:2}.sidebar{order:3}.nav-links,.floating-badge{display:none}}@media(max-width:600px){.hero{padding:0 20px}.phone-frame{width:240px}.phone-screen{min-height:420px}.screen-time{font-size:44px}.hero-meta{flex-wrap:wrap;gap:16px}.meta-divider{display:none}.hero-actions{flex-direction:column;width:100%}.btn-primary,.btn-secondary{width:100%;justify-content:center}.hero-footer{flex-direction:column;gap:12px;text-align:center}}:root{--font-display: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-in-out-quart: cubic-bezier(.76, 0, .24, 1)}.hero{min-height:100vh;display:flex;flex-direction:column;padding:0 clamp(24px,4vw,64px);position:relative;background:#050505;font-family:var(--font-display);overflow:hidden;color:#fff}.hero-bg{position:fixed;inset:0;pointer-events:none;z-index:0}.bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black 20%,transparent 70%);mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black 20%,transparent 70%)}.bg-noise{position:absolute;inset:0;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay}.bg-orb{position:absolute;border-radius:50%;filter:blur(100px);transition:background .8s var(--ease-out-expo)}.bg-orb-1{width:800px;height:800px;top:-20%;right:-10%;animation:float-slow 20s ease-in-out infinite}.bg-orb-2{width:600px;height:600px;bottom:-30%;left:-10%;animation:float-slow 25s ease-in-out infinite reverse}@keyframes float-slow{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.bg-gradient-top{position:absolute;top:0;left:0;right:0;height:400px;background:linear-gradient(to bottom,rgba(10,10,10,1) 0%,transparent 100%)}.bg-gradient-bottom{position:absolute;bottom:0;left:0;right:0;height:300px;background:linear-gradient(to top,rgba(5,5,5,1) 0%,transparent 100%)}.bg-lines{position:absolute;inset:0;overflow:hidden}.bg-line{position:absolute;width:1px;height:200px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.03),transparent);animation:line-fall 15s linear infinite;opacity:0}.bg-line:nth-child(1){left:10%}.bg-line:nth-child(2){left:25%}.bg-line:nth-child(3){left:50%}.bg-line:nth-child(4){left:75%}.bg-line:nth-child(5){left:90%}@keyframes line-fall{0%{top:-200px;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100vh;opacity:0}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:24px 0;position:relative;z-index:100;opacity:0;transform:translateY(-20px);animation:nav-enter .8s var(--ease-out-expo) .2s forwards}@keyframes nav-enter{to{opacity:1;transform:translateY(0)}}.nav-brand{display:flex;align-items:center;gap:12px}.brand-dots{display:flex;gap:4px}.bd{width:8px;height:8px;border-radius:2px;background:#ffffff26;transition:all .3s var(--ease-out-expo)}.bd.past{background:#fff}.bd.current{animation:dot-pulse 2s ease-in-out infinite}@keyframes dot-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.brand-name{font-size:16px;font-weight:700;letter-spacing:-.02em}.brand-tag{font-family:var(--font-mono);font-size:10px;font-weight:500;padding:4px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:4px;color:#ffffff80}.nav-cta{position:relative;display:flex;align-items:center;gap:10px;padding:12px 20px;background:#fff;color:#000;font-size:13px;font-weight:600;text-decoration:none;border-radius:10px;overflow:hidden;transition:all .3s var(--ease-out-expo)}.cta-glow{position:absolute;inset:0;opacity:0;transition:opacity .3s}.nav-cta:hover .cta-glow{opacity:.15}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 10px 40px #ffffff26}.cta-text,.cta-icon{position:relative;z-index:1}.nav-socials{display:flex;align-items:center;background:#fff;border-radius:999px;padding:6px 16px;gap:14px;height:38px;transition:transform .3s var(--ease-out-expo)}.nav-socials:hover{transform:translateY(-2px);box-shadow:0 10px 40px #fff3}.social-link{display:flex;align-items:center;justify-content:center;color:#000;opacity:.6;transition:all .2s;text-decoration:none}.social-link:hover{opacity:1;transform:scale(1.1)}.social-sep{width:1px;height:14px;background:#00000026}.nav-tagline{font-size:13px;font-style:italic;color:#ffffff4d;letter-spacing:.01em}@media(max-width:768px){.nav-tagline{display:none}}.slide-download{position:relative;width:100%;max-width:320px;height:64px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:32px;overflow:hidden;cursor:default;user-select:none;-webkit-user-select:none;touch-action:none}.slide-download.dragging{border-color:#fff3}.slide-download.complete{border-color:var(--accent)}.slide-fill{position:absolute;top:0;left:0;height:100%;border-radius:32px;transition:none;pointer-events:none}.slide-download.resetting .slide-fill,.slide-download.complete .slide-fill{transition:width .3s var(--ease-out-expo)}.slide-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:500;color:#ffffff80;pointer-events:none;display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden}.slide-text-content{position:relative;z-index:1}.slide-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);animation:shimmer 2.5s ease-in-out infinite}@keyframes shimmer{0%{left:-100%}50%,to{left:200%}}.slide-download.dragging .slide-shimmer,.slide-download.complete .slide-shimmer{animation:none;opacity:0}.slide-badge{position:absolute;right:20px;top:50%;transform:translateY(-50%);padding:5px 10px;background:#ffffff14;border-radius:6px;font-size:10px;font-weight:700;font-family:var(--font-mono);color:#ffffff80;pointer-events:none;transition:opacity .2s,transform .2s}.slide-glow{position:absolute;top:50%;width:80px;height:80px;border-radius:50%;transform:translate(-50%,-50%);filter:blur(30px);pointer-events:none;transition:opacity .3s;z-index:5}.slide-cat{position:absolute;top:50%;left:12px;transform:translateY(-50%);z-index:15;pointer-events:none;transition:transform .05s linear;display:flex;align-items:center;justify-content:center;width:48px;height:48px}.slide-cat svg{display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.slide-cat .cat-body{transform-origin:center;animation:cat-breathe 2s ease-in-out infinite}@keyframes cat-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.03)}}.slide-cat .cat-tail{transform-origin:13px 40px;animation:tail-idle 2s ease-in-out infinite}@keyframes tail-idle{0%,to{transform:rotate(0)}50%{transform:rotate(10deg)}}.slide-cat.running .cat-leg-fl{transform-origin:44.5px 50px;animation:leg-front-l .15s ease-in-out infinite}.slide-cat.running .cat-leg-fr{transform-origin:54.5px 50px;animation:leg-front-r .15s ease-in-out infinite}.slide-cat.running .cat-leg-bl{transform-origin:20.5px 50px;animation:leg-back-l .15s ease-in-out infinite}.slide-cat.running .cat-leg-br{transform-origin:30.5px 50px;animation:leg-back-r .15s ease-in-out infinite}@keyframes leg-front-l{0%,to{transform:rotate(-25deg)}50%{transform:rotate(25deg)}}@keyframes leg-front-r{0%,to{transform:rotate(25deg)}50%{transform:rotate(-25deg)}}@keyframes leg-back-l{0%,to{transform:rotate(30deg)}50%{transform:rotate(-30deg)}}@keyframes leg-back-r{0%,to{transform:rotate(-30deg)}50%{transform:rotate(30deg)}}.slide-cat.running .cat-body,.slide-cat.running .cat-head{animation:cat-run-bounce .15s ease-in-out infinite}@keyframes cat-run-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.slide-cat.running .cat-tail{animation:tail-run .2s ease-in-out infinite}@keyframes tail-run{0%,to{transform:rotate(-15deg)}50%{transform:rotate(15deg)}}.slide-cat.running .cat-ear{transform-origin:center bottom;animation:ears-run .15s ease-in-out infinite}@keyframes ears-run{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.slide-cat.celebrate{animation:cat-celebrate .6s ease-out forwards}.slide-cat.celebrate .cat-tail{animation:tail-celebrate .3s ease-in-out infinite}@keyframes cat-celebrate{0%{transform:translate(var(--x, 0)) translateY(-50%)}30%{transform:translate(var(--x, 0)) translateY(-50%) translateY(-15px) rotate(-5deg)}60%{transform:translate(var(--x, 0)) translateY(-50%) translateY(-5px) rotate(3deg)}to{transform:translate(var(--x, 0)) translateY(-50%) rotate(0)}}@keyframes tail-celebrate{0%,to{transform:rotate(-20deg)}50%{transform:rotate(20deg)}}.slide-knob{position:absolute;top:4px;left:4px;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:grab;z-index:20;transition:background .3s var(--ease-out-expo),box-shadow .3s}.slide-knob:active{cursor:grabbing}.slide-download.resetting .slide-knob,.slide-download.resetting .slide-cat{transition:transform .3s var(--ease-out-expo)}.slide-download.complete .slide-knob{background:var(--accent)!important;box-shadow:0 4px 25px #0000004d,0 0 20px var(--accent)!important}.slide-download.complete .slide-cat{opacity:0;transition:opacity .2s}.hero-main{flex:1;display:grid;grid-template-columns:1fr auto 340px;gap:clamp(32px,4vw,64px);align-items:center;padding:20px 0 40px;position:relative;z-index:10}.hero-content{max-width:480px}.hero-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:28px;opacity:0;transform:translateY(20px);animation:content-enter .8s var(--ease-out-expo) .4s forwards}.eyebrow-line{width:24px;height:2px;border-radius:1px;transition:background .3s}.eyebrow-text{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#ffffff80}.hero-title{margin-bottom:24px;line-height:1}.title-line{display:block;overflow:hidden}.title-word{display:inline-block;font-size:clamp(48px,5.5vw,72px);font-weight:800;letter-spacing:-.04em;opacity:0;transform:translateY(100%);animation:word-reveal 1s var(--ease-out-expo) forwards}.title-line-1 .title-word{animation-delay:.5s}.title-line-2 .title-word:nth-child(1){animation-delay:.6s}.title-line-2 .title-word:nth-child(2){animation-delay:.7s;margin-left:16px}.title-line-3 .title-word{animation-delay:.8s}@keyframes word-reveal{to{opacity:1;transform:translateY(0)}}.title-accent{transition:color .3s}.title-muted{color:#ffffff40;font-weight:700}.hero-desc{font-size:16px;line-height:1.7;color:#ffffff80;margin-bottom:36px;max-width:380px;opacity:0;transform:translateY(20px);animation:content-enter .8s var(--ease-out-expo) .9s forwards}@keyframes content-enter{to{opacity:1;transform:translateY(0)}}.hero-actions{display:flex;align-items:center;gap:16px;margin-bottom:20px;opacity:0;transform:translateY(20px);animation:content-enter .8s var(--ease-out-expo) 1s forwards}.hero-hint{font-size:12px;color:#ffffff4d;opacity:0;animation:content-enter .8s var(--ease-out-expo) 1.1s forwards}.hero-phone{position:relative;display:flex;justify-content:center;padding:40px 20px}.phone-container{position:relative;opacity:0;transform:translateY(40px) scale(.95);animation:phone-enter 1.2s var(--ease-out-expo) .6s forwards}@keyframes phone-enter{to{opacity:1;transform:translateY(0) scale(1)}}.phone-reflection{position:absolute;inset:-2px;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);border-radius:42px;pointer-events:none}.phone-frame{position:relative;width:280px;background:linear-gradient(160deg,#1a1a1c,#0a0a0b);border-radius:44px;padding:12px;box-shadow:0 0 0 1px #ffffff1a,inset 0 1px #ffffff0d,0 50px 100px -30px #000c,0 30px 60px -20px #00000080}.phone-notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:90px;height:28px;background:#000;border-radius:0 0 16px 16px;z-index:5}.phone-notch:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:8px;height:8px;background:#1a1a1a;border-radius:50%}.phone-screen{background:#000;border-radius:36px;padding:50px 16px 24px;display:flex;flex-direction:column;align-items:center;min-height:500px}.screen-time{font-size:56px;letter-spacing:-3px;margin-bottom:2px;font-family:var(--font-display)}.screen-date{font-size:13px;color:#ffffff80;margin-bottom:28px;font-weight:500}.screen-dots{display:flex;flex-direction:column;gap:3px;margin-bottom:20px}.dots-row{display:flex;justify-content:center}.dot{transition:all .3s var(--ease-out-expo)}.screen-stats{font-size:13px;color:#ffffff80;margin-top:auto;font-weight:500}.stats-sep{margin:0 8px;color:#fff3}.screen-custom{font-size:12px;color:#fff6;margin-top:8px}.phone-glow{position:absolute;width:400px;height:400px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;z-index:-1;transition:all .6s var(--ease-out-expo);filter:blur(60px)}.phone-shadow{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);width:200px;height:30px;background:radial-gradient(ellipse,rgba(0,0,0,.5) 0%,transparent 70%);filter:blur(15px)}.floating-badge{position:absolute;display:flex;align-items:center;gap:8px;padding:10px 16px;background:#0a0a0ae6;border:1px solid rgba(255,255,255,.08);border-radius:12px;font-size:12px;font-weight:500;color:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 40px #0000004d;opacity:0;animation:badge-enter .8s var(--ease-out-expo) forwards}.floating-badge svg{color:var(--accent)}.fb-1{top:60px;right:-20px;animation:badge-enter .8s var(--ease-out-expo) 1.2s forwards,badge-float-1 6s ease-in-out 2s infinite}.fb-2{bottom:100px;left:-30px;animation:badge-enter .8s var(--ease-out-expo) 1.4s forwards,badge-float-2 7s ease-in-out 2.2s infinite}@keyframes badge-enter{to{opacity:1}}@keyframes badge-float-1{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes badge-float-2{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(-2deg)}}.sidebar{background:#0c0c0ccc;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:28px;max-height:580px;overflow-y:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;transform:translate(30px);animation:sidebar-enter .8s var(--ease-out-expo) .8s forwards}@keyframes sidebar-enter{to{opacity:1;transform:translate(0)}}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.ctrl-group{margin-bottom:20px}.ctrl-group:last-child{margin-bottom:0}.ctrl-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#fff6;margin-bottom:10px}.ctrl-heading{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#ffffff4d;margin-bottom:16px}.ctrl-divider{height:1px;background:#ffffff0f;margin:24px 0}.ctrl-inline{display:flex;justify-content:space-between;align-items:center}.color-row{display:flex;gap:10px;flex-wrap:wrap}.color-swatch{width:40px;height:40px;border-radius:12px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s var(--ease-out-expo)}.color-swatch:hover{transform:scale(1.1)}.btn-row{display:flex;flex-wrap:wrap;gap:8px}.option-btn{padding:10px 16px;background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#ffffff80;font-size:12px;font-weight:500;font-family:var(--font-display);cursor:pointer;transition:all .3s var(--ease-out-expo)}.option-btn:hover{border-color:#ffffff26;color:#fffc;background:#ffffff05}.option-btn.active{background:#ffffff0d}.text-input{width:100%;padding:14px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#fff;font-size:14px;font-family:var(--font-display);outline:none;transition:all .3s var(--ease-out-expo)}.text-input::placeholder{color:#ffffff40}.text-input:focus{border-color:#fff3;background:#ffffff0d}.toggle{width:52px;height:28px;border-radius:14px;background:#ffffff1a;border:none;cursor:pointer;position:relative;transition:all .3s var(--ease-out-expo)}.toggle-knob{position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:#ffffff80;transition:all .3s var(--ease-out-expo)}.toggle.on .toggle-knob{left:28px;background:#000}@media(max-width:1200px){.hero-main{grid-template-columns:1fr 1fr;gap:40px}.hero-content{max-width:100%;grid-column:1 / -1;text-align:center;order:1}.hero-eyebrow{justify-content:center}.hero-desc{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-hint{text-align:center}.slide-download{margin:0 auto}.hero-phone{order:2}.sidebar{order:3}.floating-badge{display:none}}@media(max-width:900px){.hero-main{grid-template-columns:1fr;gap:40px}.sidebar{max-height:none}}@media(max-width:600px){.hero{padding:0 20px}.phone-frame{width:240px}.phone-screen{min-height:420px}.screen-time{font-size:44px}.slide-download{max-width:100%;height:60px}.slide-knob{width:52px;height:52px}.slide-text{font-size:13px}}@media(max-width:400px){.slide-download{height:56px}.slide-knob{width:48px;height:48px}}:root{--bg: #050505;--bg-card: #0A0A0A;--bg-elevated: #111111;--border: rgba(255, 255, 255, .08);--border-active: rgba(255, 255, 255, .2);--text: #FFFFFF;--text-secondary: #888888;--text-muted: #555555;--accent: #FFFFFF}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}.app{min-height:100vh;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:1000;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.orb{position:fixed;border-radius:50%;filter:blur(120px);opacity:.15;pointer-events:none}.orb-1{width:600px;height:600px;background:#4f46e5;top:-200px;left:-100px}.orb-2{width:500px;height:500px;background:#10b981;bottom:-150px;right:-100px}