:root{
  --bg:#020b11;
  --bg-2:#04121b;
  --panel:#061923;
  --panel-2:#08212c;
  --line:#123847;
  --line-strong:#1e596c;
  --cyan:#39c7f0;
  --cyan-2:#77ddf8;
  --cyan-soft:rgba(57,199,240,.09);
  --amber:#e9a83e;
  --amber-2:#f4c45f;
  --amber-soft:rgba(233,168,62,.09);
  --green:#43d69b;
  --text:#d7e8ee;
  --muted:#7898a5;
  --muted-2:#4f7482;
  --danger:#f07178;
  --shell:1320px;
}
*{box-sizing:border-box}
html{min-width:320px;background:var(--bg);color-scheme:dark;scroll-behavior:smooth}
body{margin:0;background:
  linear-gradient(rgba(21,62,77,.055) 1px,transparent 1px),
  linear-gradient(90deg,rgba(21,62,77,.055) 1px,transparent 1px),
  radial-gradient(circle at 72% 0,rgba(23,120,151,.12),transparent 34rem),
  var(--bg);background-size:32px 32px,32px 32px,auto,auto;color:var(--text);font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;font-size:12px;line-height:1.55}
a{color:inherit}
svg{display:block}
h1,h2,p{margin:0}
h1,h2{font-size:14px;line-height:1.45}
.skip-link{position:fixed;z-index:100;top:8px;left:8px;transform:translateY(-150%);padding:8px 10px;border:1px solid var(--amber);background:#201608;color:var(--amber-2);font-size:11px;text-decoration:none}
.skip-link:focus{transform:translateY(0)}
.signal-bar{border-bottom:1px solid rgba(18,56,71,.72);background:#01070b;color:#6b909e;font-size:11px;letter-spacing:.08em}
.signal-bar>div{display:flex;width:min(100%,var(--shell));min-height:29px;align-items:center;justify-content:space-between;gap:12px;margin:0 auto;padding:0 12px}
.signal-bar span:last-child{color:#8aabb7;text-align:right}
.kdn-header{position:sticky;z-index:50;top:0;border-bottom:1px solid var(--line);background:rgba(3,14,21,.96);box-shadow:0 12px 28px rgba(0,0,0,.24);backdrop-filter:blur(10px)}
.kdn-header-main{display:flex;width:min(100%,var(--shell));min-height:66px;align-items:center;justify-content:space-between;gap:12px;margin:0 auto;padding:9px 12px}
.kdn-brand{display:flex;min-width:0;align-items:center;gap:10px;text-decoration:none}
.kdn-mark{display:grid;flex:0 0 42px;height:42px;place-items:center;border:1px solid rgba(233,168,62,.45);background:linear-gradient(145deg,rgba(233,168,62,.12),rgba(4,18,27,.9));color:var(--amber);box-shadow:inset 0 0 20px rgba(233,168,62,.04)}
.kdn-mark svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:square;stroke-linejoin:miter}
.kdn-mark svg path:first-child{fill:rgba(57,199,240,.035)}
.kdn-mark .accent{stroke:var(--cyan)}
.kdn-brand>span:last-child{display:flex;min-width:0;flex-direction:column}
.kdn-brand strong{overflow:hidden;color:#e3f0f4;font-size:14px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.kdn-brand small{margin-top:2px;color:#6f909d;font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}
.header-actions{display:flex;flex:0 0 auto;gap:6px}
.header-actions a{display:none;min-height:34px;align-items:center;gap:8px;padding:7px 9px;border:1px solid var(--line);background:#05151e;color:#93afba;font-size:12px;text-decoration:none}
.header-actions a:first-child{display:inline-flex}
.header-actions a span{color:var(--amber)}
.header-actions a:hover,.header-actions a:focus-visible{border-color:var(--amber);color:#f7e4bd;outline:none}
.kdn-nav{display:flex;width:min(100%,var(--shell));overflow-x:auto;margin:0 auto;padding:0 12px;scrollbar-width:none}
.kdn-nav::-webkit-scrollbar{display:none}
.kdn-nav a{position:relative;display:flex;flex:0 0 auto;min-width:112px;min-height:42px;align-items:center;justify-content:center;padding:8px 14px;border-right:1px solid var(--line);color:#6f929f;font-size:12px;text-decoration:none;white-space:nowrap}
.kdn-nav a:first-child{border-left:1px solid var(--line)}
.kdn-nav a:hover,.kdn-nav a:focus-visible,.kdn-nav a.is-active{background:rgba(57,199,240,.035);color:#d7e8ee;outline:none}
.kdn-nav a.is-active:after{position:absolute;content:"";height:2px;inset:auto 12px 0;background:var(--cyan)}
.page-shell{width:min(100%,var(--shell));margin:0 auto;padding:16px 10px 34px}
.portal-hero{position:relative;display:grid;overflow:hidden;border:1px solid var(--line-strong);background:linear-gradient(115deg,rgba(6,29,40,.97),rgba(3,16,24,.98));box-shadow:0 24px 65px rgba(0,0,0,.2)}
.portal-hero:after,.workspace-hero:after{position:absolute;content:"";width:300px;height:300px;top:-230px;left:36%;border:1px solid rgba(57,199,240,.08);border-radius:50%;box-shadow:0 0 0 70px rgba(57,199,240,.018),0 0 0 140px rgba(57,199,240,.01)}
.portal-copy{position:relative;z-index:1;padding:22px 18px}
.tech-label{display:flex;align-items:center;gap:7px;color:var(--cyan);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.tech-label i{display:block;width:5px;height:5px;background:var(--green);box-shadow:0 0 0 3px rgba(67,214,155,.1)}
.portal-copy h1{max-width:670px;margin-top:13px;color:#edf7f9;font-size:14px;font-weight:750;letter-spacing:.02em;text-transform:uppercase}
.portal-copy>p{max-width:700px;margin-top:10px;color:#87a8b4;font-size:12px;line-height:1.75}
.hero-links{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
.tech-button{display:inline-flex;min-height:36px;align-items:center;justify-content:center;gap:10px;padding:8px 11px;border:1px solid var(--line-strong);background:#061a24;color:#acc4cc;font-size:12px;font-weight:650;text-decoration:none}
.tech-button span{color:var(--amber)}
.tech-button:hover,.tech-button:focus-visible{border-color:var(--amber);color:#f6e5c4;outline:none}
.tech-button.is-primary{border-color:var(--amber);background:var(--amber);color:#1b1103}
.tech-button.is-primary span{color:#021019}
.tech-button.is-primary:hover,.tech-button.is-primary:focus-visible{background:var(--amber-2)}
.trust-row{display:flex;flex-wrap:wrap;gap:7px 16px;margin-top:18px;color:#668b98;font-size:11px;text-transform:uppercase}
.trust-row span{display:flex;align-items:center;gap:7px}
.engineering-visual{display:grid;min-height:250px;place-items:center;border-top:1px solid var(--line);background:rgba(1,10,15,.56);padding:10px}
.engineering-visual svg{width:min(100%,520px);height:auto}
.engineering-visual .grid-line{fill:none;stroke:#0e2d39;stroke-width:.7}
.engineering-visual .device,.engineering-visual .screen,.engineering-visual .chip{fill:#04131b;stroke:#2e7b91;stroke-width:1.5}
.engineering-visual .detail,.engineering-visual .base,.engineering-visual .chip-pin{fill:none;stroke:#417080;stroke-width:1.5}
.engineering-visual .signal{fill:none;stroke:#40c9ec;stroke-width:2}
.engineering-visual .signal-core{fill:#42dca1}
.engineering-visual .flow{fill:none;stroke:#39c7f0;stroke-width:1.5;stroke-dasharray:5 5}
.engineering-visual .flow-arrow{fill:none;stroke:#39c7f0;stroke-width:1.5}
.engineering-visual .wrench{fill:rgba(233,168,62,.06);stroke:#e9a83e;stroke-width:2}
.engineering-visual .check{fill:none;stroke:#42dca1;stroke-width:2}
.engineering-visual text{fill:#537e8c;font-family:inherit;font-size:11px;letter-spacing:1px}
.system-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:9px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.system-strip article{min-width:0;min-height:88px;padding:13px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(4,17,25,.88)}
.system-strip span,.system-strip small{display:block;color:#537b89;font-size:11px;letter-spacing:.05em;text-transform:uppercase}
.system-strip strong{display:block;margin:7px 0 2px;color:var(--cyan);font-size:14px;font-weight:750}
.system-strip small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;text-transform:none}
.directory{padding-top:24px;scroll-margin-top:118px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:0 2px 9px;border-bottom:1px solid var(--line)}
.section-heading h2{margin-top:4px;color:#dbe9ed;font-size:14px;font-weight:700}
.section-code{display:none;color:#5c8290;font-size:11px;letter-spacing:.06em;text-align:right}
.section-gap{margin-top:26px;scroll-margin-top:118px}
.tools-grid{display:grid;gap:7px;margin-top:7px}
.tool-card{position:relative;display:grid;min-width:0;min-height:124px;overflow:hidden;grid-template-columns:42px minmax(0,1fr) auto;grid-template-rows:auto auto minmax(0,1fr) auto;column-gap:10px;padding:11px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(7,27,37,.96),rgba(3,16,23,.96));color:inherit;text-decoration:none;transition:border-color .15s ease,background .15s ease,transform .15s ease}
.tool-card:before{position:absolute;content:"";width:36px;height:36px;top:-20px;right:-20px;border:1px solid rgba(233,168,62,.19);transform:rotate(45deg)}
.tool-card:after{position:absolute;content:"";width:2px;inset:0 auto 0 0;background:rgba(233,168,62,.2)}
.tool-card:hover,.tool-card:focus-visible{z-index:1;border-color:var(--amber);background:linear-gradient(145deg,rgba(35,27,13,.97),rgba(3,18,26,.98));outline:none;transform:translateY(-2px)}
.tool-card.is-live{border-color:rgba(233,168,62,.55)}
.tool-card.is-live:after{background:var(--amber)}
.card-index{grid-column:3;grid-row:1;color:#72572d;font-size:11px;text-align:right}
.tool-icon{display:grid;grid-column:1;grid-row:1/4;width:38px;height:38px;place-items:center;border:1px solid rgba(233,168,62,.46);background:var(--amber-soft);color:var(--amber)}
.tool-icon svg,.workspace-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:square;stroke-linejoin:miter}
.tool-icon svg .accent,.workspace-icon svg .accent{stroke:var(--cyan)}
.tool-platform{grid-column:2;grid-row:1;overflow:hidden;color:#4cbbe0;font-size:11px;font-weight:700;letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap}
.tool-card>strong{grid-column:2/4;grid-row:2;margin-top:3px;overflow-wrap:anywhere;color:#e0edf1;font-size:12px;font-weight:700;line-height:1.35}
.tool-card>p{display:-webkit-box;grid-column:2/4;grid-row:3;margin-top:5px;overflow:hidden;color:#718f9a;font-size:11px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.card-footer{display:flex;grid-column:1/4;grid-row:4;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(18,56,71,.65);color:#6b909e;font-size:11px}
.card-footer>span:last-child{color:#86a9b5;white-space:nowrap}
.tool-status{display:flex;align-items:center;gap:6px;font-weight:700;letter-spacing:.04em}
.status-dot{display:inline-block;flex:0 0 5px;width:5px;height:5px;background:var(--green);box-shadow:0 0 0 3px rgba(67,214,155,.09)}
.status-dot.is-amber{background:var(--amber);box-shadow:0 0 0 3px rgba(233,168,62,.09)}
.safety-banner{display:grid;gap:10px;margin-top:25px;padding:14px;border:1px solid var(--line-strong);background:rgba(6,25,34,.9)}
.safety-icon{display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(233,168,62,.45);background:var(--amber-soft);color:var(--amber);font-size:12px;font-weight:800}
.safety-banner strong{font-size:11px}
.safety-banner p{margin-top:3px;color:#718f9a;font-size:12px}
.safety-banner>a{display:inline-flex;align-items:center;gap:7px;color:#a7c0c9;font-size:12px;text-decoration:none}
.safety-banner>a span{color:var(--amber)}
.breadcrumbs{display:flex;align-items:center;gap:8px;margin-bottom:9px;color:#577e8c;font-size:11px}
.breadcrumbs a{color:#82a4b0;text-decoration:none}
.workspace-hero{position:relative;display:grid;overflow:hidden;gap:14px;padding:18px;border:1px solid var(--line-strong);background:linear-gradient(120deg,rgba(7,30,41,.98),rgba(3,16,23,.98))}
.workspace-icon{position:relative;z-index:1;display:grid;width:62px;height:62px;place-items:center;border:1px solid rgba(233,168,62,.46);background:var(--amber-soft);color:var(--amber)}
.workspace-icon svg{width:38px;height:38px}
.workspace-copy{position:relative;z-index:1}
.workspace-copy h1{margin-top:8px;color:#e6f1f4;font-size:14px;text-transform:uppercase}
.workspace-copy>p{max-width:780px;margin-top:8px;color:#7898a5;font-size:11px;line-height:1.7}
.status-line{display:flex;flex-wrap:wrap;align-items:center;gap:7px 11px;margin-top:14px;color:#6f929f;font-size:11px;text-transform:uppercase}
.status-line strong{color:var(--amber);font-size:11px}
.availability-panel{margin-top:9px;padding:14px;border:1px solid var(--line);background:rgba(4,18,27,.94)}
.panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-bottom:11px;border-bottom:1px solid var(--line)}
.panel-head h2{margin-top:4px}
.panel-code{display:none;color:#527a88;font-size:11px}
.availability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.availability-grid article{min-height:72px;padding:11px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#051720}
.availability-grid span{display:block;color:#507684;font-size:11px;letter-spacing:.06em}
.availability-grid strong{display:block;margin-top:7px;overflow-wrap:anywhere;color:#b9ced5;font-size:12px}
.public-note{margin-top:12px;padding:11px;border-left:2px solid var(--amber);background:rgba(233,168,62,.04);color:#7d9ba6;font-size:12px;line-height:1.7}
.panel-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}
.kdn-footer{margin-top:22px;border-top:1px solid var(--line);background:#01080d}
.kdn-footer>div{display:flex;width:min(100%,var(--shell));flex-direction:column;gap:14px;margin:0 auto;padding:22px 12px}
.footer-identity{display:flex;align-items:center;gap:10px}
.footer-identity>span{display:grid;flex:0 0 38px;height:38px;place-items:center;border:1px solid rgba(233,168,62,.4);color:var(--amber);font-size:12px;font-weight:800}
.footer-identity p{display:flex;min-width:0;flex-direction:column}
.footer-identity strong{font-size:11px}
.footer-identity small{margin-top:3px;color:#587d89;font-size:11px}
.kdn-footer nav{display:flex;flex-wrap:wrap;gap:8px 18px}
.kdn-footer nav a{color:#6d929f;font-size:11px;text-decoration:none}
.kdn-footer nav a:hover,.kdn-footer nav a:focus-visible{color:var(--cyan);outline:none}
.kdn-footer>p{margin:0;border-top:1px solid rgba(18,56,71,.65);padding:12px;color:#3f6674;font-size:11px;text-align:center}
@media (min-width:480px){
  .page-shell{padding-right:14px;padding-left:14px}
  .portal-copy{padding:28px 25px}
  .header-actions a{display:inline-flex}
  .section-code,.panel-code{display:block}
  .tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .workspace-hero{grid-template-columns:auto minmax(0,1fr);align-items:center;padding:22px}
  .safety-banner{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}
  .kdn-footer>div{flex-direction:row;align-items:center;justify-content:space-between}
}
@media (min-width:760px){
  .system-strip{grid-template-columns:repeat(4,minmax(0,1fr))}
  .availability-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .tools-grid.is-three{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:900px){
  .portal-hero{grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr)}
  .engineering-visual{min-height:340px;border-top:0;border-left:1px solid var(--line)}
  .portal-copy{display:flex;min-height:340px;flex-direction:column;justify-content:center;padding:35px 38px}
  .tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tool-card{min-height:124px}
}
@media (min-width:1280px){.tools-grid:not(.is-three){grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1200px){
  .page-shell{padding-right:14px;padding-left:14px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .tool-card{transition:none}
}
@media (max-width:479px){
  .signal-bar{display:none}
  .header-actions{display:none}
  .kdn-header-main{min-height:60px;padding:8px 10px}
  .kdn-nav{padding-right:10px;padding-left:10px}
}