*{margin:0;padding:0;box-sizing:border-box}
:root{
  --ink:#090b0e;--paper:#edeef0;--deep:#0f1215;--plate:#16191f;
  --rule:rgba(255,255,255,0.07);--moss:#5a9e3a;--lime:#72c247;
  --smoke:#8a95a0;--sans:'Schibsted Grotesk',system-ui,sans-serif;
}
html{background:var(--ink);color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}
body{min-height:100vh;padding:2rem 1.4rem 4rem;max-width:720px;margin:0 auto;font-weight:500}
a{color:var(--lime);text-decoration:none}
a:hover{text-decoration:underline}
.back{display:inline-flex;align-items:center;gap:.5rem;font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:2.2rem;transition:color .2s}
.back:hover{color:#fff;text-decoration:none}
.label{font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--lime);opacity:.85;margin-bottom:.8rem;display:block}
h1{font-size:1.75rem;font-weight:700;margin-bottom:.4rem;letter-spacing:-.02em;line-height:1.15}
h1 em{font-style:normal;color:var(--lime)}
.subtitle{font-size:.92rem;color:var(--smoke);margin:.5rem 0 2rem;line-height:1.65;max-width:600px}
.card{background:var(--deep);border:1px solid var(--rule);border-radius:14px;padding:1.5rem;margin-bottom:.8rem}
.card h2{font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:.9rem}
.card h3{font-size:1.02rem;font-weight:700;color:var(--paper);margin:1.1rem 0 .4rem}
.card h3:first-of-type{margin-top:0}
.card p,.card li{font-size:.9rem;color:rgba(255,255,255,.66);line-height:1.75}
.card ul{padding-left:1.2rem;display:flex;flex-direction:column;gap:.3rem;margin:.4rem 0}
.card p+p{margin-top:.55rem}
strong.hi{color:var(--paper)}
.hl{color:var(--lime);font-weight:700}
table{width:100%;border-collapse:collapse;margin:.6rem 0 .2rem;font-size:.86rem}
th{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.35);text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--rule)}
td{padding:.55rem .6rem;border-bottom:1px solid var(--rule);color:rgba(255,255,255,.66);line-height:1.55;vertical-align:top}
td:first-child{color:var(--paper);font-weight:600;white-space:nowrap}
tr:last-child td{border-bottom:none}
.note{font-size:.8rem;color:var(--smoke);border-left:2px solid var(--lime);padding:.15rem 0 .15rem .8rem;margin-top:.9rem;line-height:1.65}
.cta{background:linear-gradient(135deg,rgba(114,194,71,.14),rgba(114,194,71,.05));border:1px solid rgba(114,194,71,.35);border-radius:14px;padding:1.5rem;margin:1.6rem 0 .8rem;text-align:center}
.cta .cta-title{font-size:1.15rem;font-weight:700;margin-bottom:.35rem}
.cta .cta-title em{font-style:normal;color:var(--lime)}
.cta p{font-size:.88rem;color:rgba(255,255,255,.66);line-height:1.65;max-width:460px;margin:0 auto .95rem}
.cta-btns{display:flex;gap:.55rem;justify-content:center;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:10px;font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.8rem 1.2rem;transition:all .2s;min-height:42px}
.btn:hover{transform:translateY(-1px);text-decoration:none}
.btn-wa{background:var(--moss);color:#fff}
.btn-wa:hover{background:#4aa825}
.btn-tel{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);color:var(--paper)}
.btn-tel:hover{background:rgba(255,255,255,.12)}
.miet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.7rem;margin-top:.3rem}
.miet-card{background:var(--plate);border:1px solid var(--rule);border-radius:12px;padding:1.1rem}
.miet-card .mc-name{font-size:.98rem;font-weight:700;color:var(--paper)}
.miet-card .mc-tag{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--lime);margin:.25rem 0 .7rem}
.mc-row{display:flex;justify-content:space-between;padding:.4rem 0;font-size:.84rem;border-top:1px solid var(--rule)}
.mc-row span:first-child{color:var(--smoke)}
.mc-row span:last-child{color:var(--lime);font-weight:700;font-variant-numeric:tabular-nums}
.rel{margin-top:2rem}
.rel-label{font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:.7rem}
.rel a{display:block;background:var(--deep);border:1px solid var(--rule);border-radius:12px;padding:.9rem 1.1rem;margin-bottom:.5rem;color:var(--paper);font-size:.88rem;font-weight:600;transition:border-color .2s}
.rel a:hover{border-color:rgba(114,194,71,.45);text-decoration:none}
.rel a span{display:block;font-size:.76rem;font-weight:500;color:var(--smoke);margin-top:.15rem}
.floats{position:fixed;right:1rem;bottom:1.2rem;display:flex;flex-direction:column;gap:.6rem;z-index:40}
.float-btn{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.45);transition:transform .2s}
.float-btn:hover{transform:scale(1.07)}
.f-tel{background:var(--blue,#4e8fa0)}
.f-wa{background:#25d366}
.f-mini{margin-top:2.6rem;padding-top:1.2rem;border-top:1px solid var(--rule);display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;font-size:.76rem;color:rgba(255,255,255,.35)}
.f-mini a{color:rgba(255,255,255,.45)}
@media (max-width:480px){body{padding:1.5rem 1rem 5.5rem}h1{font-size:1.5rem}}
