/* === RESET & BASE === */

html{scroll-behavior:smooth;}
body{margin:0;font-family:'Red Hat Display',system-ui,sans-serif;color:#1a202c;background:#fff;-webkit-font-smoothing:antialiased;}

/* === DESIGN TOKENS === */


/* === LAYOUT === */
.wrap{max-width:1140px;margin:0 auto;padding:0 48px;}
@media(max-width:768px){.wrap{padding:0 24px;}}

/* === BUTTONS === */
.btn{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-size:15px;font-weight:600;padding:14px 28px;border-radius:8px;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;letter-spacing:-.01em;white-space:nowrap;}
.btn--primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px rgba(161,30,92,.35);}
.btn--primary:hover{background:var(--primary-dark);box-shadow:0 6px 20px rgba(161,30,92,.45);transform:translateY(-1px);}
.btn--ghost-white{background:transparent;color:rgba(255,255,255,.8);border:1.5px solid rgba(255,255,255,.22);}
.btn--ghost-white:hover{border-color:rgba(255,255,255,.6);color:#fff;background:rgba(255,255,255,.07);}

/* === NAV === */
.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);}
.nav__inner{max-width:1140px;margin:0 auto;padding:0 48px;height:64px;display:flex;align-items:center;justify-content:space-between;gap:32px;}
.nav__logo{display:inline-flex;align-items:center;text-decoration:none;line-height:1;}
.nav__logo svg{height:28px;width:auto;display:block;}
.nav__links{display:flex;align-items:center;gap:32px;list-style:none;margin:0;padding:0;}
.nav__links a{font-size:14px;font-weight:500;color:var(--muted);text-decoration:none;transition:color .2s;}
.nav__links a:hover{color:var(--text);}
@media(max-width:900px){.nav__links{display:none;}.nav__inner{padding:0 24px;}}

/* === SUB-NAV === */
.subnav{background:var(--surface);border-bottom:1px solid var(--border);}
.subnav__inner{max-width:1140px;margin:0 auto;padding:0 48px;height:52px;display:flex;align-items:center;gap:8px;overflow-x:auto;}
@media(max-width:900px){.subnav__inner{padding:12px 24px;height:auto;flex-wrap:wrap;}}
.subnav__pill{font-size:12.5px;font-weight:600;padding:6px 16px;border-radius:100px;border:1.5px solid var(--border);color:var(--muted);background:#fff;text-decoration:none;transition:all .18s;font-family:inherit;white-space:nowrap;}
.subnav__pill:hover{border-color:var(--primary);color:var(--primary);}
.subnav__pill--active{background:var(--primary);border-color:var(--primary);color:#fff;}

/* === HERO === */
.hero{background:linear-gradient(135deg,#a11e5c 0%,#BA535F 100%);position:relative;overflow:hidden;}
.hero__glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 55% 60% at 5% 100%,rgba(0,0,0,.18) 0%,transparent 60%),radial-gradient(ellipse 40% 50% at 95% 0%,rgba(255,255,255,.08) 0%,transparent 55%);}
.hero__grid{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 1px);background-size:30px 30px;}
.hero__inner{max-width:1140px;margin:0 auto;padding:108px 48px 100px;position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,560px) 1fr;align-items:center;gap:0;}
.hero__content{position:relative;z-index:2;}
.hero__visual{display:flex;justify-content:flex-end;align-items:flex-end;margin-right:-140px;pointer-events:none;}
.hero__visual img{width:100%;display:block;user-select:none;margin-top:80px;filter:drop-shadow(0 32px 64px rgba(0,0,0,.25));}
@media(max-width:960px){.hero__visual{display:none;}.hero__inner{grid-template-columns:1fr;}}
@media(max-width:768px){.hero__inner{padding:88px 24px 72px;}}
.hero__tag{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:30px;}
.hero__tag-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.9);flex-shrink:0;}
.hero__title{font-size:clamp(34px,4vw,58px);font-weight:800;line-height:1.05;letter-spacing:-.04em;color:#fff;margin:0 0 28px;max-width:820px;}
.hero__title em{font-style:normal;color:rgba(255,255,255,.88);}
.hero__sub{font-size:clamp(15px,1.65vw,18px);line-height:1.76;color:rgba(255,255,255,.78);max-width:620px;margin:0;}

/* === SECTION LABEL === */
.section-label{display:inline-flex;align-items:center;font-family:'Red Hat Display',sans-serif;font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--secondary);border:1.5px solid rgba(186,83,95,.38);border-radius:8px;padding:7px 20px;margin-bottom:24px;text-transform:none;background:transparent;}
.section-label--light{color:rgba(255,255,255,.65);border-color:rgba(255,255,255,.22);}

