:root{
  --ink:#14213d;
  --muted:#536173;
  --line:#d9e2ec;
  --paper:#ffffff;
  --surface:#f5f7fb;
  --accent:#008c8c;
  --accent-dark:#00696b;
  --warm:#b35c1e;
  --deep:#111827;
}

*{box-sizing:border-box}

body{
  margin:0;
  font-family:"Inter","Noto Sans SC","Noto Sans TC",system-ui,sans-serif;
  color:var(--ink);
  background:var(--paper);
}

a{color:inherit}

.site-header{
  max-width:1180px;
  margin:0 auto;
  padding:24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}

.brand{
  display:flex;
  align-items:center;
  gap:14px;
  text-decoration:none;
  min-width:240px;
}

.brand img{width:68px;height:auto}
.brand strong{display:block;font-size:20px}
.brand small{display:block;margin-top:3px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}

.site-nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:flex-end}
.site-nav a{text-decoration:none;font-size:14px;font-weight:700;color:var(--ink)}

.language-switch{
  display:flex;
  border:1px solid var(--line);
  border-radius:8px;
  overflow:hidden;
}

.language-switch button{
  min-width:38px;
  height:32px;
  border:0;
  border-right:1px solid var(--line);
  background:#fff;
  color:var(--muted);
  cursor:pointer;
  font-weight:700;
}

.language-switch button:last-child{border-right:0}
.language-switch button.active{background:var(--ink);color:#fff}

.hero{
  max-width:1180px;
  margin:0 auto;
  padding:86px 24px 92px;
}

.hero-split{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
  align-items:center;
  gap:54px;
}

.hero.narrow{max-width:920px;text-align:center}

.eyebrow{
  margin:0 0 16px;
  color:var(--accent);
  font-size:13px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}

h1,h2,h3,p{overflow-wrap:anywhere}

h1{
  margin:0;
  font-size:clamp(38px,6vw,64px);
  line-height:1.06;
  letter-spacing:0;
}

h2{
  margin:0;
  font-size:clamp(30px,4vw,44px);
  line-height:1.14;
}

h3{margin:0 0 12px;font-size:22px;line-height:1.25}

.lead{
  margin:26px 0 0;
  max-width:780px;
  color:var(--muted);
  font-size:19px;
  line-height:1.75;
}

.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}

.button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:12px 18px;
  border-radius:8px;
  text-decoration:none;
  font-weight:800;
}

