*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--gold:#b8923a;--gold-bg:#c8a96e;--gold-light:#f5e9d0;--bg:#fafaf8;--bg-card:#fff;--bg-section:#f4f2ee;--text:#1a1a1a;--text-muted:#666;--text-light:#999;--border:#e8e4dc;--shadow:0 2px 16px #00000012;--shadow-lg:0 8px 40px #0000001a;--radius:16px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;line-height:1.75;overflow-x:hidden}nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#fafaf8eb;justify-content:space-between;align-items:center;padding:18px 48px;display:flex;position:fixed;top:0;left:0;right:0}.logo{color:var(--text);font-family:Playfair Display,serif;font-size:20px;font-weight:700}.logo span{color:var(--gold)}.logo-mark{vertical-align:middle;border-radius:6px;width:26px;height:26px;margin-right:8px;display:inline-block}.hero-logo{width:280px;max-width:64%;height:auto;margin:4px auto 22px;display:block}.nav-btn{background:var(--gold);color:#fff;border-radius:100px;padding:9px 22px;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .2s}.nav-btn:hover{opacity:.85}.hero{text-align:center;background:linear-gradient(160deg,#fff 0%,#faf6ef 60%,#f4f0e6 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 24px 80px;display:flex}.hero-eyebrow{background:var(--gold-light);color:var(--gold);letter-spacing:.5px;border:1px solid #e8d5b0;border-radius:100px;align-items:center;gap:8px;margin-bottom:32px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.hero h1{max-width:900px;color:var(--text);margin-bottom:24px;font-family:Playfair Display,serif;font-size:clamp(38px,6.5vw,74px);font-weight:900;line-height:1.1}.hero h1 em{color:var(--gold);font-style:italic}.hero-sub{color:var(--text-muted);max-width:580px;margin-bottom:20px;font-size:clamp(15px,1.8vw,18px);line-height:1.9}.streaming-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:44px;display:flex}.streaming-row span{color:var(--text-light);font-size:13px}.s-badge{background:var(--bg-card);border:1px solid var(--border);color:var(--text);box-shadow:var(--shadow);border-radius:100px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.hero-btns{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:64px;display:flex}.hero-beta{color:var(--text-muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;max-width:640px;margin:0 auto 20px;font-size:13px;line-height:1.6;display:flex}.beta-pill{background:var(--gold-light);color:var(--gold);letter-spacing:.5px;white-space:nowrap;border:1px solid #e8d5b0;border-radius:100px;padding:2px 12px;font-size:12px;font-weight:700;display:inline-block}.btn-primary{background:var(--gold);color:#fff;border-radius:100px;padding:14px 34px;font-size:15px;font-weight:600;text-decoration:none;transition:opacity .2s,transform .2s;box-shadow:0 4px 20px #b8923a59}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-outline{color:var(--text-muted);border:1.5px solid var(--border);background:0 0;border-radius:100px;padding:14px 28px;font-size:15px;font-weight:500;text-decoration:none;transition:border-color .2s,color .2s}.btn-outline:hover{border-color:var(--gold);color:var(--gold)}.hero-visual{background:var(--bg-card);border:1px solid var(--border);width:100%;max-width:680px;box-shadow:var(--shadow-lg);border-radius:20px;overflow:hidden}.mock-bar{border-bottom:1px solid var(--border);background:#f0ece4;align-items:center;gap:8px;padding:12px 16px;display:flex}.mock-dot{border-radius:50%;width:10px;height:10px}.mock-dot:first-child{background:#ff5f57}.mock-dot:nth-child(2){background:#febc2e}.mock-dot:nth-child(3){background:#28c840}.mock-url{color:#999;background:#e8e4dc;border-radius:6px;flex:1;padding:4px 12px;font-size:12px}.mock-body{padding:28px}.mock-label{color:var(--text-light);letter-spacing:1px;text-transform:uppercase;margin-bottom:14px;font-size:11px}.word-chips{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.chip{border-radius:100px;padding:5px 14px;font-size:13px;font-weight:500}.chip.on{background:var(--gold-light);color:var(--gold);border:1px solid #e8d5b0}.chip.off{color:#bbb;background:#f0ede8;font-size:12px}.mock-bar2{background:#f0ece4;border-radius:100px;height:6px;margin-bottom:8px}.mock-fill{background:linear-gradient(90deg, var(--gold), #d4a84b);border-radius:100px;width:68%;height:100%}.mock-note{color:var(--text-light);font-size:12px}.section{padding:96px 24px}.container{max-width:1060px;margin:0 auto}.section-tag{letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:14px;font-size:12px;font-weight:600;display:block}h2{margin-bottom:16px;font-family:Playfair Display,serif;font-size:clamp(26px,3.5vw,40px);font-weight:700;line-height:1.2}.section-lead{color:var(--text-muted);max-width:560px;font-size:16px;line-height:1.9}.services{background:var(--bg-section)}.services-intro{text-align:center;margin-bottom:52px}.services-intro .section-lead{margin:0 auto}.services-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;display:grid}.service-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);padding:24px 20px;transition:transform .2s,box-shadow .2s}.service-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.service-icon{margin-bottom:10px;font-size:36px}.service-name{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:600}.service-note{color:var(--text-light);font-size:12px}.service-card.featured{background:#fffdf8;border-color:#e8d5b0}.problem{background:var(--bg-card)}.problem-grid{grid-template-columns:1fr 1fr;align-items:center;gap:48px;margin-top:56px;display:grid}.problem-quote{border-left:3px solid var(--gold);border-radius:0 var(--radius) var(--radius) 0;color:var(--text-muted);background:#faf6ef;padding:28px 32px;font-size:17px;line-height:1.9}.problem-quote strong{color:var(--text)}.vs-stack{flex-direction:column;gap:14px;display:flex}.vs-card{background:var(--bg-section);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start;gap:14px;padding:20px 24px;display:flex}.vs-icon{flex-shrink:0;font-size:26px}.vs-title{margin-bottom:3px;font-size:14px;font-weight:600}.vs-desc{color:var(--text-muted);font-size:13px;line-height:1.7}.vs-card.bad .vs-title{color:#d94f4f}.vs-card.good .vs-title{color:#2da87c}.how{background:var(--bg-section)}.steps-row{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:52px;display:grid}.step-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px 24px;transition:transform .2s,box-shadow .2s}.step-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.step-num{background:var(--gold);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:20px;font-family:Playfair Display,serif;font-size:17px;font-weight:700;display:flex}.step-icon{margin-bottom:14px;font-size:30px}.step-card h3{margin-bottom:10px;font-size:17px;font-weight:600}.step-card p{color:var(--text-muted);font-size:14px;line-height:1.85}.features{background:var(--bg-card)}.feat-list{flex-direction:column;gap:72px;margin-top:64px;display:flex}.feat-row{grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid}.feat-row.flip{direction:rtl}.feat-row.flip>*{direction:ltr}.feat-tag{background:var(--gold-light);color:var(--gold);letter-spacing:1.5px;text-transform:uppercase;border-radius:4px;margin-bottom:14px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-block}.feat-row h3{margin-bottom:14px;font-family:Playfair Display,serif;font-size:24px;font-weight:700;line-height:1.35}.feat-row p{color:var(--text-muted);font-size:15px;line-height:1.9}.feat-visual{background:var(--bg-section);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;padding:28px}.srs-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.srs-item:last-child{border-bottom:none}.srs-word{color:var(--text);font-size:15px;font-weight:600}.srs-from{color:var(--text-light);margin-top:2px;font-size:11px}.pill{white-space:nowrap;border-radius:100px;padding:3px 10px;font-size:11px;font-weight:600}.pill.red{color:#d94f4f;background:#fdecea}.pill.gold{background:var(--gold-light);color:var(--gold)}.pill.green{color:#2da87c;background:#e8f7f1}.popup-wrap{justify-content:center;align-items:center;min-height:220px;display:flex}.popup-mock{border:1px solid var(--border);background:#fff;border-radius:16px;width:100%;max-width:260px;overflow:hidden;box-shadow:0 16px 40px #00000024}.popup-head{border-bottom:1px solid #f0f0f0;padding:16px 20px 12px}.popup-word{color:var(--gold);font-size:22px;font-weight:700}.popup-phon{color:#aaa;margin-top:2px;font-size:12px}.popup-def{color:#555;padding:12px 20px;font-size:13px;line-height:1.7}.popup-save{background:var(--gold);color:#fff;border:none;border-radius:10px;width:calc(100% - 32px);margin:0 16px 16px;padding:10px;font-size:14px;font-weight:600;display:block}.story{background:var(--bg-section)}.story-inner{max-width:740px;margin:0 auto}.story-body{color:var(--text-muted);margin-top:44px;font-size:16px;line-height:2.05}.story-body p{margin-bottom:22px}.story-body strong{color:var(--text);font-weight:600}.story-pull{background:var(--bg-card);border-radius:var(--radius);color:var(--text);text-align:center;box-shadow:var(--shadow);border:1px solid #e8d5b0;margin:36px 0;padding:26px 32px;font-size:17px;font-style:italic;line-height:1.85}.forwho{background:var(--bg-card)}.forwho-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:52px;display:grid}.forwho-card{background:var(--bg-section);border:1px solid var(--border);border-radius:var(--radius);padding:28px 22px;transition:transform .2s,box-shadow .2s}.forwho-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.forwho-icon{margin-bottom:14px;font-size:32px}.forwho-card h3{margin-bottom:8px;font-size:16px;font-weight:600}.forwho-card p{color:var(--text-muted);font-size:14px;line-height:1.8}.cta{text-align:center;background:linear-gradient(135deg,#2a1f0a 0%,#1a1208 50%,#2a1f0a 100%);padding:110px 24px}.cta h2{color:#fff;max-width:680px;margin:0 auto 16px}.cta .section-lead{color:#fff9;margin:0 auto 44px}.cta .section-tag{color:var(--gold-bg)}.cta-btns{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.cta .btn-outline{color:#fffc;border-color:#ffffff4d}.cta .btn-outline:hover{color:var(--gold-bg);border-color:var(--gold-bg)}.cta-ext-mobile{display:none}footer{background:#111;border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:32px 48px;display:flex}footer .logo{color:#fff}footer .logo span{color:var(--gold-bg)}footer small{color:#666;font-size:13px}footer a{color:var(--gold-bg);font-size:13px;text-decoration:none}.setup{background:var(--bg-section)}.setup-steps{flex-direction:column;gap:28px;display:flex}.install-step{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:32px;display:grid}.install-step.reverse{direction:rtl}.install-step.reverse>*{direction:ltr}.step-badge{background:var(--gold-light);color:var(--gold);letter-spacing:1px;text-transform:uppercase;border-radius:100px;align-items:center;gap:8px;margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.install-step h3{margin-bottom:10px;font-size:19px;font-weight:700;line-height:1.35}.install-step p{color:var(--text-muted);font-size:14px;line-height:1.85}.install-step .note{background:var(--bg-section);color:var(--text-muted);border-radius:8px;margin-top:12px;padding:10px 14px;font-size:13px}.install-step .note strong{color:var(--gold)}.install-step .note a{color:var(--gold);font-weight:600;text-decoration:underline}.install-cta{margin-top:14px;padding:11px 22px;font-size:14px;display:inline-block}.illus{border:1px solid var(--border);background:#f8f6f2;border-radius:12px;overflow:hidden}.illus-bar{border-bottom:1px solid var(--border);background:#eceae4;align-items:center;gap:6px;padding:10px 14px;display:flex}.illus-dot{border-radius:50%;width:9px;height:9px}.illus-dot:first-child{background:#ff5f57}.illus-dot:nth-child(2){background:#febc2e}.illus-dot:nth-child(3){background:#28c840}.illus-url{color:#888;background:#e4e2dc;border-radius:5px;flex:1;padding:3px 10px;font-size:11px}.illus-body{padding:20px}.ext-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:12px;margin-top:12px;padding:14px;display:flex}.ext-logo{color:#c8a96e;background:#0a0a0a;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-family:Playfair Display,serif;font-size:13px;font-weight:700;display:flex}.ext-info{flex:1}.ext-name{color:#202124;font-size:14px;font-weight:600}.ext-id{color:#5f6368;margin-top:2px;font-size:11px}.ext-on{background:#1a73e8;border-radius:9px;width:32px;height:18px;position:relative}.ext-on:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:2px;right:2px}.store-add-btn{color:#fff;white-space:nowrap;background:#1a73e8;border-radius:4px;padding:7px 14px;font-size:13px;font-weight:600}.netflix-mock{aspect-ratio:16/9;background:#141414;border-radius:10px;justify-content:center;align-items:flex-end;padding-bottom:16px;display:flex;position:relative;overflow:hidden}.netflix-sub{color:#fff;text-align:center;background:#000000bf;border-radius:4px;padding:6px 16px;font-size:13px;line-height:1.6}.netflix-sub .cl-word{cursor:pointer;color:#f5e9d0;border-bottom:2px solid #c8a96e}.netflix-popup{background:#fff;border-radius:12px;width:200px;padding:12px 16px;position:absolute;bottom:56px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000080}.netflix-popup .pw{color:#c17f3b;margin-bottom:2px;font-size:16px;font-weight:700}.netflix-popup .pm{color:#888;margin-bottom:8px;font-size:11px}.netflix-popup .pd{color:#444;margin-bottom:10px;font-size:12px;line-height:1.5}.netflix-popup .ps{color:#fff;cursor:pointer;background:#c17f3b;border:none;border-radius:7px;width:100%;padding:7px;font-size:12px;font-weight:600}.netflix-scene{opacity:.4;background:linear-gradient(135deg,#1a0a0a 0%,#0d1a2a 100%);justify-content:center;align-items:center;font-size:32px;display:flex;position:absolute;inset:0}.reveal{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(20px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (max-width:800px){nav{padding:14px 20px}.problem-grid,.feat-row,.steps-row,.forwho-grid,.install-step{grid-template-columns:1fr}.feat-row.flip,.install-step.reverse{direction:ltr}.install-step{gap:24px;padding:24px 20px}.cta-ext-pc{display:none}.cta-ext-mobile{display:inline-block}footer{text-align:center;flex-direction:column}}