/* === SECTION WRAPPER === */
.section{padding:var(--pad) 0;}
.section--grey{background:var(--surface);}

/* === SECTION HEADING === */
.sec-heading{font-size:32px;font-weight:700;color:#0a0f1e;margin:0 0 32px;line-height:1.2;letter-spacing:-.02em;}

/* === PLATFORM COMPONENTS === */
.pc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
@media(max-width:900px){.pc-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.pc-grid{grid-template-columns:1fr;}}
.pc-card{background:#E56675;border-radius:18px;overflow:hidden;min-height:210px;position:relative;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;}
.pc-card__body{position:relative;z-index:1;}
.pc-card__title{font-size:17px;font-weight:700;color:#fff;margin:0 0 10px;line-height:1.25;}
.pc-card__text{font-size:13px;color:rgba(255,255,255,.85);line-height:1.2;margin:0;max-width:160px;min-height:62px;}
.pc-card__img{position:absolute;right:-24px;top:-16px;width:58%;pointer-events:none;}
.pc-card__img img{width:100%;display:block;}

/* === CAPABILITIES — 2-col cards === */
.cap-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
@media(max-width:700px){.cap-grid{grid-template-columns:1fr;}}
.cap-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:24px 26px;transition:box-shadow .2s;}
.cap-card:hover{box-shadow:0 6px 24px rgba(0,0,0,.07);}
.cap-card__title{font-size:14px;font-weight:700;color:var(--navy);margin:0 0 8px;letter-spacing:-.01em;}
.cap-card__text{font-size:13px;color:var(--muted);line-height:1.6;margin:0;}

/* === BODY TEXT SECTIONS === */
.prose{max-width:700px;}
.prose p{font-size:15.5px;line-height:1.82;color:var(--muted);margin:0 0 18px;}
.prose p:last-child{margin-bottom:0;}

/* === PROSE + VISUAL two-col wrapper === */
.pv-wrap{max-width:1140px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:1fr 420px;gap:80px;align-items:start;}
.pv-section{padding:clamp(48px,7vw,80px) 0;}
.pv-section+.pv-section{border-top:1px solid var(--border);}
.pv-img{position:sticky;top:80px;padding:clamp(48px,7vw,80px) 0;}
.pv-img img{width:100%;display:block;}
@media(max-width:960px){.pv-wrap{grid-template-columns:1fr;}.pv-img{display:none;}}

/* === WHY MBANQ CLOUD === */
.section--rose{background:#BA535F;}
.section--rose .sec-heading{color:#fff;}
.value-card{background:#fff;border-radius:22px;box-shadow:0 8px 48px rgba(0,0,0,.12);padding:48px 52px 56px;}
.value-cols{display:grid;grid-template-columns:repeat(3,1fr);column-gap:48px;}
@media(max-width:780px){.value-card{padding:36px 28px 44px;}.value-cols{grid-template-columns:1fr;gap:32px;}}
.value-col__title{font-size:clamp(16px,1.6vw,19px);font-weight:700;line-height:1.2;color:#BA535F;margin:0 0 14px;padding-bottom:14px;border-bottom:1px solid rgba(186,83,95,.2);}
.value-col__text{font-size:14px;color:var(--muted);line-height:1.72;margin:0;}

/* === PARTNERSHIPS — logos === */
.partner-logos{display:flex;flex-wrap:wrap;align-items:center;gap:48px;margin-top:40px;}
.partner-logos img{height:44px;width:auto;}

/* === CLOSING CTA === */
.closing{background:linear-gradient(140deg,var(--navy) 0%,var(--navy-2) 100%);position:relative;overflow:hidden;}
.closing__glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 55% 80% at 80% 50%,rgba(161,30,92,.28) 0%,transparent 70%);}
.closing__dots{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.035) 1px,transparent 1px);background-size:28px 28px;}
.closing__inner{max-width:1140px;margin:0 auto;padding:80px 48px 96px;display:flex;align-items:center;justify-content:space-between;gap:48px;flex-wrap:wrap;position:relative;z-index:1;}
@media(max-width:900px){.closing__inner{padding:56px 24px 72px;flex-direction:column;align-items:flex-start;}}
.closing__text h2{font-size:clamp(22px,2.5vw,34px);font-weight:800;color:#fff;margin:0;letter-spacing:-.03em;line-height:1.1;}
.closing__actions{display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0;}
.closing .btn--primary{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);box-shadow:0 4px 20px rgba(161,30,92,.4);font-size:15px;padding:15px 32px;}