/* «З чого почнемо саме у вас?» (головна, .st-start): чотири картки з приглушеним скриншотом сайту —
   при наведенні картинка «запалюється» кольором; остання картка (нотаріус, 04) — коралова; нижче темна плашка «Або одразу». */
.st-start{padding:110px 32px 150px;background:#f3f0ea;color:#20221f;font-family:Onest,system-ui,sans-serif}
.st-start .st-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:50px}
.st-start .st-k{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#7b7770;display:flex;align-items:center;gap:12px;margin:0}
.st-start .st-k::before{content:'';width:7px;height:7px;border-radius:50%;background:#ef8354}
.st-start h2{font-size:clamp(40px,4.8vw,78px);line-height:1;font-weight:600;letter-spacing:-.04em;margin:24px 0 0}
.st-start .st-head>p{max-width:360px;color:#55524c;font-size:15px;line-height:1.6;margin:0}
.st-opts{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.st-opt{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #20221f1a;overflow:hidden;color:#20221f;text-decoration:none;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.st-opt:hover{transform:translateY(-6px);box-shadow:0 30px 60px #20221f22}
.st-opt .st-pv{position:relative;aspect-ratio:16/10;overflow:hidden;background:#fff}
.st-opt .st-pv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;filter:grayscale(.9) contrast(.82) brightness(1.06);opacity:.5;transition:filter .6s,opacity .6s}
.st-opt:hover .st-pv img,.st-opt:focus-visible .st-pv img{filter:none;opacity:1}
.st-opt .st-n{position:absolute;left:14px;top:12px;font-size:12px;font-weight:700;background:#20221f;color:#f3f0ea;padding:5px 9px;letter-spacing:.06em}
.st-opt .st-ot{padding:24px 24px 22px;display:flex;flex-direction:column;flex:1}
.st-opt h3{font-size:clamp(22px,1.9vw,30px);line-height:1.05;letter-spacing:-.03em;font-weight:600;margin:0}
.st-opt p{font-size:14px;line-height:1.55;color:#55524c;margin:10px 0 0}
.st-opt .st-more{margin-top:auto;padding-top:20px;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.st-opt .st-more i{font-style:normal;width:40px;height:40px;border-radius:50%;border:1px solid #20221f33;display:grid;place-items:center;transition:background .3s,border-color .3s,color .3s}
.st-opt:hover .st-more i{background:#f15a24;border-color:#f15a24;color:#fff}
.st-opt.st-hl{background:#eab49a;border-color:#eab49a;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s,background .5s,border-color .5s}.st-opt.st-hl:hover,.st-opt.st-hl:focus-visible{background:#f15a24;border-color:#f15a24}.st-opt.st-hl .st-pv{background:#20221f}.st-opt.st-hl p{color:#20221fcc}
.st-opt.st-hl .st-more i{border-color:#20221f55}.st-opt.st-hl:hover .st-more i{background:#20221f;border-color:#20221f}
.st-free{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:18px;padding:30px 34px;background:#20221f;color:#f3f0ea;text-decoration:none}
.st-free b{font-size:clamp(22px,2.2vw,34px);font-weight:600;letter-spacing:-.03em;display:block}.st-free small{color:#8d8a84;font-size:14px}
.st-free span{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.st-free span i{font-style:normal;color:#ef8354;margin-left:10px}
@media(hover:none){.st-opt .st-pv img{filter:none;opacity:1}}
@media(max-width:900px){.st-start{padding:80px 20px 100px}.st-start .st-head{flex-direction:column;align-items:flex-start}.st-opts{grid-template-columns:1fr 1fr}.st-opt .st-pv img{filter:none;opacity:1}.st-free{flex-direction:column;align-items:flex-start}}
@media(max-width:560px){.st-opts{grid-template-columns:1fr}}