*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;height:100dvh;overflow:hidden;font-family:'Space Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#fff;color:#0a0a0a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.status-bar{position:sticky;top:0;z-index:100;background:#0a0a0a;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;font-size:clamp(10px,1.8vw,12px);font-weight:400;letter-spacing:.3px;min-height:34px;transition:background .4s ease}.status-bar.verified{background:#0a1a0a}.status-dot{width:7px;height:7px;border-radius:50%;background:#ff9500;flex-shrink:0;animation:statusPulse 1s infinite}.status-bar.verified .status-dot{background:#0c4;animation:none}.status-icon{flex-shrink:0;width:14px;height:14px}.status-bar.verified .status-icon{color:#0c4}@keyframes statusPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.6)}}.main-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:clamp(8px,1.5vh,16px) clamp(12px,3vw,24px) clamp(10px,2vh,20px);max-width:720px;margin:0 auto;width:100%;gap:clamp(4px,1vh,10px)}.logo-wrap{flex-shrink:0;text-align:center;padding-top:clamp(2px,.5vh,6px)}.logo-wrap img{height:clamp(26px,4.5vw,36px);width:auto;display:block;margin:0 auto}.hero{text-align:center;flex-shrink:0}.hero h1{font-size:clamp(20px,4.5vw,36px);font-weight:700;letter-spacing:-.5px;line-height:1.15;color:#0a0a0a;margin-bottom:clamp(2px,.4vh,6px)}.hero .subtitle{font-size:clamp(12px,2.2vw,16px);color:#555;font-weight:400;letter-spacing:.1px;line-height:1.3}.preview-card-wrap{flex-shrink:0;width:100%;max-width:clamp(300px,85vw,560px);margin:0 auto}.preview-card{background:#fafbfc;border:1.5px solid #e2e4e8;border-radius:14px;padding:clamp(12px,2.5vw,20px) clamp(14px,3vw,24px);box-shadow:0 2px 12px rgba(0,0,0,.04);transition:border-color .5s ease,box-shadow .5s ease}.preview-card.resolved{border-color:#c8d6e5;box-shadow:0 4px 20px rgba(0,0,0,.06)}.card-row{display:flex;align-items:center;gap:12px;padding:clamp(8px,1.6vw,13px) 0;border-bottom:1px solid #eee;min-height:clamp(36px,6vw,48px)}.card-row:last-child{border-bottom:none}.card-row .row-icon{width:clamp(16px,3vw,22px);height:clamp(16px,3vw,22px);border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:clamp(9px,1.5vw,12px);font-weight:700;transition:all .5s ease}.card-row .row-icon.pending{background:#e8eaed;color:#aaa}.card-row .row-icon.done{background:#e8f5e9;color:#1b8a2e}.card-row .row-content{flex:1;min-width:0}.skeleton-bar{display:block;height:clamp(10px,1.8vw,14px);border-radius:5px;background:linear-gradient(90deg,#e8eaed 25%,#f0f2f5 50%,#e8eaed 75%);background-size:200% 100%;animation:shimmer 1.6s infinite;width:100%;transition:opacity .4s ease}.skeleton-bar.fade-out{opacity:0;animation:none}.row-label{display:none;font-size:clamp(11px,1.9vw,14px);font-weight:700;color:#0a0a0a;letter-spacing:.1px;line-height:1.3}.row-label.visible{display:block;animation:fadeSlideIn .5s ease forwards}.row-sublabel{display:none;font-size:clamp(9px,1.4vw,11px);color:#777;font-weight:400;margin-top:1px}.row-sublabel.visible{display:block;animation:fadeSlideIn .5s ease .1s forwards}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes fadeSlideIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cta-section{flex-shrink:0;text-align:center;width:100%;max-width:clamp(280px,75vw,480px);position:relative}.cta-pulse-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:clamp(6px,1.2vh,10px)}.pulse-dot{width:9px;height:9px;border-radius:50%;background:#0c4;flex-shrink:0;position:relative}.pulse-dot::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:2px solid #0c4;animation:pulseRing 1.8s infinite}@keyframes pulseRing{0%{transform:scale(.6);opacity:1}100%{transform:scale(2.2);opacity:0}}.pulse-label{font-size:clamp(9px,1.5vw,11px);color:#1b8a2e;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.cta-button{display:inline-block;background:#0048e0;color:#fff;font-weight:700;font-size:clamp(15px,3vw,20px);padding:clamp(13px,2.2vw,17px) clamp(28px,5vw,48px);border-radius:12px;text-decoration:none;letter-spacing:.2px;transition:background .2s ease,transform .15s ease,box-shadow .2s ease;box-shadow:0 4px 18px rgba(0,72,224,.3);cursor:pointer;border:none;line-height:1.2;text-align:center;width:100%;max-width:380px}.cta-button:hover{background:#0036c0;transform:translateY(-1px);box-shadow:0 6px 24px rgba(0,72,224,.4)}.cta-button:focus-visible{outline:3px solid #0048e0;outline-offset:3px;border-radius:14px}.cta-button:active{transform:scale(.97)}.cta-sub{font-size:clamp(9px,1.4vw,11px);color:#777;margin-top:clamp(4px,.6vh,7px);font-weight:400;letter-spacing:.1px}.trust-chips{flex-shrink:0;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center}.chip{display:inline-flex;align-items:center;gap:4px;background:#f5f6f8;border:1px solid #e8eaed;border-radius:20px;padding:5px 11px;font-size:clamp(9px,1.4vw,11px);font-weight:700;color:#333;letter-spacing:.2px;white-space:nowrap}.chip .chip-icon{font-size:clamp(8px,1.2vw,10px);flex-shrink:0}.activity-ticker{flex-shrink:0;text-align:center;font-size:clamp(9px,1.3vw,10px);color:#999;font-weight:400;letter-spacing:.2px;min-height:16px;transition:opacity .5s ease}.activity-ticker span{font-weight:700;color:#666}@media(max-width:600px){.cta-section{position:sticky;bottom:0;background:#fff;padding:clamp(6px,1vh,10px) 0;z-index:50;border-top:1px solid #f0f0f0;margin-top:auto}.main-container{gap:clamp(2px,.5vh,6px);padding-bottom:0}.cta-button{border-radius:10px}.preview-card{border-radius:10px}}@media(min-width:601px){.cta-section{position:relative}}@media(max-height:620px){.hero h1{font-size:clamp(16px,3.8vw,22px)}.hero .subtitle{font-size:clamp(10px,1.8vw,13px)}.preview-card{padding:8px 12px}.card-row{padding:6px 0;min-height:28px}.cta-button{padding:10px 20px;font-size:14px}.logo-wrap img{height:22px}.status-bar{padding:5px 12px;min-height:26px;font-size:10px}}