:root{
  --ink:#1b2a4a; --teal:#2d6e7e;
  --fg:#22314f; --fg-soft:#44536f; --fg-mute:#7a869c;
  --bg:#ffffff; --bg2:#f4f6fa; --card:#ffffff; --cardln:#e3e8f0; --accent:#2d6e7e;
  --grad:linear-gradient(100deg,#F5AD1A,#E88624,#D43926,#B42461,#792876,#6179B9,#57B4E3);
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Poppins',system-ui,sans-serif;color:var(--fg);background:var(--bg);line-height:1.65;font-size:16.5px}
.wide{max-width:1200px;margin:0 auto;padding:0 20px}
.col{max-width:868px;margin:0 auto;padding:0 20px}
a{color:var(--teal)}
h1{color:var(--ink);line-height:1.25;font-weight:600;font-size:clamp(1.7rem,4.6vw,2.6rem)}
h2{color:var(--ink);font-weight:600;font-size:clamp(1.35rem,3vw,1.8rem);margin:0 0 14px}
h3{color:var(--ink);font-weight:600;font-size:1.05rem;margin:0 0 8px}
.gword{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn{display:inline-block;padding:11px 20px;border-radius:999px;text-decoration:none;font-weight:600;font-size:.95rem}
.btn-main{background:var(--ink);color:#fff}
.btn-wa{background:#e8f6ee;color:#1c7a45;border:1px solid #bfe5cd}
.hero{padding:56px 0 42px;background:linear-gradient(180deg,var(--bg2),var(--bg))}
.kicker{display:inline-block;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--teal);font-weight:600;margin-bottom:10px}
.hero p.lead{color:var(--fg-soft);max-width:720px;margin:14px 0 0;font-size:1.06rem}
section{padding:46px 0}
section.alt{background:var(--bg2)}
.grid2{display:grid;gap:28px;grid-template-columns:1.1fr .9fr;align-items:start}
.grid4{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
@media(max-width:820px){.grid2{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid var(--cardln);border-radius:14px;padding:20px 22px}
.card p{color:var(--fg-soft);font-size:.95rem}
.vol{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:16px}
.vol .card b{display:block;font-size:1.6rem;color:var(--ink)}
.vol .card span{color:var(--fg-mute);font-size:.88rem}
.seap{border:1px solid var(--cardln);border-radius:14px;overflow:hidden;margin-top:18px;background:#fff}
.seap .srow{display:flex;justify-content:space-between;gap:14px;padding:13px 18px;border-bottom:1px solid var(--cardln);font-size:.93rem;flex-wrap:wrap}
.seap .srow:last-child{border-bottom:none}
.seap .srow b{color:var(--ink)}
.seap .srow span{color:var(--fg-mute)}
.seap .shead{background:var(--bg2);font-size:.8rem;text-transform:uppercase;letter-spacing:.07em;color:var(--fg-mute);padding:10px 18px}
.netgrp{margin-top:16px}
.netgrp h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.07em;color:var(--fg-mute);font-weight:600}
.clients{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 18px}
.clients span{border:1px solid var(--cardln);border-radius:999px;padding:6px 14px;font-size:.88rem;color:var(--fg-soft);background:#fff}
.pasi{counter-reset:p;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin-top:16px}
.pasi .card{position:relative;padding-top:44px}
.pasi .card::before{counter-increment:p;content:counter(p);position:absolute;top:14px;left:20px;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.95rem}
.semnat{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:26px 0 4px}
.semnat img{width:200px;height:auto}
.semnat p{color:var(--fg-soft);font-size:.93rem;max-width:460px;margin:0}
.cta-band{background:var(--ink);border-radius:16px;padding:30px 32px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.cta-band .tel{font-size:1.6rem;font-weight:700;color:#FBB13C;text-decoration:none}
.faq details{border:1px solid var(--cardln);border-radius:12px;padding:14px 18px;margin-bottom:10px;background:#fff}
.faq summary{cursor:pointer;font-weight:600;color:var(--ink)}
.faq .a{padding-top:10px;color:var(--fg-soft);font-size:.95rem}
.rv{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{transition:none;opacity:1;transform:none}}