:root {
  --bg:#08111f; --bg2:#0d1829; --surface:#111f33; --surface2:#f5f8fc; --text:#ecf3fb; --muted:#9fb0c6;
  --ink:#122033; --ink-muted:#5f6f82; --line:#22344d; --line-light:#dbe4ef; --accent:#63b3ff; --accent-strong:#2d8cff;
  --accent-soft:rgba(99,179,255,.12); --success:#67e8b3; --radius:18px; --shadow:0 24px 70px rgba(0,0,0,.20);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block} .container{width:min(1160px,calc(100% - 40px));margin-inline:auto}
.section{padding:90px 0}.section-soft{background:var(--surface2);color:var(--ink)} .skip-link{position:fixed;left:16px;top:-60px;background:#fff;color:#111;padding:10px 14px;z-index:100;border-radius:8px}.skip-link:focus{top:16px}
a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(8,17,31,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.07)}
.nav-wrap{height:72px;display:flex;align-items:center;gap:22px}.brand{font-size:22px;font-weight:850;letter-spacing:-.04em;margin-right:auto}.brand span{color:var(--accent)} .nav{display:flex;gap:20px;color:var(--muted);font-size:14px}.nav a:hover{color:#fff}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:999px;background:var(--accent-strong);color:#fff;font-weight:760;font-size:14px;border:1px solid var(--accent-strong);transition:transform .18s ease, background .18s ease}.button:hover{transform:translateY(-2px);background:#197df0}.button-outline{background:transparent;border-color:#40536e;color:var(--text)}.button-outline:hover{background:rgba(255,255,255,.06)}.button-sm{min-height:38px;padding:0 14px;font-size:13px}.section-soft .button-outline,.cta-card .button-outline{color:var(--ink);border-color:#afbecf}.section-soft .button-outline:hover,.cta-card .button-outline:hover{background:#eef4fa}
.lang-switch{display:flex;gap:8px;align-items:center}.lang-btn{border:1px solid #3c4f68;background:transparent;color:#d4e2ef;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:760;cursor:pointer}.lang-btn.active{background:rgba(45,140,255,.14);border-color:#2d8cff;color:#fff}
.hero{padding-top:110px;background:radial-gradient(circle at 78% 16%, rgba(45,140,255,.20), transparent 28%), radial-gradient(circle at 20% 75%, rgba(99,179,255,.08), transparent 28%), var(--bg)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:72px;align-items:center}.eyebrow{margin:0 0 16px;color:var(--accent);font-size:12px;font-weight:850;letter-spacing:.16em}.section-soft .eyebrow{color:#1d72d8} h1,h2,h3,p{margin-top:0} h1{font-size:clamp(48px,7vw,82px);line-height:.95;letter-spacing:-.055em;margin-bottom:16px} h2{font-size:clamp(32px,4vw,50px);line-height:1.08;letter-spacing:-.045em;margin-bottom:22px}
.hero-title{font-size:clamp(24px,3vw,36px);color:#c9d8ea;font-weight:700;letter-spacing:-.03em;margin-bottom:20px}.hero-copy{max-width:760px;color:var(--muted);font-size:18px}.hero-copy strong{color:#fff}.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.social-links{display:flex;gap:20px;margin-top:28px;color:#b6c6d9;font-size:14px;flex-wrap:wrap}.social-links a:hover,.text-link:hover{color:var(--accent)}
.hero-card{background:linear-gradient(180deg, rgba(17,31,51,.92), rgba(10,23,39,.95));border:1px solid #263b57;border-radius:22px;padding:28px;box-shadow:var(--shadow)}.status{display:inline-flex;align-items:center;gap:9px;border:1px solid #2b4b49;background:rgba(52,211,153,.07);color:#bff4dc;padding:7px 10px;border-radius:999px;font-size:12px;margin-bottom:24px}.status span{width:8px;height:8px;background:var(--success);border-radius:50%;box-shadow:0 0 0 4px rgba(103,232,179,.10)} .code-line{margin:0;font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;color:#afc0d4;font-size:13px;line-height:1.9}.code-line span{color:#b28dff}.code-line strong{color:#8fd3ff;font-weight:600}.indent{padding-left:22px}
.section-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:end;margin-bottom:38px}.section-heading>p{color:var(--muted)} .section-soft .section-heading>p{color:var(--ink-muted)}
.tracks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:34px}.track-card{position:relative;border:1px solid var(--line-light);background:#fff;border-radius:22px;padding:30px;box-shadow:0 14px 38px rgba(18,32,51,.06)}.track-card h3{font-size:26px;letter-spacing:-.03em;margin-bottom:10px;color:var(--ink)}.track-card p{color:var(--ink-muted)}.track-icon{position:absolute;right:24px;top:18px;font-size:34px;font-weight:900;color:#dce8f5}
.focus-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:32px}.focus-card{border:1px solid var(--line);border-radius:16px;padding:24px;background:#0d192a}.focus-card h3{margin-bottom:8px;font-size:19px}.focus-card p{color:var(--muted);font-size:14px;margin-bottom:0}
.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.tool-card{border:1px solid var(--line-light);border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 12px 36px rgba(18,32,51,.06)}.tool-card img{aspect-ratio:16/9;object-fit:cover;background:#0f172a}.tool-body{padding:22px}.tool-body h3{color:var(--ink);font-size:24px;margin-bottom:8px;letter-spacing:-.03em}.tool-body p{color:var(--ink-muted);margin-bottom:0}.tool-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tool-meta span,.tags span{font-size:11px;padding:5px 8px;border-radius:7px;border:1px solid #ccd9e8;color:#52667e;background:#f7faff}
.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.case-light{border:1px solid var(--line-light);border-radius:18px;padding:28px;background:#fff;color:var(--ink)}.case-light h3{font-size:26px;margin:14px 0 8px;letter-spacing:-.03em}.case-light p{color:var(--ink-muted)} .pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#e8f3ff;color:#1769c2;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.text-link-dark{color:#1769c2;font-size:14px;font-weight:800}
.timeline{margin-top:40px;border-top:1px solid var(--line-light)}.timeline-item{display:grid;grid-template-columns:190px 1fr;gap:38px;padding:28px 0;border-bottom:1px solid var(--line-light)}.timeline-date{color:#738397;font-size:13px;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.timeline h3{font-size:22px;margin-bottom:2px;color:var(--ink)}.timeline .role{color:#1d72d8;font-weight:750;margin-bottom:8px}.timeline-item p,.timeline-item ul{color:var(--ink-muted)} .timeline-item ul{margin:8px 0 0 18px;padding:0}.timeline-item li{margin:6px 0}
.two-col{display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;align-items:start}.prose,.prose-dark{font-size:17px}.prose{color:var(--ink-muted)} .prose-dark{color:var(--muted)} .prose p + p,.prose-dark p + p{margin-top:20px}.prose strong{color:var(--ink)}
.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.info-card{border:1px solid var(--line-light);background:#fff;border-radius:18px;padding:28px;color:var(--ink)}.info-card p{color:var(--ink-muted)}
.cta-section{padding-top:32px}.cta-card{background:#edf4fb;color:var(--ink);border-radius:24px;padding:48px;display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center}.cta-card h2{font-size:clamp(30px,4vw,46px);margin-bottom:14px}.cta-card p{color:var(--ink-muted);max-width:760px;margin-bottom:0}.cta-actions{display:flex;flex-direction:column;gap:10px;min-width:170px}
.footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:13px}.footer-wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer p{margin:0}
@media (max-width:980px){.nav{display:none}.hero-grid,.two-col,.section-heading{grid-template-columns:1fr;gap:34px}.tracks-grid,.tools-grid,.projects-grid,.info-grid,.focus-list{grid-template-columns:1fr}.timeline-item{grid-template-columns:1fr;gap:8px}.cta-card{grid-template-columns:1fr}.cta-actions{flex-direction:row;flex-wrap:wrap}}
@media (max-width:640px){.container{width:min(100% - 28px,1160px)}.section{padding:72px 0}.nav-wrap{height:64px}.site-header .button-sm{display:none}.hero{padding-top:86px}h1{font-size:50px}.hero-title{font-size:25px}.hero-copy{font-size:16px}.hero-card,.track-card,.case-light,.tool-card,.cta-card,.info-card,.focus-card{border-radius:16px}.cta-card,.hero-card,.track-card,.case-light,.tool-body,.info-card,.focus-card{padding:22px}.footer-wrap{flex-direction:column;align-items:flex-start}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}