:root { --ink:#0c0d18; --acid:#b8ff52; --violet:#5e5cff; --paper:#f4f3ef; --muted:#a7a7b1; --rule:rgba(12,13,24,.16); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
.site-header { height:92px; padding:0 4.2vw; display:flex; align-items:center; justify-content:space-between; background:var(--paper); position:relative; z-index:2; }
.brand { display:flex; align-items:center; gap:13px; font-size:10px; font-weight:800; letter-spacing:.04em; line-height:1.08; text-transform:uppercase; }
.brand-mark { display:grid; place-items:center; width:42px; height:42px; border-radius:50%; background:var(--ink); color:var(--acid); font-size:12px; letter-spacing:-.08em; }
.site-nav { display:flex; align-items:center; gap:28px; font-size:14px; font-weight:600; }
.site-nav a:not(.nav-cta) { opacity:.75; transition:opacity .2s; }.site-nav a:not(.nav-cta):hover{opacity:1}
.nav-cta { display:inline-flex; gap:13px; padding:12px 15px; border:1px solid var(--ink); border-radius:999px; }.nav-cta span{color:var(--violet);font-size:18px;line-height:12px}.menu-toggle {display:none}
.hero { min-height:calc(100vh - 92px); padding:5vw 4.2vw 25px; display:grid; grid-template-columns:1fr 1.05fr; grid-template-rows:1fr auto; overflow:hidden; background:var(--ink); color:#f9f8f3; position:relative; }
.hero-copy { max-width:650px; padding-top:2.5vw; align-self:start; position:relative; z-index:1; }.eyebrow,.section-kicker { margin:0; font-family:'DM Mono',monospace; font-size:11px; letter-spacing:.08em; text-transform:uppercase; }.eyebrow {color:var(--acid);display:flex;align-items:center;gap:9px}.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--acid)}
h1,h2,h3,p { margin-top:0; }h1 {margin:28px 0 28px;font-size:clamp(4.25rem,8vw,8.4rem);line-height:.82;letter-spacing:-.09em;font-weight:800;} h1 em,h2 em {font-family:Georgia,"Times New Roman",serif;font-weight:600;letter-spacing:-.08em}.hero-summary {max-width:410px;color:#c1c1c9;font-size:17px;line-height:1.55;margin-bottom:32px}.button{display:inline-flex;align-items:center;gap:28px;border-radius:999px;padding:15px 19px;font-size:14px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:20px;line-height:10px}.button-primary{background:var(--acid);color:var(--ink)}
.hero-visual { position:relative; min-height:500px; align-self:stretch; overflow:hidden; }.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;mix-blend-mode:screen;opacity:.95}.visual-label{position:absolute;font-family:'DM Mono',monospace;font-size:10px;line-height:1.2;letter-spacing:.08em;color:#fff}.label-top{top:20px;right:0}.label-bottom{bottom:20px;left:16px;transform:rotate(-90deg);transform-origin:left top}
.hero-footer{grid-column:1/-1;display:flex;justify-content:space-between;padding-top:26px;border-top:1px solid rgba(255,255,255,.2);font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#c1c1c9}
.statement {padding:150px 13vw 160px;background:var(--paper);}.section-kicker{color:#555563;margin-bottom:24px}.statement h2,.services h2,.about h2,.contact h2{letter-spacing:-.075em;line-height:.92;font-size:clamp(2.8rem,5.6vw,6.2rem);margin-bottom:30px}.statement-copy{max-width:460px;margin-left:auto;font-size:18px;line-height:1.55}
.services{background:var(--violet);color:#fafaff;padding:100px 7vw 115px;display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw}.services .section-kicker{color:#d5d5ff}.service-list{border-top:1px solid rgba(255,255,255,.34)}.service-item{padding:30px 0;display:grid;grid-template-columns:54px 1fr 25px;gap:14px;border-bottom:1px solid rgba(255,255,255,.34);transition:padding .2s}.service-item:hover{padding-left:10px}.service-number{font-family:'DM Mono',monospace;font-size:11px;color:var(--acid)}.service-item h3{font-size:25px;letter-spacing:-.05em;margin-bottom:9px}.service-item p{max-width:430px;color:#deddfc;font-size:15px;line-height:1.55;margin-bottom:0}.service-arrow{font-size:23px;color:var(--acid)}
.about{padding:135px 7vw;display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw}.about-aside p:last-child{font-family:'DM Mono',monospace;font-size:12px;line-height:1.55}.about-copy{max-width:760px}.about-copy p{font-size:19px;line-height:1.6;max-width:620px;margin-bottom:35px}.text-link{display:inline-flex;gap:19px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:5px}.text-link span{color:var(--violet)}
.contact{padding:130px 7vw;background:var(--acid);text-align:center}.contact .section-kicker{margin-bottom:32px}.contact h2{font-size:clamp(4rem,8vw,8.4rem);margin-bottom:45px}.contact-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.button-light{background:var(--ink);color:white;}.button-outline{border:1px solid var(--ink);color:var(--ink)}
.site-footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:22px 4.2vw;background:var(--ink);color:#b4b4bc;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.04em;text-transform:uppercase}.footer-links{display:flex;gap:16px}.footer-links a:hover{color:var(--acid)}
@media (max-width:700px){.site-header{height:75px;padding:0 22px}.site-nav{display:none;position:absolute;top:75px;left:0;right:0;padding:24px 22px 28px;background:var(--paper);border-top:1px solid var(--rule);flex-direction:column;align-items:flex-start}.site-nav.open{display:flex}.menu-toggle{display:block;border:0;background:transparent;font:600 13px Manrope;color:var(--ink)}.hero{min-height:700px;padding:45px 22px 22px;display:flex;flex-direction:column}.hero-copy{padding-top:0}.hero-summary{font-size:16px}.hero-visual{min-height:300px;margin-top:30px}.hero-footer{margin-top:auto;padding-top:17px;font-size:8px}.hero-footer span:nth-child(2){display:none}.statement{padding:90px 22px}.statement-copy{margin-left:0;font-size:16px}.services{padding:76px 22px;display:block}.services-head{margin-bottom:52px}.service-item{grid-template-columns:35px 1fr 18px;padding:24px 0}.service-item h3{font-size:21px}.about{padding:90px 22px;display:block}.about-aside{margin-bottom:45px}.about-copy p{font-size:17px}.contact{padding:90px 22px}.site-footer{padding:22px;font-size:8px;line-height:1.6}}