:root{--bg:#f5f7f6;--ink:#222;--muted:#5a5f62;--accent:#4a6a6f;--card:#fff;--radius:16px;--shadow:0 10px 30px rgba(0,0,0,.07)}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;background:var(--bg);color:var(--ink);line-height:1.6}
img{max-width:100%;display:block}.container{width:min(1100px,92vw);margin:0 auto}
.header{position:sticky;top:0;z-index:20;background:rgba(245,247,246,.9);backdrop-filter:blur(8px);border-bottom:1px solid #e7e9ea}
.navbar{display:flex;align-items:center;justify-content:space-between;padding:10px 0;gap:12px}
.left-group{display:flex;align-items:center;gap:12px}
.menu-toggle{background:#000;color:#fff;border:none;width:40px;height:40px;border-radius:10px;cursor:pointer;display:grid;place-items:center;font-size:20px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.brand img{height:40px;width:auto}.brand .wordmark{font-weight:800;letter-spacing:.05em}
.nav-links{position:fixed;left:10px;top:60px;background:#fff;padding:12px;border-radius:12px;box-shadow:var(--shadow);display:none;flex-direction:column;gap:6px;min-width:200px}
.nav-links a{color:var(--ink);text-decoration:none;padding:10px 12px;border-radius:8px}
.nav-links a:hover{background:#f0f3f3}.nav-links.open{display:flex}
.cta-right .btn{margin-left:auto}
@media (min-width:960px){.nav-links{position:static;display:flex!important;flex-direction:row;background:transparent;box-shadow:none;padding:0;gap:10px}.menu-toggle{display:none}}
.btn{display:inline-block;padding:12px 18px;border-radius:12px;border:1px solid transparent;background:var(--accent);color:#fff;text-decoration:none;font-weight:600;letter-spacing:.02em;transition:transform .15s ease,box-shadow .2s ease,background .2s ease;box-shadow:var(--shadow)}
.btn:hover{transform:translateY(-1px)}
.section{padding:36px 0}.card{background:var(--card);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}
.hero{padding:40px 0 10px}.lead{font-size:clamp(16px,2.2vw,20px);color:var(--muted)}
.slider{position:relative;overflow:hidden;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.slider-track{display:flex;transition:transform 0.5s ease;width:100%}.slide{flex:0 0 100%;max-width:100%;box-sizing:border-box}.slide img{display:block;width:100%;height:440px;object-fit:cover}@media (min-width:920px){.slide img{height:520px}}
.ctrl{position:absolute;top:50%;transform:translateY(-50%);background:rgba(10,14,14,.65);color:#fff;border:none;cursor:pointer;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:20px;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.ctrl.prev{left:10px}.ctrl.next{right:10px}.dots{position:absolute;bottom:12px;width:100%;display:flex;gap:8px;justify-content:center}
.dot{width:10px;height:10px;border-radius:50%;border:none;background:#cfd6d8;cursor:pointer}.dot.active{background:var(--accent)}
.form{display:grid;gap:14px;max-width:760px}label{font-weight:600}
.input,textarea,select{padding:12px 14px;border:1px solid #d7dcdc;border-radius:12px;background:#fff;font:inherit}
.range-row{display:flex;align-items:center;gap:12px}.range-row input[type=range]{flex:1}
.range-row output{min-width:28px;text-align:center;font-variant-numeric:tabular-nums}.full-width{width:100%}