:root{
    --bg:#0A0D13; --panel:#10141C; --panel-raised:#151A24;
    --ink:#E7EAF0; --ink-soft:#7C8698; --ink-dim:#4E5768;
    --line:rgba(231,234,240,0.10); --line-strong:rgba(231,234,240,0.20);
    --blue:#5C7FE0; --red:#E2666B; --live:#3DDC84;
    --mono: ui-monospace, "SFMono-Regular", "Consolas", "Liberation Mono", monospace;
    --sans: ui-sans-serif, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  }
  :root[data-theme="light"]{
    --bg:#F4F5F7; --panel:#FFFFFF; --panel-raised:#FBFBFC;
    --ink:#12141A; --ink-soft:#5A6273; --ink-dim:#9096A3;
    --line:rgba(18,20,26,0.12); --line-strong:rgba(18,20,26,0.24);
    --blue:#1B3A8C; --red:#C22026; --live:#1C9A5B;
  }
  @media (prefers-color-scheme: light){
    :root:not([data-theme="dark"]){
      --bg:#F4F5F7; --panel:#FFFFFF; --panel-raised:#FBFBFC;
      --ink:#12141A; --ink-soft:#5A6273; --ink-dim:#9096A3;
      --line:rgba(18,20,26,0.12); --line-strong:rgba(18,20,26,0.24);
      --blue:#1B3A8C; --red:#C22026; --live:#1C9A5B;
    }
  }
  *{box-sizing:border-box;} html,body{margin:0;padding:0;}
  body{ background:var(--bg); color:var(--ink); font-family:var(--sans); -webkit-font-smoothing:antialiased; line-height:1.55; font-size:16px; }
  a{ color:inherit; text-decoration:none; }
  .mono{ font-family:var(--mono); }
  .wrap{ max-width:1180px; margin:0 auto; padding:0 36px; }

  .statusbar{ background:var(--panel); border-bottom:1px solid var(--line); overflow:hidden; }
  .statusbar-inner{ display:flex; max-width:1280px; margin:0 auto; }
  .sb-item{ font-family:var(--mono); font-size:12px; color:var(--ink-soft); padding:8px 20px; border-right:1px solid var(--line); display:flex; align-items:center; gap:7px; white-space:nowrap; text-transform:uppercase; letter-spacing:.02em; }
  .sb-item .led{ width:6px; height:6px; border-radius:50%; background:var(--live); box-shadow:0 0 6px var(--live); flex-shrink:0; }
  @media (prefers-reduced-motion:no-preference){ .sb-item .led{ animation:pulse 2.4s ease-in-out infinite; } }
  @keyframes pulse{ 0%,100%{ opacity:1; } 50%{ opacity:.45; } }
  @media (max-width:900px){ .statusbar{ display:none; } }

  header.site-nav{ position:sticky; top:0; z-index:50; background:rgba(10,13,19,0.9); background:color-mix(in srgb, var(--bg) 90%, transparent); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); border-bottom:1px solid var(--line); }
  .nav-inner{ display:flex; align-items:center; gap:36px; padding:10px 36px; max-width:1280px; margin:0 auto; }
  .logo-mark{ height:52px; display:block; }
  .logo-mark-color{ display:none; }
  :root[data-theme="light"] .logo-mark-dark{ display:none; }
  :root[data-theme="light"] .logo-mark-color{ display:block; }
  @media (prefers-color-scheme:light){
    :root:not([data-theme="dark"]) .logo-mark-dark{ display:none; }
    :root:not([data-theme="dark"]) .logo-mark-color{ display:block; }
  }
  .nav-links{ display:flex; gap:28px; font-family:var(--mono); font-size:14px; color:var(--ink-soft); }
  .nav-links a:hover{ color:var(--ink); }
  .nav-links .idx{ color:var(--red); }
  .nav-spacer{ flex:1; }
  .nav-cta{ font-family:var(--mono); font-size:13px; font-weight:600; background:var(--blue); color:#0A0D13; border:1px solid var(--blue); padding:9px 16px; }
  :root[data-theme="light"] .nav-cta{ color:#fff; }
  @media (prefers-color-scheme:light){ :root:not([data-theme="dark"]) .nav-cta{ color:#fff; } }
  .nav-cta:hover{ opacity:.88; }
  .breadcrumb{ font-family:var(--mono); font-size:12.5px; color:var(--ink-dim); padding:18px 0 0; }
  .breadcrumb a:hover{ color:var(--blue); }
  @media (max-width:980px){ .nav-links{ display:none; } }

  section.hero{ padding:64px 0 56px; border-bottom:1px solid var(--line); }
  section.hero + section.mod{ padding-top:28px; }
  .h-tag{ font-family:var(--mono); font-size:12.5px; color:var(--live); margin-bottom:20px; display:flex; align-items:center; gap:8px; }
  .h-tag .led{ width:6px; height:6px; border-radius:50%; background:var(--live); box-shadow:0 0 6px var(--live); }
  h1.hero-head{ font-family:var(--sans); font-weight:700; font-size:clamp(30px,4vw,48px); line-height:1.1; letter-spacing:-.02em; margin:0 0 20px; max-width:20ch; }
  p.hero-dek{ font-size:16px; color:var(--ink-soft); max-width:64ch; margin:0 0 30px; }

  section.mod{ padding:56px 0; border-bottom:1px solid var(--line); }
  .ind-row{ display:grid; grid-template-columns:24px 240px 1fr 120px; align-items:center; border-bottom:1px solid var(--line); }
  .ind-row:last-child{ border-bottom:none; }
  .ind-row .led{ width:6px; height:6px; border-radius:50%; margin-left:24px; }
  .ind-row .led.flagship{ background:var(--live); box-shadow:0 0 6px var(--live); }
  .ind-row .led.standard{ background:var(--ink-dim); }
  .ind-row h3{ font-size:15px; font-weight:700; padding:20px 20px; margin:0; }
  .ind-row .id-desc{ font-size:13px; color:var(--ink-soft); padding:20px 0; }
  .ind-row .id-tag{ font-family:var(--mono); font-size:11.5px; color:var(--ink-dim); padding:20px 24px; text-align:right; }
  @media (max-width:800px){ .ind-row{ grid-template-columns:16px 1fr; grid-template-rows:auto auto auto; row-gap:2px; padding:16px 0; } .ind-row .id-desc, .ind-row .id-tag{ grid-column:2; padding:0 20px 12px; text-align:left; } }

  footer.site-footer{ padding:32px 0; text-align:center; font-family:var(--mono); font-size:12px; color:var(--ink-dim); }
  footer.site-footer > a{ display:block; margin:0 auto 12px; width:fit-content; }
  footer.site-footer > div{ max-width:92%; margin:0 auto; line-height:1.6; letter-spacing:.01em; }
  footer.site-footer > div a{ white-space:nowrap; }

  .foot-grid{ display:grid; grid-template-columns:1.4fr repeat(4,1fr); gap:28px; padding-bottom:32px; border-bottom:1px solid var(--line); }
  .foot-col img{ height:26px; filter:brightness(0) invert(1); margin:0 0 14px 0; }
  :root[data-theme="light"] .foot-col img{ filter:none; }
  @media (prefers-color-scheme:light){ :root:not([data-theme="dark"]) .foot-col img{ filter:none; } }
  .foot-col p{ font-size:12.5px; color:var(--ink-soft); max-width:26ch; margin:0; }
  .foot-col h5{ font-family:var(--mono); font-size:11.5px; letter-spacing:.04em; color:var(--ink-dim); margin:0 0 14px; }
  .foot-col ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:9px; }
  .foot-col a{ font-size:13px; color:var(--ink-soft); }
  .foot-col a:hover{ color:var(--ink); }
  .social-row{ display:flex; gap:12px; margin-top:14px; align-items:center; }
  .social-row a{ color:var(--ink-soft); display:inline-flex; }
  .social-row a:hover{ color:var(--blue); }
  .foot-bottom{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px; padding-top:20px; font-family:var(--mono); font-size:12px; color:var(--ink-dim); }
  .foot-bottom span a{ white-space:nowrap; }
  .cert-row{ display:flex; gap:8px; flex-wrap:wrap; }
  .cert-badge{ border:1px solid var(--line-strong); padding:5px 11px; font-size:11.5px; font-weight:600; color:var(--ink-soft); }
  @media (max-width:900px){ .foot-grid{ grid-template-columns:1fr 1fr; } }
  footer.site-footer > .wrap{ max-width:1180px; margin:0 auto; padding:0 36px; text-align:left; }
  footer.site-footer .foot-col a{ white-space:normal; }

/* about dropdown */
.dropdown{ position:relative; }
.dropdown-menu{ display:none; position:absolute; top:100%; left:0; background:var(--panel); border:1px solid var(--line-strong); min-width:150px; z-index:60; }
.dropdown:hover .dropdown-menu, .dropdown:focus-within .dropdown-menu{ display:block; }
.dropdown-menu a{ display:block; padding:10px 16px; border-bottom:1px solid var(--line); font-family:var(--mono); font-size:13.5px; color:var(--ink-soft); }
.dropdown-menu a:last-child{ border-bottom:none; }
.dropdown-menu a:hover{ color:var(--ink); background:var(--bg); }

/* section.mod content styles (missing from original extraction) */
.mod-label{ font-family:var(--mono); font-size:13px; color:var(--red); margin-bottom:16px; }
.mod-label .idx{ color:var(--ink-dim); }
h2.mod-head{ font-family:var(--sans); font-weight:700; font-size:clamp(20px,2.6vw,28px); line-height:1.25; margin:0 0 14px; max-width:26ch; }
p.mod-dek{ font-size:15.5px; color:var(--ink-soft); max-width:66ch; margin:0 0 32px; }
section.mod:last-of-type{ border-bottom:none; }
.btn-primary{ background:var(--blue); color:#0A0D13; font-family:var(--mono); font-size:13px; font-weight:700; padding:13px 22px; display:inline-block; }
:root[data-theme="light"] .btn-primary{ color:#fff; }
@media (prefers-color-scheme:light){ :root:not([data-theme="dark"]) .btn-primary{ color:#fff; } }
.btn-ghost{ font-family:var(--mono); font-size:13px; font-weight:700; padding:12px 20px; border:1px solid var(--line-strong); display:inline-block; }
.btn-ghost:hover{ border-color:var(--blue); color:var(--blue); }
.hero-cta-row{ display:flex; gap:12px; flex-wrap:wrap; }

/* mobile nav (hamburger) */
.mobile-nav{ display:none; }
@media (max-width:980px){
  .mobile-nav{ display:block; position:relative; }
  .mobile-nav-btn{ list-style:none; cursor:pointer; font-family:var(--mono); font-size:16px; padding:8px 14px; border:1px solid var(--line-strong); color:var(--ink); user-select:none; }
  .mobile-nav-btn::-webkit-details-marker{ display:none; }
  .mobile-nav-panel{ position:absolute; top:calc(100% + 6px); right:0; background:var(--panel); border:1px solid var(--line-strong); min-width:180px; z-index:70; }
  .mobile-nav-panel a{ display:block; padding:12px 16px; border-bottom:1px solid var(--line); font-family:var(--mono); font-size:13px; color:var(--ink-soft); }
  .mobile-nav-panel a:last-child{ border-bottom:none; }
  .mobile-nav-panel a:hover{ color:var(--ink); background:var(--bg); }
}