:root {
  --bg: #080d0b;
  --panel: #0e1713;
  --panel-2: #111e18;
  --ink: #edf6ef;
  --muted: #9caaa1;
  --line: #294036;
  --green: #9dff38;
  --green-dark: #6acb1d;
  --amber: #ffb547;
  --blue: #57b8ff;
  --red: #ff7670;
  --white: #f8fff9;
  color-scheme: dark;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 16px/1.65 "SFMono-Regular", Consolas, "Liberation Mono", "PingFang SC", monospace; letter-spacing: 0; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
.wrap { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
.site-header { position: sticky; top: 0; z-index: 20; background: rgba(8, 13, 11, .93); border-bottom: 1px solid var(--line); backdrop-filter: blur(16px); }
.header-inner { min-height: 70px; display: flex; align-items: center; gap: 26px; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; color: var(--white); letter-spacing: 0; white-space: nowrap; }
.brand-mark { width: 24px; height: 24px; display: grid; place-items: center; border: 1px solid var(--green); transform: rotate(45deg); }
.brand-mark span { display:block; width: 8px; height: 8px; background: var(--green); }
.brand-slash { color: var(--green); }
.site-nav { display: flex; align-items: center; gap: 4px; margin-left: auto; }
.site-nav a { padding: 9px 11px; color: var(--muted); font-size: 14px; }
.site-nav a:hover, .site-nav a:focus-visible { color: var(--green); }
.header-cta, .btn { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid var(--green); padding: 0 15px; color: var(--bg); background: var(--green); font-weight: 800; font-size: 14px; transition: transform .18s ease, background .18s ease, color .18s ease; }
.header-cta svg, .btn svg { width: 16px; height: 16px; }
.header-cta:hover, .btn:hover { transform: translate(-2px, -2px); box-shadow: 3px 3px 0 var(--green-dark); }
.btn.primary { background: var(--green); color: #0a100b; }
.btn.ghost, .btn:not(.primary) { background: transparent; color: var(--ink); border-color: #a9b7ae; }
.btn.ghost:hover, .btn:not(.primary):hover { background: #16251d; box-shadow: 3px 3px 0 var(--line); }
.nav-toggle { display: none; width: 42px; height: 42px; border: 1px solid var(--line); background: transparent; color: var(--ink); }
.hero { position: relative; min-height: 595px; overflow: hidden; background-position: center; background-size: cover; border-bottom: 1px solid var(--line); }
.hero-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(4, 10, 7, .94) 0%, rgba(4, 10, 7, .8) 44%, rgba(4, 10, 7, .35) 100%); }
.hero:after { content: ""; position: absolute; inset: 0; opacity: .38; pointer-events: none; background-image: linear-gradient(rgba(157,255,56,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(157,255,56,.07) 1px, transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(to bottom, black, transparent); }
.hero-inner { min-height: 595px; position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(310px, .7fr); align-items: center; gap: 80px; }
.hero-copy { max-width: 720px; padding: 70px 0; }
.eyebrow, .kicker { color: var(--green); margin: 0 0 12px; font-size: 13px; font-weight: 800; letter-spacing: 0; }
h1, h2, h3, p { margin-top: 0; }
h1 { max-width: 720px; margin-bottom: 20px; font: 800 clamp(42px, 6vw, 76px)/1.08 "PingFang SC", "Microsoft YaHei", sans-serif; letter-spacing: 0; }
h2 { margin-bottom: 15px; font: 800 clamp(27px, 4vw, 44px)/1.18 "PingFang SC", "Microsoft YaHei", sans-serif; letter-spacing: 0; }
h3 { margin-bottom: 10px; font: 800 22px/1.3 "PingFang SC", "Microsoft YaHei", sans-serif; }
.hero-copy > p:not(.eyebrow), .page-hero p { max-width: 650px; color: #c8d5cc; font: 18px/1.8 "PingFang SC", "Microsoft YaHei", sans-serif; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 29px; }
.hero-readout { border: 1px solid rgba(157,255,56,.65); background: rgba(5, 13, 9, .84); box-shadow: 9px 9px 0 rgba(0,0,0,.25); }
.readout-top { display:flex; justify-content:space-between; padding: 10px 13px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 12px; }
.readout-live { color: var(--green); }
.readout-grid { display: grid; grid-template-columns: repeat(3, 1fr); padding: 22px 12px; gap: 8px; }
.readout-grid div { border-right: 1px solid var(--line); padding-left: 10px; }
.readout-grid div:last-child { border: 0; }
.readout-grid strong { display: block; color: var(--green); font-size: 28px; line-height: 1.2; }
.readout-grid span { display: block; color: var(--muted); font-size: 12px; }
.readout-code { border-top: 1px solid var(--line); padding: 17px 20px; color: #cbd7cf; font-size: 13px; line-height: 1.9; }
.readout-code span { color: var(--amber); }
.readout-code b { color: var(--green); font-weight: 500; }
.cursor { color: var(--green); animation: blink 1s steps(2) infinite; }
@keyframes blink { 50% { opacity: 0; } }
.page-hero { border-bottom: 1px solid var(--line); background: linear-gradient(110deg, #0e1d15, #0a0e0c 72%); padding: 82px 0 76px; position: relative; overflow:hidden; }
.page-hero:after { content: ">_"; color: rgba(157,255,56,.15); position:absolute; right:5%; top:20px; font-size: 190px; line-height:1; }
.page-hero .wrap { position:relative; z-index:1; }
.page-hero h1 { font-size: clamp(38px, 5vw, 61px); }
.section { padding: 90px 0; }
.section-head { max-width: 745px; margin-bottom: 35px; }
.section-head.narrow { max-width: 640px; }
.lead { color: var(--muted); font: 17px/1.8 "PingFang SC", "Microsoft YaHei", sans-serif; }
.signal-strip { border-bottom:1px solid var(--line); background: #0c1410; }
.signal-grid { min-height: 44px; display:grid; grid-template-columns: repeat(4, 1fr); align-items:center; gap: 20px; color: var(--muted); font-size: 12px; }
.signal-grid span:first-child { color: var(--green); }
.signal-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--green); margin: 0 8px 1px 0; box-shadow:0 0 10px var(--green); }
.service-grid { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); }
.service-card { min-height: 350px; position:relative; display:flex; flex-direction:column; padding: 30px; border-right:1px solid var(--line); background:var(--panel); transition: background .18s ease, transform .18s ease; }
.service-card:last-child { border:0; }
.service-card:hover { background:#16251d; transform: translateY(-4px); }
.service-card > svg { width: 31px; height:31px; margin:28px 0 18px; }
.service-green > svg, .service-green .card-link { color:var(--green); }
.service-amber > svg, .service-amber .card-link { color:var(--amber); }
.service-blue > svg, .service-blue .card-link { color:var(--blue); }
.card-index { position:absolute; top:25px; right:25px; color:#6b786f; font-size:13px; }
.service-card p { color:var(--muted); font:15px/1.8 "PingFang SC", "Microsoft YaHei", sans-serif; }
.card-link { margin-top:auto; font-weight:800; }
.card-link b { margin-left: 6px; font-size:19px; }
.band { padding: 82px 0; }
.terminal-band { border-block:1px solid var(--line); background: #0d1611; }
.split { display:grid; grid-template-columns:1fr 1fr; gap:75px; align-items:center; }
.terminal-window { border:1px solid var(--line); background:#070b09; box-shadow: 8px 8px 0 #050705; }
.terminal-bar { min-height:40px; display:flex; align-items:center; gap:6px; padding:0 13px; border-bottom:1px solid var(--line); }
.terminal-bar span { width:8px; height:8px; border-radius:50%; background:#607066; }
.terminal-bar span:nth-child(1){background:var(--red)} .terminal-bar span:nth-child(2){background:var(--amber)} .terminal-bar span:nth-child(3){background:var(--green)}
.terminal-bar code { margin-left:9px; color:var(--muted); font-size:12px; }
.terminal-window pre { min-height:215px; margin:0; padding:25px; white-space:pre-line; color:#d8e4db; line-height:2; font-size:14px; }
.terminal-window pre b { color:var(--green); }
.term-green { display:block; color:var(--green); }
.term-amber { display:block; color:var(--amber); }
.price-line { display:grid; grid-template-columns:repeat(3,1fr) auto; align-items:center; gap:20px; padding:26px; border-block:1px solid var(--line); }
.price-line div { display:grid; grid-template-columns:auto auto 1fr; align-items:baseline; gap:8px; padding-right:20px; border-right:1px solid var(--line); }
.price-line div:nth-child(3){border:0}.price-label,.price-line div>span:last-child{color:var(--muted);font-size:13px}.price-line strong{color:var(--green);font-size:25px}.fine-print{margin:16px 0 0;color:#78877d;font-size:12px}.light{background:#101914;border-block:1px solid var(--line)}.article-preview .text-link{margin-top:27px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.article-card{display:flex;gap:17px;min-height:188px;padding:21px;border:1px solid var(--line);background:#0b120e;transition:transform .18s ease,border-color .18s ease}.article-card:hover{transform:translateY(-3px);border-color:var(--green)}.article-number{color:var(--green);font-size:18px;line-height:1}.article-card>div:last-child{display:flex;flex-direction:column;align-items:flex-start}.article-category{color:var(--amber);font-size:12px}.article-card strong{margin:7px 0;color:var(--ink);font:800 17px/1.45 "PingFang SC","Microsoft YaHei",sans-serif}.article-excerpt{color:var(--muted);font:13px/1.65 "PingFang SC","Microsoft YaHei",sans-serif}.article-read{margin-top:auto;color:var(--green);font-size:12px}.text-link{display:inline-flex;gap:9px;align-items:center;color:var(--green);font-weight:800}.text-link span{font-size:20px}.notice-block{display:flex;gap:17px;margin-top:78px;margin-bottom:78px;padding:20px 0;border-block:1px solid var(--line)}.notice-block>svg{flex:0 0 auto;color:var(--amber);width:22px}.notice-block strong{font-size:14px}.notice-block p{margin:4px 0 0;color:var(--muted);font:13px/1.8 "PingFang SC","Microsoft YaHei",sans-serif}

/* Forms */
.form-layout{display:grid;grid-template-columns:.66fr 1.34fr;gap:80px;align-items:start}.form-intro{position:sticky;top:105px}.form-steps{padding:0;margin:34px 0;list-style:none;border-top:1px solid var(--line)}.form-steps li{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid var(--line);color:#718076}.form-steps b{font-size:12px}.form-steps .active{color:var(--green)}.side-note{display:flex;gap:11px;align-items:flex-start;color:var(--muted);font-size:12px}.side-note svg{width:17px;color:var(--green)}.intake-form{border:1px solid var(--line);background:var(--panel)}.form-section{padding:29px;border-bottom:1px solid var(--line)}.form-section:last-child{border:0}.form-section-head{display:flex;gap:12px;align-items:center;margin-bottom:23px}.form-section-head>span{display:grid;place-items:center;width:27px;height:27px;background:var(--green);color:#09100b;font-size:12px;font-weight:800}.form-section h3{margin:0;font-size:19px}form label{display:block;color:#cdd7cf;font-size:13px;font-weight:700}input,select,textarea{width:100%;margin-top:7px;border:1px solid #34493c;background:#090e0b;color:var(--ink);padding:11px 12px;outline:none;font-size:14px;line-height:1.5}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(157,255,56,.12)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:17px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:8px}.choice{display:flex;align-items:center;gap:8px;border:1px solid #34493c;padding:10px;color:var(--muted);font-weight:400}.choice input,.checkline input{width:auto;margin:0;accent-color:var(--green)}.checkline{display:flex;gap:8px;align-items:flex-start;color:var(--muted);font-size:12px}.submit-btn{margin-top:22px}.form-status{margin:12px 0 0;color:var(--green);font-size:13px}

/* Catalog and articles */
.catalog-table{border:1px solid var(--line)}.catalog-row{display:grid;grid-template-columns:1.05fr .55fr 1.35fr 44px;gap:20px;align-items:center;padding:24px;border-bottom:1px solid var(--line)}.catalog-row:last-child{border:0}.catalog-head{padding:12px 24px;background:#152119;color:#87978c;font-size:12px}.catalog-row strong{display:block;font:800 17px/1.4 "PingFang SC","Microsoft YaHei",sans-serif}.catalog-row small{display:block;margin-top:3px;color:var(--muted);font:12px/1.5 "PingFang SC","Microsoft YaHei",sans-serif}.catalog-row>span{color:var(--muted);font:13px/1.7 "PingFang SC","Microsoft YaHei",sans-serif}.catalog-price{color:var(--green)}.catalog-price small{display:inline;color:var(--muted)}.icon-btn{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);background:transparent;color:var(--green)}.icon-btn svg{width:17px}.timeline{list-style:none;padding:0;margin:27px 0 0}.timeline li{position:relative;display:grid;gap:3px;padding:0 0 24px 30px;color:var(--muted);font:14px/1.7 "PingFang SC","Microsoft YaHei",sans-serif}.timeline li:before{content:"";position:absolute;left:0;top:6px;width:10px;height:10px;background:var(--green)}.timeline li:after{content:"";position:absolute;left:4px;top:19px;bottom:0;border-left:1px solid var(--line)}.timeline li:last-child:after{display:none}.timeline strong{color:var(--ink);font-size:15px}.timeline span{display:block}.policy-panel{padding:34px;border:1px solid #465d4d;background:#122018}.policy-panel>svg{color:var(--amber);width:29px;height:29px;margin-bottom:22px}.policy-panel strong{font-size:20px}.policy-panel p{margin:12px 0 25px;color:var(--muted);font:14px/1.8 "PingFang SC","Microsoft YaHei",sans-serif}.contact-card{display:grid;grid-template-columns:1fr .9fr;gap:65px;padding:42px;border:1px solid var(--line);background:#101a14}.contact-card form{display:grid;gap:16px}.contact-card h2{font-size:31px}.contact-card p{color:var(--muted);font-family:"PingFang SC","Microsoft YaHei",sans-serif}.contact-lines{display:grid;gap:11px;margin-top:28px;color:#ccd8cf;font-size:13px}.contact-lines span{display:flex;gap:8px;align-items:center}.contact-lines svg{width:16px;color:var(--green)}.contact-page{min-height:465px;display:grid;align-items:center}.article-library{padding-top:54px}.library-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.search-box{display:flex;align-items:center;gap:9px;width:min(375px,100%);border:1px solid var(--line);padding:0 11px;color:var(--green)}.search-box input{margin:0;border:0;background:transparent;box-shadow:none}.filter-row{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:34px;border:1px solid var(--line);background:transparent;padding:0 10px;color:var(--muted);font-size:12px}.chip.active,.chip:hover{border-color:var(--green);color:var(--green);background:#152317}.library-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.library-grid .article-card{min-height:160px}.library-grid .article-card:nth-child(3n+1) .article-number{color:var(--green)}.library-grid .article-card:nth-child(3n+2) .article-number{color:var(--amber)}.library-grid .article-card:nth-child(3n) .article-number{color:var(--blue)}.is-hidden{display:none!important}.article-detail{display:grid;grid-template-columns:150px minmax(0,720px) 210px;gap:52px;align-items:start}.article-meta{display:grid;gap:12px;color:var(--muted);font-size:12px}.article-meta span:first-child{color:var(--amber)}.article-body{font-family:"PingFang SC","Microsoft YaHei",sans-serif}.article-body .article-lead{margin-bottom:38px;color:#c9d4cb;font-size:20px;line-height:1.9}.article-body h2{margin:38px 0 11px;font-size:25px}.article-body p{margin-bottom:18px;color:#b6c4ba;font-size:16px;line-height:2}.article-aside{position:sticky;top:100px;display:grid;gap:20px}.toc{display:grid;gap:10px;border-left:1px solid var(--line);padding-left:16px}.toc strong{margin-bottom:4px}.toc a{color:var(--muted);font-size:13px}.toc a:hover{color:var(--green)}.article-aside .btn{min-height:auto;padding:11px;justify-content:flex-start;font-size:12px}

.admin-shell{min-height:610px}.admin-login-panel{max-width:760px;display:grid;grid-template-columns:1fr .8fr;gap:48px;margin:0 auto;padding:38px;border:1px solid var(--line);background:#101a14}.admin-login-panel form{display:grid;gap:16px}.admin-toolbar{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;padding-bottom:28px;border-bottom:1px solid var(--line)}.admin-toolbar h2{margin-bottom:6px;font-size:31px}.admin-toolbar .lead{margin:0;font-size:14px}.admin-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.admin-filters{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:25px 0}.admin-filters .search-box{margin:0}.admin-list{display:grid;gap:12px}.submission-card{padding:21px 23px;border:1px solid var(--line);background:#0b120e}.submission-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:13px;color:var(--muted);font-size:12px}.submission-type{display:inline-flex;align-items:center;min-height:25px;padding:0 8px;border:1px solid var(--line);color:var(--amber)}.submission-type.intake{color:var(--green);border-color:#40751c}.submission-card h3{margin-bottom:9px;font-size:19px}.submission-contact{margin-bottom:8px;color:#e2ece4;font-weight:800;font-size:14px}.submission-meta{margin:0 0 9px;color:var(--amber);font-size:12px}.submission-detail{margin:0;color:var(--muted);font:14px/1.8 "PingFang SC","Microsoft YaHei",sans-serif;white-space:pre-wrap}.admin-empty{margin:0;padding:36px 0;border-block:1px solid var(--line);color:var(--muted);text-align:center}.admin-app>.form-status{margin-top:16px}

.site-footer{border-top:1px solid var(--line);background:#070b09;padding:55px 0}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:40px}.footer-grid p,.footer-grid small{display:block;color:var(--muted);font:13px/1.8 "PingFang SC","Microsoft YaHei",sans-serif}.footer-grid strong{display:block;margin-bottom:12px;color:#dbe5dd;font-size:13px}.footer-grid a,.footer-grid span{display:block;margin:7px 0;color:var(--muted);font:13px/1.7 "PingFang SC","Microsoft YaHei",sans-serif}.footer-grid a:hover{color:var(--green)}.footer-brand{margin-bottom:12px}

@media (max-width: 900px) { .header-cta{display:none}.header-inner{gap:15px}.site-nav{position:absolute;top:70px;left:0;right:0;display:none;padding:12px max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line);background:#0a100c}.site-nav.open{display:grid;grid-template-columns:repeat(2,1fr)}.site-nav a{padding:12px}.nav-toggle{display:grid;place-items:center;margin-left:auto}.hero-inner{grid-template-columns:1fr;gap:0}.hero-readout{display:none}.signal-grid{grid-template-columns:repeat(2,1fr);padding:10px 0}.service-grid,.article-grid{grid-template-columns:1fr}.service-card{min-height:275px;border-right:0;border-bottom:1px solid var(--line)}.service-card:last-child{border:0}.split,.form-layout,.contact-card,.admin-login-panel{grid-template-columns:1fr;gap:35px}.form-intro{position:static}.form-layout{gap:30px}.price-line{grid-template-columns:1fr 1fr}.price-line div{border-right:0}.price-line .btn{grid-column:1/-1}.catalog-row{grid-template-columns:1fr 1fr 38px;gap:14px}.catalog-row>span{grid-column:1/3}.catalog-head{display:none}.library-toolbar{align-items:stretch;flex-direction:column}.search-box{width:100%}.library-grid{grid-template-columns:1fr}.article-detail{grid-template-columns:1fr;gap:28px}.article-meta{grid-template-columns:repeat(3,max-content);gap:18px}.article-aside{position:static;grid-template-columns:1fr auto}.toc{display:none}.footer-grid{grid-template-columns:1fr 1fr}.terminal-window pre{min-height:auto}.section{padding:65px 0}.band{padding:65px 0}.notice-block{margin-top:54px;margin-bottom:54px}.admin-toolbar,.admin-filters{align-items:stretch;flex-direction:column} }
@media (max-width: 540px) { .wrap{width:min(100% - 32px,1180px)}.hero{min-height:500px}.hero-inner{min-height:500px}.hero-copy{padding:55px 0}.hero-copy>p:not(.eyebrow){font-size:16px}.hero-actions .btn{width:100%}.signal-grid{gap:7px;font-size:10px}.section-head{margin-bottom:25px}.price-line{grid-template-columns:1fr;padding:18px}.price-line div{border-bottom:1px solid var(--line);padding:0 0 13px}.field-row,.choice-grid{grid-template-columns:1fr}.form-section{padding:20px}.contact-card{padding:25px}.catalog-row{padding:19px}.article-meta{display:flex;flex-wrap:wrap}.footer-grid{grid-template-columns:1fr;gap:24px}.page-hero{padding:62px 0}.page-hero:after{font-size:120px;right:-8px}.article-body h2{font-size:23px}.article-body p{font-size:15px} }
