/* MB-IT v1.1 */ 
:root {
  --bg: #ffffff;
  --text: #111111;
  --muted: #555;
  --card: #f6f6f6;
  --border: #e5e5e5;
  --accent: #ff7a00;
  --overlay: rgba(15,18,24,.72);
}
html[data-accent="orange"] { --accent:#ff7a00; }
html[data-accent="blue"]   { --accent:#2d6cdf; }
html[data-accent="green"]  { --accent:#2fa36b; }
html[data-accent="neon"]   { --accent:#3dff87; }
html[data-theme="dark"] {
  --bg:#0e0f12; --text:#f2f3f5; --muted:#a7aeb9;
  --card:#15181e; --border:#2a2e36; --overlay: rgba(5,7,10,.82);
}
*{box-sizing:border-box} html,body{margin:0;padding:0}
body{font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.site-header{position:sticky;top:0;z-index:10;backdrop-filter:saturate(150%) blur(6px);background:color-mix(in srgb, var(--bg) 85%, transparent);border-bottom:1px solid var(--border)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:10px 0;gap:14px}
.brand img{display:block}
.main-nav{display:flex;gap:10px;align-items:center}
.main-nav a{padding:6px 8px;border-radius:8px;text-decoration:none;color:var(--text);opacity:.92}
.main-nav a:hover{color:var(--accent);background:color-mix(in srgb, var(--card) 60%, transparent)}
.controls{display:flex;align-items:center;gap:12px}
.icon-btn{border:1px solid var(--border);background:var(--card);padding:6px 10px;border-radius:10px;cursor:pointer;color:var(--text)}
.accent-picker{display:flex;gap:6px}
.accent{width:18px;height:18px;border-radius:50%;border:2px solid var(--border);cursor:pointer}
.accent.orange{background:#ff7a00}.accent.blue{background:#2d6cdf}.accent.green{background:#2fa36b}.accent.neon{background:#3dff87}
.hamburger{display:none;flex-direction:column;gap:4px;padding:6px 8px;border:1px solid var(--border);background:var(--card);border-radius:10px}
.hamburger span{display:block;width:20px;height:2px;background:var(--text)}
.mobile-menu[hidden]{display:none}
.mobile-menu{position:fixed;inset:0;z-index:20;background:var(--overlay);backdrop-filter:blur(6px)}
.mobile-menu-inner{display:flex;flex-direction:column;gap:12px;max-width:90%;margin:80px auto 0;background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:16px}
.mobile-menu-inner a{text-decoration:none;color:var(--text);padding:10px 12px;border-radius:10px}
.mobile-menu-inner a:hover{background:color-mix(in srgb, var(--card) 60%, transparent);color:var(--accent)}
.hero{padding:72px 0 56px;border-bottom:1px solid var(--border)}
.hero-inner{text-align:center}
.hero h1{font-size:clamp(28px,4vw,44px);margin:0 0 10px}
.lead{font-size:1.125rem;color:var(--muted);max-width:800px;margin:0 auto 18px}
.cta{display:flex;gap:12px;justify-content:center}
.section{padding:56px 0}
.section.alt{background:var(--card)}
.grid.two{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}
.grid.three{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cards .card{border:1px solid var(--border);border-radius:16px;padding:18px;background:var(--bg)}
.card.highlight{background:var(--card)}
.card.highlight.specialties{padding:24px}
.icon{font-size:28px}
.ticks{padding-left:18px}
.ticks li{margin:6px 0}
.btn{--btn-bg:var(--accent);display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:12px;border:none;text-decoration:none;color:#000;background:var(--btn-bg);cursor:pointer;font-weight:600}
.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}
html[data-theme="dark"] .btn{color:#0a0a0a}
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.price-card{background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:18px}
.price-card.featured{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 30%, transparent)}
.price{font-size:1.3rem}
.center{text-align:center}.small{font-size:.9rem}.muted{color:var(--muted)}
.link-strong{color:var(--text);text-decoration:underline}.link-strong:hover{color:var(--accent)}
.ads .ads-box{display:grid;place-items:center;min-height:120px;border:1px dashed var(--border);border-radius:12px;background:var(--card)}
.ads-placeholder{color:var(--muted)}
.site-footer{border-top:1px solid var(--border);padding:18px 0}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:12px}
.footer-links a{color:var(--muted);text-decoration:none;margin-left:12px}
.footer-links a:hover{color:var(--accent)}
.cookie-banner{position:fixed;inset:auto 12px 12px 12px;z-index:30;border:1px solid var(--border);background:var(--bg);border-radius:14px;padding:14px;box-shadow:0 8px 30px rgba(0,0,0,.15)}
.cookie-actions{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}
@media (max-width:900px){.grid.two{grid-template-columns:1fr}.grid.three,.pricing{grid-template-columns:repeat(2,1fr)}}
@media (max-width:700px){.main-nav{display:none}.hamburger{display:flex}.grid.three,.pricing{grid-template-columns:1fr}}
