:root{--bg:#f9fafc;--white:#fff;--blue:#2563eb;--blue-bright:#3b82f6;--yellow:#f59e0b;--yellow-bright:#fbbf24;--mint:#10b981;--mint-light:#34d399;--text:#1e293b;--text-mid:#475569;--text-light:#64748b;--card-bg:#fff;--display-bg:#f1f5f9;--radius-lg:28px;--radius-md:18px;--radius-sm:12px;--shadow-card:0 4px 24px rgba(0,0,0,.06),0 1px 4px rgba(0,0,0,.04);--shadow-glow:0 0 32px rgba(37,99,235,.25),0 0 8px rgba(37,99,235,.12);--shadow-yellow:0 0 28px rgba(245,158,11,.3),0 0 6px rgba(245,158,11,.1);--font:'Fredoka','Segoe UI',system-ui,-apple-system,sans-serif}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font);background:linear-gradient(180deg,#fefefe 0,#f8fafc 30%,#f1f5f9 100%);color:var(--text);min-height:100vh;overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}.header{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;padding:clamp(14px,3vw,20px) clamp(16px,4vw,32px)}.header .logo-wrap{display:flex;align-items:center;gap:8px}.header .logo-wrap img{width:clamp(36px,6vw,48px);height:auto;border-radius:10px}.header .logo-text{font-weight:700;font-size:clamp(16px,2.8vw,20px);color:var(--text);letter-spacing:-.02em}.hero{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(20px,4vh,40px) clamp(16px,4vw,32px) clamp(24px,5vh,48px);min-height:88vh;justify-content:center;z-index:2}.counter-row{display:flex;align-items:center;justify-content:center;gap:clamp(6px,1.5vw,14px);flex-wrap:wrap;margin-bottom:clamp(8px,2vh,16px)}.counter-block{display:flex;align-items:center;gap:2px;background:var(--white);border-radius:var(--radius-md);padding:clamp(8px,1.5vw,14px) clamp(10px,2vw,18px);box-shadow:var(--shadow-card);border:2px solid #e8ecf1}.counter-label{font-size:clamp(10px,1.4vw,13px);font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.06em;margin-right:6px}.digit-slot{width:clamp(22px,4vw,36px);height:clamp(34px,5.5vw,52px);overflow:hidden;border-radius:8px;background:var(--display-bg);position:relative;border:1px solid #e2e8f0}.digit-track{display:flex;flex-direction:column;align-items:center;transition:transform .7s cubic-bezier(.22,1,.36,1);will-change:transform}.digit-track span{display:flex;align-items:center;justify-content:center;width:clamp(22px,4vw,36px);height:clamp(34px,5.5vw,52px);font-size:clamp(20px,4vw,38px);font-weight:700;color:var(--blue);font-variant-numeric:tabular-nums;line-height:1}.counter-sep{font-size:clamp(22px,4vw,38px);font-weight:700;color:var(--text-light);line-height:1}.comma-slot{width:auto;height:auto;overflow:visible;background:transparent;border:none;display:flex;align-items:flex-end;padding-bottom:4px}.comma-slot span{font-size:clamp(20px,4vw,38px);font-weight:700;color:var(--text);height:auto;width:auto}.hero h1{font-size:clamp(26px,5.5vw,46px);font-weight:700;color:var(--text);line-height:1.15;letter-spacing:-.025em;margin-bottom:clamp(6px,1.5vh,12px);max-width:600px}.hero .subtitle{font-size:clamp(14px,2.2vw,17px);color:var(--text-mid);margin-bottom:clamp(16px,3vh,24px);max-width:480px;line-height:1.4}.calc-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:clamp(18px,3vw,28px);box-shadow:var(--shadow-card);border:2px solid #e8ecf1;max-width:440px;width:100%;position:relative;z-index:3;transition:box-shadow .4s ease;margin-bottom:clamp(14px,2.5vh,20px)}.calc-card:hover{box-shadow:var(--shadow-glow);border-color:#d0ddf8}.calc-display{background:var(--display-bg);border-radius:var(--radius-sm);padding:clamp(12px,2vw,18px) clamp(14px,2.5vw,20px);margin-bottom:clamp(12px,2vw,18px);border:1px solid #e2e8f0;text-align:center}.calc-display .est-label{font-size:clamp(10px,1.3vw,12px);font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.calc-display .est-value{font-size:clamp(30px,6vw,48px);font-weight:700;color:var(--blue);line-height:1;letter-spacing:-.02em}.calc-display .est-sub{font-size:clamp(11px,1.5vw,13px);color:var(--text-mid);margin-top:4px}.calc-rows{display:flex;flex-direction:column;gap:8px;margin-bottom:clamp(14px,2.5vw,20px)}.calc-row{display:flex;justify-content:space-between;align-items:center;padding:clamp(8px,1.5vw,12px) clamp(10px,2vw,14px);background:#f8fafc;border-radius:10px;font-size:clamp(12px,1.8vw,14px);color:var(--text-mid)}.calc-row .row-label{font-weight:600;color:var(--text)}.calc-row .row-val{font-weight:700;color:var(--mint);font-size:clamp(13px,2vw,16px)}.cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--blue);color:#fff;font-weight:700;font-size:clamp(16px,2.4vw,19px);padding:clamp(14px,2.5vw,18px) clamp(24px,5vw,40px);border-radius:50px;border:none;cursor:pointer;width:100%;max-width:380px;letter-spacing:-.01em;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;box-shadow:0 4px 16px rgba(37,99,235,.35);position:relative;overflow:hidden;font-family:var(--font);text-align:center}.cta-btn:hover,.cta-btn:focus-visible{transform:scale(1.04);box-shadow:var(--shadow-glow);background:var(--blue-bright);outline:none}.cta-btn:active{transform:scale(.97)}.cta-btn::after{content:'';position:absolute;inset:0;border-radius:50px;background:linear-gradient(135deg,rgba(255,255,255,.18) 0,transparent 60%);pointer-events:none}.cta-btn .btn-icon{font-size:1.2em;line-height:1}.context-lines{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(8px,2vw,16px);font-size:clamp(10px,1.5vw,12px);color:var(--text-light);margin-top:clamp(6px,1vh,12px);max-width:500px;text-align:center;line-height:1.5}.context-lines span{background:rgba(255,255,255,.7);padding:4px 10px;border-radius:20px;border:1px solid #e8ecf1;white-space:nowrap}.section-divider{position:relative;width:100%;max-width:500px;margin:clamp(16px,3vh,28px) auto;height:3px;border-radius:4px;overflow:hidden;background:#e8ecf1}.section-divider::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,var(--blue) 20%,var(--yellow) 40%,var(--mint) 60%,var(--blue) 80%,transparent 100%);background-size:200% 100%;animation:shimmer 3.5s infinite linear;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.tips-section{padding:clamp(12px,2vh,20px) clamp(16px,4vw,32px) clamp(30px,5vh,50px);display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.5vh,14px);z-index:2;position:relative}.tips-section .tips-heading{font-size:clamp(14px,2vw,16px);font-weight:700;color:var(--text-mid);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.tip-card{background:var(--card-bg);border-radius:var(--radius-md);border:2px solid #e8ecf1;max-width:440px;width:100%;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease;cursor:pointer}.tip-card[open]{border-color:#d0ddf8;box-shadow:var(--shadow-card)}.tip-card summary{font-weight:700;font-size:clamp(13px,2vw,15px);color:var(--text);padding:clamp(12px,2vw,16px) clamp(14px,2.5vw,18px);list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;user-select:none}.tip-card summary::-webkit-details-marker{display:none}.tip-card summary::after{content:'+';font-size:1.3em;font-weight:700;color:var(--blue);transition:transform .3s ease;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#eff6ff;border-radius:50%}.tip-card[open] summary::after{content:'−';transform:rotate(180deg);background:#dbeafe}.tip-card .tip-body{padding:0 clamp(14px,2.5vw,18px) clamp(14px,2.5vw,18px);font-size:clamp(12px,1.7vw,14px);color:var(--text-mid);line-height:1.55}.tip-card .tip-highlight{display:inline-block;background:#fef3c7;color:#92400e;font-weight:700;padding:2px 8px;border-radius:4px;font-size:.9em}.floating-chips{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden}.chip{position:absolute;width:clamp(32px,5vw,44px);height:clamp(32px,5vw,44px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:clamp(11px,1.6vw,14px);color:#fff;box-shadow:0 3px 12px rgba(0,0,0,.1);transition:transform .5s cubic-bezier(.25,1,.5,1);will-change:transform;animation:chipFloat 5s ease-in-out infinite}.chip.blue{background:var(--blue);animation-delay:0s}.chip.yellow{background:var(--yellow);animation-delay:1.2s}.chip.mint{background:var(--mint);animation-delay:2.4s}.chip.blue-bright{background:var(--blue-bright);animation-delay:3.6s}@keyframes chipFloat{0%,100%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-14px) rotate(5deg)}50%{transform:translateY(-6px) rotate(-3deg)}75%{transform:translateY(-18px) rotate(2deg)}}.sticky-cta{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;justify-content:center;padding:clamp(8px,2vw,14px) clamp(12px,3vw,20px) clamp(10px,2.5vw,16px);background:linear-gradient(0deg,rgba(255,255,255,.97) 60%,rgba(255,255,255,0) 100%);transform:translateY(110%);opacity:0;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .35s ease;pointer-events:none}.sticky-cta.visible{transform:translateY(0);opacity:1;pointer-events:auto}.sticky-cta .cta-btn{max-width:420px;font-size:clamp(14px,2vw,17px);padding:clamp(12px,2vw,15px) clamp(20px,4vw,32px);box-shadow:0 -2px 20px rgba(37,99,235,.3),0 4px 16px rgba(37,99,235,.25)}.footer{text-align:center;padding:clamp(20px,3vh,32px) clamp(16px,4vw,24px) clamp(60px,8vh,80px);font-size:clamp(10px,1.4vw,12px);color:var(--text-light);z-index:2;position:relative}.footer .footer-brand{font-weight:700;color:var(--text-mid)}@media(min-width:600px){.calc-card{max-width:460px}.cta-btn{max-width:400px}}@media(min-width:900px){.hero{min-height:90vh}.calc-card{max-width:480px}}@media(max-width:380px){.digit-slot{width:18px;height:28px}.digit-track span{width:18px;height:28px;font-size:16px}.counter-sep{font-size:18px}.comma-slot span{font-size:16px}.calc-display .est-value{font-size:26px}}