:root{
  --bg:#f7f3ef;--panel:#fff;--ink:#182230;--muted:#667085;--soft:#8a6f63;
  --line:#e8ded6;--red:#a3272a;--red2:#7e1519;--cream:#fffaf6;
  --max:1180px;--shadow:0 18px 50px rgba(24,34,48,.08)
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.5}
a{color:var(--red);text-decoration:none}a:hover{color:var(--red2);text-decoration:underline}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}.main{padding:18px 0 48px}

/* Premium compact header: desktop/iPad logo left of navigation */
.hdr{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-bottom:1px solid rgba(232,222,214,.9)}
.hdr__center{display:flex;align-items:center;justify-content:center;gap:14px;padding:5px 0}
.header-logo-link{display:block;flex:0 0 auto;line-height:0;text-decoration:none}
.header-logo-img{width:72px;max-width:72px;height:auto;display:block}
.hdr__right{display:flex;flex-direction:column;gap:3px;align-items:flex-start}
.hdr__nav{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center;justify-content:flex-start}
.hdr__nav a{display:inline-flex;align-items:center;justify-content:center;color:#5d6675;font-weight:850;font-size:12px;text-decoration:none;padding:5px 7px;border-radius:999px;border:1px solid transparent;line-height:1.1}
.hdr__nav a:hover{color:var(--ink);background:#f5f2ef;border-color:var(--line);text-decoration:none}
.hdr__nav .nav-cta{background:var(--red);border-color:var(--red);color:#fff;padding:7px 12px}
.hdr__nav .nav-cta:hover{background:var(--red2);color:#fff}
.fine{font-size:12px;color:var(--muted)}
.top-contact{font-size:12px;color:var(--soft);text-align:left;font-weight:650}
.top-contact a{color:var(--red)}.sep{margin:0 6px;color:#b3a7a0}

/* Premium hero */
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#fffaf6 65%,#f7ede8 100%);border:1px solid var(--line);border-radius:26px;padding:34px;box-shadow:var(--shadow)}
.hero:before{content:"";position:absolute;right:-120px;top:-120px;width:310px;height:310px;background:radial-gradient(circle,rgba(163,39,42,.14),rgba(163,39,42,0) 66%);pointer-events:none}
.hero-split{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) 360px;gap:26px;align-items:stretch}
.hero-panel{background:rgba(255,255,255,.86);border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 14px 38px rgba(24,34,48,.08)}
.kicker{color:var(--red);font-weight:950;letter-spacing:.11em;text-transform:uppercase;font-size:12px;margin-bottom:8px}
h1,h2,h3{font-family:inherit;color:var(--ink)}
h1{font-size:48px;line-height:1.03;letter-spacing:-1.1px;margin:8px 0 16px;max-width:820px}
h2{font-size:24px;line-height:1.18;margin:0 0 10px}
h3{font-size:17px;line-height:1.2;margin:0 0 10px}
.lead{font-size:20px;color:var(--muted);max-width:760px;margin:0}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.btn,button.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:999px;background:var(--red);color:#fff;font-weight:950;text-decoration:none;border:1px solid var(--red);font-size:16px;cursor:pointer;box-shadow:0 10px 22px rgba(163,39,42,.16)}
.btn:hover,button.btn:hover{background:var(--red2);color:#fff;text-decoration:none}
.btn--ghost{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}
.btn--ghost:hover{background:#f8f5f2;color:var(--ink)}
.pillrow{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.pill{font-size:12px;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 10px}
.big-price{font-size:42px;line-height:1;color:var(--red);font-weight:950;margin:12px 0 10px;letter-spacing:-.5px}
.price-breakdown{list-style:none;margin:10px 0 0;padding:0;color:var(--muted);font-size:14px}
.price-breakdown li{margin:5px 0}

.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;margin-top:16px}.col-6{grid-column:span 6}
.card,.route-card,.trust-card,.how-step,.conversion-item{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 10px 28px rgba(24,34,48,.045)}
.card{margin-top:16px}.card p,.route-card p{color:var(--muted);margin:0 0 10px}
.service-route{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px;align-items:start}
.trust-card{text-align:center}
.trust-link,.link{font-weight:950}


.how-steps{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px}
.how-step:before{counter-increment:step;content:counter(step);display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:var(--red);color:#fff;font-weight:900;margin-bottom:10px}

.form{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;max-width:780px;box-shadow:0 10px 28px rgba(17,24,39,.04)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-row .full{grid-column:1/-1}
label{display:grid;gap:6px;margin-top:12px;font-weight:800}
input,textarea,select{width:100%;padding:11px 12px;border:1px solid #d8d1ca;border-radius:12px;background:#fff;font-size:16px;font-family:inherit}
textarea{resize:vertical}.file-note{font-size:12px;color:var(--muted)}
.notice-ok,.notice-error{margin:0 0 14px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:#fff}
.notice-ok{border-color:#9BC49B;background:#F5FBF5}.notice-error{border-color:#D6A1A1;background:#FFF7F7}.bullets{color:var(--muted)}

.ftr{background:#fff;border-top:1px solid var(--line);margin-top:18px}
.ftr__inner{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;text-align:center;padding:18px 0}
.ftr__left,.ftr__right{width:100%}.ftr__line{color:var(--muted);font-size:12px;margin:6px 0}
.social-box{margin:14px auto 0;display:inline-flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff}
.social-icon{font-size:12px;font-weight:800;color:var(--muted);padding:8px 10px;border-radius:999px;border:1px solid var(--line);text-decoration:none}
.wa-float{position:fixed;right:18px;bottom:18px;z-index:9999;display:inline-flex;align-items:center;gap:10px;padding:12px 14px;border-radius:999px;background:var(--red);color:#fff;font-weight:900;text-decoration:none;box-shadow:0 16px 40px rgba(17,24,39,.22)}
.wa-float:hover{background:var(--red2);color:#fff;text-decoration:none}.wa-float__icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.18);border-radius:999px}.wa-float__hover{display:none;font-size:12px}
@media(hover:hover) and (pointer:fine){.wa-float:hover .wa-float__hover{display:inline}}

@media(max-width:980px){
  .header-logo-img{width:54px;max-width:54px}
  .hdr__nav{gap:3px}.hdr__nav a{font-size:11px;padding:5px 6px}.top-contact{font-size:11px}
  .hero-split{grid-template-columns:1fr}.service-route,.trust-grid,.how-steps,.form-row{grid-template-columns:1fr}.col-6{grid-column:span 12}
}

/* iPhone only: logo above navigation, small and tight.
   Mac and iPad stay logo-left layout. */
@media(max-width:600px){
  .wrap{padding:0 14px}.main{padding-top:10px}
  .hdr__center{flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:2px 0}
  .header-logo-link{order:1}
  .header-logo-img{width:78px;max-width:78px;margin:0 auto}
  .hdr__right{order:2;align-items:center;gap:2px}
  .hdr__nav{justify-content:center;gap:3px}
  .hdr__nav a{font-size:11px;padding:4px 5px}
  .top-contact{font-size:11px;line-height:1.2;text-align:center}
  .hero{padding:20px;border-radius:22px}
  h1{font-size:31px}.lead{font-size:17px}.big-price{font-size:34px}
  .wa-float{bottom:84px;padding:12px}.wa-float__text{display:none}
}
/* SRA badge — iPhone compatible */
.sra-wrap{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
  margin-top:12px;
}

.sra-box{
  width:275px;
  height:163px;
  max-width:100%;
  overflow:hidden;
  background:transparent;
}

.sra-box iframe{
  display:block;
  width:275px;
  height:163px;
  max-width:100%;
  border:0;
  margin:0;
  padding:0;
  background:transparent;
}