*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{display:flex;flex-direction:column;min-height:100vh;font-family:var(--font-body);font-size:17px;line-height:1.65;color:var(--dark-slate);background-color:var(--neutral-canvas);overflow-x:hidden}
#main-content{flex:1;width:100%;outline:none}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul[class]{list-style:none}
h1,h2,h3,h4{font-family:var(--font-heading);line-height:1.2;color:var(--deep-blue)}
h1{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900}
h2{font-size:clamp(2rem,4vw,3rem);font-weight:800}
h3{font-size:clamp(1.4rem,2.5vw,1.75rem);font-weight:700}
p{max-width:70ch}
small{font-size:.875em}
::selection{background:var(--royal-gold);color:var(--deep-blue)}
:focus-visible{outline:2px solid var(--electric-cyan);outline-offset:2px;border-radius:2px}
:root{
  --deep-blue:#0A1D3F;
  --royal-gold:#C9A227;
  --golden-highlight:#F0D98C;
  --orange-pop:#FF6B35;
  --neutral-canvas:#F5F2EB;
  --electric-cyan:#00E5FF;
  --violet-accent:#7B2FFF;
  --dark-slate:#1C1C1C;
  --light-grey:#E0E0E0;
  --font-heading:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --font-body:"Noto Serif SC","Source Han Serif SC","SimSun",serif;
  --font-data:"Roboto Mono","SF Mono","Consolas",monospace;
  --container-max:1200px;
  --header-height:72px;
  --space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem;--space-7:4rem;--space-8:6rem;
  --radius:4px;
  --shadow-sm:0 1px 2px rgba(10,29,63,.08),0 1px 6px rgba(10,29,63,.05);
  --shadow-md:0 4px 16px rgba(10,29,63,.12);
  --shadow-lg:0 12px 40px rgba(10,29,63,.16);
  --transition:.25s ease;
}
.site-container{max-width:var(--container-max);margin-inline:auto;padding-inline:1.5rem}
.section{padding-block:clamp(3rem,8vw,5rem)}
.section--alt{background:var(--deep-blue);color:var(--neutral-canvas)}
.section--alt h1,.section--alt h2,.section--alt h3{color:var(--golden-highlight)}
.section-heading{margin-bottom:2rem}
.section-title{font-size:clamp(2rem,4vw,3.25rem);font-weight:900;letter-spacing:-.01em;margin-bottom:.5rem}
.section-subtitle{font-size:1.125rem;color:var(--dark-slate);opacity:.75;max-width:65ch}
.section--alt .section-subtitle{color:var(--neutral-canvas);opacity:.85}
.eyebrow{font-family:var(--font-data);font-size:.8125rem;letter-spacing:.18em;text-transform:uppercase;color:var(--orange-pop);font-weight:700;margin-bottom:1rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid transparent;border-radius:var(--radius);font-family:var(--font-heading);font-weight:700;font-size:1rem;line-height:1;text-decoration:none;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),background-color var(--transition),color var(--transition)}
.btn--primary{background:linear-gradient(135deg,var(--royal-gold),var(--golden-highlight));color:var(--deep-blue);box-shadow:var(--shadow-sm)}
.btn--primary:hover,.btn--primary:focus-visible{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.btn--outline{background:transparent;color:var(--deep-blue);border-color:var(--deep-blue)}
.btn--outline:hover{background:var(--deep-blue);color:var(--neutral-canvas)}
.btn--light-outline{background:transparent;color:var(--neutral-canvas);border-color:rgba(245,242,235,.6)}
.btn--light-outline:hover{background:rgba(245,242,235,.15);border-color:var(--neutral-canvas)}
.grid{display:grid;gap:2rem}
.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid--gap-lg{gap:3rem}
@media(max-width:1024px){
  .grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:768px){
  .grid--2,.grid--3{grid-template-columns:1fr}
}
.card{background:var(--neutral-canvas);border:1px solid var(--light-grey);border-radius:8px;padding:1.75rem;box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--royal-gold)}
.card--dark{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12);color:var(--neutral-canvas)}
.card--dark h3{color:var(--golden-highlight)}
.card--accent{border-top:3px solid var(--orange-pop)}
.card__title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem}
.card__meta{font-family:var(--font-data);font-size:.875rem;color:var(--violet-accent);margin-bottom:1rem}
.card__body{font-size:1rem;line-height:1.6}
.tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:999px;font-family:var(--font-heading);font-weight:700;font-size:.8125rem;line-height:1.6;background:rgba(0,229,255,.12);color:var(--deep-blue);border:1px solid transparent}
.tag--gold{background:rgba(201,162,39,.15);color:#8a6d1c}
.tag--orange{background:rgba(255,107,53,.12);color:#d5451d}
.tag--violet{background:rgba(123,47,255,.12);color:#5b1fb8}
.stat{font-family:var(--font-data);line-height:1.2}
.stat__value{font-size:2.5rem;font-weight:700;color:var(--royal-gold);letter-spacing:-.02em}
.stat__value--cyan{color:var(--electric-cyan)}
.stat__value--orange{color:var(--orange-pop)}
.stat__label{display:block;font-size:.875rem;color:var(--dark-slate);opacity:.7;text-transform:uppercase;letter-spacing:.08em}
.table-wrap{overflow-x:auto;border:1px solid var(--light-grey);border-radius:8px;background:var(--neutral-canvas)}
.data-table{width:100%;border-collapse:collapse;font-family:var(--font-data);font-size:.9375rem}
.data-table th,.data-table td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid var(--light-grey)}
.data-table th{font-family:var(--font-heading);font-weight:700;background:var(--deep-blue);color:var(--golden-highlight)}
.data-table tr:last-child td{border-bottom:0}
.data-table tr:hover td{background:rgba(0,229,255,.04)}
.data-table td:first-child{font-weight:700}
.timeline{position:relative;margin:2rem 0;padding-left:2.25rem}
.timeline::before{content:"";position:absolute;left:0;top:.25rem;bottom:.25rem;width:2px;background:linear-gradient(to bottom,var(--royal-gold),var(--violet-accent))}
.timeline__item{position:relative;padding-bottom:2rem}
.timeline__item::before{content:"";position:absolute;left:-2.25rem;top:.3rem;width:.75rem;height:.75rem;border-radius:50%;background:var(--orange-pop);border:2px solid var(--golden-highlight);box-shadow:0 0 0 3px var(--deep-blue)}
.timeline__item:last-child{padding-bottom:0}
.timeline__time{font-family:var(--font-data);font-size:.875rem;color:var(--violet-accent);font-weight:700;letter-spacing:.05em}
.timeline__title{font-size:1.15rem;font-weight:700;margin:.25rem 0 .5rem}
.timeline__desc{font-size:1rem;opacity:.85}
.frame{position:relative;background:var(--deep-blue);color:var(--neutral-canvas);padding:clamp(2rem,5vw,4rem);overflow:hidden;border-radius:12px;box-shadow:var(--shadow-lg)}
.frame::before{content:"";position:absolute;inset:0;border:1px solid rgba(201,162,39,.5);border-radius:12px;pointer-events:none;z-index:1}
.frame::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(0,229,255,.06) 1px,transparent 1px);background-size:100% 8px;pointer-events:none;z-index:0}
.frame>*{position:relative;z-index:2}
.frame__corner{position:absolute;width:40px;height:40px;border:2px solid var(--golden-highlight);z-index:2;pointer-events:none}
.frame__corner--tl{top:-2px;left:-2px;border-right-style:dashed;border-bottom-style:dashed}
.frame__corner--tr{top:-2px;right:-2px;border-left-style:dashed;border-bottom-style:dashed}
.frame__corner--bl{bottom:-2px;left:-2px;border-right-style:dashed;border-top-style:dashed}
.frame__corner--br{bottom:-2px;right:-2px;border-left-style:dashed;border-top-style:dashed}
.slant-line{height:4px;background:linear-gradient(135deg,var(--royal-gold) 0%,var(--golden-highlight) 40%,var(--orange-pop) 100%);transform:skewX(-12deg)}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem 0;font-size:.875rem}
.breadcrumbs a{color:var(--deep-blue);text-decoration:underline;text-underline-offset:3px}
.breadcrumbs a:hover{color:var(--orange-pop)}
.breadcrumbs__current{color:var(--violet-accent);font-weight:600}
.content a{color:var(--electric-cyan);text-decoration:underline;text-decoration-color:rgba(0,229,255,.4);text-underline-offset:4px}
.skip-link{position:absolute;left:1rem;top:-4rem;z-index:200;background:var(--electric-cyan);color:var(--deep-blue);padding:.75rem 1.25rem;border-radius:4px;font-weight:700;transition:top .2s ease}
.skip-link:focus{top:1rem}
.skip-link:focus-visible{outline:2px solid var(--royal-gold)}
.site-header{position:sticky;top:0;z-index:100;background:var(--deep-blue);color:var(--neutral-canvas);box-shadow:0 2px 12px rgba(10,29,63,.5)}
.site-header::after{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--royal-gold),var(--golden-highlight),var(--orange-pop),var(--electric-cyan))}
.site-header__inner{max-width:var(--container-max);margin-inline:auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:72px}
.site-brand{display:inline-flex;align-items:center;gap:.625rem;color:var(--neutral-canvas);font-family:var(--font-heading);text-decoration:none}
.site-brand__mark{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;flex:0 0 auto;background:linear-gradient(135deg,var(--royal-gold),var(--golden-highlight));color:var(--deep-blue);font-weight:900;font-size:1.25rem;border-radius:8px 4px;transform:skewX(-8deg);box-shadow:0 2px 8px rgba(201,162,39,.3)}
.site-brand__text{display:flex;flex-direction:column;line-height:1.1}
.site-brand__name{font-size:1.35rem;font-weight:900;letter-spacing:.03em}
.site-brand__tagline{font-size:.6875rem;font-family:var(--font-data);color:var(--golden-highlight);letter-spacing:.14em;text-transform:uppercase}
.site-header__toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:10px;cursor:pointer}
.site-header__toggle-bar{display:block;width:20px;height:2px;background:var(--neutral-canvas);border-radius:2px;transition:transform var(--transition),opacity var(--transition)}
.site-header__toggle[aria-expanded="true"] .site-header__toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}
.site-header__toggle[aria-expanded="true"] .site-header__toggle-bar:nth-child(2){opacity:0}
.site-header__toggle[aria-expanded="true"] .site-header__toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.site-nav__list{display:flex;align-items:center;gap:1.25rem;list-style:none}
.site-nav__link{position:relative;font-family:var(--font-heading);font-weight:500;font-size:.9375rem;color:rgba(245,242,235,.85);padding:.5rem 0;text-decoration:none;transition:color var(--transition)}
.site-nav__link::after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:var(--electric-cyan);transform:scaleX(0);transform-origin:right;transition:transform var(--transition)}
.site-nav__link:hover{color:var(--golden-highlight)}
.site-nav__link:hover::after,.site-nav__link:focus-visible::after{transform:scaleX(1);transform-origin:left}
.site-nav__link[aria-current="page"]{color:var(--golden-highlight);font-weight:700}
.site-nav__link[aria-current="page"]::after{transform:scaleX(1);transform-origin:left;background:var(--golden-highlight)}
.site-nav__item--cta{margin-left:.5rem}
.site-nav__cta{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,var(--royal-gold),var(--golden-highlight));color:var(--deep-blue);border-radius:6px;font-weight:700;font-size:.9375rem;box-shadow:0 2px 8px rgba(201,162,39,.25);transition:transform var(--transition),box-shadow var(--transition)}
.site-nav__cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(201,162,39,.35)}
.site-nav__cta:focus-visible{outline:2px solid var(--electric-cyan);outline-offset:2px}
.site-footer{background:var(--deep-blue);color:var(--neutral-canvas);border-top:3px solid var(--royal-gold);margin-top:auto}
.site-footer__inner{max-width:var(--container-max);margin-inline:auto;padding:3rem 1.5rem 2rem;display:grid;grid-template-columns:2fr 1.5fr 1.5fr;grid-template-areas:"brand nav contact" "meta meta meta";gap:2rem 3rem}
.site-footer__brand{grid-area:brand}
.site-footer__nav{grid-area:nav}
.site-footer__contact{grid-area:contact}
.site-footer__meta{grid-area:meta}
.site-footer .site-brand{color:var(--neutral-canvas)}
.site-brand--footer{color:var(--neutral-canvas)}
.site-footer__about{margin-top:1rem;font-size:.9375rem;opacity:.85;max-width:34ch}
.site-footer__heading{font-family:var(--font-data);font-size:.8125rem;letter-spacing:.16em;text-transform:uppercase;color:var(--golden-highlight);margin-bottom:1rem;font-weight:700}
.site-footer__list{list-style:none;display:flex;flex-direction:column;gap:.625rem}
.site-footer__list a{color:rgba(245,242,235,.85);text-decoration:none;position:relative;transition:color var(--transition)}
.site-footer__list a::before{content:"→ ";color:var(--electric-cyan);opacity:.6;margin-right:.25rem;transition:margin-left var(--transition)}
.site-footer__list a:hover{color:var(--golden-highlight)}
.site-footer__list a:hover::before{margin-left:6px}
.site-footer__contact-line{font-size:.9375rem;line-height:1.6;opacity:.85}
.site-footer__contact-line+.site-footer__contact-line{margin-top:.25rem}
.site-footer__meta{border-top:1px solid rgba(255,255,255,.12);padding-top:1.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}
.site-footer__legal{display:flex;gap:1.5rem;font-family:var(--font-data);font-size:.8125rem;opacity:.7}
.site-footer__trust{font-size:.875rem;font-style:italic;opacity:.65;max-width:50ch}
.js [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.js [data-reveal][data-visible]{opacity:1;transform:none}
@media(max-width:1024px){
  .site-footer__inner{grid-template-columns:1fr 1fr;grid-template-areas:"brand contact" "brand nav" "meta meta"}
  .site-footer__brand{grid-area:brand}
  .site-footer__nav{grid-area:nav}
  .site-footer__contact{grid-area:contact}
  .site-footer__meta{grid-area:meta}
}
@media(max-width:767px){
  .site-header__inner{flex-wrap:wrap;gap:0}
  .site-header__toggle{display:flex}
  .site-nav{display:none;width:100%;flex-basis:100%;margin-top:1rem;background:var(--deep-blue);border-top:1px solid rgba(255,255,255,.1);padding-top:.75rem}
  .site-nav[data-open]{display:block}
  .site-nav__list{flex-direction:column;align-items:stretch;gap:0;padding-bottom:.5rem}
  .site-nav__item{border-bottom:1px solid rgba(255,255,255,.08)}
  .site-nav__link{display:block;padding:.875rem .25rem;font-size:1.0625rem;border:0}
  .site-nav__link::after{display:none}
  .site-nav__item--cta{margin-left:0;padding:.75rem 0;border-bottom:0}
  .site-nav__cta{width:100%;justify-content:center}
  .site-footer__inner{grid-template-columns:1fr;grid-template-areas:"brand" "contact" "nav" "meta"}
  .site-footer__legal{flex-direction:column;gap:.25rem}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition-duration:.01ms !important;animation-duration:.01ms !important}
  .js [data-reveal]{opacity:1;transform:none}
  .js [data-reveal][data-visible]{opacity:1;transform:none}
  .btn{transition:none}
  .card{transition:none}
  .site-nav__cta{transition:none}
}