:root{--bg:#07101f;--panel:#0d1a2f;--text:#f5f8ff;--muted:#b9c8dd;--soft:#7fa3d7;--line:rgba(255,255,255,.12);--accent:#8fb7ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:radial-gradient(circle at 20% 10%,rgba(61,120,220,.20),transparent 32%),radial-gradient(circle at 80% 0%,rgba(96,170,255,.14),transparent 30%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}
.site-header{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:22px 46px;backdrop-filter:blur(18px);background:rgba(7,16,31,.68);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.16em}.brand img{width:34px;height:34px}nav{display:flex;gap:24px;color:var(--muted);font-size:14px}nav a:hover{color:var(--text)}
.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:130px 24px 80px}.axis-mark{width:112px;height:112px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;margin-bottom:28px;box-shadow:0 0 80px rgba(143,183,255,.15)}
.axis-mark span{width:62px;height:62px;border-radius:50%;border:2px solid var(--accent);position:relative;animation:spin 18s linear infinite}.axis-mark span:before,.axis-mark span:after{content:"";position:absolute;left:50%;top:50%;width:88px;height:2px;background:var(--accent);transform:translate(-50%,-50%)}.axis-mark span:after{transform:translate(-50%,-50%) rotate(90deg)}@keyframes spin{to{transform:rotate(360deg)}}
.eyebrow,.section-label{color:var(--soft);text-transform:uppercase;letter-spacing:.18em;font-size:13px;font-weight:700}h1{font-size:clamp(76px,11vw,150px);letter-spacing:.14em;margin:0 0 6px;font-weight:900}.hero h2{font-size:clamp(24px,3vw,42px);color:#dbe9ff;margin:0 0 28px;font-weight:500}.lead{font-size:clamp(19px,2vw,27px);color:var(--text);max-width:920px;line-height:1.5}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:34px}.button{padding:14px 22px;border-radius:999px;border:1px solid var(--line);font-weight:700}.button.primary{background:#f5f8ff;color:#07101f}.button.ghost{color:#d8e6ff}
.section{padding:96px 7vw;border-top:1px solid var(--line)}.two-col{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:start}.section h2{font-size:clamp(34px,4vw,58px);line-height:1.04;margin:10px 0 22px}.section p{font-size:18px;line-height:1.75;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}.card{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:24px;padding:28px;min-height:230px}.card h3{font-size:24px;margin:0 0 12px}.card p{font-size:16px;line-height:1.6}
.dark-panel{margin:0 5vw;border:1px solid var(--line);border-radius:34px;background:rgba(13,26,47,.82)}.principles{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.principles p{background:rgba(255,255,255,.045);padding:22px;border-radius:18px;margin:0}
.timeline{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:18px}.timeline li{padding:22px;border-left:3px solid var(--accent);background:rgba(255,255,255,.045);border-radius:0 18px 18px 0;color:var(--muted);font-size:18px;line-height:1.5}.timeline span{display:block;color:var(--text);font-weight:800;margin-bottom:4px}
footer{display:flex;justify-content:space-between;gap:24px;padding:44px 7vw;color:var(--muted);border-top:1px solid var(--line)}footer strong{color:var(--text)}
@media(max-width:900px){.site-header{padding:18px 22px}nav{display:none}.two-col,.cards,.principles{grid-template-columns:1fr}footer{flex-direction:column}}