:root {
  --brick: #A63A3A;
  --olive: #6B8E23;
  --sand:  #D1B894;
  --ink:   #1f1f1f;
  --bg:    #fbf7f1;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;background:var(--bg);color:var(--ink)}
a{color:inherit}
.container{max-width:1080px;margin:0 auto;padding:24px}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2px}
.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:rgba(107,142,35,.12);border:1px solid rgba(107,142,35,.25);font-size:13px}
.hero{display:grid;grid-template-columns:1.25fr .9fr;gap:22px;align-items:stretch;margin-top:10px}
.card{background:white;border:1px solid rgba(0,0,0,.08);border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.hero-left{padding:26px;position:relative;overflow:hidden}
.hero-left:before{
  content:"";
  position:absolute;inset:-60px;
  background:url("assets/images/hero_bg.png") center/cover no-repeat;
  filter:saturate(1.05) contrast(1.02);
  opacity:.22;
}
.hero-left > *{position:relative}
.h1{font-size:40px;line-height:1.05;margin:0 0 10px}
.sub{font-size:16px;line-height:1.5;margin:0 0 16px;max-width:58ch}
.points{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none}
.points li{display:flex;gap:10px;align-items:flex-start}
.dot{width:12px;height:12px;border-radius:4px;margin-top:4px;background:var(--olive)}
.cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.btn{appearance:none;border:0;border-radius:12px;padding:12px 14px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:10px}
.btn-primary{background:var(--brick);color:white}
.btn-secondary{background:rgba(166,58,58,.08);border:1px solid rgba(166,58,58,.25);color:var(--brick)}
.small{font-size:13px;opacity:.9}
.hero-right{padding:22px}
.form-title{font-weight:800;margin:0 0 6px;font-size:18px}
form{display:grid;gap:10px;margin-top:12px}
label{font-size:13px;font-weight:650}
input{width:100%;padding:12px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.15);font-size:15px}
input:focus{outline:2px solid rgba(107,142,35,.35);border-color:rgba(107,142,35,.55)}
.help{font-size:12.5px;opacity:.85;line-height:1.45}
.notice{padding:10px 12px;border-radius:12px;background:rgba(209,184,148,.25);border:1px solid rgba(209,184,148,.65);font-size:13px;line-height:1.45}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}
.tile{padding:16px}
.tile h3{margin:0 0 8px;font-size:15px}
.tile p{margin:0;font-size:14px;opacity:.9;line-height:1.5}
.split{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0 0}
.kit{padding:18px}
.kit h2{margin:0 0 8px;font-size:20px}
.kit p{margin:0 0 12px;line-height:1.55}
.price{display:flex;align-items:baseline;gap:10px}
.price .now{font-size:26px;font-weight:900;color:var(--brick)}
.price .was{font-size:14px;opacity:.7;text-decoration:line-through}
.footer{padding:22px 0 40px;opacity:.85;font-size:13px}
.hr{height:1px;background:rgba(0,0,0,.08);margin:18px 0}
@media (max-width: 920px){
  .hero{grid-template-columns:1fr}
  .h1{font-size:34px}
  .grid{grid-template-columns:1fr}
  .split{grid-template-columns:1fr}
}

.privacy-note{margin-top:12px;font-size:0.85rem;opacity:.85;line-height:1.35}