:root{--mb-bg:#0a0e17;--mb-bg-alt:#0f1524;--mb-surface:#121a2b;--mb-border:#22304a;--mb-text:#e7ecf5;--mb-text-dim:#9aa7bd;--mb-accent:#22d3ee;--mb-accent-2:#3b82f6;--mb-accent-grad:linear-gradient(135deg,#22d3ee 0%,#3b82f6 100%);--mb-radius:14px;--mb-radius-sm:8px;--mb-shadow:0 10px 40px -10px rgba(0,0,0,.5);--mb-font-display:'Geist','Inter',system-ui,-apple-system,Segoe UI,sans-serif;--mb-font-body:'Inter',system-ui,-apple-system,Segoe UI,sans-serif;--mb-container:1180px;--mb-gap:clamp(1rem,3vw,2.5rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{background:var(--mb-bg);color:var(--mb-text);font-family:var(--mb-font-body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
body::before{content:'';position:fixed;inset:0;background:radial-gradient(circle at 15% 0%,rgba(34,211,238,.08),transparent 45%),radial-gradient(circle at 85% 20%,rgba(59,130,246,.10),transparent 50%);pointer-events:none;z-index:0}
h1,h2,h3,h4,h5{font-family:var(--mb-font-display);font-weight:700;line-height:1.15;letter-spacing:-.01em;margin:0 0 .5em}
h1{font-size:clamp(2.2rem,4.5vw,3.4rem)}h2{font-size:clamp(1.6rem,3vw,2.3rem)}h3{font-size:clamp(1.2rem,2vw,1.5rem)}
p{margin:0 0 1.1em;color:var(--mb-text-dim)}
a{color:var(--mb-accent);text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%;display:block}
.mb-container{max-width:var(--mb-container);margin-inline:auto;padding-inline:clamp(1.25rem,4vw,2rem);position:relative;z-index:1}
.mb-section{padding-block:clamp(3rem,8vw,6.5rem)}
.mb-eyebrow{display:inline-flex;align-items:center;gap:.5em;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mb-accent);font-weight:600;margin-bottom:1em}
.mb-eyebrow::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--mb-accent-grad)}
.mb-btn{display:inline-flex;align-items:center;gap:.5em;padding:.85em 1.6em;border-radius:999px;font-weight:600;font-size:.95rem;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}
.mb-btn--primary{background:var(--mb-accent-grad);color:#04121a}
.mb-btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px -6px rgba(34,211,238,.45);text-decoration:none}
.mb-btn--ghost{border-color:var(--mb-border);color:var(--mb-text)}
.mb-btn--ghost:hover{border-color:var(--mb-accent);text-decoration:none}
.mb-card{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0));border:1px solid var(--mb-border);border-radius:var(--mb-radius);padding:1.75rem;backdrop-filter:blur(6px);transition:border-color .25s ease,transform .25s ease}
.mb-card:hover{border-color:rgba(34,211,238,.4);transform:translateY(-3px)}
[data-inview]{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
[data-inview].is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){[data-inview]{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}

/* Header */
.mb-header{position:sticky;top:0;z-index:50;background:rgba(10,14,23,.72);backdrop-filter:blur(14px);border-bottom:1px solid var(--mb-border)}
.mb-header__inner{display:flex;align-items:center;justify-content:space-between;padding-block:.9rem}
.mb-logo{font-family:var(--mb-font-display);font-weight:800;font-size:1.15rem;color:var(--mb-text)}
.mb-logo span{color:var(--mb-accent)}
.mb-nav{display:flex;gap:1.75rem;align-items:center}
.mb-nav a{color:var(--mb-text-dim);font-weight:500;font-size:.95rem}
.mb-nav a:hover{color:var(--mb-text);text-decoration:none}
.mb-nav .menu-item-has-children{position:relative}
.mb-nav .sub-menu{position:absolute;top:100%;left:0;min-width:260px;background:var(--mb-surface);border:1px solid var(--mb-border);border-radius:var(--mb-radius-sm);padding:.5rem;margin-top:.75rem;box-shadow:var(--mb-shadow);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .2s,visibility .2s;list-style:none}
.mb-nav .menu-item-has-children:hover>.sub-menu,.mb-nav .menu-item-has-children:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.mb-nav .sub-menu a{display:block;padding:.55rem .75rem;border-radius:6px}
.mb-nav .sub-menu a:hover{background:rgba(255,255,255,.05)}
.mb-nav-toggle{display:none;background:none;border:1px solid var(--mb-border);border-radius:8px;color:var(--mb-text);padding:.5rem .7rem}
@media (max-width:860px){.mb-nav{display:none}.mb-nav-toggle{display:inline-flex}.mb-nav.is-open{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--mb-bg-alt);padding:1rem 1.25rem;border-bottom:1px solid var(--mb-border)}.mb-nav.is-open .sub-menu{position:static;opacity:1;visibility:visible;transform:none;margin-top:.25rem;box-shadow:none}}

