@charset "UTF-8";/* ========================= CASES TABS SECTION ========================= */ .cases-tabs-section{background:#eef4ff;padding:110px 24px 100px;overflow:hidden;}.cases-tabs-section .container{max-width:1500px;width:100%;margin:0 auto;}/* ========================= HEADER ========================= */ .cases-tabs-header{max-width:850px;margin:0 auto 52px;text-align:center;}.cases-tabs-label{margin-bottom:18px;color:#2463ff;font-size:13px;font-weight:800;letter-spacing:4px;text-transform:uppercase;}/* FIXED TITLE SIZE */ .cases-tabs-title{max-width:780px;margin:0 auto 24px;color:#10244a;font-size:clamp(36px,3vw,46px);line-height:1.1;font-weight:900;letter-spacing:-1.5px;}.cases-tabs-subtitle{max-width:760px;margin:0 auto;color:#65799a;font-size:19px;line-height:1.6;font-weight:500;}/* ========================= TABS ========================= */ .cases-tabs-buttons{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:52px;flex-wrap:wrap;}.cases-tabs-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 24px;border-radius:999px;border:1px solid #d8e1f1;background:#ffffff;color:#1f3357;font-size:14px;font-weight:800;line-height:1;cursor:pointer;transition:all 0.25s ease;box-shadow:0 5px 14px rgba(16,36,74,0.04);}.cases-tabs-button:hover,.cases-tabs-button.is-active{background:#2463ff;border-color:#2463ff;color:#ffffff;transform:translateY(-2px);box-shadow:0 16px 32px rgba(36,99,255,0.22);}.cases-tabs-button-icon{display:flex;align-items:center;justify-content:center;font-size:14px;}/* ========================= CONTENT ========================= */ .cases-tabs-content{max-width:1320px;width:100%;margin:0 auto;}/* ========================= PANEL ========================= */ .cases-tabs-panel{display:none;overflow:hidden;min-height:560px;border-radius:30px;background:#ffffff;border:1px solid #dde6f2;box-shadow:0 22px 60px rgba(16,36,74,0.06);}.cases-tabs-panel.is-active{display:grid;grid-template-columns:minmax(360px,0.9fr) minmax(0,1.25fr);animation:casesFade 0.35s ease;}/* ========================= TEXT SIDE ========================= */ .cases-tabs-text{padding:56px 52px;display:flex;flex-direction:column;justify-content:center;}.cases-tabs-content-title{display:flex;align-items:center;gap:12px;margin:0 0 34px;color:#10244a;font-size:clamp(28px,2.4vw,34px);line-height:1.1;font-weight:900;letter-spacing:-1px;}.cases-tabs-content-title::before{content:"⌂";color:#2463ff;font-size:24px;font-weight:900;}/* ========================= FEATURES ========================= */ .cases-tabs-features{display:grid;gap:18px;margin:0 0 40px;padding:0;list-style:none;}.cases-tabs-features li{position:relative;padding-left:34px;color:#34486a;font-size:17px;line-height:1.45;font-weight:500;}.cases-tabs-features li::before{content:"✓";position:absolute;left:0;top:-1px;color:#2463ff;font-size:20px;font-weight:900;}/* ========================= BRANDS ========================= */ .cases-tabs-brands{max-width:540px;padding:24px;border-radius:18px;border:1px solid #e7d9d5;background:linear-gradient(135deg,#f4f7ff 0%,#fff1ea 100%);}.cases-tabs-brands strong{display:block;margin-bottom:10px;color:#2463ff;font-size:15px;font-weight:900;letter-spacing:0.5px;text-transform:uppercase;}.cases-tabs-brands p{margin:0;color:#5b6d8a;font-size:15px;line-height:1.7;font-weight:500;}/* ========================= IMAGE SIDE ========================= */ .cases-tabs-image{position:relative;min-height:560px;overflow:hidden;background:#eef4ff;}.cases-tabs-image img{width:100%;height:100%;min-height:560px;object-fit:cover;object-position:center center;display:block;}/* ========================= ANIMATION ========================= */ @keyframes casesFade{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}/* ========================= LARGE TABLET ========================= */ @media (max-width:1200px){.cases-tabs-section{padding:96px 22px 88px;}.cases-tabs-content{max-width:1080px;}.cases-tabs-panel.is-active{grid-template-columns:1fr 1fr;}.cases-tabs-text{padding:44px 38px;}.cases-tabs-features li{font-size:16px;}}/* ========================= TABLET ========================= */ @media (max-width:900px){.cases-tabs-panel.is-active{grid-template-columns:1fr;}.cases-tabs-panel{min-height:auto;}.cases-tabs-text{order:1;padding:44px 36px;}.cases-tabs-image{order:2;min-height:460px;}.cases-tabs-image img{min-height:460px;}.cases-tabs-brands{max-width:100%;}}/* ========================= MOBILE ========================= */ @media (max-width:768px){.cases-tabs-section{padding:80px 18px;}.cases-tabs-header{margin-bottom:40px;}.cases-tabs-label{font-size:11px;letter-spacing:3px;}.cases-tabs-title{font-size:clamp(30px,7vw,38px);line-height:1.1;letter-spacing:-1px;}.cases-tabs-subtitle{font-size:16px;line-height:1.55;}.cases-tabs-buttons{gap:10px;margin-bottom:36px;}.cases-tabs-button{min-height:44px;padding:0 18px;font-size:13px;}.cases-tabs-panel{border-radius:24px;}.cases-tabs-content-title{font-size:28px;}.cases-tabs-features{gap:15px;}.cases-tabs-features li{font-size:15px;line-height:1.5;}.cases-tabs-image,.cases-tabs-image img{min-height:360px;}}/* ========================= SMALL MOBILE ========================= */ @media (max-width:520px){.cases-tabs-section{padding:64px 14px;}.cases-tabs-title{font-size:32px;}.cases-tabs-subtitle{font-size:15px;}.cases-tabs-buttons{flex-direction:column;align-items:stretch;}.cases-tabs-button{width:100%;}.cases-tabs-text{padding:30px 22px;}.cases-tabs-content-title{font-size:26px;margin-bottom:26px;}.cases-tabs-features li{padding-left:28px;font-size:14px;}.cases-tabs-brands{padding:18px;}.cases-tabs-brands p{font-size:14px;}.cases-tabs-image,.cases-tabs-image img{min-height:300px;}}