*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body,h1,h2,h3,h4,p,ul,ol,li,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
img,svg{max-width:100%;display:block}
button,input,select,textarea{font:inherit;color:inherit}

:root{
  --abyss:#071A33;
  --deep:#0E2A4E;
  --darker:#04101F;
  --cyan:#2EF2C8;
  --coral:#FF6B4A;
  --violet:#7A5CFF;
  --white:#F2F6FF;
  --mist:#8FA6C4;
  --gold:#FFD166;
  --band-a:linear-gradient(120deg,#2EF2C8,#0E7FA8);
  --band-b:linear-gradient(120deg,#7A5CFF,#2EF2C8);
  --band-c:linear-gradient(120deg,#FF6B4A,#FFD166);
  --line:rgba(143,166,196,.22);
  --line-soft:rgba(143,166,196,.14);
  --line-strong:rgba(143,166,196,.34);
  --shell-w:72rem;
  --measure:38ch;
  --font-sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC","Noto Sans CJK SC",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-mono:"JetBrains Mono","SFMono-Regular",Menlo,Consolas,"Courier New","Noto Sans Mono CJK SC",monospace;
  --ease:cubic-bezier(.22,.8,.24,1);
  --sticky-top:7.4rem;
}

body{
  position:relative;
  min-height:100vh;
  background:var(--abyss);
  color:var(--white);
  font-family:var(--font-sans);
  font-size:16.5px;
  line-height:1.85;
  font-weight:450;
  letter-spacing:.005em;
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(143,166,196,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(143,166,196,.055) 1px,transparent 1px),
    radial-gradient(70rem 40rem at 82% -8%,rgba(46,242,200,.14),transparent 62%),
    radial-gradient(58rem 36rem at -6% 26%,rgba(122,92,255,.16),transparent 60%),
    radial-gradient(46rem 30rem at 50% 118%,rgba(255,107,74,.12),transparent 62%);
  background-size:64px 64px,64px 64px,auto,auto,auto;
}

h1,.h1{font-size:clamp(2.6rem,6vw,5.2rem);font-weight:900;line-height:1.02;letter-spacing:-.02em}
h2{font-size:clamp(1.6rem,3vw,2.6rem);font-weight:800;line-height:1.14;letter-spacing:-.01em}
h3{font-size:clamp(1.08rem,1.6vw,1.34rem);font-weight:700;line-height:1.4;letter-spacing:0}
p{text-wrap:pretty}
a{color:inherit}
::selection{background:var(--cyan);color:#04202b}
:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}

.shell{width:min(100% - 2.4rem,var(--shell-w));margin-inline:auto}
.wrap{width:min(100% - 2.4rem,var(--shell-w));margin-inline:auto}
.wrap--wide{width:min(100% - 2.4rem,84rem)}
.prose{max-width:var(--measure)}
.mono,.num{font-family:var(--font-mono);letter-spacing:.04em}
.num{font-variant-numeric:tabular-nums}

.eyebrow{display:flex;align-items:center;gap:.7rem;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:var(--cyan);margin-bottom:1rem}
.eyebrow::before{content:"";width:8px;height:8px;background:var(--cyan);transform:rotate(45deg);flex:0 0 auto}
.eyebrow::after{content:"";flex:1;height:1px;background:var(--line)}
.section-head{display:flex;flex-direction:column;gap:.85rem;margin-bottom:2.2rem;max-width:56ch}
.lede{font-size:clamp(1.02rem,1.4vw,1.18rem);line-height:1.9;color:#CFDCF0;max-width:var(--measure)}

.grid{display:grid;gap:1.5rem}
.grid--2{grid-template-columns:repeat(auto-fit,minmax(19rem,1fr))}
.grid--3{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}
.grid--asym{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}
.aside-sticky{position:sticky;top:var(--sticky-top);align-self:start}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;padding:.82em 1.35em;border:2px solid transparent;border-radius:2px;font-family:var(--font-sans);font-size:.95rem;font-weight:700;letter-spacing:.01em;text-decoration:none;cursor:pointer;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .3s,color .3s,border-color .3s}
.btn--primary{background:var(--cyan);color:#04202B;box-shadow:6px 6px 0 rgba(46,242,200,.18)}
.btn--primary:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 rgba(46,242,200,.26)}
.btn--coral{background:var(--coral);color:#2A0C04;box-shadow:6px 6px 0 rgba(255,107,74,.2)}
.btn--coral:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 rgba(255,107,74,.26)}
.btn--violet{background:var(--violet);color:#F2F6FF;box-shadow:6px 6px 0 rgba(122,92,255,.24)}
.btn--violet:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 rgba(122,92,255,.3)}
.btn--line{background:transparent;border-color:var(--line-strong);color:var(--white)}
.btn--line:hover{border-color:var(--cyan);color:var(--cyan);transform:translate(-2px,-2px)}

.ghost-btn{display:inline-flex;align-items:center;gap:.45em;padding:.42em .78em;background:transparent;border:1px solid rgba(143,166,196,.3);border-radius:2px;color:var(--mist);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;cursor:pointer;white-space:nowrap;transition:color .28s,border-color .28s,background .28s}
.ghost-btn:hover{color:var(--white);border-color:var(--cyan);background:rgba(46,242,200,.08)}
.ghost-btn--accent{color:var(--cyan);border-color:rgba(46,242,200,.52)}
.ghost-btn--accent:hover{background:rgba(46,242,200,.14);color:var(--white)}

.skip-link{position:fixed;left:1rem;top:-120%;z-index:200;padding:.7rem 1.1rem;background:var(--cyan);color:#04202B;font-weight:700;text-decoration:none;border-radius:0 0 3px 3px;transition:top .22s var(--ease)}
.skip-link:focus{top:0}

.site-header{position:sticky;top:0;z-index:60;background:rgba(7,26,51,.95);border-bottom:2px solid rgba(46,242,200,.3);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.site-header[data-open]::after{content:"";position:fixed;inset:0;z-index:1;background:rgba(4,16,31,.66);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.header-utility{background:var(--darker);border-bottom:1px solid var(--line-soft);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;color:var(--mist);position:relative;z-index:2}
.header-utility__inner{display:flex;align-items:center;justify-content:space-between;gap:.8rem 1.4rem;min-height:2.5rem;flex-wrap:wrap}
.header-utility__promise{display:flex;align-items:center;gap:.6rem;letter-spacing:.12em}
.header-utility__text{white-space:nowrap}
.pulse-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 0 rgba(46,242,200,.55);animation:pulse 2.6s var(--ease) infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(46,242,200,.5)}70%{box-shadow:0 0 0 10px rgba(46,242,200,0)}100%{box-shadow:0 0 0 0 rgba(46,242,200,0)}}
.header-utility__acts{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}

.header-main{position:relative;z-index:2}
.header-main__inner{display:flex;align-items:center;gap:1.2rem;min-height:4.6rem;padding:.5rem 0}
.brand{display:inline-flex;align-items:center;gap:.72rem;text-decoration:none;color:var(--white);flex:0 0 auto}
.brand__mark{display:grid;place-items:center;width:2.5rem;height:2.5rem;background:var(--band-a);color:#04202B;font-family:var(--font-mono);font-weight:700;font-size:.82rem;letter-spacing:.02em;clip-path:polygon(0 0,100% 0,100% 76%,76% 100%,0 100%)}
.brand__text{display:flex;flex-direction:column;line-height:1.16}
.brand__name{font-size:1.05rem;font-weight:800;letter-spacing:-.01em}
.brand__sub{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.26em;color:var(--mist)}
.brand--footer .brand__name{font-size:1.2rem}
.brand--footer .brand__mark{width:2.8rem;height:2.8rem}

.primary-nav{margin-left:auto;position:relative;z-index:3}
.primary-nav__list{display:flex;align-items:center;gap:.15rem}
.primary-nav__link{position:relative;display:block;padding:.6rem .76rem;color:#C6D5EA;font-size:.94rem;font-weight:600;text-decoration:none;transition:color .25s}
.primary-nav__link::after{content:"";position:absolute;left:.76rem;right:.76rem;bottom:.34rem;height:2px;background:var(--band-b);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.primary-nav__link:hover{color:var(--white)}
.primary-nav__link:hover::after{transform:scaleX(1)}
.primary-nav__link[aria-current="page"]{color:var(--cyan)}
.primary-nav__link[aria-current="page"]::after{transform:scaleX(1);background:var(--cyan)}
.nav-drawer-note{display:none;margin-top:1.6rem;padding:1rem 1.1rem;border:1px dashed rgba(46,242,200,.45);background:rgba(46,242,200,.06);border-radius:2px;color:#C3D3E8;font-size:.86rem;line-height:1.78}
.nav-drawer-note a{color:var(--cyan);font-weight:700;text-decoration:none;border-bottom:1px solid rgba(46,242,200,.5)}

.nav-toggle{display:none;align-items:center;gap:.55rem;margin-left:auto;padding:.55rem .72rem;background:transparent;border:2px solid var(--line-strong);border-radius:2px;color:var(--white);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:border-color .28s,color .28s,background .28s}
.nav-toggle:hover{border-color:var(--cyan);color:var(--cyan)}
.nav-toggle[aria-expanded="true"]{border-color:var(--cyan);color:var(--cyan);background:rgba(46,242,200,.1)}
.nav-toggle__bars{display:grid;gap:4px;width:16px}
.nav-toggle__bars i{display:block;height:2px;background:currentColor;transition:transform .3s var(--ease),opacity .3s}
.nav-toggle[aria-expanded="true"] .nav-toggle__bars i:first-child{transform:translateY(3px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] .nav-toggle__bars i:last-child{transform:translateY(-3px) rotate(-45deg)}

.scroll-rail{position:absolute;left:0;right:0;bottom:-2px;height:2px;background:rgba(143,166,196,.14)}
.scroll-rail__bar{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--violet) 54%,var(--coral));transition:width .12s linear}

.panel{position:relative;background:var(--deep);border:2px solid var(--line);border-radius:3px;padding:1.5rem 1.4rem}
.panel--stacked{box-shadow:14px 14px 0 rgba(4,16,31,.62),28px 24px 0 rgba(46,242,200,.07)}
.band{position:relative;overflow:hidden}
.band::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--band-color,var(--band-a));transform:skewY(-1.1deg);transform-origin:left center}
.band--watch{--band-color:var(--band-a)}
.band--center{--band-color:var(--band-b)}
.band--price{--band-color:var(--band-c)}

.tag{display:inline-flex;align-items:center;gap:.4em;padding:.28em .62em;border:1px solid currentColor;border-radius:999px;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}
.tag--watch{color:var(--cyan)}
.tag--center{color:var(--violet)}
.tag--price{color:var(--coral)}
.tag--gold{color:var(--gold)}

.stat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.stat{display:flex;flex-direction:column;gap:.3rem;padding:1.05rem 1rem;background:var(--deep)}
.stat__k{font-family:var(--font-mono);font-size:.67rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mist)}
.stat__v{font-family:var(--font-mono);font-size:1.45rem;font-weight:700;letter-spacing:.04em;color:var(--cyan)}
.stat--center .stat__v{color:var(--violet)}
.stat--price .stat__v{color:var(--coral)}

.table-scroll{overflow-x:auto;border:2px solid var(--line);background:rgba(14,42,78,.6)}
.data-table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:32rem}
.data-table caption{caption-side:top;text-align:left;padding:.9rem 1rem .2rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mist)}
.data-table th{padding:.72rem .9rem;border-bottom:2px solid var(--line-strong);font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mist);text-align:left;white-space:nowrap}
.data-table td{padding:.82rem .9rem;border-bottom:1px solid var(--line-soft);color:#D6E1F2}
.data-table tbody tr:hover{background:rgba(46,242,200,.055)}

.timeline{display:grid;gap:1.2rem;border-left:2px solid var(--line);padding-left:1.5rem}
.timeline__item{position:relative}
.timeline__item::before{content:"";position:absolute;left:-1.94rem;top:.6rem;width:10px;height:10px;background:var(--abyss);border:2px solid var(--cyan);transform:rotate(45deg)}
.timeline__time{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.08em;color:var(--cyan)}
.timeline__body{margin-top:.28rem;color:#C3D3E8}

.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.73rem;letter-spacing:.08em;color:var(--mist);margin-bottom:1.4rem}
.crumbs a{color:var(--mist);text-decoration:none}
.crumbs a:hover{color:var(--cyan)}
.crumbs__sep{color:rgba(143,166,196,.45)}

.media-frame{position:relative;overflow:hidden;aspect-ratio:16/9;border:2px solid var(--line);border-radius:3px;background:linear-gradient(135deg,#0E2A4E,#04101F 62%)}
.media-frame--tall{aspect-ratio:4/5}
.media-frame__img{width:100%;height:100%;object-fit:cover}
.media-frame__cap{position:absolute;left:0;right:0;bottom:0;padding:.85rem 1rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;color:#CFDCF0;background:linear-gradient(0deg,rgba(4,16,31,.94),transparent)}
.media-frame::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(143,166,196,.09) 1px,transparent 1px);background-size:100% 34px}

.clip-a{clip-path:polygon(0 2.2rem,100% 0,100% calc(100% - 2.2rem),0 100%)}
.clip-b{clip-path:polygon(0 0,100% 1.4rem,100% 100%,0 calc(100% - 1.4rem))}

.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:90;display:none;gap:.6rem;padding:.7rem .9rem calc(.7rem + env(safe-area-inset-bottom,0px));background:rgba(4,16,31,.95);border-top:2px solid rgba(46,242,200,.35);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}

.toast{position:fixed;left:50%;bottom:1.6rem;z-index:120;display:flex;align-items:center;padding:.85rem 1.2rem;background:var(--deep);border:2px solid var(--cyan);border-left-width:6px;border-radius:3px;color:var(--white);font-size:.9rem;box-shadow:0 18px 44px rgba(4,16,31,.62);transform:translate(-50%,150%);opacity:0;transition:transform .45s var(--ease),opacity .3s linear}
.toast[data-show]{transform:translate(-50%,0);opacity:1}
.toast--coral{border-color:var(--coral)}

.site-footer{position:relative;margin-top:6rem;background:var(--darker);border-top:2px solid rgba(46,242,200,.24);overflow:hidden}
.footer-beam{position:absolute;inset:0;pointer-events:none;background:linear-gradient(150deg,rgba(46,242,200,.13),transparent 42%),linear-gradient(320deg,rgba(255,107,74,.12),transparent 52%)}
.footer-top{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.6fr);gap:3rem;padding:4rem 0 2.6rem}
.footer-brand{display:flex;flex-direction:column;gap:1.1rem;max-width:34rem}
.footer-intro{color:#C3D3E8;font-size:.98rem;line-height:1.95}
.footer-actions{display:flex;flex-wrap:wrap;gap:.7rem}
.footer-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6rem}
.footer-col__title{margin-bottom:.9rem;font-family:var(--font-mono);font-size:.71rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan)}
.footer-col__list{display:grid;gap:.55rem}
.footer-col__link{color:#C3D3E8;font-size:.92rem;text-decoration:none;transition:color .25s,padding-left .25s var(--ease)}
.footer-col__link:hover{color:var(--white);padding-left:.32rem}
.footer-col__txt{color:var(--mist);font-family:var(--font-mono);font-size:.8rem;letter-spacing:.04em}
.footer-contact{position:relative;display:flex;flex-wrap:wrap;gap:.6rem 1.8rem;padding:1.4rem 0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);color:#BAC9DE;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em}
.contact-item{display:inline-flex;align-items:baseline;gap:.55rem}
.contact-item__k{color:var(--mist);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase}
.contact-item__v{color:#D6E1F2}
.footer-legal{position:relative;padding:1.4rem 0 2.6rem;display:grid;gap:.6rem}
.footer-note{color:#9DB1CB;font-size:.82rem;line-height:1.8;max-width:62ch}
.footer-legal__line,.footer-meta{font-family:var(--font-mono);font-size:.73rem;letter-spacing:.06em;color:#7D93B1}
.footer-meta{color:#6E82A0}

[data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .55s var(--ease),transform .55s var(--ease)}
[data-reveal].is-in{opacity:1;transform:none}
[data-expand-panel][hidden]{display:none}
[data-expand][data-open]{border-color:currentColor}

@media (max-width:1080px){
  .grid--asym{grid-template-columns:1fr}
  .aside-sticky{position:static}
  .footer-top{grid-template-columns:1fr;gap:2.4rem}
  .footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.6rem}
}
@media (max-width:980px){
  :root{--sticky-top:1.5rem}
  .header-utility__text{display:none}
  .nav-toggle{display:inline-flex}
  .primary-nav{
    position:fixed;
    inset:0 0 0 auto;
    width:min(88vw,26rem);
    margin:0;
    padding:6.4rem 1.6rem 3rem;
    background:linear-gradient(160deg,#0E2A4E,#04101F 72%);
    border-left:2px solid rgba(46,242,200,.35);
    box-shadow:-28px 0 64px rgba(4,16,31,.7);
    overflow-y:auto;
    transform:translateX(102%);
    transition:transform .44s var(--ease);
    z-index:3;
  }
  .primary-nav[data-open]{transform:none}
  .primary-nav__list{flex-direction:column;align-items:stretch;gap:.1rem}
  .primary-nav__link{padding:1rem .6rem;font-size:1.14rem;border-bottom:1px solid var(--line-soft)}
  .primary-nav__link::after{display:none}
  .primary-nav__link[aria-current="page"]{padding-left:1rem;box-shadow:inset 3px 0 0 var(--cyan)}
  .nav-drawer-note{display:block}
  .site-header[data-open] [data-nav-toggle]{position:relative;z-index:4}
}
@media (max-width:760px){
  body{font-size:16px}
  .header-main__inner{min-height:3.9rem;gap:.8rem}
  .brand__sub{letter-spacing:.18em}
  .header-utility{font-size:.66rem}
  .header-utility__acts{gap:.4rem}
  .ghost-btn{padding:.38em .6em;font-size:.66rem}
  .sticky-cta{display:flex}
  .sticky-cta .btn{flex:1}
  .panel{padding:1.25rem 1.1rem}
  .panel--stacked{box-shadow:9px 9px 0 rgba(4,16,31,.6)}
  .footer-nav{grid-template-columns:1fr;gap:1.6rem}
  .footer-contact{font-size:.74rem;gap:.5rem 1.2rem}
  .toast{left:1rem;right:1rem;bottom:1rem;transform:translateY(160%)}
  .toast[data-show]{transform:translateY(0)}
  .toast{justify-content:center}
}
@media (max-width:420px){
  .header-utility__acts .ghost-btn:first-child{display:none}
  h1,.h1{font-size:2.1rem}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.12s !important;transition-property:opacity,color,background-color,border-color,box-shadow !important}
  [data-reveal]{opacity:1;transform:none}
  .primary-nav{transition:opacity .12s linear;transform:none;opacity:0;visibility:hidden}
  .primary-nav[data-open]{opacity:1;visibility:visible}
  .toast{transform:translate(-50%,0)}
  .scroll-rail__bar{transition:none}
}