
:root{--navy:#071827;--steel:#0e3a5b;--orange:#f28b22;--paper:#f6f8fb;--ink:#1c2731;--muted:#697785;--line:#dbe3ea}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#fff;color:var(--ink);line-height:1.68}.top{background:#061522;color:#dce8f2;font-size:13px}.top .wrap{max-width:1220px;margin:auto;display:flex;justify-content:space-between;padding:8px 18px}.nav{background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:3}.nav .wrap{max-width:1220px;margin:auto;display:flex;align-items:center;gap:28px;padding:16px 18px}.logo{font-weight:800;font-size:26px;color:var(--steel);letter-spacing:.5px}.logo span{color:var(--orange)}.nav a{color:#142538;text-decoration:none;font-weight:700;font-size:14px}.navlinks{display:flex;gap:18px;flex-wrap:wrap}.quote{margin-left:auto;background:var(--orange);color:white!important;padding:10px 16px;border-radius:2px}.hero{background:linear-gradient(100deg,rgba(7,24,39,.94),rgba(9,49,78,.88)),radial-gradient(circle at 80% 20%,#2e7da8,transparent 30%);color:white}.hero .wrap{max-width:1220px;margin:auto;display:grid;grid-template-columns:290px 1fr;gap:34px;padding:60px 18px}.sidebox{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);padding:22px}.sidebox h3{margin-top:0;color:#fff}.sidebox a{display:block;color:#eaf4ff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.18);padding:10px 0}.hero h1{font-size:56px;line-height:1.05;margin:0 0 18px}.hero p{font-size:18px;max-width:760px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.stat{background:rgba(255,255,255,.1);padding:16px;border-left:4px solid var(--orange)}.main{max-width:1220px;margin:0 auto;padding:42px 18px;display:grid;grid-template-columns:290px 1fr;gap:34px}.aside{border-right:1px solid var(--line);padding-right:24px}.aside h2,.section h2{font-size:18px;text-transform:uppercase;letter-spacing:.08em;color:var(--steel)}.tag{display:inline-block;background:#edf4f9;color:var(--steel);padding:6px 10px;margin:4px;font-size:13px}.section{margin-bottom:44px}.machine-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.machine{border:1px solid var(--line);padding:22px;background:#fff;box-shadow:0 8px 24px rgba(5,20,34,.06)}.machine b{display:block;color:var(--orange);font-size:12px;text-transform:uppercase}.machine h3{margin:8px 0;color:#0d2d48}.machine a{color:var(--steel);font-weight:700}.apps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.app{background:var(--paper);padding:18px;border-left:4px solid var(--steel)}.challenge{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel{background:#081a2a;color:white;padding:26px}.panel.light{background:#f4f7fa;color:#142538}.news li{padding:12px 0;border-bottom:1px solid var(--line)}.footer{background:#061522;color:#d9e6f2;margin-top:40px}.footer .wrap{max-width:1220px;margin:auto;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:24px;padding:38px 18px}.footer a{color:#d9e6f2;display:block;text-decoration:none;padding:4px 0}.breadcrumb{font-size:13px;color:#6c7a88;margin-bottom:20px}.article{max-width:900px}.article h1{font-size:42px;line-height:1.15}.notice{border-left:5px solid var(--orange);background:#fff7ec;padding:16px;margin:20px 0}.faq details{border:1px solid var(--line);padding:12px;margin:10px 0}table{width:100%;border-collapse:collapse}td,th{border:1px solid var(--line);padding:10px;text-align:left}@media(max-width:850px){.hero .wrap,.main{grid-template-columns:1fr}.stats,.machine-list,.apps,.challenge,.footer .wrap{grid-template-columns:1fr}.aside{border-right:0;padding-right:0}.hero h1{font-size:38px}.quote{margin-left:0}}
