/* İnci’yi Tanıyın | Hikâye alanı — sekmeli kurumsal tanıtım */
.about-story{padding:clamp(54px,5.8vw,83px) 0 clamp(65px,7vw,99px)}
.about-story__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:clamp(32px,5.1vw,74px);align-items:center}
.about-story__visual{aspect-ratio:1.2;border-radius:23px;box-shadow:0 22px 52px rgba(7,29,58,.12)}
.about-story__content.about-story__content--interactive{width:100%;max-width:none;min-width:0;padding:4px 0}
.about-story__kicker{display:flex;align-items:center;gap:18px;margin-bottom:17px;color:#b48a0c;font-size:12px;font-weight:800;letter-spacing:.16em;line-height:1.5}
.about-story__kicker i{width:50px;height:1px;background:rgba(180,138,12,.52);flex:0 0 auto}
.about-story__content--interactive h2{margin:0 0 16px;font-size:clamp(32px,2.85vw,44px);font-weight:700;letter-spacing:-.03em;line-height:1.19;color:#082b5e;text-wrap:balance}
.about-story__content--interactive .about-story__opening{font-size:clamp(15px,1.03vw,17px);line-height:1.7;color:#43566d;font-weight:500;margin:0 0 23px;max-width:670px}
.about-story__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #dce4e9;border-radius:9px;overflow:hidden;background:rgba(255,255,255,.8);margin:0 0 20px}
.about-story__tab{appearance:none;position:relative;min-width:0;min-height:65px;padding:11px 8px;display:flex;align-items:center;justify-content:center;gap:9px;background:transparent;border:0;border-right:1px solid #e0e5ea;font-family:inherit;font-size:clamp(11px,.85vw,14px);font-weight:600;line-height:1.36;color:#435872;cursor:pointer;transition:background .2s,color .2s;text-align:center}
.about-story__tab:last-child{border-right:0}
.about-story__tab::before{position:absolute;top:0;left:0;right:0;height:3px;content:'';background:#e7b600;transform:scaleX(0);transition:transform .22s ease}
.about-story__tab[aria-selected="true"]{background:#fffaf0;color:#082b5e;font-weight:800}
.about-story__tab[aria-selected="true"]::before{transform:scaleX(1)}
.about-story__tab:hover{background:#fff8e5}
.about-story__tab:focus-visible{z-index:1;outline:3px solid #16559e;outline-offset:-4px}
.about-story__tab svg,.about-story__benefit-icon svg{width:21px;height:21px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.about-story__panel[hidden]{display:none!important}
.about-story__content--interactive .about-story__panel-lead{margin:0 0 20px;font-size:clamp(15px,1.04vw,17px);font-weight:500;color:#44586f;line-height:1.7}
.about-story__benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;margin-bottom:23px}
.about-story__benefit{min-width:0;display:flex;gap:11px;align-items:flex-start}
.about-story__benefit-icon{flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:#edf3da;color:#0b3763;display:grid;place-items:center}
.about-story__benefit-icon svg{width:23px;height:23px}
.about-story__benefit strong{display:block;font-size:clamp(14px,1vw,16px);font-weight:800;line-height:1.38;color:#092d66;margin-bottom:3px}
.about-story__benefit div>span{display:block;font-size:clamp(13px,.89vw,15px);font-weight:500;line-height:1.55;color:#576a7e}
.about-story__actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.about-story__action{display:inline-flex;justify-content:space-between;align-items:center;gap:10px;position:relative;isolation:isolate;overflow:hidden;min-height:52px;padding:12px 16px;border-radius:7px;font-size:clamp(13px,.92vw,15px);font-weight:800;line-height:1.35;text-decoration:none;transition:color .25s,box-shadow .25s,border-color .25s}
.about-story__action::before{content:'';position:absolute;inset:0;z-index:-1;transform:translateY(-102%);background:#1252a0;transition:transform .28s cubic-bezier(.21,.84,.19,1)}
.about-story__action:hover::before,.about-story__action:focus-visible::before{transform:translateY(0)}
.about-story__action:hover,.about-story__action:focus-visible{color:#fff;box-shadow:0 10px 24px rgba(8,45,96,.14)}
.about-story__action>span{font-size:20px;font-weight:500;line-height:1;transition:transform .25s}
.about-story__action:hover>span{transform:translateX(3px)}
.about-story__action--primary{background:#ffd424;color:#082b5e;border:1px solid #ffd424}
.about-story__action--secondary{background:rgba(255,255,255,.68);color:#082b5e;border:1px solid #b9c8d4}
@media(min-width:1280px){.about-story__grid{gap:clamp(36px,4vw,68px)}}
@media(max-width:1100px){
 .about-story__grid{gap:28px;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)}
 .about-story__content--interactive h2{font-size:clamp(30px,3vw,36px)}
 .about-story__tab{min-height:58px;gap:6px;padding:8px 5px}
 .about-story__tab svg{width:17px;height:17px}
 .about-story__benefits{gap:12px}
 .about-story__benefit-icon{width:40px;height:40px;flex-basis:40px}
 .about-story__action{padding:11px 12px}
}
@media(max-width:780px){
 .about-story{padding:47px 0 68px}
 .about-story__grid{grid-template-columns:minmax(0,1fr);gap:28px}
 .about-story__visual{aspect-ratio:1.48}
 .about-story__content.about-story__content--interactive{max-width:100%}
 .about-story__content--interactive h2{font-size:clamp(31px,5.2vw,40px)}
 .about-story__tab{font-size:13px;min-height:61px}
 .about-story__tab svg{width:20px;height:20px}
 .about-story__benefits{gap:18px}
 .about-story__action{font-size:14px}
}
@media(max-width:520px){
 .about-story{padding:32px 0 56px}
 .about-story__grid{gap:23px}
 .about-story__visual{aspect-ratio:1.3;border-radius:15px}
 .about-story__kicker{font-size:11px;letter-spacing:.12em;margin-bottom:12px}
 .about-story__kicker i{width:25px}
 .about-story__content--interactive h2{font-size:clamp(29px,7.6vw,36px);margin-bottom:12px}
 .about-story__desktop-break{display:none}
 .about-story__content--interactive .about-story__opening{font-size:15px;line-height:1.63;margin-bottom:17px}
 .about-story__tabs{margin-bottom:16px}
 .about-story__tab{min-height:72px;flex-direction:column;gap:5px;font-size:12px;padding:9px 5px}
 .about-story__tab svg{width:20px;height:20px}
 .about-story__content--interactive .about-story__panel-lead{font-size:15px;margin-bottom:17px}
 .about-story__benefits{grid-template-columns:1fr;gap:14px;margin-bottom:19px}
 .about-story__benefit-icon{width:41px;height:41px;flex-basis:41px}
 .about-story__benefit strong{font-size:15px}
 .about-story__benefit div>span{font-size:14px}
 .about-story__actions{grid-template-columns:1fr;gap:9px}
 .about-story__action{min-height:49px;font-size:14px;padding:10px 15px}
}
@media(prefers-reduced-motion:reduce){.about-story__tab,.about-story__tab::before,.about-story__action,.about-story__action::before,.about-story__action>span{transition:none!important}}

/* Hakkımızda: küçük sekmeler ve kurumsal öne çıkanlar */
.about-story__tab .inci-premium-icon{width:35px;height:35px;flex:0 0 35px;object-fit:contain}
.about-story__benefit-icon{background:transparent;border-radius:0;width:54px;height:54px;flex:0 0 54px}
.about-story__benefit-icon .inci-premium-icon{width:100%;height:100%}
@media(max-width:640px){.about-story__tab .inci-premium-icon{width:30px;height:30px;flex-basis:30px}.about-story__benefit-icon{width:45px;height:45px;flex-basis:45px}}
