/* Existing display type, shared by the intro and each process step. */
.p3 .say-i{opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .5s cubic-bezier(.22,1,.36,1)}
.p3 .say-i.on{opacity:1;transform:none}
.p3 .say-i.out{opacity:0;transform:translateY(-6px);pointer-events:none}
.p3-live .p3-top{opacity:0;visibility:hidden;pointer-events:none}
.p3-live .p3-say{opacity:1;transition:none}
#hdr,.msticky{transition:opacity .35s ease,transform .4s ease}
#compare .cmp-seg{position:relative;isolation:isolate}
#compare .cmp-seg button{position:relative;z-index:1;background:transparent;transition:color .3s ease;box-shadow:none}
#compare .cmp-seg button.on{background:transparent;box-shadow:none;color:#181818}
.cmp-tab-ind{position:absolute;top:4px;bottom:4px;left:0;border-radius:99px;background:#ecebed;pointer-events:none;transition:transform .5s cubic-bezier(.22,1,.36,1),width .5s cubic-bezier(.22,1,.36,1)}
#cmpSvg .sg{transition:opacity .3s ease}
#cmpSvg[data-s="1"] .sg1,#cmpSvg[data-s="2"] .sg2,#cmpSvg[data-s="3"] .sg3{transition:opacity .35s ease}
#cmpSvg #cmK1,#cmpSvg #cmK2,#cmpSvg #cmK3,#cmpSvg #cmBand{display:none}
#cmpSvg[data-s] .img .ix{opacity:1}
@media(prefers-reduced-motion:reduce){.p3 .say-i,#hdr,.msticky,.cmp-tab-ind,#cmpSvg .sg{transition:none!important}}
.p3 .say-t{font:400 clamp(28px,3.6vw,52px)/1.08 var(--font-display);letter-spacing:-.025em;color:var(--ink);max-width:23ch;text-wrap:pretty;clip-path:none;transition:none}
.p3 .say-n{display:none}
.p3 .say-act{display:inline-flex;align-items:center;gap:14px;min-height:44px;padding:12px 18px;margin-top:20px;border:1px solid #666058;border-radius:10px;background:#171615;color:#eeeae4;font:600 14px/1.2 var(--font-text);box-shadow:0 3px 0 #080808;pointer-events:auto}
.p3 .say-act::after{content:'↻';font-size:23px;line-height:1;color:#e0ac70}
.p3 .say-act:hover{background:#27231f;border-color:#e0ac70}
.p3 .say-act:focus-visible{outline:2px solid #e0ac70;outline-offset:4px}
.p3 .say-act:active{box-shadow:none;translate:0 2px}
#compare .cmp-grid{column-gap:12px}
#compare .cmp-grid>.l[data-r]{font-weight:500;color:#aaa8a3}
#compare .cmp-grid>.c[data-r]{border-bottom-color:#30302e}
#compare .cmp[data-sel="3"] .cmp-grid>.c3[data-r]{background:#1c1a16;border-bottom-color:#40372b;color:#efe9dc}
#compare .cmp-grid>.c3[data-r] span{font-weight:600}
.ab-fb::after{content:'Руководитель студии'}
@media(max-width:800px){
 .p3 .say-t{font-size:clamp(23px,6.2vw,28px);line-height:1.12;max-width:none}
 .p3 .say-act{margin-top:16px}
 #compare .cmp[data-sel] .cmp-grid{grid-template-columns:1fr;column-gap:0;border-top:1px solid #34332e}
 #compare .cmp[data-sel] .cmp-grid>.l[data-r]{padding:10px 14px 2px;background:#141413;border:0;font-size:12px;line-height:1.2;color:#aaa69f}
 #compare .cmp[data-sel] .cmp-grid>.c[data-r]{padding:0 14px 10px;background:#141413;border-bottom:1px solid #34332e;font-size:14px;line-height:1.35}
 #compare .cmp[data-sel="3"] .cmp-grid>.l[data-r]{color:#d2a16c;background:#1b1814;border-left:2px solid #a87d4c}
 #compare .cmp[data-sel="3"] .cmp-grid>.c3[data-r]{background:#1b1814;border-left:2px solid #a87d4c;color:#f0e7dc}
}