@import url("assets/fonts/international.css");
/* V3: shared typography, chapter rhythm and bilingual responsive layouts. */
:root{--font-site:"Inter","Noto Sans SC",sans-serif;--line:#393939;--green:#e7e7e7}
body{font-family:var(--font-site);line-height:1.7}html{scroll-padding-top:96px}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:5px}
.site-header{height:76px;background:rgba(17,17,17,.94);backdrop-filter:blur(18px)}.nav{min-height:76px;gap:24px}.nav-links{gap:25px}.nav-links a{font-size:13px}.nav>.btn{padding:10px 16px;font-size:12px}.brand{gap:9px}.brand small{font-size:9px;letter-spacing:1.4px}.language-switch{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--line);border-radius:7px;flex-shrink:0}.language-switch a{font-size:11px;padding:4px 7px;line-height:1.5;color:var(--muted)}.language-switch a[aria-current=true]{color:var(--text);background:#303030;border-radius:4px}
.hero{min-height:780px}.hero-inner{min-height:780px;align-items:center}.hero-copy{max-width:650px;padding-bottom:35px}.hero h1{font-size:clamp(44px,4.2vw,66px);line-height:1.3;letter-spacing:-2px}.hero-copy>p{font-size:16px;line-height:1.9;max-width:480px}.hero .eyebrow{font-size:11px;letter-spacing:1.3px;margin-bottom:26px}.hero-art{object-position:65% center}.hero:after{background:linear-gradient(90deg,rgba(15,15,15,.93),rgba(15,15,15,.6) 47%,rgba(15,15,15,.12) 80%),linear-gradient(0deg,#111111,transparent 25%)}.floating-card{transform:none!important;right:0;top:37%;width:330px;background:rgba(21,21,21,.88);border:1px solid #4c4c4c;box-shadow:0 24px 80px #00000055;border-radius:10px}.hero-bottom{font-size:10px;letter-spacing:1px}.hero-status{display:flex;gap:13px;align-items:flex-start;border-top:1px solid #3d3d3d;padding-top:14px;margin-top:14px}.hero-status time{color:var(--green);font-size:11px;padding-top:4px}.hero-status p{font-size:12px;margin:0}.hero-status small{font-size:10px}
.chapter-nav{border-bottom:1px solid var(--line);background:#161616}.chapter-nav .wrap{display:flex;justify-content:space-between;gap:20px;padding-top:22px;padding-bottom:22px}.chapter-nav a{color:var(--muted);font-size:11px;display:flex;gap:9px;align-items:center}.chapter-nav b{font-weight:400;color:var(--green);font-variant-numeric:tabular-nums}.chapter-nav a:hover,.chapter-nav a[aria-current=location]{color:var(--text)}
.section{padding-top:100px;padding-bottom:100px}.intro{padding:100px 0 85px}.intro h2{max-width:960px;font-size:32px;line-height:1.65}.section h2,.cta h2{font-size:42px;line-height:1.35;letter-spacing:-1.4px}.eyebrow{color:#b3b3b3;font-size:11px;letter-spacing:1.2px}.eyebrow>span{color:var(--green)}.section-head{align-items:flex-end;margin-bottom:42px}.section-head>p{font-size:14px}.step{padding:30px 26px;background:linear-gradient(145deg,#1e1e1e,#171717)}.step-number{font-size:11px;letter-spacing:1.6px}.step h3{font-size:21px}.step p{font-size:14px;line-height:1.85}.panel{border-radius:10px;box-shadow:0 16px 50px #00000011}.panel-top{font-size:11px}.panel-foot{font-size:10px}.tag{font-size:10px}.split{gap:64px}.section p{max-width:58ch}.three{gap:18px}.story-art{overflow:hidden}.story-art img{transition:transform .5s}.story-card:hover .story-art img{transform:scale(1.04)}.story-card:nth-child(2) img{object-position:25% 70%;filter:hue-rotate(18deg)}.story-card:nth-child(3) img{object-position:85% 30%;filter:hue-rotate(-12deg)}.story-body{padding:25px}.story-body h3{font-size:19px}.story-body p{font-size:13px}
.page-intro{padding-top:100px;padding-bottom:76px;max-width:920px}.page-intro h1{font-size:58px;line-height:1.3;letter-spacing:-2px}.page-intro>p{max-width:620px;font-size:17px}.profile-grid{gap:40px}.profile{background:linear-gradient(160deg,#252525,#1a1a1a)}.profile h3{color:var(--green)}.profile dl{font-size:13px}.article h1{font-size:48px}.footer{background:#111111}.cta{background:radial-gradient(ellipse at 50% 100%,#343434 0,transparent 65%),#151515}.cta .btn{margin-top:14px}html[lang=en] .brand small{display:none}html[lang=en] .hero h1{font-size:62px;line-height:1.13;letter-spacing:-2.6px}html[lang=en] .hero-copy{max-width:640px}html[lang=en] .section h2{font-size:40px}html[lang=en] .page-intro h1{font-size:58px}html[lang=en] .step h3>span{display:none}html[lang=en] .night-tabs button{font-size:20px}html[lang=en] .night-tabs span{font-size:11px}html[lang=en] .brand{font-size:19px}
@media(max-width:1100px){.nav{gap:12px}.nav-links{gap:14px}.brand small{display:none}.floating-card{width:300px}.hero-copy{max-width:560px}.hero h1,html[lang=en] .hero h1{font-size:52px}.split{gap:32px}.chapter-nav .wrap{gap:14px}.chapter-nav a{font-size:10px}}
@media(max-width:800px){.site-header,.nav{height:70px;min-height:70px}.nav>.btn{display:none}.nav .language-switch{margin-left:auto}.nav .menu-btn{margin-left:0}.nav-links.open{top:70px}.hero,.hero-inner{min-height:880px}.hero-inner{padding-top:72px;display:block}.hero-copy{padding-bottom:0;max-width:100%}.hero h1,html[lang=en] .hero h1{font-size:44px;letter-spacing:-1.8px;line-height:1.25}.hero-copy>p{font-size:14px}.hero-art{object-position:66% center}.floating-card{position:relative;top:auto;right:auto;margin:45px 0 85px;width:100%;max-width:440px}.hero-bottom{bottom:24px;font-size:9px;gap:12px}.chapter-nav .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.chapter-nav a{display:block}.chapter-nav b{display:block;margin-bottom:4px}.section{padding:64px 0}.intro{padding:65px 0}.intro h2{font-size:24px}.section h2,.cta h2,html[lang=en] .section h2{font-size:32px;letter-spacing:-1px}.section-head{gap:25px;margin-bottom:30px}.split{gap:30px}.page-intro{padding:65px 0 50px}.page-intro h1,html[lang=en] .page-intro h1{font-size:39px;letter-spacing:-1.5px}.page-intro>p{font-size:15px}.step{padding:27px 22px}.article h1{font-size:36px}.footer-main{gap:30px}.footer-links{gap:35px}html[lang=en] .night-tabs{grid-template-columns:repeat(2,1fr)}html[lang=en] .night-tabs button{font-size:20px}.hero-status p{font-size:12px}.hero .eyebrow{font-size:9px}.brand{font-size:19px}.brand img{width:25px}.language-switch a{font-size:10px;padding:4px 6px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}.story-card:hover .story-art img{transform:none}}
.floating-card .hero-status>div{display:block;min-width:0}.floating-card .hero-status{justify-content:flex-start}.hero-status small{display:block;margin-top:4px;line-height:1.6}.hero-status time{flex-shrink:0;min-width:40px}
/* Locale menu: native names, keyboard links, same entry point in header and footer. */
.locale-picker{position:relative;flex-shrink:0;font-size:12px;text-align:start;z-index:30}.locale-picker summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:22px;padding:9px 12px;line-height:1.5;color:var(--text);white-space:nowrap}.locale-picker summary::-webkit-details-marker{display:none}.locale-picker summary:hover{background:#292929}.locale-picker summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}.locale-chevron{font-size:15px}.locale-options{position:absolute;inset-inline-end:0;top:calc(100% + 10px);width:205px;padding:7px;background:#202020;border:1px solid #4a4a4a;border-radius:12px;box-shadow:0 14px 45px #00000077;display:grid;gap:2px}.locale-options a{padding:10px 12px;border-radius:7px;color:#e8e8e8;display:flex;justify-content:space-between;align-items:center;line-height:1.5}.locale-options a:hover,.locale-options a:focus-visible{background:#373737}.locale-options a[aria-current=true]{background:#343434;color:var(--green)}.locale-footer{width:max-content;margin:24px max(32px,calc((100vw - 1160px)/2)) 0 auto}.locale-footer .locale-options{top:auto;bottom:calc(100% + 10px)}.locale-footer summary{padding:11px 18px;font-size:14px}.nav{justify-content:space-between;gap:18px}.nav-links{margin-inline-start:auto}.nav .locale-header{margin-inline-start:0}.nav>.btn{white-space:nowrap}
html:lang(ar){--font-site:"Inter","Noto Sans Arabic","Noto Sans SC",sans-serif}html:lang(ja){--font-site:"Inter","Noto Sans JP","Noto Sans SC",sans-serif}html:lang(ko){--font-site:"Inter","Noto Sans KR","Noto Sans SC",sans-serif}html:not([lang=zh-CN]) .brand small{display:none}html:not([lang=zh-CN]) .brand{font-size:18px}html:not([lang=zh-CN]) .hero-copy{max-width:640px}html:not([lang=zh-CN]) .hero h1{font-size:clamp(42px,4.1vw,60px);line-height:1.25}html[dir=rtl] .hero-copy{margin-inline-start:0}html[dir=rtl] .floating-card{right:auto;left:0}html[dir=rtl] .hero:after{background:linear-gradient(270deg,rgba(15,15,15,.95),rgba(15,15,15,.65) 47%,rgba(15,15,15,.2) 80%)}html[dir=rtl] .hero-bottom{left:0;right:0}html[dir=rtl] .eyebrow,html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{letter-spacing:0}html[dir=rtl] .mini-line,html[dir=rtl] .chart-times,html[dir=rtl] .line-chart,html[dir=rtl] .bar-labels,html[dir=rtl] .bar-chart,html[dir=rtl] .night-tabs{direction:ltr}html[dir=rtl] time,html[dir=rtl] .step-number,html[dir=rtl] #run-time{direction:ltr;unicode-bidi:isolate}html[dir=rtl] .locale-footer{margin-left:max(32px,calc((100vw - 1160px)/2));margin-right:auto}
@media(max-width:1100px){.nav{gap:12px}.nav-links{gap:14px}.nav>.btn{display:none}.nav-links a{font-size:12px}}
@media(max-width:800px){.nav .locale-header{margin-inline-start:auto}.locale-header summary{padding:7px 9px;font-size:11px;gap:5px}.locale-header summary svg{width:14px}.nav .menu-btn{padding:9px;font-size:11px}.nav-links{margin-inline-start:0}.locale-footer{margin-inline-end:18px;margin-inline-start:auto}.locale-footer .locale-options{width:205px}html:not([lang=zh-CN]) .hero h1{font-size:40px}html[dir=rtl] .floating-card{left:auto}html[dir=rtl] .locale-footer{margin-left:18px;margin-right:auto}}
@media(max-width:370px){html:not([lang=zh-CN]) .brand{font-size:14px}.brand{gap:5px}.brand img{width:20px}.nav{gap:7px}.locale-header summary{padding:6px 7px}.locale-header summary svg{display:none}}
html[dir=rtl] #night-scrub,html[dir=rtl] input[type=email]{direction:ltr}html[dir=rtl] input[type=email]{text-align:left}html[dir=rtl] .brand{direction:ltr}html:lang(ar) .hero h1{line-height:1.55}html:lang(ar) .section h2{line-height:1.6}html:lang(ja) .hero h1,html:lang(ko) .hero h1{word-break:normal;overflow-wrap:anywhere}
html:lang(es) .hero h1{font-size:clamp(38px,3.65vw,54px)}html[dir=rtl] .hero-bottom>span:first-child{direction:ltr;unicode-bidi:isolate}

/* Native language names keep a consistent left edge in every page direction. */
.locale-picker summary{direction:ltr;align-items:center;line-height:1.5}
.locale-picker summary>svg{display:block;flex:0 0 auto;align-self:center}
.locale-picker summary>span{display:block;unicode-bidi:isolate}
.locale-picker summary>.locale-chevron{width:14px;height:14px;margin:0}
.locale-options a{direction:ltr;text-align:left}
.locale-options .locale-name{flex:1;text-align:left;unicode-bidi:isolate}
@media(max-width:370px){.locale-header summary>svg{display:block;width:14px;height:14px}}