/* JINGTOU — obsidian / champagne / technical blue */
:root{--bg:#080b10;--panel:#111820;--line:#323235;--text:#f4f1e9;--muted:#afb5bf;--blue:#cfb589;--accent:#dec79e}
body{background:#080b10}
::selection{background:#716047;color:#fff}
.header{border-color:#cbb18429;height:102px}
.brand-name{font-weight:650;letter-spacing:1px;color:#ead9b9}
.brand-sub{color:#ada798;letter-spacing:2.6px}
.header nav{color:#d3d0c8}
.nav-contact{border-color:#776449;border-radius:3px;background:#ffffff04}
.nav-contact:hover{background:#25231e}
.hero{padding-top:94px;padding-bottom:92px;gap:65px}
.hero h1{font-weight:650;line-height:1.4}
.hero h1 span{color:#ddc49a}
.hero-intro{color:#adb4bf}
.eyebrow{color:#cbb184;letter-spacing:2.4px}
.button{background:linear-gradient(110deg,#e0caa2,#c6a775);color:#181510;border-radius:3px;box-shadow:0 7px 24px #b9985d12;padding:15px 24px}
.button:hover{background:#ead4ad}
.text-link{color:#ddd9d0}
.hero-foot{border-color:#ffffff1a;color:#9ba2ad}
.architecture{transform:none;background:linear-gradient(145deg,#19212d,#0d131b);border:1px solid #786647;border-radius:8px;box-shadow:0 28px 70px #0005,0 1px 0 #ffffff0d inset;padding:29px}
.arch-top{color:#b5b8c1;letter-spacing:1.2px}
.arch-title{font-weight:500;color:#ece9e2}
.arch-layer{border-radius:4px}
.layer-one{background:#202d3e;color:#d9e8ff;border:1px solid #5c799a}
.layer-two{background:#182332;color:#d6e6f9;border:1px solid #3b5472}
.arch-connector{border-color:#65768c}
.arch-bottom>div{background:#0e1722;border-color:#354252;border-radius:4px}
.arch-bottom span{color:#a7b4c7}.arch-bottom small,.arch-caption{color:#acb6c5}
.capabilities{background:#10151c;border-color:#655b493d}
.capabilities>div{color:#b9b4a8;letter-spacing:2px}
#services,#approach{max-width:none;background:#0d1118;color:#f0ece3;padding-left:max(48px,calc((100% - 1184px)/2));padding-right:max(48px,calc((100% - 1184px)/2));padding-top:106px;padding-bottom:106px}
#services .eyebrow,#approach .eyebrow{color:#cbb184}
#services h2,#approach h2{font-weight:600}
#services .section-head>p,#approach .section-head>p{color:#a9b1bd}
.service{border-top-color:#776449;padding-top:24px}
.service-top{color:#cbb184}
.service h3{color:#f1ede5}
.service p{color:#a9b1bd;line-height:2}
.service small{color:#c6b797}
.cases-section{background:#10151c;border-color:#3c3830}
.case{background:#101720;border:1px solid #3f4144;border-radius:5px}
.case-visual{background:linear-gradient(120deg,#202b39,#111b28);border-right:1px solid #3f4144}
.case:nth-child(2) .case-visual{background:linear-gradient(120deg,#203039,#121e26)}
.case:nth-child(3) .case-visual{background:linear-gradient(120deg,#2d2c29,#1b1e24)}
.case-meta{color:#d5c7b0}.case-badge{border-color:#baa07166;color:#d9c39d;border-radius:3px}
.case h3{font-weight:500;letter-spacing:.2px}
.case-tags{color:#b9bcc4}
.case-description>p{color:#d0d2d7}
.case details{border-color:#3f4144}
.case dt{color:#d6bd92}.case dd{color:#aeb8c7}
.steps article{border-color:#776449}
.steps article>span{color:#d5bb8c;font-size:15px}
.steps h3{color:#f1ede5}.steps p{color:#a9b1bd}.steps small{color:#c6b797}
.about-section{background:#141c27;color:#f0ece3;border-top:1px solid #635a493f;border-bottom:1px solid #635a493f}
.about-inner{padding-top:80px;padding-bottom:80px}
.about-inner .eyebrow{color:#cfb589}
.about-inner>p:last-child{color:#b9c1cd}
.contact-list,.contact-item,.footer{border-color:#3a3b3c}
.contact-item a,.copy-contact{color:#dec79e}
.toast{background:#202d3e;color:#f1ede5}
@media(min-width:1500px){.hero{min-height:750px}}
@media(max-width:1050px){.hero{gap:34px}.architecture{padding:22px}#services,#approach{padding-left:32px;padding-right:32px}}
@media(max-width:760px){.header{height:83px}.header nav{background:#131922;border-color:#5b513f}.menu-toggle{border-color:#776449}.hero{padding-top:50px;padding-bottom:48px;gap:38px}.hero h1{line-height:1.5}.architecture{padding:23px}.button{padding:13px 17px}.capabilities>div{letter-spacing:.6px}#services,#approach{padding:66px 24px}.about-inner{padding-top:50px;padding-bottom:50px}.case-visual{border-right:0;border-bottom:1px solid #3f4144}}

.hero{background:radial-gradient(ellipse at 90% 40%,#1e3a581c,transparent 60%)}
.architecture{box-shadow:0 28px 80px #0006,0 1px 0 #e0caa21a inset}.arch-title{letter-spacing:.5px}.layer-one{box-shadow:0 0 26px #4389d50a inset}.layer-symbol{color:#9cbcdf}
.service,.steps article{border-top-width:1px}.case h3{color:#e9e2d6}.case summary{color:#d5c09b}.case summary:after{color:#d5c09b}.case-visual{position:relative}.case-meta{letter-spacing:1px}.case-badge{letter-spacing:0}.about-section{background:linear-gradient(110deg,#191d24,#101925)}.about-inner h2{color:#e2cba4}.footer .brand-name{color:#ddc49a}
