:root{--ink:#0d1b2a;--muted:#5b6b7c;--sea:#0b5d8a;--sea2:#0a7cb8;--sand:#f4f1ea;--line:#dde3ea;--ok:#1f7a4d}
*{box-sizing:border-box}
body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:#fff}
a{color:var(--sea)}
h1,h2,h3{line-height:1.2;margin:.2em 0 .4em}
h1{font-size:clamp(1.8rem,4vw,2.8rem)}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.narrow{max-width:760px}
section.wrap{padding-top:40px;padding-bottom:20px}
.top{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;flex-wrap:wrap}
.logo{font-weight:800;font-size:1.4rem;color:var(--ink);text-decoration:none}
.logo span{color:var(--sea2)}
nav{display:flex;gap:18px;flex-wrap:wrap}
nav a{color:var(--ink);text-decoration:none;font-weight:500}
nav a.call{color:var(--sea);font-weight:700}
.hero{background:linear-gradient(135deg,#0b3c5d,#0a7cb8);color:#fff;padding:72px 0}
.hero p{max-width:640px;font-size:1.1rem;opacity:.95}
.btn{display:inline-block;padding:12px 20px;border-radius:8px;border:2px solid currentColor;color:inherit;text-decoration:none;font-weight:700;background:transparent;cursor:pointer;font-size:1rem}
.btn.primary{background:#ff8a1f;border-color:#ff8a1f;color:#111}
.lead{color:var(--muted);font-size:1.1rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;background:#fff;transition:box-shadow .15s}
.card:hover{box-shadow:0 6px 24px rgba(13,27,42,.12)}
.card .img{aspect-ratio:4/3;background:#cfdbe6 center/cover no-repeat;position:relative}
.tag{position:absolute;left:10px;top:10px;background:var(--ok);color:#fff;font-style:normal;font-size:.8rem;font-weight:700;padding:4px 8px;border-radius:6px}
.card .txt{padding:14px 16px 18px}
.card h3{font-size:1.05rem}
.card p{margin:0 0 8px;color:var(--muted);font-size:.9rem}
.price{font-weight:800;color:var(--ink)}
.price.ask{color:var(--sea);font-weight:700}
.cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.cat{display:block;padding:22px;border-radius:12px;background:var(--sand);text-decoration:none;color:inherit}
.cat p{color:var(--muted);margin:.2em 0 .6em}
.cat span{font-weight:700;color:var(--sea)}
.band{background:var(--sand);padding:40px 0;margin-top:40px}
.three{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}
.crumb{margin:0 0 8px;font-size:.9rem}
.split{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px}
.hero-img{aspect-ratio:4/3;border-radius:12px;background:#cfdbe6 center/cover no-repeat}
.big{font-size:1.6rem;font-weight:800;margin:.2em 0}
.specs{border-collapse:collapse;width:100%;margin:12px 0}
.specs th,.specs td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.specs th{width:30%;color:var(--muted);font-weight:600}
.small{font-size:.85rem;color:var(--muted)}
.enq{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:var(--sand);padding:20px;border-radius:12px}
.enq label{display:flex;flex-direction:column;font-weight:600;font-size:.9rem;gap:4px}
.enq .wide,.enq button,.enq p{grid-column:1/-1}
input,select,textarea{font:inherit;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff;width:100%}
.enq .btn{color:var(--sea)}
.enq .btn.primary{color:#111}
.ok{color:var(--ok);font-weight:700}
.err{color:#b42318;font-weight:700}
.fin{border:1px solid var(--line);border-radius:12px;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}
.fin h3,.fin p{grid-column:1/-1;margin:0}
.fin label{display:flex;flex-direction:column;font-weight:600;font-size:.9rem;gap:4px}
.out{font-size:1.2rem}
.out strong{font-size:1.6rem;color:var(--sea)}
.steps li{margin-bottom:12px}
.foot{background:var(--ink);color:#c9d4df;padding:28px 0;margin-top:48px}
.foot a{color:#fff}
@media (max-width:760px){.split,.enq,.fin{grid-template-columns:1fr}nav{gap:12px;font-size:.95rem}.hero{padding:48px 0}}
.factory{background:var(--sand);border-radius:12px;padding:12px 18px;margin:12px 0}.factory ul{margin:.3em 0 0;padding-left:1.2em}
.honest{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.honest>div{border:1px solid var(--line);border-radius:12px;padding:12px 18px}.honest h3{font-size:1rem}.honest ul{margin:.3em 0 0;padding-left:1.2em;font-size:.92rem}@media (max-width:760px){.honest{grid-template-columns:1fr}}
.compare{margin:8px 0 32px}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.compare table{border-collapse:collapse;min-width:640px;width:100%;font-size:.92rem}.compare th,.compare td{border-bottom:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}.compare thead th{background:var(--sand)}.compare tbody th{color:var(--muted);width:16%}.compare td:nth-child(2){background:#f2f8fc}.compare ul{margin:0;padding-left:1.1em}