/* SuppliersVet — dark titanium theme */
:root{
  --bg:#0e0f11;
  --panel:#15171a;
  --panel2:#191c20;
  --hair:#2a2e33;
  --hair2:#3a3f45;
  --text:#e7e8ea;
  --muted:#9ba0a7;
  --silver:#c9ced6;
  --steel:#8fb0c9;
  --gold:#c9a86a;
  --gold-bg:#221e16;
  --green:#7fae94;
  --green-bg:#151c18;
  --red:#c96a5e;
  --red-bg:#1e1513;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--text);line-height:1.65;
     font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;}
.serif{font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;}
.wrap{max-width:1060px;margin:0 auto;padding:0 28px;}
a{color:inherit;}
img{max-width:100%;}
.metal-text{background:linear-gradient(180deg,#f4f5f7 0%,#b7bdc6 55%,#8e949d 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;}

/* header */
header.site{border-bottom:1px solid var(--hair);background:linear-gradient(180deg,#141518,#0e0f11);}
.nav{display:flex;align-items:baseline;justify-content:space-between;height:76px;}
.wordmark{font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  font-size:22px;letter-spacing:.2px;text-decoration:none;font-weight:600;color:var(--silver);}
.nav-right{display:flex;align-items:baseline;gap:30px;font-size:14px;color:var(--muted);}
.nav-right a{text-decoration:none;}
.nav-right a:hover{color:var(--text);}
.nav-cta{color:var(--silver);border-bottom:1px solid var(--silver);padding-bottom:2px;font-weight:500;}

/* buttons */
.btn{display:inline-block;font-size:15px;text-decoration:none;padding:13px 26px;border:1px solid var(--hair2);transition:.15s;}
.btn-solid{background:linear-gradient(180deg,#e9ebef,#b6bcc5);color:#101215;font-weight:600;border:none;}
.btn-solid:hover{background:linear-gradient(180deg,#f4f5f8,#c8cdd5);}
.btn-quiet{color:var(--silver);}
.btn-quiet:hover{background:var(--panel2);}
.btn-soon{background:var(--panel2);color:var(--muted);border:1px dashed var(--hair2);cursor:default;font-weight:500;}
.soon-note{display:block;font-size:12.5px;color:var(--muted);margin-top:10px;}
.soon-note a{color:var(--steel);text-decoration:none;}
.soon-note a:hover{text-decoration:underline;}

/* hero */
.hero{padding:96px 0 0;
  background:radial-gradient(1200px 480px at 20% -10%,rgba(143,176,201,.07),transparent 60%);}
.eyebrow{font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--steel);font-weight:600;margin-bottom:28px;}
h1{font-size:clamp(38px,5.2vw,58px);font-weight:500;letter-spacing:-.01em;line-height:1.12;max-width:15em;}
h1 em{font-style:italic;}
.hero-sub{max-width:34em;margin:30px 0 40px;font-size:18px;color:var(--muted);}
.cta-row{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start;margin-bottom:72px;}
.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);}
.fact{padding:22px 26px 22px 0;font-size:14px;color:var(--muted);}
.fact + .fact{border-left:1px solid var(--hair);padding-left:26px;}
.fact b{display:block;color:var(--silver);font-weight:600;margin-bottom:2px;}

/* sections */
section{padding:88px 0;}
.panelsec{background:linear-gradient(180deg,#121417,#0e0f11);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);}
.rule-label{font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--steel);font-weight:600;margin-bottom:20px;}
h2{font-size:clamp(28px,3.4vw,38px);font-weight:500;letter-spacing:-.01em;line-height:1.2;}

/* problem */
.problem-grid{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:start;}
.problem-copy p{color:var(--muted);margin-bottom:20px;font-size:16px;}
.problem-copy p b{color:var(--text);font-weight:600;}

/* services index */
.svc{border-top:1px solid var(--hair2);margin-top:52px;}
.svc-row{display:grid;grid-template-columns:70px 1fr 200px 190px;gap:28px;padding:40px 0;border-bottom:1px solid var(--hair);align-items:start;}
.svc-num{font-family:"Iowan Old Style",Palatino,Georgia,serif;font-size:15px;color:var(--muted);padding-top:6px;}
.svc-title{font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;font-size:26px;font-weight:500;margin-bottom:10px;color:var(--silver);}
.svc-title a{text-decoration:none;}
.svc-title a:hover{color:#fff;}
.svc-desc{font-size:15px;color:var(--muted);margin-bottom:14px;max-width:36em;}
.svc-list{list-style:none;font-size:14.5px;color:var(--muted);}
.svc-list li{padding:3px 0 3px 20px;position:relative;}
.svc-list li::before{content:"—";position:absolute;left:0;color:var(--hair2);}
.svc-price{text-align:right;}
.svc-price .amount{font-family:"Iowan Old Style",Palatino,Georgia,serif;font-size:30px;font-weight:500;color:var(--silver);}
.svc-price .unit{display:block;font-size:12.5px;color:var(--muted);margin-top:2px;}
.svc-price .strike{font-size:13px;color:#6d7178;text-decoration:line-through;margin-left:6px;}
.svc-cta{text-align:right;padding-top:6px;}
.svc-cta a{font-size:14px;text-decoration:none;border-bottom:1px solid var(--silver);padding-bottom:2px;font-weight:500;color:var(--silver);}
.svc-cta a:hover{color:#fff;border-color:#fff;}
.scope-note{border-left:2px solid var(--gold);background:var(--gold-bg);padding:14px 20px;font-size:14px;color:var(--gold);margin-top:6px;max-width:36em;}
.scope-note b{letter-spacing:.04em;}

/* method */
.method-grid{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:start;margin-top:8px;}
.src-list{list-style:none;border-top:1px solid var(--hair);}
.src-list li{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--hair);font-size:15px;color:var(--silver);}
.src-list .src-note{color:var(--muted);font-size:13.5px;text-align:right;}
.boundaries{margin-top:44px;padding-top:28px;border-top:1px solid var(--hair2);}
.boundaries h3{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--silver);margin-bottom:14px;font-weight:600;}
.boundaries p{color:var(--muted);font-size:15.5px;max-width:44em;}

/* verdicts */
.verdict-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair);margin-top:48px;}
.verdict{background:var(--panel);padding:30px 28px;}
.verdict .sw{width:12px;height:12px;display:inline-block;margin-right:10px;}
.sw-g{background:var(--green);}
.sw-y{background:var(--gold);}
.sw-r{background:var(--red);}
.verdict h3{font-family:"Iowan Old Style",Palatino,Georgia,serif;font-size:20px;font-weight:500;display:inline;color:var(--silver);}
.verdict p{font-size:14px;color:var(--muted);margin-top:12px;}

/* process */
.proc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:52px;}
.proc .p-num{font-family:"Iowan Old Style",Palatino,Georgia,serif;font-size:34px;color:var(--hair2);}
.proc h3{font-size:16px;font-weight:600;margin:10px 0 8px;color:var(--silver);}
.proc p{font-size:14px;color:var(--muted);}

/* FAQ */
.faq-list{margin-top:44px;border-top:1px solid var(--hair2);}
details{border-bottom:1px solid var(--hair);}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:baseline;
  padding:22px 0;font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  font-size:19px;font-weight:500;color:var(--silver);}
summary::-webkit-details-marker{display:none;}
summary::after{content:"+";font-size:22px;color:var(--muted);font-weight:400;}
details[open] summary::after{content:"–";}
details p{padding:0 0 24px;color:var(--muted);font-size:15px;max-width:44em;}

/* final */
.final{border-top:1px solid var(--hair);}
.final-inner{padding:88px 0;}
.final h2{max-width:18em;}
.final p{color:var(--muted);margin:20px 0 36px;font-size:16px;}
.final .cta-row{margin-bottom:0;}

/* footer */
footer{border-top:1px solid var(--hair);padding:48px 0 56px;font-size:12.5px;color:var(--muted);background:#0b0c0e;}
.foot-top{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:16px;margin-bottom:22px;}
.foot-links{display:flex;gap:22px;flex-wrap:wrap;margin-bottom:26px;font-size:13px;}
.foot-links a{text-decoration:none;color:var(--muted);}
.foot-links a:hover{color:var(--text);}
.disc{max-width:52em;line-height:1.75;}

/* breadcrumb */
.crumb{font-size:13px;color:var(--muted);margin-bottom:30px;}
.crumb a{color:var(--muted);text-decoration:none;}
.crumb a:hover{color:var(--text);}
.crumb span{color:var(--silver);}

/* product page */
.p-hero{padding:72px 0 0;}
.p-specs{display:flex;gap:48px;flex-wrap:wrap;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);padding:22px 0;margin:56px 0 0;}
.p-specs div b{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:4px;}
.p-specs div span{font-family:"Iowan Old Style",Palatino,Georgia,serif;font-size:21px;color:var(--silver);}
.p-body{padding:64px 0;}
.p-cols{display:grid;grid-template-columns:7fr 5fr;gap:64px;align-items:start;}
.p-body h3{font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:var(--steel);font-weight:600;margin:36px 0 16px;}
.p-body h3:first-child{margin-top:0;}
.p-body p{color:var(--muted);font-size:15.5px;margin-bottom:16px;max-width:42em;}
.side-card{background:var(--panel);border:1px solid var(--hair);padding:32px;position:sticky;top:24px;}
.side-card .amount{font-family:"Iowan Old Style",Palatino,Georgia,serif;font-size:40px;color:var(--silver);}
.side-card .unit{color:var(--muted);font-size:13px;margin-bottom:22px;}
.side-card .btn{width:100%;text-align:center;margin-bottom:6px;}
.side-card ul{list-style:none;margin-top:22px;border-top:1px solid var(--hair);padding-top:16px;font-size:13.5px;color:var(--muted);}
.side-card ul li{padding:4px 0;}
.related{border-top:1px solid var(--hair);padding:48px 0;}
.related h3{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:20px;}
.rel-links{display:flex;gap:28px;flex-wrap:wrap;font-family:"Iowan Old Style",Palatino,Georgia,serif;font-size:18px;}
.rel-links a{text-decoration:none;color:var(--silver);border-bottom:1px solid var(--hair2);padding-bottom:3px;}
.rel-links a:hover{color:#fff;border-color:#fff;}

/* legal pages */
.legal-body{padding:72px 0;}
.legal-body h2{font-size:22px;margin:44px 0 14px;color:var(--silver);}
.legal-body h2:first-of-type{margin-top:36px;}
.legal-body p,.legal-body li{color:var(--muted);font-size:15.5px;max-width:46em;margin-bottom:14px;}
.legal-body ul{padding-left:22px;margin-bottom:18px;}
.legal-body li{margin-bottom:8px;}
.legal-body b{color:var(--text);}
.effective{font-size:13px;color:var(--muted);margin-bottom:8px;}

/* sample report */
.sample-banner{background:var(--gold-bg);border:1px solid var(--gold);color:var(--gold);
  font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;
  text-align:center;padding:10px 16px;margin:32px 0 0;}
.report{background:var(--panel);border:1px solid var(--hair);padding:48px;margin:40px 0;}
.report h3{font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:var(--steel);font-weight:600;margin:32px 0 12px;}
.report h3:first-child{margin-top:0;}
.report table{width:100%;border-collapse:collapse;font-size:14px;margin-bottom:8px;}
.report th{text-align:left;color:var(--muted);font-weight:600;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;
  border-bottom:1px solid var(--hair2);padding:10px 14px 10px 0;width:32%;vertical-align:top;}
.report td{color:var(--text);border-bottom:1px solid var(--hair);padding:10px 0;vertical-align:top;}
.report p{color:var(--muted);font-size:15px;margin-bottom:14px;}
.verdict-line{border-left:3px solid var(--gold);background:var(--gold-bg);padding:16px 20px;color:var(--gold);font-size:15px;margin:20px 0;}
.watermark{position:relative;}
.watermark::after{content:"SAMPLE";position:absolute;inset:auto 8% 40% auto;font-family:Georgia,serif;font-size:110px;
  color:rgba(201,206,214,.05);transform:rotate(-18deg);pointer-events:none;font-weight:700;}

@media(max-width:880px){
  .nav-right .hide-m{display:none;}
  .hero{padding-top:64px;}
  .facts{grid-template-columns:1fr;}
  .fact + .fact{border-left:none;border-top:1px solid var(--hair);padding-left:0;}
  .problem-grid,.method-grid,.p-cols{grid-template-columns:1fr;gap:32px;}
  .svc-row{grid-template-columns:1fr;gap:12px;}
  .svc-price,.svc-cta{text-align:left;}
  .proc-grid{grid-template-columns:1fr 1fr;}
  .verdict-grid{grid-template-columns:1fr;}
  .side-card{position:static;}
  .report{padding:28px 20px;}
}
