.scroll-hero{padding:54px 0 82px;overflow:clip}.breadcrumbs{display:flex;align-items:center;gap:9px;margin-bottom:34px;color:var(--muted);font-size:.8rem}.breadcrumbs a:hover{color:var(--primary)}.hero-copy{text-align:center}.hero-copy h1{margin-bottom:18px}.tracker-layout{position:relative;display:grid;grid-template-columns:minmax(360px,.86fr) minmax(420px,1.14fr);gap:38px;width:min(100%,1040px);margin:50px auto 0;align-items:start}.tracker-card{position:sticky;top:112px;z-index:5;overflow:hidden;border:1px solid rgba(31,34,62,.1);border-radius:30px;background:rgba(255,255,255,.92);box-shadow:0 30px 85px rgba(54,47,127,.16);backdrop-filter:blur(18px)}.tracker-card:before{position:absolute;inset:60px 0 auto;height:230px;background:radial-gradient(circle at 50% 15%,rgba(108,92,231,.13),transparent 65%);content:"";pointer-events:none}.card-bar{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:60px;padding:0 20px;border-bottom:1px solid var(--border);color:var(--muted);font-size:.72rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.window-dots{display:flex;gap:7px}.window-dots i{width:8px;height:8px;border-radius:50%;background:#ff7a88}.window-dots i:nth-child(2){background:#f3c85b}.window-dots i:nth-child(3){background:#58cdbb}.live-pill{justify-self:end;display:inline-flex;align-items:center;gap:7px;color:#087b6c}.live-pill i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(0,194,168,.11);animation:live-pulse 1.8s ease-in-out infinite}.tracker-body{position:relative;z-index:2;padding:22px 24px 25px}.today-line{display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--muted);font-size:.75rem;font-weight:750}.private-label{display:inline-flex;align-items:center;gap:6px;color:#087b6c}.distance-wrap{padding:25px 0 20px;text-align:center}.distance-kicker{display:block;color:var(--muted);font-size:.76rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.distance-value{display:flex;align-items:flex-end;justify-content:center;gap:8px;margin-top:6px;color:var(--primary)}.distance-value strong{font-size:clamp(3.9rem,9vw,6rem);line-height:.95;letter-spacing:-.075em}.distance-value>span{padding-bottom:9px;font-size:1.35rem;font-weight:900}.alternate-distance{margin:10px 0 0;color:var(--muted);font-size:.86rem;font-weight:700}.unit-toggle{display:grid;grid-template-columns:1fr 1fr;width:min(100%,250px);margin:0 auto 25px;padding:4px;border:1px solid var(--border);border-radius:13px;background:#f4f3fb}.unit-toggle button{min-height:38px;border:0;border-radius:9px;color:var(--muted);background:transparent;font-size:.8rem;font-weight:800}.unit-toggle button.active{color:var(--primary-dark);background:#fff;box-shadow:0 5px 14px rgba(55,47,126,.1)}.unit-toggle button:focus-visible,.reset-button:focus-visible,.copy-button:focus-visible{outline:3px solid rgba(0,194,168,.32);outline-offset:2px}.progress-block{padding:16px;border:1px solid var(--border);border-radius:16px;background:rgba(248,248,255,.78)}.progress-copy{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.74rem}.progress-copy span{color:var(--muted);font-weight:750}.progress-copy strong{color:var(--primary-dark)}.progress-track{position:relative;height:8px;margin-top:12px;border-radius:999px;background:#e8e6f6}.progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .2s}.progress-track i{position:absolute;top:50%;left:0;width:14px;height:14px;border:3px solid #fff;border-radius:50%;background:var(--accent);box-shadow:0 3px 10px rgba(0,194,168,.28);transform:translate(-50%,-50%);transition:left .2s}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}.mini-stats div{padding:13px;border:1px solid var(--border);border-radius:14px;background:#fff;text-align:center}.mini-stats strong,.mini-stats span{display:block}.mini-stats strong{color:var(--primary);font-size:1.12rem}.mini-stats span{margin-top:3px;color:var(--muted);font-size:.67rem}.status-card{display:flex;align-items:center;gap:12px;margin-top:11px;padding:14px;border-radius:15px;color:#fff;background:linear-gradient(135deg,#302a73,#5647c4)}.status-icon{display:grid;flex:0 0 35px;height:35px;place-items:center;border-radius:11px;color:#272065;background:#8ce7dc;font-weight:900}.status-card span,.status-card strong{display:block}.status-card div>span{color:#8ce7dc;font-size:.66rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.status-card strong{margin-top:4px;font-size:.79rem;line-height:1.4}.tracker-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.tracker-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border-radius:12px;font-size:.76rem;font-weight:800}.reset-button{border:1px solid var(--border);color:var(--muted);background:#fff}.copy-button{border:1px solid transparent;color:#fff;background:linear-gradient(135deg,var(--primary),#8575f1)}.tracker-actions button:hover{transform:translateY(-1px)}.estimate-note{margin:13px 2px 0;color:var(--muted);font-size:.66rem;line-height:1.5;text-align:center}.wow-toast{position:absolute;z-index:8;left:50%;bottom:22px;display:flex;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 32px);padding:12px 16px;border:1px solid rgba(255,255,255,.28);border-radius:15px;color:#fff;background:#201b60;box-shadow:0 16px 36px rgba(32,27,96,.28);opacity:0;pointer-events:none;transform:translate(-50%,18px);transition:.3s}.wow-toast.show{opacity:1;transform:translate(-50%,0)}.wow-toast>span{color:#8ce7dc;font-size:1.25rem}.wow-toast div strong,.wow-toast div span{display:block}.wow-toast div span{margin-top:2px;color:rgba(255,255,255,.72);font-size:.7rem}.spark-layer{position:absolute;inset:0;z-index:7;overflow:hidden;pointer-events:none}.spark-layer i{position:absolute;bottom:18%;left:50%;width:9px;height:9px;border-radius:3px;background:var(--spark);animation:spark-out .8s ease-out forwards;transform:rotate(var(--angle)) translateY(-20px)}
.scroll-runway{position:relative;display:grid;gap:190px;min-height:1800px;padding:25px 0 70px 72px}.runway-line{position:absolute;left:25px;top:0;bottom:0;width:3px;border-radius:999px;background:linear-gradient(#dedaf9 50%,transparent 50%);background-size:3px 13px}.runway-line span{position:absolute;inset:0 0 auto;height:0;border-radius:inherit;background:linear-gradient(var(--primary),var(--accent));transition:height .2s}.runway-intro,.milestone-card{position:relative;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;padding:25px;border:1px solid var(--border);border-radius:22px;background:rgba(255,255,255,.83);box-shadow:0 15px 42px rgba(53,49,110,.07)}.runway-intro:before,.milestone-card:before{position:absolute;left:-54px;top:35px;width:14px;height:14px;border:4px solid #f7f8ff;border-radius:50%;background:var(--primary);box-shadow:0 0 0 3px rgba(108,92,231,.16);content:""}.runway-number{display:grid;min-width:42px;height:42px;place-items:center;border-radius:12px;color:var(--primary);background:#f0eeff;font-size:.72rem;font-weight:900}.runway-intro>div>span,.milestone-card>div>span{color:var(--primary);font-size:.7rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.runway-intro h2,.milestone-card h3{margin:6px 0 8px;letter-spacing:-.035em}.runway-intro h2{font-size:1.4rem}.milestone-card h3{font-size:1.15rem}.runway-intro p,.milestone-card p{margin:0;color:var(--muted);font-size:.85rem;line-height:1.65}.milestone-card.reached{border-color:rgba(0,194,168,.26);background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(0,194,168,.07))}.milestone-card.reached:before{background:var(--accent);box-shadow:0 0 0 6px rgba(0,194,168,.12)}.milestone-card.special{transform:translateX(18px)}.milestone-card.special .runway-number{color:#fff;background:linear-gradient(135deg,var(--primary),var(--accent))}.runway-finish{display:flex;align-items:center;gap:14px;margin-left:-24px;padding:18px 20px;border:1px dashed rgba(108,92,231,.28);border-radius:18px;color:var(--muted);background:rgba(255,255,255,.55)}.runway-finish>span{display:grid;flex:0 0 38px;height:38px;place-items:center;border-radius:50%;color:#fff;background:var(--primary)}.runway-finish p{margin:0;font-size:.82rem;line-height:1.55}
.content-section{padding:78px 0}.content-soft{border-block:1px solid rgba(31,34,62,.06);background:rgba(255,255,255,.42)}.content{max-width:1040px}.section-label{display:block;margin-bottom:10px;color:var(--primary);font-size:.76rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.content h2,.try-head h2{margin:0 0 14px;font-size:clamp(1.8rem,4vw,2.65rem);letter-spacing:-.045em}.content-lead,.accuracy-grid p,.try-head p{color:var(--muted);line-height:1.75}.content-lead{max-width:820px;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.feature-grid article{padding:26px;border:1px solid var(--border);border-radius:22px;background:#fff;box-shadow:0 12px 35px rgba(53,49,110,.06)}.feature-grid article>span{display:inline-grid;width:35px;height:35px;place-items:center;margin-bottom:28px;border-radius:11px;color:var(--primary);background:#f1efff;font-size:.75rem;font-weight:900}.feature-grid h3{margin:0 0 9px;font-size:1.04rem}.feature-grid p{margin:0;color:var(--muted);font-size:.89rem;line-height:1.65}.accuracy-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:52px;align-items:center}.accuracy-grid p{margin:0}.accuracy-grid p+p{margin-top:14px}.formula-card{padding:30px;border-radius:26px;color:#fff;background:linear-gradient(135deg,#302a73,#5647c4);box-shadow:0 24px 60px rgba(55,47,126,.18)}.formula-card>span{color:#8ce7dc;font-size:.72rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.formula-card>strong{display:block;margin-top:16px;font-size:clamp(1.35rem,3vw,2rem);letter-spacing:-.04em}.formula-card>p{margin:6px 0 24px;color:rgba(255,255,255,.66)}.formula-card>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:18px;border-top:1px solid rgba(255,255,255,.13);font-size:.78rem}.formula-card b{color:#8ce7dc}.faq-wrap{max-width:880px}.faq-list details{border-bottom:1px solid var(--border)}.faq-list summary{padding:20px 32px 20px 0;font-weight:800;cursor:pointer}.faq-list details p{margin:0;padding:0 0 20px;color:var(--muted);line-height:1.7}
.try-section{padding:76px 0 88px}.try-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.try-head h2{margin-bottom:8px}.try-head p{margin:0}.secondary-action{flex:0 0 auto;color:var(--primary);font-weight:800}.try-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.try-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:118px;padding:19px;border:1px solid var(--border);border-radius:20px;background:#fff;box-shadow:0 12px 35px rgba(53,49,110,.06);transition:.22s}.try-card:hover{transform:translateY(-4px);border-color:rgba(108,92,231,.25);box-shadow:0 18px 44px rgba(53,49,110,.1)}.try-icon{display:grid;width:45px;height:45px;place-items:center;border-radius:13px;color:var(--primary);background:#f1efff;font-size:.7rem;font-weight:900}.try-card>span:nth-child(2)>strong,.try-card>span:nth-child(2)>span{display:block}.try-card>span:nth-child(2)>span{margin-top:5px;color:var(--muted);font-size:.78rem;line-height:1.45}.try-card b{color:var(--primary)}
@keyframes live-pulse{50%{box-shadow:0 0 0 8px rgba(0,194,168,0)}}@keyframes spark-out{0%{opacity:0;transform:rotate(var(--angle)) translateY(-15px) scale(.3)}18%{opacity:1}100%{opacity:0;transform:rotate(var(--angle)) translateY(-150px) rotate(180deg) scale(1)}}@media(max-width:900px){.tracker-layout{grid-template-columns:1fr;max-width:680px}.tracker-card{position:relative;top:auto}.scroll-runway{min-height:1450px;gap:130px}.milestone-card.special{transform:none}.accuracy-grid{grid-template-columns:1fr}.feature-grid,.try-grid{grid-template-columns:1fr}.try-head{align-items:flex-start;flex-direction:column}}@media(max-width:580px){.scroll-hero{padding:46px 0 64px}.tracker-layout{margin-top:34px;gap:28px}.tracker-card{border-radius:24px}.card-bar{grid-template-columns:1fr 1fr;padding:0 15px}.card-bar>span:nth-child(2){display:none}.tracker-body{padding:19px 15px 21px}.distance-value strong{font-size:4rem}.mini-stats,.tracker-actions{grid-template-columns:1fr}.scroll-runway{min-height:1320px;gap:110px;padding-left:52px}.runway-line{left:15px}.runway-intro,.milestone-card{grid-template-columns:1fr;padding:21px}.runway-intro:before,.milestone-card:before{left:-43px}.content-section,.try-section{padding:58px 0}.feature-grid article{padding:22px}.formula-card{padding:24px}.footer-inner{align-items:flex-start}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.live-pill i,.spark-layer i{animation:none!important}.progress-track span,.progress-track i,.wow-toast,.try-card{transition:none!important}}