:root{--bg:#F7F7F2;--card:#FFF;--edge:#E5E5EA;--text-pri:#1D1D1F;--text-sec:#6E6E73;--brand:#0A84FF;--brand-hover:#0071E3;--font-h:'Archivo',sans-serif;--font-b:'Hanken Grotesk',sans-serif}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text-pri);font-family:var(--font-b);line-height:1.5;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column;position:relative}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.02'/%3E%3C/svg%3E"),radial-gradient(circle at 10% 20%,transparent 30%,#E8E8E2 30.2%,transparent 30.4%),radial-gradient(circle at 85% 80%,transparent 25%,#E8E8E2 25.1%,transparent 25.3%);background-size:150px 150px,80vw 80vw,60vw 60vw}canvas#scene-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:none}.layout-wrapper{flex:1;display:flex;flex-direction:column;position:relative;z-index:10;width:100%}.hero{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;width:100%;max-width:1200px;margin:0 auto}.card-container{width:100%;max-width:480px;perspective:1000px}@media(prefers-reduced-motion:no-preference){.card-container.float-active{animation:floatContainer 6s ease-in-out infinite}}.card{background:var(--card);border:1px solid var(--edge);border-radius:24px;padding:2.5rem 2.25rem;box-shadow:0 20px 40px -10px rgba(0,0,0,0.06),0 0 120px rgba(10,132,255,0.04);display:flex;flex-direction:column;gap:1.25rem;animation:cardEntry .6s cubic-bezier(0.2,0.8,0.2,1) backwards .1s}.logo{height:32px;width:auto;align-self:flex-start;margin-bottom:.5rem}h1{font-family:var(--font-h);font-size:clamp(1.75rem,5vw,2.25rem);letter-spacing:-0.02em;color:var(--text-pri);line-height:1.15}.support{font-size:clamp(1rem,3vw,1.125rem);color:var(--text-sec)}.cta{background:var(--brand);color:#FFF;text-decoration:none;padding:1rem 1.5rem;border-radius:12px;font-weight:500;font-size:1.125rem;text-align:center;box-shadow:0 4px 12px rgba(10,132,255,0.25);transition:background .2s,box-shadow .2s,transform .1s;display:block;margin-top:1rem}.cta:hover{background:var(--brand-hover);box-shadow:0 2px 6px rgba(0,113,227,0.3)}.cta:active{transform:scale(0.98)}.cta:focus-visible{outline:3px solid var(--text-pri);outline-offset:2px}.reassurance{font-size:.875rem;color:var(--text-sec);text-align:center}.footer-area{padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.chips{opacity:0;transform:translateY(10px);transition:opacity .4s ease-out,transform .4s ease-out}.chips.visible{opacity:1;transform:translateY(0)}.chip{background:rgba(229,229,234,0.4);border:1px solid var(--edge);padding:6px 16px;border-radius:20px;font-size:.8125rem;color:var(--text-sec);font-weight:500;backdrop-filter:blur(4px)}footer{font-size:.75rem;color:var(--text-sec);letter-spacing:.02em}@media(min-width:768px){.hero{justify-content:flex-start;padding-left:10%}}@keyframes cardEntry{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes floatContainer{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}html,body{max-width:100%;overflow-x:clip}