:root {
  --bg:#07110f;
  --surface:#0b1714;
  --surface-2:#0f1e1a;
  --ink:#eef6f2;
  --muted:#91a69d;
  --line:#1e322b;
  --accent:#7de0bd;
  --accent-soft:rgba(125,224,189,.12);
  --max:1220px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px;background:radial-gradient(circle at 78% 4%,rgba(45,113,91,.2),transparent 34rem),var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","PingFang TC",sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(calc(100% - 56px),var(--max));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:40;min-height:68px;padding:0 max(28px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr auto;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(7,17,15,.84);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:700;letter-spacing:-.02em}.brand img{filter:brightness(0) invert(1);opacity:.92}.brand i{font-style:normal;color:#466057}.brand strong{color:var(--accent)}
.nav{display:flex;gap:28px;font-size:13px;color:#a8bbb3}.nav a:hover{color:#fff}.menu-button{display:none;border:0;background:transparent;color:#fff;padding:8px 0}
.hero{min-height:calc(100vh - 68px);padding:80px 0 90px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);gap:clamp(52px,7vw,100px);align-items:center}.hero-copy{max-width:680px}.eyebrow{margin:0 0 20px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.eyebrow span{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px rgba(125,224,189,.7)}
.hero h1{margin:0;font-size:clamp(47px,5.3vw,76px);line-height:1.03;letter-spacing:-.055em;font-weight:570}.lead{margin:28px 0 0;max-width:630px;color:#9eb1a9;font-size:clamp(16px,1.5vw,19px);line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.button{min-height:46px;padding:0 18px;border:1px solid var(--line);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:700}.button.primary{background:var(--ink);border-color:var(--ink);color:#08110f}.button.primary:hover{background:var(--accent);border-color:var(--accent)}.button.ghost{color:#c8d5d0;background:rgba(255,255,255,.02)}.button.ghost:hover{background:rgba(255,255,255,.06)}.signal-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px;color:#70877e;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.signal-row span::before{content:"";display:inline-block;width:4px;height:4px;margin:0 7px 2px 0;border-radius:50%;background:#506d62}
.workspace-demo{overflow:hidden;border:1px solid #294138;border-radius:14px;background:#08130f;box-shadow:0 36px 100px rgba(0,0,0,.42)}.demo-top{height:42px;padding:0 14px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #20372f;background:#0b1714;color:#61776e;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.demo-top>span{text-align:center}.demo-top small{justify-self:end;color:#6dc7a8;font-size:9px;letter-spacing:.11em}.dots{display:flex;gap:6px}.dots i{width:7px;height:7px;border-radius:50%;background:#345047}.demo-body{min-height:480px;display:grid;grid-template-columns:155px 1fr}.demo-body aside{padding:19px 12px;border-right:1px solid #20372f;background:#091410}.side-title{margin:0 7px 18px;color:#647a71;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase}.side-item{padding:9px 8px;margin:3px 0;display:flex;gap:8px;align-items:center;border-radius:6px;color:#667d73;font-size:11px}.side-item.active{background:#10221c;color:#d9e7e1}.side-item span{color:#60a98f}.demo-main{padding:32px 29px}.demo-label{margin:0 0 10px;color:#527165;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}.demo-main h2{margin:0;max-width:520px;font-size:21px;line-height:1.35;letter-spacing:-.025em;font-weight:560}.flow{margin-top:29px;border-top:1px solid #1d332b}.flow-row{min-height:62px;display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;border-bottom:1px solid #1d332b;color:#536b61}.flow-icon{width:20px;height:20px;display:grid;place-items:center;border:1px solid #2a4138;border-radius:50%;font:10px ui-monospace,monospace}.flow-row div{display:flex;flex-direction:column}.flow-row b{color:#92a69e;font-size:11px;font-weight:650}.flow-row small{margin-top:2px;font-size:9px;color:#536b61}.flow-row em{font-style:normal;font:9px ui-monospace,monospace;text-transform:uppercase}.flow-row.done .flow-icon,.flow-row.done em{color:#68b99d}.flow-row.current{color:#7de0bd;background:linear-gradient(90deg,rgba(125,224,189,.06),transparent)}.flow-row.current .flow-icon{border-color:#63b99b}.flow-row.current b{color:#d9ede5}.terminal{margin-top:24px;padding:12px 13px;border:1px solid #1e352c;border-radius:6px;background:#050c09;color:#607d71;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.terminal span{color:#6bc4a4;margin-right:7px}.cursor{display:inline-block;width:6px;height:11px;margin-left:5px;vertical-align:-2px;background:#6bc4a4;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}
.section-meta{padding:16px 0 15px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #294138;color:#526d62;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.1em}.section-meta span:first-child{color:#b7c7c0}.statement,.capabilities,.control,.status{padding-bottom:118px}.statement-grid{padding:38px 0 16px;display:grid;grid-template-columns:1.15fr .85fr;gap:84px}.statement-grid h2{margin:0;font-size:clamp(36px,4.2vw,57px);line-height:1.1;letter-spacing:-.045em;font-weight:550}.statement-grid p{margin:3px 0 20px;color:#8da299;font-size:16px;line-height:1.85}
.architecture{padding:0 0 118px;display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr 34px 1fr;align-items:stretch}.arch-node{min-height:180px;padding:23px;border:1px solid #233a31;border-radius:10px;background:#0a1511;display:flex;flex-direction:column}.arch-node small{color:#536d62;font:9px ui-monospace,monospace;letter-spacing:.12em}.arch-node strong{margin-top:auto;font-size:23px;letter-spacing:-.03em}.arch-node span{margin-top:3px;color:#657c72;font-size:11px}.arch-node.core{border-color:#3f735f;background:#0e1e18;box-shadow:inset 0 0 40px rgba(125,224,189,.03)}.arch-node.core strong{color:var(--accent)}.connector{display:grid;place-items:center;color:#39584c;font:14px ui-monospace,monospace}
.cap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#20352d;border:1px solid #20352d}.cap-grid article{min-height:300px;padding:28px;background:#091410}.cap-grid article>span{color:#557166;font:10px ui-monospace,monospace}.cap-grid h3{margin:74px 0 13px;font-size:28px;line-height:1.15;letter-spacing:-.035em;font-weight:560}.cap-grid p{margin:0;max-width:500px;color:#81978e;font-size:14px;line-height:1.75}
.control-grid{padding-top:42px;display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.control-copy h2{margin:0;font-size:clamp(37px,4.5vw,58px);line-height:1.08;letter-spacing:-.05em;font-weight:550}.control-copy>p:last-child{margin:24px 0 0;max-width:520px;color:#879c93;font-size:15px;line-height:1.85}.control-list{border-top:1px solid #294138}.control-list>div{min-height:94px;padding:18px 0;display:grid;grid-template-columns:54px 1fr;align-items:center;border-bottom:1px solid #294138}.control-list b{color:#48675a;font:10px ui-monospace,monospace}.control-list span{display:flex;flex-direction:column}.control-list strong{font-size:16px}.control-list small{margin-top:4px;color:#6d8379;font-size:12px}
.status-card{padding:46px;display:grid;grid-template-columns:1fr 1fr;gap:70px;border:1px solid #315044;border-radius:12px;background:linear-gradient(135deg,#0c1a15,#0a1612)}.status-card h2{margin:0;font-size:clamp(34px,4vw,50px);letter-spacing:-.045em;font-weight:550}.status-card div:last-child>p{margin:0;color:#8ca198;font-size:14px;line-height:1.8}.badge{margin-top:22px;padding:7px 10px;display:inline-flex;align-items:center;gap:7px;border:1px solid #35584a;border-radius:999px;color:#8fb9a9;font:9px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}.badge i{width:5px;height:5px;border-radius:50%;background:#7de0bd;box-shadow:0 0 10px rgba(125,224,189,.6)}
.site-footer{padding:28px 0 34px;display:grid;grid-template-columns:1fr auto auto;gap:40px;border-top:1px solid #294138;color:#5e766c;font-size:11px}.site-footer div{display:flex;gap:8px}.footer-brand{color:#cad8d2;font-weight:700}
@media(max-width:980px){.shell{width:min(calc(100% - 36px),var(--max))}.site-header{padding:0 18px}.hero{grid-template-columns:1fr;padding-top:62px}.workspace-demo{max-width:760px}.statement-grid,.control-grid,.status-card{grid-template-columns:1fr;gap:34px}.architecture{grid-template-columns:1fr;gap:8px}.connector{height:26px;transform:rotate(90deg)}.arch-node{min-height:145px}.statement,.capabilities,.control,.status,.architecture{padding-bottom:88px}}
@media(max-width:680px){.nav{position:absolute;top:68px;left:0;right:0;padding:8px 18px 18px;display:none;flex-direction:column;gap:0;background:#08120f;border-bottom:1px solid #1e332b}.nav.open{display:flex}.nav a{padding:13px 0;border-bottom:1px solid #1e332b}.menu-button{display:block;justify-self:end}.hero{padding:50px 0 72px}.hero h1{font-size:clamp(39px,12vw,53px)}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.signal-row{gap:10px 16px}.demo-body{grid-template-columns:1fr;min-height:auto}.demo-body aside{display:none}.demo-main{padding:25px 20px}.demo-main h2{font-size:18px}.flow-row{grid-template-columns:24px 1fr}.flow-row em{display:none}.statement-grid h2{font-size:36px}.cap-grid{grid-template-columns:1fr}.cap-grid article{min-height:250px}.cap-grid h3{margin-top:48px}.status-card{padding:28px}.site-footer{grid-template-columns:1fr;gap:8px}.site-footer p{margin:0}.section-meta span:last-child{display:none}}