:root{
  --coal:#263137;--coal-deep:#1b2429;--coal-soft:#2f3c43;
  --ivory:#f5f1e8;--ivory2:#efe8d9;--line:#e2d9c7;
  --ink:#222b30;--ink-soft:#55636b;
  --brass:#b08d57;--brass-lite:#c9a673;--brass-deep:#9a7843;
  --serif:"Fraunces",Georgia,serif;--sans:"Hanken Grotesk",-apple-system,sans-serif;
  --maxw:1140px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--ivory);-webkit-font-smoothing:antialiased;line-height:1.5}
img{max-width:100%;display:block}
a{color:inherit}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(20px,5vw,40px)}
.eyebrow{font-family:var(--sans);font-weight:700;letter-spacing:.24em;text-transform:uppercase;font-size:.78rem;color:var(--brass-deep);display:inline-flex;align-items:center;gap:12px}
.eyebrow::before{content:"";width:30px;height:2px;background:var(--brass)}
.serif{font-family:var(--serif);font-weight:400}
em{font-style:italic;color:var(--brass-deep)}

/* NAV */
.nav{position:sticky;top:0;z-index:50;background:rgba(245,241,232,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}
.nav .brand{display:flex;align-items:center;gap:12px}
.nav .brand img{height:30px}
.nav .brand span{font-family:var(--sans);font-weight:700;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);border-left:1px solid var(--line);padding-left:12px}
.nav .ph{font-family:var(--sans);font-weight:700;font-size:.92rem;color:var(--coal);letter-spacing:.02em;text-decoration:none}
.nav .ph:hover{color:var(--brass-deep)}

/* HERO */
.hero{background:radial-gradient(120% 90% at 80% -10%,var(--coal-soft),var(--coal) 55%,var(--coal-deep));color:var(--ivory);padding:clamp(48px,7vw,90px) 0}
.hero .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(34px,5vw,70px);align-items:center}
.hero .badge{display:inline-block;background:var(--brass);color:var(--coal-deep);font-weight:800;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;padding:7px 15px;border-radius:5px;margin-bottom:22px}
.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(2.3rem,5vw,3.5rem);line-height:1.04;letter-spacing:-.01em}
.hero h1 em{color:var(--brass-lite)}
.hero .sub{font-size:clamp(1.02rem,1.6vw,1.18rem);line-height:1.65;color:rgba(245,241,232,.82);margin-top:20px;max-width:30em}
.hero .eyebrow{color:var(--brass-lite)}.hero .eyebrow::before{background:var(--brass-lite)}

/* MOCK */
.mock{position:relative;justify-self:center}
.mock img{width:clamp(280px,32vw,400px);border-radius:6px;box-shadow:0 40px 80px -24px rgba(0,0,0,.6),0 0 0 1px rgba(245,241,232,.08);transform:rotate(-2deg);transition:.4s}
.mock img:hover{transform:rotate(0)}
.mock .ribbon{position:absolute;top:-14px;right:-14px;background:var(--brass);color:var(--coal-deep);font-weight:800;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;padding:9px 14px;border-radius:6px;box-shadow:0 10px 24px rgba(0,0,0,.4);transform:rotate(3deg)}

