/* MAX Codeworks — service + blog design system (from approved samples). Scoped under .mcw */
.mcw{
  --navy:#08162d; --navy-2:#102646; --blue:#1769ff; --cyan:#12b9d5; --orange:#ff7a1a;
  --white:#fff; --soft:#f4f7fb; --soft-blue:#edf5ff; --text:#152237; --muted:#64748b;
  --line:#dfe7f1; --success:#0f9f6e; --radius-sm:12px; --radius-md:20px; --radius-lg:30px;
  --shadow-sm:0 12px 35px rgba(8,22,45,.08); --shadow-lg:0 25px 70px rgba(8,22,45,.15); --container:1180px;
  color:var(--text); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif; line-height:1.65;
}
.mcw *{box-sizing:border-box;}
.mcw img{max-width:100%;display:block;}
.mcw a{color:inherit;text-decoration:none;}
.mcw .container{width:min(calc(100% - 40px),var(--container));margin:0 auto;}
.mcw .section{padding:100px 0;}
.mcw .section-soft{background:var(--soft);}
.mcw .section-dark{color:var(--white);background:var(--navy);}
.mcw .section-heading{max-width:760px;margin-bottom:45px;}
.mcw .section-heading.center{margin-right:auto;margin-left:auto;text-align:center;}
.mcw .section-kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:15px;color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;}
.mcw .section-kicker::before{content:"";width:25px;height:2px;border-radius:5px;background:var(--blue);}
.mcw .section-heading h2{margin:0;color:var(--navy);font-size:clamp(34px,5vw,54px);line-height:1.08;letter-spacing:-.04em;}
.mcw .section-heading p{margin:22px 0 0;color:var(--muted);font-size:18px;line-height:1.75;}
.mcw .section-dark .section-kicker{color:#8eeeff;}
.mcw .section-dark .section-kicker::before{background:var(--cyan);}
.mcw .section-dark .section-heading h2{color:var(--white);}
.mcw .section-dark .section-heading p{color:rgba(255,255,255,.65);}
/* buttons */
.mcw .btn{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 24px;border:0;border-radius:14px;cursor:pointer;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;}
.mcw .btn:hover{transform:translateY(-2px);}
.mcw .btn-primary{color:var(--white);background:var(--blue);box-shadow:0 12px 28px rgba(23,105,255,.22);}
.mcw .btn-primary:hover{background:#0a57e8;}
.mcw .btn-light{color:var(--navy);background:var(--white);}
.mcw .btn-outline-light{color:var(--white);border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.06);}
.mcw .btn-outline-light:hover{background:rgba(255,255,255,.12);}
.mcw .breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:25px;color:rgba(255,255,255,.62);font-size:13px;font-weight:700;}
.mcw .breadcrumbs a:hover{color:var(--white);}
/* SERVICE hero */
.mcw .service-hero{position:relative;overflow:hidden;padding:135px 0 100px;color:var(--white);background:radial-gradient(circle at 86% 10%,rgba(18,185,213,.28),transparent 28%),radial-gradient(circle at 10% 95%,rgba(23,105,255,.27),transparent 35%),var(--navy);}
.mcw .service-hero::before{content:"";position:absolute;inset:0;opacity:.11;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:45px 45px;}
.mcw .service-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:70px;align-items:center;}
.mcw .service-label{display:inline-flex;align-items:center;gap:9px;margin-bottom:20px;padding:8px 13px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.07);color:#dffaff;font-size:12px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;}
.mcw .service-label::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(18,185,213,.14);}
.mcw .service-hero h1{max-width:720px;margin:0;font-size:clamp(42px,6vw,72px);line-height:1.02;letter-spacing:-.05em;}
.mcw .service-hero-copy{max-width:670px;margin:25px 0 0;color:rgba(255,255,255,.74);font-size:19px;line-height:1.75;}
.mcw .hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:32px;}
.mcw .hero-notes{display:flex;flex-wrap:wrap;gap:17px;margin-top:28px;color:rgba(255,255,255,.63);font-size:13px;font-weight:700;}
.mcw .hero-note{display:flex;align-items:center;gap:8px;}
.mcw .hero-note::before{content:"✓";width:20px;height:20px;display:grid;place-items:center;border-radius:50%;color:var(--navy);background:#8eeeff;font-size:11px;font-weight:900;}
/* dashboard visual */
.mcw .hero-visual{position:relative;min-height:530px;}
.mcw .visual-glow{position:absolute;top:50%;left:50%;width:430px;height:430px;border-radius:50%;background:rgba(18,185,213,.16);filter:blur(50px);transform:translate(-50%,-50%);}
.mcw .dashboard-card{position:absolute;top:20px;right:0;left:25px;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:27px;background:rgba(255,255,255,.96);box-shadow:0 35px 90px rgba(0,0,0,.32);transform:rotate(2deg);}
.mcw .dashboard-top{min-height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line);color:var(--text);}
.mcw .window-dots{display:flex;gap:6px;}
.mcw .window-dot{width:8px;height:8px;border-radius:50%;background:#cad5e2;}
.mcw .dashboard-name{color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;}
.mcw .dashboard-body{display:grid;grid-template-columns:77px 1fr;min-height:380px;color:var(--text);}
.mcw .dashboard-sidebar{padding:18px 13px;background:var(--navy);}
.mcw .sidebar-logo{width:38px;height:38px;display:grid;place-items:center;margin:0 auto 25px;border-radius:12px;color:var(--white);background:var(--blue);font-size:11px;font-weight:900;}
.mcw .sidebar-line{height:8px;margin:15px 0;border-radius:5px;background:rgba(255,255,255,.14);}
.mcw .sidebar-line.active{background:var(--cyan);}
.mcw .dashboard-main{padding:23px;background:#f7f9fc;}
.mcw .mock-heading{width:48%;height:15px;margin-bottom:20px;border-radius:8px;background:var(--navy);}
.mcw .mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:17px;}
.mcw .mock-stat{padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--white);}
.mcw .mock-stat-label{width:55%;height:7px;margin-bottom:12px;border-radius:5px;background:#d9e2ec;}
.mcw .mock-stat-value{width:38%;height:20px;border-radius:6px;background:var(--blue);}
.mcw .mock-chart{height:135px;display:flex;align-items:flex-end;gap:10px;padding:17px;border:1px solid var(--line);border-radius:13px;background:var(--white);}
.mcw .mock-bar{flex:1;border-radius:7px 7px 3px 3px;background:linear-gradient(var(--cyan),var(--blue));}
.mcw .floating-card{position:absolute;z-index:5;padding:17px 19px;border:1px solid rgba(255,255,255,.23);border-radius:17px;color:var(--white);background:rgba(8,22,45,.82);backdrop-filter:blur(16px);box-shadow:0 18px 45px rgba(0,0,0,.24);}
.mcw .floating-card strong{display:block;font-size:14px;}
.mcw .floating-card span{display:block;margin-top:3px;color:rgba(255,255,255,.6);font-size:11px;}
.mcw .floating-one{right:-12px;bottom:42px;}
.mcw .floating-two{left:-12px;bottom:115px;}
/* trust strip */
.mcw .trust-strip{position:relative;z-index:5;margin-top:-34px;}
.mcw .trust-card{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--white);box-shadow:var(--shadow-lg);}
.mcw .trust-item{display:flex;align-items:center;gap:13px;min-height:98px;padding:20px 23px;border-right:1px solid var(--line);}
.mcw .trust-item:last-child{border-right:0;}
.mcw .trust-icon{width:43px;height:43px;display:grid;place-items:center;flex-shrink:0;border-radius:13px;color:var(--blue);background:var(--soft-blue);font-weight:900;}
.mcw .trust-item strong{display:block;color:var(--navy);font-size:14px;}
.mcw .trust-item span{display:block;margin-top:2px;color:var(--muted);font-size:12px;line-height:1.4;}
/* problem grid */
.mcw .problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.mcw .problem-card{padding:28px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--white);box-shadow:var(--shadow-sm);transition:transform .22s,box-shadow .22s;}
.mcw .problem-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);}
.mcw .card-number{display:inline-flex;margin-bottom:23px;color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.08em;}
.mcw .problem-card h3{margin:0 0 12px;color:var(--navy);font-size:21px;line-height:1.35;}
.mcw .problem-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.75;}
/* split */
.mcw .split-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:center;}
.mcw .image-panel{position:relative;min-height:560px;overflow:hidden;border-radius:var(--radius-lg);background-size:cover;background-position:center;box-shadow:var(--shadow-lg);}
.mcw .image-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(8,22,45,.05),rgba(8,22,45,.32));}
.mcw .image-panel-card{position:absolute;z-index:2;right:24px;bottom:24px;left:24px;padding:25px;border:1px solid rgba(255,255,255,.2);border-radius:20px;color:var(--white);background:rgba(8,22,45,.76);backdrop-filter:blur(16px);}
.mcw .image-panel-card strong{display:block;margin-bottom:6px;font-size:18px;}
.mcw .image-panel-card span{color:rgba(255,255,255,.7);font-size:13px;}
.mcw .feature-list{display:grid;gap:15px;margin-top:32px;}
.mcw .feature-item{display:grid;grid-template-columns:47px 1fr;gap:15px;padding:18px;border:1px solid var(--line);border-radius:17px;background:var(--white);}
.mcw .feature-icon{width:47px;height:47px;display:grid;place-items:center;border-radius:14px;color:var(--blue);background:var(--soft-blue);font-weight:900;}
.mcw .feature-item h3{margin:0 0 4px;color:var(--navy);font-size:16px;}
.mcw .feature-item p{margin:0;color:var(--muted);font-size:13px;line-height:1.6;}
/* solutions */
.mcw .solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.mcw .solution-card{position:relative;overflow:hidden;min-height:255px;padding:30px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03));}
.mcw .solution-card::after{content:"";position:absolute;right:-55px;bottom:-75px;width:160px;height:160px;border:30px solid rgba(255,255,255,.04);border-radius:50%;}
.mcw .solution-icon{width:48px;height:48px;display:grid;place-items:center;margin-bottom:25px;border-radius:14px;color:var(--navy);background:var(--cyan);font-weight:900;}
.mcw .solution-card h3{position:relative;z-index:1;margin:0 0 12px;font-size:21px;}
.mcw .solution-card p{position:relative;z-index:1;margin:0;color:rgba(255,255,255,.62);font-size:14px;line-height:1.72;}
/* process */
.mcw .process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;}
.mcw .process-card{position:relative;padding:26px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--white);}
.mcw .process-step{width:42px;height:42px;display:grid;place-items:center;margin-bottom:25px;border-radius:13px;color:var(--white);background:var(--navy);font-size:13px;font-weight:900;}
.mcw .process-card h3{margin:0 0 10px;color:var(--navy);font-size:18px;}
.mcw .process-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.7;}
/* use cases */
.mcw .use-case-layout{display:grid;grid-template-columns:370px 1fr;gap:55px;align-items:start;}
.mcw .use-case-intro{position:sticky;top:115px;}
.mcw .use-case-list{display:grid;gap:13px;}
.mcw .use-case{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:17px;padding:19px;border:1px solid var(--line);border-radius:17px;background:var(--white);transition:border .2s,transform .2s;}
.mcw .use-case:hover{border-color:#b5cffd;transform:translateX(5px);}
.mcw .use-case-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;color:var(--blue);background:var(--soft-blue);font-weight:900;}
.mcw .use-case h3{margin:0 0 3px;color:var(--navy);font-size:16px;}
.mcw .use-case p{margin:0;color:var(--muted);font-size:12px;}
.mcw .use-case-arrow{color:var(--blue);font-size:20px;}
/* FAQ */
.mcw .faq-layout{display:grid;grid-template-columns:380px 1fr;gap:70px;align-items:start;}
.mcw .faq-intro{position:sticky;top:115px;}
.mcw .faq-list{display:grid;gap:13px;}
.mcw .faq-item{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:var(--white);}
.mcw .faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px;border:0;color:var(--navy);background:transparent;cursor:pointer;text-align:left;font-weight:800;font-size:16px;}
.mcw .faq-symbol{width:31px;height:31px;display:grid;place-items:center;flex-shrink:0;border-radius:10px;color:var(--blue);background:var(--soft-blue);transition:transform .2s;font-size:18px;}
.mcw .faq-answer{max-height:0;overflow:hidden;transition:max-height .28s ease;}
.mcw .faq-answer-inner{padding:0 21px 22px;color:var(--muted);font-size:14px;line-height:1.75;}
.mcw .faq-item.open .faq-symbol{transform:rotate(45deg);}
/* final / inline CTA */
.mcw .final-cta{position:relative;overflow:hidden;padding:85px 0;color:var(--white);background:radial-gradient(circle at 82% 15%,rgba(18,185,213,.3),transparent 30%),linear-gradient(135deg,var(--blue),#0648b6);}
.mcw .final-cta::after{content:"";position:absolute;right:-150px;bottom:-230px;width:520px;height:520px;border:80px solid rgba(255,255,255,.06);border-radius:50%;}
.mcw .final-cta-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:50px;}
.mcw .final-cta-copy{max-width:760px;}
.mcw .final-cta h2{margin:0;font-size:clamp(34px,5vw,54px);line-height:1.08;letter-spacing:-.04em;}
.mcw .final-cta p{margin:19px 0 0;color:rgba(255,255,255,.77);font-size:17px;line-height:1.7;}
/* ---------- BLOG ---------- */
.mcw .reading-progress{position:fixed;top:0;left:0;z-index:9999;width:0;height:4px;background:linear-gradient(90deg,var(--blue),var(--cyan));}
.mcw .blog-hero{position:relative;overflow:hidden;padding:125px 0 90px;color:var(--white);background:radial-gradient(circle at 88% 8%,rgba(18,185,213,.26),transparent 28%),radial-gradient(circle at 10% 100%,rgba(23,105,255,.28),transparent 35%),var(--navy);}
.mcw .blog-hero::before{content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:45px 45px;}
.mcw .blog-hero-inner{position:relative;z-index:1;max-width:930px;}
.mcw .category-pill{display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;padding:8px 13px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.08);color:#dff8ff;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
.mcw .category-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(18,185,213,.15);}
.mcw .blog-hero h1{max-width:900px;margin:0;font-size:clamp(38px,6vw,72px);line-height:1.04;letter-spacing:-.045em;}
.mcw .hero-summary{max-width:760px;margin:26px 0 0;color:rgba(255,255,255,.76);font-size:clamp(17px,2vw,21px);line-height:1.7;}
.mcw .article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:34px;color:rgba(255,255,255,.72);font-size:14px;}
.mcw .author-mini{display:flex;align-items:center;gap:12px;}
.mcw .author-avatar{width:45px;height:45px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.25);border-radius:50%;background:linear-gradient(145deg,var(--blue),var(--cyan));color:var(--white);font-weight:900;}
.mcw .meta-divider{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.35);}
.mcw .featured-wrap{position:relative;z-index:4;width:min(calc(100% - 40px),var(--container));margin:-46px auto 0;}
.mcw .featured-image{position:relative;overflow:hidden;min-height:460px;border:8px solid var(--white);border-radius:var(--radius-lg);background-size:cover;background-position:center;box-shadow:var(--shadow-lg);}
.mcw .article-section{padding:90px 0;}
.mcw .article-layout{display:grid;grid-template-columns:255px minmax(0,760px);justify-content:center;gap:70px;align-items:start;}
.mcw .article-sidebar{position:sticky;top:108px;}
.mcw .toc-card,.mcw .share-card{padding:22px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--white);box-shadow:var(--shadow-sm);}
.mcw .toc-title,.mcw .share-title{margin:0 0 15px;font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:var(--navy);}
.mcw .toc-list{display:grid;gap:5px;}
.mcw .toc-list a{padding:9px 11px;border-radius:10px;color:var(--muted);font-size:13px;font-weight:700;line-height:1.45;}
.mcw .toc-list a:hover{color:var(--blue);background:var(--soft-blue);}
.mcw .share-card{margin-top:16px;}
.mcw .share-row{display:flex;gap:8px;}
.mcw .share-button{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--white);cursor:pointer;color:var(--navy);}
.mcw .share-button:hover{border-color:var(--blue);color:var(--blue);}
.mcw .article-content{min-width:0;}
.mcw .article-content>p:first-of-type{margin-top:0;color:#334155;font-size:21px;line-height:1.78;}
.mcw .article-content p{margin:0 0 25px;color:#435268;font-size:17px;line-height:1.9;}
.mcw .article-content h2{scroll-margin-top:120px;margin:65px 0 20px;color:var(--navy);font-size:clamp(28px,4vw,40px);line-height:1.15;letter-spacing:-.03em;}
.mcw .article-content h3{margin:42px 0 15px;color:var(--navy-2);font-size:25px;line-height:1.3;}
.mcw .article-content ul{margin:0 0 30px;padding:0;list-style:none;}
.mcw .article-content li{position:relative;margin:13px 0;padding-left:32px;color:#435268;font-size:17px;}
.mcw .article-content li::before{content:"";position:absolute;top:10px;left:3px;width:10px;height:10px;border:3px solid var(--blue);border-radius:50%;}
.mcw .key-takeaways{margin:40px 0;padding:30px;border:1px solid #cde0ff;border-radius:var(--radius-md);background:linear-gradient(145deg,#f4f8ff,#edf8fb);}
.mcw .takeaway-heading{display:flex;align-items:center;gap:12px;margin-bottom:17px;}
.mcw .takeaway-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:var(--white);background:var(--blue);font-weight:900;}
.mcw .takeaway-heading h3{margin:0;font-size:20px;color:var(--navy);}
.mcw .key-takeaways ul{margin-bottom:0;}
.mcw .quote-block{position:relative;margin:45px 0;padding:36px 36px 36px 42px;overflow:hidden;border-radius:var(--radius-md);color:var(--white);background:radial-gradient(circle at 90% 0,rgba(18,185,213,.3),transparent 28%),var(--navy);}
.mcw .quote-block::before{content:"\201C";position:absolute;top:-22px;right:25px;color:rgba(255,255,255,.1);font-size:150px;font-weight:900;line-height:1;}
.mcw .quote-block p{position:relative;z-index:1;margin:0;color:var(--white);font-size:24px;font-weight:700;line-height:1.55;}
.mcw .comparison{margin:35px 0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md);}
.mcw .comparison-row{display:grid;grid-template-columns:1fr 1fr;}
.mcw .comparison-row>div{padding:18px 22px;border-bottom:1px solid var(--line);font-size:15px;}
.mcw .comparison-row>div:first-child{border-right:1px solid var(--line);background:#fafcff;}
.mcw .comparison-row:first-child{color:var(--white);background:var(--navy);font-weight:800;}
.mcw .comparison-row:first-child>div{background:transparent;}
.mcw .comparison-row:last-child>div{border-bottom:0;}
.mcw .inline-cta{position:relative;overflow:hidden;margin:55px 0;padding:38px;border-radius:var(--radius-lg);color:var(--white);background:radial-gradient(circle at 90% 0,rgba(255,255,255,.17),transparent 30%),linear-gradient(135deg,var(--blue),#0a4fc7);box-shadow:0 20px 55px rgba(23,105,255,.22);}
.mcw .inline-cta::after{content:"";position:absolute;right:-80px;bottom:-120px;width:270px;height:270px;border:45px solid rgba(255,255,255,.08);border-radius:50%;}
.mcw .inline-cta-content{position:relative;z-index:1;max-width:590px;}
.mcw .inline-cta h3{margin:0 0 12px;color:var(--white);font-size:30px;}
.mcw .inline-cta p{margin:0 0 22px;color:rgba(255,255,255,.8);font-size:16px;line-height:1.7;}
.mcw .author-box{display:grid;grid-template-columns:78px 1fr;gap:22px;margin-top:65px;padding:28px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--soft);}
.mcw .author-box-avatar{width:78px;height:78px;display:grid;place-items:center;border-radius:22px;color:var(--white);background:linear-gradient(145deg,var(--blue),var(--cyan));font-size:24px;font-weight:900;}
.mcw .author-box h3{margin:0 0 7px;font-size:21px;color:var(--navy);}
.mcw .author-box p{margin:0;font-size:14px;line-height:1.7;color:var(--muted);}
.mcw .related-section{padding:90px 0;background:var(--soft);}
.mcw .related-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px;}
.mcw .related-head h2{max-width:650px;margin:0;color:var(--navy);font-size:clamp(30px,5vw,46px);line-height:1.1;letter-spacing:-.035em;}
.mcw .related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.mcw .post-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--white);box-shadow:var(--shadow-sm);transition:transform .22s,box-shadow .22s;}
.mcw .post-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);}
.mcw .post-card-image{height:190px;background-size:cover;background-position:center;}
.mcw .post-card-body{padding:23px;}
.mcw .post-card-category{color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;}
.mcw .post-card h3{margin:10px 0 12px;color:var(--navy);font-size:20px;line-height:1.35;}
.mcw .post-card p{margin:0 0 18px;color:var(--muted);font-size:14px;line-height:1.65;}
.mcw .read-link{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-size:13px;font-weight:900;}
/* responsive */
@media(max-width:1050px){
 .mcw .service-hero-inner{grid-template-columns:1fr;}
 .mcw .hero-visual{max-width:680px;width:100%;margin:0 auto;}
 .mcw .trust-card{grid-template-columns:repeat(2,1fr);}
 .mcw .trust-item:nth-child(2){border-right:0;}
 .mcw .trust-item:nth-child(-n+2){border-bottom:1px solid var(--line);}
 .mcw .problem-grid,.mcw .solution-grid{grid-template-columns:repeat(2,1fr);}
 .mcw .split-layout{grid-template-columns:1fr;}
 .mcw .process-grid{grid-template-columns:repeat(2,1fr);}
 .mcw .use-case-layout,.mcw .faq-layout{grid-template-columns:1fr;}
 .mcw .use-case-intro,.mcw .faq-intro{position:static;}
 .mcw .article-layout{grid-template-columns:1fr;gap:35px;}
 .mcw .article-sidebar{position:static;}
 .mcw .toc-card{display:none;}
 .mcw .share-card{display:flex;align-items:center;justify-content:space-between;margin:0;}
 .mcw .related-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:720px){
 .mcw .container{width:min(calc(100% - 28px),var(--container));}
 .mcw .section{padding:64px 0;}
 .mcw .service-hero{padding:122px 0 70px;}
 .mcw .service-hero h1{font-size:40px;}
 .mcw .hero-actions{flex-direction:column;}
 .mcw .hero-actions .btn{width:100%;}
 .mcw .hero-visual{min-height:400px;}
 .mcw .dashboard-card{right:0;left:0;}
 .mcw .dashboard-body{grid-template-columns:56px 1fr;min-height:290px;}
 .mcw .mock-stats{grid-template-columns:1fr;}
 .mcw .mock-stats .mock-stat:nth-child(n+2){display:none;}
 .mcw .floating-one{right:0;}
 .mcw .floating-two{left:0;}
 .mcw .trust-card,.mcw .problem-grid,.mcw .solution-grid,.mcw .process-grid{grid-template-columns:1fr;}
 .mcw .trust-item{border-right:0;border-bottom:1px solid var(--line);}
 .mcw .trust-item:last-child{border-bottom:0;}
 .mcw .blog-hero{padding:118px 0 60px;}
 .mcw .blog-hero h1{font-size:36px;}
 .mcw .featured-wrap{width:min(calc(100% - 20px),var(--container));margin-top:-32px;}
 .mcw .featured-image{min-height:300px;border-width:5px;border-radius:22px;}
 .mcw .article-section{padding:56px 0;}
 .mcw .article-content>p:first-of-type{font-size:19px;}
 .mcw .article-content p,.mcw .article-content li{font-size:16px;}
 .mcw .comparison{overflow-x:auto;}
 .mcw .comparison-row{min-width:520px;}
 .mcw .quote-block p{font-size:20px;}
 .mcw .author-box{grid-template-columns:1fr;}
 .mcw .related-grid{grid-template-columns:1fr;}
 .mcw .final-cta-inner{align-items:flex-start;flex-direction:column;}
 .mcw .final-cta .btn{width:100%;}
}
/* explicit colours to beat theme element selectors (inherited white loses to theme h1/h2/h3) */
.mcw h1,.mcw h2,.mcw h3,.mcw h4,.mcw h5,.mcw h6{font-family:inherit;font-weight:700;}
.mcw .service-hero h1,.mcw .blog-hero h1{color:#fff;font-weight:700;}
.mcw .solution-card h3,.mcw .final-cta h2,.mcw .inline-cta h3,.mcw .quote-block p,.mcw .floating-card strong,.mcw .image-panel-card strong{color:#fff;}
.mcw .section-dark .section-heading h2{color:#fff;}
.mcw .service-hero-copy,.mcw .hero-summary{color:rgba(255,255,255,.78);}