:root{--yellow:#ffcc00;--dark:#101114;--muted:#a9a9ac}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#101114;color:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.6}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.wrap{max-width:1180px;margin:auto;padding:0 24px}
header{position:sticky;top:0;z-index:10;background:rgba(11,12,14,.92);backdrop-filter:blur(18px);border-bottom:1px solid #333}
nav.top{height:82px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:900;flex-shrink:0}
.brand img{width:60px;height:60px;object-fit:contain;border-radius:50%;filter:drop-shadow(0 0 3px rgba(255,204,0,.25))}
.brand span span{color:var(--yellow)}
.links{display:flex;align-items:center;gap:18px;font-size:14px}
.links a:hover{color:var(--yellow)}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 24px;border-radius:9px;background:var(--yellow);color:#101114;font-weight:800;border:1px solid var(--yellow);transition:.25s;font-family:inherit;font-size:14px}
.btn:hover{transform:translateY(-3px);box-shadow:0 0 16px #ffcc0088}
.btn.outline{background:transparent;color:#fff;border-color:#555}
.btn.outline:hover{border-color:var(--yellow)}
.btn.wa{background:#18cf66;color:#04160b;border-color:#18cf66}
.breadcrumb{font-size:13px;color:#a9a9ac;padding:22px 0 0}
.breadcrumb a{color:#a9a9ac}
.breadcrumb a:hover{color:var(--yellow)}
.breadcrumb span{color:#666;margin:0 8px}
.hero{padding:44px 0 30px}
.eyebrow{color:var(--yellow);font-weight:800;letter-spacing:2px;text-transform:uppercase;font-size:13px}
h1{font-size:clamp(30px,4.5vw,52px);line-height:1.1;margin:18px 0 14px}
h1 em{font-style:normal;color:var(--yellow)}
.lead{color:#ddd;font-size:17px;max-width:720px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:36px 0}
.info-card{padding:22px;background:#1b1c20;border:1px solid #303136;border-radius:14px}
.info-card strong{display:block;color:var(--yellow);font-size:22px;margin-bottom:5px}
.info-card span{color:#c6c6ca;font-size:14px}
section{padding:56px 0}
h2{font-size:clamp(24px,3vw,34px);margin:0 0 18px}
h3{font-size:20px;margin:26px 0 10px}
p{color:#d0d0d3}
table{width:100%;border-collapse:collapse;margin-top:20px;background:#1b1c20;border-radius:12px;overflow:hidden}
th,td{padding:15px 18px;text-align:left;font-size:14px;border-bottom:1px solid #2c2d32}
th{background:#22232a;color:var(--yellow);font-weight:800;font-size:13px}
td:last-child{color:var(--yellow);font-weight:900;white-space:nowrap}
td:last-child small{color:#c6c6ca;font-weight:500;font-size:11px;display:block}
tr:last-child td{border-bottom:0}
.detail-block{background:#17181b;border:1px solid #2c2d32;border-radius:14px;padding:28px;margin-top:24px}
.detail-block p{margin:0 0 14px;color:#d0d0d3}
.detail-block p:last-child{margin-bottom:0}
details{padding:18px 0;border-bottom:1px solid #37383d}
summary{cursor:pointer;font-weight:700;font-size:16px}
details p{color:#c0c0c4;margin:12px 0 0;line-height:1.7}
.cta{background:var(--yellow);color:#151515;padding:56px 0;margin-top:30px}
.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}
.cta h2{margin:0 0 8px;font-size:30px}
.cta p{margin:0;color:#151515}
.cta .btn{background:#101114;color:#fff;border-color:#101114}
.other-routes{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.other-routes a{padding:10px 15px;background:#1b1c20;border:1px solid #33353a;border-radius:9px;font-size:13px;font-weight:700;transition:.2s}
.other-routes a:hover{border-color:var(--yellow);color:var(--yellow)}
footer{background:#0b0c0e;padding:38px 0;color:#a9a9ac;font-size:13px}
footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}
footer a:hover{color:var(--yellow)}
.floating-contact{position:fixed;right:16px;bottom:18px;z-index:30;display:flex;flex-direction:column;gap:10px}
.floating-contact a{width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;transition:transform .25s;box-shadow:0 0 0 12px rgba(255,204,0,.08)}
.floating-contact a:hover{transform:scale(1.1)}
.contact-phone{background:#f7b817;color:#101010}
.contact-wa{background:#18cf66;color:white;animation:wa-pulse 3s infinite}
@keyframes wa-pulse{50%{box-shadow:0 0 0 12px rgba(24,207,102,.1)}}
.mobile-cta-bar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:40;background:#0b0c0e;border-top:1px solid #2a2b30;padding:10px 12px calc(10px + env(safe-area-inset-bottom));gap:10px;grid-template-columns:1fr 1fr}
.mobile-cta-bar a{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 10px;border-radius:10px;font-weight:800;font-size:14px}
.mobile-cta-bar .m-wa{background:#18cf66;color:#04160b}
.mobile-cta-bar .m-call{background:#ffcc00;color:#101114}

@media(max-width:780px){
  nav.top{height:70px;gap:8px}
  .links a:not(.btn){display:none}
  .links .btn{padding:11px 12px;font-size:12px}
  .brand{font-size:13px;gap:8px}
  .brand img{width:46px;height:46px}
  .info-cards{grid-template-columns:1fr}
  table{font-size:13px}
  th,td{padding:12px 14px}
  .floating-contact{bottom:84px}
  .mobile-cta-bar{display:grid}
  footer{padding-bottom:70px}
}

/* ===== Cookie consent (added by fix_site.py) ===== */
.cookie-banner{position:fixed;bottom:16px;left:16px;right:16px;max-width:520px;background:#1c1d21;border:1px solid #333;border-radius:14px;padding:22px;z-index:60;box-shadow:0 12px 40px #0009}
.cookie-banner[hidden]{display:none}
.cookie-banner strong{display:block;font-size:15px;margin-bottom:8px;color:#fff}
.cookie-banner p{font-size:13px;color:#b5b5b9;margin:0 0 16px;line-height:1.6}
.cookie-banner > div{display:flex;flex-wrap:wrap;gap:8px}
.cookie-banner button{flex:1;min-width:120px;padding:12px 14px;border-radius:9px;font-weight:800;font-size:12px;font-family:inherit;cursor:pointer;border:1px solid transparent;transition:.2s}
.cookie-banner .cb-accept{background:var(--yellow);color:#101114;border-color:var(--yellow)}
.cookie-banner .cb-accept:hover{background:#ffe061}
.cookie-banner .cb-outline{background:transparent;color:#fff;border-color:#555}
.cookie-banner .cb-outline:hover{border-color:var(--yellow);color:var(--yellow)}
@media(max-width:600px){
  .cookie-banner{left:12px;right:12px;bottom:90px;padding:18px}
  .cookie-banner button{min-width:100px;padding:11px 10px;font-size:11px}
}
dialog#cookieDialog{background:#1c1d21;color:#fff;border:1px solid #333;border-radius:16px;padding:28px;max-width:520px;width:calc(100% - 32px);box-shadow:0 20px 60px #000a}
dialog#cookieDialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}
dialog#cookieDialog h2{font-size:22px;margin:8px 0 14px}
dialog#cookieDialog > p{font-size:13px;color:#b5b5b9;line-height:1.7;margin:0 0 18px}
dialog#cookieDialog .dialog-close{position:absolute;top:14px;right:14px;background:transparent;border:0;color:#999;font-size:26px;cursor:pointer;line-height:1;padding:0 6px}
.consent-option{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #333;font-size:14px;cursor:pointer}
.consent-option span{color:#ddd}
.consent-option input[type=checkbox]{width:20px;height:20px;accent-color:#ffcc00;cursor:pointer}
.consent-option input:disabled{cursor:not-allowed;opacity:.6}
.cookie-dialog-actions{display:flex;gap:10px;margin-top:22px}
.cookie-dialog-actions button{flex:1;padding:14px;border-radius:9px;font-weight:800;font-family:inherit;font-size:14px;cursor:pointer;border:0;background:var(--yellow);color:#101114}
/* ===== end cookie consent ===== */