/* ==========================================================================
   小战云 IDC — 企业级云服务商官网首页
   Design system: Cloud Dashboard SaaS UI
   Type: Sora (display) / Inter (body) / JetBrains Mono (data & labels)
   ========================================================================== */

:root{
    /* brand */
    --primary:#2F5CFF;
    --primary-dark:#1B3FD6;
    --primary-light:#6C87FF;
    --cyan:#00C2D1;
    --cyan-dark:#029AA6;
    --amber:#F59E0B;

    /* status */
    --success:#16A34A;
    --success-bg:#E7F8ED;
    --danger:#E5484D;

    /* surface / text — light */
    --ink:#0A1020;
    --surface:#F5F7FB;
    --surface-raised:#FFFFFF;
    --card:#FFFFFF;
    --card-soft:#F7F9FD;
    --border-color:#E4E9F3;
    --border-strong:#CBD5E8;
    --text-main:#0F1729;
    --text-second:#5B6478;
    --text-faint:#8A93A6;

    --shadow-sm:0 1px 2px rgba(15,23,41,0.06);
    --shadow-md:0 8px 24px rgba(15,23,41,0.08);
    --shadow-lg:0 24px 60px -12px rgba(15,23,41,0.22);

    --radius-sm:8px;
    --radius-md:14px;
    --radius-lg:20px;
    --radius-xl:28px;

    --font-display:'Sora', 'PingFang SC', 'Microsoft YaHei', sans-serif;
    --font-body:'Inter', 'PingFang SC', 'Microsoft YaHei', sans-serif;
    --font-mono:'JetBrains Mono', 'SFMono-Regular', Consolas, monospace;
}

[data-theme="dark"]{
    --ink:#F5F7FB;
    --surface:#080B14;
    --surface-raised:#0E1420;
    --card:#111827;
    --card-soft:#0C1220;
    --border-color:#212B3D;
    --border-strong:#2C3850;
    --text-main:#EEF1F8;
    --text-second:#93A0BC;
    --text-faint:#5C6883;
    --success-bg:rgba(22,163,74,0.16);
    --shadow-md:0 8px 24px rgba(0,0,0,0.35);
    --shadow-lg:0 24px 60px -12px rgba(0,0,0,0.55);
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
    font-family:var(--font-body);
    background:var(--surface);
    color:var(--text-main);
    -webkit-font-smoothing:antialiased;
    transition:background 0.3s ease,color 0.3s ease;
    overflow-x:hidden;
}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
img{max-width:100%;display:block;}
button{font-family:inherit;border:none;background:none;cursor:pointer;}
h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-main);letter-spacing:-0.01em;}

.mc-shell{max-width:1280px;margin:0 auto;padding:0 24px;}

/* reveal-on-scroll */
.mc-reveal{opacity:0;transform:translateY(18px);transition:opacity 0.6s ease,transform 0.6s ease;}
.mc-reveal.is-visible{opacity:1;transform:translateY(0);}
@media (prefers-reduced-motion:reduce){
    .mc-reveal{opacity:1;transform:none;transition:none;}
    html{scroll-behavior:auto;}
}

/* ---------- shared bits ---------- */
.mc-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-family:var(--font-mono);
    color:var(--primary);
    font-weight:500;
    font-size:12.5px;
    letter-spacing:0.14em;
    text-transform:uppercase;
    margin-bottom:14px;
}
.mc-eyebrow::before{
    content:"";
    width:7px;height:7px;
    border-radius:50%;
    background:var(--primary);
    box-shadow:0 0 0 3px rgba(47,92,255,0.18);
}
.hl{
    color:var(--primary);
    background:linear-gradient(180deg, transparent 62%, rgba(47,92,255,0.16) 62%);
}
[data-theme="dark"] .hl{background:linear-gradient(180deg, transparent 62%, rgba(47,92,255,0.32) 62%);}
.hl-cyan{
    color:var(--cyan-dark);
    background:linear-gradient(180deg, transparent 62%, rgba(0,194,209,0.20) 62%);
}
[data-theme="dark"] .hl-cyan{color:var(--cyan);background:linear-gradient(180deg, transparent 62%, rgba(0,194,209,0.30) 62%);}

