abcreha.pl

:root{ --am-brand:#009b8b; --am-ink:#0f1720; --am-muted:#5b6470; --am-brd:rgba(16,24,40,.08); --am-card:rgba(255,255,255,.7); --am-shadow:0 10px 28px rgba(2,6,23,.08); } .am-desc{ max-width:1100px; margin:12px auto 12px; padding:0 18px; font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial; color:var(--am-ink); } .am-desc__block{ margin:18px 0 22px; } .am-desc h2{ display:flex; align-items:center; gap:10px; justify-content:center; width:100%; text-align:center; margin:0 0 10px 0; font-weight:500; font-size:clamp(22px,3vw,30px); line-height:1.3; color:#24313a; } .am-desc__h2-icon{ width:28px; height:28px; object-fit:contain; flex-shrink:0; filter: brightness(0) saturate(100%) invert(8%) sepia(6%) saturate(1127%) hue-rotate(167deg) brightness(92%) contrast(95%); } .am-desc p{ margin:0; font-size:15.5px; line-height:1.65; color:var(--am-muted); } .am-features,.am-quick,.am-faq{ max-width:1100px; margin:28px auto 48px; padding:0 18px; font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial; color:var(--am-ink); } .am-features__header,.am-quick__header,.am-faq__header{ display:flex; align-items:center; justify-content:center; gap:12px; margin:6px auto 18px; max-width:900px; text-align:center; } .am-features__icon,.am-quick__icon,.am-faq__icon{ width:28px; height:28px; object-fit:contain; flex-shrink:0; filter: brightness(0) saturate(100%) invert(8%) sepia(6%) saturate(1127%) hue-rotate(167deg) brightness(92%) contrast(95%); } .am-features__title,.am-quick__title,.am-faq__title{ margin:0; text-align:center; font-weight:500; font-size:clamp(22px,3vw,30px); line-height:1.3; color:#24313a; } .am-features__grid{ list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(12,1fr); gap:16px; } .am-feature{ grid-column:span 4; background:var(--am-card); border:1px solid var(--am-brd); border-radius:16px; box-shadow:var(--am-shadow); padding:12px; display:grid; grid-template-columns:auto 1fr; gap:10px 14px; align-items:center; transform:rotate(var(--rot,0deg)) scale(.995); transition:transform .25s ease, box-shadow .25s ease; } .am-feature:hover,.am-quick__card:hover,.am-faq__item:hover{ transform:rotate(0deg) scale(1.01); box-shadow:0 16px 36px rgba(0,0,0,.18); } .am-feature--r1,.am-quick__card--r1,.am-faq__item--r1{ --rot:-0.6deg; } .am-feature--r2,.am-quick__card--r2,.am-faq__item--r2{ --rot:0.6deg; } .am-feature--r3,.am-faq__item--r3{ --rot:-0.4deg; } .am-feature__media{ width:58px; height:58px; border-radius:12px; overflow:hidden; display:grid; place-items:center; background:#fff; border:1px solid var(--am-brd); } .am-feature__media img{ width:70%; height:70%; object-fit:contain; } .am-feature__name{ margin:0 0 4px; font-weight:600; font-size:16px; line-height:1.35; } .am-feature__desc{ grid-column:1 / -1; margin:2px 0 0; font-size:14px; line-height:1.55; color:var(--am-muted); } .am-quick__grid{ display:grid; gap:16px; grid-template-columns:repeat(12,1fr); } .am-quick__card{ grid-column:span 6; background:var(--am-card); border:1px solid var(--am-brd); border-radius:16px; box-shadow:var(--am-shadow); padding:16px 14px; transform:rotate(var(--rot,0deg)) scale(.995); transition:transform .25s ease, box-shadow .25s ease; } .am-quick__subtitle{ margin:0 0 10px; font-weight:600; font-size:18px; line-height:1.35; color:#24313a; } .am-spec{ list-style:none; padding:0; margin:0; display:grid; gap:8px; } .am-spec li{ display:flex; justify-content:space-between; align-items:center; gap:10px; padding:10px 12px; border:1px dashed var(--am-brd); border-radius:12px; background:#fff; } .am-spec__k{ font-weight:600; font-size:14.5px; color:#1f2a33; } .am-spec__v{ font-size:14.5px; color:var(--am-muted); text-align:right; } .am-steps{ margin:0; padding-left:20px; display:grid; gap:8px; } .am-steps li{ font-size:14.5px; line-height:1.6; color:var(--am-muted); } .am-quick__note{ margin:10px 2px 2px; font-size:13.5px; color:#46515c; } .am-faq__list{ list-style:none; padding:0; margin:0; display:grid; gap:12px; } .am-faq__item{ background:var(--am-card); border:1px solid var(--am-brd); border-radius:16px; box-shadow:var(--am-shadow); padding:8px; transform:rotate(var(--rot,0deg)) scale(.995); transition:transform .25s ease, box-shadow .25s ease; } .am-faq__q{ width:100%; display:flex; align-items:center; justify-content:space-between; gap:12px; background:transparent; border:0; cursor:pointer; outline:none; padding:10px 12px; border-radius:12px; font-size:16px; font-weight:600; text-align:left; color:var(--am-ink); } .am-faq__q:hover,.am-faq__q:focus-visible{ background:rgba(0,155,139,.06); } .am-faq__chev{ position:relative; width:18px; height:18px; flex:0 0 18px; } .am-faq__chev::before,.am-faq__chev::after{ content:""; position:absolute; inset:0; border:2px solid var(--am-brand); border-left:0; border-top:0; transform:rotate(45deg); border-radius:3px; transition:transform .2s ease; } .am-faq__q[aria-expanded="true"] .am-faq__chev::before{ transform:rotate(-135deg); } .am