/* Hero */
.mb-hero{padding-block:clamp(4rem,10vw,7rem) clamp(3rem,7vw,5rem);text-align:left}
.mb-hero__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--mb-gap);align-items:center}
@media (max-width:900px){.mb-hero__grid{grid-template-columns:1fr}}
.mb-hero__visual{position:relative;aspect-ratio:1/1;border-radius:var(--mb-radius);background:var(--mb-surface);border:1px solid var(--mb-border);overflow:hidden}
.mb-hero__visual::after{content:'';position:absolute;inset:0;background:conic-gradient(from 210deg at 30% 30%,rgba(34,211,238,.25),transparent 40%),radial-gradient(circle at 70% 75%,rgba(59,130,246,.3),transparent 45%)}
.mb-hero p.lead{font-size:1.15rem;color:var(--mb-text-dim);max-width:36em}
.mb-hero__actions{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}
.mb-hero__stats{display:flex;gap:2rem;margin-top:2.5rem;flex-wrap:wrap}
.mb-hero__stats strong{display:block;font-family:var(--mb-font-display);font-size:1.6rem;color:var(--mb-text)}
.mb-hero__stats span{font-size:.85rem;color:var(--mb-text-dim)}

/* Grids */
.mb-grid{display:grid;gap:var(--mb-gap)}
.mb-grid--3{grid-template-columns:repeat(3,1fr)}
.mb-grid--2{grid-template-columns:repeat(2,1fr)}
@media (max-width:860px){.mb-grid--3,.mb-grid--2{grid-template-columns:1fr}}

/* Text + Image block */
.mb-textimg{display:grid;grid-template-columns:1fr 1fr;gap:var(--mb-gap);align-items:center}
.mb-textimg.is-reversed .mb-textimg__media{order:2}
@media (max-width:860px){.mb-textimg{grid-template-columns:1fr}.mb-textimg.is-reversed .mb-textimg__media{order:0}}
.mb-textimg__media img{border-radius:var(--mb-radius);border:1px solid var(--mb-border)}

/* Key points / checklist */
.mb-checklist{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}
.mb-checklist li{display:flex;gap:.75rem;align-items:flex-start;padding:1rem;border:1px solid var(--mb-border);border-radius:var(--mb-radius-sm);background:rgba(255,255,255,.02)}
.mb-checklist li::before{content:'✓';flex:0 0 auto;width:1.6em;height:1.6em;display:grid;place-items:center;border-radius:50%;background:var(--mb-accent-grad);color:#04121a;font-weight:800;font-size:.8rem}

/* Process steps */
.mb-steps{list-style:none;margin:0;padding:0;display:grid;gap:1.25rem;counter-reset:mbstep}
.mb-steps li{position:relative;padding-left:3.25rem;counter-increment:mbstep}
.mb-steps li::before{content:counter(mbstep,decimal-leading-zero);position:absolute;left:0;top:0;font-family:var(--mb-font-display);font-weight:800;color:var(--mb-accent);font-size:1.1rem;border:1px solid var(--mb-border);border-radius:50%;width:2.4rem;height:2.4rem;display:grid;place-items:center;background:var(--mb-surface)}
.mb-steps li h4{margin-bottom:.25em}

/* FAQ — pure CSS accordion, no JS */
.mb-faq{border-top:1px solid var(--mb-border)}
.mb-faq__item{border-bottom:1px solid var(--mb-border)}
.mb-faq__item summary{list-style:none;cursor:pointer;padding:1.15rem 0;display:flex;justify-content:space-between;gap:1rem;font-weight:600;font-family:var(--mb-font-display)}
.mb-faq__item summary::-webkit-details-marker{display:none}
.mb-faq__item summary::after{content:'+';font-size:1.4rem;color:var(--mb-accent);flex:0 0 auto;transition:transform .2s ease}
.mb-faq__item[open] summary::after{transform:rotate(45deg)}
.mb-faq__item .mb-faq__answer{padding:0 0 1.25rem;color:var(--mb-text-dim)}

/* CTA */
.mb-cta{border-radius:var(--mb-radius);padding:clamp(2rem,5vw,3.5rem);background:linear-gradient(135deg,rgba(34,211,238,.12),rgba(59,130,246,.12));border:1px solid rgba(34,211,238,.25);text-align:center}

/* Related articles */
.mb-related a{color:var(--mb-text);display:block}
.mb-related .mb-card h4{margin-bottom:.35em}
.mb-tag{display:inline-block;font-size:.75rem;padding:.25em .7em;border-radius:999px;border:1px solid var(--mb-border);color:var(--mb-accent);margin-bottom:.75em}

/* Author box */
.mb-authorbox{display:flex;gap:1.25rem;align-items:center;padding:1.5rem;border:1px solid var(--mb-border);border-radius:var(--mb-radius);background:rgba(255,255,255,.02)}
.mb-authorbox img{width:64px;height:64px;border-radius:50%;object-fit:cover}
.mb-authorbox strong{font-family:var(--mb-font-display)}

/* Archive / Single */
.mb-archive__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--mb-gap)}
@media (max-width:860px){.mb-archive__grid{grid-template-columns:1fr}}
.mb-breadcrumbs{font-size:.85rem;color:var(--mb-text-dim);margin-bottom:1.5rem}
.mb-breadcrumbs a{color:var(--mb-text-dim)}
.mb-breadcrumbs a:hover{color:var(--mb-accent)}
article.single .mb-content{max-width:70ch}
article.single .mb-content h2{margin-top:1.75em}

