/* 恒信智软 · 官网精修稿。所有配色均由中性灰与既有品牌色推导。 */
:root{--bg:#fff;--paper:#f5f6f8;--ink:#202126;--muted:#696e78;--line:#e2e5ea;--card:#fff;--quiet:#969da8;--ease:cubic-bezier(.22,1,.36,1);--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:disabled{cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #658bc5;outline-offset:5px}::selection{background:#cddbf1;color:#1c2738}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;text-wrap:balance}svg{display:block}button svg,a svg{flex-shrink:0}button,a{touch-action:manipulation}.wrap{max-width:var(--max);margin-inline:auto;padding-inline:40px}.eyebrow{font-size:13px;font-weight:500;letter-spacing:.07em;color:var(--muted);line-height:1.5}.section-title{font-size:clamp(34px,4vw,52px);line-height:1.27;letter-spacing:-1.7px}.section-title span,.hero h1 span{display:block}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:48px}.section-head>p{max-width:340px;font-size:15px;line-height:1.9;color:var(--muted)}section{padding-block:108px;scroll-margin-top:20px}.section-head .eyebrow{margin-bottom:18px}.line-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;min-height:48px;position:relative;transition:color .25s}.line-link:after{content:'';position:absolute;bottom:9px;left:0;width:calc(100% - 22px);height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.line-link:hover:after{transform:scaleX(1)}.line-link svg{width:15px;height:15px;transition:transform .3s}.line-link:hover svg{transform:translateX(3px)}.pill{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 25px;font-size:14px;border-radius:100px;color:var(--bg);background:var(--ink);box-shadow:inset 0 1px 1px #ffffff18,0 3px 6px #00000008;transition:transform .25s var(--ease),box-shadow .3s,background .3s}.pill:hover{transform:translateY(-2px);box-shadow:inset 0 1px 1px #ffffff18,0 8px 20px #00000012}.pill:active{transform:translateY(0) scale(.98)}.actions{display:flex;align-items:center;gap:25px}.brand{display:block;width:140px;height:auto}.header{height:76px;position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(24px);border-bottom:1px solid transparent;transition:border-color .4s,box-shadow .4s}.header.scrolled{border-color:var(--line);box-shadow:0 5px 22px #00000002}.nav{max-width:1280px;height:100%;margin:auto;padding-inline:40px;display:flex;align-items:center;justify-content:space-between}.navlinks{display:flex;align-items:center;gap:34px}.navlinks>a{min-height:44px;display:flex;align-items:center;font-size:13px;color:var(--muted);position:relative;transition:color .25s}.navlinks>a:hover,.navlinks>a.active{color:var(--ink)}.navlinks>a:after{content:'';position:absolute;bottom:4px;left:50%;width:4px;height:4px;border-radius:50%;background:currentColor;opacity:0;transition:opacity .3s}.navlinks>a.active:after{opacity:1}.contact-btn{padding:0 20px;min-height:40px;font-size:13px;background:var(--ink);color:var(--bg);border-radius:100px;transition:opacity .25s,transform .25s}.contact-btn:hover{opacity:.8;transform:translateY(-1px)}.menu{display:none;align-items:center;gap:7px;background:transparent;font-size:14px;min-height:44px;padding:0 4px}.menu-icon{width:19px;height:15px;position:relative}.menu-icon:before,.menu-icon:after{content:'';position:absolute;left:0;width:19px;height:1px;background:currentColor;transition:transform .3s,top .3s}.menu-icon:before{top:4px}.menu-icon:after{top:11px}.menu[aria-expanded=true] .menu-icon:before{top:7px;transform:rotate(45deg)}.menu[aria-expanded=true] .menu-icon:after{top:7px;transform:rotate(-45deg)}
/* Hero */
.hero{position:relative;overflow:hidden;isolation:isolate;min-height:800px}.hero .eyebrow{margin-bottom:24px}.hero h1{font-size:clamp(48px,5.1vw,74px);letter-spacing:-3px;line-height:1.21;margin-bottom:24px}.hero .lead{font-size:16px;line-height:1.95;color:var(--muted)}.hero .actions{margin-top:29px}.intro{position:relative;z-index:3;animation:intro-in 1.2s var(--ease) both}.hero-bottom{position:absolute;bottom:25px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;z-index:5;letter-spacing:.025em}.hero-capabilities{display:flex;gap:18px;align-items:center}.hero-capabilities i{display:block;width:2px;height:2px;border-radius:50%;background:var(--quiet)}.scroll-cue{display:flex;align-items:center;gap:12px;min-height:44px}.scroll-cue svg{width:17px;height:25px;animation:scroll-nudge 3s ease-in-out infinite}.scene{position:relative;pointer-events:none}.scene canvas{display:block;width:100%;height:100%}@keyframes intro-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes scroll-nudge{0%,80%,100%{transform:translateY(0)}40%{transform:translateY(4px)}}
/* A: silver brand, circuits following a single field */
.a .hero{min-height:830px;text-align:center;background:radial-gradient(ellipse at 50% 78%,#e7ecf48c,transparent 52%)}.a .intro{padding:57px 24px 0}.a .actions{justify-content:center}.a .scene{width:760px;height:335px;max-width:100%;margin:12px auto 0;perspective:1000px}.a .scene:after{content:'';position:absolute;width:220px;height:34px;background:#74859b26;border-radius:50%;filter:blur(20px);left:calc(50% - 110px);top:241px}.orbits{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#c9d2dd;stroke-width:.7}.orbits .outer{stroke:#d4dce5;stroke-dasharray:2 5;opacity:.65}.orbits .pulse{stroke:#7b8d9f;stroke-width:1.3;stroke-dasharray:48 1600;animation:orbit-path 18s linear infinite}.orbits .point{fill:#8695a8;stroke:#fff;stroke-width:3}.metal-object{position:absolute;left:calc(50% - 88px);top:62px;width:176px;height:176px;transform:rotateX(15deg) rotateY(-24deg) rotateZ(-7deg);transform-style:preserve-3d;animation:metal-float 9s ease-in-out infinite}.metal-face{position:absolute;inset:0;mask:var(--brand-mask) center/contain no-repeat;background:linear-gradient(135deg,#f8fbff 0%,#b3c0d0 23%,#f5f8fc 25%,#8c9bb0 52%,#d5dee8 55%,#f7fbff 76%,#9caabd 100%);filter:drop-shadow(1px 1px 0 white)}.metal-depth{position:absolute;inset:5px -4px -5px 4px;mask:var(--brand-mask) center/contain no-repeat;background:#8090a5;transform:translateZ(-6px)}.metal-object:after{content:'';position:absolute;inset:-6px;mask:var(--brand-mask) center/contain no-repeat;background:linear-gradient(115deg,transparent 30%,#ffffffbb 49%,transparent 65%);background-size:300% 100%;animation:metal-shine 10s ease-in-out infinite}.orbit-tag{position:absolute;padding:12px 17px;border:1px solid #dbe1e9;background:#ffffffb3;box-shadow:0 3px 10px #7f8ea009,inset 0 1px #fff;backdrop-filter:blur(10px);border-radius:10px;color:#626e7d;font-size:12px;display:flex;align-items:center;gap:9px;white-space:nowrap}.orbit-tag svg{width:15px;height:15px;opacity:.8}.tag-knowledge{top:86px;left:62px}.tag-system{top:174px;right:35px}.tag-flow{top:266px;left:291px}.orbit-tag:before{content:'';width:4px;height:4px;background:#8594a7;border-radius:50%}.scene-label{position:absolute;top:20px;right:70px;font-size:12px;color:#8a95a4;letter-spacing:.12em}.scene-label:before{content:'';display:inline-block;width:24px;height:1px;background:#b6c0ce;vertical-align:middle;margin-right:7px}@keyframes orbit-path{to{stroke-dashoffset:-1648}}@keyframes metal-float{0%,100%{transform:translateY(0) rotateX(15deg) rotateY(-24deg) rotateZ(-7deg)}50%{transform:translateY(-9px) rotateX(18deg) rotateY(-18deg) rotateZ(-4deg)}}@keyframes metal-shine{0%,20%,100%{background-position:150% 0}60%{background-position:-50% 0}}
/* B: slow monochrome woven field */
.b{--bg:#090a0c;--paper:#111316;--ink:#f1f2f4;--muted:#a2a7b1;--line:#2b2e35;--card:#15171b;--quiet:#69727f}.b .hero{min-height:812px;background:#090a0c}.b .intro{max-width:var(--max);margin:auto;padding:112px 40px 0}.b .hero h1{font-size:78px;line-height:1.19;font-weight:500;letter-spacing:-3.4px}.b .hero .eyebrow{color:#9da5b1}.b .scene{position:absolute;inset:100px -110px -40px 18%;z-index:-1;opacity:.85;mask-image:linear-gradient(90deg,transparent,#000 20%)}.b .hero .lead{color:#a9aeb8}.b .hero-bottom{border-top:1px solid #ffffff13;padding-top:17px}.b .line-link{color:#c7ccd4}.b .hero:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 75% 62%,#181e2944,transparent 55%)}
/* C: exploded structure with readable annotations */
.c{--bg:#f8f9fb;--paper:#eef1f5;--line:#dce1e7;--ink:#232730;--muted:#69717e;--card:#fff}.c .hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:782px;max-width:1280px;margin:auto;padding:0 40px}.c .intro{padding-bottom:24px}.c .hero h1{font-size:64px;line-height:1.25;letter-spacing:-2.7px}.c .scene{height:510px;margin-right:-30px;perspective:1200px}.engineering-grid{position:absolute;inset:30px 0 0;background-image:linear-gradient(#b7c2d326 1px,transparent 1px),linear-gradient(90deg,#b7c2d326 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse,#000 10%,transparent 70%);transform:rotate(-8deg)}.stack{position:absolute;width:260px;height:260px;left:calc(50% - 130px);top:115px;transform-style:preserve-3d;transform:rotateX(57deg) rotateZ(-36deg);animation:stack-sway 12s ease-in-out infinite}.layer{position:absolute;inset:0;border-radius:22px;border:1px solid #bec9d7;box-shadow:inset 0 1px #fff,12px 20px 32px #52657e0d;background:linear-gradient(135deg,#ffffffed,#e4eaf2e8);transform:translateZ(var(--z));display:grid;place-items:center;backface-visibility:visible}.layer:nth-child(1){--z:-74px;background:linear-gradient(135deg,#e9eef5d9,#d3dce9cc)}.layer:nth-child(2){--z:0px;background:linear-gradient(135deg,#fdfefee8,#e6edf6df)}.layer:nth-child(3){--z:74px;background:linear-gradient(135deg,#fff,#e1e8f2)}.layer:after{content:'';position:absolute;inset:12px;border:1px solid #c6cfdd62;border-radius:13px}.layer .layer-symbol{position:absolute;width:86px;height:86px;mask:var(--brand-mask) center/contain no-repeat;background:linear-gradient(125deg,#93a0b4,#68788f 45%,#b1bfd1 48%,#64748b);opacity:.9}.layer-grid{width:155px;height:155px;background:repeating-linear-gradient(0deg,transparent,transparent 19px,#9cacc13a 19px,#9cacc13a 20px),repeating-linear-gradient(90deg,transparent,transparent 19px,#9cacc13a 19px,#9cacc13a 20px);border:1px solid #b2c1d3}.layer-ports{width:130px;height:130px;border:1px solid #9dacbd;border-radius:14px;position:relative}.layer-ports:before,.layer-ports:after{content:'';position:absolute;inset:20px;border:1px solid #aab7c8;border-radius:8px}.layer-ports:after{inset:42px;border-radius:3px}.stack-tag{position:absolute;font-size:12px;color:#667487;display:flex;align-items:center;gap:9px;z-index:3;white-space:nowrap}.stack-tag:before{content:'';display:block;width:22px;height:1px;background:#a1aebf}.stack-tag:after{content:'';display:block;position:absolute;left:-4px;width:3px;height:3px;border-radius:50%;background:#8c9caf}.st1{top:115px;right:14px}.st2{top:292px;left:20px}.st3{top:412px;right:35px}.engineering-caption{position:absolute;bottom:2px;left:50%;transform:translateX(-50%);font-size:12px;letter-spacing:.13em;color:#8a96a6;white-space:nowrap}.c .pill,.c .contact-btn{border-radius:8px}@keyframes stack-sway{0%,100%{transform:translateY(0) rotateX(57deg) rotateZ(-36deg)}50%{transform:translateY(-8px) rotateX(59deg) rotateZ(-33deg)}}
/* Service architecture: information lives beside its own visual */
.services{background:var(--bg)}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.service{min-width:0;border:1px solid var(--line);border-radius:24px;background:var(--paper);position:relative;overflow:hidden;transition:border-color .35s,box-shadow .35s;align-self:start}.service:hover{border-color:color-mix(in srgb,var(--muted) 40%,var(--line));box-shadow:0 12px 35px #17294105}.service-main{padding:33px 34px 27px;position:relative}.service-top{display:flex;align-items:center;gap:11px;margin-bottom:18px}.service-top svg{width:22px;height:22px;stroke:var(--muted);stroke-width:1.3;fill:none}.service-top span{font-size:12px;letter-spacing:.035em;color:var(--muted)}.service h3{font-size:28px;letter-spacing:-.7px;line-height:1.3}.service-description{font-size:15px;line-height:1.9;color:var(--muted);max-width:330px;margin-top:14px}.service .capabilities{list-style:none;margin:25px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:13px 20px}.capabilities li{font-size:13px;line-height:1.6;color:var(--muted);display:flex;gap:8px;align-items:center}.capabilities li:before{content:'';height:3px;width:3px;border-radius:50%;background:var(--quiet);flex-shrink:0}.service.featured{grid-column:1/-1}.featured .service-main{min-height:306px;padding-right:53%}.featured .service-description{max-width:430px}.featured .capabilities{max-width:480px}.service-art{position:relative;height:160px;margin:12px 32px 0;pointer-events:none;color:var(--muted)}.featured .service-art{position:absolute;right:20px;top:15px;width:45%;height:270px;margin:0}.service-art svg{width:100%;height:100%;overflow:visible}.service-art .circuit-line{fill:none;stroke:var(--quiet);stroke-width:1;opacity:.4}.service-art .signal{fill:none;stroke:var(--muted);stroke-width:1.3;stroke-dasharray:18 600;animation:circuit-flow 10s linear infinite}.service-art .node-box{fill:var(--card);stroke:var(--line);stroke-width:1;filter:drop-shadow(0 5px 6px #00000004)}.service-art .node-label{font-size:12px;font-family:inherit;fill:var(--muted);text-anchor:middle}.service-art .node-emphasis{fill:var(--ink);font-size:14px;font-weight:500}.service-art .center-box{fill:var(--card);stroke:var(--quiet);stroke-width:1}.service-art .small-dot{fill:var(--quiet)}.service-art .tick{stroke:var(--quiet);fill:none;stroke-width:1.2}.service-art .pulse-line{fill:none;stroke:var(--muted);stroke-width:1.25;stroke-dasharray:600;animation:monitor-draw 8s ease-in-out infinite}.service-art .grid-line{stroke:var(--quiet);stroke-width:.5;opacity:.17}.service-art .code-line{stroke:var(--quiet);stroke-width:2;opacity:.45;stroke-linecap:round}.service-art .code-active{stroke:var(--muted);opacity:.8}.service-art .deploy-dot{fill:#809081}.service details{margin:0 34px;border-top:1px solid var(--line)}.service summary{list-style:none;min-height:64px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:13px;color:var(--ink);gap:20px}.service summary::-webkit-details-marker{display:none}.expand-icon{position:relative;width:26px;height:26px;display:block;border:1px solid var(--line);border-radius:50%;flex-shrink:0;transition:background .25s,transform .4s var(--ease)}.expand-icon:before,.expand-icon:after{content:'';position:absolute;left:7px;right:7px;height:1px;background:var(--muted);top:11.5px}.expand-icon:after{transform:rotate(90deg);transition:transform .3s}.service details[open] .expand-icon{background:var(--line)}.service details[open] .expand-icon:after{transform:rotate(0)}.detail-body{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 0 28px}.detail-body h4{font-size:12px;font-weight:500;color:var(--ink);margin:1px 0 10px}.detail-body p{font-size:14px;line-height:1.9;color:var(--muted)}.service details[open] .detail-body{animation:details-in .4s var(--ease)}@keyframes details-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@keyframes circuit-flow{to{stroke-dashoffset:-618}}@keyframes monitor-draw{0%,100%{stroke-dashoffset:0;opacity:.8}50%{stroke-dashoffset:30;opacity:1}}
.b .service-grid{grid-template-columns:repeat(3,1fr);gap:18px}.b .service.featured{grid-column:auto}.b .service{border-radius:20px;background:linear-gradient(145deg,#191c21,#101215)}.b .service-main,.b .featured .service-main{padding:29px 26px 0;min-height:256px}.b .service h3{font-size:25px}.b .service-description{font-size:14px}.b .service .capabilities{grid-template-columns:1fr;gap:9px;margin-top:22px}.b .service-art,.b .featured .service-art{position:relative;inset:auto;width:auto;height:150px;margin:10px 20px 13px}.b .service details{margin-inline:26px}.b .detail-body{grid-template-columns:1fr;gap:17px}.b .service-art .node-label{font-size:13px}.b .service-art .node-emphasis{font-size:16px}.c .service-grid{display:block}.c .service{display:grid;grid-template-columns:1fr 320px;overflow:visible;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;padding-top:15px;padding-bottom:12px;gap:0 40px}.c .service:last-child{border-bottom:1px solid var(--line)}.c .service:hover{box-shadow:none}.c .service-main,.c .featured .service-main{padding:24px 0 0;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.c .service-top{grid-column:1;align-self:start;margin-bottom:10px}.c .service h3{grid-column:1;font-size:26px}.c .service-description{grid-column:1;font-size:14px;margin-top:12px;line-height:1.8}.c .service .capabilities{grid-column:2;grid-row:1/5;display:flex;flex-direction:column;gap:13px;margin-top:5px;justify-content:center}.c .service-art,.c .featured .service-art{position:relative;inset:auto;grid-column:2;grid-row:1/3;width:100%;height:190px;margin:0}.c .service details{grid-column:1;margin:20px 0 0;border:0}.c .service summary{min-height:44px;justify-content:start;font-size:12px;gap:12px}.c .expand-icon{width:22px;height:22px}.c .expand-icon:before,.c .expand-icon:after{top:9.5px;left:6px;right:6px}.c .detail-body{margin-top:17px}.c .service h3{font-size:26px}
/* Capability demo: three real compositions, one coherent product surface */
.scenario{background:var(--paper)}.scenario-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.scenario-copy .eyebrow{margin-bottom:20px}.scenario-copy .section-title{font-size:43px;line-height:1.32}.scenario-copy>p{max-width:340px;font-size:15px;color:var(--muted);line-height:1.95;margin-top:22px}.tabs{margin-top:30px;padding:4px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--bg) 55%,transparent);display:inline-grid;grid-template-columns:repeat(3,1fr);gap:2px}.tabs button{min-height:42px;padding:0 13px;background:transparent;border-radius:7px;font-size:12px;color:var(--muted);white-space:nowrap;transition:background .3s,color .3s,box-shadow .3s}.tabs button[aria-selected=true]{background:var(--card);color:var(--ink);box-shadow:0 1px 4px #00000009,0 0 0 1px #00000003}.demo-window{border:1px solid var(--line);border-radius:17px;background:var(--card);box-shadow:0 30px 65px -24px #26364c1c,0 2px 5px #00000003;overflow:hidden}.window-top{display:flex;align-items:center;justify-content:space-between;height:55px;padding-inline:23px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.window-name{display:flex;align-items:center;gap:9px}.window-name svg{width:17px;height:17px;color:var(--muted)}.demo-badge{font-size:12px;padding:4px 7px;border:1px solid var(--line);border-radius:5px;letter-spacing:.04em;color:var(--muted)}.demo-content{padding:25px 25px 24px;min-height:310px}.query{font-size:13px;line-height:1.8;padding:13px 16px;margin:0 0 23px 34px;border-radius:12px 12px 3px 12px;background:var(--paper);color:var(--ink)}.demo-result{display:flex;gap:11px;align-items:start}.assistant-mark{width:25px;height:25px;flex-shrink:0;background:var(--paper);border:1px solid var(--line);border-radius:7px;display:grid;place-items:center;margin-top:2px}.assistant-mark svg{width:13px;height:13px;color:var(--muted)}.response{font-size:13px;line-height:1.85;color:var(--muted)}.answer-heading{font-weight:500;color:var(--ink);font-size:13px;line-height:1.8;margin-bottom:12px}.answer-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.answer-steps li{font-size:12px;display:flex;gap:9px;align-items:center;color:var(--muted)}.answer-steps li i{font-size:12px;font-style:normal;border:1px solid var(--line);color:var(--muted);width:18px;height:18px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.source-chip{display:inline-flex;gap:7px;align-items:center;margin-top:16px;padding:6px 9px;border:1px solid var(--line);border-radius:5px;color:var(--muted);font-size:12px}.source-chip svg{width:11px;height:11px}.demo-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 23px;border-top:1px solid var(--line);min-height:54px}.status{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px;line-height:1.6}.status:before{content:'';display:block;width:4px;height:4px;border-radius:50%;background:#829482;box-shadow:0 0 0 3px #82948214;flex-shrink:0}.demo-replay{display:flex;align-items:center;gap:6px;background:none;color:var(--muted);font-size:12px;min-height:32px;padding:0 2px}.demo-replay svg{width:12px;height:12px}.demo-replay:hover svg{transform:rotate(-35deg)}.demo-note{font-size:12px;line-height:1.8;color:var(--muted);margin-top:16px;text-align:right}.scenario-visual{min-width:0}.demo-timeline{margin-top:6px;position:relative;display:flex;flex-direction:column;gap:18px}.demo-timeline:before{content:'';width:1px;background:var(--line);position:absolute;left:10px;top:12px;bottom:12px}.workflow-step{position:relative;display:flex;gap:13px;align-items:center;font-size:12px;color:var(--muted)}.workflow-step i{width:21px;height:21px;display:grid;place-items:center;background:var(--card);font-size:12px;border:1px solid var(--line);border-radius:50%;flex-shrink:0;font-style:normal;transition:background .5s,color .5s,border-color .5s}.workflow-step.done i{background:var(--ink);color:var(--card);border-color:var(--ink)}.workflow-step small{margin-left:auto;font-size:12px;color:var(--muted)}.review-sheet{width:100%;border-collapse:collapse;font-size:12px;line-height:1.7;margin-top:9px}.review-sheet td{border-top:1px solid var(--line);padding:9px 0;color:var(--muted)}.review-sheet td:last-child{text-align:right}.review-sheet .review-warning{color:#8c7250}.review-head{display:flex;justify-content:space-between;gap:15px;font-size:12px;margin-bottom:14px;color:var(--muted)}.review-check{font-size:12px;color:var(--muted)}.review-check:before{content:'✓';margin-right:5px}.demo-progress{height:1px;background:var(--line);overflow:hidden;margin:0 23px}.demo-progress span{display:block;height:100%;background:var(--quiet);width:100%;transform-origin:left;transform:scaleX(1)}.demo-window.running .demo-progress span{animation:run-progress 3s linear both}.demo-window.running .status:before{animation:status-pulse .9s infinite}.demo-window.running .demo-result{animation:demo-appear .6s var(--ease)}@keyframes run-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes status-pulse{50%{opacity:.4}}@keyframes demo-appear{from{opacity:.1;transform:translateY(6px)}to{opacity:1;transform:none}}.b .demo-window{background:#16191e;box-shadow:0 25px 60px #0003}.b .demo-note{color:#9299a5}.c .scenario{background:#eef1f5}.c .demo-window{border-radius:11px}.c .tabs{border-radius:7px}.c .tabs button{border-radius:4px}
/* Delivery: one line, concrete deliverables */
.approach .section-head{margin-bottom:53px}.process{display:grid;grid-template-columns:repeat(4,1fr);position:relative;gap:28px}.process:before{content:'';position:absolute;top:15px;left:14px;right:14px;height:1px;background:var(--line)}.step{position:relative;padding-top:0}.step-marker{width:31px;height:31px;background:var(--bg);display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:12px;letter-spacing:.03em;color:var(--muted);position:relative;margin-bottom:23px;transition:background .4s,border-color .4s}.step:hover .step-marker{background:var(--ink);color:var(--bg);border-color:var(--ink)}.step h3{font-size:19px;line-height:1.5;letter-spacing:-.3px;margin-bottom:12px}.step>p{font-size:13px;color:var(--muted);line-height:1.9;max-width:235px}.deliverable{font-size:12px;line-height:1.65;color:var(--muted);border-top:1px solid var(--line);padding-top:15px;margin-top:21px;display:flex;align-items:start;gap:8px}.deliverable svg{width:12px;height:14px;flex-shrink:0;margin-top:2px}.about-row{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;border-top:1px solid var(--line);margin-top:73px;padding-top:53px}.about-row .eyebrow{margin-bottom:18px}.about-row h3{font-size:28px;line-height:1.5;letter-spacing:-.7px}.about-row>p{font-size:14px;color:var(--muted);line-height:2.1;max-width:475px}.c .step-marker{border-radius:7px}.c .service-description{max-width:290px}
/* Contact: quiet, generous; QR is the single channel */
.contact{padding:0 0 40px}.contact-panel{padding:60px 68px;background:var(--paper);border:1px solid var(--line);border-radius:25px;display:flex;justify-content:space-between;align-items:center;gap:45px;position:relative;overflow:hidden}.contact-copy{position:relative;z-index:2}.contact-copy .eyebrow{margin-bottom:20px}.contact-copy h2{font-size:49px;line-height:1.3;letter-spacing:-1.7px}.contact-copy>p{font-size:14px;line-height:1.95;color:var(--muted);margin-top:21px}.contact aside{display:flex;flex-direction:column;align-items:center;gap:17px;position:relative;z-index:2;flex-shrink:0}.qr-card{display:block;width:182px;height:182px;padding:12px;background:#fff;border-radius:15px;box-shadow:0 15px 35px #2c38550a,0 0 0 1px #00000004;position:relative;transition:transform .35s var(--ease),box-shadow .35s}.qr-card:hover{transform:translateY(-4px);box-shadow:0 21px 38px #2c385515,0 0 0 1px #00000006}.qr-card img{width:100%;height:auto;display:block}.contact aside small{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.contact aside small svg{width:13px;height:13px}.contact-pattern{position:absolute;width:480px;height:480px;border:1px solid color-mix(in srgb,var(--line) 75%,transparent);border-radius:50%;right:-80px;top:50%;transform:translateY(-50%)}.contact-pattern:before,.contact-pattern:after{content:'';position:absolute;inset:45px;border:1px solid color-mix(in srgb,var(--line) 65%,transparent);border-radius:50%}.contact-pattern:after{inset:90px}.footer{padding:20px 0 30px;font-size:12px;line-height:1.8;color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-signature{display:flex;align-items:center;gap:16px}.footer-mark{width:18px;height:18px;object-fit:contain;filter:grayscale(1);opacity:.5}.b .contact-panel{background:#13161b;border-color:#292d35}.b .contact-copy h2{font-weight:500}.c .contact-panel{border-radius:12px}.c .qr-card{border-radius:9px}.qr-dialog{width:386px;border:1px solid #e0e4e9;border-radius:22px;padding:55px 30px 28px;max-width:calc(100vw - 32px);background:#fff;color:#232730;box-shadow:0 30px 100px #0003}.qr-dialog::backdrop{background:#0b101880;backdrop-filter:blur(12px)}.qr-dialog[open]{animation:dialog-in .35s var(--ease)}.qr-dialog h3{font-size:18px;text-align:center;margin-bottom:20px;font-weight:500}.qr-dialog img{display:block;width:276px;height:auto;max-width:100%;margin:auto}.qr-dialog p{font-size:12px;line-height:1.8;color:#6a7280;text-align:center;margin-top:20px}.dialog-close{position:absolute;top:8px;right:8px;display:grid;place-items:center;background:transparent;border-radius:50%;width:44px;height:44px;color:#727985}.dialog-close:hover{background:#f2f4f6}.dialog-close svg{width:17px;height:17px}@keyframes dialog-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}body.modal-open{overflow:hidden}
/* Responsive refinements */
@media(min-width:1600px){.hero-bottom{max-width:1200px;margin:auto;left:0;right:0}.a .hero{min-height:860px}.a .intro{padding-top:72px}.b .hero{min-height:850px}}
@media(max-width:1050px){.wrap,.nav{padding-inline:30px}.hero-bottom{left:30px;right:30px}.c .hero{padding-inline:30px}.c .hero h1{font-size:54px}.c .scene{scale:.91;transform-origin:50% 50%;margin-left:-35px}.c .service{grid-template-columns:1fr 250px;gap:0 20px}.c .service-main{column-gap:20px}.scenario-layout{gap:35px}.scenario-copy .section-title{font-size:38px}.contact-panel{padding:50px}.b .service-main,.b .featured .service-main{padding-inline:22px}.b .service h3{font-size:22px}.b .service .capabilities{font-size:12px}.b .hero h1{font-size:70px}.service-main{padding-inline:28px}.service details{margin-inline:28px}.service .capabilities{gap:11px 12px}}
@media(max-width:800px){.hero h1{font-size:60px}.navlinks{gap:22px}.brand{width:128px}.c .hero h1{font-size:46px;letter-spacing:-1.8px}.c .scene{scale:.78;transform-origin:30% 50%;margin-left:-30px}.c .hero{min-height:720px}.b .hero h1{font-size:66px}.featured .service-main{padding-right:47%}.featured .service-art{width:44%;right:5px}.service .capabilities{grid-template-columns:1fr}.featured .service-main{min-height:360px}.service-description{font-size:14px}.service-art{margin-inline:20px}.scenario-layout{gap:32px;grid-template-columns:1fr}.scenario-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;align-items:start}.scenario-copy .eyebrow{grid-column:1/-1}.scenario-copy .section-title{grid-column:1;grid-row:2/4}.scenario-copy>p{grid-column:2;margin:0}.scenario-copy .tabs{grid-column:2;margin-top:20px;justify-self:start}.scenario-visual{max-width:650px;width:100%;margin:0 auto}.demo-content{min-height:290px}.b .service-grid{grid-template-columns:1fr}.b .service,.b .service.featured{display:grid;grid-template-columns:1fr 1fr}.b .service-main,.b .featured .service-main{padding:28px 28px 0;min-height:260px}.b .service-art,.b .featured .service-art{height:240px;grid-column:2;grid-row:1/3;margin:10px 20px 0 0}.b .service details{grid-column:1;margin-inline:28px}.b .service h3{font-size:25px}.c .service{grid-template-columns:1fr 200px}.c .service-main,.c .featured .service-main{grid-template-columns:1fr}.c .service .capabilities{grid-column:1;grid-row:auto;margin-top:19px;gap:9px}.c .service-art,.c .featured .service-art{height:220px;align-self:center}.c .service h3{font-size:24px}.process{gap:24px}.step h3{font-size:17px}.step>p{font-size:13px}.contact-panel{padding:45px 36px}.contact-copy h2{font-size:43px}.about-row{gap:40px}.about-row h3{font-size:25px}}
@media(max-width:600px){:root{--max:100%}.wrap,.nav{padding-inline:24px}html{scroll-padding-top:83px}.header{height:68px}.brand{width:126px}.menu{display:flex}.navlinks{position:absolute;top:67px;left:0;right:0;padding:12px 24px 22px;background:var(--bg);border-bottom:1px solid var(--line);display:none;grid-template-columns:1fr;gap:0;box-shadow:0 15px 25px #00000005}.navlinks.open{display:grid;animation:details-in .25s var(--ease)}.navlinks>a{font-size:16px;min-height:52px;border-bottom:1px solid var(--line)}.navlinks>a:after{display:none}.contact-btn{font-size:14px;min-height:46px;margin-top:18px;justify-self:start;padding-inline:24px}.hero h1,.a .hero h1,.b .hero h1,.c .hero h1{font-size:clamp(34px,10vw,43px);letter-spacing:-1.5px;line-height:1.3;margin-bottom:21px}.hero h1 span{white-space:nowrap}.hero .eyebrow{font-size:12px;margin-bottom:24px}.hero .lead{font-size:15px;line-height:1.95}.hero .actions{margin-top:25px;gap:19px}.pill{font-size:13px;min-height:46px;padding-inline:20px}.line-link{font-size:13px;gap:5px}.line-link svg{width:13px;height:13px}.a .intro{padding:62px 24px 0}.a .hero{min-height:760px}.a .scene{width:760px;max-width:none;height:335px;left:50%;margin-left:-380px;margin-top:14px;transform:scale(.64);transform-origin:50% 0;margin-bottom:-120px}.a .metal-object{width:190px;height:190px;left:calc(50% - 95px);top:58px}.a .hero-bottom{bottom:22px}.hero-bottom{left:24px;right:24px;font-size:12px;align-items:end;gap:12px}.hero-capabilities{gap:8px;flex-wrap:wrap;max-width:180px;line-height:1.8}.hero-capabilities i{width:2px;height:2px}.scroll-cue{gap:7px;white-space:nowrap;min-height:36px;font-size:12px}.scroll-cue svg{height:19px;width:13px}.scene-label{font-size:13px;top:13px}.orbit-tag{font-size:17px;padding:13px 18px;gap:10px}.tag-knowledge{top:65px;left:108px}.tag-system{top:188px;right:50px}.tag-flow{top:280px;left:280px}.a .scene:after{top:257px}.b .hero{min-height:740px}.b .intro{padding:87px 24px 0}.b .hero h1{font-size:43px;line-height:1.3}.b .hero .lead{font-size:15px;max-width:300px}.b .scene{inset:255px -175px -20px -150px;opacity:.85;mask-image:linear-gradient(180deg,transparent,#000 20%)}.b .hero-bottom{padding-top:14px;bottom:20px}.c .hero{display:block;padding:0 24px;min-height:820px}.c .intro{padding:62px 0 0}.c .scene{scale:none;transform:none;width:530px;height:420px;max-width:none;left:50%;margin:0 0 0 -265px;transform:scale(.76);transform-origin:50% 0}.c .stack{top:95px;left:calc(50% - 130px);width:250px;height:250px}.c .engineering-grid{inset:0}.c .st1{top:78px;right:21px}.c .st2{top:254px;left:10px}.c .st3{top:368px;right:28px}.c .stack-tag{font-size:14px}.c .engineering-caption{bottom:-12px;font-size:12px}.c .hero-bottom{bottom:20px}section{padding-block:72px}.section-head{display:block;margin-bottom:31px}.section-title{font-size:32px;line-height:1.32;letter-spacing:-1px}.section-head .eyebrow{font-size:12px;margin-bottom:17px}.section-head>p{font-size:15px;line-height:1.9;margin-top:19px;max-width:310px}.service-grid{grid-template-columns:1fr;gap:16px}.service{border-radius:18px}.service.featured{grid-column:auto}.service-main,.featured .service-main{padding:26px 25px 0;min-height:0}.service-top{margin-bottom:15px;gap:9px}.service-top span{font-size:12px}.service-top svg{width:20px;height:20px}.service h3{font-size:26px;letter-spacing:-.5px}.service-description,.featured .service-description{font-size:15px;line-height:1.9;margin-top:13px;max-width:100%}.service .capabilities,.featured .capabilities{grid-template-columns:1fr;gap:10px;margin-top:21px}.capabilities li{font-size:14px}.service-art,.featured .service-art{position:relative;inset:auto;height:170px;width:auto;margin:13px 23px 0}.featured .service-art{height:185px}.service details{margin-inline:25px}.service summary{font-size:13px;min-height:61px}.detail-body{grid-template-columns:1fr;gap:19px;padding-bottom:26px}.detail-body h4{font-size:12px;margin-bottom:8px}.detail-body p{font-size:15px}.service-art .node-label{font-size:14px}.service-art .node-emphasis{font-size:15px}.b .service,.b .service.featured{display:block;border-radius:17px}.b .service-main,.b .featured .service-main{padding:26px 25px 0;min-height:0}.b .service h3{font-size:26px}.b .service-description{font-size:15px}.b .service-art,.b .featured .service-art{height:170px;margin:16px 23px 0}.b .service details{margin-inline:25px}.c .service,.c .service.featured{display:flex;flex-direction:column;padding:0 0 15px;gap:0}.c .service-main,.c .featured .service-main{display:block;padding:27px 0 0}.c .service h3{font-size:26px}.c .service-description{font-size:15px;max-width:100%}.c .service .capabilities{margin-top:19px;gap:10px}.c .service-art,.c .featured .service-art{width:100%;height:170px;margin:12px 0 0}.c .service details{width:100%;margin-top:0;border-top:1px solid var(--line)}.c .service summary{min-height:56px;justify-content:space-between;font-size:13px}.c .detail-body{margin-top:0}.scenario-layout{gap:32px}.scenario-copy{display:block}.scenario-copy .eyebrow{font-size:12px;margin-bottom:19px}.scenario-copy .section-title{font-size:32px}.scenario-copy>p{font-size:15px;line-height:1.95;margin-top:20px}.scenario-copy .tabs{display:grid;margin-top:25px;width:100%;grid-template-columns:repeat(3,1fr)}.tabs button{font-size:12px;padding-inline:8px;min-height:44px}.demo-window{border-radius:12px}.window-top{height:49px;padding-inline:17px;font-size:12px}.demo-content{padding:21px 17px 22px;min-height:320px}.query{font-size:13px;margin-left:19px;padding:12px 14px;line-height:1.8;margin-bottom:24px}.demo-result{gap:9px}.assistant-mark{width:22px;height:22px;border-radius:6px}.response,.answer-heading{font-size:13px}.answer-steps{gap:12px}.answer-steps li{font-size:12px;align-items:start;line-height:1.7}.answer-steps li i{margin-top:2px}.source-chip{font-size:12px;padding-inline:7px}.demo-foot{padding:10px 17px;gap:9px}.demo-replay{font-size:12px;min-height:44px}.status{font-size:12px}.demo-note{font-size:12px;text-align:left;margin-top:13px;line-height:1.8}.demo-progress{margin-inline:17px}.workflow-step{font-size:12px;gap:9px}.workflow-step small{font-size:12px}.review-sheet{font-size:12px}.approach .section-head{margin-bottom:34px}.process{grid-template-columns:1fr;gap:0;padding-left:0}.process:before{width:1px;height:auto;top:15px;bottom:15px;left:14px;right:auto}.step{padding:0 0 30px 49px;display:grid;grid-template-columns:1fr;gap:0}.step:last-child{padding-bottom:0}.step-marker{position:absolute;left:0;top:0;width:29px;height:29px;font-size:12px;background:var(--bg)}.step h3{font-size:19px;line-height:1.6;margin:0 0 9px;letter-spacing:-.3px}.step>p{font-size:15px;line-height:1.9;max-width:100%}.deliverable{font-size:12px;padding:10px 0 0;margin-top:13px;max-width:100%;gap:7px}.deliverable svg{width:12px;height:13px}.about-row{display:block;margin-top:48px;padding-top:35px}.about-row .eyebrow{font-size:12px;margin-bottom:16px}.about-row h3{font-size:25px;line-height:1.5;letter-spacing:-.5px}.about-row>p{font-size:15px;line-height:2;margin-top:21px}.contact{padding-top:0;padding-bottom:25px}.contact-panel{display:block;padding:31px 26px 30px;border-radius:18px;overflow:hidden}.contact-copy .eyebrow{font-size:12px;margin-bottom:17px}.contact-copy h2{font-size:33px;line-height:1.35;letter-spacing:-1.2px}.contact-copy>p{font-size:14px;line-height:1.9;margin-top:19px}.contact aside{align-items:start;margin-top:27px;gap:13px}.qr-card{width:168px;height:168px;border-radius:12px;padding:11px}.contact aside small{font-size:12px}.contact-pattern{width:370px;height:370px;right:-200px;top:73%}.footer{font-size:12px;padding:13px 0 23px}.footer-inner{flex-direction:column;align-items:start;gap:10px}.footer-signature{gap:11px}.footer-mark{width:16px;height:16px}.qr-dialog{padding:54px 24px 26px;border-radius:19px}.b .contact-copy h2{font-size:33px}.c .contact-panel{border-radius:12px}}
@media(max-width:360px){.wrap,.nav{padding-inline:20px}.hero .actions{gap:14px}.pill{padding-inline:17px;font-size:12px}.line-link{font-size:12px}.a .intro{padding-inline:20px}.a .scene{transform:scale(.58)}.hero-bottom{left:20px;right:20px}.hero-capabilities{max-width:150px}.b .intro{padding-inline:20px}.b .hero h1{font-size:39px}.c .hero{padding-inline:20px}.service-main,.featured .service-main{padding-inline:22px}.service details{margin-inline:22px}.contact-panel{padding-inline:23px}.tabs button{font-size:12px}.scenario-copy .section-title{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.intro{opacity:1;transform:none}.demo-progress span{transform:scaleX(1)}}

/* Final optical and reading-size pass. */
.contact-btn{min-height:44px}.service-description{max-width:350px}.demo-content{min-height:340px}.query,.response,.answer-heading{font-size:14px}.answer-steps li{font-size:13px}.step>p{font-size:14px}.review-sheet{font-size:12px}.source-chip{font-size:12px}.workflow-step,.workflow-step small{font-size:12px}.demo-replay{min-height:44px}.answer-steps li i{font-size:12px}.demo-foot{padding-block:6px}.demo-badge{font-size:12px}.footer{font-size:12px}
@media(max-width:800px) and (min-width:601px){.c .hero h1{font-size:43px}.c .stack-tag{font-size:13px}.c .st1{right:27px}.c .st2{left:40px}.c .st3{right:40px}}
@media(max-width:600px){
.a .scene-label{display:none}.a .tag-knowledge{left:130px;top:70px}.a .tag-system{right:130px;top:190px}.a .tag-flow{left:288px;top:280px}
.c .st1{right:52px}.c .st2{left:53px}.c .st3{right:63px}
.hero-bottom{font-size:12px}.hero-capabilities{font-size:12px;max-width:190px;gap:7px}.scroll-cue{font-size:12px}.hero .lead{font-size:16px}.hero .actions{gap:18px}.line-link{font-size:13px}
.service-description,.featured .service-description,.b .service-description,.c .service-description,.scenario-copy>p,.section-head>p,.step>p,.about-row>p{font-size:16px;line-height:1.85}.demo-content{min-height:355px}.answer-steps li{font-size:13px}.query{font-size:14px}.response,.answer-heading{font-size:14px}.demo-note{font-size:12px;line-height:1.8}.workflow-step{font-size:12px}.workflow-step small{font-size:12px}.demo-foot{padding-inline:17px;gap:8px}.status,.demo-replay{font-size:12px}.source-chip{font-size:12px}.tabs button{font-size:12px}.contact-copy>p{font-size:15px}.footer{font-size:12px}.footer-signature{gap:8px}.footer-mark{width:14px;height:14px}.contact aside small{font-size:12px}.service-top span{font-size:12px}
}
@media(max-width:360px){.a .tag-system{right:145px}.a .tag-knowledge{left:140px}.hero .actions{gap:12px}.line-link{font-size:12px}.workflow-step small{font-size:12px}.tabs button{padding-inline:5px;font-size:12px}}

.b .review-sheet .review-warning{color:#c7ae89}

.answer-steps li{font-size:14px}
/* 场景示例：共享内容宽度，先处理、后显示结论。 */
.demo-result{width:100%;min-width:0}.answer{flex:1 1 0%;width:100%;min-width:0}.response{width:100%;min-width:0}.answer-heading{line-height:1.8;margin-bottom:14px}.demo-content{min-height:390px}.demo-foot .status{flex:1;min-width:0}.demo-replay{flex-shrink:0;white-space:nowrap;gap:7px}.demo-progress span{transition:transform .15s}.demo-window[data-state="processing"] .demo-progress span{animation:run-progress 3s linear both}.demo-window[data-state="complete"] .demo-result{animation:result-arrive .35s var(--ease)}
.input-documents{display:flex;flex-wrap:wrap;gap:8px;margin:-10px 0 25px 34px;min-width:0}.input-documents[hidden]{display:none}.input-document{display:inline-flex;align-items:center;gap:7px;min-height:31px;padding:6px 9px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:12px;line-height:1.4;background:var(--card);white-space:nowrap}.input-document>svg{width:12px;height:14px;flex-shrink:0}.input-document small{font-size:9px;letter-spacing:.04em;padding-left:6px;border-left:1px solid var(--line);color:var(--muted)}
.result-source{display:flex;align-items:start;gap:8px;margin-top:22px;padding-top:16px;border-top:1px solid var(--line);font-size:12px;line-height:1.8;color:var(--muted)}.result-source>svg{flex-shrink:0;width:13px;height:15px;margin-top:3px}.result-source small{font-size:12px;color:var(--muted)}
.review-summary{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 16px}.review-summary>span{display:flex;gap:6px;align-items:center;white-space:nowrap}.review-summary i{height:4px;width:4px;display:inline-block;border-radius:50%;background:currentColor;opacity:.7}.review-summary>span:first-child{color:var(--ink)}.review-warning{color:#8c7250}.b .review-warning{color:#c7ae89}
.review-sheet{width:100%;table-layout:fixed;margin:0;border-collapse:collapse;font-size:12px;line-height:1.7}.review-col-field{width:26%}.review-col-detail{width:47%}.review-col-state{width:27%}.review-sheet thead th{font-size:12px;font-weight:400;text-align:left;padding:9px 8px 9px 0;color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.review-sheet tbody th{font-size:13px;font-weight:400;color:var(--ink);text-align:left;padding:14px 8px 14px 0;vertical-align:middle}.review-sheet tbody td{padding:14px 8px 14px 0;vertical-align:middle;overflow-wrap:break-word}.review-sheet tbody th,.review-sheet tbody td{border-bottom:1px solid var(--line);border-top:0}.review-sheet th:last-child,.review-sheet td:last-child{text-align:right;padding-right:0}.review-state{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:3px 7px;border-radius:5px;line-height:1.5;font-size:12px;white-space:nowrap;background:var(--paper)}.review-state svg{width:12px;height:12px;flex-shrink:0}.review-state.review-warning{background:#9c7b4710}.b .review-state.review-warning{background:#c7ae8910}.review-mobile-detail{display:none}.review-followup{font-size:12px;color:var(--muted);line-height:1.9;margin-top:15px}
.processing-caption{font-size:12px;color:var(--muted);margin-bottom:18px}.processing-timeline{gap:20px}.workflow-step{min-width:0}.workflow-step>span{flex:1;min-width:0;line-height:1.8}.workflow-step small{white-space:nowrap;flex-shrink:0;margin-left:0}.workflow-step i{position:relative;flex-shrink:0}.workflow-step.pending{opacity:.55}.workflow-step.active{color:var(--ink)}.workflow-step.active i{border-color:var(--quiet);color:var(--ink)}.workflow-step.active i:after{content:'';position:absolute;inset:-4px;border:1px solid transparent;border-top-color:var(--quiet);border-radius:50%;animation:processing-ring 1.6s linear infinite}.workflow-step.active small{color:var(--ink)}.result-timeline{gap:19px}.result-timeline .workflow-step{font-size:13px}.result-timeline .workflow-step.done i{background:var(--paper);color:var(--muted);border-color:var(--line)}
@keyframes processing-ring{to{transform:rotate(360deg)}}@keyframes result-arrive{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1050px) and (min-width:801px){.scenario-layout{grid-template-columns:.85fr 1.15fr;gap:30px}.review-col-field{width:25%}.review-col-detail{width:44%}.review-col-state{width:31%}.review-sheet tbody th{font-size:12px}.review-state{padding-inline:5px}}
@media(max-width:600px){.demo-content{min-height:420px}.answer-heading{font-size:14px;line-height:1.8;margin-bottom:14px}.input-documents{margin-left:19px;margin-top:-12px;margin-bottom:25px;gap:7px}.input-document{font-size:12px;padding:6px 8px;gap:6px}.input-document small{font-size:9px}.review-col-field{width:69%}.review-col-detail{width:0}.review-col-state{width:31%}.review-sheet .review-detail{display:none}.review-sheet tbody th{font-size:13px;padding:12px 8px 12px 0}.review-sheet tbody td{padding-block:12px}.review-mobile-detail{display:block;font-size:12px;line-height:1.7;color:var(--muted);margin-top:4px;font-weight:400}.review-summary{gap:8px 13px;font-size:12px;line-height:1.8;margin-bottom:15px}.review-summary>span:first-child{flex-basis:100%}.review-state{padding:3px 5px;gap:3px;font-size:12px}.review-sheet th:last-child{white-space:nowrap}.review-followup{font-size:12px;line-height:1.85;margin-top:14px}.result-source{margin-top:20px;padding-top:15px;line-height:1.8}.processing-timeline{gap:20px}.processing-timeline .workflow-step{font-size:12px;gap:10px}.processing-timeline .workflow-step small{font-size:12px}.demo-timeline .workflow-step i{width:21px;height:21px}.demo-foot{align-items:center;padding-block:9px;gap:12px}.demo-foot .status{font-size:12px}.demo-replay{font-size:12px;gap:5px}.demo-replay svg{width:12px}.result-timeline .workflow-step{font-size:12px;gap:10px}.result-timeline .workflow-step small{font-size:12px}}
@media(max-width:360px){.review-col-field{width:62%}.review-col-state{width:38%}.input-documents{margin-left:0}.demo-content{min-height:450px}.processing-timeline .workflow-step small{display:none}.review-state{padding-inline:4px}.demo-foot{gap:8px}.result-timeline .workflow-step small{font-size:12px}}
@media(prefers-reduced-motion:reduce){.demo-window[data-state="complete"] .demo-result{animation:none}.workflow-step.active i:after{animation:none}}
.input-document small{font-size:12px}.demo-window[data-state="complete"] .demo-progress,.demo-window[data-state="complete"] .demo-progress span{background:transparent}
@media(max-width:600px){.review-sheet col.review-col-detail{display:none}}

/* Only the active hero is laid out; shared content keeps its interaction state. */
html[data-appearance=b]{background:#090a0c;color-scheme:dark}
html[data-appearance=c]{background:#f8f9fb;color-scheme:light}
.b .appearance-day,.c .appearance-night{display:none!important}
/* Public pages share the B/C palette and remain scrollable without visible rails. */
html,body,*{scrollbar-width:none;-ms-overflow-style:none}
::-webkit-scrollbar{display:none;width:0;height:0}
[hidden]{display:none!important}
.text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:14px;line-height:1.65;color:var(--ink);width:fit-content}
.text-link svg{width:20px;height:20px;transition:transform .3s var(--ease)}
.text-link:hover svg{transform:translateX(4px)}
.scroll-cue{border:0;padding:0;background:transparent;font:inherit;letter-spacing:inherit}
.breadcrumb{max-width:1200px;margin:29px auto 0;padding-inline:40px;display:flex;align-items:center;gap:13px;flex-wrap:wrap;font-size:12px;line-height:1.8;color:var(--muted)}
.breadcrumb a{min-height:32px;display:inline-flex;align-items:center}
.breadcrumb a:hover{color:var(--ink)}
.breadcrumb>span[aria-current]{color:var(--ink)}
.inner-hero{padding:76px 0 96px}
.inner-hero h1{font-size:clamp(46px,5.2vw,72px);font-weight:500;line-height:1.24;letter-spacing:-2.8px;text-wrap:balance}
.inner-hero .eyebrow{margin-bottom:26px}
.inner-lead{font-size:17px;color:var(--muted);line-height:1.95;margin-top:30px;max-width:630px}
.inner-hero-grid,.service-hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center;min-height:400px}
.inner-hero-copy{position:relative;z-index:1}
.editorial-section{padding-block:104px}
.editorial-section h2,.section-statement h2{font-size:clamp(32px,3.2vw,44px);line-height:1.4;font-weight:500;letter-spacing:-1.5px}
.editorial-intro{display:grid;grid-template-columns:1fr 2fr;gap:50px;align-items:start}
.editorial-intro>.eyebrow{padding-top:12px}
.editorial-intro>div>p{font-size:17px;line-height:2;color:var(--muted);max-width:675px;margin-top:28px}
.editorial-media{margin:0;min-width:0}
.editorial-frame{position:relative;overflow:hidden;border-radius:12px;border:1px solid var(--line);background:#17191c;isolation:isolate}
.editorial-frame img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.editorial-frame:hover img{transform:scale(1.025)}
.editorial-media figcaption{font-size:12px;line-height:1.8;color:var(--muted);margin-top:12px;letter-spacing:.025em}
.philosophy-label{margin-bottom:26px}
.philosophy .editorial-intro{align-items:center}
.philosophy-media{margin:0}
.philosophy-media .editorial-frame{aspect-ratio:1/1}
.engineering-media{margin-top:30px;max-width:435px}
.engineering-media .editorial-frame{aspect-ratio:16/9}
.engineering-media img{object-position:50% 53%}
.collaboration-media{margin:0 0 36px}
.collaboration-media .editorial-frame{aspect-ratio:2.8/1}
.collaboration-media img{object-position:50% 50%}
.team-section .collaboration-media+.team-grid{margin-top:35px}
.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:76px}
.principle-grid article{position:relative;padding-top:26px}
.principle-line{position:absolute;inset:0 0 auto;height:1px;background:var(--line)}
.principle-line:before{content:'';position:absolute;left:0;top:0;height:1px;width:28px;background:var(--muted)}
.principle-grid h3{font-size:21px;line-height:1.5;font-weight:500;margin-bottom:14px}
.principle-grid p{color:var(--muted);font-size:15px;line-height:1.95;max-width:315px}
.philosophy,.origin-section,.case-delivery-section,.delivery-section{background:var(--paper)}
.belief-art{position:relative;width:100%;height:370px;perspective:900px}
.belief-rings{position:absolute;inset:15px 10px 45px;transform:rotateX(55deg) rotateZ(-23deg);transform-style:preserve-3d}
.belief-rings i{position:absolute;inset:0;border:1px solid var(--line);border-radius:50%;animation:belief-breathe 10s ease-in-out infinite}
.belief-rings i:nth-child(2){inset:37px;animation-delay:-3s}
.belief-rings i:nth-child(3){inset:74px;animation-delay:-6s}
.belief-core{position:absolute;left:calc(50% - 69px);top:106px;width:138px;height:138px;mask:var(--brand-mask) center/contain no-repeat;background:linear-gradient(135deg,var(--muted),var(--ink) 45%,var(--quiet) 47%,var(--line));transform:rotateY(-14deg) rotateZ(-8deg);animation:belief-float 9s ease-in-out infinite}
.belief-label{position:absolute;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);letter-spacing:.06em}
.belief-label:before{content:'';width:4px;height:4px;border-radius:50%;background:var(--quiet);box-shadow:0 0 0 5px color-mix(in srgb,var(--line) 45%,transparent)}
.belief-l1{top:51px;right:11px}.belief-l2{top:200px;left:0}.belief-l3{bottom:64px;right:0}
.belief-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;color:var(--quiet);font-size:12px;letter-spacing:.14em}
@keyframes belief-breathe{50%{transform:translateZ(13px);opacity:.5}}
@keyframes belief-float{50%{transform:translateY(-9px) rotateY(-5deg) rotateZ(-5deg)}}
.editorial-split{display:grid;grid-template-columns:1fr 1.05fr;gap:100px}
.experience-heading{display:grid;grid-template-columns:1fr 1.05fr;gap:100px;align-items:center;margin-bottom:52px}
.experience-lead{font-size:16px;line-height:2;color:var(--muted)}
.experience-body{align-items:center}
.experience-body .engineering-media{margin:0;max-width:none}
.experience-body .engineering-media .editorial-frame{aspect-ratio:3/2}
.section-statement .eyebrow,.editorial-split>.will-reveal>.eyebrow{margin-bottom:25px}
.section-statement>p:not(.eyebrow){font-size:16px;line-height:2;color:var(--muted);margin-top:28px;max-width:435px}
.experience-list article{display:flex;gap:23px;padding:30px 0;border-top:1px solid var(--line)}
.experience-list article:first-child{padding-top:9px;border-top:0}
.experience-list article:last-child{padding-bottom:0}
.experience-symbol{font-size:23px;line-height:1.5;color:var(--quiet);width:25px;flex-shrink:0;font-weight:400}
.experience-list h3{font-size:19px;line-height:1.6;font-weight:500;margin-bottom:12px}
.experience-list p{font-size:15px;line-height:1.95;color:var(--muted)}
.origin-label{margin-bottom:26px}
.origin-layout{display:grid;grid-template-columns:1fr 2fr;gap:50px;align-items:center}
.origin-media .editorial-frame{aspect-ratio:3/4}
.origin-media img{object-position:50% 50%}
.origin-copy h2{margin-bottom:30px}
.origin-copy>p{font-size:17px;line-height:2.05;color:var(--muted);margin-bottom:19px;max-width:680px}
.origin-signature{display:flex;align-items:center;gap:17px;margin-top:39px;font-size:14px;color:var(--ink)}
.origin-signature span{width:38px;height:1px;background:var(--quiet)}
.team-section .section-head{align-items:start}
.team-section .section-head>p{max-width:410px;font-size:16px}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;margin-top:56px}
.team-grid article{padding:36px 29px 31px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.team-grid h3{font-size:22px;line-height:1.5;font-weight:500;margin:27px 0 15px}
.team-grid p{font-size:15px;line-height:1.95;color:var(--muted)}
.team-grid ul{list-style:none;padding:22px 0 0;margin:23px 0 0;border-top:1px solid var(--line)}
.team-grid li{font-size:14px;line-height:2.2;color:var(--muted)}
.team-mark{width:56px;height:49px;position:relative}
.team-mark i{position:absolute;width:30px;height:26px;left:0;top:15px;border:1px solid var(--quiet);border-radius:4px;transform:skewY(-16deg)}
.team-mark i:nth-child(2){left:12px;top:9px;border-color:var(--line)}
.team-mark i:nth-child(3){left:24px;top:3px}
.team-mark-ai i{border-radius:50%;transform:none;width:30px;height:30px;top:12px}
.team-mark-ai i:nth-child(2){left:13px;top:0}.team-mark-ai i:nth-child(3){left:26px;top:12px}
.team-mark-ops i{transform:none;height:2px;border-radius:0;top:9px;left:0;width:50px}
.team-mark-ops i:nth-child(2){left:8px;top:23px;width:38px}.team-mark-ops i:nth-child(3){left:0;top:37px;width:50px}
.closing-note{padding:0 0 112px}
.closing-note>.wrap{border-top:1px solid var(--line);padding-top:61px}
.closing-note h2{font-size:clamp(28px,3.1vw,42px);font-weight:500;line-height:1.5;letter-spacing:-1px;margin:24px 0}
.service-map{position:relative;text-align:center;padding:45px 0 25px}
.map-top{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;padding:21px 40px;font-size:15px;background:var(--card);box-shadow:0 10px 40px #00000004}
.map-connector{display:block;height:56px;width:1px;background:var(--line);margin:auto;position:relative}
.map-connector:after{content:'';position:absolute;left:-2px;top:0;width:5px;height:5px;background:var(--quiet);border-radius:50%;animation:map-signal 5s ease-in-out infinite}
.service-map>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative}
.service-map>div:before{content:'';height:1px;position:absolute;top:-15px;left:16%;right:16%;background:var(--line)}
.service-map>div>span{border:1px solid var(--line);border-radius:11px;padding:27px 12px 23px;background:var(--card);font-size:15px;position:relative;white-space:nowrap}
.service-map>div>span:before{content:'';position:absolute;width:1px;height:15px;background:var(--line);top:-16px;left:50%}
.service-map small{font-size:12px;color:var(--muted);display:block;margin-top:10px}
.service-map>p{font-size:12px;letter-spacing:.08em;color:var(--quiet);margin-top:29px}
@keyframes map-signal{0%{transform:translateY(0);opacity:0}20%,80%{opacity:1}100%{transform:translateY(55px);opacity:0}}
.service-detail{padding:83px 0 90px;border-top:1px solid var(--line)}
.service-detail-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:75px;align-items:center}
.service-detail-heading .eyebrow{margin-bottom:20px}
.service-detail h2{font-size:clamp(29px,3vw,40px);line-height:1.45;font-weight:500;letter-spacing:-1.2px}
.service-detail-heading>div>p:last-child{margin-top:22px;max-width:550px;font-size:16px;line-height:1.95;color:var(--muted)}
.service-detail-art{height:230px;color:var(--muted)}
.service-detail-art svg{width:100%;height:100%;overflow:visible}
.service-detail-art .node-box,.service-detail-art .center-box{fill:var(--card);stroke:var(--line)}
.service-detail-art .node-label{fill:var(--muted);font-size:12px;text-anchor:middle;font-family:inherit}
.service-detail-art .circuit-line,.service-detail-art .grid-line{fill:none;stroke:var(--quiet);opacity:.4;stroke-width:1}
.service-detail-art .signal,.service-detail-art .pulse-line,.service-detail-art .tick{fill:none;stroke:var(--muted);stroke-width:1.2}
.service-detail-art .signal{stroke-dasharray:18 600;animation:circuit-flow 10s linear infinite}
.service-detail-art .small-dot,.service-detail-art .deploy-dot{fill:var(--quiet)}
.service-detail-art .code-line{stroke:var(--muted);stroke-width:2;opacity:.6;stroke-linecap:round}
.service-capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:31px;margin-top:48px;padding-top:34px;border-top:1px solid var(--line)}
.service-capability-grid h3{font-size:17px;line-height:1.65;margin-bottom:12px;font-weight:500}
.service-capability-grid p{font-size:14px;line-height:1.95;color:var(--muted)}
.service-delivery-row{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:42px;background:var(--paper);border:1px solid var(--line);padding:28px 32px;border-radius:12px}
.service-delivery-row h3{font-size:13px;font-weight:500;color:var(--muted);margin-bottom:14px}
.service-delivery-row ul{display:grid;grid-template-columns:1fr 1fr;gap:7px 20px;list-style:none;padding:0;margin:0}
.service-delivery-row li{font-size:14px;line-height:1.9}
.service-delivery-row .text-link{font-size:14px;display:flex;min-height:34px}
.delivery-section{padding-block:88px}
.case-library{padding:0 0 108px}
.cases-hero{padding-bottom:67px}
.case-toolbar{display:flex;justify-content:space-between;align-items:center;gap:22px;border-bottom:1px solid var(--line);padding-bottom:21px}
.case-filters{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.case-filters button{background:transparent;border-radius:7px;min-height:42px;padding:0 19px;color:var(--muted);font-size:14px;transition:background .2s,color .2s}
.case-filters button[aria-pressed=true]{background:var(--ink);color:var(--bg)}
.case-filters button:hover:not([aria-pressed=true]){background:var(--paper);color:var(--ink)}
.case-count{font-size:12px;color:var(--muted);white-space:nowrap}
.case-library-note{font-size:13px;line-height:1.9;color:var(--muted);margin:22px 0 32px}
.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.case-card{border:1px solid var(--line);border-radius:15px;overflow:hidden;min-width:0;background:var(--card);transition:border-color .3s,box-shadow .3s}
.case-card:hover{border-color:var(--quiet);box-shadow:0 12px 40px #00000008}
.case-card-link{display:flex;flex-direction:column;height:100%}
.case-card-copy{padding:28px 31px 25px}
.case-type{display:flex;gap:14px;align-items:center;color:var(--muted);font-size:12px;line-height:1.8;margin-bottom:14px;flex-wrap:wrap}
.case-type>span{border-left:1px solid var(--line);padding-left:14px;color:var(--quiet)}
.case-card h3{font-size:24px;line-height:1.5;letter-spacing:-.6px;font-weight:500}
.case-card-copy>p:not(.case-type){font-size:15px;line-height:1.9;color:var(--muted);margin-top:14px;max-width:465px}
.case-card .text-link{margin-top:18px;font-size:13px}
.case-featured{grid-column:1/-1}
.case-featured .case-card-link{display:grid;grid-template-columns:1.12fr 1fr;align-items:center}
.case-featured h3{font-size:30px;line-height:1.5}
.case-featured .case-card-copy{padding:40px}
.case-art{display:flex;justify-content:center;align-items:center;min-height:300px;padding:28px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,color-mix(in srgb,var(--line) 35%,transparent),transparent 70%),var(--paper)}
.case-featured .case-art{min-height:380px;height:100%}
.mini-window{position:relative;width:100%;max-width:410px;background:var(--card);border:1px solid var(--line);box-shadow:0 18px 50px #00000006;border-radius:10px;overflow:hidden;transition:transform .6s var(--ease)}
.case-card:hover .mini-window{transform:translateY(-4px)}
.mini-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:12px 17px;color:var(--quiet);font-size:12px}
.mini-lights{display:flex;gap:5px}.mini-lights i{width:4px;height:4px;border-radius:50%;background:var(--quiet);opacity:.45}
.mini-body{padding:20px 24px 23px}
.mini-title{font-size:14px;font-weight:500;line-height:1.7;margin-bottom:18px}
.mini-files{display:flex;gap:8px;margin-bottom:15px;flex-wrap:wrap}
.mini-files>span{border:1px solid var(--line);border-radius:4px;padding:6px 9px;color:var(--muted);font-size:12px}
.mini-table>div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:11px 0;font-size:12px;color:var(--muted)}
.mini-table b{font-weight:400;color:var(--ink)}
.mini-table .mini-warning{color:#977d59}.b .mini-table .mini-warning{color:#c7ae89}
.mini-caption{font-size:12px;color:var(--quiet);margin-top:12px;line-height:1.7}
.mini-query{background:var(--paper);border-radius:7px;padding:12px 14px;font-size:12px;line-height:1.8;margin-bottom:19px}
.mini-answer{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.95;color:var(--muted)}
.mini-spark{font-size:23px;line-height:1.3;color:var(--quiet)}
.mini-source{border-top:1px solid var(--line);padding-top:12px;margin-top:18px;color:var(--quiet);font-size:12px}
.mini-flow{display:flex;align-items:center;justify-content:space-between;margin:24px 0 26px}
.mini-flow>span{border:1px solid var(--line);padding:10px 8px;border-radius:6px;font-size:12px;white-space:nowrap;background:var(--bg)}
.mini-flow>i{height:1px;min-width:10px;flex:1;background:var(--line)}
.mini-flow-output{display:flex;align-items:center;justify-content:center;gap:14px;border:1px solid var(--line);border-radius:6px;padding:15px}
.mini-flow-output strong{display:block;font-weight:500;font-size:13px}.mini-flow-output small{font-size:12px;color:var(--quiet);display:block;margin-top:4px}
.flow-orbit{width:31px;height:31px;border:1px solid var(--quiet);border-radius:50%;position:relative}
.flow-orbit:after{content:'';position:absolute;inset:7px;border:1px solid var(--line);border-radius:50%}
.mini-dashboard{display:grid;grid-template-columns:44px 1fr;gap:17px}
.mini-sidebar{border-right:1px solid var(--line);padding-top:8px}
.mini-sidebar i{display:block;width:23px;height:3px;background:var(--line);margin-bottom:20px}
.mini-sidebar i:first-child{background:var(--quiet)}
.mini-business>div{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}
.mini-business .mini-business-head{padding-top:4px;color:var(--quiet)}
.mini-business b{font-weight:400;color:var(--ink)}
.mini-monitor>span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}
.mini-monitor>span i{width:5px;height:5px;border-radius:50%;background:var(--quiet)}
.mini-monitor svg{width:100%;height:100px;margin:17px 0}
.monitor-grid{stroke:var(--line);stroke-width:.7}
.monitor-trace{stroke:var(--muted);stroke-width:1.5;stroke-dasharray:600;animation:monitor-draw 8s ease-in-out infinite}
.mini-ops-tags{display:flex;justify-content:space-between;gap:10px;color:var(--quiet);font-size:12px;border-top:1px solid var(--line);padding-top:14px}
.case-hero-grid{display:grid;grid-template-columns:1.03fr 1fr;gap:65px;align-items:center}
.case-detail-hero h1{font-size:clamp(38px,4vw,54px);line-height:1.4;letter-spacing:-1.6px;max-width:530px}
.case-detail-hero .case-type{margin-bottom:22px}
.case-detail-hero .case-art{border-radius:16px;min-height:390px;border:1px solid var(--line)}
.case-hero-note{font-size:12px;line-height:1.9;color:var(--quiet);margin-top:22px}
.case-idea{display:grid;grid-template-columns:1fr 2fr;gap:50px;border-top:1px solid var(--line);padding-top:38px;margin-top:50px}
.case-idea>p:last-child{font-size:17px;line-height:2;color:var(--muted)}
.case-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:62px}
.case-step-grid article{border-top:1px solid var(--line);padding-top:26px;position:relative}
.case-step-dot{position:absolute;left:0;top:-3px;width:5px;height:5px;border-radius:50%;background:var(--quiet)}
.case-step-grid h3{font-size:21px;line-height:1.6;font-weight:500;margin-bottom:13px}
.case-step-grid p{font-size:15px;line-height:1.95;color:var(--muted)}
.case-delivery-section .eyebrow{margin-bottom:24px}
.case-delivery-copy h3{font-size:16px;font-weight:500;line-height:1.7;margin-bottom:16px}
.case-delivery-copy ul{list-style:none;margin:0 0 34px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 22px}
.case-delivery-copy li{font-size:14px;line-height:1.9;color:var(--muted);padding-left:12px;position:relative}
.case-delivery-copy li:before{content:'';position:absolute;top:12px;left:0;width:3px;height:3px;background:var(--quiet);border-radius:50%}
.case-delivery-copy p{font-size:15px;line-height:1.95;color:var(--muted)}
.case-delivery-copy .case-scope-note{font-size:13px;line-height:1.9;color:var(--quiet);border-top:1px solid var(--line);padding-top:23px;margin-top:25px}
.related-section{padding-block:90px}
.related-section .section-title{font-size:36px;line-height:1.5;font-weight:500;letter-spacing:-1px}
.home-more{margin-top:30px;display:flex;justify-content:flex-end}
.home-case-links{margin-top:35px;display:flex;justify-content:space-between;gap:25px;align-items:center}
.home-about-link{margin-top:21px}
.footer-pages{display:flex;align-items:center;gap:26px;margin-bottom:22px;font-size:12px;color:var(--muted)}
.footer-pages a{display:inline-flex;align-items:center;min-height:32px}.footer-pages a:hover{color:var(--ink)}
.footer{padding-top:25px}
.will-reveal{opacity:0;transform:translateY(17px);transition:opacity .75s var(--ease),transform .75s var(--ease)}
.will-reveal.revealed{opacity:1;transform:none}
@media(min-width:1600px){.inner-hero{padding-top:95px;padding-bottom:115px}.about-hero .inner-hero-grid{min-height:440px}}
@media(max-width:1050px){
  .breadcrumb{padding-inline:30px}.inner-hero-grid,.service-hero-grid{gap:28px}.inner-hero h1{font-size:58px}.editorial-split{gap:50px}.service-detail-heading{gap:25px}.service-capability-grid{grid-template-columns:1fr 1fr;gap:30px 40px}.service-delivery-row{gap:35px}.case-hero-grid{gap:30px}.case-detail-hero h1{font-size:45px}.team-grid{gap:15px}.team-grid article{padding-inline:24px}.team-grid h3{font-size:20px}.case-card-copy{padding-inline:25px}.case-featured .case-card-copy{padding:30px}.case-featured h3{font-size:26px}
}
@media(max-width:800px){
  .inner-hero{padding:58px 0 70px}.inner-hero h1{font-size:49px}.inner-lead{font-size:16px}.belief-art{height:330px}.belief-core{width:105px;height:105px;left:calc(50% - 52px);top:99px}.belief-rings{inset:30px 0 60px}.belief-rings i:nth-child(2){inset:25px}.belief-rings i:nth-child(3){inset:50px}.belief-label{font-size:12px;gap:7px}.belief-l1{top:40px;right:0}.belief-l2{top:205px;left:0}.belief-l3{bottom:54px}.editorial-section{padding-block:75px}.editorial-intro,.origin-layout,.case-idea{grid-template-columns:1fr 2fr;gap:28px}.editorial-intro h2,.editorial-section h2{font-size:34px}.principle-grid{gap:25px}.editorial-split{gap:30px}.experience-list article{gap:14px}.experience-list h3{font-size:17px}.experience-list p{font-size:14px}.team-grid{grid-template-columns:1fr}.team-grid article{display:grid;grid-template-columns:66px 1fr;column-gap:15px;padding:28px}.team-mark{grid-row:1/4;margin-top:8px}.team-grid h3{margin:0 0 12px;font-size:22px}.team-grid ul{grid-column:2;margin-top:18px;padding-top:15px}.team-section .section-head>p{max-width:310px}.service-map{padding-top:30px}.service-map>div{gap:8px}.service-map>div>span{padding:22px 8px;font-size:13px}.service-map small{font-size:12px}.map-top{padding-inline:30px}.case-grid{gap:20px}.case-art{padding:20px;min-height:290px}.mini-body{padding:18px}.case-card h3{font-size:21px}.case-featured .case-card-link{grid-template-columns:1fr 1fr}.case-featured .case-art{min-height:355px}.case-card-copy{padding:23px}.case-featured .case-card-copy{padding:25px}.case-hero-grid{grid-template-columns:1fr;gap:36px}.case-detail-hero h1{font-size:48px;max-width:600px}.case-detail-hero .case-art{max-width:660px;min-height:360px}.case-detail-hero .mini-window{max-width:440px}.case-step-grid{gap:26px}.case-delivery-copy ul{grid-template-columns:1fr}
}
@media(max-width:600px){
  .breadcrumb{padding-inline:24px;margin-top:18px;gap:10px;font-size:12px}.inner-hero{padding:43px 0 57px}.inner-hero h1{font-size:43px;line-height:1.3;letter-spacing:-1.8px}.inner-hero .eyebrow{margin-bottom:22px}.inner-lead{font-size:15px;line-height:1.95;margin-top:24px}.inner-hero-grid,.service-hero-grid{grid-template-columns:1fr;gap:22px;min-height:0}.about-hero{padding-bottom:35px}.belief-art{height:285px;max-width:350px;margin:3px auto 0}.belief-rings{inset:15px 0 45px}.belief-core{top:75px}.belief-l1{top:20px;right:10px}.belief-l2{top:170px;left:0}.belief-l3{bottom:42px;right:5px}.belief-caption{bottom:3px}.editorial-section{padding-block:62px}.editorial-intro,.origin-layout,.case-idea,.editorial-split{grid-template-columns:1fr;gap:22px}.editorial-intro>.eyebrow,.origin-layout>.eyebrow{padding-top:0}.editorial-section h2,.section-statement h2{font-size:31px;line-height:1.45;letter-spacing:-1px}.editorial-intro>div>p,.origin-copy>p{font-size:15px;line-height:2;margin-top:22px}.principle-grid{grid-template-columns:1fr;gap:28px;margin-top:40px}.principle-grid article{padding-top:21px}.principle-grid h3{font-size:20px;margin-bottom:10px}.principle-grid p{max-width:none;font-size:15px}.section-statement>p:not(.eyebrow){font-size:15px;margin-top:22px}.experience-list{margin-top:16px}.experience-list article:first-child{padding-top:27px;border-top:1px solid var(--line)}.experience-list h3{font-size:18px}.experience-list p{font-size:15px}.origin-copy h2{margin-bottom:23px}.origin-copy>p{margin-top:0;margin-bottom:18px}.origin-signature{font-size:13px;margin-top:29px;gap:12px}.origin-signature span{width:24px}.team-section .section-head{gap:24px;flex-direction:column}.team-section .section-head>p{max-width:none;font-size:15px}.team-grid{margin-top:30px;gap:15px}.team-grid article{display:block;padding:27px}.team-grid h3{font-size:21px;margin:22px 0 13px}.team-grid ul{margin-top:23px;padding-top:19px}.closing-note{padding-bottom:66px}.closing-note>.wrap{padding-top:38px}.closing-note h2{font-size:29px;line-height:1.5;margin:22px 0 18px}.service-map{max-width:380px;width:100%;margin:15px auto 0;padding-bottom:3px}.service-map>div>span{font-size:14px;padding:23px 8px}.service-detail{padding:54px 0}.service-detail-heading{grid-template-columns:1fr;gap:19px}.service-detail h2{font-size:29px;line-height:1.5}.service-detail-heading>div>p:last-child{font-size:15px;margin-top:19px}.service-detail-art{height:190px;max-width:390px;width:100%;margin:auto}.service-capability-grid{grid-template-columns:1fr;gap:25px;margin-top:20px;padding-top:28px}.service-capability-grid h3{font-size:17px;margin-bottom:8px}.service-capability-grid p{font-size:15px}.service-delivery-row{grid-template-columns:1fr;gap:28px;padding:24px 21px;margin-top:30px}.service-delivery-row ul{grid-template-columns:1fr;gap:6px}.delivery-section{padding-block:60px}.cases-hero{padding-bottom:39px}.case-library{padding-bottom:65px}.case-toolbar{display:block;padding-bottom:18px}.case-filters{gap:5px;flex-wrap:nowrap;justify-content:space-between}.case-filters button{padding:0 11px;font-size:13px;min-height:42px;white-space:nowrap}.case-count{display:block;margin-top:19px}.case-library-note{font-size:12px;margin:19px 0 25px}.case-grid{grid-template-columns:1fr;gap:23px}.case-featured{grid-column:auto}.case-featured .case-card-link{display:flex}.case-art,.case-featured .case-art{min-height:285px;padding:24px 21px}.case-featured .case-card-copy,.case-card-copy{padding:25px}.case-card h3,.case-featured h3{font-size:22px}.case-card-copy>p:not(.case-type){font-size:14px}.case-card .text-link{margin-top:15px}.mini-body{padding:20px 18px}.mini-files{gap:6px}.mini-files>span{padding-inline:7px}.mini-flow>span{padding-inline:7px}.case-hero-grid{gap:30px}.case-detail-hero h1{font-size:38px;line-height:1.4;letter-spacing:-1.1px}.case-detail-hero .case-art{min-height:310px;padding:24px 18px;border-radius:12px}.case-hero-note{margin-top:18px;font-size:12px}.case-idea{padding-top:27px;margin-top:32px}.case-idea>p:last-child{font-size:15px;line-height:2}.case-step-grid{grid-template-columns:1fr;gap:29px;margin-top:39px}.case-step-grid article{padding-top:21px}.case-step-grid h3{font-size:20px;margin-bottom:10px}.case-delivery-copy{margin-top:8px}.case-delivery-copy ul{grid-template-columns:1fr 1fr;gap:15px 19px}.case-delivery-copy li{font-size:14px}.related-section{padding-block:60px}.related-section .section-title{font-size:29px;line-height:1.5}.home-more{justify-content:flex-start;margin-top:21px}.home-case-links{display:block}.home-case-links>.text-link{display:flex}.footer-pages{gap:20px;flex-wrap:wrap;margin-bottom:16px}.footer{padding-top:19px}
}
@media(max-width:360px){.breadcrumb{padding-inline:20px}.inner-hero h1{font-size:39px}.case-filters button{padding-inline:8px;font-size:12px}.case-art,.case-featured .case-art{padding-inline:15px}.mini-body{padding-inline:14px}.case-delivery-copy ul{grid-template-columns:1fr}.case-detail-hero h1{font-size:35px}}
@media(max-width:600px){.belief-rings{inset:24px 35px 51px}}
@media(min-width:601px) and (max-width:800px){.about-hero .belief-art{overflow:clip}}
@media(max-width:600px){.cases-hero h1{font-size:40px}}
@media(max-width:360px){.cases-hero h1{font-size:35px}.service-detail h2{font-size:27px}}
@media(max-width:600px){
 .philosophy-label{margin-bottom:22px}.philosophy-copy{grid-row:1}.philosophy-media{grid-row:2;margin:5px 0 0}.philosophy-media .editorial-frame{aspect-ratio:4/3}.philosophy-media img{object-position:50% 57%}.engineering-media{margin-top:25px;max-width:none}.engineering-media .editorial-frame{aspect-ratio:3/2}.collaboration-media{margin-bottom:24px}.collaboration-media .editorial-frame{aspect-ratio:3/2}.editorial-media figcaption{font-size:12px;margin-top:10px}.team-section .collaboration-media+.team-grid{margin-top:24px}
}
@media(min-width:601px){.philosophy-media,.experience-body .engineering-media,.origin-media{position:relative}.philosophy-media figcaption,.experience-body .engineering-media figcaption,.origin-media figcaption{position:absolute;left:0;right:0;top:100%}}
@media(max-width:600px){.origin-label{margin-bottom:22px}.origin-copy{grid-row:1}.origin-media{grid-row:2;margin-top:5px}}
@media(min-width:801px) and (max-width:1050px){.experience-heading{gap:50px}}
@media(min-width:601px) and (max-width:800px){.experience-heading{gap:30px;margin-bottom:40px}.experience-lead{font-size:15px}}
@media(max-width:600px){.experience-heading{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.experience-lead{font-size:15px}.experience-body .experience-list{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.editorial-frame img{transition:none}.editorial-frame:hover img{transform:none}}
@media(prefers-reduced-motion:reduce){.belief-rings i,.belief-core,.map-connector:after,.monitor-trace,.service-detail-art .signal{animation:none}.will-reveal{opacity:1;transform:none;transition:none}.mini-window{transition:none}.case-card:hover .mini-window{transform:none}}