.lx{--paper:#f4f6fa;--ink:#0a1b34;--blue:#0b5cff;--mint:#12b886;--amber:#f5a524;--line:#d9e0ec;--tx:#3a4a66;
font-family:"Figtree","Segoe UI",Arial,sans-serif;color:var(--tx);background:var(--paper);line-height:1.65;font-size:1.0625rem;overflow-x:clip}
.lx *{box-sizing:border-box}
.lx h1,.lx h2,.lx h3{font-family:"Bricolage Grotesque","Segoe UI",sans-serif;color:var(--ink);line-height:1.1;margin:0;letter-spacing:-.02em}
.lx a{color:var(--blue)}
.lx-wrap{width:min(1180px,100% - 40px);margin-inline:auto}
.lx-narrow{max-width:800px}

.lx-btn{display:inline-block;padding:15px 28px;border-radius:8px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s}
.lx .lx-btn-main{background:var(--blue);color:#fff;box-shadow:0 8px 24px rgba(11,92,255,.3)}
.lx .lx-btn-main:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(11,92,255,.4)}
.lx .lx-btn-line{border:2px solid var(--ink);color:var(--ink)}
.lx .lx-btn-line:hover{background:var(--ink);color:#fff}
.lx .lx-btn:focus-visible,.lx-card:focus-visible,.lx-faq summary:focus-visible{outline:3px solid var(--amber);outline-offset:3px}

/* Hero: tek koreografi */
.lx-hero{padding:84px 0 130px;background:radial-gradient(900px 420px at 85% 0,#dbe6ff 0,transparent 70%),var(--paper)}
.lx-hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center}
.lx-copy h1{font-size:clamp(2.3rem,5vw,4rem);font-weight:800;animation:rise .9s cubic-bezier(.2,.7,.2,1) both}
.lx-copy p{font-size:1.2rem;max-width:34em;margin:24px 0 34px;animation:rise .9s .15s cubic-bezier(.2,.7,.2,1) both}
.lx-actions{display:flex;flex-wrap:wrap;gap:14px;animation:rise .9s .3s cubic-bezier(.2,.7,.2,1) both}
@keyframes rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}

.lx-lds{background:var(--ink);color:#b9c6dd;border-radius:16px;padding:26px;box-shadow:0 40px 80px rgba(10,27,52,.35);animation:pop .9s .2s cubic-bezier(.2,.7,.2,1) both}
@keyframes pop{from{opacity:0;transform:translateY(40px) scale(.96)}to{opacity:1;transform:none}}
.lx-lds-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;color:#fff}
.lx-lds-head small{color:#7f92b3}
.lx-tk{display:grid;grid-template-columns:1fr auto;gap:8px 12px;padding:16px 0;border-top:1px solid rgba(255,255,255,.1);position:relative}
.lx-tk span{color:#fff;font-weight:500}
.lx-tk em{font-style:normal;font-size:.82rem;font-weight:700;grid-column:2;grid-row:1;padding:3px 10px;border-radius:99px}
.lx-tk .w{background:rgba(245,165,36,.16);color:var(--amber);animation:hide .3s calc(var(--d) + 2.2s) forwards}
.lx-tk .ok{background:rgba(18,184,134,.18);color:var(--mint);opacity:0;animation:show .4s calc(var(--d) + 2.2s) forwards}
.lx-tk .ok,.lx-tk .w{position:relative}
.lx-tk .ok{margin-left:-100%}
.lx-bar{grid-column:1/-1;height:4px;border-radius:4px;background:rgba(255,255,255,.1);overflow:hidden;display:block}
.lx-bar::after{content:"";display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--amber),var(--mint));transform:scaleX(0);transform-origin:left;animation:fill 2.2s var(--d) cubic-bezier(.3,.6,.3,1) forwards}
@keyframes fill{to{transform:scaleX(1)}}
@keyframes hide{to{opacity:0;visibility:hidden}}
@keyframes show{to{opacity:1}}
.lx-lds p{margin:14px 0 0;font-size:.92rem}

/* İstatistikler */
.lx-stats{list-style:none;margin:-64px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-radius:14px;box-shadow:0 18px 50px rgba(10,27,52,.12);position:relative}
.lx-stats li{padding:30px 20px;text-align:center}
.lx-stats li+li{border-left:1px solid var(--line)}
.lx-stats b{display:block;font-family:"Bricolage Grotesque",sans-serif;font-size:2rem;color:var(--blue)}

.lx-sec{padding:96px 0}
.lx-h2{font-size:clamp(1.7rem,3.2vw,2.5rem);font-weight:800;margin-bottom:48px}

/* Bento hizmetler */
.lx-bento{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.lx-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px;text-decoration:none;color:var(--tx);transition:transform .25s,box-shadow .25s,border-color .25s}
.lx-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(10,27,52,.13);border-color:var(--blue)}
.lx-card h3{font-size:1.3rem;margin-bottom:12px}
.lx-card p{margin:0 0 20px;flex:1}
.lx-card span{font-weight:700;color:var(--blue)}
.lx-big{grid-column:span 2;grid-row:span 2;background:var(--blue);border-color:var(--blue)}
.lx-big h3{font-size:2rem}
.lx .lx-big h3,.lx .lx-big p,.lx .lx-big span{color:#fff}
.lx-wide{grid-column:span 2}

/* Süreç */
.lx-dark{background:var(--ink)}
.lx .lx-dark .lx-h2,.lx .lx-dark h3{color:#fff}
.lx-dark p{color:#aebbd3}
.lx-steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;position:relative}
.lx-steps::before{content:"";position:absolute;top:21px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--mint));transform:scaleX(0);transform-origin:left;transition:transform 1.8s cubic-bezier(.3,.6,.3,1)}
.lx-steps.in::before{transform:scaleX(1)}
.lx-steps li{counter-increment:s;position:relative;padding-top:64px}
.lx-steps li::before{content:counter(s);position:absolute;top:0;left:0;width:44px;height:44px;border-radius:50%;background:var(--ink);border:2px solid var(--mint);color:#fff;font-weight:800;display:grid;place-items:center;z-index:1}
.lx-steps h3{font-size:1.2rem;margin-bottom:8px}

/* SSS */
.lx-faq{border-bottom:1px solid var(--line)}
.lx-faq summary{cursor:pointer;list-style:none;padding:22px 44px 22px 0;font-weight:700;color:var(--ink);position:relative}
.lx-faq summary::-webkit-details-marker{display:none}
.lx-faq summary::after{content:"+";position:absolute;right:6px;top:16px;font-size:1.7rem;color:var(--blue);transition:transform .25s}
.lx-faq[open] summary::after{transform:rotate(45deg)}
.lx-faq p{margin:0 0 24px}
.lx-tint{background:#e6edf9}
.lx-prose .lx-h2{margin-bottom:24px}
.lx-prose p{margin:0 0 18px}

.lx-cta{background:linear-gradient(120deg,var(--blue),#083fb3);padding:72px 0;text-align:center}
.lx .lx-cta h2{color:#fff;font-size:clamp(1.5rem,3vw,2.3rem);margin-bottom:28px}
.lx .lx-cta .lx-btn-main{background:#fff;color:var(--blue);box-shadow:none}

@media (max-width:992px){
.lx-hero-grid{grid-template-columns:1fr;gap:44px}
.lx-bento{grid-template-columns:repeat(2,1fr)}
.lx-big,.lx-wide{grid-column:span 2;grid-row:auto}
.lx-steps{grid-template-columns:repeat(2,1fr)}
.lx-steps::before{display:none}
}
@media (max-width:600px){
.lx-hero{padding:56px 0 100px}
.lx-sec{padding:64px 0}
.lx-stats{grid-template-columns:1fr}
.lx-stats li+li{border-left:0;border-top:1px solid var(--line)}
.lx-bento,.lx-steps{grid-template-columns:1fr}
.lx-big,.lx-wide{grid-column:auto}
.lx-actions .lx-btn{width:100%;text-align:center}
}
@media (prefers-reduced-motion:reduce){
.lx *,.lx *::before,.lx *::after{animation-duration:.01ms!important;animation-delay:0s!important;transition:none!important}
.lx-steps::before{transform:scaleX(1)}
}