*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f7f5f0;--card:#fff;--cobalt:#1a365d;--cobalt-dark:#122847;--mint:#2ea87a;--mint-dark:#238b63;--black:#1a1a1a;--gray:#4a4a4a;--light-gray:#e8e6e1;--shadow-sm:3px 3px 0 rgba(0,0,0,.12);--shadow-md:5px 5px 0 rgba(0,0,0,.15);--shadow-lg:8px 8px 0 rgba(0,0,0,.18);--radius-card:20px;--radius-pill:50px;--radius-btn:16px;--font:'Space Grotesk',system-ui,-apple-system,sans-serif}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--black);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#sticky-counter{position:sticky;top:0;z-index:100;width:100%;background:#1a1a1a;color:#f7f5f0;text-align:center;padding:8px 12px;font-size:clamp(.65rem,1.6vw,.78rem);font-weight:700;letter-spacing:.04em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:8px;border-bottom:3px solid var(--mint)}#sticky-counter .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);animation:pulse-dot 1.2s ease-in-out infinite}@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.6)}}.main-wrapper{width:100%;max-width:620px;padding:16px 16px 20px;display:flex;flex-direction:column;align-items:center;gap:0;flex:1}.logo-block{display:flex;align-items:center;justify-content:center;padding:10px 0 6px;width:100%}.logo-block img{height:clamp(36px,7vw,48px);width:auto;display:block}.hero-card{background:var(--card);border-radius:var(--radius-card);padding:clamp(18px,3.5vw,28px) clamp(16px,3vw,24px);width:100%;box-shadow:var(--shadow-lg);border:2px solid #1a1a1a;display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(12px,2.5vw,18px);margin-top:4px}h1{font-size:clamp(1.55rem,4.5vw,2.2rem);font-weight:700;color:#1a1a1a;line-height:1.1;letter-spacing:-.02em;max-width:100%;word-break:break-word}h1 .highlight{display:inline-block;background:var(--mint);color:#fff;padding:2px 10px;border-radius:6px;letter-spacing:-.01em}.subtitle{font-size:clamp(.88rem,2.1vw,1.05rem);color:var(--gray);font-weight:400;max-width:460px;line-height:1.35}.badges-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;width:100%}.badge{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border-radius:var(--radius-pill);font-weight:700;font-size:clamp(.7rem,1.5vw,.8rem);letter-spacing:.02em;text-transform:uppercase;border:2px solid #1a1a1a;box-shadow:var(--shadow-sm);white-space:nowrap;transition:transform .15s ease}.badge:active{transform:translate(1px,1px);box-shadow:1px 1px 0 rgba(0,0,0,.1)}.badge--mint{background:var(--mint);color:#fff;border-color:var(--mint-dark)}.badge--cobalt{background:var(--cobalt);color:#fff;border-color:var(--cobalt-dark)}.badge--white{background:#fff;color:#1a1a1a;border-color:#1a1a1a}.badge .badge-icon{font-size:1em;flex-shrink:0}.cta-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:4px}.cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:clamp(16px,3.5vw,22px) clamp(20px,4vw,32px);font-size:clamp(1.1rem,3vw,1.35rem);font-weight:700;font-family:var(--font);letter-spacing:.01em;text-transform:uppercase;text-decoration:none;color:#fff;background:var(--cobalt);border:3px solid #1a1a1a;border-radius:var(--radius-btn);box-shadow:var(--shadow-md);cursor:pointer;position:relative;overflow:hidden;transition:background .2s ease,transform .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;outline:none}.cta-btn:focus-visible{outline:3px solid var(--mint);outline-offset:3px;box-shadow:0 0 0 6px rgba(46,168,122,.25)}.cta-btn:hover{background:var(--cobalt-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.cta-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 rgba(0,0,0,.1)}.cta-btn .lock-icon{display:inline-flex;align-items:center;justify-content:center;width:0;overflow:hidden;opacity:0;transition:width .25s cubic-bezier(.25,.8,.25,1.2),opacity .2s ease,margin .25s ease;flex-shrink:0}.cta-btn:hover .lock-icon,.cta-btn:focus-visible .lock-icon{width:22px;opacity:1;margin-left:2px}.cta-btn .lock-icon svg{width:18px;height:18px;flex-shrink:0}.cta-btn.loading{pointer-events:none;background:#1a1a1a!important;border-color:#1a1a1a!important;color:transparent!important}.cta-btn.loading .btn-text,.cta-btn.loading .lock-icon{opacity:0}.cta-btn .loading-bars{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);gap:5px;align-items:flex-end;height:28px}.cta-btn.loading .loading-bars{display:flex}.cta-btn .loading-bars span{display:block;width:5px;height:100%;background:var(--mint);border-radius:3px;animation:skeleton-bar .8s ease-in-out infinite}.cta-btn .loading-bars span:nth-child(1){animation-delay:0s;height:60%}.cta-btn .loading-bars span:nth-child(2){animation-delay:.12s;height:100%}.cta-btn .loading-bars span:nth-child(3){animation-delay:.24s;height:75%}.cta-btn .loading-bars span:nth-child(4){animation-delay:.36s;height:50%}@keyframes skeleton-bar{0%,100%{opacity:.5;transform:scaleY(.7)}50%{opacity:1;transform:scaleY(1)}}.cta-check{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--mint);font-size:2rem;font-weight:700;animation:check-pop .35s cubic-bezier(.25,.8,.25,1.3)}.cta-btn.checked .cta-check{display:block}.cta-btn.checked .loading-bars{display:none}@keyframes check-pop{0%{transform:translate(-50%,-50%) scale(0);opacity:0}70%{transform:translate(-50%,-50%) scale(1.3);opacity:1}100%{transform:translate(-50%,-50%) scale(1);opacity:1}}.reassurance-row{display:flex;flex-wrap:wrap;gap:clamp(8px,2vw,14px);justify-content:center;align-items:center;width:100%;padding:6px 0 2px}.reassurance-item{display:inline-flex;align-items:center;gap:5px;font-size:clamp(.68rem,1.4vw,.78rem);font-weight:700;color:var(--gray);letter-spacing:.02em;white-space:nowrap}.reassurance-dot{width:8px;height:8px;border-radius:50%;background:var(--mint);flex-shrink:0;box-shadow:0 0 0 3px rgba(46,168,122,.2)}.live-chip-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;width:100%;padding:6px 0}.live-chip{display:inline-flex;align-items:center;gap:6px;background:#fff;border:2px solid #e8e6e1;border-radius:var(--radius-pill);padding:6px 14px;font-size:clamp(.62rem,1.3vw,.7rem);font-weight:700;color:var(--gray);letter-spacing:.02em;box-shadow:var(--shadow-sm)}.live-chip .live-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);animation:pulse-dot 1.5s ease-in-out infinite;flex-shrink:0}.activity-feed{width:100%;max-width:480px;text-align:center;font-size:clamp(.6rem,1.2vw,.68rem);color:#888;font-weight:400;letter-spacing:.03em;padding:8px 0 4px;min-height:22px;transition:opacity .4s ease}.activity-feed.fading{opacity:0}.footer-mini{width:100%;text-align:center;padding:10px 16px 14px;font-size:clamp(.6rem,1.1vw,.65rem);color:#aaa;font-weight:400;letter-spacing:.03em;border-top:1px solid #e8e6e1;margin-top:auto}.footer-mini a{color:var(--cobalt);text-decoration:underline;font-weight:700}#skeleton-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(247,245,240,.92);z-index:9999;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px}#skeleton-overlay.active{display:flex}.sk-card{width:90%;max-width:500px;background:#e8e6e1;border-radius:var(--radius-card);padding:24px;display:flex;flex-direction:column;gap:12px;animation:sk-pulse 1s ease-in-out infinite}.sk-line{height:16px;background:#d5d3ce;border-radius:8px;width:100%}.sk-line.short{width:60%}.sk-line.medium{width:80%}.sk-block{height:48px;background:#d5d3ce;border-radius:12px;width:100%;margin-top:6px}@keyframes sk-pulse{0%,100%{opacity:.6}50%{opacity:1}}@media(max-width:400px){.badges-row{gap:5px}.badge{padding:6px 11px;font-size:.64rem;letter-spacing:.01em}.reassurance-row{gap:5px}.reassurance-item{font-size:.62rem;gap:3px}.hero-card{padding:14px 10px;border-radius:14px}h1{font-size:1.35rem}.cta-btn{font-size:.95rem;padding:14px 16px;border-radius:12px}}@media(min-width:768px){.main-wrapper{padding:20px 24px 24px;max-width:640px}.hero-card{padding:28px 28px;border-radius:24px}.cta-btn{border-radius:18px;font-size:1.3rem}.cta-btn .lock-icon{width:0}.cta-btn:hover .lock-icon{width:26px}}