:root{--bg: #F7F7F2;--card: #FFFFFF;--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 0.6s cubic-bezier(0.2,0.8,0.2,1) backwards 0.1s;}.logo{height: 32px;width: auto;align-self: flex-start;margin-bottom: 0.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 0.2s,box-shadow 0.2s,transform 0.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: 0.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 0.4s ease-out,transform 0.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: 0.8125rem;color: var(--text-sec);font-weight: 500;backdrop-filter: blur(4px);}footer{font-size: 0.75rem;color: var(--text-sec);letter-spacing: 0.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}