/* MIEKATA sales-deck system — white / navy / blue / pink. 2026-10-16 */
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232){--ink:#102650;--blue:#2448d8;--pale:#f4f7ff;--line:#d6deec;--muted:#46536c;color:var(--ink);background:#fff}
@scope (body[data-deck232]) {
  a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #2448d8;outline-offset:5px}
}
/* Deliberately scoped above previous generations; demo sites are excluded. */
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .wrap{width:calc(100% - 160px)!important;max-width:1200px!important;margin-inline:auto!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) main>.section{padding-block:100px!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .section-head{display:block!important;text-align:center!important;max-width:1000px!important;margin:0 auto 48px!important;padding:0!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .section-head::before{display:none!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .section-head h2{font-size:clamp(30px,3.1vw,44px)!important;line-height:1.45!important;letter-spacing:.025em!important;color:#102650!important;text-align:center!important;margin:10px auto 20px!important;max-width:100%!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .section-head>p:not(.eyebrow){max-width:45em!important;margin:20px auto 0!important;font-size:16px!important;line-height:1.9!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .eyebrow{color:#2448d8!important;letter-spacing:.13em!important;font-weight:800!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .pale{background:#f4f7ff!important}
/* Cover: typography first, actual work beside it, deck-inspired diagonal colour planes. */
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) section.hero#top{position:relative;isolation:isolate;background:linear-gradient(125deg,#fff 55%,#f1f6ff 100%)!important;height:auto!important;min-height:0!important;padding:64px 0 72px!important;overflow:hidden!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) section.hero#top::before{content:''!important;position:absolute!important;inset:auto -10% -40% 52%!important;width:auto!important;height:80%!important;border:0!important;border-radius:0!important;background:linear-gradient(150deg,#1454ce 0 52%,#102650 52% 73%,#a8c0ed 73%)!important;transform:skewY(-25deg)!important;opacity:1!important;z-index:-1!important;animation:none!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) section.hero#top::after{display:none!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;gap:48px!important;align-items:center!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) section.hero#top h2.fvh227{font-size:clamp(36px,3.8vw,56px)!important;line-height:1.4!important;letter-spacing:-.035em!important;color:#102650!important;margin:0!important;text-align:left!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .fvh227 .small{display:block!important;font-size:16px!important;line-height:1.5!important;letter-spacing:.04em!important;margin-bottom:20px!important;color:#2448d8!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .fvh227 em{color:#102650!important;font-style:normal!important;background:none!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) section.hero#top .lead{font-size:16px!important;line-height:1.85!important;max-width:38em!important;margin:24px 0!important;color:#102650!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .au227 ul{grid-template-columns:repeat(3,minmax(0,1fr))!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .au227 li{padding:0 16px!important;text-align:center!important;min-width:0!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .au227 b{justify-content:center!important;font-size:40px!important;color:#2448d8!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .au227 li>span{white-space:normal!important;font-size:14px!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .au227 p{font-size:14px!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .fv165-browser{width:94%!important;margin-left:6%!important;border:1px solid #dfe6f2!important;border-radius:12px!important;transform:rotate(-3deg)!important;box-shadow:none!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .fv165-bar{background:#102650!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .fv165-view{aspect-ratio:4/5!important;max-height:480px!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .fv165-c{display:none!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .blk165{left:-4%!important;width:23%!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .mon225{background:#fff4f8!important;border:1px solid #dfe6f2!important;border-left:5px solid #102650!important;color:#102650!important;border-radius:8px!important;box-shadow:none!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .mon225 *{color:#102650!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .mon225-main b{color:#2448d8!important}
/* Editorial service columns: one alignment system, colour indicates role. */
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .service-copy124{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:32px!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .service-row{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:18px!important;padding:28px 0!important;border:0!important;border-top:4px solid #2448d8!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;min-width:0!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .service-row:nth-child(2){border-top-color:#2448d8!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .service-row:nth-child(3){border-top-color:#2448d8!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .service-row::before{font-size:48px!important;line-height:1!important;color:#2448d8!important;position:static!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .service-row h3{font-size:24px!important;margin:0!important;line-height:1.5!important;color:#102650!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .service-row p{font-size:16px!important;line-height:1.9!important;color:#102650!important;margin:0!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .service-row a{display:inline-flex!important;align-items:center!important;min-height:44px!important;color:#2448d8!important;margin-top:16px!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .price-structure{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:40px!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .price-panel{padding:32px!important;background:white!important;border:0!important;border-top:5px solid #2448d8!important;border-radius:0!important;box-shadow:none!important;color:#102650!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .price-panel:last-child{border-top-color:#102650!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .price-panel .value{font-size:clamp(32px,3.6vw,50px)!important;letter-spacing:-.04em!important;color:#2448d8!important;line-height:1.3!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .price-panel:last-child .value{color:#2448d8!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .price-panel h3{font-size:22px!important;line-height:1.6!important}
/* Lower pages inherit the same deck palette without replaying the entrance. */
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .page-hero{position:relative;isolation:isolate;background:linear-gradient(120deg,#f4f8ff,#fff 64%,#fff1f7)!important;color:#102650!important;border-bottom:1px solid #dfe6f2!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .page-hero :is(h1,h2){color:#102650!important;line-height:1.45!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .page-hero .lead{color:#102650!important;max-width:44em!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .mid-cta125,html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) main>.cta{background:linear-gradient(115deg,#102650,#183d84)!important;color:#fff!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .mid-cta125 h2,html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) main>.cta h2{color:#fff!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .mid-cta125 p,html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) main>.cta p{color:#dfe6f2!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .more155-link{border-color:#2448d8!important;color:#1548bd!important;background:white!important;border-radius:8px!important;min-height:56px!important}
@media(max-width:1100px){
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .wrap{width:calc(100% - 80px)!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .hero-grid{gap:28px!important;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .au227 b{font-size:32px!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .au227 li{padding:0 8px!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .service-copy124{gap:24px!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .service-row h3{font-size:21px!important}
}
@media(max-width:767px){
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .wrap{width:calc(100% - 32px)!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) main>.section{padding-block:70px!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .section-head{margin-bottom:32px!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .section-head h2{font-size:28px!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) section.hero#top{padding:36px 0 44px!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .hero-grid{display:block!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) section.hero#top h2.fvh227{font-size:32px!important;line-height:1.45!important;text-align:center!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .fvh227 .small{font-size:14px!important;margin-bottom:18px!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) section.hero#top .lead{text-align:center!important;font-size:15px!important;margin:20px 0!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .au227 b{font-size:30px!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .au227 b i{font-size:12px!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .au227 p{text-align:center!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .fv165{display:none!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) section.hero#top::before{inset:auto -20% -55% 72%!important;opacity:.12!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .service-copy124{grid-template-columns:1fr!important;gap:8px!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .service-row{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;gap:12px 16px!important;padding:24px 0!important;border-top-width:3px!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .service-row::before{font-size:32px!important;grid-row:1/3!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .service-row p{grid-column:2!important;font-size:15px!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .price-structure{grid-template-columns:1fr!important;gap:24px!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .price-panel{padding:24px!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .price-panel .value{font-size:36px!important}
}
@media(prefers-reduced-motion:reduce){body[data-deck232] .fv165 *{animation:none!important}}
/* Canva's original illustration and approved logos, never layered over photographs. */
.cover232{margin:0;min-width:0;align-self:center}
.cover232 img{display:block;width:100%;height:auto;max-height:500px;object-fit:contain}
.logos232{margin:56px auto 0;max-width:1100px;padding:28px 0;background:#fff}
.logos232 figcaption{text-align:center;color:#102650;font-size:20px;font-weight:700;margin-bottom:24px}
.logos232-scroll{overflow-x:auto;overscroll-behavior-inline:contain}
.logos232 img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.logos232 p{max-width:52em;margin:20px auto 0;text-align:center;font-size:14px;line-height:1.8;color:#102650}
.page-art232{width:270px;position:absolute;right:6%;bottom:20px;z-index:-1;opacity:.28;pointer-events:none}
.page-art232 img{width:100%;height:auto;display:block;mix-blend-mode:multiply}
.monitor-art232{width:240px;margin:0 auto 32px;overflow:hidden;aspect-ratio:16/9}
.monitor-art232 img{display:block;width:100%;height:100%;object-fit:cover;object-position:bottom}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .service-layout124{display:block!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .service-layout124>.map168,html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .service-layout124>.motif124{max-width:640px!important;width:100%!important;margin:0 auto 40px!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .service-row a{white-space:normal!important;overflow-wrap:anywhere!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) section.hero#top::before{display:none!important}
html body[data-deck232]:not(#a232):not(#b232):not(#c232):not(#d232) .page-hero .ph168{display:none!important}
@media(max-width:767px){
 .cover232{max-width:280px;margin:24px auto 0}
 .cover232 img{max-height:260px}
 .logos232{margin-top:32px;padding:20px 0}
 .logos232 img{width:840px;max-width:none}
 .logos232-scroll{padding-bottom:12px}
 .logos232 figcaption{font-size:18px}
 .page-art232{width:180px;opacity:.16;bottom:0}
 .monitor-art232{width:200px}
}