/* Footer */
.mb-footer{border-top:1px solid var(--mb-border);padding-block:3rem;margin-top:4rem}
.mb-footer__grid{display:flex;justify-content:space-between;flex-wrap:wrap;gap:2rem}
.mb-footer a{color:var(--mb-text-dim)}
.mb-footer small{color:var(--mb-text-dim);display:block;margin-top:2rem}

/* Contact Form 7 — restyled to match theme (dark surfaces, cyan focus, pill button) */
.mb-contact-form .wpcf7-form p{margin-bottom:1.1rem}
.mb-contact-form .wpcf7-form label{display:block;margin-bottom:.4em;font-size:.9rem;color:var(--mb-text)}
.mb-contact-form .wpcf7-form input[type=text],.mb-contact-form .wpcf7-form input[type=email],.mb-contact-form .wpcf7-form input[type=tel],.mb-contact-form .wpcf7-form textarea,.mb-contact-form .wpcf7-form select{width:100%;padding:.75em .9em;border-radius:var(--mb-radius-sm);border:1px solid var(--mb-border);background:var(--mb-bg-alt);color:var(--mb-text);font-family:var(--mb-font-body);font-size:1rem;transition:border-color .2s ease}
.mb-contact-form .wpcf7-form textarea{min-height:140px;resize:vertical}
.mb-contact-form .wpcf7-form input:focus,.mb-contact-form .wpcf7-form textarea:focus,.mb-contact-form .wpcf7-form select:focus{outline:none;border-color:var(--mb-accent)}
.mb-contact-form .wpcf7-form input[type=submit]{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:.5em;padding:.85em 1.8em;border-radius:999px;font-weight:600;font-size:.95rem;border:none;background:var(--mb-accent-grad);color:#04121a;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.mb-contact-form .wpcf7-form input[type=submit]:hover{transform:translateY(-2px);box-shadow:0 8px 24px -6px rgba(34,211,238,.45)}
.mb-contact-form .wpcf7-form input[type=submit]:disabled{opacity:.6;cursor:default;transform:none}
.mb-contact-form .wpcf7-spinner{margin-left:.6em;vertical-align:middle;filter:invert(1) grayscale(1) brightness(1.6)}
.mb-contact-form .wpcf7-not-valid-tip{color:#fb7185;font-size:.85rem;margin-top:.35em;display:block}
.mb-contact-form .wpcf7-not-valid{border-color:#fb7185 !important}
.mb-contact-form .wpcf7-response-output{margin:1.25rem 0 0;padding:.9em 1.1em;border-radius:var(--mb-radius-sm);border:1px solid var(--mb-border);font-size:.9rem}
.mb-contact-form form.sent .wpcf7-response-output{border-color:rgba(34,211,238,.5);color:var(--mb-text)}
.mb-contact-form form.failed .wpcf7-response-output,.mb-contact-form form.aborted .wpcf7-response-output{border-color:#fb7185;color:#fecaca}
.mb-contact-form form.invalid .wpcf7-response-output,.mb-contact-form form.unaccepted .wpcf7-response-output{border-color:#fbbf24;color:#fde68a}
.grecaptcha-badge{filter:grayscale(.2)}

.mb-skip-link{position:absolute;left:-9999px;top:0;background:var(--mb-accent);color:#04121a;padding:.5rem 1rem;z-index:100}
.mb-skip-link:focus{left:1rem;top:1rem}
:focus-visible{outline:2px solid var(--mb-accent);outline-offset:2px}