.button.primary{background:var(--accent);color:#fff}
.button.primary:hover{background:var(--accent-dark)}
.button.secondary{border:1px solid var(--line);background:#fff}
.button.light{background:#fff;color:var(--deep)}

.hero-panel{
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 20px 50px rgba(17,24,39,.10);
}

.hero-panel img,.wide-image img{display:block;width:100%;height:auto}

.hero-system-preview{
  min-height:430px;
  background:#0f172a;
}

.hero-system-top{
  height:40px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 16px;
  background:#151f31;
  border-bottom:1px solid rgba(255,255,255,.10);
}

.hero-system-top span{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#64748b;
}

.hero-system-body{
  display:grid;
  grid-template-columns:86px 1fr;
  min-height:390px;
}

.hero-system-body aside{
  padding:18px;
  display:grid;
  align-content:start;
  gap:14px;
  background:#111827;
  border-right:1px solid rgba(255,255,255,.10);
}

.hero-system-body aside i{
  height:34px;
  border-radius:8px;
  background:#1e293b;
}

.hero-system-body aside i:first-child{background:#2dd4bf}

.hero-system-body main{
  padding:22px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  background:
    radial-gradient(circle at 28% 18%,rgba(45,212,191,.14),transparent 28%),
    radial-gradient(circle at 82% 16%,rgba(96,165,250,.14),transparent 28%),
    #0f172a;
}

.hero-system-card{
  min-height:128px;
  padding:18px;
  border-radius:8px;
  background:rgba(17,24,39,.88);
  border:1px solid rgba(255,255,255,.10);
}

.hero-system-card.wide{grid-column:span 2}

.hero-system-card b,.hero-system-card i{
  display:block;
  border-radius:999px;
}

.hero-system-card b{
  width:44%;
  height:14px;
  margin-bottom:20px;
  background:#2dd4bf;
}

.hero-system-card i{
  height:10px;
  margin-top:12px;
  background:#334155;
}

.hero-system-card i:nth-of-type(1){width:76%}
.hero-system-card i:nth-of-type(2){width:54%}

.product-showcase{
  max-width:1180px;
  margin:0 auto 50px;
  padding:72px 24px 30px;
  color:#f8fafc;
  background:#0b111d;
  border-radius:8px;
  overflow:hidden;
}

.showcase-copy{
  max-width:880px;
  margin:0 auto 40px;
  text-align:center;
}

.showcase-copy h2{
  color:#fff;
  font-size:clamp(34px,5vw,58px);
}

.showcase-copy p:not(.eyebrow){
  max-width:780px;
  margin:22px auto 0;
  color:#cbd5e1;
  font-size:18px;
  line-height:1.75;
}

.showcase-stage{
  max-width:1040px;
  margin:0 auto;
}

.showcase-device{
  position:relative;
  border:1px solid rgba(255,255,255,.16);
  border-radius:8px;
  background:#111827;
  overflow:hidden;
  box-shadow:0 26px 80px rgba(0,0,0,.45);
  transform:translateY(0);
  transition:transform .35s ease, box-shadow .35s ease;
}

.product-showcase[data-active-showcase="1"] .showcase-device{transform:translateY(-4px);box-shadow:0 34px 90px rgba(0,0,0,.52)}
.product-showcase[data-active-showcase="2"] .showcase-device{transform:scale(1.01);box-shadow:0 38px 96px rgba(0,0,0,.58)}

.device-bar{
  height:38px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 16px;
  background:#151f31;
  border-bottom:1px solid rgba(255,255,255,.12);
}

.device-bar span{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#64748b;
}

.device-bar span:nth-child(1){background:#e65b55}
.device-bar span:nth-child(2){background:#e2b84b}
.device-bar span:nth-child(3){background:#42b883}

.showcase-device img{
  display:block;
  width:100%;
  height:auto;
  filter:saturate(1.05) contrast(1.04);
}

.product-view{
  display:none;
  min-height:430px;
  padding:28px;
  background:
    radial-gradient(circle at 20% 15%,rgba(45,212,191,.16),transparent 28%),
    radial-gradient(circle at 80% 20%,rgba(96,165,250,.14),transparent 30%),
    #0f172a;
}

.product-view.active{display:block}

.product-toolbar{
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:0 0 18px;
  border-bottom:1px solid rgba(255,255,255,.10);
  margin-bottom:18px;
}

.product-toolbar strong{
  color:#fff;
  font-size:19px;
}

.product-toolbar span{
  color:#94a3b8;
  font-size:14px;
  line-height:1.4;
  text-align:right;
}

.product-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0 10px;
  table-layout:fixed;
}

.product-table th{
  padding:0 14px 4px;
  color:#94a3b8;
  font-size:13px;
  text-align:left;
}

.product-table td{
  padding:16px 14px;
  color:#dbeafe;
  background:#111827;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
  font-size:14px;
  line-height:1.45;
}

.product-table td:first-child{
  border-left:1px solid rgba(255,255,255,.08);
  border-radius:8px 0 0 8px;
  color:#fff;
  font-weight:800;
}

.product-table td:last-child{
  border-right:1px solid rgba(255,255,255,.08);
  border-radius:0 8px 8px 0;
}

.status-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:64px;
  min-height:28px;
  border-radius:999px;
  background:#1e293b;
  color:#cbd5e1;
  font-size:12px;
  font-weight:800;
}

.status-pill.strong{background:rgba(45,212,191,.16);color:#5eead4}
.status-pill.warm{background:rgba(245,158,11,.16);color:#fbbf24}

.workflow-grid,.schema-grid,.operations-board{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.workflow-grid article,.schema-grid article,.operations-board section,.rule-panel article,.delivery-calendar section{
  padding:18px;
  border-radius:8px;
  background:#111827;
  border:1px solid rgba(255,255,255,.10);
}

.workflow-grid b,.schema-grid b,.operations-board b,.rule-panel b,.delivery-calendar b{
  display:block;
  color:#fff;
  font-size:16px;
  margin-bottom:14px;
}

.workflow-grid small{
  display:block;
  margin-top:14px;
  color:#aebccc;
  font-size:13px;
  line-height:1.5;
}

.progress{
  display:block;
  height:10px;
  border-radius:999px;
  background:#253044;
  overflow:hidden;
}

.progress i{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#2dd4bf,#60a5fa);
}

.progress.warm i{background:linear-gradient(90deg,#f59e0b,#f97316)}

.delivery-calendar{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}

.delivery-calendar span{
  display:block;
  color:#fff;
  font-size:42px;
  line-height:1;
  font-weight:800;
}

.delivery-calendar small{
  display:block;
  margin-top:10px;
  color:#94a3b8;
  line-height:1.4;
}

.schema-grid article span,.operations-board section span{
  display:block;
  min-height:34px;
  margin-top:10px;
  padding:9px 11px;
  border-radius:8px;
  background:#1e293b;
  color:#cbd5e1;
  font-size:13px;
  line-height:1.25;
}

.rule-panel{
  display:grid;
  gap:14px;
}

.rule-panel article{
  display:grid;
  grid-template-columns:minmax(150px,.6fr) 1fr 54px;
  align-items:center;
  gap:16px;
}

.rule-panel b{margin-bottom:0}
.rule-panel em{color:#cbd5e1;font-style:normal;font-weight:800;text-align:right}

.operations-board{
  grid-template-columns:repeat(4,1fr);
}

.view-sidebar{
  position:absolute;
  left:28px;
  top:66px;
  bottom:28px;
  width:78px;
  display:grid;
  align-content:start;
  gap:14px;
  padding:18px;
  border-radius:8px;
  background:rgba(15,23,42,.78);
  border:1px solid rgba(255,255,255,.10);
}

.view-sidebar i{
  display:block;
  height:34px;
  border-radius:8px;
  background:#1e293b;
}

.view-sidebar i:first-child{background:#2dd4bf}

.view-main{
  margin-left:104px;
  min-height:374px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:8px;
  background:rgba(15,23,42,.56);
}

.match-view{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:44px;
}

.match-orbit{
  position:relative;
  width:230px;
  height:230px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.12);
  display:grid;
  place-items:center;
}

.orbit-core{
  width:104px;
  height:104px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  font-size:34px;
  font-weight:800;
  background:conic-gradient(#2dd4bf 0 82%,#334155 82% 100%);
  box-shadow:0 0 50px rgba(45,212,191,.30);
}

.match-orbit span:not(.orbit-core){
  position:absolute;
  width:34px;
  height:34px;
  border-radius:50%;
  background:#60a5fa;
}

.match-orbit span:nth-child(2){top:16px;left:96px}
.match-orbit span:nth-child(3){right:18px;top:96px;background:#f59e0b}
.match-orbit span:nth-child(4){bottom:22px;left:92px;background:#94a3b8}
.match-orbit span:nth-child(5){left:18px;top:96px;background:#2dd4bf}

.view-stack{
  width:min(320px,42%);
  padding:24px;
  border-radius:8px;
  background:#111827;
  border:1px solid rgba(255,255,255,.10);
}

.view-stack b{
  display:block;
  color:#fff;
  margin-bottom:18px;
  font-size:18px;
}

.view-stack i{
  display:block;
  height:16px;
  margin-top:14px;
  border-radius:999px;
  background:#334155;
}

.view-stack i:nth-child(2){width:100%;background:#2dd4bf}
.view-stack i:nth-child(3){width:78%;background:#60a5fa}
.view-stack i:nth-child(4){width:58%;background:#f59e0b}

.view-board{
  min-height:374px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.view-board section,.kanban-view section{
  padding:18px;
  border-radius:8px;
  background:#111827;
  border:1px solid rgba(255,255,255,.10);
}

.view-board b,.kanban-view b{
  display:block;
  margin-bottom:16px;
  color:#fff;
}

.view-board i,.kanban-view i{
  display:block;
  height:68px;
  margin-top:12px;
  border-radius:8px;
  background:linear-gradient(135deg,#1e293b,#27364d);
}

.view-board section:nth-child(2) i:first-of-type{background:linear-gradient(135deg,#0f766e,#1e293b)}
.view-board section:nth-child(3) i:first-of-type{background:linear-gradient(135deg,#b45309,#1e293b)}

.dashboard-view{
  min-height:374px;
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:20px;
}

.dashboard-chart,.dashboard-grid{
  padding:22px;
  border-radius:8px;
  background:#111827;
  border:1px solid rgba(255,255,255,.10);
}

.dashboard-chart{
  display:flex;
  align-items:end;
  justify-content:center;
  gap:18px;
}

.dashboard-chart span{
  width:42px;
  border-radius:8px 8px 0 0;
  background:#2dd4bf;
}

.dashboard-chart span:nth-child(1){height:42%}
.dashboard-chart span:nth-child(2){height:70%;background:#60a5fa}
.dashboard-chart span:nth-child(3){height:56%;background:#f59e0b}
.dashboard-chart span:nth-child(4){height:84%;background:#94a3b8}

.dashboard-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.dashboard-grid i{
  border-radius:8px;
  background:#1e293b;
}

.data-map-view{
  position:relative;
  min-height:374px;
  display:grid;
  place-items:center;
}

.data-map-view svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.data-map-view path{
  fill:none;
  stroke:rgba(148,163,184,.55);
  stroke-width:2;
}

.map-node{
  position:absolute;
  z-index:1;
  min-width:92px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:999px;
  color:#fff;
  font-weight:800;
  background:#1e293b;
  border:1px solid rgba(255,255,255,.12);
}

.map-node.core{
  min-width:116px;
  height:68px;
  background:#0f766e;
  box-shadow:0 0 60px rgba(45,212,191,.28);
}

.map-node.n1{transform:translate(-210px,-130px);background:#2563eb}
.map-node.n2{transform:translate(210px,-126px);background:#b45309}
.map-node.n3{transform:translate(-200px,116px);background:#475569}
.map-node.n4{transform:translate(212px,116px);background:#334155}

.logic-view{
  min-height:374px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:46px;
}

.logic-score{
  width:180px;
  height:180px;
  display:grid;
  place-items:center;
  align-content:center;
  border-radius:50%;
  background:
    radial-gradient(circle at center,#0f172a 55%,transparent 57%),
    conic-gradient(#60a5fa 0 87%,#334155 87% 100%);
}

.logic-score span{
  color:#fff;
  font-size:44px;
  font-weight:800;
}

.logic-score small{color:#cbd5e1;font-weight:800}

.logic-bars{
  width:min(380px,48%);
  display:grid;
  gap:18px;
}

.logic-bars i{
  height:22px;
  border-radius:999px;
  background:#334155;
}

.logic-bars i:nth-child(1){width:100%;background:#2dd4bf}
.logic-bars i:nth-child(2){width:86%;background:#60a5fa}
.logic-bars i:nth-child(3){width:68%;background:#f59e0b}
.logic-bars i:nth-child(4){width:54%;background:#94a3b8}

.kanban-view{
  min-height:374px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}

.product-float{
  position:absolute;
  width:min(280px,34%);
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:8px;
  background:rgba(15,23,42,.82);
  color:#fff;
  backdrop-filter:blur(18px);
  box-shadow:0 18px 44px rgba(0,0,0,.30);
}

.product-float b{
  display:block;
  margin-bottom:6px;
  font-size:15px;
}

.product-float span{
  color:#cbd5e1;
  font-size:12px;
  line-height:1.45;
}

.float-match{left:24px;bottom:28px}
.float-workflow{right:24px;top:64px}

.showcase-metrics{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  margin-top:1px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.12);
  border-radius:8px;
  overflow:hidden;
}

.showcase-metrics div{
  min-height:92px;
  padding:18px;
  background:#101827;
}

.showcase-metrics strong{
  display:block;
  color:#fff;
  font-size:20px;
  margin-bottom:6px;
}

.showcase-metrics span{
  color:#aebccc;
  font-size:14px;
  line-height:1.4;
}

.showcase-tabs{
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin:28px auto 0;
}

.showcase-tabs button{
  min-height:42px;
  padding:10px 16px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:8px;
  background:transparent;
  color:#cbd5e1;
  cursor:pointer;
  font-weight:800;
}

.showcase-tabs button.active{
  background:#f8fafc;
  color:#111827;
  border-color:#f8fafc;
}

.product-suite{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin:34px auto 0;
}

.product-card{
  padding:18px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:8px;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
}

.product-card h3{
  margin-top:18px;
  color:#fff;
  font-size:20px;
}

.product-card p{
  margin:0;
  color:#b9c4d3;
  line-height:1.65;
}

.mini-screen{
  height:170px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:8px;
  background:#0f172a;
  overflow:hidden;
  position:relative;
}

.match-screen{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:20px;
}

.score-ring{
  width:92px;
  height:92px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:
    radial-gradient(circle at center,#0f172a 54%,transparent 56%),
    conic-gradient(#2dd4bf 0 78%,#334155 78% 100%);
}

.score-ring span{
  color:#fff;
  font-size:28px;
  font-weight:800;
}

.mini-lines{
  width:120px;
  display:grid;
  gap:12px;
}

.mini-lines i{
  height:10px;
  border-radius:999px;
  background:#334155;
}

.mini-lines i:nth-child(1){width:100%;background:#2dd4bf}
.mini-lines i:nth-child(2){width:78%;background:#60a5fa}
.mini-lines i:nth-child(3){width:58%;background:#f59e0b}

.workflow-screen{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  padding:22px;
}

.workflow-screen span{
  position:relative;
  display:block;
  height:24px;
  border-radius:8px;
  background:#1e293b;
}

.workflow-screen span::after{
  content:"";
  position:absolute;
  left:12px;
  top:8px;
  width:60%;
  height:8px;
  border-radius:999px;
  background:#64748b;
}

.workflow-screen span:nth-child(1)::after{width:84%;background:#2dd4bf}
.workflow-screen span:nth-child(2)::after{width:68%;background:#60a5fa}
.workflow-screen span:nth-child(3)::after{width:76%;background:#f59e0b}

.console-screen{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:10px;
  padding:18px;
}

.console-screen div{
  border-radius:8px;
  background:linear-gradient(180deg,#1e293b,#111827);
  border:1px solid rgba(255,255,255,.08);
}

.console-screen div:nth-child(2){transform:translateY(18px)}

.data-screen{
  display:grid;
  place-items:center;
}

.data-node{
  position:absolute;
  width:42px;
  height:42px;
  border-radius:50%;
  background:#334155;
  box-shadow:0 0 0 1px rgba(255,255,255,.10);
}

.data-node.main{
  width:72px;
  height:72px;
  background:#2dd4bf;
  box-shadow:0 0 44px rgba(45,212,191,.34);
}

.data-node:nth-child(2){transform:translate(-100px,-42px);background:#60a5fa}
.data-node:nth-child(3){transform:translate(108px,-18px);background:#f59e0b}
.data-node:nth-child(4){transform:translate(32px,76px);background:#94a3b8}

.section{padding:82px 24px}
.section.compact{padding-top:36px}
.surface{background:var(--surface)}

.section-header{
  max-width:920px;
  margin:0 auto 36px;
  text-align:center;
}

.section-header p:not(.eyebrow){
  margin:18px auto 0;
  max-width:760px;
  color:var(--muted);
  font-size:18px;
  line-height:1.7;
}

.two-column{
  max-width:1080px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}

.statement,.card{
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  padding:28px;
}

.statement.muted{background:#fbfcfe}
.statement p,.card p{margin:0;color:var(--muted);line-height:1.72}

.card-grid{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  gap:20px;
}

.card-grid.three{grid-template-columns:repeat(3,1fr)}
.card-index{display:block;margin-bottom:20px;color:var(--warm);font-weight:800}

.module-list{
  max-width:980px;
  margin:0 auto;
  border-top:1px solid var(--line);
}

.module-row{
  display:grid;
  grid-template-columns:minmax(220px,.8fr) 1fr;
  gap:24px;
  padding:24px 0;
  border-bottom:1px solid var(--line);
  text-decoration:none;
}

.module-row span{font-size:22px;font-weight:800}
.module-row small{color:var(--muted);font-size:16px;line-height:1.6}

.wide-image{
  max-width:980px;
  margin:0 auto;
  border:1px solid var(--line);
  border-radius:8px;
  overflow:hidden;
  background:#fff;
}

.wide-image figcaption{padding:14px 16px;color:var(--muted);font-size:14px}

.system-snapshot{
  max-width:1080px;
  margin:0 auto;
  display:grid;
  grid-template-columns:.9fr 1.4fr .8fr;
  gap:16px;
  padding:22px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#0f172a;
}

.snapshot-column{
  padding:18px;
  border-radius:8px;
  background:#111827;
  border:1px solid rgba(255,255,255,.10);
}

.snapshot-column b{
  display:block;
  margin-bottom:16px;
  color:#fff;
}

.snapshot-column span{
  display:block;
  margin-top:10px;
  padding:10px 12px;
  border-radius:8px;
  background:#1e293b;
  color:#cbd5e1;
  font-size:14px;
}

.snapshot-column article{
  display:grid;
  grid-template-columns:92px 1fr;
  align-items:center;
  gap:14px;
  margin-top:12px;
  padding:12px;
  border-radius:8px;
  background:#1e293b;
}

.snapshot-column strong{
  color:#fff;
  font-size:14px;
}

.snapshot-column i{
  display:block;
  height:10px;
  border-radius:999px;
  background:linear-gradient(90deg,#2dd4bf,#60a5fa);
}

.cta-section{
  max-width:1120px;
  margin:30px auto 72px;
  padding:44px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  background:var(--deep);
  color:#fff;
  border-radius:8px;
}

.cta-section h2{max-width:760px}
.cta-section p:not(.eyebrow){max-width:720px;color:#d5dde8;line-height:1.7}

.site-footer{
  max-width:1180px;
  margin:0 auto;
  padding:32px 24px 44px;
  display:flex;
  justify-content:space-between;
  gap:20px;
  color:var(--muted);
  border-top:1px solid var(--line);
}

.site-footer a{text-decoration:none}

@media(max-width:860px){
  .site-header{align-items:flex-start;flex-direction:column}
  .site-nav{justify-content:flex-start}
  .hero-split,.two-column,.card-grid.three,.module-row{grid-template-columns:1fr}
.hero{padding-top:56px}
.hero-panel{order:-1}
  .hero-system-body{grid-template-columns:1fr}
  .hero-system-body aside{display:none}
  .hero-system-card,.hero-system-card.wide{grid-column:auto}
  .product-showcase{margin-left:0;margin-right:0;border-radius:0}
  .system-snapshot{grid-template-columns:1fr}
  .showcase-metrics{grid-template-columns:1fr}
  .product-suite{grid-template-columns:1fr}
  .product-float{position:static;width:auto;margin:12px}
  .product-view{min-height:auto;padding:18px}
  .product-toolbar{align-items:flex-start;flex-direction:column}
  .product-toolbar span{text-align:left}
  .product-table{table-layout:auto}
  .product-table th:nth-child(3),.product-table td:nth-child(3){display:none}
  .workflow-grid,.schema-grid,.delivery-calendar,.operations-board{grid-template-columns:1fr}
  .rule-panel article{grid-template-columns:1fr}
  .rule-panel em{text-align:left}
  .view-sidebar{display:none}
  .view-main{margin-left:0}
  .match-view,.logic-view,.dashboard-view{grid-template-columns:1fr;display:grid}
  .view-board,.kanban-view{grid-template-columns:1fr}
  .map-node.n1{transform:translate(-86px,-128px)}
  .map-node.n2{transform:translate(88px,-128px)}
  .map-node.n3{transform:translate(-86px,128px)}
  .map-node.n4{transform:translate(88px,128px)}
  .cta-section{margin-left:24px;margin-right:24px;flex-direction:column;align-items:flex-start;padding:30px}
  .site-footer{flex-direction:column}
}

.launch-hero{
  max-width:1080px;
  margin:0 auto;
  padding:96px 24px 88px;
  text-align:center;
}

.launch-hero h1{
  max-width:940px;
  margin:0 auto;
  font-size:clamp(46px,8vw,88px);
}

.launch-hero p:not(.eyebrow){
  max-width:760px;
  margin:26px auto 0;
  color:var(--muted);
  font-size:20px;
  line-height:1.7;
}

.launch-hero .hero-actions{justify-content:center}

.scroll-product{
  max-width:1180px;
  margin:0 auto;
  padding:30px 24px 80px;
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);
  gap:54px;
  align-items:start;
}

.scroll-visual{
  position:sticky;
  top:24px;
}

.cinema-screen{
  min-height:590px;
  overflow:hidden;
  border-radius:8px;
  border:1px solid var(--line);
  background:#0f172a;
  box-shadow:0 26px 80px rgba(15,23,42,.18);
}

.cinema-top{
  height:42px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 16px;
  background:#151f31;
  border-bottom:1px solid rgba(255,255,255,.10);
}

.cinema-top span{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#64748b;
}

.cinema-view{
  display:none;
  min-height:548px;
  padding:28px;
  background:
    radial-gradient(circle at 18% 8%,rgba(45,212,191,.14),transparent 28%),
    radial-gradient(circle at 82% 12%,rgba(96,165,250,.13),transparent 30%),
    #0f172a;
}

.cinema-view.active{display:block}

.scroll-copy{
  display:grid;
  gap:26px;
  padding-top:22px;
}

.scroll-step{
  min-height:320px;
  padding:28px 0 34px;
  border-top:1px solid var(--line);
  opacity:.42;
  transition:opacity .25s ease, transform .25s ease;
}

.scroll-step.active{
  opacity:1;
  transform:translateX(0);
}

.scroll-step span{
  display:block;
  margin-bottom:18px;
  color:var(--accent);
  font-weight:800;
}

.scroll-step h2{
  font-size:clamp(30px,4vw,46px);
}

.scroll-step p{
  max-width:460px;
  color:var(--muted);
  font-size:18px;
  line-height:1.7;
}

.quiet-grid{
  max-width:1180px;
  margin:0 auto;
  padding:70px 24px 30px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.quiet-grid article{
  padding:26px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
}

.quiet-grid h2{
  font-size:26px;
}

.quiet-grid p{
  color:var(--muted);
  line-height:1.65;
}

@media(max-width:860px){
  .scroll-product{grid-template-columns:1fr}
  .scroll-visual{position:relative;top:0}
  .cinema-screen{min-height:auto}
  .cinema-view{min-height:auto}
  .scroll-step{min-height:auto}
  .quiet-grid{grid-template-columns:1fr}
}

.product-shot{
  display:block;
  width:100%;
  height:100%;
  min-height:548px;
  object-fit:cover;
  object-position:center top;
  background:#fff;
}

.large-product-shot{
  max-width:1120px;
  margin:0 auto;
  border:1px solid rgba(255,255,255,.16);
  border-radius:8px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 28px 86px rgba(0,0,0,.34);
}

.large-product-shot img{
  display:block;
  width:100%;
  height:auto;
}

.large-product-shot figcaption{
  padding:16px 18px;
  color:#cbd5e1;
  background:#101827;
  font-size:14px;
}

.product-showcase-image{
  display:grid;
  gap:30px;
}

.product-showcase-image .showcase-copy{
  margin-bottom:8px;
}

.product-showcase-image .large-product-shot{
  width:100%;
  max-width:1080px;
}

.product-showcase-image .showcase-metrics{
  max-width:1080px;
  margin:0 auto;
}

.product-detail-band{
  background:#f8fafc;
}
.product-gallery{
  max-width:1180px;
  margin:0 auto;
  padding:76px 24px 36px;
}

.gallery-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
}

.gallery-grid figure{
  margin:0;
  border:1px solid var(--line);
  border-radius:8px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 16px 44px rgba(17,24,39,.08);
}

.gallery-grid img{
  display:block;
  width:100%;
  height:auto;
}

.gallery-grid figcaption{
  padding:14px 16px;
  color:var(--muted);
  font-weight:800;
  font-size:14px;
  border-top:1px solid var(--line);
}

@media(max-width:860px){
  .product-shot{min-height:0}
  .gallery-grid{grid-template-columns:1fr}
}