:root{
  --bg:#0B1220;
  --text:#E5E7EB;
  --accent:#F97316;
  --muted:#1F2937;
  --muted2:#111827;
  --line:rgba(229,231,235,.12);
  --shadow:0 18px 50px rgba(0,0,0,.35);
  --radius:18px;
  --radius2:26px;
  --max:1120px;
  --font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.55}
a{color:inherit;text-decoration:none}
a:hover{color:var(--accent)}
img{max-width:100%;height:auto;border-radius:var(--radius)}
.container{width:min(var(--max), calc(100% - 2rem));margin:0 auto}
.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1rem;border-radius:999px;background:var(--accent);color:#0b1220;font-weight:800;letter-spacing:.2px;border:0;cursor:pointer;box-shadow:0 10px 28px rgba(249,115,22,.25)}
.btn:focus{outline:3px solid rgba(249,115,22,.5);outline-offset:3px}
.btn.secondary{background:transparent;color:var(--text);border:1px solid var(--line);box-shadow:none}
.badge{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--line);border-radius:999px;padding:.35rem .7rem;background:rgba(31,41,55,.55)}
.badge .dot{width:.55rem;height:.55rem;border-radius:999px;background:var(--accent);box-shadow:0 0 0 4px rgba(249,115,22,.12)}

.skip{position:absolute;left:-999px;top:-999px;background:var(--accent);color:#0b1220;padding:.8rem 1rem;border-radius:12px;font-weight:800;z-index:1000}
.skip:focus{left:1rem;top:1rem}

header{position:sticky;top:0;z-index:999;background:rgba(11,18,32,.8);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0}
.brand{display:flex;align-items:center;gap:.75rem}
.logo{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg, rgba(249,115,22,.95), rgba(249,115,22,.25));display:grid;place-items:center;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.logo svg{width:22px;height:22px}
.brand-name{display:flex;flex-direction:column;line-height:1.05}
.brand-name strong{font-size:1.05rem;letter-spacing:.2px}
.brand-name span{font-size:.82rem;color:rgba(229,231,235,.75)}

.nav{display:flex;align-items:center;gap:1.1rem}
.nav a{font-weight:700;color:rgba(229,231,235,.86)}
.nav a.active{color:var(--accent)}
.nav-cta{display:flex;align-items:center;gap:.65rem}

.burger{display:none;background:transparent;border:1px solid var(--line);width:44px;height:44px;border-radius:14px;align-items:center;justify-content:center;cursor:pointer}
.burger:focus{outline:3px solid rgba(249,115,22,.5);outline-offset:3px}
.burger-lines{width:18px;height:12px;display:flex;flex-direction:column;justify-content:space-between}
.burger-lines span{display:block;height:2px;background:var(--text);border-radius:2px;opacity:.9;transition:transform .2s ease, opacity .2s ease}
.burger[aria-expanded="true"] .burger-lines span:nth-child(1){transform:translateY(5px) rotate(45deg)}
.burger[aria-expanded="true"] .burger-lines span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] .burger-lines span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}

.mobile-panel{display:none}
.mobile-panel.open{display:block}
.mobile-panel .panel-inner{padding:0 0 1rem 0}
.mobile-panel nav{display:flex;flex-direction:column;gap:.6rem;border:1px solid var(--line);border-radius:var(--radius);background:rgba(31,41,55,.6);padding:1rem}
.mobile-panel nav a{padding:.4rem .35rem;font-weight:800}
.mobile-panel .panel-actions{display:flex;gap:.7rem;margin-top:.9rem}

