:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#17202a;background:#f6f1e8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit}header{display:flex;justify-content:space-between;align-items:center;padding:1rem clamp(1rem,5vw,5rem);background:#fff9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0}.brand{font-weight:800;text-decoration:none}nav{display:flex;gap:.35rem}.lang,button{border:1px solid currentColor;border-radius:999px;background:transparent;padding:.55rem .75rem;cursor:pointer}.lang[aria-pressed=true]{background:#17202a;color:#fff}.hero,section,.root{max-width:70rem;margin:auto;padding:clamp(2rem,7vw,6rem) clamp(1rem,5vw,4rem)}.hero{min-height:62vh;display:flex;flex-direction:column;justify-content:center}.hero h1{font-size:clamp(2.7rem,8vw,6.5rem);max-width:12ch;line-height:.95;margin:.2em 0}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:800}.actions{display:flex;flex-wrap:wrap;gap:.7rem}.actions a,form button{background:#17202a;color:#fff;padding:.8rem 1.1rem;border-radius:999px;text-decoration:none}.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem;padding:0;list-style:none}.services li,form{background:#fff;padding:1.3rem;border-radius:1rem;box-shadow:0 12px 40px #0001}form{display:grid;gap:1rem}label{display:grid;gap:.35rem}input,textarea{font:inherit;padding:.8rem;border:1px solid #aaa;border-radius:.5rem}.preview{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);width:min(42rem,calc(100% - 2rem));padding:.8rem 1rem;background:#17202ae8;color:#fff;border-radius:.7rem;text-align:center}footer{text-align:center;padding:4rem 1rem 6rem}.template-cafe{--accent:#e76f51}.template-bakery{--accent:#9c6644}.template-salon{--accent:#a44a73}.template-workshop{--accent:#355070}.template-restaurant{--accent:#386641}.template-spa{--accent:#52796f}.site .hero{border-bottom:.7rem solid var(--accent)}[dir=rtl] body{text-align:right}[dir=rtl] header{flex-direction:row-reverse}@media (max-width:600px){header{align-items:flex-start;gap:1rem;flex-direction:column}.hero{min-height:52vh}.preview{font-size:.8rem}}