:root{
  --navy:#0b1f3a;--navy2:#112b4f;--orange:#f28c28;--orange2:#d9761a;
  --ink:#1a1f2b;--muted:#5b6474;--line:#e3e7ee;--bg:#f6f8fb;--white:#fff;
  --draft:#fff6d6;--draftline:#e3b53b;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.5;padding-bottom:76px}
a{color:inherit}
img{max-width:100%;display:block}
.wrap{max-width:980px;margin:0 auto;padding:0 18px}

/* top bar */
.top{position:sticky;top:0;z-index:50;background:var(--navy);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:60px;gap:12px}
.brand{font-weight:800;letter-spacing:.2px;font-size:16px;line-height:1.1}
.brand small{display:block;font-weight:500;font-size:11px;opacity:.75;letter-spacing:.6px;text-transform:uppercase}
.lang{font-size:13px;opacity:.85;text-decoration:none;border:1px solid rgba(255,255,255,.35);border-radius:6px;padding:4px 9px;margin-left:auto;margin-right:10px}
.topcall{background:var(--orange);color:#111;font-weight:800;text-decoration:none;padding:9px 14px;border-radius:8px;font-size:15px;white-space:nowrap}

/* hero */
.hero{background:linear-gradient(160deg,var(--navy) 0%,var(--navy2) 100%);color:#fff;padding:40px 0 34px}
.hero h1{font-size:30px;line-height:1.15;font-weight:900;letter-spacing:-.3px}
.hero h1 span{color:var(--orange)}
.hero p.lead{margin-top:12px;font-size:17px;opacity:.92;max-width:600px}
.cta{display:inline-flex;align-items:center;gap:10px;margin-top:22px;background:var(--orange);color:#111;text-decoration:none;font-weight:900;font-size:22px;padding:16px 24px;border-radius:12px;box-shadow:0 6px 18px rgba(242,140,40,.35)}
.cta:active{background:var(--orange2)}
.cta svg{width:24px;height:24px}
.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.badge{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:7px 13px;font-size:13.5px;font-weight:600}
.badge b{color:var(--orange)}

/* sections */
section{padding:34px 0}
section h2{font-size:23px;font-weight:900;letter-spacing:-.2px;margin-bottom:6px}
section p.sub{color:var(--muted);margin-bottom:18px;font-size:15.5px}
.alt{background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

/* price cards */
.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.card{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:16px 16px 14px}
.alt .card{background:var(--bg)}
.card h3{font-size:16px;font-weight:800;margin-bottom:4px}
.card .price{font-size:26px;font-weight:900;color:var(--navy);margin:6px 0 4px}
.card .price small{font-size:13px;font-weight:600;color:var(--muted)}
.card p{font-size:14px;color:var(--muted)}
.note{font-size:13.5px;color:var(--muted);margin-top:14px}

/* draft box */
.draft{background:var(--draft);border:1.5px dashed var(--draftline);border-radius:10px;padding:12px 14px;font-size:14px;margin:0 0 16px}
.draft b{display:block;margin-bottom:2px}

/* services */
.list{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.item{display:flex;gap:12px;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:14px}
.alt .item{background:var(--bg)}
.item .ic{flex:0 0 40px;height:40px;border-radius:10px;background:var(--navy);color:var(--orange);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:18px}
.item h3{font-size:15.5px;font-weight:800}
.item p{font-size:14px;color:var(--muted);margin-top:2px}

/* zone */
.zone{display:grid;gap:14px;grid-template-columns:1fr 1fr}
.zone .box{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:16px}
.zone h3{font-size:15px;font-weight:800;margin-bottom:8px;color:var(--navy)}
.tags{display:flex;flex-wrap:wrap;gap:7px}
.tag{background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:5px 11px;font-size:13.5px;font-weight:600}
.tag.hl{background:var(--navy);color:#fff;border-color:var(--navy)}

/* steps */
.steps{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));counter-reset:s}
.step{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:16px;position:relative}
.step::before{counter-increment:s;content:counter(s);display:inline-flex;width:30px;height:30px;border-radius:50%;background:var(--orange);color:#111;font-weight:900;align-items:center;justify-content:center;margin-bottom:8px}
.step h3{font-size:15.5px;font-weight:800}
.step p{font-size:14px;color:var(--muted)}

/* photos */
.photos{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.photos img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:12px;display:block}
.ph{aspect-ratio:4/3;border-radius:12px;background:repeating-linear-gradient(45deg,#e9edf3,#e9edf3 10px,#f3f5f9 10px,#f3f5f9 20px);border:1px dashed #c9d1dd;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px;text-align:center;padding:10px}

/* footer */
footer{background:var(--navy);color:#fff;padding:30px 0 34px;font-size:14.5px}
footer .brand{font-size:18px;margin-bottom:10px}
footer p{opacity:.85;margin-top:4px}
footer a{color:var(--orange);font-weight:800;text-decoration:none}
footer .fine{opacity:.5;font-size:12px;margin-top:18px}

/* sticky bottom call bar (mobile) */
.callbar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--orange);padding:10px 14px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -4px 14px rgba(0,0,0,.2)}
.callbar a{display:flex;align-items:center;justify-content:center;gap:10px;color:#111;text-decoration:none;font-weight:900;font-size:21px}
.callbar a svg{width:24px;height:24px}
.callbar small{font-size:13px;font-weight:700;opacity:.8}
@media(min-width:760px){.callbar{display:none}body{padding-bottom:0}.hero h1{font-size:40px}.hero{padding:60px 0 50px}}
@media(max-width:560px){.zone{grid-template-columns:1fr}.brand small{display:none}.lang{margin-right:6px}}