:root {

    /* ── LIGHT MODE (default) ──────────────────────────────────────────────── */

    /* Backgrounds */
    --c-bg:             var(--ss-bg,      #ffffff);
    --c-surface:        var(--ss-surface, #f9fafb);
    --c-surface-2:      #f1f5f9;
    --c-overlay:        rgba(0,0,0,.04);

    /* Text */
    --c-text:           var(--ss-text,       #111827);
    --c-text-muted:     var(--ss-text-muted, #6b7280);
    --c-text-subtle:    #9ca3af;
    --c-text-inverse:   #ffffff;

    /* Borders */
    --c-border:         var(--ss-border, #e5e7eb);
    --c-border-strong:  #d1d5db;

    /* Links */
    --c-link:           var(--ss-link,       var(--ss-primary, #7c3aed));
    --c-link-hover:     var(--ss-link-hover, var(--ss-secondary, #4c1d95));

    /* Brand (same in light & dark — never change) */
    --c-primary:        var(--ss-primary,         #7c3aed);
    --c-primary-rgb:    var(--ss-primary-rgb,      124,58,237);
    --c-primary-light:  var(--ss-primary-light,    rgba(124,58,237,0.12));
    --c-primary-mid:    var(--ss-primary-mid,      rgba(124,58,237,0.35));
    --c-secondary:      var(--ss-secondary,        #4c1d95);
    --c-secondary-rgb:  var(--ss-secondary-rgb,    76,29,149);
    --c-accent:         var(--ss-accent,           #f59e0b);
    --c-accent-rgb:     var(--ss-accent-rgb,       245,158,11);
    --c-accent-light:   var(--ss-accent-light,     rgba(245,158,11,0.15));
    --c-success:        var(--ss-success, #22c55e);
    --c-danger:         var(--ss-danger,  #ef4444);

    /* Gradients */
    --c-gradient:       var(--ss-gradient,      linear-gradient(135deg,#7c3aed,#4c1d95));
    --c-gradient-soft:  var(--ss-gradient-soft, linear-gradient(135deg,rgba(124,58,237,.12),rgba(76,29,149,.12)));

    /* Shadows */
    --c-shadow-sm:      var(--ss-shadow-sm,  0 1px 4px rgba(0,0,0,.08));
    --c-shadow-md:      var(--ss-shadow-md,  0 4px 16px rgba(0,0,0,.12));
    --c-shadow-lg:      var(--ss-shadow-lg,  0 8px 32px rgba(0,0,0,.16));
    --c-shadow-glow:    var(--ss-shadow-glow,0 0 20px rgba(124,58,237,.30));
    --c-focus-ring:     var(--ss-focus-ring, 0 0 0 3px rgba(124,58,237,.30));

    /* Timing */
    --t-color:  0.22s ease;
    --t-move:   0.18s ease;
    --t-slow:   0.34s ease;
}


/* ── DARK MODE ─────────────────────────────────────────────────────────────── */
/* Only semantic surface/text/border tokens change.                            */
/* Brand, accent, gradient tokens stay the same — your purple stays purple.   */

body.ss-dark-mode {
    --c-bg:           #0d0f14;
    --c-surface:      #161a23;
    --c-surface-2:    #1d2231;
    --c-overlay:      rgba(255,255,255,.05);

    --c-text:         #eef0f6;
    --c-text-muted:   #8a94a8;
    --c-text-subtle:  #58627a;
    --c-text-inverse: #0d0f14;

    --c-border:       #242b3d;
    --c-border-strong:#2e3850;

    --c-link:         #a78bfa;
    --c-link-hover:   #c4b5fd;

    --c-shadow-sm:    0 1px 6px rgba(0,0,0,.45);
    --c-shadow-md:    0 4px 20px rgba(0,0,0,.6);
    --c-shadow-lg:    0 10px 44px rgba(0,0,0,.7);
    --c-shadow-glow:  0 0 28px rgba(124,58,237,.5);

    color-scheme: dark;
}


/* ════════════════════════════════════════════════════════════════════════════
   LAYER 2 — GLOBAL TRANSITION
   Every color-bearing property animates when dark mode is toggled
════════════════════════════════════════════════════════════════════════════ */

*,
*::before,
*::after {
    box-sizing: border-box;
    transition:
        color            var(--t-color),
        background-color var(--t-color),
        border-color     var(--t-color),
        box-shadow       var(--t-color),
        fill             var(--t-color),
        stroke           var(--t-color),
        opacity          var(--t-color);
}

/* Things that should NEVER color-transition */
img,
video,
canvas,
iframe,
.no-transition,
.no-transition * {
    transition: none !important;
}

/* Images dim slightly in dark mode */
body.ss-dark-mode img { opacity: .85; transition: opacity var(--t-color) !important; }

/* Things that should MOVE but not color-transition */
.btn,
.card,
.btn-play,
.artist-avatar,
.hero-bg {
    transition:
        color            var(--t-color),
        background-color var(--t-color),
        border-color     var(--t-color),
        box-shadow       var(--t-move),
        transform        var(--t-move),
        opacity          var(--t-color);
}





/* Hero Archive Page */
.hbar-hero{background:var(--grad);position:relative;overflow:hidden;padding:64px 0 88px;}
.hbar-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 90% at 80% 20%,rgba(255,255,255,.09),transparent 65%),radial-gradient(ellipse 40% 55% at 5% 95%,rgba(0,0,0,.18),transparent 55%);pointer-events:none;}
.hbar-orb-a,.hbar-orb-b{position:absolute;border-radius:50%;filter:blur(50px);animation:hbar-drift 10s ease-in-out infinite;pointer-events:none;}
.hbar-orb-a{width:380px;height:380px;background:rgba(255,255,255,.09);top:-100px;right:-60px;}
.hbar-orb-b{width:260px;height:260px;background:rgba(0,0,0,.15);bottom:-70px;left:-40px;animation-delay:-5s;}
@keyframes hbar-drift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(20px,-15px) scale(1.04)}}
.hbar-hero-inner{position:relative;z-index:1;}

/* Author hero */
.hbar-author-hero{display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
.hbar-author-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid rgba(255,255,255,.3);flex-shrink:0;box-shadow:0 4px 20px rgba(0,0,0,.2);}
.hbar-author-avatar img{width:100%;height:100%;object-fit:cover;}

.hbar-hero-chip{display:inline-flex;align-items:center;gap:7px;font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;background:rgba(255,255,255,.15);color:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.25);padding:5px 14px;border-radius:20px;margin-bottom:14px;backdrop-filter:blur(8px);}
.hbar-breadcrumb{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;color:rgba(255,255,255,.6);margin-bottom:14px;flex-wrap:wrap;}
.hbar-breadcrumb a{color:rgba(255,255,255,.6);text-decoration:none;}.hbar-breadcrumb a:hover{color:#fff;}
.hbar-hero-title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;letter-spacing:-.04em;color:#fff;line-height:1.1;margin-bottom:12px;}
.hbar-hero-desc{font-size:1rem;color:rgba(255,255,255,.72);line-height:1.72;max-width:560px;}
.hbar-hero-meta{display:flex;align-items:center;gap:16px;margin-top:20px;flex-wrap:wrap;}
.hbar-hero-meta-item{display:flex;align-items:center;gap:6px;font-size:.8rem;color:rgba(255,255,255,.7);font-weight:600;}
.hbar-wave{position:absolute;bottom:-1px;left:0;right:0;line-height:0;}
.hbar-wave svg{width:100%;height:56px;}

/* Body layout */
.hbar-body{padding:52px 0 80px;}
.hbar-layout{display:grid;grid-template-columns:1fr 300px;gap:52px;align-items:start;}

/* Posts list */
.hbar-posts{display:flex;flex-direction:column;gap:0;}

/* Featured first post (hero card) */
.hbar-post-featured{
    background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);
    overflow:hidden;display:flex;flex-direction:row;gap:0;
    margin-bottom:28px;
    transition:transform var(--t),box-shadow var(--t),border-color var(--t);
}
.hbar-post-featured:hover{transform:translateY(-4px);box-shadow:var(--sh-md);border-color:rgba(var(--p-rgb),.22);}
.hbar-post-featured .hbar-post-thumb{width:48%;flex-shrink:0;height:auto;min-height:280px;}
.hbar-post-featured .hbar-post-body{flex:1;padding:32px 28px;display:flex;flex-direction:column;justify-content:center;}
.hbar-post-featured .hbar-post-title{font-size:1.35rem;}
.hbar-post-featured .hbar-post-excerpt{font-size:.93rem;}

/* Regular post cards */
.hbar-posts-grid{display:flex;flex-direction:column;gap:20px;}
.hbar-post-card{
    background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);
    overflow:hidden;display:flex;gap:0;
    transition:transform var(--t),box-shadow var(--t),border-color var(--t);
    position:relative;
}
.hbar-post-card:hover{transform:translateX(5px);box-shadow:var(--sh-sm);border-color:rgba(var(--p-rgb),.22);}
.hbar-post-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--grad);border-radius:var(--r-lg) 0 0 var(--r-lg);opacity:0;transition:opacity var(--t);}
.hbar-post-card:hover::before{opacity:1;}
.hbar-post-thumb{width:200px;flex-shrink:0;overflow:hidden;background:var(--bg2);}
.hbar-post-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease;}
.hbar-post-card:hover .hbar-post-thumb img,.hbar-post-featured:hover .hbar-post-thumb img{transform:scale(1.06);}
.hbar-post-thumb-ph{width:100%;height:100%;min-height:160px;display:flex;align-items:center;justify-content:center;font-size:3rem;opacity:.2;}
.hbar-post-body{padding:22px 24px;display:flex;flex-direction:column;flex:1;justify-content:center;}
.hbar-post-cats{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px;}
.hbar-post-cat{font-size:.63rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:rgba(var(--p-rgb),.08);color:var(--p);padding:3px 9px;border-radius:20px;text-decoration:none;transition:background var(--t),color var(--t);}
.hbar-post-cat:hover{background:var(--p);color:#fff;}
.hbar-post-title{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:8px;line-height:1.38;}
.hbar-post-title a{color:inherit;text-decoration:none;}.hbar-post-title a:hover{color:var(--p);}
.hbar-post-excerpt{font-size:.82rem;color:var(--text2);line-height:1.65;margin-bottom:14px;flex:1;}
.hbar-post-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:.73rem;color:var(--text3);}
.hbar-post-meta-item{display:flex;align-items:center;gap:4px;}
.hbar-post-readmore{display:flex;align-items:center;gap:5px;color:var(--p);font-weight:700;text-decoration:none;font-size:.78rem;margin-left:auto;transition:gap var(--t);}
.hbar-post-readmore:hover{gap:9px;}

/* Sidebar */
.hbar-sidebar{position:sticky;top:100px;display:flex;flex-direction:column;gap:20px;}
.hbar-widget{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;}
.hbar-widget-head{padding:14px 18px;border-bottom:1px solid var(--border);font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text2);display:flex;align-items:center;gap:8px;}
.hbar-widget-body{padding:16px 18px;}

/* Category widget */
.hbar-cat-list{display:flex;flex-direction:column;gap:2px;}
.hbar-cat-link{
    display:flex;align-items:center;justify-content:space-between;
    padding:8px 12px;border-radius:10px;
    font-size:.84rem;color:var(--text2);text-decoration:none;font-weight:500;
    transition:background var(--t),color var(--t);
}
.hbar-cat-link:hover,.hbar-cat-link.active{background:rgba(var(--p-rgb),.07);color:var(--p);}
.hbar-cat-count{font-size:.7rem;background:var(--bg3);color:var(--text3);padding:2px 8px;border-radius:20px;font-weight:700;}
.hbar-cat-link.active .hbar-cat-count{background:rgba(var(--p-rgb),.12);color:var(--p);}

/* Search widget */
.hbar-search-form{display:flex;gap:0;}
.hbar-search-inp{flex:1;padding:10px 14px;background:var(--bg);border:1.5px solid var(--border);border-right:none;border-radius:var(--r) 0 0 var(--r);font-family:inherit;font-size:.84rem;color:var(--text);outline:none;transition:border-color var(--t);}
.hbar-search-inp:focus{border-color:var(--p);}
.hbar-search-inp::placeholder{color:var(--text3);}
.hbar-search-go{padding:10px 14px;background:var(--grad);color:#fff;border:none;border-radius:0 var(--r) var(--r) 0;cursor:pointer;display:flex;align-items:center;transition:opacity var(--t);}
.hbar-search-go:hover{opacity:.9;}

/* Tag cloud */
.hbar-tag-cloud{display:flex;flex-wrap:wrap;gap:6px;}
.hbar-tag{padding:5px 12px;background:var(--bg);border:1.5px solid var(--border);border-radius:20px;font-size:.77rem;font-weight:600;color:var(--text2);text-decoration:none;transition:border-color var(--t),color var(--t),background var(--t);}
.hbar-tag:hover{border-color:rgba(var(--p-rgb),.4);color:var(--p);background:rgba(var(--p-rgb),.05);}

/* Pagination */
.hbar-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:48px;flex-wrap:wrap;}
.hbar-page-btn{
    display:flex;align-items:center;justify-content:center;
    width:42px;height:42px;border-radius:12px;
    background:var(--bg2);border:1.5px solid var(--border);
    color:var(--text2);text-decoration:none;font-weight:700;font-size:.88rem;
    transition:background var(--t),color var(--t),border-color var(--t),transform var(--t);
}
.hbar-page-btn:hover{border-color:rgba(var(--p-rgb),.4);color:var(--p);transform:translateY(-1px);}
.hbar-page-btn.current{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 2px 12px rgba(var(--p-rgb),.3);}
.hbar-page-btn.dots{border:none;background:transparent;cursor:default;width:auto;padding:0 4px;color:var(--text3);}
.hbar-page-prev,.hbar-page-next{width:auto;padding:0 16px;gap:6px;display:inline-flex;}

/* Empty */
.hbar-empty{text-align:center;padding:80px 20px;}
.hbar-empty h3{font-size:1.3rem;font-weight:700;margin-bottom:10px;}
.hbar-empty p{color:var(--text2);}

/* Reveal */
.hbar-reveal{opacity:0;transform:translateY(22px);transition:opacity .5s cubic-bezier(.25,.46,.45,.94),transform .5s cubic-bezier(.25,.46,.45,.94);}
.hbar-reveal.visible{opacity:1;transform:none;}
.hbar-d1{transition-delay:.05s;}.hbar-d2{transition-delay:.10s;}.hbar-d3{transition-delay:.15s;}
.hbar-d4{transition-delay:.20s;}.hbar-d5{transition-delay:.25s;}.hbar-d6{transition-delay:.30s;}

img.hbar-lazy{opacity:0;transition:opacity .4s ease;}
img.hbar-lazy.loaded{opacity:1;}

@media(max-width:900px){
    .hbar-layout{grid-template-columns:1fr;}
    .hbar-sidebar{position:static;}
    .hbar-post-featured{flex-direction:column;}
    .hbar-post-featured .hbar-post-thumb{width:100%;min-height:220px;}
}
@media(max-width:620px){
    .hbar-post-card{flex-direction:column;}
    .hbar-post-thumb{width:100%;height:200px;}
    .hbar-post-thumb-ph{min-height:200px;}
    .hbar-wrap{padding:0 16px;}
    .hbar-body{padding:36px 0 60px;}
}


















/* ── HOMEPAGE ── */
.mx-sec{width:100%;padding:clamp(72px,9vw,120px) 0;}
.mx-sec-alt{background:var(--bg2);}

/* ── Section header ── */
.mx-chip{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--p);background:rgba(var(--p-rgb),.1);border:1px solid rgba(var(--p-rgb),.2);padding:5px 13px;border-radius:20px;}
.mx-sec-head{text-align:center;margin-bottom:clamp(44px,6vw,72px);}
.mx-sec-h2{font-family:var(--f-disp);font-size:clamp(1.9rem,4vw,3rem);font-weight:900;letter-spacing:-.04em;line-height:1.1;color:var(--txt);margin-top:12px;margin-bottom:14px;}
.mx-sec-p{font-size:1.05rem;color:var(--txt2);line-height:1.75;max-width:520px;margin:0 auto;}
.mx-sec-split{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:clamp(36px,5vw,56px);}
.mx-sec-split .mx-sec-h2{text-align:left;margin-bottom:8px;}
.mx-sec-split .mx-sec-p{margin:0;text-align:left;}

/* ── Tag ── */
.mx-tag{display:inline-block;font-size:.64rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;background:rgba(var(--p-rgb),.08);color:var(--p);padding:3px 10px;border-radius:20px;transition:background .2s,color .2s;}
.mx-tag:hover,.mx-tag-row a.mx-tag:hover{background:var(--p);color:#fff;}
.mx-tag.sm{font-size:.6rem;padding:2px 8px;}
.mx-tag-row{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px;}

/* ── Buttons ── */
.mx-btn-solid{display:inline-flex;align-items:center;gap:9px;padding:15px 30px;background:var(--grad);color:#fff;font-family:var(--f-body);font-size:.9rem;font-weight:700;border-radius:12px;border:none;box-shadow:0 4px 20px rgba(var(--p-rgb),.32);transition:transform .25s var(--ease),box-shadow .25s var(--ease);}
.mx-btn-solid:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(var(--p-rgb),.44);}
.mx-btn-glass{display:inline-flex;align-items:center;gap:9px;padding:14px 26px;background:rgba(255,255,255,.14);color:#fff;font-family:var(--f-body);font-size:.9rem;font-weight:700;border-radius:12px;border:1.5px solid rgba(255,255,255,.32);backdrop-filter:blur(10px);transition:background .2s,border-color .2s,transform .2s;}
.mx-btn-glass:hover{background:rgba(255,255,255,.24);border-color:rgba(255,255,255,.55);transform:translateY(-2px);}
.mx-btn-outline{display:inline-flex;align-items:center;gap:7px;padding:11px 22px;border:1.5px solid var(--p);color:var(--p);font-family:var(--f-body);font-size:.86rem;font-weight:700;border-radius:10px;white-space:nowrap;flex-shrink:0;transition:background .2s,color .2s,transform .18s;}
.mx-btn-outline:hover{background:var(--p);color:#fff;transform:translateY(-1px);}

/* ── Meta ── */
.mx-meta{display:flex;align-items:center;gap:7px;font-size:.75rem;color:var(--txt3);flex-wrap:wrap;}
.mx-meta.sm{font-size:.7rem;}
.mx-dot{color:var(--bdr);}

/* ════════════════════════════════════
   HERO
════════════════════════════════════ */
.mx-hero{display:flex;flex-direction:column;justify-content:center;}
.mx-hero-inner{
  position:relative;z-index:2;
  display:grid;grid-template-columns:1fr 480px;
  gap:clamp(40px,6vw,80px);align-items:center;
  padding-top:clamp(80px,10vw,120px);
  padding-bottom:clamp(100px,12vw,148px);
}
/* ── Background layers ── */
.mx-hero-bg{position:absolute;inset:0;overflow:hidden;z-index:0;}
.mx-hb-noise{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");opacity:.5;}
.mx-hb-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:44px 44px;}
.mx-hb-orb{position:absolute;border-radius:50%;filter:blur(72px);pointer-events:none;}
.mx-hb-orb-1{width:600px;height:600px;background:rgba(255,255,255,.1);top:-160px;right:-120px;animation:mx-ob 10s ease-in-out infinite alternate;}
.mx-hb-orb-2{width:400px;height:400px;background:rgba(0,0,0,.25);bottom:-80px;left:-80px;animation:mx-ob 10s 3s ease-in-out infinite alternate;}
.mx-hb-orb-3{width:280px;height:280px;background:rgba(255,255,255,.06);top:40%;left:42%;animation:mx-ob 8s 6s ease-in-out infinite alternate;}
@keyframes mx-ob{0%{transform:translate(0,0) scale(1);}100%{transform:translate(20px,-18px) scale(1.08);}}
#mx-ticker-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.35;}

/* ── Hero text ── */
.mx-hero-text{color:#fff;position:relative;z-index:1;}
.mx-hero-badge{display:inline-flex;align-items:center;gap:9px;font-size:.7rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.26);padding:7px 16px;border-radius:30px;margin-bottom:26px;backdrop-filter:blur(10px);animation:mx-bd-in .7s var(--ease-b) both;}
.mx-hb-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;flex-shrink:0;animation:mx-pulse 2.4s ease infinite;}
@keyframes mx-bd-in{from{opacity:0;transform:translateY(-10px) scale(.9)}to{opacity:1;transform:none}}
@keyframes mx-pulse{0%{box-shadow:0 0 0 0 rgba(74,222,128,.7)}70%{box-shadow:0 0 0 10px transparent}100%{box-shadow:0 0 0 0 transparent}}
.mx-hero-h1{font-family:var(--f-disp);font-size:clamp(2.4rem,5.5vw,4.2rem);font-weight:900;line-height:1.06;letter-spacing:-.04em;color:#fff;margin-bottom:22px;animation:mx-ti .85s .1s var(--ease) both;}
.mx-h1-italic{font-style:italic;font-weight:300;background:linear-gradient(90deg,#fff 40%,rgba(255,255,255,.55));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
@keyframes mx-ti{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.mx-hero-sub{font-size:clamp(1rem,1.8vw,1.12rem);color:rgba(255,255,255,.72);line-height:1.78;margin-bottom:34px;max-width:480px;animation:mx-ti .85s .22s var(--ease) both;}
.mx-hero-btns{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-bottom:42px;animation:mx-ti .85s .34s var(--ease) both;}

/* Stats */
.mx-hero-stats{display:flex;align-items:stretch;background:rgba(255,255,255,.1);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:18px 24px;gap:0;width:fit-content;min-height:78px;animation:mx-ti .85s .44s var(--ease) both;}
.mx-stat{text-align:center;padding:0 22px;}
.mx-stat-div{width:1px;background:rgba(255,255,255,.18);flex-shrink:0;}
.mx-stat-n{display:block;font-family:var(--f-disp);font-size:1.7rem;font-weight:900;color:#fff;letter-spacing:-.04em;line-height:1;}
.mx-stat-l{display:block;font-size:.67rem;font-weight:600;color:rgba(255,255,255,.58);margin-top:5px;letter-spacing:.06em;text-transform:uppercase;}
.mx-hero-trust{font-size:.76rem;color:rgba(255,255,255,.5);display:flex;align-items:center;gap:6px;margin-top:18px;animation:mx-ti .85s .52s var(--ease) both;}

/* Hero frame / image */
.mx-hero-visual{position:relative;z-index:1;animation:mx-vi .9s .08s var(--ease) both;}
@keyframes mx-vi{from{opacity:0;transform:translateX(32px) scale(.97)}to{opacity:1;transform:none}}
.mx-hero-frame{width:100%;max-width:480px;border-radius:22px;overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,.32),0 0 0 1px rgba(255,255,255,.12);background:rgba(255,255,255,.06);position:relative;}
.mx-hero-img{width:100%;height:100%;object-fit:cover;display:block;}
.mx-hero-frame-glow{position:absolute;inset:-1px;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 60%);pointer-events:none;}

/* Illustration fallback */
.mx-hero-illus{width:400px;height:340px;position:relative;flex-shrink:0;}
.mx-ill-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;}
.mx-ill-logo{width:76px;height:76px;border-radius:50%;background:rgba(255,255,255,.16);backdrop-filter:blur(12px);border:2px solid rgba(255,255,255,.28);display:flex;align-items:center;justify-content:center;font-family:var(--f-disp);font-size:1.4rem;font-weight:700;color:#fff;}
.mx-ill-ring{position:absolute;top:50%;left:50%;border-radius:50%;border:1px solid rgba(255,255,255,.12);transform:translate(-50%,-50%);animation:mx-rp 3.5s ease-in-out infinite;}
.r1{width:130px;height:130px;animation-delay:0s;}.r2{width:190px;height:190px;animation-delay:-1.2s;}.r3{width:260px;height:260px;animation-delay:-2.4s;}
@keyframes mx-rp{0%,100%{opacity:.2;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.04)}}
.mx-ill-card{position:absolute;background:rgba(255,255,255,.13);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.22);border-radius:18px;padding:13px 17px;display:flex;align-items:center;gap:11px;color:#fff;box-shadow:0 8px 30px rgba(0,0,0,.22);}
.c1{top:2%;left:4%;animation:mx-fl 4s ease-in-out infinite;}
.c2{top:38%;right:0;animation:mx-fl 4s 1.5s ease-in-out infinite;}
.c3{bottom:4%;left:0;animation:mx-fl 4s 3s ease-in-out infinite;}
@keyframes mx-fl{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.mx-ill-card>span:first-child{font-size:1.3rem;width:38px;height:38px;background:rgba(255,255,255,.1);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.mx-ill-card b{display:block;font-size:.83rem;font-weight:700;}
.mx-ill-card small{display:block;font-size:.66rem;color:rgba(255,255,255,.6);margin-top:1px;}
.mx-ill-up{margin-left:auto;font-weight:800;font-size:.85rem;color:#4ade80;flex-shrink:0;}

/* Wave */
.mx-wave{position:absolute;bottom:-1px;left:0;right:0;line-height:0;z-index:2;}
.mx-wave svg{width:100%;height:80px;}

/* ════════════════════════════════════
   MARQUEE
════════════════════════════════════ */
.mx-mq-wrap{position:relative;background:var(--bg2);border-top:1px solid var(--bdr);border-bottom:1px solid var(--bdr);padding:14px 0;overflow:hidden;}
.mx-mq-fade{position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none;}
.mx-mq-fade-l{left:0;background:linear-gradient(to right,var(--bg2),transparent);}
.mx-mq-fade-r{right:0;background:linear-gradient(to left,var(--bg2),transparent);}
.mx-mq-track{display:flex;align-items:center;white-space:nowrap;animation:mx-mqs 28s linear infinite;}
.mx-mq-track:hover{animation-play-state:paused;}
@keyframes mx-mqs{from{transform:translateX(0)}to{transform:translateX(-25%)}}
.mx-mq-item{font-size:.75rem;font-weight:700;color:var(--txt2);padding:0 20px;letter-spacing:.02em;}
.mx-mq-sep{width:4px;height:4px;border-radius:50%;background:var(--p);opacity:.4;flex-shrink:0;}

/* ════════════════════════════════════
   FEATURES
════════════════════════════════════ */
.mx-feat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px;}
.mx-feat-card{background:var(--surf);border:1px solid var(--bdr);border-radius:18px;padding:26px 24px;display:flex;align-items:flex-start;gap:17px;position:relative;overflow:hidden;transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .2s;}
.mx-feat-card:hover{transform:translateY(-5px);box-shadow:var(--sh2);border-color:rgba(var(--p-rgb),.22);}
.mx-feat-ico{width:50px;height:50px;border-radius:14px;background:var(--bc,rgba(var(--p-rgb),.1));display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;transition:transform .28s var(--ease-b);}
.mx-feat-card:hover .mx-feat-ico{transform:scale(1.12) rotate(-5deg);}
.mx-feat-bd{flex:1;min-width:0;}
.mx-feat-title{font-size:1rem;font-weight:700;color:var(--txt);margin-bottom:7px;line-height:1.3;letter-spacing:-.01em;}
.mx-feat-desc{font-size:.855rem;color:var(--txt2);line-height:1.72;}
.mx-feat-lnk{display:inline-flex;align-items:center;margin-top:14px;font-size:.8rem;font-weight:700;color:var(--tc,var(--p));transition:letter-spacing .18s;}
.mx-feat-lnk:hover{letter-spacing:.03em;}
.mx-feat-blob{position:absolute;bottom:-24px;right:-24px;width:72px;height:72px;border-radius:50%;background:var(--bc,rgba(var(--p-rgb),.06));pointer-events:none;}
/* Top accent line on hover */
.mx-feat-card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--tc,var(--p)),transparent);transform:scaleX(0);transform-origin:left;transition:transform .32s var(--ease);}
.mx-feat-card:hover::after{transform:scaleX(1);}

/* ════════════════════════════════════
   EBOOKS
════════════════════════════════════ */
.mx-ebook-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.mx-ebook-card{background:var(--surf);border:1px solid var(--bdr);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .2s;}
.mx-ebook-card:hover{transform:translateY(-6px);box-shadow:var(--sh2);border-color:rgba(var(--p-rgb),.22);}
.mx-ebook-thumb{height:220px;position:relative;background:var(--bg2);overflow:hidden;}
.mx-ebook-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease);}
.mx-ebook-card:hover .mx-ebook-img{transform:scale(1.07);}
.mx-ebook-sk{position:absolute;inset:0;z-index:1;}
.mx-lz.ok+.mx-ebook-sk,.mx-lz.ok~.mx-ebook-sk,.mx-lz.ok+.mx-sk,.mx-lz.ok~.mx-sk{display:none!important;}
.mx-ebook-veil{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.4),transparent 55%);pointer-events:none;}
.mx-badge{position:absolute;font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:20px;z-index:3;}
.mx-badge-new{top:11px;left:11px;background:var(--p);color:#fff;box-shadow:0 2px 8px rgba(var(--p-rgb),.38);}
.mx-badge-access{bottom:11px;left:11px;}
.mx-badge-access.free{background:#ecfdf5;color:#059669;}
.mx-badge-access.paid{background:#fef3c7;color:#92400e;}
.mx-ebook-nothumb{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--grad);padding:20px;text-align:center;}
.mx-ebook-nothumb span:first-child{font-size:3rem;}
.mx-ebook-nothumb span:last-child{font-size:.8rem;font-weight:600;color:rgba(255,255,255,.8);line-height:1.4;}
.mx-ebook-body{padding:20px 22px;display:flex;flex-direction:column;flex:1;gap:0;}
.mx-ebook-title{font-size:.97rem;font-weight:700;color:var(--txt);margin:0 0 7px;line-height:1.4;}
.mx-ebook-title a{color:inherit;transition:color .2s;}
.mx-ebook-title a:hover{color:var(--p);}
.mx-ebook-desc{font-size:.82rem;color:var(--txt2);line-height:1.65;flex:1;margin-bottom:14px;}
.mx-ebook-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px solid var(--bdr);margin-top:auto;}
.mx-ebook-price{font-size:1rem;font-weight:800;color:var(--txt);letter-spacing:-.02em;}
.mx-ebook-price.is-free{color:var(--p);}
.mx-ebook-price del{font-size:.75rem;color:var(--txt3);font-weight:400;margin-left:5px;}
.mx-ebook-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;background:var(--grad);color:#fff;font-size:.77rem;font-weight:700;border-radius:9px;box-shadow:0 2px 10px rgba(var(--p-rgb),.28);transition:opacity .2s,transform .2s;white-space:nowrap;flex-shrink:0;}
.mx-ebook-btn:hover{opacity:.9;transform:translateY(-1px);}

/* ════════════════════════════════════
   BLOG
════════════════════════════════════ */
/* Featured layout */
.mx-blog-feat-wrap{display:grid;grid-template-columns:1fr 360px;gap:26px;align-items:start;}
.mx-blog-big{background:var(--surf);border:1px solid var(--bdr);border-radius:18px;overflow:hidden;transition:transform .28s var(--ease),box-shadow .28s var(--ease);}
.mx-blog-big:hover{transform:translateY(-4px);box-shadow:var(--sh2);}
.mx-blog-big-thumb{display:block;height:300px;background:var(--bg2);overflow:hidden;position:relative;}
.mx-blog-big-sk{position:absolute;inset:0;z-index:1;}
.mx-blog-big-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--ease);}
.mx-blog-big:hover .mx-blog-big-thumb img{transform:scale(1.05);}
.mx-blog-nothumb-big{height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem;background:var(--bg2);}
.mx-blog-veil{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.3),transparent 55%);pointer-events:none;}
.mx-blog-big-body{padding:26px 28px;}
.mx-blog-big-title{font-family:var(--f-disp);font-size:clamp(1.2rem,2.2vw,1.65rem);font-weight:700;color:var(--txt);margin:8px 0 12px;line-height:1.3;letter-spacing:-.025em;}
.mx-blog-big-title a{color:inherit;transition:color .2s;}
.mx-blog-big-title a:hover{color:var(--p);}
.mx-blog-big-exc{font-size:.92rem;color:var(--txt2);line-height:1.72;margin-bottom:16px;}
.mx-blog-side{display:flex;flex-direction:column;gap:14px;}
.mx-blog-side-card{background:var(--surf);border:1px solid var(--bdr);border-radius:14px;overflow:hidden;display:flex;transition:transform .22s var(--ease),box-shadow .22s;}
.mx-blog-side-card:hover{transform:translateX(4px);box-shadow:var(--sh1);}
.mx-side-thumb{display:block;width:108px;min-width:108px;height:96px;background:var(--bg2);overflow:hidden;position:relative;flex-shrink:0;}
.mx-side-sk{position:absolute;inset:0;z-index:1;}
.mx-side-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease);}
.mx-blog-side-card:hover .mx-side-thumb img{transform:scale(1.1);}
.mx-side-body{padding:11px 15px;display:flex;flex-direction:column;gap:6px;justify-content:center;min-width:0;}
.mx-side-title{font-size:.875rem;font-weight:700;color:var(--txt);line-height:1.38;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.mx-side-title a{color:inherit;transition:color .2s;}
.mx-side-title a:hover{color:var(--p);}
/* List layout */
.mx-blog-list{display:flex;flex-direction:column;gap:18px;}
.mx-blog-list-card{background:var(--surf);border:1px solid var(--bdr);border-radius:14px;overflow:hidden;display:grid;grid-template-columns:160px 1fr;transition:transform .22s var(--ease),box-shadow .22s;}
.mx-blog-list-card:hover{transform:translateY(-2px);box-shadow:var(--sh1);}
.mx-list-thumb{display:block;height:100%;min-height:120px;background:var(--bg2);overflow:hidden;position:relative;}
.mx-list-sk{position:absolute;inset:0;z-index:1;}
.mx-list-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease);}
.mx-blog-list-card:hover .mx-list-thumb img{transform:scale(1.07);}
.mx-list-body{padding:18px 20px;display:flex;flex-direction:column;gap:7px;}
.mx-list-title{font-size:1rem;font-weight:700;color:var(--txt);line-height:1.38;}
.mx-list-title a{color:inherit;transition:color .2s;}
.mx-list-title a:hover{color:var(--p);}
.mx-list-exc{font-size:.84rem;color:var(--txt2);line-height:1.65;}
/* Grid layout */
.mx-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.mx-blog-card{background:var(--surf);border:1px solid var(--bdr);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform .28s var(--ease),box-shadow .28s;}
.mx-blog-card:hover{transform:translateY(-5px);box-shadow:var(--sh2);}
.mx-blog-card-thumb{display:block;height:200px;background:var(--bg2);overflow:hidden;position:relative;}
.mx-card-sk{position:absolute;inset:0;z-index:1;}
.mx-blog-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease);}
.mx-blog-card:hover .mx-blog-card-thumb img{transform:scale(1.07);}
.mx-nothumb{height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;background:var(--bg2);}
.mx-blog-card-body{padding:18px 20px;display:flex;flex-direction:column;flex:1;gap:7px;}
.mx-blog-card-title{font-size:.97rem;font-weight:700;color:var(--txt);line-height:1.38;}
.mx-blog-card-title a{color:inherit;transition:color .2s;}
.mx-blog-card-title a:hover{color:var(--p);}
.mx-blog-card-exc{font-size:.83rem;color:var(--txt2);line-height:1.65;flex:1;}

