/*
 * Identity layer for Hacked Site Rescue.
 * Isolated to this replica; commercial copy and layout remain unchanged.
 */
:root {
  --navy:#171516; --navy-2:#251F21; --navy-3:#37272B;
  --ink:#221B1D; --paper:#F7F3F1; --muted:#74666A; --line:#E1D5D5;
  --blue:#C73545; --blue-bright:#E04A58; --cyan:#36B6A4;
  --amber:#F09A47; --danger:#D73343;
  --soft-blue:#F9E5E7; --soft-cyan:#E7F6F2;
  --radius:4px;
  --sans:'IBM Plex Sans', sans-serif; --serif:'IBM Plex Sans', sans-serif;
  --shadow:0 28px 80px color-mix(in srgb, var(--navy) 18%, transparent);
}
body {font-family:var(--sans);}
h1,h2,.service-grid h3,.protocol-list h3,.specialist-card h3,.article-content>p,
.article-content>ul li,.article-content>ol li,.brand strong,.big-copy {font-family:var(--serif);}
.brand strong {font-family:var(--sans);font-weight:800;}
.brand-symbol {background:var(--navy);border-radius:var(--radius);color:#fff;}
.brand-symbol svg {width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;}
.site-header {background:color-mix(in srgb, var(--paper) 92%, transparent);}
.hero,.page-hero,.article-head {
  background:linear-gradient(122deg,color-mix(in srgb,var(--paper) 94%,#fff),color-mix(in srgb,var(--soft-blue) 68%,var(--paper)));
}
.hero:before {background-image:linear-gradient(color-mix(in srgb,var(--blue) 7%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--blue) 7%,transparent) 1px,transparent 1px);}
.hero:after,.page-hero:after,.article-head:after {border-color:color-mix(in srgb,var(--blue) 18%,transparent);}
.button-primary {box-shadow:0 14px 34px color-mix(in srgb,var(--blue) 28%,transparent);}
.button-primary:hover {background:var(--blue-bright);}
.header-cta-visible {background:var(--amber);border-color:color-mix(in srgb,var(--amber) 75%,var(--navy));color:var(--navy);box-shadow:0 10px 28px color-mix(in srgb,var(--amber) 28%,transparent);}
.header-cta-visible:hover {background:color-mix(in srgb,var(--amber) 82%,#fff);}
.evidence {background:color-mix(in srgb,var(--paper) 78%,var(--line));}
.faq {background:color-mix(in srgb,var(--paper) 92%,var(--line));}
.site-footer {background:color-mix(in srgb,var(--navy) 88%,#000);}
.footer-brand .brand-symbol {background:#fff;color:var(--navy);}
.specialist-card,.closing,.mobile-emergency,.trust-rail {background:var(--blue);}
.incident-console,.protocol {background:var(--navy);}
.service-grid>a,.post-grid article,.seo-check-grid article,.guide-hub-grid a {border-radius:calc(var(--radius) * .55);}
@media(max-width:600px) {
  .brand>span:last-child {max-width:190px;}
  .brand strong {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
}


/* Sans-only hierarchy: identity is built with weight, scale and spacing. */
body {font-family:var(--sans);font-weight:400;}
h1,h2,h3,.big-copy,.article-content>p,.article-content>ul li,.article-content>ol li,
.service-grid h3,.protocol-list h3,.specialist-card h3 {
  font-family:var(--sans);
  font-style:normal;
}
h1 {font-weight:700;letter-spacing:-.052em;}
h2 {font-weight:700;letter-spacing:-.048em;}
h3,.service-grid h3,.protocol-list h3,.specialist-card h3 {font-weight:600;letter-spacing:-.035em;}
h1 em,h2 em,.hero h1 em,.blog-hero h1 em {
  font-family:var(--sans);
  font-weight:600;
  font-style:italic;
  letter-spacing:-.045em;
}
.big-copy,.article-content>p,.article-content>ul li,.article-content>ol li {
  font-weight:450;
  letter-spacing:-.018em;
}
.kicker,.button,.brand strong,.site-header nav a {font-family:var(--sans);font-weight:800;}

/* Layout differentiation v1 — 2026-07-27 */
@media (min-width: 901px) {
  .hero-grid{grid-template-columns:minmax(400px,.92fr) minmax(0,1.08fr);gap:72px}
  .hero-copy{order:2}.incident-console{order:1}
  .incident-console{border-radius:0;border:1px solid color-mix(in srgb,var(--blue) 55%,transparent)}
  .trust-rail .wrap{grid-template-columns:repeat(2,1fr)}
  .trust-rail span{min-height:58px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.18)}
  .split-heading{grid-template-columns:1.2fr .8fr}
  .service-grid{gap:0;transform:skewY(-1deg);margin-block:20px}
  .service-grid>a{transform:skewY(1deg);min-height:400px}
  .protocol-grid{display:block}.protocol-sticky{position:static;display:grid;grid-template-columns:1fr 1fr;gap:30px 80px;margin-bottom:55px}
  .protocol-sticky .button{align-self:end;justify-self:start}
  .protocol-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 52px}
  .evidence-grid{grid-template-columns:1fr 1fr}
}
.service-grid>a,.evidence-card,.specialist-card{border-radius:0}
.closing-grid{grid-template-columns:1fr 1fr}
/* Console identity: containment terminal */
.incident-console{background:#09090b;border:1px solid var(--danger);box-shadow:12px 12px 0 color-mix(in srgb,var(--danger) 25%,transparent)}
.incident-console:before{background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 4px)}
.console-head{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:var(--danger);color:#fff}
.console-head i{background:#fff;box-shadow:none}.console-head b{color:#fff}
.console-label{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1.35rem;color:#fff}
.console-label:before{content:"> ";color:var(--danger)}
.console-body>a{grid-template-columns:30px 1fr 28px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;border-top:1px dashed rgba(255,255,255,.18)}
.console-body>a:before{content:"[";color:var(--danger);position:absolute}
.console-icon{width:26px;height:26px;border:0;background:transparent;color:var(--danger)}
.console-body strong{font-size:.76rem}.console-body small{color:#8f9297}
.console-foot{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#151518}
/* Header/footer identity: security command bar */
.confidence-bar{background:var(--danger)}
@media (min-width:901px){
  .site-header{background:#0b0b0d;border-bottom:1px solid rgba(255,255,255,.14)}
  .site-header .brand strong,.site-header nav a{color:#fff}.site-header .brand small{color:#8f9297}
  .site-header nav a{text-transform:uppercase;letter-spacing:.08em;font-size:.66rem}
  .header-inner{min-height:78px}.header-action .status-badge{display:none}
  .footer-lead{display:block;max-width:900px}.footer-lead>div:last-child{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;margin-top:30px}
  .footer-grid{grid-template-columns:1.7fr .65fr .65fr}
}
.site-footer{background:#050506;border-top:1px solid var(--danger)}
.footer-grid{border-top:1px dashed rgba(255,255,255,.2)}
.footer-grid>div>strong{color:var(--danger);text-transform:uppercase;letter-spacing:.1em}
@media (max-width: 900px) {
  .closing-grid{display:grid;grid-template-columns:1fr;text-align:left}
  .closing-grid>div:last-child{width:100%}
}