@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&display=swap";:root{color-scheme:dark;font-family:Sora,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--font-body: "Sora", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Sora", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-primary: #f5f7ff;--text-secondary: rgba(230, 236, 255, .8);--text-muted: rgba(220, 228, 255, .6);--text-hero: #ffffff;--accent-cyan: rgb(0, 236, 255);background:radial-gradient(circle at 10% 10%,rgba(53,32,137,.7),transparent 55%),radial-gradient(circle at 90% 0%,rgba(0,195,255,.45),transparent 55%),radial-gradient(circle at 20% 90%,rgba(255,97,179,.35),transparent 60%),#050510;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid rgba(0,236,255,.6);outline-offset:4px}body{margin:0;min-height:100vh;background:transparent}#root{width:min(1200px,100%);margin:0 auto;padding:2.5rem 0 6rem}*{box-sizing:border-box}.page{min-height:100vh;color:var(--text-primary);position:relative;padding-bottom:4rem}.hero{position:relative;padding:clamp(3rem,8vw,6rem) clamp(1.5rem,5vw,6rem) clamp(4rem,10vw,7rem);border-radius:2.5rem;overflow:hidden;background:linear-gradient(135deg,#212240e0,#1066d6cc) border-box;box-shadow:0 35px 90px -40px #000000b3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin:clamp(1.5rem,5vw,3rem)}.hero__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 20%,rgba(123,95,255,.6),transparent 55%),radial-gradient(circle at 85% 0%,rgba(0,221,255,.6),transparent 60%),radial-gradient(circle at 50% 100%,rgba(255,131,85,.45),transparent 50%);filter:blur(.5px);opacity:.9;z-index:0}.hero__nav{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:clamp(1rem,3vw,2.5rem);margin-bottom:clamp(2.5rem,6vw,4rem);flex-wrap:wrap}.hero__nav ul{display:flex;align-items:center;gap:clamp(1rem,2vw,1.75rem);margin:0;padding:0;list-style:none}.hero__nav a{color:var(--text-primary);font-weight:500;letter-spacing:.01em;position:relative}.hero__nav a:after{content:"";position:absolute;inset:auto 0 -.45rem 0;height:2px;background:linear-gradient(90deg,#00d2ffd9,#ff66cce6);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.hero__nav a:focus-visible,.hero__nav a:hover{color:var(--accent-cyan)}.hero__nav a:hover:after,.hero__nav a:focus-visible:after{transform:scaleX(1)}.logo-mark{font-family:"Clash Display","Poppins",var(--font-heading);font-weight:700;font-size:clamp(1.2rem,2vw,1.6rem);letter-spacing:.12em;text-transform:uppercase}.hero__content{position:relative;z-index:1;max-width:min(760px,100%);display:grid;gap:1.5rem}.hero__eyebrow{font-size:.95rem;letter-spacing:.4em;text-transform:uppercase;color:var(--accent-cyan)}.hero h1{font-family:var(--font-heading);font-size:clamp(2.75rem,5vw,4rem);line-height:1.1;margin:0;color:var(--text-hero)}.hero__content p{margin:0;font-size:clamp(1.05rem,2.2vw,1.25rem);color:var(--text-secondary)}.hero__cta{display:flex;gap:1rem;flex-wrap:wrap}.hero__note{color:var(--text-muted);font-size:.95rem}main{display:grid;gap:clamp(2.5rem,5vw,4rem);margin:0 clamp(1.5rem,5vw,3rem)}.panel{background:#0e1020d9;border-radius:2rem;padding:clamp(2.5rem,5vw,3.75rem);box-shadow:0 30px 80px -50px #000000e6;position:relative;overflow:hidden}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1px solid rgba(255,255,255,.08);pointer-events:none}.panel__header{max-width:720px;display:grid;gap:.75rem;margin-bottom:clamp(1.5rem,4vw,2.5rem)}.panel h2{font-family:var(--font-heading);font-size:clamp(2rem,3.5vw,2.8rem);margin:0;color:var(--text-primary)}.panel p{margin:0;color:var(--text-secondary);font-size:1.05rem}.form-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-grid label,.mini-form label{display:grid;gap:.65rem;font-weight:600;color:var(--text-primary)}.form-grid__full{grid-column:1 / -1}input,textarea{border:1px solid rgba(255,255,255,.12);background:#0c0f1cbf;border-radius:1rem;padding:.9rem 1.1rem;color:var(--text-primary);font-size:1rem;font-family:var(--font-body);transition:border .2s ease,box-shadow .2s ease}input:focus,textarea:focus{outline:none;border-color:#00ffd1cc;box-shadow:0 0 0 3px #00ffd133}textarea{resize:vertical;min-height:140px}.primary-button,.secondary-button,.pill-button{border:none;border-radius:999px;padding:.9rem 1.8rem;font-size:1rem;font-weight:600;font-family:var(--font-heading);letter-spacing:.05em;cursor:pointer;transition:transform .18s ease,box-shadow .22s ease}.primary-button{background:linear-gradient(120deg,#00d2fff2,#643dfff2);color:#050510;box-shadow:0 18px 40px -18px #45b9ffcc}.primary-button:hover,.primary-button:focus-visible{transform:translateY(-2px);box-shadow:0 22px 45px -18px #45b9ffe6}.secondary-button{background:#ffffff1a;color:var(--text-primary);border:1px solid rgba(255,255,255,.16)}.secondary-button:hover,.secondary-button:focus-visible{transform:translateY(-2px);border-color:#00d2ffcc}.pill-button{background:#ffffff29;color:var(--text-primary);border:1px solid rgba(255,255,255,.18);white-space:nowrap}.pill-button:hover,.pill-button:focus-visible{transform:translateY(-1px);border-color:#00d2ffd9}.cost-compare{display:grid;gap:clamp(1.5rem,4vw,2.5rem);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:start}.mini-form{display:grid;gap:1.25rem}.insight-card{background:linear-gradient(145deg,#0f182ce6,#1c2844f2);border-radius:1.75rem;padding:2rem;display:grid;gap:1.1rem;position:relative;overflow:hidden}.insight-card:before{content:"";position:absolute;inset:-30% -30% auto auto;background:radial-gradient(circle,rgba(0,233,255,.4),transparent 70%);width:60%;height:60%;z-index:0}.insight-card h3,.insight-card p,.insight-card button{position:relative;z-index:1}.table-wrapper{overflow-x:auto;border-radius:1.5rem;border:1px solid rgba(255,255,255,.08)}table{width:100%;border-collapse:collapse;min-width:560px}thead{background:#13172de6}thead th{font-weight:700;text-align:left;padding:1.25rem 1.5rem;font-size:.95rem;letter-spacing:.04em;color:var(--accent-cyan)}tbody tr:nth-child(2n){background:#0d0f1db3}tbody tr:nth-child(odd){background:#0a0c188c}td,th[scope=row]{padding:1.2rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.04);font-size:1rem;color:var(--text-secondary)}th[scope=row]{color:var(--text-primary);font-weight:600}.premium{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:center;gap:clamp(1.5rem,4vw,3rem)}.premium__content{display:grid;gap:1rem}.premium__halo{position:relative;width:100%;height:260px;border-radius:2rem;background:radial-gradient(circle at 30% 30%,rgba(0,255,209,.4),transparent 60%),radial-gradient(circle at 80% 65%,rgba(162,102,255,.45),transparent 55%),radial-gradient(circle at 50% 90%,rgba(255,102,204,.5),transparent 70%);filter:blur(.4px);border:1px solid rgba(255,255,255,.08)}.premium__note{font-size:.95rem;color:var(--text-muted)}.knowledge__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(1.5rem,4vw,2.5rem)}.knowledge article{background:#121528b3;border-radius:1.5rem;padding:1.75rem;display:grid;gap:.75rem;border:1px solid rgba(255,255,255,.06);transition:transform .18s ease,border-color .2s ease}.knowledge article:hover,.knowledge article:focus-within{transform:translateY(-4px);border-color:#00d2ff73}.footer{margin:clamp(3rem,8vw,6rem) clamp(1.5rem,5vw,3rem) 2rem;text-align:center;color:var(--text-muted);font-size:.95rem}.footer__nav ul{display:flex;justify-content:center;flex-wrap:wrap;gap:1.25rem;list-style:none;margin:0 0 1rem;padding:0}.footer__nav a{color:var(--text-muted);font-weight:500}.footer__nav a:hover,.footer__nav a:focus-visible{color:var(--accent-cyan)}@media (max-width: 640px){.hero__nav{flex-direction:column;align-items:stretch}.hero__nav ul{flex-wrap:wrap;justify-content:center}.pill-button{width:100%}}
