:root{--bg:#F4F7FB;--surface:#fff;--ink:#0C1B2A;--muted:#5E718C;--accent:#3F5CFF;--cyan:#38C8FF;--lime:#B4E850;--line:#CDDBF0;--halo:#BBD7FF;--pat:#DCE6F3}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'Onest',sans-serif;background:var(--bg);color:var(--ink);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;position:relative}.bg-pattern{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 88% 4%,transparent 54px,rgba(220,230,243,.5) 55px,transparent 56px),radial-gradient(circle at 88% 4%,transparent 108px,rgba(220,230,243,.4) 109px,transparent 110px),radial-gradient(circle at 88% 4%,transparent 166px,rgba(220,230,243,.32) 167px,transparent 168px),radial-gradient(circle at 88% 4%,transparent 226px,rgba(220,230,243,.25) 227px,transparent 228px),radial-gradient(circle at 88% 4%,transparent 290px,rgba(220,230,243,.18) 291px,transparent 292px),radial-gradient(circle at 88% 4%,transparent 356px,rgba(220,230,243,.12) 357px,transparent 358px);overflow:hidden}.bg-pattern::before{content:'';position:absolute;top:6%;right:4%;width:340px;height:340px;background:radial-gradient(circle at 30% 30%,transparent 40px,rgba(205,219,240,.35) 41px,transparent 42px),radial-gradient(circle at 65% 70%,transparent 34px,rgba(205,219,240,.3) 35px,transparent 36px),radial-gradient(circle at 82% 42%,transparent 28px,rgba(205,219,240,.28) 29px,transparent 30px),radial-gradient(circle at 15% 78%,transparent 22px,rgba(205,219,240,.25) 23px,transparent 24px),radial-gradient(circle at 48% 52%,transparent 18px,rgba(205,219,240,.22) 19px,transparent 20px);border-radius:50%}.bg-pattern::after{content:'';position:absolute;top:0;right:0;width:260px;height:180px;background:linear-gradient(125deg,transparent 48%,rgba(220,230,243,.4) 49%,rgba(220,230,243,.4) 51%,transparent 52%),linear-gradient(200deg,transparent 46%,rgba(220,230,243,.33) 47%,rgba(220,230,243,.33) 49%,transparent 50%),linear-gradient(80deg,transparent 55%,rgba(220,230,243,.28) 56%,rgba(220,230,243,.28) 58%,transparent 59%)}.masthead{position:relative;z-index:2;text-align:center;padding:18px 16px 10px;background:transparent}.masthead-brand{display:inline-flex;align-items:center;gap:8px}.masthead-brand img{width:32px;height:32px;object-fit:contain;display:block}.wordmark{font-family:'Onest',sans-serif;font-weight:600;font-size:clamp(20px,3.2vw,28px);letter-spacing:-.02em;color:var(--ink);text-decoration:none}.glow-line{width:120px;max-width:60%;height:2px;margin:8px auto 0;background:linear-gradient(90deg,transparent,#38C8FF 30%,#3F5CFF 70%,transparent);border-radius:2px;transform-origin:left center;animation:drawLine 1.2s ease-out forwards,lineShimmer 4s ease-in-out 1.2s infinite}.cover{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;padding:0 16px 12px;max-width:1200px;margin:0 auto;width:100%}.cover-text{position:relative;z-index:3;padding:8px 4px 0;text-align:left}.cover-text h1{font-size:clamp(26px,6vw,56px);font-weight:600;line-height:1.12;letter-spacing:-.025em;color:var(--ink);margin-bottom:12px}.cover-text h1 em{font-family:'Fraunces',serif;font-style:italic;font-weight:400;color:var(--accent)}.support{font-size:clamp(14px,3.4vw,18px);font-weight:400;color:var(--muted);line-height:1.55;max-width:520px;margin-bottom:20px}.cta-block{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.cta-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:16px 40px;border-radius:100px;background:linear-gradient(135deg,#3F5CFF,#38C8FF);color:#fff;font-family:'Onest',sans-serif;font-weight:600;font-size:clamp(16px,3.6vw,20px);letter-spacing:.01em;box-shadow:0 4px 24px rgba(187,215,255,.55);transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(187,215,255,.75)}.cta-btn:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.cta-btn::before{content:'';position:absolute;inset:-22px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(187,215,255,.45) 0,rgba(187,215,255,0) 68%);animation:haloBreathe 3s ease-in-out infinite;z-index:-1;pointer-events:none}.cta-under{font-size:clamp(12px,2.6vw,15px);color:var(--muted);font-weight:400;letter-spacing:.02em}.diagram-container{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;margin-top:16px;width:100%;overflow:visible}.diagram-container svg{display:block;width:auto;max-height:38vh;max-width:100%;height:auto;overflow:visible}.stickers{position:relative;z-index:4;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:14px;width:100%}.sticker{font-family:'Fraunces',serif;font-style:italic;font-weight:400;font-size:clamp(11px,2.8vw,15px);color:var(--accent);background:rgba(255,255,255,.75);border:1px solid rgba(205,219,240,.7);border-radius:20px;padding:6px 14px;box-shadow:0 2px 10px rgba(12,27,42,.05);animation:popIn .55s cubic-bezier(.34,1.56,.64,1) both;white-space:nowrap}.sticker:nth-child(1){animation-delay:0ms}.sticker:nth-child(2){animation-delay:150ms}.sticker:nth-child(3){animation-delay:300ms}.footer{position:relative;z-index:2;text-align:center;padding:14px 16px 16px;background:rgba(255,255,255,.55);border-top:1px solid rgba(205,219,240,.5)}.faq{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;align-items:center;margin-bottom:6px}.faq-line{font-family:'Onest',sans-serif;font-size:clamp(11px,2.6vw,14px);color:var(--muted);font-weight:400;opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease;letter-spacing:.02em}.faq-line.visible{opacity:1;transform:translateY(0)}.footer-brand{font-family:'Onest',sans-serif;font-weight:600;font-size:clamp(14px,3vw,18px);letter-spacing:.04em;color:var(--ink)}@keyframes drawLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes lineShimmer{0%,100%{opacity:.35}50%{opacity:.9}}@keyframes haloBreathe{0%,100%{transform:scale(.82);opacity:.6}50%{transform:scale(1.12);opacity:1}}@keyframes popIn{from{opacity:0;transform:rotate(-10deg) scale(.65)}to{opacity:1;transform:rotate(-3deg) scale(1)}}@keyframes nodePulseDI{0%,4%{opacity:.35;transform:scale(1)}7%{opacity:1;transform:scale(1.12)}12%{opacity:.8;transform:scale(1.05)}18%,100%{opacity:.35;transform:scale(1)}}@keyframes nodePulseBat{0%,30%{opacity:.35;transform:scale(1)}33%{opacity:1;transform:scale(1.1)}38%{opacity:.8;transform:scale(1.04)}44%,100%{opacity:.35;transform:scale(1)}}@keyframes nodePulseGrid{0%,58%{opacity:.35;transform:scale(1)}61%{opacity:1;transform:scale(1.1)}66%{opacity:.8;transform:scale(1.04)}72%,100%{opacity:.35;transform:scale(1)}}@media(min-width:820px){.masthead{padding:20px 16px 10px}.masthead-brand img{width:36px;height:36px}.glow-line{width:160px;max-width:40%}.cover{flex-direction:row;align-items:flex-end;position:relative;min-height:calc(100vh - 84px);padding:0 32px 20px;gap:0}.cover-text{position:absolute;top:2%;left:3%;max-width:46%;padding:0;z-index:5}.cover-text h1{margin-bottom:14px}.support{margin-bottom:24px}.diagram-container{position:absolute;bottom:0;right:0;width:58%;margin:0;z-index:2;justify-content:center}.diagram-container svg{max-height:68vh}.stickers{position:absolute;top:8%;right:2%;width:auto;display:block;z-index:6;margin:0;gap:0}.sticker{position:absolute;white-space:nowrap}.sticker:nth-child(1){top:0;right:0;animation-delay:0ms}.sticker:nth-child(2){top:70px;right:-10px;animation-delay:150ms}.sticker:nth-child(3){top:140px;right:10px;animation-delay:300ms}.footer{padding:16px 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.faq{margin-bottom:0;gap:6px 24px}.faq-line{font-size:14px}}@media(min-width:1100px){.cover-text h1{font-size:56px}.support{font-size:19px}.cta-btn{font-size:20px;padding:18px 46px}.cta-under{font-size:15px}.footer-brand{font-size:18px}}@media(max-width:430px){.masthead{padding:14px 10px 6px}.cover{padding:0 12px 10px}.cover-text h1{font-size:clamp(24px,7vw,32px);line-height:1.15}.support{font-size:13px;margin-bottom:14px}.cta-btn{padding:14px 32px;font-size:16px}.cta-under{font-size:12px}.diagram-container svg{max-height:36vh}.stickers{gap:6px}.sticker{font-size:11px;padding:5px 10px}.footer{padding:12px 10px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.glow-line{transform:scaleX(1);opacity:.6}.faq-line{opacity:1;transform:none}.sticker{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.cta-btn::before{animation:none;opacity:.7;transform:scale(1)}}html,body{max-width:100%;overflow-x:clip}