:root{--ink:#111311;--paper:#f4f3ef;--white:#fff;--muted:#6f736c;--line:#d7d8d2;--accent:#d6aa47;--accent-deep:#b68a2d;--header-height:76px;--content:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Noto Sans SC","Microsoft YaHei","PingFang SC",Arial,sans-serif;letter-spacing:0;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{position:fixed;inset:0 0 auto;z-index:20;height:var(--header-height);padding:0 clamp(20px,4vw,64px);display:grid;grid-template-columns:240px 1fr 240px;align-items:center;color:var(--white);border-bottom:1px solid rgba(255,255,255,.18);transition:background .3s,color .3s,box-shadow .3s}.site-header.scrolled{color:var(--ink);background:rgba(244,243,239,.96);border-color:rgba(17,19,17,.1);box-shadow:0 8px 28px rgba(17,19,17,.08);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:12px;width:max-content}.brand-mark{width:34px;height:40px;display:flex;align-items:flex-end;justify-content:center;gap:3px;transform:skew(-9deg)}.brand-mark i{display:block;width:7px;background:var(--accent)}.brand-mark i:nth-child(1){height:22px}.brand-mark i:nth-child(2){height:34px}.brand-mark i:nth-child(3){height:27px}.brand-copy{display:grid;line-height:1}.brand-copy strong{font:700 21px/1 Arial,sans-serif}.brand-copy small{margin-top:7px;font-size:10px;opacity:.72}.site-nav{display:flex;justify-content:center;gap:clamp(24px,3vw,48px)}.site-nav a{position:relative;font-size:14px;opacity:.76;transition:opacity .2s}.site-nav a:hover,.site-nav a.active{opacity:1}.site-nav a.active:after{content:"";position:absolute;left:50%;bottom:-12px;width:4px;height:4px;border-radius:50%;background:var(--accent);transform:translateX(-50%)}.header-contact{justify-self:end;font-size:14px;font-weight:700}.header-contact span{color:var(--accent);margin-left:6px}.menu-button{display:none}
.hero{position:relative;min-height:min(900px,92vh);height:860px;color:var(--white);overflow:hidden;background:#171916}.hero-media{position:absolute;inset:0;background:url("assets/hero-ai.png") center/cover no-repeat;transform:scale(1.015);animation:hero-settle 1.6s ease-out both}.hero-shade{position:absolute;inset:0;background:rgba(8,10,8,.5)}.hero-content{position:relative;z-index:2;width:min(var(--content),calc(100% - 48px));margin:auto;padding-top:clamp(170px,21vh,220px)}.eyebrow,.section-index{margin:0 0 28px;font:700 12px/1 Arial,sans-serif;color:var(--accent)}.eyebrow{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.72)}.eyebrow span{width:34px;height:1px;background:var(--accent)}.hero h1{max-width:780px;margin:0;font-size:clamp(52px,6.2vw,94px);line-height:1.08;font-weight:650}.hero-lead{max-width:570px;margin:30px 0 0;color:rgba(255,255,255,.76);font-size:18px;line-height:1.9}.hero-actions{display:flex;gap:12px;margin-top:40px}.button{min-height:50px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:28px;border:1px solid transparent;font-size:14px;font-weight:700;transition:background .2s,color .2s,border-color .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-primary{color:var(--ink);background:var(--accent)}.button-primary:hover{background:#e4bd62}.button-ghost{border-color:rgba(255,255,255,.42);color:var(--white)}.button-ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.7)}.hero-rail{position:absolute;z-index:2;right:clamp(22px,4vw,64px);bottom:42px;display:flex;gap:34px;font:700 11px/1 Arial,sans-serif;color:rgba(255,255,255,.58)}.scroll-cue{position:absolute;z-index:2;left:clamp(22px,4vw,64px);bottom:36px;display:flex;align-items:center;gap:12px;font:700 9px/1 Arial,sans-serif;color:rgba(255,255,255,.58)}.scroll-cue span{width:1px;height:38px;background:var(--accent)}
.section{padding:128px 0;scroll-margin-top:var(--header-height)}.section-inner{width:min(var(--content),calc(100% - 48px));margin:auto}.section-index{margin-bottom:22px}.section h2{margin:0;font-size:clamp(38px,4.2vw,62px);line-height:1.22;font-weight:600}.intro{background:var(--white)}.intro-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:10vw;align-items:start}.intro-copy{padding-top:12px}.intro-copy>p{margin:0;color:var(--muted);font-size:16px;line-height:2}.intro-copy .intro-lead{margin-bottom:22px;color:var(--ink);font-size:23px;line-height:1.75}.beliefs{display:grid;grid-template-columns:repeat(3,1fr);margin-top:52px;border-top:1px solid var(--line)}.beliefs div{padding:26px 20px 0 0;display:grid;gap:10px}.beliefs strong{font-size:18px}.beliefs span{color:var(--muted);font-size:12px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:72px}.section-top>p{width:min(430px,42%);margin:0;color:var(--muted);line-height:1.9}.capability-list{border-top:1px solid #bfc1ba}.capability-item{min-height:184px;padding:40px 18px;display:grid;grid-template-columns:80px 1.1fr 1fr 60px;align-items:center;gap:40px;border-bottom:1px solid #bfc1ba;transition:background .25s,padding .25s}.capability-item:hover{padding-left:28px;padding-right:28px;background:var(--white)}.capability-no{font:700 12px/1 Arial;color:var(--accent-deep)}.capability-title h3{margin:0 0 11px;font-size:29px;font-weight:600}.capability-title small{color:#969990;font:700 10px/1 Arial}.capability-item p{margin:0;color:var(--muted);line-height:1.85}.capability-arrow{justify-self:end;font-size:23px}
.solutions{color:var(--white);background:var(--ink)}.section-top-light>p{color:rgba(255,255,255,.56)}.solution-panel{display:grid;grid-template-columns:280px 1fr;min-height:470px;border-top:1px solid rgba(255,255,255,.2)}.solution-tabs{padding-top:32px;display:grid;align-content:start;border-right:1px solid rgba(255,255,255,.2)}.solution-tab{position:relative;padding:18px 30px 18px 0;text-align:left;color:rgba(255,255,255,.48);background:transparent;border:0;cursor:pointer;transition:color .2s}.solution-tab:after{content:"→";position:absolute;right:28px;opacity:0}.solution-tab:hover,.solution-tab.active{color:var(--white)}.solution-tab.active:after{opacity:1;color:var(--accent)}.solution-detail{padding:62px 0 30px 9vw;display:grid;grid-template-columns:90px 1fr;gap:45px}.solution-number{padding-top:8px;color:var(--accent);font:700 13px/1 Arial}.solution-label{margin:0 0 22px;color:rgba(255,255,255,.4);font:700 11px/1 Arial}.solution-detail h3{max-width:680px;margin:0;font-size:clamp(30px,3vw,46px);line-height:1.35;font-weight:500}.solution-detail p:not(.solution-label){max-width:680px;margin:28px 0;color:rgba(255,255,255,.58);line-height:1.9}.solution-detail ul{margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;list-style:none}.solution-detail li{padding:10px 14px;color:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.18);font-size:12px}
.process{background:#ecece7}.process .section-heading{margin-bottom:66px}.process-list{margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);list-style:none;border-top:1px solid #bfc1ba}.process-list li{min-height:270px;padding:28px 30px 0 0;border-right:1px solid #bfc1ba}.process-list li:not(:first-child){padding-left:30px}.process-list li:last-child{border-right:0}.process-list>li>span{color:var(--accent-deep);font:700 11px/1 Arial}.process-list div{margin-top:72px}.process-list h3{margin:0 0 16px;font-size:22px}.process-list p{margin:0;color:var(--muted);font-size:14px;line-height:1.85}.contact{color:var(--white);background:var(--accent-deep)}.contact .section-index{color:rgba(255,255,255,.62)}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:10vw}.contact-copy>p:not(.section-index){max-width:560px;margin:30px 0 36px;color:rgba(255,255,255,.75);line-height:1.9}.button-dark{color:var(--white);background:var(--ink)}.button-dark:hover{background:#292c28}.contact-details{border-top:1px solid rgba(255,255,255,.34)}.contact-details>div{padding:25px 0;display:grid;grid-template-columns:110px 1fr;gap:28px;border-bottom:1px solid rgba(255,255,255,.26)}.contact-details span{color:rgba(255,255,255,.56);font-size:12px}.contact-details strong,.contact-details a{font-size:15px;line-height:1.7;font-weight:500}.contact-details small{color:rgba(255,255,255,.6);font-size:12px;font-weight:400}.contact-details a:hover{text-decoration:underline}.site-footer{min-height:110px;padding:30px clamp(24px,4vw,64px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;color:rgba(255,255,255,.62);background:var(--ink);font-size:11px}.footer-brand{display:flex;align-items:center;gap:20px}.footer-brand strong{color:var(--white);font-size:18px}.site-footer p{margin:0;text-align:center}.icp-link{margin-left:12px;white-space:nowrap}.icp-link:hover{color:var(--white);text-decoration:underline}.site-footer>a{justify-self:end;color:var(--white)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}@keyframes hero-settle{from{opacity:.5;transform:scale(1.06)}to{opacity:1;transform:scale(1.015)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
@media(max-width:980px){.site-header{grid-template-columns:1fr auto}.header-contact{display:none}.menu-button{width:42px;height:42px;padding:10px;display:grid;align-content:center;gap:5px;color:inherit;background:transparent;border:0;cursor:pointer}.menu-button span{width:22px;height:1px;background:currentColor;transition:transform .2s,opacity .2s}.menu-button[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-button[aria-expanded=true] span:nth-child(2){opacity:0}.menu-button[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.site-nav{position:fixed;inset:var(--header-height) 0 0;padding:48px 24px;display:none;align-content:start;justify-content:start;gap:0;color:var(--ink);background:var(--paper)}.site-nav.open{display:grid}.site-nav a{padding:20px 0;font-size:25px;border-bottom:1px solid var(--line)}.site-nav a.active:after{left:auto;right:0;bottom:50%;transform:translateY(50%)}.hero-rail{display:none}.intro-grid{gap:6vw}.capability-item{grid-template-columns:50px 1fr 1fr 32px;gap:20px}.solution-panel{grid-template-columns:220px 1fr}.solution-detail{padding-left:6vw;grid-template-columns:50px 1fr;gap:24px}.contact-grid{gap:6vw}}
@media(max-width:720px){:root{--header-height:68px}.site-header{padding:0 18px}.brand-copy strong{font-size:18px}.hero{min-height:760px;height:min(860px,92svh)}.hero-media{background-position:58% center}.hero-shade{background:rgba(8,10,8,.59)}.hero-content{width:calc(100% - 36px);padding-top:clamp(150px,22svh,190px)}.hero h1{font-size:clamp(42px,13.5vw,61px);line-height:1.14}.hero-lead{max-width:92%;margin-top:24px;font-size:15px;line-height:1.85}.hero-actions{margin-top:32px;flex-direction:column}.button{width:100%}.scroll-cue{display:none}.section{padding:88px 0}.section-inner{width:calc(100% - 36px)}.section h2{font-size:38px}.intro-grid,.contact-grid{grid-template-columns:1fr;gap:50px}.intro-copy .intro-lead{font-size:20px}.beliefs{grid-template-columns:1fr}.beliefs div{padding:20px 0;grid-template-columns:64px 1fr;border-bottom:1px solid var(--line)}.section-top{display:grid;gap:24px;margin-bottom:48px}.section-top>p{width:100%}.capability-item{padding:28px 0;grid-template-columns:34px 1fr 24px;gap:14px}.capability-item:hover{padding-left:0;padding-right:0}.capability-title h3{font-size:23px}.capability-item p{grid-column:2/4;font-size:14px}.solution-panel{display:block;min-height:0}.solution-tabs{padding:14px 0;display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.2);scrollbar-width:none}.solution-tab{min-width:max-content;padding:14px 22px 14px 0;margin-right:18px}.solution-tab:after{display:none}.solution-detail{padding:44px 0 0;display:block}.solution-number{margin-bottom:28px}.solution-detail h3{font-size:31px}.solution-detail ul{display:grid}.process-list{grid-template-columns:1fr}.process-list li,.process-list li:not(:first-child){min-height:0;padding:24px 0;display:grid;grid-template-columns:44px 1fr;border-right:0;border-bottom:1px solid #bfc1ba}.process-list div{margin-top:0}.contact-details>div{grid-template-columns:84px 1fr;gap:18px}.site-footer{padding:36px 18px;grid-template-columns:1fr auto}.site-footer p{grid-row:2;grid-column:1/-1}.footer-brand span{display:none}}
