.online-cta{background:var(--paper);padding-block:clamp(56px,7vw,96px) clamp(8px,2vw,24px)}.oc-frame{border-radius:var(--r-lg);background:var(--night);border-top:2px solid var(--red);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:400px;display:grid;overflow:hidden}.oc-panel{color:var(--white);flex-direction:column;justify-content:center;gap:18px;padding:clamp(32px,4.5vw,64px);display:flex}.oc-panel .eyebrow{margin:0}.oc-baslik{font-family:var(--display);letter-spacing:-.015em;text-wrap:balance;max-width:17ch;padding-bottom:.08em;font-size:clamp(1.8rem,3.2vw,2.75rem);font-weight:400;line-height:1.1}.oc-panel p{color:#ffffffc2;max-width:46ch;font-size:.98rem;line-height:1.65}.oc-btns{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.oc-btn-line{color:var(--white);background:0 0;border:1px solid #ffffff57}.oc-btn-line:hover{border-color:var(--white);background:#ffffff0f}.oc-media{min-height:100%;position:relative}.oc-media img{object-fit:cover;object-position:72% 50%;width:100%;height:100%;position:absolute;inset:0}@media (max-width:860px){.oc-frame{grid-template-columns:1fr;min-height:0}.oc-media{aspect-ratio:16/10;order:-1;max-width:100%}.oc-baslik{max-width:none}}@media (max-width:420px){.oc-btns .btn{justify-content:center;width:100%}}