.page-hero{position:relative;overflow:hidden;min-height:88vh;display:flex;align-items:center;padding:120px 0 60px}
.page-hero .wrap{position:relative;z-index:2;width:100%}
#bg{position:absolute;inset:0;width:100%;height:100%}
.hero-fade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,var(--bg) 0%,transparent 26%)}
.ah{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,64px);align-items:center}
.page-hero h1{font-size:clamp(40px,5vw,70px);line-height:1;letter-spacing:-.045em;font-weight:600;margin-top:16px}
.page-hero h1 .s{color:var(--accent);display:block;margin-top:4px}
.hero-acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
/* animated inbox */
@keyframes lp{70%{box-shadow:0 0 0 9px #1FA46300}100%{box-shadow:0 0 0 0 #1FA46300}}
[data-theme="dark"] .st.done{color:#4fd08e}
[data-theme="dark"] .st.human{color:#f0b75c}
.ic{width:44px;height:44px;border-radius:13px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;transition:transform .3s,background .3s,color .3s}
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:36px}
.steps li{padding-top:22px;border-top:2px solid var(--line)}.steps li:first-child{border-color:var(--accent)}
.steps .n{font-size:13px;font-weight:600;color:var(--accent)}
.steps b{display:block;font-size:20px;font-weight:600;letter-spacing:-.02em;margin-top:4px}
.steps p{font-size:15px;color:var(--muted);margin-top:6px}
.trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}
.trust span{font-size:14px;border:1px solid var(--line);border-radius:999px;padding:7px 14px;background:var(--s1);display:inline-flex;gap:8px;align-items:center}
.trust span::before{content:"";width:16px;height:16px;border-radius:50%;background:var(--accent-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='%232F4BD8' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/16px no-repeat}
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,5vw,70px)}
details{border-bottom:1px solid var(--line);padding:18px 0}details:first-child{border-top:1px solid var(--line)}
summary{cursor:pointer;list-style:none;font-size:18px;font-weight:500;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--accent);font-size:22px;line-height:1;transition:transform .3s}
details[open] summary::after{transform:rotate(45deg)}
details p{color:var(--muted);margin-top:10px;max-width:60ch}
.cta{text-align:center}.cta h2{margin:12px auto 0}.cta p{color:var(--muted);max-width:46ch;margin:14px auto 0}.cta .acts{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:26px}
@media (max-width:980px){.ah,.faq{grid-template-columns:1fr}.cats{grid-template-columns:1fr 1fr}.advs,.steps{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.cats,.advs,.steps{grid-template-columns:1fr}.page-hero{min-height:0}#ibList{height:330px}#ibList li{grid-template-columns:30px 1fr;}#ibList .st{grid-column:2;justify-self:start}}

/* ---------- AI section (shared) ---------- */
.back-ai{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--muted);margin-bottom:18px;transition:color .2s}
.back-ai:hover{color:var(--accent)}
.back-ai+.kicker{display:flex}
.more-tools{margin-top:18px!important}
.more-tools a{color:var(--accent);font-weight:500}
.ft:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.ft:hover .ic{background:var(--accent);color:#fff;transform:rotate(-6deg)}
.ft h3{font-size:19px;font-weight:600;letter-spacing:-.02em;margin-top:16px}
.ft p{font-size:14.5px;color:var(--muted);margin-top:6px}
.fts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:36px}
.ft{background:var(--s1);border:1px solid var(--line);border-radius:22px;padding:24px;transition:transform .3s,border-color .3s}
@media (max-width:980px){.tool-hero{min-height:0}}
@media (max-width:980px){.fts{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.fts{grid-template-columns:1fr}}
/* product pages (Society Suite) */
.prod-hero .ah{grid-template-columns:.85fr 1.15fr}
.prod-hero h1{font-size:clamp(38px,4.4vw,62px)}
.prod-hero .hero-fade{background:linear-gradient(90deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 82%,transparent) 42%,color-mix(in srgb,var(--bg) 30%,transparent) 100%),linear-gradient(0deg,var(--bg) 0%,transparent 26%)}
.demo-note{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:14px;color:var(--muted)}
.demo-note .dot{flex:none;width:8px;height:8px;border-radius:50%;background:#1FA463;box-shadow:0 0 0 0 #1FA46388;animation:lp 1.8s infinite}
@keyframes lp{70%{box-shadow:0 0 0 9px #1FA46300}100%{box-shadow:0 0 0 0 #1FA46300}}
.shot{margin:0;border-radius:18px;border:1px solid var(--line);background:var(--s1);box-shadow:0 40px 90px -50px #0009,0 2px 0 #0000000a;overflow:hidden;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.prod-hero .shot{transform:perspective(1600px) rotateY(-6deg) rotateX(2deg)}
.prod-hero .shot:hover{transform:none}
.shot .bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--s2) 60%,var(--s1))}
.shot .bar i{width:9px;height:9px;border-radius:50%;background:var(--line)}
.shot .bar span{margin-left:10px;flex:1;max-width:340px;font-size:12px;color:var(--muted);background:var(--bg);border-radius:999px;padding:4px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shot img{display:block;width:100%;height:auto}
.gal{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(26px,4vw,56px);align-items:center;margin-top:clamp(40px,6vw,72px)}
.gal.flip{grid-template-columns:1.2fr .8fr}.gal.flip .gt{order:2}
.gt h3{font-size:clamp(24px,2.4vw,32px);font-weight:600;letter-spacing:-.03em;line-height:1.1}
.gt p{color:var(--muted);margin-top:12px;font-size:16.5px}
.gt ul{list-style:none;margin-top:16px;display:grid;gap:8px}
.gt li{display:flex;gap:10px;align-items:center;font-size:15px}
.gt li::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;background:var(--accent-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='%232F4BD8' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/18px no-repeat}
.gt .open{display:inline-flex;gap:6px;align-items:center;margin-top:22px;font-weight:600;color:var(--accent)}
.gt .open span{transition:transform .2s}.gt .open:hover span{transform:translate(2px,-2px)}
.gt small{display:block;margin-top:4px;font-size:13px;color:var(--muted)}
.others{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}
.oth{display:grid;gap:6px;align-content:start;background:var(--s1);border:1px solid var(--line);border-radius:18px;padding:18px;color:var(--ink);transition:transform .3s,border-color .3s}
.oth:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.oth .ic{width:38px;height:38px;border-radius:11px;margin-bottom:6px}
.oth:hover .ic{background:var(--accent);color:#fff;transform:rotate(-6deg)}
.oth b{font-size:16px;font-weight:600;letter-spacing:-.01em}
.oth small{font-size:13.5px;color:var(--muted);line-height:1.4}
@media (max-width:980px){.prod-hero .ah,.gal,.gal.flip{grid-template-columns:1fr}.gal.flip .gt{order:0}.prod-hero .shot{transform:none}}
@media (max-width:560px){.others{grid-template-columns:1fr 1fr}.shot .bar span{display:none}}

@media (max-width:980px){.others{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.others{grid-template-columns:1fr}.oth{grid-template-columns:auto 1fr;column-gap:12px}.oth .ic{grid-row:span 2;margin:0}}

/* --- from services.css --- */
.page-hero{position:relative;overflow:hidden;min-height:82vh;display:flex;align-items:center;padding:120px 0 60px}
.page-hero .wrap{position:relative;z-index:2;width:100%}
#bg{position:absolute;inset:0;width:100%;height:100%}
.hero-fade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 85%,transparent) 38%,color-mix(in srgb,var(--bg) 10%,transparent) 64%,transparent 100%),linear-gradient(0deg,var(--bg) 0%,transparent 24%)}
.page-hero h1{font-size:clamp(40px,5.2vw,72px);line-height:1;letter-spacing:-.045em;font-weight:600;margin-top:16px;max-width:11ch}
.page-hero .lead{max-width:44ch}
.page-hero h1 .s{color:var(--accent);display:block}
.hero-acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.ic{width:46px;height:46px;border-radius:14px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;transition:transform .3s,background .3s,color .3s}
.lvl:hover .ic,.way:hover .ic{transform:rotate(-6deg);background:var(--accent);color:#fff}
.lvls{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px}
.lvl{background:var(--s1);border:1px solid var(--line);border-radius:24px;padding:30px;transition:transform .3s,border-color .3s}
.lvl:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.lvl.hi{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.lh{display:flex;justify-content:space-between;align-items:baseline;margin-top:22px;font-size:12.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--accent)}
.lh em{font-style:normal;color:var(--muted);letter-spacing:0;text-transform:none;font-weight:500}
.lvl h3{font-size:26px;font-weight:600;letter-spacing:-.03em;margin-top:6px}
.lvl p{color:var(--muted);font-size:15.5px;margin-top:8px}
.lvl ul,.plan ul{list-style:none;margin-top:18px;display:grid;gap:8px}
.lvl li,.plan li{display:flex;gap:10px;align-items:flex-start;font-size:15px}
.lvl li::before,.plan li::before{content:"";flex:none;margin-top:3px;width:18px;height:18px;border-radius:50%;background:var(--accent-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='%232F4BD8' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/18px no-repeat}
.steps{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:36px;counter-reset:s}
.steps li{position:relative;padding-top:22px;border-top:2px solid var(--line)}
.steps li:first-child{border-color:var(--accent)}
.steps .n{font-size:13px;font-weight:600;color:var(--accent)}
.steps b{display:block;font-size:19px;font-weight:600;letter-spacing:-.02em;margin-top:4px}
.steps p{font-size:14.5px;color:var(--muted);margin-top:6px}
.plats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px}
.plat{background:var(--s1);border:1px solid var(--line);border-radius:22px;padding:28px}
.plat:first-child{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.plat:first-child p{color:color-mix(in srgb,var(--bg) 72%,transparent)}
.plat:first-child .ph span{background:var(--accent);color:#fff}
.ph{display:flex;justify-content:space-between;align-items:center;gap:10px}
.ph h3{font-size:26px;font-weight:600;letter-spacing:-.03em}
.ph span{font-size:12px;font-weight:600;border-radius:999px;padding:4px 10px;background:var(--accent-soft);color:var(--accent);white-space:nowrap}
.plat p{color:var(--muted);font-size:15.5px;margin-top:14px}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px}
.plan{background:var(--s1);border:1px solid var(--line);border-radius:24px;padding:30px;display:flex;flex-direction:column}
.plan.hi{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.plan h3{font-size:26px;font-weight:600;letter-spacing:-.03em}
.plan>p{color:var(--muted);font-size:15px;margin-top:4px}
.plan ul{flex:1;margin-bottom:24px}
.plan .btn{align-self:flex-start}
.conn{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px);align-items:center}
.sys{display:flex;flex-wrap:wrap;gap:10px}
.sys span{background:var(--s1);border:1px solid var(--line);border-radius:14px;padding:14px 18px;font-size:15px;font-weight:500}
.sys span:nth-child(3n+1){border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}
.ways{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:36px}
.way{background:var(--s1);border:1px solid var(--line);border-radius:var(--r);padding:24px;display:flex;flex-direction:column}
.way .tp{margin-top:18px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);display:flex;justify-content:space-between}
.way .tp em{font-style:normal;color:var(--accent)}
.way h3{font-size:21px;font-weight:600;letter-spacing:-.02em;margin-top:6px}
.way p{font-size:15px;color:var(--muted);margin:6px 0 18px;flex:1}
.way .ft{font-size:13px;color:var(--muted);display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid var(--line)}
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,5vw,70px)}
details{border-bottom:1px solid var(--line);padding:18px 0}
details:first-child{border-top:1px solid var(--line)}
summary{cursor:pointer;list-style:none;font-size:18px;font-weight:500;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--accent);font-size:22px;line-height:1;transition:transform .3s}
details[open] summary::after{transform:rotate(45deg)}
details p{color:var(--muted);margin-top:10px;max-width:60ch}
.cta{text-align:center}.cta h2{margin:12px auto 0}.cta p{color:var(--muted);max-width:46ch;margin:14px auto 0}.cta .acts{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:26px}
@media (max-width:980px){.lvls,.plats,.plans{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.ways{grid-template-columns:1fr 1fr}.conn,.faq{grid-template-columns:1fr}}
@media (max-width:560px){.steps,.ways{grid-template-columns:1fr}.page-hero{min-height:0}.hero-fade{background:linear-gradient(0deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 70%,transparent) 55%,color-mix(in srgb,var(--bg) 30%,transparent) 100%)}}

