:root { --black:#08090b; --panel:#121417; --panel-2:#181b20; --white:#f6f6f5; --muted:#b8bac0; --red:#d71920; --line:rgba(255,255,255,.13); --shell:1180px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--black); color:var(--white); font-family:Manrope,Arial,sans-serif; line-height:1.6; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
.shell { width:min(var(--shell), calc(100% - 40px)); margin:auto; }
.site-header { position:sticky; z-index:20; top:0; border-bottom:1px solid rgba(255,255,255,.09); background:rgba(8,9,11,.94); backdrop-filter:blur(13px); }
.header-inner { min-height:76px; display:flex; align-items:center; gap:28px; }
.wordmark { font-family:"Barlow Condensed",Impact,sans-serif; letter-spacing:.1em; font-size:1.55rem; font-style:italic; font-weight:800; white-space:nowrap; }
.wordmark span { color:var(--red); }
.primary-nav { margin-left:auto; }.nav-list { display:flex; list-style:none; padding:0; margin:0; gap:24px; }.nav-list a { color:#e8e8e8; font-size:.78rem; letter-spacing:.11em; text-transform:uppercase; font-weight:800; }.nav-list a:hover { color:var(--red); }
.header-cta,.button { display:inline-flex; justify-content:center; align-items:center; min-height:45px; padding:0 20px; border:1px solid var(--red); border-radius:2px; font-family:"Barlow Condensed",sans-serif; font-size:1rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; transition:.2s ease; }.header-cta { background:var(--red); }.header-cta:hover,.button-red:hover { background:#f0272e; border-color:#f0272e; transform:translateY(-2px); }.menu-toggle { display:none; }
.hero { min-height:690px; background-size:cover; background-position:center; display:flex; align-items:center; position:relative; isolation:isolate; }.hero:after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(0deg, rgba(8,9,11,.85), transparent 40%); }.hero-content { padding:160px 0 92px; max-width:760px; }.eyebrow { margin:0 0 12px; color:var(--red); font-family:"Barlow Condensed",sans-serif; font-size:.95rem; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }.hero h1,.section h2,.contact h2,.inner-page h1 { margin:0; font-family:"Barlow Condensed",Impact,sans-serif; font-size:clamp(3.2rem,7vw,6.3rem); font-weight:800; letter-spacing:.015em; line-height:.92; text-transform:uppercase; }.hero h1 em,.section h2 em { color:var(--red); font-style:normal; }.hero-copy { max-width:600px; color:#ededed; margin:28px 0; font-size:1.05rem; }.actions { display:flex; flex-wrap:wrap; gap:12px; }.button-red { background:var(--red); }.button-ghost { border-color:rgba(255,255,255,.55); }.button-ghost:hover { border-color:var(--white); background:rgba(255,255,255,.1); }
.section { padding:108px 0; }.section-lead { max-width:640px; color:var(--muted); }.services { background:var(--panel); }.services h2,.stats h2,.remaps h2,.process h2,.contact h2 { font-size:clamp(2.8rem,5vw,4.6rem); }.service-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:42px; }.service-card { border:1px solid var(--line); background:#0d0f12; padding:28px; transition:transform .25s,border-color .25s,background .25s; }.service-card:hover { transform:translateY(-7px); background:#15181d; border-color:var(--red); }.service-card span,.steps b { color:var(--red); font-family:"Barlow Condensed",sans-serif; font-size:1.1rem; font-weight:800; letter-spacing:.1em; }.service-card h3,.steps h3 { margin:32px 0 8px; font-family:"Barlow Condensed",sans-serif; font-size:1.65rem; line-height:1; text-transform:uppercase; }.service-card p { margin:0; color:var(--muted); font-size:.93rem; }
.stats { background:linear-gradient(125deg,#08090b,#1c1113); }.stats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:44px; }.stats-grid div { border-top:2px solid var(--red); padding-top:16px; }.stats-grid strong { display:block; font-family:"Barlow Condensed",sans-serif; font-size:2.1rem; line-height:1; text-transform:uppercase; }.stats-grid span { color:var(--muted); font-size:.82rem; text-transform:uppercase; letter-spacing:.06em; }
.remaps { background:#0d0f12; }.remap-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:45px; align-items:center; }.remap-copy p:not(.eyebrow) { color:var(--muted); margin:22px 0 28px; }.remap-layout img { border:1px solid rgba(255,255,255,.17); box-shadow:0 24px 60px rgba(0,0,0,.4); }
.process { background:var(--panel); }.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:40px; }.steps > div { padding:8px 28px 8px 0; border-right:1px solid var(--line); }.steps > div:last-child { border:0; }.steps h3 { margin-top:22px; }.steps p { color:var(--muted); }
.contact { padding:100px 0; background:linear-gradient(120deg,#560a0d,#110b0d 52%,#08090b); }.contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:start; }.contact-grid > div > p:not(.eyebrow) { color:#ddd; max-width:540px; }.contact-details { display:grid; gap:5px; margin-top:30px; font-weight:700; }.contact-details a { color:var(--white); }.contact-details a:hover { color:var(--red); }.contact-details span { color:var(--muted); }.contact-form { padding:28px; background:#0d0f12; border:1px solid rgba(255,255,255,.25); display:grid; gap:14px; }.contact-form label { display:grid; gap:5px; font-size:.75rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.contact-form input,.contact-form textarea { border:1px solid #3b3d41; background:#171a1f; color:var(--white); padding:12px; font:inherit; }.contact-form input:focus,.contact-form textarea:focus { outline:1px solid var(--red); border-color:var(--red); }.contact-form small { color:var(--muted); font-size:.7rem; }
.inner-page { min-height:65vh; padding:115px 0 70px; }.page-content,.post-card { max-width:800px; color:#d7d7d7; }.post-card { padding:20px 0; border-bottom:1px solid var(--line); }.post-card h2 { font-family:"Barlow Condensed",sans-serif; text-transform:uppercase; }.site-footer { border-top:1px solid var(--line); background:#07080a; color:var(--muted); font-size:.82rem; }.footer-inner { padding:34px 0; display:flex; align-items:center; justify-content:space-between; gap:20px; }.footer-inner p { margin:0; }.footer-inner a:hover { color:var(--red); }.footer-inner .wordmark { color:var(--white); margin-bottom:4px; }
.reveal { opacity:0; transform:translateY(18px); transition:opacity .7s ease,transform .7s ease; }.reveal.is-visible { opacity:1; transform:none; }
@media (max-width:800px) { .header-inner { min-height:65px; }.menu-toggle { display:block; margin-left:auto; border:0; background:transparent; color:var(--white); font:700 .85rem Manrope,sans-serif; text-transform:uppercase; letter-spacing:.1em; }.header-cta { display:none; }.primary-nav { display:none; position:absolute; top:65px; left:0; right:0; padding:20px; background:#0d0f12; border-bottom:1px solid var(--line); }.primary-nav.is-open { display:block; }.nav-list { flex-direction:column; gap:18px; }.hero { min-height:620px; background-position:60% center; }.service-grid,.stats-grid,.steps,.contact-grid,.remap-layout { grid-template-columns:1fr; }.stats-grid { gap:25px; }.remap-layout { gap:32px; }.steps > div { border-right:0; border-bottom:1px solid var(--line); padding:10px 0 22px; }.footer-inner { flex-direction:column; align-items:flex-start; }.section,.contact { padding:72px 0; } }
@media (max-width:480px) { .shell { width:min(var(--shell), calc(100% - 28px)); }.wordmark { font-size:1.25rem; }.hero-content { padding-top:122px; }.hero h1 { font-size:3rem; }.actions .button { width:100%; } }