:root{--navy:#08131f;--navy-2:#0e2235;--steel:#8292a0;--orange:#ff7a1a;--orange-2:#ff9a4f;--ink:#14202b;--muted:#5e6c78;--line:#dce2e7;--paper:#f4f6f8;--white:#fff;--max:1200px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Manrope,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{width:min(var(--max),calc(100% - 3rem));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(8,19,31,.94);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(14px)}.nav{height:80px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.brand{display:flex;align-items:center;gap:.85rem;color:#fff;font-weight:800;letter-spacing:.04em;font-size:1.03rem;white-space:nowrap}.brand b{color:var(--orange)}.brand-mark{width:34px;height:32px;display:flex;align-items:flex-end;gap:3px;transform:skew(-12deg)}.brand-mark i{display:block;width:8px;background:var(--orange)}.brand-mark i:nth-child(1){height:16px}.brand-mark i:nth-child(2){height:24px}.brand-mark i:nth-child(3){height:32px}.nav-links{display:flex;gap:1.5rem;color:#d1d8de;font-size:.91rem}.nav-links a{transition:.2s}.nav-links a:hover{color:#fff}.button{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;border:0;background:var(--orange);color:#111820;padding:1rem 1.4rem;font-weight:800;cursor:pointer;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px));transition:transform .2s,background .2s}.button:hover,.button:focus-visible{background:var(--orange-2);transform:translateY(-2px)}.button-small{font-size:.83rem;padding:.78rem 1rem}.menu-button{display:none;background:transparent;border:1px solid rgba(255,255,255,.2);padding:.65rem;width:46px;height:46px}.menu-button span{display:block;height:2px;background:#fff;margin:5px}.mobile-menu{display:none;background:var(--navy);padding:1rem 1.5rem 1.5rem;gap:1rem;flex-direction:column;color:#fff}.mobile-menu.active{display:flex}.hero{position:relative;min-height:760px;background:var(--navy);color:#fff;overflow:hidden}.hero-image{position:absolute;inset:0;background:url('assets/build-pro-hero.png') 58% center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,10,17,.98) 0%,rgba(6,18,29,.9) 42%,rgba(7,19,31,.3) 75%),linear-gradient(0deg,rgba(8,19,31,.92) 0%,transparent 45%)}.hero-layout{position:relative;z-index:2;min-height:620px;padding:7.5rem 0 5rem;display:grid;grid-template-columns:1.35fr .65fr;gap:5rem;align-items:center}.eyebrow{display:flex;align-items:center;gap:.65rem;color:#d7e0e7;text-transform:uppercase;letter-spacing:.16em;font:600 .76rem Roboto Mono,monospace}.eyebrow span{width:34px;height:2px;background:var(--orange)}.eyebrow.dark{color:var(--muted)}.hero h1{font-size:clamp(3rem,6vw,5.4rem);line-height:1.02;letter-spacing:-.055em;max-width:800px;margin:1.2rem 0 1.5rem}.hero h1 em{font-style:normal;color:var(--orange)}.hero-lead{max-width:650px;font-size:1.14rem;color:#c7d1d9}.hero-actions{display:flex;align-items:center;gap:1.5rem;margin-top:2.2rem}.text-button{font-weight:700;color:#e3e8ec;padding:.8rem}.text-button span{color:var(--orange);margin-left:.5rem}.project-card{background:rgba(7,18,29,.82);border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 80px rgba(0,0,0,.35);backdrop-filter:blur(10px)}.project-card-top,.project-card-foot{padding:1rem 1.2rem;font:600 .68rem Roboto Mono,monospace;letter-spacing:.1em;color:#aebbc5}.project-card-top{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12)}.live-dot{color:#78d8a6}.live-dot:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#48d087;margin-right:7px}.metric{padding:1.25rem 1.2rem;border-bottom:1px solid rgba(255,255,255,.1)}.metric span{display:block;color:#99a9b5;font-size:.78rem;margin-bottom:.25rem}.metric strong{font:600 .94rem Roboto Mono,monospace;color:#fff}.project-card-foot{color:var(--orange)}.proof-strip{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);background:var(--navy-2);border-top:3px solid var(--orange);margin-top:-72px}.proof-strip div{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;border-right:1px solid rgba(255,255,255,.1)}.proof-strip div:last-child{border:0}.proof-strip strong{font:600 1.6rem Roboto Mono,monospace;color:var(--orange)}.proof-strip span{color:#cbd4db;font-size:.83rem}.section{padding:7rem 0}.section-intro{max-width:690px;margin-bottom:3rem}.section-intro h2,.contact-copy h2,.about-copy h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1.08;letter-spacing:-.045em;margin:1rem 0}.section-intro>p:last-child{color:var(--muted);font-size:1.05rem}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.service-card{position:relative;background:#fff;padding:2.4rem;min-height:360px}.service-card:hover{background:var(--paper)}.service-no{font:600 .75rem Roboto Mono,monospace;color:var(--steel)}.service-icon{position:absolute;right:2rem;top:1.7rem;width:48px;height:48px;display:grid;place-items:center;background:var(--navy);color:var(--orange);font-size:1.4rem}.service-card h3{font-size:1.6rem;margin:3rem 0 .8rem}.service-card p{color:var(--muted)}.service-card ul{list-style:none;margin-top:1.5rem}.service-card li{padding:.35rem 0;font-size:.9rem}.service-card li:before{content:"—";color:var(--orange);margin-right:.6rem}.process-section{background:var(--navy);color:#fff;padding:7rem 0}.section-intro.light p{color:#b8c4cd}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.16)}.process-step{padding:2rem 1.5rem 1rem;border-right:1px solid rgba(255,255,255,.16)}.process-step:last-child{border:0}.process-step span{font:600 1rem Roboto Mono,monospace;color:var(--orange)}.process-step h3{font-size:1.45rem;margin:2.4rem 0 .7rem}.process-step p{color:#aebbc5;font-size:.92rem}.deliverable-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:6rem;align-items:center}.text-link{display:inline-block;margin-top:1.6rem;font-weight:800;border-bottom:2px solid var(--orange);padding-bottom:.3rem}.deliverable-board{border:1px solid var(--line);box-shadow:0 25px 60px rgba(16,31,45,.11)}.board-header{display:flex;justify-content:space-between;background:var(--navy);color:#fff;padding:1.1rem 1.3rem;font:600 .74rem Roboto Mono,monospace}.board-header b{color:var(--orange)}.board-row{display:grid;grid-template-columns:92px 1fr auto;align-items:center;gap:1rem;padding:1.2rem 1.3rem;border-bottom:1px solid var(--line)}.board-row:last-child{border:0}.board-row small{color:var(--muted)}.status{font:600 .64rem Roboto Mono,monospace;padding:.38rem .5rem;text-align:center}.status.complete{background:#dff5e7;color:#247044}.status.active{background:#fff0e5;color:#a94d0d}.status.ready{background:#e8eef4;color:#40596f}.about-section{padding:7rem 0;background:#e9edf1}.about-layout{display:grid;grid-template-columns:.55fr 1.45fr;gap:5rem;align-items:center}.about-number{font:600 clamp(7rem,16vw,13rem) Roboto Mono,monospace;line-height:.8;color:var(--navy);letter-spacing:-.1em}.about-number span{color:var(--orange)}.about-copy>p:last-of-type{color:var(--muted);font-size:1.05rem}.experience-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.8rem}.experience-tags span{padding:.55rem .8rem;background:#fff;border:1px solid #d0d8de;font:600 .72rem Roboto Mono,monospace}.contact-section{padding:7rem 0;background:var(--navy);color:#fff}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:6rem}.contact-copy>p:nth-of-type(2){color:#afbbc5}.contact-notes{display:grid;gap:.65rem;margin-top:2rem;color:#d7dfe5;font-size:.88rem}.contact-notes span:before{content:"✓";color:var(--orange);margin-right:.7rem}.project-form{background:#fff;color:var(--ink);padding:2rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.project-form label{display:grid;gap:.45rem;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem}.project-form input,.project-form select,.project-form textarea{width:100%;border:1px solid #ccd5dc;background:#f8fafb;padding:.88rem;color:var(--ink);outline:none}.project-form input:focus,.project-form select:focus,.project-form textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,122,26,.14)}.project-form textarea{resize:vertical}.submit-button{width:100%;margin-top:.5rem}.submit-button:disabled{opacity:.65}.form-message{font-size:.86rem;margin-top:1rem;min-height:1.4rem}footer{background:#050c13;color:#a9b5bf;padding:2.4rem 0}.footer-layout{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:2rem;font-size:.78rem}.footer-brand{font-size:.9rem}.footer-brand .brand-mark{transform:scale(.75) skew(-12deg);transform-origin:left}.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.nav-links,.nav>.button{display:none}.menu-button{display:block}.hero-layout{grid-template-columns:1fr;gap:2.5rem;padding-top:6rem}.project-card{max-width:520px}.proof-strip{margin-top:-35px}.service-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr 1fr}.process-step{border-bottom:1px solid rgba(255,255,255,.16)}.deliverable-layout,.about-layout,.contact-layout{grid-template-columns:1fr;gap:3rem}.about-number{font-size:8rem}.footer-layout{grid-template-columns:1fr;text-align:center}.footer-brand{justify-content:center}}
@media(max-width:600px){.shell{width:min(100% - 2rem,var(--max))}.nav{height:70px}.brand{font-size:.83rem}.brand-mark{transform:scale(.82) skew(-12deg)}.hero{min-height:auto}.hero-layout{min-height:auto;padding:5rem 0 7rem}.hero h1{font-size:2.8rem}.hero-lead{font-size:1rem}.hero-actions{align-items:stretch;flex-direction:column}.text-button{text-align:center}.project-card{display:none}.proof-strip{grid-template-columns:1fr;margin-top:-30px}.proof-strip div{border-right:0;border-bottom:1px solid rgba(255,255,255,.1);padding:1rem 1.2rem}.section,.process-section,.about-section,.contact-section{padding:5rem 0}.service-card{padding:1.6rem;min-height:330px}.process-grid{grid-template-columns:1fr}.process-step{border-right:0}.board-row{grid-template-columns:78px 1fr}.board-row small{display:none}.form-row{grid-template-columns:1fr}.project-form{padding:1.25rem}.about-number{font-size:6rem}}
.card-link{display:inline-block;margin-top:1.2rem;color:var(--navy);font-weight:800;border-bottom:2px solid var(--orange);padding-bottom:.2rem}