/* card banners (canvas, still until hover) */
.lvl .pb,.way .pb{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 5%,var(--s1)),var(--s1))}
.lvl .pb{margin:-30px -30px 22px;height:150px;border-radius:24px 24px 0 0}
.way .pb{margin:-24px -24px 16px;height:118px;border-radius:var(--r) var(--r) 0 0}
.lvl .pb canvas,.way .pb canvas{display:block;width:100%;height:100%}
.lvl .pb::after,.way .pb::after{content:"";position:absolute;inset:auto 0 0 0;height:24px;background:linear-gradient(0deg,var(--s1),transparent);pointer-events:none}
.lvl.hi .pb{border-radius:22px 22px 0 0}

/* ===== Swiss site (profile ch) ===== */
.page-hero h1{max-width:13ch}
a.lvl{display:flex;flex-direction:column;color:var(--ink)}
a.lvl p{flex:0}
.lvl .go,.chk-teaser .go,.ref .go{margin-top:auto;padding-top:18px;font-weight:600;color:var(--accent);display:inline-flex;gap:6px}
.lvl .go b,.chk-teaser .go b,.ref .go b{transition:transform .2s}.lvl:hover .go b,.chk-teaser:hover .go b,.ref:hover .go b{transform:translateX(4px)}
.lvl .ic{margin-top:4px}
/* website-check teaser */
.chk-teaser{display:grid;grid-template-columns:1.25fr 1fr;gap:28px;align-items:center;padding:clamp(24px,3.4vw,40px);border-radius:28px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 60%),var(--s1);color:var(--ink);transition:transform .3s,border-color .3s}
.chk-teaser:hover{transform:translateY(-3px);border-color:var(--accent)}
.chk-teaser .new{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#12824c;background:#1FA4631f;border-radius:999px;padding:5px 11px}
.chk-teaser .new i{width:7px;height:7px;border-radius:50%;background:#1FA463}
.chk-teaser h3{font-size:clamp(24px,2.6vw,34px);font-weight:600;letter-spacing:-.03em;line-height:1.1;margin-top:14px}
.chk-teaser p{color:var(--muted);margin-top:10px;max-width:52ch}
.ct-r{background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:20px;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}
.score{width:96px;height:96px;border-radius:50%;display:grid;place-content:center;text-align:center;background:conic-gradient(#E8A33D 0 62%,var(--line) 62% 100%);position:relative}
.score::before{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--bg)}
.score b,.score small{position:relative}.score b{font-size:30px;font-weight:600;line-height:1}.score small{font-size:12px;color:var(--muted)}
.ct-r ul{list-style:none;display:grid;gap:8px;font-size:14px}
.ct-r li,.chk-list li{display:flex;gap:10px;align-items:center}
.ct-r li::before,.chk-list li::before{content:"";flex:none;width:10px;height:10px;border-radius:50%}
.ct-r li.ok::before,.chk-list li.ok::before{background:#1FA463}.ct-r li.warn::before,.chk-list li.warn::before{background:#E8A33D}.ct-r li.bad::before,.chk-list li.bad::before{background:#D64545}
/* reference */
.ref{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(22px,3vw,36px);border-radius:28px;border:1px solid var(--line);background:var(--s1);color:var(--ink);transition:transform .3s,border-color .3s}
.ref:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.ref h3{font-size:clamp(26px,3vw,38px);font-weight:600;letter-spacing:-.035em;margin-top:8px}
.ref p{color:var(--muted);margin-top:10px}
.ref-i img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid var(--line);box-shadow:0 30px 70px -40px #0008}
.refs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
.refc{background:var(--s1);border:1px solid var(--line);border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:8px}
.refc.hi{border-style:dashed;border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}
.refc h3{font-size:19px;font-weight:600;letter-spacing:-.02em;margin-top:8px}.refc p{color:var(--muted);font-size:15px}
.refc a{margin-top:auto;font-weight:600;color:var(--accent)}
/* facts */
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px}
.facts div{border-top:2px solid var(--accent);padding-top:18px}
.facts b{display:block;font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(48px,6vw,72px);line-height:1;color:var(--accent)}
.facts span{display:block;color:var(--muted);margin-top:8px;font-size:15.5px}
/* packages */
.plan .price{margin-top:auto;padding-top:14px;font-size:14px;color:var(--muted)}
.plan{display:flex;flex-direction:column}
/* contact cards */
.ccs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cc{background:var(--s1);border:1px solid var(--line);border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.cc h3{font-size:20px;font-weight:600;margin-top:8px}.cc p{color:var(--muted);margin-bottom:10px;word-break:break-word}.cc .btn{margin-top:auto}
.loc{display:flex;gap:8px;align-items:center;color:var(--muted);margin-top:22px;font-size:14.5px}
/* about */
.ab{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(30px,5vw,70px);align-items:center}
.about-hero h1{max-width:none}
.ab-photo img{display:block;width:100%;height:auto;border-radius:28px;box-shadow:0 40px 90px -50px #0009}
/* website check tool */
.chk-form{display:flex;gap:10px;margin-top:30px;max-width:640px;background:var(--s1);border:1px solid var(--line-2,var(--line));border-radius:999px;padding:6px;box-shadow:0 20px 50px -30px #0006}
.chk-form input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:17px;padding:0 18px;color:var(--ink);outline:none}
.chk-form .btn{flex:none}
.chk-form.err{border-color:#D64545}
.chk-note{font-size:13.5px;color:var(--muted);margin-top:12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.chk-report{background:var(--s1);border:1px solid var(--line);border-radius:28px;padding:clamp(22px,3.4vw,40px)}
.chk-top{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center}
.chk-top .score{width:120px;height:120px}
.chk-top h2{font-size:clamp(24px,2.8vw,34px);letter-spacing:-.03em}
.chk-top p{color:var(--muted);margin-top:6px;word-break:break-all}
.chk-shot img{width:180px;height:auto;border-radius:12px;border:1px solid var(--line)}
.chk-sum{margin-top:24px;padding:20px 22px;border-radius:18px;background:var(--accent-soft);font-size:16.5px;line-height:1.55}
.chk-sum .who{display:flex;gap:8px;align-items:center;font-size:12.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}
.chk-sum ol{margin:10px 0 0 20px;display:grid;gap:6px}
.chk-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.chk-cat{border:1px solid var(--line);border-radius:18px;padding:18px;background:var(--bg)}
.chk-cat h4{display:flex;justify-content:space-between;font-size:15.5px;font-weight:600}
.chk-cat h4 span{font-variant-numeric:tabular-nums;color:var(--muted)}
.chk-list{list-style:none;margin-top:12px;display:grid;gap:8px;font-size:14px}
.chk-list li small{display:block;color:var(--muted);font-size:12.5px}
.chk-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.chk-cta p{flex:1;min-width:240px;font-weight:500}
.chk-wait{display:flex;gap:14px;align-items:center;font-size:17px}
.chk-wait i{width:22px;height:22px;border-radius:50%;border:3px solid var(--accent-soft);border-top-color:var(--accent);animation:chkspin .8s linear infinite}
@keyframes chkspin{to{transform:rotate(360deg)}}
.chk-steps{list-style:none;margin-top:16px;display:grid;gap:8px;color:var(--muted);font-size:14.5px}
.chk-steps li.on{color:var(--ink);font-weight:500}.chk-steps li.done{color:#12824c}
@media (max-width:980px){.chk-teaser,.ref,.ab{grid-template-columns:1fr}.refs,.ccs,.facts,.chk-cats{grid-template-columns:1fr 1fr}.chk-top{grid-template-columns:auto 1fr}.chk-shot{display:none}}
@media (max-width:640px){.refs,.ccs,.facts,.chk-cats{grid-template-columns:1fr}.ct-r{grid-template-columns:1fr}.chk-form{flex-direction:column;border-radius:22px}.chk-form input{padding:12px 14px}.chk-top{grid-template-columns:1fr}}
/* feature cards with a banner (Shops, About): still until hover, like the Products page */
.ft .pb{position:relative;overflow:hidden;margin:-24px -24px 18px;height:124px;border-radius:21px 21px 0 0;border-bottom:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 5%,var(--s1)),var(--s1))}
.ft .pb canvas{display:block;width:100%;height:100%}
.ft .pb::after{content:"";position:absolute;inset:auto 0 0 0;height:20px;background:linear-gradient(0deg,var(--s1),transparent);pointer-events:none}
.ft.has-pb .ic{margin-top:-2px}
.chk-found{margin-top:20px;font-weight:500}.chk-found a{color:var(--accent)}.chk-found a:hover{text-decoration:underline}