*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body,h1,h2,h3,h4,h5,p,ul,ol,li,figure,blockquote,dl,dd,section,article,aside{margin:0;padding:0}
ul,ol{list-style:none}
img,svg,video{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input,textarea,select{font:inherit}
a{color:inherit;text-decoration:none}
table{border-collapse:collapse}

:root{
  --yx-deep:#0B1B33;
  --yx-layer:#14294A;
  --yx-night:#081426;
  --yx-cyan:#35E3D4;
  --yx-cyan-soft:rgba(53,227,212,.14);
  --yx-orange:#FF7A29;
  --yx-slate:#7A8798;
  --yx-moss:#4F7C5C;
  --yx-clay:#C1705A;
  --yx-cream:#F5F2EA;
  --yx-read:#E6ECF6;
  --yx-white:#FFFFFF;
  --yx-line:rgba(122,135,152,.24);
  --yx-line-soft:rgba(122,135,152,.14);
  --yx-header-h:clamp(62px,7vw,78px);
  --yx-gutter:clamp(16px,4vw,40px);
  --yx-r-lg:22px;
  --yx-r-md:14px;
  --yx-r-sm:10px;
  --yx-pill:999px;
  --yx-font-display:"Noto Sans SC Condensed","Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --yx-font-mono:"JetBrains Mono","Roboto Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --yx-font-serif:"Source Han Serif SC","Noto Serif SC","Songti SC","SimSun",serif;
  --yx-font-body:"PingFang SC","Hiragino Sans GB","Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --yx-shadow-lift:0 18px 40px -28px rgba(0,0,0,.85);
}

body{
  font-family:var(--yx-font-body);
  font-size:16px;
  line-height:1.75;
  color:var(--yx-read);
  background:var(--yx-deep);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
@media (min-width:768px){body{font-size:17px}}

h1,h2,h3,h4{font-family:var(--yx-font-display);font-weight:800;line-height:1.18;letter-spacing:-.02em}

:focus-visible{outline:2px solid var(--yx-cyan);outline-offset:3px;border-radius:6px}

.yx-skip{
  position:fixed;top:10px;left:50%;z-index:200;
  transform:translate(-50%,-180%);
  display:inline-block;padding:11px 22px;border-radius:var(--yx-pill);
  background:var(--yx-cyan);color:#052026;font-weight:700;font-size:14px;
  transition:transform .22s ease;
}
.yx-skip:focus,.yx-skip:focus-visible{transform:translate(-50%,0)}

/* ---------- header ---------- */
.yx-header{
  position:fixed;top:0;right:0;left:0;z-index:90;
  background:linear-gradient(180deg,rgba(11,27,51,.94) 0%,rgba(11,27,51,.55) 62%,rgba(11,27,51,0) 100%);
  transition:background .35s ease,box-shadow .35s ease,backdrop-filter .35s ease;
}
.yx-header.is-stuck{
  background:rgba(11,27,51,.95);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
  box-shadow:0 1px 0 rgba(53,227,212,.2),var(--yx-shadow-lift);
}
.yx-header__inner{
  position:relative;z-index:2;
  width:min(1420px,100% - 2 * var(--yx-gutter));
  margin-inline:auto;
  min-height:var(--yx-header-h);
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:clamp(10px,2vw,30px);
}
.yx-header__meter{
  position:absolute;left:0;bottom:0;width:100%;height:2px;
  transform:scaleX(0);transform-origin:0 50%;
  background:linear-gradient(90deg,var(--yx-cyan),var(--yx-orange));
  z-index:3;
}

.yx-brand{display:flex;align-items:center;gap:11px;flex:0 0 auto}
.yx-brand__mark{
  position:relative;width:36px;height:36px;flex:0 0 36px;border-radius:12px;
  background:linear-gradient(140deg,var(--yx-cyan) 0%,#12808c 100%);
  box-shadow:0 0 0 1px rgba(53,227,212,.4),0 10px 22px -12px rgba(53,227,212,.9);
}
.yx-brand__mark::after{
  content:"";position:absolute;top:11px;right:9px;left:9px;height:2px;border-radius:2px;
  background:var(--yx-deep);box-shadow:0 8px 0 var(--yx-deep),0 16px 0 rgba(11,27,51,.5);
}
.yx-brand__text{display:flex;flex-direction:column;line-height:1.15}
.yx-brand__name{font-family:var(--yx-font-display);font-weight:800;font-size:17px;letter-spacing:-.01em;color:var(--yx-white)}
.yx-brand__claim{font-size:11px;letter-spacing:.06em;color:var(--yx-cyan);opacity:.86}

.yx-nav{min-width:0;justify-self:center}
.yx-nav__list{
  display:flex;align-items:center;gap:3px;
  padding:4px;border-radius:var(--yx-pill);
  background:rgba(20,41,74,.55);
  box-shadow:inset 0 0 0 1px rgba(122,135,152,.22);
  overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;
}
.yx-nav__list::-webkit-scrollbar{display:none}
.yx-nav__item{flex:0 0 auto}
.yx-nav__link{
  display:block;white-space:nowrap;
  padding:8px 15px;border-radius:var(--yx-pill);
  font-size:14px;font-weight:500;color:var(--yx-read);
  transition:background .2s ease,color .2s ease;
}
.yx-nav__link:hover{background:var(--yx-cyan-soft);color:var(--yx-white)}
.yx-nav__link[aria-current="page"]{
  background:var(--yx-cyan);color:#052026;font-weight:700;
}

.yx-header__actions{display:flex;align-items:center;gap:10px;justify-self:end}

.yx-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:11px 19px;border-radius:var(--yx-pill);
  font-size:14px;font-weight:700;line-height:1;white-space:nowrap;
  transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.yx-btn--outline{border:1.5px solid var(--yx-orange);color:var(--yx-orange)}
.yx-btn--outline:hover{background:var(--yx-orange);color:#2A1002;transform:translateY(-2px);box-shadow:0 12px 26px -18px var(--yx-orange)}
.yx-btn--solid{background:var(--yx-cyan);color:#052026}
.yx-btn--solid:hover{background:#5CF0E4;transform:translateY(-2px)}
.yx-btn--quiet{border:1.5px solid var(--yx-line);color:var(--yx-read)}
.yx-btn--quiet:hover{border-color:var(--yx-cyan);color:var(--yx-cyan);transform:translateY(-2px)}

.yx-save{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 16px;border-radius:var(--yx-pill);
  border:1.5px solid rgba(53,227,212,.45);
  color:var(--yx-cyan);font-size:13px;font-weight:600;line-height:1;
  transition:background .2s ease,color .2s ease,transform .2s ease,border-color .2s ease;
}
.yx-save:hover{background:var(--yx-cyan-soft);transform:translateY(-2px)}
.yx-save__dot{width:8px;height:8px;border-radius:50%;background:transparent;box-shadow:inset 0 0 0 2px var(--yx-cyan)}
.yx-save[aria-pressed="true"]{
  background:var(--yx-cyan);border-color:var(--yx-cyan);color:#052026;
  animation:yx-pulse .45s ease-out;
}
.yx-save[aria-pressed="true"] .yx-save__dot{background:#052026;box-shadow:none}
@keyframes yx-pulse{
  0%{box-shadow:0 0 0 0 rgba(53,227,212,.55)}
  100%{box-shadow:0 0 0 12px rgba(53,227,212,0)}
}

.yx-navtoggle{
  display:none;width:46px;height:46px;border-radius:var(--yx-r-md);
  box-shadow:inset 0 0 0 1px var(--yx-line);
  flex-direction:column;align-items:center;justify-content:center;gap:6px;
  transition:background .2s ease,box-shadow .2s ease;
}
.yx-navtoggle:hover{background:var(--yx-cyan-soft)}
.yx-navtoggle__bar{
  display:block;width:19px;height:2px;border-radius:2px;background:var(--yx-read);
  transition:transform .25s ease,opacity .2s ease;
}
.yx-navtoggle[aria-expanded="true"] .yx-navtoggle__bar:first-child{transform:translateY(4px) rotate(45deg)}
.yx-navtoggle[aria-expanded="true"] .yx-navtoggle__bar:last-child{transform:translateY(-4px) rotate(-45deg)}

@media (max-width:1000px){
  .yx-nav{
    position:fixed;top:0;right:0;left:0;z-index:1;
    justify-self:stretch;
    padding:calc(var(--yx-header-h) + 14px) var(--yx-gutter) 26px;
    background:rgba(8,20,38,.98);
    -webkit-backdrop-filter:blur(18px);
    backdrop-filter:blur(18px);
    box-shadow:0 1px 0 rgba(53,227,212,.22),0 30px 60px -30px rgba(0,0,0,.95);
    transform:translateY(-102%);
    visibility:hidden;
    transition:transform .38s cubic-bezier(.2,.75,.3,1),visibility .38s ease;
  }
  .yx-nav[data-open]{transform:translateY(0);visibility:visible}
  .yx-nav__list{
    flex-direction:column;align-items:stretch;gap:2px;
    background:none;box-shadow:none;padding:0;border-radius:0;
    max-height:calc(100vh - var(--yx-header-h) - 56px);
    overflow-y:auto;
  }
  .yx-nav__link{padding:14px 16px;border-radius:var(--yx-r-md);font-size:17px;font-weight:700}
  .yx-nav__link:hover{background:var(--yx-cyan-soft)}
  .yx-nav__link[aria-current="page"]{
    background:rgba(53,227,212,.16);color:var(--yx-cyan);
    box-shadow:inset 0 0 0 1px var(--yx-cyan);
  }
  .yx-navtoggle{display:inline-flex}
  .yx-brand__claim{display:none}
  .yx-header__actions .yx-btn--outline{display:none}
}
@media (max-width:600px){
  .yx-header__inner{grid-template-columns:minmax(0,1fr) auto}
  .yx-nav{position:fixed}
  .yx-brand__name{font-size:15px}
  .yx-header__actions [data-save-text]{display:none}
  .yx-save{padding:10px 12px}
}

/* ---------- footer ---------- */
.yx-footer{
  background:var(--yx-night);
  color:var(--yx-read);
  border-top:1px solid rgba(53,227,212,.16);
  padding-top:clamp(38px,5.5vw,72px);
}
.yx-footer__inner{width:min(1420px,100% - 2 * var(--yx-gutter));margin-inline:auto}
.yx-footer__brand{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 22px;
  padding-bottom:26px;margin-bottom:clamp(26px,3.4vw,42px);
  border-bottom:1px solid var(--yx-line-soft);
}
.yx-footer__brandmark{
  font-family:var(--yx-font-display);font-weight:800;
  font-size:clamp(20px,2.6vw,26px);letter-spacing:-.02em;color:var(--yx-white);
}
.yx-footer__brandline{font-size:13.5px;color:var(--yx-slate)}
.yx-footer__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(22px,3vw,48px);
}
.yx-footer__title{
  font-family:var(--yx-font-body);
  font-size:12.5px;font-weight:700;letter-spacing:.15em;
  color:var(--yx-cyan);margin-bottom:14px;
}
.yx-footer__list li + li{margin-top:9px}
.yx-footer__list a,
.yx-footer__text{
  font-size:14px;color:rgba(230,236,246,.72);line-height:1.65;
}
.yx-footer__list a{transition:color .2s ease}
.yx-footer__list a:hover{color:var(--yx-cyan)}
.yx-footer__legal{
  margin-top:clamp(30px,4vw,58px);
  padding:18px 0 28px;
  border-top:1px solid var(--yx-line-soft);
  display:flex;flex-wrap:wrap;gap:8px 30px;justify-content:space-between;
}
.yx-footer__legal-text{font-size:12.5px;color:var(--yx-slate)}
@media (max-width:900px){
  .yx-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px}
}
@media (max-width:480px){
  .yx-footer__grid{grid-template-columns:minmax(0,1fr)}
}

/* ---------- layout ---------- */
.yx-container{width:min(1200px,100% - 2 * var(--yx-gutter));margin-inline:auto}
.yx-container--wide{width:min(1420px,100% - 2 * var(--yx-gutter))}
.yx-section{padding-block:clamp(44px,6vw,92px)}
.yx-split{
  display:grid;gap:clamp(24px,4vw,64px);
  grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  align-items:start;
}
.yx-split--reverse{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.yx-grid--2{display:grid;gap:clamp(16px,2.4vw,28px);grid-template-columns:repeat(2,minmax(0,1fr))}
.yx-grid--3{display:grid;gap:clamp(16px,2.4vw,28px);grid-template-columns:repeat(3,minmax(0,1fr))}
.yx-stack{display:flex;flex-direction:column;gap:var(--yx-gap,16px)}
.yx-read{max-width:700px}
@media (max-width:900px){
  .yx-split,.yx-split--reverse{grid-template-columns:minmax(0,1fr)}
  .yx-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  .yx-grid--2,.yx-grid--3{grid-template-columns:minmax(0,1fr)}
}

.yx-eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  font-size:12px;font-weight:700;letter-spacing:.16em;
  color:var(--yx-cyan);text-transform:uppercase;
}
.yx-eyebrow::before{content:"";width:22px;height:2px;border-radius:2px;background:var(--yx-orange)}
.yx-title{font-size:clamp(24px,3.4vw,36px);color:var(--yx-white);margin-top:14px}
.yx-title--display{font-size:clamp(32px,5.4vw,56px);letter-spacing:-.03em}
.yx-lede{font-size:clamp(15px,1.6vw,17px);color:rgba(230,236,246,.8);margin-top:16px;max-width:62ch}

/* ---------- crumbs & tags ---------- */
.yx-crumbs{font-size:13px;color:var(--yx-slate)}
.yx-crumbs__list{display:flex;flex-wrap:wrap;align-items:center}
.yx-crumbs__list li + li::before{content:"›";margin:0 9px;color:rgba(122,135,152,.6)}
.yx-crumbs__list a{color:var(--yx-slate);transition:color .2s ease}
.yx-crumbs__list a:hover{color:var(--yx-cyan)}

.yx-tag{
  display:inline-flex;align-items:center;gap:6px;
  padding:5px 13px;border-radius:var(--yx-pill);
  font-size:12px;font-weight:600;letter-spacing:.03em;line-height:1.5;
}
.yx-tag--cyan{background:rgba(53,227,212,.16);color:#8DF3E9;box-shadow:inset 0 0 0 1px rgba(53,227,212,.4)}
.yx-tag--orange{background:rgba(255,122,41,.18);color:#FFB486;box-shadow:inset 0 0 0 1px rgba(255,122,41,.45)}
.yx-tag--moss{background:rgba(79,124,92,.22);color:#A6D6B4;box-shadow:inset 0 0 0 1px rgba(79,124,92,.55)}
.yx-tag--clay{background:rgba(193,112,90,.2);color:#E7A995;box-shadow:inset 0 0 0 1px rgba(193,112,90,.5)}

/* ---------- cards & metrics ---------- */
.yx-card{
  background:var(--yx-layer);
  border-radius:var(--yx-r-lg);
  padding:clamp(18px,2.4vw,28px);
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease;
}
.yx-card:hover{transform:translateY(-2px);box-shadow:var(--yx-shadow-lift)}
.yx-card--flat{background:transparent;box-shadow:inset 0 0 0 1px var(--yx-line)}
.yx-card--flat:hover{box-shadow:inset 0 0 0 1px rgba(53,227,212,.45),var(--yx-shadow-lift)}
.yx-card--cream{background:var(--yx-cream);color:var(--yx-deep)}
.yx-card--cream .yx-title{color:var(--yx-deep)}

.yx-metric__value{
  font-family:var(--yx-font-mono);font-variant-numeric:tabular-nums;
  font-size:clamp(26px,3.6vw,42px);font-weight:700;line-height:1.05;
  color:var(--yx-cyan);letter-spacing:-.02em;
}
.yx-metric__label{margin-top:8px;font-size:12.5px;letter-spacing:.1em;color:var(--yx-slate)}
.yx-readout{font-family:var(--yx-font-mono);font-variant-numeric:tabular-nums}

/* ---------- tabs ---------- */
.yx-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.yx-tabs::-webkit-scrollbar{display:none}
.yx-tabs__btn{
  flex:0 0 auto;white-space:nowrap;
  padding:9px 17px;border-radius:var(--yx-pill);
  font-size:13.5px;font-weight:600;color:var(--yx-read);
  box-shadow:inset 0 0 0 1px var(--yx-line);
  transition:background .2s ease,color .2s ease,box-shadow .2s ease;
}
.yx-tabs__btn:hover{background:var(--yx-cyan-soft);color:var(--yx-white)}
.yx-tabs__btn[aria-selected="true"]{background:var(--yx-cyan);color:#052026;box-shadow:none}
.yx-panel{padding-top:clamp(18px,2.6vw,30px)}

/* ---------- media ---------- */
.yx-media{
  position:relative;display:block;overflow:hidden;
  min-height:120px;
  border-radius:var(--yx-r-lg);
  background:linear-gradient(160deg,var(--yx-layer) 0%,var(--yx-deep) 72%);
}
.yx-media::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(53,227,212,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(53,227,212,.08) 1px,transparent 1px);
  background-size:38px 38px;
  opacity:.75;
}
.yx-media > img,
.yx-media > svg{position:relative;z-index:1;width:100%;height:100%;object-fit:cover}
.yx-media--wide{aspect-ratio:16/9}
.yx-media--tall{aspect-ratio:3/4}
.yx-media--square{aspect-ratio:1/1}
.yx-media--chart{aspect-ratio:4/3}
.yx-media--strip{aspect-ratio:21/9}
.yx-media__cap{
  position:absolute;right:0;bottom:0;left:0;z-index:2;
  padding:16px 18px 14px;font-size:12.5px;color:var(--yx-read);
  background:linear-gradient(0deg,rgba(8,20,38,.9),rgba(8,20,38,0));
}

/* ---------- reveal ---------- */
[data-reveal]{
  opacity:0;transform:translateY(16px);
  transition:opacity .5s ease,transform .5s ease;
}
[data-reveal].is-visible{opacity:1;transform:none}

/* ---------- responsive polish ---------- */
@media (max-width:560px){
  .yx-btn{padding:10px 16px;font-size:13.5px}
  .yx-title--display{font-size:clamp(28px,8vw,38px)}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
  [data-reveal]{opacity:1;transform:none}
}