@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');

:root{--bg:#071018;--surface:#0d1821;--surface-2:#101e29;--line:#22323d;--text:#f4f7f8;--muted:#94a5b0;--blue:#27a8ff;--blue-2:#0076c9;--amber:#ffac43;--max:1240px;--radius:22px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;font-size:16px;line-height:1.65;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
.site-header{height:82px;padding:0 max(24px,calc((100vw - var(--max))/2));display:flex;align-items:center;gap:44px;position:absolute;inset:0 0 auto;z-index:20;border-bottom:1px solid rgba(255,255,255,.11)}
.brand{display:flex;align-items:center;gap:11px;min-width:max-content}.brand-mark{width:38px;height:38px;color:var(--blue)}.brand span{display:flex;flex-direction:column;line-height:1}.brand strong{font:700 19px/1 Space Grotesk;letter-spacing:.11em}.brand small{font:700 9px/1.8 Manrope;letter-spacing:.38em;color:var(--muted)}
nav{display:flex;gap:30px;margin-left:auto}nav a{font-size:14px;font-weight:600;color:#d8e0e5;transition:.2s}nav a:hover{color:var(--blue)}
.header-call{padding:11px 16px;border-left:1px solid rgba(255,255,255,.16);font:700 14px Space Grotesk;letter-spacing:.02em}.header-call span{display:block;color:var(--blue);font:800 9px Manrope;letter-spacing:.16em;margin-bottom:3px}
.menu-button{display:none;background:none;border:0;padding:8px}.menu-button span{display:block;width:24px;height:2px;background:#fff;margin:5px}
.hero{min-height:760px;height:100vh;max-height:960px;position:relative;display:flex;align-items:center;isolation:isolate}.hero-photo{position:absolute;inset:0;background:url('assets/keycore-workshop.png') center/cover no-repeat;z-index:-3}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,11,17,.98) 0%,rgba(4,11,17,.9) 28%,rgba(4,11,17,.35) 60%,rgba(4,11,17,.12)),linear-gradient(0deg,rgba(7,16,24,.85) 0%,transparent 35%)}
.hero-content{width:min(var(--max),calc(100% - 48px));margin:56px auto 0}.status{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(7,16,24,.5);backdrop-filter:blur(10px);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.status i,.contact-label i{width:8px;height:8px;border-radius:50%;background:#36db87;box-shadow:0 0 0 5px rgba(54,219,135,.12)}
h1,h2,h3{font-family:Space Grotesk,sans-serif;margin:0;line-height:1.08}h1{max-width:840px;font-size:clamp(3.25rem,6.6vw,6.3rem);letter-spacing:-.055em;margin:25px 0 24px}h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.4px rgba(255,255,255,.72)}.hero-content>p{max-width:640px;color:#bdc9d0;font-size:18px;line-height:1.7;margin:0 0 32px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:52px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:4px;font-weight:800;font-size:14px;letter-spacing:.01em;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--blue);color:#02111b}.button-primary:hover{background:#56bbff}.button-ghost{border:1px solid rgba(255,255,255,.26);background:rgba(7,16,24,.35);backdrop-filter:blur(8px)}
.hero-facts{display:flex;gap:0;margin-top:58px}.hero-facts div{min-width:180px;padding:0 28px;border-left:1px solid rgba(255,255,255,.15)}.hero-facts div:first-child{padding-left:0;border-left:0}.hero-facts strong{display:block;font:700 20px Space Grotesk}.hero-facts span{color:var(--muted);font-size:12px}.scroll-cue{position:absolute;right:30px;bottom:30px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.2em;color:var(--muted);display:flex;gap:12px;align-items:center}.scroll-cue span{font-size:18px;color:var(--blue)}
.section{width:min(var(--max),calc(100% - 48px));margin:0 auto;padding:120px 0}.eyebrow{text-transform:uppercase;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.2em}.section-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:end;margin-bottom:52px}.section-heading .eyebrow{grid-column:1/-1}.section-heading h2,.process h2,.contact h2{font-size:clamp(2.5rem,5vw,4.6rem);letter-spacing:-.045em}.section-heading p,.process-intro>p,.contact-copy>p{color:var(--muted);margin:0;max-width:520px}
.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.service-card{position:relative;min-height:400px;padding:38px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(16,30,41,.92),rgba(10,21,29,.92));overflow:hidden;transition:.3s}.service-card:hover{transform:translateY(-4px);border-color:#35546a}.service-card.featured{background:linear-gradient(145deg,#0f4162,#0b2638);border-color:#256791}.service-card:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;background:var(--blue);filter:blur(110px);opacity:.08;right:-20px;bottom:-30px}.service-number{position:absolute;right:30px;top:25px;color:#5c707e;font:700 12px Space Grotesk;letter-spacing:.12em}.service-icon{width:58px;height:58px;border:1px solid #2e4859;border-radius:15px;display:grid;place-items:center;color:var(--blue);margin-bottom:44px}.service-icon svg{width:31px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.service-card h3{font-size:27px;margin-bottom:12px}.service-card p{color:var(--muted);max-width:480px}.service-card ul{list-style:none;padding:0;margin:24px 0 0;display:flex;gap:8px;flex-wrap:wrap}.service-card li{font-size:11px;font-weight:700;color:#c5d0d6;padding:6px 10px;border:1px solid #28404f;border-radius:999px}
.process{border-top:1px solid var(--line);display:grid;grid-template-columns:.85fr 1.15fr;gap:110px}.process-intro h2{margin:14px 0 24px}.text-link{display:inline-flex;align-items:center;gap:28px;margin-top:34px;padding-bottom:5px;border-bottom:1px solid var(--blue);font-weight:700}.text-link span{color:var(--blue)}.steps{padding:0;margin:0;list-style:none}.steps li{display:grid;grid-template-columns:68px 1fr;gap:18px;padding:26px 0;border-bottom:1px solid var(--line)}.steps>li>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid #2d485a;border-radius:50%;font:700 11px Space Grotesk;color:var(--blue)}.steps h3{font-size:20px}.steps p{color:var(--muted);margin:4px 0 0;font-size:14px}
.trust-strip{padding:22px max(24px,calc((100vw - var(--max))/2));border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.12em;color:#b3c0c8}.trust-strip i{width:4px;height:4px;background:var(--blue);transform:rotate(45deg)}
.contact{display:grid;grid-template-columns:1fr 470px;gap:100px;align-items:center}.contact-copy h2{margin:14px 0 24px}.contact-card{padding:42px;border-radius:var(--radius);background:linear-gradient(145deg,#102b3d,#0c1b25);border:1px solid #254354}.contact-label{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:800;letter-spacing:.16em;color:#afbec7}.phone{display:block;font:700 clamp(1.8rem,4vw,2.6rem) Space Grotesk;margin:18px 0 4px;letter-spacing:-.03em}.phone:hover,.email:hover{color:var(--blue)}.email{display:inline-block;color:var(--muted);font-size:14px}.coverage{display:flex;justify-content:space-between;align-items:center;padding:26px 0;margin:28px 0;border-top:1px solid #284453;border-bottom:1px solid #284453}.coverage span{font-size:12px;color:var(--muted)}.coverage strong{font-size:14px}.full{width:100%}
footer{padding:42px max(24px,calc((100vw - var(--max))/2));border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:30px;color:var(--muted);font-size:12px}.footer-brand{color:var(--text)}footer>p{text-align:center;margin:0}footer>div{display:flex;justify-content:flex-end;gap:24px}footer>div a{color:var(--text);font-weight:700}.mobile-call{display:none}
@media(max-width:900px){.site-header{height:70px;padding:0 20px}.site-header nav,.header-call{display:none}.menu-button{display:block;margin-left:auto}.site-header.open nav{display:flex;position:absolute;top:70px;left:0;right:0;padding:22px;background:#071018;border-bottom:1px solid var(--line);flex-direction:column;gap:16px}.hero{min-height:760px;height:auto;padding:120px 0 70px}.hero-photo{background-position:60% center}.hero-shade{background:linear-gradient(90deg,rgba(4,11,17,.97),rgba(4,11,17,.78)),linear-gradient(0deg,#071018,transparent 40%)}h1{font-size:clamp(3rem,12vw,5rem)}.hero-content{margin-top:0}.hero-facts{display:grid;grid-template-columns:repeat(3,1fr)}.hero-facts div{min-width:0;padding:0 12px}.section{padding:82px 0}.section-heading{grid-template-columns:1fr;gap:20px}.service-grid{grid-template-columns:1fr}.process{grid-template-columns:1fr;gap:50px}.contact{grid-template-columns:1fr;gap:42px}.trust-strip{overflow:auto;gap:28px;justify-content:flex-start}.trust-strip span{white-space:nowrap}footer{grid-template-columns:1fr;align-items:start}footer>p{text-align:left}footer>div{justify-content:flex-start}.mobile-call{display:flex;position:fixed;z-index:30;bottom:14px;left:14px;right:14px;height:54px;align-items:center;justify-content:center;gap:10px;border-radius:5px;background:var(--blue);color:#03111b;font-weight:800;box-shadow:0 10px 40px #000}body{padding-bottom:78px}}
@media(max-width:560px){.hero-content,.section{width:calc(100% - 32px)}.hero-content>p{font-size:16px}.hero-actions{display:grid}.hero-facts{margin-top:42px}.hero-facts div{padding:0 8px}.hero-facts strong{font-size:16px}.hero-facts span{font-size:10px}.scroll-cue{display:none}.service-card{padding:28px;min-height:auto}.service-icon{margin-bottom:30px}.contact-card{padding:28px 22px}.coverage{align-items:flex-start;gap:10px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}