/* LogGuard AI extends the shared FraudGuard product-page design. */
.lg-page .hero-grid { grid-template-columns:1.08fr 1fr; gap:64px; padding-block:76px 68px; }
.lg-page .hero h1 { font-size:clamp(43px,4.1vw,58px); }
.lg-page .hero-lede { max-width:495px; }
.lg-page .hero-note { font-size:11px; }
.lg-analysis { min-width:0; border:1px solid #395568; border-radius:12px; background:#102c40; box-shadow:0 30px 80px #03152144; overflow:hidden; }
.lg-analysis figcaption { display:flex; align-items:center; gap:10px; border-bottom:1px solid #395568; padding:18px 22px; color:#c9dbe4; font-size:12px; font-weight:600; }
.lg-analysis .example-tag { font-size:9px; }
.lg-log-window { margin:22px 22px 0; padding:0 16px; border:1px solid #345164; border-radius:6px; background:#0b2334; }
.lg-log-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 0; font-size:8px; letter-spacing:1px; color:#94afc1; }
.lg-log-heading>code { color:#bed4e2; font-size:10px; letter-spacing:0; }
.lg-log-lines>div { display:flex; align-items:center; gap:12px; border-top:1px solid #284252; padding:11px 0; }
.lg-line-number { color:#7894a8; font:9px ui-monospace,monospace; }
.lg-log-lines code { font-size:12px; line-height:1.65; }
.lg-method { color:#86bfc1; font-size:10px; padding-right:7px; }
.lg-path { color:#e8caa5; }
.lg-http-status { margin-left:auto; font:9px ui-monospace,monospace; color:#b8cddd; padding:2px 5px; border-radius:3px; background:#a5c3d30a; border:1px solid #58778b45; }
.lg-analysis-bridge { display:flex; justify-content:center; align-items:center; gap:10px; font-size:10px; color:#a5bfce; padding:13px 0; }
.lg-analysis-bridge>span { color:var(--accent); font-size:20px; line-height:1; }
.lg-context-controls { display:flex; gap:4px; margin:0 22px; padding:4px; background:#0b2436; border:1px solid #365466; border-radius:6px; }
.lg-context-controls button { flex:1; min-height:40px; padding:8px 4px; border:1px solid transparent; border-radius:4px; background:transparent; color:#acc4d1; font-size:11px; font-weight:500; }
.lg-context-controls button:disabled { opacity:1; cursor:default; }
.lg-context-controls button[aria-pressed="true"] { background:#19403f; border-color:#5b9d8040; color:#b5f5d9; }
.lg-context-controls button:not(:disabled):hover { color:#e2fff2; }
.lg-context-controls button:focus-visible { outline:2px solid var(--accent); outline-offset:1px; }
.lg-context-panel { margin:17px 22px 22px; padding:17px 18px; border:1px solid #71b7a266; border-radius:6px; background:linear-gradient(115deg,#173d3f,#16323c); min-height:186px; }
.lg-context-heading { display:flex; align-items:center; gap:8px; font-size:9px; letter-spacing:.7px; color:#a9decb; }
.lg-context-heading>svg { width:19px; height:19px; flex-shrink:0; }
.lg-review-tag { font-size:9px; letter-spacing:0; padding:1px 6px; border:1px solid #7cb89d45; border-radius:3px; margin-left:auto; }
.lg-context-panel h2 { font-size:18px; line-height:1.4; letter-spacing:-.45px; font-weight:600; color:#e1f9ee; margin-top:11px; }
.lg-context-panel p { color:#b8d5d1; font-size:11px; line-height:1.85; margin-top:8px; min-height:61px; }
.lg-context-evidence { display:flex; flex-wrap:wrap; gap:7px; margin-top:13px; }
.lg-context-evidence>span { color:#bfe1d6; font-size:9px; border:1px solid #6ea58f50; border-radius:3px; padding:2px 6px; }
.lg-example-note { font-size:9px; text-align:center; color:#9bb6c7; padding:11px 16px; border-top:1px solid #294557; }
.lg-benefits-section { background:var(--paper); border-bottom:1px solid var(--line); }
.lg-benefits-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid #b7cdd5; }
.lg-benefits-grid article { display:flex; flex-direction:column; padding:30px 31px 0; border-left:1px solid var(--line); }
.lg-benefits-grid article:first-child { padding-left:0; border:0; }
.lg-benefits-grid article:last-child { padding-right:0; }
.lg-feature-icon { width:32px; height:32px; color:#327572; margin-bottom:22px; }
.lg-benefits-grid h3 { font-size:19px; line-height:1.4; }
.lg-benefits-grid p { color:var(--muted); font-size:14px; line-height:1.85; margin-block:13px 22px; }
.lg-feature-detail { font-size:10px; color:#416b75; font-weight:600; margin-top:auto; }
.lg-investigate-grid { display:grid; grid-template-columns:1.08fr 1fr; gap:90px; align-items:center; }
.lg-investigate-copy>p:not(.eyebrow) { color:var(--muted); font-size:16px; line-height:1.85; max-width:490px; margin-top:23px; }
.lg-investigate-copy>p.lg-investigate-note { font-size:13px; margin-top:16px; }
.lg-investigate-copy .resource-links { margin-top:21px; }
.lg-toolkit { min-width:0; border:1px solid #cbd9dc; border-radius:8px; background:#fbfdfc; padding:0 24px; }
.lg-toolkit-heading { display:flex; align-items:center; gap:10px; padding:18px 0; border-bottom:1px solid #d6e1df; }
.lg-toolkit-mark { display:grid; place-items:center; width:23px; height:23px; font-size:27px; line-height:1; color:#408375; }
.lg-toolkit-heading strong { font-size:12px; font-weight:600; }
.lg-toolkit-heading>span:last-child { margin-left:auto; font-size:8px; letter-spacing:.6px; color:#5b7781; }
.lg-toolkit-item { display:flex; align-items:center; gap:17px; padding:25px 0; border-bottom:1px solid #dce6e4; }
.lg-toolkit-number { color:#5b847f; font:11px ui-monospace,monospace; }
.lg-toolkit-item h3 { font-size:16px; line-height:1.5; font-weight:600; }
.lg-toolkit-item p { color:#576f7e; font-size:12px; line-height:1.8; margin-top:6px; }
.lg-toolkit-arrow { color:#3e7986; font-size:17px; margin-left:auto; transition:transform .15s; }
.lg-toolkit-item:hover h3 { color:var(--blue); }
.lg-toolkit-item:hover .lg-toolkit-arrow { transform:translate(2px,-2px); }
.lg-toolkit-item:focus-visible { outline-offset:5px; }
.lg-toolkit-foot { color:#5a7680; font-size:10px; line-height:1.8; padding:18px 0; }
.lg-workflow-section { background:#eef4f4; }
.lg-workflow { grid-template-columns:repeat(3,minmax(0,1fr)); }
.lg-workflow li { display:flex; flex-direction:column; padding-right:42px; }
.lg-workflow li:before { border-color:#eef4f4; }
.lg-workflow p { max-width:310px; }
.lg-workflow .step-detail { margin-top:auto; padding-top:22px; }
.lg-human-review { display:flex; align-items:center; gap:19px; padding:21px 25px; margin-top:42px; border:1px solid #ccded8; border-radius:6px; background:#f9fcfa; }
.lg-human-review>svg { width:27px; height:27px; flex-shrink:0; color:#3d796c; }
.lg-human-review p { font-size:12px; color:var(--muted); line-height:1.85; }
.lg-human-review strong { color:#244c4c; font-weight:600; margin-right:4px; }
.lg-faq-section { background:#fff; }
.lg-page .faq-list p a { color:var(--blue); text-decoration:underline; text-underline-offset:3px; }
.lg-page .closing-grid { grid-template-columns:1.4fr 1fr; gap:95px; }
.lg-scope { border-left:1px solid #39576b; padding:10px 0 10px 42px; }
.lg-scope h3 { font-size:23px; font-weight:600; line-height:1.4; margin-top:10px; }
.lg-scope p { color:#b7cddc; font-size:13px; line-height:1.8; margin-top:16px; }
.lg-scope ul { display:flex; flex-direction:column; gap:9px; list-style:none; padding:0; margin:15px 0 0; font-size:11px; color:#c7dbdf; }
.lg-scope li { display:flex; gap:9px; }
.lg-scope li:before { content:"→"; color:var(--accent); }
.lg-scope>a { display:inline-flex; gap:14px; color:var(--accent); font-size:12px; font-weight:500; padding:7px 0; margin-top:16px; }
.lg-scope>a:hover { text-decoration:underline; text-underline-offset:4px; }
@media(min-width:1440px) {
    .lg-page .hero-grid { padding-block:83px 74px; }
}
@media(max-width:1100px) {
    .lg-page .hero-grid { gap:40px; }
    .lg-investigate-grid { gap:55px; }
    .lg-benefits-grid article { padding-inline:25px; }
    .lg-toolkit { padding-inline:20px; }
    .lg-toolkit-heading>span:last-child { font-size:7px; letter-spacing:.2px; }
    .lg-page .closing-grid { gap:60px; }
}
@media(max-width:900px) {
    .lg-page .hero-grid { grid-template-columns:1fr 1fr; gap:28px; padding-block:54px 46px; }
    .lg-page .hero h1 { font-size:40px; letter-spacing:-1.9px; }
    .lg-page .hero-lede { font-size:15px; }
    .lg-page .hero-note { font-size:10px; }
    .lg-analysis figcaption { font-size:10px; padding:16px; gap:8px; }
    .lg-analysis .example-tag { font-size:8px; letter-spacing:.5px; }
    .lg-log-window { margin:18px 16px 0; padding-inline:12px; }
    .lg-log-heading { font-size:7px; letter-spacing:.7px; }
    .lg-log-heading>code { font-size:9px; }
    .lg-log-lines>div { gap:10px; }
    .lg-log-lines code { font-size:11px; }
    .lg-method { font-size:9px; padding-right:4px; }
    .lg-line-number { font-size:8px; }
    .lg-http-status { font-size:8px; padding-inline:4px; }
    .lg-context-controls { margin-inline:16px; gap:3px; }
    .lg-context-controls button { font-size:9px; padding-inline:3px; }
    .lg-context-panel { margin:15px 16px 18px; padding:14px 13px; min-height:201px; }
    .lg-context-heading { font-size:8px; letter-spacing:.25px; gap:6px; }
    .lg-review-tag { font-size:8px; }
    .lg-context-panel h2 { font-size:16px; }
    .lg-context-panel p { font-size:10px; min-height:74px; }
    .lg-context-evidence>span { font-size:8px; }
    .lg-example-note { font-size:8px; }
    .lg-benefits-grid article { padding-inline:20px; }
    .lg-benefits-grid h3 { font-size:18px; }
    .lg-benefits-grid p { font-size:13px; }
    .lg-feature-detail { font-size:9px; }
    .lg-investigate-grid { gap:35px; }
    .lg-investigate-copy>p:not(.eyebrow) { font-size:14px; }
    .lg-investigate-copy>p.lg-investigate-note { font-size:12px; }
    .lg-investigate-copy .inline-link { font-size:12px; }
    .lg-toolkit { padding-inline:18px; }
    .lg-toolkit-heading>span:last-child { display:none; }
    .lg-toolkit-item { gap:12px; padding-block:23px; }
    .lg-toolkit-item h3 { font-size:15px; }
    .lg-toolkit-item p { font-size:11px; }
    .lg-toolkit-foot { font-size:9px; }
    .lg-workflow { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .lg-workflow li { padding-right:24px; }
    .lg-workflow p { max-width:100%; }
    .lg-workflow .step-detail { font-size:9px; }
    .lg-page .closing-grid { gap:40px; }
    .lg-scope { padding-left:30px; }
    .lg-scope h3 { font-size:21px; }
}
@media(max-width:700px) {
    .lg-page .hero-grid { grid-template-columns:1fr; gap:35px; padding-block:44px 35px; }
    .lg-page .hero h1 { font-size:clamp(36px,8.8vw,57px); letter-spacing:-1.9px; }
    .lg-page .hero-lede { max-width:510px; }
    .lg-page .hero-note { margin-top:15px; }
    .lg-analysis { width:100%; max-width:500px; margin:auto; }
    .lg-analysis figcaption { padding:17px 18px; font-size:11px; }
    .lg-log-window { margin:20px 18px 0; padding-inline:14px; }
    .lg-log-heading { font-size:8px; letter-spacing:.7px; }
    .lg-log-heading>code { font-size:10px; }
    .lg-log-lines code { font-size:12px; }
    .lg-method { font-size:10px; }
    .lg-line-number { font-size:9px; }
    .lg-http-status { font-size:9px; }
    .lg-context-controls { margin-inline:18px; }
    .lg-context-controls button { font-size:10px; min-height:42px; }
    .lg-context-panel { margin:16px 18px 20px; padding:16px 15px; min-height:210px; }
    .lg-context-heading { font-size:8px; letter-spacing:.5px; }
    .lg-context-panel h2 { font-size:17px; }
    .lg-context-panel p { font-size:11px; min-height:82px; }
    .lg-context-evidence>span { font-size:9px; }
    .lg-example-note { font-size:8px; }
    .lg-benefits-grid { grid-template-columns:1fr; }
    .lg-benefits-grid article,.lg-benefits-grid article:first-child,.lg-benefits-grid article:last-child { padding:28px 0; border:0; border-bottom:1px solid var(--line); }
    .lg-benefits-grid article:last-child { border:0; padding-bottom:0; }
    .lg-benefits-grid h3 { font-size:20px; }
    .lg-benefits-grid p { font-size:14px; margin-block:13px 18px; }
    .lg-feature-detail { font-size:10px; }
    .lg-feature-icon { margin-bottom:19px; }
    .lg-investigate-grid { grid-template-columns:1fr; gap:32px; }
    .lg-investigate-copy>p:not(.eyebrow) { font-size:15px; }
    .lg-investigate-copy>p.lg-investigate-note { font-size:13px; }
    .lg-investigate-copy .inline-link { font-size:13px; }
    .lg-toolkit { padding-inline:20px; }
    .lg-toolkit-heading>span:last-child { display:block; font-size:7px; letter-spacing:.2px; }
    .lg-toolkit-item { gap:13px; padding-block:24px; }
    .lg-toolkit-item h3 { font-size:16px; }
    .lg-toolkit-item p { font-size:12px; }
    .lg-toolkit-foot { font-size:10px; }
    .lg-workflow { grid-template-columns:1fr; }
    .lg-workflow li,.lg-workflow li:last-child { padding:0 0 30px 30px; }
    .lg-workflow li:last-child { padding-bottom:0; }
    .lg-workflow .step-detail { font-size:10px; padding-top:0; margin-top:16px; }
    .lg-human-review { align-items:flex-start; margin-top:30px; padding:19px 17px; gap:12px; }
    .lg-human-review strong { display:block; margin-bottom:4px; }
    .lg-page .closing-grid { grid-template-columns:1fr; gap:35px; }
    .lg-scope { border-left:0; border-top:1px solid #39576b; padding:28px 0 0; }
    .lg-scope h3 { font-size:23px; }
}
@media(max-width:375px) {
    .lg-page .hero h1 { font-size:34px; }
    .lg-analysis figcaption { padding-inline:14px; font-size:10px; gap:7px; }
    .lg-analysis .example-tag { font-size:7px; }
    .lg-log-window { margin-inline:12px; padding-inline:11px; }
    .lg-log-lines>div { gap:8px; }
    .lg-log-lines code { font-size:11px; }
    .lg-method { font-size:9px; padding-right:3px; }
    .lg-log-heading>code { font-size:9px; }
    .lg-context-controls { margin-inline:12px; gap:2px; }
    .lg-context-controls button { font-size:9px; }
    .lg-context-panel { margin-inline:12px; padding-inline:13px; }
    .lg-context-heading { letter-spacing:0; }
    .lg-context-panel h2 { font-size:16px; }
    .lg-context-evidence>span { font-size:8px; }
    .lg-example-note { padding-inline:12px; }
    .lg-toolkit { padding-inline:17px; }
    .lg-toolkit-heading>span:last-child { display:none; }
    .lg-toolkit-item { gap:10px; }
}
@media(prefers-reduced-motion:reduce) {
    .lg-toolkit-arrow { transition:none; }
}