:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",Arial,system-ui,sans-serif;font-synthesis:none;--ink:#f2f0e9;--muted:rgba(242,240,233,.62);--line:rgba(242,240,233,.18);--page:#080a0b;--accent:#8ef4cf;--px:0;--py:0;background:var(--page);color:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{width:100%;min-height:100%;margin:0}body{overflow-x:hidden;background:var(--page)}a{color:inherit}#field{position:fixed;inset:0;width:100vw;height:100vh;z-index:-2;opacity:.54;background:#080a0b}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 70% 25%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 32%),linear-gradient(180deg,transparent,rgba(8,10,11,.92));transition:background .8s ease}
.site-header{position:fixed;inset:0 0 auto;z-index:40;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,3.2vw,52px);border-bottom:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,rgba(8,10,11,.86),rgba(8,10,11,.18));backdrop-filter:blur(10px)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand>b{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--ink);font-size:19px;font-style:italic}.brand>span{display:flex;align-items:baseline;gap:8px}.brand strong{font-size:16px;letter-spacing:-.03em}.brand small{color:var(--muted);font-weight:700}.desktop-menu{display:flex;gap:clamp(18px,2.4vw,38px)}.desktop-menu a{position:relative;color:rgba(255,255,255,.7);font-size:13px;font-weight:700;text-decoration:none}.desktop-menu a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--accent);transition:right .18s}.desktop-menu a:hover:after,.desktop-menu a:focus-visible:after{right:0}
.menu-toggle{display:none;appearance:none;width:28px;height:20px;padding:0;border:0;background:transparent;flex-direction:column;justify-content:space-between;cursor:pointer}.menu-toggle span{width:28px;height:2px;background:white;transition:.18s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(9px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-9px) rotate(-45deg)}.site-menu{position:fixed;inset:0;z-index:35;display:none;flex-direction:column;justify-content:center;padding:84px 28px 36px;background:rgba(8,10,11,.97);transform:translateY(-100%);transition:transform .26s}.site-menu.is-open{transform:none}.site-menu a{display:flex;gap:22px;padding:18px 0;border-bottom:1px solid var(--line);font-size:clamp(26px,8vw,42px);font-weight:700;text-decoration:none;font-style:normal}.site-menu i{color:var(--muted);font-size:12px;font-style:normal}
.hero{position:relative;min-height:100svh;overflow:hidden;display:grid;align-items:end;padding:120px clamp(20px,6vw,92px) clamp(54px,8vh,84px);isolation:isolate}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,10,11,.86),rgba(8,10,11,.2) 58%,rgba(8,10,11,.5))}.hero-grid{position:absolute;inset:-8%;z-index:-1;opacity:.38;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:9vw 9vw;transform:perspective(700px) rotateX(60deg) translateY(28%) scale(1.35);transform-origin:center bottom}.hero-copy{position:relative;z-index:5;max-width:880px}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 22px;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.eyebrow span{width:32px;height:1px;background:var(--accent)}.hero h1{margin:0;font-size:clamp(52px,8.4vw,122px);line-height:.93;letter-spacing:-.075em}.hero h1 em{color:transparent;font-style:normal;-webkit-text-stroke:1px rgba(242,240,233,.78)}.hero-intro{max-width:540px;margin:28px 0 0;color:rgba(255,255,255,.68);font-size:clamp(16px,1.5vw,21px);line-height:1.65}
.hero-scene{position:absolute;top:8%;right:-2%;z-index:1;width:min(58vw,800px);height:82%;perspective:1100px;transform-style:preserve-3d;transform:rotateX(calc(var(--py)*-5deg)) rotateY(calc(var(--px)*7deg));transition:transform .1s linear}.depth-card{position:absolute;display:flex;flex-direction:column;justify-content:space-between;padding:18px;border:1px solid rgba(255,255,255,.36);color:rgba(255,255,255,.78);background:rgba(9,13,14,.25);box-shadow:inset 0 0 60px rgba(142,244,207,.03);backdrop-filter:blur(1px);transform-style:preserve-3d}.depth-card span{font-size:10px;letter-spacing:.16em}.depth-card b{font-size:clamp(20px,3vw,44px);letter-spacing:-.06em}.depth-card.back{inset:6% 8% 30% 20%;transform:translate3d(calc(var(--px)*-16px),calc(var(--py)*-12px),-180px) rotate(-5deg);opacity:.45}.depth-card.mid{inset:28% 18% 12% 4%;transform:translate3d(calc(var(--px)*24px),calc(var(--py)*18px),-60px) rotate(7deg);border-color:rgba(142,244,207,.55)}.depth-card.front{inset:15% 0 22% 33%;transform:translate3d(calc(var(--px)*42px),calc(var(--py)*32px),90px) rotate(-1deg);background:linear-gradient(145deg,rgba(142,244,207,.12),rgba(8,10,11,.15))}.orbit{position:absolute;top:50%;left:55%;border:1px solid rgba(255,255,255,.16);border-radius:50%;transform:translate(-50%,-50%) rotateX(65deg)}.orbit.a{width:80%;aspect-ratio:1}.orbit.b{width:54%;aspect-ratio:1;transform:translate(-50%,-50%) rotateY(70deg)}.axis{position:absolute;left:50%;top:50%;background:rgba(255,255,255,.13)}.axis.x{width:120%;height:1px;transform:translate(-50%,-50%)}.axis.y{width:1px;height:110%;transform:translate(-50%,-50%)}
.scroll-cue{position:absolute;right:clamp(20px,3.2vw,52px);bottom:42px;z-index:6;display:flex;align-items:center;gap:14px;color:var(--muted);font-size:11px;font-weight:700;text-decoration:none;letter-spacing:.12em}.scroll-cue i{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--ink);font-style:normal;animation:nudge 1.6s ease-in-out infinite}.hero-index{position:absolute;right:clamp(20px,3.2vw,52px);top:110px;margin:0;color:var(--muted);font-size:10px;line-height:1.7;letter-spacing:.14em;text-align:right}@keyframes nudge{50%{transform:translateY(4px)}}
.story-shell{position:relative;display:grid;grid-template-columns:minmax(210px,20vw) 1fr;border-top:1px solid var(--line);background:rgba(8,10,11,.76)}.chapter-rail{position:sticky;top:72px;height:calc(100vh - 72px);display:flex;flex-direction:column;justify-content:space-between;padding:42px clamp(22px,3vw,44px) 30px;border-right:1px solid var(--line)}.chapter-rail header span{display:block;margin-bottom:8px;color:var(--muted);font-size:10px;letter-spacing:.18em;text-transform:uppercase}.chapter-rail header strong{font-size:15px}.chapter-rail ol{margin:auto 0;padding:0;list-style:none}.chapter-rail li{border-bottom:1px solid rgba(255,255,255,.1)}.chapter-rail a{display:flex;justify-content:space-between;padding:13px 0;color:rgba(255,255,255,.45);font-size:14px;text-decoration:none;transition:.18s}.chapter-rail a span{font-size:10px}.chapter-rail a.is-active{padding-left:10px;color:var(--accent)}.chapter-rail>p{color:var(--muted);font-size:9px;line-height:1.7;letter-spacing:.12em}
.chapter{--sa:#8ef4cf;position:relative;min-height:110vh;display:flex;flex-direction:column;justify-content:center;gap:48px;padding:130px clamp(28px,6vw,90px) 100px;border-bottom:1px solid var(--line);overflow:hidden}.chapter:before{content:"";position:absolute;width:55vw;height:55vw;right:-28vw;top:8%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--sa) 13%,transparent),transparent 66%);pointer-events:none}.cyan{--sa:#66d9dc}.orange{--sa:#ff9d58}.red{--sa:#ff6058}.violet{--sa:#b89cff}.green{--sa:#8ef4a8}.chapter-title{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px 30px}.chapter-title p{grid-column:1/-1;margin:0;color:var(--sa);font-size:10px;font-weight:800;letter-spacing:.18em}.chapter-title h2{margin:0;font-size:clamp(58px,9vw,132px);line-height:.85;letter-spacing:-.075em}.chapter-title>span{max-width:260px;color:var(--muted);font-size:14px;line-height:1.6}
.placeholder{position:relative;min-height:460px;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border:1px solid rgba(255,255,255,.28);background:linear-gradient(145deg,color-mix(in srgb,var(--sa) 17%,#101315),#0b0e10 60%);transition:transform .25s}.placeholder:before,.placeholder:after{content:"";position:absolute;pointer-events:none}.placeholder:before{inset:18px;border:1px solid rgba(255,255,255,.1)}.placeholder:after{width:52%;aspect-ratio:1;top:-20%;right:-5%;border:1px solid color-mix(in srgb,var(--sa) 60%,transparent);border-radius:50%;box-shadow:0 0 90px color-mix(in srgb,var(--sa) 18%,transparent)}.placeholder p{margin:0 0 auto;color:rgba(255,255,255,.46);font-size:10px;letter-spacing:.17em}.placeholder strong{position:relative;z-index:2;font-size:clamp(24px,4vw,56px);letter-spacing:-.05em}.placeholder small{position:relative;z-index:2;margin-top:10px;color:var(--muted)}.placeholder-grid{position:absolute;inset:0;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);background-size:60px 60px}.chapter-copy{display:grid;grid-template-columns:minmax(240px,1fr) repeat(3,auto);align-items:end;gap:16px}.chapter-copy p{max-width:560px;margin:0;color:rgba(255,255,255,.78);font-size:clamp(18px,2vw,27px);line-height:1.45}.chapter-copy span{padding:8px 12px;border:1px solid rgba(255,255,255,.17);border-radius:999px;color:var(--muted);font-size:11px;white-space:nowrap}
.split-visual{display:grid;grid-template-columns:1.5fr .7fr;gap:22px}.portrait{min-height:550px}.metric-card{display:flex;flex-direction:column;justify-content:space-between;min-height:300px;padding:28px;color:#111;background:var(--sa)}.metric-card span{font-size:10px;font-weight:800;letter-spacing:.17em}.metric-card strong{margin-top:auto;font-size:clamp(54px,7vw,104px);letter-spacing:-.08em}.metric-card p{margin:8px 0 0;font-weight:700}.market{background:#0b0d0f}.market-line{position:absolute;inset:12% 0 20%;background:linear-gradient(155deg,transparent 0 16%,var(--sa) 16.2% 16.6%,transparent 16.8% 34%,var(--sa) 34.2% 34.6%,transparent 34.8% 53%,var(--sa) 53.2% 53.6%,transparent 53.8% 70%,var(--sa) 70.2% 70.6%,transparent 70.8%);filter:drop-shadow(0 0 12px var(--sa));opacity:.62}
.learning-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;perspective:900px}.learning-stack>div{min-height:420px;display:flex;flex-direction:column;justify-content:flex-end;padding:26px;border:1px solid rgba(255,255,255,.24);background:linear-gradient(180deg,rgba(184,156,255,.06),rgba(184,156,255,.2));transition:transform .25s}.learning-stack>div:first-child{transform:translateY(36px) rotateY(6deg)}.learning-stack>div:last-child{transform:translateY(-28px) rotateY(-6deg)}.learning-stack span{margin-bottom:auto;color:var(--muted);font-size:10px;letter-spacing:.17em}.learning-stack strong{font-size:clamp(36px,5vw,70px)}.learning-stack small{margin-top:8px;color:var(--muted)}
.model-stage{position:relative;min-height:560px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);overflow:hidden;background:radial-gradient(circle,rgba(142,244,168,.12),transparent 45%)}.model-stage:before,.model-stage:after{content:"";position:absolute;width:70%;aspect-ratio:1;border:1px solid rgba(142,244,168,.24);border-radius:50%}.model-stage:after{width:42%}.model-stage>p{position:absolute;left:22px;top:16px;color:var(--muted);font-size:10px;letter-spacing:.16em}.model-core{position:relative;z-index:2;width:230px;aspect-ratio:1;display:flex;flex-direction:column;justify-content:space-between;padding:24px;border:1px solid var(--sa);background:rgba(8,10,11,.84);transform:rotate(4deg);box-shadow:0 0 80px rgba(142,244,168,.12)}.model-core span{color:var(--muted);font-size:10px;letter-spacing:.16em}.model-core strong{font-size:36px;letter-spacing:-.07em}.model-node{position:absolute;z-index:3;padding:10px 16px;border:1px solid rgba(255,255,255,.32);border-radius:999px;color:var(--muted);font-size:10px;letter-spacing:.12em;background:#0a0d0e}.n1{left:17%;top:25%}.n2{right:14%;top:31%}.n3{left:28%;bottom:18%}
.site-footer{min-height:86vh;display:flex;flex-direction:column;justify-content:space-between;padding:120px clamp(24px,6vw,92px) 42px;background:#efeee8;color:#111}.site-footer p{margin:0;font-size:clamp(46px,8.5vw,126px);line-height:.92;letter-spacing:-.07em}.site-footer p strong{font-weight:400;color:transparent;-webkit-text-stroke:1px #111}.site-footer>a{width:fit-content;font-size:clamp(20px,3vw,42px);font-weight:700;text-decoration:none;border-bottom:2px solid}.site-footer>a span{display:inline-block;transition:.18s}.site-footer>a:hover span{transform:translate(5px,-5px)}.site-footer>div{display:flex;justify-content:space-between;padding-top:22px;border-top:1px solid rgba(0,0,0,.25);font-size:11px;letter-spacing:.08em}
@media(max-width:900px){.desktop-menu{display:none}.menu-toggle,.site-menu{display:flex}.hero{padding-bottom:84px}.hero-scene{top:11%;right:-30%;width:105vw;height:58%;opacity:.65}.hero h1{font-size:clamp(50px,14vw,92px)}.hero-index{display:none}.story-shell{display:block}.chapter-rail{display:none}.chapter{min-height:auto;padding:110px 22px 80px}.chapter-title{display:block}.chapter-title>span{display:block;margin-top:20px}.placeholder{min-height:55vw}.chapter-copy{grid-template-columns:repeat(3,auto);justify-content:start}.chapter-copy p{grid-column:1/-1;margin-bottom:10px}.split-visual{grid-template-columns:1fr}.portrait{min-height:70vw}.metric-card{min-height:240px}.learning-stack{grid-template-columns:1fr}.learning-stack>div{min-height:240px}.learning-stack>div:nth-child(n){transform:none}}
@media(max-width:540px){.site-header{height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 18px 0}.brand small{display:none}.hero{padding:calc(104px + env(safe-area-inset-top)) 18px calc(76px + env(safe-area-inset-bottom))}.hero h1{font-size:clamp(42px,14vw,58px);letter-spacing:-.06em;white-space:nowrap}.hero-intro{max-width:86%;font-size:15px}.hero-scene{right:-50%;width:135vw;opacity:.48}.scroll-cue{right:18px;bottom:calc(22px + env(safe-area-inset-bottom))}.scroll-cue span{display:none}.chapter-title h2{font-size:clamp(50px,17vw,76px)}.chapter-copy{display:flex;flex-wrap:wrap}.chapter-copy p{flex-basis:100%}.placeholder{min-height:72vw;padding:20px}.placeholder strong{font-size:22px}.placeholder small{font-size:10px}.model-stage{min-height:430px}.model-core{width:170px}.model-core strong{font-size:28px}.site-footer{min-height:75vh;padding:90px 20px calc(28px + env(safe-area-inset-bottom))}.site-footer>div{gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-scene,[data-parallax]{transform:none!important}}

/* Artwork, service details and color theme */
.theme-toggle{appearance:none;display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:rgba(8,10,11,.18);font:700 9px/1 Arial,sans-serif;letter-spacing:.12em;cursor:pointer}.theme-toggle i{width:14px;height:14px;border:1px solid currentColor;border-radius:50%;background:linear-gradient(90deg,currentColor 50%,transparent 50%)}
.hero:after{background:linear-gradient(90deg,rgba(8,10,11,.92) 0,rgba(8,10,11,.6) 35%,rgba(8,10,11,.15) 69%,rgba(8,10,11,.56) 100%),linear-gradient(180deg,rgba(8,10,11,.12),rgba(8,10,11,.6))}.hero-art{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#080a0b}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 38%;opacity:.83;filter:saturate(.82) contrast(1.04);transform:scale(1.035) translate3d(calc(var(--px)*-5px),calc(var(--py)*-4px),0);transition:transform .15s linear}.hero-grid{z-index:0;opacity:.22}.art-credit{position:absolute;left:clamp(20px,6vw,92px);bottom:18px;z-index:6;color:rgba(255,255,255,.43);font-size:8px;letter-spacing:.08em;text-decoration:none}.art-credit:hover{color:var(--ink)}
.service-grid{display:grid;gap:1px;border:1px solid var(--line);background:var(--line)}.service-grid.four{grid-template-columns:repeat(4,1fr)}.service-grid.three{grid-template-columns:repeat(3,1fr)}.service-grid.two{grid-template-columns:repeat(2,1fr)}.service-grid article{position:relative;min-height:210px;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;background:#0b0e10;overflow:hidden}.service-grid article:before{content:"";position:absolute;width:130px;height:130px;right:-46px;top:-46px;border:1px solid var(--sa);border-radius:50%;opacity:.32}.service-grid i{margin-bottom:auto;color:var(--sa);font:normal 10px/1 Arial;letter-spacing:.15em}.service-grid strong{position:relative;font-size:clamp(18px,2vw,28px);letter-spacing:-.04em}.service-grid span{position:relative;margin-top:12px;color:var(--muted);font-size:8px;letter-spacing:.13em}.risk-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.risk-levels article{min-height:250px;display:flex;flex-direction:column;padding:24px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,96,88,.04),rgba(255,96,88,.16))}.risk-levels span{color:var(--sa);font-size:9px;letter-spacing:.17em}.risk-levels strong{margin:auto 0 8px;font-size:clamp(32px,4vw,58px)}.risk-levels i{color:var(--muted);font-size:12px;font-style:normal}.growth-callout{display:grid;grid-template-columns:1fr 1.5fr;gap:20px 40px;align-items:end;padding:36px;border:1px solid var(--line);background:linear-gradient(120deg,rgba(184,156,255,.06),rgba(184,156,255,.18))}.growth-callout span{grid-column:1/-1;color:var(--sa);font-size:9px;letter-spacing:.17em}.growth-callout strong{font-size:clamp(34px,5vw,70px);line-height:.98;letter-spacing:-.06em}.growth-callout p{margin:0;color:var(--muted);font-size:15px;line-height:1.7}.footer-label{font-size:10px;font-weight:800;letter-spacing:.16em}

[data-theme=light]{color-scheme:light;--ink:#171714;--muted:rgba(23,23,20,.58);--line:rgba(23,23,20,.18);--page:#efeee8;background:var(--page);color:var(--ink)}[data-theme=light] body{background:var(--page)}[data-theme=light] #field{opacity:.18}[data-theme=light] body:before{background:radial-gradient(circle at 70% 25%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 34%),linear-gradient(180deg,transparent,rgba(239,238,232,.9))}[data-theme=light] .site-header{background:linear-gradient(180deg,rgba(239,238,232,.94),rgba(239,238,232,.58));border-color:var(--line)}[data-theme=light] .desktop-menu a{color:rgba(23,23,20,.7)}[data-theme=light] .theme-toggle{background:rgba(255,255,255,.45)}[data-theme=light] .menu-toggle span{background:#171714}[data-theme=light] .site-menu{background:rgba(239,238,232,.98)}[data-theme=light] .hero:after{background:linear-gradient(90deg,rgba(239,238,232,.94),rgba(239,238,232,.68) 38%,rgba(239,238,232,.18) 70%,rgba(239,238,232,.56)),linear-gradient(180deg,rgba(239,238,232,.1),rgba(239,238,232,.48))}[data-theme=light] .hero-art{background:#d7d1c4}[data-theme=light] .hero-art img{opacity:.72;filter:saturate(.7) contrast(.94)}[data-theme=light] .hero-grid{background-image:linear-gradient(rgba(23,23,20,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(23,23,20,.08) 1px,transparent 1px)}[data-theme=light] .hero h1 em{ -webkit-text-stroke:1px rgba(23,23,20,.75)}[data-theme=light] .hero-intro{color:rgba(23,23,20,.68)}[data-theme=light] .depth-card{color:rgba(23,23,20,.75);border-color:rgba(23,23,20,.35);background:rgba(239,238,232,.23)}[data-theme=light] .art-credit{color:rgba(23,23,20,.46)}[data-theme=light] .story-shell{background:rgba(239,238,232,.88)}[data-theme=light] .chapter-copy p{color:rgba(23,23,20,.78)}[data-theme=light] .chapter-copy span{border-color:var(--line)}[data-theme=light] .chapter-rail a{color:rgba(23,23,20,.45)}[data-theme=light] .service-grid article{background:#e7e4dd}[data-theme=light] .risk-levels article{background:linear-gradient(145deg,rgba(255,96,88,.03),rgba(255,96,88,.12))}[data-theme=light] .learning-stack>div{background:linear-gradient(180deg,rgba(184,156,255,.04),rgba(184,156,255,.19))}[data-theme=light] .growth-callout{background:linear-gradient(120deg,rgba(184,156,255,.05),rgba(184,156,255,.18))}[data-theme=light] .model-stage{background:radial-gradient(circle,rgba(142,244,168,.2),transparent 45%)}[data-theme=light] .site-footer{background:#111;color:#efeee8}[data-theme=light] .site-footer p strong{-webkit-text-stroke:1px #efeee8}[data-theme=light] .site-footer>div{border-color:rgba(255,255,255,.25)}

@media(max-width:900px){.site-header{gap:14px}.theme-toggle{margin-left:auto}.service-grid.four,.service-grid.three{grid-template-columns:repeat(2,1fr)}.growth-callout{grid-template-columns:1fr}.growth-callout span{grid-column:auto}}
/* Keep the wide Tai Chi artwork balanced behind the hero copy. */
.hero:after{background:linear-gradient(90deg,rgba(8,10,11,.78) 0,rgba(8,10,11,.4) 38%,rgba(8,10,11,.1) 72%,rgba(8,10,11,.42) 100%),linear-gradient(180deg,rgba(8,10,11,.06),rgba(8,10,11,.42))}
.hero-art img{object-position:center;opacity:.88;filter:saturate(.9) contrast(1.04)}
[data-theme=light] .hero:after{background:linear-gradient(90deg,rgba(239,238,232,.42),rgba(239,238,232,.18) 38%,rgba(239,238,232,.04) 70%,rgba(239,238,232,.16)),linear-gradient(180deg,rgba(239,238,232,.02),rgba(239,238,232,.16));opacity:0}
[data-theme=light] .hero-art img{opacity:.76;filter:saturate(.72) contrast(.94)}
@media(max-width:540px){.theme-toggle span{display:none}.theme-toggle{padding:7px}.hero-art img{object-position:center}.hero-scene{opacity:.34}.service-grid.four,.service-grid.three,.service-grid.two,.risk-levels{grid-template-columns:1fr}.service-grid article{min-height:150px}.risk-levels article{min-height:180px}.growth-callout{padding:24px}}

/* Keep the original placeholder geometry as an overlay on the selected logistics image. */
.placeholder.logistics:after{display:block!important;z-index:2;opacity:.58;width:45%;top:12%;right:8%;border-color:rgba(142,244,207,.72);box-shadow:0 0 90px rgba(102,217,220,.12)}
.placeholder.logistics .placeholder-grid{opacity:.18}
.placeholder.logistics.template-only{background:linear-gradient(145deg,color-mix(in srgb,#66d9dc 17%,#101315),#0b0e10 60%)}.placeholder.logistics.template-only .logistics-mask{background:transparent}.placeholder.logistics.template-only .placeholder-grid{opacity:.24}

/* Tai Chi hero: keep only a quiet orbital trace so the artwork stays primary. */
.hero-scene{opacity:.72}
.hero-scene .depth-card,.hero-scene .axis{display:none}
.hero-scene .orbit{border-color:rgba(225,214,194,.18);box-shadow:0 0 0 1px rgba(187,160,110,.035)}
.hero-scene .orbit.a{width:78%;aspect-ratio:1.22;transform:translate(-50%,-50%) rotateX(65deg) rotateZ(-8deg)}
.hero-scene .orbit.b{width:55%;aspect-ratio:1.22;border-color:rgba(187,160,110,.16);transform:translate(-50%,-50%) rotateY(70deg) rotateZ(-8deg)}
[data-theme=light] .hero-scene .orbit{border-color:rgba(89,76,58,.18);box-shadow:0 0 0 1px rgba(143,116,72,.04)}
[data-theme=light] .hero-scene .orbit.b{border-color:rgba(143,116,72,.16)}
@media(max-width:900px){.hero-scene{opacity:.28}.hero-scene .orbit.a{width:78%}.hero-scene .orbit.b{width:54%}}

/* Darken the logo corner while keeping the navigation edge softly translucent. */
.site-header{background:linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(8,10,11,.96) 22%,rgba(8,10,11,.7) 54%,rgba(8,10,11,.18) 100%),linear-gradient(180deg,rgba(8,10,11,.86),rgba(8,10,11,.18))}
[data-theme=light] .site-header{background:linear-gradient(90deg,rgba(239,238,232,.98) 0%,rgba(239,238,232,.94) 22%,rgba(239,238,232,.74) 54%,rgba(239,238,232,.58) 100%),linear-gradient(180deg,rgba(239,238,232,.94),rgba(239,238,232,.58))}

/* Contact footer follows the active theme instead of using the inverse palette. */
.site-footer{background:#111;color:#efeee8}
.site-footer p strong{-webkit-text-stroke:1px #efeee8}
.site-footer>div{border-top-color:rgba(255,255,255,.25)}
[data-theme=light] .site-footer{background:#efeee8;color:#111}
[data-theme=light] .site-footer p strong{-webkit-text-stroke:1px #111}
[data-theme=light] .site-footer>div{border-top-color:rgba(0,0,0,.25)}

/* Anchor jumps open a complete desktop section overview; mobile keeps a readable vertical flow. */
section[id]{scroll-margin-top:84px}
@media(min-width:901px){
  .chapter{min-height:0;justify-content:flex-start;gap:14px;padding:42px clamp(28px,5vw,78px) 58px}
  .chapter-title{flex:0 0 auto;gap:6px 24px}
  .chapter-title h2{font-size:clamp(48px,5.5vw,78px)}
  .chapter-title>span{font-size:12px;line-height:1.4}
  .placeholder{min-height:clamp(210px,30vh,270px);padding:18px}
  .placeholder strong{font-size:clamp(21px,2.5vw,34px)}
  .placeholder small{margin-top:6px;font-size:10px}
  .service-grid article{min-height:112px;padding:14px}
  .service-grid strong{font-size:clamp(15px,1.5vw,21px)}
  .service-grid span{margin-top:8px;font-size:7px}
  .chapter-copy{gap:10px}
  .chapter-copy p{font-size:clamp(14px,1.25vw,18px);line-height:1.3}
  .chapter-copy span{padding:6px 10px;font-size:9px}
  .split-visual{gap:14px}
  .portrait{min-height:270px}
  .metric-card{min-height:210px;padding:18px}
  .metric-card strong{font-size:clamp(42px,5vw,70px)}
  .risk-levels{gap:10px}
  .risk-levels article{min-height:150px;padding:16px}
  .risk-levels strong{font-size:clamp(28px,3vw,46px)}
  .learning-stack{gap:10px}
  .learning-stack>div{min-height:190px;padding:18px}
  .learning-stack strong{font-size:clamp(30px,3vw,52px)}
  .growth-callout{padding:20px;gap:14px 30px}
  .growth-callout strong{font-size:clamp(28px,3.6vw,54px)}
  .growth-callout p{font-size:12px;line-height:1.4}
  .model-stage{min-height:270px}
  .model-core{width:150px;padding:16px}
  .model-core strong{font-size:25px}
}

.placeholder.logistics{background:#071014}.placeholder.logistics:after{display:none}.placeholder.logistics:before{z-index:4}.placeholder.logistics .section-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.92;filter:saturate(.9) contrast(1.04);transform:scale(1.012);transition:transform .8s cubic-bezier(.2,.7,.2,1)}.placeholder.logistics:hover .section-art{transform:scale(1.035)}.placeholder.logistics .logistics-mask{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(5,12,15,.62) 0,rgba(5,12,15,.2) 46%,rgba(5,12,15,.06) 72%),linear-gradient(0deg,rgba(5,12,15,.88) 0,rgba(5,12,15,.18) 48%,rgba(5,12,15,.05) 100%)}.placeholder.logistics .placeholder-grid{z-index:2;opacity:.1}.placeholder.logistics>p,.placeholder.logistics>strong,.placeholder.logistics>small{z-index:3;color:#f2f0e9}.placeholder.logistics>p{color:rgba(242,240,233,.58)}.placeholder.logistics>small{color:rgba(242,240,233,.62);letter-spacing:.08em}[data-theme=light] .placeholder.logistics .section-art{opacity:.86;filter:saturate(.78) contrast(.98)}[data-theme=light] .placeholder.logistics .logistics-mask{background:linear-gradient(90deg,rgba(12,20,21,.52),rgba(12,20,21,.08) 70%),linear-gradient(0deg,rgba(12,20,21,.82),transparent 60%)}
.placeholder.logistics.renaissance .section-art{opacity:.96;filter:saturate(.86) contrast(1.02)}.placeholder.logistics.renaissance .logistics-mask{background:linear-gradient(90deg,rgba(7,12,13,.34),rgba(7,12,13,.04) 62%),linear-gradient(0deg,rgba(7,12,13,.82),rgba(7,12,13,.08) 54%,transparent)}[data-theme=light] .placeholder.logistics.renaissance .section-art{opacity:.92;filter:saturate(.78) contrast(.96)}[data-theme=light] .placeholder.logistics.renaissance .logistics-mask{background:linear-gradient(90deg,rgba(18,18,15,.24),transparent 66%),linear-gradient(0deg,rgba(18,18,15,.72),transparent 56%)}

/* The Tai Chi artwork is a wide composition, so let it fill the hero edge to edge. */
.hero-art{background:#080a0b}
.hero-art img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transform:scale(1.035) translate3d(calc(var(--px)*-5px),calc(var(--py)*-4px),0);box-shadow:none}
[data-theme=light] .hero-art{background:#d7d1c4}

/* Desktop chapters are deliberately paced as one viewport per section. */
@media(min-width:901px){
  .chapter{min-height:calc(100svh - 72px);justify-content:center;gap:clamp(26px,3.2vh,42px);padding:clamp(58px,8vh,88px) clamp(28px,5vw,78px) clamp(54px,7vh,78px)}
  .chapter-title{gap:8px 24px}
  .chapter-title h2{font-size:clamp(54px,6.7vw,104px);line-height:.88}
  .chapter-title>span{font-size:13px;line-height:1.5}
  .placeholder{min-height:clamp(260px,34vh,390px)}
  .split-visual{gap:20px}
  .portrait{min-height:clamp(280px,36vh,420px)}
  .service-grid{gap:1px}
  .service-grid article{min-height:clamp(120px,16vh,170px);padding:18px}
  .service-grid strong{font-size:clamp(16px,1.7vw,24px)}
  .risk-levels{gap:14px}
  .risk-levels article{min-height:clamp(150px,20vh,220px);padding:20px}
  .learning-stack{gap:16px}
  .learning-stack>div{min-height:clamp(220px,28vh,320px);padding:22px}
  .growth-callout{padding:28px;gap:18px 34px}
  .model-stage{min-height:clamp(300px,42vh,450px)}
}

@media(max-width:900px){
  .hero-art img{height:100%;max-width:none}
  .chapter{min-height:calc(100svh - 64px);gap:30px;padding-top:86px;padding-bottom:72px}
}

/* Language controls are ready for future copy without changing the current Chinese content. */
.desktop-menu{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}.header-tools{display:flex;align-items:center;gap:10px;margin-left:auto}.language-switcher{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;background:rgba(8,10,11,.18)}.language-switcher button{appearance:none;min-width:27px;height:24px;padding:0 7px;border:0;border-radius:999px;color:var(--muted);background:transparent;font:700 9px/1 Arial,"PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:.06em;cursor:pointer}.language-switcher button:hover,.language-switcher button:focus-visible{color:var(--ink)}.language-switcher button.is-active{color:var(--page);background:var(--ink)}[data-theme=light] .language-switcher{background:rgba(255,255,255,.45)}
@media(max-width:900px){.header-tools{gap:8px}.header-tools .theme-toggle{margin-left:0}}
@media(max-width:540px){.header-tools{gap:6px}.language-switcher{gap:1px;padding:2px}.language-switcher button{min-width:24px;height:23px;padding:0 5px}}

/* AI learning: restore the first-version staggered module composition. */
@media(min-width:901px){
  .chapter.violet{gap:48px}
  .chapter.violet .learning-stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;perspective:none}
  .chapter.violet .learning-stack>div{min-height:190px;padding:18px}
  .chapter.violet .learning-stack>div:first-child{transform:translateY(36px)}
  .chapter.violet .learning-stack>div:nth-child(2){transform:translateY(0)}
  .chapter.violet .learning-stack>div:last-child{transform:translateY(-28px)}
  .chapter.violet .growth-callout{padding:20px;gap:14px 30px}
  .chapter.violet .growth-callout strong{font-size:clamp(28px,3.6vw,54px)}
  .chapter.violet .growth-callout p{font-size:12px;line-height:1.4}
}

/* Light hero image clarity trial: remove the remaining wash from the image and background layers. */
[data-theme=light] #field{opacity:0}
[data-theme=light] body:before{background:transparent}
[data-theme=light] .hero-art img{opacity:1;filter:saturate(.9) contrast(1.04)}
[data-theme=light] .hero-grid{opacity:.08}

/* Match the light-theme hero image treatment to the dark theme. */
[data-theme=light] .hero:after{background:linear-gradient(90deg,rgba(8,10,11,.78) 0,rgba(8,10,11,.4) 38%,rgba(8,10,11,.1) 72%,rgba(8,10,11,.42) 100%),linear-gradient(180deg,rgba(8,10,11,.06),rgba(8,10,11,.42));opacity:1}
[data-theme=light] .hero-art img{opacity:.88;filter:saturate(.9) contrast(1.04)}
[data-theme=light] .hero-grid{opacity:.22}

/* Match the hero copy contrast to the shared dark image treatment. */
[data-theme=light] .hero-copy{color:#f2f0e9}
[data-theme=light] .hero-copy .eyebrow{color:rgba(242,240,233,.62)}
[data-theme=light] .hero-copy .hero-intro{color:rgba(255,255,255,.68)}
[data-theme=light] .hero h1 em{-webkit-text-stroke:1px rgba(242,240,233,.78)}
[data-theme=light] .scroll-cue{color:rgba(242,240,233,.62)}
[data-theme=light] .scroll-cue i{color:#f2f0e9}

/* Keep the homepage stack explicit in both themes. */
.hero-art{z-index:0}
.hero:after{z-index:1}
.hero-grid{z-index:2}
.hero-scene{z-index:3}
.hero-copy{z-index:5}
.scroll-cue{z-index:6}

/* Logistics image trial: reveal only a muted crop inside the existing right-side arc. */
.placeholder.logistics .logistics-photo{position:absolute;z-index:1;top:-26%;right:8%;width:min(45%,560px);aspect-ratio:1;border-radius:50%;overflow:hidden;background:#071014;isolation:isolate}
.placeholder.logistics .logistics-photo .section-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:78% 46%;opacity:.84;filter:saturate(.72) contrast(1.04) brightness(.88);transform:scale(1.045);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.placeholder.logistics:hover .logistics-photo .section-art{transform:scale(1.075)}
.placeholder.logistics .logistics-photo:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 48% 34%,rgba(7,16,20,.04),rgba(7,16,20,.18) 58%,rgba(7,16,20,.54) 100%),linear-gradient(180deg,rgba(5,12,15,.08),rgba(5,12,15,.38))}
.placeholder.logistics:after{display:block!important;z-index:4;opacity:.74;width:min(45%,560px);top:-26%;right:8%;border-color:rgba(142,244,207,.72);box-shadow:0 0 90px rgba(102,217,220,.12)}
.placeholder.logistics .logistics-mask{z-index:2;background:linear-gradient(90deg,rgba(5,12,15,.62) 0,rgba(5,12,15,.2) 46%,rgba(5,12,15,.04) 72%),linear-gradient(0deg,rgba(5,12,15,.64) 0,rgba(5,12,15,.14) 48%,rgba(5,12,15,.05) 100%)}
.placeholder.logistics .placeholder-grid{z-index:3;opacity:.14}
.placeholder.logistics>p,.placeholder.logistics>strong,.placeholder.logistics>small{position:relative;z-index:5}
@media(max-width:540px){
  .placeholder.logistics .logistics-photo,.placeholder.logistics:after{width:62%;top:-18%;right:-8%}
}

/* FMCG image trial: place an all-beverage supermarket shelf inside the existing orange circle. */
.placeholder.portrait .fmcg-photo{position:absolute;z-index:1;top:-20%;right:-5%;width:min(52%,480px);aspect-ratio:1;border-radius:50%;overflow:hidden;background:#17100b;isolation:isolate}
.placeholder.portrait .fmcg-photo .section-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;opacity:.86;filter:saturate(.82) contrast(1.04) brightness(.86);transform:scale(1.025);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.placeholder.portrait:hover .fmcg-photo .section-art{transform:scale(1.055)}
.placeholder.portrait .fmcg-photo:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 48% 42%,rgba(34,18,8,.04),rgba(34,18,8,.14) 58%,rgba(18,11,7,.48) 100%),linear-gradient(180deg,rgba(12,8,5,.08),rgba(12,8,5,.34))}
.placeholder.portrait:before{z-index:4}
.placeholder.portrait:after{z-index:4;width:min(52%,480px);top:-20%;right:-5%;border-color:rgba(255,157,88,.72);box-shadow:0 0 90px rgba(255,157,88,.12)}
.placeholder.portrait .placeholder-grid{z-index:2;opacity:.14}
.placeholder.portrait>p,.placeholder.portrait>strong,.placeholder.portrait>small{position:relative;z-index:5}
@media(max-width:540px){
  .placeholder.portrait .fmcg-photo,.placeholder.portrait:after{width:60%;top:-18%;right:-8%}
}

/* Bloom flow hero: the Three.js scene replaces the static Tai Chi artwork. */
.hero-flow-art{background:#000;isolation:isolate}
.hero-flow-art #hero-flow-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.hero-flow:after{background:linear-gradient(90deg,rgba(8,10,11,.88) 0,rgba(8,10,11,.55) 35%,rgba(8,10,11,.12) 68%,rgba(8,10,11,.36) 100%),linear-gradient(180deg,rgba(8,10,11,.05),rgba(8,10,11,.38))}
.hero-flow .hero-grid{opacity:.12}
[data-theme=light] .hero-flow-art{background:#000}
[data-theme=light] .hero-flow:after{background:linear-gradient(90deg,rgba(8,10,11,.88) 0,rgba(8,10,11,.55) 35%,rgba(8,10,11,.12) 68%,rgba(8,10,11,.36) 100%),linear-gradient(180deg,rgba(8,10,11,.05),rgba(8,10,11,.38));opacity:1}
@media(max-width:900px){.hero-flow-art #hero-flow-canvas{opacity:1}.hero-flow .hero-grid{opacity:.06}}

/* Compliance links and the logistics service entry. */
.service-link-card{cursor:pointer;transition:background .18s,transform .18s}
.service-link-card:hover{background:#101719;transform:translateY(-2px)}
.service-card-link{position:absolute;inset:0;z-index:6}
.site-footer>.site-footer-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:20px;padding-top:22px;border-top:1px solid rgba(255,255,255,.25);font-size:11px;letter-spacing:.08em}
.site-footer-bottom>span:last-child{text-align:right}
.site-records{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;text-align:center;letter-spacing:.04em}
.record-badge{display:inline-block;width:14px;height:14px;margin-right:4px;vertical-align:-2px;object-fit:contain}
.site-records a{color:inherit;text-decoration:none;white-space:nowrap}
.site-records a:hover,.site-records a:focus-visible{text-decoration:underline}
[data-theme=light] .site-footer>.site-footer-bottom{border-top-color:rgba(0,0,0,.25)}
@media(max-width:700px){.site-footer>.site-footer-bottom{grid-template-columns:1fr;gap:13px;text-align:center}.site-footer-bottom>span:last-child{text-align:center}.site-records{flex-direction:column;gap:8px;align-items:center}}

/* CoCaCam legal links live beside the existing registration information. */
.site-footer-center{display:flex;flex-direction:column;align-items:center;gap:13px;min-width:0}
.site-legal-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;letter-spacing:.05em}
.site-legal-links a{color:inherit;text-decoration:none;white-space:nowrap}
.site-legal-links a:hover,.site-legal-links a:focus-visible{text-decoration:underline;text-underline-offset:4px}
.site-legal-links span{margin-left:4px;color:var(--muted);font-size:10px;letter-spacing:.02em}
@media(max-width:700px){.site-footer-center{width:100%;gap:12px}.site-legal-links{gap:12px 18px}}

/* iOS title stabilization */
html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.hero h1{font-weight:700}
.hero h1 em{display:inline-block}
@media(max-width:540px){.hero h1{font-size:clamp(42px,14vw,54px)}}

/* Production hero composition. */
.hero-flow-art:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 79% 48%,rgba(255,52,18,.055),transparent 19%),radial-gradient(ellipse at 74% 43%,rgba(255,215,42,.025),transparent 15%),radial-gradient(ellipse at 69% 42%,rgba(30,112,255,.045),transparent 24%),linear-gradient(90deg,rgba(0,0,0,.99) 0,rgba(0,0,0,.72) 29%,rgba(0,0,0,.08) 54%,transparent 68%)}
.hero-flow-art:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.035;background-image:radial-gradient(rgba(255,255,255,.65) .45px,transparent .55px);background-size:4px 4px;mix-blend-mode:screen}
.hero-flow:after{background:transparent;opacity:0}
.hero-flow .hero-grid{opacity:0}

/* iOS-safe outline: fixed glyph paths avoid device-specific text-stroke rasterization. */
.hero-flow h1 .hero-outline{
  position:relative;
  display:inline-block;
  width:auto;
  height:.93em;
  vertical-align:-.12em;
}
.hero-flow h1 .hero-outline::before{
  content:"终将归于平衡";
  display:inline-block;
  visibility:hidden;
  white-space:nowrap;
  font:inherit;
  font-style:normal;
  letter-spacing:inherit;
}
.hero-flow h1 .hero-outline-svg{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
  pointer-events:none;
}
.hero-flow h1 .hero-outline-svg path{
  fill:none;
  stroke:rgba(242,240,233,.78);
  stroke-width:1.1;
  stroke-linejoin:round;
  stroke-linecap:round;
}
[data-theme=light] .hero-flow h1 .hero-outline-svg path{stroke:rgba(242,240,233,.78)}

/* Formal-page parity with hero-bloom-flow-preview.html; the preview file is untouched. */
.site-header,
.site-header *,
.hero-flow,
.hero-flow *{
  font-family:Arial,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  font-synthesis:auto;
}
.site-header{
  height:72px;
  padding:0 clamp(20px,3.2vw,52px);
  background:linear-gradient(90deg,rgba(0,0,0,.98),rgba(3,4,5,.76) 54%,rgba(3,4,5,.14)),linear-gradient(180deg,rgba(3,4,5,.88),rgba(3,4,5,.14));
  backdrop-filter:none;
}
.site-header .brand>b{
  width:34px;
  height:34px;
  font-size:19px;
}
.site-header .brand>span{gap:8px}
.site-header .brand strong{font-size:16px;letter-spacing:-.03em}
.site-header .brand small{display:block;color:rgba(242,240,233,.58);font-weight:700}
.hero-flow .hero-copy{
  position:absolute;
  left:clamp(20px,6vw,92px);
  bottom:clamp(60px,10vh,102px);
  z-index:4;
  max-width:720px;
}
.hero-flow .eyebrow{margin:0 0 22px;font-size:12px;letter-spacing:.15em}
.hero-flow .eyebrow span{width:32px;height:1px;background:#ffe33b}
.hero-flow h1{
  font-size:clamp(52px,8.4vw,122px);
  line-height:.93;
  letter-spacing:-.075em;
}
.hero-flow .hero-intro{
  max-width:540px;
  margin:28px 0 0;
  color:rgba(255,255,255,.68);
  font-size:clamp(16px,1.5vw,21px);
  line-height:1.65;
}
.hero-flow:before{
  content:"THREE.JS · UNREAL BLOOM · BIDIRECTIONAL ENERGY FLOW";
  position:absolute;
  left:clamp(20px,6vw,92px);
  top:102px;
  z-index:5;
  pointer-events:none;
  color:rgba(242,240,233,.46);
  font-size:10px;
  letter-spacing:.14em;
}
@media(max-width:900px){
  .hero-flow .hero-copy{bottom:92px}
}
@media(max-width:540px){
  .site-header{
    height:72px;
    padding:0 clamp(20px,3.2vw,52px);
  }
  .hero-flow .hero-copy{bottom:260px}
  .hero-flow h1{
    font-size:clamp(48px,15vw,78px);
    letter-spacing:-.075em;
    white-space:normal;
  }
  .hero-flow .eyebrow{margin-bottom:16px;font-size:10px}
  .hero-flow .hero-intro{margin-top:18px;font-size:15px}
  .hero-flow:before{top:94px}
}

/* Formal hero title tuning; the preview page remains untouched. */
.hero-flow h1 .hero-outline{
  display:inline-block;
  height:.93em;
  vertical-align:-.085em;
  font-size:inherit;
  line-height:inherit;
  transform:translateY(-.14em) scaleX(1.004);
  transform-origin:center center;
}

/* Restore the stable fixed-path outline after the font experiment; the preview page remains untouched. */
.hero-flow h1{
  font-family:Arial,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  font-synthesis:auto;
}
.hero-flow h1 .hero-outline::before{
  display:inline-block;
  visibility:hidden;
  font:inherit;
  font-style:normal;
  letter-spacing:inherit;
}
.hero-flow h1 .hero-outline-svg{display:block}
.hero-flow h1 .hero-outline-svg path{stroke-width:1.6}

/* Keep the mobile copy position proportional across different iPhone heights. */
@media(max-width:540px){
  .hero-flow .hero-copy{bottom:clamp(120px,15svh,150px)}
}

/* Keep the implementation label out of the formal homepage hero; preview remains unchanged. */
.hero-flow:before{display:none}