/* ════════════════════════════════════
   NEWSLETTER
════════════════════════════════════ */
.mx-nl{background:var(--nl-bg,var(--grad));position:relative;overflow:hidden;padding:clamp(72px,9vw,108px) 0;width:100%;}
.mx-nl-glow{position:absolute;border-radius:50%;background:rgba(255,255,255,.07);filter:blur(30px);pointer-events:none;}
.mx-nl-glow-1{width:480px;height:480px;top:-120px;right:-80px;}
.mx-nl-glow-2{width:320px;height:320px;bottom:-80px;left:-60px;}
.mx-nl-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,72px);align-items:center;}
.mx-nl-left{color:#fff;}
.mx-nl-ico{font-size:2.6rem;display:block;margin-bottom:14px;animation:mx-fl 4s ease-in-out infinite;}
.mx-nl-h2{font-family:var(--f-disp);font-size:clamp(1.6rem,3vw,2.4rem);font-weight:900;letter-spacing:-.035em;color:#fff;margin-bottom:11px;line-height:1.13;}
.mx-nl-p{font-size:1rem;color:rgba(255,255,255,.72);line-height:1.75;}
.mx-nl-right{display:flex;flex-direction:column;gap:13px;}
.mx-nl-row{display:flex;gap:0;border-radius:13px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.22);}
.mx-nl-input{flex:1;padding:16px 20px;border:none;outline:none;font-family:var(--f-body);font-size:.9rem;color:var(--txt);background:#fff;min-height:54px;}
.mx-nl-input::placeholder{color:var(--txt3);}
.mx-nl-btn{padding:0 26px;background:var(--s);color:#fff;border:none;cursor:pointer;font-family:var(--f-body);font-size:.88rem;font-weight:700;display:flex;align-items:center;gap:8px;transition:background .2s,gap .2s;flex-shrink:0;min-height:54px;}
.mx-nl-btn:hover{background:var(--txt);gap:12px;}
.mx-nl-fb{font-size:.82rem;font-weight:600;padding:6px 10px;border-radius:8px;display:none;}
.mx-nl-fb.ok{display:block;background:rgba(74,222,128,.15);color:#4ade80;border:1px solid rgba(74,222,128,.3);}
.mx-nl-fb.err{display:block;background:rgba(239,68,68,.12);color:#fca5a5;border:1px solid rgba(239,68,68,.25);}
.mx-nl-disc{font-size:.74rem;color:rgba(255,255,255,.48);display:flex;align-items:center;gap:5px;}

/* ════════════════════════════════════
   TESTIMONIALS
════════════════════════════════════ */
/* Testimonial card shared */
.mx-tc{background:var(--surf);border:1px solid var(--bdr);border-radius:16px;padding:24px;position:relative;transition:transform .26s var(--ease),box-shadow .26s;}
.mx-tc:hover{transform:translateY(-3px);box-shadow:var(--sh1);}
.mx-tc.feat{border-color:rgba(var(--p-rgb),.35);background:linear-gradient(135deg,rgba(var(--p-rgb),.06),var(--surf));}
.mx-tc.feat::before{content:'★ Featured';position:absolute;top:-1px;right:16px;background:var(--p);color:#fff;font-size:.6rem;font-weight:800;padding:3px 10px;border-radius:0 0 8px 8px;letter-spacing:.07em;text-transform:uppercase;}
.mx-tc-stars{display:flex;gap:2px;margin-bottom:12px;}
.mx-stars{display:inline-flex;gap:1px;}
.mx-star{font-size:.88rem;}.mx-star.on{color:#f59e0b;}.mx-star.off{color:var(--bdr);}
.mx-tc-quote{font-size:.875rem;color:var(--txt);line-height:1.74;margin-bottom:20px;position:relative;padding-top:4px;}
.mx-tc-quote::before{content:'\201C';position:absolute;top:-16px;left:-3px;font-size:3.5rem;font-family:var(--f-disp);color:var(--p);opacity:.18;line-height:1;}
.mx-tc-foot{display:flex;align-items:center;gap:12px;}
.mx-av-img{width:46px;height:46px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--bdr);}
.mx-av-init{border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:800;color:#fff;background:var(--ic,var(--p));letter-spacing:.04em;}
.mx-tc-info{flex:1;min-width:0;}
.mx-tc-name{display:block;font-size:.88rem;font-weight:700;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mx-tc-meta{display:block;font-size:.74rem;color:var(--txt2);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mx-tc-ver{display:inline-block;font-size:.62rem;font-weight:700;background:#dcfce7;color:#15803d;padding:2px 8px;border-radius:20px;margin-top:4px;}
.mx-tc-date{display:block;font-size:.7rem;color:var(--txt3);margin-top:3px;}
.mx-tc-feat{margin-left:auto;font-size:1.1rem;color:var(--p);flex-shrink:0;}
/* Grid */
.mx-tc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px;}
/* Masonry */
.mx-tc-masonry{columns:3 280px;column-gap:20px;}
.mx-tc-masonry .mx-tc{break-inside:avoid;margin-bottom:20px;}
/* List */
.mx-tc-list{display:flex;flex-direction:column;gap:18px;}
.mx-tc-list-item{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:start;}
.mx-tc-list-left{display:flex;align-items:center;gap:12px;}
/* Slider */
.mx-tsl-wrap{overflow:hidden;}
.mx-tsl-track{display:flex;gap:20px;transition:transform .48s var(--ease);}
.mx-tsl-track .mx-tc{flex:0 0 calc(33.333% - 14px);min-width:270px;}
.mx-tsl-nav{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:28px;}
.mx-tsl-btn{width:40px;height:40px;border-radius:50%;background:var(--surf);border:1.5px solid var(--bdr);color:var(--txt);display:flex;align-items:center;justify-content:center;font-size:.95rem;transition:background .18s,border-color .18s,transform .18s;}
.mx-tsl-btn:hover{background:rgba(var(--p-rgb),.1);border-color:var(--p);transform:scale(1.08);}
.mx-tsl-dots{display:flex;align-items:center;gap:7px;}
.mx-tsl-dot{width:8px;height:8px;border-radius:50%;background:var(--bdr);cursor:pointer;transition:background .18s,width .22s,border-radius .22s;}
.mx-tsl-dot.on{background:var(--p);width:22px;border-radius:4px;}

/* ════════════════════════════════════
   CTA BANNER
════════════════════════════════════ */
.mx-cta{background:var(--cta-bg,var(--grad));position:relative;overflow:hidden;padding:clamp(64px,8vw,100px) 0;width:100%;}
.mx-cta-glow{position:absolute;border-radius:50%;background:rgba(255,255,255,.07);filter:blur(30px);pointer-events:none;}
.mx-cta-glow-1{width:500px;height:500px;top:-120px;right:-80px;}
.mx-cta-glow-2{width:320px;height:320px;bottom:-80px;left:-60px;}
.mx-cta-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:clamp(24px,4vw,48px);flex-wrap:wrap;}
.mx-cta-text{flex:1;color:#fff;max-width:640px;}
.mx-cta-h2{font-family:var(--f-disp);font-size:clamp(1.55rem,3vw,2.3rem);font-weight:900;letter-spacing:-.035em;color:#fff;margin-bottom:9px;line-height:1.13;}
.mx-cta-p{font-size:1rem;color:rgba(255,255,255,.72);line-height:1.72;}
.mx-cta-btn{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;padding:16px 34px;background:#fff;color:var(--s);font-family:var(--f-body);font-size:.95rem;font-weight:800;border-radius:12px;box-shadow:0 6px 24px rgba(0,0,0,.2);transition:transform .28s var(--ease),box-shadow .28s;}
.mx-cta-btn:hover{transform:translateY(-2px);box-shadow:0 12px 38px rgba(0,0,0,.26);}

/* ════════════════════════════════════
   RESPONSIVE
════════════════════════════════════ */
@media(max-width:1080px){
  .mx-hero-inner{grid-template-columns:1fr 380px;gap:clamp(32px,4vw,56px);}
  .mx-ebook-grid{grid-template-columns:repeat(2,1fr);}
  .mx-blog-feat-wrap{grid-template-columns:1fr 300px;}
  .mx-blog-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:800px){
  .mx-hero-inner{grid-template-columns:1fr;padding-bottom:clamp(80px,10vw,120px);}
  .mx-hero-visual{display:none;}/* hide image on mobile for speed/simplicity */
  .mx-hero-stats{width:100%;}
  .mx-stat{flex:1;}
  .mx-nl-inner{grid-template-columns:1fr;gap:36px;}
  .mx-nl-left{text-align:center;}
  .mx-nl-ico{display:none;}
  .mx-blog-feat-wrap{grid-template-columns:1fr;}
  .mx-blog-side{display:grid;grid-template-columns:repeat(2,1fr);}
  .mx-blog-side-card{flex-direction:column;}
  .mx-side-thumb{width:100%;height:140px;min-width:0;}
  .mx-tc-list-item{grid-template-columns:1fr;}
  .mx-tsl-track .mx-tc{flex:0 0 calc(50% - 10px);}
  .mx-cta-inner{flex-direction:column;text-align:center;}
}
@media(max-width:560px){
  .mx-inner{padding:0 16px;}
  .mx-hero-h1{font-size:2.2rem;}
  .mx-hero-btns{flex-direction:column;align-items:stretch;}
  .mx-btn-solid,.mx-btn-glass{justify-content:center;text-align:center;}
  .mx-hero-stats{flex-direction:column;gap:14px;padding:16px;}
  .mx-stat-div{display:none;}
  .mx-ebook-grid{grid-template-columns:1fr;}
  .mx-blog-grid{grid-template-columns:1fr;}
  .mx-blog-list-card{grid-template-columns:1fr;}
  .mx-list-thumb{height:180px;min-height:unset;}
  .mx-nl-row{flex-direction:column;border-radius:12px;}
  .mx-nl-input{border-radius:10px 10px 0 0;}
  .mx-nl-btn{border-radius:0 0 10px 10px;justify-content:center;padding:14px;}
  .mx-tc-masonry{columns:1;}
  .mx-tsl-track .mx-tc{flex:0 0 88%;}
  .mx-blog-side{grid-template-columns:1fr;}
  .mx-feat-grid{grid-template-columns:1fr;}
}
/* Reduced motion */
@media(prefers-reduced-motion:reduce){
  .mx-rv,.mx-hb-orb,.mx-ill-card,.mx-ill-ring,.mx-hb-dot,.mx-hero-badge,
  .mx-hero-h1,.mx-hero-sub,.mx-hero-btns,.mx-hero-stats,.mx-hero-trust,.mx-hero-visual,
  .mx-nl-ico,#mx-ticker-canvas{animation:none!important;transition:none!important;}
  .mx-mq-track{animation-duration:.01ms!important;}
}