:root{
  --bg:#14181B;
  --panel:#1B2124;
  --panel-2:#20272A;
  --line:#2B3236;
  --line-soft:#232A2D;
  --text:#EDEEE9;
  --text-dim:#9AA3A6;
  --text-faint:#5F6A6D;
  --amber:#E2A544;
  --amber-dim:#8A6B34;
  --cyan:#5FC9BE;
  --cyan-dim:#33625C;
  --red:#C1594B;
  --mono:'JetBrains Mono', monospace;
  --disp:'Space Grotesk', sans-serif;
  --body:'Inter', sans-serif;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  background:var(--bg); color:var(--text); font-family:var(--body);
  line-height:1.6; -webkit-font-smoothing:antialiased;
}
a{color:inherit;}
img{max-width:100%; display:block;}
.wrap{max-width:1220px; margin:0 auto; padding:0 32px;}
::selection{background:var(--amber); color:#14181B;}
a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible, textarea:focus-visible{
  outline:2px solid var(--cyan); outline-offset:3px;
}
hr.rule{border:none; border-top:1px solid var(--line-soft);}

.eyebrow{
  font-family:var(--mono); font-size:12px; letter-spacing:.12em;
  text-transform:uppercase; color:var(--cyan); display:flex; align-items:center; gap:8px;
  margin-bottom:14px;
}
.eyebrow::before{content:"◆"; font-size:9px; color:var(--amber);}

/* ── NAV ─────────────────────────────────────────── */
header.nav{
  position:sticky; top:0; z-index:50;
  background:rgba(20,24,27,.92); backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line-soft);
}
.nav-inner{ display:flex; align-items:center; justify-content:space-between; height:72px; gap:20px;}
.brand{display:flex; align-items:center; gap:12px;}
.brand .logo{font-family:var(--disp); line-height:1; }
.brand .logo b{display:block; font-size:20px; font-weight:700; letter-spacing:.02em;}
.brand .logo span{
  display:block; font-family:var(--mono); font-size:10px; letter-spacing:.28em;
  color:var(--amber); margin-top:2px;
}
.brand .domain-label{
  font-family:var(--mono); font-size:11px; letter-spacing:.05em; color:var(--amber);
  border-left:1px solid var(--line); padding-left:12px; white-space:nowrap;
}
nav.links{display:flex; gap:26px; font-size:13px; color:var(--text-dim);}
nav.links a{text-decoration:none; transition:color .15s;}
nav.links a:hover{color:var(--cyan);}
.status-chip{
  font-family:var(--mono); font-size:11px; letter-spacing:.06em;
  color:var(--amber); border:1px solid var(--amber-dim); padding:5px 10px; border-radius:2px;
  white-space:nowrap;
}
@media (max-width:900px){ nav.links{display:none;} }
@media (max-width:520px){
  .nav-inner{height:auto; padding:14px 0; flex-wrap:wrap; row-gap:10px;}
  .brand .domain-label{display:none;}
}

/* ── breadcrumb ──────────────────────────────────── */
.breadcrumb{
  font-family:var(--mono); font-size:11.5px; color:var(--text-faint);
  padding:16px 0; display:flex; gap:8px; flex-wrap:wrap;
}
.breadcrumb b{color:var(--text-dim); font-weight:400;}

