:root{
  --bg:#071015!important;
  --paper:#081217!important;
  --paper-2:#0b171e!important;
  --ink:#f4efe7!important;
  --muted:#93a1a7!important;
  --line:rgba(255,255,255,.10)!important;
  --graphite:#071015!important;
  --graphite-2:#0b171e!important;
  --graphite-3:#13242d!important;
  --light:#f4efe7!important;
  --human:#e5b27b!important;
  --human-2:#f0c590!important;
  --machine:#84aebd!important;
  --machine-2:#a6c4cf!important;
  --return:#8ca89a!important;
  --amber:#e5b27b!important;
}
html,body{background:#071015;color:#f4efe7}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
.wrap{width:100%;max-width:none;margin:0;background:#071015;overflow:hidden}

/* shared chrome */
.nav{height:68px;padding:0 clamp(24px,4.1vw,72px);background:rgba(5,13,17,.95);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(16px);gap:28px}
.brand{font-size:18px;font-weight:760;color:#f4efe7;gap:12px}
.mark{width:30px;height:30px}
.mark:before,.mark:after{background:linear-gradient(180deg,#f0bf89,#8a6248);box-shadow:0 0 14px rgba(230,180,127,.32)}
.mark:before{width:25px;left:6px;top:25px}
.mark:after{width:22px;left:7px;top:24px}
.mark i{width:7px;height:7px;left:20px;top:8px;background:#ef9762;box-shadow:0 0 9px rgba(255,145,84,.88)}
.navlinks{gap:29px;color:#aeb9bd}
.navlinks a{padding:27px 0;font-size:11px}
.navlinks a:hover,.active-link{color:#f4efe7!important}
.active-link{font-weight:700;position:relative}
.active-link:after{content:"";position:absolute;left:0;right:0;bottom:17px;height:1px;background:#e5b27b}
.navactions{gap:15px;font-size:11px}
.navactions .login{display:none}
.login{color:#9dabb1}
.button,.button-ghost{height:42px;border-radius:5px;padding:0 18px;font-size:10px;font-weight:760}
.button{background:linear-gradient(180deg,#f3c895,#dfa971);color:#12191d;box-shadow:0 10px 28px rgba(205,137,76,.14)}
.button:hover{background:linear-gradient(180deg,#f7d2a2,#e5af78)}
.button-ghost{border:1px solid rgba(168,185,194,.30);background:rgba(255,255,255,.02);color:#edf1f2}
.button-ghost:hover{background:rgba(255,255,255,.05)}
.language-switch{color:#7f9097!important}
.language-switch button.is-active{color:#f4efe7!important}

/* editorial page hero */
.page-hero{
  position:relative;
  width:min(calc(100% - 48px),1880px);
  margin:0 auto;
  min-height:535px!important;
  padding:94px clamp(22px,4.2vw,76px) 76px!important;
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(360px,.58fr);
  gap:clamp(56px,7vw,132px);
  align-items:end;
  border-bottom:1px solid rgba(255,255,255,.09);
  background:
    linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px),
    radial-gradient(circle at 72% 22%,rgba(74,129,150,.11),transparent 27%),
    radial-gradient(circle at 21% 82%,rgba(220,143,80,.10),transparent 25%);
  background-size:48px 48px,48px 48px,100% 100%,100% 100%;
}
.page-hero:before{content:"";position:absolute;left:clamp(22px,4.2vw,76px);bottom:0;width:110px;height:1px;background:#e5b27b}
.kicker{font-size:9px;letter-spacing:.20em;color:#e5b27b;font-weight:760}
.page-hero h1{
  font-family:Georgia,"Times New Roman","Songti SC","STSong",serif;
  font-size:clamp(54px,4.6vw,80px);
  line-height:.95;
  letter-spacing:-.052em;
  font-weight:400;
  margin:16px 0 0;
  max-width:14ch;
}
.page-hero h1[data-i18n]{white-space:pre-line}
.page-hero .aside{
  border-top:1px solid rgba(229,178,123,.42);
  padding-top:20px;
  color:#aab6bb;
  font-size:14px;
  line-height:1.7;
  max-width:520px;
}

/* shared sections */
.section{padding:78px clamp(28px,4.8vw,86px);background:#071015;color:#f4efe7}
.section:nth-of-type(even){background:#081217}
.section.dark,.why-proof,.surface-map,.credit-section{background:#081217!important;color:#f4efe7!important}
.section-head{max-width:920px;margin-bottom:46px}
.section-head h2,.surface-copy h2,.credit-head h2,.final h2{
  font-family:Georgia,"Times New Roman","Songti SC","STSong",serif;
  color:#f4efe7;
  font-weight:400!important;
  letter-spacing:-.045em!important;
}
.section-head h2{font-size:clamp(40px,3.4vw,58px);line-height:1.02}
.section-head p,.dark .section-head p{color:#93a1a7;font-size:14px;line-height:1.68}

.three,.sequence,.experience,.product-pair,.benefit-grid,.entry-facts,.credit-grid{
  border-color:rgba(255,255,255,.10)!important;
}
.three article,.sequence .step,.experience article,.product-pair article,.benefit,.entry-facts article,.credit-card{
  border-color:rgba(255,255,255,.10)!important;
}
.three small,.step span,.product-pair small,.benefit small,.entry-facts small,.credit-card small,.entry-note small{
  color:#e5b27b!important;
}
.three h3,.step h3,.experience h3,.surface-row h3,.product-pair h2,.benefit h3,.entry-facts h3,.credit-card h3{
  color:#f4efe7;
}
.three p,.step p,.experience p,.surface-row p,.product-pair p,.benefit p,.entry-facts p,.entry-note p,.credit-card p{
  color:#93a1a7!important;
}

/* Why */
.problem-note{
  background:linear-gradient(135deg,rgba(229,178,123,.08),rgba(255,255,255,.018))!important;
  border:1px solid rgba(229,178,123,.18)!important;
  border-left:2px solid #e5b27b!important;
  border-radius:10px;
}
.problem-note strong{color:#e5b27b!important}
.problem-note p{color:#dfe5e7!important}
.why-proof .step.conclusion{
  background:linear-gradient(135deg,rgba(229,178,123,.09),rgba(255,255,255,.018))!important;
  border:1px solid rgba(229,178,123,.20)!important;
  border-left:2px solid #e5b27b!important;
}
.why-proof .step.conclusion p{color:#b4c0c4!important}

/* How */
.surface-map{padding:88px clamp(28px,4.8vw,86px) 96px!important}
.surface-layout{max-width:1640px}
.surface-copy .kicker{color:#e5b27b!important}
.surface-copy h2{font-size:clamp(46px,4vw,70px);line-height:.96}
.surface-copy p{color:#93a1a7!important}
.surface-board{border-color:rgba(255,255,255,.11)!important}
.surface-row{border-color:rgba(255,255,255,.08)!important}
.surface-row small{color:#e5b27b!important}
.how-note{
  background:linear-gradient(135deg,rgba(229,178,123,.08),rgba(255,255,255,.018))!important;
  border:1px solid rgba(229,178,123,.18)!important;
  border-left:2px solid #e5b27b!important;
  border-radius:10px;
}
.how-note h3{font-family:Georgia,"Times New Roman","Songti SC","STSong",serif;color:#f4efe7;font-weight:400}
.how-note p{color:#a1afb4!important}

/* Product */
.product-definition{padding-top:52px!important}
.product-pair{max-width:1640px}
.product-pair article{min-height:360px;background-size:cover!important;background-repeat:no-repeat!important;background-position:center!important}
.product-pair article:first-child{background-image:linear-gradient(90deg,rgba(7,16,21,.98) 0%,rgba(7,16,21,.94) 48%,rgba(7,16,21,.55) 72%,rgba(7,16,21,.28) 100%),url("/marketing-assets/ambition-landscape.webp")!important}
.product-pair article:last-child{background-image:linear-gradient(90deg,rgba(7,16,21,.98) 0%,rgba(7,16,21,.94) 48%,rgba(7,16,21,.55) 72%,rgba(7,16,21,.28) 100%),url("/marketing-assets/hero-landscape.webp")!important}
.product-pair h2{font-size:clamp(40px,3.4vw,62px)!important;line-height:.98!important}
.product-pair .plain-link{color:#e9b77f;border-bottom-color:rgba(229,178,123,.45)}
.what-you-get{background:#081217!important}
.entry-note{border-color:rgba(255,255,255,.10)!important}
.entry-actions .button-ghost{color:#f0ece6}

/* Access */
.entry-facts{max-width:1640px}
.credit-section{padding-top:88px!important}
.credit-head{max-width:1640px}
.credit-head h2{font-size:clamp(40px,3.5vw,62px)}
.credit-head p{color:#99a8ae!important}
.credit-grid{max-width:1640px!important;border-color:rgba(255,255,255,.12)!important}
.credit-card{border-color:rgba(255,255,255,.10)!important}
.credit-amount{font-family:Georgia,"Times New Roman",serif;color:#f4efe7;font-weight:400}
.credit-card a{border-color:rgba(229,178,123,.35)!important;color:#edbd88!important}
.credit-note{max-width:1640px!important;color:#8e9da3!important}
.credit-note strong{color:#e9e4dc!important}

/* shared closing */
.final{
  position:relative;
  padding:72px clamp(28px,4.8vw,86px) 78px;
  background:
    radial-gradient(circle at 72% 48%,rgba(215,137,74,.12),transparent 23%),
    radial-gradient(circle at 52% 110%,rgba(75,127,147,.13),transparent 34%),
    linear-gradient(180deg,#0a171d,#071015)!important;
  border-top:1px solid rgba(255,255,255,.09);
  color:#f4efe7;
}
.final:before{content:"";position:absolute;left:clamp(28px,4.8vw,86px);top:0;width:88px;height:1px;background:#e5b27b}
.final h2{font-size:clamp(42px,3.7vw,64px);line-height:.98;margin-top:10px}
.final p{color:#93a1a7!important}
.public-footer{
  padding:38px clamp(28px,4.8vw,86px) 44px;
  background:#050d11;
  border-top:1px solid rgba(255,255,255,.08);
  color:#6f8087;
}
.footer-brand strong{color:#f4efe7}
.footer-links small{color:#788990}
.footer-links a{color:#9ba8ae}
.copyright{border-color:rgba(255,255,255,.08);color:#687980}

/* Chinese typography: strength from rhythm, not literal translation density */
html[data-locale="zh-CN"] body{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
html[data-locale="zh-CN"] .page-hero h1,
html[data-locale="zh-CN"] .section-head h2,
html[data-locale="zh-CN"] .surface-copy h2,
html[data-locale="zh-CN"] .product-pair h2,
html[data-locale="zh-CN"] .final h2,
html[data-locale="zh-CN"] .problem-note p,
html[data-locale="zh-CN"] .how-note h3{
  font-family:"Songti SC","STSong","SimSun",serif!important;
  font-weight:600!important;
  letter-spacing:-.035em!important;
}
html[data-locale="zh-CN"] h1,
html[data-locale="zh-CN"] h2,
html[data-locale="zh-CN"] h3,
html[data-locale="zh-CN"] .problem-note p{
  line-break:strict;
  word-break:normal;
  overflow-wrap:normal;
  text-wrap:balance;
}
html[data-locale="zh-CN"] p,
html[data-locale="zh-CN"] .aside,
html[data-locale="zh-CN"] .lede{
  line-break:strict;
  word-break:normal;
  overflow-wrap:normal;
  text-wrap:pretty;
}
html[data-locale="zh-CN"] .page-hero h1{line-height:1.06;max-width:10.5em}
html[data-locale="zh-CN"] .page-hero .aside{line-height:1.86}
html[data-locale="zh-CN"] .surface-copy h2{
  font-size:clamp(42px,3.1vw,56px)!important;
  line-height:1.10!important;
  max-width:11em;
}
html[data-locale="zh-CN"] .problem-note p{max-width:44em}
html[data-locale="zh-CN"] .step h3,
html[data-locale="zh-CN"] .experience h3,
html[data-locale="zh-CN"] .surface-row h3,
html[data-locale="zh-CN"] .benefit h3,
html[data-locale="zh-CN"] .entry-facts h3{letter-spacing:-.025em!important;line-height:1.28}
html[data-locale="zh-CN"] .product-pair small{text-transform:none;letter-spacing:.055em!important}

@media(max-width:1200px){
  .page-hero{width:min(calc(100% - 36px),1880px);grid-template-columns:1fr;gap:34px;padding:72px 28px 58px!important;min-height:0!important}
  .page-hero h1{max-width:13ch}
  .section,.surface-map{padding-left:28px!important;padding-right:28px!important}
  .nav{padding:0 24px}
}
@media(max-width:760px){
  .page-hero{width:100%;padding:58px 22px 50px!important}
  .page-hero h1{font-size:50px;line-height:.98}
  html[data-locale="zh-CN"] .page-hero h1{font-size:43px;line-height:1.08}
  .page-hero .aside{font-size:13px}
  .section,.surface-map,.final{padding-left:22px!important;padding-right:22px!important}
  .final h2{font-size:40px}
  .public-footer{padding-left:22px;padding-right:22px}
}