.services3{padding-block:120px 40px;display:flex;flex-direction:column;gap:40px}
.services3 .svc-note{color:var(--dim);font-size:15px;margin-top:-8px}
.services3 .svc-note p{margin:0}
.services3 .svc-note a{color:var(--accent-dark);font-weight:600}
.services3 .deck{position:relative;perspective:1600px;perspective-origin:50% 0%}
.deck-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;transform-style:preserve-3d}
.card3{display:flex;flex-direction:column;gap:12px;padding:30px 28px 26px;background:#fff;border:1px solid var(--line);border-radius:24px;text-decoration:none;position:relative;transform-style:preserve-3d;opacity:0;transform:rotateX(34deg) translateY(60px) translateZ(-60px);box-shadow:0 2px 4px rgba(0,0,0,.03);transition:transform 1s cubic-bezier(.2,.8,.2,1),opacity .8s,box-shadow .8s,border-color .4s}
.card3.in{opacity:1;transform:rotateX(0) translateY(0) translateZ(0);box-shadow:0 18px 40px rgba(120,80,40,.10)}
.card3.in:hover{transform:translateY(-8px) translateZ(20px);box-shadow:0 30px 60px rgba(120,80,40,.16);border-color:#f1d9c8}
.card3 .head{display:flex;align-items:center;gap:14px}
.card3 .nr{font-family:var(--display);font-size:22px;letter-spacing:.1em;color:var(--dim)}
.card3 .dial{margin-left:auto;width:48px;height:48px;border-radius:50%;background:var(--creme);border:3px solid #fff;box-shadow:inset 0 0 0 1px var(--line),0 4px 10px rgba(120,80,40,.1);display:flex;align-items:center;justify-content:center;position:relative}
.card3 .dial::before{content:"";position:absolute;inset:6px;border-radius:50%;border:1px dashed var(--ring)}
.card3 .dial svg{width:22px;height:22px;will-change:transform}
.card3 h3{margin:4px 0 0;font-size:24px;line-height:1.15;color:var(--fg)}
.card3 p{margin:0;color:var(--muted);flex-grow:1}
.card3 .more{font-weight:700;color:var(--accent-dark);display:inline-flex;gap:8px;align-items:center;margin-top:4px}
.card3 .more span{transition:transform .3s}.card3:hover .more span{transform:translateX(6px)}
.card3.is-kb{background:var(--ink);color:#fff;border-color:var(--ink)}
.card3.is-kb h3{color:#fff}.card3.is-kb p,.card3.is-kb .nr{color:#cfcac2}.card3.is-kb .more{color:var(--lachs)}
.card3.is-kb .dial{background:var(--accent);border-color:#2a2a2a;box-shadow:none}.card3.is-kb .dial::before{border-color:rgba(255,255,255,.35)}
.card3 .kb-tag{position:absolute;left:28px;top:-13px;background:var(--accent);color:#fff;font-family:var(--display);font-size:17px;letter-spacing:.1em;text-transform:uppercase;padding:5px 11px 3px;border-radius:999px}
.card3 .kb-price{font-family:var(--display);font-weight:500;font-size:34px;line-height:.9;color:var(--lachs);margin-top:4px}
.card3 .kb-price small{font-family:var(--body);font-size:13px;color:#cfcac2;margin-left:6px;font-weight:500}
.deck-base{position:absolute;left:-6%;right:-6%;top:-8%;bottom:-12%;z-index:-1;pointer-events:none;opacity:.7;background:linear-gradient(90deg,var(--bg),transparent 12%,transparent 88%,var(--bg)),linear-gradient(180deg,var(--bg),transparent 15%,transparent 85%,var(--bg)),repeating-linear-gradient(0deg,transparent 0 59px,#eadfd0 59px 60px),repeating-linear-gradient(90deg,transparent 0 59px,#eadfd0 59px 60px);transform:perspective(900px) rotateX(55deg);transform-origin:50% 100%}
@media (max-width:980px){.deck-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.deck-grid{grid-template-columns:1fr}.card3{padding:28px 24px 24px}.card3 .kb-tag{left:24px}}
@media (prefers-reduced-motion: reduce){.card3{opacity:1;transform:none}}