:root{--ink:#050505;--paper:#f1f0ea;--soft:#aaa;--line:#2a2a2a;--glow:#fff;--pad:clamp(24px,5vw,80px);--max:1920px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000;color:#f4f3ed;font:16px/1.75 "Noto Sans SC","Microsoft YaHei",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;top:-60px;left:16px;z-index:100;background:#fff;color:#000;padding:10px 18px}.skip-link:focus{top:16px}
.site-header{height:86px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:absolute;inset:0 0 auto;z-index:30;border-bottom:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.58);backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:16px;font-size:20px;font-weight:700;letter-spacing:.08em}.brand-mark{width:40px;height:40px;position:relative}.brand-mark i{position:absolute;width:25px;height:25px;left:7px;top:7px;border:1px solid #fff;transform:rotate(45deg);animation:markPulse 3.6s ease-in-out infinite}.brand-mark i:nth-child(2){left:0;opacity:.5;animation-delay:.4s}.brand-mark i:nth-child(3){left:14px;opacity:.3;animation-delay:.8s}@keyframes markPulse{50%{opacity:1;filter:drop-shadow(0 0 8px #fff)}}.site-header nav{display:flex;gap:clamp(18px,2.2vw,40px);color:#bbb}.site-header nav a{position:relative;white-space:nowrap;transition:.25s}.site-header nav a:hover,.site-header nav a.active{color:#fff}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-12px;border-top:2px solid #fff;transition:.25s}.site-header nav a:hover:after,.site-header nav a.active:after{right:0}.header-cta{justify-self:end;border:1px solid #777;padding:9px 16px}.menu-toggle{display:none}
.page-hero{min-height:78svh;padding:160px var(--pad) 80px;position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:end;gap:8vw;overflow:hidden;border-bottom:1px solid var(--line)}.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.8) 44%,rgba(0,0,0,.3)),radial-gradient(circle at 76% 44%,rgba(255,255,255,.13),transparent 3%,rgba(255,255,255,.04) 20%,transparent 46%),repeating-radial-gradient(circle at 76% 44%,transparent 0 52px,rgba(255,255,255,.08) 53px 54px);pointer-events:none}.hero-copy,.hero-aside{position:relative;z-index:2}.eyebrow{margin:0 0 24px;font:500 13px "Space Grotesk",sans-serif;letter-spacing:.18em;color:#aaa}.page-hero h1{font-size:clamp(58px,8.5vw,132px);line-height:.94;letter-spacing:-.075em;margin:0}.page-hero h1 em{display:block;font-style:normal;color:transparent;-webkit-text-stroke:1px #ddd}.hero-lead{font-size:clamp(18px,1.5vw,23px);color:#ccc;max-width:760px;margin:36px 0 0}.hero-aside{border-top:1px solid #888;padding-top:22px}.hero-aside strong{font:600 clamp(56px,7vw,100px)/1 "Space Grotesk"}.hero-aside p{color:#aaa;max-width:430px}.hero-aside ul{list-style:none;padding:0;margin:28px 0 0}.hero-aside li{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line)}
.page-section{max-width:var(--max);margin:auto;padding:120px var(--pad);border-bottom:1px solid var(--line)}.section-index{display:flex;gap:20px;color:#777;font-size:14px;letter-spacing:.1em}.section-index b{color:#fff;font-weight:400}.split-head{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.4fr);gap:8vw;margin-top:46px}.split-head h2,.section-title h2{font-size:clamp(42px,5.2vw,76px);line-height:1.08;letter-spacing:-.055em;margin:0}.split-head>div>p,.section-title>p{color:#aaa;font-size:18px;max-width:680px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:60px;margin:46px 0 58px}.section-title>p{margin:0}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:60px}.feature-card{min-height:320px;padding:30px;background:#050505;position:relative;transition:.3s}.feature-card:hover{background:#111;transform:translateY(-5px)}.feature-card>span{font:14px "Space Grotesk";color:#777}.feature-card h3{font-size:27px;line-height:1.35;margin:70px 0 14px}.feature-card p{color:#999;margin:0}.feature-card i{position:absolute;right:28px;top:28px;width:38px;height:38px;border:1px solid #666;transform:rotate(45deg)}
.matrix{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.matrix article{padding:34px 30px;border-bottom:1px solid var(--line)}.matrix article:nth-child(odd){border-right:1px solid var(--line)}.matrix h3{font-size:25px;margin:0 0 12px}.matrix p{color:#999;margin:0}.matrix small{color:#777;letter-spacing:.12em}
.steps{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px;border-top:1px solid var(--line)}.steps article{counter-increment:step;min-height:330px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.steps article:before{content:"0" counter(step);font:14px "Space Grotesk";color:#777}.steps h3{font-size:26px;margin:100px 0 15px}.steps p{color:#999}
.dark-to-light{background:#efeee8;color:#090909}.dark-to-light .section-index,.dark-to-light p{color:#555}.dark-to-light .section-index b{color:#000}.dark-to-light .feature-grid{background:#c8c7c0;border-color:#c8c7c0}.dark-to-light .feature-card{background:#efeee8}.dark-to-light .feature-card:hover{background:#fff}.dark-to-light .feature-card p{color:#555}
.quote-band{padding:120px var(--pad);text-align:center;border-bottom:1px solid var(--line)}.quote-band blockquote{font-size:clamp(32px,5vw,72px);line-height:1.25;letter-spacing:-.045em;max-width:1350px;margin:auto}.quote-band small{display:block;color:#777;margin-top:32px;letter-spacing:.16em}
.case-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.case-strip article{background:#050505;padding:26px;min-height:180px}.case-strip strong{display:block;font:600 42px "Space Grotesk"}.case-strip span{color:#999}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.article-card{border-top:1px solid #666;padding-top:20px}.article-visual{height:220px;background:repeating-linear-gradient(45deg,#080808 0 20px,#161616 21px 22px);position:relative;overflow:hidden}.article-visual:after{content:"";position:absolute;width:140px;height:140px;border:1px solid #aaa;right:12%;top:18%;transform:rotate(45deg)}.article-card:nth-child(2) .article-visual{background:repeating-radial-gradient(circle at 55% 50%,#090909 0 23px,#333 24px,#090909 25px)}.article-card:nth-child(3) .article-visual{background:linear-gradient(135deg,#060606,#252525)}.article-card:nth-child(3) .article-visual:after{border-radius:50%;box-shadow:0 0 40px rgba(255,255,255,.15)}.article-card time{display:block;color:#777;margin:18px 0 10px}.article-card h3{font-size:25px;line-height:1.4;margin:0 0 12px}.article-card p{color:#999}
.faq{max-width:1000px;margin:50px 0 0 auto}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq summary{cursor:pointer;font-size:21px;list-style:none}.faq summary:after{content:"+";float:right}.faq details[open] summary:after{content:"−"}.faq p{color:#999;max-width:780px}
.page-cta{text-align:center;padding:130px var(--pad);background:#fff;color:#000}.page-cta h2{font-size:clamp(48px,7vw,100px);line-height:1.05;letter-spacing:-.06em;margin:0}.page-cta p{font-size:18px;margin:28px auto;max-width:650px}.page-cta a{display:inline-block;background:#000;color:#fff;padding:15px 24px}
footer{padding:70px var(--pad) 30px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;color:#bbb}footer small{display:block;color:#666;margin-bottom:10px}.footer-brand p{color:#888}.footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;color:#666}
@media(max-width:1100px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.menu-toggle{display:flex;background:none;border:0;color:#fff;flex-direction:column;gap:5px;padding:12px}.menu-toggle span{width:26px;border-top:1px solid}.site-header nav.open{display:flex;position:fixed;inset:86px 0 auto;background:#050505;padding:28px var(--pad);flex-direction:column}.page-hero{grid-template-columns:1fr;padding-top:140px}.hero-aside{max-width:620px}.split-head{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.article-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.site-header{height:72px;position:fixed}.brand{font-size:18px}.brand-mark{width:34px;height:34px}.brand-mark i{width:21px;height:21px;left:6px;top:6px}.brand-mark i:nth-child(2){left:0}.brand-mark i:nth-child(3){left:12px}.site-header nav.open{inset:72px 0 auto}.page-hero{min-height:auto;padding:130px 20px 75px}.page-hero h1{font-size:clamp(52px,16vw,72px)}.page-section{padding:78px 20px}.section-title{display:block}.section-title>p{margin-top:22px}.feature-grid,.matrix,.steps,.article-grid{grid-template-columns:1fr}.matrix article:nth-child(odd){border-right:0}.steps article{min-height:240px}.steps h3{margin-top:55px}.feature-card{min-height:270px}.quote-band{padding:85px 20px}.case-strip{grid-template-columns:1fr 1fr}.page-cta{padding:90px 20px}footer{grid-template-columns:1fr;padding:55px 20px 25px}.footer-bottom{display:block}.footer-bottom span{display:block;margin:6px 0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
.article-card h3 a{display:inline-block;color:#c8c8c8;transition:color .25s,text-shadow .25s,transform .25s}.article-card h3 a:hover,.article-card h3 a:focus-visible{color:#fff;text-shadow:0 0 12px rgba(255,255,255,.55),0 0 30px rgba(255,255,255,.2);transform:translateX(5px);outline:none}.article-card:target{scroll-margin-top:110px}.article-card:target h3 a{color:#fff;text-shadow:0 0 14px rgba(255,255,255,.45)}

/* SEO-first inner-page hero */
.page-hero{min-height:68svh;padding-top:150px;padding-bottom:70px;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr)}
.page-hero h1{font-size:clamp(46px,6vw,88px);line-height:1.02;letter-spacing:-.055em;max-width:1050px}
.page-hero h1 em{margin-top:10px;font-size:.62em;line-height:1.2;letter-spacing:-.035em;color:#c7c7c7;-webkit-text-stroke:0}
.hero-lead{font-size:clamp(17px,1.3vw,20px);max-width:780px;margin-top:28px}
.hero-keywords{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.hero-keywords span{border:1px solid #555;padding:6px 11px;color:#bbb;font-size:13px;letter-spacing:.04em;background:rgba(0,0,0,.28)}
.seo-keyword-bar{display:flex;align-items:center;gap:0;min-height:68px;padding:0 var(--pad);overflow-x:auto;border-bottom:1px solid var(--line);background:#050505;scrollbar-width:none}.seo-keyword-bar::-webkit-scrollbar{display:none}.seo-keyword-bar span{flex:0 0 auto;white-space:nowrap;padding:0 clamp(18px,2.4vw,42px);border-right:1px solid var(--line);color:#8f8f8f;font-size:14px}.seo-keyword-bar span:first-child{padding-left:0;color:#fff}.seo-keyword-bar span:before{content:"·";margin-right:10px;color:#fff}
@media(max-width:700px){.page-hero{min-height:auto;padding:120px 20px 65px}.page-hero h1{font-size:clamp(40px,12vw,56px)}.page-hero h1 em{font-size:.66em}.hero-keywords{margin-top:22px}.seo-keyword-bar{padding:0 20px;min-height:60px}}

/* Refined inner-page system: compact hero, white-on-black navigation, homepage radii */
.site-header{position:absolute;background:#000;color:#fff;border-bottom-color:#282828}
.site-header nav{color:#fff}.site-header nav a{opacity:.72}.site-header nav a:hover,.site-header nav a.active{opacity:1;color:#fff}
.header-cta,.page-cta a{border-radius:9px}.header-cta{border-color:#4a4a4a}.hero-keywords span{border-radius:8px}
.page-hero{min-height:52svh;padding-top:132px;padding-bottom:54px;grid-template-columns:minmax(0,920px);align-items:end}
.page-hero h1{font-size:clamp(42px,5.2vw,74px);max-width:900px}.page-hero h1 em{font-size:.5em;margin-top:12px;max-width:720px}
.hero-lead{font-size:17px;max-width:650px;margin-top:20px}.hero-aside,.hero-keywords{display:none}
.page-hero:after{content:"";position:absolute;z-index:1;right:clamp(-110px,-4vw,-40px);top:48%;width:clamp(300px,36vw,610px);aspect-ratio:1;border:1px solid rgba(255,255,255,.34);border-radius:50%;transform:translateY(-50%) scaleY(.42) rotate(-16deg);box-shadow:0 0 0 42px rgba(255,255,255,.12),0 0 0 92px rgba(255,255,255,.08),0 0 0 148px rgba(255,255,255,.045),0 0 0 210px rgba(255,255,255,.025);animation:lineOrbit 18s ease-in-out infinite alternate;pointer-events:none}
.page-hero .hero-copy:after{content:"";position:absolute;left:calc(100% + clamp(50px,8vw,150px));top:35%;width:9px;height:9px;border:1px solid #fff;border-radius:50%;background:#000;box-shadow:55px 24px 0 -3px #fff,114px -18px 0 -3px #aaa,178px 31px 0 -2px #fff;animation:lineStars 4.8s ease-in-out infinite}
@keyframes lineOrbit{to{transform:translateY(-50%) scaleY(.46) rotate(-12deg)}}@keyframes lineStars{50%{opacity:.35;filter:drop-shadow(0 0 8px #fff)}}

/* Simple editorial blog list */
.article-grid{display:block;border-top:1px solid #555}.article-card{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:28px;align-items:center;padding:28px 0;border-top:0;border-bottom:1px solid #2f2f2f}
.article-visual{display:none}.article-card time{margin:0;color:#777;font-size:13px}.article-card h3{margin:0;font-size:clamp(21px,2vw,29px)}.article-card h3 a{display:block}.article-card h3 a:after{content:"↗";display:inline-block;margin-left:14px;font-size:.7em;color:#777;transition:.25s}.article-card h3 a:hover:after{color:#fff;transform:translate(3px,-3px)}.article-card p{margin:0;max-width:330px;font-size:14px}

/* Blog article */
.article-hero{min-height:56svh;padding:150px var(--pad) 70px;border-bottom:1px solid var(--line);display:flex;align-items:flex-end;background:radial-gradient(circle at 78% 38%,#272727 0,transparent 2%,rgba(255,255,255,.04) 20%,transparent 42%),#000}
.article-hero>div{max-width:1050px}.article-hero .eyebrow{margin-bottom:20px}.article-hero h1{font-size:clamp(42px,6vw,82px);line-height:1.08;letter-spacing:-.055em;margin:0}.article-hero p{max-width:720px;color:#aaa;font-size:18px;margin:24px 0 0}
.article-shell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:85px 0 110px;display:grid;grid-template-columns:220px minmax(0,720px);gap:90px}.article-meta{font-size:13px;color:#777}.article-meta span{display:block;padding:11px 0;border-bottom:1px solid #292929}.article-body{color:#b9b9b9;font-size:18px;line-height:1.95}.article-body h2{color:#fff;font-size:clamp(28px,3vw,40px);line-height:1.25;margin:65px 0 20px}.article-body h2:first-child{margin-top:0}.article-body strong{color:#fff}.article-body blockquote{margin:45px 0;padding:24px 28px;border-left:2px solid #fff;background:#0b0b0b;color:#eee;font-size:21px}.article-back{display:inline-flex;margin-top:55px;padding:10px 17px;border:1px solid #555;border-radius:9px;color:#fff}
@media(max-width:900px){.article-card{grid-template-columns:120px 1fr}.article-card p{display:none}.article-shell{grid-template-columns:1fr;gap:38px}.article-meta{display:flex;gap:18px;flex-wrap:wrap}.article-meta span{border:0;padding:0}}
@media(max-width:700px){.page-hero{padding:112px 20px 48px;min-height:46svh}.page-hero h1{font-size:clamp(38px,11vw,54px)}.page-hero:after{right:-210px;opacity:.45}.page-hero .hero-copy:after{display:none}.seo-keyword-bar{display:none}.article-card{grid-template-columns:1fr;gap:8px;padding:23px 0}.article-hero{min-height:48svh;padding:120px 20px 55px}.article-hero h1{font-size:clamp(38px,11vw,56px)}.article-shell{padding:60px 0 80px}.article-body{font-size:16px}}
@media(prefers-reduced-motion:reduce){.page-hero:after,.page-hero .hero-copy:after{animation:none}}

/* Page-specific banner signatures */
.page-service .page-hero:after{border-radius:50%;transform:translateY(-50%) scaleY(.42) rotate(-16deg);box-shadow:0 0 0 42px rgba(255,255,255,.12),0 0 0 92px rgba(255,255,255,.08),0 0 0 148px rgba(255,255,255,.045),0 0 0 210px rgba(255,255,255,.025)}
.page-service .page-hero .hero-copy:after{box-shadow:55px 24px 0 -3px #fff,114px -18px 0 -3px #aaa,178px 31px 0 -2px #fff}

.page-method .page-hero:after{width:clamp(280px,33vw,540px);aspect-ratio:1;border:0;border-radius:0;background:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);background-size:44px 44px;transform:translateY(-50%) perspective(700px) rotateX(58deg) rotateZ(-22deg);box-shadow:none;mask-image:radial-gradient(circle,#000 25%,transparent 72%);animation:methodDrift 16s ease-in-out infinite alternate}
.page-method .page-hero .hero-copy:after{width:74px;height:74px;border-radius:0;border:1px solid #aaa;background:transparent;transform:rotate(45deg);box-shadow:52px -52px 0 -30px #fff,104px -104px 0 -33px #aaa}

.page-process .page-hero:after{width:clamp(360px,42vw,680px);height:240px;aspect-ratio:auto;border:0;border-radius:0;background:linear-gradient(145deg,transparent 0 12%,rgba(255,255,255,.2) 12.2% 12.5%,transparent 12.7% 31%,rgba(255,255,255,.32) 31.2% 31.5%,transparent 31.7% 52%,rgba(255,255,255,.17) 52.2% 52.5%,transparent 52.7%);transform:translateY(-50%);box-shadow:none;animation:processDrift 14s ease-in-out infinite alternate}
.page-process .page-hero:after{clip-path:polygon(0 5%,100% 5%,100% 95%,0 95%)}
.page-process .page-hero .hero-copy:after{width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:82px -37px 0 -2px #888,168px 19px 0 -2px #fff,260px -26px 0 -2px #777,354px 15px 0 -1px #fff}

.page-blog .page-hero:after{width:clamp(330px,40vw,650px);height:300px;aspect-ratio:auto;border:0;border-radius:0;background:repeating-radial-gradient(ellipse at 50% 50%,transparent 0 25px,rgba(255,255,255,.13) 26px 27px,transparent 28px 48px);transform:translateY(-50%) rotate(-9deg);box-shadow:none;mask-image:linear-gradient(90deg,transparent,#000 22% 78%,transparent);animation:blogWave 15s ease-in-out infinite alternate}
.page-blog .page-hero .hero-copy:after{width:110px;height:1px;border:0;border-radius:0;background:#aaa;box-shadow:35px 18px 0 #555,70px 36px 0 #888,105px 54px 0 #444;transform:rotate(-15deg)}

.page-about .page-hero:after{width:clamp(290px,34vw,540px);aspect-ratio:1;border:1px solid rgba(255,255,255,.3);border-radius:0;transform:translateY(-50%) rotate(45deg) scale(.66);box-shadow:52px -52px 0 -1px #000,52px -52px 0 0 rgba(255,255,255,.16),-52px 52px 0 -1px #000,-52px 52px 0 0 rgba(255,255,255,.1),0 0 0 90px rgba(255,255,255,.035);animation:aboutBoundary 18s ease-in-out infinite alternate}
.page-about .page-hero .hero-copy:after{width:94px;height:94px;border-radius:50%;background:transparent;box-shadow:0 0 0 28px rgba(255,255,255,.05),0 0 0 54px rgba(255,255,255,.025)}

.page-article-answer .article-hero{background:linear-gradient(90deg,#000 0 55%,transparent),repeating-radial-gradient(ellipse at 82% 48%,transparent 0 42px,rgba(255,255,255,.11) 43px 44px,transparent 45px 76px),#000}
.page-article-summary .article-hero{background:linear-gradient(90deg,#000 0 55%,transparent),repeating-linear-gradient(125deg,transparent 0 34px,rgba(255,255,255,.09) 35px 36px,transparent 37px 70px),#000}
.page-article-monitor .article-hero{background:linear-gradient(90deg,#000 0 55%,transparent),linear-gradient(155deg,transparent 58%,rgba(255,255,255,.18) 58.2% 58.5%,transparent 58.7%),repeating-linear-gradient(90deg,transparent 0 62px,rgba(255,255,255,.07) 63px 64px),#000}

@keyframes methodDrift{to{background-position:10px -8px,-10px 8px;transform:translateY(-48%) perspective(700px) rotateX(58deg) rotateZ(-20deg)}}
@keyframes processDrift{to{transform:translate(-12px,-52%)}}
@keyframes blogWave{to{transform:translateY(-48%) rotate(-6deg);opacity:.7}}
@keyframes aboutBoundary{to{transform:translateY(-50%) rotate(48deg) scale(.69)}}

@media(max-width:700px){.page-method .page-hero:after,.page-process .page-hero:after,.page-blog .page-hero:after,.page-about .page-hero:after{right:-220px;opacity:.38}}