
:root{
  --bg:#f5f3ee;
  --paper:#ffffff;
  --ink:#172536;
  --muted:#6c7784;
  --navy:#0e2f4e;
  --navy2:#245c87;
  --gold:#d4a437;
  --sand:#efe5d1;
  --line:#dde3e8;
  --soft:#edf4f8;
  --green:#2d7355;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,"Helvetica Neue",sans-serif;background:var(--bg);color:var(--ink);line-height:1.65}
a{text-decoration:none;color:inherit}
.container{width:min(1160px,calc(100% - 36px));margin:auto}
.topline{background:var(--navy);color:#e7eef4;padding:8px 0;font-size:.82rem}
.topline .container{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(9px);border-bottom:1px solid var(--line)}
.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{font-weight:900;letter-spacing:.07em}
.brand b{color:var(--gold)}
.links{display:flex;gap:22px;color:#586777;font-size:.92rem}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 17px;border-radius:12px;font-weight:800}
.btn.primary{background:var(--navy);color:white}
.btn.alt{background:white;border:1px solid #c9d3dc;color:var(--navy)}
.hero{padding:64px 0 50px}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.eyebrow{font-size:.75rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#986d17}
h1{font-family:Georgia,serif;font-size:clamp(2.8rem,6vw,5rem);line-height:1.02;letter-spacing:-.04em;margin:17px 0}
.lead{font-size:1.09rem;color:var(--muted)}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.hero-card{background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 20px 50px rgba(18,33,49,.09)}
.hero-card img{display:block;width:100%}
.hero-card figcaption{padding:12px 15px;color:var(--muted);font-size:.84rem}
.stats{background:var(--sand);border-block:1px solid #e1d2b5}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:20px 0;text-align:center}
.stats-grid strong{display:block;color:var(--navy);font-size:1.04rem}
.section{padding:62px 0}
.section.white{background:#fff;border-block:1px solid var(--line)}
.section-head{max-width:760px;margin:0 auto 30px;text-align:center}
.section-head h2{font-family:Georgia,serif;font-size:2.4rem;margin:0 0 8px}
.muted{color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card,.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}
.white .card{background:#fbfcfd}
.label{font-size:.72rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:var(--navy2)}
.safety{display:grid;grid-template-columns:1.08fr .92fr;gap:22px}
.callout{background:#eef7f2;border:1px solid #d3e8dc;border-radius:14px;padding:16px;color:#23553f}
.points{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.point{background:var(--soft);border:1px solid #dce7ee;border-radius:14px;padding:17px}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.step{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;border-top:4px solid var(--gold)}
.step span{display:block;color:#926815;font-weight:900;margin-bottom:7px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}
details{border-top:1px solid var(--line);padding:14px 0}
summary{cursor:pointer;font-weight:800}
.contact{padding:11px 0;border-bottom:1px solid var(--line)}
.contact:last-child{border-bottom:0}
footer{padding:30px 0 96px;border-top:1px solid var(--line);color:#788492;font-size:.86rem}
.footer-flex{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.cookie{display:none;position:fixed;left:16px;right:16px;bottom:16px;z-index:40;max-width:920px;margin:auto;background:#10263b;color:#fff;border-radius:16px;padding:16px;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 18px 55px rgba(0,0,0,.25)}
.cookie.show{display:flex}
.cookie p{margin:0;color:#dbe6ef;font-size:.9rem}
.cookie button{padding:10px 14px;border-radius:9px;font-weight:800;cursor:pointer}
.accept{background:#e2b548;color:#30220d;border:0}
.reject{background:transparent;color:#fff;border:1px solid #6e8293}
@media(max-width:900px){
  .hero-grid,.safety,.two{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr 1fr}
  .process,.stats-grid{grid-template-columns:1fr 1fr}
  .links{display:none}
}
@media(max-width:600px){
  .cards,.process,.stats-grid,.points{grid-template-columns:1fr}
  .cookie{flex-direction:column;align-items:flex-start}
}
