:root{
  --bg:#0b0d10; --panel:#12151a; --card:#151921; --text:#e9eef5; --muted:#a3adbd;
  --accent:#6ce5b1; --accent-2:#86b7ff; --border:#202633; --shadow:0 10px 30px rgba(0,0,0,.35);
  --radius:14px; --radius-sm:10px; --container:1100px; --space: clamp(16px, 2vw, 24px);
}
*{box-sizing:border-box} html,body{margin:0;padding:0;background:var(--bg);color:var(--text);
  font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}
img{max-width:100%;height:auto;display:block} a{color:var(--text);text-decoration:none}
a:hover{opacity:.9} .container{max-width:var(--container);margin:0 auto;padding:0 var(--space)}
.muted{color:var(--muted)} .small{font-size:.9rem} .section-head{margin:48px 0 20px}
.section-head h2{margin:.3rem 0 0}
.site-header{position:sticky;top:0;background:rgba(11,13,16,.7);backdrop-filter:saturate(120%) blur(10px);
  border-bottom:1px solid var(--border);z-index:50;display:flex;align-items:center;justify-content:center}
.header-inner{display:flex;align-items:center;justify-content:space-between;width:100%}
.brand-link{display:flex;gap:10px;align-items:center;font-weight:700}
.site-nav{display:flex;gap:14px;align-items:center}
.site-nav .menu{display:flex;gap:14px;list-style:none;margin:0;padding:0}
.site-nav .menu a{padding:10px 12px;border-radius:10px}
.btn{display:inline-block;padding:12px 16px;border-radius:12px;border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow)}
.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#0a0e13;font-weight:700}
.btn-ghost{background:transparent} .btn-light{background:#fff;color:#111}
.nav-toggle{display:none;border:0;background:transparent;font-size:24px;color:var(--text)}
.hero{padding:40px 0 10px;background:radial-gradient(70% 100% at 0% 0%, rgba(108,229,177,.12), transparent 60%), radial-gradient(70% 100% at 100% 0%, rgba(134,183,255,.10), transparent 60%)}
.hero-grid{display:grid;gap:28px;grid-template-columns:1.1fr .9fr;align-items:center}
.hero-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}
.cta-row{display:flex;gap:12px;margin:18px 0} .trust-row{display:flex;gap:16px;align-items:center;margin-top:12px}
.strip{background:linear-gradient(180deg, rgba(255,255,255,.02), transparent)} .cards{display:grid;gap:16px}
.cards.three{grid-template-columns:repeat(3,1fr)} .cards.four{grid-template-columns:repeat(4,1fr)}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
.card.link{transition:transform .16s ease, border-color .16s} .card.link:hover{transform:translateY(-2px);border-color:var(--accent)}
.page-hero.slim{padding:40px 0} .grid.two{display:grid;gap:18px;grid-template-columns:1fr 1fr}
.service{margin:18px 0} .ticks{list-style:none;padding:0;margin:12px 0 0}
.ticks li{padding-left:26px;position:relative;margin:6px 0} .ticks li:before{content:"✓";position:absolute;left:0;top:0.1rem;color:var(--accent)}
.price{position:relative} .price .price-tag{font-size:1.6rem;font-weight:800} .price.featured{border-color:var(--accent)}
.cta-center{display:flex;justify-content:center;margin:12px 0 0} .cta-banner{background:linear-gradient(90deg, rgba(108,229,177,.12), rgba(134,183,255,.12));margin:40px 0}
.cta-banner-inner{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:18px;border:1px solid var(--border);border-radius:var(--radius)}
.services-list{padding-bottom:24px} .contact{display:grid;gap:18px;grid-template-columns:1.2fr .8fr}
.form input,.form select,.form textarea{width:100%;padding:12px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text)}
.form label{display:block;margin:8px 0} .form-actions{display:flex;gap:10px;align-items:center;margin-top:8px}
.portfolio{padding-bottom:24px} .site-footer{border-top:1px solid var(--border);margin-top:40px;padding:30px var(--space);background:rgba(0,0,0,.2)}
.footer-grid{display:grid;gap:18px;grid-template-columns:2fr 1fr 1fr 1.2fr;max-width:var(--container);margin:0 auto}
.brand-inline{display:flex;gap:8px;align-items:center;margin-bottom:10px} .social{display:flex;gap:10px;margin-top:10px}
.prose{max-width:800px;padding:0 var(--space)} .cards .card h3, .cards .card h4{margin-top:0}
.highlight{color:var(--accent)} .accent{background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}
/* Responsive */ @media (max-width: 980px){
  .hero-grid{grid-template-columns:1fr}
  .cards.three{grid-template-columns:1fr 1fr} .cards.four{grid-template-columns:1fr 1fr}
  .grid.two{grid-template-columns:1fr} .footer-grid{grid-template-columns:1fr 1fr}
  .site-nav{display:none;position:absolute;right:12px;top:54px;background:var(--panel);border:1px solid var(--border);
    border-radius:12px;padding:8px;flex-direction:column;width:220px} .nav-toggle{display:block}
}
@media (max-width: 560px){ .cards.three,.cards.four{grid-template-columns:1fr} .footer-grid{grid-template-columns:1fr} }