*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#0b0d0c;--panel:#111512;--text:#e9eee8;--muted:#9ba49b;--line:#29302a;--accent:#c8ff43}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6}
body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:-2}
a{color:inherit;text-decoration:none}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(11,13,12,.88);backdrop-filter:blur(16px);z-index:10}
.brand{font-size:22px;font-weight:800;letter-spacing:-1px}.brand span{color:var(--accent)}
.nav nav{display:flex;align-items:center;gap:28px;font-size:13px;color:#b9c0b9}.nav nav a:hover,.nav nav a.active{color:var(--accent)}.nav-cta{border:1px solid var(--line);padding:9px 15px;border-radius:999px}
.page-hero{padding:120px 9vw 95px;border-bottom:1px solid var(--line)}
.eyebrow,.section-label,.meta,.tags,.terminal,.timeline-date{font-family:monospace;letter-spacing:1.5px}
.eyebrow{color:var(--accent);font-size:11px;margin-bottom:25px}
h1{font-size:clamp(55px,7vw,100px);line-height:.94;letter-spacing:-5px;max-width:1000px}h1 em,h2 em{font-family:Georgia,serif;color:var(--accent);font-weight:400;letter-spacing:-4px}
.page-intro{max-width:680px;color:var(--muted);font-size:18px;margin-top:30px}
.actions{display:flex;gap:12px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--line);border-radius:4px;padding:13px 19px;font-size:13px;font-weight:700}.button.primary{background:var(--accent);color:#0b0d0c;border-color:var(--accent)}.button.secondary:hover{border-color:#667066}
.section{padding:105px 9vw;border-bottom:1px solid var(--line)}.section-label{color:#6f786f;font-size:11px;margin-bottom:42px}
.section-heading{display:grid;grid-template-columns:1fr .65fr;gap:8vw;align-items:end;margin-bottom:55px}h2{font-size:clamp(40px,5vw,68px);line-height:1;letter-spacing:-4px}.section-heading p,.copy p{color:var(--muted)}
.service-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.service{padding:35px;min-height:300px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.25s}.service:hover{background:var(--panel);transform:translateY(-3px)}.number{font-family:monospace;color:var(--accent);font-size:11px}.service h3{font-size:27px;margin:45px 0 12px}.service p{max-width:600px;color:var(--muted);font-size:15px}.tags{color:#747e75;font-size:9px;margin-top:25px}
.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.work-card{border:1px solid var(--line);padding:34px;min-height:320px}.work-card.featured{grid-column:1/-1;min-height:350px;background:linear-gradient(110deg,#111711,#0e110f)}.meta{color:var(--accent);font-size:10px;margin:12px 0}.work-card h3{font-size:28px;margin:45px 0 12px;letter-spacing:-1px}.work-card p{color:var(--muted);font-size:14px;max-width:800px}.architecture{display:flex;gap:13px;flex-wrap:wrap;align-items:center;margin-top:28px;padding:16px;border:1px dashed #364038;font-family:monospace;font-size:9px;color:#c4cdc4}.architecture b{color:var(--accent)}
.two-col{display:grid;grid-template-columns:1fr 1.1fr;gap:8vw}.lead{font-size:22px;line-height:1.45;color:#d5ddd4!important;margin-bottom:22px}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:50px}.stat{border-top:1px solid var(--line);padding-top:14px}.stat strong{font-size:25px;display:block}.stat span{font-family:monospace;color:#697169;font-size:9px}
.timeline{border-top:1px solid var(--line)}.timeline-item{display:grid;grid-template-columns:110px 1fr;gap:28px;padding:28px 0;border-bottom:1px solid var(--line)}.timeline-date{color:var(--accent);font-size:10px}.timeline-item h3{font-size:22px}.timeline-item p{color:var(--muted);margin-top:6px}
.tech-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.tech-grid div{padding:23px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.tech-grid span{display:block;color:#697169;font:10px monospace;letter-spacing:1.5px;margin-bottom:7px}.tech-grid strong{font-size:14px;font-weight:500}
.contact-card{max-width:1000px;margin:auto;background:var(--panel);border:1px solid var(--line);padding:55px}.contact-card>p{color:var(--muted);max-width:650px;margin:20px 0 32px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}form label{display:block;color:#929c93;font:10px monospace;letter-spacing:1px;margin-bottom:18px}input,textarea{width:100%;margin-top:8px;background:#0b0e0c;border:1px solid var(--line);color:var(--text);padding:14px;font:14px Inter,Arial,sans-serif;outline:none}input:focus,textarea:focus{border-color:#657060}textarea{resize:vertical}.form-note{font:10px monospace;color:#626c63;margin-top:17px}
footer{padding:28px 9vw;display:flex;justify-content:space-between;color:#5f685f;font:9px monospace;letter-spacing:1px}footer a:hover{color:var(--accent)}
@media(max-width:800px){.nav{padding:0 5vw}.nav nav a:not(.nav-cta){display:none}.page-hero{padding:90px 7vw}.section{padding:80px 7vw}.section-heading,.two-col{grid-template-columns:1fr}.service-grid,.work-grid,.tech-grid{grid-template-columns:1fr}.work-card.featured{grid-column:auto}.stat-row{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}}
@media(max-width:520px){h1{font-size:55px;letter-spacing:-4px}.page-intro{font-size:16px}.service{min-height:auto;padding:28px}.service h3,.work-card h3{font-size:23px}.contact-card{padding:28px}.timeline-item{grid-template-columns:1fr;gap:8px}footer{padding:25px 6vw;flex-direction:column;gap:12px}}