:root{--ink:#273a71;--amber:#d89543;--pale:#e8edf7;--paper:#f4f6fb;--muted:#62708d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}svg{display:block}a:focus-visible{outline:3px solid var(--amber);outline-offset:5px}[hidden]{display:none!important}.page-width{width:min(1200px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;z-index:20;top:10px;left:10px;padding:12px 18px;background:white;transform:translateY(-160%)}.skip:focus{transform:none}.masthead{background:#fff}.header-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:13px;min-width:0}.brand>svg{width:36px;height:36px;flex-shrink:0}.brand strong{display:block;font-size:23px;line-height:1.4;font-weight:600;letter-spacing:.13em}.brand small{display:block;font-size:9px;line-height:1.8;letter-spacing:.18em;margin-top:2px}.header-note{font-size:12px;letter-spacing:.12em;color:#65728d}.hero{position:relative;isolation:isolate;background:var(--ink);color:#fff;overflow:hidden}.hero-inner{position:relative}.hero-copy{padding:92px 0 95px;position:relative;z-index:2;max-width:520px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.2em;line-height:1.7;display:flex;align-items:center;gap:13px}.hero .eyebrow{color:#c5cee5}.eyebrow>span{width:30px;height:1px;background:var(--amber)}h1{font-size:clamp(38px,4.3vw,62px);line-height:1.43;font-weight:500;letter-spacing:.015em;margin:26px 0 22px}h1 em{font-style:normal;color:#f0bf7d}.intro{font-size:16px;line-height:1.9;color:#d1d9eb}.entry{margin-top:34px;max-width:330px}#entry-status{font-size:14px;line-height:1.7;padding:12px 0;color:#fff3d7}#platform-button{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:62px;padding:17px 25px;background:var(--amber);color:#172956;font-size:17px;font-weight:600;letter-spacing:.12em;transition:background .2s,transform .2s}#platform-button:hover{background:#e8b167;transform:translateY(-2px)}#platform-button svg{width:29px;height:22px;stroke:currentColor;fill:none;stroke-width:1.5}.entry-caption{font-size:12px;line-height:1.8;color:#aebcdf;margin-top:15px;letter-spacing:.02em}.image-plane{position:absolute;inset:0 0 0 45%;z-index:0;clip-path:polygon(20% 0,100% 0,100% 100%,0 100%);background:#1f3456}.image-plane picture,.image-plane img{width:100%;height:100%}.image-plane img{object-fit:cover;object-position:62% center}.image-plane:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#273a7120,transparent 60%),linear-gradient(0deg,#18274b66,transparent 50%)}.image-note{position:absolute;right:36px;bottom:28px;z-index:1;color:#e0e7f1;font-size:9px;letter-spacing:.2em;writing-mode:vertical-rl}.perspective{padding-top:72px;padding-bottom:58px}.section-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:20px}.section-intro .eyebrow{color:#62708d;font-size:9px}h2{font-size:25px;font-weight:500;letter-spacing:.03em}.principle{display:grid;grid-template-columns:60px 1fr 1.1fr 36px;align-items:center;gap:30px;padding:33px 0;border-top:1px solid #cdd5e5}.principle-index{font-family:Georgia,serif;font-size:26px;color:#a97539;font-style:italic}h3{font-size:22px;font-weight:500;line-height:1.6}.principle p{font-size:14px;line-height:1.9;color:var(--muted)}.principle svg{width:30px;height:30px;stroke:#7486a5;fill:none;stroke-width:1.2}.footer{border-top:1px solid #cdd5e5;padding:25px 0 30px;display:flex;align-items:center;gap:28px;font-size:9px;letter-spacing:.13em;color:#62708d}.footer p{font-size:12px;letter-spacing:.06em;margin-left:auto}.footer-symbol{font-size:23px;color:#ac824b}
@media(max-width:900px){.page-width{width:calc(100% - 64px)}.header-inner{min-height:88px}.hero-copy{padding:74px 0 80px;max-width:470px}h1{font-size:46px}.image-plane{left:44%;opacity:.8}.hero .intro{max-width:330px}.principle{gap:20px;grid-template-columns:40px 1fr 1.1fr 30px}.principle h3{font-size:20px}.desktop-break{display:none}}
@media(max-width:600px){.page-width{width:calc(100% - 44px)}.header-inner{min-height:83px;gap:15px}.brand{gap:10px}.brand>svg{width:30px;height:30px}.brand strong{font-size:20px;letter-spacing:.1em}.brand small{font-size:8px;letter-spacing:.14em}.header-note{font-size:10px;letter-spacing:0;max-width:50px;line-height:1.8;text-align:right}.hero-copy{padding:43px 0 300px;max-width:none}.hero .eyebrow{font-size:9px;letter-spacing:.15em}h1{font-size:clamp(32px,8.6vw,44px);line-height:1.46;margin:22px 0 19px;letter-spacing:.015em}.intro{font-size:14px;line-height:1.9}.entry{margin-top:27px;max-width:100%}#platform-button{min-height:58px;font-size:16px;padding:15px 23px}.entry-caption{font-size:12px;margin-top:12px}.image-plane{inset:auto 0 0;height:290px;opacity:1;clip-path:polygon(0 16%,100% 0,100% 100%,0 100%)}.image-plane img{object-position:53% center}.image-note{bottom:20px;right:22px;writing-mode:horizontal-tb;font-size:8px;letter-spacing:.15em}.perspective{padding-top:45px;padding-bottom:24px}.section-intro{display:block;margin-bottom:25px}.section-intro h2{margin-top:12px;font-size:24px}.principle{grid-template-columns:31px 1fr 29px;gap:7px 15px;padding:25px 0}.principle-index{font-size:24px;grid-row:1/3;align-self:start;padding-top:3px}.principle h3{font-size:20px;grid-column:2}.principle p{font-size:14px;grid-column:2;line-height:1.9}.principle svg{grid-column:3;grid-row:1;width:25px;height:25px}.footer{padding:23px 0 28px;gap:15px;flex-wrap:wrap;font-size:8px;letter-spacing:.09em}.footer p{font-size:11px}.footer-symbol{display:none}}
@media(max-width:350px){.page-width{width:calc(100% - 36px)}.brand strong{font-size:18px}.brand small{font-size:7px}.header-note{font-size:9px}.hero-copy{padding-top:35px;padding-bottom:267px}h1{font-size:31px}.image-plane{height:258px}.entry-caption{font-size:11px}.principle{column-gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}