/* VLYNK 19/10/2026 : pages solutions */
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#111318;background:#fff;-webkit-font-smoothing:antialiased}
a{color:inherit}img{max-width:100%;display:block}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid #eceef2}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:16px}
.top nav{display:flex;gap:22px;font-weight:600;font-size:15px}
.top nav a{text-decoration:none;color:#30343c}.top nav a:hover,.top nav a.on{color:#000;text-decoration:underline;text-underline-offset:6px}
.cta-s{background:#0b0b0f;color:#fff!important;text-decoration:none;font-weight:700;font-size:14px;padding:11px 18px;border-radius:999px;white-space:nowrap}
.hero{background:var(--bg,#f6f7fb);padding:72px 0 80px;overflow:hidden}
.hero .g{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.chip{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid #e3e5ea;color:#30343c}
.chip.c{background:var(--c);color:var(--on,#fff);border-color:var(--c)}
h1{font-family:Fredoka,Inter,sans-serif;font-size:clamp(36px,5vw,58px);line-height:1.04;letter-spacing:-.01em;margin:0 0 18px;color:var(--ink,#0b0b0f)}
h1 em{font-style:normal;color:var(--c)}
.lead{font-size:18px;line-height:1.6;color:#4a505c;margin:0 0 28px;max-width:560px}
.btns{display:flex;gap:12px;flex-wrap:wrap}
.b{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 24px;border-radius:14px;font-weight:800;font-size:16px;text-decoration:none;transition:transform .15s}
.b:hover{transform:translateY(-1px)}
.b.p{background:var(--c);color:var(--on,#fff)!important;box-shadow:0 12px 28px var(--sh,rgba(0,0,0,.18))}
.b.s{background:#fff;color:#0b0b0f!important;border:2px solid #0b0b0f}
.small{font-size:14px;color:#6a707c;margin-top:14px}
.shot{border-radius:22px;box-shadow:0 30px 60px rgba(15,17,21,.18);background:#fff;overflow:hidden}
.shot img{width:100%;height:auto;max-height:520px;object-fit:cover;object-position:top}
section.blk{padding:84px 0}section.alt{background:#f6f7fb}
.kick{text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:800;color:var(--c);text-align:center;margin:0 0 10px}
h2{font-family:Fredoka,Inter,sans-serif;font-size:clamp(28px,3.4vw,42px);line-height:1.1;margin:0 0 14px;text-align:center;color:#0b0b0f}
.sub{color:#5b616d;font-size:17px;line-height:1.6;text-align:center;max-width:700px;margin:0 auto 44px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:#fff;border:1px solid #e7e9ee;border-radius:20px;padding:24px}
.card .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--soft,#f1f2f6);color:var(--c);margin-bottom:14px}
.card h3{font-size:18px;margin:0 0 8px;font-weight:800}.card p{margin:0;color:#5b616d;line-height:1.6;font-size:15px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:s}
.step{background:#0b0b0f;color:#fff;border-radius:20px;padding:28px 24px;position:relative}
.step:before{counter-increment:s;content:counter(s);position:absolute;top:-14px;left:22px;width:34px;height:34px;border-radius:10px;background:var(--c);color:var(--on,#fff);display:grid;place-items:center;font-weight:800}
.step h3{margin:6px 0 8px;font-size:18px}.step p{margin:0;color:#c3c7d0;line-height:1.6;font-size:15px}
.plans{display:grid;grid-template-columns:repeat(var(--n,3),1fr);gap:20px;max-width:var(--mw,1060px);margin:0 auto}
.plan{background:#fff;border:1px solid #e7e9ee;border-radius:22px;padding:28px 24px;display:flex;flex-direction:column}
.plan.hl{background:#0b0b0f;color:#fff;border-color:#0b0b0f;transform:translateY(-6px);box-shadow:0 26px 50px rgba(0,0,0,.22)}
.plan h3{margin:0 0 4px;font-size:20px}.plan .t{color:#6a707c;font-size:14px;margin-bottom:16px}.plan.hl .t{color:#aeb3bd}
.plan .pr{font-size:40px;font-weight:800;letter-spacing:-.02em}.plan .pr small{font-size:15px;font-weight:700;color:#6a707c}.plan.hl .pr small{color:#aeb3bd}
.plan ul{list-style:none;padding:0;margin:18px 0 22px;display:grid;gap:9px;flex:1}
.plan li{padding-left:26px;position:relative;font-size:15px;line-height:1.45}
.plan li:before{content:"";position:absolute;left:0;top:3px;width:17px;height:17px;border-radius:50%;background:var(--c)}
.plan li:after{content:"";position:absolute;left:5px;top:7px;width:6px;height:3px;border-left:2px solid var(--on,#fff);border-bottom:2px solid var(--on,#fff);transform:rotate(-45deg)}
.plan .b{width:100%}.plan:not(.hl) .b.p{box-shadow:none}
.note{text-align:center;color:#6a707c;font-size:14px;margin-top:22px}
.eco{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.eco a{display:flex;gap:14px;align-items:flex-start;text-decoration:none;background:#fff;border:1px solid #e7e9ee;border-radius:18px;padding:20px;transition:transform .15s,box-shadow .15s}
.eco a:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.08)}
.eco .dot{flex:0 0 42px;height:42px;border-radius:12px;display:grid;place-items:center;font-weight:800;color:#fff;font-family:Fredoka,Inter,sans-serif;font-size:20px}
.eco b{display:block;font-size:16px;margin-bottom:3px}.eco span{color:#5b616d;font-size:14px;line-height:1.45}
.final{background:#0b0b0f;color:#fff;text-align:center;padding:76px 0}
.final h2{color:#fff}.final p{color:#c3c7d0;font-size:17px;margin:0 0 26px}
.final .btns{justify-content:center}
.faq{max-width:820px;margin:0 auto}
.faq details{background:#fff;border:1px solid #e7e9ee;border-radius:14px;padding:16px 20px;margin-bottom:10px}
.faq summary{font-weight:800;cursor:pointer}.faq p{color:#5b616d;line-height:1.6;margin:10px 0 0}
footer{background:#0b0b0f;color:#aeb3bd;padding:36px 0;font-size:14px}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px}
footer a{color:#fff;text-decoration:none;margin-right:16px}
@media(max-width:900px){.hero .g,.grid,.steps,.plans,.eco{grid-template-columns:1fr}.top nav{display:none}.plan.hl{transform:none}.hero{padding:44px 0 56px}section.blk{padding:60px 0}}

.gal{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:30px}.gal img{height:380px;width:auto;border-radius:18px;box-shadow:0 18px 40px rgba(0,0,0,.12)}@media(max-width:900px){.gal img{height:auto;width:100%;max-width:420px}}