.s4-versus{position:relative;isolation:isolate;overflow:hidden;padding:132px 0 145px;background:radial-gradient(850px 560px at 50% 58%,color-mix(in srgb,var(--orange) 9%,transparent),transparent 72%),#080a09;color:#f3f1ec}
.s4-versus:before{content:"VS";position:absolute;z-index:-2;right:-.02em;bottom:-.05em;color:rgba(255,255,255,.018);font:900 clamp(20rem,42vw,44rem)/.65 var(--f-d);letter-spacing:-.11em}
.s4-versus-head{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}.s4-versus-head .kicker{margin:0 0 14px;color:var(--orange)}.s4-versus-head h2{max-width:12ch;margin:0;font-size:clamp(3.6rem,6.2vw,6.6rem);line-height:.84;letter-spacing:-.06em}.s4-versus-head>span{color:#676d69;font:.58rem var(--f-m);letter-spacing:.13em;text-transform:uppercase}
.s4-card-table{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);align-items:center;gap:30px;max-width:1080px;margin:80px auto 0;perspective:1800px}
.s4-play-card{--rx:0deg;--ry:0deg;position:relative;width:min(100%,410px);aspect-ratio:.72;margin:auto;transform-style:preserve-3d;transform:translate3d(0,90px,-180px) rotateY(180deg) rotateZ(var(--deal-rotate));opacity:0;transition:transform 1.05s cubic-bezier(.18,.84,.23,1),opacity .5s}.s4-play-card.insurer{--deal-rotate:-4deg;justify-self:end}.s4-play-card.expert{--deal-rotate:4deg;justify-self:start;transition-delay:.16s}.s4-card-table.is-dealt .s4-play-card{opacity:1;transform:translateZ(0) rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--deal-rotate))}
.s4-card-face,.s4-card-back{position:absolute;inset:0;overflow:hidden;border-radius:24px;backface-visibility:hidden;box-shadow:0 40px 100px rgba(0,0,0,.42)}.s4-card-face{display:flex;flex-direction:column;padding:42px 38px;border:1px solid #d9d5cc;background:#f2f0e9;color:#171817}.s4-play-card.expert .s4-card-face{border-color:color-mix(in srgb,var(--orange) 55%,transparent);background:linear-gradient(145deg,#fff7f1,#eee9df)}.s4-card-back{display:grid;place-items:center;border:8px solid #e8e4da;background-color:#151815;background-image:linear-gradient(45deg,color-mix(in srgb,var(--orange) 25%,transparent) 25%,transparent 25%,transparent 75%,color-mix(in srgb,var(--orange) 25%,transparent) 75%),linear-gradient(45deg,color-mix(in srgb,var(--orange) 25%,transparent) 25%,transparent 25%,transparent 75%,color-mix(in srgb,var(--orange) 25%,transparent) 75%);background-position:0 0,13px 13px;background-size:26px 26px;transform:rotateY(180deg)}.s4-card-back:before{content:"IK";display:grid;place-items:center;width:150px;height:150px;border:2px solid var(--orange);border-radius:50%;background:#111;color:var(--orange);font:900 4rem var(--f-d);box-shadow:0 0 0 14px #111,0 0 0 16px var(--orange)}
.s4-card-corner{position:absolute;top:24px;left:24px;display:grid;text-align:center;color:#202220;font:900 1.65rem/.85 var(--f-d)}.s4-card-corner i{margin-top:8px;color:#555;font:1.25rem serif;font-style:normal}.s4-card-corner.bottom{inset:auto 24px 24px auto;transform:rotate(180deg)}.s4-play-card.expert .s4-card-corner,.s4-play-card.expert .s4-card-corner i{color:var(--orange)}
.s4-card-content{position:relative;z-index:2;margin:auto 0}.s4-card-content .tag{color:#777b76;font:.56rem var(--f-m);letter-spacing:.14em;text-transform:uppercase}.s4-play-card.expert .tag{color:var(--orange)}.s4-card-content h3{max-width:11ch;margin:14px 0 25px;font-size:clamp(2rem,3.1vw,3.25rem);line-height:.9}.s4-card-content ul{margin:0;padding:0;list-style:none}.s4-card-content li{position:relative;padding:12px 0 12px 27px;border-top:1px solid #d8d4cb;color:#666963;font-size:.87rem;line-height:1.48}.s4-card-content li:before{content:"−";position:absolute;left:2px;color:#8e928d}.s4-play-card.expert li:before{content:"✓";color:var(--orange);font-weight:800}.s4-card-code{position:absolute;left:38px;bottom:27px;color:#aaa69d;font:.5rem var(--f-m);letter-spacing:.12em}.s4-play-card.expert .s4-card-code{color:#b86a49}
.s4-vs-chip{position:relative;z-index:5;display:grid;place-items:center;width:86px;height:86px;border:1px solid color-mix(in srgb,var(--orange) 55%,transparent);border-radius:50%;background:#111411;color:var(--orange);font:900 1.55rem var(--f-d);box-shadow:0 0 0 9px color-mix(in srgb,var(--orange) 7%,transparent),0 20px 60px rgba(0,0,0,.5);animation:s4ChipPulse 2.6s ease-in-out infinite}.s4-vs-chip:before,.s4-vs-chip:after{content:"";position:absolute;inset:8px;border:1px dashed color-mix(in srgb,var(--orange) 45%,transparent);border-radius:50%}.s4-vs-chip:after{inset:-25px;border-color:rgba(255,255,255,.08);animation:s4ChipSpin 12s linear infinite}
.s4-versus-note{display:flex;align-items:center;gap:18px;max-width:920px;margin:70px auto 0;padding-top:28px;border-top:1px solid #292c29;color:#9ba19d;font-size:.91rem;line-height:1.65}.s4-versus-note i{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:50%;background:color-mix(in srgb,var(--orange) 11%,transparent);color:var(--orange);font:800 1rem var(--f-d);font-style:normal}
@keyframes s4ChipPulse{50%{transform:translateY(-6px);box-shadow:0 0 0 14px color-mix(in srgb,var(--orange) 4%,transparent),0 28px 70px rgba(0,0,0,.6)}}@keyframes s4ChipSpin{to{transform:rotate(360deg)}}
@media(max-width:880px){.s4-versus{padding:105px 0 125px}.s4-card-table{grid-template-columns:1fr 65px 1fr;gap:15px}.s4-play-card{width:100%}.s4-card-face{padding:34px 27px}.s4-card-corner{top:18px;left:18px}.s4-card-corner.bottom{right:18px;bottom:18px}.s4-card-content h3{font-size:2rem}.s4-vs-chip{width:64px;height:64px}}
@media(max-width:650px){.s4-versus{padding:84px 0 118px}.s4-versus-head{grid-template-columns:1fr}.s4-versus-head h2{max-width:100%;font-size:clamp(2.2rem,10.2vw,3.25rem);line-height:.9}.s4-versus-head h2 em{white-space:nowrap}html[lang="en"] .s4-versus-head h2{font-size:clamp(2rem,8.8vw,2.8rem)}html[lang="tr"] .s4-versus-head h2{font-size:clamp(2.05rem,9.2vw,2.95rem)}.s4-versus-head>span{display:none}.s4-card-table{grid-template-columns:1fr;margin-top:58px;gap:32px}.s4-play-card{width:min(92%,390px);aspect-ratio:.73}.s4-play-card.insurer,.s4-play-card.expert{justify-self:center}.s4-vs-chip{grid-row:2;margin:-13px auto;transform:rotate(8deg)}.s4-card-content h3{font-size:2.15rem}.s4-card-content li{font-size:.84rem}.s4-versus-note{margin-top:54px;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.s4-play-card{opacity:1;transform:none!important;transition:none}.s4-vs-chip,.s4-vs-chip:after{animation:none}}