.mc-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:13px 26px;
    border-radius:10px;
    font-weight:600;
    font-size:15px;
    transition:0.2s all ease;
}
.mc-btn-primary{
    background:var(--primary);
    color:#fff;
    box-shadow:0 8px 20px -6px rgba(47,92,255,0.55);
}
.mc-btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 12px 26px -6px rgba(47,92,255,0.6);}
.mc-btn-ghost{
    border:1px solid var(--border-strong);
    color:var(--text-main);
    background:var(--card);
}
.mc-btn-ghost:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);}
.mc-btn-sm{padding:9px 16px;font-size:13px;border-radius:8px;}

.mc-check-list li{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin:12px 0;
    color:var(--text-second);
    font-size:15px;
}
.mc-check-ico{
    flex:none;
    width:18px;height:18px;
    border-radius:50%;
    background:var(--success-bg);
    display:flex;align-items:center;justify-content:center;
    margin-top:3px;
}
.mc-check-ico i{font-size:10px;color:var(--success);}

/* ---------- top mini-bar ---------- */
.mc-topbar{
    background:var(--ink);
    color:rgba(255,255,255,0.72);
}
[data-theme="dark"] .mc-topbar{background:#050810;}
.mc-topbar-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:9px 0;
    font-size:12.5px;
    font-family:var(--font-mono);
}
.mc-topbar-left{display:flex;gap:22px;align-items:center;}
.mc-topbar-left span{display:inline-flex;align-items:center;gap:6px;}
.mc-topbar-left i{color:var(--cyan);font-size:13px;}
.mc-topbar-right{display:flex;gap:18px;align-items:center;}
.mc-topbar-right a{color:rgba(255,255,255,0.72);transition:0.2s;}
.mc-topbar-right a:hover{color:#fff;}
.mc-status-dot{
    width:7px;height:7px;border-radius:50%;
    background:var(--success);
    box-shadow:0 0 0 3px rgba(22,163,74,0.28);
    animation:pulse 2s infinite;
}
@keyframes pulse{
    0%,100%{box-shadow:0 0 0 3px rgba(22,163,74,0.28);}
    50%{box-shadow:0 0 0 5px rgba(22,163,74,0.12);}
}
@media (prefers-reduced-motion:reduce){.mc-status-dot{animation:none;}}

/* ---------- nav ---------- */
.mc-nav{
    position:sticky;top:0;z-index:40;
    background:var(--surface);
    background:color-mix(in srgb, var(--surface) 88%, transparent);
    backdrop-filter:blur(14px);
    border-bottom:1px solid var(--border-color);
}
.mc-nav-inner{
    display:flex;align-items:center;justify-content:space-between;
    padding:14px 0;
}
.mc-logo{
    display:flex;align-items:center;gap:10px;
    font-family:var(--font-display);
    font-weight:700;font-size:19px;
}
.mc-logo-mark{
    width:34px;height:34px;border-radius:9px;
    background:linear-gradient(135deg,var(--primary),var(--cyan));
    display:flex;align-items:center;justify-content:center;
    color:#fff;font-size:17px;
    box-shadow:0 6px 14px -4px rgba(47,92,255,0.5);
}
.mc-nav-links{display:flex;gap:34px;font-size:14.5px;font-weight:500;color:var(--text-second);}
.mc-nav-links a{transition:0.2s;position:relative;}
.mc-nav-links a:hover{color:var(--text-main);}
.mc-nav-actions{display:flex;align-items:center;gap:10px;}
.mc-theme-toggle{
    width:38px;height:38px;border-radius:9px;
    border:1px solid var(--border-color);
    display:flex;align-items:center;justify-content:center;
    color:var(--text-second);font-size:16px;
    transition:0.2s;
}
.mc-theme-toggle:hover{color:var(--primary);border-color:var(--primary);}
@media (max-width:860px){.mc-nav-links{display:none;}}

/* ---------- promo swiper strip ---------- */
.mc-promo{
    background:linear-gradient(90deg,var(--primary-dark),var(--primary) 55%,var(--cyan-dark));
}
.mc-promo .swiper{height:44px;}
.mc-promo .swiper-slide{
    display:flex;align-items:center;justify-content:center;
}
.mc-promo-slide{
    display:flex;align-items:center;gap:10px;
    color:#fff;
    font-size:13px;
    font-weight:500;
}
.mc-promo-slide i{font-size:15px;color:#D9E4FF;flex:none;}
.mc-promo-slide a{display:inline-flex;align-items:center;gap:4px;text-decoration:underline;text-underline-offset:3px;flex:none;font-weight:600;}
.mc-promo .home-pagination{display:none;}

/* ---------- hero ---------- */
.mc-hero{padding:72px 0 24px;position:relative;}
.mc-hero-grid{
    display:grid;
    grid-template-columns:1.05fr 0.95fr;
    gap:56px;
    align-items:center;
}
.mc-hero-copy h1{
    font-size:46px;
    line-height:1.18;
    font-weight:700;
    margin-bottom:20px;
}
.mc-hero-desc{
    color:var(--text-second);
    font-size:16.5px;
    line-height:1.75;
    margin-bottom:30px;
    max-width:520px;
}
.mc-hero-actions{display:flex;gap:14px;margin-bottom:40px;flex-wrap:wrap;}
.mc-hero-stats{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:0;
    border-top:1px solid var(--border-color);
    padding-top:24px;
}
.mc-hero-stats div{
    padding-right:16px;
    border-right:1px solid var(--border-color);
}
.mc-hero-stats div:last-child{border-right:none;}
.mc-hero-stats strong{
    display:block;
    font-family:var(--font-mono);
    font-size:22px;
    font-weight:600;
    color:var(--text-main);
    margin-bottom:4px;
}
.mc-hero-stats span{color:var(--text-faint);font-size:12.5px;}

/* ---- hero dashboard mockup (signature element) ---- */
.mc-panel-wrap{position:relative;}
.mc-panel-glow{
    position:absolute;
    inset:-40px -20px auto auto;
    width:280px;height:280px;
    background:radial-gradient(circle, rgba(0,194,209,0.28), transparent 70%);
    filter:blur(10px);
    z-index:0;
    pointer-events:none;
}
.mc-dash{
    position:relative;
    z-index:1;
    background:var(--card);
    border:1px solid var(--border-color);
    border-radius:var(--radius-lg);
    box-shadow:var(--shadow-lg);
    overflow:hidden;
}
.mc-dash-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:14px 18px;
    border-bottom:1px solid var(--border-color);
    background:var(--card-soft);
}
.mc-dash-dots{display:flex;gap:6px;}
.mc-dash-dots span{width:9px;height:9px;border-radius:50%;background:var(--border-strong);}
.mc-dash-path{
    font-family:var(--font-mono);
    font-size:12px;
    color:var(--text-faint);
}
.mc-dash-path b{color:var(--text-second);font-weight:500;}
.mc-dash-live{
    display:flex;align-items:center;gap:6px;
    font-family:var(--font-mono);
    font-size:11.5px;font-weight:600;
    color:var(--success);
    background:var(--success-bg);
    padding:5px 10px;border-radius:20px;
}
.mc-dash-body{display:flex;}
.mc-dash-rail{
    width:56px;
    padding:20px 0;
    display:flex;flex-direction:column;align-items:center;gap:6px;
    border-right:1px solid var(--border-color);
    background:var(--card-soft);
}
.mc-dash-rail i{
    width:36px;height:36px;
    display:flex;align-items:center;justify-content:center;
    border-radius:9px;
    color:var(--text-faint);
    font-size:17px;
    transition:0.2s;
}
.mc-dash-rail i.is-active{background:var(--primary);color:#fff;}
.mc-dash-main{flex:1;padding:20px 22px 22px;min-width:0;}
.mc-dash-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px;}
.mc-dash-head h4{font-size:15px;font-weight:600;}
.mc-dash-head span{font-family:var(--font-mono);font-size:11.5px;color:var(--text-faint);}
.mc-dash-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:18px;}
.mc-dash-metric{
    padding:12px 14px;
    background:var(--card-soft);
    border:1px solid var(--border-color);
    border-radius:10px;
}
.mc-dash-metric-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;}
.mc-dash-metric-top span{font-size:12px;color:var(--text-second);}
.mc-dash-metric-top b{font-family:var(--font-mono);font-size:14px;font-weight:600;}
.mc-bar{height:5px;border-radius:3px;background:var(--border-color);overflow:hidden;}
.mc-bar i{
    display:block;height:100%;border-radius:3px;
    background:linear-gradient(90deg,var(--primary),var(--cyan));
    width:0;
    transition:width 1.1s cubic-bezier(.2,.8,.2,1);
}
.mc-dash-chart{
    border:1px solid var(--border-color);
    border-radius:10px;
    background:var(--card-soft);
    padding:14px 16px 8px;
}
.mc-dash-chart-top{display:flex;justify-content:space-between;font-size:12px;color:var(--text-second);margin-bottom:6px;}
.mc-dash-chart-top b{font-family:var(--font-mono);color:var(--cyan-dark);font-weight:600;}
.mc-dash-chart svg{width:100%;height:64px;display:block;}