/* ── buttons ─────────────────────────────────────── */
.btn{
  font-family:var(--mono); font-size:13px; letter-spacing:.04em;
  padding:13px 22px; border-radius:2px; text-decoration:none;
  display:inline-flex; align-items:center; gap:10px; transition:all .15s ease;
  border:1px solid transparent; cursor:pointer;
}
.btn-primary{background:var(--amber); color:#171310; font-weight:600;}
.btn-primary:hover{background:#eeb35c;}
.btn-ghost{border-color:var(--line); color:var(--text-dim); background:transparent;}
.btn-ghost:hover{border-color:var(--cyan); color:var(--cyan);}

/* ── HERO (giữ nguyên phần console động) ───────────── */
.hero{padding:56px 0 0;}
.hero-copy{max-width:640px;}
h1.headline{
  font-family:var(--disp); font-weight:700;
  font-size:clamp(32px,5.2vw,54px); line-height:1.05; letter-spacing:-.01em;
  color:var(--text); margin-bottom:18px;
}
h1.headline em{font-style:normal; color:var(--cyan);}
.hero-copy p.lead{font-size:16.5px; color:var(--text-dim); max-width:520px; margin-bottom:26px;}
.cta-row{display:flex; gap:14px; flex-wrap:wrap; align-items:center;}

.console{
  position:relative; width:100%; aspect-ratio:16/8.2;
  background:radial-gradient(ellipse at 30% 20%, #1d2528 0%, #12161A 60%),
    repeating-linear-gradient(0deg, rgba(255,255,255,.018) 0px, rgba(255,255,255,.018) 1px, transparent 1px, transparent 3px);
  border:1px solid var(--line); border-radius:2px; overflow:hidden; margin-top:32px;
}
.console::before{
  content:""; position:absolute; inset:0;
  background-image:linear-gradient(var(--line-soft) 1px, transparent 1px), linear-gradient(90deg, var(--line-soft) 1px, transparent 1px);
  background-size:48px 48px; opacity:.5;
}
.scanline{
  position:absolute; left:0; right:0; height:120px;
  background:linear-gradient(to bottom, transparent, rgba(95,201,190,.05), transparent);
  animation:sweep 7s linear infinite; pointer-events:none;
}
@keyframes sweep{0%{top:-120px;} 100%{top:100%;}}
.corner{position:absolute; width:22px; height:22px; border:2px solid var(--text-faint); opacity:.55;}
.corner.tl{top:14px; left:14px; border-right:none; border-bottom:none;}
.corner.tr{top:14px; right:14px; border-left:none; border-bottom:none;}
.corner.bl{bottom:14px; left:14px; border-right:none; border-top:none;}
.corner.br{bottom:14px; right:14px; border-left:none; border-top:none;}
.hud-label{position:absolute; font-family:var(--mono); font-size:11px; color:var(--text-faint); letter-spacing:.06em;}
.hud-label.rec{top:18px; left:44px; color:var(--red); display:flex; align-items:center; gap:6px;}
.hud-label.rec::before{content:""; width:6px; height:6px; border-radius:50%; background:var(--red); animation:blink 1.4s infinite;}
@keyframes blink{50%{opacity:.25;}}
.hud-label.node{top:18px; right:44px; text-align:right;}
.target{position:absolute; width:132px; height:88px; animation:drift 9s ease-in-out infinite; top:38%; left:44%;}
@keyframes drift{0%,100%{transform:translate(0,0);} 25%{transform:translate(24px,-14px);} 50%{transform:translate(-10px,10px);} 75%{transform:translate(14px,18px);}}
.target .box{position:absolute; inset:0; border:1.5px solid var(--amber); box-shadow:0 0 14px rgba(226,165,68,.28);}
.target .box::before,.target .box::after,.target .tick-l::before,.target .tick-l::after{content:""; position:absolute; width:9px; height:9px; border-color:var(--amber);}
.target .box::before{top:-1.5px; left:-1.5px; border-top:1.5px solid; border-left:1.5px solid;}
.target .box::after{top:-1.5px; right:-1.5px; border-top:1.5px solid; border-right:1.5px solid;}
.target .tick-l::before{bottom:-1.5px; left:-1.5px; border-bottom:1.5px solid; border-left:1.5px solid;}
.target .tick-l::after{bottom:-1.5px; right:-1.5px; border-bottom:1.5px solid; border-right:1.5px solid;}
.target .tag{position:absolute; top:-30px; left:0; font-family:var(--mono); font-size:10.5px; color:var(--amber); white-space:nowrap;}
.target .tag b{color:var(--text);}
.telemetry{
  position:absolute; left:0; right:0; bottom:0; display:flex; justify-content:space-between; gap:12px;
  padding:12px 18px; font-family:var(--mono); font-size:11px; color:var(--text-dim);
  background:linear-gradient(to top, rgba(0,0,0,.4), transparent); flex-wrap:wrap;
}
.telemetry span b{color:var(--cyan); font-weight:500;}
@media (prefers-reduced-motion:reduce){ .scanline,.target,.hud-label.rec::before{animation:none !important;} }
@media (max-width:640px){
  .telemetry{font-size:9px; gap:6px 14px; row-gap:6px;}
  .target{width:88px; height:58px; top:52%; left:22%;}
  .target .tag{font-size:9px; top:-24px;}
  .hud-label{font-size:9.5px;}
}

/* ── section shell ───────────────────────────────── */
section{padding:88px 0;}
section.tight{padding:64px 0;}
.section-head{max-width:640px; margin-bottom:44px;}
h2.h2{font-family:var(--disp); font-weight:600; font-size:clamp(24px,3.2vw,34px); letter-spacing:-.005em;}
p.h2-sub{color:var(--text-dim); margin-top:10px; font-size:15px; max-width:560px;}

/* ── PRODUCT DETAIL (layout kiểu datasheet sản phẩm) ─ */
.product-grid{display:grid; grid-template-columns:1fr 1.15fr 0.85fr; gap:36px; align-items:start;}
@media (max-width:1080px){ .product-grid{grid-template-columns:1fr; } }

.pd-features{display:flex; flex-direction:column; gap:22px;}
.pd-feature{display:flex; gap:14px;}
.pd-feature .ic{
  width:38px; height:38px; flex:none; border:1px solid var(--line); border-radius:2px;
  display:flex; align-items:center; justify-content:center; color:var(--amber); font-size:16px;
  background:var(--panel-2);
}
.pd-feature h4{font-family:var(--disp); font-size:15px; font-weight:600; margin-bottom:3px;}
.pd-feature p{font-size:13px; color:var(--text-dim);}

.pd-visual{
  position:relative; border:1px solid var(--line); border-radius:2px; background:var(--panel);
  min-height:460px; display:flex; align-items:center; justify-content:center; overflow:hidden;
}
.pd-visual img{width:100%; height:100%; object-fit:contain;}
.pd-visual .placeholder-illustration{width:70%; opacity:.9;}
.pd-badges{
  position:absolute; right:14px; top:14px; display:flex; flex-direction:column; gap:8px;
}
.pd-badge{
  display:flex; flex-direction:column; align-items:center; gap:4px; width:64px; padding:8px 4px;
  background:rgba(20,24,27,.82); border:1px solid var(--line); border-radius:2px;
  font-family:var(--mono); font-size:8.5px; color:var(--text-dim); text-align:center; letter-spacing:.02em;
}
.pd-badge .ic{color:var(--cyan); font-size:15px;}

.pd-specs{border:1px solid var(--line); background:var(--panel);}
.pd-specs .head{font-family:var(--mono); font-size:11px; letter-spacing:.08em; color:var(--amber); padding:14px 18px; border-bottom:1px solid var(--line);}
.pd-specs dl{display:block;}
.pd-specs .row{display:flex; justify-content:space-between; gap:12px; padding:11px 18px; border-bottom:1px solid var(--line-soft); font-size:12.5px;}
.pd-specs .row:last-child{border-bottom:none;}
.pd-specs .row dt{color:var(--text-faint); font-family:var(--mono); font-size:11px;}
.pd-specs .row dd{color:var(--text); text-align:right;}

/* ── dimensions ──────────────────────────────────── */
.dim-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
@media (max-width:760px){ .dim-grid{grid-template-columns:1fr;} }
.dim-card{border:1px solid var(--line); background:var(--panel); padding:18px; text-align:center;}
.dim-card .frame{
  aspect-ratio:1/1; border:1px dashed var(--line); display:flex; align-items:center; justify-content:center;
  margin-bottom:12px; background:var(--panel-2); overflow:hidden;
}
.dim-card .frame img{width:100%; height:100%; object-fit:contain;}
.dim-card .frame svg{width:60%; opacity:.55;}
.dim-card .measure{font-family:var(--mono); font-size:12px; color:var(--cyan);}

/* ── icon rows (applications / sensor options) ──────── */
.icon-row{display:grid; grid-template-columns:repeat(5,1fr); gap:1px; background:var(--line-soft); border:1px solid var(--line-soft);}
@media (max-width:760px){ .icon-row{grid-template-columns:repeat(2,1fr);} }
.icon-item{background:var(--panel); padding:24px 12px; text-align:center;}
.icon-item .ic{font-size:24px; margin-bottom:10px; color:var(--amber);}
.icon-item .lb{font-family:var(--mono); font-size:10.5px; letter-spacing:.04em; color:var(--text-dim);}

/* ── connectivity diagram ───────────────────────────── */
.connectivity{display:flex; align-items:center; justify-content:center; gap:0; flex-wrap:wrap; padding:36px 0;}
.conn-node{
  display:flex; flex-direction:column; align-items:center; gap:10px; width:170px; text-align:center;
}
.conn-node .box{
  width:64px; height:64px; border:1px solid var(--line); border-radius:2px; background:var(--panel-2);
  display:flex; align-items:center; justify-content:center; font-size:24px; color:var(--cyan);
}
.conn-node .lb{font-family:var(--mono); font-size:11px; color:var(--text-dim); white-space:pre-line;}
.conn-arrow{width:64px; height:1px; background:repeating-linear-gradient(90deg, var(--line) 0 6px, transparent 6px 12px); position:relative;}
.conn-arrow::after{content:"→"; position:absolute; right:-4px; top:-9px; color:var(--text-faint);}
@media (max-width:640px){ .conn-arrow{width:1px; height:32px; background:repeating-linear-gradient(180deg, var(--line) 0 6px, transparent 6px 12px);} .conn-arrow::after{content:"↓"; top:auto; bottom:-14px; right:-8px;} .connectivity{flex-direction:column;} }

/* ── pipeline ────────────────────────────────────── */
.pipeline{display:grid; grid-template-columns:repeat(4,1fr); position:relative;}
.pipeline::before{content:""; position:absolute; top:26px; left:0; right:0; height:1px; background:repeating-linear-gradient(90deg, var(--line) 0 6px, transparent 6px 12px); z-index:0;}
.pstep{position:relative; padding-right:24px; z-index:1;}
.pstep .num{width:52px; height:52px; border-radius:50%; background:var(--panel-2); border:1px solid var(--line); display:flex; align-items:center; justify-content:center; font-family:var(--mono); font-size:14px; color:var(--cyan); margin-bottom:20px;}
.pstep h3{font-family:var(--disp); font-size:17px; font-weight:600; margin-bottom:8px;}
.pstep p{font-size:13.4px; color:var(--text-dim);}
@media (max-width:860px){ .pipeline{grid-template-columns:1fr 1fr; row-gap:36px;} .pipeline::before{display:none;} }
@media (max-width:520px){ .pipeline{grid-template-columns:1fr;} }

/* ── modules ─────────────────────────────────────── */
.modules{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line-soft); border:1px solid var(--line-soft);}
.mod-card{background:var(--panel); padding:26px 24px;}
.mod-card .code{font-family:var(--mono); font-size:11px; color:var(--text-faint); letter-spacing:.08em;}
.mod-card h3{font-family:var(--disp); font-size:16px; font-weight:600; margin:10px 0 8px;}
.mod-card p{font-size:13px; color:var(--text-dim);}
@media (max-width:860px){ .modules{grid-template-columns:1fr 1fr;} }
@media (max-width:520px){ .modules{grid-template-columns:1fr;} }

/* ── philosophy ──────────────────────────────────── */
.phil{padding:110px 0; text-align:center; border-top:1px solid var(--line-soft); border-bottom:1px solid var(--line-soft); background:radial-gradient(ellipse at 50% 0%, rgba(95,201,190,.05), transparent 60%);}
.phil .eyebrow{justify-content:center;}
.phil h2{font-family:var(--disp); font-weight:700; letter-spacing:-.01em; font-size:clamp(28px,5.6vw,54px); line-height:1.08; max-width:820px; margin:0 auto;}
.phil h2 .accent{color:var(--amber);}
.phil p{color:var(--text-dim); max-width:520px; margin:24px auto 0; font-size:14.5px;}

/* ── spec datasheet ──────────────────────────────── */
.spec-frame{border:1px solid var(--line); background:var(--panel);}
.spec-top{display:flex; justify-content:space-between; align-items:center; padding:14px 20px; border-bottom:1px solid var(--line); font-family:var(--mono); font-size:11px; color:var(--text-faint);}
table.spec{width:100%; border-collapse:collapse; font-family:var(--mono); font-size:13px;}
table.spec tr{border-bottom:1px solid var(--line-soft);}
table.spec tr:last-child{border-bottom:none;}
table.spec td{padding:12px 20px;}
table.spec td:first-child{color:var(--text-faint); width:38%;}
table.spec tr:hover{background:var(--panel-2);}
.spec-foot{padding:14px 20px; font-size:12px; color:var(--text-faint); border-top:1px solid var(--line);}

/* ── roadmap ─────────────────────────────────────── */
.roadmap{display:grid; grid-template-columns:repeat(4,1fr); gap:0;}
.rstep{border-left:1px solid var(--line-soft); padding:0 20px; position:relative;}
.rstep:first-child{border-left:none;}
.rstep::before{content:""; position:absolute; left:-4.5px; top:0; width:8px; height:8px; border-radius:50%; background:var(--bg); border:1.5px solid var(--cyan);}
.rstep.active::before{background:var(--amber); border-color:var(--amber);}
.rstep .tag{font-family:var(--mono); font-size:10.5px; color:var(--text-faint); margin-bottom:8px; display:block;}
.rstep.active .tag{color:var(--amber);}
.rstep h4{font-family:var(--disp); font-size:15.5px; margin-bottom:6px;}
.rstep p{font-size:12.6px; color:var(--text-dim);}
@media (max-width:860px){ .roadmap{grid-template-columns:1fr; gap:26px;} .rstep{border-left:none; padding-left:20px; border-top:1px solid var(--line-soft); padding-top:20px;} .rstep::before{left:0; top:-4.5px;} .rstep:first-child{border-top:none; padding-top:0;} }

/* ── faq ─────────────────────────────────────────── */
.faq{border-top:1px solid var(--line-soft);}
details{border-bottom:1px solid var(--line-soft);}
summary{list-style:none; cursor:pointer; padding:20px 0; display:flex; justify-content:space-between; align-items:center; font-family:var(--disp); font-size:15.5px; font-weight:500;}
summary::-webkit-details-marker{display:none;}
summary .plus{font-family:var(--mono); color:var(--cyan); font-size:17px; transition:transform .2s;}
details[open] summary .plus{transform:rotate(45deg);}
details p{padding-bottom:20px; color:var(--text-dim); font-size:14px; max-width:680px;}

/* ── trust bar ───────────────────────────────────── */
.trust-bar{border-top:1px solid var(--line-soft); border-bottom:1px solid var(--line-soft); padding:22px 0;}
.trust-inner{display:flex; justify-content:space-between; flex-wrap:wrap; gap:16px;}
.trust-item{display:flex; align-items:center; gap:8px; font-family:var(--mono); font-size:11px; color:var(--text-dim); letter-spacing:.03em;}
.trust-item .ic{color:var(--amber);}

/* ── cta band / footer ──────────────────────────────── */
.cta-band{padding:96px 0; text-align:center;}
.cta-band h2{font-family:var(--disp); font-size:clamp(24px,3.8vw,38px); font-weight:600; margin-bottom:14px;}
.cta-band p{color:var(--text-dim); max-width:480px; margin:0 auto 30px; font-size:14.5px;}
footer{border-top:1px solid var(--line-soft); padding:36px 0;}
.foot-inner{display:flex; justify-content:space-between; flex-wrap:wrap; gap:20px; font-size:12px; color:var(--text-faint);}
.tags{display:flex; flex-wrap:wrap; gap:8px; margin-top:12px;}
.tags span{font-family:var(--mono); font-size:10px; border:1px solid var(--line); color:var(--text-faint); padding:4px 9px; border-radius:2px;}
.legal{font-size:11.5px; color:var(--text-faint); margin-top:16px; max-width:640px;}

/* ==========================================================
   ADMIN
   ========================================================== */
.admin-shell{max-width:920px; margin:0 auto; padding:32px 24px 100px;}
.admin-topbar{
  position:sticky; top:0; z-index:60; background:rgba(20,24,27,.95); backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line-soft); padding:14px 24px; display:flex; align-items:center;
  justify-content:space-between; gap:16px; flex-wrap:wrap;
}
.admin-topbar .title{font-family:var(--disp); font-weight:700; font-size:16px;}
.admin-actions{display:flex; gap:10px; flex-wrap:wrap;}
.admin-actions .btn{padding:9px 14px; font-size:12px;}
.save-status{font-family:var(--mono); font-size:11px; color:var(--cyan); min-width:90px;}

.admin-card{border:1px solid var(--line); background:var(--panel); margin-bottom:24px;}
.admin-card .card-head{
  padding:14px 20px; border-bottom:1px solid var(--line); font-family:var(--mono);
  font-size:11px; letter-spacing:.08em; color:var(--amber); display:flex; justify-content:space-between; align-items:center;
}
.admin-card .card-body{padding:20px;}
.field{margin-bottom:16px;}
.field label{display:block; font-family:var(--mono); font-size:11px; color:var(--text-dim); margin-bottom:6px; letter-spacing:.03em;}
.field input[type=text], .field input[type=email], .field textarea{
  width:100%; background:var(--panel-2); border:1px solid var(--line); color:var(--text);
  padding:10px 12px; font-family:var(--body); font-size:13.5px; border-radius:2px; resize:vertical;
}
.field textarea{min-height:70px;}
.field-row{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
@media (max-width:600px){ .field-row{grid-template-columns:1fr;} }

.repeat-item{border:1px solid var(--line-soft); padding:14px; margin-bottom:12px; position:relative; background:var(--panel-2);}
.repeat-item .remove-btn{
  position:absolute; top:10px; right:10px; background:transparent; border:1px solid var(--line);
  color:var(--red); font-family:var(--mono); font-size:11px; padding:4px 8px; cursor:pointer; border-radius:2px;
}
.add-btn{
  background:transparent; border:1px dashed var(--line); color:var(--cyan); font-family:var(--mono);
  font-size:12px; padding:10px 14px; width:100%; cursor:pointer; border-radius:2px;
}
.add-btn:hover{border-color:var(--cyan);}

.image-slot{
  border:1px dashed var(--line); background:var(--panel-2); padding:14px; display:flex; align-items:center; gap:14px;
}
.image-slot .preview{width:64px; height:64px; border:1px solid var(--line); background:var(--bg); flex:none; overflow:hidden; display:flex; align-items:center; justify-content:center;}
.image-slot .preview img{width:100%; height:100%; object-fit:contain;}
.image-slot .preview .empty{font-family:var(--mono); font-size:9px; color:var(--text-faint);}
.image-slot input[type=file]{font-size:11px; color:var(--text-dim);}
.image-slot .clear-btn{font-family:var(--mono); font-size:10.5px; color:var(--text-faint); background:none; border:none; cursor:pointer; text-decoration:underline;}

.admin-login{
  min-height:100vh; display:flex; align-items:center; justify-content:center; padding:24px;
}
.admin-login .box{width:100%; max-width:340px; border:1px solid var(--line); background:var(--panel); padding:28px;}
.admin-login h1{font-family:var(--disp); font-size:20px; margin-bottom:6px;}
.admin-login p{font-size:12.5px; color:var(--text-dim); margin-bottom:20px;}
.admin-login input{width:100%; background:var(--panel-2); border:1px solid var(--line); color:var(--text); padding:11px 12px; font-family:var(--mono); font-size:13px; border-radius:2px; margin-bottom:14px;}
.admin-login .err{color:var(--red); font-size:12px; margin-bottom:10px; min-height:16px; font-family:var(--mono);}
.admin-note{
  font-size:12px; color:var(--text-faint); border-left:2px solid var(--amber-dim); padding:10px 14px;
  background:var(--panel-2); margin-bottom:24px; line-height:1.6;
}

/* ===== V2 R&D presentation additions ===== */
.notice-card{
  margin:0 0 28px; padding:16px 18px; border:1px solid var(--amber-dim);
  background:linear-gradient(90deg,rgba(226,165,68,.10),rgba(226,165,68,.025));
  color:#d8d5c9; font-family:var(--mono); font-size:12px; line-height:1.7;
}
.notice-card::before{content:"V1 SCOPE · "; color:var(--amber); font-weight:700; letter-spacing:.08em;}
.arch-pillars{display:grid; grid-template-columns:repeat(4,1fr); gap:12px;}
.arch-card{border:1px solid var(--line); background:var(--panel); padding:22px; min-height:150px; position:relative; overflow:hidden;}
.arch-card::after{content:""; position:absolute; width:54px; height:1px; right:18px; top:18px; background:var(--cyan-dim);}
.arch-card .code{font:600 10px/1.2 var(--mono); color:var(--cyan); letter-spacing:.11em; margin-bottom:18px;}
.arch-card p{font-size:13px; color:var(--text-dim); line-height:1.7;}
.console .hud-label.rec{color:var(--amber); border-color:var(--amber-dim); font-size:9px; letter-spacing:.1em;}
#roadmap{scroll-margin-top:86px;} #workflow{scroll-margin-top:86px;}
@media(max-width:900px){.arch-pillars{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.arch-pillars{grid-template-columns:1fr;}}
.contact-meta{margin-top:18px; display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap; font:500 12px/1.4 var(--mono); color:var(--text-dim);}
.contact-meta a{text-decoration:none; transition:color .2s ease;}
.contact-meta a:hover{color:var(--cyan);}
#overview{scroll-margin-top:86px;}