.hero{padding:3.2rem 0 2.2rem 0}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:1.6rem;align-items:stretch}
.h-kicker{font-size:.95rem;color:rgba(229,231,235,.75);margin:0 0 .7rem 0}
h1{font-size:clamp(2.2rem, 3.6vw, 3.3rem);line-height:1.05;margin:.1rem 0 1rem 0;letter-spacing:-.6px}
.lead{font-size:1.1rem;color:rgba(229,231,235,.83);margin:0 0 1.35rem 0;max-width:62ch}
.hero-card{border:1px solid var(--line);background:linear-gradient(180deg, rgba(31,41,55,.65), rgba(17,24,39,.55));border-radius:var(--radius2);padding:1.2rem;box-shadow:var(--shadow)}
.hero-card h2{font-size:1.15rem;margin:0 0 .5rem 0}
.hero-card p{margin:.25rem 0 .9rem 0;color:rgba(229,231,235,.8)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
label{display:block;font-weight:800;font-size:.85rem;margin:0 0 .3rem 0;color:rgba(229,231,235,.9)}
input,select,textarea{width:100%;padding:.85rem .9rem;border-radius:14px;border:1px solid rgba(229,231,235,.14);background:rgba(11,18,32,.55);color:var(--text)}
textarea{min-height:120px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:3px solid rgba(249,115,22,.35);outline-offset:2px;border-color:rgba(249,115,22,.65)}
.helper{font-size:.85rem;color:rgba(229,231,235,.68)}

.section{padding:2.4rem 0}
.section h2{font-size:1.9rem;letter-spacing:-.35px;margin:0 0 1rem 0}
.section .sub{margin:-.2rem 0 1.3rem 0;color:rgba(229,231,235,.78);max-width:72ch}
.grid-3{display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem}
.grid-2{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem}
.card{border:1px solid var(--line);background:rgba(31,41,55,.55);border-radius:var(--radius2);padding:1.1rem;box-shadow:0 14px 42px rgba(0,0,0,.26)}
.card h3{margin:.2rem 0 .35rem 0;font-size:1.15rem}
.card p{margin:.25rem 0 0 0;color:rgba(229,231,235,.78)}
.icon{width:44px;height:44px;border-radius:16px;background:rgba(249,115,22,.12);border:1px solid rgba(249,115,22,.25);display:grid;place-items:center;margin:0 0 .7rem 0}
.icon svg{width:22px;height:22px;fill:var(--accent)}

.tips{display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem;margin-top:1.2rem}
.tip{border:1px solid rgba(249,115,22,.28);background:linear-gradient(180deg, rgba(249,115,22,.12), rgba(31,41,55,.45));border-radius:var(--radius2);padding:1.1rem}
.tip .head{display:flex;align-items:center;gap:.6rem;margin-bottom:.55rem}
.tip .head strong{font-size:1.05rem}
.tip .pill{font-weight:900;font-size:.78rem;color:#0b1220;background:var(--accent);padding:.22rem .55rem;border-radius:999px}
.tip p{margin:.25rem 0 0 0;color:rgba(229,231,235,.82)}

.posts{display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem}
.post{border:1px solid var(--line);background:rgba(31,41,55,.48);border-radius:var(--radius2);overflow:hidden;display:flex;flex-direction:column}
.post img{border-radius:0}
.post .body{padding:1rem 1.1rem 1.2rem 1.1rem;display:flex;flex-direction:column;gap:.65rem}
.post .meta{display:flex;gap:.5rem;flex-wrap:wrap;color:rgba(229,231,235,.7);font-size:.85rem}
.post h3{margin:0;font-size:1.15rem;letter-spacing:-.2px}
.post p{margin:0;color:rgba(229,231,235,.78)}
.post a.more{margin-top:auto;font-weight:900;color:var(--accent)}

.prices{display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem}
.price{border:1px solid var(--line);background:linear-gradient(180deg, rgba(31,41,55,.62), rgba(17,24,39,.5));border-radius:var(--radius2);padding:1.15rem;display:flex;flex-direction:column;gap:.75rem}
.price .top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.price h3{margin:0;font-size:1.1rem}
.price .from{font-weight:950;font-size:1.55rem;color:var(--accent)}
.price ul{margin:0;padding-left:1.1rem;color:rgba(229,231,235,.78)}
.price li{margin:.3rem 0}

.testimonials{display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem}
.quote{border:1px solid var(--line);background:rgba(31,41,55,.48);border-radius:var(--radius2);padding:1.1rem}
.stars{letter-spacing:1px;color:var(--accent);font-weight:900}
.quote p{margin:.55rem 0 .9rem 0;color:rgba(229,231,235,.82)}
.quote .who{display:flex;align-items:center;justify-content:space-between;color:rgba(229,231,235,.7);font-size:.9rem}

.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem;align-items:start}
.map{border:1px solid var(--line);background:rgba(31,41,55,.5);border-radius:var(--radius2);padding:1rem}
.map .line{display:flex;gap:.75rem;align-items:flex-start;margin:.8rem 0}
.map .line svg{width:18px;height:18px;flex:0 0 auto;fill:rgba(229,231,235,.9)}
.map strong{display:block;margin:0 0 .4rem 0}
.map a{color:var(--accent);font-weight:900}

footer{border-top:1px solid var(--line);padding:2rem 0 2.2rem 0;color:rgba(229,231,235,.7)}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem;align-items:start}
.footer-links{display:flex;flex-wrap:wrap;gap:.8rem}
.small{font-size:.9rem}

.page-hero{padding:2.2rem 0 1.2rem 0}
.page-hero h1{font-size:2.35rem;margin:0 0 .55rem 0}
.breadcrumbs{display:flex;gap:.5rem;flex-wrap:wrap;color:rgba(229,231,235,.68);font-size:.9rem;margin:.2rem 0 1.2rem 0}
.breadcrumbs a{color:rgba(229,231,235,.78)}
.table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:var(--radius2);border:1px solid var(--line);background:rgba(31,41,55,.5)}
.table th,.table td{padding:1rem;border-bottom:1px solid rgba(229,231,235,.1);text-align:left;vertical-align:top}
.table th{background:rgba(17,24,39,.6);font-weight:950}
.table tr:last-child td{border-bottom:0}
.note{border:1px solid rgba(229,231,235,.14);background:rgba(17,24,39,.45);padding:1rem 1.05rem;border-radius:var(--radius2)}
.note strong{color:var(--accent)}

.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:1000;display:none}
.cookie-banner.show{display:block}
.cookie-inner{width:min(var(--max), calc(100% - 2rem));margin:0 auto 1rem auto;border:1px solid var(--line);background:rgba(17,24,39,.92);backdrop-filter:blur(14px);border-radius:var(--radius2);padding:1rem;box-shadow:var(--shadow);display:flex;gap:1rem;align-items:flex-start;justify-content:space-between}
.cookie-inner p{margin:.2rem 0 0 0;color:rgba(229,231,235,.78);max-width:75ch}
.cookie-actions{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:flex-end}
.cookie-actions button{white-space:nowrap}

@media (max-width: 980px){
  .hero-grid{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .grid-3,.posts,.prices,.testimonials,.tips{grid-template-columns:1fr}
}
@media (max-width: 820px){
  .nav,.nav-cta{display:none}
  .burger{display:inline-flex}
  .form-row{grid-template-columns:1fr}
}