:root{--bg:#0a0908;--bg-elevated:#0f0d0b;--card:#fff5e605;--border:#fff5e60e;--border-hover:#fff5e61a;--text:#b0a89c;--text-bright:#f0ebe3;--text-dim:#fff5e673;--green:#34d399;--green-dim:#34d3991a;--red:#e87066;--cream:#f0ebe3;--warm-white:#f5f0e8;--film-scratch:#fff5e608;--sans:"DM Sans", system-ui, -apple-system, sans-serif;--mono:"IBM Plex Mono", "SF Mono", monospace;--serif:"Cormorant Garamond", "Georgia", serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--sans);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}#root{min-height:100vh}::selection{color:var(--warm-white);background:#34d39926}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#fff5e60f;border-radius:3px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shotAppear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes flicker{0%,to{opacity:.018}50%{opacity:.025}}@keyframes grainShift{0%{transform:translate(0)}25%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px)}75%{transform:translate(-1px,-1px)}to{transform:translate(0)}}.page{background:var(--bg);min-height:100vh;position:relative}.page:before{content:"";pointer-events:none;z-index:5;mix-blend-mode:screen;opacity:.6;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='0.02'/%3E%3C/svg%3E");width:200%;height:200%;animation:.3s steps(4,end) infinite grainShift;position:fixed;inset:-50%}.page:after{content:"";pointer-events:none;z-index:6;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000000a 2px 4px);position:fixed;inset:0}.light-leak{pointer-events:none;z-index:2;background:radial-gradient(at 100% 30%,#b482460f 0%,#8c643206 40%,#0000 70%);width:35%;position:fixed;top:0;bottom:0;right:0}.vignette{pointer-events:none;z-index:3;background:radial-gradient(70% 60%,#0000 50%,#00000059 100%);position:fixed;inset:0}.page>:not(.light-leak):not(.vignette){z-index:4;position:relative}.tag{font-family:var(--mono);letter-spacing:2.5px;text-transform:uppercase;color:var(--text-dim);margin-bottom:16px;font-size:10px;font-weight:500}.tag--green{color:var(--green);opacity:.85}.section-inner{max-width:1080px;margin:0 auto;padding:0 32px}.section-inner--narrow{max-width:680px}.section-h2{font-family:var(--serif);color:var(--cream);letter-spacing:.5px;margin-bottom:16px;font-size:clamp(28px,3.5vw,44px);font-weight:300;line-height:1.15}.section-sub{color:var(--text);max-width:540px;font-size:15px;line-height:1.75}.nav{z-index:100;border-bottom:1px solid #0000;transition:all .3s;position:fixed;top:0;left:0;right:0}.nav--scrolled{-webkit-backdrop-filter:blur(12px);border-bottom-color:var(--border);background:#0a0908e6}.nav-inner{justify-content:space-between;align-items:center;max-width:1080px;margin:0 auto;padding:16px 32px;display:flex}.logo{align-items:center;display:flex}.logo-name{font-family:var(--serif);color:var(--cream);letter-spacing:3px;font-size:26px;font-weight:300}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a{color:var(--text);letter-spacing:.3px;font-size:13px;text-decoration:none;transition:color .2s;position:relative}.nav-links a:not(.nav-cta):after{content:"";background:var(--cream);width:0;height:1px;transition:width .3s;position:absolute;bottom:-3px;left:0}.nav-links a:not(.nav-cta):hover:after{width:100%}.nav-links a:hover{color:var(--cream)}.nav-cta{letter-spacing:.5px;border:1px solid #34d39933;border-radius:2px;padding:8px 18px;font-weight:500;transition:background .2s,border-color .2s;color:var(--green)!important;font-size:11px!important}.nav-cta:hover{background:var(--green-dim);border-color:#34d39959}.hero{grid-template-columns:1.3fr 1fr;align-items:center;gap:56px;max-width:1080px;min-height:100vh;margin:0 auto;padding:150px 32px 80px;display:grid}.hero-text{animation:.8s ease-out fadeUp}.hero-h1{font-family:var(--serif);letter-spacing:.5px;color:var(--text);margin-bottom:24px;font-size:clamp(30px,4.5vw,52px);font-weight:300;line-height:1.12}.hero-h1-accent{color:var(--warm-white)}.hero-sub{color:var(--text);max-width:440px;margin-bottom:32px;font-size:15px;line-height:1.8}.hero-note{color:var(--text-dim);margin-top:14px;font-size:11px}.hero-credibility{color:var(--text-dim);margin-top:6px;font-size:11px;font-style:italic}.hero-visual{animation:.8s ease-out .2s both fadeUp}.court-container{border:1px solid var(--border);background:#0c0a08;border-radius:2px;overflow:hidden;box-shadow:0 0 60px #0006,inset 0 0 40px #0003}.court-svg{width:100%;display:block}.court-overlay{border-top:1px solid var(--border);color:var(--text-dim);background:#0006;justify-content:space-between;align-items:center;min-height:34px;padding:9px 14px;font-size:11px;display:flex}.court-overlay-row,.court-overlay-detail{align-items:center;gap:6px;display:flex}.court-overlay-detail{font-family:var(--mono);letter-spacing:.3px;font-size:11px}.court-overlay-player{color:var(--cream);font-weight:600}.court-overlay-sep{color:#fff5e626;margin:0 2px}.court-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.court-dot:not(:first-child){margin-left:8px}.court-dot--green{background:var(--green)}.court-dot--red{background:var(--red)}.court-overlay-mono{font-family:var(--mono);color:#fff5e633;letter-spacing:.5px;font-size:10px}.pain-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-elevated)}.pain-inner{justify-content:center;align-items:center;gap:48px;max-width:1080px;margin:0 auto;padding:48px 32px;display:flex}.pain-stat{text-align:center;flex:1}.pain-num{font-family:var(--serif);color:var(--cream);letter-spacing:1px;margin-bottom:10px;font-size:clamp(34px,5vw,54px);font-weight:300;line-height:1}.pain-label{color:var(--text);max-width:200px;margin:0 auto;font-size:13px;line-height:1.55}.pain-divider{background:var(--border);flex-shrink:0;width:1px;height:56px}.demo{border-bottom:1px solid var(--border);padding:96px 0}.demo-video-wrap{border:1px solid var(--border);background:#0c0a08;border-radius:2px;margin-top:32px;overflow:hidden;box-shadow:0 0 60px #0006,inset 0 0 40px #0003}.demo-video{width:100%;height:auto;display:block}.how{border-bottom:1px solid var(--border);padding:96px 0}.steps{align-items:stretch;gap:0;margin-top:48px;display:flex}.step{border:1px solid var(--border);background:var(--card);border-radius:2px;flex:1;padding:32px 28px;transition:all .35s;position:relative;overflow:hidden}.step:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#34d3994d,#0000);height:1px;transition:opacity .35s;position:absolute;top:0;left:0;right:0}.step:hover:before{opacity:1}.step:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 8px 28px #00000040}.step-num{font-family:var(--serif);width:32px;height:32px;color:var(--green);border:1px solid #34d39933;border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;font-size:16px;font-weight:300;display:flex}.step h3{font-family:var(--serif);color:var(--cream);letter-spacing:.3px;margin-bottom:10px;font-size:20px;font-weight:400;line-height:1.2}.step p{color:var(--text);font-size:13px;line-height:1.7}.step-connector{flex-shrink:0;justify-content:center;align-items:center;width:36px;display:flex;position:relative}.step-connector:after{content:"";background:var(--border);width:100%;height:1px}.output{border-bottom:1px solid var(--border);padding:96px 0}.output-stack{flex-direction:column;gap:12px;margin-top:48px;display:flex}.output-card{border:1px solid var(--border);background:var(--card);border-radius:2px;padding:28px 32px;transition:all .35s;position:relative;overflow:hidden}.output-card:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle at 30% 30%,#b48c4608 0%,#0000 60%);width:200%;height:200%;transition:opacity .4s;position:absolute;top:-50%;left:-50%}.output-card:hover:before{opacity:1}.output-card:hover{border-color:#fff5e61a;transform:translateY(-1px);box-shadow:0 6px 24px #00000040}.output-card--hero{background:#34d39905;border-color:#34d39926;padding:32px}.output-card--hero:before{background:radial-gradient(circle at 30% 30%,#34d39908 0%,#0000 60%)}.output-card--hero:hover{border-color:#34d39947}.output-card-label{font-family:var(--serif);letter-spacing:.3px;color:var(--cream);margin-bottom:8px;font-size:20px;font-weight:400;transition:color .3s}.output-card:hover .output-card-label{color:var(--warm-white)}.output-card--hero .output-card-label{color:var(--green)}.output-card p{color:var(--text);max-width:600px;font-size:13px;line-height:1.7}.compare{border-bottom:1px solid var(--border);padding:96px 0}.compare-grid{grid-template-columns:2fr 3fr;gap:20px;margin-top:48px;display:grid}.compare-col{border:1px solid var(--border);background:var(--card);border-radius:2px;overflow:hidden}.compare-col--new{background:#34d39904;border-color:#34d39926}.compare-header{font-family:var(--mono);letter-spacing:2.5px;text-transform:uppercase;border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:14px 22px;font-size:10px;font-weight:500;display:flex}.compare-header--old{color:var(--text-dim)}.compare-header--new{font-family:var(--serif);letter-spacing:2px;text-transform:none;color:var(--green);border-bottom-color:#34d3991a;font-size:18px;font-weight:300}.compare-item{border-bottom:1px solid #fff5e606;flex-direction:column;gap:3px;padding:13px 22px;display:flex}.compare-item:last-child{border-bottom:none}.compare-item--you{background:#fff5e603}.compare-name{color:var(--cream);font-size:13px;font-weight:500}.compare-detail{color:var(--text-dim);font-size:11px}.compare-point{color:var(--text);border-bottom:1px solid #34d3990a;padding:13px 22px 13px 40px;font-size:13px;line-height:1.55;position:relative}.compare-point:before{content:"✓";color:var(--green);opacity:.7;font-size:11px;position:absolute;left:20px}.compare-price-block{flex-direction:column;gap:6px;padding:22px;display:flex}.compare-fraction{font-family:var(--serif);color:var(--cream);letter-spacing:.5px;font-size:20px;font-weight:300}.compare-price-note{color:var(--text-dim);font-size:11px}.cta{text-align:center;padding:96px 0;position:relative}.cta:before{content:"";pointer-events:none;background:radial-gradient(at 50% 100%,#b482460a 0%,#0000 70%);height:60%;position:absolute;bottom:0;left:20%;right:20%}.cta-content{text-align:center;position:relative}.cta-h2{font-family:var(--serif);color:var(--cream);letter-spacing:.5px;margin-bottom:16px;font-size:clamp(30px,4vw,48px);font-weight:300;line-height:1.12}.cta-sub{color:var(--text);margin-bottom:32px;font-size:15px;line-height:1.8}.cta-fine{color:var(--text-dim);margin-top:14px;font-size:11px}.email-form{gap:8px;max-width:420px;display:flex}.email-form--hero{max-width:420px}.cta .email-form{margin:0 auto}.email-input{font-family:var(--sans);border:1px solid var(--border);color:var(--cream);background:#fff5e608;border-radius:2px;outline:none;flex:1;padding:12px 16px;font-size:15px;transition:border-color .2s}.email-input::placeholder{color:var(--text-dim)}.email-input:focus{border-color:#34d39959}.email-btn{font-family:var(--sans);background:var(--green);color:var(--bg);cursor:pointer;white-space:nowrap;border:none;border-radius:2px;padding:12px 24px;font-size:13px;font-weight:600;transition:background .2s,box-shadow .2s}.email-btn:hover{background:#4ade80;box-shadow:0 0 30px #34d3991f}.email-done{color:var(--green);background:var(--green-dim);border:1px solid #34d39926;border-radius:2px;align-items:center;gap:8px;max-width:420px;padding:13px 18px;font-size:13px;display:flex}.cta .email-done{margin:0 auto}.footer{border-top:1px solid var(--border);padding:28px 32px}.footer-inner{justify-content:space-between;align-items:center;max-width:1080px;margin:0 auto;display:flex}.footer-copy{color:var(--text-dim);font-size:11px}@media (width<=900px){.hero{grid-template-columns:1fr;gap:36px;min-height:auto;padding:120px 20px 48px}.hero-visual{max-width:480px}.pain-inner{flex-direction:column;gap:28px}.pain-divider{width:60px;height:1px}.steps{flex-direction:column;gap:10px}.step-connector{width:auto;height:24px}.step-connector:after{width:1px;height:100%}.output-stack{max-width:100%}.compare-grid{grid-template-columns:1fr}.nav-links a:not(.nav-cta){display:none}.how,.output,.compare{padding:72px 0}.cta{padding:80px 0}}@media (width<=560px){.email-form,.email-form--hero{flex-direction:column;max-width:100%}.hero{padding:100px 16px 32px}.section-inner{padding:0 16px}.footer{padding:20px 16px}.footer-inner{text-align:center;flex-direction:column;gap:8px}.compare-grid{grid-template-columns:1fr}}