:root{--bg: #0b0f14;--bg-2: #0f141b;--fg: #f5f7fb;--muted: #9aa3b2;--blue: #2f6af6;--blue-2: #7fb3ff;--line: #1b2430;--accent: #ff8a33}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--fg);background:radial-gradient(1200px 700px at 70% -10%,rgba(47,106,246,.15),transparent 60%),radial-gradient(900px 600px at -10% 80%,rgba(255,138,51,.06),transparent 60%),linear-gradient(180deg,var(--bg),var(--bg-2));font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif;line-height:1.5}a{color:var(--blue);text-decoration:none}a:hover{opacity:.9}.site-header{max-width:1100px;margin:0 auto;padding:20px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;color:var(--fg);font-weight:700;letter-spacing:.2px}.top-nav a{color:var(--fg);margin-left:22px;opacity:.8}.top-nav a:hover{opacity:1}.site-footer{max-width:1100px;margin:80px auto 40px;padding:0 20px;border-top:1px solid var(--line);display:flex;gap:20px;color:var(--muted);justify-content:space-between;font-size:.95rem}.ctas{margin-top:26px;display:flex;gap:14px;flex-wrap:wrap}.btn{position:relative;border:1px solid rgba(255,255,255,.12);padding:12px 18px;border-radius:12px;color:var(--fg);display:inline-flex;align-items:center;gap:10px;font-weight:600;background:linear-gradient(180deg,#ffffff0a,#00000014);backdrop-filter:blur(6px);transition:transform .12s ease,opacity .12s ease}.btn:after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translate(-160%);transition:transform .48s ease;pointer-events:none;mix-blend-mode:screen}.btn:hover:after{transform:translate(160%)}.btn-primary{border-color:#2f6af666;background:radial-gradient(120% 120% at 20% 0%,#7fb3ff40,#2f6af640 40%,#0003 70%);box-shadow:0 10px 40px #2f6af640,inset 0 0 0 1px #ffffff0f}.btn:hover{transform:translateY(-1px)}.icon{display:inline-block;width:1.1em;height:1.1em}.iris-wrap{aspect-ratio:1 / 1;max-width:420px;margin-inline:auto;position:relative;filter:drop-shadow(0 20px 50px rgba(0,0,0,.5))}.eye{position:absolute;inset:0;border-radius:50%;background:radial-gradient(60% 60% at 50% 45%,#0b0f14,#000 60%);overflow:hidden;border:1px solid rgba(255,255,255,.05)}.iris{position:absolute;inset:7%;border-radius:50%;background:conic-gradient(from 0deg,#7fb3ffe6,#2f6af6cc 20%,#0c141cf2,#2f6af6cc,#7fb3ffe6,#0c141cf2),radial-gradient(55% 55% at 50% 50%,rgba(255,138,51,.25),transparent 60%);mix-blend-mode:screen;animation:spin 16s linear infinite;transform:rotate(var(--look, 0deg))}.pupil{position:absolute;inset:35%;border-radius:50%;background:radial-gradient(60% 60% at 50% 45%,#000,#090e16 60%);box-shadow:inset 0 0 24px #000c}.lens{position:absolute;inset:0;border-radius:50%;background:radial-gradient(90% 90% at 40% 25%,rgba(255,255,255,.12),transparent 40%),radial-gradient(60% 60% at 70% 80%,rgba(255,138,51,.1),transparent 60%);border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(1.5px)}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.iris{animation:none}}.section{max-width:1100px;margin:60px auto 0;padding:40px 20px 0;border-top:1px solid var(--line)}.section h2{font-family:Space Grotesk,Inter,sans-serif;margin:0 0 14px;font-size:clamp(1.6rem,3.2vw,2.2rem)}.card{border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:18px;background:linear-gradient(180deg,#ffffff05,#00000014);backdrop-filter:blur(4px)}.grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}@media (max-width: 900px){.grid{grid-template-columns:1fr}}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.8rem;color:#d9e6ff;background:linear-gradient(90deg,#2f6af640,#ff8a332e)}.bg3d{position:fixed;inset:0;z-index:0;pointer-events:none}.overlay{position:relative;z-index:1;min-height:100svh;display:grid;grid-template-rows:auto 1fr;gap:24px;padding:clamp(16px,4vw,36px);max-width:1200px;margin:0 auto}@property --a{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.panel{--panel-bg: rgba(11, 15, 20, .55);--a: 0deg;position:relative;border:1px solid transparent;background:linear-gradient(var(--panel-bg),var(--panel-bg)) padding-box,conic-gradient(from var(--a),rgba(127,179,255,.45),rgba(47,106,246,.6),rgba(255,138,51,.2),rgba(47,106,246,.6),rgba(127,179,255,.45)) border-box;border-radius:16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:clamp(16px,2.2vw,26px);box-shadow:0 10px 40px #00000059;transition:transform .2s ease,box-shadow .2s ease}.panel:before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:radial-gradient(280px 280px at var(--mx, 50%) var(--my, 30%),rgba(127,179,255,.12),transparent 60%),radial-gradient(160px 160px at calc(var(--mx, 50%) + 80px) calc(var(--my, 30%) + 40px),rgba(255,138,51,.08),transparent 60%);mix-blend-mode:screen}.panel:hover{transform:translateY(-2px);box-shadow:0 18px 60px #00000073;animation:border-rotate 6s linear infinite}@keyframes border-rotate{to{--a: 360deg}}@media (prefers-reduced-motion: reduce){.panel:hover{animation:none}}.panel--hero{display:grid;gap:12px;max-width:820px}.panels-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.kicker{color:var(--blue-2);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:.85rem}h1.hero-title{font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(2.2rem,6vw,4rem);line-height:1.05;margin:8px 0 10px}.hero-sub{color:#c7cfdb;font-size:clamp(1.02rem,1.6vw,1.2rem);max-width:60ch}
