:root{--ink:#0b1014;--ink2:#12191f;--steel:#1d2830;--paper:#f2f0e9;--muted:#aeb9bf;--line:#2d3b44;--accent:#d98a2b;--accent2:#ffb34f;--white:#fff;--max:1180px;--nav:78px}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--paper);color:#172027;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.eyebrow{font-size:.76rem;letter-spacing:.17em;text-transform:uppercase;font-weight:800;color:var(--accent)}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:.98;margin:0}.lead{font-size:1.08rem;line-height:1.75;color:#5b676e}.dark .lead{color:#bdc8ce}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:48px;padding:.82rem 1.15rem;border:1px solid transparent;border-radius:8px;background:var(--accent);color:#101417;font-weight:800;transition:.2s}.btn:hover{transform:translateY(-1px);background:var(--accent2)}.btn.ghost{background:transparent;color:inherit;border-color:#6b767c}.btn.ghost:hover{border-color:var(--accent);color:var(--accent)}
.site-header{position:sticky;top:0;z-index:1000;height:var(--nav);background:rgba(11,16,20,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-shell{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.brand{display:flex;align-items:center;min-width:180px;color:white;font-weight:900;letter-spacing:.1em}.brand-mark{width:38px;height:38px;border:1px solid #64727a;border-radius:6px;margin-right:11px;display:grid;place-items:center;position:relative;overflow:hidden}.brand-mark:before,.brand-mark:after{content:"";position:absolute;width:28px;height:5px;background:var(--accent);transform:rotate(-35deg)}.brand-mark:before{top:10px;left:-2px}.brand-mark:after{bottom:9px;right:-2px}.brand small{font-size:.62rem;color:#93a0a6;display:block;letter-spacing:.18em;margin-top:2px}.desktop-nav{display:flex;align-items:center;gap:7px}.desktop-nav>a,.nav-trigger{appearance:none;border:0;background:none;color:#dfe6e9;padding:11px 13px;border-radius:7px;font-weight:700;white-space:nowrap;cursor:pointer}.desktop-nav>a:hover,.desktop-nav>a:focus-visible,.nav-trigger:hover,.nav-trigger:focus-visible{background:#192229;color:white}.nav-group{position:relative}.nav-group:after{content:"";position:absolute;left:-10px;right:-10px;top:100%;height:18px}.dropdown{position:absolute;left:50%;top:calc(100% + 14px);transform:translate(-50%,-5px);width:300px;background:#11181d;color:white;border:1px solid #31404a;border-radius:12px;padding:8px;box-shadow:0 22px 60px #0008;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .18s,visibility 0s linear .48s}.nav-group.is-open .dropdown,.nav-group:hover .dropdown,.nav-group:focus-within .dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);transition-delay:0s}.dropdown a{display:block;padding:12px;border-radius:8px}.dropdown a:hover,.dropdown a:focus-visible{background:#1b262d;color:var(--accent2)}.nav-actions{justify-self:end}.mobile-toggle,.mobile-panel{display:none}
.hero{background:var(--ink);color:white;min-height:700px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(11,16,20,.2),rgba(11,16,20,.92)),repeating-linear-gradient(90deg,transparent 0 79px,rgba(255,255,255,.035) 80px);pointer-events:none}.hero-grid{min-height:700px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;position:relative}.hero h1{font-size:clamp(3.7rem,7vw,7.3rem);max-width:800px;letter-spacing:-.055em}.hero h1 em{font-style:normal;color:var(--accent2)}.hero-copy{max-width:690px}.hero-copy p{font-size:1.16rem;line-height:1.7;color:#b7c2c8;max-width:640px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-proof{display:flex;gap:30px;flex-wrap:wrap;margin-top:44px;padding-top:25px;border-top:1px solid #39454c}.hero-proof div{max-width:170px}.hero-proof strong{display:block;font-size:.83rem;color:#fff}.hero-proof span{display:block;font-size:.78rem;color:#87959c;margin-top:4px}
.frame-scene{height:530px;position:relative;perspective:900px}.frame-cube{position:absolute;inset:65px 15px 30px 30px;transform:rotateX(60deg) rotateZ(-28deg);transform-style:preserve-3d}.beam{position:absolute;background:linear-gradient(90deg,#4b5b64,#1b262d);box-shadow:0 0 0 1px #83919833}.beam.h{height:12px;left:0;right:0}.beam.v{width:12px;top:0;bottom:0}.beam.h.a{top:0}.beam.h.b{top:48%}.beam.h.c{bottom:0}.beam.v.a{left:0}.beam.v.b{left:33%}.beam.v.c{left:66%}.beam.v.d{right:0}.node{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--accent2);box-shadow:0 0 30px #ffb34f99;animation:pulse 2.6s infinite}.node.n1{top:-3px;left:32%}.node.n2{top:47%;left:65%;animation-delay:.8s}.node.n3{bottom:-3px;right:-3px;animation-delay:1.4s}@keyframes pulse{50%{transform:scale(1.25);box-shadow:0 0 50px #ffb34fcc}}.frame-label{position:absolute;padding:9px 12px;border:1px solid #42515a;background:#0e151aee;border-radius:8px;color:#dce4e7;font-size:.78rem}.fl1{top:30px;right:10px}.fl2{bottom:25px;left:0}.fl3{top:47%;right:0}.dimension{position:absolute;bottom:75px;right:35px;color:#8e9ba2;font-size:.72rem;letter-spacing:.12em;transform:rotate(-90deg);transform-origin:right bottom}
.section{padding:96px 0}.section.dark{background:var(--ink);color:white}.section.steel{background:#dfe3e2}.section-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:end;margin-bottom:50px}.section h2{font-size:clamp(2.8rem,5vw,5.3rem);letter-spacing:-.045em}.section-copy{max-width:650px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-card{min-height:340px;background:#131b20;border:1px solid #2b3941;border-radius:14px;padding:26px;color:white;display:flex;flex-direction:column;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;right:-60px;top:-60px;width:170px;height:170px;border:1px solid #485860;border-radius:50%}.service-card .num{color:var(--accent);font-weight:900;font-size:.8rem}.service-card h3{font-size:2rem;margin-top:auto}.service-card p{color:#a9b5bb;line-height:1.6;font-size:.93rem}.service-card a{color:var(--accent2);font-weight:800;margin-top:10px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project-card{border-radius:14px;overflow:hidden;background:white;border:1px solid #c8cecf}.project-visual{height:260px;background:#202a31;position:relative;overflow:hidden}.project-visual:before{content:"";position:absolute;inset:20%;border:2px solid #56666f;transform:skew(-18deg)}.project-visual:after{content:"";position:absolute;left:0;right:0;bottom:0;height:45%;background:repeating-linear-gradient(90deg,#252f36 0 38px,#34424a 39px 41px)}.project-card .body{padding:20px}.project-card h3{font-size:1.65rem}.tag{display:inline-flex;padding:6px 9px;border-radius:999px;background:#edf0ef;color:#566168;font-size:.74rem;font-weight:800;margin-top:10px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#2d3a42;border:1px solid #2d3a42;border-radius:14px;overflow:hidden}.metric{background:#11181d;padding:28px}.metric strong{display:block;color:var(--accent2);font-size:2.1rem}.metric span{color:#9ba8ae;font-size:.86rem}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.process article{padding:24px;border-left:2px solid var(--accent);background:#f8f7f2}.process h3{font-size:1.45rem;margin-bottom:10px}.process p{color:#677279;line-height:1.6;font-size:.92rem}.cta{padding:70px 0;background:var(--accent);color:#111}.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:clamp(2.3rem,5vw,4.5rem);max-width:760px}.cta .btn{background:#111;color:white}.cta .btn:hover{background:#20282d}.page-hero{background:#10171c;color:white;padding:105px 0 80px;border-bottom:1px solid #2a363e}.page-hero h1{font-size:clamp(3.5rem,7vw,7rem);letter-spacing:-.05em;max-width:950px}.page-hero p{max-width:720px;color:#b9c5ca;font-size:1.1rem;line-height:1.75}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start}.panel{background:white;border:1px solid #d1d5d4;border-radius:14px;padding:28px}.list{display:grid;gap:10px;margin-top:24px}.list div{padding:15px 0;border-bottom:1px solid #d6dbda}.list strong{display:block;margin-bottom:4px}.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:.8rem;font-weight:800}.field input,.field select,.field textarea{width:100%;border:1px solid #b9c2c4;background:#fff;border-radius:8px;padding:13px;color:#172027}.field textarea{min-height:130px;resize:vertical}.form-note{font-size:.78rem;color:#6a757b;line-height:1.5}.output{margin-top:16px;background:#edf0ef;padding:16px;border-radius:10px;white-space:pre-wrap;font-size:.85rem;display:none}.footer{background:#080d10;color:#aab5ba;padding:54px 0 26px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:40px}.footer h3{color:white;font-family:inherit;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}.footer a{display:block;margin:7px 0}.footer a:hover{color:var(--accent2)}.footer-bottom{border-top:1px solid #263137;margin-top:35px;padding-top:22px;font-size:.78rem;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.legal{max-width:860px}.legal h2{font-size:2.2rem;margin-top:40px}.legal p,.legal li{line-height:1.7;color:#526069}.legal li{margin:8px 0}
@media(max-width:1180px){.desktop-nav,.nav-actions{display:none}.nav-shell{grid-template-columns:1fr auto}.mobile-toggle{display:inline-flex;justify-self:end;width:46px;height:46px;border:1px solid #42515a;background:#131c22;color:white;border-radius:8px;align-items:center;justify-content:center;cursor:pointer}.mobile-toggle span,.mobile-toggle:before,.mobile-toggle:after{content:"";display:block;width:20px;height:2px;background:currentColor;position:absolute}.mobile-toggle:before{transform:translateY(-6px)}.mobile-toggle:after{transform:translateY(6px)}.mobile-panel{display:none;position:fixed;left:0;right:0;top:var(--nav);background:#0d1418;border-top:1px solid #29363e;border-bottom:1px solid #29363e;padding:14px 20px 22px;max-height:calc(100vh - var(--nav));overflow:auto}.mobile-panel.open{display:block}.mobile-panel a,.mobile-subtoggle{display:flex;width:100%;padding:13px 12px;border:0;background:transparent;color:white;border-bottom:1px solid #222e35;text-align:left;font-weight:750}.mobile-submenu{display:none;padding-left:12px}.mobile-submenu.open{display:block}.mobile-panel .btn{margin-top:14px;border:0;background:var(--accent);color:#111}.hero-grid{grid-template-columns:1fr .75fr;gap:20px}.service-grid{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){:root{--nav:70px}.wrap{width:min(100% - 28px,var(--max))}.brand{min-width:0;font-size:.9rem}.brand-mark{width:34px;height:34px}.hero,.hero-grid{min-height:auto}.hero-grid{grid-template-columns:1fr;padding:76px 0 60px}.hero h1{font-size:clamp(3.15rem,17vw,5.5rem)}.frame-scene{height:370px;margin-top:5px}.section{padding:68px 0}.section-head{grid-template-columns:1fr;gap:18px}.section h2{font-size:clamp(2.5rem,12vw,4.5rem)}.service-grid,.project-grid,.process,.metric-row,.split,.footer-grid{grid-template-columns:1fr}.service-card{min-height:260px}.metric-row{gap:1px}.cta .wrap{display:grid}.quote-form{grid-template-columns:1fr}.field.full{grid-column:auto}.footer{padding-top:42px}.page-hero{padding:78px 0 62px}.page-hero h1{font-size:clamp(3rem,15vw,5rem)}}
@media(max-width:430px){.wrap{width:calc(100% - 24px)}.hero-actions{display:grid}.hero-actions .btn{width:100%}.hero-proof{gap:18px}.hero-proof div{max-width:145px}.frame-scene{height:320px}.project-visual{height:220px}}