:root{
  --bg:#020308;--fg:#f7f7fb;--muted:rgba(247,247,251,.58);--soft:rgba(247,247,251,.34);
  --hair:rgba(255,255,255,.085);--violet:#c9b7ff;--champagne:#f1e3c7;
  --ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1)
}
*{box-sizing:border-box}
html{background:var(--bg);color-scheme:dark;scroll-behavior:smooth;scroll-padding-top:126px}
body{margin:0;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}.f-zh{display:none}body[data-lang="zh"] .f-en{display:none}body[data-lang="zh"] .f-zh{display:revert}
.frontier-space{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.frontier-space canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.42}.frontier-glow{position:absolute;right:-18vw;top:7vh;width:min(84vw,1180px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(110,80,170,.13),rgba(59,42,96,.03) 46%,transparent 72%);filter:blur(24px)}
.frontier-header{position:sticky;top:0;z-index:110;height:72px;padding:0 clamp(18px,4vw,64px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:rgba(2,3,8,.67);backdrop-filter:blur(22px) saturate(145%)}
.frontier-header::after,.frontier-nav::after{content:"";position:absolute;left:0;right:0;bottom:-18px;height:18px;background:linear-gradient(180deg,rgba(2,3,8,.18),transparent);pointer-events:none}
.frontier-back,.frontier-brand{text-decoration:none;font-size:11px}.frontier-back{justify-self:start;display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.56);transition:color 160ms var(--ease-out),transform 120ms var(--ease-out)}.frontier-brand{justify-self:center;display:flex;align-items:center;gap:8px;font-weight:730;letter-spacing:.21em}.frontier-brand img{width:22px;height:22px;border-radius:50%}.frontier-lang{justify-self:end;height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(255,255,255,.035);color:#fff;font:inherit;font-size:10px;cursor:pointer;transition:background 160ms var(--ease-out),transform 120ms var(--ease-out)}.frontier-lang span{opacity:.34;margin:0 3px}
.frontier-nav{position:sticky;top:72px;z-index:100;height:54px;background:rgba(2,3,8,.56);backdrop-filter:blur(18px) saturate(130%)}.frontier-nav-inner{height:100%;width:min(1260px,calc(100% - 40px));margin:auto;display:flex;align-items:center;justify-content:center;gap:clamp(16px,2.8vw,36px);overflow-x:auto;scrollbar-width:none}.frontier-nav-inner::-webkit-scrollbar{display:none}.frontier-nav a{position:relative;flex:0 0 auto;padding:19px 0 16px;text-decoration:none;color:rgba(255,255,255,.36);font-size:10px;transition:color 150ms var(--ease-out)}.frontier-nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--champagne);opacity:0;transform:scaleX(.72);transition:opacity 150ms var(--ease-out),transform 180ms var(--ease-out)}.frontier-nav a.is-active{color:#fff}.frontier-nav a.is-active::after{opacity:.78;transform:scaleX(1)}
.frontier-cinema{position:fixed;inset:126px 0 0;z-index:1;pointer-events:none;overflow:hidden}.frontier-cinema canvas{position:absolute;inset:0;width:100%;height:100%}.frontier-cinema-vignette{position:absolute;inset:0;background:radial-gradient(circle at 69% 49%,transparent 0 24%,rgba(2,3,8,.10) 50%,rgba(2,3,8,.52) 88%)}.frontier-cinema-progress{position:absolute;left:clamp(18px,2.4vw,38px);top:38%;width:1px;height:190px;background:rgba(255,255,255,.07)}.frontier-cinema-progress i{display:block;width:1px;height:0;background:linear-gradient(#fff,rgba(201,183,255,.38));box-shadow:0 0 10px rgba(201,183,255,.24);transition:height 80ms linear}.frontier-cinema-chapter{position:absolute;left:calc(clamp(18px,2.4vw,38px) - 8px);top:calc(38% - 28px);font-size:9px;color:rgba(255,255,255,.32);font-variant-numeric:tabular-nums}
main,.frontier-footer{position:relative;z-index:3}.frontier-section{scroll-margin-top:132px;position:relative}.frontier-eyebrow,.frontier-kicker{margin:0;font-size:9px;letter-spacing:.19em;text-transform:uppercase;color:rgba(201,183,255,.64)}
.frontier-hero,.frontier-rule,.frontier-chapter,.frontier-flow,.frontier-access,.frontier-north{width:min(1360px,calc(100% - 56px));margin:0 auto;min-height:118vh;padding:clamp(116px,17vh,190px) 0 clamp(130px,18vh,210px);display:flex;flex-direction:column;justify-content:center;border-top:1px solid rgba(255,255,255,.045)}.frontier-hero{min-height:calc(118vh - 126px);border-top:0}.frontier-hero-copy,.frontier-rule>*,.frontier-copy,.frontier-flow>*,.frontier-access>*,.frontier-north>*{width:min(650px,47vw);margin-left:clamp(64px,7vw,116px);position:relative;z-index:4}.frontier-hero h1{margin:22px 0 0;font-size:clamp(62px,7.8vw,122px);line-height:.89;letter-spacing:-.066em;font-weight:720}.frontier-lead{margin:32px 0 0;font-size:clamp(15px,1.22vw,18px);line-height:1.72;color:var(--muted)}.frontier-status{display:flex;align-items:center;gap:10px;margin-top:30px;font-size:9px;letter-spacing:.14em;color:rgba(241,227,199,.56)}.frontier-status>span{width:6px;height:6px;border-radius:50%;background:var(--champagne);box-shadow:0 0 18px rgba(241,227,199,.28)}.frontier-hero-note{width:min(650px,47vw);margin:32px 0 0 clamp(64px,7vw,116px);padding-top:20px;border-top:1px solid rgba(255,255,255,.07);font-size:11px;line-height:1.7;color:rgba(255,255,255,.34)}.frontier-map{display:none}
.frontier-rule h2,.frontier-flow h2,.frontier-access h2,.frontier-north h2,.frontier-copy h2{margin:18px 0 0;font-size:clamp(48px,6.7vw,94px);line-height:.94;letter-spacing:-.058em;font-weight:690}.frontier-copy>p:not(.frontier-kicker),.frontier-access>p:not(.frontier-kicker),.frontier-north>p:not(.frontier-kicker){margin:30px 0 0;font-size:clamp(15px,1.25vw,18px);line-height:1.75;color:var(--muted)}.frontier-index{position:absolute;left:clamp(64px,7vw,116px);top:calc(50% - 250px);font-size:10px;color:rgba(255,255,255,.24)}
.rule-grid,.frontier-cards,.flow-line,.state-row,.access-equation{margin-top:54px!important}.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.rule-grid article,.frontier-cards article{padding:22px 0 0;border-top:1px solid rgba(255,255,255,.10);background:transparent!important;border-radius:0!important;min-height:0!important}.rule-grid article>span,.frontier-cards article>span,.state-row>span{font-size:8px;letter-spacing:.13em;color:rgba(255,255,255,.30)}.rule-grid b{display:block;margin-top:28px;font-size:16px}.rule-grid p,.frontier-cards p{margin:10px 0 0;font-size:12px;line-height:1.7;color:rgba(255,255,255,.43)}.frontier-cards{display:grid;gap:22px}.frontier-cards.two{grid-template-columns:repeat(2,1fr)}.frontier-cards.three{grid-template-columns:repeat(3,1fr)}.frontier-cards h3{margin:28px 0 10px;font-size:19px}.frontier-cards .is-current>span{color:rgba(241,227,199,.66)}.frontier-cards .is-forming>span{color:rgba(201,183,255,.66)}
.state-row{padding:20px 0;border-top:1px solid rgba(255,255,255,.10);border-bottom:1px solid rgba(255,255,255,.10);display:grid;grid-template-columns:150px 1fr 1.4fr;gap:18px;align-items:center}.state-row .active{color:rgba(241,227,199,.62)}.state-row b{font-size:13px}.state-row em{font-style:normal;font-size:11px;color:rgba(255,255,255,.38)}
.frontier-flow{text-align:left}.flow-line{display:grid;grid-template-columns:1fr;gap:0}.flow-line>div{position:relative;min-height:84px;padding:18px 0 18px 44px;border-top:1px solid rgba(255,255,255,.09);display:flex;justify-content:space-between;align-items:center;gap:30px}.flow-line>div:last-of-type{border-bottom:1px solid rgba(255,255,255,.09)}.flow-line>div::before{content:"";position:absolute;left:8px;top:50%;width:8px;height:8px;border-radius:50%;background:rgba(201,183,255,.22);box-shadow:0 0 0 1px rgba(201,183,255,.16),0 0 18px rgba(201,183,255,.12)}.flow-line>div span{margin:0;font-size:8px;color:rgba(255,255,255,.25)}.flow-line>div b{font-size:12px;text-align:right}.flow-line>i{display:none}.flow-note{max-width:650px;margin:28px 0 0!important;font-size:13px;line-height:1.75;color:rgba(255,255,255,.42)}
.access-equation{padding:24px 0;border-top:1px solid rgba(255,255,255,.10);border-bottom:1px solid rgba(255,255,255,.10);display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:9px;letter-spacing:.10em;color:rgba(255,255,255,.58)}.access-equation i{font-style:normal;color:rgba(201,183,255,.45)}.frontier-north blockquote{margin:56px 0 0;font-size:clamp(30px,4vw,58px);line-height:1.05;letter-spacing:-.04em}.north-star{display:none}
.frontier-footer{border-top:1px solid rgba(255,255,255,.07);padding:52px clamp(24px,6vw,92px) 28px;background:#05060a}.frontier-footer-top,.frontier-footer-links,.frontier-footer-bottom{max-width:1240px;margin:auto}.frontier-footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.frontier-footer-top>a{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:12px;letter-spacing:.18em}.frontier-footer-top img{width:25px;height:25px;border-radius:50%}.frontier-footer-top p{font-size:11px;color:rgba(255,255,255,.38)}.frontier-footer-links{margin-top:34px;padding:28px 0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);display:flex;gap:28px;flex-wrap:wrap}.frontier-footer-links a{font-size:10px;text-decoration:none;color:rgba(255,255,255,.40)}.frontier-footer-bottom{margin-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:rgba(255,255,255,.25)}
body.frontier-motion-ready .frontier-section [data-motion-item]{will-change:transform,opacity}
@media(hover:hover) and (pointer:fine){.frontier-back:hover{color:#fff;transform:translateX(-2px)}.frontier-nav a:hover,.frontier-footer-links a:hover{color:#fff}.frontier-lang:hover{background:rgba(255,255,255,.075)}}
.frontier-back:active,.frontier-lang:active{transform:scale(.97)}
@media(max-width:980px){.frontier-cinema-vignette{background:linear-gradient(180deg,rgba(2,3,8,.16),rgba(2,3,8,.70))}.frontier-hero-copy,.frontier-rule>*,.frontier-copy,.frontier-flow>*,.frontier-access>*,.frontier-north>*,.frontier-hero-note{width:min(720px,calc(100% - 72px));margin-left:36px}.frontier-index{left:36px}.frontier-cards.three{grid-template-columns:1fr}.rule-grid{grid-template-columns:1fr}.frontier-cinema-progress,.frontier-cinema-chapter{display:none}}
@media(max-width:640px){html{scroll-padding-top:116px}.frontier-header{height:64px;padding:0 18px;grid-template-columns:1fr auto}.frontier-brand{display:none}.frontier-nav{top:64px;height:48px}.frontier-nav-inner{justify-content:flex-start;width:100%;padding:0 18px;gap:24px}.frontier-nav a{padding:17px 0 14px}.frontier-cinema{inset:112px 0 0;opacity:.44}.frontier-hero,.frontier-rule,.frontier-chapter,.frontier-flow,.frontier-access,.frontier-north{width:calc(100% - 36px);min-height:112vh;padding:96px 0 118px}.frontier-hero-copy,.frontier-rule>*,.frontier-copy,.frontier-flow>*,.frontier-access>*,.frontier-north>*,.frontier-hero-note{width:100%;margin-left:0}.frontier-hero h1{font-size:clamp(52px,15vw,76px)}.frontier-rule h2,.frontier-flow h2,.frontier-access h2,.frontier-north h2,.frontier-copy h2{font-size:clamp(42px,12vw,64px)}.frontier-index{position:static;margin-bottom:14px}.frontier-cards.two{grid-template-columns:1fr}.state-row{grid-template-columns:1fr}.access-equation{align-items:flex-start;flex-direction:column}.access-equation i{transform:rotate(90deg);margin-left:6px}.frontier-footer{padding:40px 20px 24px}.frontier-footer-top,.frontier-footer-bottom{display:block}.frontier-footer-top p{margin-top:16px}.frontier-footer-bottom span{display:block;margin-top:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.frontier-cinema{opacity:.56}.frontier-back,.frontier-lang,.frontier-nav a,.frontier-nav a::after{transition-duration:1ms!important}.frontier-section [data-motion-item]{transform:none!important;opacity:1!important}}

/* v0.92.3 — readability, pacing, and glass CTA refinements */
html{scroll-snap-type:y proximity}
.frontier-section{scroll-snap-align:start;scroll-snap-stop:always}
.frontier-nav a{font-size:11px;color:rgba(255,255,255,.44)}
.frontier-eyebrow,.frontier-kicker{font-size:10px;color:rgba(201,183,255,.76)}
.frontier-lead,.frontier-copy>p:not(.frontier-kicker),.frontier-access>p:not(.frontier-kicker),.frontier-north>p:not(.frontier-kicker){font-size:clamp(16px,1.35vw,19px);line-height:1.84;color:rgba(247,247,251,.78)}
.frontier-hero-note{font-size:12px;line-height:1.78;color:rgba(255,255,255,.52)}
.rule-grid p,.frontier-cards p,.flow-note,.state-row em{color:rgba(255,255,255,.58)!important;font-size:13px}
.flow-line>div b{font-size:13px}
.frontier-status,.rule-grid article>span,.frontier-cards article>span,.state-row>span,.flow-line>div span,.access-equation{font-size:9px}
.frontier-hero,.frontier-rule,.frontier-chapter,.frontier-flow,.frontier-access,.frontier-north{min-height:128vh}
.frontier-flow .flow-line{position:relative}
.frontier-flow .flow-note{max-width:690px}
.frontier-footer-top p,.frontier-footer-links a{color:rgba(255,255,255,.50)}
@media(max-width:980px){html{scroll-snap-type:none}.frontier-hero,.frontier-rule,.frontier-chapter,.frontier-flow,.frontier-access,.frontier-north{min-height:118vh}}
@media(max-width:640px){.frontier-lead,.frontier-copy>p:not(.frontier-kicker),.frontier-access>p:not(.frontier-kicker),.frontier-north>p:not(.frontier-kicker){font-size:16px;line-height:1.8}.frontier-hero-note{font-size:12px;color:rgba(255,255,255,.56)}}

/* v0.92.4 — real WebGL L.I.A. layer */
.frontier-cinema .frontier-3d{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;filter:drop-shadow(0 0 22px rgba(184,160,234,.10))}
.frontier-cinema #frontierCinema{z-index:1}.frontier-cinema-vignette{z-index:3}.frontier-cinema-progress,.frontier-cinema-chapter{z-index:4}

/* v0.92.5 — stage-correct navigation + 3D label layering */
.frontier-world-label{
  position:absolute;z-index:5;pointer-events:none;text-align:center;
  transform:translate3d(-50%,0,0);transform-origin:50% 0;
  will-change:left,top,opacity,transform;transition:opacity 120ms linear;
  text-shadow:0 2px 12px rgba(0,0,0,.92)
}
.frontier-world-label strong{display:block;font-size:10px;line-height:1.15;letter-spacing:.04em;color:rgba(248,248,252,.86)}
.frontier-world-label span{display:block;margin-top:3px;font-size:8px;line-height:1.1;color:rgba(248,248,252,.38)}
.frontier-cinema-progress,.frontier-cinema-chapter{z-index:7!important}
.frontier-cinema-vignette{z-index:4!important}
.frontier-cinema .frontier-3d{z-index:3!important}
.frontier-cinema #frontierCinema{z-index:2!important}
@media(max-width:640px){.frontier-world-label{display:none}}

/* v0.92.6 — calmer headline scale and readable chapter pacing */
.frontier-hero h1{font-size:clamp(54px,6.6vw,100px)!important;line-height:.92!important}
.frontier-rule h2,.frontier-flow h2,.frontier-access h2,.frontier-north h2,.frontier-copy h2{font-size:clamp(42px,5.5vw,78px)!important;line-height:.97!important}
.frontier-lead,.frontier-copy>p:not(.frontier-kicker),.frontier-access>p:not(.frontier-kicker),.frontier-north>p:not(.frontier-kicker){max-width:650px!important}
.frontier-cinema-chapter{font-size:10px!important;color:rgba(255,255,255,.46)!important}
@media(max-width:640px){
  .frontier-hero h1{font-size:clamp(48px,13vw,70px)!important}
  .frontier-rule h2,.frontier-flow h2,.frontier-access h2,.frontier-north h2,.frontier-copy h2{font-size:clamp(38px,10.5vw,58px)!important}
}


/* v0.92.7 — snap/anchor positioning belongs to the visible headline, not the 128vh section box. */
.frontier-section{scroll-snap-align:none!important;scroll-snap-stop:normal!important}
.frontier-hero h1,
.frontier-rule>h2,
.frontier-copy>h2,
.frontier-flow>h2,
.frontier-access>h2,
.frontier-north>h2{scroll-snap-align:start;scroll-snap-stop:normal;scroll-margin-top:clamp(168px,20vh,206px)}


/* v0.92.8 — one positioning authority: JS owns navigation, browser snap no longer repositions it. */
html{scroll-snap-type:none!important}
.frontier-section,.frontier-hero h1,.frontier-rule>h2,.frontier-copy>h2,.frontier-flow>h2,.frontier-access>h2,.frontier-north>h2{scroll-snap-align:none!important;scroll-snap-stop:normal!important}
main::after{content:"";display:block;height:28vh;min-height:180px;pointer-events:none}
/* More leading: preserve Apple-scale typography without glyph collisions. */
.frontier-hero h1{line-height:1.01!important;letter-spacing:-.048em!important}
.frontier-rule h2,.frontier-flow h2,.frontier-access h2,.frontier-north h2,.frontier-copy h2{line-height:1.07!important;letter-spacing:-.045em!important}
.frontier-north blockquote{line-height:1.14!important;letter-spacing:-.028em!important}
.frontier-lead,.frontier-copy>p:not(.frontier-kicker),.frontier-access>p:not(.frontier-kicker),.frontier-north>p:not(.frontier-kicker){line-height:1.88!important}
@media(max-width:640px){.frontier-hero h1{line-height:1.04!important}.frontier-rule h2,.frontier-flow h2,.frontier-access h2,.frontier-north h2,.frontier-copy h2{line-height:1.10!important}}

/* v0.92.9 — centered chapter focus + legible floating chrome. */
.frontier-header{
  background:rgba(2,3,8,.90)!important;
  backdrop-filter:blur(26px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(145%)!important;
}
.frontier-nav{
  background:linear-gradient(180deg,rgba(2,3,8,.965),rgba(2,3,8,.92))!important;
  backdrop-filter:blur(28px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(145%)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.24)!important;
}
.frontier-nav::after{background:linear-gradient(180deg,rgba(2,3,8,.52),rgba(2,3,8,0))!important}
.frontier-hero{
  min-height:calc(100vh - 126px)!important;
  padding-top:clamp(54px,7vh,84px)!important;
  padding-bottom:clamp(64px,8vh,96px)!important;
}
.frontier-rule,.frontier-chapter,.frontier-flow,.frontier-access,.frontier-north{
  min-height:108vh!important;
  padding-top:clamp(82px,10vh,124px)!important;
  padding-bottom:clamp(88px,11vh,132px)!important;
}
.frontier-hero-copy,.frontier-rule>*,.frontier-copy,.frontier-flow>*,.frontier-access>*,.frontier-north>*{
  transform-origin:left center;
}
@media(max-width:980px){
  .frontier-hero{min-height:calc(100vh - 126px)!important}
  .frontier-rule,.frontier-chapter,.frontier-flow,.frontier-access,.frontier-north{min-height:104vh!important}
}
@media(max-width:640px){
  .frontier-header{background:rgba(2,3,8,.94)!important}
  .frontier-nav{background:rgba(2,3,8,.96)!important}
  .frontier-hero{min-height:calc(100vh - 112px)!important;padding-top:56px!important;padding-bottom:72px!important}
  .frontier-rule,.frontier-chapter,.frontier-flow,.frontier-access,.frontier-north{min-height:auto!important;padding-top:88px!important;padding-bottom:104px!important}
}

/* v0.92.10 — Build-capacity-aligned chapter geometry. */
.frontier-hero{
  justify-content:flex-start!important;
  padding-top:clamp(28px,3.4vh,36px)!important;
}
@media(max-width:640px){
  .frontier-hero{padding-top:28px!important}
}


/* v0.92.12 — Frontier copy gets the same soft fade cadence as Trust. */
body.frontier-motion-ready .frontier-section [data-motion-item]{
  transition:opacity .34s linear,transform .50s cubic-bezier(.22,1,.36,1);
}
body.frontier-motion-ready:not(.frontier-motion-painted) .frontier-section [data-motion-item]{
  opacity:0!important;
  transform:translate3d(0,8px,0)!important;
}
@media(prefers-reduced-motion:reduce){
  body.frontier-motion-ready .frontier-section [data-motion-item]{
    transition:opacity .18s linear!important;
    transform:none!important;
  }
}


/* v0.92.13 — detailed Frontier copy visibly cross-fades while preserving hold time. */
body.frontier-motion-ready .frontier-section [data-motion-item]{
  transition:opacity .46s linear,transform .58s cubic-bezier(.22,1,.36,1)!important;
}
body.frontier-motion-ready:not(.frontier-motion-painted) .frontier-section [data-motion-item]{
  opacity:0!important;
  transform:translate3d(0,10px,0)!important;
}