.shot-phone{--w:290px;position:relative;width:var(--w);flex-shrink:0;aspect-ratio:1260/2736;padding:calc(var(--w) * .03);background:#0b0b0b;border-radius:calc(var(--w) * .165);border:1px solid #2c2c2c;box-shadow:0 0 0 1px rgba(255,255,255,.04),0 30px 80px rgba(0,0,0,.55),0 0 60px rgba(77,184,176,.06)}.shot-phone img{display:block;width:100%;height:100%;object-fit:cover;border-radius:calc(var(--w) * .135);background:#000}.shot-phone::after{content:'';position:absolute;left:50%;transform:translateX(-50%);top:calc(var(--w) * .058);width:calc(var(--w) * .28);height:calc(var(--w) * .083);background:#000;border-radius:999px}.shot-phone.sm{--w:250px}.hero2{position:relative;overflow:hidden;padding:calc(var(--header-h) + 48px) 0 56px}.hero2::before{content:'';position:absolute;top:-20%;right:-10%;width:70%;height:80%;background:radial-gradient(ellipse,rgba(77,184,176,.1) 0,transparent 70%);pointer-events:none;transition:background 1s}.hero2[data-active=sober]::before{background:radial-gradient(ellipse,rgba(46,204,113,.09) 0,transparent 70%)}.hero2-inner{display:grid;grid-template-columns:1.05fr 1fr;grid-template-areas:"head visual" "slide visual" "cta visual";column-gap:56px;align-items:start;max-width:var(--max-width);margin:0 auto;padding:0 24px}.hero2-head{grid-area:head}.hero2-slides{grid-area:slide}.hero2-cta{grid-area:cta}.hero2-visual{grid-area:visual;align-self:center;position:relative;height:640px}.hero2-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--accent-glow);border:1px solid rgba(77,184,176,.25);border-radius:20px;padding:6px 14px;font-size:12px;font-weight:700;color:var(--accent-light);letter-spacing:.3px;margin-bottom:20px}.hero2-eyebrow b{color:var(--text);font-weight:800}.hero2 .hero-title{margin-bottom:16px}.hero2-lede{font-size:18px;line-height:1.6;color:var(--text-secondary);max-width:520px;margin-bottom:28px}.mode-switch{display:inline-grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:24px}.mode-switch button{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:150px;padding:11px 18px;border:0;border-radius:12px;background:0 0;color:var(--muted);font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:color .3s,background .3s}.mode-switch button:hover{color:var(--text)}.mode-switch button[aria-selected=true]{background:var(--surface-active);color:var(--text);box-shadow:inset 0 0 0 1px rgba(77,184,176,.35)}.mode-switch button svg{width:16px;height:16px;flex-shrink:0}.mode-switch button[aria-selected=true] svg{color:var(--accent)}.mode-switch .ms-progress{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--accent);opacity:.85}.mode-switch button[aria-selected=false] .ms-progress{display:none}.mode-switch:focus-within button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero2-slides{display:grid;min-height:180px}.hero2-slide{grid-area:1/1;opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease;pointer-events:none}.hero2-slide.is-active{opacity:1;transform:none;pointer-events:auto}.hero2-slide h2{font-size:22px;font-weight:800;letter-spacing:-.2px;margin-bottom:8px}.hero2-slide h2 span{color:var(--accent)}.hero2-slide p{font-size:15px;line-height:1.7;color:var(--text-secondary);max-width:520px;margin-bottom:14px}.hero2-slide .feature-pills{margin-bottom:4px}.hero2-slide h2 .hero2-free{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.8px;color:#0b1f1d;background:var(--accent);border-radius:6px;padding:2px 7px;margin-left:8px;vertical-align:3px}.hero2-cta .hero-cta{margin-top:12px}.hero2-stage{position:absolute;inset:0;opacity:0;transition:opacity .6s ease;pointer-events:none}.hero2-stage.is-active{opacity:1;pointer-events:auto}.hero2-stage .shot-phone{position:absolute;top:50%}.hero2-stage .shot-phone.front{--w:290px;left:10%;transform:translateY(-50%);z-index:2;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.hero2-stage .shot-phone.back{--w:250px;left:48%;transform:translateY(-56%) rotate(4deg);z-index:1;opacity:.9;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.hero2-stage:not(.is-active) .shot-phone.front{transform:translateY(-50%) translateX(-18px)}.hero2-stage:not(.is-active) .shot-phone.back{transform:translateY(-56%) rotate(4deg) translateX(24px)}.hero2-caption{position:absolute;left:10%;bottom:-6px;font-size:12px;color:var(--muted)}.video-section{padding:90px 0 80px;background:var(--surface)}.video-frame{position:relative;max-width:960px;margin:0 auto;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#000;border:1px solid var(--border);box-shadow:0 30px 80px rgba(0,0,0,.5)}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-facade{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#000;cursor:pointer;display:block}.video-facade img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease,opacity .3s}.video-facade:hover img{transform:scale(1.02);opacity:.92}.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;background:rgba(77,184,176,.92);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px rgba(0,0,0,.45),0 0 0 10px rgba(77,184,176,.18);transition:transform .25s}.video-facade:focus-visible .video-play,.video-facade:hover .video-play{transform:translate(-50%,-50%) scale(1.08)}.video-play svg{width:34px;height:34px;margin-left:5px;color:#062321}.video-length{position:absolute;right:14px;bottom:14px;background:rgba(0,0,0,.72);color:#fff;font-size:12px;font-weight:700;border-radius:6px;padding:3px 8px;font-family:var(--font-mono)}.video-note{text-align:center;font-size:12px;color:var(--muted);margin-top:14px}.video-note a{color:var(--accent)}.mode-section .section-header{margin-bottom:36px}.mode-section .section-label .ms-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-right:8px;vertical-align:1px}.mode-tabs-wrap{position:relative;max-width:var(--max-width);margin:0 auto 28px;padding:0 24px}.mode-tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.mode-tabs button{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;background:var(--surface2);border:1px solid var(--border);border-radius:999px;color:var(--text-secondary);font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}.mode-tabs button:hover{color:var(--text);border-color:rgba(77,184,176,.4)}.mode-tabs button[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:#062321}.mode-tabs button:focus-visible{outline:2px solid var(--accent-light);outline-offset:2px}.mode-panel[hidden]{display:none!important}.mode-panel .feature-grid{min-height:700px}.mode-panel .feature-title{font-size:clamp(24px,3vw,34px)}.mode-panel .feature-visual{justify-content:center}.mode-panel .shot-phone{--w:290px}.mode-count{text-align:center;font-size:12px;color:var(--muted);margin-top:4px}.sober-ring{position:relative;flex-shrink:0}.sober-ring svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}.sober-ring .sr-num{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums;line-height:1}.sober-ring .sr-num small{font-size:6px;font-weight:600;color:var(--muted);margin-top:2px}.sober-week{display:flex;justify-content:space-between;width:100%}.sober-week>span{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;font-size:8px;font-weight:700;color:var(--muted)}.sober-week>span.today{color:var(--accent)}.sober-week i{display:block;width:var(--g,14px);height:var(--g,14px);position:relative}.sober-week i::before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%}.sober-week i.free::before{width:50%;height:50%;background:rgba(77,184,176,.55)}.sober-week i.m4::before{width:78%;height:78%;background:#2ecc71}.sober-week i.m3::before{width:78%;height:78%;background:#4db8b0}.sober-week i.open::before{width:100%;height:100%;box-sizing:border-box;border:1px dashed var(--accent)}.sober-week i.open::after{content:'?';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:calc(var(--g, 14px) * .5);font-weight:900;color:var(--accent);font-style:normal}.sober-week.mono i.free::before,.sober-week.mono i.m3::before,.sober-week.mono i.m4::before{background:rgba(238,248,246,.85)}.sober-week.mono i.free::before{background:rgba(238,248,246,.5)}.sober-week.mono i.open::before{border-color:var(--text)}.sober-week.mono i.open::after{color:var(--text)}.sober-week small{font-size:8px;font-weight:600;color:var(--muted)}.sober-week>span.today small{color:var(--text)}.sober-saved-row{display:flex;width:100%}.sober-saved-row>div{flex:1;text-align:center}.sober-saved-row .ic{font-size:10px}.sober-saved-row .v{font-size:16px;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}.sober-saved-row .l{font-size:8px;color:var(--muted)}.sober-watch-block{display:grid;grid-template-columns:1fr 1.25fr;gap:48px;align-items:center;margin-top:8px}.sober-watch-screens{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}.sober-watch-screens .watch-frame{justify-content:center;gap:6px;padding:12px 14px}.sw-btns{display:flex;gap:4px;width:100%}.sw-btns span{flex:1;text-align:center;font-size:7px;font-weight:700;padding:5px 0;border-radius:10px}.sw-saved{display:flex;align-items:center;gap:6px;width:100%;background:var(--surface);border-radius:8px;padding:5px 8px;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}.sw-saved .ic{width:12px;text-align:center;font-size:9px}.sober-comps{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:28px}.sober-comps .wcc-item{height:150px}.sober-label-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.tier-free-all{font-size:10px;font-weight:800;letter-spacing:.6px;color:#062321;background:var(--accent);border-radius:6px;padding:2px 8px}@media (max-width:1024px){.hero2{padding-top:calc(var(--header-h) + 32px)}.hero2-inner{grid-template-columns:1fr;grid-template-areas:"head" "visual" "slide" "cta";text-align:center}.hero2-lede,.hero2-slide p{margin-left:auto;margin-right:auto}.hero2-visual{height:560px;max-width:520px;width:100%;margin:0 auto 8px}.hero2-slide .feature-pills{justify-content:center}.hero2-caption{left:0;right:0;text-align:center}.sober-watch-block{grid-template-columns:1fr;text-align:center}}@media (max-width:640px){.mode-switch{display:grid;width:100%}.mode-switch button{min-width:0;padding:11px 10px}.hero2-visual{height:440px}.hero2-stage .shot-phone.front{--w:208px;left:3%}.hero2-stage .shot-phone.back{--w:180px;left:auto;right:3%}.hero2-slides{min-height:250px}.mode-tabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding:2px 16px 8px;margin:0 -24px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%)}.mode-tabs::-webkit-scrollbar{display:none}.mode-panel .feature-grid{min-height:0}.mode-panel .shot-phone{--w:250px}.video-section{padding:60px 0}.video-frame{border-radius:14px}.video-play{width:64px;height:64px}.video-play svg{width:26px;height:26px}}@media (prefers-reduced-motion:reduce){.hero2-slide,.hero2-stage,.hero2-stage .shot-phone{transition:none!important}}