:root{
  --bg:#0a0d12;
  --bg-2:#10151c;
  --panel:#151b24;
  --muted:#667180;
  --text:#f4f6f8;
  --text-dark:#101318;
  --paper:#f5f6f7;
  --line:rgba(255,255,255,.12);
  --accent:#76e1c5;
  --accent-2:#b4ffec;
  --max:1180px;
  --radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text-dark);background:var(--paper);line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:20px;top:20px;background:#fff;padding:10px;z-index:9999;color:#000}

.site-header{position:sticky;top:0;z-index:50;background:rgba(10,13,18,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);color:#fff}
.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:inline-flex;align-items:center;gap:12px}
.brand-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(118,225,197,.45);background:rgba(118,225,197,.08);color:var(--accent);font-weight:900;letter-spacing:.05em}
.brand-text{display:flex;flex-direction:column;line-height:1.05}.brand-text strong{font-size:1rem}.brand-text small{font-size:.68rem;letter-spacing:.15em;color:#a9b2bd;margin-top:5px}
.main-nav{display:flex;align-items:center;gap:28px;font-size:.94rem}.main-nav a{color:#d7dce2}.main-nav a:hover{color:#fff}.nav-cta{border:1px solid rgba(118,225,197,.45);padding:10px 15px;border-radius:999px}
.menu-toggle{display:none;background:transparent;color:#fff;border:1px solid var(--line);padding:9px 12px;border-radius:10px}
.back-link{color:#d7dce2}

.hero{background:var(--bg);color:#fff;padding:100px 0 80px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}
.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.17em;color:#4d806f;margin:0 0 18px}
.hero .eyebrow,.section-dark .eyebrow,.contact .eyebrow,.owner-section .eyebrow{color:var(--accent)}
.hero h1{font-size:clamp(3rem,7vw,6.4rem);line-height:.95;letter-spacing:-.055em;margin:0 0 28px;max-width:920px}
.hero h1 span{color:#98a2af}.lead{font-size:1.18rem;color:#b7c0ca;max-width:760px;margin-bottom:34px}
.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:12px;font-weight:800;transition:.2s}.button-primary{background:var(--accent);color:#07100d}.button-primary:hover{transform:translateY(-2px);background:var(--accent-2)}.button-secondary{border:1px solid var(--line);color:#fff;background:rgba(255,255,255,.03)}
.trust-row{display:flex;gap:26px;flex-wrap:wrap;margin-top:45px;color:#8d98a5;font-size:.82rem}.trust-row span:before{content:"•";color:var(--accent);margin-right:8px}

.hero-visual{position:relative;min-height:480px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(145deg,#111720,#090c11);overflow:hidden}
.signal-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent)}
.visual-card{position:absolute;left:12%;right:12%;top:18%;padding:24px;border:1px solid rgba(118,225,197,.22);border-radius:22px;background:rgba(10,13,18,.72);box-shadow:0 30px 70px rgba(0,0,0,.35)}
.visual-line{height:62px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.visual-line:last-child{border-bottom:0}.visual-line span{width:11px;height:11px;border-radius:50%;background:var(--accent);box-shadow:0 0 22px var(--accent)}.visual-line b{font-size:.8rem;letter-spacing:.16em;color:#b9c2cd}
.hero-badge{position:absolute;right:7%;bottom:8%;width:116px;height:116px;border-radius:50%;border:1px solid rgba(118,225,197,.35);display:grid;place-items:center;text-align:center;color:var(--accent);font-size:1.5rem;font-weight:900;letter-spacing:.08em;background:#0d1218}.hero-badge small{font-size:.6rem;color:#7f8995}

.section{padding:100px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px}.section h2{font-size:clamp(2rem,4vw,4rem);line-height:1.05;letter-spacing:-.04em;margin:0}.copy{font-size:1.08rem;color:#4a535e}.copy p:first-child{margin-top:0}
.section-dark{background:var(--bg);color:#fff}.section-muted{background:#eceff1}
.section-head{display:grid;grid-template-columns:1fr .55fr;gap:50px;align-items:end;margin-bottom:50px}.section-head>p{color:#64707d;margin:0}.section-dark .section-head>p{color:#98a3af}

.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:28px;min-height:355px}.service-card .num{color:var(--accent);font-size:.78rem;font-weight:800}.service-card h3{font-size:1.45rem;margin:35px 0 12px}.service-card p{color:#a9b3be}.service-card ul{padding-left:18px;color:#d6dbe1}.service-card li{margin:8px 0}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps article{border-top:2px solid #17202a;padding-top:24px}.steps span{font-weight:900;color:#507f70}.steps h3{font-size:1.3rem}.steps p{color:#5a6570}

.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.project-grid article{background:#fff;border-radius:18px;padding:24px;min-height:220px;border:1px solid #dde2e6}.project-grid small{font-size:.68rem;font-weight:900;letter-spacing:.11em;color:#71808b}.project-grid h3{font-size:1.35rem;margin:28px 0 10px}.project-grid p{color:#59636d}.fineprint{font-size:.78rem;color:#6f7a84;margin-top:28px}

.brands{display:flex;flex-wrap:wrap;gap:12px}.brands span{padding:12px 16px;border:1px solid #ccd4da;border-radius:999px;background:#fff;font-weight:800}
.owner-section{background:#11161d;color:#fff}.owner-grid{display:grid;grid-template-columns:.35fr 1fr;gap:70px;align-items:center}.owner-mark{font-size:clamp(5rem,13vw,11rem);font-weight:900;line-height:.8;color:#1f2833;letter-spacing:-.08em}.owner-grid p{color:#aab4bf;max-width:760px}.signature{margin-top:35px}.signature strong{color:#fff;font-size:1.1rem}.signature span{font-size:.75rem;letter-spacing:.12em}

.contact{background:#0a0d12;color:#fff}.contact-grid{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:start}.contact h2{font-size:clamp(2.5rem,5vw,5rem)}.contact p{color:#a7b1bb}.contact-card{border:1px solid var(--line);border-radius:24px;padding:30px;background:#11161d}.contact-card>div{display:flex;flex-direction:column;padding:16px 0;border-bottom:1px solid var(--line)}.contact-card small{font-size:.68rem;letter-spacing:.15em;color:#7d8996}.contact-card a{font-size:1.25rem;font-weight:800}.contact-card .button{font-size:.95rem;margin-top:18px}

.site-footer{background:#06080b;color:#a5aeb9;padding:34px 0 24px}.footer-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:center}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a:hover{color:#fff}.copyright{border-top:1px solid var(--line);margin-top:28px;padding-top:18px;font-size:.78rem;color:#6f7883}.footer-brand{color:#fff}

.legal-main{min-height:70vh;background:#f3f5f6;padding:80px 0}.legal-wrap{max-width:840px}.legal-wrap h1{font-size:clamp(2.8rem,6vw,5.4rem);line-height:1;letter-spacing:-.05em;margin:0 0 50px}.legal-wrap h2{font-size:1.25rem;margin:38px 0 10px}.legal-wrap p{color:#4d5862}.legal-wrap a{text-decoration:underline;text-underline-offset:3px}

@media (max-width:980px){
  .hero-grid,.two-col,.section-head,.owner-grid,.contact-grid{grid-template-columns:1fr}
  .hero-visual{min-height:360px}
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
  .project-grid{grid-template-columns:repeat(2,1fr)}
  .section-head{gap:20px}
  .owner-grid{gap:30px}
}
@media (max-width:760px){
  .container{width:min(calc(100% - 28px),var(--max))}
  .nav-wrap{height:72px}
  .menu-toggle{display:block}
  .main-nav{position:absolute;left:14px;right:14px;top:78px;background:#0d1218;border:1px solid var(--line);border-radius:16px;padding:16px;display:none;flex-direction:column;align-items:stretch;gap:4px}
  .main-nav.open{display:flex}.main-nav a{padding:11px 10px}
  .hero{padding-top:70px}.hero h1{font-size:clamp(3rem,15vw,5rem)}
  .section{padding:70px 0}.service-grid,.steps,.project-grid{grid-template-columns:1fr}
  .service-card{min-height:auto}
  .footer-grid{grid-template-columns:1fr;align-items:start}
  .trust-row{gap:8px;flex-direction:column}
}