/* Sketch04 footer. Scoped under .bd4-ft. */




.bd4-ft{box-sizing:border-box;background:#000313;border-top:1px solid rgb(255 255 255 / .06);color:#ffffff;font-family:var(--bd-font-body)}
.bd4-ft *{box-sizing:border-box}
.bd4-ft a{color:#a6b0d2;text-decoration:none;transition:color .25s}
.bd4-ft a:hover{color:#ffffff}
.bd4-ft a:focus-visible,.bd4-ft input:focus-visible,.bd4-ft button:focus-visible{outline:2px solid #ffffff;outline-offset:2px;border-radius:6px}
.bd4-ft .wrap{max-width:1280px;margin:0 auto;padding:96px 32px 0}
.bd4-ft .grid{display:grid;grid-template-columns:repeat(12,1fr);gap:0 32px}
.bd4-ft .left{grid-column:span 4}
.bd4-ft .right{grid-column:6 / span 7;display:grid;grid-template-columns:repeat(4,1fr);gap:0 24px;align-content:start}
.bd4-ft .tag{margin:16px 0 0;font-size:16px;line-height:1.4;color:#a6b0d2}
.bd4-ft h2.h{margin:0 0 8px;font-size:14px;font-weight:600;color:#ffffff;min-height:28px;display:flex;align-items:center}
.bd4-ft .lk{display:flex;align-items:center;min-height:44px;font-size:15px}
/* products: same treatment as the header band: white text + icon, no chip */
.bd4-ft .prods{display:flex;gap:28px;margin-top:28px}
.bd4-ft .prod{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#ffffff;font-weight:600;font-size:15px}
.bd4-ft .prod svg{opacity:.85}
.bd4-ft .prod:hover{color:#ffffff;text-decoration:underline;text-underline-offset:6px;text-decoration-color:rgb(255 255 255 / .35)}
/* newsletter: glass field + glass button (header 11 language) */
.bd4-ft form{margin-top:36px;display:flex;flex-direction:column;gap:10px;max-width:380px}
.bd4-ft label{font-size:13px;font-weight:600;color:#ffffff}
.bd4-ft .row{display:flex;gap:8px}
.bd4-ft .field{height:48px;flex:1 1 auto;min-width:0;border:0;border-radius:10px;color:#ffffff;font:500 16px var(--bd-font-body);padding:0 16px;background:rgb(255 255 255 / .07);box-shadow:inset 0 1px 0 rgb(255 255 255 / .08),inset 0 -1px 0 rgb(1 5 19 / .35)}
.bd4-ft .field::placeholder{color:rgb(166 176 210 / .75)}
.bd4-ft .btn{height:48px;padding:0 22px;border:0;border-radius:10px;cursor:pointer;color:#ffffff;font:600 16px var(--bd-font-body);background:rgb(255 255 255 / .085);box-shadow:inset 0 1px 0 rgb(255 255 255 / .09),inset 0 -1px 0 rgb(1 5 19 / .35),0 8px 18px rgb(1 5 19 / .38);transition:background .4s ease,box-shadow .4s ease}
.bd4-ft .btn:hover{background:radial-gradient(100% 150% at 50% 0%,rgb(255 255 255 / .19) 0%,rgb(255 255 255 / .10) 60%,rgb(255 255 255 / .07) 100%);box-shadow:inset 0 1px 0 rgb(255 255 255 / .2),inset 0 0 18px rgb(255 255 255 / .06),0 10px 22px rgb(1 5 19 / .42)}
.bd4-ft .bottom{margin-top:64px;border-top:1px solid rgb(255 255 255 / .08);min-height:72px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 24px;font-size:13px;color:#a6b0d2}
.bd4-ft .legal{display:flex;flex-wrap:wrap;gap:0 20px;align-items:center}
.bd4-ft .legal a{display:inline-flex;align-items:center;min-height:44px}
/* social: quiet icons, same as header utilities */
.bd4-ft .ic{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;color:#a6b0d2;transition:background .3s,color .3s}
.bd4-ft .ic:hover{background:rgb(255 255 255 / .08);color:#ffffff}
.bd4-ft .help{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:14px;font-weight:600;color:#ffffff}
.bd4-ft .idot{width:7px;height:7px;border-radius:999px;background:#ff5247;box-shadow:0 0 0 4px rgb(255 82 71 / .16)}
@media (max-width:900px){
.bd4-ft .wrap{padding:64px 16px 0}
.bd4-ft .left,.bd4-ft .right{grid-column:1 / -1}
.bd4-ft .right{grid-template-columns:repeat(2,1fr);margin-top:48px;gap:24px}
}
/* v21: footer in Header 21's language */
.bd4-ft .prod{gap:10px}
.bd4-ft .prod svg{opacity:1}
.bd4-ft .prod:hover{text-decoration:none;color:#ff5247}
.bd4-ft .lk:hover{color:#ffffff}
.bd4-ft .field{border-radius:8px;background:rgb(255 255 255 / .07);box-shadow:inset 0 1px 0 rgb(255 255 255 / .08)}
.bd4-ft .btn,.bd4-ft .btn:hover{border-radius:8px;box-shadow:inset 0 1px 0 rgb(255 255 255 / .08)}
.bd4-ft .btn{background:rgb(255 255 255 / .07)}
.bd4-ft .btn:hover{background:rgb(255 255 255 / .12)}
.bd4-ft .shw{position:relative;display:inline-flex;color:#ffffff}
.bd4-ft .shw .idot{position:absolute;top:-2px;right:-3px;width:7px;height:7px;box-shadow:none}
.bd4-ft .help{gap:12px}
.bd4-ft .help:hover{color:#ffffff}
/* tighter spacing pass (2026-10-08) + monochrome store badges */
.bd4-ft .wrap{padding:64px 32px 0}
.bd4-ft .tag{margin-top:12px}
.bd4-ft .prods{margin-top:16px;gap:24px}
.bd4-ft .prod{min-height:36px}
.bd4-ft form{margin-top:20px}
.bd4-ft h2.h{margin-bottom:4px}
.bd4-ft .lk{min-height:34px}
.bd4-ft .bottom{margin-top:40px;min-height:60px}
.bd4-ft .apps{display:flex;gap:8px;margin-top:16px}
.bd4-ft .app{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 14px 0 12px;border-radius:8px;border:1px solid rgb(255 255 255 / .22);color:#ffffff;transition:border-color .3s ease,background .3s ease}
.bd4-ft .app:hover{color:#ffffff;border-color:rgb(255 255 255 / .55);background:rgb(255 255 255 / .05)}
.bd4-ft .app span{display:flex;flex-direction:column;font-size:15px;font-weight:600;line-height:1.05}
.bd4-ft .app small{font-size:10px;font-weight:500;color:#a6b0d2;letter-spacing:.02em}
@media (max-width:900px){.bd4-ft .lk,.bd4-ft .prod{min-height:44px}}
/* touches (2026-10-08): no repeated logo/tagline; left column starts on the same line as the column headings */
.bd4-ft .prods{margin-top:0;min-height:28px;align-items:center}
.bd4-ft .prod{min-height:28px}
.bd4-ft form{margin-top:28px}
/* ThreatWatch / Atlas as glass buttons */
.bd4-ft .prods{gap:8px}
.bd4-ft .prod,.bd4-ft .prod:hover{height:40px;min-height:40px;padding:0 16px 0 12px;border-radius:8px;font-size:15px;box-shadow:inset 0 1px 0 rgb(255 255 255 / .08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.bd4-ft .prod{background:rgb(255 255 255 / .07);color:#ffffff;transition:background .3s ease,color .3s ease}
.bd4-ft .prod:hover{background:rgb(255 255 255 / .12);color:#ff5247}
/* ---- "cool" tidy-up (2026-10-08) ---- */
.bd4-ft .wrap{padding:72px 32px 0}
.bd4-ft .grid{align-items:start}
.bd4-ft .lbl{margin:0 0 12px;font-size:14px;font-weight:600;color:#ffffff;display:block}
.bd4-ft .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.bd4-ft .prods{gap:8px}
.bd4-ft .prod .ex{opacity:.55;margin-left:2px;transition:transform .3s ease,opacity .3s ease}
.bd4-ft .prod:hover .ex{opacity:1;transform:translate(2px,-2px)}
.bd4-ft form{margin-top:32px;gap:0}
.bd4-ft .row{gap:0;position:relative;max-width:360px;height:52px;border-radius:8px;background:rgb(255 255 255 / .06);box-shadow:inset 0 1px 0 rgb(255 255 255 / .08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.bd4-ft .row .field{height:52px;border-radius:8px;background:transparent;box-shadow:none;padding:0 64px 0 20px}
.bd4-ft .row .btn,.bd4-ft .row .btn:hover{position:absolute;right:6px;top:6px;width:40px;height:40px;padding:0;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#ffffff;color:#000313;box-shadow:none;transition:transform .3s ease}
.bd4-ft .row .btn:hover{transform:translateX(2px)}
.bd4-ft .apps{margin-top:16px}
.bd4-ft .app{border:0;background:rgb(255 255 255 / .06);box-shadow:inset 0 1px 0 rgb(255 255 255 / .08)}
.bd4-ft .app:hover{background:rgb(255 255 255 / .11)}
.bd4-ft h2.h{font-size:14px;font-weight:600;color:#ffffff;margin-bottom:8px}
.bd4-ft .lk{min-height:32px;color:#dfe4ea;transition:color .25s ease,transform .25s ease}
.bd4-ft .lk:hover{color:#ffffff;transform:translateX(3px)}
.bd4-ft .bottom{margin-top:56px;border-top:1px solid rgb(255 255 255 / .07)}
.bd4-ft .help{height:40px;padding:0 16px 0 12px;border-radius:8px;background:rgb(255 255 255 / .06);box-shadow:inset 0 1px 0 rgb(255 255 255 / .08);font-size:13px}
.bd4-ft .help:hover{background:rgb(255 255 255 / .11)}
/* hierarchy: headings lead (15/700 white), links follow (14/500 muted, white on hover) */
.bd4-ft h2.h,.bd4-ft .lbl{font-size:15px;font-weight:700;color:#ffffff;letter-spacing:0}
.bd4-ft h2.h{margin-bottom:10px}
.bd4-ft .lk{font-size:14px;font-weight:500;color:#a6b0d2}
.bd4-ft .help .ua{font-weight:700;letter-spacing:.04em}
@media (prefers-reduced-motion: reduce){.bd4-ft a,.bd4-ft .btn,.bd4-ft .ic{transition:none}}
.bd4-ft .wm{display:inline-block;line-height:0;margin-bottom:20px}
.bd4-ft .wm img{height:26px;width:auto;display:block;filter:brightness(0) invert(1)}

.bd4 .bd4-ft a[href^="https://threat.watch"]:hover{color:#e2c88a!important;text-decoration-color:rgb(200 167 95 / .6)!important}
.bd4 .bd4-ft a[href^="https://threat.watch"]:hover svg{color:#c8a75f;opacity:1}
@media (max-width:600px){.bd4 .bd4-ft form{max-width:380px!important}}/* the theme's grid sets a negative margin on .row */
.bd4 .bd4-ft .row{margin-left:0;margin-right:0}

/* parity: design footer inherits line-height normal, not the site body line-height */
.bd4 .bd4-ft, .bd4 .bd4-ft *{line-height:normal}
.bd4 .bd4-ft .app span{line-height:1.05}
.bd4 .bd4-ft .wm{line-height:0}
.bd4 .bd4-ft .app small{line-height:1.05}
.bd4 .bd4-ft .wm img{line-height:0}

/* owner 11 Oct: left column as three labelled groups stacked — TPRM product, free tool site, mobile apps */
.bd4-ft .fgrps{display:flex;flex-direction:column;gap:22px;margin-top:32px}
.bd4-ft .fgrp{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.bd4-ft .fgl{font-family:var(--bd-font-mono,"JetBrains Mono",monospace);font-size:11.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:rgb(255 255 255 / .55)}
.bd4-ft .fgrp .prods,.bd4-ft .fgrp .apps{margin-top:0!important}
/* responsive pass 16 Oct: at phone/tablet widths one column (12 columns with 32px gaps overflowed 360px screens), 16px gutter */
@media (max-width:900px){
.bd4-ft .grid{grid-template-columns:minmax(0,1fr);gap:0}
.bd4-ft .wrap{padding-left:16px;padding-right:16px}
}