
:root{color-scheme:dark;--bg:#090f1e;--surface:#101b2f;--card:#132139;--line:#233a55;--text:#edf6ff;--muted:#b5c8dc;--accent:#38bdf8;--blue:#1588e4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 75% 0%,#132d50 0,transparent 42%),var(--bg);font:16px/1.65 system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--text)}a{color:#8bd7ff;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}header{background:#0b1627ef;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.wrap{max-width:1120px;margin:auto;padding:0 25px}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:70px}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;color:white;white-space:nowrap}.brand img{height:39px;width:39px;object-fit:contain}.links{display:flex;gap:22px;flex-wrap:wrap}.links a{color:#daeafb;font-size:14px}.hero{padding:88px 0 65px;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.tag{color:var(--accent);letter-spacing:.09em;font-size:13px;text-transform:uppercase;font-weight:800}.hero h1{font-size:clamp(36px,5vw,64px);line-height:1.12;margin:14px 0 22px;letter-spacing:-.035em}.lede{color:var(--muted);font-size:19px;line-height:1.6}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:46px;gap:10px;border:0;padding:12px 22px;border-radius:11px;font-size:15px;font-weight:750;cursor:pointer;background:linear-gradient(135deg,#12b8ff,#1765d6);color:white;text-decoration:none;box-shadow:0 8px 30px #007fff24}.btn:hover{text-decoration:none;filter:brightness(1.12)}.btn.secondary{background:#172b45;border:1px solid #355470;box-shadow:none}.btn-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.hero-visual{background:linear-gradient(145deg,#154b83,#101b2f);border:1px solid #3b6082;border-radius:26px;padding:25px;box-shadow:0 25px 80px #0008}.hero-visual img{width:100%;display:block;border-radius:12px}section{padding:45px 0}.section-title{font-size:32px;letter-spacing:-.025em;line-height:1.2;margin:0 0 12px}.subtle{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.card{background:linear-gradient(145deg,#152640,#101c30);border:1px solid var(--line);padding:25px;border-radius:17px;min-width:0}.card h3{margin:12px 0 7px;font-size:20px}.card p{color:var(--muted);margin:0}.card img{width:100%;border-radius:10px;aspect-ratio:16/9;object-fit:contain;background:#0e1e30}.kicker{font-size:13px;text-transform:uppercase;color:var(--accent);font-weight:700}.page{padding:60px 0 75px}.page h1{font-size:clamp(31px,4vw,48px);line-height:1.17;letter-spacing:-.03em;margin:9px 0 17px}.content{max-width:800px}.content h2{font-size:26px;line-height:1.3;margin-top:36px}.content h3{font-size:20px;margin-top:24px}.content p,.content li{color:#ccdbed}.content li{margin-bottom:8px}.content a{text-decoration:underline}.notice{background:#12243a;border:1px solid #31577a;border-radius:12px;padding:17px 20px;color:#dceeff;margin:23px 0}.breadcrumbs{color:#9db4cc;font-size:13px;margin-bottom:20px}.breadcrumbs a{color:#aaccf0}.qa{padding:17px 0;border-bottom:1px solid var(--line)}.qa h3{margin:0 0 5px}.related{margin-top:36px;padding-top:20px;border-top:1px solid var(--line)}footer{padding:32px 0 40px;border-top:1px solid var(--line);background:#080f1c;color:#aac0d8;font-size:14px}.footerrow{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}footer a{margin-right:16px}.eyebrow{color:var(--accent);font-size:14px;font-weight:800}.article-list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.article-list .card{padding:20px}.article-list a{font-weight:760;font-size:18px}.badge{font-size:12px;color:#8ccded}code{background:#0b1626;padding:2px 6px;border-radius:5px}pre{white-space:pre-wrap;background:#071322;border:1px solid var(--line);padding:18px;border-radius:12px;overflow:auto}button:focus-visible,a:focus-visible{outline:3px solid #67d5ff;outline-offset:3px}@media(max-width:760px){.links{gap:10px}.nav{flex-direction:column;align-items:flex-start;padding:15px 0}.hero{grid-template-columns:1fr;padding-top:47px;gap:25px}.grid,.article-list{grid-template-columns:1fr}.page{padding-top:35px}}