/* ---------- feature strip ---------- */
.mc-feature-strip{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:16px;
    margin-top:64px;
}
.mc-feature-card{
    padding:22px 20px;
    border-radius:var(--radius-md);
    background:var(--card);
    border:1px solid var(--border-color);
    transition:0.25s;
}
.mc-feature-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:var(--shadow-md);}
.mc-feature-card i{
    font-size:22px;
    color:var(--primary);
    margin-bottom:14px;
    display:block;
}
.mc-feature-card h3{font-size:15px;font-weight:600;margin-bottom:6px;}
.mc-feature-card p{font-size:13px;color:var(--text-second);line-height:1.55;}

/* ---------- generic section ---------- */
.mc-section{padding:96px 0;}
.mc-section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:44px;gap:24px;}
.mc-section-head h2{font-size:32px;font-weight:700;line-height:1.3;}
.mc-section-head p{color:var(--text-second);font-size:15px;max-width:420px;}
.mc-section-center{text-align:center;max-width:620px;margin:0 auto 44px;}
.mc-section-center h2{font-size:32px;font-weight:700;margin-bottom:12px;}
.mc-section-center p{color:var(--text-second);font-size:15px;}

/* ---------- product tabs ---------- */
.mc-split{display:grid;grid-template-columns:400px 1fr;gap:60px;align-items:flex-start;}
.mc-section-copy h2{font-size:32px;font-weight:700;line-height:1.3;margin-bottom:14px;}
.mc-section-copy > p{color:var(--text-second);font-size:15px;line-height:1.7;margin-bottom:22px;}

