/* ===== tüm çözümler tek 3D animasyon ===== */
    .elx-hub-hero{--navy:#17306b;--sw:1.2;--sh:1;--sc:min(var(--sw),var(--sh));--container-wide:1280px;--ink2:#1b2c5d;--muted:#9fb0cc;--orange2:#f5821f;--orange-2:#ffa64d;--red:#e0483c;--green:#2bb673;--blue:#4a90e2;--line2:rgba(255,255,255,.16);--grey2:#9dabc4}
    .elx-hub-hero .frame{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;background:none;border:none;perspective:1900px;perspective-origin:50% 48%}
    .elx-hub-hero .scene{position:absolute;inset:0;transform-style:preserve-3d;transform:translate(0,18px) rotateX(58deg) rotateZ(-38deg) scale(1.02)}
    .elx-hub-hero .b{position:absolute;left:50%;top:50%;transform-style:preserve-3d;width:var(--w);height:var(--d);margin-left:calc(var(--w) / -2);margin-top:calc(var(--d) / -2)}
    .elx-hub-hero .b i{position:absolute;left:0;top:0;transform-origin:0 0;display:block}
    .elx-hub-hero .b i.t{width:var(--w);height:var(--d);transform:translateZ(var(--h));background:var(--top,linear-gradient(135deg,#2c56a6,#1a3576));box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)}
    .elx-hub-hero .b i.s{width:var(--w);height:var(--h);transform:translate3d(0,var(--d),0) rotateX(90deg);background:var(--sd,linear-gradient(180deg,#1c3a7c,#0f2456))}
    .elx-hub-hero .b i.n{width:var(--w);height:var(--h);transform:rotateX(90deg);background:var(--sd2,#12295e)}
    .elx-hub-hero .b i.w{width:var(--h);height:var(--d);transform:rotateY(-90deg);background:var(--sd,#132c63)}
    .elx-hub-hero .b i.e{width:var(--h);height:var(--d);transform:translate3d(var(--w),0,0) rotateY(-90deg);background:var(--sd2,#102455)}
    .elx-hub-hero .b i.bays{width:var(--w);height:var(--h);transform:translate3d(0,var(--d),0) rotateX(90deg);display:flex;gap:3px;padding:4px 7px;align-items:center;background:none}
    .elx-hub-hero .b i.bays em{flex:1;height:100%;background:rgba(255,255,255,.08);border-left:2px solid rgba(255,255,255,.16)}
    .elx-hub-hero .b i.led{width:6px;height:6px;left:auto;right:9px;top:0;transform:translate3d(0,var(--d),0) rotateX(90deg) translate(0,8px);background:var(--orange2);box-shadow:0 0 8px var(--orange2)}
    .elx-hub-hero .b i.seam{width:var(--w);height:2px;transform:translate3d(0,var(--d),0) rotateX(90deg);opacity:0;background:linear-gradient(90deg,rgba(245,130,31,0),var(--orange-2),rgba(245,130,31,0));box-shadow:0 0 10px rgba(245,130,31,.9)}
    .elx-hub-hero .b i.gl{width:var(--w);height:var(--d);transform:translateZ(calc(var(--h) + .4px));opacity:0;background:linear-gradient(135deg,rgba(245,130,31,.5),rgba(255,166,77,.08) 55%,rgba(245,130,31,.4));box-shadow:inset 0 0 0 2px rgba(255,166,77,.9)}
    .elx-hub-hero .b.old i.t{background:linear-gradient(135deg,#ccd4e3,#adbacf);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
    .elx-hub-hero .b.old i.s,.elx-hub-hero .b.old i.n,.elx-hub-hero .b.old i.w,.elx-hub-hero .b.old i.e{background:#9fadc5}
    .elx-hub-hero .b.hot i.t{background:linear-gradient(135deg,var(--orange-2),var(--orange2))}
    .elx-hub-hero .b.hot i.s,.elx-hub-hero .b.hot i.e{background:#d9700f}.elx-hub-hero .b.hot i.n,.elx-hub-hero .b.hot i.w{background:#c4640c}
    .elx-hub-hero .b.sky i.t{background:linear-gradient(135deg,#6aa8ec,#3b7fd4)}
    .elx-hub-hero .b.sky i.s,.elx-hub-hero .b.sky i.e{background:#3572bd}.elx-hub-hero .b.sky i.n,.elx-hub-hero .b.sky i.w{background:#2c63a6}
    .elx-hub-hero .flat{position:absolute;left:50%;top:50%;transform-style:preserve-3d}
    .elx-hub-hero .dot{position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:var(--orange2);box-shadow:0 0 10px rgba(245,130,31,.9)}
    .elx-hub-hero .shadow2{position:absolute;left:50%;top:50%;width:220px;height:140px;margin-left:-110px;margin-top:-70px;background:radial-gradient(ellipse at center,rgba(0,0,0,.22),rgba(0,0,0,0) 70%)}
    .elx-hub-hero .bb{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d}
    .elx-hub-hero .badge2{position:relative;width:54px;height:54px;border-radius:50%;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 26px rgba(0,0,0,.28)}
    .elx-hub-hero .badge2 svg{width:24px;height:24px;fill:none;stroke:var(--navy);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
    .elx-hub-hero .badge2.orange{border-color:rgba(245,130,31,.6)}.elx-hub-hero .badge2.orange svg{stroke:var(--orange2)}
    .elx-hub-hero .an{animation-play-state:paused;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.05,.25,1)}
    .elx-hub-hero .elx-hub-hero-anim .an{animation-play-state:running}
    @media (prefers-reduced-motion:reduce){.elx-hub-hero .an{animation:none !important}}
    .elx-hub-hero .mgrp{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d}
    .elx-hub-hero .beam{position:absolute;left:50%;top:50%;height:4px;transform-origin:0 50%;background:linear-gradient(90deg,rgba(245,130,31,.15),rgba(245,130,31,.95));border-radius:2px}
    .elx-hub-hero .sring{position:absolute;left:50%;top:50%;border-radius:50%;border:1.5px dashed rgba(157,171,196,.55)}
    .elx-hub-hero .paper2{position:absolute;left:0;top:0;background:#fff;border:1px solid var(--line);box-shadow:0 4px 10px rgba(0,0,0,.22)}
    .elx-hub-hero .cloud2{position:absolute;left:0;top:0;width:104px;height:42px;margin:-21px 0 0 -52px;background:#fff;border-radius:22px;box-shadow:0 14px 26px rgba(0,0,0,.24)}
    .elx-hub-hero .cloud2::before,.elx-hub-hero .cloud2::after{content:"";position:absolute;background:#fff;border-radius:50%}
    .elx-hub-hero .cloud2::before{width:38px;height:38px;left:17px;top:-19px}
    .elx-hub-hero .cloud2::after{width:28px;height:28px;left:53px;top:-13px}
    .elx-hub-hero .tags2{position:absolute;inset:0;pointer-events:none}
    .elx-hub-hero .tag2{position:absolute;transform:translate(-50%,-50%)}
    .elx-hub-hero .corering{position:absolute;left:50%;top:50%;border-radius:50%;border:2px solid rgba(245,130,31,.75)}
    .elx-hub-hero .plate2{position:absolute;left:50%;top:50%;border:1.5px solid rgba(245,130,31,.5);background:linear-gradient(135deg,rgba(245,130,31,.10),rgba(245,130,31,.02));box-shadow:0 0 34px rgba(245,130,31,.22)}
    .elx-hub-hero .core{animation-name:corePop;animation-duration:15s}
    @keyframes corePop{0%{transform:translate3d(0,0,0) scale(0)}5%{transform:translate3d(0,0,0) scale(1.08)}9%,90%{transform:translate3d(0,0,0) scale(1)}96%,100%{transform:translate3d(0,0,0) scale(0)}}
    .elx-hub-hero .coreglow{animation-name:coreGl;animation-duration:2.8s;animation-timing-function:ease-in-out}
    @keyframes coreGl{0%,100%{opacity:.25}50%{opacity:.9}}
    .elx-hub-hero .corering.an{animation-name:coreRing;animation-duration:2.8s}
    @keyframes coreRing{0%{opacity:0;transform:translateZ(-6px) scale(.45)}30%{opacity:.7}70%,100%{opacity:0;transform:translateZ(-6px) scale(1.15)}}
    .elx-hub-hero .plate2.an{animation-name:plate2a;animation-duration:15s}
    @keyframes plate2a{0%,60%{opacity:0;transform:translateZ(-16px) scale(.8)}70%,88%{opacity:1;transform:translateZ(-16px) scale(1)}94%,100%{opacity:0;transform:translateZ(-16px) scale(1.05)}}
    .elx-hub-hero .sring.an{animation-name:sringIn;animation-duration:15s}
    @keyframes sringIn{0%,44%{opacity:0;transform:translateZ(6px) scale(.7)}56%,90%{opacity:1;transform:translateZ(6px) scale(1)}96%,100%{opacity:0;transform:translateZ(6px) scale(1)}}
    .elx-hub-hero .srot{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;animation-name:srot;animation-duration:26s;animation-timing-function:linear}
    @keyframes srot{from{transform:translateZ(8px) rotate(0)}to{transform:translateZ(8px) rotate(360deg)}}
    .elx-hub-hero .sdotw{animation-name:sdotIn;animation-duration:15s}
    @keyframes sdotIn{0%,46%{opacity:0}58%,90%{opacity:1}96%,100%{opacity:0}}
    .elx-hub-hero .sweep{animation-name:sweepA;animation-duration:6s;animation-timing-function:linear}
    @keyframes sweepA{from{transform:translateZ(4px) rotate(0)}to{transform:translateZ(4px) rotate(360deg)}}
    .elx-hub-hero .g1{animation-name:pop1;animation-duration:15s}
    @keyframes pop1{0%,8%{transform:translate3d(216.0px,0.0px,0) scale(0)}12%{transform:translate3d(216.0px,0.0px,0) scale(1.09)}15%,90%{transform:translate3d(216.0px,0.0px,0) scale(1)}96%,100%{transform:translate3d(216.0px,0.0px,0) scale(0)}}
    .elx-hub-hero .bm1{animation-name:beam1;animation-duration:15s}
    @keyframes beam1{0%,12%{transform:translate3d(74.0px,0.0px,5px) rotateZ(0deg) scaleX(0)}18%,90%{transform:translate3d(74.0px,0.0px,5px) rotateZ(0deg) scaleX(1)}95%,100%{transform:translate3d(74.0px,0.0px,5px) rotateZ(0deg) scaleX(0)}}
    .elx-hub-hero .fw1{animation-name:fwin1;animation-duration:15s}
    @keyframes fwin1{0%,18%{opacity:0}21%,90%{opacity:1}95%,100%{opacity:0}}
    .elx-hub-hero .fl1{animation-name:flow1;animation-duration:2.2s;animation-timing-function:linear}
    @keyframes flow1{0%{transform:translate3d(150.0px,0.0px,9px);opacity:0}16%{opacity:1}84%{opacity:1}100%{transform:translate3d(66.0px,0.0px,9px);opacity:0}}
    .elx-hub-hero .g2{animation-name:pop2;animation-duration:15s}
    @keyframes pop2{0%,14%{transform:translate3d(108.0px,187.1px,0) scale(0)}18%{transform:translate3d(108.0px,187.1px,0) scale(1.09)}21%,90%{transform:translate3d(108.0px,187.1px,0) scale(1)}96%,100%{transform:translate3d(108.0px,187.1px,0) scale(0)}}
    .elx-hub-hero .bm2{animation-name:beam2;animation-duration:15s}
    @keyframes beam2{0%,18%{transform:translate3d(37.0px,64.1px,5px) rotateZ(60deg) scaleX(0)}24%,90%{transform:translate3d(37.0px,64.1px,5px) rotateZ(60deg) scaleX(1)}95%,100%{transform:translate3d(37.0px,64.1px,5px) rotateZ(60deg) scaleX(0)}}
    .elx-hub-hero .fw2{animation-name:fwin2;animation-duration:15s}
    @keyframes fwin2{0%,24%{opacity:0}27%,90%{opacity:1}95%,100%{opacity:0}}
    .elx-hub-hero .fl2{animation-name:flow2;animation-duration:2.2s;animation-timing-function:linear}
    @keyframes flow2{0%{transform:translate3d(75.0px,129.9px,9px);opacity:0}16%{opacity:1}84%{opacity:1}100%{transform:translate3d(33.0px,57.2px,9px);opacity:0}}
    .elx-hub-hero .g3{animation-name:pop3;animation-duration:15s}
    @keyframes pop3{0%,20%{transform:translate3d(-108.0px,187.1px,0) scale(0)}24%{transform:translate3d(-108.0px,187.1px,0) scale(1.09)}27%,90%{transform:translate3d(-108.0px,187.1px,0) scale(1)}96%,100%{transform:translate3d(-108.0px,187.1px,0) scale(0)}}
    .elx-hub-hero .bm3{animation-name:beam3;animation-duration:15s}
    @keyframes beam3{0%,24%{transform:translate3d(-37.0px,64.1px,5px) rotateZ(120deg) scaleX(0)}30%,90%{transform:translate3d(-37.0px,64.1px,5px) rotateZ(120deg) scaleX(1)}95%,100%{transform:translate3d(-37.0px,64.1px,5px) rotateZ(120deg) scaleX(0)}}
    .elx-hub-hero .fw3{animation-name:fwin3;animation-duration:15s}
    @keyframes fwin3{0%,30%{opacity:0}33%,90%{opacity:1}95%,100%{opacity:0}}
    .elx-hub-hero .fl3{animation-name:flow3;animation-duration:2.2s;animation-timing-function:linear}
    @keyframes flow3{0%{transform:translate3d(-75.0px,129.9px,9px);opacity:0}16%{opacity:1}84%{opacity:1}100%{transform:translate3d(-33.0px,57.2px,9px);opacity:0}}
    .elx-hub-hero .g4{animation-name:pop4;animation-duration:15s}
    @keyframes pop4{0%,26%{transform:translate3d(-216.0px,0.0px,0) scale(0)}30%{transform:translate3d(-216.0px,0.0px,0) scale(1.09)}33%,90%{transform:translate3d(-216.0px,0.0px,0) scale(1)}96%,100%{transform:translate3d(-216.0px,0.0px,0) scale(0)}}
    .elx-hub-hero .bm4{animation-name:beam4;animation-duration:15s}
    @keyframes beam4{0%,30%{transform:translate3d(-74.0px,0.0px,5px) rotateZ(180deg) scaleX(0)}36%,90%{transform:translate3d(-74.0px,0.0px,5px) rotateZ(180deg) scaleX(1)}95%,100%{transform:translate3d(-74.0px,0.0px,5px) rotateZ(180deg) scaleX(0)}}
    .elx-hub-hero .fw4{animation-name:fwin4;animation-duration:15s}
    @keyframes fwin4{0%,36%{opacity:0}39%,90%{opacity:1}95%,100%{opacity:0}}
    .elx-hub-hero .fl4{animation-name:flow4;animation-duration:2.2s;animation-timing-function:linear}
    @keyframes flow4{0%{transform:translate3d(-150.0px,0.0px,9px);opacity:0}16%{opacity:1}84%{opacity:1}100%{transform:translate3d(-66.0px,0.0px,9px);opacity:0}}
    .elx-hub-hero .g5{animation-name:pop5;animation-duration:15s}
    @keyframes pop5{0%,32%{transform:translate3d(-108.0px,-187.1px,0) scale(0)}36%{transform:translate3d(-108.0px,-187.1px,0) scale(1.09)}39%,90%{transform:translate3d(-108.0px,-187.1px,0) scale(1)}96%,100%{transform:translate3d(-108.0px,-187.1px,0) scale(0)}}
    .elx-hub-hero .bm5{animation-name:beam5;animation-duration:15s}
    @keyframes beam5{0%,36%{transform:translate3d(-37.0px,-64.1px,5px) rotateZ(240deg) scaleX(0)}42%,90%{transform:translate3d(-37.0px,-64.1px,5px) rotateZ(240deg) scaleX(1)}95%,100%{transform:translate3d(-37.0px,-64.1px,5px) rotateZ(240deg) scaleX(0)}}
    .elx-hub-hero .fw5{animation-name:fwin5;animation-duration:15s}
    @keyframes fwin5{0%,42%{opacity:0}45%,90%{opacity:1}95%,100%{opacity:0}}
    .elx-hub-hero .fl5{animation-name:flow5;animation-duration:2.2s;animation-timing-function:linear}
    @keyframes flow5{0%{transform:translate3d(-75.0px,-129.9px,9px);opacity:0}16%{opacity:1}84%{opacity:1}100%{transform:translate3d(-33.0px,-57.2px,9px);opacity:0}}
    .elx-hub-hero .g6{animation-name:pop6;animation-duration:15s}
    @keyframes pop6{0%,38%{transform:translate3d(108.0px,-187.1px,0) scale(0)}42%{transform:translate3d(108.0px,-187.1px,0) scale(1.09)}45%,90%{transform:translate3d(108.0px,-187.1px,0) scale(1)}96%,100%{transform:translate3d(108.0px,-187.1px,0) scale(0)}}
    .elx-hub-hero .bm6{animation-name:beam6;animation-duration:15s}
    @keyframes beam6{0%,42%{transform:translate3d(37.0px,-64.1px,5px) rotateZ(300deg) scaleX(0)}48%,90%{transform:translate3d(37.0px,-64.1px,5px) rotateZ(300deg) scaleX(1)}95%,100%{transform:translate3d(37.0px,-64.1px,5px) rotateZ(300deg) scaleX(0)}}
    .elx-hub-hero .fw6{animation-name:fwin6;animation-duration:15s}
    @keyframes fwin6{0%,48%{opacity:0}51%,90%{opacity:1}95%,100%{opacity:0}}
    .elx-hub-hero .fl6{animation-name:flow6;animation-duration:2.2s;animation-timing-function:linear}
    @keyframes flow6{0%{transform:translate3d(75.0px,-129.9px,9px);opacity:0}16%{opacity:1}84%{opacity:1}100%{transform:translate3d(33.0px,-57.2px,9px);opacity:0}}
    .elx-hub-hero .pp{animation-name:paperOut;animation-duration:3.2s}
    @keyframes paperOut{0%,10%{transform:translate3d(0,0,32px) scale(.2);opacity:0}26%{opacity:1}50%{transform:translate3d(0,52px,34px) scale(1);opacity:1}70%,100%{transform:translate3d(0,86px,34px) scale(1);opacity:0}}

    /* ===== HERO — merkezi dikey kurgu, ekrana sığan, büyük animasyon ===== */
    .elx-hub-hero{
      --sw:1.2; --sh:1;
      --sc:min(var(--sw),var(--sh));
      --header-h:122px;
      --container-wide:1280px;
      min-height:calc(100svh - var(--header-h));
      display:flex;align-items:center;
      padding:22px 0 26px;
    }
    .elx-hub-hero-inner{
      position:relative;z-index:2;width:100%;max-width:var(--container-wide);margin:0 auto;padding:0 40px;
      display:flex;flex-direction:column;align-items:center;text-align:center;
    }

    .elx-hub-eyebrow{display:inline-flex;align-items:center;gap:13px;margin-bottom:14px}
    .elx-hub-eyebrow-mark{display:flex;flex-direction:column;gap:3px;align-items:flex-end}
    .elx-hub-eyebrow-mark i{display:block;height:3px;background:var(--orange-500)}
    .elx-hub-eyebrow-mark i:nth-child(1){width:26px}
    .elx-hub-eyebrow-mark i:nth-child(2){width:18px;background:var(--navy-500)}
    .elx-hub-eyebrow-mark i:nth-child(3){width:10px}
    .elx-hub-eyebrow span:last-child{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.24em;font-size:13px;color:var(--orange-500)}

    .elx-hub-hero-h1{
      font-family:var(--font-display);font-weight:800;
      font-size:clamp(34px,3.5vw,50px);
      line-height:1.07;letter-spacing:-.035em;color:var(--navy-500);margin:0;
    }
    .elx-hub-hero-h1 .ac{position:relative;color:var(--orange-500);white-space:nowrap}
    .elx-hub-hero-h1 .ac::after{
      content:"";position:absolute;left:.02em;right:.02em;bottom:-.06em;height:.075em;border-radius:99px;
      background:linear-gradient(90deg,rgba(247,144,30,.22),var(--orange-500) 45%,rgba(247,144,30,.22));
    }
    .elx-hub-hero-lede{
      font-size:clamp(15.5px,1.15vw,17.5px);line-height:1.6;color:var(--grey);
      max-width:68ch;margin:16px auto 0;
    }
    .elx-hub-hero-lede strong{color:var(--navy-500);font-weight:600}

    /* --- animasyon: kare çerçeve dikeyde kırpılır, görsel tam ortalanır --- */
    .elx-hub-hero-media{
      position:relative;flex:none;margin-top:10px;overflow:hidden;
      width:calc(820px * var(--sc));
      height:calc(574px * var(--sc));
    }
    .elx-hub-hero-media .frame{
      position:absolute;left:50%;top:50%;width:820px;height:820px;margin:-410px 0 0 -410px;
      transform:translateY(calc(-27px * var(--sc))) scale(var(--sc));transform-origin:50% 50%;overflow:visible;
    }

    .elx-hub-hero-cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:16px}
    .elx-hub-hero .elx-btn{padding:17px 30px;font-size:13.5px;letter-spacing:1.05px}
    .elx-hub-hero .elx-btn.ghost{padding:15px 28px}


    /* --- ölçek: ekran yüksekliğine göre (20px adımlarla) --- */
    @media (min-height:1080px){.elx-hub-hero{--sh:1.05}}
    @media (min-height:1160px){.elx-hub-hero{--sh:1.15}}
    @media (max-height:1040px){.elx-hub-hero{--sh:.97}}
    @media (max-height:1020px){.elx-hub-hero{--sh:.93}}
    @media (max-height:1000px){.elx-hub-hero{--sh:.90}}
    @media (max-height:980px){.elx-hub-hero{--sh:.86}}
    @media (max-height:960px){.elx-hub-hero{--sh:.83}}
    @media (max-height:940px){.elx-hub-hero{--sh:.79}}
    @media (max-height:920px){.elx-hub-hero{--sh:.76}}
    @media (max-height:900px){.elx-hub-hero{--sh:.73}}
    @media (max-height:880px){.elx-hub-hero{--sh:.69}}
    @media (max-height:860px){.elx-hub-hero{--sh:.66}}
    @media (max-height:840px){.elx-hub-hero{--sh:.62}}
    @media (max-height:820px){.elx-hub-hero{--sh:.59}}
    /* kısa ekranlarda tipografi ve boşluklar sıkışır, animasyon büyür */
    @media (max-height:820px){
      .elx-hub-hero{--sh:.69;padding:16px 0 20px}
      .elx-hub-hero-h1{font-size:clamp(32px,2.9vw,42px)}
      .elx-hub-eyebrow{margin-bottom:10px}
      .elx-hub-hero-lede{font-size:15.5px;margin-top:12px;max-width:80ch}
      .elx-hub-hero-media{margin-top:4px}
      .elx-hub-hero-cta{margin-top:10px}
      .elx-hub-hero .elx-btn{padding:15px 26px;font-size:13px}
      .elx-hub-hero .elx-btn.ghost{padding:13px 24px}
    }
    @media (max-height:800px){.elx-hub-hero{--sh:.66}}
    @media (max-height:780px){.elx-hub-hero{--sh:.62}}
    @media (max-height:760px){.elx-hub-hero{--sh:.59}}
    @media (max-height:740px){.elx-hub-hero{--sh:.55}}
    @media (max-height:720px){.elx-hub-hero{--sh:.52}}
    @media (max-height:700px){.elx-hub-hero{--sh:.48}}
    @media (max-height:680px){.elx-hub-hero{--sh:.45}}
    @media (max-height:660px){.elx-hub-hero{--sh:.41}}
    @media (max-height:640px){.elx-hub-hero{--sh:.38}}
    @media (max-height:620px){.elx-hub-hero{--sh:.34}}

    /* --- ölçek: ekran genişliğine göre --- */
    @media (max-width:900px){.elx-hub-hero{--sw:.68}}
    @media (max-width:760px){.elx-hub-hero{--sw:.56}}
    @media (max-width:620px){
      .elx-hub-hero{--sw:.44;min-height:0;padding:34px 0 40px}
      .elx-hub-hero-inner{padding:0 20px}
      .elx-hub-hero-h1{font-size:clamp(28px,7.6vw,38px);letter-spacing:-.03em}
      .elx-hub-hero-lede{font-size:15.5px;margin-top:14px}
      .elx-hub-hero-cta{margin-top:14px;width:100%}
      .elx-hub-hero-cta .elx-btn{flex:1 1 auto;justify-content:center;padding:15px 20px;font-size:12.5px;letter-spacing:.9px}
    }
    @media (max-width:430px){.elx-hub-hero{--sw:.40}}
    @media (max-width:360px){.elx-hub-hero{--sw:.34}}
  

.elx-hub-badge{position:relative;width:56px;height:56px;border-radius:14px;flex:none;display:grid;place-items:center;background:#fbfcfe;border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.elx-hub-sub{transition:color .18s,padding-left .18s;text-decoration:none;color:var(--ink)}
.elx-hub-sub:hover{color:var(--orange-500);padding-left:3px}
.elx-hub-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden}
.elx-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.elx-hub-hero .elx-btn.ghost{border-color:var(--navy-500);color:var(--navy-500)}
.elx-hub-hero .elx-btn.ghost:hover{color:#fff}
@media (max-width:980px){
  .elx-hub-grid{grid-template-columns:1fr}
  .elx-hub-contact{grid-template-columns:1fr !important}
}