*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--bg-start:#f5f5f7;--bg-mid:#ececf0;--bg-end:#f8f8fa;--card-bg:rgba(255,255,255,0.62);--card-border:rgba(255,255,255,0.75);--text-primary:#1a1a1c;--text-secondary:#5c5c5e;--text-tertiary:#8e8e93;--cta-bg:#000;--cta-text:#fff;--accent-green:#34c759;--accent-gray:#8e8e93;--shadow-sm:0 2px 8px rgba(0,0,0,0.04);--shadow-md:0 8px 32px rgba(0,0,0,0.07);--shadow-lg:0 16px 48px rgba(0,0,0,0.10);--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--radius-xl:36px}html,body{height:100dvh;overflow:hidden;font-family:'Inter',-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',sans-serif;background:linear-gradient(175deg,var(--bg-start) 0,var(--bg-mid) 35%,var(--bg-end) 70%,#f2f2f5 100%);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column}.top-bar{position:sticky;top:0;z-index:100;background:#1a1a1c;color:#f5f5f7;text-align:center;padding:clamp(6px,1.2vh,10px) clamp(12px,3vw,24px);font-size:clamp(0.7rem,1.6vw,0.82rem);font-weight:700;letter-spacing:.01em;display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;min-height:clamp(32px,5vh,42px)}.top-bar .dot{width:7px;height:7px;border-radius:50%;background:#34c759;animation:dotPulse 1.6s ease-in-out infinite;flex-shrink:0}@keyframes dotPulse{0%,100%{opacity:1;box-shadow:0 0 6px #34c759}50%{opacity:.4;box-shadow:0 0 2px #34c759}}.top-bar span{white-space:nowrap}.countdown-digits{font-variant-numeric:tabular-nums;letter-spacing:.03em;min-width:5.2em;display:inline-block;text-align:center}main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(8px,1.5vh,16px) clamp(16px,4vw,32px);gap:clamp(4px,1vh,10px);position:relative;overflow:hidden;min-height:0}.hero-wrapper{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hero-card{background:var(--card-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--card-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:clamp(14px,2.5vh,22px) clamp(20px,5vw,36px);display:flex;align-items:center;justify-content:center;position:relative;transition:transform .3s ease,box-shadow .3s ease}.hero-card:hover{transform:translateY(-2px);box-shadow:0 20px 56px rgba(0,0,0,0.12)}.hero-card img{width:clamp(100px,22vw,200px);height:auto;display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,0.08));transition:transform .4s ease}.hero-card:hover img{transform:scale(1.03)}.angle-indicator{position:absolute;width:clamp(50px,10vw,80px);height:1.5px;background:linear-gradient(90deg,transparent,rgba(0,0,0,0.15));top:50%;pointer-events:none}.angle-indicator.left{right:calc(100%+8px);transform:rotate(-28deg);transform-origin:right center}.angle-indicator.right{left:calc(100%+8px);transform:rotate(28deg);transform-origin:left center}.angle-label{position:absolute;font-size:clamp(0.55rem,1.1vw,0.7rem);color:var(--text-tertiary);font-weight:400;letter-spacing:.02em;white-space:nowrap;pointer-events:none}.angle-label.left-label{right:calc(100%+60px);top:calc(50% - 22px)}.angle-label.right-label{left:calc(100%+60px);top:calc(50% - 22px)}.badge-pill{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,0.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,0.06);border-radius:50px;padding:clamp(5px,0.8vh,7px) clamp(10px,2vw,14px);font-size:clamp(0.62rem,1.3vw,0.75rem);font-weight:600;color:var(--text-secondary);letter-spacing:.01em;box-shadow:var(--shadow-sm);flex-shrink:0;transition:border-color .6s ease}.badge-pill .indicator-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-gray);flex-shrink:0;animation:badgePulse 3s ease-in-out infinite}@keyframes badgePulse{0%,55%{background:#8e8e93;box-shadow:0 0 0 rgba(142,142,147,0)}20%,35%{background:#34c759;box-shadow:0 0 10px rgba(52,199,89,0.5)}60%,100%{background:#8e8e93;box-shadow:0 0 0 rgba(142,142,147,0)}}h1{font-size:clamp(1.3rem,3.2vw,2.4rem);font-weight:700;text-align:center;color:var(--text-primary);letter-spacing:-0.02em;line-height:1.15;max-width:clamp(280px,70vw,520px);flex-shrink:0}.benefits{display:flex;gap:clamp(10px,2.5vw,20px);flex-wrap:wrap;justify-content:center;align-items:center;flex-shrink:0}.benefit-item{display:flex;align-items:center;gap:6px;font-size:clamp(0.7rem,1.4vw,0.85rem);font-weight:500;color:var(--text-secondary);letter-spacing:.01em;white-space:nowrap}.benefit-item .check{width:clamp(16px,2.5vw,20px);height:clamp(16px,2.5vw,20px);border-radius:50%;background:#1a1a1c;display:flex;align-items:center;justify-content:center;flex-shrink:0}.benefit-item .check svg{width:clamp(9px,1.4vw,11px);height:clamp(9px,1.4vw,11px)}.cta-container{position:relative;flex-shrink:0}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--cta-bg);color:var(--cta-text);font-size:clamp(1rem,2.2vw,1.35rem);font-weight:700;letter-spacing:-0.01em;text-decoration:none;padding:clamp(14px,2.2vh,20px) clamp(28px,6vw,48px);border-radius:var(--radius-lg);box-shadow:0 8px 28px rgba(0,0,0,0.2),0 2px 8px rgba(0,0,0,0.1);transition:transform .25s ease,box-shadow .25s ease,background .2s ease;cursor:pointer;border:none;outline:none;position:relative;z-index:1}.cta-button:hover{transform:translateY(-3px);box-shadow:0 14px 36px rgba(0,0,0,0.28),0 4px 12px rgba(0,0,0,0.14);background:#1a1a1c}.cta-button:active{transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,0,0,0.22)}.cta-button:focus-visible{outline:3px solid rgba(0,0,0,0.3);outline-offset:4px}.shield-icon{position:absolute;top:clamp(-18px,-3vh,-14px);right:clamp(-14px,-3vw,-10px);width:clamp(26px,4.5vw,34px);height:clamp(30px,5vw,38px);z-index:2;transform:scale(0);transform-origin:center;transition:transform .5s cubic-bezier(0.175,0.885,0.32,1.275);pointer-events:none}.shield-icon.snapped{transform:scale(1)}.shield-icon svg{width:100%;height:100%;display:block;filter:drop-shadow(0 4px 10px rgba(0,0,0,0.25))}.ticker-text{font-size:clamp(0.6rem,1.15vw,0.72rem);color:var(--text-tertiary);font-weight:400;letter-spacing:.02em;text-align:center;flex-shrink:0;min-height:1.2em;transition:opacity .4s ease}.ticker-text.fade{opacity:.4}footer{flex-shrink:0;text-align:center;padding:clamp(6px,1vh,10px) clamp(12px,3vw,20px);font-size:clamp(0.6rem,1.1vw,0.7rem);color:var(--text-tertiary);letter-spacing:.02em;font-weight:400}@media(max-width:480px){.angle-indicator,.angle-label{display:none}.benefits{gap:8px}.benefit-item{font-size:.68rem}.hero-card{padding:12px 18px;border-radius:var(--radius-lg)}.hero-card img{width:clamp(80px,28vw,120px)}.shield-icon{top:-16px;right:-10px;width:24px;height:28px}}@media(min-width:1200px){.hero-card img{width:clamp(160px,18vw,240px)}h1{font-size:clamp(2rem,2.8vw,2.8rem)}.cta-button{font-size:1.4rem;padding:22px 56px}}@supports not(backdrop-filter:blur(24px)){.hero-card{background:rgba(255,255,255,0.88)}.badge-pill{background:rgba(255,255,255,0.9)}}