:root{color-scheme:dark;--bg:#080f20;--panel:#101b32;--line:#273756;--ink:#f7f9ff;--muted:#b8c5dd;--blue:#82b0ff;--darkblue:#102143}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.65}a{color:var(--blue);text-underline-offset:.22em}a:focus-visible{outline:2px solid #b6d4ff;outline-offset:5px}.wrap{width:min(1120px,calc(100% - 48px));margin-inline:auto}.skip{position:absolute;left:1rem;top:-8rem;background:white;color:#000;padding:.5rem}.skip:focus{top:1rem;z-index:9}.top,.footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:24px}.top{border-bottom:1px solid var(--line)}nav{display:flex;flex-wrap:wrap;gap:.8rem 1.6rem}nav a{color:var(--muted);text-decoration:none;font-size:.92rem}nav a:hover{text-decoration:underline}.logo{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:760;font-size:1.42rem;letter-spacing:-.035em}.logo span{width:18px;height:18px;border-radius:4px;background:linear-gradient(135deg,#bad6ff,#477bff);transform:rotate(-15deg)}.hero{display:grid;grid-template-columns:1fr .96fr;align-items:center;gap:2rem;padding-block:clamp(55px,9vw,118px)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:750;font-size:.75rem;color:var(--blue);margin:0 0 14px}.hero h1,.legal h1{font-size:clamp(2.6rem,7vw,6rem);line-height:.99;letter-spacing:-.075em;margin:0;font-weight:780}.hero h1 em{font-style:normal;color:var(--blue)}.lead,.method p,.contact p{color:var(--muted);max-width:52ch}.lead{font-size:1.1rem;margin:25px 0}.button{display:inline-flex;align-items:center;gap:18px;padding:12px 17px;background:#b3d0ff;color:#0a1c3d;font-weight:750;text-decoration:none;border-radius:7px}.button:hover{background:#d7e6ff}.art{height:clamp(240px,37vw,425px);position:relative;overflow:hidden;border:1px solid #2a416d;border-radius:22px;background:radial-gradient(ellipse at 54% 46%,#233e78,#101c37 56%,#0b152b);isolation:isolate}.grid{position:absolute;inset:0;background:linear-gradient(#82aeff26 1px,transparent 1px),linear-gradient(90deg,#82aeff26 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse,#000,transparent 80%)}.orb{position:absolute;inset:25% 29%;border-radius:50%;background:radial-gradient(circle at 34% 28%,#c1dcff,#679cff 30%,#243d98 62%,#0c1c48 79%);box-shadow:0 0 55px #6693fa52}.orbit{position:absolute;inset:29% 13%;border:1px solid #a2c2ff70;border-radius:50%;transform:rotate(-27deg);z-index:1}.second{inset:21% 11%;transform:rotate(27deg);border-color:#649aff88}.third{inset:14% 19%;transform:rotate(-50deg);border-color:#649aff52}.section{background:var(--panel);border-block:1px solid var(--line);padding-block:clamp(48px,7vw,80px)}h2{font-size:clamp(1.85rem,4vw,3.2rem);line-height:1.08;letter-spacing:-.048em;margin:.15em 0 .65em}h3{line-height:1.2;margin:12px 0 4px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cards article{border:1px solid var(--line);border-radius:12px;padding:23px;background:#0b152a}.cards p,.method li p{color:var(--muted);margin:8px 0}.symbol{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#21365c;color:#bed6ff;font-weight:700}.method{display:grid;grid-template-columns:.75fr 1fr;gap:40px;padding-block:clamp(48px,7vw,85px)}.method ol{margin:0;padding-left:1.4rem}.method li{padding:0 0 16px 8px;border-bottom:1px solid var(--line);margin-bottom:16px}.method li::marker{color:var(--blue);font-weight:750}.contact{padding:clamp(22px,5vw,55px);background:var(--darkblue);border:1px solid var(--line);border-radius:15px}.pending,.contact .pending{color:#d2e1ff}.footer{margin-top:48px;border-top:1px solid var(--line)}.legal{max-width:790px;padding-block:45px}.legal h1{font-size:clamp(2.5rem,7vw,4.6rem);margin:20px 0}.legal section{margin-top:34px}.legal h2{font-size:1.55rem;margin-bottom:8px}.legal p{color:var(--muted);overflow-wrap:anywhere;margin:0}.related{margin-top:35px}.back{font-size:.92rem}
@media(max-width:700px){.wrap{width:calc(100% - 32px)}.hero,.method,.cards{grid-template-columns:1fr}.hero,.method{gap:22px}.art{height:245px}.top,.footer{align-items:flex-start;flex-direction:column}.footer{margin-top:30px}nav{gap:.55rem 1.15rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
