
/* Scoped to overseas social media page only. Homepage and shared stylesheet unchanged. */
.sm-hero{background:radial-gradient(ellipse at 83% 26%,#d6e7ff 0,transparent 52%),linear-gradient(112deg,#fbfdff,#eaf3ff);overflow:hidden}
.sm-hero-grid{display:grid;grid-template-columns:47% 53%;align-items:center;gap:0;min-height:545px;padding:55px 0 68px}
.sm-eyebrow,.sm-kicker{font-size:12px;font-weight:750;letter-spacing:1.9px;color:#6e8dbb}.sm-pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#e8bb50;margin-right:9px}
.sm-hero h1{font-size:clamp(38px,4.25vw,62px);line-height:1.22;letter-spacing:-.055em;color:#142a50;margin:20px 0}.sm-hero h1 em{font-style:normal;color:#4165af}
.sm-hero-copy>p{max-width:550px;font-size:16px;color:#667c9c;line-height:1.95}
.sm-pills{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.sm-pills span{padding:8px 12px;background:#fff9;border:1px solid #d9e5f7;border-radius:30px;font-size:12px;color:#496b9c}
.sm-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.sm-hero-visual{position:relative;margin-right:-7%;}.sm-hero-visual img{width:100%;border-radius:24px;mix-blend-mode:multiply;mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 94%,transparent 100%);filter:drop-shadow(0 22px 35px #4165af18)}
.sm-floating-label{position:absolute;bottom:5%;left:9%;padding:13px 19px;border:1px solid #fff;background:#fffffff0;border-radius:12px;box-shadow:0 12px 30px #4165af19;color:#4165af;font-size:12px;font-weight:750}.sm-floating-label span{color:#e1aa30;margin-left:8px}
.sm-section{padding:82px 0}.sm-soft{background:#f6f9ff}.sm-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:31px}.sm-heading h2{font-size:clamp(29px,3vw,42px);color:#162b4e;letter-spacing:-.04em;margin:9px 0 0}.sm-heading h2 small{display:block;font-size:15px;font-weight:500;letter-spacing:0;color:#7285a5;margin-top:8px}.sm-heading>p{max-width:375px;font-size:14px;color:#788aa5;line-height:1.9;margin:0}
.sm-journey{display:flex;align-items:center;gap:15px;background:linear-gradient(120deg,#eff5ff,#f9fbff);border:1px solid #e7eefb;border-radius:21px;padding:22px;margin-bottom:17px}.sm-stage{flex:1;text-align:center}.sm-stage-no{font-size:30px;color:#4165af;font-weight:800;display:block}.sm-stage strong{display:block;font-size:16px;color:#19355c;margin:4px 0}.sm-stage small{font-size:12px;color:#8a9ab3}.sm-stage-arrow{font-size:25px;color:#e6b844}
.sm-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sm-service{background:#fff;border:1px solid #e7edf7;border-radius:17px;padding:23px;box-shadow:0 10px 26px #4165af08}.sm-service-icon{font-size:12px;font-weight:800;color:#4165af;background:#eaf1ff;border-radius:10px;padding:9px 11px}.sm-service h3{font-size:17px;margin:24px 0 10px}.sm-service p{font-size:13px;color:#7587a3;line-height:1.85;margin:0}.sm-loop{margin-top:20px;padding:22px 28px;border-radius:16px;background:#f8faff;border:1px solid #e6edfa;display:flex;align-items:center;justify-content:space-between;gap:20px}.sm-loop span{display:block;font-size:12px;color:#879abd;margin-bottom:8px}.sm-loop strong{font-size:16px;color:#4165af}.sm-loop p{max-width:330px;color:#8090aa;font-size:13px;line-height:1.7}
.sm-platforms{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:21px 25px;background:white;border:1px solid #e7eefb;border-radius:20px;margin-bottom:25px}.sm-platforms>div:not(.sm-platform-arrow){display:flex;gap:10px;align-items:center;flex-wrap:wrap}.sm-platforms b{font-size:12px;color:#274c88;margin-right:9px}.sm-platforms span{background:#f1f6ff;padding:9px 11px;border-radius:9px;color:#5272a8;font-size:12px;font-weight:700}.sm-platform-arrow{color:#e2ad3d;font-size:23px}
.sm-matrix-row{display:grid;grid-template-columns:1.12fr 1fr;gap:50px;align-items:center;padding:34px;background:#fff;border:1px solid #e5edf9;border-radius:23px;margin-bottom:21px;box-shadow:0 14px 35px #4165af09}.sm-matrix-row.reverse .sm-screen{order:2}.sm-matrix-row.reverse .sm-detail{order:1}.sm-screen{padding:13px;background:linear-gradient(135deg,#f1f6ff,#e4edfd);border-radius:18px}.sm-screen img{width:100%;border-radius:10px;box-shadow:0 8px 25px #4165af20}.sm-tag{font-size:11px;color:#7995c4;font-weight:750;letter-spacing:1.5px}.sm-detail h3{font-size:32px;color:#4165af;margin:11px 0 7px}.sm-lead{font-size:16px;color:#203a63;font-weight:650;margin:0 0 20px}.sm-detail ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.sm-detail li{font-size:13px;color:#61758f;line-height:1.7;padding-left:23px;position:relative}.sm-detail li:before{content:'✓';position:absolute;left:0;top:0;color:#4165af;font-weight:800}
.sm-eight{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sm-eight>div{border:1px solid #dce7fa;border-radius:15px;background:linear-gradient(140deg,#fff,#f8fbff);padding:22px}.sm-eight span{font-size:11px;color:#b1c5e7;font-weight:800}.sm-eight strong{display:block;margin:12px 0 7px;color:#244c8e;font-size:16px}.sm-eight small{font-size:12px;color:#8999b1}.sm-footnote{font-size:12px;color:#9baac0;line-height:1.8;margin:20px 0 0}.sm-cta{padding-top:20px}
@media(max-width:950px){.sm-hero-grid{grid-template-columns:1fr;gap:20px}.sm-hero-visual{max-width:700px;margin:0 auto}.sm-service-grid{grid-template-columns:repeat(2,1fr)}.sm-matrix-row{gap:24px}.sm-platforms{flex-wrap:wrap}.sm-heading{align-items:start;flex-direction:column;gap:10px}}
@media(max-width:650px){.sm-hero-grid{padding:50px 0 40px}.sm-hero h1{font-size:39px}.sm-hero-copy>p{font-size:14px}.sm-hero-visual{margin:0}.sm-section{padding:56px 0}.sm-journey{gap:7px;padding:14px 8px}.sm-stage-no{font-size:23px}.sm-stage strong{font-size:12px}.sm-stage small{font-size:10px}.sm-stage-arrow{font-size:16px}.sm-service-grid{grid-template-columns:1fr 1fr;gap:9px}.sm-service{padding:17px}.sm-service h3{font-size:14px}.sm-service p{font-size:12px}.sm-loop{display:block}.sm-matrix-row{grid-template-columns:1fr;padding:18px;gap:23px}.sm-matrix-row.reverse .sm-screen,.sm-matrix-row.reverse .sm-detail{order:initial}.sm-detail h3{font-size:27px}.sm-platforms{padding:16px}.sm-platform-arrow{display:none}.sm-eight{grid-template-columns:repeat(2,1fr);gap:9px}.sm-eight>div{padding:16px}.sm-eight strong{font-size:13px}.sm-heading h2{font-size:29px}}
