/* AWAKE / 2026 — a single coherent design layer, not cumulative overrides.
   Product photography-inspired editorial layout; original artwork, no Apple assets. */
:root,html[data-theme="light"]{
 --page:#fff;--surface:#fff;--surface2:#f5f5f7;--ink:#1d1d1f;--muted:#6e6e73;--stroke:#e5e5e8;
 --accent:#2f8764;--accent-dark:#216e52;--hero:#faf9f6;--hero2:#f1f3ed;
 --display:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;
 --body:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif
}
html{scroll-behavior:smooth;scroll-padding-top:64px}
body{font-family:var(--body);background:var(--page);color:var(--ink);font-size:15px;line-height:1.65;letter-spacing:-.02em}
::selection{background:#b0d7c0;color:#163b2d}
:where(a,button,input,select,summary):focus-visible{outline:3px solid #58ad85;outline-offset:4px}
h1,h2,h3{font-family:var(--display);font-weight:650;letter-spacing:-.068em}
p{line-height:1.75}
.container{width:min(1100px,calc(100% - 64px));margin-inline:auto}
.section{padding-block:clamp(96px,10vw,150px)}
.eyebrow,.big-number{font-size:11px;letter-spacing:.07em;font-weight:630;text-transform:uppercase;color:#7a7a80}
.button{border-radius:100px;min-height:43px;padding:11px 22px;gap:9px;font-size:13px;font-weight:570;line-height:1.25;display:inline-flex;justify-content:center;align-items:center;transition:background .2s,transform .2s;white-space:nowrap}
.button:hover{transform:translateY(-1px)}
.button-dark{background:#1d1d1f;color:white;border-color:#1d1d1f}
.button-dark:hover{background:#424248}
.button-ghost{color:#1d1d1f;border:1px solid #d3d3d7}
.site-header{position:sticky;top:0;z-index:100;min-height:52px;background:rgba(251,251,253,.9);border-bottom:1px solid rgba(0,0,0,.055);backdrop-filter:blur(20px) saturate(170%);-webkit-backdrop-filter:blur(20px) saturate(170%)}
.header-inner{height:52px;max-width:1130px;width:calc(100% - 60px);gap:20px}
.logo{font-weight:700;letter-spacing:-.045em;font-size:14px;color:#27272a;gap:9px}
.logo small{font-size:8px;letter-spacing:.065em;margin-top:2px;color:#8a8a8f}
.logo-mark{width:27px;height:27px;border:0;background:#1c1e1f;color:white;border-radius:9px;font-size:23px;transform:none;box-shadow:none}
.main-nav{gap:30px}
.main-nav a{font-size:12px;font-weight:430;letter-spacing:-.01em;color:#333337;opacity:.79}
.main-nav a:hover{opacity:1;color:#1d1d1f}
.header-actions{gap:9px}
.icon-button{border:0;background:transparent;color:#636369;width:29px;height:29px;font-size:16px}
.nav-cta{padding:8px 17px;border-radius:99px;background:#1d1d1f;color:#fff;font-size:11px;font-weight:560;min-height:32px;box-shadow:none}
.nav-cta:hover{color:#fff;background:#404044}
.mobile-nav{top:52px!important;background:#fafafa!important;border-bottom:1px solid #e8e8ea}
/* one idea, one hero: no badges, metrics or fake browser chrome */
.apple-hero{position:relative;display:flex;flex-direction:column;align-items:center;min-height:0;background:#faf9f6!important;color:#1d1d1f!important;overflow:hidden;isolation:isolate}
.apple-hero::before{content:"";position:absolute;width:1400px;height:670px;left:50%;bottom:-370px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(93,147,111,.17),rgba(194,216,199,.06) 46%,transparent 70%);pointer-events:none;z-index:0}
.apple-hero::after,.apple-hero .hero-glow,.apple-hero .hero-orbit{display:none}
.apple-hero .hero-content{position:relative;z-index:2;width:100%;max-width:980px;padding:52px 18px 0;text-align:center;margin:0}
.apple-hero .hero-kicker{justify-content:center;margin:0 0 22px;font-size:12px;font-weight:620;letter-spacing:.02em;color:#6e8d77;gap:7px}
.apple-hero .hero-kicker .status-dot,.apple-hero .kicker-number{display:none}
.apple-hero .hero-kicker::after{content:"";display:block;width:0}
.apple-hero h1{margin:0;font-size:clamp(57px,7.2vw,103px);line-height:1.07;font-weight:690;letter-spacing:-.08em;color:#1d1d1f}
.apple-hero .fullstop{color:#347451}
.apple-hero .hero-statement{font-size:clamp(25px,3.3vw,43px);font-weight:470;line-height:1.36;letter-spacing:-.058em;color:#232b26;margin:14px 0 0}
.apple-hero .hero-statement span{color:#2e7951!important;background:none!important;-webkit-text-fill-color:#2e7951!important}
.apple-hero .hero-description{margin:17px auto 0;max-width:560px;color:#7a807a;font-size:14px;line-height:1.8;letter-spacing:0}
.apple-hero .hero-buttons{display:flex;justify-content:center;gap:12px;align-items:center;margin:25px 0 0}
.apple-hero .button-light{background:#2d9d73!important;border-color:#2d9d73!important;color:#fff!important;box-shadow:none!important}
.apple-hero .button-light:hover{background:#24825e!important}
.apple-hero .button-outline{background:transparent!important;color:#286f4d!important;border-color:#4d9470!important}
.apple-hero .button-outline:hover{background:#eaf3eb!important}
.apple-hero .hero-contact{display:none!important}
.apple-hero .hero-art{width:min(1380px,100%);height:auto;aspect-ratio:1380/660;position:relative;z-index:1;margin:-22px auto -71px;pointer-events:none;overflow:visible}
.apple-hero .hero-art img{display:block;width:100%;height:100%;object-fit:contain;filter:none!important;transform:none!important}
.apple-hero .hero-art .legacy-art{display:none!important}
.apple-hero .hero-bottom{width:min(1080px,calc(100% - 64px));max-width:none;position:relative;z-index:2;margin:0 auto;padding:18px 0 23px;color:#8d958e;letter-spacing:.12em;text-transform:uppercase;font-size:10px;display:flex;justify-content:space-between}
@media(prefers-reduced-motion:no-preference){.apple-hero .hero-art{animation:none}}
@keyframes awakeReveal{from{opacity:.2;transform:scale(.965) translateY(22px)}to{opacity:1;transform:none}}
/* editorial reading rhythm and restrained feature grids */
.ethos{border:0;text-align:center;max-width:1050px;padding-block:150px}
.ethos>.big-number{display:block;margin-bottom:25px}
.ethos-layout{display:flex;flex-direction:column;align-items:center;gap:28px;margin:0}
.ethos .section-lead{max-width:950px;margin:0;color:#1d1d1f;font-size:clamp(38px,5.7vw,72px);font-weight:655;line-height:1.23;letter-spacing:-.078em}
.ethos .section-lead em{color:#7a7a80}
.ethos .ethos-right{max-width:630px;margin:0;padding:0;text-align:center}
.ethos-right p{font-size:16px;line-height:1.8;color:#77777d;margin:0 0 20px}
.subtle-link{color:#24704f;border:0;font-size:14px;font-weight:570;text-decoration:none}
.subtle-link:hover{text-decoration:underline}
.pillars,.library-feature{background:#f5f5f7}
.section-heading{align-items:center;text-align:center;margin-bottom:52px}
.section-heading .eyebrow{color:#7b7b80}
.section-heading h2{font-size:clamp(38px,5vw,67px);line-height:1.2;color:#1d1d1f;margin:17px 0 14px;font-weight:670}
.section-heading p{font-size:16px;color:#78787d;max-width:680px}
.pillar-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pillar{background:white;min-height:380px;padding:36px 32px;border:0;border-radius:20px;box-shadow:none;transition:transform .2s}
.pillar:hover{transform:translateY(-3px)}
.pillar-index{font-weight:540;color:#a0a0a6}
.pillar-glyph{font-size:76px;color:#1f7451;margin:30px 0 19px;line-height:1.1}
.pillar h3{font-size:35px;color:#1d1d1f;margin:0 0 16px}
.pillar h3 small{font-size:9px;color:#8b8b90}
.pillar p{font-size:14px;color:#77777c}
.pillar-result{font-size:12px;color:#39815a;font-weight:590}
.pathway{display:grid;grid-template-columns:.86fr 1.14fr;gap:75px;padding-block:155px}
.pathway-left h2{font-size:clamp(44px,5vw,65px);line-height:1.2;color:#1d1d1f}
.pathway-left p{color:#727277;font-size:15px}
.path-choice{padding:24px 8px;border-color:#e5e5e7;font-size:20px;font-weight:580;color:#1d1d1f;background:transparent}
.path-choice:hover,.path-choice.is-active{padding-left:17px;background:#f6f6f8}
.path-choice.is-active span:last-child{color:#317c56}
.path-result{background:#f5f5f7;color:#1d1d1f;border:0;border-radius:17px;padding:29px}
.path-result>span{color:#88888d;font-size:10px}
.path-result h3{color:#1d1d1f;font-size:25px}
.path-result p{color:#77777c}
.path-result a{color:#21724d}
.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.guide-card{min-height:325px;background:white;padding:36px;border-radius:20px;border:0;box-shadow:none;transform:none!important}
.guide-card:hover{background:#fcfcfd;box-shadow:0 12px 30px rgba(0,0,0,.035)}
.guide-card h3{color:#1d1d1f;font-size:clamp(25px,2.65vw,34px);line-height:1.24;margin:29px 0 11px}
.guide-card p{color:#78787d;font-size:14px;line-height:1.72}
.card-meta{color:#2d8156}
.circle-arrow{border:0;background:#f1f3f0;color:#28794e}
.community-panel{padding-block:150px}
.community-heading h2{color:#1d1d1f;font-size:clamp(40px,5vw,65px);line-height:1.2}
.community-heading p{color:#7b7b80}
.community-card{border:0;border-radius:19px;background:#f5f5f7;padding:44px}
.community-card.dark{background:#192a24;color:#fff}
.community-card.dark p,.community-card.dark a{color:#c3d3c8}
.community-card h3{font-size:39px}
.open-note{padding-block:135px}
.note-row h2{color:#1d1d1f}
.note-row p{color:#75757a}
.contact-section{background:#111515!important;color:white;padding:110px 55px;border-radius:26px;width:min(1100px,calc(100% - 64px));margin-inline:auto}
.contact-section .contact-copy h2{color:white;font-size:clamp(36px,4.6vw,60px)}
.contact-section .contact-copy p{color:#b9c5be}
.contact-card{background:#202726;border:1px solid #3c4a42;box-shadow:none;border-radius:18px}
.contact-card a,.contact-card strong{color:white}
.footer{background:#f5f5f7!important;color:#747479!important;padding:80px 0 30px;border:0!important}
.footer-top,.footer-contact,.footer-bottom{width:min(1100px,calc(100% - 64px));max-width:1100px;margin-inline:auto}
.footer-symbol{display:none}
.footer h2{font-size:clamp(29px,3.2vw,45px);color:#1d1d1f;line-height:1.3}
.footer-links b{color:#444449}
.footer-links a,.footer p,.footer-top>div>p{color:#7e7e83}
.footer-contact{background:white;border:1px solid #e0e0e4;border-radius:16px;padding:25px}
.footer-contact p,.wechat-identity{color:#5b5b60}
.copy-wechat{background:#1d1d1f;color:white;border:0;border-radius:99px;min-height:42px}
.footer-bottom{border-color:#d7d7da;color:#8b8b8f}
.footer-bottom a{color:#5d5d63}
.page-hero h1{font-size:clamp(47px,6vw,83px);color:#1d1d1f}
.page-hero p{color:#76767b}
.search-wrap,.filter-bar select,.route-card,.about-aside,.step-card,.guide-sidebar .sticky-side{border-radius:14px}
.route-card{background:#f5f5f7;border:0}
.route-card:hover{background:#edf2ed}
.route-card h2{color:#1d1d1f}
@media(max-width:980px){.container{width:calc(100% - 48px)}.header-inner{width:calc(100% - 44px)}.pathway{gap:45px}.pillar{padding:28px 23px}.footer-top,.footer-contact,.footer-bottom{width:calc(100% - 48px)}}
@media(max-width:760px){
 .header-inner{height:52px;width:calc(100% - 34px);gap:9px}
 .logo{font-size:13px}.logo-mark{width:25px;height:25px}
 .main-nav{display:none}
 .header-actions{margin-left:auto;gap:5px}
 .header-actions .icon-button.theme-toggle{display:grid;place-items:center;width:30px;height:30px;border:0;background:transparent}
 .header-actions .nav-cta{display:inline-flex;font-size:10px;padding:8px 11px;min-height:31px}
 .menu-button{display:block;margin-left:2px;font-size:20px}
 .apple-hero .hero-content{padding:75px 20px 0}
 .apple-hero .hero-kicker{margin-bottom:18px;font-size:11px}
 .apple-hero h1{font-size:clamp(56px,11.4vw,75px)}
 .apple-hero .hero-statement{font-size:clamp(24px,6.2vw,33px);margin-top:11px}
 .apple-hero .hero-description{font-size:12px;margin-top:14px}
 .apple-hero .hero-buttons{flex-direction:row;gap:9px;margin-top:21px}
 .apple-hero .button{min-height:40px;padding:10px 16px;font-size:12px;width:auto;flex:none}
 .apple-hero .hero-art{width:640px;max-width:none;flex:none;aspect-ratio:1380/660;margin:-8px 0 -26px;transform:none;overflow:visible}
 .apple-hero .hero-art img{width:640px;height:auto}
 .apple-hero .hero-bottom{width:calc(100% - 38px);font-size:9px;padding:8px 0 18px}
 .section{padding-block:85px}
 .ethos{padding-block:100px}
 .ethos .section-lead{font-size:clamp(33px,8.6vw,49px)}
 .ethos-right p{font-size:14px}
 .section-heading h2{font-size:clamp(35px,9vw,50px)}
 .pillar-grid,.guide-grid,.community-grid{grid-template-columns:1fr;gap:12px}
 .pillar{min-height:260px;padding:28px}.pillar-glyph{margin:15px 0;font-size:65px}
 .pathway{grid-template-columns:1fr;gap:30px}
 .pathway-left{position:static}
 .pathway-left h2{font-size:clamp(42px,10vw,58px)}
 .community-panel{padding-block:95px}
 .community-card{min-height:295px;padding:30px}
 .contact-section{width:calc(100% - 34px);padding:65px 24px;border-radius:20px}
 .footer{padding:60px 0 26px}
 .footer-top,.footer-contact,.footer-bottom{width:calc(100% - 36px)}
 .footer-top{display:block}
 .footer-links{margin-top:45px}
 .footer-contact{padding:22px}
 .footer-bottom{flex-direction:column;gap:12px}
}
@media(max-width:390px){.logo small{font-size:7px}.apple-hero h1{font-size:52px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
html[data-theme="dark"]{--page:#171719;--surface:#222224;--surface2:#252527;--ink:#f5f5f7;--muted:#a7a7ac;--stroke:#35353a;--accent:#5bad81;--accent-dark:#82c7a2}
html[data-theme="dark"] body{background:#171719;color:#f5f5f7}
html[data-theme="dark"] .site-header{background:rgba(28,28,30,.92)}
html[data-theme="dark"] .logo,html[data-theme="dark"] .main-nav a{color:#eeeef1}
html[data-theme="dark"] .apple-hero{background:#1d2620!important}
html[data-theme="dark"] .apple-hero h1,html[data-theme="dark"] .apple-hero .fullstop,html[data-theme="dark"] .apple-hero .hero-statement{color:#f4f7f4}
html[data-theme="dark"] .apple-hero .hero-description{color:#c0cbc1}
html[data-theme="dark"] .apple-hero .hero-statement span{color:#b4dabd!important;-webkit-text-fill-color:#b4dabd!important}
html[data-theme="dark"] .apple-hero .button-outline{color:#cbebd3!important;border-color:#90b99b!important}
html[data-theme="dark"] .pillar,html[data-theme="dark"] .guide-card{background:#26262a;color:#f5f5f7}
html[data-theme="dark"] .pillar h3,html[data-theme="dark"] .guide-card h3,html[data-theme="dark"] .section-heading h2{color:#f5f5f7}
html[data-theme="dark"] .pillars,html[data-theme="dark"] .library-feature{background:#202022}

/* Final first-fold art direction — emphasize one statement and the illuminated object. */
@media(min-width:761px){
 .apple-hero .hero-kicker{display:none}
 .apple-hero .hero-content{padding-top:69px}
 .apple-hero .hero-description br{display:none}
 .apple-hero .hero-art{margin:-37px auto -85px}
}