.mc-tabs{width:100%;}
.mc-tabbar{
    display:flex;
    gap:4px;
    padding:5px;
    background:var(--card-soft);
    border:1px solid var(--border-color);
    border-radius:12px;
    margin-bottom:24px;
    flex-wrap:wrap;
}
.mc-tabbar button{
    flex:1;
    min-width:120px;
    display:flex;align-items:center;justify-content:center;gap:8px;
    padding:11px 14px;
    border-radius:9px;
    font-size:14px;font-weight:600;
    color:var(--text-second);
    transition:0.2s;
}
.mc-tabbar button i{font-size:16px;}
.mc-tabbar button:hover{color:var(--text-main);}
.mc-tabbar button.is-active{background:var(--card);color:var(--primary);box-shadow:var(--shadow-sm);}

.mc-tabpanel{display:none;}
.mc-tabpanel.is-active{display:block;animation:tabIn 0.35s ease;}
@keyframes tabIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}
@media (prefers-reduced-motion:reduce){.mc-tabpanel.is-active{animation:none;}}

.mc-tabcard{
    display:grid;
    grid-template-columns:1.1fr 0.9fr;
    gap:0;
    border:1px solid var(--border-color);
    border-radius:var(--radius-lg);
    overflow:hidden;
    background:var(--card);
}
.mc-tabcard-info{padding:32px;}
.mc-tabcard-info .mc-tag{
    display:inline-block;
    font-family:var(--font-mono);
    font-size:11.5px;
    color:var(--cyan-dark);
    background:rgba(0,194,209,0.12);
    padding:4px 10px;
    border-radius:6px;
    margin-bottom:14px;
    letter-spacing:0.04em;
}
.mc-tabcard-info h3{font-size:22px;font-weight:700;margin-bottom:10px;}
.mc-tabcard-info p{color:var(--text-second);font-size:14.5px;line-height:1.7;margin-bottom:18px;}
.mc-spec-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;}
.mc-spec-chips span{
    font-family:var(--font-mono);
    font-size:12px;
    padding:6px 11px;
    border-radius:7px;
    background:var(--card-soft);
    border:1px solid var(--border-color);
    color:var(--text-second);
}
.mc-tabcard-visual{
    background:var(--card-soft);
    border-left:1px solid var(--border-color);
    padding:30px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:14px;
}
.mc-tabcard-visual .mc-dash-metric{background:var(--card);}
.mc-tabcard-visual-icon{
    width:52px;height:52px;
    border-radius:12px;
    background:linear-gradient(135deg,var(--primary),var(--cyan));
    color:#fff;
    display:flex;align-items:center;justify-content:center;
    font-size:24px;
    margin-bottom:6px;
    box-shadow:0 10px 20px -8px rgba(47,92,255,0.5);
}

