:root{
  --bg-deep:#080B12;
  --bg-panel:#0F1520;
  --bg-raised:#171F2E;
  --line:#243147;
  --line-strong:#33445C;
  --text:#EAF2FF;
  --text-dim:#A6B6CC;
  --text-faint:#6F7E95;
  --cyan:#00E5FF;
  --orange:#FF6B00;
  --lime:#39FF14;
  --red:#C73E2F;
  --mustard:#D9A441;
  --paper:#F7F2E7;
  --ink:#1F1D1B;
  --header-h:72px;
  --container:1240px;
  --page-gutter:clamp(18px, 4vw, 52px);
  --shadow-hard:6px 6px 0 rgba(0,0,0,.45);
  --shadow-hard-cyan:6px 6px 0 rgba(0,229,255,.2);
  --shadow-hard-orange:6px 6px 0 rgba(255,107,0,.3);
  --font-display:Impact,"Arial Narrow","Bebas Neue","PingFang SC","Microsoft YaHei",sans-serif;
  --font-body:"Inter","PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;
  --ease:cubic-bezier(.2,.7,.2,1);
}

*,*::before,*::after{box-sizing:border-box;}
html{color-scheme:dark; scroll-behavior:smooth;}
body{margin:0; background:var(--bg-deep); color:var(--text); font-family:var(--font-body); line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:hidden;}
main{display:block;}
h1,h2,h3,h4{font-family:var(--font-display); line-height:1.1; margin:0;}
p{margin:0 0 1em;}
a{color:var(--cyan); text-underline-offset:3px;}
a:hover{color:var(--lime);}
ul,ol{margin:0; padding:0; list-style:none;}
img{max-width:100%; display:block;}
button,input,select,textarea{font:inherit;}
:focus-visible{outline:3px solid var(--cyan); outline-offset:4px; box-shadow:0 0 0 6px rgba(0,229,255,.16);}

.site-main{padding-top:var(--header-h);}
.site-main--hero{padding-top:0;}
.container{width:100%; max-width:var(--container); margin-inline:auto; padding-inline:var(--page-gutter);}
.section{padding-block:clamp(4rem,9vw,7rem);}
.section--tight{padding-block:clamp(2.5rem,5vw,4rem);}
.section--panel{background:var(--bg-panel); border-block:2px solid var(--line);}
.section--paper{background:var(--paper); color:var(--ink);}
.section--paper .section-title,
.section--paper .eyebrow{color:var(--ink);}
.section--paper .section-title__rule{background:var(--red);}

.site-header{position:fixed; top:0; left:0; right:0; z-index:200; background:transparent; border-bottom:1px solid transparent; transition:background .25s var(--ease), border-color .25s var(--ease), box-shadow .25s var(--ease);}
.site-header[data-scrolled]{background:rgba(8,11,18,.94); border-bottom-color:var(--line); box-shadow:0 10px 40px rgba(0,0,0,.35); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);}
.site-header__inner{width:100%; max-width:var(--container); margin-inline:auto; padding-inline:var(--page-gutter); min-height:var(--header-h); display:flex; align-items:center; gap:clamp(14px,3vw,32px);}

