@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Unbounded:wght@500;600;700&display=swap');

:root { --ink:#08111e; --panel:#111c2c; --line:rgba(205,222,240,.15); --paper:#edf4fa; --muted:#a6b3c5; --cyan:#67e3f2; --lime:#b9f541; --violet:#9582ff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--paper); background:radial-gradient(circle at 78% -15%,#243867 0,transparent 29rem),var(--ink); font-family:Manrope,Arial,sans-serif; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.32; background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px); background-size:32px 32px; mask-image:linear-gradient(to bottom,#000,transparent 75%); }
a { color:inherit; text-decoration:none; } .container { width:min(1160px,calc(100% - 48px)); margin-inline:auto; }
.site-header { min-height:100px; display:flex; align-items:center; gap:34px; justify-content:space-between; position:relative; z-index:2; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:11px; min-width:max-content; }.brand-mark { width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,var(--cyan),var(--lime));box-shadow:0 0 28px rgba(103,227,242,.3); }.brand-mark span { width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid #0d1b2a;margin-left:3px; }.brand strong { font-family:Unbounded,sans-serif; font-size:.88rem;letter-spacing:-.06em; }.brand strong span { color:var(--cyan); }.brand small { display:block;color:var(--muted);font-size:.62rem;margin-top:3px; }
.main-nav { display:flex; gap:28px; margin-left:auto; }.main-nav a { color:#c5d0dd;font-size:.86rem; }.main-nav a:hover { color:var(--lime); }.header-actions { display:flex;gap:14px;align-items:center; }.language-switch { padding:3px;border:1px solid var(--line);border-radius:8px;display:flex;gap:2px; }.language-switch a { color:var(--muted);font-size:.71rem;font-weight:800;padding:5px 7px;border-radius:5px; }.language-switch a.is-active { color:var(--ink);background:var(--paper); }
.button { display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:9px;font-weight:800;font-size:.83rem;padding:13px 18px;transition:transform .2s,box-shadow .2s; }.button:hover { transform:translateY(-2px); }.button-small { background:var(--paper);color:var(--ink);padding:10px 14px; }.button-primary { color:var(--ink);background:linear-gradient(100deg,var(--lime),var(--cyan));box-shadow:0 12px 30px rgba(114,230,183,.18); }.button-primary span { font-size:1.2rem;line-height:.5; }
.hero { display:grid;grid-template-columns:.95fr 1.05fr;gap:55px;align-items:center;padding:100px 0 80px; }.eyebrow { color:var(--lime);font-size:.68rem;font-weight:800;letter-spacing:.16em;margin:0 0 15px; }.hero h1,.section-heading h2,.platform-copy h2,.final-cta h2,.start-callout h2 { font-family:Unbounded,sans-serif;letter-spacing:-.06em;line-height:1.1;margin:0; }.hero h1 { font-size:clamp(2.5rem,5vw,4.7rem);max-width:650px; }.lede { color:#bdc8d6;line-height:1.75;max-width:545px;font-size:1.06rem;margin:26px 0 30px; }.hero-note { color:var(--muted);font-size:.78rem;margin-top:15px; }.hero-art { position:relative; }.art-frame { border-radius:21px;overflow:hidden;border:1px solid rgba(103,227,242,.3);box-shadow:0 28px 80px rgba(0,0,0,.35);transform:rotate(2deg); }.art-frame img { display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover; }.floating-label { position:absolute;border:1px solid rgba(255,255,255,.19);background:rgba(14,27,45,.79);backdrop-filter:blur(14px);padding:10px 13px;border-radius:9px;font-size:.72rem;font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.24); }.floating-label-top { top:8%;left:-8%; }.floating-label-bottom { right:-4%;bottom:7%;color:var(--lime); }
.start-callout { display:grid;grid-template-columns:1fr .78fr;gap:44px;padding:34px 40px;border:1px solid rgba(185,245,65,.38);border-radius:16px;background:linear-gradient(110deg,rgba(185,245,65,.12),rgba(103,227,242,.07)); }.start-callout h2 { font-size:clamp(1.2rem,2vw,1.75rem);max-width:630px; }.start-callout p:last-child { color:#c4d1dc;line-height:1.7;margin:auto 0; }
.steps { padding:130px 0; }.section-heading h2,.platform-copy h2,.final-cta h2 { font-size:clamp(1.8rem,3vw,2.8rem); }.steps ol { list-style:none;padding:0;margin:48px 0 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line); }.steps li { padding:25px 27px 0 0;min-height:190px;border-right:1px solid var(--line); }.steps li+li { padding-left:27px; }.steps li:last-child { border:0; }.step-number { color:var(--cyan);font:600 .8rem Unbounded,sans-serif; }.steps h3 { margin:20px 0 8px;font-size:1.15rem; }.steps p,.platform-copy>p,.privacy p,.final-cta>p { color:var(--muted);line-height:1.7;font-size:.9rem; }
.platforms { display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center;padding:78px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line); }.platform-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:12px; }.platform-grid span { display:flex;align-items:center;min-height:70px;padding:17px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.035);font-family:Unbounded,sans-serif;font-size:.81rem;letter-spacing:-.05em; }.platform-grid span::before { content:"";width:8px;height:8px;border-radius:99px;background:var(--cyan);margin-right:10px;box-shadow:0 0 14px var(--cyan); }.platform-grid span:nth-child(2n)::before { background:var(--lime);box-shadow:0 0 14px var(--lime); }
.privacy { display:flex;gap:20px;padding:38px 0;align-items:center; }.privacy-icon { width:47px;height:47px;border-radius:50%;display:grid;place-items:center;color:var(--lime);font-size:2rem;background:rgba(185,245,65,.09); }.privacy h2 { margin:0;font-size:1.05rem; }.privacy p { margin:5px 0 0; }
.final-cta { margin:44px auto 90px;padding:65px 25px;text-align:center;border-radius:20px;background:linear-gradient(132deg,#1b2b51,#122133 58%,#193738);position:relative;overflow:hidden; }.final-cta::after { content:"";position:absolute;width:250px;height:250px;border:1px solid rgba(103,227,242,.33);border-radius:50%;top:-160px;right:-70px; }.final-cta h2 { max-width:700px;margin:0 auto; }.final-cta>p { max-width:520px;margin:20px auto 28px; }.final-cta .button { position:relative;z-index:1; }.site-footer { padding:0 0 35px;display:flex;justify-content:space-between;gap:30px;color:#8391a5;font-size:.7rem; }.site-footer p { margin:0;text-align:right;max-width:620px;line-height:1.5; }
@media (max-width:800px) { .site-header { min-height:76px;gap:12px; }.main-nav { display:none; }.header-actions { margin-left:auto;gap:8px; }.button-small { display:none; }.hero { grid-template-columns:1fr;padding:65px 0 55px;gap:45px; }.hero h1 { font-size:clamp(2.25rem,12vw,3.35rem); }.hero-art { max-width:620px;margin-inline:auto;width:92%; }.floating-label-top { left:-6%; }.start-callout,.platforms { grid-template-columns:1fr;gap:22px; }.start-callout { padding:28px; }.steps { padding:85px 0; }.steps ol { grid-template-columns:1fr;margin-top:30px; }.steps li,.steps li+li { border-right:0;border-bottom:1px solid var(--line);padding:20px 0;min-height:auto; }.platforms { padding:60px 0; }.site-footer { flex-direction:column;gap:10px; }.site-footer p { text-align:left; } }
@media (max-width:440px) { .container { width:min(100% - 30px,1160px); }.brand small { display:none; }.brand strong { font-size:.75rem; }.brand-mark { width:31px;height:31px; }.language-switch a { padding:4px 6px; }.hero { padding-top:48px; }.platform-grid { grid-template-columns:1fr; }.final-cta { margin-bottom:55px;padding:52px 20px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.button { transition:none; } }