:root{--ink:#05080e;--paper:#f3f5f8;--accent:#b8ddff;--muted:#8c96a3;--line:rgba(255,255,255,.17);--font:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;--mono:"SFMono-Regular",Consolas,monospace;--gutter:clamp(24px,5.5vw,104px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--font);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;border:0;background:transparent}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--accent);outline-offset:7px}.section-light :focus-visible{outline-color:#29313c}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:450}h2{font-size:clamp(36px,4.2vw,68px);line-height:1.35;letter-spacing:-.055em}p{line-height:1.9;font-size:16px}img{max-width:100%}[hidden]{display:none!important}::selection{background:var(--accent);color:var(--ink)}.accent{color:var(--accent)}.mono{font-family:var(--mono);font-size:12px;letter-spacing:.07em}.skip-link{position:fixed;left:20px;top:-90px;z-index:100;background:var(--accent);color:var(--ink);padding:14px 20px}.skip-link:focus{top:20px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #b8ddff55}.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.1em;line-height:1.8;display:flex;align-items:center;gap:12px}.muted-ink{color:#646e7d}
.site-header{height:90px;position:fixed;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);z-index:40;background:rgba(5,8,14,.76);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.1)}.brand{display:flex;align-items:center}.brand img{width:184px;height:auto}.site-header nav{display:flex;gap:34px}.site-header nav a{font-size:13px;color:#cbcfd5;transition:color .25s;display:flex;flex-direction:column;gap:5px}.site-header nav a span{font:12px var(--mono);letter-spacing:.045em;color:#717d8d}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--accent)}.header-cta{display:flex;align-items:center;gap:26px;font-size:14px;border-bottom:1px solid #677180;padding:9px 0}.header-cta span{color:var(--accent)}.menu-button{display:none}
.story{height:330svh;position:relative}.story-stage{height:100svh;min-height:660px;position:sticky;top:0;overflow:hidden;background:#05080e;isolation:isolate}.ambient{position:absolute;inset:0;background:radial-gradient(ellipse at 76% 47%,#262d3670,transparent 56%)}#pixelField{position:absolute;inset:0;width:100%;height:100%;z-index:1}.story-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#05080e40,transparent 75%);z-index:2;pointer-events:none}.story-frame{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:110px var(--gutter) 100px;z-index:4;will-change:opacity,transform;pointer-events:none}.story-frame a,.story-frame button{pointer-events:auto}.frame-intro{padding-top:130px}.frame-intro .eyebrow{color:#afb5be;margin-bottom:27px}.frame-intro h1{font-size:clamp(50px,5.8vw,96px);line-height:1.27;letter-spacing:-.045em;font-weight:430}.hero-english{font-size:clamp(19px,2vw,28px);font-weight:300;letter-spacing:-.04em;color:#c3c8cf;line-height:1.4;margin-top:20px}.hero-description{margin:22px 0 17px;color:#a8afb9;font-size:clamp(16px,1.25vw,19px);line-height:1.85}.hero-actions{display:flex;align-items:center;gap:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;padding:16px 24px;font-size:14px;border-radius:2px;transition:background .25s,transform .25s}.button:hover{transform:translateY(-3px)}.button-light{background:var(--paper);color:var(--ink)}.button-light:hover{background:var(--accent)}.text-button{font-size:14px;padding:16px 0;border-bottom:1px solid #3e4958}.text-button span{margin-left:18px;color:var(--accent)}.frame-belief,.frame-growth{visibility:hidden;opacity:0;text-align:center;align-items:center}.frame-belief .eyebrow,.frame-growth .eyebrow{color:#b3b9c2;margin-bottom:22px}.frame-belief h2,.frame-growth h2{font-size:clamp(42px,6vw,92px);line-height:1.3}.frame-belief>p:last-child,.frame-growth>p:not(.eyebrow){margin-top:30px;color:#bdc2ca;font-size:18px}.frame-growth .text-link{margin-top:28px}.story-footer{position:absolute;bottom:44px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;z-index:5}.scroll-cue{display:flex;align-items:center;gap:14px;font-size:14px;color:#b5bbc4}.scroll-cue .mono{color:#838d9c;margin-left:8px}.scroll-line{height:34px;width:1px;background:#474e58;position:relative;overflow:hidden}.scroll-line:after{content:"";position:absolute;top:-34px;width:1px;height:34px;background:var(--accent);animation:scroll-cue 2.5s infinite}.hero-location{font:12px var(--mono);color:#858f9e;letter-spacing:.07em}.scene-indicator{position:absolute;right:26px;top:43%;z-index:8;display:flex;align-items:center;flex-direction:column;gap:13px;font:12px var(--mono);color:#acb3bc}.scene-indicator>div{height:90px;width:1px;background:#323c49}.scene-indicator i{display:block;transform-origin:top;background:var(--accent);height:100%;transform:scaleY(0)}.motion-toggle{position:absolute;right:var(--gutter);bottom:86px;z-index:9;display:flex;gap:8px;align-items:center;font-size:12px;color:#858f9e;padding:10px 0}.motion-toggle>span:first-child{display:grid;place-items:center;border:1px solid #3d4858;border-radius:50%;width:24px;height:24px}.light-wipe{position:absolute;inset:0;z-index:12;pointer-events:none;background:var(--paper);clip-path:circle(0% at 50% 58%);will-change:clip-path}.mobile-break{display:none}
.section{padding:110px var(--gutter) 125px}.section-light{background:var(--paper);color:#0f1620}.section-meta{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #bfc4cc;padding-top:21px;color:#5c6673;font:12px var(--mono);letter-spacing:.08em}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin:64px 0}.section-heading>p{max-width:340px;color:#5d6774;flex-shrink:0;padding-bottom:10px}.audience-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #b2b9c2}.audience-tabs button{padding:25px 24px 25px 0;display:flex;align-items:baseline;text-align:left;position:relative;gap:15px;font-size:34px;color:#6e7989;transition:color .3s}.audience-tabs button:after{content:"";height:3px;background:#131b26;position:absolute;bottom:-2px;left:0;right:22px;transform:scaleX(0);transform-origin:left;transition:transform .4s}.audience-tabs button[aria-selected="true"]{color:#101721}.audience-tabs button[aria-selected="true"]:after{transform:scaleX(1)}.tab-number{font:12px var(--mono);align-self:flex-start;margin-top:5px}.tab-english{font:12px var(--mono);letter-spacing:.05em}.tab-arrow{margin-left:auto;font-size:24px}.audience-panel{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start;padding-top:56px;animation:panel-in .45s ease}.pill{display:inline-block;border:1px solid #bfc4cb;border-radius:30px;padding:6px 13px;color:#565f6b;font-size:12px;line-height:1.8}.audience-panel h3{font-size:clamp(30px,3.1vw,46px);line-height:1.4;letter-spacing:-.04em;margin:23px 0}.audience-panel>div>p{color:#545d69;max-width:490px}.text-link{display:inline-flex;gap:30px;align-items:center;font-size:14px;border-bottom:1px solid currentColor;padding-bottom:9px}.audience-panel .text-link{margin-top:32px}.scenario-sheet{padding:27px 32px 22px;background:#e0e2e6;border:1px solid #cfd3d9;position:relative}.sheet-top{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#58616e;border-bottom:1px solid #bfc4cb;padding-bottom:18px}.sheet-top .mono{font-size:12px}.scenario-sheet h4{font-size:27px;line-height:1.45;margin:24px 0}.workflow{list-style:none;margin:0;padding:0}.workflow li{font-size:15px;padding:13px 0;border-top:1px solid #c6cbd2;display:flex;align-items:center;gap:25px}.workflow li span{font:12px var(--mono);color:#6b7686}.sheet-note{font-size:13px!important;border-top:1px solid #c6cbd2;padding-top:16px;line-height:1.8;color:#5d6673!important}
.method{background:#0c1119}.method .section-meta,.about .section-meta{border-color:#2b333e;color:#808a99}.method-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:72px;align-items:start}.method-intro{position:sticky;top:160px}.method-intro .eyebrow{color:#808b9a;margin-bottom:23px;font-family:var(--font);font-size:14px;letter-spacing:.08em}.method-intro h2{font-size:clamp(33px,3.3vw,55px)}.method-intro>p:not(.eyebrow){margin-top:32px;color:#8f99a6}.method-current{margin-top:60px;display:flex;align-items:baseline;gap:17px;font-family:var(--mono);color:#59626e}.method-current span:first-child{font-size:90px;letter-spacing:-.09em;color:#ccd1d7}.method-current span:last-child{font-size:14px}.method-step{padding:0 0 45px;margin-bottom:54px;border-bottom:1px solid #2d3541;min-height:280px}.method-step:last-child{margin-bottom:0}.step-index{font:12px var(--mono);color:var(--accent);letter-spacing:.1em}.method-step h3{font-size:28px;line-height:1.4;letter-spacing:-.035em;margin:23px 0 19px}.method-step>p{color:#9da5b0;line-height:2}.step-result{font-size:13px;line-height:1.8;color:#acb3bd;margin-top:27px}.step-result>span{display:block;font-size:12px;color:#727e8e;letter-spacing:.08em;margin-bottom:8px}.system-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #b6bcc5;border-bottom:1px solid #b6bcc5;margin-bottom:38px}.system-tab{padding:24px;text-align:left;font-size:18px;display:flex;align-items:center;justify-content:space-between;border-right:1px solid #b6bcc5;transition:background .3s,color .3s}.system-tab:last-child{border:0}.system-tab[aria-selected="true"]{background:#121924;color:#ecedef}.system-stage{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:stretch;min-height:475px}.system-panel{padding:18px 0;animation:panel-in .45s ease}.system-copy>.eyebrow{color:#6b7686}.system-panel h3{font-size:clamp(30px,3.2vw,46px);line-height:1.4;margin:25px 0}.system-copy>p{color:#59626e}.scenario-tags{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.scenario-tags span{border:1px solid #b6bcc4;padding:7px 13px;border-radius:24px;font-size:12px;color:#545c68}.starting-point{border-top:1px solid #bbc1c9;padding-top:22px;margin-top:28px}.starting-point>span{font-size:12px;color:#606a77}.starting-point p{font-size:14px;color:#545c68;margin-top:7px}
.about{background:#05080e}.about-content{margin-top:72px}.about-content>.eyebrow{color:#939ca9;font:14px var(--font);letter-spacing:.05em;margin-bottom:26px}.about-content>h2{font-size:clamp(34px,4.1vw,64px);line-height:1.5}.about-description{font-size:18px;line-height:2;max-width:790px;color:#9aa2ae;margin-top:37px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:6%;margin-top:75px}.principles>div{border-top:1px solid #2c343f;padding-top:23px}.principles span{font:12px var(--mono);color:#6b7686}.principles h3{font-size:20px;margin:21px 0 13px}.principles p{color:#848e9d;font-size:14px}.contact{background:var(--accent);color:#0f151e;padding-top:55px;padding-bottom:65px}.contact-top{display:flex;justify-content:space-between;align-items:center}.contact-top .status-dot{background:#1e242c;box-shadow:none}.back-top{font-size:12px}.contact h2{margin:65px 0 58px;font-size:clamp(52px,7.5vw,112px);line-height:1.15;letter-spacing:-.06em;position:relative}.contact h2>span:not(.contact-arrow){color:#394351}.contact-arrow{position:absolute;right:3%;top:0;font-size:clamp(120px,17vw,260px);line-height:1;font-family:Arial,sans-serif;font-weight:300}.contact-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px}.contact-bottom p{color:#323b47}.contact-link{font-size:clamp(15px,1.8vw,26px);font-family:var(--mono);border-bottom:1px solid #515964;padding-bottom:12px;white-space:nowrap}.contact-link>span{margin-left:23px}.site-footer{padding:35px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px;color:#939ca9}.site-footer>a{font-size:16px;color:#dde0e4}.site-footer>a span{font:12px var(--mono);margin-left:15px;color:#8d97a4}.site-footer>span:last-child{font-family:var(--mono);font-size:12px}
dialog{max-width:760px;width:calc(100% - 40px);border:1px solid #353f4d;background:#0c1119;color:var(--paper);padding:65px;box-shadow:0 30px 100px #0007}dialog::backdrop{background:#000a;backdrop-filter:blur(14px)}dialog h2{font-size:40px;line-height:1.45;margin:30px 0}dialog p{margin:20px 0;color:#a8b0ba}dialog .button{margin-top:15px}.dialog-close{position:absolute;right:17px;top:12px;font-size:32px;padding:6px 12px}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.js-motion .reveal.visible{opacity:1;transform:none}
@keyframes panel-in{from{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes scroll-cue{to{transform:translateY(68px)}}
@media(min-width:1600px){.frame-intro h1{font-size:94px}.frame-intro{padding-left:8vw}.hero-description{font-size:20px}.section{padding-left:8vw;padding-right:8vw}}
@media(max-width:1050px){.site-header nav{gap:20px}.brand img{width:168px}.header-cta{gap:15px}.story-stage{min-height:660px}.frame-intro h1{font-size:6.5vw}.section-heading{gap:30px}.section-heading>p{font-size:14px}.tab-english{display:none}.audience-panel{gap:6%}.scenario-sheet{padding:23px}.sheet-top .mono{display:none}.method-layout{gap:7%}.method-step h3{font-size:25px}.contact-bottom{align-items:start;flex-direction:column}}
@media(max-width:760px){html{scroll-padding-top:86px}.site-header{height:74px}.brand img{width:158px}.header-cta{margin-left:auto;margin-right:26px;font-size:12px}.menu-button{width:28px;display:flex;flex-direction:column;gap:6px;padding:8px 2px;z-index:2}.menu-button span{height:1px;width:23px;background:var(--paper);transition:transform .25s}.menu-button[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-button[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.site-header nav{display:none;position:absolute;top:74px;left:0;right:0;padding:25px var(--gutter) 35px;background:#0a0e14f7;border-bottom:1px solid #2c3440;flex-direction:column;gap:0}.site-header nav.open{display:flex}.site-header nav a{padding:18px 0;font-size:20px;border-bottom:1px solid #2c3440;flex-direction:row;align-items:center;justify-content:space-between}.site-header nav a span{font-size:12px}.story{height:300svh}.story-stage{min-height:650px}.story-frame{padding:90px var(--gutter) 130px;justify-content:center}.frame-intro{justify-content:flex-end;padding-bottom:120px}.frame-intro .eyebrow{font-size:12px;letter-spacing:.05em;margin-bottom:18px}.frame-intro h1{font-size:clamp(40px,7.9vw,60px);line-height:1.3;letter-spacing:-.045em}.hero-english{font-size:20px;margin-top:12px}.hero-description{font-size:14px;line-height:1.9;margin:14px 0 15px}.mobile-break{display:block}.hero-actions{gap:20px}.button{padding:14px 19px;font-size:13px;gap:28px}.text-button{font-size:12px}.text-button span{margin-left:7px}.story-vignette{background:linear-gradient(0deg,#05080e70 10%,#05080e00 70%)}.frame-belief h2,.frame-growth h2{font-size:clamp(36px,7.8vw,58px)}.frame-belief .eyebrow,.frame-growth .eyebrow{font-size:12px}.frame-belief>p:last-child,.frame-growth>p:not(.eyebrow){font-size:15px;line-height:2}.scene-indicator{right:12px;font-size:12px;gap:9px;top:28%}.scene-indicator>div{height:56px}.story-footer{bottom:30px}.hero-location,.scroll-cue .mono{display:none}.scroll-cue{font-size:12px}.motion-toggle{bottom:29px}.motion-label{font-size:12px}.section{padding:66px var(--gutter) 78px}.section-meta{font-size:12px}.section-meta>span:last-child{font-size:12px;max-width:44%;text-align:right;line-height:1.5}.section-heading{display:block;margin:40px 0}.section-heading h2{font-size:35px}.section-heading>p{margin-top:24px;font-size:15px}.section-heading>p br{display:none}.audience-tabs button{font-size:28px;gap:10px;padding:20px 16px 20px 0}.tab-number{font-size:12px}.tab-arrow{font-size:18px}.audience-panel{grid-template-columns:1fr;padding-top:32px;gap:34px}.audience-panel h3{font-size:34px}.audience-panel>div>p{font-size:16px}.scenario-sheet{padding:23px}.sheet-top .mono{display:block;font-size:12px}.scenario-sheet h4{font-size:28px}.method-layout{grid-template-columns:1fr;margin-top:42px;gap:45px}.method-intro{position:static}.method-intro h2{font-size:35px}.method-intro>p:not(.eyebrow){font-size:16px;margin-top:22px}.method-intro>p:not(.eyebrow) br{display:none}.method-current{display:none}.method-step{min-height:0;margin-bottom:35px;padding-bottom:30px}.method-step h3{font-size:26px}.system-tabs{margin-bottom:24px}.system-tab{padding:18px 12px;font-size:14px}.system-tab span{font-size:12px}.system-stage{grid-template-columns:1fr;gap:30px}.system-panel{padding:0}.system-panel h3{font-size:34px;margin-top:20px}.about-content{margin-top:40px}.about-content>.eyebrow{font-size:12px}.about-content>h2{font-size:30px;line-height:1.5}.about-description{font-size:16px;margin-top:27px}.principles{grid-template-columns:1fr;gap:27px;margin-top:40px}.principles>div{padding-top:20px}.principles h3{margin:14px 0 9px}.contact{padding-top:32px;padding-bottom:42px}.contact-top .eyebrow{font-size:12px;gap:7px;letter-spacing:.02em}.back-top{font-size:12px}.contact h2{font-size:52px;margin:45px 0 35px}.contact-arrow{font-size:90px!important;right:0;top:8px}.contact-bottom{gap:25px}.contact-bottom p{font-size:14px}.contact-link{font-size:15px}.site-footer{padding:27px var(--gutter);gap:15px;flex-wrap:wrap}.site-footer>span:nth-child(2){display:none}.site-footer>a span{font-size:12px;margin-left:6px}.site-footer>a{font-size:14px}.site-footer>span:last-child{font-size:12px}dialog{padding:45px 26px}dialog h2{font-size:30px}.light-wipe{clip-path:circle(0% at 50% 50%)}}
@media(max-width:380px){.header-cta{display:none}.hero-actions{gap:16px}.frame-intro h1{font-size:37px}.frame-intro .eyebrow{font-size:12px}.hero-description{font-size:13px}.contact h2{font-size:45px}.contact-arrow{font-size:78px!important}.sheet-top .mono{display:none}.audience-tabs button{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.story{height:auto}.story-stage{height:auto;min-height:0;position:relative;overflow:visible}.story-frame{position:relative;inset:auto;min-height:75svh;visibility:visible!important;opacity:1!important;transform:none!important;padding:120px var(--gutter) 70px;justify-content:center;pointer-events:auto}.frame-belief,.frame-growth{border-top:1px solid #21272f}.story-footer,.scene-indicator,.motion-toggle,.light-wipe{display:none}#pixelField{height:85svh}.js-motion .reveal{opacity:1;transform:none}.method-intro{position:static}}
.motion-paused .scroll-line:after{animation-play-state:paused}
html:not(.js-ready) .story{height:100svh}
html:not(.js-ready) .story-stage{position:relative}
html:not(.js-ready) .audience-panel[hidden],html:not(.js-ready) .system-panel[hidden]{display:grid!important}
html:not(.js-ready) .audience-tabs,html:not(.js-ready) .system-tabs,html:not(.js-ready) #motionToggle{display:none}

/* Star-white and ice-blue identity. Brand geometry stays consistent at every size. */
.hero-services{display:flex;align-items:center;gap:14px;margin-bottom:28px;color:#b2c0d1;font-size:13px;letter-spacing:.08em}
.hero-services i{font-style:normal;color:#6582a6}
.hero-english{color:#d4deea;font-weight:300}
.story-vignette{background:linear-gradient(90deg,rgba(5,8,14,.58),rgba(5,8,14,.18) 42%,transparent 68%)}
.service-facts{margin:24px 0 0;padding:0;border-top:1px solid #d5dce5}
.service-facts>div{display:grid;grid-template-columns:84px 1fr;gap:18px;padding:16px 0;border-bottom:1px solid #d5dce5}
.service-facts dt{font-size:13px;color:#64758b;padding-top:2px}
.service-facts dd{margin:0;font-size:15px;line-height:1.85;color:#3b495c}
.sheet-note strong{display:block;font-size:12px;letter-spacing:.06em;font-weight:400;margin-bottom:8px;color:#687d96}
.scenario-sheet{background:#e9eef5;border-color:#d6dfeb}
.scenario-sheet h4{font-size:30px;line-height:1.5;margin:32px 0}
.sheet-top .mono{font-size:12px}
.service-detail{margin-top:25px;padding-top:20px;border-top:1px solid #202d40}
.service-detail>span{font-size:12px;color:#7f98b6;letter-spacing:.08em}
.service-detail>p{font-size:14px;color:#a4b6ce;line-height:1.9;margin-top:8px}
.method-step{min-height:340px;padding-bottom:38px}
.method-step .step-result{background:#0c1320;border-left:1px solid #4d7cab;padding:16px 18px;margin-top:20px;color:#cbdced}
.method-intro .eyebrow{font-size:13px;letter-spacing:0;line-height:1.9}
.systems .section-heading h2{font-size:clamp(34px,3.55vw,58px)}
.workflow-visual{min-height:560px;background:radial-gradient(ellipse at 55% 35%,#142440,#090f1c 75%);border:1px solid #23334a;padding:30px;display:flex;flex-direction:column;color:#d8e5f7}
.visual-heading{display:flex;justify-content:space-between;gap:15px;font:12px var(--mono);letter-spacing:.04em;color:#8cabc9;padding-bottom:33px}
.visual-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.visual-inputs span{font-size:14px;text-align:center;border:1px solid #344762;background:#182539;padding:15px 4px;border-radius:4px}
.flow-connector{width:1px;height:32px;margin:0 auto;flex-shrink:0;background:linear-gradient(#6388af,#253c57);position:relative}
.flow-connector:after{content:'';position:absolute;bottom:0;left:-2px;width:5px;height:5px;border-bottom:1px solid #6388af;border-right:1px solid #6388af;transform:rotate(45deg)}
.visual-core{display:flex;align-items:center;justify-content:center;gap:15px;padding:19px 13px;border:1px solid #46648a;background:#101e32;border-radius:6px;box-shadow:0 0 45px #3d6caf16}
.visual-core>div>span{display:block;font-size:15px}
.visual-core small{display:block;font:12px var(--mono);color:#789ec8;letter-spacing:.09em;margin-top:8px}
.visual-review{padding:13px;display:flex;justify-content:center;align-items:center;gap:10px;border:1px solid #354963;background:#122136;border-radius:4px;font-size:13px;color:#bccde1}
.review-dot{width:5px;height:5px;background:#a4d5ff;border-radius:50%}
.visual-output{padding:23px;border:1px solid #3a506b;background:#eef4fb;color:#1e3048;margin-top:0;border-radius:5px}
.output-label{font:12px var(--mono);color:#687e98;letter-spacing:.055em}
.visual-output strong{font-size:19px;font-weight:500;display:block;margin:13px 0 9px}
.visual-output p{font-size:14px;color:#667a94}
.use-case{border-top:1px solid #cbd5e1;margin:27px 0 0}
.use-case>div{display:grid;grid-template-columns:76px 1fr;gap:15px;padding:16px 0;border-bottom:1px solid #cbd5e1}
.use-case dt{font-size:12px;color:#627994;padding-top:3px}
.use-case dd{font-size:15px;line-height:1.8;color:#475970;margin:0}
.about-secondary{font-size:16px;margin-top:20px;color:#8b9cb2}
.contact{color:#eff5ff;background:radial-gradient(ellipse at 95% 60%,#182b4b,transparent 65%),#090f1b;border-top:1px solid #27344a}
.contact-top .status-dot{background:#add8ff;box-shadow:0 0 15px #79b8ff66}
.contact h2{font-size:clamp(46px,6.5vw,104px);line-height:1.3}
.contact h2>span:not(.contact-arrow){color:#adcff4}
.contact-arrow{color:#d6eaff}
.contact-bottom p{color:#a0b2cc}
.contact-next{font-size:12px!important;color:#708baa!important;margin-top:18px}
.contact-link{color:#e2eeff;border-color:#566d8d}
@media(max-width:1050px){.service-facts>div{grid-template-columns:75px 1fr;gap:12px}.workflow-visual{padding:23px}.visual-inputs{gap:8px}.visual-core{gap:8px}.visual-core>div>span{font-size:13px}}
@media(max-width:760px){.frame-intro{padding-bottom:115px}.frame-intro h1{font-size:clamp(42px,8.6vw,65px)}.hero-services{margin-bottom:20px;font-size:12px;gap:12px}.hero-description{font-size:14px;max-width:440px}.hero-description br{display:none}.hero-english{font-size:19px}.story-vignette{background:linear-gradient(0deg,#05080e9c 8%,#05080e65 40%,transparent 72%)}.frame-growth h2{font-size:clamp(30px,6.8vw,48px)}.frame-belief h2{font-size:clamp(32px,7vw,50px)}.header-cta{font-size:12px;margin-right:18px;gap:9px}.service-facts>div{grid-template-columns:72px 1fr;gap:12px}.service-facts dd{font-size:14px}.scenario-sheet h4{font-size:28px}.sheet-top .mono{font-size:12px}.method-step{min-height:0}.method-intro .eyebrow{font-size:12px}.method-intro h2{font-size:36px}.systems .section-heading h2{font-size:32px}.workflow-visual{min-height:0;padding:23px}.visual-heading{font-size:12px}.visual-core>div>span{font-size:14px}.use-case>div{grid-template-columns:67px 1fr;gap:12px}.use-case dd{font-size:14px}.about-content>h2{font-size:32px}.contact h2{font-size:39px;line-height:1.4;letter-spacing:-.06em}.contact-arrow{font-size:72px!important;right:-8px;top:40px}.contact-bottom p{font-size:13px}.contact-next{font-size:12px!important;line-height:2}.contact-link{font-size:15px}.site-footer{background:#05080e}}
@media(max-width:380px){.brand img{width:153px}.frame-intro h1{font-size:39px}.hero-services{font-size:12px}.hero-actions .button{font-size:12px;gap:17px;padding:13px 14px}.hero-actions .text-button{font-size:12px}.hero-description{font-size:13px}.section-heading h2{font-size:30px}.audience-panel h3{font-size:29px}.sheet-top .mono{display:none}.system-tab{font-size:12px;padding:16px 10px}.visual-core>div>span{font-size:12px}.visual-output strong{font-size:16px}.contact h2{font-size:33px}.contact-arrow{font-size:61px!important;top:40px}.contact-link{font-size:13px}.contact-link>span{margin-left:16px}}

@media(max-width:760px){.contact-top{flex-wrap:wrap;gap:18px}.hero-location{display:none}.section-meta>span:last-child{max-width:48%}.hero-services{font-size:12px}.visual-heading{font-size:12px;line-height:1.6}.sheet-top{flex-wrap:wrap}.sheet-top .mono{font-size:12px}.visual-core small{font-size:10px}.output-label{font-size:11px}.scene-indicator{font-size:12px}.hero-actions{gap:16px}.brand img{flex-shrink:0}}

/* Two independent fields: an orbiting galaxy and a luminous, hollow cursor. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-experience{position:absolute;z-index:6;left:54%;right:8%;top:16%;bottom:24%;pointer-events:none;transition:opacity .18s}
.orbit-surface{position:absolute;inset:0;width:100%;height:100%;padding:0;cursor:grab;touch-action:pan-y;border-radius:28px;pointer-events:auto;user-select:none;-webkit-user-select:none}
.orbit-surface.is-dragging{cursor:grabbing}.orbit-surface:focus-visible{outline:1px solid #9bc4ee6b;outline-offset:0;background:#aad5ff03}
.light-wipe{background:#03080d}
.direction{position:relative;min-height:780px;height:105svh;max-height:1200px;background:#03080d;overflow:hidden;isolation:isolate}
#directionField{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.direction-shade{position:absolute;inset:0;background:linear-gradient(90deg,#03080d99,transparent 55%);pointer-events:none;z-index:1}
.direction-copy{position:absolute;z-index:3;left:var(--gutter);top:50%;transform:translateY(-53%);pointer-events:none}
.direction-copy .eyebrow{color:#8195ab;font-size:10px;letter-spacing:.12em;margin-bottom:38px}
.direction-copy h2{font-size:clamp(48px,5.5vw,86px);line-height:1.35;letter-spacing:-.05em}
.direction-english{font-size:clamp(17px,1.55vw,23px);color:#c0cfe0;letter-spacing:-.035em;font-weight:300;margin-top:20px}
.direction-description{font-size:15px;color:#91a3b8;margin-top:26px;line-height:2}
.direction-copy .text-link{margin-top:32px;color:#d4e6fa;pointer-events:auto}
.direction-interaction{position:absolute;z-index:4;inset:13% 7% 20% 43%;pointer-events:none}
.direction-footer{position:absolute;bottom:34px;left:var(--gutter);right:var(--gutter);z-index:5;display:flex;align-items:center;justify-content:space-between;color:#688099;font:10px var(--mono);letter-spacing:.11em}.direction-footer>a{font:23px var(--font);border:1px solid #304055;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;color:#adc9e5}
@media(min-width:1051px){.frame-intro h1{font-size:clamp(56px,5.25vw,84px)}.frame-intro .hero-description{font-size:clamp(15px,1.15vw,18px)}}
@media(max-width:1050px) and (min-width:761px){.direction-copy h2{font-size:54px}.direction-copy .eyebrow{font-size:9px}.direction-description{font-size:14px}.hero-experience{left:58%;right:7%}}
@media(max-width:760px){.hero-experience{left:20%;right:14%;top:96px;bottom:auto;height:20svh;min-height:140px}.story-stage{min-height:820px}.frame-intro{padding-bottom:105px}.hero-english{margin-top:10px}.frame-intro .eyebrow{margin-bottom:14px}.hero-description{margin-top:14px;margin-bottom:12px}.hero-services{margin-bottom:18px}.direction{height:108svh;min-height:850px;max-height:1080px}.direction-copy{left:var(--gutter);right:var(--gutter);top:105px;transform:none}.direction-copy .eyebrow{font-size:9px;margin-bottom:22px;letter-spacing:.07em}.direction-copy h2{font-size:clamp(40px,10vw,58px);line-height:1.3}.direction-copy h2 br{display:none}.direction-english{font-size:17px;margin-top:14px}.direction-description{font-size:13px;line-height:1.85;margin-top:18px}.direction-description br:first-child{display:none}.direction-copy .text-link{font-size:12px;margin-top:18px;gap:24px}.direction-interaction{inset:40% 8% 20%}.direction-footer{bottom:23px;font-size:8px;letter-spacing:.05em}.direction-shade{background:linear-gradient(180deg,#03080d44,transparent 40%)}.direction-footer>a{width:36px;height:36px;font-size:20px}}
@media(max-width:380px){.direction-copy h2{font-size:35px}.direction-copy .eyebrow{font-size:8px}.direction-description{font-size:12px}.hero-experience{height:135px;top:99px}.story-stage{min-height:805px}.direction-footer{font-size:7px}}
@media(prefers-reduced-motion:reduce){.hero-experience{display:none}.direction{height:900px}.direction-copy{transform:none;top:150px}.direction-interaction{top:18%}.direction-footer{bottom:30px}}
@media(prefers-reduced-motion:reduce) and (max-width:760px){.direction-copy{top:75px}.direction-interaction{top:40%}}
html:not(.js-ready) .hero-experience,html:not(.js-ready) .direction-interaction{display:none}
@media(max-width:760px){.direction-copy{top:90px}.direction-copy h2{font-size:clamp(30px,9.1vw,58px)}.direction-copy .eyebrow{margin-bottom:18px}.direction-description{line-height:1.8}.direction-copy .text-link{margin-top:16px}}
@media(max-width:380px){.direction-copy h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){#directionMotion{display:none}}

/* Interaction is discovered directly in the stars; no demonstration panel. */
.orbit-surface{cursor:default;touch-action:pan-y}
.hero-experience{pointer-events:none}
.direction-interaction{inset:10% 4% 10% 40%}
.motion-toggle{position:fixed;right:22px;bottom:22px;z-index:45;padding:7px;color:#a4b8ce;background:#08101ca6;border:1px solid #70869b38;border-radius:50%;backdrop-filter:blur(10px)}
.motion-toggle>span:first-child{border:0;width:20px;height:20px;font-size:13px}
.motion-toggle:hover{background:#1b2b3ecc;color:#f1f7ff}
.direction-footer>a{margin-right:52px}
@media(max-width:760px){.direction-interaction{inset:38% 4% 10%}.motion-toggle{right:16px;bottom:16px}.direction-footer{bottom:25px}.direction-footer>a{margin-right:42px}}
@media(prefers-reduced-motion:reduce){.motion-toggle{display:none}}

/* Optical refinement: crisp stars and uninterrupted, full-width visual fields. */
:root{--ink:#020609;--accent:#c6e6fa}
.story-stage,.direction{background:#020609}
.light-wipe{background:#020609;clip-path:none;opacity:0;will-change:opacity}
.story-vignette{background:linear-gradient(90deg,#02060975,transparent 52%)}
.direction-shade{background:radial-gradient(ellipse at 56% 48%,transparent 40%,#0d1a2433 100%)}
.direction-copy{top:100px;left:var(--gutter);transform:none;max-width:360px}
.direction-copy .eyebrow{margin-bottom:20px;color:#9daab5;letter-spacing:.1em}
.direction-copy h2{font-size:clamp(34px,3.45vw,54px);line-height:1.32}
.direction-english{font-size:15px;color:#a7b7c4;margin-top:15px}
.direction-caption{position:absolute;left:var(--gutter);bottom:112px;z-index:3;pointer-events:none;max-width:300px}
.direction-caption .direction-description{font-size:14px;line-height:1.9;color:#a6b1ba}
.direction-caption .text-link{margin-top:24px;font-size:13px;color:#dbeaf4;pointer-events:auto}
.direction-interaction{inset:7% 3% 9%;z-index:2}
.direction-footer{color:#7f909f}
.frame-intro .hero-services{color:#9aa9b5}
.frame-intro .hero-english{color:#c1cbd3;font-weight:300}
.button,.text-link,.header-cta{transition:background .25s,color .25s,border-color .25s}
@media(max-width:760px){
 .story-vignette{background:linear-gradient(0deg,#020609a6 6%,#02060955 40%,transparent 68%)}
 .direction{min-height:870px;height:110svh}
 .direction-copy{top:92px;left:var(--gutter);right:var(--gutter);max-width:none}
 .direction-copy h2{font-size:clamp(29px,8.4vw,47px)}
 .direction-copy .eyebrow{font-size:9px;margin-bottom:15px}
 .direction-english{font-size:13px;margin-top:12px}
 .direction-caption{left:var(--gutter);bottom:80px;max-width:85%}
 .direction-caption .direction-description{font-size:12px;line-height:1.8}
 .direction-caption .text-link{margin-top:12px;font-size:12px}
 .direction-interaction{inset:28% 3% 24%}
}
@media(prefers-reduced-motion:reduce){.direction-copy{top:90px}.light-wipe{display:none}}

.direction{scroll-margin-top:-100px;height:100svh;min-height:700px}
.direction-copy{top:132px}
@media(max-width:760px){.direction{height:110svh;min-height:870px}.direction-copy{top:94px}}

.site-header{transition:background .35s,border-color .35s}
.site-header.over-stars{background:linear-gradient(#020609c2,#02060938);border-bottom-color:transparent;backdrop-filter:blur(8px)}

/* One uninterrupted deep-space field, from first arrival to the final arrow. */
body{background:#020609}
.cosmic-backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:#020609}
.cosmic-backdrop #pixelField{position:absolute;inset:0;width:100%;height:100%;z-index:0}
main,.site-footer{position:relative;z-index:1}
.story-stage,.direction,.section,.section-light,.site-footer{background:transparent}
.section-light{color:#eaf1f7}
.direction-shade{background:linear-gradient(90deg,#02060944,transparent 50%)}
.section{position:relative}
.section h2,.section h3,.section-heading>p{position:relative;text-shadow:0 2px 20px #020609}
.section-meta,.method .section-meta,.about .section-meta{color:#91a6b9;border-color:#293947;font-size:13px;line-height:1.65}
.section-light :focus-visible{outline-color:#b8ddff}
.muted-ink{color:#a7cbe4}
.section-heading{align-items:center;gap:6%;margin:64px 0 28px}
.section-heading h2,.systems .section-heading h2{font-size:clamp(40px,4.1vw,66px);line-height:1.38}
.section-heading>p{font-size:18px;line-height:1.95;max-width:390px;color:#afbfce}
.constellation-window{position:relative;width:min(100%,960px);height:clamp(330px,48svh,510px);margin:24px auto 68px;pointer-events:none}
.audience-panels,.method-layout,.system-stage,.principles,.contact-bottom{background:linear-gradient(90deg,#02060918,#02060938 16%,#02060938 84%,#02060918)}
.audience-tabs,.system-tabs,.system-tab{border-color:#354654}
.audience-tabs button{color:#92a5b9;font-size:36px}
.audience-tabs button[aria-selected="true"]{color:#eef6ff}
.audience-tabs button:after{background:#b8ddff}
.tab-number,.tab-english{font-size:13px}
.audience-panel>div>p,.system-copy>p{color:#b1c1cf;font-size:18px;line-height:1.95}
.audience-panel h3,.system-panel h3{font-size:clamp(33px,3.2vw,49px);line-height:1.45}
.pill,.scenario-tags span{color:#acc1d4;border-color:#3a4e61;font-size:13px}
.service-facts,.service-facts>div,.use-case,.use-case>div{border-color:#2c3e50}
.service-facts dt,.use-case dt{color:#8faac1;font-size:14px}
.service-facts dd,.use-case dd{color:#c0d1df;font-size:17px;line-height:1.9}
.scenario-sheet{background:linear-gradient(135deg,#101c28ee,#091019ee);border-color:#2a4053}
.sheet-top,.workflow li,.sheet-note{border-color:#2c4053}
.sheet-top,.sheet-top .mono,.workflow li span,.sheet-note strong{color:#8da9c2;font-size:13px}
.scenario-sheet h4{font-size:32px;color:#e5f0f8}
.workflow li{color:#bfcedb;font-size:17px;line-height:1.85}
.sheet-note{color:#9cafc0!important;font-size:15px!important;line-height:1.95}
.method-layout{margin-top:36px}
.method-intro h2{font-size:clamp(37px,3.6vw,58px);line-height:1.45}
.method-intro>p:not(.eyebrow){font-size:18px;line-height:1.95;color:#afbfce}
.method-intro .eyebrow,.step-index{font-size:14px}
.method-step h3{font-size:32px;line-height:1.4}
.method-step>p{font-size:18px;color:#b6c7d5;line-height:1.95}
.service-detail>span,.step-result>span{font-size:14px;color:#95afc6}
.service-detail>p,.method-step .step-result{font-size:16px;line-height:1.95}
.method-step .step-result{background:#0b1520dd}
.system-tab{font-size:20px;color:#a9bdcf}
.system-tab[aria-selected="true"]{background:#152639;color:#eef6ff}
.system-copy>.eyebrow{color:#93b4cf;font-size:13px}
.visual-heading{font-size:13px;line-height:1.75;flex-wrap:wrap}
.visual-inputs span,.visual-core>div>span,.visual-review,.visual-output p{font-size:16px}
.visual-core small,.output-label{font-size:12px}
.visual-output strong{font-size:22px}
.workflow-visual{background:linear-gradient(140deg,#101d2bec,#070e17f2)}
.visual-output{background:#142536;color:#e5f1fb;border-color:#38566f}
.visual-output p{color:#adbfce}.output-label{color:#97b8d0}
.about-content>h2{font-size:clamp(40px,4.3vw,68px);line-height:1.45}
.about-description{font-size:20px;line-height:2;max-width:860px;color:#b4c6d6;background:transparent}
.about-secondary{font-size:18px;color:#9cb2c6}
.principles h3{font-size:24px}.principles p{font-size:17px;color:#a5bbce;line-height:1.9}.principles span{font-size:13px;color:#8ba3b9}
.contact{border-top:0;padding-top:90px;padding-bottom:80px}
.contact-hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:20px;margin:54px 0 45px}
.contact .contact-hero h2{margin:0;font-size:clamp(42px,5.2vw,84px);line-height:1.4;letter-spacing:-.055em}
.contact-constellation{width:100%;height:clamp(310px,43svh,480px);margin:0;pointer-events:auto}
.contact-bottom p{font-size:18px;line-height:1.9}.contact-next{font-size:14px!important;line-height:1.9}
.contact-link{font-size:clamp(17px,1.7vw,26px)}
.site-footer{border-top:1px solid #20303d}
html:not(.js-ready) .constellation-window{display:none}
@media(max-width:1050px){.section-heading{gap:36px}.section-heading>p{max-width:310px;font-size:17px}.section-heading h2,.systems .section-heading h2{font-size:40px}.contact .contact-hero h2{font-size:45px}}
@media(max-width:760px){
 .section{padding-top:68px;padding-bottom:80px}
 .section-heading{margin:35px 0 22px;display:block}
 .section-heading h2,.systems .section-heading h2,.about-content>h2{font-size:clamp(32px,8.6vw,42px);line-height:1.45}
 .section-heading>p{font-size:16px;max-width:none;line-height:1.9;margin-top:24px}
 .section-heading>p br{display:none}
 .constellation-window{height:330px;margin:10px auto 38px}
 .section-meta{font-size:12px}.section-meta>span:last-child{font-size:11px;letter-spacing:.035em}
 .audience-tabs button{font-size:28px;gap:10px}.tab-number{font-size:12px}
 .audience-panel h3,.system-panel h3{font-size:32px}.audience-panel>div>p,.system-copy>p{font-size:16px}
 .service-facts dd,.use-case dd{font-size:15px}.service-facts dt,.use-case dt{font-size:13px}
 .scenario-sheet h4{font-size:29px}.workflow li{font-size:15px}.sheet-note{font-size:14px!important}
 .method-layout{margin-top:25px;gap:45px}.method-intro h2{font-size:35px}.method-intro>p:not(.eyebrow){font-size:16px}
 .method-step h3{font-size:29px}.method-step>p{font-size:16px}.service-detail>p,.method-step .step-result{font-size:15px}
 .system-tab{font-size:15px;padding:18px 10px}.system-copy>.eyebrow{font-size:12px}
 .visual-heading{font-size:12px}.visual-inputs span,.visual-core>div>span,.visual-review,.visual-output p{font-size:14px}
 .visual-output strong{font-size:20px}.visual-core small{font-size:11px}
 .about-description{font-size:17px}.about-secondary{font-size:16px}.principles h3{font-size:23px}.principles p{font-size:16px}
 .contact-hero{grid-template-columns:1fr;margin:36px 0 18px;gap:0}
 .contact .contact-hero h2{font-size:clamp(36px,9.5vw,48px);line-height:1.4}
 .contact-constellation{height:330px;margin:4px 0 18px}
 .contact-bottom p{font-size:16px}.contact-next{font-size:13px!important}.contact-link{font-size:15px}
}
@media(max-width:380px){.constellation-window,.contact-constellation{height:290px}.audience-tabs button{font-size:25px}.system-tab{font-size:13px}.contact-link{font-size:13px}}
@media(prefers-reduced-motion:reduce){.story-stage{background:transparent}.cosmic-backdrop #pixelField{height:100%}}

.site-footer .footer-legal{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;justify-content:flex-end}
.footer-legal a{font-family:var(--font);color:inherit;white-space:nowrap}
.footer-legal a:hover{color:#edf4ff}
@media(max-width:760px){.site-footer .footer-legal{justify-content:flex-start}}

/* Each tab owns its complete workflow and explanation. */
.system-stage{display:block}
.system-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6%;align-items:stretch;padding:0}
.system-copy{min-width:0;padding:18px 0}
.workflow-visual{min-width:0}
.visual-core img,.review-dot{flex-shrink:0}
.visual-core>div{min-width:0}
/* Only title lines move; their layout boxes and body copy remain stationary. */
[data-title-motion]>.title-line{display:block}
.js-motion [data-title-motion]>.title-line{opacity:var(--title-opacity,1);transform:translate3d(0,var(--title-y,0px),0);filter:blur(var(--title-blur,0px))}
.contact h2>.title-line:not(.contact-arrow){color:inherit}
@media(max-width:760px){
 .system-panel{grid-template-columns:minmax(0,1fr);gap:24px}
 .system-copy{padding:0}
 .workflow-visual{padding:20px}
 .visual-core small{font-size:11px;letter-spacing:.04em}
}
@media(prefers-reduced-motion:reduce){
 [data-title-motion]>.title-line{opacity:1!important;transform:none!important;filter:none!important}
}