*,*::before,*::after{box-sizing:border-box}
html{line-height:1.6;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:16px}
img,svg{display:block;max-width:100%}
h1,h2,h3,h4{line-height:1.2;margin:0}
p{margin:0}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none;margin:0;padding:0}
button{font:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--color-orange);outline-offset:2px}
:root{
  --color-paper:#F8F4EB;
  --color-blue:#1E88C7;
  --color-ink:#1F2A3A;
  --color-white:#FFFFFF;
  --color-green:#4CAF50;
  --color-yellow:#E8F04C;
  --color-deep:#0B1B2B;
  --color-mist:#C0D9E8;
  --color-orange:#E67E22;
  --color-snow:#E5E5E5;
  --container-wide:1280px;
  --container-narrow:960px;
  --gutter:clamp(1rem,4vw,3rem);
  --radius:10px;
  --font-display:"DIN Condensed","Bahnschrift Condensed","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --font-body:"Noto Sans SC","PingFang SC","Microsoft YaHei","Source Han Sans SC",sans-serif;
  --font-mono:"Roboto Mono","SF Mono","Cascadia Mono",monospace;
}
.skip-link{position:fixed;top:-100px;left:1rem;z-index:200;background:var(--color-yellow);color:var(--color-ink);padding:.6rem 1rem;border-radius:0 0 8px 8px;font-weight:700;transition:top .2s ease}
.skip-link:focus{top:0}
.scroll-progress{position:fixed;top:0;left:0;right:0;height:4px;z-index:300;background:linear-gradient(90deg,var(--color-blue) 0 55%,var(--color-yellow) 55% 100%);transform:scaleX(0);transform-origin:0 0;pointer-events:none}
.site-header{position:sticky;top:0;z-index:150;box-shadow:0 6px 24px rgba(11,27,43,.18)}
.site-header__bar{background:var(--color-deep);border-bottom:1px solid rgba(255,255,255,.12)}
.site-header__inner{max-width:var(--container-wide);margin:0 auto;padding:0 var(--gutter);display:flex;align-items:center;gap:1rem;width:100%}
.site-header__bar .site-header__inner{min-height:52px}
.brand{display:inline-flex;align-items:center;gap:.35rem;flex:0 0 auto}
.brand__mark{display:inline-block;background:var(--color-yellow);color:var(--color-ink);font-family:var(--font-display);font-weight:900;font-size:1.2rem;line-height:1;padding:.35rem .45rem;transform:skewX(-8deg);letter-spacing:.03em;border-radius:2px}
.brand__word{color:var(--color-white);font-family:var(--font-display);font-weight:900;font-size:1.2rem;letter-spacing:.12em}
.site-header__slogan{margin-left:auto;font-size:.78rem;letter-spacing:.12em;color:rgba(255,255,255,.62);white-space:nowrap}
.site-header__status{display:inline-flex;align-items:center;gap:.4rem;font-size:.76rem;letter-spacing:.05em;color:var(--color-mist);white-space:nowrap}
.site-header__status-dot{width:8px;height:8px;border-radius:50%;background:var(--color-green);box-shadow:0 0 0 0 rgba(76,175,80,.55);animation:statusPulse 2.4s ease-out infinite}
@keyframes statusPulse{0%{box-shadow:0 0 0 0 rgba(76,175,80,.55)}70%{box-shadow:0 0 0 8px rgba(76,175,80,0)}100%{box-shadow:0 0 0 0 rgba(76,175,80,0)}}
.site-header__navwrap{position:relative;background:var(--color-ink);border-bottom:1px solid rgba(255,255,255,.08)}
.site-header__navwrap::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-blue) 0 60%,var(--color-yellow) 60% 100%)}
.site-header__inner--nav{min-height:58px;justify-content:flex-start}
.site-header__navlabel{flex:0 0 auto;font-size:.7rem;letter-spacing:.2em;color:var(--color-mist);border-left:3px solid var(--color-blue);padding-left:.5rem;text-transform:uppercase}
.site-nav{margin-left:1rem}
.site-nav__list{display:flex;gap:.1rem}
.site-nav__link{display:block;padding:.55rem .7rem;color:rgba(255,255,255,.88);font-weight:700;font-size:.92rem;white-space:nowrap;position:relative;transition:color .2s ease}
.site-nav__link::after{content:"";position:absolute;bottom:4px;left:.7rem;right:100%;height:3px;background:var(--color-yellow);transition:right .28s ease}
.site-nav__link:hover::after,.site-nav__link[aria-current="page"]::after{right:.7rem}
.site-nav__link:hover,.site-nav__link[aria-current="page"]{color:#fff}
.site-nav__link[aria-current="page"]{background:rgba(30,136,199,.22)}
.site-header__actions{margin-left:auto;display:flex;align-items:center;gap:.6rem}
.site-header__cta{display:inline-flex;align-items:center;gap:.4rem;background:var(--color-yellow);color:var(--color-ink);font-weight:900;font-size:.82rem;line-height:1;padding:.55rem 1rem;border-radius:999px;letter-spacing:.04em;transition:transform .2s ease,background .2s ease}
.site-header__cta::before{content:"▸"}
.site-header__cta:hover{transform:skewX(-8deg);background:#fff}
.nav-toggle{display:none;align-items:center;gap:.45rem;background:transparent;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:.35rem .8rem;color:#fff;transition:border-color .2s ease}
.nav-toggle__bars{display:flex;flex-direction:column;gap:3px;width:18px}
.nav-toggle__bar{height:2px;background:currentColor;transition:transform .25s ease,opacity .25s ease}
.nav-toggle__label{font-size:.74rem;letter-spacing:.1em}
.nav-toggle[aria-expanded="true"]{border-color:var(--color-blue)}
.nav-toggle[aria-expanded="true"] .nav-toggle__bar:nth-child(1){transform:translateY(5px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] .nav-toggle__bar:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] .nav-toggle__bar:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
.site-nav-drawer{display:none}
.container{max-width:var(--container-wide);margin:0 auto;padding:0 var(--gutter)}
.container--narrow{max-width:var(--container-narrow)}
.site-section{padding:clamp(3rem,7vw,6rem) 0}
.section-eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.14em;color:var(--color-blue);text-transform:uppercase}
.section-eyebrow::before{content:"";display:inline-block;width:34px;height:3px;background:var(--color-yellow);transform:skewX(-30deg)}
.section-title{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,3rem);font-weight:900;margin-top:.75rem;letter-spacing:-.02em;line-height:1.08}
.section-lead{font-size:clamp(1.05rem,2vw,1.45rem);line-height:1.55;max-width:38ch;margin-top:1rem;color:var(--color-ink)}
.prose{max-width:70ch}
.prose > p{line-height:1.85;margin-bottom:1.25rem}
.prose > h2{font-family:var(--font-display);font-weight:900;font-size:clamp(1.5rem,3vw,2.2rem);margin:2.5rem 0 1rem}
.prose > h3{font-family:var(--font-body);font-weight:700;font-size:1.1rem;margin:2rem 0 .75rem}
.site-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gutter)}
.site-grid__span-3{grid-column:span 3}
.site-grid__span-4{grid-column:span 4}
.site-grid__span-6{grid-column:span 6}
.site-grid__span-8{grid-column:span 8}
.site-grid__span-12{grid-column:span 12}
.media-frame{position:relative;display:block;overflow:hidden;aspect-ratio:16/10;background:linear-gradient(120deg,var(--color-mist),var(--color-paper));border-radius:var(--radius)}
.media-frame img,.media-frame>svg{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.media-frame:hover img,.media-frame:hover>svg{transform:scale(1.04) skewX(-.6deg)}
.media-frame--square{aspect-ratio:1/1}
.media-frame--portrait{aspect-ratio:3/4}
.media-frame--wide{aspect-ratio:21/9}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.3rem;border-radius:999px;font-weight:700;font-size:.95rem;line-height:1.2;border:0;background:var(--color-blue);color:#fff;transition:transform .2s ease,box-shadow .2s ease}
.btn::after{content:"→"}
.btn:hover{transform:skewX(-4deg) translateY(-2px);box-shadow:0 8px 20px rgba(30,136,199,.3)}
.btn--yellow{background:var(--color-yellow);color:var(--color-ink)}
.btn--yellow:hover{box-shadow:0 8px 20px rgba(232,240,76,.35)}
.btn--ghost{background:transparent;border:2px solid currentColor}
.btn--ghost:hover{box-shadow:0 0 0 1px currentColor}
.breadcrumb{max-width:var(--container-wide);margin:0 auto;padding:1rem var(--gutter) 0;display:flex;flex-wrap:wrap;gap:.35rem .5rem;font-size:.85rem}
.breadcrumb__link{color:var(--color-blue)}
.breadcrumb__link:hover{text-decoration:underline}
.breadcrumb__sep{color:var(--color-snow)}
.breadcrumb__current{color:var(--color-ink);font-weight:700}
.back-to-top{position:fixed;right:1rem;bottom:1rem;z-index:120;width:48px;height:48px;border-radius:50%;border:0;background:var(--color-yellow);color:var(--color-ink);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(0,0,0,.24);transition:transform .2s ease}
.back-to-top[hidden]{display:none!important}
.back-to-top:hover{transform:translateY(-4px)}
.site-footer{position:relative;background:var(--color-deep);color:rgba(255,255,255,.78);margin-top:clamp(3rem,7vw,6rem);overflow:hidden}
.site-footer::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-blue) 0 40%,var(--color-yellow) 40% 100%)}
.site-footer__inner{position:relative;z-index:2;max-width:var(--container-wide);margin:0 auto;padding:clamp(2.5rem,6vw,4.5rem) var(--gutter) 8rem}
.site-footer__grid{display:grid;grid-template-columns:1.6fr .8fr 1.2fr;gap:clamp(1.5rem,4vw,3rem)}
.site-footer__brand{font-family:var(--font-display);font-weight:900;font-size:1.65rem;color:#fff;letter-spacing:.02em;display:inline-block}
.site-footer__brand:hover{color:var(--color-yellow)}
.site-footer__slogan{margin-top:.4rem;color:var(--color-blue);font-size:.82rem;letter-spacing:.14em}
.site-footer__trust{margin-top:1.2rem;font-size:.84rem;line-height:1.8;max-width:52ch;color:rgba(255,255,255,.55)}
.site-footer__heading{color:#fff;font-family:var(--font-body);font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:.5rem;margin-bottom:1rem}
.site-footer__list{display:flex;flex-direction:column;gap:.45rem}
.site-footer__link{display:inline-block;font-size:.92rem;color:rgba(255,255,255,.78);transition:color .2s,padding-left .2s}
.site-footer__link::before{content:"› ";color:var(--color-blue)}
.site-footer__link:hover{color:var(--color-yellow);padding-left:.25rem}
.site-footer__contactcol p{font-size:.88rem;margin-bottom:.4rem}
.site-footer__contactline{color:rgba(255,255,255,.78);line-height:1.6}
.site-footer__legal{border-top:1px solid rgba(255,255,255,.1);margin-top:clamp(2rem,5vw,3rem);padding-top:1.25rem;display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;justify-content:space-between;align-items:center;font-size:.8rem;color:rgba(255,255,255,.52)}
.site-footer__legal-list{display:flex;flex-wrap:wrap;gap:1rem}
.site-footer__legal-link{color:rgba(255,255,255,.62)}
.site-footer__legal-link:hover{color:var(--color-yellow)}
.site-footer__mountain{position:absolute;bottom:0;left:0;width:100%;height:140px;pointer-events:none}
.site-footer__mountain-path--front{fill:rgba(30,136,199,.1);stroke:rgba(192,217,232,.28);stroke-width:1.5}
.site-footer__mountain-path--back{fill:rgba(11,27,43,.4);stroke:rgba(255,255,255,.12);stroke-width:1;transform:translateY(14px)}
@media(max-width:900px){
  .site-header__navlabel,.site-nav,.site-header__cta{display:none}
  .nav-toggle{display:inline-flex}
  .site-nav-drawer{display:block;position:absolute;top:100%;right:0;width:min(24rem,94vw);background:var(--color-deep);border-top:3px solid var(--color-blue);box-shadow:-20px 24px 40px rgba(0,0,0,.32);padding:1.5rem 1.75rem 2rem;transform:translateX(105%);visibility:hidden;opacity:0;transition:transform .35s ease,opacity .35s ease,visibility .35s}
  .site-nav-drawer[data-open]{transform:translateX(0);visibility:visible;opacity:1}
  .site-nav-drawer__panel{display:grid;gap:.25rem;margin-bottom:1.25rem}
  .site-nav-drawer__kicker{font-family:var(--font-display);font-size:1.4rem;font-weight:900;color:#fff}
  .site-nav-drawer__desc{color:var(--color-yellow);font-size:.8rem;letter-spacing:.1em}
  .site-nav-drawer__cta{align-self:start;margin-top:.5rem;font-size:.85rem;color:var(--color-mist);border-bottom:2px solid var(--color-blue);padding-bottom:.15rem;width:max-content}
  .site-nav-drawer__list{display:grid;gap:.12rem}
  .site-nav-drawer__link{display:block;padding:.6rem .2rem;font-weight:700;color:rgba(255,255,255,.88);border-bottom:1px solid rgba(255,255,255,.08);transition:color .2s,padding-left .2s}
  .site-nav-drawer__link:hover,.site-nav-drawer__link[aria-current="page"]{color:var(--color-yellow);padding-left:.5rem}
  .site-footer__grid{grid-template-columns:1fr}
  .site-footer__inner{padding-bottom:10rem}
  .site-grid__span-4,.site-grid__span-3{grid-column:span 6}
}
@media(max-width:640px){
  .site-header__slogan{display:none}
  .site-header__status-dot{width:6px;height:6px}
  .site-grid__span-4,.site-grid__span-3,.site-grid__span-6,.site-grid__span-8{grid-column:span 12}
  .media-frame--wide{aspect-ratio:16/10}
  .site-footer__inner{padding-left:1.25rem;padding-right:1.25rem;padding-bottom:9rem}
  .site-footer__legal{flex-direction:column;align-items:flex-start}
  .site-nav-drawer{width:94vw}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .site-header__status-dot{animation:none}
  .scroll-progress{opacity:0}
  .media-frame img,.media-frame>svg{transition:none}
}