:root{--bg:#F2EFE6;--y:#E4FF3F;--k:#141412;--f-h:'Baloo 2',sans-serif;--f-b:'Inter',sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);background-image:linear-gradient(rgba(20,20,18,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(20,20,18,0.04) 1px,transparent 1px);background-size:24px 24px;color:var(--k);font-family:var(--f-b);height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}body::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.02'/%3E%3C/svg%3E");pointer-events:none;z-index:1}.strip{position:absolute;top:0;left:0;width:100%;background:var(--k);color:var(--y);font-size:.75rem;font-weight:600;text-align:center;padding:4px 0;transform:translateY(-100%);opacity:0;transition:transform .5s ease,opacity .5s ease;z-index:10;pointer-events:none}.strip.active{transform:translateY(0);opacity:1}.wrap{position:relative;width:90%;max-width:34rem;z-index:5}.ghost-box{position:absolute;inset:-1.5rem;background:var(--y);border:2px solid var(--k);border-radius:24px;transform:rotate(-2deg);z-index:-1}header{margin-bottom:1rem;display:flex;align-items:center}.logo{max-height:32px;display:block}h1{font-family:var(--f-h);font-size:clamp(2rem,8vw,4.5rem);font-weight:800;line-height:.95;margin-bottom:1rem;color:var(--k)}p{font-family:var(--f-b);font-size:1rem;line-height:1.5;font-weight:500;margin-bottom:2rem;max-width:34rem;color:var(--k)}.cta-wrap{position:relative;width:100%;max-width:380px;display:inline-block}.cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;background:var(--k);color:var(--y);font-family:var(--f-h);font-size:1.25rem;font-weight:700;text-decoration:none;border-radius:12px;box-shadow:4px 4px 0 var(--k);transition:transform .1s ease,box-shadow .1s ease;outline:none;position:relative;z-index:2}.cta:hover,.cta:focus{box-shadow:6px 6px 0 var(--k);transform:translate(-2px,-2px)}.cta:active{box-shadow:2px 2px 0 var(--k);transform:translate(2px,2px)}.cta:focus-visible{outline:3px solid var(--y);outline-offset:3px}.label{position:absolute;right:-10px;bottom:-20px;font-size:.65rem;font-weight:600;color:var(--k);opacity:.7;pointer-events:none}.status-dot{display:inline-block;width:6px;height:6px;background:var(--y);border-radius:50%;margin-left:8px;opacity:.4}.micro-chip{position:absolute;top:-30px;left:50%;transform:translateX(-50%);background:var(--bg);color:var(--k);border:1px solid var(--k);font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:12px;opacity:0;pointer-events:none;transition:opacity .2s ease;white-space:nowrap;z-index:3}.cta-wrap:hover .micro-chip,.cta:focus+.micro-chip{opacity:1}.divider{width:100%;height:24px;margin-top:2.5rem;display:block}.rise-up{opacity:0;transform:translateY(20px)}.rise-up.anim{animation:rise .5s forwards}.typewriter{opacity:0}.typewriter.anim{animation:typewriterResolve 1.5s forwards}@keyframes rise{to{opacity:1;transform:translateY(0)}}@keyframes typewriterResolve{0%{opacity:0;text-shadow:0 0 0 transparent}50%{opacity:1;text-shadow:0 0 10px rgba(228,255,63,0.8)}100%{opacity:1;text-shadow:0 0 4px rgba(228,255,63,0.3)}}@media(pointer:coarse){.micro-chip{position:static;transform:none;opacity:.8;display:block;text-align:center;background:none;border:none;margin-top:12px}}@media(prefers-reduced-motion:reduce){.rise-up,.typewriter,.strip{opacity:1!important;transform:none!important;animation:none!important}.strip{position:static;background:transparent;color:var(--k)}}