.argument-hero{position:relative;padding:36px 0 84px;overflow:hidden}.argument-hero:before,.argument-hero:after{position:absolute;border-radius:50%;content:"";pointer-events:none}.argument-hero:before{top:160px;left:-190px;width:460px;height:460px;background:radial-gradient(circle,rgba(0,194,168,.11),transparent 69%)}.argument-hero:after{top:-120px;right:-190px;width:560px;height:560px;background:radial-gradient(circle,rgba(108,92,231,.15),transparent 70%)}
.crumbs{position:relative;z-index:1;display:flex;align-items:center;gap:9px;margin:0 0 34px;color:var(--muted);font-size:.78rem}.crumbs a{color:var(--primary);font-weight:750}.hero-copy{position:relative;z-index:1;max-width:780px;margin:0 auto 40px;text-align:center}.hero-copy h1{margin-bottom:18px}
.counter-app{position:relative;z-index:1;width:min(100%,930px);margin:auto;border:1px solid rgba(31,34,62,.1);border-radius:30px;background:rgba(255,255,255,.92);box-shadow:0 34px 95px rgba(55,47,126,.18);backdrop-filter:blur(18px)}
.app-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:60px;padding:0 22px;border-bottom:1px solid var(--border);color:var(--muted);font-size:.72rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.window-dots{display:flex;gap:7px}.window-dots i{width:9px;height:9px;border-radius:50%;background:#ff7a88}.window-dots i:nth-child(2){background:#f3c85b}.window-dots i:nth-child(3){background:#58cdbb}.app-name{color:#4c4e65}.private-pill{justify-self:end;display:inline-flex;align-items:center;gap:7px;color:#087b6c}.private-pill i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(0,194,168,.1)}
.counter-stage{position:relative;min-height:545px;display:grid;place-items:center;padding:62px 28px 48px;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(108,92,231,.08),transparent 43%),linear-gradient(145deg,rgba(250,249,255,.85),rgba(242,255,251,.75))}.counter-stage:before{position:absolute;inset:23px;border:1px solid rgba(108,92,231,.08);border-radius:24px;content:"";pointer-events:none}.privacy-toggle{position:absolute;z-index:4;top:20px;right:22px;display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid var(--border);border-radius:12px;color:var(--muted);background:rgba(255,255,255,.84);font-size:.75rem;font-weight:800}.privacy-toggle:hover{color:var(--primary);background:#fff}.privacy-toggle svg{width:17px;height:17px}
.soft-orbit{position:absolute;top:68px;left:50%;width:min(470px,72vw);aspect-ratio:1;transform:translateX(-50%);border:1px solid rgba(108,92,231,.11);border-radius:50%;pointer-events:none}.soft-orbit:before,.soft-orbit:after{position:absolute;inset:13%;border:1px solid rgba(0,194,168,.11);border-radius:50%;content:""}.soft-orbit:after{inset:31%;border-color:rgba(108,92,231,.1)}.soft-orbit i{position:absolute;width:9px;height:9px;border-radius:50%;background:#8e7dff;box-shadow:0 0 0 7px rgba(108,92,231,.08)}.soft-orbit i:first-child{top:13%;left:12%}.soft-orbit i:nth-child(2){right:2%;bottom:35%;background:var(--accent);box-shadow:0 0 0 7px rgba(0,194,168,.08)}.soft-orbit i:nth-child(3){bottom:1%;left:34%;background:#f3c85b;box-shadow:0 0 0 7px rgba(243,200,91,.1)}
.counter-content{position:relative;z-index:2;width:min(100%,720px);text-align:center}.counter-kicker{display:block;margin-bottom:13px;color:var(--primary);font-size:.71rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.empty-counter{display:grid;gap:7px;min-height:117px;align-content:center}.empty-counter strong{font-size:clamp(2rem,6vw,3.5rem);letter-spacing:-.055em}.empty-counter span{color:var(--muted)}
.time-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:10px;align-items:stretch}.time-block{display:flex;min-width:0;min-height:120px;flex-direction:column;align-items:center;justify-content:center;padding:15px 8px;border:1px solid rgba(31,34,62,.09);border-radius:19px;background:rgba(255,255,255,.82);box-shadow:0 12px 28px rgba(53,49,110,.06)}.time-block strong{font-size:clamp(2rem,6.8vw,4.25rem);line-height:1;letter-spacing:-.07em;font-variant-numeric:tabular-nums}.time-block span{margin-top:10px;color:var(--muted);font-size:.67rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.primary-time{color:var(--primary);background:linear-gradient(145deg,#fff,#f0edff)}.primary-time strong{font-size:clamp(2.35rem,8vw,5.1rem)}
.hidden-counter{display:grid;min-height:120px;place-items:center;align-content:center;gap:8px}.hidden-counter>span{color:var(--primary);font-size:2.5rem;letter-spacing:.25em}.hidden-counter strong{color:var(--muted);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}
.milestone{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:8px 13px 8px 8px;border:1px solid rgba(243,181,57,.22);border-radius:999px;color:#765516;background:#fff9e8;font-size:.76rem;font-weight:800}.wow-badge{padding:5px 7px;border-radius:8px;color:#fff;background:linear-gradient(135deg,#ee9e2e,#f3c85b);font-size:.62rem;font-weight:950;letter-spacing:.1em}.last-reset{min-height:24px;margin:19px 0 21px;color:var(--muted);font-size:.81rem}
.reset-button{display:inline-flex;min-width:min(100%,390px);align-items:center;justify-content:center;gap:14px;min-height:72px;padding:11px 24px;border:0;border-radius:20px;color:#fff;background:linear-gradient(135deg,var(--primary-dark),var(--primary) 58%,#8376ed);box-shadow:0 18px 38px rgba(108,92,231,.3);transition:.22s}.reset-button:hover{transform:translateY(-3px);box-shadow:0 23px 45px rgba(108,92,231,.36)}.reset-button:active{transform:translateY(0) scale(.985)}.reset-icon{display:grid;width:39px;height:39px;flex:none;place-items:center;border-radius:13px;background:rgba(255,255,255,.13)}.reset-icon svg{width:22px;height:22px}.reset-button>span:last-child{display:grid;text-align:left}.reset-button strong{font-size:.98rem}.reset-button small{margin-top:3px;color:rgba(255,255,255,.72);font-size:.7rem}.reset-note{margin:12px 0 0;color:var(--muted);font-size:.71rem}
.privacy-bar{display:flex;align-items:center;gap:13px;padding:18px 23px;border-top:1px solid var(--border);background:rgba(247,255,253,.72)}.lock-icon{display:grid;width:40px;height:40px;flex:none;place-items:center;border-radius:13px;color:#087b6c;background:rgba(0,194,168,.1)}.lock-icon svg{width:21px;height:21px}.privacy-bar strong,.privacy-bar small{display:block}.privacy-bar strong{font-size:.8rem}.privacy-bar small{margin-top:3px;color:var(--muted);font-size:.73rem;line-height:1.45}
.undo-toast{position:absolute;z-index:9;right:22px;bottom:82px;left:22px;display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:520px;margin:auto;padding:14px 15px 14px 18px;border:1px solid rgba(31,34,62,.12);border-radius:16px;background:#fff;box-shadow:0 20px 50px rgba(38,35,82,.22);opacity:0;visibility:hidden;transform:translateY(16px);transition:.24s}.undo-toast.show{opacity:1;visibility:visible;transform:translateY(0)}.undo-toast strong,.undo-toast small{display:block}.undo-toast strong{font-size:.82rem}.undo-toast small{margin-top:3px;color:var(--muted);font-size:.68rem}.undo-toast button{min-height:37px;padding:0 14px;border:0;border-radius:10px;color:var(--primary);background:#f0edff;font-size:.76rem;font-weight:900}
.celebration{position:absolute;inset:0;z-index:5;overflow:hidden;pointer-events:none}.celebration i{position:absolute;width:8px;height:13px;border-radius:3px;background:var(--piece);animation:argument-pop .9s cubic-bezier(.15,.75,.25,1) forwards}
.content-section{padding:76px 0}.content-soft{border-block:1px solid rgba(31,34,62,.06);background:rgba(255,255,255,.45)}.content{max-width:960px}.section-label{display:block;margin-bottom:9px;color:var(--primary);font-size:.7rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.content h2,.try-head h2{margin:0 0 13px;font-size:clamp(1.85rem,4vw,2.65rem);letter-spacing:-.045em}.content>p,.reflection-grid>div>p{color:var(--muted);line-height:1.78}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.info-card{padding:24px;border:1px solid var(--border);border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(53,49,110,.05)}.card-number{display:grid;width:42px;height:42px;margin-bottom:16px;place-items:center;border-radius:13px;color:var(--primary);background:#f0edff;font-weight:900}.info-card h3{margin:0 0 8px;font-size:1rem}.info-card p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.7}
.reflection-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center}.gentle-note{display:flex;gap:13px;margin-top:22px;padding:17px 18px;border:1px solid rgba(0,194,168,.16);border-radius:17px;background:rgba(0,194,168,.07)}.gentle-note>span{color:#087b6c;font-size:1.25rem}.gentle-note p{margin:0;color:#4f6270;font-size:.82rem;line-height:1.6}.boundary-card{padding:26px;border:1px solid var(--border);border-radius:23px;background:linear-gradient(145deg,#fff,#f7f5ff);box-shadow:0 18px 45px rgba(53,49,110,.08)}.boundary-card>span{display:block;color:var(--primary);font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.boundary-card>span:nth-of-type(2){margin-top:22px;color:#a45e69}.boundary-card ul{display:grid;gap:9px;margin:11px 0 0;padding:0;list-style:none}.boundary-card li{position:relative;padding-left:21px;color:var(--muted);font-size:.82rem;line-height:1.45}.boundary-card li:before{position:absolute;top:.45em;left:2px;width:7px;height:7px;border-radius:50%;background:var(--accent);content:""}.boundary-card>span:nth-of-type(2)+ul li:before{background:#ed8a98}
.faq{display:grid;gap:10px;margin-top:25px}.faq details{border:1px solid var(--border);border-radius:16px;background:#fff}.faq summary{padding:18px 20px;cursor:pointer;font-weight:800}.faq details p{margin:0;padding:0 20px 19px;color:var(--muted);line-height:1.72}
.try-section{padding:75px 0 85px}.try-head{display:flex;align-items:end;justify-content:space-between;gap:22px}.try-head h2{margin-bottom:7px}.try-head p{margin:0;color:var(--muted)}.secondary-action{color:var(--primary);font-size:.86rem;font-weight:850}.try-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}.try-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:19px;border:1px solid var(--border);border-radius:18px;background:#fff;transition:.22s}.try-card:hover{transform:translateY(-3px);box-shadow:0 14px 36px rgba(53,49,110,.1)}.try-icon{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;color:var(--primary);background:#f0edff;font-size:.68rem;font-weight:900}.try-card strong,.try-card span span{display:block}.try-card span span{margin-top:4px;color:var(--muted);font-size:.74rem;line-height:1.45}.try-card b{color:var(--primary)}
.counter-app.is-private .counter-kicker,.counter-app.is-private .last-reset,.counter-app.is-private .milestone{filter:blur(7px);user-select:none}.counter-app.is-private .time-grid,.counter-app.is-private .empty-counter{display:none!important}.counter-app.is-private .hidden-counter{display:grid!important}
@keyframes argument-pop{0%{opacity:1;transform:translate(0,0) rotate(0)}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r))}}
@media(max-width:720px){.argument-hero{padding:25px 0 61px}.crumbs{margin-bottom:27px}.counter-app{border-radius:24px}.app-topbar{grid-template-columns:1fr auto;padding:0 17px}.app-name{display:none}.counter-stage{min-height:530px;padding:72px 14px 39px}.counter-stage:before{inset:12px}.privacy-toggle{top:17px;right:17px}.time-grid{grid-template-columns:1fr 1fr}.time-block{min-height:101px}.primary-time strong{font-size:3.5rem}.reset-button{min-width:0;width:100%}.privacy-bar{align-items:flex-start}.steps-grid,.try-grid,.reflection-grid{grid-template-columns:1fr}.content-section,.try-section{padding:57px 0}.reflection-grid{gap:28px}.try-head{align-items:flex-start;flex-direction:column}.undo-toast{right:12px;bottom:90px;left:12px}.soft-orbit{top:115px;width:85vw}}
@media(max-width:400px){.private-pill{font-size:.62rem}.counter-stage{padding-inline:9px}.time-grid{gap:7px}.time-block{padding-inline:4px}.reset-button{padding-inline:13px}.undo-toast{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}