/* TrailGuard uses the shared FraudGuard product-page design. */
.tg-page .hero-grid { grid-template-columns:1.08fr 1fr; gap:64px; padding-block:72px 68px; }
.tg-page .hero h1 { font-size:clamp(43px,4.1vw,58px); }
.tg-page .hero-lede { max-width:490px; }
.tg-page .hero-note { font-size:11px; }
.tg-page .hero-note>span { padding-inline:7px; color:#7999ab; }
.tg-mark { width:29px; height:29px; color:var(--accent); flex-shrink:0; }
.tg-signal { min-width:0; background:#102c40; border:1px solid #395568; border-radius:12px; overflow:hidden; box-shadow:0 30px 80px #03152144; }
.tg-signal figcaption { display:flex; align-items:center; gap:10px; border-bottom:1px solid #395568; padding:17px 22px; color:#c9dbe4; font-size:12px; font-weight:600; }
.tg-signal .example-tag { font-size:9px; }
.tg-scenarios { display:flex; gap:4px; margin:20px 22px 0; padding:4px; background:#0b2436; border:1px solid #365466; border-radius:6px; }
.tg-scenarios button { flex:1; border:1px solid transparent; border-radius:4px; background:transparent; color:#acc4d1; font-size:11px; font-weight:500; min-height:40px; padding:8px 4px; }
.tg-scenarios button:disabled { cursor:default; opacity:1; }
.tg-scenarios button[aria-pressed="true"] { background:#19403f; border-color:#5b9d8040; color:#b5f5d9; }
.tg-scenarios button:not(:disabled):hover { color:#e2fff2; }
.tg-scenarios button:focus-visible { outline:2px solid var(--accent); outline-offset:1px; }
.tg-signal-body { padding:22px 22px 19px; }
.tg-event { border:1px solid #355566; background:#0d2739; border-radius:6px; padding:17px 18px 9px; }
.tg-event-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:9px; letter-spacing:.8px; color:#9eb7c6; }
.tg-event-service { letter-spacing:0; color:#b6d1df; }
.tg-event-action { display:block; color:#d2eee9; font-size:20px; line-height:1.5; letter-spacing:-.5px; margin-top:10px; overflow-wrap:anywhere; }
.tg-event dl { margin:13px 0 0; }
.tg-event dl>div { display:flex; justify-content:space-between; align-items:center; gap:14px; border-top:1px solid #2b4658; padding:9px 0; font-size:10px; }
.tg-event dt { color:#9bb6c5; }
.tg-event dd { color:#d1e2ec; margin:0; text-align:right; }
.tg-event dd code { font-size:11px; }
.tg-enrichment { display:flex; align-items:center; justify-content:center; gap:10px; color:#a7c1cf; padding:13px 0; font-size:10px; }
.tg-enrichment>span { color:var(--accent); font-size:20px; line-height:1; }
.tg-finding { border:1px solid #a1836377; border-radius:6px; background:linear-gradient(110deg,#34332e,#243138); padding:16px 18px; min-height:164px; }
.tg-finding-heading { display:flex; align-items:center; gap:8px; color:#efd0aa; font-size:9px; letter-spacing:.65px; }
.tg-finding-heading>svg { width:19px; height:19px; flex-shrink:0; }
.tg-review-tag { margin-left:auto; border:1px solid #b190664a; border-radius:3px; padding:1px 6px; letter-spacing:0; font-size:9px; }
.tg-finding h2 { font-size:17px; font-weight:600; letter-spacing:-.35px; line-height:1.4; color:#fff1de; margin-top:11px; }
.tg-finding p { color:#d4cfc2; font-size:11px; line-height:1.85; margin-top:8px; min-height:41px; }
.tg-evidence { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.tg-evidence>span { font-size:9px; color:#e6d7c2; border:1px solid #a18e734a; border-radius:3px; padding:2px 6px; }
.tg-alert-route { display:flex; align-items:center; justify-content:center; gap:10px; padding:14px 15px; color:#bfd6e3; border-top:1px solid #355365; font-size:10px; background:#0e2a3d; }
.tg-alert-route>svg { width:21px; height:21px; color:var(--accent); flex-shrink:0; }
.tg-alert-route>span>span { color:#7293a6; padding-inline:5px; }
.tg-example-note { padding:10px 16px; font-size:9px; text-align:center; color:#9bb6c7; border-top:1px solid #294557; }
.tg-signals-section { background:var(--paper); border-bottom:1px solid var(--line); }
.tg-signals-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid #b7cdd5; }
.tg-signals-grid article { display:flex; flex-direction:column; padding:30px 31px 0; border-left:1px solid var(--line); }
.tg-signals-grid article:first-child { border:0; padding-left:0; }
.tg-signals-grid article:last-child { padding-right:0; }
.tg-feature-icon { width:32px; height:32px; color:#327572; margin-bottom:22px; }
.tg-signals-grid h3 { font-size:19px; line-height:1.4; }
.tg-signals-grid p { color:var(--muted); font-size:14px; line-height:1.85; margin-block:13px 22px; }
.tg-feature-detail { margin-top:auto; font-size:10px; font-weight:600; color:#416b75; }
.tg-workflow { grid-template-columns:repeat(3,minmax(0,1fr)); }
.tg-workflow li { display:flex; flex-direction:column; padding-right:42px; }
.tg-workflow p { max-width:310px; }
.tg-workflow .step-detail { margin-top:auto; padding-top:22px; }
.tg-response-note { display:flex; align-items:center; gap:19px; padding:21px 25px; margin-top:42px; border:1px solid #d1e3de; border-radius:6px; background:#f1f7f4; }
.tg-response-note>svg { width:27px; height:27px; flex-shrink:0; color:#3d796c; }
.tg-response-note p { color:var(--muted); font-size:12px; line-height:1.85; }
.tg-response-note strong { color:#244c4c; font-weight:600; margin-right:4px; }
.tg-deployment-section { background:#eef4f4; }
.tg-deployment-grid { display:grid; grid-template-columns:1.05fr 1fr; gap:90px; align-items:center; }
.tg-deployment-copy>p:not(.eyebrow) { font-size:16px; line-height:1.85; color:var(--muted); margin-top:23px; max-width:480px; }
.tg-deployment-copy>p.tg-deployment-secondary { font-size:13px; margin-top:16px; }
.tg-deployment-copy>.inline-link { margin-top:25px; }
.tg-account-diagram { min-width:0; }
.tg-account-boundary { border:1px solid #becfce; border-radius:8px; background:#fbfdfc; padding:0 24px; }
.tg-account-heading { display:flex; align-items:center; gap:10px; padding:20px 0; border-bottom:1px solid #d6e1df; }
.tg-account-heading>svg { width:25px; height:25px; flex-shrink:0; color:#367365; }
.tg-account-heading strong { font-size:12px; font-weight:600; }
.tg-account-heading>span { margin-left:auto; font-size:9px; color:#587680; }
.tg-account-node { display:flex; align-items:center; gap:15px; padding:21px 0; border-bottom:1px solid #dce6e4; }
.tg-account-node:last-child { border-bottom:0; }
.tg-node-number { display:grid; place-items:center; border:1px solid #c9dbd5; border-radius:50%; width:27px; height:27px; flex-shrink:0; background:#eef6f2; color:#3b7869; font:10px ui-monospace,monospace; }
.tg-account-node strong { display:block; font-size:14px; font-weight:600; }
.tg-account-node div>span { display:block; font-size:10px; color:#586f7e; margin-top:4px; line-height:1.8; }
.tg-node-label { font-size:8px; letter-spacing:.5px; color:#587980; margin-left:auto; }
.tg-analysis-path { display:flex; align-items:center; gap:13px; padding:20px 3px 0; }
.tg-path-line { font-size:25px; color:#548a7d; margin-right:2px; }
.tg-analysis-path strong { font-size:12px; font-weight:600; }
.tg-analysis-path p { color:#546f7c; font-size:10px; margin-top:3px; }
.tg-analysis-path>a { font-size:10px; color:var(--blue); margin-left:auto; white-space:nowrap; padding:10px 0 10px 5px; }
.tg-analysis-path>a:hover { text-decoration:underline; text-underline-offset:3px; }
.tg-faq-section { background:#fff; }
.tg-page .faq-list p a { color:var(--blue); text-decoration:underline; text-underline-offset:3px; }
.tg-page .faq-list details:target { scroll-margin-top:25px; }
.tg-page .closing-grid { grid-template-columns:1.4fr 1fr; gap:95px; }
.tg-plan { border-left:1px solid #39576b; padding:10px 0 10px 42px; }
.tg-plan h3 { font-size:24px; font-weight:600; margin-top:9px; line-height:1.4; }
.tg-plan p { font-size:13px; color:#b7cddc; line-height:1.85; margin-top:17px; max-width:310px; }
.tg-plan-features { display:flex; flex-direction:column; gap:10px; font-size:11px; color:#c7dbdf; margin-top:22px; }
.tg-plan-features>span { display:flex; align-items:center; gap:10px; }
.tg-plan-features>span:before { content:"✓"; color:var(--accent); font-size:11px; }
@media(min-width:1440px) {
    .tg-page .hero-grid { padding-block:80px 76px; }
}
@media(max-width:1100px) {
    .tg-page .hero-grid { gap:40px; }
    .tg-page .hero-eyebrow { font-size:9px; letter-spacing:1px; gap:9px; }
    .tg-deployment-grid { gap:50px; }
    .tg-signals-grid article { padding-inline:25px; }
    .tg-account-boundary { padding-inline:20px; }
    .tg-account-node { gap:11px; }
    .tg-node-label { display:none; }
    .tg-page .closing-grid { gap:60px; }
}
@media(max-width:900px) {
    .tg-page .hero-grid { grid-template-columns:1fr 1fr; gap:28px; padding-block:54px 46px; }
    .tg-page .hero h1 { font-size:40px; letter-spacing:-1.9px; }
    .tg-page .hero-eyebrow { font-size:8px; letter-spacing:.45px; gap:7px; }
    .tg-mark { width:24px; height:24px; }
    .tg-page .hero-lede { font-size:15px; }
    .tg-page .hero-note { font-size:10px; }
    .tg-signal figcaption { font-size:10px; padding:16px; gap:8px; }
    .tg-signal .example-tag { font-size:8px; letter-spacing:.6px; }
    .tg-scenarios { margin:17px 16px 0; }
    .tg-scenarios button { font-size:9px; padding-inline:3px; min-height:38px; }
    .tg-signal-body { padding:19px 16px 16px; }
    .tg-event { padding:14px 13px 6px; }
    .tg-event-heading { font-size:8px; letter-spacing:.5px; }
    .tg-event-action { font-size:18px; }
    .tg-event dl>div { font-size:9px; gap:8px; }
    .tg-event dd code { font-size:10px; }
    .tg-finding { padding:14px 13px; min-height:180px; }
    .tg-finding-heading { font-size:8px; letter-spacing:.25px; gap:6px; }
    .tg-review-tag { font-size:8px; padding-inline:4px; }
    .tg-finding h2 { font-size:15px; }
    .tg-finding p { font-size:10px; min-height:55px; }
    .tg-evidence { gap:6px; }
    .tg-evidence>span { font-size:8px; }
    .tg-alert-route { font-size:9px; gap:7px; }
    .tg-alert-route>span>span { padding-inline:2px; }
    .tg-example-note { font-size:8px; }
    .tg-signals-grid article { padding-inline:20px; }
    .tg-signals-grid h3 { font-size:18px; }
    .tg-signals-grid p { font-size:13px; }
    .tg-feature-detail { font-size:9px; }
    .tg-workflow { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .tg-workflow li { padding-right:24px; }
    .tg-workflow p { max-width:100%; }
    .tg-workflow .step-detail { font-size:9px; }
    .tg-deployment-grid { gap:35px; }
    .tg-deployment-copy>p:not(.eyebrow) { font-size:14px; }
    .tg-deployment-copy>p.tg-deployment-secondary { font-size:12px; }
    .tg-account-boundary { padding-inline:17px; }
    .tg-account-heading { flex-wrap:wrap; }
    .tg-account-heading>span { width:100%; margin-left:35px; margin-top:-7px; }
    .tg-account-node strong { font-size:13px; }
    .tg-account-node div>span { font-size:9px; }
    .tg-analysis-path { gap:10px; flex-wrap:wrap; }
    .tg-analysis-path strong { font-size:11px; }
    .tg-analysis-path p { font-size:9px; }
    .tg-analysis-path>a { margin-left:25px; padding-top:0; }
    .tg-page .closing-grid { gap:40px; }
    .tg-plan { padding-left:30px; }
    .tg-plan h3 { font-size:22px; }
}
@media(max-width:700px) {
    .tg-page .hero-grid { grid-template-columns:1fr; gap:35px; padding-block:42px 35px; }
    .tg-page .hero h1 { font-size:clamp(36px,8.8vw,57px); letter-spacing:-1.9px; }
    .tg-page .hero-eyebrow { font-size:9px; letter-spacing:.7px; gap:9px; margin-bottom:24px; }
    .tg-mark { width:26px; height:26px; }
    .tg-page .hero-lede { max-width:510px; }
    .tg-page .hero-note { margin-top:15px; }
    .tg-signal { width:100%; max-width:500px; margin:auto; }
    .tg-signal figcaption { padding:17px 18px; font-size:11px; }
    .tg-scenarios { margin:18px 18px 0; }
    .tg-scenarios button { font-size:10px; min-height:40px; }
    .tg-signal-body { padding:21px 18px 18px; }
    .tg-event { padding:16px 15px 7px; }
    .tg-event-heading { font-size:9px; }
    .tg-event-action { font-size:20px; }
    .tg-event dl>div { font-size:10px; }
    .tg-event dd code { font-size:11px; }
    .tg-finding { padding:16px 15px; min-height:180px; }
    .tg-finding-heading { font-size:8px; letter-spacing:.5px; }
    .tg-finding h2 { font-size:16px; }
    .tg-finding p { font-size:11px; min-height:61px; }
    .tg-evidence>span { font-size:9px; }
    .tg-alert-route { font-size:10px; gap:8px; }
    .tg-example-note { font-size:8px; }
    .tg-signals-grid { grid-template-columns:1fr; }
    .tg-signals-grid article,.tg-signals-grid article:first-child,.tg-signals-grid article:last-child { padding:28px 0; border:0; border-bottom:1px solid var(--line); }
    .tg-signals-grid article:last-child { border:0; padding-bottom:0; }
    .tg-signals-grid h3 { font-size:20px; }
    .tg-signals-grid p { font-size:14px; margin-block:13px 18px; }
    .tg-feature-detail { font-size:10px; }
    .tg-feature-icon { margin-bottom:19px; }
    .tg-workflow { grid-template-columns:1fr; }
    .tg-workflow li,.tg-workflow li:last-child { padding:0 0 30px 30px; }
    .tg-workflow li:last-child { padding-bottom:0; }
    .tg-workflow .step-detail { font-size:10px; padding-top:0; margin-top:16px; }
    .tg-response-note { align-items:flex-start; margin-top:30px; padding:19px 17px; gap:12px; }
    .tg-response-note p { font-size:12px; }
    .tg-response-note strong { display:block; margin-bottom:4px; }
    .tg-deployment-grid { grid-template-columns:1fr; gap:32px; }
    .tg-deployment-copy>p:not(.eyebrow) { font-size:15px; }
    .tg-deployment-copy>p.tg-deployment-secondary { font-size:13px; }
    .tg-account-boundary { padding-inline:18px; }
    .tg-account-heading { flex-wrap:nowrap; gap:9px; }
    .tg-account-heading strong { font-size:12px; }
    .tg-account-heading>span { width:auto; margin-left:auto; margin-top:0; font-size:8px; }
    .tg-account-node strong { font-size:14px; }
    .tg-account-node div>span { font-size:10px; }
    .tg-analysis-path { flex-wrap:nowrap; gap:10px; }
    .tg-analysis-path strong { font-size:11px; }
    .tg-analysis-path p { font-size:9px; }
    .tg-analysis-path>a { margin-left:auto; padding-top:10px; }
    .tg-page .closing-grid { grid-template-columns:1fr; gap:35px; }
    .tg-plan { border-left:0; border-top:1px solid #39576b; padding:28px 0 0; }
    .tg-plan h3 { font-size:23px; }
}
@media(max-width:375px) {
    .tg-page .hero-eyebrow { font-size:8px; gap:7px; letter-spacing:.45px; }
    .tg-page .hero h1 { font-size:34px; }
    .tg-signal figcaption { padding-inline:14px; font-size:10px; }
    .tg-signal .example-tag { font-size:7px; }
    .tg-scenarios { margin-inline:12px; gap:2px; }
    .tg-scenarios button { font-size:9px; }
    .tg-signal-body { padding-inline:12px; }
    .tg-finding-heading { letter-spacing:0; }
    .tg-review-tag { display:none; }
    .tg-finding h2 { font-size:15px; }
    .tg-evidence>span { font-size:8px; }
    .tg-alert-route { font-size:9px; padding-inline:10px; gap:6px; }
    .tg-example-note { padding-inline:12px; }
    .tg-account-heading>span { display:none; }
    .tg-account-node { gap:10px; }
    .tg-account-node div>span { font-size:9px; }
    .tg-analysis-path { flex-wrap:wrap; }
    .tg-analysis-path>a { margin-left:24px; padding-top:0; }
}