:root{--bg:#101715;--panel:#17211d;--panel-2:#1d2924;--ink:#edf1e9;--muted:#a1ada2;--line:#344039;--green:#b7f36b;--green-dark:#23301e;--mono:'DM Mono',monospace;--sans:'DM Sans',sans-serif;--display:'Manrope',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--green);outline-offset:5px}.skip-link{position:absolute;top:-60px;left:20px;background:var(--green);color:var(--bg);padding:10px 16px;z-index:10}.skip-link:focus{top:12px}.section-wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.site-header{height:80px;display:flex;align-items:center;justify-content:space-between;width:min(1280px,calc(100% - 64px));margin:auto;border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:inline-flex;align-items:center;gap:11px;font:700 14px var(--display);letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--green);color:var(--green);font:500 11px var(--mono);letter-spacing:-.08em}.site-header nav{display:flex;align-items:center;gap:36px;color:#bac3ba;font-size:13px}.site-header nav a:hover,.text-link:hover{color:var(--green)}.site-header .nav-contact{color:var(--green)}.nav-contact span{margin-left:5px}.hero{padding-top:94px;display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center;position:relative}.eyebrow{font:500 10px var(--mono);letter-spacing:.13em;color:#a3b0a5;margin:0 0 22px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px #b7f36b80;margin-right:9px}.eyebrow-divider{margin-inline:9px;color:#506056}.hero h1,.section-heading h2,.approach-grid h2,.about-copy h2,.contact-inner h2{font:700 clamp(38px,5.4vw,66px)/1.07 var(--display);letter-spacing:-.065em;margin:0}.accent{color:var(--green)}.hero-lede{color:#b4beb4;max-width:525px;font-size:17px;line-height:1.7;margin:26px 0 28px}.hero-actions{display:flex;align-items:center;gap:25px}.button{display:inline-flex;align-items:center;gap:18px;padding:13px 18px;font:600 12px var(--sans);transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--green);color:#152015}.button-primary:hover{background:#cbffa0}.text-link{font-size:12px;color:#d6ddd4}.text-link span{color:var(--green);margin-left:5px}.availability{display:flex;align-items:center;gap:10px;color:#89978c;font-size:11px;margin-top:29px}.availability-line{width:18px;height:1px;background:var(--green)}
.hero-visual{height:390px;position:relative;overflow:hidden;border:1px solid #34423a;background:radial-gradient(ellipse at 50% 49%,#28352c 0%,#1a241f 38%,#141c18 76%)}.hero-visual:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:31px 31px;mask-image:linear-gradient(to bottom,transparent,black 15%,black 85%,transparent)}.visual-top,.visual-bottom{position:absolute;left:19px;right:19px;display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.11em;color:#85958a}.visual-top{top:19px}.visual-bottom{bottom:17px}.visual-index{color:#586a5d}.visual-spark{font-size:17px;color:var(--green)}.stack-orbit{position:absolute;border:1px solid #65716550;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-one{width:230px;height:230px}.orbit-two{width:320px;height:320px;border-style:dashed;opacity:.6}.stack-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:130px;height:130px;border:1px solid #72826c;background:#1c281f;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;box-shadow:0 0 50px #b7f36b13;color:#d4dfd2;text-align:center;font:9px/1.5 var(--mono);letter-spacing:.12em}.core-bracket{font:500 28px var(--mono);color:var(--green);letter-spacing:-.13em}.stack-chip{position:absolute;padding:8px 12px;background:#242f29;border:1px solid #455248;font:11px var(--sans);color:#dfe6dc;box-shadow:0 8px 25px #0003}.chip-symbol{color:var(--green);margin-right:6px}.chip-react{left:calc(50% - 145px);top:104px}.chip-node{right:calc(50% - 151px);top:148px}.chip-data{left:calc(50% - 146px);bottom:103px}.chip-systems{right:calc(50% - 157px);bottom:88px}.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:5px;padding:18px 0 25px;color:#819087;font:9px var(--mono);letter-spacing:.1em}.proof-strip{display:flex;justify-content:center;gap:0;background:#171f1b;border-block:1px solid #2b3730;padding:28px 32px;margin-top:2px}.proof-strip>div{min-width:205px;padding:1px 28px;display:flex;gap:13px;align-items:center;border-right:1px solid #354139}.proof-strip>div:last-child{border:0}.proof-strip strong{color:var(--green);font:700 29px var(--display);letter-spacing:-.07em;white-space:nowrap}.proof-strip span{font-size:10px;line-height:1.4;color:#9ba89d}
.work-section{padding-top:115px;padding-bottom:120px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:45px}.section-heading .eyebrow,.approach-grid .eyebrow,.about-copy .eyebrow{margin-bottom:18px}.section-heading h2,.approach-grid h2,.about-copy h2{font-size:clamp(35px,4.5vw,53px)}.muted{color:#86948a}.section-intro{max-width:390px;color:#9eaaa0;font-size:13px;margin:0 0 5px;line-height:1.8}.case-list{display:grid;gap:16px}.case-card{background:var(--panel);border:1px solid #303c34;padding:28px 31px}.case-featured{padding-bottom:23px}.case-meta{display:flex;justify-content:space-between;color:#92a092;font:9px var(--mono);letter-spacing:.1em;margin-bottom:24px}.case-meta span:first-child{color:var(--green)}.case-body{display:grid;grid-template-columns:1fr .9fr;gap:35px;align-items:center}.case-card h3{font:600 24px/1.25 var(--display);letter-spacing:-.04em;margin:0 0 12px}.case-card p{color:#a7b2a8;font-size:12px;line-height:1.8;max-width:610px}.case-result{margin-top:19px!important;color:#e0e8dc!important}.result-mark{color:var(--green);padding-right:7px}.case-visual{min-height:190px;border:1px solid #344139;background:linear-gradient(145deg,#1d2a22,#19211d);position:relative;padding:20px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.workflow-label{color:#89998b;font:8px var(--mono);letter-spacing:.1em;margin:0 4px}.workflow-steps{display:flex;gap:4px}.workflow-steps i{height:35px;width:9px;border:1px solid #647166;background:#344037}.workflow-steps i:nth-child(even){background:#26332a}.workflow-arrow{font:17px var(--mono);color:var(--green);margin:0 6px}.workflow-one{height:41px;min-width:153px;background:#28382a;border:1px solid #78915e;color:#e5eee0;display:flex;align-items:center;gap:8px;padding:0 10px;font:9px var(--mono)}.workflow-one span:first-child{color:var(--green)}.workflow-one b{margin-left:auto;color:var(--green)}.visual-caption{position:absolute;bottom:13px;color:#6f8172;font:8px var(--mono);letter-spacing:.1em}.tech-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:19px}.tech-row span{padding:5px 9px;background:#253029;color:#aebbad;font:9px var(--mono)}.case-card:not(.case-featured)>h3{max-width:620px}.case-card:not(.case-featured)>p{max-width:740px}.metric-comparison{display:flex;align-items:center;gap:16px;background:#202b24;border:1px solid #344139;width:max-content;padding:14px 18px;margin:20px 0 4px}.metric-comparison div:not(.metric-arrow):not(.metric-note){display:flex;flex-direction:column}.metric-comparison span{color:#849286;font:8px var(--mono);letter-spacing:.1em}.metric-comparison strong{font:600 20px var(--display);letter-spacing:-.04em}.metric-arrow{color:var(--green)}.metric-note{border-left:1px solid #425047;padding-left:15px;color:#a6b3a8;font-size:10px;line-height:1.4}.erp-proof{display:flex;gap:0;padding:17px 0;margin-top:12px;border-block:1px solid #344139;width:fit-content}.erp-stat{min-width:170px;padding:0 23px;border-right:1px solid #344139;display:flex;flex-direction:column}.erp-stat:first-child{padding-left:0}.erp-stat:last-child{border:0}.erp-stat strong{font:700 23px var(--display);color:var(--green)}.erp-stat span{font-size:9px;color:#99a69a}.note-line{color:#718074;font-size:10px;margin-top:18px}.note-line span{color:var(--green)}
.approach-section{background:#18211c;border-block:1px solid #2b3730;padding:95px 0}.approach-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.approach-points article{display:grid;grid-template-columns:38px 1fr;gap:15px;padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid #303d34}.approach-points article:last-child{margin:0;padding:0;border:0}.approach-points article>span{font:10px var(--mono);color:var(--green);padding-top:3px}.approach-points h3{font:600 15px var(--display);margin:0 0 5px}.approach-points p{font-size:11px;line-height:1.7;color:#9daa9e;margin:0;max-width:520px}.about-section{padding-top:110px;padding-bottom:115px;display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:center}.about-copy h2{max-width:560px}.about-copy>p:not(.eyebrow){color:#a4b0a5;font-size:13px;line-height:1.85;max-width:570px;margin-top:24px}.skills-panel{background:var(--panel);border:1px solid #303c34;padding:26px 28px}.skills-panel>.eyebrow{color:#96a495;margin-bottom:24px}.skill-group{padding:14px 0;border-bottom:1px solid #303c34}.skill-group span{font:9px var(--mono);color:var(--green);letter-spacing:.1em}.skill-group p{margin:6px 0 0;color:#d4ded3;font-size:11px}.skills-footnote{color:#758477;font-size:9px;margin:17px 0 0}.contact-section{background:#1a241e;border-top:1px solid #303c34;text-align:center;padding:90px 0 57px}.contact-inner>.eyebrow{margin-bottom:20px}.contact-inner h2{font-size:clamp(37px,5vw,58px);margin-bottom:28px}.contact-inner>.button{margin-bottom:34px}.contact-details{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;color:#9eaba0;font-size:10px}.contact-details a:hover{color:var(--green)}.site-footer{min-height:76px;display:flex;align-items:center;justify-content:space-between;color:#78867b;font-size:9px}.site-footer .brand{color:#dce4d9}.site-footer>a:last-child:hover{color:var(--green)}
@media(max-width:900px){.hero{gap:30px}.hero-visual{height:330px}.proof-strip{flex-wrap:wrap;row-gap:22px}.proof-strip>div{min-width:40%;justify-content:center}.proof-strip>div:nth-child(2){border:0}.section-heading{gap:30px}.case-body{grid-template-columns:1fr}.case-visual{min-height:160px}.approach-grid{gap:45px}.about-section{gap:45px}}
@media(max-width:650px){html{scroll-padding-top:72px}.section-wrap{width:calc(100% - 38px)}.site-header{width:calc(100% - 38px);height:68px}.site-header nav{gap:17px;font-size:11px}.site-header nav a:nth-child(2),.site-header nav a:nth-child(3){display:none}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:67px;gap:37px}.hero h1{font-size:45px}.eyebrow{font-size:8px}.hero-lede{font-size:15px}.hero-visual{height:290px}.hero-foot{width:100%;font-size:7px;gap:8px}.hero-foot span:nth-child(2){display:none}.proof-strip{padding:24px 10px;justify-content:flex-start}.proof-strip>div{min-width:50%;padding:0 10px;border:0!important;justify-content:flex-start}.proof-strip strong{font-size:25px}.proof-strip span{font-size:9px}.work-section{padding:77px 0}.section-heading{display:block}.section-heading h2,.approach-grid h2,.about-copy h2{font-size:37px}.section-intro{margin-top:19px}.case-card{padding:22px 18px}.case-meta{font-size:7px;gap:12px}.case-card h3{font-size:21px}.workflow-steps i{width:6px}.workflow-one{min-width:129px}.tech-row{gap:5px}.tech-row span{font-size:8px}.metric-comparison{gap:10px;padding:12px;width:100%;justify-content:space-between}.metric-comparison strong{font-size:17px}.metric-note{padding-left:9px}.erp-stat{min-width:0;flex:1;padding:0 10px}.erp-stat strong{font-size:20px}.erp-stat span{font-size:8px}.approach-section{padding:72px 0}.approach-grid{display:block}.approach-points{margin-top:34px}.about-section{display:block;padding:76px 0}.skills-panel{margin-top:35px;padding:23px 20px}.contact-section{padding:73px 0 42px}.contact-inner h2{font-size:39px}.contact-details{flex-direction:column;gap:8px}.site-footer{width:calc(100% - 38px);gap:12px}.site-footer>span{display:none}.site-footer>a:last-child{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}