/* Dedicated Hotspot WiFi advertising product experience. */
.d360-solution-hotspot-wifi main { overflow: clip; }
.hotspot2 {
	--hs-navy:#0b1022; --hs-navy-2:#111a31; --hs-ink:#111a2c; --hs-copy:#526176;
	--hs-line:#dfe5ee; --hs-blue:#2874fc; --hs-cyan:#25bde2; --hs-violet:#6d5ce8;
	--hs-green:#20bf8e; --hs-soft:#f5f8fd; color:var(--hs-ink); background:#fff;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
.hotspot2 * { box-sizing:border-box; }
.hotspot2 h1,.hotspot2 h2,.hotspot2 h3,.hotspot2 strong,.hotspot2 b { font-family:inherit; }
.hotspot2 p { text-wrap:pretty; }
.hotspot2 .fx-grid__icon,.hotspot2 .fx-grid__icon svg { display:block; width:100%; height:100%; }
.hotspot2-label,.hotspot2-kicker {
	display:flex; width:fit-content; align-items:center; gap:9px; color:#1e61d1;
	font-size:11px; font-weight:850; letter-spacing:.14em; text-transform:uppercase;
}
.hotspot2-label { margin:0 0 17px; }
.hotspot2-head--light .hotspot2-label,.hotspot2-analytics .hotspot2-label,.hotspot2-final .hotspot2-label { color:#7bc8ff; }
.hotspot2 [id] { scroll-margin-top:140px; }
.hotspot2 a:focus-visible,.hotspot2 summary:focus-visible { outline:3px solid #fff; outline-offset:2px; box-shadow:0 0 0 5px #1e61d1; }
.hotspot2-head { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.62fr); align-items:end; gap:clamp(48px,7vw,92px); margin-bottom:44px; }
.hotspot2-head h2,.hotspot2-targeting__copy h2,.hotspot2-video__copy h2 {
	max-width:820px; margin:0; color:var(--hs-ink); font-size:clamp(39px,4.6vw,57px);
	line-height:1.06; letter-spacing:-.052em;
}
.hotspot2-head > p,.hotspot2-targeting__copy > p,.hotspot2-video__copy > p { margin:0; color:var(--hs-copy); font-size:14px; line-height:1.75; }
.hotspot2-head--light h2 { color:#f7f9fd; }.hotspot2-head--light > p { color:#98a6ba; }

.hotspot2-hero { position:relative; isolation:isolate; padding:clamp(76px,8vw,112px) 0 0; overflow:hidden; color:#fff; background:var(--hs-navy); }
.hotspot2-hero::before { content:''; position:absolute; z-index:-2; inset:0; opacity:.22; background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px); background-size:52px 52px; mask-image:linear-gradient(110deg,#000,transparent 68%); }
.hotspot2-hero__glow { position:absolute; z-index:-1; top:-300px; right:-170px; width:850px; height:850px; border-radius:50%; background:radial-gradient(circle,rgba(40,116,252,.35),rgba(109,92,232,.14) 42%,transparent 70%); pointer-events:none; }
.hotspot2-hero__grid { display:grid; grid-template-columns:minmax(0,.82fr) minmax(560px,1.18fr); align-items:center; gap:clamp(58px,7vw,100px); padding-bottom:clamp(76px,8vw,105px); }
.hotspot2-kicker { margin:0 0 22px; color:#8fc9ff; }.hotspot2-kicker span { width:7px; height:7px; border-radius:50%; background:var(--hs-cyan); box-shadow:0 0 0 6px rgba(37,189,226,.12),0 0 18px rgba(37,189,226,.8); }
.hotspot2-hero h1 { max-width:690px; margin:0; color:#fff; font-size:clamp(50px,5.3vw,74px); line-height:1.01; letter-spacing:-.062em; }
.hotspot2-hero h1 em { display:block; color:transparent; font-style:normal; background:linear-gradient(90deg,#55c9ff,#8b7cff 58%,#d86ee8); -webkit-background-clip:text; background-clip:text; }
.hotspot2-hero__lead { max-width:650px; margin:25px 0 0; color:#a9b4c7; font-size:16px; line-height:1.72; }
.hotspot2-hero__actions { display:flex; align-items:center; gap:25px; margin-top:32px; }
.hotspot2-hero .btn-primary,.hotspot2-final .btn-primary { border:0; background:linear-gradient(100deg,var(--hs-blue),var(--hs-violet)); box-shadow:0 20px 42px -18px rgba(40,116,252,.85); }
.hotspot2-text-link { display:inline-flex; min-height:32px; align-items:center; color:#cbd5e4; font-size:13px; font-weight:780; text-decoration:none; }.hotspot2-text-link:hover { color:#fff; }
.hotspot2-hero__proof { display:flex; flex-wrap:wrap; gap:12px 20px; margin:28px 0 0; padding:0; color:#8d9bb0; font-size:11px; list-style:none; }
.hotspot2-hero__proof li { display:flex; align-items:center; gap:7px; }.hotspot2-hero__proof .fx-grid__icon { width:15px; height:15px; color:var(--hs-green); }
.hotspot2-hero__metrics { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(255,255,255,.1); }
.hotspot2-hero__metrics > div { display:flex; min-height:108px; padding:25px clamp(15px,3vw,34px); align-items:center; gap:14px; }
.hotspot2-hero__metrics > div + div { border-left:1px solid rgba(255,255,255,.1); }
.hotspot2-hero__metrics strong { color:#fff; font-size:clamp(17px,2vw,24px); letter-spacing:-.04em; white-space:nowrap; }
.hotspot2-hero__metrics span { color:#8493aa; font-size:10px; font-weight:700; line-height:1.45; text-transform:uppercase; letter-spacing:.045em; }

.hotspot2-studio { overflow:hidden; border:1px solid rgba(255,255,255,.16); border-radius:22px; background:#f4f7fb; box-shadow:0 45px 100px -28px rgba(0,0,0,.75); transform:perspective(1400px) rotateY(-1.2deg); }
.hotspot2-studio__bar { display:flex; min-height:43px; padding:0 15px; align-items:center; gap:15px; color:#758196; border-bottom:1px solid #e0e5ec; background:#fff; font-size:10px; }
.hotspot2-studio__bar > span { display:flex; gap:6px; }.hotspot2-studio__bar > span i { width:8px; height:8px; border-radius:50%; background:#d6dbe3; }
.hotspot2-studio__bar small { margin:auto; }.hotspot2-studio__bar > b { display:flex; align-items:center; gap:6px; color:#268968; font-size:9px; }.hotspot2-studio__bar > b i { width:7px; height:7px; border-radius:50%; background:var(--hs-green); box-shadow:0 0 0 4px #dff8ef; }
.hotspot2-studio__app { display:grid; grid-template-columns:74px minmax(0,1fr); min-height:425px; color:#1a2437; }
.hotspot2-studio__app > aside { display:flex; padding:17px 12px; flex-direction:column; align-items:center; background:#10182a; }
.hotspot2-studio__app > aside strong { display:grid; gap:6px; place-items:center; color:#fff; font-size:9px; }.hotspot2-studio__app > aside strong span { display:grid; width:29px; height:29px; place-items:center; border-radius:8px; background:linear-gradient(135deg,var(--hs-blue),var(--hs-violet)); }
.hotspot2-studio__app > aside nav { display:grid; gap:12px; margin-top:35px; }.hotspot2-studio__app > aside nav i { width:28px; height:8px; border-radius:5px; background:#263248; }.hotspot2-studio__app > aside nav i.is-active { background:var(--hs-blue); box-shadow:0 0 0 6px rgba(40,116,252,.13); }
.hotspot2-studio__app > aside small { margin-top:auto; color:#66748a; font-size:9px; writing-mode:vertical-rl; }
.hotspot2-studio__main { min-width:0; padding:21px; }
.hotspot2-studio__main > header { display:flex; align-items:center; justify-content:space-between; gap:15px; }.hotspot2-studio__main > header small,.hotspot2-studio__main > header strong { display:block; }.hotspot2-studio__main > header small { color:#929dad; font-size:9px; letter-spacing:.08em; }.hotspot2-studio__main > header strong { margin-top:4px; color:#1c273a; font-size:18px; }.hotspot2-studio__main > header > span { padding:6px 9px; border-radius:999px; color:#167b58; background:#dcf7eb; font-size:9px; font-weight:800; }
.hotspot2-format-tabs { display:grid; grid-template-columns:repeat(4,1fr); gap:6px; margin-top:18px; }.hotspot2-format-tabs span,.hotspot2-format-tabs b { padding:9px 5px; border:1px solid #dfe4eb; border-radius:8px; color:#7a8698; background:#fff; font-size:9px; text-align:center; }.hotspot2-format-tabs b { border-color:#8fb8ff; color:#1f61d8; background:#edf4ff; }
.hotspot2-builder { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(185px,.8fr); gap:11px; margin-top:11px; }.hotspot2-builder__preview,.hotspot2-builder__controls { padding:13px; border:1px solid #dfe5ed; border-radius:12px; background:#fff; }.hotspot2-builder small { display:block; margin-bottom:10px; color:#909bad; font-size:9px; font-weight:800; letter-spacing:.07em; }
.hotspot2-ad-card { display:flex; min-height:205px; padding:21px; flex-direction:column; align-items:flex-start; justify-content:center; border-radius:10px; color:#fff; background:radial-gradient(circle at 88% 8%,rgba(37,189,226,.42),transparent 34%),linear-gradient(145deg,#172d61,#245fd1 60%,#503fb2); }
.hotspot2-ad-card em { color:#9edbff; font-size:9px; font-style:normal; font-weight:850; letter-spacing:.11em; }.hotspot2-ad-card strong { max-width:275px; margin-top:12px; font-size:19px; line-height:1.14; }.hotspot2-ad-card p { max-width:285px; margin:8px 0 0; color:#d5e4ff; font-size:10px; line-height:1.5; }.hotspot2-ad-card .hotspot2-faux-button { display:inline-flex; margin-top:16px; padding:8px 13px; border-radius:7px; color:#1d59ca; background:#fff; font-size:9px; font-weight:800; }
.hotspot2-builder__controls > label,.hotspot2-builder__controls > div label { display:block; margin-bottom:8px; padding:9px; border:1px solid #e3e7ee; border-radius:8px; }.hotspot2-builder__controls label span,.hotspot2-builder__controls label strong { display:block; }.hotspot2-builder__controls label span { color:#98a2b2; font-size:9px; }.hotspot2-builder__controls label strong { margin-top:3px; color:#39465a; font-size:10px; }.hotspot2-builder__controls > div { display:grid; grid-template-columns:1fr 1fr; gap:6px; }.hotspot2-builder__controls > p { display:flex; gap:5px; margin:0; }.hotspot2-builder__controls > p span,.hotspot2-builder__controls > p b { padding:5px 7px; border-radius:6px; color:#4d5a6e; background:#edf1f6; font-size:9px; }.hotspot2-builder__controls > p b { margin-left:auto; color:#167b58; background:#dcf7eb; }
.hotspot2-studio__main > footer { display:flex; margin-top:11px; align-items:center; justify-content:space-between; color:#68758a; font-size:9px; }.hotspot2-studio__main > footer span { display:flex; align-items:center; gap:6px; }.hotspot2-studio__main > footer i { width:7px; height:7px; border-radius:50%; background:var(--hs-green); }.hotspot2-studio__main > footer b { padding:8px 11px; border-radius:7px; color:#fff; background:var(--hs-blue); font-size:9px; }

.hotspot2-nav { position:sticky; z-index:20; top:70px; border-bottom:1px solid var(--hs-line); background:rgba(255,255,255,.92); box-shadow:0 13px 34px -29px rgba(15,23,42,.55); backdrop-filter:blur(18px) saturate(150%); }
.hotspot2-nav .container { display:flex; justify-content:center; overflow-x:auto; gap:2px; scrollbar-width:none; }.hotspot2-nav .container::-webkit-scrollbar { display:none; }
.hotspot2-nav a { position:relative; flex:0 0 auto; padding:18px 14px; color:#667286; font-size:10px; font-weight:800; text-decoration:none; }.hotspot2-nav a::after { content:''; position:absolute; right:13px; bottom:-1px; left:13px; height:2px; background:transparent; }.hotspot2-nav a:hover { color:var(--hs-blue); }.hotspot2-nav a:hover::after { background:var(--hs-blue); }

.hotspot2-video { position:relative; padding:clamp(76px,6.5vw,96px) 0; overflow:hidden; background:radial-gradient(circle at 10% 85%,rgba(37,189,226,.12),transparent 30%),linear-gradient(135deg,#f4f8ff,#faf8ff); }
.hotspot2-video__grid { display:grid; grid-template-columns:minmax(390px,.8fr) minmax(0,1.2fr); align-items:center; gap:clamp(70px,9vw,130px); }
.hotspot2-phone { position:relative; width:min(390px,100%); margin:auto; padding:13px; border:1px solid #cfd8e5; border-radius:34px; background:#10182a; box-shadow:0 42px 90px -35px rgba(28,44,78,.5); transform:rotate(-2deg); }
.hotspot2-phone::before { content:''; position:absolute; z-index:-1; inset:11% -20% -10% 23%; border-radius:50%; background:radial-gradient(circle,rgba(40,116,252,.28),transparent 70%); filter:blur(12px); }
.hotspot2-phone__top { display:flex; min-height:38px; padding:0 12px; align-items:center; justify-content:space-between; color:#9ba8bb; font-size:10px; }.hotspot2-phone__top span { width:56px; height:6px; border-radius:99px; background:#26334a; }.hotspot2-phone__top i { width:7px; height:7px; border-radius:50%; background:var(--hs-green); }
.hotspot2-phone__screen { padding:26px; overflow:hidden; border-radius:24px; color:#172033; background:#fff; }.hotspot2-phone__screen > small { color:var(--hs-blue); font-size:9px; font-weight:850; letter-spacing:.11em; }
.hotspot2-phone__media { position:relative; display:grid; min-height:240px; margin:14px 0 21px; place-items:center; overflow:hidden; border-radius:17px; color:#fff; background:radial-gradient(circle at 78% 18%,rgba(37,189,226,.58),transparent 30%),linear-gradient(145deg,#111e3e,#2d66d6 60%,#624fc3); }.hotspot2-phone__media::after { content:''; position:absolute; inset:0; opacity:.2; background-image:radial-gradient(#fff 1px,transparent 1px); background-size:18px 18px; }.hotspot2-phone__media i { position:relative; z-index:1; display:grid; width:58px; height:58px; place-items:center; border:1px solid rgba(255,255,255,.5); border-radius:50%; background:rgba(255,255,255,.13); font-style:normal; }.hotspot2-phone__media span { position:absolute; z-index:1; right:14px; bottom:13px; padding:6px 8px; border-radius:999px; background:rgba(9,17,36,.66); font-size:9px; }
.hotspot2-phone__screen > strong { display:block; font-size:20px; line-height:1.25; }.hotspot2-phone__screen > p { margin:8px 0 0; color:#6e7a8e; font-size:11px; line-height:1.6; }
.hotspot2-phone__progress { margin-top:20px; }.hotspot2-phone__progress > span { display:block; height:7px; overflow:hidden; border-radius:99px; background:#e8edf4; }.hotspot2-phone__progress > span b { display:block; width:80%; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--hs-blue),var(--hs-cyan)); }.hotspot2-phone__progress small { display:block; margin-top:6px; color:#7f8a9c; font-size:9px; text-align:right; }
.hotspot2-phone__screen > .hotspot2-phone__cta { display:block; width:100%; margin-top:16px; padding:12px; border-radius:9px; color:#737f91; background:#edf0f5; font-size:10px; font-weight:800; text-align:center; }
.hotspot2-video__copy > p { max-width:650px; margin-top:22px; }
.hotspot2-rule-grid { display:grid; grid-template-columns:1fr 1fr; gap:11px; margin-top:34px; }
.hotspot2-rule-grid > div { display:grid; min-height:96px; padding:18px; grid-template-columns:39px 1fr; align-items:center; gap:13px; border:1px solid #dce4ef; border-radius:14px; background:rgba(255,255,255,.78); box-shadow:0 18px 42px -38px rgba(15,23,42,.5); }
.hotspot2-rule-grid > div > span { display:grid; width:39px; height:39px; place-items:center; border-radius:11px; color:var(--hs-blue); background:#eaf2ff; }.hotspot2-rule-grid .fx-grid__icon { width:19px; height:19px; }.hotspot2-rule-grid strong,.hotspot2-rule-grid small { display:block; }.hotspot2-rule-grid strong { color:#263247; font-size:13px; }.hotspot2-rule-grid small { margin-top:5px; color:#5e6b7f; font-size:11px; line-height:1.45; }

.hotspot2-journey { padding:clamp(76px,6.5vw,96px) 0; color:#fff; background:radial-gradient(circle at 88% 8%,rgba(40,116,252,.16),transparent 30%),radial-gradient(circle at 5% 92%,rgba(109,92,232,.15),transparent 30%),var(--hs-navy); }
.hotspot2-journey__rail { display:grid; grid-template-columns:repeat(4,1fr); margin:0; padding:0; overflow:hidden; border:1px solid rgba(255,255,255,.11); border-radius:20px; background:rgba(255,255,255,.025); list-style:none; }
.hotspot2-journey__rail li { position:relative; min-height:300px; padding:29px; }.hotspot2-journey__rail li + li { border-left:1px solid rgba(255,255,255,.1); }.hotspot2-journey__rail li > span { position:absolute; top:25px; right:25px; color:#4c5b73; font-size:11px; font-weight:850; }
.hotspot2-journey__icon { display:grid; width:48px; height:48px; margin:8px 0 48px; place-items:center; border:1px solid rgba(104,181,255,.18); border-radius:14px; color:#7fc7ff; background:rgba(40,116,252,.11); }.hotspot2-journey__icon .fx-grid__icon { width:23px; height:23px; }.hotspot2-journey__rail small { color:#75c4ff; font-size:10px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }.hotspot2-journey__rail h3 { margin:10px 0; color:#f5f8fd; font-size:19px; }.hotspot2-journey__rail p { margin:0; color:#a2aec0; font-size:12px; line-height:1.65; }
.hotspot2-journey__note { display:grid; margin-top:14px; padding:17px 20px; grid-template-columns:auto 1fr auto; align-items:center; gap:24px; border:1px solid rgba(255,255,255,.1); border-radius:13px; color:#92a0b4; background:rgba(255,255,255,.035); font-size:10px; }.hotspot2-journey__note > span { display:flex; align-items:center; gap:7px; color:#69d8b1; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }.hotspot2-journey__note i { width:7px; height:7px; border-radius:50%; background:var(--hs-green); box-shadow:0 0 10px rgba(32,191,142,.8); }.hotspot2-journey__note strong { color:#d9e1ec; font-size:11px; }.hotspot2-journey__note > b { color:#87cfff; font-size:9px; }

.hotspot2-targeting { padding:clamp(76px,6.5vw,96px) 0; background:#fff; }
.hotspot2-targeting__grid { display:grid; grid-template-columns:minmax(340px,.74fr) minmax(580px,1.26fr); align-items:center; gap:clamp(60px,8vw,115px); }
.hotspot2-targeting__copy > p { margin-top:22px; }.hotspot2-targeting__copy > ul { display:grid; gap:0; margin:30px 0 0; padding:0; list-style:none; }.hotspot2-targeting__copy > ul li { display:grid; padding:16px 0; grid-template-columns:28px 1fr; gap:12px; color:#59687d; border-top:1px solid #e4e8ee; font-size:12px; line-height:1.55; }.hotspot2-targeting__copy > ul .fx-grid__icon { width:18px; height:18px; color:#1e61d1; }.hotspot2-targeting__copy > ul strong { display:block; color:#2a3548; font-size:13px; }
.hotspot2-target-panel { overflow:hidden; border:1px solid #dce3ec; border-radius:21px; background:#f7f9fc; box-shadow:0 35px 80px -35px rgba(25,42,72,.35); }
.hotspot2-target-panel > header { display:flex; min-height:74px; padding:0 23px; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid #e1e6ed; background:#fff; }.hotspot2-target-panel > header small,.hotspot2-target-panel > header strong { display:block; }.hotspot2-target-panel > header small { color:#8a95a6; font-size:9px; letter-spacing:.09em; }.hotspot2-target-panel > header strong { margin-top:5px; color:#202b3e; font-size:15px; }.hotspot2-target-panel > header > span { padding:7px 10px; border-radius:999px; color:#245ec4; background:#eaf2ff; font-size:9px; font-weight:800; }
.hotspot2-audience-choice { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; padding:19px 21px 0; }.hotspot2-audience-choice span,.hotspot2-audience-choice b { padding:11px 8px; border:1px solid #dfe4eb; border-radius:9px; color:#748094; background:#fff; font-size:10px; text-align:center; }.hotspot2-audience-choice b { border-color:#91baff; color:#1e5fce; background:#ebf3ff; }
.hotspot2-target-packages { padding:19px 21px 0; }.hotspot2-target-packages > span { color:#8c97a8; font-size:9px; font-weight:850; letter-spacing:.08em; }.hotspot2-chipset { display:flex; flex-wrap:wrap; gap:7px; margin-top:9px; }.hotspot2-chipset span { padding:8px 10px; border:1px solid #a8c6fb; border-radius:8px; color:#245dbf; background:#edf4ff; font-size:10px; }.hotspot2-chipset span b { margin-left:6px; }.hotspot2-chipset .hotspot2-chipset__add { border-color:#dce3ec; color:#68768a; background:#fff; }
.hotspot2-target-fields { display:grid; grid-template-columns:1fr 1fr; gap:9px; padding:19px 21px 21px; }.hotspot2-target-fields > label { min-height:92px; padding:14px; border:1px solid #dfe5ed; border-radius:11px; background:#fff; }.hotspot2-target-fields label span,.hotspot2-target-fields label strong,.hotspot2-target-fields label small { display:block; }.hotspot2-target-fields label span { color:#909bad; font-size:9px; }.hotspot2-target-fields label strong { margin-top:7px; color:#324055; font-size:12px; }.hotspot2-target-fields label small { margin-top:4px; color:#8b96a7; font-size:9px; }.hotspot2-target-fields label > i { display:block; height:5px; margin-top:10px; overflow:hidden; border-radius:99px; background:#e8edf4; }.hotspot2-target-fields label > i b { display:block; width:80%; height:100%; background:linear-gradient(90deg,var(--hs-blue),var(--hs-violet)); }
.hotspot2-target-panel > footer { display:flex; min-height:52px; padding:0 21px; align-items:center; justify-content:space-between; gap:15px; color:#718095; border-top:1px solid #e0e6ed; background:#fff; font-size:9px; }.hotspot2-target-panel > footer span { display:flex; align-items:center; gap:7px; color:#177b59; font-weight:800; }.hotspot2-target-panel > footer i { width:7px; height:7px; border-radius:50%; background:var(--hs-green); }

.hotspot2-formats { padding:clamp(76px,6.5vw,96px) 0; background:var(--hs-soft); }
.hotspot2-format-grid { display:grid; grid-template-columns:1.16fr .84fr .84fr; grid-template-rows:1fr 1fr; gap:14px; }
.hotspot2-format-card { min-height:275px; padding:25px; overflow:hidden; border:1px solid #dde4ed; border-radius:19px; background:#fff; box-shadow:0 17px 45px -38px rgba(15,23,42,.5); }
.hotspot2-format-card--video { grid-row:1 / span 2; min-height:565px; background:linear-gradient(155deg,#fff 55%,#f2f6ff); }
.hotspot2-format-card > div:first-child { display:flex; align-items:center; justify-content:space-between; gap:12px; }.hotspot2-format-card > div:first-child span { color:var(--hs-blue); font-size:9px; font-weight:850; letter-spacing:.08em; }.hotspot2-format-card > div:first-child b { padding:5px 8px; border-radius:999px; color:#526176; background:#edf1f6; font-size:9px; }
.hotspot2-format-card h3 { margin:21px 0 9px; color:#202b3e; font-size:19px; }.hotspot2-format-card p { margin:0; color:#59687c; font-size:12px; line-height:1.65; }.hotspot2-format-card:last-child { grid-column:2 / 4; }
.hotspot2-video-thumb { position:relative; display:flex; min-height:315px; margin-top:20px; padding:25px; flex-direction:column; justify-content:flex-end; overflow:hidden; border-radius:15px; color:#fff; background:radial-gradient(circle at 80% 15%,rgba(37,189,226,.55),transparent 31%),linear-gradient(145deg,#15244c,#2769d8 58%,#6653cc); }.hotspot2-video-thumb::before { content:''; position:absolute; inset:0; opacity:.18; background-image:radial-gradient(#fff 1px,transparent 1px); background-size:20px 20px; }.hotspot2-video-thumb > * { position:relative; }.hotspot2-video-thumb > span { color:#b6e7ff; font-size:9px; font-weight:850; letter-spacing:.1em; }.hotspot2-video-thumb > i { position:absolute; top:50%; left:50%; display:grid; width:65px; height:65px; place-items:center; border:1px solid rgba(255,255,255,.55); border-radius:50%; background:rgba(255,255,255,.12); font-style:normal; transform:translate(-50%,-50%); }.hotspot2-video-thumb > strong { margin-top:9px; font-size:14px; }.hotspot2-video-thumb > em { display:block; height:6px; margin-top:12px; overflow:hidden; border-radius:99px; background:rgba(255,255,255,.2); }.hotspot2-video-thumb > em b { display:block; width:70%; height:100%; background:#fff; }
.hotspot2-mini-creative { min-height:105px; margin-top:17px; padding:17px; border-radius:12px; }.hotspot2-mini-creative.is-banner { display:grid; grid-template-columns:40px 1fr; gap:10px; color:#fff; background:linear-gradient(135deg,#1e4fba,#7658da); }.hotspot2-mini-creative.is-banner i { grid-row:span 2; border-radius:8px; background:rgba(255,255,255,.19); }.hotspot2-mini-creative.is-banner strong { font-size:11px; }.hotspot2-mini-creative.is-banner small { color:#dbe7ff; font-size:9px; }
.hotspot2-mini-creative.is-text { border:1px solid #e1e6ee; background:#f7f9fc; }.hotspot2-mini-creative.is-text strong { display:block; color:#354257; font-size:11px; }.hotspot2-mini-creative.is-text i { display:block; width:88%; height:5px; margin-top:9px; border-radius:99px; background:#dfe5ee; }.hotspot2-mini-creative.is-text i:nth-of-type(2) { width:62%; }.hotspot2-mini-creative.is-text small { display:inline-block; margin-top:11px; padding:5px 8px; border-radius:6px; color:#fff; background:var(--hs-blue); font-size:8px; }
.hotspot2-mini-creative.is-code { display:grid; align-content:center; color:#9be7cb; background:#10182a; font-size:10px; line-height:1.7; }.hotspot2-mini-creative.is-code code:nth-child(2) { color:#88c9ff; }

.hotspot2-analytics { padding:clamp(76px,6.5vw,96px) 0; color:#fff; background:radial-gradient(circle at 90% 8%,rgba(109,92,232,.18),transparent 31%),var(--hs-navy); }
.hotspot2-analytics__grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr); gap:15px; align-items:stretch; }
.hotspot2-dashboard { padding:22px; border:1px solid rgba(255,255,255,.11); border-radius:20px; background:rgba(255,255,255,.045); box-shadow:0 28px 70px -40px rgba(0,0,0,.7); }
.hotspot2-dashboard > header { display:flex; align-items:center; justify-content:space-between; }.hotspot2-dashboard > header small,.hotspot2-dashboard > header strong { display:block; }.hotspot2-dashboard > header small { color:#70819a; font-size:9px; letter-spacing:.1em; }.hotspot2-dashboard > header strong { margin-top:5px; color:#f5f8fd; font-size:17px; }.hotspot2-dashboard > header > span { padding:7px 10px; border:1px solid rgba(255,255,255,.1); border-radius:8px; color:#aab6c8; font-size:9px; }
.hotspot2-dashboard__metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin-top:20px; }.hotspot2-dashboard__metrics > div { position:relative; min-height:90px; padding:15px; overflow:hidden; border:1px solid rgba(255,255,255,.09); border-radius:11px; background:rgba(255,255,255,.035); }.hotspot2-dashboard__metrics small,.hotspot2-dashboard__metrics strong { display:block; }.hotspot2-dashboard__metrics small { color:#7f8da2; font-size:9px; }.hotspot2-dashboard__metrics strong { margin-top:12px; color:#eef3fa; font-size:13px; }.hotspot2-dashboard__metrics i { position:absolute; right:14px; bottom:12px; width:32px; height:5px; border-radius:99px; }.hotspot2-dashboard__metrics i.is-blue { background:var(--hs-blue); }.hotspot2-dashboard__metrics i.is-green { background:var(--hs-green); }.hotspot2-dashboard__metrics i.is-violet { background:var(--hs-violet); }
.hotspot2-dashboard__charts { display:grid; grid-template-columns:minmax(0,1fr) 190px; gap:9px; margin-top:9px; }.hotspot2-dashboard__charts > .hotspot2-dashboard__trend,.hotspot2-dashboard__charts > aside { padding:16px; border:1px solid rgba(255,255,255,.09); border-radius:11px; background:rgba(255,255,255,.035); }.hotspot2-dashboard__trend > div { display:flex; align-items:center; justify-content:space-between; }.hotspot2-dashboard__trend strong { color:#e8eef7; font-size:11px; }.hotspot2-dashboard__trend small { color:#76869d; font-size:8px; }.hotspot2-dashboard__charts svg { display:block; width:100%; height:auto; margin-top:16px; }
.hotspot2-dashboard__charts > aside > strong { color:#e8eef7; font-size:11px; }.hotspot2-donut { display:grid; width:112px; height:112px; margin:16px auto; place-items:center; border-radius:50%; background:conic-gradient(var(--hs-blue) 0 72%,var(--hs-violet) 72% 100%); }.hotspot2-donut::before { content:''; grid-area:1/1; width:73px; height:73px; border-radius:50%; background:#172039; }.hotspot2-donut span { z-index:1; grid-area:1/1; color:#a9b4c6; font-size:9px; }.hotspot2-dashboard__charts aside p { margin:7px 0 0; color:#8190a6; font-size:8px; }.hotspot2-dashboard__charts aside p i { display:inline-block; width:7px; height:7px; margin-right:5px; border-radius:50%; }.hotspot2-dashboard__charts aside p i.is-blue { background:var(--hs-blue); }.hotspot2-dashboard__charts aside p i.is-violet { background:var(--hs-violet); }
.hotspot2-revenue-card { padding:28px; border:1px solid rgba(255,255,255,.11); border-radius:20px; background:linear-gradient(155deg,rgba(109,92,232,.16),rgba(255,255,255,.035)); }.hotspot2-revenue-card h3 { margin:0; color:#fff; font-size:25px; line-height:1.15; }.hotspot2-revenue-card > p { margin:13px 0 0; color:#98a6ba; font-size:11px; line-height:1.7; }.hotspot2-revenue-card > div { display:grid; margin-top:25px; padding:18px; grid-template-columns:47px 1fr; gap:13px; border:1px solid rgba(255,255,255,.1); border-radius:14px; background:rgba(255,255,255,.055); }.hotspot2-revenue-card > div > span { display:grid; width:47px; height:47px; place-items:center; border-radius:12px; color:#ffd487; background:rgba(255,176,55,.12); }.hotspot2-revenue-card > div .fx-grid__icon { width:23px; height:23px; }.hotspot2-voucher-preview small,.hotspot2-voucher-preview strong { display:block; }.hotspot2-voucher-preview small { color:#f2bf63; font-size:8px; letter-spacing:.08em; }.hotspot2-voucher-preview strong { margin-top:5px; color:#f5f8fd; font-size:12px; }.hotspot2-voucher-preview p { margin:4px 0 0; color:#8998ad; font-size:9px; line-height:1.5; }.hotspot2-revenue-card ul { display:grid; gap:10px; margin:24px 0 0; padding:0; color:#a0aec0; font-size:10px; list-style:none; }.hotspot2-revenue-card li::before { content:'✓'; margin-right:8px; color:#f2bf63; font-weight:900; }

.hotspot2-rollout { padding:clamp(86px,8vw,112px) 0; background:#fff; }.hotspot2-rollout__grid { display:grid; grid-template-columns:minmax(320px,.76fr) minmax(0,1.24fr); align-items:center; gap:clamp(60px,8vw,110px); }.hotspot2-rollout h2 { max-width:560px; margin:0; color:var(--hs-ink); font-size:clamp(37px,4.3vw,52px); line-height:1.08; letter-spacing:-.05em; }.hotspot2-rollout__grid > div > p { max-width:520px; margin:19px 0 27px; color:var(--hs-copy); font-size:13px; line-height:1.7; }.hotspot2-rollout ol { margin:0; padding:0; border-top:1px solid #dfe4eb; list-style:none; }.hotspot2-rollout li { display:grid; min-height:120px; padding:23px 0; grid-template-columns:54px 1fr; align-items:start; gap:19px; border-bottom:1px solid #dfe4eb; }.hotspot2-rollout li > span { display:grid; width:50px; height:50px; place-items:center; border:1px solid #cfe0fd; border-radius:14px; color:var(--hs-blue); background:#eef5ff; font-size:10px; font-weight:850; }.hotspot2-rollout li strong { color:#283449; font-size:15px; }.hotspot2-rollout li p { margin:7px 0 0; color:#718095; font-size:11px; line-height:1.6; }

.hotspot2-faq { padding:clamp(88px,9vw,120px) 0; background:var(--hs-soft); }.hotspot2-faq__grid { display:grid; grid-template-columns:minmax(300px,.65fr) minmax(0,1.35fr); align-items:start; gap:clamp(65px,9vw,125px); }.hotspot2-faq__grid > div:first-child { position:sticky; top:145px; }.hotspot2-faq h2 { margin:0; color:var(--hs-ink); font-size:clamp(36px,4vw,49px); line-height:1.08; letter-spacing:-.05em; }.hotspot2-faq__grid > div:first-child > p { margin:19px 0 0; color:var(--hs-copy); font-size:13px; line-height:1.7; }.hotspot2-faq__grid > div:first-child > a { display:inline-flex; margin-top:25px; color:var(--hs-blue); font-size:12px; font-weight:800; text-decoration:none; }
.hotspot2-faq__list { display:grid; gap:9px; }.hotspot2-faq details { border:1px solid #dfe4eb; border-radius:13px; background:#fff; box-shadow:0 16px 36px -34px rgba(15,23,42,.5); }.hotspot2-faq summary { display:flex; min-height:62px; padding:18px 20px; align-items:center; justify-content:space-between; gap:20px; color:#273348; font-size:12px; font-weight:780; cursor:pointer; list-style:none; }.hotspot2-faq summary::-webkit-details-marker { display:none; }.hotspot2-faq summary span { display:grid; width:25px; height:25px; flex:0 0 auto; place-items:center; border-radius:50%; color:var(--hs-blue); background:#edf4ff; font-size:14px; transition:transform .2s ease; }.hotspot2-faq details[open] summary span { transform:rotate(45deg); }.hotspot2-faq details p { margin:0; padding:0 20px 19px; color:#6c788c; font-size:11px; line-height:1.7; }
.hotspot2-final { padding:78px 0; color:#fff; background:radial-gradient(circle at 80% 30%,rgba(40,116,252,.25),transparent 35%),var(--hs-navy); }.hotspot2-final__inner { display:flex; align-items:center; justify-content:space-between; gap:60px; }.hotspot2-final h2 { max-width:760px; margin:0; color:#fff; font-size:clamp(38px,4.7vw,56px); line-height:1.07; letter-spacing:-.052em; }.hotspot2-final__inner > div:last-child { display:grid; flex:0 0 auto; justify-items:center; gap:13px; }.hotspot2-final__inner > div:last-child > a:last-child { color:#9fadbf; font-size:11px; font-weight:750; }

/* Readable product copy and a tighter, intentional section rhythm. */
.hotspot2-revenue-card > p { color:#a7b3c5; font-size:12px; }
.hotspot2-voucher-preview small { font-size:9px; }
.hotspot2-voucher-preview p { color:#a0aec0; font-size:10px; }
.hotspot2-revenue-card ul { color:#acb7c8; font-size:11px; }
.hotspot2-rollout { padding:clamp(76px,6.5vw,98px) 0; }
.hotspot2-rollout li { min-height:116px; padding:21px 0; }
.hotspot2-rollout li > span { color:#1e61d1; }
.hotspot2-rollout li p { color:#5d6b80; font-size:12px; }
.hotspot2-faq { padding:clamp(76px,7vw,100px) 0; }
.hotspot2-faq__grid > div:first-child > a { min-height:32px; margin-top:21px; align-items:center; color:#1e61d1; }
.hotspot2-faq summary { font-size:13px; }
.hotspot2-faq summary span { color:#1e61d1; }
.hotspot2-faq details p { color:#536176; font-size:12px; }
.hotspot2-final { padding:68px 0; }
.hotspot2-final__inner > div:last-child { gap:9px; }
.hotspot2-final__inner > div:last-child > a:last-child { display:inline-flex; min-height:32px; padding:0 4px; align-items:center; color:#b8c3d3; font-size:12px; }

@media (max-width:1120px) {
	.hotspot2-hero__grid { grid-template-columns:1fr; }
	.hotspot2-hero__copy { max-width:760px; }
	.hotspot2-studio { width:min(850px,100%); transform:none; }
	.hotspot2-targeting__grid { grid-template-columns:1fr; }
	.hotspot2-targeting__grid { gap:54px; }
	.hotspot2-targeting__copy { max-width:760px; }
	.hotspot2-target-panel { width:min(850px,100%); }
	.hotspot2-analytics__grid { grid-template-columns:1fr; }
	.hotspot2-revenue-card { display:grid; grid-template-columns:1fr 1fr; gap:0 30px; }
	.hotspot2-revenue-card > div { grid-column:2; grid-row:1 / span 3; margin-top:0; align-self:center; }
}
@media (max-width:900px) {
	.hotspot2-head { grid-template-columns:1fr; gap:20px; }
	.hotspot2-head > p { max-width:680px; }
	.hotspot2-video__grid { grid-template-columns:1fr; gap:50px; }
	.hotspot2-phone { order:2; }
	.hotspot2-video__copy { max-width:760px; }
	.hotspot2-journey__rail { grid-template-columns:1fr 1fr; }
	.hotspot2-journey__rail li:nth-child(3) { border-top:1px solid rgba(255,255,255,.1); border-left:0; }.hotspot2-journey__rail li:nth-child(4) { border-top:1px solid rgba(255,255,255,.1); }
	.hotspot2-format-grid { grid-template-columns:1fr 1fr; grid-template-rows:auto; }.hotspot2-format-card--video { grid-column:1 / -1; grid-row:auto; min-height:0; }.hotspot2-format-card:last-child { grid-column:1 / -1; }.hotspot2-video-thumb { min-height:300px; }
	.hotspot2-rollout__grid,.hotspot2-faq__grid { grid-template-columns:1fr; gap:48px; }
	.hotspot2-faq__grid > div:first-child { position:static; }
	.hotspot2-final__inner { align-items:flex-start; flex-direction:column; }
}
@media (max-width:700px) {
	.hotspot2-head h2,.hotspot2-targeting__copy h2,.hotspot2-video__copy h2 { font-size:clamp(34px,10vw,45px); }
	.hotspot2-hero { padding-top:68px; }.hotspot2-hero__grid { gap:48px; padding-bottom:68px; }.hotspot2-hero h1 { font-size:clamp(44px,13.5vw,62px); }
	.hotspot2-hero__lead { font-size:14px; }.hotspot2-hero__actions { align-items:flex-start; flex-direction:column; gap:17px; }
	.hotspot2-hero__proof { display:grid; }
	.hotspot2-hero__metrics { grid-template-columns:1fr 1fr; }.hotspot2-hero__metrics > div { display:block; min-width:0; min-height:92px; padding:18px 10px; text-align:center; }.hotspot2-hero__metrics strong,.hotspot2-hero__metrics span { display:block; white-space:normal; }.hotspot2-hero__metrics strong { font-size:clamp(16px,4.7vw,20px); }.hotspot2-hero__metrics span { margin-top:7px; font-size:9px; }.hotspot2-hero__metrics > div:nth-child(3) { border-top:1px solid rgba(255,255,255,.1); border-left:0; }.hotspot2-hero__metrics > div:nth-child(4) { border-top:1px solid rgba(255,255,255,.1); }
	.hotspot2-studio__app { grid-template-columns:1fr; }.hotspot2-studio__app > aside { display:none; }.hotspot2-builder { grid-template-columns:1fr; }.hotspot2-builder__controls { display:none; }.hotspot2-ad-card { min-height:230px; }
	.hotspot2-nav { overflow:hidden; }.hotspot2-nav::after { content:''; position:absolute; top:0; right:0; bottom:0; width:42px; pointer-events:none; background:linear-gradient(90deg,transparent,rgba(255,255,255,.98)); }.hotspot2-nav .container { justify-content:flex-start; padding-right:46px; scrollbar-width:thin; }.hotspot2-nav a { padding:16px 12px; }
	.hotspot2-video,.hotspot2-journey,.hotspot2-targeting,.hotspot2-formats,.hotspot2-analytics,.hotspot2-rollout,.hotspot2-faq { padding:60px 0; }
	.hotspot2-video__grid,.hotspot2-targeting__grid { gap:42px; }
	.hotspot2-rule-grid { grid-template-columns:1fr; }
	.hotspot2-journey__rail { grid-template-columns:1fr; }.hotspot2-journey__rail li { min-height:0; }.hotspot2-journey__rail li + li { border-top:1px solid rgba(255,255,255,.1); border-left:0; }.hotspot2-journey__icon { margin-bottom:30px; }
	.hotspot2-journey__note { grid-template-columns:1fr; gap:8px; }
	.hotspot2-target-fields { grid-template-columns:1fr; }
	.hotspot2-format-grid { grid-template-columns:1fr; }.hotspot2-format-card--video { grid-column:auto; }.hotspot2-format-card { min-height:0; }
	.hotspot2-dashboard__metrics { grid-template-columns:1fr; }.hotspot2-dashboard__charts { grid-template-columns:1fr; }
	.hotspot2-revenue-card { display:block; }.hotspot2-revenue-card > div { margin-top:24px; }
	.hotspot2-final { padding:60px 0; }
}
@media (max-width:480px) {
	.hotspot2-studio__bar small { display:none; }.hotspot2-studio__main { padding:15px; }.hotspot2-studio__main > header strong { font-size:15px; }
	.hotspot2-format-tabs { grid-template-columns:1fr 1fr; }.hotspot2-ad-card { padding:18px; }.hotspot2-ad-card strong { font-size:17px; }
	.hotspot2-phone { transform:none; }.hotspot2-phone__screen { padding:20px; }.hotspot2-phone__media { min-height:210px; }
	.hotspot2-audience-choice { grid-template-columns:1fr; }.hotspot2-target-panel > footer { align-items:flex-start; flex-direction:column; justify-content:center; padding-block:13px; }
	.hotspot2-dashboard { padding:15px; }.hotspot2-dashboard__trend > div { align-items:flex-start; flex-direction:column; gap:5px; }
	.hotspot2-final__inner > div:last-child { width:100%; justify-items:stretch; text-align:center; }
}
@media (prefers-reduced-motion:reduce) {
	.hotspot2 * { scroll-behavior:auto !important; transition:none !important; animation:none !important; }
}
.hotspot2-target-fields strong [lang="bn"] { display:inline; color:inherit; font-size:inherit; }