/* ---------- capability grid ---------- */
.mc-capability-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:16px;
}
.mc-capability-grid article{
    padding:22px 20px;
    border-radius:var(--radius-md);
    border:1px solid var(--border-color);
    background:var(--card);
    transition:0.25s;
}
.mc-capability-grid article:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:var(--shadow-md);}
.mc-capability-grid article i{
    font-size:21px;
    color:var(--primary);
    margin-bottom:12px;
    display:block;
}
.mc-capability-grid article h3{font-size:14.5px;font-weight:600;margin-bottom:6px;}
.mc-capability-grid article p{font-size:12.5px;color:var(--text-second);line-height:1.55;}

/* ---------- photography / trust band ---------- */
.mc-photo-band{
    display:grid;
    grid-template-columns:1.3fr 1fr;
    grid-template-rows:1fr 1fr;
    gap:16px;
    height:460px;
    margin-bottom:56px;
}
.mc-photo-card{
    position:relative;
    border-radius:var(--radius-lg);
    overflow:hidden;
    border:1px solid var(--border-color);
}
.mc-photo-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.6s ease;}
.mc-photo-card:hover img{transform:scale(1.05);}
.mc-photo-card.is-tall{grid-row:1 / 3;}
.mc-photo-card::after{
    content:"";
    position:absolute;inset:0;
    background:linear-gradient(180deg, rgba(10,16,32,0) 45%, rgba(10,16,32,0.78) 100%);
}
.mc-photo-caption{
    position:absolute;left:18px;right:18px;bottom:16px;
    z-index:2;color:#fff;
}
.mc-photo-caption .mc-tag{
    font-family:var(--font-mono);
    font-size:10.5px;
    letter-spacing:0.06em;
    color:var(--cyan);
    display:block;
    margin-bottom:6px;
    text-transform:uppercase;
}
.mc-photo-caption strong{font-size:16px;font-weight:600;display:block;}
.mc-photo-caption span{font-size:12.5px;color:rgba(255,255,255,0.72);}

