/* BotGuard extends the shared FraudGuard product-page design. */
.bg-page .hero-grid { grid-template-columns:1.1fr 1fr; gap:68px; padding-block:76px 62px; }
.bg-page .hero h1 { font-size:clamp(43px,4.3vw,61px); }
.bg-product-mark { width:28px; height:28px; color:var(--accent); flex-shrink:0; }
.bg-page .hero-lede { max-width:480px; }
.bg-page .hero-note { font-size:11px; }
.bg-page .hero-note>span { padding-inline:6px; color:#75919f; }
.bg-page .hero-note>a { color:#c3d9e5; text-decoration:underline; text-underline-offset:3px; }
.bg-page .trust-strip { justify-content:flex-start; gap:65px; }
.bg-experience { min-width:0; background:#102c40; border:1px solid #395568; border-radius:12px; box-shadow:0 30px 80px #03152144; overflow:hidden; }
.bg-experience figcaption { display:flex; align-items:center; gap:10px; padding:18px 22px; font-size:12px; font-weight:600; color:#c9dbe4; border-bottom:1px solid #395568; }
.bg-experience .example-tag { font-size:9px; }
.bg-device-options { display:flex; gap:6px; background:#0b2436; border:1px solid #355365; border-radius:6px; padding:4px; margin:20px 23px 0; }
.bg-device-options>button { flex:1; display:flex; justify-content:center; align-items:center; gap:9px; border:1px solid transparent; border-radius:4px; background:transparent; color:#a9c2d0; font-size:11px; font-weight:500; padding:8px; min-height:38px; transition:color .15s,background .15s; }
.bg-device-options>button>svg { width:16px; height:16px; flex-shrink:0; }
.bg-device-options>button:disabled { opacity:1; cursor:default; }
.bg-device-options>button:not(:disabled):hover { color:#e6fff3; }
.bg-device-options>button[aria-pressed="true"] { background:#19403f; color:#b5f5d9; border-color:#5b9d8040; }
.bg-device-options>button:focus-visible { outline:2px solid var(--accent); outline-offset:1px; }
.bg-experience-body { display:grid; grid-template-columns:178px minmax(0,1fr); align-items:center; gap:30px; padding:26px 32px; background:radial-gradient(ellipse at 26% 50%,#23645a33,transparent 65%); }
.bg-phone { width:178px; border:1px solid #5b8591; border-radius:24px; padding:9px 11px 8px; background:linear-gradient(145deg,#203d4b,#112c3b 70%); box-shadow:7px 9px 0 #071d2a55,0 16px 34px #00162144; transform:rotate(-5deg); }
.bg-phone-speaker { width:33px; height:3px; border-radius:3px; background:#52737c; margin:0 auto 13px; }
.bg-phone-brand { display:flex; gap:6px; justify-content:center; align-items:center; font-size:9px; font-weight:600; color:#d7ece9; }
.bg-phone-brand svg { width:16px; height:16px; color:var(--accent); }
.bg-phone-label { text-align:center; font-family:var(--heading); font-size:11px; line-height:1.55; color:#e2f4f2; margin-block:13px; }
.bg-motion-board { display:block; width:100%; height:auto; }
.bg-phone-hint { font-size:8px; color:#b1cfcf; text-align:center; margin-top:12px; }
.bg-phone-home { width:42px; height:3px; border-radius:3px; background:#52737c; margin:11px auto 0; }
.bg-experience-copy { min-width:0; }
.bg-path-label { display:block; color:#93b5bf; font-size:9px; text-transform:uppercase; letter-spacing:1px; }
.bg-experience-copy h3 { font-size:26px; font-weight:600; letter-spacing:-.8px; line-height:1.25; color:#dcf6eb; margin-top:13px; max-width:160px; }
.bg-experience-copy p { font-size:12px; line-height:1.8; color:#b2cbd6; margin-top:14px; }
.bg-device-note { display:block; font-size:10px; color:#91aebc; line-height:1.75; border-top:1px solid #365464; padding-top:14px; margin-top:14px; }
.bg-verified-step { display:flex; align-items:center; gap:14px; margin:0 23px 21px; padding:14px 16px; border:1px solid #549c8566; border-radius:5px; background:#123b3e; }
.bg-verified-step>svg { width:24px; height:26px; color:var(--accent); flex-shrink:0; }
.bg-verified-step strong { display:block; font-weight:500; font-size:12px; color:#ddf5ed; }
.bg-verified-step div>span { display:block; font-size:10px; color:#a0c4c0; margin-top:3px; }
.bg-example-note { font-size:9px; color:#98b3c4; text-align:center; padding:12px 14px; border-top:1px solid #294557; }
.bg-use-section { background:var(--paper); border-bottom:1px solid var(--line); }
.bg-use-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid #b7cdd5; }
.bg-use-grid article { display:flex; flex-direction:column; padding:30px 32px 0; border-left:1px solid var(--line); }
.bg-use-grid article:first-child { padding-left:0; border:0; }
.bg-use-grid article:last-child { padding-right:0; }
.bg-use-icon { width:32px; height:32px; display:block; color:#2f7471; margin-bottom:21px; }
.bg-use-grid h3 { font-size:19px; }
.bg-use-grid p { font-size:14px; line-height:1.85; color:var(--muted); margin-block:14px 21px; }
.bg-use-detail { display:block; font-size:10px; font-weight:600; color:#416b75; margin-top:auto; }
.bg-workflow { grid-template-columns:repeat(3,minmax(0,1fr)); }
.bg-workflow li { display:flex; flex-direction:column; padding-right:42px; }
.bg-workflow p { max-width:310px; }
.bg-workflow .step-detail { margin-top:auto; padding-top:21px; }
.bg-demo-strip { display:flex; justify-content:space-between; align-items:center; gap:32px; padding:26px 28px; border:1px solid #d1e3de; border-radius:6px; background:#f1f7f4; margin-top:44px; }
.bg-demo-strip strong { font-size:14px; font-weight:600; }
.bg-demo-strip p { font-size:12px; color:var(--muted); margin-top:5px; line-height:1.8; }
.bg-demo-strip .inline-link { flex-shrink:0; }
.bg-context-section { background:#eef4f4; }
.bg-context-grid { display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:90px; }
.bg-context-copy>p:not(.eyebrow) { font-size:16px; color:var(--muted); line-height:1.85; margin-top:23px; max-width:480px; }
.bg-context-copy>p.bg-context-note { font-size:13px; border-left:2px solid #94c7bd; padding-left:15px; margin-top:19px; }
.bg-context-copy>.inline-link { margin-top:19px; }
.bg-signals { border:1px solid #cbdadb; background:#fff; border-radius:8px; padding:4px 28px 0; }
.bg-signal { display:flex; gap:18px; padding:26px 0; border-bottom:1px solid var(--line); }
.bg-signal-mark { color:#65858e; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:11px; line-height:19px; }
.bg-signal-label { display:block; color:#47717a; font-size:10px; font-weight:600; margin-bottom:9px; }
.bg-signal h3 { font-size:17px; letter-spacing:-.35px; line-height:1.45; }
.bg-signal p { color:var(--muted); font-size:12px; line-height:1.8; margin-top:8px; }
.bg-decision { display:flex; align-items:center; gap:18px; padding-block:23px; }
.bg-decision>span { color:#4d8a76; font-size:25px; }
.bg-decision strong { font-size:13px; font-weight:600; color:#286651; }
.bg-decision p { font-size:11px; color:#587381; margin-top:3px; }
.bg-faq-section { background:#fff; }
.bg-page .faq-list p a { text-decoration:underline; text-underline-offset:3px; color:var(--blue); }
.bg-page .closing-grid { grid-template-columns:1.4fr 1fr; gap:100px; }
.bg-access { border-left:1px solid #39576b; padding:10px 0 10px 43px; }
.bg-access h3 { font-size:23px; font-weight:600; margin-top:10px; line-height:1.4; }
.bg-access p { font-size:13px; color:#b7cddc; line-height:1.85; margin-top:17px; max-width:310px; }
.bg-access>a { display:inline-flex; align-items:center; gap:18px; color:var(--accent); font-size:13px; font-weight:500; padding-block:8px; margin-top:18px; }
.bg-access a:hover { text-decoration:underline; text-underline-offset:4px; }
.bg-access-note { display:block; color:#a8c1d0; font-size:10px; margin-top:10px; }
.bg-access-note a { color:#cbe9e1; text-decoration:underline; text-underline-offset:3px; }
@media(min-width:1440px) { .bg-page .hero-grid { padding-block:85px 72px; } }
@media(max-width:1100px) {
    .bg-page .hero-grid { gap:40px; }
    .bg-page .trust-strip { gap:35px; }
    .bg-experience figcaption { padding-inline:20px; font-size:11px; }
    .bg-experience-body { grid-template-columns:154px minmax(0,1fr); padding-inline:26px; gap:24px; }
    .bg-phone { width:154px; }
    .bg-experience-copy h3 { font-size:23px; }
    .bg-experience-copy p { font-size:11px; }
    .bg-use-grid article { padding-inline:25px; }
    .bg-context-grid { gap:55px; }
    .bg-page .closing-grid { gap:65px; }
}
@media(max-width:900px) {
    .bg-page .hero-grid { grid-template-columns:1fr 1fr; gap:28px; padding-block:54px 42px; }
    .bg-page .hero h1 { font-size:42px; letter-spacing:-1.9px; }
    .bg-page .hero-eyebrow { font-size:9px; letter-spacing:.8px; gap:8px; }
    .bg-page .hero-note { font-size:10px; }
    .bg-page .hero-note>span { padding-inline:3px; }
    .bg-page .trust-strip { font-size:10px; gap:24px; }
    .bg-experience figcaption { padding:16px; font-size:10px; gap:7px; }
    .bg-experience .example-tag { font-size:7px; letter-spacing:.5px; }
    .bg-device-options { margin:17px 16px 0; }
    .bg-device-options>button { font-size:10px; gap:7px; min-height:37px; }
    .bg-experience-body { grid-template-columns:127px minmax(0,1fr); padding:23px 20px; gap:18px; }
    .bg-phone { width:127px; border-radius:18px; padding:8px; }
    .bg-phone-speaker { margin-bottom:10px; }
    .bg-phone-brand { font-size:8px; }
    .bg-phone-label { font-size:9px; margin-block:10px; }
    .bg-phone-hint { font-size:7px; margin-top:8px; }
    .bg-phone-home { margin-top:8px; }
    .bg-path-label { font-size:8px; letter-spacing:.6px; }
    .bg-experience-copy h3 { font-size:22px; margin-top:10px; max-width:120px; }
    .bg-experience-copy p { font-size:10px; margin-top:11px; }
    .bg-device-note { font-size:9px; padding-top:11px; margin-top:11px; }
    .bg-verified-step { margin:0 16px 17px; padding:12px; gap:10px; }
    .bg-verified-step>svg { width:21px; }
    .bg-verified-step strong { font-size:10px; }
    .bg-verified-step div>span { font-size:9px; }
    .bg-example-note { font-size:8px; padding-inline:10px; }
    .bg-page .section-heading>p { font-size:12px; }
    .bg-use-grid article { padding-inline:20px; }
    .bg-use-grid h3 { font-size:18px; }
    .bg-use-grid p { font-size:13px; }
    .bg-workflow { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .bg-workflow li { padding-right:24px; }
    .bg-workflow p { max-width:100%; font-size:13px; }
    .bg-workflow-section .section-heading>.inline-link { font-size:12px; max-width:205px; }
    .bg-context-grid { gap:40px; }
    .bg-context-copy>p:not(.eyebrow) { font-size:14px; }
    .bg-signals { padding-inline:20px; }
    .bg-signal { gap:13px; }
    .bg-signal h3 { font-size:16px; }
    .bg-page .closing-grid { gap:40px; }
    .bg-access { padding-left:30px; }
    .bg-access h3 { font-size:21px; }
}
@media(max-width:700px) {
    .bg-page .hero-grid { grid-template-columns:1fr; padding-block:42px 32px; gap:35px; }
    .bg-page .hero h1 { font-size:clamp(37px,9vw,59px); letter-spacing:-1.9px; }
    .bg-page .hero-eyebrow { font-size:10px; letter-spacing:.9px; gap:9px; margin-bottom:24px; }
    .bg-page .hero-lede { margin-top:22px; max-width:520px; }
    .bg-page .hero-note { font-size:10px; margin-top:16px; }
    .bg-page .trust-strip { gap:12px; font-size:12px; padding-block:22px 28px; }
    .bg-experience { max-width:500px; width:100%; margin:auto; }
    .bg-experience figcaption { font-size:11px; padding:17px 18px; gap:8px; }
    .bg-experience .example-tag { font-size:8px; }
    .bg-device-options { margin:18px 18px 0; }
    .bg-device-options>button { font-size:11px; }
    .bg-experience-body { grid-template-columns:145px minmax(0,1fr); padding:26px 24px; gap:22px; }
    .bg-phone { width:145px; padding:9px; border-radius:21px; }
    .bg-phone-brand { font-size:9px; }
    .bg-phone-label { font-size:10px; margin-block:12px; }
    .bg-phone-hint { font-size:8px; }
    .bg-path-label { font-size:8px; }
    .bg-experience-copy h3 { font-size:24px; }
    .bg-experience-copy p { font-size:11px; }
    .bg-device-note { font-size:9px; }
    .bg-verified-step { margin-inline:18px; padding:14px 12px; gap:11px; }
    .bg-verified-step strong { font-size:11px; }
    .bg-verified-step div>span { font-size:9px; }
    .bg-page .section-heading>p { font-size:14px; margin-top:20px; }
    .bg-use-grid { grid-template-columns:1fr; }
    .bg-use-grid article,.bg-use-grid article:first-child,.bg-use-grid article:last-child { border:0; border-bottom:1px solid var(--line); padding:28px 0; }
    .bg-use-grid article:last-child { padding-bottom:0; border:0; }
    .bg-use-grid h3 { font-size:20px; }
    .bg-use-grid p { font-size:14px; margin-block:14px 18px; }
    .bg-use-icon { margin-bottom:18px; }
    .bg-use-detail { font-size:11px; }
    .bg-workflow { grid-template-columns:1fr; }
    .bg-workflow p { font-size:14px; }
    .bg-workflow-section .section-heading>.inline-link { max-width:100%; margin-top:19px; }
    .bg-demo-strip { display:block; padding:23px; margin-top:33px; }
    .bg-demo-strip p { margin-top:8px; }
    .bg-demo-strip .inline-link { margin-top:11px; }
    .bg-context-grid { grid-template-columns:1fr; gap:31px; }
    .bg-context-copy>p:not(.eyebrow) { margin-top:20px; max-width:520px; }
    .bg-signals { padding-inline:23px; }
    .bg-signal { gap:16px; padding-block:24px; }
    .bg-signal h3 { font-size:17px; }
    .bg-page .closing-grid { grid-template-columns:1fr; gap:36px; }
    .bg-access { border:0; border-top:1px solid #39576b; padding:28px 0 0; }
    .bg-access h3 { font-size:23px; }
}
@media(max-width:375px) {
    .bg-page .hero h1 { font-size:33px; letter-spacing:-1.6px; }
    .bg-page .hero-eyebrow { font-size:9px; gap:8px; }
    .bg-page .hero-note { font-size:9px; }
    .bg-experience figcaption { font-size:10px; padding-inline:14px; gap:7px; }
    .bg-experience .example-tag { font-size:7px; }
    .bg-device-options { margin-inline:14px; }
    .bg-device-options>button { font-size:10px; }
    .bg-experience-body { grid-template-columns:122px minmax(0,1fr); gap:17px; padding:24px 18px; }
    .bg-phone { width:122px; padding:7px; border-radius:17px; }
    .bg-phone-brand { font-size:8px; }
    .bg-phone-label { font-size:9px; margin-block:10px; }
    .bg-phone-hint { font-size:7px; }
    .bg-path-label { font-size:7px; }
    .bg-experience-copy h3 { font-size:21px; }
    .bg-experience-copy p { font-size:11px; }
    .bg-device-note { font-size:9px; }
    .bg-verified-step { margin-inline:14px; padding-inline:10px; gap:8px; }
    .bg-verified-step strong { font-size:10px; }
    .bg-verified-step div>span { font-size:8px; }
    .bg-example-note { font-size:7px; }
}
@media(prefers-reduced-motion:reduce) { .bg-device-options>button { transition:none; } }