/* Fix list t3618. Motion off in the light DOM. The header flip lives in the shadow root. */
html,body{overflow-x:clip;max-width:100%}
html body,html body *,html body *::before,html body *::after{animation:none!important;transition:none!important}
img,video,canvas,svg,table,pre,iframe{max-width:100%}
:lang(bn),html[lang="bn"] .hm-k,html[lang="bn"] .kick,html[lang="bn"] .gl-chip,html[lang="bn"] h4,html[lang="bn"] .eyebrow{letter-spacing:0!important}
html[lang="bn"] *{letter-spacing:0}

/* #86 refund line was navy on navy */
.b1ref,.b1plan .b1ref,span.b1ref{color:#f4f6ff!important;background:transparent}

/* #87 bottom CTA padding */
@media(max-width:768px){
  .b1cta,.cta,.btm,.endcta,.hm-cta{padding:20px!important}
  section:has(.btns){padding-left:16px;padding-right:16px}
  .btns{padding:16px!important;gap:10px}
}
/* #88 product card buttons */
.cbtn,.hm-cbtn,.b1soonbtn{min-height:44px!important;height:auto!important;display:inline-flex!important;align-items:center;justify-content:center;padding:10px 14px!important;white-space:normal;overflow:visible}
.card .d,.card p,.card .desc{max-width:100%}
/* #89 compare: the table scrolls inside its own region. Cells stay table cells. */
@media(max-width:800px){
  .b1comp,.b1comp .w,.premium-compare{max-width:100%!important;min-width:0!important}
  .premium-compare{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
}
/* #90 about icons */
.how li,.howlist li,.steps li{display:flex;gap:12px;align-items:flex-start}
.how li img,.howlist li img,.how li svg,.howlist li svg{flex:0 0 28px;width:28px!important;min-width:28px;height:auto}
/* #91 pills */
.badge,.pill,.kick,.status,.hb .tag{white-space:nowrap;max-width:100%;display:inline-flex;align-items:center;height:auto;padding:4px 10px}
/* #5 nowrap CTA */
.play,.btn.play,a.play{white-space:nowrap}
/* #27 #93 flow text */
.b1flow,.flow,.hm-flow,li{overflow-wrap:anywhere;word-break:normal;hyphens:manual}
.b1flow .ins,.b1flow .outs{display:flex;flex-wrap:wrap;gap:6px;max-width:100%}
/* #94 consent */
.consent,form .ck,label.ck{display:flex;align-items:flex-start;gap:8px}
.consent .star,label .req{white-space:nowrap}
.ts,[data-ts]{min-height:0;max-width:100%;overflow:hidden}
form .ts:empty,[data-ts]:empty{min-height:0;margin:0}
/* #56 tap */
.lg2toc a,footer a,.sb-f a{min-height:44px;display:inline-flex;align-items:center}
/* #97 FAQ last item */
.hm-fq{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:900px){.hm-fq{grid-template-columns:1fr 1fr}.hm-fq details:last-child:nth-child(odd){grid-column:1/-1;max-width:calc(50% - 5px)}}
/* #52 pricing art */
.hm-value-art{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:100%}
.hm-value-art>img{width:min(100%,520px);height:auto}
.hm-value-labels{position:static!important;width:100%!important;margin:0!important;padding:0 8px!important;justify-content:center!important}
/* Hero 3D: the desktop stage (660×396) scales down. No separate mobile layout. */
@container al (max-width:659px){
  html:root body#ag-unified-site #main .al-demo{position:relative!important;height:auto!important;max-width:100%!important;overflow:hidden!important}
  html:root body#ag-unified-site #main .al-stage{--al-u:1px!important;position:relative!important;left:auto!important;top:auto!important;width:660px!important;height:396px!important;aspect-ratio:auto!important;transform:scale(calc(100cqw / 660px))!important;transform-origin:top left!important;margin:0 0 calc(396px * ((100cqw / 660px) - 1)) 0!important}
  html:root body#ag-unified-site #main .al-demo .al-stage>img.al-bg{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important}
  html:root body#ag-unified-site #main .al-flow{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
  html:root body#ag-unified-site #main .al-ui{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important}
  html:root body#ag-unified-site #main .al-demo .al-ui .al-channel-panel{position:absolute!important;inset:calc(38 * var(--al-u)) auto auto 0!important;width:calc(132 * var(--al-u))!important;height:calc(276 * var(--al-u))!important;margin:0!important}
  html:root body#ag-unified-site #main .al-demo .al-ui .al-incoming{position:absolute!important;inset:calc(6 * var(--al-u)) auto auto calc(136 * var(--al-u))!important;width:calc(240 * var(--al-u))!important;height:calc(112 * var(--al-u))!important;min-height:0!important;margin:0!important}
  html:root body#ag-unified-site #main .al-demo .al-ui .al-hub{position:absolute!important;inset:calc(254 * var(--al-u)) auto auto calc(185 * var(--al-u))!important;width:calc(151 * var(--al-u))!important;height:calc(54 * var(--al-u))!important;display:block!important;background:#f8fbff!important;color:#14244a!important;border:0!important;border-radius:0 0 9px 9px!important;text-align:center!important;min-height:0!important;padding:3px 2px!important;margin:0!important}
  html:root body#ag-unified-site #main .al-demo[data-auto-live=bn] .al-ui .al-hub{inset:calc(249 * var(--al-u)) auto auto calc(185 * var(--al-u))!important;height:calc(52 * var(--al-u))!important}
  html:root body#ag-unified-site #main .al-demo .al-hub img.al-brand{display:none!important}
  html:root body#ag-unified-site #main .al-demo .al-ui .al-reply{position:absolute!important;inset:calc(16 * var(--al-u)) auto auto calc(402 * var(--al-u))!important;width:calc(226 * var(--al-u))!important;height:calc(170 * var(--al-u))!important;min-height:0!important;margin:0!important}
  html:root body#ag-unified-site #main .al-demo .al-ui .al-actions{position:absolute!important;inset:calc(190 * var(--al-u)) auto auto calc(416 * var(--al-u))!important;width:calc(215 * var(--al-u))!important;height:auto!important;display:grid!important;margin:0!important}
  html:root body#ag-unified-site #main .al-demo .al-channel-list{grid-template-columns:none!important;display:grid!important}
  html:root body#ag-unified-site #main .al-demo .al-caption{width:660px!important;max-width:none!important;text-align:center!important;padding-right:0!important;white-space:nowrap!important;transform:scale(calc(100cqw / 660px))!important;transform-origin:top left!important;margin:0 0 calc(1.4em * ((100cqw / 660px) - 1)) 0!important}
  html:root body#ag-unified-site #main .al-demo .al-mobile-arrow{display:none!important}
}
/* auth contrast #13 #48 */
.acard{background:#12183a!important;color:#eef1ff!important;border-color:#343d66!important}
.acard h1{color:#fff!important;font-size:max(12.5px, calc(28px * var(--font-scale-heading, 0.85)))}
.acard .sub,.acard label,.acard .note,.acard .foot{color:#d5dcf8!important;font-size:max(12.5px, calc(16px * var(--font-scale, 0.90)));line-height:1.5}
.acard label{font-size:max(12.5px, calc(14px * var(--font-scale, 0.90)))}
.acard a{color:#c7d2fe!important}
.acard .logo{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-decoration:none}
.ag-submark{color:#e4e9ff;font-size:max(12.5px, calc(14px * var(--font-scale, 0.90)));font-weight:700;letter-spacing:.14em}
.acard{width:min(460px,calc(100vw - 32px))!important;overflow:hidden}
.ag-deny-title{margin:0 0 8px;color:#fff;font-size:max(12.5px, calc(28px * var(--font-scale, 0.90)));font-weight:800;line-height:1.2}
/* admin deny + hide chrome until role check */
body.adm .app,body.adm aside.side{visibility:hidden}
body.adm.adm-ok .app,body.adm.adm-ok aside.side{visibility:visible}
.ag-deny{max-width:520px;margin:48px auto;padding:32px;border-radius:18px;background:#161b3a;color:#eef1ff;text-align:center}
/* Channels section sits below the hero. Compact chips, no motion. */
html body .ag-channels-sec{width:min(1120px,calc(100% - 32px));max-width:100%;margin:28px auto 32px;padding:0;box-sizing:border-box}
html body .ag-channels-sec h2{margin:0 0 10px;font-size:max(12.5px, calc(18px * var(--font-scale-heading, 0.85)));line-height:1.3;font-weight:700}
html body .ag-channels{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;max-width:100%}
html body .ag-channels li{border:1px solid #94a3c4;border-radius:999px;padding:3px 8px;font-size:max(15px, calc(12px * var(--font-scale, 0.90)));line-height:1.35;color:inherit;background:transparent;max-width:100%;min-width:0;white-space:normal}
@media(max-width:700px){
  html body .ag-channels{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  html body .ag-channels li{font-size:max(15px, calc(11px * var(--font-scale, 0.90)));border-radius:10px;text-align:center;padding:6px 6px}
}
/* PWA banner */
.ag-pwa{position:fixed;left:12px;right:12px;bottom:12px;z-index:40;display:flex;gap:12px;align-items:center;padding:12px;border-radius:16px;background:#141833;color:#eef1ff;border:1px solid #343d66;box-shadow:0 12px 40px #0008}
.ag-pwa button{min-height:44px;border-radius:12px;border:0;padding:8px 14px;font-weight:700}
.ag-pwa .go{background:#6d5efc;color:#fff}
.ag-pwa .no{background:transparent;color:#d5dcf5;border:1px solid #3a4270}
@media(min-width:901px){.ag-pwa{display:none!important}}
/* checkout + data deletion */
.ag-pay,.ag-del{max-width:880px;margin:24px auto 48px;padding:0 16px;color:#e8ecff}
.ag-pay h1,.ag-del h1{font-size:max(12.5px, clamp(calc(28px * var(--font-scale-heading, 0.85)),calc(4vw * var(--font-scale-heading, 0.85)),calc(40px * var(--font-scale-heading, 0.85))))}
.ag-card{background:#161b3a;border:1px solid #2e365f;border-radius:16px;padding:16px;margin:12px 0}
.ag-pay button,.ag-pay a.btn,.ag-del button{min-height:44px}
.ag-pay button[disabled]{opacity:.55}
/* dashboard */
.agx{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;width:min(1280px,calc(100% - 32px));margin:16px auto 32px;color:#e8ecff}
.agx-side,.agx-card,.agx-hero,.agx-kpi{background:#161b3a;border:1px solid #2c345c;border-radius:16px}
.agx-side{padding:12px;display:flex;flex-direction:column;gap:6px}
.agx-side a,.agx-bottom a{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 10px;border-radius:10px;color:#d5dcf5;text-decoration:none}
.agx-side a.on,.agx-bottom a.on{background:#2a2460;color:#fff}
.agx-plan{margin-top:auto;padding:10px;border-radius:12px;background:#12162f}
.agx-hero{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 18px;margin-bottom:12px}
.agx-steps{display:flex;gap:8px;flex-wrap:wrap;font-size:max(12.5px, calc(13px * var(--font-scale, 0.90)));color:#b7c0ea;margin-top:6px}
.agx-steps .now{color:#fff}
.agx-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
.agx-kpi{padding:12px}
.agx-kpi b{display:block;font-size:max(12.5px, calc(28px * var(--font-scale, 0.90)))}
.agx-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px}
.agx-card{padding:14px;min-width:0;color:#eef1ff}
.agx-card b,.agx-card strong,.agx-card h2,.agx-card h3{color:#eef1ff}
.agx-card p,.agx-card .ag-address{color:#b7c0ea}
.agx-card .ag-connect{appearance:none;background:#c2410c;color:#fff;border:0;border-radius:12px;min-height:44px;padding:0 16px;font:inherit;font-weight:700;cursor:pointer}
.agx-card .ag-connect[disabled],.agx-card .ag-connect.is-soon{background:#2a3358;color:#e8ecff;border:1px solid #6d7ab0;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#e8ecff}
.agx-card input,.agx-card select,.agx-card textarea{background:#10142c;color:#eef1ff;border:1px solid #6d7ab0;border-radius:10px;min-height:44px;padding:8px 12px;font:inherit;width:100%;box-sizing:border-box}
.agx-card input::placeholder,.agx-card textarea::placeholder{color:#c5cceb;opacity:1}
.agx-scroll{overflow-x:auto;max-width:100%}
.agx-scroll table{width:max-content;min-width:100%}
.agx-scroll th:first-child,.agx-scroll td:first-child{position:sticky;left:0;z-index:1;background:#12162f}
.agx-scroll td,.agx-scroll th,.agx-card .chip{white-space:nowrap}
.ag-lead-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:12px;align-items:start}
.ag-filter-side,.ag-lead-main{min-width:0}
.ag-filter-side{background:#12162f;border:1px solid #2c345c;border-radius:16px;padding:12px;max-height:75vh;overflow:auto}
.ag-filter-group{margin:8px 0;color:#e8ecff}
.ag-filter-group summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center}
.ag-filter-opts label,.ag-filter-group fieldset{display:flex;gap:6px;align-items:center;min-height:32px;font-size:max(12.5px, calc(14px * var(--font-scale, 0.90)))}
.ag-filter-find,.ag-filter-side input:not([type=checkbox]):not([type=radio]),.ag-filter-side select{width:100%;min-height:36px;margin:4px 0;background:#0e1228;color:#eef1ff;border:1px solid #6d7ab0;border-radius:8px}
.ag-filter-side input[type=checkbox],.ag-filter-side input[type=radio],.agx-scroll input[type=checkbox],.ag-filter-bar input[type=checkbox]{width:18px;height:18px;min-width:18px;min-height:18px;margin:0;flex:none;padding:0;accent-color:#818cf8;background:transparent;border-radius:4px}
.ag-filter-side input::placeholder,.ag-filter-side textarea::placeholder{color:#d5dcf8;opacity:1}
.ag-filter-opts label{display:flex;align-items:center;gap:8px;min-height:44px;color:#eef1ff}
.ag-filter-opts b{color:#c5cceb;font-weight:600}
.ag-filter-open{min-height:44px;border-radius:12px;border:1px solid #343d66;background:#2a2460;color:#fff;padding:8px 12px}
.ag-chips{display:flex;flex-wrap:wrap;gap:6px}
.ag-chip{min-height:32px;border-radius:999px;border:1px solid #343d66;background:#161b3a;color:#e8ecff;padding:4px 10px}
.ag-dot{width:10px;height:10px;border-radius:50%;display:inline-block;background:#94a3b8}
.ag-dot.hot{background:#dc2626}.ag-dot.warm{background:#d97706}.ag-dot.cold{background:#2563eb}.ag-dot.none{background:#94a3b8}
.ag-star{border:0;background:transparent;color:#d97706;min-width:44px;min-height:44px;font-size:max(12.5px, calc(18px * var(--font-scale, 0.90)))}
.ag-detail{background:#12162f;color:#e8ecff;border-radius:16px;padding:12px;margin-top:8px}
.ag-detail textarea{width:100%;min-height:64px;background:#0e1228;color:#fff;border:1px solid #343d66;border-radius:8px}
.ag-bulk{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}
.ag-bulk[hidden]{display:none}
.ag-filter-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#eef1ff}
.ag-lead-main p,.ag-lead-main summary{color:#eef1ff}
@media (min-width:801px){.ag-lead-main .ag-filter-open{display:none}}
@media (max-width:768px){
  .ag-lead-layout{display:flex;flex-direction:column;grid-template-columns:minmax(0,1fr);width:100%;min-width:0}
  .ag-filter-side{display:none;position:static;width:100%;max-width:100%;max-height:70vh;box-sizing:border-box}
  body.ag-filters-open .ag-filter-side{display:block;position:static;inset:auto;z-index:1}
  .agx-main,.ag-lead-main,.ag-lead-layout{min-width:0;max-width:100%;overflow-x:hidden}
  .agx-scroll{overflow-x:auto;max-width:100%}
}
body.lp .agx,body.dash .agx{background:#0b1020!important;color:#eef1ff}
.agx-main>h1{color:#eef1ff}
.agx-main>p{color:#d5dcf8}
.dash-table th,.dash-app .tbl th,.dash-app th{color:#243044}
.agx-main>p{color:#c5cceb}
body.ops .ag-filter-group summary{color:#eef1ff}
body.ops .ag-filter-group summary::marker{color:#c5cceb}
body.ops .agx-card th,body.ops .agx-card td{color:#eef1ff}
body.ops [data-synced],body.ops [data-sectors],body.ops [data-auto-widget]{color:#c5cceb}
body.ops .ag-detail textarea,body.ops .ag-detail textarea::placeholder{color:#eef1ff}
body.ops .ag-detail textarea::placeholder{color:#c5cceb}
body.ops header.ops-top a:not(.ops-logo){color:#eef1ff;text-decoration:none;font-weight:600;min-height:44px;display:inline-flex;align-items:center}
.ag-label-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ag-label-actions{display:inline-flex;flex-wrap:nowrap;gap:6px;align-items:center}
.ag-detail .ag-label-row button{appearance:none;width:auto;flex:none;min-height:36px;border-radius:999px;padding:4px 10px;background:#1d2444;color:#eef1ff;border:1px solid #6d7ab0;font:inherit}
.agx-card table{width:100%;border-collapse:collapse;font-size:max(12.5px, calc(14px * var(--font-scale, 0.90)))}
.agx-card th{text-align:left;color:#9aa3d4;font-weight:600;font-size:max(12.5px, calc(12px * var(--font-scale, 0.90)))}
.agx-card td,.agx-card th{padding:8px 4px;border-bottom:1px solid #2a3358}
.agx-search{margin-bottom:10px}
.agx-search input{width:100%;min-height:44px;border-radius:12px;border:1px solid #343d66;background:#10142c;color:#fff;padding:0 12px}
.chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:2px 8px;background:#2a2460;font-size:max(12.5px, calc(12px * var(--font-scale, 0.90)))}
body.lp .dash-side, body.lp .dash-tabs { display: none; }
body.lp .dash-app, body.lp .dash-main, body.lp .agx, body.lp .agx-main { max-width: 100%; min-width: 0; overflow-x: clip; }
body.lp .agx-main table { display: block; max-width: 100%; overflow-x: auto; }
.agx-bottom{display:none}
.agx-empty{text-align:center;padding:28px 12px;color:#c5cceb}
@media(max-width:800px){
  .agx{grid-template-columns:1fr;width:min(100% - 20px,1280px);padding-bottom:72px}
  .agx-side{display:none}
  .agx-kpis,.agx-grid,.agx-hero{grid-template-columns:1fr;display:grid}
  .agx-hero{display:block}
  body.lp { padding-bottom: 76px; }
  .agx-bottom{display:flex;position:fixed;left:0;right:0;bottom:0;background:#0e1228;border-top:1px solid #2c345c;z-index:30;justify-content:space-around}
}
button.pay,a.pay{background:#6d5efc;color:#fff;border:0;border-radius:12px;padding:10px 14px;min-height:44px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center}
.ss-toggle{display:none!important}

/* Skip link and the hidden gradient sprite were painting a blue bar above the header. */
a.skip:not(:focus){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body>svg[aria-hidden="true"]{position:absolute!important;width:0!important;height:0!important;overflow:hidden!important;pointer-events:none!important}

/* Compare table keeps real cells and scrolls inside its wrapper. */
@media (max-width: 768px) {
  html body .b1comp, html body .b1comp .w, html body .premium-compare { max-width: 100% !important; min-width: 0 !important; }
  html body .premium-compare { overflow-x: auto !important; -webkit-overflow-scrolling: touch; }
  html body .premium-compare .cmp-table { display: table !important; width: max-content !important; min-width: 760px !important; max-width: none !important; }
  html body .premium-compare .cmp-table thead { display: table-header-group !important; position: static !important; width: auto !important; height: auto !important; overflow: visible !important; clip: auto !important; }
  html body .premium-compare .cmp-table tbody { display: table-row-group !important; }
  html body .premium-compare .cmp-table tr { display: table-row !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
  html body .premium-compare .cmp-table th, html body .premium-compare .cmp-table td { display: table-cell !important; width: auto !important; height: auto !important; color: #14244a !important; vertical-align: middle !important; overflow: visible !important; }
  html body .premium-compare .cmp-table td::before, html body .premium-compare .cmp-table th::before { content: none !important; display: none !important; }
  html body .premium-compare .cmp-table svg.ck { display: inline-block !important; width: 16px !important; height: 16px !important; max-width: none !important; }
}

/* Buttons may use two lines. */
html body #main .btn, html body #main a.btn, html body #main button.btn {
  min-height: 44px !important; height: auto !important; white-space: normal !important;
  line-height: 1.25 !important; padding: 10px 16px !important; max-width: 100%; box-sizing: border-box;
}
@media (max-width: 700px) {
  html body #main .hb { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 10px !important; }
  html body #main .hb .btn { width: 100%; justify-content: center; text-align: center; }
}

/* Icons that were collapsing to an empty gap. */
html body #main .why-section img.wi, html body #main .flow-section img.fi, html body #main .lgi img {
  display: inline-block !important; width: 32px !important; height: 32px !important; min-width: 32px !important;
  object-fit: contain !important; flex: none !important; max-width: none !important;
}
html body #main .pm > img {
  display: block !important; width: 40px !important; height: 40px !important; min-width: 40px !important;
  object-fit: contain !important; flex: none !important; max-width: none !important;
}
@media (max-width: 480px) {
  html body #main .flow-section .flow5 { display: grid !important; grid-template-columns: 1fr !important; }
  html body #main .flow-section .fb, html body #main .flow-section .fb .h, html body #main .flow-section .fb .h div {
    overflow-wrap: normal !important; word-break: normal !important; hyphens: manual !important;
  }
}

/* Signup consent is one paragraph. */
html body .acard .note { display: block !important; text-align: left !important; overflow-wrap: normal !important; word-break: normal !important; }
html body .acard .note a { display: inline !important; width: auto !important; overflow-wrap: normal !important; word-break: normal !important; white-space: nowrap !important; }

/* System pages: dark text on the light card. */
html:root body#ag-unified-site.system-page-body.lot5-t3440 .system-copy p,
html:root body#ag-unified-site.system-page-body.lot5-t3440 main#main.system-page > p { color: #1e3a5f !important; }

/* Contrast tokens. */
html body #main .lg2h .eb, html body #main .lg2toc a.on, html body #main .lg2toc a[aria-current="page"] { color: #1e3a8a !important; }
html body #main .tag, html body #main .tag.s, html body #main .tag.cs, html body #main .tag.av {
  color: #1e1b4b !important; background: #e0e7ff !important;
}
html body #main .seg > span { color: #1e293b !important; }
html body #main .seg > span.on { color: #fff !important; background: #312e81 !important; }
html body #main .seg > span:last-child { color: #085c32 !important; background: #e9f8ef !important; }
html body #main .b1ref, html body #main span.b1ref { color: #173253 !important; background: transparent !important; }

/* Checkout on the light marble page. */
.ck { color: #14244a; }
.ck-wrap { width: min(1080px, calc(100% - 32px)); margin: 28px auto 56px; }
.ck h1 { margin: 8px 0; color: #0b1f4d; font-size: max(12.5px, clamp(calc(32px * var(--font-scale-heading, 0.85)), calc(5vw * var(--font-scale-heading, 0.85)), calc(48px * var(--font-scale-heading, 0.85)))); line-height: 1.1; }
.ck .lead { color: #1e3a5f; font-size: max(15px, calc(17px * var(--font-scale, 0.90))); line-height: 1.5; max-width: 62ch; }
.ck-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(260px, .8fr); gap: 16px; align-items: start; margin-top: 18px; }
.ck-card, .ck-sum {
  background: linear-gradient(165deg, #fff, #eef3ff 70%, #f7f1ea);
  border: 1px solid #d5def0; border-radius: 18px; padding: 18px; color: #14244a; margin: 0 0 12px;
}
.ck-card h2, .ck-sum h2 { margin: 0 0 6px; color: #0b1f4d; font-size: max(12.5px, calc(22px * var(--font-scale-heading, 0.85))); }
.ck-card .price, .ck-sum p, .ck .lead { color: #1e3a5f; }
.ck-card .price { font-size: max(12.5px, calc(18px * var(--font-scale, 0.90))); font-weight: 700; margin: 8px 0 14px; }
.ck .btn { appearance: none; display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 16px; border-radius: 12px; font: 700 max(14px, calc(15px * var(--font-scale, 0.90)))/1.25 Inter,"Noto Sans Bengali", sans-serif; text-decoration: none; }
.ck .btn.bp { background: #312e81; color: #fff; border: 0; }
.ck .btn.bo { background: #fff; color: #1e3a8a; border: 1px solid #c5d0e6; }
.ck .btn[disabled] { background: #e8eef8; color: #1e293b; border: 1px solid #c9d4e8; cursor: not-allowed; opacity: 1; }
@media (max-width: 1200px) { .agx-grid, .ow { grid-template-columns: minmax(0, 1fr); } .agx-card, .ow > * { min-width: 0; } }
@media (max-width: 800px) { .ck-grid { grid-template-columns: 1fr; } }

/* Legal form controls. */
.lg2form label { display: block; margin: 0 0 12px; color: #173253; font-weight: 650; }
.lg2form input, .lg2form textarea {
  display: block; width: 100%; box-sizing: border-box; margin-top: 6px; min-height: 44px;
  border: 1px solid #c5d4ea; border-radius: 12px; padding: 10px 12px; background: #fff; color: #14244a;
  font: max(12.5px, calc(16px * var(--font-scale, 0.90)))/1.4 Inter,"Noto Sans Bengali", sans-serif;
}
.lg2form textarea { min-height: 120px; resize: vertical; }
.lg2form .btn, .lg2s .btn { appearance: none; display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 16px; border-radius: 12px; border: 0; background: #312e81; color: #fff; font: 700 max(14px, calc(15px * var(--font-scale, 0.90)))/1.25 Inter,"Noto Sans Bengali", sans-serif; cursor: pointer; text-decoration: none; }
.lg2status { display: grid; gap: 10px; margin-top: 8px; }
.lg2status article { background: linear-gradient(165deg, #fff, #f3f7ff); border: 1px solid #d5def0; border-radius: 14px; padding: 12px 14px; }
.lg2status h3 { margin: 0 0 4px; color: #0b1f4d; font-size: max(12.5px, calc(16px * var(--font-scale, 0.90))); }
.lg2status p, .lg2s p, .lg2h .lead { color: #1e3a5f; }
#delstatus { margin-top: 12px; color: #14244a; font-weight: 650; }

/* Dashboard shell details. */
.agx-plan { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.agx-plan small, .agx-plan b { display: block; }
.chip { background: #ddd6fe; color: #2e1065; font-weight: 700; }
button[data-signout] { appearance: none; min-height: 44px; margin-top: 8px; padding: 8px 12px; border-radius: 12px; border: 1px solid #c5d0e6; background: #fff; color: #1e3a8a; font-weight: 700; cursor: pointer; }
.agx a[href$=".pdf"] { display: inline-flex; align-items: center; min-height: 44px; margin-left: 8px; padding: 8px 14px; border-radius: 12px; border: 1px solid #c5d0e6; background: #fff; color: #1e3a8a; font-weight: 700; text-decoration: none; }
.l3v-authfield { display: none !important; }
html[lang="bn"]:root body#ag-unified-site #main#main#main#main.full-polish-t3424:not(.acard) .approved-contact .support-card{width:280px!important}
html[lang="bn"]:root body#ag-unified-site #main#main#main#main.full-polish-t3424:not(.acard) .approved-contact .support-card strong{font-size:max(12.5px, calc(16px * var(--font-scale, 0.90))) !important;line-height:1.35!important}
html body.auth .lot3-auth-hero > main.acard { background: #fff !important; color: #173253 !important; }
html body.auth .lot3-auth-hero > main.acard .note { color: #1e293b !important; }

/* Install bar: one line, clear of the chat button, never over the hero. */
.ag-pwa { left: 8px; right: 108px; bottom: 8px; height: 40px; padding: 0 8px; gap: 8px; border-radius: 12px; flex-wrap: nowrap; align-items: center; }
html body .agc .agc-launch,html body .agc-launch,html body .agc-launch.agc-mini,html body .agc-launch.agc-away{
  width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;
  padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;gap:0!important;font-size:0!important;
  right:16px!important;bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;
}
html body .agc-launch picture{margin:0!important;padding:0!important;background:transparent!important;line-height:0!important}
html body .agc-launch img{display:block!important;height:84px!important;width:auto!important;max-width:none!important;background:transparent!important;filter:drop-shadow(0 8px 8px rgba(11,24,70,.28))}
html body .agc-launch .agc-still{display:none!important}
@media(max-width:700px){
  html body .agc-launch,html body .agc-launch.agc-mini{right:14px!important;bottom:calc(14px + env(safe-area-inset-bottom,0px))!important}
  html body .agc-launch img{height:72px!important}
}
@media(prefers-reduced-motion:reduce){
  html body .agc-launch .agc-wave{display:none!important}
  html body .agc-launch .agc-still{display:block!important}
}
html body #main .lg2toc a{min-height:44px!important;display:flex!important;align-items:center!important;padding:8px 10px!important;box-sizing:border-box}
html body #main .lg2s .n{color:#1e3a8a!important;background:#e0e7ff!important;font-size:max(12.5px, calc(14px * var(--font-scale, 0.90))) !important;font-weight:700}
html body #main .tg a,html body #main .chps a{min-height:44px!important;display:inline-flex!important;align-items:center}
html body #main .tg h2,html body #main .fc h2{font-size:max(12.5px, calc(18px * var(--font-scale-heading, 0.85))) !important;line-height:1.3!important;margin:0 0 6px!important;font-weight:700!important}
@media(max-width:700px){
  body.common-auth,body.system-page-body{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))!important}
  body.dash .agc-launch{bottom:calc(78px + env(safe-area-inset-bottom,0px))!important}
}
/* Turnstile stays inside the card. Overflow is clipped only on this wrapper. */
html body .ag-ts{box-sizing:border-box;display:flex;justify-content:center;width:100%;max-width:100%;min-width:0;margin:8px auto 0;overflow:hidden;flex:1 1 100%}
html body .ag-ts :is(.cf-turnstile,[data-ts]){max-width:100%;min-width:0}
html body .ag-ts-note{margin:0;width:100%;font-size:max(12.5px, calc(14px * var(--font-scale, 0.90)));line-height:1.45;text-align:center;color:inherit}
html body #main :is(.lg2f,.fcard) .ag-ts-note{color:#173253}
html body #main .lg2f form,html body #main .fcard form{min-width:0;max-width:100%}
@media(max-width:700px){
  html body#ag-unified-site.lot4-t3436 #main .lg2s>div{padding-right:76px!important;box-sizing:border-box!important}
  html body#ag-unified-site.lot4-t3436 #main{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))!important}
}
/* Desktop forms stay out of the corner launcher column. Auth and portal cards stay centered. */
@media(min-width:901px){
  html body #main:not(.acard):not(.dash) form:has(button[type=submit]){padding-right:112px!important;box-sizing:border-box!important}
}
html body #main.acard form,html body main.acard form,html body .acard form{padding-right:0!important;box-sizing:border-box!important}
html body #main.acard .b1,html body #main.acard .b2,html body main.acard .b1,html body main.acard .b2{width:100%!important;max-width:none!important}
/* Auth phones: a smaller corner launcher, and the form ends above it. */
@media(max-width:480px){
  body.common-auth .agc-launch,body.common-auth .agc-launch.agc-mini{
    right:8px!important;
    bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;
  }
  body.common-auth .agc-launch img{height:52px!important}
  html body#ag-unified-site.common-auth main.acard{
    width:min(420px,calc(100% - 80px))!important;
    max-width:calc(100% - 80px)!important;
    margin-left:16px!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }
  html body#ag-unified-site.common-auth main.acard .fld{min-width:0;max-width:100%}
  html body#ag-unified-site.common-auth main.acard .fld input{min-width:0!important;width:auto!important;max-width:100%!important}
}
.ag-pwa b { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: max(12.5px, calc(13px * var(--font-scale, 0.90))); font-weight: 700; }
.ag-pwa button { min-height: 32px; height: 32px; padding: 0 10px; font-size: max(14px, calc(13px * var(--font-scale, 0.90))); }
.chip { color: var(--ag-chip-fg, #eef1ff); background: var(--ag-chip-bg, #2a2460); }
html body .agx-card th,
html body .dash-app .agx-card th { color: var(--ag-agxth-fg, #eef1ff); background: var(--ag-agxth-bg, #161b3a); }
html body .agx-card p,
html body .agx-card .ag-address { color: var(--ag-agxp-fg, #b7c0ea); }

/* Navy CTA boxes: the lot3 .w rule zeros side padding. This wins on every page. */
html:root body#ag-unified-site #main#main#main#main#main#main#main :is(.b1cta,.cta,.abcta,.lgcta,.endcta) > .w,
html:root body#ag-unified-site.lot3-t3430 #main#main#main#main#main#main#main :is(.b1cta,.cta,.abcta,.lgcta,.endcta) > .w,
html body :is(.b1cta,.cta,.abcta,.lgcta,.endcta) > .w,
html body .hm-cta {
  box-sizing: border-box !important;
  padding: 40px !important;
}
html body :is(.b1cta,.cta,.abcta,.lgcta,.endcta,.hm-cta) :is(.btns,.hm-cb) {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: stretch !important;
  width: 100% !important;
  margin: 16px 0 0 !important;
  gap: 12px !important;
}
html body :is(.b1cta,.cta,.abcta,.lgcta,.endcta) :is(.btns,.hm-cb) > :is(a,.btn,.hm-btn),
html body .hm-cta :is(.btns,.hm-cb) > :is(a,.btn,.hm-btn) {
  flex: 1 1 0 !important;
  width: auto !important;
  max-width: 280px !important;
  min-width: 0 !important;
  margin: 0 !important;
  text-align: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}
@media (min-width: 769px) {
  html body .b1cta .tx {
    flex: 1 1 auto !important;
    min-width: 22rem !important;
  }
  html body .b1cta .tx h2 {
    white-space: nowrap !important;
  }
  html body .b1cta :is(.btns) {
    width: auto !important;
    flex: 0 0 auto !important;
  }
  html body .b1cta :is(.btns) > :is(a,.btn) {
    flex: 0 0 220px !important;
    width: 220px !important;
  }
}
@media (max-width: 768px) {
  html:root body#ag-unified-site #main#main#main#main#main#main#main :is(.b1cta,.cta,.abcta,.lgcta,.endcta) > .w,
  html:root body#ag-unified-site.lot3-t3430 #main#main#main#main#main#main#main :is(.b1cta,.cta,.abcta,.lgcta,.endcta) > .w,
  html body :is(.b1cta,.cta,.abcta,.lgcta,.endcta) > .w,
  html body .hm-cta {
    padding: 24px !important;
    text-align: center !important;
  }
  html body :is(.b1cta,.cta,.abcta,.lgcta,.endcta,.hm-cta) :is(h2,p,.tx) {
    text-align: center !important;
  }
  html body :is(.b1cta,.cta,.abcta,.lgcta,.endcta,.hm-cta) :is(.btns,.hm-cb) {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
  }
  html body :is(.b1cta,.cta,.abcta,.lgcta,.endcta) :is(.btns,.hm-cb) > :is(a,.btn,.hm-btn),
  html body .hm-cta :is(.btns,.hm-cb) > :is(a,.btn,.hm-btn) {
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
  }
}
html body form label.sms-phone {
  display: block;
  max-width: 100%;
  margin: 12px 0 0;
}
html body form label.sms-phone input {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin-top: 6px;
}
html body form label.sms-consent,
html body form.sms-optin {
  max-width: 100%;
}
html body form label.sms-consent {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 12px 0;
  text-align: start;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
html body form label.sms-consent input {
  flex: 0 0 auto;
  margin-top: 0.3em;
}
html body form label.sms-consent span {
  min-width: 0;
}
html body form.sms-optin input[type="text"],
html body form.sms-optin input[type="tel"],
html body form.sms-optin input[type="email"] {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}


/* t3832u — hero CTA tap targets (do not shrink by --z; body zoom is already 1) */
html:root body#ag-unified-site #main#main :is(.prod-hero, .b1hero, .hm-hero, .abh) :is(.hb, .hm-hb) {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
html:root body#ag-unified-site #main#main :is(.prod-hero .hl .hb .btn, .b1hero .hb .btn, .hm-hero .hm-hb .hm-btn:not(.sm), .abh .hl .hb .btn) {
  height: auto !important;
  min-height: 52px !important;
  padding-block: 14px !important;
  box-sizing: border-box !important;
  line-height: 1.25 !important;
  flex-shrink: 0 !important;
}
@media (max-width: 700px) {
  html:root body#ag-unified-site #main#main :is(.prod-hero .hl .hb, .b1hero .hb, .hm-hero .hm-hb, .abh .hl .hb) {
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    gap: 12px !important;
  }
  html:root body#ag-unified-site #main#main :is(.prod-hero .hl .hb .btn, .b1hero .hb .btn, .hm-hero .hm-hb .hm-btn:not(.sm), .abh .hl .hb .btn) {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 52px !important;
    padding-block: 15px !important;
  }
}