.skip-link{position:fixed; top:-100px; left:16px; z-index:300; display:inline-flex; align-items:center; padding:10px 18px; background:var(--lime); color:#000; font-weight:700; text-decoration:none; box-shadow:4px 4px 0 rgba(0,0,0,.35); transition:top .2s var(--ease);}
.skip-link:focus{top:14px; color:#000;}

.brand{display:inline-flex; align-items:center; gap:12px; color:var(--text); text-decoration:none; margin-right:auto; flex-shrink:0;}
.brand:hover{color:var(--text);}
.brand__mark{display:grid; place-items:center; width:42px; height:42px; background:var(--bg-deep); border:2px solid var(--cyan); color:var(--cyan); font-family:var(--font-display); font-size:22px; line-height:1; transform:skew(-6deg); box-shadow:4px 4px 0 var(--orange); transition:transform .18s, box-shadow .18s, background .18s; text-align:center;}
.brand:hover .brand__mark{transform:skew(-6deg) translate(2px,2px); box-shadow:2px 2px 0 var(--orange);}
.brand__text{display:flex; flex-direction:column; gap:2px; min-width:0;}
.brand__name{font-family:var(--font-display); font-size:20px; line-height:1; letter-spacing:.04em; color:var(--text); text-transform:uppercase; white-space:nowrap;}
.brand__logotype{font-size:11px; color:var(--cyan); letter-spacing:.12em; white-space:nowrap;}
.brand__badge{border:1px solid var(--orange); background:rgba(255,107,0,.12); color:var(--orange); font-size:10px; padding:2px 5px; letter-spacing:.08em; transform:rotate(3deg); box-shadow:-2px 2px 0 rgba(255,107,0,.4); white-space:nowrap; text-transform:uppercase;}

.site-nav{margin-left:auto;}
.site-nav__list{display:flex; align-items:center; gap:2px;}
.site-nav__link{display:inline-block; padding:10px 10px; position:relative; font-family:var(--font-display); font-size:16px; letter-spacing:.06em; color:var(--text); text-decoration:none; line-height:1.2;}
.site-nav__link::after{content:""; position:absolute; left:10px; right:100%; bottom:4px; height:3px; background:linear-gradient(90deg,var(--orange),var(--cyan)); transition:right .22s var(--ease);}
.site-nav__link:hover{color:var(--cyan);}
.site-nav__link:hover::after{right:10px;}
.site-nav__link[aria-current="page"]{color:var(--orange);}
.site-nav__link[aria-current="page"]::after{right:10px; background:var(--orange);}

.header-cta{display:inline-flex; align-items:center; gap:8px; margin-left:16px; padding:10px 16px; border:1px solid var(--cyan); color:var(--cyan); background:transparent; font-weight:700; font-size:14px; letter-spacing:.04em; text-decoration:none; text-transform:uppercase; box-shadow:3px 3px 0 rgba(0,229,255,.25); transition:background .2s, border-color .2s, color .2s, box-shadow .2s, transform .15s;}
.header-cta:hover{background:var(--orange); border-color:var(--orange); color:#000; box-shadow:3px 3px 0 var(--cyan); transform:translate(-1px,-1px);}

.nav-toggle{display:none;}

.site-footer{position:relative; background:#05070D; border-top:3px solid var(--line-strong); padding-top:clamp(48px,8vw,80px);}
.site-footer::before{content:""; position:absolute; top:-3px; left:0; right:0; height:3px; background:linear-gradient(90deg, var(--orange) 0%, var(--orange) 20%, var(--cyan) 20%, var(--cyan) 45%, var(--lime) 45%, var(--lime) 70%, var(--red) 70%, var(--red) 100%);}
.site-footer__inner{width:100%; max-width:var(--container); margin-inline:auto; padding-inline:var(--page-gutter); display:grid; grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr)); gap:clamp(28px,5vw,64px); padding-bottom:clamp(32px,6vw,56px);}
.site-footer__brand{display:flex; flex-direction:column; gap:18px; padding-right:20px;}
.footer-brand{display:inline-flex; align-items:center; gap:12px; color:var(--text); text-decoration:none;}
.footer-brand:hover{color:var(--text);}
.footer-brand__mark{display:grid; place-items:center; width:40px; height:40px; background:var(--bg-panel); border:2px solid var(--orange); color:var(--orange); font-family:var(--font-display); font-size:24px; line-height:1; transform:skew(-6deg); box-shadow:4px 4px 0 var(--cyan);}
.footer-brand__name{font-family:var(--font-display); font-size:24px; letter-spacing:.04em; text-transform:uppercase;}
.site-footer__trust{margin:0; color:var(--text-dim); font-size:14px; line-height:1.7; max-width:36em; border-left:3px solid var(--cyan); padding-left:14px;}
.site-footer__col h2{font-family:var(--font-display); font-size:15px; letter-spacing:.14em; color:var(--cyan); text-transform:uppercase; margin-bottom:16px; padding-bottom:8px; border-bottom:1px solid var(--line);}
.site-footer__col ul{display:grid; gap:10px;}
.site-footer__col a{display:inline-block; padding-left:0; color:var(--text-dim); font-size:14px; text-decoration:none; transition:color .18s, padding-left .18s;}
.site-footer__col a:hover{color:var(--lime); padding-left:4px;}
.site-footer__contact li{color:var(--text-dim); font-size:14px; line-height:1.6; padding-left:16px; position:relative;}
.site-footer__contact li::before{content:"◆"; position:absolute; left:0; top:0; color:var(--orange); font-size:10px;}
.site-footer__meta{width:100%; border-top:1px solid var(--line); background:rgba(0,0,0,.35);}
.site-footer__meta-inner{width:100%; max-width:var(--container); margin-inline:auto; padding-inline:var(--page-gutter); display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 24px; padding-top:18px; padding-bottom:18px; color:var(--text-faint); font-size:12px; letter-spacing:.02em;}
.site-footer__meta a{color:var(--text-faint); text-decoration:none;}
.site-footer__meta a:hover{color:var(--lime);}
.site-footer__icp{color:var(--text-dim); letter-spacing:.04em;}
[data-year]{font-variant-numeric:tabular-nums;}

.back-to-top{position:fixed; right:20px; bottom:20px; z-index:150; width:46px; height:46px; display:grid; place-items:center; background:var(--bg-panel); border:2px solid var(--orange); color:var(--orange); font-size:20px; line-height:1; box-shadow:4px 4px 0 rgba(0,0,0,.45); opacity:0; visibility:hidden; transform:translateY(12px); transition:opacity .2s, transform .2s, visibility .2s, background .2s, border-color .2s;}
.back-to-top.is-visible{opacity:1; visibility:visible; transform:translateY(0);}
.back-to-top:hover{background:var(--cyan); border-color:var(--cyan); color:#000;}

.eyebrow{font-family:var(--font-display); font-size:14px; letter-spacing:.14em; color:var(--cyan); text-transform:uppercase; margin-bottom:8px;}
.section-title{font-family:var(--font-display); font-size:clamp(2.6rem,6vw,5rem); line-height:.95; letter-spacing:.02em; color:var(--text); margin:0 0 .25em; font-weight:700;}
.section-title--accent{color:var(--cyan);}
.section-title__rule{display:block; width:96px; height:5px; background:var(--orange); margin-top:14px;}
.annotation-vertical{writing-mode:vertical-rl; font-family:var(--font-display); font-size:12px; letter-spacing:.12em; color:var(--text-faint); text-transform:uppercase;}
.grid{display:grid; gap:clamp(16px,3vw,28px);}
.grid--2{grid-template-columns:repeat(2,minmax(0,1fr));}
.grid--3{grid-template-columns:repeat(3,minmax(0,1fr));}
.grid--4{grid-template-columns:repeat(4,minmax(0,1fr));}
.panel{position:relative; background:var(--bg-panel); border:2px solid var(--line-strong); box-shadow:var(--shadow-hard); padding:clamp(20px,3vw,32px); transition:transform .18s, border-color .18s, box-shadow .18s;}
.panel:hover{transform:translate(-2px,-2px); border-color:var(--cyan); box-shadow:var(--shadow-hard-cyan);}
.panel--accent{border-top:4px solid var(--orange);}
.panel--red{border-left:4px solid var(--red);}
.tag{display:inline-block; padding:4px 8px; border:1px solid var(--line-strong); background:var(--bg-raised); color:var(--text-dim); font-size:12px; letter-spacing:.08em; text-transform:uppercase;}
.tag--cyan{border-color:var(--cyan); color:var(--cyan); background:rgba(0,229,255,.08);}
.tag--orange{border-color:var(--orange); color:var(--orange); background:rgba(255,107,0,.1);}
.note{border-left:4px solid var(--orange); background:rgba(255,107,0,.12); padding:14px 16px; color:var(--text-dim); font-size:14px; line-height:1.7;}
.btn{display:inline-flex; align-items:center; gap:8px; padding:12px 22px; border:2px solid var(--line-strong); background:transparent; color:var(--text); font-weight:700; text-decoration:none; letter-spacing:.02em; transition:background .2s, color .2s, border-color .2s, box-shadow .2s, transform .15s;}
.btn:hover{transform:translate(-2px,-2px);}
.btn--primary{background:var(--orange); border-color:var(--orange); color:#000; box-shadow:5px 5px 0 var(--cyan);}
.btn--primary:hover{background:var(--cyan); border-color:var(--cyan); color:#000; box-shadow:5px 5px 0 var(--orange);}
.btn--ghost{border-color:var(--cyan); color:var(--cyan); box-shadow:4px 4px 0 rgba(0,229,255,.2);}
.btn--ghost:hover{background:var(--cyan); color:#000; box-shadow:4px 4px 0 var(--orange);}
.breadcrumb{display:flex; flex-wrap:wrap; gap:8px; margin:0 0 24px;}
.breadcrumb__item{color:var(--text-faint); font-size:14px;}
.breadcrumb__item + .breadcrumb__item::before{content:"/"; color:var(--text-faint); margin-right:8px;}
.breadcrumb__link{color:var(--text-dim); text-decoration:none;}
.breadcrumb__link:hover{color:var(--cyan);}
.media-frame{position:relative; overflow:hidden; border:2px solid var(--line-strong); background:var(--bg-panel); box-shadow:var(--shadow-hard);}
.media-frame::before{content:""; display:block; padding-top:56.25%;}
.media-frame--portrait::before{padding-top:125%;}
.media-frame--square::before{padding-top:100%;}
.media-frame--tall::before{padding-top:150%;}
.media-frame__slot{position:absolute; inset:0; display:grid; place-items:center; padding:16px; color:var(--text-faint); font-size:12px; letter-spacing:.08em; text-align:center; background:repeating-linear-gradient(135deg, rgba(0,229,255,.05) 0, rgba(0,229,255,.05) 12px, transparent 12px, transparent 24px);}
.media-frame__caption{position:absolute; left:0; right:0; bottom:0; padding:28px 12px 8px; color:var(--text); font-size:12px; background:linear-gradient(transparent, rgba(0,0,0,.75));}

.js [data-reveal="hidden"]{opacity:0; transform:translateY(18px);}
[data-reveal]{transition:opacity .6s var(--ease), transform .6s var(--ease);}
[data-reveal="visible"]{opacity:1; transform:none;}

@media (max-width:1080px){
  .brand__logotype{display:none;}
}
@media (max-width:960px){
  .site-footer__inner{grid-template-columns:1fr 1fr;}
  .site-footer__brand{grid-column:1 / -1;}
  .grid--3,.grid--4{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:900px){
  :root{--header-h:64px;}
  .header-cta{display:none;}
  .nav-toggle{display:inline-flex; flex-shrink:0; align-items:center; gap:5px; padding:8px 10px; background:transparent; border:1px solid var(--line-strong); color:var(--text); line-height:1;}
  .nav-toggle__bar{display:block; width:20px; height:2px; background:var(--cyan); transition:transform .2s var(--ease), opacity .2s;}
  .nav-toggle__label{font-size:10px; letter-spacing:.08em; color:var(--text-dim);}
  .site-nav{position:fixed; top:var(--header-h); left:0; right:0; bottom:0; z-index:190; margin:0; padding:24px var(--page-gutter) 48px; background:rgba(8,11,18,.98); border-top:1px solid var(--line); visibility:hidden; transform:translateX(100%); transition:transform .28s var(--ease), visibility .28s; overflow-y:auto;}
  .site-nav[data-open]{visibility:visible; transform:translateX(0);}
  .site-nav__list{flex-direction:column; align-items:stretch; gap:4px;}
  .site-nav__link{display:block; padding:14px 4px; font-size:22px; border-bottom:1px solid var(--line);}
  .site-nav__link::after{display:none;}
  .site-nav__link[aria-current="page"]{border-bottom-color:var(--orange); background:linear-gradient(90deg, rgba(255,107,0,.16), transparent); padding-left:12px; color:var(--orange);}
  .nav-toggle[aria-expanded="true"] .nav-toggle__bar:nth-child(1){transform:translateY(4px) rotate(45deg);}
  .nav-toggle[aria-expanded="true"] .nav-toggle__bar:nth-child(2){transform:translateY(-4px) rotate(-45deg);}
}
@media (max-width:640px){
  .site-footer__inner{grid-template-columns:1fr; gap:32px;}
  .site-footer__brand{grid-column:auto; padding-right:0;}
  .footer-brand__name{font-size:22px;}
  .grid--2{grid-template-columns:1fr;}
  .back-to-top{right:14px; bottom:14px;}
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important;}
  .js [data-reveal="hidden"]{opacity:1; transform:none;}
  .back-to-top{transition:none;}
}