/* FORM */
.form-card{background:var(--ivory);color:var(--ink);border-radius:14px;padding:26px 26px 24px;box-shadow:0 30px 60px -20px rgba(0,0,0,.5);margin-top:30px;max-width:430px}
.form-card .fh{font-family:var(--serif);font-size:1.25rem;color:var(--coal);margin-bottom:4px}
.form-card .fs{font-size:.9rem;color:var(--ink-soft);margin-bottom:18px}
.field{margin-bottom:12px}
.field input{width:100%;background:#fff;border:1px solid var(--line);border-radius:9px;padding:13px 15px;font-family:var(--sans);font-size:1rem;color:var(--ink);transition:.2s;outline:none}
.field input:focus{border-color:var(--brass);box-shadow:0 0 0 3px rgba(176,141,87,.15)}
.btn{display:block;width:100%;text-align:center;cursor:pointer;border:none;background:var(--coal);color:var(--ivory);font-family:var(--sans);font-weight:700;font-size:1.02rem;letter-spacing:.03em;padding:15px;border-radius:9px;transition:.25s;text-decoration:none}
.btn:hover{background:var(--coal-deep);transform:translateY(-1px)}
.btn--brass{background:linear-gradient(180deg,var(--brass-lite),var(--brass));color:var(--coal-deep)}
.btn--brass:hover{filter:brightness(1.04)}
.privacy{font-size:.74rem;color:var(--ink-soft);text-align:center;margin-top:12px}
.hp{position:absolute;left:-9999px}

/* INSIDE */
.section{padding:clamp(54px,8vw,96px) 0}
.section h2{font-family:var(--serif);font-weight:400;font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.1;color:var(--coal);margin-top:10px}
.inside-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}
.icard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 22px;position:relative}
.icard .n{font-family:var(--serif);font-size:1.5rem;color:var(--brass);line-height:1}
.icard .t{font-family:var(--sans);font-weight:700;font-size:1.02rem;color:var(--coal);margin:8px 0 6px}
.icard .d{font-size:.9rem;color:var(--ink-soft);line-height:1.55}
.icard .tag{position:absolute;top:18px;right:18px;font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--brass-deep);padding:4px 8px;border-radius:20px}
.icard .tag.crit{background:#9a3b34}.icard .tag.med{background:#7d6a44}

/* TRUST */
.trust{background:var(--coal);color:var(--ivory)}
.trust .grid{display:grid;grid-template-columns:auto 1fr;gap:34px;align-items:center}
.trust .av{width:120px;height:120px;border-radius:50%;padding:4px;background:linear-gradient(45deg,var(--brass),var(--brass-lite),var(--brass-deep));flex:0 0 auto}
.trust .av img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.trust h3{font-family:var(--serif);font-size:clamp(1.5rem,3vw,2rem);line-height:1.12}
.trust h3 em{color:var(--brass-lite)}
.trust p{color:rgba(245,241,232,.78);margin-top:12px;max-width:46em;line-height:1.65}
.trust .stats{display:flex;gap:34px;margin-top:22px;flex-wrap:wrap}
.trust .stat .v{font-family:var(--serif);font-size:1.7rem;color:var(--brass-lite)}
.trust .stat .l{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(245,241,232,.6)}

/* CTA strip */
.ctab{background:linear-gradient(180deg,var(--ivory),var(--ivory2));text-align:center}
.ctab h2{max-width:18em;margin:0 auto}
.ctab .btn{display:inline-block;width:auto;padding:15px 34px;margin-top:24px}

/* FOOTER */
.foot{background:var(--coal-deep);color:rgba(245,241,232,.6);padding:40px 0;font-size:.84rem}
.foot .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.foot img{height:40px;opacity:.9}
.foot a{color:var(--brass-lite);text-decoration:none}

@media(max-width:820px){
  .hero .grid{grid-template-columns:1fr;gap:30px}
  .mock{order:-1}.mock img{transform:none}
  .inside-grid{grid-template-columns:1fr 1fr}
  .trust .grid{grid-template-columns:1fr;text-align:center;justify-items:center}
  .nav .brand span{display:none}
}
@media(max-width:520px){.inside-grid{grid-template-columns:1fr}}

/* ===== REPORT-STYLE HERO (v2) ===== */
.report{background:var(--ivory);padding:clamp(34px,5vw,64px) 0 clamp(48px,7vw,80px);position:relative}
.report::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--brass-deep),var(--brass-lite),var(--brass))}
.report .grid{display:grid;grid-template-columns:1.18fr .82fr;gap:clamp(30px,4vw,58px);align-items:start}
.rcopy .rk{color:var(--brass-deep)}
.rcopy h1{font-family:var(--serif);font-weight:500;font-size:clamp(1.9rem,3.6vw,2.9rem);line-height:1.08;color:var(--coal);margin:14px 0 0;letter-spacing:-.01em}
.rcopy h1 em{color:var(--brass-deep)}
.rcopy .subh{font-family:var(--sans);font-weight:700;font-size:clamp(1.05rem,1.7vw,1.25rem);color:var(--coal);margin:18px 0 22px}
.rcopy p{font-size:1rem;line-height:1.7;color:#3a454c;margin-bottom:15px}
.rcopy p strong{color:var(--coal);font-weight:700}
.rcopy .rep-title{font-style:italic;color:var(--brass-deep);font-weight:600}
/* sticky form column */
.formwrap{position:sticky;top:88px}
.rform{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 26px 60px -26px rgba(38,49,55,.4);overflow:hidden}
.rform .fhead{background:var(--coal);color:var(--ivory);padding:18px 24px;text-align:center}
.rform .fhead .gt{display:flex;align-items:center;justify-content:center;gap:14px}
.rform .fhead img{width:64px;border-radius:4px;box-shadow:0 6px 16px rgba(0,0,0,.4)}
.rform .fhead .ft{font-family:var(--serif);font-size:1.18rem;line-height:1.15;text-align:left}
.rform .fbody{padding:22px 24px 24px}
.rform .field{margin-bottom:11px}
.rform .field input{width:100%;background:#fbfaf7;border:1px solid var(--line);border-radius:9px;padding:13px 15px;font-family:var(--sans);font-size:1rem;color:var(--ink);outline:none;transition:.2s}
.rform .field input:focus{border-color:var(--brass);box-shadow:0 0 0 3px rgba(176,141,87,.15);background:#fff}
.consent{display:flex;gap:10px;align-items:flex-start;margin:8px 0 16px;font-size:.74rem;color:var(--ink-soft);line-height:1.5}
.consent input{margin-top:3px;flex:0 0 auto;width:16px;height:16px;accent-color:var(--brass-deep)}
.consent a{color:var(--brass-deep)}
.rform .btn{font-size:1.05rem;padding:16px}
.rform .callnow{text-align:center;margin-top:14px;font-size:.92rem;color:var(--ink-soft)}
.rform .callnow a{color:var(--brass-deep);font-weight:700;text-decoration:none}
.trust .av img{object-position:center 28%}
@media(max-width:860px){
  .report .grid{grid-template-columns:1fr;gap:28px}
  .formwrap{position:static;order:-1}
}

/* ===== VISUAL HERO (shows the report) ===== */
.vhero{background:radial-gradient(120% 100% at 72% -10%,var(--coal-soft),var(--coal) 52%,var(--coal-deep));color:var(--ivory);padding:clamp(40px,6vw,78px) 0}
.vhero .vgrid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,60px);align-items:center}
.vhero .badge{display:inline-block;background:var(--brass);color:var(--coal-deep);font-weight:800;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;padding:7px 15px;border-radius:5px;margin-bottom:18px}
.vhero h1{font-family:var(--serif);font-weight:400;font-size:clamp(2.05rem,4.4vw,3.1rem);line-height:1.06}
.vhero h1 em{color:var(--brass-lite)}
.vhero .vp{font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.62;color:rgba(245,241,232,.82);margin-top:16px;max-width:30em}
.vhero .vbtn{display:inline-block;width:auto;padding:15px 32px;margin-top:26px}
.vmock{position:relative;justify-self:center}
.vmock img{width:clamp(250px,28vw,360px);border-radius:8px;box-shadow:0 44px 90px -22px rgba(0,0,0,.7),0 0 0 1px rgba(245,241,232,.08);transform:perspective(1300px) rotateY(-10deg) rotateX(2deg)}
.vtag{position:absolute;top:16px;left:16px;z-index:3;background:var(--brass);color:var(--coal-deep);font-weight:800;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;padding:8px 13px;border-radius:6px;box-shadow:0 12px 26px rgba(0,0,0,.45)}
@media(max-width:860px){.vhero .vgrid{grid-template-columns:1fr;gap:24px}.vmock{order:-1}.vmock img{transform:none}}
