/* MINIMALISTYCZNY: jasny, spokojny, dużo powietrza, jeden akcent */
:root{--bg:#fbfaf7;--tint:#f2f0ea;--card:#fff;--text:#16161a;--muted:#62626b;--line:#e4e1d9;--accent:#e4572e;--on-accent:#fff;--node-line:#d6d3ca;--field-radius:10px;--field-line:#dcd9d0;--field-bg:#fff;--focus:#e4572e;--ok:#0a7d5a;--r:18px}
body.m{background:var(--bg);color:var(--text);font:17px/1.65 "Inter","Helvetica Neue",Helvetica,Arial,system-ui,sans-serif}
.m a{color:inherit}
.m h1,.m h2,.m h3{font-weight:600;letter-spacing:-.03em;line-height:1.08;margin:0 0 .45em}
.m h1{font-size:clamp(2.5rem,5.6vw,4.6rem)}
.m h1 em,.m h2 em{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;color:var(--accent)}
.m h2{font-size:clamp(1.9rem,3.4vw,2.8rem)}.m h3{font-size:1.2rem;letter-spacing:-.01em}
.m p{margin:0 0 1em}
.m .wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.m .btn{background:var(--text);color:#fff;padding:14px 26px;border-radius:999px;font-weight:600;font-size:.95rem}
.m .btn:hover{background:var(--accent);filter:none}
.m a.btn.ghost{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1.5px var(--text)}
.m a.btn.ghost:hover{background:var(--text);color:#fff}
.m .btn.sm{padding:10px 18px;font-size:.88rem}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}

.top{position:sticky;top:0;z-index:40;background:rgba(251,250,247,.86);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid transparent}
.top .wrap{display:flex;justify-content:space-between;align-items:center;height:72px;gap:16px}
.logo{font-weight:700;font-size:1.3rem;letter-spacing:-.04em;text-decoration:none}.logo i{color:var(--accent);font-style:normal}
.nav{display:flex;align-items:center;gap:28px;font-size:.93rem}
.nav a:not(.btn){text-decoration:none;color:var(--muted)}.nav a:not(.btn):hover{color:var(--text)}
@media(max-width:820px){.nav a:not(.btn){display:none}}

.hero{padding:72px 0 64px}
.hg{display:grid;grid-template-columns:1.25fr .9fr;gap:56px;align-items:center}
.av{display:inline-flex;align-items:center;gap:10px;font-size:.85rem;color:var(--muted);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:6px 14px;margin-bottom:26px}
.av i{width:8px;height:8px;border-radius:50%;background:#22a06b;box-shadow:0 0 0 4px rgba(34,160,107,.15)}
.hero .lead{font-size:1.15rem;color:var(--muted);max-width:36em}
.st{display:flex;gap:40px;margin:46px 0 0;padding-top:26px;border-top:1px solid var(--line);flex-wrap:wrap}
.st dt{font-size:1.6rem;font-weight:600;letter-spacing:-.03em}.st dd{margin:0;color:var(--muted);font-size:.88rem}
.vis{position:relative;aspect-ratio:1/1.05;background:radial-gradient(circle at 70% 25%,#ffd9c9,transparent 55%),var(--tint);border-radius:28px;overflow:hidden}
.vis img{position:absolute;width:44%;border-radius:22px;box-shadow:0 30px 60px -25px rgba(22,22,26,.45);border:6px solid #fff}
.vis .f1{left:12%;top:9%;transform:rotate(-5deg)}.vis .f2{right:10%;top:20%;transform:rotate(5deg)}

.tools{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.tools .wrap{display:flex;flex-wrap:wrap;gap:10px 32px;align-items:center;padding-top:20px;padding-bottom:20px;color:var(--muted);font-weight:500;font-size:.95rem}
.tools b{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text)}

.sec{padding:104px 0}.sec.tint{background:var(--tint)}
.sh{max-width:720px;margin-bottom:48px}.sh p{color:var(--muted);font-size:1.08rem}
.no{display:inline-block;font-size:.8rem;font-weight:600;color:var(--accent);letter-spacing:.08em;margin-bottom:14px}
.no:after{content:"";display:inline-block;width:28px;height:1px;background:var(--accent);vertical-align:middle;margin-left:10px}

.svs{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--text)}
.sv{padding:28px 26px 8px 0;border-right:1px solid var(--line);margin-right:26px}.sv:last-child{border-right:0;margin-right:0}
.sv .ix{font-size:.85rem;color:var(--muted)}.sv h3{margin-top:22px}
.sv p{color:var(--muted);font-size:.95rem}
.sv ul{list-style:none;padding:0;margin:0;font-size:.9rem}.sv li{padding:6px 0;border-top:1px dashed var(--line)}

.ics{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.ic{position:relative;display:block;background:var(--card);border-radius:var(--r);overflow:hidden;text-decoration:none;box-shadow:0 1px 0 var(--line),0 20px 40px -32px rgba(22,22,26,.4);transition:transform .25s,box-shadow .25s}
.ic:hover{transform:translateY(-4px);box-shadow:0 1px 0 var(--line),0 30px 50px -28px rgba(22,22,26,.45)}
.ic .im{overflow:hidden;aspect-ratio:16/9}.ic img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s}.ic:hover img{transform:scale(1.04)}
.ic .tx{padding:20px 64px 22px 24px}.ic b{display:block;font-size:1.12rem;font-weight:600;letter-spacing:-.01em}.ic span{color:var(--muted);font-size:.92rem}
.ic i{position:absolute;right:20px;bottom:22px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);font-style:normal;transition:.25s}
.ic:hover i{background:var(--accent);border-color:var(--accent);color:#fff}

.pcs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pc{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:28px 24px;display:flex;flex-direction:column}
.pc .pn{font-size:.9rem;color:var(--muted)}.pc .pv{font-size:1.9rem;font-weight:600;letter-spacing:-.03em;margin:6px 0 18px}
.pc ul{list-style:none;padding:0;margin:0 0 24px;font-size:.92rem;flex:1}.pc li{padding:7px 0 7px 22px;position:relative}.pc li:before{content:"";position:absolute;left:0;top:15px;width:10px;height:1.5px;background:var(--accent)}
.pc .btn{text-align:center}
.pc.hot{background:var(--text);color:#fff;border-color:var(--text)}.pc.hot .pn{color:rgba(255,255,255,.65)}.pc.hot .btn{background:var(--accent)}.pc.hot .btn:hover{background:#fff;color:var(--text)}
.note{color:var(--muted);font-size:.85rem;margin-top:20px}

.pj{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;background:var(--card);border-radius:24px;padding:28px;margin-bottom:24px}
.pj:nth-of-type(even){grid-template-columns:1fr 1.1fr}.pj:nth-of-type(even) .ph{order:2}
.ph{display:flex;gap:14px;justify-content:center;align-items:flex-end;background:var(--tint);border-radius:18px;padding:36px 24px 0;overflow:hidden}
.ph img{width:30%;border-radius:16px 16px 0 0;box-shadow:0 20px 40px -24px rgba(22,22,26,.5)}.ph img:nth-child(2){width:34%}
.pt .sub{color:var(--accent);font-weight:500;margin-top:-.3em}.pt p{color:var(--muted);font-size:.98rem}
.tg{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 22px}.tg span{font-size:.8rem;border:1px solid var(--line);border-radius:999px;padding:4px 12px;color:var(--muted)}
.links{display:flex;gap:20px;flex-wrap:wrap;font-weight:600;font-size:.93rem}.links a{text-decoration:none;border-bottom:1.5px solid var(--accent);padding-bottom:2px}

.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;counter-reset:s}
.steps li{position:relative;padding-top:22px;border-top:1px solid var(--line)}
.steps span{position:absolute;top:-15px;left:0;width:30px;height:30px;border-radius:50%;background:var(--bg);border:1px solid var(--text);display:grid;place-items:center;font-size:.82rem;font-weight:600}
.steps b{display:block;margin:10px 0 6px}.steps p{color:var(--muted);font-size:.92rem}

.fq{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px}
.m details{border-bottom:1px solid var(--line);padding:20px 0}.m details:first-child{border-top:1px solid var(--line)}
.m summary{font-weight:500;font-size:1.06rem}.m summary::after{font-weight:400;font-size:1.3rem;line-height:1}
.m details p{color:var(--muted)}

.sec.dark{background:var(--text);color:#f4f2ec}
.cg{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.dark p{color:rgba(244,242,236,.72)}.dark .ml{font-size:1.25rem;margin-top:28px}.dark .ml a{color:#fff;border-bottom:1.5px solid var(--accent);text-decoration:none}
.fc{background:var(--card);color:var(--text);border-radius:22px;padding:30px}
.fc .fgrid label{font-weight:600;font-size:.86rem}
.fc .btn{width:100%;padding:16px}

footer{padding:30px 0;font-size:.88rem;color:var(--muted)}
footer .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.article{padding:40px 0}.article .wrap{max-width:760px}

@media(max-width:980px){.hg,.cg,.fq{grid-template-columns:1fr}.vis{max-width:460px;width:100%}.svs{grid-template-columns:1fr 1fr}.sv:nth-child(2){border-right:0;margin-right:0}.pcs{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr;row-gap:44px}.pj,.pj:nth-of-type(even){grid-template-columns:1fr}.pj:nth-of-type(even) .ph{order:0}}
@media(max-width:620px){.sec{padding:72px 0}.hero{padding:44px 0}.svs,.pcs,.ics,.steps{grid-template-columns:1fr}.sv{border-right:0;margin-right:0;border-bottom:1px solid var(--line);padding-bottom:20px}.st{gap:24px}.pj{padding:16px}.fc{padding:20px}}