:root { --blue:#0a84ff; --blue-light:#66c5ff; --ink:#f3f7ff; --muted:#9aabc1; --line:rgba(255,255,255,.1); --shell:min(calc(100% - 48px),1120px); color-scheme:dark; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:#05080f; }
a { color:inherit; text-decoration:none; }
.shell { width:var(--shell); margin-inline:auto; }
.page-header { position:relative; z-index:2; border-bottom:1px solid var(--line); background:rgba(5,8,15,.86); backdrop-filter:blur(18px); }
.page-nav { min-height:76px; display:flex; align-items:center; gap:1.5rem; }
.page-brand { display:flex; align-items:center; gap:.8rem; margin-right:auto; }
.page-brand img { width:42px; height:42px; border:1px solid rgba(102,197,255,.25); border-radius:12px; object-fit:cover; filter:drop-shadow(0 0 14px rgba(10,132,255,.32)); }
.page-brand span { display:grid; font-size:.78rem; font-weight:900; letter-spacing:.16em; line-height:1.2; }.page-brand small { color:var(--blue-light); font-size:.46rem; letter-spacing:.31em; }
.page-nav > a:not(.page-brand) { color:#aebdd0; font-size:.74rem; font-weight:750; }.page-nav > a.button { color:white; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:.65rem; min-height:48px; border:1px solid rgba(255,255,255,.14); border-radius:999px; padding:.75rem 1.15rem; font-size:.74rem; font-weight:850; }
.button-primary { border-color:var(--blue); background:var(--blue); box-shadow:0 16px 36px -18px rgba(10,132,255,.85); }
.button-ghost { background:rgba(255,255,255,.035); }
.page-hero { position:relative; overflow:hidden; padding:clamp(5rem,10vw,8.5rem) 0 6rem; background:radial-gradient(circle at 80% 25%,rgba(10,132,255,.18),transparent 25rem); }
.page-hero::before { position:absolute; inset:0; content:""; opacity:.24; background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px); background-size:70px 70px; mask-image:linear-gradient(90deg,black,transparent 75%); }
.page-hero-grid { position:relative; display:grid; grid-template-columns:1.1fr .9fr; align-items:end; gap:5rem; }
.eyebrow { display:flex; align-items:center; gap:.7rem; color:#9fd7ff; font-size:.62rem; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }.eyebrow::before { width:34px; height:1px; content:""; background:var(--blue); }
h1,h2,h3,p { text-wrap:balance; } h1 { max-width:820px; margin:1rem 0; font-size:clamp(3.4rem,8vw,7rem); line-height:.92; letter-spacing:-.07em; } h1 em,h2 em { color:var(--blue); font-style:normal; }
.page-lead { max-width:720px; color:#a9b8cb; font-size:1.08rem; line-height:1.75; }
.hero-actions { display:flex; flex-wrap:wrap; gap:.7rem; margin-top:2rem; }
.hero-panel { border:1px solid var(--line); border-radius:1.8rem; padding:1.5rem; background:rgba(9,19,32,.82); box-shadow:0 45px 100px -52px #000; }
.hero-panel > small { color:var(--blue-light); font-size:.55rem; font-weight:900; letter-spacing:.15em; }.hero-panel h2 { margin:.8rem 0 1.2rem; font-size:1.5rem; }.hero-panel ul { display:grid; gap:.75rem; margin:0; padding:0; list-style:none; }.hero-panel li { display:flex; gap:.7rem; color:#c7d3e3; font-size:.76rem; line-height:1.5; }.hero-panel li::before { flex:0 0 7px; width:7px; height:7px; margin-top:.4rem; border-radius:50%; content:""; background:var(--blue); box-shadow:0 0 12px var(--blue); }
.page-section { padding:6.5rem 0; }.page-section.light { color:#142034; background:#f5f8fc; }.section-head { max-width:780px; }.section-head h2 { margin:.75rem 0 1rem; font-size:clamp(2.5rem,5vw,4.7rem); line-height:1; letter-spacing:-.06em; }.section-head p { color:#62728a; line-height:1.75; }
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:3.5rem; }.feature-card { min-height:300px; display:flex; flex-direction:column; border:1px solid rgba(18,38,64,.11); border-radius:1.5rem; padding:1.4rem; background:white; box-shadow:0 28px 70px -58px #172a46; }.feature-card > span { color:var(--blue); font-size:.58rem; font-weight:900; letter-spacing:.16em; }.feature-card h3 { margin:3rem 0 .7rem; font-size:1.35rem; letter-spacing:-.04em; }.feature-card p { margin:0; color:#64758c; font-size:.8rem; line-height:1.65; }.feature-card small { margin-top:auto; border-top:1px solid rgba(18,38,64,.1); padding-top:1rem; color:#8090a4; }
.module-wrap { display:grid; grid-template-columns:.7fr 1.3fr; gap:5rem; }.module-copy h2 { margin:.8rem 0; font-size:clamp(2.4rem,5vw,4.5rem); line-height:1; letter-spacing:-.055em; }.module-copy p { color:var(--muted); line-height:1.75; }.module-list { display:grid; grid-template-columns:1fr 1fr; gap:.7rem; }.module-list article { border:1px solid var(--line); border-radius:1.2rem; padding:1.1rem; background:rgba(255,255,255,.03); }.module-list span { color:var(--blue-light); font-size:.5rem; font-weight:900; letter-spacing:.13em; }.module-list h3 { margin:.65rem 0 .4rem; font-size:1rem; }.module-list p { margin:0; color:#8496ad; font-size:.7rem; line-height:1.55; }
.page-cta { padding:1rem 0 6rem; }.cta-card { display:flex; align-items:center; justify-content:space-between; gap:3rem; border:1px solid rgba(102,197,255,.22); border-radius:2rem; padding:clamp(1.7rem,5vw,3.5rem); background:linear-gradient(135deg,#07121f,#0c2034); }.cta-card h2 { margin:0 0 .6rem; font-size:clamp(2rem,4vw,3.7rem); letter-spacing:-.055em; }.cta-card p { max-width:650px; margin:0; color:#99abc1; line-height:1.65; }
.page-footer { border-top:1px solid var(--line); padding:2.4rem 0; color:#75869d; font-size:.65rem; }.footer-row { display:flex; align-items:center; justify-content:space-between; gap:2rem; }.footer-row nav { display:flex; flex-wrap:wrap; gap:1rem; }
.legal-main { min-height:70vh; padding:5rem 0 7rem; background:#f5f8fc; color:#17253a; }.legal-shell { max-width:850px; }.legal-main h1 { font-size:clamp(2.8rem,7vw,5rem); }.legal-main h2 { margin-top:2.5rem; font-size:1.35rem; }.legal-main p,.legal-main li { color:#56677f; line-height:1.75; }.legal-main a { color:#075fae; text-decoration:underline; text-underline-offset:.18em; }.legal-notice { border:1px solid #e7a94d; border-radius:1rem; padding:1rem; background:#fff7e8; color:#704b10; }.legal-table { display:grid; gap:.5rem; margin:1.5rem 0; }.legal-table p { display:grid; grid-template-columns:180px 1fr; gap:1rem; margin:0; border-bottom:1px solid #dfe6ef; padding:.7rem 0; }.legal-table strong { color:#1b2b42; }
@media (max-width:900px) { .page-hero-grid,.module-wrap { grid-template-columns:1fr; gap:3rem; }.hero-panel { max-width:650px; }.feature-grid { grid-template-columns:1fr; }.feature-card { min-height:250px; }.cta-card { align-items:stretch; flex-direction:column; }.page-nav > a:not(.page-brand):not(.button) { display:none; } }
@media (max-width:600px) { :root { --shell:calc(100% - 28px); }.page-nav { min-height:68px; }.page-brand img { width:38px; height:38px; }.page-nav .button { min-height:40px; padding:.55rem .8rem; font-size:.62rem; }.page-hero { padding-top:4.5rem; }.page-hero-grid { gap:2rem; }.page-lead { font-size:.95rem; }.hero-actions { display:grid; }.hero-actions .button { width:100%; }.module-list { grid-template-columns:1fr; }.footer-row { align-items:flex-start; flex-direction:column; }.legal-table p { grid-template-columns:1fr; gap:.2rem; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
:focus-visible { outline:2px solid var(--blue-light); outline-offset:4px; }