
:root { --red:#e63c42; --ink:#121212; --cream:#f2eee7; --muted:#6c6a66; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:#fff; font-family:Arial, Helvetica, sans-serif; }
a { color:inherit; text-decoration:none; }
.header { height:84px; max-width:1240px; margin:auto; padding:0 32px; display:flex; align-items:center; justify-content:space-between; position:absolute; inset:0 0 auto; z-index:3; border-bottom:1px solid #ffffff24; }
.brand { font-size:19px; font-weight:800; letter-spacing:.13em; }
.brand span { color:var(--red); margin-right:5px; }
nav { display:flex; gap:28px; font-size:13px; color:#d4d4d4; }
nav a:hover { color:#fff; }
.headerPhone { font-size:14px; font-weight:700; }
.hero { min-height:760px; padding:170px max(32px,calc((100vw - 1176px)/2)) 80px; position:relative; overflow:hidden; background:radial-gradient(circle at 80% 24%,#482325 0,transparent 30%),linear-gradient(135deg,#171717,#0d0d0d 70%); }
.heroGlow { position:absolute; width:520px; height:520px; right:-80px; top:160px; border:1px solid #e63c4240; border-radius:50%; box-shadow:0 0 0 75px #e63c4208,0 0 0 150px #e63c4205; }
.eyebrow,.sectionHead span { color:var(--red); font-size:12px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; }
h1 { max-width:940px; margin:25px 0 28px; font-family:Georgia,serif; font-size:clamp(58px,7.4vw,105px); font-weight:400; line-height:.94; letter-spacing:-.045em; position:relative; }
h1 em { color:var(--red); font-weight:400; }
.heroText { max-width:650px; color:#c8c8c8; font-size:20px; line-height:1.55; position:relative; }
.heroActions { display:flex; gap:14px; margin-top:38px; position:relative; }
.primary,.secondary { padding:17px 24px; border-radius:3px; font-size:14px; font-weight:700; }
.primary { background:var(--red); }
.primary:hover { background:#f14950; }
.secondary { border:1px solid #ffffff3d; }
.heroFacts { max-width:800px; display:grid; grid-template-columns:repeat(3,1fr); gap:32px; margin-top:82px; padding-top:24px; border-top:1px solid #ffffff24; position:relative; }
.heroFacts div { display:flex; flex-direction:column; gap:6px; }
.heroFacts strong { font-family:Georgia,serif; font-size:21px; font-weight:400; }
.heroFacts span { color:#909090; font-size:12px; }
.lightSection,.darkSection,.contactSection { padding:105px max(32px,calc((100vw - 1176px)/2)); }
.lightSection { background:var(--cream); color:var(--ink); }
.sectionHead { display:flex; justify-content:space-between; align-items:start; gap:30px; margin-bottom:55px; }
.sectionHead h2,.contactCopy h2 { margin:0; font-family:Georgia,serif; font-size:clamp(38px,4.6vw,63px); font-weight:400; line-height:1.08; letter-spacing:-.035em; }
.cardGrid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.riskCard { min-height:270px; padding:30px; background:#fff; border-top:3px solid var(--red); }
.riskMark { width:38px; height:38px; display:grid; place-items:center; border:1px solid #e63c424d; color:var(--red); border-radius:50%; font-family:Georgia,serif; font-size:22px; }
.riskCard h3,.steps h3 { margin:30px 0 12px; font-size:19px; }
.riskCard p,.steps p,.contactCopy>p { margin:0; color:var(--muted); font-size:15px; line-height:1.7; }
.darkSection { background:#181818; }
.inverse h2 { color:#fff; }
.steps { border-top:1px solid #ffffff28; }
.steps article { display:grid; grid-template-columns:100px 1fr; gap:30px; padding:34px 0; border-bottom:1px solid #ffffff28; }
.steps b { color:var(--red); font:400 27px Georgia,serif; }
.steps h3 { margin:0 0 9px; }
.steps p { color:#999; max-width:650px; }
.contactSection { display:grid; grid-template-columns:1.05fr .95fr; gap:80px; background:var(--cream); color:var(--ink); }
.tag { display:inline-block; margin-bottom:22px; color:var(--red); font-size:12px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
.contactCopy>p { max-width:540px; margin-top:25px; }
.direct { display:flex; flex-direction:column; gap:7px; margin-top:30px; font-weight:700; }
.direct a:last-child { color:var(--red); font-size:14px; }
.leadForm { background:#fff; padding:32px; box-shadow:0 20px 60px #21130d13; }
.leadForm label { display:flex; flex-direction:column; gap:8px; margin-bottom:18px; font-size:12px; font-weight:700; }
.leadForm input { width:100%; padding:14px 0; border:0; border-bottom:1px solid #d4d0ca; outline:none; font:15px Arial; background:transparent; }
.leadForm input:focus { border-color:var(--red); }
.leadForm .check { flex-direction:row; align-items:flex-start; font-weight:400; color:#777; line-height:1.4; }
.leadForm .check input { width:16px; margin:1px 5px 0 0; }
.leadForm .check a { text-decoration:underline; }
.leadForm button { width:100%; padding:17px; border:0; border-radius:2px; background:var(--red); color:#fff; font-weight:700; cursor:pointer; }
.leadForm small { display:block; margin-top:12px; color:#999; text-align:center; }
footer { max-width:1176px; margin:auto; padding:35px 0; display:flex; justify-content:space-between; color:#888; font-size:12px; }
footer .brand { color:#fff; }
@media(max-width:760px) {
  .header { height:68px; padding:0 20px; } nav { display:none; } .headerPhone { font-size:12px; }
  .hero { min-height:auto; padding:130px 20px 55px; } .heroGlow { opacity:.6; }
  h1 { font-size:53px; } .heroText { font-size:17px; }
  .heroActions { flex-direction:column; align-items:stretch; text-align:center; }
  .heroFacts { grid-template-columns:1fr; gap:17px; margin-top:50px; }
  .lightSection,.darkSection,.contactSection { padding:70px 20px; }
  .sectionHead { flex-direction:column; margin-bottom:38px; }
  .cardGrid { grid-template-columns:1fr; }
  .riskCard { min-height:auto; }
  .contactSection { grid-template-columns:1fr; gap:40px; }
  .leadForm { padding:24px 20px; }
  footer { margin:0 20px; gap:20px; flex-wrap:wrap; }
}