.mc-proof-strip{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    border-top:1px solid var(--border-color);
    border-bottom:1px solid var(--border-color);
    padding:28px 0;
}
.mc-proof-strip div{
    text-align:center;
    padding:0 12px;
    border-right:1px solid var(--border-color);
}
.mc-proof-strip div:last-child{border-right:none;}
.mc-proof-strip strong{
    display:block;font-family:var(--font-mono);font-size:20px;font-weight:600;color:var(--primary);margin-bottom:4px;
}
.mc-proof-strip span{font-size:12.5px;color:var(--text-second);}

/* ---------- pricing ---------- */
.mc-pricing-band{padding:96px 0;background:var(--card-soft);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);}
.mc-pricing-grid{
    display:grid;
    grid-template-columns:360px repeat(3,1fr);
    gap:20px;
    align-items:stretch;
}
.mc-pricing-intro h2{font-size:30px;font-weight:700;line-height:1.3;margin-bottom:14px;}
.mc-pricing-intro > p{color:var(--text-second);font-size:14.5px;margin-bottom:24px;}
.mc-price-points{display:flex;flex-direction:column;gap:10px;}
.mc-price-points span{
    display:flex;align-items:center;gap:9px;
    font-size:13.5px;color:var(--text-second);
}
.mc-price-points span i{
    color:var(--success);
    background:var(--success-bg);
    width:18px;height:18px;flex:none;
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    font-size:10.5px;
}
.mc-price-card{
    border:1px solid var(--border-color);
    border-radius:var(--radius-lg);
    padding:28px 24px;
    background:var(--card);
    position:relative;
    display:flex;
    flex-direction:column;
    transition:0.25s;
}
.mc-price-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.mc-price-card-hot{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary), var(--shadow-md);}
.mc-hot-tag{
    position:absolute;top:-13px;right:22px;
    background:var(--amber);
    color:#1a1200;
    padding:5px 12px;
    border-radius:20px;
    font-size:11.5px;
    font-weight:700;
    font-family:var(--font-mono);
    box-shadow:0 6px 14px -4px rgba(245,158,11,0.6);
}
.mc-price-card h3{font-size:17px;font-weight:700;margin-bottom:8px;}
.mc-price-card > p{font-size:13px;color:var(--text-second);line-height:1.6;min-height:42px;}
.mc-price{margin:16px 0 6px;display:flex;align-items:baseline;gap:4px;font-family:var(--font-mono);}
.mc-price strong{font-size:30px;font-weight:700;color:var(--primary);}
.mc-price span{color:var(--text-faint);font-size:12.5px;}
.mc-price-card ul{margin-bottom:18px;}
.mc-price-card ul li{
    display:flex;
    align-items:center;
    gap:8px;
    padding:6px 0;
    color:var(--text-second);
    font-size:13px;
}
.mc-price-card ul li i{color:var(--success);font-size:13px;flex:none;}
.mc-price-card a{
    margin-top:auto;
    display:block;
    text-align:center;
    padding:12px;
    border-radius:9px;
    background:var(--ink);
    color:var(--surface);
    font-weight:600;
    font-size:14.5px;
    transition:0.2s;
}
.mc-price-card-hot a{background:var(--primary);color:#fff;}
.mc-price-card a:hover{opacity:0.88;transform:translateY(-1px);}
.mc-service-strip{
    display:flex;
    justify-content:center;
    gap:36px;
    margin-top:40px;
    flex-wrap:wrap;
}
.mc-service-strip span{
    display:flex;align-items:center;gap:8px;
    font-size:13px;color:var(--text-second);
    font-family:var(--font-mono);
}
.mc-service-strip i{color:var(--primary);}

/* ---------- FAQ ---------- */
.mc-faq-list{max-width:820px;margin:0 auto;}
.mc-faq-list details{
    border:1px solid var(--border-color);
    border-radius:12px;
    margin-bottom:12px;
    background:var(--card);
    overflow:hidden;
}
.mc-faq-list summary{
    padding:19px 24px;
    cursor:pointer;
    font-weight:600;
    font-size:15px;
    list-style:none;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
}
.mc-faq-list summary::-webkit-details-marker{display:none;}
.mc-faq-chevron{
    flex:none;
    width:18px;height:18px;
    position:relative;
}
.mc-faq-chevron::before{
    content:"";
    position:absolute;left:2px;top:6px;
    width:8px;height:8px;
    border-right:2px solid var(--text-faint);
    border-bottom:2px solid var(--text-faint);
    transform:rotate(45deg);
    transition:transform 0.25s,border-color 0.25s;
}
.mc-faq-list details[open] .mc-faq-chevron::before{transform:rotate(225deg);border-color:var(--primary);}
.mc-faq-list details p{padding:0 24px 20px;color:var(--text-second);font-size:14.5px;line-height:1.7;}

/* ---------- footer ---------- */
.mc-footer{background:var(--ink);color:#AEB7CC;padding:64px 0 28px;}
[data-theme="dark"] .mc-footer{background:#050810;}
.mc-footer-grid{
    display:grid;
    grid-template-columns:1.8fr repeat(3,1fr);
    gap:32px;
    margin-bottom:44px;
}
.mc-footer-brand h3{
    font-family:var(--font-display);
    color:#fff;font-size:19px;font-weight:700;margin-bottom:10px;
    display:flex;align-items:center;gap:10px;
}
.mc-footer-brand span{font-size:13.5px;line-height:1.7;color:#8894AC;display:block;max-width:280px;}
.mc-footer h4{color:#fff;margin-bottom:16px;font-size:14px;font-weight:600;}
.mc-footer a{display:block;padding:6px 0;color:#8894AC;font-size:13.5px;transition:0.2s;}
.mc-footer a:hover{color:#fff;}
.mc-footer-bottom{
    border-top:1px solid rgba(255,255,255,0.08);
    padding-top:22px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
}
.mc-footer-copyright{font-size:12.5px;color:#6C7791;font-family:var(--font-mono);}
.mc-footer-badges{display:flex;gap:16px;font-size:12px;color:#6C7791;font-family:var(--font-mono);}

/* ---------- responsive ---------- */
@media (max-width:1080px){
    .mc-hero-grid{grid-template-columns:1fr;}
    .mc-panel-wrap{max-width:520px;}
    .mc-split{grid-template-columns:1fr;}
    .mc-pricing-grid{grid-template-columns:1fr;}
    .mc-feature-strip{grid-template-columns:repeat(3,1fr);}
    .mc-capability-grid{grid-template-columns:repeat(3,1fr);}
    .mc-photo-band{grid-template-columns:1fr 1fr;height:auto;}
    .mc-photo-card{height:220px;}
    .mc-photo-card.is-tall{grid-row:auto;height:220px;}
    .mc-proof-strip{grid-template-columns:repeat(3,1fr);}
    .mc-proof-strip div{margin-bottom:16px;}
    .mc-tabcard{grid-template-columns:1fr;}
    .mc-tabcard-visual{border-left:none;border-top:1px solid var(--border-color);}
}
@media (max-width:720px){
    .mc-hero{padding:44px 0 8px;}
    .mc-hero-copy h1{font-size:32px;}
    .mc-hero-stats{grid-template-columns:repeat(2,1fr);row-gap:16px;}
    .mc-hero-stats div{border-right:none;}
    .mc-feature-strip{grid-template-columns:repeat(2,1fr);margin-top:44px;}
    .mc-capability-grid{grid-template-columns:repeat(2,1fr);}
    .mc-section{padding:64px 0;}
    .mc-section-head{flex-direction:column;align-items:flex-start;}
    .mc-photo-band{grid-template-columns:1fr;}
    .mc-photo-card,.mc-photo-card.is-tall{height:200px;}
    .mc-proof-strip{grid-template-columns:repeat(2,1fr);}
    .mc-footer-grid{grid-template-columns:1fr 1fr;}
    .mc-nav-links{display:none;}
    .mc-dash-metrics{grid-template-columns:1fr;}
}