
:root{--bg:#ffffff;--text:#0e1320;--muted:#54607a;--primary:#ffd100;--primary-600:#ffbf00;--border:#e9dfa3;--border-strong:#e0d27a;--shadow:0 14px 34px rgba(0,0,0,.08)}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(1120px,92%);margin-inline:auto}
.site-header{position:sticky;top:0;backdrop-filter:saturate(180%) blur(10px);border-bottom:2px solid var(--border);z-index:50}.glass{background:hsla(55,100%,95%,.9)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0}.brand{display:flex;align-items:center;gap:.75rem}.logo{width:72px;height:auto}.brand-text{display:flex;flex-direction:column;font-size:.9rem}
.nav{display:flex;gap:1rem;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--primary);padding:.6rem 1rem;border-radius:.9rem;font-weight:700;transition:.2s}
.btn-primary{background:var(--primary);color:#222;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-600)}.btn-outline{border-color:var(--border-strong);background:#fff}.btn-lg{padding:.85rem 1.25rem;font-size:1.05rem}.btn-whatsapp{border-color:#25D366}
.hide-sm{display:inline-flex}.hamburger{display:none;background:none;border:0;padding:.5rem;gap:.35rem;flex-direction:column}.hamburger span{width:28px;height:2px;background:#121212;display:block}

#bg-anim{position:fixed;inset:0;z-index:-3;pointer-events:none;filter:saturate(110%) contrast(105%)}
.hero{position:relative;overflow:hidden}
.bg-gradient{position:absolute;inset:0;background:radial-gradient(1200px 600px at 10% 10%, #fff7cc 0, transparent 60%),radial-gradient(1200px 600px at 90% 20%, #fff1a8 0, transparent 60%),linear-gradient(180deg,#ffffff 0,#fff8db 100%);z-index:-2}
.bg-noise{position:absolute;inset:0;opacity:.22;z-index:-1;background-image:url('../img/pattern.svg')}
.hero-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:center;padding:4rem 0}
.hero h1{font-size:clamp(1.8rem,2.8vw,3rem);line-height:1.15;margin:0}.hero p{color:var(--muted);margin:.75rem 0 1rem}
.highlight{background:linear-gradient(90deg,var(--primary),#ffeb99);-webkit-background-clip:text;background-clip:text;color:transparent}.checker{--size:12px;background:conic-gradient(from 45deg, #111 0 25%, transparent 0 50%, #111 0 75%, transparent 0) 0/var(--size) var(--size),var(--primary);border:1px solid var(--border);border-radius:.5rem;height:24px;width:160px;box-shadow:var(--shadow)}
.hero-media .hero-card{background:#fff;border:2px solid var(--border-strong);border-radius:1.25rem;box-shadow:var(--shadow);padding:1rem}.hero-taxi{position:absolute;right:16px;bottom:16px;width:84px}
.section{padding:3rem 0}.section.light-alt{background:#fffdf1}.section-head{margin-bottom:1.5rem}.section h2{font-size:1.6rem;margin:.25rem 0}.section p{color:var(--muted);margin:.25rem 0}
.grid{display:grid;gap:1.25rem}.cards-3{grid-template-columns:repeat(3,1fr)}

.card{background:#fff;border:2px solid var(--border-strong);border-radius:1rem;box-shadow:var(--shadow);padding:1rem}
.card.strong{border-color:#d8c95c;box-shadow:0 16px 36px rgba(0,0,0,.10)}
.card img{border-radius:.75rem;margin-bottom:.75rem}

.pricing-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1.25rem;margin-bottom:1.25rem}
.card.calc .row{margin-bottom:1rem}.card.calc label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}
.card.calc input[type=range]{width:100%;height:12px;border-radius:999px;-webkit-appearance:none;background:linear-gradient(90deg,#ffec80,#d2f1ff)}
.card.calc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#ffd100;border:2px solid #111;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.card.calc input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#ffd100;border:2px solid #111;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.chips{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.chip{display:flex;align-items:center;justify-content:space-between;border:2px solid var(--border-strong);background:#fff;border-radius:.9rem;padding:.6rem .8rem;box-shadow:var(--shadow)}
.result{display:flex;align-items:center;justify-content:center}.result-inner{text-align:center}.result .fare{font-size:clamp(2rem,4vw,3rem);font-weight:900;letter-spacing:.5px}

.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:1.25rem}.contact-list{padding-left:0;margin:0 0 1rem}.contact-list li{list-style:none;margin:.35rem 0}
.contact-form label{display:block;margin-bottom:.5rem;font-size:.95rem}.contact-form input,.contact-form textarea{width:100%;padding:.7rem .8rem;border:2px solid var(--border-strong);border-radius:.75rem;background:#fff}
.contact-form button{margin-top:.5rem}.map iframe{width:100%;height:420px;border:0;border-radius:.75rem}
.site-footer{border-top:2px solid var(--border-strong);padding:1.5rem 0;background:#fff}.footer-inner{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:1rem;align-items:center}
.footer-brand{display:flex;align-items:center;gap:.75rem}.logo-sm{width:56px;height:auto}.floating-call{position:sticky;bottom:16px;display:none}

#galeri .grid{grid-template-columns:repeat(3,1fr)}.gallery-card{overflow:hidden;padding:0;border:2px dashed var(--border-strong);border-radius:1rem;background:#fff;}
.gallery-card img{display:block;width:100%;height:220px;object-fit:cover;border-radius:1rem}
.gallery-card.empty{height:220px;background:repeating-linear-gradient(45deg,#fffdf6,#fffdf6 8px,#fff6c2 8px,#fff6c2 16px)}

.reviews-3{grid-template-columns:repeat(3,1fr)}.review-card{background:#fff;border:2px solid var(--border-strong);border-radius:1rem;box-shadow:var(--shadow);padding:1rem}
.review-head{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--border-strong)}
.ring{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;background:conic-gradient(var(--ring),var(--ring)) padding-box,#fff border-box;border:3px solid transparent}
.stars{color:#ffb800;letter-spacing:2px;font-weight:900}.review-card blockquote{margin:.25rem 0 0;color:#2b364b}

@media (max-width: 960px){.hero-inner{grid-template-columns:1fr}.cards-3{grid-template-columns:1fr 1fr}.pricing-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.hide-sm{display:none}.nav{display:none}.hamburger{display:flex}#galeri .grid{grid-template-columns:1fr 1fr}.gallery-card img{height:180px}.reviews-3{grid-template-columns:1fr}}
@media (max-width: 620px){.cards-3{grid-template-columns:1fr}#galeri .grid{grid-template-columns:1fr}.gallery-card img{height:220px}}
