*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#fefefe;color:#1a1a1a;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;position:relative}body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(0,0,0,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.07) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse at center,black 40%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 70%)}body::after{content:'';position:fixed;top:0;left:0;right:0;height:4px;background:#1a1a1a;z-index:10}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:clamp(10px,2vh,18px) clamp(14px,3vw,28px);position:relative;z-index:5;flex-shrink:0;gap:10px;flex-wrap:wrap}.logo-wrap{flex-shrink:0}.logo-wrap img{height:clamp(26px,4vw,36px);width:auto;display:block}.badges-row{display:flex;align-items:center;gap:clamp(6px,1.2vw,14px);flex-wrap:wrap;justify-content:flex-end}.live-badge{display:inline-flex;align-items:center;gap:6px;background:#f0fdf4;border:1.5px solid #16a34a;color:#15803d;font-size:clamp(.68rem,.9vw,.78rem);font-weight:700;padding:5px 11px;border-radius:20px;white-space:nowrap;letter-spacing:.01em}.live-badge::before{content:'';width:8px;height:8px;border-radius:50%;background:#16a34a;animation:livepulse 1.6s ease-in-out infinite}@keyframes livepulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(22,163,74,.5)}50%{opacity:.7;box-shadow:0 0 0 6px rgba(22,163,74,0)}}.ticker{font-size:clamp(.65rem,.85vw,.75rem);color:#555;font-weight:400;white-space:nowrap;background:#f5f5f5;padding:5px 11px;border-radius:20px;border:1px solid #e0e0e0}.ticker span{font-weight:700;color:#1a1a1a}.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(12px,2vh,24px) clamp(14px,3vw,28px);position:relative;z-index:5;gap:clamp(10px,2vh,20px)}.skeleton-stage{width:100%;max-width:680px;margin:0 auto;position:relative}.skeleton{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.5vh,14px);transition:opacity .35s ease,visibility .35s ease;opacity:1;visibility:visible}.skel-line{background:#e8e8e8;border-radius:6px;position:relative;overflow:hidden;width:100%}.skel-line::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,#f5f5f5 50%,transparent 100%);animation:shimmer 1.8s ease-in-out infinite}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.skel-h1{height:clamp(36px,5vw,52px);max-width:500px;margin:0 auto}.skel-sub{height:clamp(16px,2vw,20px);max-width:340px;margin:0 auto}.skel-item{height:clamp(28px,3.5vw,38px);max-width:420px;margin:0 auto}.skel-btn{height:clamp(44px,5.5vw,56px);max-width:300px;margin:0 auto;border-radius:30px}.real-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.5vh,14px);opacity:0;visibility:hidden;transition:opacity .4s ease .05s,visibility .4s ease .05s}.stage-loaded .skeleton{opacity:0;visibility:hidden;pointer-events:none}.stage-loaded .real-content{opacity:1;visibility:visible}h1{font-size:clamp(1.6rem,4.5vw,3.2rem);font-weight:700;line-height:1.15;letter-spacing:-.02em;color:#111;max-width:600px}h1 .highlight{position:relative;display:inline-block}h1 .highlight::after{content:'';position:absolute;bottom:2px;left:0;right:0;height:clamp(3px,.5vw,6px);background:#fef3c7;z-index:-1;border-radius:2px}.subhead{font-size:clamp(.85rem,1.3vw,1.05rem);color:#555;font-weight:400;max-width:480px;line-height:1.5}.scan-block{display:flex;flex-direction:column;gap:clamp(6px,1vh,10px);width:100%;max-width:440px;margin:0 auto}.scan-row{display:flex;align-items:center;justify-content:space-between;padding:clamp(8px,1.2vh,12px) clamp(10px,2vw,16px);background:#fafafa;border:1.5px solid #e5e5e5;border-radius:8px;font-size:clamp(.75rem,1.1vw,.88rem);font-weight:500;gap:10px}.scan-label{color:#333;display:flex;align-items:center;gap:7px}.scan-label .icon-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.scan-chip{font-size:clamp(.68rem,.9vw,.76rem);font-weight:700;padding:4px 10px;border-radius:14px;white-space:nowrap;letter-spacing:.01em}.chip-green{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.chip-amber{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.cta-wrap{display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1vh,10px)}.cta-btn{display:inline-flex;align-items:center;gap:10px;background:#1a1a1a;color:#fff;font-size:clamp(.9rem,1.4vw,1.08rem);font-weight:700;padding:clamp(12px,2vh,16px) clamp(22px,3.5vw,34px);border-radius:32px;text-decoration:none;letter-spacing:.01em;border:2px solid #1a1a1a;cursor:pointer;transition:all .25s ease;position:relative;outline-offset:3px;line-height:1.2}.cta-btn:hover,.cta-btn:focus-visible{background:#fff;color:#1a1a1a;box-shadow:0 6px 28px rgba(0,0,0,.14)}.cta-btn:hover .padlock-svg,.cta-btn:focus-visible .padlock-svg{animation:padlockPulse .6s ease-in-out}.cta-btn:focus-visible{outline:3px solid #1a1a1a;outline-offset:4px}.padlock-svg{width:clamp(16px,2vw,20px);height:clamp(16px,2vw,20px);flex-shrink:0;transition:transform .25s ease}.padlock-svg path{fill:currentColor}@keyframes padlockPulse{0%,100%{transform:scale(1)}30%{transform:scale(1.22)}60%{transform:scale(.94)}}.countdown-row{display:flex;align-items:center;gap:8px;font-size:clamp(.7rem,1vw,.8rem);color:#666;font-weight:500}.countdown-num{font-weight:700;color:#1a1a1a;font-variant-numeric:tabular-nums;min-width:2.2ch;text-align:right;font-size:clamp(.78rem,1.1vw,.9rem)}.countdown-bar{width:clamp(60px,10vw,100px);height:4px;background:#e5e5e5;border-radius:2px;overflow:hidden}.countdown-bar-fill{height:100%;background:#16a34a;border-radius:2px;transition:width .3s linear;width:100%}.footnote{font-size:clamp(.62rem,.8vw,.7rem);color:#999;text-align:center;padding:clamp(6px,1vh,10px);flex-shrink:0;position:relative;z-index:5;letter-spacing:.01em}@media(max-width:480px){.scan-row{flex-direction:column;align-items:flex-start;gap:6px}.scan-chip{align-self:flex-end}.badges-row{gap:5px}.live-badge,.ticker{padding:4px 8px;font-size:.7rem}h1{font-size:clamp(1.35rem,7vw,2rem)}}@media(max-height:620px){.hero{gap:6px;padding:8px 14px}.scan-block{gap:4px}.scan-row{padding:6px 10px}h1{font-size:clamp(1.2rem,5vw,1.8rem)}.cta-btn{padding:10px 20px}}