:root{
  --black:#050505;--white:#fff;--muted:rgba(255,255,255,.62);--line:rgba(255,255,255,.14);
  --accent:#9b6bff;--accent2:#d8ff3e;--cream:#f4f1ea;--ink:#101010;--max:1480px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Poppins,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:#050505;color:#fff;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit}.container{max-width:var(--max);margin:0 auto;padding:0 48px}

/* Header */
.site-header{position:fixed;inset:0 0 auto 0;height:92px;z-index:100;display:grid;align-items:center;pointer-events:none}.header-inner{width:100%;padding:0 44px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;pointer-events:auto}.logo{display:flex;align-items:center;width:max-content}.logo-mark{width:44px;height:38px;position:relative;display:block}.logo-mark:before,.logo-mark:after,.logo-mark i:before,.logo-mark i:after{content:"";position:absolute;background:#fff;border-radius:2px}.logo-mark:before{width:8px;height:30px;left:0;top:4px}.logo-mark:after{width:8px;height:30px;left:25px;top:4px}.logo-mark i:before{height:8px;width:34px;left:0;top:15px}.logo-mark i:after{height:8px;width:18px;left:25px;top:2px;transform:rotate(90deg);transform-origin:left top}
.main-nav{position:relative;display:flex;align-items:center;padding:8px;border-radius:2px;background:rgba(80,80,80,.65);backdrop-filter:blur(18px);box-shadow:0 18px 55px rgba(0,0,0,.25)}.nav-item{position:relative}.nav-link{min-height:38px;padding:0 18px;display:flex;align-items:center;justify-content:center;border-radius:3px;font-size:14px;font-weight:800;color:#fff;transition:.22s;white-space:nowrap}.nav-item.active .nav-link,.nav-link:hover,.nav-item.open .nav-link{background:#fff;color:#050505}.nav-item.has-mega:after,.nav-item.has-sub:after{content:"";position:absolute;left:-12px;right:-12px;top:100%;height:18px}
.mega{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(12px);width:min(980px,calc(100vw - 90px));opacity:0;visibility:hidden;pointer-events:none;transition:.25s ease;background:rgba(10,10,10,.92);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(22px);box-shadow:0 28px 80px rgba(0,0,0,.45);padding:22px;display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.nav-item:hover .mega,.nav-item.open .mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mega-card{padding:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);transition:.2s;min-height:112px}.mega-card:hover{background:#fff;color:#050505}.mega-card i{font-size:22px;color:var(--accent)}.mega-card b{display:block;margin-top:12px;font-size:15px}.mega-card span{display:block;margin-top:6px;color:rgba(255,255,255,.58);font-size:12px;line-height:1.45}.mega-card:hover span{color:#555}.mega-feature{min-height:100%;padding:22px;background:linear-gradient(135deg,rgba(155,107,255,.38),rgba(255,255,255,.06)),rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;justify-content:space-between}.mega-feature h3{margin:0;font-family:Poppins;font-size:28px;letter-spacing:-1px}.mega-feature p{color:rgba(255,255,255,.68);line-height:1.6;font-size:13px}
.sub-menu{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(12px);min-width:270px;opacity:0;visibility:hidden;pointer-events:none;transition:.25s ease;background:rgba(10,10,10,.92);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(18px);padding:10px}.nav-item:hover .sub-menu,.nav-item.open .sub-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.sub-menu a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px;color:#fff;font-size:13px;font-weight:800;border-bottom:1px solid rgba(255,255,255,.08)}.sub-menu a:last-child{border-bottom:0}.sub-menu a:hover{background:#fff;color:#050505}
.header-actions{justify-self:end;display:flex;align-items:center;gap:12px}.lang-switch{min-height:42px;padding:0 13px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:#fff;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:900;letter-spacing:.4px;backdrop-filter:blur(12px);transition:.22s}.lang-switch:hover{background:#fff;color:#050505}.lang-switch em{font-style:normal;opacity:.45}.get-started{min-height:48px;padding:0 28px;border:2px solid rgba(255,255,255,.9);color:#fff;border-radius:999px;display:inline-flex;align-items:center;font-size:14px;font-weight:900;background:rgba(0,0,0,.15);backdrop-filter:blur(12px);transition:.24s}.get-started:hover{background:#fff;color:#050505}.panel-btn{width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.26);color:#fff;background:rgba(255,255,255,.08);display:grid;place-items:center;font-size:21px;cursor:pointer;transition:.24s}.panel-btn:hover{background:#fff;color:#050505}

/* Home Slider */
.hero-slider{height:100svh;min-height:720px;position:relative;overflow:hidden;background:#050505}.slide{position:absolute;inset:0;opacity:0;transition:opacity .7s ease;display:grid;align-items:end}.slide.active{opacity:1;z-index:2}.slide-bg{position:absolute;inset:0;background:#111;transform:scale(1.03);transition:transform 6s ease}.slide.active .slide-bg{transform:scale(1)}.slide-bg:before{content:"";position:absolute;inset:-10%;filter:grayscale(1)}.slide:nth-child(1) .slide-bg:before{background:linear-gradient(135deg,transparent 0 14%,rgba(255,255,255,.15) 14% 28%,transparent 28% 100%),linear-gradient(45deg,#101010 0 24%,#2d2d2d 24% 40%,#111 40% 56%,#404040 56% 72%,#171717 72%),repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 180px)}.slide:nth-child(2) .slide-bg:before{background:radial-gradient(circle at 62% 44%,rgba(155,107,255,.45),transparent 18%),linear-gradient(135deg,#070707,#202020 42%,#080808)}.slide:nth-child(3) .slide-bg:before{background:radial-gradient(circle at 58% 45%,rgba(216,255,62,.25),transparent 17%),linear-gradient(135deg,#131313 0 18%,#333 18% 34%,#090909 34% 55%,#444 55% 70%,#111 70%)}.slide-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.70),transparent 34%,transparent 64%,rgba(0,0,0,.55)),linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.68))}.hero-object{position:absolute;width:min(34vw,520px);height:min(34vw,520px);left:50%;top:50%;transform:translate(-50%,-48%);border-radius:42px;background:radial-gradient(circle at 48% 48%,#050505 0 18%,#222 18% 20%,#050505 21% 27%,#353535 28% 32%,#6d6d6d 33% 34%,#222 35% 100%);box-shadow:inset 0 0 50px rgba(255,255,255,.08),0 38px 90px rgba(0,0,0,.48);opacity:.78}.hero-object:before{content:"";position:absolute;inset:13%;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(66,255,230,.22),transparent 12%),radial-gradient(circle at 50% 50%,#020202 0 28%,#222 29% 48%,#080808 49% 100%);border:18px solid rgba(255,255,255,.18)}.slide:nth-child(2) .hero-object{border-radius:50%;background:radial-gradient(circle at 50% 50%,#121212 0 30%,#555 31% 32%,#181818 33% 58%,#333 59% 60%,#111 61%)}.slide:nth-child(3) .hero-object{border-radius:28px;width:min(42vw,620px);height:min(26vw,370px);background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.04)),repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 1px,transparent 1px 54px);border:1px solid rgba(255,255,255,.16)}
.slide-content{position:relative;z-index:4;padding:0 44px 46px}.slide-title{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:24px;margin-bottom:24px}.slide-no{font-family:Poppins;font-size:42px;font-weight:800;letter-spacing:-2px}.slide-no.muted{opacity:.28}.slide-label{justify-self:end;text-align:right;font-size:15px;font-weight:900;line-height:1.5}.slider-line{height:1px;background:rgba(255,255,255,.26);position:relative;overflow:hidden}.slider-line span{position:absolute;left:0;top:0;bottom:0;width:22%;background:#fff;transition:left .45s ease}.slider-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-top:44px;font-weight:800;font-size:14px}.slider-nav{display:flex;align-items:center;gap:26px}.slider-nav button{border:0;background:transparent;color:#fff;font-size:18px;cursor:pointer;width:34px;height:34px}.featured{text-align:right}.hero-arrows{position:absolute;inset:0;pointer-events:none;z-index:8}.hero-arrow{pointer-events:auto;position:absolute;top:50%;transform:translateY(-50%);width:64px;height:64px;border-radius:50%;border:1px solid rgba(255,255,255,.24);background:rgba(18,18,18,.38);backdrop-filter:blur(18px);color:#fff;font-size:24px;display:grid;place-items:center;cursor:pointer;transition:.24s ease}.hero-arrow:hover{background:#fff;color:#050505}.hero-arrow.prev{left:26px}.hero-arrow.next{right:26px}

/* Sections */
.section,.dark-section{background:#050505;color:#fff;padding:112px 0}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-bottom:54px}.section-head small{font-weight:900;text-transform:uppercase;letter-spacing:2px;color:rgba(255,255,255,.48);display:block;margin-bottom:14px}.section-head h1,.section-head h2{font-family:Poppins;font-size:clamp(42px,7vw,92px);letter-spacing:-4px;line-height:.9;margin:0}.section-head p{color:var(--muted);font-size:18px;line-height:1.75;margin:0;max-width:650px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.service-card{min-height:300px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;transition:.25s;background:rgba(255,255,255,.015)}.service-card:hover{background:rgba(255,255,255,.07)}.service-card i{font-size:32px;color:var(--accent)}.service-card h3{font-family:Poppins;font-size:30px;line-height:.95;letter-spacing:-1.5px;margin:0 0 10px}.service-card p{color:rgba(255,255,255,.56);line-height:1.55;margin:0;font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.breadcrumb{padding-top:132px;color:rgba(255,255,255,.56);font-weight:800;font-size:13px}.breadcrumb a{color:#fff}.page-hero{padding:42px 0 86px;background:#050505;color:#fff;position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 14%,rgba(155,107,255,.23),transparent 26%),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px) 0 0/80px 80px;opacity:.7}.page-hero .container{position:relative}.page-hero h1{font-family:Poppins;font-size:60px;letter-spacing:-2.8px;line-height:.95;margin:0;max-width:920px}.page-hero p{max-width:820px;color:rgba(255,255,255,.64);font-size:18px;line-height:1.75;margin:24px 0 0}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.feature-card{min-height:250px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;transition:.25s;background:rgba(255,255,255,.018)}.feature-card:hover{background:rgba(255,255,255,.065)}.feature-card i{font-size:32px;color:var(--accent)}.feature-card h3{font-family:Poppins;font-size:27px;letter-spacing:-1.2px;margin:0 0 10px}.feature-card p{color:rgba(255,255,255,.58);line-height:1.6;margin:0;font-size:14px}
.split-feature{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);margin-top:34px}.split-feature>div{padding:42px;min-height:330px}.split-feature>div+div{border-left:1px solid var(--line)}.split-feature h3{font-family:Poppins;font-size:42px;letter-spacing:-2px;margin:0 0 16px}.split-feature p,.split-feature li{color:rgba(255,255,255,.62);line-height:1.7}.split-feature ul{margin:0;padding-left:18px}.process-line{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.process-step{padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:270px}.process-step b{font-family:Poppins;font-size:56px;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.35)}.process-step h3{font-family:Poppins;font-size:28px;letter-spacing:-1px;margin:34px 0 10px}.process-step p{color:rgba(255,255,255,.58);line-height:1.6}
.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.about-panel{border:1px solid var(--line);padding:42px;background:rgba(255,255,255,.035);min-height:360px}.about-panel h2,.about-panel h3{font-family:Poppins;font-size:42px;letter-spacing:-2px;margin:0 0 18px}.about-panel p{color:var(--muted);line-height:1.8;font-size:16px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:28px}.metric{padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.metric b{font-family:Poppins;font-size:44px}.metric span{display:block;color:rgba(255,255,255,.55);font-size:13px;font-weight:800}
.references-section{background:#050505;color:#fff;padding:92px 0 112px}.references-head{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:end;margin-bottom:42px}.references-head small{display:block;font-weight:900;text-transform:uppercase;letter-spacing:2px;color:rgba(255,255,255,.48);margin-bottom:14px}.references-head h2{font-family:Poppins;font-size:clamp(42px,7vw,92px);letter-spacing:-4px;line-height:.9;margin:0}.references-head p{margin:0;color:rgba(255,255,255,.58);font-size:18px;line-height:1.75}.references-grid{display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(to right,transparent calc(25% - .5px),rgba(255,255,255,.14) calc(25% - .5px),rgba(255,255,255,.14) calc(25% + .5px),transparent calc(25% + .5px),transparent calc(50% - .5px),rgba(255,255,255,.14) calc(50% - .5px),rgba(255,255,255,.14) calc(50% + .5px),transparent calc(50% + .5px),transparent calc(75% - .5px),rgba(255,255,255,.14) calc(75% - .5px),rgba(255,255,255,.14) calc(75% + .5px),transparent calc(75% + .5px)),linear-gradient(to bottom,transparent calc(50% - .5px),rgba(255,255,255,.14) calc(50% - .5px),rgba(255,255,255,.14) calc(50% + .5px),transparent calc(50% + .5px))}.ref-item{min-height:154px;display:flex;align-items:center;justify-content:center}.logo-bw{font-family:Poppins;font-size:32px;font-weight:700;letter-spacing:-1.2px;color:#fff;opacity:.48;filter:grayscale(1);text-align:center;transition:.28s}.logo-bw small{display:block;font-size:11px;letter-spacing:2px;color:rgba(255,255,255,.42);margin-top:8px}.ref-item:hover .logo-bw{opacity:1;filter:none;color:var(--accent);transform:translateY(-4px)}
.contact-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:24px}.contact-info,.contact-form,.map-box{border:1px solid var(--line);background:rgba(255,255,255,.035);padding:34px}.contact-info h3,.contact-form h3,.map-box h3{font-family:Poppins;font-size:36px;letter-spacing:-1.5px;margin:0 0 18px}.contact-row{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid var(--line);color:var(--muted);line-height:1.55}.contact-row i{color:var(--accent);font-size:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:1/-1}input,textarea,select{width:100%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff;padding:16px;border-radius:0;outline:0}textarea{min-height:150px;resize:vertical}.form-btn{margin-top:14px;min-height:52px;border:0;background:#fff;color:#050505;font-weight:900;padding:0 24px;border-radius:999px}.map-box{margin-top:24px}.map-placeholder{height:340px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(155,107,255,.18),rgba(255,255,255,.04)),repeating-linear-gradient(45deg,rgba(255,255,255,.06) 0 1px,transparent 1px 24px);display:grid;place-items:center;color:rgba(255,255,255,.72);font-weight:900;text-align:center}
.side-panel{position:fixed;top:0;right:0;width:min(440px,100%);height:100svh;z-index:300;background:rgba(8,8,8,.94);backdrop-filter:blur(24px);border-left:1px solid rgba(255,255,255,.14);transform:translateX(110%);transition:.45s cubic-bezier(.77,0,.175,1);padding:34px;display:flex;flex-direction:column;color:#fff}.side-panel.open{transform:translateX(0)}.panel-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.12)}.panel-head b{font-family:Poppins;font-size:28px;letter-spacing:-1px}.close{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:transparent;color:#fff;font-size:22px;cursor:pointer}.campaign{margin:28px 0;padding:24px;background:linear-gradient(135deg,rgba(155,107,255,.34),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.12)}.campaign small{color:var(--accent2);font-weight:900;text-transform:uppercase;letter-spacing:1.4px}.campaign h3{font-family:Poppins;font-size:32px;line-height:.98;margin:14px 0}.campaign p{color:rgba(255,255,255,.68);line-height:1.65;margin:0}.panel-list{display:grid;gap:16px}.panel-list a,.panel-list div{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.82);line-height:1.45}.panel-list i{color:var(--accent);font-size:21px}.socials{margin-top:auto;display:flex;gap:10px}.socials a{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:50%}.socials a:hover{background:#fff;color:#050505}
.mobile-nav-panel{position:fixed;inset:0;z-index:260;background:#050505;color:#fff;transform:translateY(-110%);transition:.48s cubic-bezier(.77,0,.175,1);padding:26px;display:flex;flex-direction:column}.mobile-nav-panel.open{transform:translateY(0)}.mobile-nav-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.mobile-nav-title{font-family:Poppins;font-size:28px;font-weight:800}.mobile-nav-close{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:transparent;color:#fff;font-size:23px}.mobile-nav-links{display:grid;border-top:1px solid var(--line)}.mobile-link{width:100%;display:flex;align-items:center;justify-content:space-between;padding:21px 0;border:0;border-bottom:1px solid var(--line);font-family:Poppins;font-size:30px;font-weight:700;background:transparent;color:#fff;text-align:left}.mobile-link i{font-size:20px;transition:.25s}.mobile-link.open i{transform:rotate(180deg)}.mobile-sub{max-height:0;overflow:hidden;transition:max-height .35s ease;border-bottom:1px solid var(--line)}.mobile-sub-inner{padding:14px 0 19px;display:grid;gap:12px}.mobile-sub a{color:rgba(255,255,255,.68);font-weight:800;font-size:14px;display:flex;justify-content:space-between}.mobile-nav-foot{margin-top:auto;color:rgba(255,255,255,.62);line-height:1.6;font-size:14px}
.footer{background:#050505;color:#fff;border-top:1px solid rgba(255,255,255,.12);padding:82px 0 30px}.footer-top{display:grid;grid-template-columns:1fr auto;gap:34px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:44px;margin-bottom:44px}.footer-top h2{font-family:Poppins;font-size:clamp(42px,8vw,118px);line-height:.85;letter-spacing:-5px;margin:0}.footer-top p{color:var(--muted);line-height:1.7;max-width:520px}.footer-main{display:grid;grid-template-columns:1.2fr .75fr .75fr .75fr .95fr;gap:38px;padding-bottom:48px}.footer-logo{font-family:Poppins;font-size:42px;font-weight:800;letter-spacing:-2px;margin-bottom:18px}.footer-brand p{color:rgba(255,255,255,.58);line-height:1.75;margin:0}.footer h4{font-size:13px;text-transform:uppercase;letter-spacing:1.8px;margin:0 0 20px;color:rgba(255,255,255,.86);display:flex;align-items:center;gap:9px}.footer h4:before{content:"";width:.65em;height:.65em;border-radius:50%;background:var(--accent);display:inline-block}.footer a{display:block;color:rgba(255,255,255,.58);font-size:14px;font-weight:700;margin:11px 0;transition:.2s}.footer a:hover{color:#fff;transform:translateX(4px)}.footer-contact{border:1px solid var(--line);padding:24px;background:rgba(255,255,255,.035)}.footer-contact b{display:block;font-family:Poppins;font-size:26px;margin-bottom:12px}.footer-contact p{color:rgba(255,255,255,.58);line-height:1.6;margin:0 0 18px;font-size:14px}.footer-cta{min-height:46px;padding:0 18px;border-radius:999px;background:#fff;color:#050505;display:inline-flex!important;align-items:center;justify-content:center;font-weight:900!important;margin:0!important}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:rgba(255,255,255,.48);font-size:13px}.footer-social{display:flex;gap:10px}.footer-social a{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;margin:0;color:#fff}.footer-social a:hover{background:#fff;color:#050505;transform:none}
.mobile-menu-btn{display:none}
@media(max-width:1120px){.main-nav{display:none}.mobile-menu-btn{display:grid}.header-inner{grid-template-columns:1fr auto}.get-started{display:none}.section-head,.references-head,.about-grid,.contact-layout,.footer-top{grid-template-columns:1fr}.service-grid,.feature-grid,.process-line{grid-template-columns:repeat(2,1fr)}.references-grid{grid-template-columns:repeat(2,1fr);background:linear-gradient(to right,transparent calc(50% - .5px),rgba(255,255,255,.14) calc(50% - .5px),rgba(255,255,255,.14) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(to bottom,transparent calc(25% - .5px),rgba(255,255,255,.14) calc(25% - .5px),rgba(255,255,255,.14) calc(25% + .5px),transparent calc(25% + .5px),transparent calc(50% - .5px),rgba(255,255,255,.14) calc(50% - .5px),rgba(255,255,255,.14) calc(50% + .5px),transparent calc(50% + .5px),transparent calc(75% - .5px),rgba(255,255,255,.14) calc(75% - .5px),rgba(255,255,255,.14) calc(75% + .5px),transparent calc(75% + .5px))}.footer-main{grid-template-columns:1fr 1fr}.split-feature{grid-template-columns:1fr}.split-feature>div+div{border-left:0;border-top:1px solid var(--line)}}
@media(max-width:760px){.container{padding:0 20px}.header-inner{padding:0 18px}.site-header{height:78px}.logo-mark{transform:scale(.82);transform-origin:left center}.lang-switch{min-height:42px;padding:0 10px}.hero-slider{min-height:660px}.hero-object{width:290px;height:290px}.slide:nth-child(3) .hero-object{width:310px;height:210px}.slide-content{padding:0 20px 30px}.slide-title{grid-template-columns:1fr 1fr}.slide-no:nth-child(3){display:none}.slide-label{font-size:13px}.slider-footer{grid-template-columns:1fr;gap:18px}.slider-nav{justify-content:center}.featured{text-align:left}.hero-arrow{width:52px;height:52px;font-size:20px}.hero-arrow.prev{left:12px}.hero-arrow.next{right:12px}.section,.dark-section{padding:82px 0}.section-head h1,.section-head h2,.references-head h2{letter-spacing:-2.5px}.service-grid,.feature-grid,.process-line{grid-template-columns:1fr}.references-grid{grid-template-columns:1fr;background:repeating-linear-gradient(to bottom,transparent 0 153px,rgba(255,255,255,.14) 153px 154px)}.ref-item{min-height:132px}.side-panel{padding:24px}.footer-main{grid-template-columns:1fr}.footer-bottom{display:block}.footer-social{margin-top:18px}.page-hero h1{font-size:48px}.form-grid{grid-template-columns:1fr}}


/* v8 home restoration */
.home-services .service-grid{
  grid-template-columns:repeat(3,1fr);
}
.home-services .service-card{
  min-height:288px;
  padding:28px;
}
.home-quick-section{
  background:#f3f0e8;
  color:#111;
  padding:110px 0;
  border-top:1px solid rgba(0,0,0,.08);
}
.home-quick-section .section-head small{color:#625f56}
.home-quick-section .section-head p{color:#555}
.home-quick-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid rgba(0,0,0,.15);
  border-left:1px solid rgba(0,0,0,.15);
}
.home-quick-card{
  min-height:240px;
  padding:26px;
  border-right:1px solid rgba(0,0,0,.15);
  border-bottom:1px solid rgba(0,0,0,.15);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  transition:.25s;
}
.home-quick-card:hover{
  background:#111;
  color:#fff;
}
.home-quick-card i{font-size:30px}
.home-quick-card h3{
  font-size:26px;
  letter-spacing:-1px;
  margin:0 0 9px;
}
.home-quick-card p{
  color:#666;
  line-height:1.55;
  margin:0;
  font-size:14px;
}
.home-quick-card:hover p{color:#bbb}

@media(max-width:1120px){
  .home-quick-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .home-services .service-grid,
  .home-quick-grid{grid-template-columns:1fr}
  .home-quick-section{padding:82px 0}
}


/* v9 requested layout update */
body{
  background:#050505;
  font-family:Poppins,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
}

.home-quick-section{
  background:#f3f0e8;
  color:#111;
  padding:92px 0 74px;
  border-top:0;
}

.home-quick-section .section-head{
  margin-bottom:54px;
}

.home-quick-section .section-head small{
  color:#3f4650;
  font-size:13px;
  letter-spacing:1.6px;
  font-weight:900;
}

.home-quick-section .section-head h2{
  color:#050505;
  font-family:Poppins,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  font-size:clamp(56px,7vw,100px);
  line-height:.88;
  letter-spacing:-5px;
  font-weight:900;
}

.home-quick-section .section-head p{
  color:#3d4652;
  font-size:18px;
  line-height:1.7;
  max-width:620px;
}

.home-quick-grid{
  border-color:rgba(0,0,0,.14);
}

.home-quick-card{
  min-height:220px;
  background:transparent;
  border-color:rgba(0,0,0,.14);
  color:#050505;
}

.home-quick-card h3{
  font-family:Poppins,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  font-weight:800;
  color:#050505;
}

.home-quick-card p{
  color:#38424f;
}

.home-quick-card:hover{
  background:#050505;
  color:#fff;
}

.home-quick-card:hover h3{color:#fff}
.home-quick-card:hover p{color:rgba(255,255,255,.70)}

.home-services{
  background:#f3f0e8;
  color:#111;
  padding:92px 0 110px;
}

.home-services .section-head small{
  color:#3f4650;
}

.home-services .section-head h2{
  color:#050505;
  font-family:Poppins,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  font-weight:900;
}

.home-services .section-head p{
  color:#3d4652;
}

.home-services .service-grid{
  grid-template-columns:repeat(3,1fr);
  border-left:1px solid rgba(0,0,0,.14);
  border-top:1px solid rgba(0,0,0,.14);
}

.home-services .service-card{
  background:transparent;
  color:#050505;
  border-right:1px solid rgba(0,0,0,.14);
  border-bottom:1px solid rgba(0,0,0,.14);
  min-height:286px;
}

.home-services .service-card:hover{
  background:#050505;
  color:#fff;
}

.home-services .service-card i{
  color:#050505;
}

.home-services .service-card:hover i{
  color:#d8ff3e;
}

.home-services .service-card h3{
  color:#050505;
  font-family:Poppins,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  font-weight:800;
}

.home-services .service-card:hover h3{
  color:#fff;
}

.home-services .service-card p{
  color:#38424f;
}

.home-services .service-card:hover p{
  color:rgba(255,255,255,.70);
}

@media(max-width:1120px){
  .home-services .service-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:760px){
  .home-quick-section,
  .home-services{padding:72px 0}
  .home-quick-section .section-head h2{
    font-size:46px;
    letter-spacing:-2.4px;
  }
  .home-services .service-grid{grid-template-columns:1fr}
}


/* v10: slider altındaki 4'lü bölüm siyah section */
.home-quick-section{
  background:#050505 !important;
  color:#fff !important;
  padding:96px 0 84px !important;
  border-top:0 !important;
  border-bottom:1px solid rgba(255,255,255,.10);
}

.home-quick-section .section-head small{
  color:rgba(255,255,255,.55) !important;
}

.home-quick-section .section-head h2{
  color:#fff !important;
  font-family:Poppins,system-ui,-apple-system,Segoe UI,Arial,sans-serif !important;
  font-weight:900 !important;
}

.home-quick-section .section-head p{
  color:rgba(255,255,255,.62) !important;
}

.home-quick-grid{
  border-top:1px solid rgba(255,255,255,.14) !important;
  border-left:1px solid rgba(255,255,255,.14) !important;
}

.home-quick-card{
  background:transparent !important;
  color:#fff !important;
  border-right:1px solid rgba(255,255,255,.14) !important;
  border-bottom:1px solid rgba(255,255,255,.14) !important;
}

.home-quick-card i{
  color:#fff !important;
}

.home-quick-card h3{
  color:#fff !important;
}

.home-quick-card p{
  color:rgba(255,255,255,.58) !important;
}

.home-quick-card:hover{
  background:#f3f0e8 !important;
  color:#050505 !important;
}

.home-quick-card:hover i,
.home-quick-card:hover h3{
  color:#050505 !important;
}

.home-quick-card:hover p{
  color:#38424f !important;
}


/* v11 exact homepage quick section: slider altı siyah alan */
.home-quick-section.home-quick-dark{
  background:#050505 !important;
  color:#fff !important;
  padding:96px 0 84px !important;
  border-top:0 !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
}

.home-quick-dark .home-quick-head{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:64px;
  align-items:end;
  margin-bottom:58px;
}

.home-quick-dark .home-quick-head small{
  display:block;
  color:rgba(255,255,255,.58);
  font-size:13px;
  letter-spacing:1.6px;
  font-weight:900;
  margin-bottom:18px;
}

.home-quick-dark .home-quick-head h2{
  margin:0;
  color:#fff;
  font-family:Poppins,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  font-size:clamp(62px,7.4vw,104px);
  line-height:.88;
  letter-spacing:-5px;
  font-weight:900;
}

.home-quick-dark .home-quick-head p{
  color:rgba(255,255,255,.64);
  font-size:18px;
  line-height:1.72;
  max-width:650px;
  margin:0 0 12px;
}

.home-quick-dark .home-quick-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid rgba(255,255,255,.14) !important;
  border-left:1px solid rgba(255,255,255,.14) !important;
}

.home-quick-dark .home-quick-card{
  min-height:240px;
  padding:28px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:transparent !important;
  color:#fff !important;
  border-right:1px solid rgba(255,255,255,.14) !important;
  border-bottom:1px solid rgba(255,255,255,.14) !important;
  transition:.25s ease;
}

.home-quick-dark .home-quick-card i{
  color:#fff !important;
  font-size:30px;
}

.home-quick-dark .home-quick-card h3{
  color:#fff !important;
  font-family:Poppins,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  font-size:25px;
  font-weight:800;
  letter-spacing:-.8px;
  margin:0 0 10px;
}

.home-quick-dark .home-quick-card p{
  color:rgba(255,255,255,.58) !important;
  line-height:1.55;
  margin:0;
  font-size:14px;
}

.home-quick-dark .home-quick-card:hover{
  background:#f3f0e8 !important;
  color:#050505 !important;
}

.home-quick-dark .home-quick-card:hover i,
.home-quick-dark .home-quick-card:hover h3{
  color:#050505 !important;
}

.home-quick-dark .home-quick-card:hover p{
  color:#38424f !important;
}

/* v11 6'lı servis açık ton bölüm */
.home-services-light{
  background:#f3f0e8 !important;
  color:#050505 !important;
  padding:96px 0 112px !important;
}

.home-services-light .section-head small{
  color:#3f4650 !important;
}

.home-services-light .section-head h2{
  color:#050505 !important;
  font-family:Poppins,system-ui,-apple-system,Segoe UI,Arial,sans-serif !important;
  font-weight:900 !important;
}

.home-services-light .section-head p{
  color:#3d4652 !important;
}

.home-services-light .service-grid{
  grid-template-columns:repeat(3,1fr) !important;
  border-left:1px solid rgba(0,0,0,.14) !important;
  border-top:1px solid rgba(0,0,0,.14) !important;
}

.home-services-light .service-card{
  background:transparent !important;
  color:#050505 !important;
  border-right:1px solid rgba(0,0,0,.14) !important;
  border-bottom:1px solid rgba(0,0,0,.14) !important;
}

.home-services-light .service-card i,
.home-services-light .service-card h3{
  color:#050505 !important;
}

.home-services-light .service-card p{
  color:#38424f !important;
}

.home-services-light .service-card:hover{
  background:#050505 !important;
  color:#fff !important;
}

.home-services-light .service-card:hover i{
  color:#d8ff3e !important;
}

.home-services-light .service-card:hover h3{
  color:#fff !important;
}

.home-services-light .service-card:hover p{
  color:rgba(255,255,255,.70) !important;
}

@media(max-width:1120px){
  .home-quick-dark .home-quick-head{
    grid-template-columns:1fr;
    gap:24px;
  }
  .home-quick-dark .home-quick-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:760px){
  .home-quick-section.home-quick-dark{
    padding:72px 0 !important;
  }
  .home-quick-dark .home-quick-head h2{
    font-size:46px;
    letter-spacing:-2.4px;
  }
  .home-quick-dark .home-quick-grid,
  .home-services-light .service-grid{
    grid-template-columns:1fr !important;
  }
}


/* v12 premium footer */
.footer-pro{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 8%, rgba(155,107,255,.22), transparent 28%),
    radial-gradient(circle at 12% 92%, rgba(216,255,62,.10), transparent 24%),
    #050505 !important;
  color:#fff;
  border-top:1px solid rgba(255,255,255,.12);
  padding:0 0 30px !important;
}

.footer-pro:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px) 0 0/96px 96px,
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px) 0 0/96px 96px;
  mask-image:linear-gradient(to bottom, transparent, #000 18%, #000 86%, transparent);
  pointer-events:none;
  opacity:.65;
}

.footer-pro .container{
  position:relative;
  z-index:2;
}

.footer-pro-hero{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:56px;
  align-items:end;
  padding:88px 0 58px;
  border-bottom:1px solid rgba(255,255,255,.13);
}

.footer-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:rgba(255,255,255,.58);
  font-size:12px;
  font-weight:900;
  letter-spacing:1.8px;
  text-transform:uppercase;
  margin-bottom:22px;
}

.footer-eyebrow:before{
  content:"";
  width:9px;
  height:9px;
  border-radius:50%;
  background:#d8ff3e;
  box-shadow:0 0 0 6px rgba(216,255,62,.12);
}

.footer-pro-hero h2{
  font-family:Poppins,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  font-size:clamp(48px,7.4vw,112px);
  line-height:.86;
  letter-spacing:-5px;
  font-weight:900;
  margin:0;
  max-width:1040px;
}

.footer-pro-action{
  max-width:620px;
  justify-self:end;
}

.footer-pro-action p{
  color:rgba(255,255,255,.66);
  line-height:1.75;
  font-size:17px;
  margin:0 0 24px;
}

.footer-buttons{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}

.footer-primary,
.footer-secondary{
  min-height:50px;
  padding:0 20px;
  border-radius:999px;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:0 !important;
  font-size:13px !important;
  font-weight:900 !important;
  transform:none !important;
}

.footer-primary{
  background:#fff;
  color:#050505 !important;
}

.footer-secondary{
  border:1px solid rgba(255,255,255,.18);
  color:#fff !important;
  background:rgba(255,255,255,.055);
}

.footer-primary:hover,
.footer-secondary:hover{
  transform:translateY(-2px) !important;
}

.footer-pro-grid{
  display:grid;
  grid-template-columns:1.28fr .72fr .82fr .88fr 1.05fr;
  gap:34px;
  padding:54px 0;
  border-bottom:1px solid rgba(255,255,255,.13);
}

.footer-pro-brand{
  padding-right:24px;
}

.footer-pro-brand .footer-logo{
  font-family:Poppins,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  font-size:44px;
  line-height:1;
  font-weight:900;
  letter-spacing:-2px;
  margin-bottom:18px;
}

.footer-pro-brand p{
  color:rgba(255,255,255,.58);
  line-height:1.75;
  margin:0;
  max-width:420px;
  font-size:14px;
}

.footer-badges{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:22px;
}

.footer-badges span{
  border:1px solid rgba(255,255,255,.14);
  color:rgba(255,255,255,.74);
  border-radius:999px;
  padding:8px 11px;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.8px;
  background:rgba(255,255,255,.04);
}

.footer-col h4,
.footer-contact-card h4{
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:1.7px;
  margin:0 0 20px;
  color:#fff;
  display:flex;
  align-items:center;
  gap:10px;
}

.footer-col h4:before,
.footer-contact-card h4:before{
  content:"";
  width:.65em;
  height:.65em;
  border-radius:50%;
  background:var(--accent);
  display:inline-block;
  flex:0 0 auto;
}

.footer-col a{
  position:relative;
  display:flex !important;
  align-items:center;
  gap:8px;
  color:rgba(255,255,255,.58) !important;
  font-size:14px !important;
  line-height:1.4;
  font-weight:700 !important;
  margin:12px 0 !important;
  transform:none !important;
}

.footer-col a:before{
  content:"";
  width:5px;
  height:5px;
  border-radius:50%;
  background:rgba(255,255,255,.22);
  transition:.2s;
}

.footer-col a:hover{
  color:#fff !important;
  transform:translateX(4px) !important;
}

.footer-col a:hover:before{
  background:#d8ff3e;
}

.footer-contact-card{
  border:1px solid rgba(255,255,255,.13);
  background:
    linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
  padding:24px;
  min-height:100%;
}

.footer-contact-line{
  display:flex !important;
  align-items:flex-start;
  gap:11px;
  color:rgba(255,255,255,.68) !important;
  margin:13px 0 !important;
  font-size:14px !important;
  line-height:1.5;
  transform:none !important;
}

.footer-contact-line i{
  color:#d8ff3e;
  font-size:18px;
  margin-top:1px;
}

.footer-contact-line:hover{
  color:#fff !important;
  transform:none !important;
}

.footer-mini-form{
  display:grid;
  grid-template-columns:1fr 48px;
  gap:8px;
  margin-top:22px;
}

.footer-mini-form input{
  height:48px;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(0,0,0,.22);
  color:#fff;
  padding:0 14px;
  outline:0;
}

.footer-mini-form button{
  height:48px;
  border:0;
  background:#fff;
  color:#050505;
  display:grid;
  place-items:center;
  cursor:pointer;
}

.footer-pro-bottom{
  min-height:58px;
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:28px;
  align-items:center;
  color:rgba(255,255,255,.48);
  font-size:13px;
  padding-top:22px;
}

.footer-legal{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
}

.footer-legal a{
  color:rgba(255,255,255,.48) !important;
  margin:0 !important;
  font-size:13px !important;
  transform:none !important;
}

.footer-legal a:hover{
  color:#fff !important;
}

.footer-pro-bottom .footer-social{
  display:flex;
  gap:10px;
}

.footer-pro-bottom .footer-social a{
  width:40px;
  height:40px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.14);
  display:grid !important;
  place-items:center;
  margin:0 !important;
  color:#fff !important;
  background:rgba(255,255,255,.035);
  transform:none !important;
}

.footer-pro-bottom .footer-social a:hover{
  background:#fff;
  color:#050505 !important;
}

@media(max-width:1180px){
  .footer-pro-hero,
  .footer-pro-grid{
    grid-template-columns:1fr 1fr;
  }
  .footer-pro-action{
    justify-self:start;
  }
  .footer-pro-brand{
    grid-column:1/-1;
  }
}

@media(max-width:760px){
  .footer-pro-hero{
    grid-template-columns:1fr;
    padding:68px 0 42px;
    gap:26px;
  }
  .footer-pro-hero h2{
    letter-spacing:-2.8px;
  }
  .footer-pro-grid{
    grid-template-columns:1fr;
    padding:42px 0;
  }
  .footer-pro-bottom{
    grid-template-columns:1fr;
    gap:16px;
  }
  .footer-buttons{
    align-items:stretch;
  }
  .footer-primary,
  .footer-secondary{
    width:100%;
  }
}


/* v13 footer right reference/stat panel */
.footer-reference-panel{
  width:100%;
  max-width:760px;
  justify-self:end;
}

.footer-action-copy{
  max-width:620px;
  margin-left:auto;
}

.footer-reference-card{
  position:relative;
  margin-top:34px;
  min-height:245px;
  padding:34px 34px 30px;
  border:1px solid rgba(255,255,255,.13);
  background:
    linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.018)),
    radial-gradient(circle at 82% 12%,rgba(216,255,62,.10),transparent 24%),
    rgba(255,255,255,.025);
  overflow:hidden;
}

.footer-reference-card:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px) 0 0/56px 56px,
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0/56px 56px;
  opacity:.34;
  pointer-events:none;
}

.ref-card-frame{
  position:absolute;
  width:128px;
  height:86px;
  pointer-events:none;
  z-index:2;
}

.ref-card-frame-tl{
  left:18px;
  top:18px;
  border-left:8px solid #fff;
  border-top:8px solid #fff;
}

.ref-card-frame-br{
  right:18px;
  bottom:18px;
  border-right:8px solid #fff;
  border-bottom:8px solid #fff;
}

.ref-card-head{
  position:relative;
  z-index:3;
  max-width:430px;
}

.ref-card-head span{
  display:block;
  font-size:26px;
  line-height:1.05;
  color:rgba(255,255,255,.86);
  font-weight:400;
  letter-spacing:-.5px;
  margin-bottom:8px;
}

.ref-card-head strong{
  display:block;
  font-family:Poppins,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  font-size:42px;
  line-height:1;
  letter-spacing:-1.8px;
  color:#fff;
  font-weight:900;
  text-transform:uppercase;
  margin-bottom:18px;
}

.ref-card-head p{
  color:rgba(255,255,255,.70);
  font-size:14px;
  line-height:1.65;
  margin:0;
  text-transform:uppercase;
}

.ref-card-stats{
  position:absolute;
  z-index:3;
  right:34px;
  top:50%;
  transform:translateY(-48%);
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:28px;
  min-width:360px;
}

.ref-card-stats div{
  text-align:center;
}

.ref-card-stats b{
  display:block;
  font-family:Poppins,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  font-size:34px;
  line-height:1;
  font-weight:900;
  color:#fff;
  letter-spacing:-1px;
}

.ref-card-stats b:after{
  content:"";
  display:block;
  width:48px;
  height:3px;
  background:#fff;
  margin:18px auto 16px;
  opacity:.92;
}

.ref-card-stats span{
  display:block;
  color:rgba(255,255,255,.76);
  font-size:11px;
  font-weight:900;
  letter-spacing:.8px;
  text-transform:uppercase;
}

@media(max-width:1180px){
  .footer-reference-panel{
    justify-self:start;
    max-width:100%;
  }
  .footer-action-copy{
    margin-left:0;
  }
}

@media(max-width:920px){
  .footer-reference-card{
    padding:30px 26px;
  }
  .ref-card-stats{
    position:relative;
    right:auto;
    top:auto;
    transform:none;
    min-width:0;
    margin-top:30px;
  }
  .ref-card-head{
    max-width:100%;
  }
}

@media(max-width:640px){
  .footer-reference-card{
    padding:26px 22px;
  }
  .ref-card-frame{
    width:86px;
    height:58px;
  }
  .ref-card-frame-tl{
    border-left-width:6px;
    border-top-width:6px;
  }
  .ref-card-frame-br{
    border-right-width:6px;
    border-bottom-width:6px;
  }
  .ref-card-head span{
    font-size:21px;
  }
  .ref-card-head strong{
    font-size:31px;
  }
  .ref-card-head p{
    font-size:12px;
  }
  .ref-card-stats{
    grid-template-columns:1fr;
    gap:18px;
  }
  .ref-card-stats b:after{
    margin:12px auto 10px;
  }
}


/* v14 footer statistics cleanup */
.footer-reference-card{
  min-height:230px !important;
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  align-items:center;
  gap:32px;
  padding:34px 42px !important;
}

.ref-card-head{
  max-width:none !important;
}

.ref-card-head span{
  font-size:18px !important;
  line-height:1.1 !important;
  color:rgba(255,255,255,.68) !important;
  font-weight:800 !important;
  letter-spacing:1.4px !important;
  text-transform:uppercase;
  margin-bottom:10px !important;
}

.ref-card-head strong{
  font-size:50px !important;
  line-height:.9 !important;
  letter-spacing:-2px !important;
  margin-bottom:0 !important;
}

.ref-card-head p{
  display:none !important;
}

.ref-card-stats{
  position:relative !important;
  right:auto !important;
  top:auto !important;
  transform:none !important;
  min-width:0 !important;
  width:100%;
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:18px !important;
  align-items:center;
}

.ref-card-stats div{
  padding:18px 12px;
  border-left:1px solid rgba(255,255,255,.12);
}

.ref-card-stats div:first-child{
  border-left:0;
}

.ref-card-stats b{
  font-size:38px !important;
  white-space:nowrap;
}

.ref-card-stats b:after{
  width:50px !important;
  height:3px !important;
  margin:16px auto 14px !important;
}

.ref-card-stats span{
  font-size:11px !important;
}

@media(max-width:920px){
  .footer-reference-card{
    grid-template-columns:1fr !important;
    gap:24px;
  }
  .ref-card-stats{
    margin-top:0 !important;
  }
}

@media(max-width:640px){
  .footer-reference-card{
    padding:28px 22px !important;
  }
  .ref-card-head strong{
    font-size:40px !important;
  }
  .ref-card-stats{
    grid-template-columns:1fr !important;
  }
  .ref-card-stats div{
    border-left:0;
    border-top:1px solid rgba(255,255,255,.12);
  }
  .ref-card-stats div:first-child{
    border-top:0;
  }
}


/* v15 footer statistics only */
.footer-reference-card{
  grid-template-columns:1fr !important;
  min-height:190px !important;
  padding:34px 42px !important;
}

.ref-card-head{
  display:none !important;
}

.ref-card-stats-only,
.ref-card-stats{
  position:relative !important;
  right:auto !important;
  top:auto !important;
  transform:none !important;
  min-width:0 !important;
  width:100%;
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:22px !important;
  align-items:center;
  justify-content:center;
}

.ref-card-stats-only div{
  min-height:116px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-left:1px solid rgba(255,255,255,.12);
}

.ref-card-stats-only div:first-child{
  border-left:0;
}

.ref-card-stats-only b{
  font-size:44px !important;
}

@media(max-width:640px){
  .ref-card-stats-only,
  .ref-card-stats{
    grid-template-columns:1fr !important;
  }
  .ref-card-stats-only div{
    border-left:0;
    border-top:1px solid rgba(255,255,255,.12);
  }
  .ref-card-stats-only div:first-child{
    border-top:0;
  }
}


/* v16 homepage slider desktop height stabilization */
/* 1920x1080 oranındaki doluluk korunur, 1366x768 / 1360x768 ekranda taşma azaltılır */
.hero-slider{
  height:100svh !important;
  min-height:640px !important;
  max-height:1080px;
}

.slide-content{
  padding-bottom:clamp(30px,4.25vh,46px) !important;
}

.slide-title{
  margin-bottom:clamp(16px,2.2vh,24px) !important;
}

.slider-footer{
  padding-top:clamp(24px,4vh,44px) !important;
}

.hero-object{
  width:clamp(330px,27vw,520px) !important;
  height:clamp(330px,27vw,520px) !important;
}

.slide:nth-child(3) .hero-object{
  width:clamp(420px,34vw,620px) !important;
  height:clamp(250px,21vw,370px) !important;
}

@media (max-width:1440px) and (max-height:820px){
  .site-header{
    height:78px !important;
  }
  .header-inner{
    padding:0 34px !important;
  }
  .main-nav{
    padding:6px !important;
  }
  .nav-link{
    min-height:34px !important;
    padding:0 15px !important;
    font-size:13px !important;
  }
  .get-started{
    min-height:42px !important;
    padding:0 22px !important;
    font-size:13px !important;
  }
  .panel-btn{
    width:44px !important;
    height:44px !important;
  }
  .lang-switch{
    min-height:38px !important;
  }
  .hero-slider{
    min-height:768px !important;
    height:100vh !important;
  }
  .hero-object{
    width:360px !important;
    height:360px !important;
    top:49% !important;
  }
  .slide:nth-child(3) .hero-object{
    width:460px !important;
    height:275px !important;
  }
  .slide-content{
    padding:0 34px 30px !important;
  }
  .slide-no{
    font-size:34px !important;
  }
  .slide-label{
    font-size:13px !important;
  }
  .slider-footer{
    padding-top:28px !important;
    font-size:13px !important;
  }
  .hero-arrow{
    width:54px !important;
    height:54px !important;
    font-size:21px !important;
  }
}

/* 1366x768 ve 1360x768 bandı için özel ölçek */
@media (min-width:1200px) and (max-width:1390px) and (max-height:790px){
  .hero-slider{
    height:768px !important;
    min-height:768px !important;
  }
  .slide-content{
    padding-bottom:28px !important;
  }
  .hero-object{
    width:340px !important;
    height:340px !important;
    transform:translate(-50%,-47%) !important;
  }
  .slide:nth-child(3) .hero-object{
    width:440px !important;
    height:260px !important;
  }
  .slide-title{
    margin-bottom:18px !important;
  }
  .slider-footer{
    padding-top:26px !important;
  }
}

/* Daha kısa laptop ekranlarında hero'nun formu bozulmasın */
@media (min-width:992px) and (max-height:720px){
  .hero-slider{
    min-height:680px !important;
    height:100vh !important;
  }
  .hero-object{
    width:310px !important;
    height:310px !important;
  }
  .slide:nth-child(3) .hero-object{
    width:410px !important;
    height:235px !important;
  }
  .slider-footer{
    padding-top:22px !important;
  }
}

/* Mobil/tablet davranışı önceki kırılımları korur */
@media(max-width:760px){
  .hero-slider{
    min-height:660px !important;
    height:100svh !important;
  }
}


/* v17 real graphics for slider */
.slide-bg{overflow:hidden}
.slide-bg:before{
  opacity:.9;
  transform:scale(1.02);
}
.hero-object{display:none !important}
.hero-graphic{
  position:absolute;
  left:52%;
  top:50%;
  transform:translate(-50%,-49%);
  width:min(48vw,760px);
  z-index:3;
  filter:drop-shadow(0 28px 70px rgba(0,0,0,.38));
  animation:heroFloat 6s ease-in-out infinite;
}
.hero-graphic img{
  width:100%;
  height:auto;
  display:block;
}
.hero-graphic-wide{
  width:min(52vw,800px);
}
@keyframes heroFloat{
  0%,100%{transform:translate(-50%,-49%)}
  50%{transform:translate(-50%,-51%)}
}

/* better content legibility with new graphics */
.slide-bg:after{
  background:
    linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.20) 42%,rgba(0,0,0,.34) 64%,rgba(0,0,0,.62)),
    linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.62)) !important;
}

/* references with real logos */
.references-grid{
  align-items:stretch;
}
.ref-item{
  min-height:170px;
  padding:24px;
}
.ref-logo{
  width:100%;
  max-width:300px;
  height:auto;
  display:block;
  filter:grayscale(1) brightness(.78);
  opacity:.78;
  transition:.28s ease;
}
.ref-item:hover .ref-logo{
  filter:grayscale(0) brightness(1);
  opacity:1;
  transform:translateY(-4px);
}

@media(max-width:1120px){
  .hero-graphic{
    width:min(52vw,620px);
    left:55%;
  }
  .hero-graphic-wide{
    width:min(54vw,680px);
  }
}
@media(max-width:760px){
  .hero-graphic{
    width:min(82vw,430px);
    left:50%;
    top:37%;
    transform:translate(-50%,-50%);
  }
  .hero-graphic-wide{
    width:min(88vw,480px);
  }
  @keyframes heroFloat{
    0%,100%{transform:translate(-50%,-50%)}
    50%{transform:translate(-50%,-52%)}
  }
  .ref-item{
    min-height:130px;
  }
}


/* v18: real Zemta logo */
.site-logo-img{
  display:block;
  width:132px;
  height:auto;
  max-height:54px;
  object-fit:contain;
}
.footer-logo img{
  width:150px;
  height:auto;
  display:block;
  filter:brightness(1.08);
}
.logo-mark{display:none !important}

/* v18: slider graphics full screen */
.hero-graphic{
  position:absolute !important;
  inset:0 !important;
  left:0 !important;
  top:0 !important;
  width:100% !important;
  height:100% !important;
  transform:none !important;
  z-index:1 !important;
  filter:none !important;
  animation:none !important;
  opacity:.82;
}
.hero-graphic img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block;
}
.hero-graphic-wide{
  width:100% !important;
}
.slide-bg{
  z-index:0 !important;
}
.slide-bg:before{
  opacity:.45 !important;
}
.slide-bg:after{
  z-index:2 !important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.80),rgba(0,0,0,.30) 42%,rgba(0,0,0,.34) 64%,rgba(0,0,0,.64)),
    linear-gradient(180deg,rgba(0,0,0,.20),rgba(0,0,0,.70)) !important;
}
.slide-content,
.hero-arrows{
  z-index:5 !important;
}

/* v18: brand logo references */
.ref-logo{
  max-width:310px !important;
  width:92% !important;
  filter:grayscale(1) brightness(.82) !important;
  opacity:.76 !important;
}
.ref-item:hover .ref-logo{
  filter:grayscale(0) brightness(1.05) !important;
  opacity:1 !important;
  transform:translateY(-4px) scale(1.02) !important;
}

/* v18: contact page */
.contact-layout-v18{
  grid-template-columns:.9fr 1.1fr;
  align-items:start;
}
.contact-layout-v18 .contact-info{
  margin:0;
}
.contact-layout-v18 .contact-row b{
  color:#fff;
  font-size:15px;
}
.contact-layout-v18 .contact-row{
  align-items:flex-start;
}
.map-under-form{
  margin-top:24px !important;
}
.map-under-form .map-placeholder{
  height:360px;
}
@media(max-width:1120px){
  .site-logo-img{
    width:118px;
  }
  .contact-layout-v18{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .site-logo-img{
    width:104px;
  }
  .hero-graphic{
    top:0 !important;
    left:0 !important;
    transform:none !important;
  }
}


/* v21 corporate menu + ready software slider */
.ready-software-section{
  background:#f3f0e8;
  color:#050505;
  padding:96px 0 110px;
  overflow:hidden;
}
.ready-software-section .section-head small{color:#3f4650}
.ready-software-section .section-head h2{
  color:#050505;
  font-family:Poppins,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  font-weight:900;
}
.ready-software-section .section-head p{color:#3d4652}
.ready-slider-wrap{
  position:relative;
  display:grid;
  grid-template-columns:56px 1fr 56px;
  gap:18px;
  align-items:center;
}
.ready-slider{overflow:hidden}
.ready-track{
  display:flex;
  transition:transform .45s cubic-bezier(.77,0,.175,1);
  will-change:transform;
}
.ready-card{
  flex:0 0 calc(100% / 3);
  min-height:310px;
  padding:30px;
  border:1px solid rgba(0,0,0,.15);
  border-left:0;
  color:#050505;
  background:transparent;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  transition:.24s;
}
.ready-card:first-child{border-left:1px solid rgba(0,0,0,.15)}
.ready-card:hover{
  background:#050505;
  color:#fff;
}
.ready-card i{
  font-size:34px;
  color:#050505;
}
.ready-card:hover i{color:#d8ff3e}
.ready-card h3{
  font-family:Poppins,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  font-size:30px;
  letter-spacing:-1.2px;
  margin:0 0 8px;
}
.ready-card b{
  display:block;
  color:#3d4652;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:1.3px;
  margin-bottom:16px;
}
.ready-card p{
  color:#38424f;
  line-height:1.6;
  margin:0;
  font-size:14px;
}
.ready-card:hover b,
.ready-card:hover p{color:rgba(255,255,255,.70)}
.ready-arrow{
  width:56px;
  height:56px;
  border-radius:50%;
  border:1px solid rgba(0,0,0,.16);
  background:#050505;
  color:#fff;
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:.2s;
}
.ready-arrow:hover{background:#fff;color:#050505}

.brand-list{
  display:grid;
  gap:18px;
}
.brand-row{
  display:grid;
  grid-template-columns:260px 1fr;
  gap:28px;
  align-items:center;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.035);
  padding:24px;
  transition:.24s;
}
.brand-row:hover{background:rgba(255,255,255,.065);transform:translateY(-2px)}
.brand-logo-box{
  min-height:142px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.20);
}
.brand-logo-text,
.investment-logo .brand-logo-text{
  font-family:Poppins,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  color:#fff;
  font-weight:900;
  font-size:28px;
  line-height:1.05;
  letter-spacing:-1.2px;
  text-align:center;
}
.brand-copy h3,
.investment-card h3{
  font-family:Poppins,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  font-size:34px;
  letter-spacing:-1.4px;
  margin:0 0 8px;
}
.brand-copy a,
.investment-card a{
  color:#d8ff3e;
  font-weight:800;
  display:inline-block;
  margin-bottom:12px;
}
.brand-copy p,
.investment-card p{
  color:rgba(255,255,255,.62);
  line-height:1.7;
  margin:0;
}
.investment-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
}
.investment-card{
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.035);
  padding:28px;
  min-height:300px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  transition:.24s;
}
.investment-card:hover{background:rgba(255,255,255,.065);transform:translateY(-2px)}
.investment-logo{
  width:180px;
  min-height:90px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.20);
  margin-bottom:24px;
}
.corporate-info-grid .feature-card p{
  word-break:break-word;
}

@media(max-width:1120px){
  .ready-slider-wrap{grid-template-columns:48px 1fr 48px}
  .ready-card{flex-basis:50%}
  .brand-row{grid-template-columns:1fr}
}
@media(max-width:760px){
  .ready-software-section{padding:74px 0}
  .ready-slider-wrap{grid-template-columns:1fr}
  .ready-arrow{display:none}
  .ready-card{flex-basis:100%}
  .investment-grid{grid-template-columns:1fr}
  .brand-copy h3,.investment-card h3{font-size:26px}
}


/* v22 Bilgi Toplumu Hizmetleri */
.bilgi-toplumu-section{
  position:relative;
  overflow:hidden;
}

.bilgi-toplumu-section:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 82% 8%, rgba(155,107,255,.16), transparent 28%),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px) 0 0/92px 92px,
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/92px 92px;
  pointer-events:none;
  opacity:.7;
}

.bilgi-toplumu-section .container{
  position:relative;
  z-index:2;
}

.bilgi-head{
  margin-bottom:42px;
}

.bt-summary{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid rgba(255,255,255,.13);
  border-left:1px solid rgba(255,255,255,.13);
  margin-bottom:28px;
}

.bt-summary article{
  min-height:170px;
  padding:26px;
  border-right:1px solid rgba(255,255,255,.13);
  border-bottom:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.032);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.bt-summary i{
  font-size:30px;
  color:#d8ff3e;
}

.bt-summary span{
  color:rgba(255,255,255,.52);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:1.4px;
}

.bt-summary b{
  display:block;
  color:#fff;
  font-size:22px;
  line-height:1.15;
  letter-spacing:-.8px;
}

.bt-card{
  border:1px solid rgba(255,255,255,.14);
  background:
    linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025)),
    rgba(0,0,0,.18);
  backdrop-filter:blur(8px);
}

.bt-card-title{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  padding:34px 36px;
  border-bottom:1px solid rgba(255,255,255,.13);
}

.bt-card-title span{
  color:#d8ff3e;
  font-size:12px;
  font-weight:900;
  letter-spacing:2px;
  text-transform:uppercase;
}

.bt-card-title h3{
  margin:0;
  font-family:Poppins,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  font-size:42px;
  line-height:.95;
  letter-spacing:-1.8px;
  text-align:right;
}

.bt-table{
  display:grid;
}

.bt-row{
  display:grid;
  grid-template-columns:340px 1fr;
  border-bottom:1px solid rgba(255,255,255,.10);
}

.bt-row:last-child{
  border-bottom:0;
}

.bt-label{
  padding:20px 24px 20px 36px;
  color:rgba(255,255,255,.58);
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.9px;
  border-right:1px solid rgba(255,255,255,.10);
  background:rgba(0,0,0,.14);
}

.bt-value{
  padding:20px 36px;
  color:#fff;
  font-size:15px;
  line-height:1.65;
  font-weight:600;
}

.bt-note{
  margin-top:24px;
  display:flex;
  align-items:flex-start;
  gap:14px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.035);
  padding:22px 24px;
}

.bt-note i{
  color:#d8ff3e;
  font-size:22px;
  margin-top:2px;
}

.bt-note p{
  margin:0;
  color:rgba(255,255,255,.62);
  line-height:1.7;
}

@media(max-width:1120px){
  .bt-summary{
    grid-template-columns:repeat(2,1fr);
  }
  .bt-row{
    grid-template-columns:280px 1fr;
  }
}

@media(max-width:760px){
  .bt-summary{
    grid-template-columns:1fr;
  }
  .bt-card-title{
    display:block;
    padding:26px 22px;
  }
  .bt-card-title h3{
    text-align:left;
    margin-top:12px;
    font-size:32px;
  }
  .bt-row{
    grid-template-columns:1fr;
  }
  .bt-label{
    border-right:0;
    padding:18px 22px 8px;
  }
  .bt-value{
    padding:0 22px 18px;
  }
}


/* v23 Provider Page */
.provider-layout{
  display:grid;
  grid-template-columns:1.18fr .82fr;
  gap:24px;
  align-items:start;
}
.provider-card-main,
.provider-side{
  border:1px solid rgba(255,255,255,.13);
  background:linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.025));
}
.provider-title{
  padding:34px;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.provider-title span{
  color:#d8ff3e;
  font-size:12px;
  font-weight:900;
  letter-spacing:2px;
}
.provider-title h3{
  margin:10px 0 0;
  font-family:Poppins,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  font-size:42px;
  line-height:.95;
  letter-spacing:-1.8px;
}
.provider-info-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
}
.provider-info-grid div{
  padding:22px 26px;
  border-right:1px solid rgba(255,255,255,.10);
  border-bottom:1px solid rgba(255,255,255,.10);
}
.provider-info-grid div:nth-child(2n){border-right:0}
.provider-info-grid b{
  display:block;
  color:rgba(255,255,255,.55);
  font-size:12px;
  letter-spacing:1.2px;
  text-transform:uppercase;
  margin-bottom:10px;
}
.provider-info-grid span{
  display:block;
  color:#fff;
  line-height:1.55;
  font-weight:600;
}
.provider-side{
  padding:34px;
  position:sticky;
  top:110px;
}
.provider-side i{
  font-size:42px;
  color:#d8ff3e;
}
.provider-side h3{
  font-family:Poppins,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  font-size:34px;
  letter-spacing:-1.4px;
  line-height:1;
}
.provider-side p{
  color:rgba(255,255,255,.62);
  line-height:1.7;
}
.provider-query-btn{
  min-height:54px;
  padding:0 22px;
  border-radius:999px;
  background:#fff;
  color:#050505 !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:900;
}

/* v23 Auth Pages */
.auth-section{
  background:#050505;
  color:#fff;
  padding:150px 0 110px;
}
.auth-layout{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:28px;
  align-items:stretch;
}
.auth-visual,
.auth-card,
.register-card{
  border:1px solid rgba(255,255,255,.13);
  background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
}
.auth-visual{
  padding:48px;
  min-height:560px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  position:relative;
  overflow:hidden;
}
.auth-visual:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 82% 20%,rgba(155,107,255,.24),transparent 32%),
             linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px) 0 0/70px 70px;
  pointer-events:none;
}
.auth-visual>*{position:relative}
.auth-visual span{
  color:#d8ff3e;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:2px;
}
.auth-visual h1{
  font-family:Poppins,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  font-size:clamp(48px,6vw,92px);
  line-height:.88;
  letter-spacing:-4px;
  margin:24px 0;
}
.auth-visual p{
  color:rgba(255,255,255,.64);
  line-height:1.75;
  font-size:17px;
  max-width:620px;
}
.auth-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid rgba(255,255,255,.12);
  border-left:1px solid rgba(255,255,255,.12);
}
.auth-stats div{
  padding:18px;
  border-right:1px solid rgba(255,255,255,.12);
  border-bottom:1px solid rgba(255,255,255,.12);
}
.auth-stats b{display:block;font-size:28px;color:#fff}
.auth-stats small{color:rgba(255,255,255,.55);font-weight:800}
.auth-card{
  padding:42px;
}
.auth-card h2,
.register-card h3{
  font-family:Poppins,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  font-size:36px;
  letter-spacing:-1.6px;
  margin:0 0 10px;
}
.auth-card p{
  color:rgba(255,255,255,.58);
  margin:0 0 28px;
}
.auth-card label{
  display:block;
  color:rgba(255,255,255,.65);
  font-size:13px;
  font-weight:800;
  margin:18px 0 8px;
}
.auth-card input,
.register-card input,
.register-card textarea,
.register-card select{
  width:100%;
  height:54px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  color:#fff;
  padding:0 16px;
  outline:0;
}
.auth-row{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  margin:18px 0 24px;
}
.auth-row .check{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0;
}
.auth-row .check input{width:auto;height:auto}
.auth-row a,
.auth-bottom a{
  color:#d8ff3e;
  font-weight:800;
}
.auth-card button,
.register-btn{
  width:100%;
  height:54px;
  border:0;
  background:#fff;
  color:#050505;
  border-radius:999px;
  font-weight:900;
  cursor:pointer;
}
.auth-bottom{
  margin-top:24px;
  color:rgba(255,255,255,.62);
  text-align:center;
}

/* Register */
.register-section{
  padding-top:150px;
}
.register-card{
  padding:34px;
}
.register-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
}
.register-full{
  grid-column:1/-1;
}
.register-card .form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.register-card textarea{
  min-height:130px;
  padding:16px;
}
.contract-checks{
  display:grid;
  gap:12px;
  margin:28px 0;
  color:rgba(255,255,255,.68);
}
.contract-checks label{
  display:flex;
  align-items:center;
  gap:8px;
}
.contract-link{
  border:0;
  background:transparent;
  color:#d8ff3e;
  font-weight:900;
  padding:0;
  cursor:pointer;
}
.contract-modal{
  position:fixed;
  inset:0;
  z-index:999;
  background:rgba(0,0,0,.72);
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.contract-modal.open{display:flex}
.contract-modal-box{
  width:min(680px,100%);
  border:1px solid rgba(255,255,255,.14);
  background:#090A0F;
  color:#fff;
  padding:34px;
  position:relative;
}
.contract-modal-box h3{
  font-family:Poppins,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  font-size:34px;
  letter-spacing:-1px;
  margin:0 0 16px;
}
.contract-modal-box p{
  color:rgba(255,255,255,.65);
  line-height:1.75;
}
.contract-close{
  position:absolute;
  right:18px;
  top:18px;
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.14);
  background:transparent;
  color:#fff;
}
.modal-accept{
  min-height:50px;
  padding:0 22px;
  border:0;
  border-radius:999px;
  background:#fff;
  color:#050505;
  font-weight:900;
}

/* Customer Panel */
.customer-panel-section{
  padding:145px 0 100px;
  background:#050505;
  color:#fff;
}
.customer-shell{
  display:grid;
  grid-template-columns:290px 1fr;
  gap:24px;
}
.customer-sidebar{
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.035);
  padding:22px;
  position:sticky;
  top:110px;
  height:max-content;
}
.customer-avatar{
  padding:20px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.18);
  text-align:center;
  margin-bottom:18px;
}
.customer-avatar b{
  width:64px;
  height:64px;
  border-radius:50%;
  background:#fff;
  color:#050505;
  display:grid;
  place-items:center;
  margin:0 auto 12px;
  font-size:22px;
}
.customer-avatar span{display:block;font-weight:900}
.customer-avatar small{color:rgba(255,255,255,.55)}
.customer-sidebar nav{display:grid;gap:8px}
.customer-sidebar nav a{
  display:flex;
  align-items:center;
  gap:10px;
  padding:13px 14px;
  color:rgba(255,255,255,.68);
  border:1px solid transparent;
}
.customer-sidebar nav a:hover{
  color:#fff;
  border-color:rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
}
.customer-hero{
  border:1px solid rgba(255,255,255,.13);
  background:linear-gradient(135deg,rgba(155,107,255,.16),rgba(255,255,255,.035));
  padding:34px;
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:flex-end;
}
.customer-hero small{
  color:#d8ff3e;
  font-weight:900;
  letter-spacing:2px;
  text-transform:uppercase;
}
.customer-hero h1{
  font-family:Poppins,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  font-size:58px;
  letter-spacing:-2.6px;
  line-height:.92;
  margin:12px 0;
}
.customer-hero p{
  color:rgba(255,255,255,.64);
  max-width:720px;
  line-height:1.7;
  margin:0;
}
.customer-hero a,
.panel-title button{
  min-height:46px;
  padding:0 18px;
  border-radius:999px;
  background:#fff;
  color:#050505;
  font-weight:900;
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:0;
}
.dashboard-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  margin:24px 0;
  border-top:1px solid rgba(255,255,255,.13);
  border-left:1px solid rgba(255,255,255,.13);
}
.dashboard-stats article{
  padding:24px;
  border-right:1px solid rgba(255,255,255,.13);
  border-bottom:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.035);
}
.dashboard-stats span{color:rgba(255,255,255,.55);font-weight:800}
.dashboard-stats b{display:block;font-size:42px}
.panel-block{
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.028);
  margin-bottom:24px;
}
.panel-title{
  padding:22px 24px;
  border-bottom:1px solid rgba(255,255,255,.12);
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
}
.panel-title h2{
  font-family:Poppins,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  font-size:30px;
  letter-spacing:-1px;
  margin:0;
}
.info-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
}
.info-grid div{
  padding:20px 24px;
  border-right:1px solid rgba(255,255,255,.10);
  border-bottom:1px solid rgba(255,255,255,.10);
}
.info-grid .wide{grid-column:1/-1}
.info-grid b,
.service-table b,
.domain-list b,
.ticket-list b{display:block;color:rgba(255,255,255,.55);font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}
.info-grid span{color:#fff}
.service-table{
  display:grid;
}
.service-table>div{
  display:grid;
  grid-template-columns:1.4fr 1fr .8fr .8fr;
  gap:12px;
  padding:16px 24px;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.service-head{
  color:rgba(255,255,255,.50);
  font-weight:900;
  text-transform:uppercase;
  font-size:12px;
}
.status{display:inline-flex!important;width:max-content;padding:6px 10px;border-radius:999px;margin:0!important}
.status.active{background:rgba(216,255,62,.14);color:#d8ff3e}
.status.pending{background:rgba(255,214,107,.14);color:#ffd66b}
.invoice-grid,.hosting-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  padding:24px;
}
.invoice-grid article,.hosting-grid article{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.18);
  padding:22px;
}
.invoice-grid strong{display:block;font-size:26px;margin:20px 0;color:#fff}
.invoice-grid button{
  min-height:42px;
  border:0;
  border-radius:999px;
  background:#fff;
  color:#050505;
  font-weight:900;
  padding:0 16px;
}
.invoice-grid .paid{background:rgba(255,255,255,.10);color:#fff}
.domain-list,.ticket-list{
  display:grid;
}
.domain-list div,.ticket-list div{
  display:grid;
  grid-template-columns:1fr 1fr auto;
  padding:18px 24px;
  border-bottom:1px solid rgba(255,255,255,.10);
  align-items:center;
  gap:18px;
}
.domain-list span,.ticket-list span,.hosting-grid span,.hosting-grid em{
  color:rgba(255,255,255,.62);
}
.hosting-grid i{font-size:30px;color:#d8ff3e}
.hosting-grid b{display:block;font-size:22px;margin:14px 0 8px}

@media(max-width:1120px){
  .provider-layout,.auth-layout,.customer-shell{grid-template-columns:1fr}
  .provider-side,.customer-sidebar{position:relative;top:auto}
  .provider-info-grid,.dashboard-stats,.invoice-grid,.hosting-grid{grid-template-columns:repeat(2,1fr)}
  .customer-hero{display:block}
  .customer-hero a{margin-top:22px}
}
@media(max-width:760px){
  .provider-info-grid,.register-grid,.register-card .form-grid,.dashboard-stats,.invoice-grid,.hosting-grid,.info-grid{grid-template-columns:1fr}
  .provider-info-grid div{border-right:0}
  .auth-section,.customer-panel-section{padding-top:110px}
  .auth-visual,.auth-card,.register-card{padding:24px}
  .auth-stats{grid-template-columns:1fr}
  .service-table>div{grid-template-columns:1fr}
  .domain-list div,.ticket-list div{grid-template-columns:1fr}
  .customer-hero h1{font-size:42px}
  .panel-title{display:block}
  .panel-title button{margin-top:14px}
}


/* v24 refinements */
.lang-split{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  border-radius:999px;
}

.lang-btn{
  min-width:38px;
  height:34px;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:rgba(255,255,255,.64);
  font-size:12px;
  font-weight:900;
  letter-spacing:.6px;
}

.lang-btn.active{
  background:#fff;
  color:#050505;
}

.mobile-customer-action{
  padding:18px 26px 8px;
}

.mobile-customer-action a{
  min-height:52px;
  border-radius:999px;
  background:#fff;
  color:#050505;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font-weight:900;
}

.footer:not(.footer-pro-home) .footer-pro-grid{
  padding-top:0;
}

.customer-sidebar nav a.active{
  color:#050505;
  background:#fff;
  border-color:#fff;
  font-weight:900;
}

.customer-hero-compact{
  min-height:auto;
}

.quick-panel-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  padding:24px;
}

.quick-panel-grid a{
  min-height:180px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.18);
  color:#fff;
  padding:22px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  transition:.24s;
}

.quick-panel-grid a:hover{
  background:rgba(255,255,255,.07);
  transform:translateY(-2px);
}

.quick-panel-grid i{
  font-size:30px;
  color:#d8ff3e;
}

.quick-panel-grid b{
  display:block;
  font-size:21px;
  margin-top:18px;
}

.quick-panel-grid span{
  color:rgba(255,255,255,.58);
  line-height:1.55;
  font-size:13px;
}

.activity-list{
  display:grid;
}

.activity-list div{
  display:grid;
  grid-template-columns:1fr 1.4fr auto;
  gap:18px;
  padding:18px 24px;
  border-bottom:1px solid rgba(255,255,255,.10);
  align-items:center;
}

.activity-list b{
  color:#fff;
}

.activity-list span,
.activity-list em{
  color:rgba(255,255,255,.58);
  font-style:normal;
}

.support-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  padding:24px;
}

.support-form textarea{
  grid-column:1/-1;
  min-height:150px;
}

.support-form button{
  width:max-content;
  min-height:46px;
  padding:0 22px;
  border-radius:999px;
  border:0;
  background:#fff;
  color:#050505;
  font-weight:900;
}

@media(max-width:1120px){
  .quick-panel-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:760px){
  .lang-split{
    display:none;
  }
  .quick-panel-grid,
  .activity-list div,
  .support-form{
    grid-template-columns:1fr;
  }
  .support-form textarea{
    grid-column:auto;
  }
}


/* v25 header / menu hover fix */
.site-header{
  background:rgba(5,5,5,.82) !important;
  backdrop-filter:blur(22px) saturate(140%) !important;
  -webkit-backdrop-filter:blur(22px) saturate(140%) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}

.main-nav{
  gap:8px !important;
  padding:7px !important;
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.13) !important;
  border-radius:999px !important;
}

.nav-item{
  position:relative;
}

.nav-link{
  border-radius:999px !important;
  margin:0 !important;
  background:transparent !important;
  border:1px solid transparent !important;
  transition:background .22s ease, color .22s ease, border-color .22s ease, transform .22s ease !important;
}

.nav-item:hover > .nav-link,
.nav-item.active > .nav-link{
  background:#fff !important;
  color:#050505 !important;
  border-color:rgba(255,255,255,.92) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.22) !important;
}

.nav-item:hover > .nav-link{
  transform:translateY(-1px);
}

/* hover itemları arasında yapışık hissi oluşmasın */
.nav-item + .nav-item{
  margin-left:2px !important;
}

/* mega ve sub menü headerdan ayrışsın */
.mega,
.sub-menu{
  margin-top:14px !important;
  border:1px solid rgba(255,255,255,.13) !important;
  box-shadow:0 28px 80px rgba(0,0,0,.38) !important;
}

/* dil butonları ve müşteri girişi header arka planına uyumlu */
.lang-split{
  background:rgba(255,255,255,.07) !important;
  border-color:rgba(255,255,255,.16) !important;
}

.get-started{
  box-shadow:0 10px 30px rgba(0,0,0,.22) !important;
}

/* 1366/1360 masaüstü bandında menü sıkışmasın */
@media(max-width:1390px){
  .main-nav{
    gap:5px !important;
    padding:6px !important;
  }
  .nav-link{
    padding-left:13px !important;
    padding-right:13px !important;
  }
}

/* mobil header da siyah yarı şeffaf kalsın */
@media(max-width:980px){
  .site-header{
    background:rgba(5,5,5,.88) !important;
  }
}


/* v26 header background only after scroll */
.site-header{
  background:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  border-bottom:1px solid transparent !important;
  transition:background .28s ease, backdrop-filter .28s ease, border-color .28s ease, box-shadow .28s ease !important;
}

.site-header.is-scrolled{
  background:rgba(5,5,5,.82) !important;
  backdrop-filter:blur(22px) saturate(140%) !important;
  -webkit-backdrop-filter:blur(22px) saturate(140%) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 18px 55px rgba(0,0,0,.24) !important;
}

/* Menü kapsülü her zaman cam hissinde kalır, ama header zemini sadece scroll sonrası siyah olur */
.main-nav{
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.13) !important;
}

@media(max-width:980px){
  .site-header{
    background:transparent !important;
  }
  .site-header.is-scrolled{
    background:rgba(5,5,5,.88) !important;
  }
}


/* v27 1366/1360 header and mobile customer button fix */

/* Header içeriği her çözünürlükte kendi alanında kalsın */
.header-inner{
  min-width:0 !important;
}

.logo{
  flex:0 0 auto !important;
  min-width:0 !important;
}

.main-nav{
  flex:0 1 auto !important;
  min-width:0 !important;
  white-space:nowrap !important;
}

.header-actions{
  flex:0 0 auto !important;
  min-width:0 !important;
}

/* 1366 / 1360 x 768 bandında header elemanlarını kompaktlaştır */
@media (min-width:1180px) and (max-width:1390px){
  .site-header{
    height:68px !important;
  }

  .header-inner{
    padding:0 18px !important;
    gap:10px !important;
  }

  .site-logo-img{
    width:96px !important;
    max-height:40px !important;
  }

  .main-nav{
    gap:4px !important;
    padding:5px !important;
    max-width:calc(100vw - 430px) !important;
    overflow:visible !important;
  }

  .nav-link{
    min-height:34px !important;
    padding:0 10px !important;
    font-size:12px !important;
    letter-spacing:-.1px !important;
  }

  .header-actions{
    gap:6px !important;
  }

  .lang-split{
    padding:3px !important;
    gap:3px !important;
  }

  .lang-btn{
    min-width:31px !important;
    height:30px !important;
    font-size:11px !important;
  }

  .get-started{
    min-height:36px !important;
    padding:0 13px !important;
    font-size:12px !important;
    white-space:nowrap !important;
    gap:6px !important;
  }

  .panel-btn{
    width:38px !important;
    height:38px !important;
    flex:0 0 38px !important;
  }
}

/* 1280-1360 bandında daha da sıkı */
@media (min-width:1180px) and (max-width:1320px){
  .header-inner{
    padding:0 14px !important;
    gap:8px !important;
  }

  .site-logo-img{
    width:88px !important;
  }

  .main-nav{
    max-width:calc(100vw - 390px) !important;
  }

  .nav-link{
    padding:0 8px !important;
    font-size:11.5px !important;
  }

  .get-started{
    padding:0 11px !important;
  }
}

/* Mobil/tablet kırılımını daha erken devreye al: menü masaüstü gibi sıkışıp patlamasın */
@media(max-width:1179px){
  .main-nav{
    display:none !important;
  }

  .mobile-menu-btn{
    display:grid !important;
  }

  .header-inner{
    padding:0 18px !important;
  }
}

/* Mobil panelde müşteri girişi butonu taşmasın */
.mobile-nav-panel{
  overflow-x:hidden !important;
}

.mobile-nav-links{
  min-width:0 !important;
}

.mobile-customer-action{
  width:100% !important;
  box-sizing:border-box !important;
  padding:16px 22px 8px !important;
}

.mobile-customer-action a{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  padding:0 16px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

@media(max-width:420px){
  .mobile-customer-action{
    padding-left:18px !important;
    padding-right:18px !important;
  }

  .mobile-customer-action a{
    min-height:48px !important;
    font-size:13px !important;
  }

  .mobile-nav-foot{
    padding-left:22px !important;
    padding-right:22px !important;
  }
}

/* Sayfa ilk açılışta header şeffaf kalır; scroll sonrası arka plan çalışmaya devam eder */
.site-header:not(.is-scrolled){
  background:transparent !important;
  border-bottom-color:transparent !important;
  box-shadow:none !important;
}


/* v28 mobile references: 2-column responsive */
@media(max-width:760px){
  .references-section{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .references-section .container{
    width:100% !important;
    max-width:100% !important;
    padding-left:18px !important;
    padding-right:18px !important;
  }

  .references-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    background:
      linear-gradient(to right, transparent calc(50% - .5px), rgba(255,255,255,.14) calc(50% - .5px), rgba(255,255,255,.14) calc(50% + .5px), transparent calc(50% + .5px)),
      linear-gradient(to bottom,
        transparent calc(25% - .5px), rgba(255,255,255,.14) calc(25% - .5px), rgba(255,255,255,.14) calc(25% + .5px), transparent calc(25% + .5px),
        transparent calc(50% - .5px), rgba(255,255,255,.14) calc(50% - .5px), rgba(255,255,255,.14) calc(50% + .5px), transparent calc(50% + .5px),
        transparent calc(75% - .5px), rgba(255,255,255,.14) calc(75% - .5px), rgba(255,255,255,.14) calc(75% + .5px), transparent calc(75% + .5px)
      ) !important;
  }

  .ref-item{
    min-height:118px !important;
    padding:14px !important;
  }

  .ref-logo{
    max-width:92% !important;
    max-height:58px !important;
    object-fit:contain !important;
  }

  .logo-bw{
    font-size:20px !important;
    line-height:1.05 !important;
    letter-spacing:-.8px !important;
    max-width:100% !important;
    word-break:break-word !important;
  }

  .logo-bw small{
    font-size:9px !important;
    letter-spacing:1.1px !important;
    margin-top:6px !important;
  }
}

/* 320px ve altı: 2 kolon korunur, ölçüler sıkılaştırılır */
@media(max-width:320px){
  .references-section .container{
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .ref-item{
    min-height:96px !important;
    padding:10px !important;
  }

  .ref-logo{
    max-width:96% !important;
    max-height:46px !important;
  }

  .logo-bw{
    font-size:16px !important;
    letter-spacing:-.6px !important;
  }

  .logo-bw small{
    font-size:8px !important;
    letter-spacing:.8px !important;
  }
}


/* v29 separate global CTA */
.global-cta-section{
  position:relative;
  background:#050505;
  color:#fff;
  padding:112px 0 96px;
  overflow:hidden;
  border-top:1px solid rgba(255,255,255,.08);
}

.global-cta-section:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 78% 8%, rgba(155,107,255,.18), transparent 34%),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px) 0 0/96px 96px,
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/96px 96px;
  opacity:.86;
  pointer-events:none;
}

.global-cta-section .container{
  position:relative;
  z-index:2;
}

.global-cta-grid{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:72px;
  align-items:center;
}

.global-cta-title span{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:rgba(255,255,255,.52);
  font-size:12px;
  font-weight:900;
  letter-spacing:2px;
  text-transform:uppercase;
}

.global-cta-title span i{
  width:12px;
  height:12px;
  border-radius:50%;
  display:block;
  background:#d8ff3e;
  box-shadow:0 0 0 8px rgba(216,255,62,.10);
}

.global-cta-title h2{
  font-family:Poppins,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  font-size:clamp(54px,7.8vw,118px);
  line-height:.88;
  letter-spacing:-6px;
  margin:28px 0 0;
  max-width:820px;
}

.global-cta-side p{
  color:rgba(255,255,255,.62);
  font-size:18px;
  line-height:1.75;
  max-width:690px;
  margin:0 0 28px;
}

.global-cta-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:34px;
}

.global-cta-primary,
.global-cta-secondary{
  min-height:52px;
  padding:0 22px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:900;
}

.global-cta-primary{
  background:#fff;
  color:#050505;
}

.global-cta-secondary{
  color:#fff;
  border:1px solid rgba(255,255,255,.17);
  background:rgba(255,255,255,.045);
}

.global-stats-card{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  min-height:200px;
  border:1px solid rgba(255,255,255,.15);
  background:
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px) 0 0/64px 64px,
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/64px 64px,
    rgba(255,255,255,.03);
  overflow:hidden;
}

.global-stats-card .frame{
  position:absolute;
  width:128px;
  height:88px;
  pointer-events:none;
}

.global-stats-card .frame-tl{
  top:18px;
  left:18px;
  border-left:8px solid #fff;
  border-top:8px solid #fff;
}

.global-stats-card .frame-br{
  right:18px;
  bottom:18px;
  border-right:8px solid #fff;
  border-bottom:8px solid #fff;
}

.global-stat{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-left:1px solid rgba(255,255,255,.10);
  text-align:center;
  position:relative;
  z-index:2;
}

.global-stat:first-of-type{
  border-left:0;
}

.global-stat b{
  font-family:Poppins,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  font-size:42px;
  line-height:1;
  color:#fff;
}

.global-stat b:after{
  content:"";
  display:block;
  width:52px;
  height:3px;
  background:#fff;
  margin:20px auto 14px;
}

.global-stat span{
  color:rgba(255,255,255,.58);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:1px;
}

/* v29 international footer */
.international-footer{
  position:relative;
  background:#07070a;
  color:#fff;
  padding:0;
  overflow:hidden;
  border-top:1px solid rgba(255,255,255,.10);
}

.international-footer:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 12% 0%, rgba(216,255,62,.07), transparent 26%),
    radial-gradient(circle at 92% 16%, rgba(155,107,255,.14), transparent 30%);
  pointer-events:none;
}

.international-footer .container{
  position:relative;
  z-index:2;
}

.footer-topline{
  display:grid;
  grid-template-columns:260px 1fr auto;
  align-items:center;
  gap:34px;
  padding:46px 0;
  border-bottom:1px solid rgba(255,255,255,.10);
}

.footer-brand-pro img{
  width:158px;
  height:auto;
  display:block;
}

.footer-intro span{
  display:block;
  color:#d8ff3e;
  font-size:12px;
  font-weight:900;
  letter-spacing:2px;
  text-transform:uppercase;
  margin-bottom:10px;
}

.footer-intro p{
  margin:0;
  color:rgba(255,255,255,.58);
  line-height:1.7;
  max-width:780px;
}

.footer-language{
  display:flex;
  gap:8px;
  padding:5px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:999px;
  background:rgba(255,255,255,.04);
}

.footer-language a{
  width:42px;
  height:36px;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:rgba(255,255,255,.62);
  font-weight:900;
  font-size:12px;
}

.footer-language a.active{
  background:#fff;
  color:#050505;
}

.footer-global-grid{
  display:grid;
  grid-template-columns:1.25fr .72fr .72fr .82fr 1fr;
  gap:0;
  border-left:1px solid rgba(255,255,255,.10);
}

.footer-company-card,
.footer-menu-block,
.footer-contact-pro{
  min-height:360px;
  padding:36px 28px;
  border-right:1px solid rgba(255,255,255,.10);
}

.footer-company-card h3{
  font-family:Poppins,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  font-size:40px;
  line-height:1;
  letter-spacing:-1.8px;
  margin:0 0 22px;
}

.footer-company-card p{
  color:rgba(255,255,255,.58);
  line-height:1.72;
  margin:0 0 26px;
}

.footer-cert-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.footer-cert-list span{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  color:rgba(255,255,255,.66);
  padding:8px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
}

.footer-menu-block h4,
.footer-contact-pro h4{
  margin:0 0 20px;
  color:#fff;
  font-size:13px;
  letter-spacing:1.6px;
  text-transform:uppercase;
}

.footer-menu-block a{
  display:flex;
  align-items:center;
  gap:9px;
  color:rgba(255,255,255,.58);
  padding:8px 0;
  line-height:1.35;
  transition:.2s;
}

.footer-menu-block a:before{
  content:"";
  width:5px;
  height:5px;
  border-radius:50%;
  background:#d8ff3e;
  opacity:.55;
  flex:0 0 auto;
}

.footer-menu-block a:hover,
.footer-contact-pro a:hover{
  color:#fff;
  transform:translateX(3px);
}

.footer-contact-pro a,
.footer-contact-pro span{
  display:flex;
  align-items:flex-start;
  gap:10px;
  color:rgba(255,255,255,.62);
  padding:9px 0;
  line-height:1.45;
}

.footer-contact-pro i{
  color:#d8ff3e;
}

.footer-newsletter{
  margin-top:22px;
  display:grid;
  grid-template-columns:1fr 48px;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.04);
  min-height:50px;
}

.footer-newsletter input{
  border:0;
  background:transparent;
  color:#fff;
  padding:0 14px;
  outline:0;
}

.footer-newsletter button{
  border:0;
  background:#fff;
  color:#050505;
  font-weight:900;
}

.footer-bottom-pro{
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:28px;
  align-items:center;
  padding:28px 0;
  border-top:1px solid rgba(255,255,255,.10);
  color:rgba(255,255,255,.50);
  font-size:13px;
}

.footer-legal-pro,
.footer-social-pro{
  display:flex;
  align-items:center;
  gap:16px;
}

.footer-legal-pro a,
.footer-social-pro a{
  color:rgba(255,255,255,.58);
}

.footer-social-pro a{
  width:38px;
  height:38px;
  border:1px solid rgba(255,255,255,.12);
  display:grid;
  place-items:center;
  border-radius:50%;
}

.footer-social-pro a:hover{
  color:#050505;
  background:#fff;
}

@media(max-width:1280px){
  .global-cta-grid{
    gap:46px;
  }
  .footer-global-grid{
    grid-template-columns:1fr 1fr 1fr;
  }
  .footer-company-card{
    grid-column:1/-1;
    min-height:auto;
  }
}

@media(max-width:920px){
  .global-cta-grid{
    grid-template-columns:1fr;
  }
  .global-cta-title h2{
    letter-spacing:-3px;
  }
  .footer-topline{
    grid-template-columns:1fr;
  }
  .footer-global-grid{
    grid-template-columns:1fr 1fr;
  }
  .footer-bottom-pro{
    grid-template-columns:1fr;
  }
}

@media(max-width:640px){
  .global-cta-section{
    padding:80px 0 68px;
  }
  .global-cta-title h2{
    font-size:48px;
    letter-spacing:-2.5px;
  }
  .global-stats-card{
    grid-template-columns:1fr;
  }
  .global-stat{
    min-height:120px;
    border-left:0;
    border-top:1px solid rgba(255,255,255,.10);
  }
  .global-stat:first-of-type{
    border-top:0;
  }
  .footer-global-grid{
    grid-template-columns:1fr;
    border-left:0;
  }
  .footer-company-card,
  .footer-menu-block,
  .footer-contact-pro{
    min-height:auto;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.10);
    padding:30px 0;
  }
  .footer-company-card h3{
    font-size:32px;
  }
}


/* v30 footer language replaced with offer button */
.footer-offer-btn{
  min-height:52px;
  padding:0 24px;
  border-radius:999px;
  background:#fff;
  color:#050505 !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  font-weight:900;
  white-space:nowrap;
  box-shadow:0 16px 42px rgba(0,0,0,.28);
  transition:.22s ease;
}

.footer-offer-btn:hover{
  transform:translateY(-2px);
  background:#d8ff3e;
  color:#050505 !important;
}

@media(max-width:920px){
  .footer-offer-btn{
    width:max-content;
  }
}

@media(max-width:420px){
  .footer-offer-btn{
    width:100%;
  }
}


/* v31 mega menu overflow + CTA button alignment fix */
.mega{
  overflow:hidden !important;
  max-width:min(980px,calc(100vw - 40px)) !important;
}

.mega-grid{
  min-width:0 !important;
}

.mega-card{
  min-width:0 !important;
}

.mega-card b,
.mega-card span,
.mega-feature h3,
.mega-feature p,
.mega-feature span{
  overflow-wrap:anywhere !important;
  word-break:normal !important;
}

.mega-feature{
  min-width:0 !important;
  overflow:hidden !important;
  align-self:stretch !important;
}

.mega-feature h3{
  font-size:clamp(22px,2.2vw,34px) !important;
  line-height:1.02 !important;
  letter-spacing:-1px !important;
  margin-bottom:12px !important;
}

.mega-feature p{
  max-width:100% !important;
  line-height:1.55 !important;
  font-size:14px !important;
}

.mega-feature span{
  display:inline-flex !important;
  max-width:100% !important;
  white-space:normal !important;
}

/* Proje Teklifi Al button icon/alignment */
.global-cta-primary,
.footer-primary,
.footer-offer-btn{
  gap:10px !important;
  align-items:center !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

.global-cta-primary i,
.footer-primary i,
.footer-offer-btn i{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
  font-size:15px !important;
  flex:0 0 auto !important;
}

.global-cta-primary .bi-send-check,
.footer-primary .bi-send-check,
.footer-offer-btn .bi-send-check{
  font-size:16px !important;
  margin-right:1px !important;
}

/* 1366 bandında mega feature taşmasın */
@media(max-width:1390px){
  .mega{
    max-width:calc(100vw - 32px) !important;
  }

  .mega-feature{
    padding:22px !important;
  }

  .mega-feature h3{
    font-size:24px !important;
  }

  .mega-feature p{
    font-size:13px !important;
  }
}

@media(max-width:980px){
  .mega{
    display:none !important;
  }
}

@media(max-width:640px){
  .global-cta-primary,
  .footer-primary,
  .footer-offer-btn{
    white-space:normal !important;
    text-align:center !important;
  }
}


/* v32 footer experience badge */
.footer-experience-badge{
  min-height:74px;
  min-width:176px;
  padding:12px 22px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.055);
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 18px 52px rgba(0,0,0,.22);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

.footer-experience-badge b{
  font-family:Poppins,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  font-size:38px;
  line-height:1;
  letter-spacing:-1.8px;
  color:#d8ff3e;
}

.footer-experience-badge span{
  font-size:12px;
  line-height:1.05;
  color:rgba(255,255,255,.68);
  font-weight:900;
  letter-spacing:1.1px;
  text-transform:uppercase;
}

.footer-experience-badge:before{
  content:"";
  width:10px;
  height:10px;
  border-radius:50%;
  background:#d8ff3e;
  box-shadow:0 0 0 8px rgba(216,255,62,.10);
  flex:0 0 auto;
}

@media(max-width:920px){
  .footer-experience-badge{
    width:max-content;
  }
}

@media(max-width:420px){
  .footer-experience-badge{
    width:100%;
    min-width:0;
  }
}


/* v33 mobile slider proportional fit */
@media(max-width:760px){
  .hero-slider{
    height:78vh !important;
    min-height:520px !important;
    max-height:640px !important;
  }

  .slide{
    align-items:end !important;
  }

  .slide-bg:before{
    inset:0 !important;
    transform:scale(1) !important;
  }

  .hero-graphic{
    width:100% !important;
    height:100% !important;
    inset:0 !important;
    top:0 !important;
    left:0 !important;
    transform:none !important;
  }

  .hero-graphic img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center 42% !important;
  }

  .slide-bg:after{
    background:
      linear-gradient(180deg,rgba(0,0,0,.20) 0%,rgba(0,0,0,.38) 48%,rgba(0,0,0,.76) 100%),
      linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.18),rgba(0,0,0,.50)) !important;
  }

  .slide-content{
    padding:0 20px 26px !important;
    max-width:100% !important;
  }

  .slide-title{
    grid-template-columns:1fr !important;
    gap:8px !important;
    margin-bottom:16px !important;
  }

  .slide-no{
    font-size:30px !important;
    letter-spacing:-1px !important;
  }

  .slide-no.muted,
  .slide-label,
  .slider-footer,
  .slider-line,
  .hero-arrows{
    display:none !important;
  }
}

/* 320px ve altı: slider daha kısa ve sıkı */
@media(max-width:320px){
  .hero-slider{
    height:72vh !important;
    min-height:470px !important;
    max-height:560px !important;
  }

  .slide-content{
    padding:0 16px 22px !important;
  }

  .slide-no{
    font-size:26px !important;
  }
}


/* v34 mobile slider: keep Gezin + arrows, hide other titles/numbers */
@media(max-width:760px){
  .slide-title,
  .slide-no,
  .slide-no.muted,
  .slide-label{
    display:none !important;
  }

  .slider-line{
    display:none !important;
  }

  .slider-footer{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    padding-top:0 !important;
    font-size:13px !important;
  }

  .slider-footer > div:first-child,
  .slider-footer .featured{
    display:none !important;
  }

  .slider-nav{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:18px !important;
    min-height:44px !important;
    padding:7px 14px !important;
    border:1px solid rgba(255,255,255,.14) !important;
    background:rgba(0,0,0,.34) !important;
    backdrop-filter:blur(12px) !important;
    -webkit-backdrop-filter:blur(12px) !important;
    border-radius:999px !important;
  }

  .slider-nav b{
    display:inline-flex !important;
    color:#fff !important;
    font-size:12px !important;
    letter-spacing:.9px !important;
    text-transform:uppercase !important;
  }

  .slider-nav button{
    display:grid !important;
    place-items:center !important;
    width:30px !important;
    height:30px !important;
    font-size:17px !important;
    color:#fff !important;
  }

  .hero-arrows{
    display:none !important;
  }

  .slide-content{
    padding-bottom:22px !important;
  }
}

@media(max-width:320px){
  .slider-nav{
    gap:14px !important;
    min-height:40px !important;
    padding:6px 12px !important;
  }

  .slider-nav button{
    width:28px !important;
    height:28px !important;
  }

  .slider-nav b{
    font-size:11px !important;
  }
}


/* v35 mobile grids + slider nav position */
@media(max-width:760px){
  /* Ana sayfadaki hızlı kutular 2'li */
  .home-quick-grid,
  .quick-grid,
  .service-grid,
  .features-grid,
  .feature-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .quick-item,
  .home-quick-card,
  .service-card,
  .feature-card{
    min-height:170px !important;
    padding:22px 16px !important;
  }

  .quick-item i,
  .home-quick-card i,
  .service-card i,
  .feature-card i{
    font-size:28px !important;
    margin-bottom:22px !important;
  }

  .quick-item h3,
  .home-quick-card h3,
  .service-card h3,
  .feature-card h3{
    font-size:22px !important;
    line-height:1.08 !important;
    letter-spacing:-.8px !important;
  }

  .quick-item p,
  .home-quick-card p,
  .service-card p,
  .feature-card p{
    font-size:12px !important;
    line-height:1.45 !important;
  }

  /* Slider görseli ile Gezin kontrolü arasındaki boşluğu azalt */
  .hero-slider{
    min-height:500px !important;
    height:74vh !important;
    max-height:610px !important;
  }

  .hero-graphic img{
    object-position:center 37% !important;
  }

  .slide-content{
    padding:0 18px 12px !important;
    display:flex !important;
    justify-content:center !important;
    align-items:flex-end !important;
  }

  .slider-footer{
    margin:0 !important;
    padding:0 !important;
    width:auto !important;
  }

  .slider-nav{
    margin:0 !important;
    min-height:38px !important;
    padding:4px 12px !important;
    gap:14px !important;
  }

  .slider-nav button{
    width:27px !important;
    height:27px !important;
    font-size:15px !important;
  }

  .slider-nav b{
    font-size:11px !important;
  }
}

/* 320px ve altı: 2'li yapı korunur, kutular sıkılaştırılır */
@media(max-width:320px){
  .home-quick-grid,
  .quick-grid,
  .service-grid,
  .features-grid,
  .feature-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .quick-item,
  .home-quick-card,
  .service-card,
  .feature-card{
    min-height:145px !important;
    padding:18px 12px !important;
  }

  .quick-item i,
  .home-quick-card i,
  .service-card i,
  .feature-card i{
    font-size:24px !important;
    margin-bottom:18px !important;
  }

  .quick-item h3,
  .home-quick-card h3,
  .service-card h3,
  .feature-card h3{
    font-size:18px !important;
  }

  .quick-item p,
  .home-quick-card p,
  .service-card p,
  .feature-card p{
    font-size:11px !important;
  }

  .hero-slider{
    min-height:450px !important;
    height:68vh !important;
    max-height:540px !important;
  }

  .slide-content{
    padding-bottom:10px !important;
  }

  .slider-nav{
    min-height:36px !important;
    padding:4px 10px !important;
    gap:12px !important;
  }
}


/* v36 mobile slider spacing, 2-column service grids, ready slider arrows */
@media(max-width:760px){
  /* Slider üst/alt boşlukları kaldır */
  .hero-slider{
    height:540px !important;
    min-height:540px !important;
    max-height:540px !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
  }

  .hero-slider .slide,
  .slide{
    height:100% !important;
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
  }

  .hero-graphic{
    height:calc(100% - 54px) !important;
    bottom:54px !important;
    inset:auto 0 54px 0 !important;
    top:0 !important;
  }

  .hero-graphic img{
    object-fit:contain !important;
    object-position:center center !important;
  }

  .slide-content{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    height:54px !important;
    padding:0 !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    z-index:7 !important;
  }

  .slider-footer{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    padding:0 !important;
    height:54px !important;
    width:100% !important;
  }

  .slider-nav{
    margin:0 !important;
    transform:none !important;
    min-height:38px !important;
  }

  /* Ana sayfa hizmet kutuları kesin 2 kolon */
  .home-quick-section .container,
  .services-section .container{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .home-quick-grid,
  .quick-grid,
  .services-grid,
  .service-grid,
  .features-grid,
  .feature-grid,
  .cards-grid,
  .home-services-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:0 !important;
  }

  .home-quick-grid > *,
  .quick-grid > *,
  .services-grid > *,
  .service-grid > *,
  .features-grid > *,
  .feature-grid > *,
  .cards-grid > *,
  .home-services-grid > *{
    min-width:0 !important;
  }

  .quick-item,
  .home-quick-card,
  .service-card,
  .feature-card,
  .home-service-card,
  .card-service{
    min-height:158px !important;
    padding:18px 12px !important;
  }

  .quick-item h3,
  .home-quick-card h3,
  .service-card h3,
  .feature-card h3,
  .home-service-card h3,
  .card-service h3{
    font-size:18px !important;
    line-height:1.1 !important;
  }

  .quick-item p,
  .home-quick-card p,
  .service-card p,
  .feature-card p,
  .home-service-card p,
  .card-service p{
    font-size:11px !important;
    line-height:1.42 !important;
  }

  /* Hazır yazılımlar mobilde de slider + oklar */
  .ready-slider-wrap{
    grid-template-columns:42px 1fr 42px !important;
    gap:8px !important;
  }

  .ready-arrow{
    display:grid !important;
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    border-radius:50% !important;
    place-items:center !important;
  }

  .ready-card{
    flex:0 0 100% !important;
    min-height:260px !important;
  }
}

/* 320px ve altı */
@media(max-width:320px){
  .hero-slider{
    height:500px !important;
    min-height:500px !important;
    max-height:500px !important;
  }

  .hero-graphic{
    height:calc(100% - 50px) !important;
    bottom:50px !important;
    inset:auto 0 50px 0 !important;
  }

  .slide-content,
  .slider-footer{
    height:50px !important;
  }

  .slider-nav{
    min-height:34px !important;
  }

  .home-quick-section .container,
  .services-section .container{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .quick-item,
  .home-quick-card,
  .service-card,
  .feature-card,
  .home-service-card,
  .card-service{
    min-height:136px !important;
    padding:14px 10px !important;
  }

  .quick-item h3,
  .home-quick-card h3,
  .service-card h3,
  .feature-card h3,
  .home-service-card h3,
  .card-service h3{
    font-size:16px !important;
  }

  .ready-slider-wrap{
    grid-template-columns:36px 1fr 36px !important;
    gap:6px !important;
  }

  .ready-arrow{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
  }
}


/* v37 final mobile services grid + ready slider + hero swipe layout */
@media(max-width:760px){

  /* Anasayfa ve iç sayfa hizmet kartları: kullanılan tüm grid/kart yapılarını 2 kolon zorla */
  .home-quick-grid,
  .home-quick,
  .quick-grid,
  .quick-links,
  .services-grid,
  .service-grid,
  .features-grid,
  .feature-grid,
  .cards-grid,
  .home-services-grid,
  .service-list,
  .work-grid,
  .process-grid,
  .software-grid,
  .page-grid,
  .module-grid,
  .inner-grid,
  section[class*="service"] .grid,
  section[class*="hizmet"] .grid,
  section[class*="feature"] .grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:0 !important;
  }

  /* Eski CSS flex yapıyorsa kır */
  .home-quick-grid > *,
  .home-quick > *,
  .quick-grid > *,
  .quick-links > *,
  .services-grid > *,
  .service-grid > *,
  .features-grid > *,
  .feature-grid > *,
  .cards-grid > *,
  .home-services-grid > *,
  .service-list > *,
  .work-grid > *,
  .process-grid > *,
  .software-grid > *,
  .page-grid > *,
  .module-grid > *,
  .inner-grid > *{
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    flex:none !important;
  }

  .quick-item,
  .home-quick-card,
  .quick-card,
  .service-card,
  .feature-card,
  .home-service-card,
  .card-service,
  .work-card,
  .process-card,
  .software-card,
  .module-card,
  .page-card,
  .service-box,
  .feature-box{
    min-height:162px !important;
    padding:18px 12px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:space-between !important;
  }

  .quick-item i,
  .home-quick-card i,
  .quick-card i,
  .service-card i,
  .feature-card i,
  .home-service-card i,
  .card-service i,
  .work-card i,
  .process-card i,
  .software-card i,
  .module-card i,
  .page-card i,
  .service-box i,
  .feature-box i{
    font-size:25px !important;
    margin:0 0 16px !important;
  }

  .quick-item h3,
  .home-quick-card h3,
  .quick-card h3,
  .service-card h3,
  .feature-card h3,
  .home-service-card h3,
  .card-service h3,
  .work-card h3,
  .process-card h3,
  .software-card h3,
  .module-card h3,
  .page-card h3,
  .service-box h3,
  .feature-box h3{
    font-size:18px !important;
    line-height:1.08 !important;
    letter-spacing:-.8px !important;
    margin:0 0 8px !important;
  }

  .quick-item p,
  .home-quick-card p,
  .quick-card p,
  .service-card p,
  .feature-card p,
  .home-service-card p,
  .card-service p,
  .work-card p,
  .process-card p,
  .software-card p,
  .module-card p,
  .page-card p,
  .service-box p,
  .feature-box p{
    font-size:11px !important;
    line-height:1.42 !important;
    margin:0 !important;
  }

  /* Hazır yazılımlar slider mobilde büyüsün */
  .ready-software-section{
    padding:72px 0 82px !important;
  }

  .ready-slider-wrap{
    position:relative !important;
    display:block !important;
    padding:0 22px !important;
  }

  .ready-slider{
    overflow:hidden !important;
    width:100% !important;
  }

  .ready-card{
    flex:0 0 100% !important;
    min-height:330px !important;
    padding:32px 26px !important;
  }

  .ready-card i{
    font-size:42px !important;
  }

  .ready-card h3{
    font-size:34px !important;
  }

  .ready-card b{
    font-size:12px !important;
  }

  .ready-card p{
    font-size:14px !important;
  }

  /* Sağ-sol ikonlar kutu çizgilerinin üstüne gelsin */
  .ready-arrow{
    display:grid !important;
    position:absolute !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    z-index:8 !important;
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    border-radius:50% !important;
    place-items:center !important;
    background:#050505 !important;
    color:#fff !important;
    border:1px solid rgba(0,0,0,.20) !important;
    box-shadow:0 18px 38px rgba(0,0,0,.24) !important;
  }

  .ready-prev{
    left:0 !important;
  }

  .ready-next{
    right:0 !important;
  }

  /* Ana slider dokunmatik sürükleme için alan */
  .hero-slider,
  .hero-slider .slide{
    touch-action:pan-y !important;
    user-select:none !important;
    -webkit-user-select:none !important;
  }
}

@media(max-width:320px){
  .quick-item,
  .home-quick-card,
  .quick-card,
  .service-card,
  .feature-card,
  .home-service-card,
  .card-service,
  .work-card,
  .process-card,
  .software-card,
  .module-card,
  .page-card,
  .service-box,
  .feature-box{
    min-height:138px !important;
    padding:14px 10px !important;
  }

  .quick-item h3,
  .home-quick-card h3,
  .quick-card h3,
  .service-card h3,
  .feature-card h3,
  .home-service-card h3,
  .card-service h3,
  .work-card h3,
  .process-card h3,
  .software-card h3,
  .module-card h3,
  .page-card h3,
  .service-box h3,
  .feature-box h3{
    font-size:16px !important;
  }

  .ready-slider-wrap{
    padding:0 18px !important;
  }

  .ready-card{
    min-height:300px !important;
    padding:26px 22px !important;
  }

  .ready-card h3{
    font-size:29px !important;
  }

  .ready-arrow{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
  }
}


/* v38 homepage service boxes: exact mobile two-column force */
@media(max-width:760px){

  /* Anasayfadaki referans öncesi hızlı/hizmet kutularının gerçek bloklarını kesin 2 kolon yap */
  body:has(.hero-slider) .home-quick-section .container > div,
  body:has(.hero-slider) .services-section .container > div,
  body:has(.hero-slider) .mobile-two-col-force .container > div,
  body:has(.hero-slider) section:has(.quick-item) .container > div,
  body:has(.hero-slider) section:has(.service-card) .container > div,
  body:has(.hero-slider) section:has(.feature-card) .container > div{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  /* Eğer başlık alanı aynı container içindeyse tek satır kaplasın */
  body:has(.hero-slider) .home-quick-section .section-head,
  body:has(.hero-slider) .services-section .section-head,
  body:has(.hero-slider) .mobile-two-col-force .section-head,
  body:has(.hero-slider) section:has(.quick-item) .section-head,
  body:has(.hero-slider) section:has(.service-card) .section-head,
  body:has(.hero-slider) section:has(.feature-card) .section-head{
    grid-column:1 / -1 !important;
  }

  /* Grid kart çocukları kesin yarım genişlikte kalsın */
  body:has(.hero-slider) .home-quick-section .quick-item,
  body:has(.hero-slider) .home-quick-section .home-quick-card,
  body:has(.hero-slider) .home-quick-section a,
  body:has(.hero-slider) .services-section .service-card,
  body:has(.hero-slider) .services-section .feature-card,
  body:has(.hero-slider) .services-section a,
  body:has(.hero-slider) .mobile-two-col-force .quick-item,
  body:has(.hero-slider) .mobile-two-col-force .home-quick-card,
  body:has(.hero-slider) .mobile-two-col-force .service-card,
  body:has(.hero-slider) .mobile-two-col-force .feature-card,
  body:has(.hero-slider) .mobile-two-col-force a{
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    flex:0 0 auto !important;
    grid-column:auto !important;
  }

  /* Mevcut grid isimleri için daha doğrudan tekrar */
  .home-quick-grid,
  .quick-grid,
  .service-grid,
  .services-grid,
  .feature-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:0 !important;
  }

  .home-quick-grid > *,
  .quick-grid > *,
  .service-grid > *,
  .services-grid > *,
  .feature-grid > *{
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    grid-column:auto !important;
  }

  /* Kart ölçüleri */
  .home-quick-section .quick-item,
  .home-quick-section .home-quick-card,
  .home-quick-section a,
  .services-section .service-card,
  .services-section .feature-card,
  .services-section a,
  .quick-grid > *,
  .service-grid > *,
  .services-grid > *,
  .feature-grid > *{
    min-height:150px !important;
    padding:16px 12px !important;
    box-sizing:border-box !important;
  }
}

/* 320px ve altı: 2 kolon kalsın ama kompaktlaşsın */
@media(max-width:320px){
  .home-quick-section .quick-item,
  .home-quick-section .home-quick-card,
  .home-quick-section a,
  .services-section .service-card,
  .services-section .feature-card,
  .services-section a,
  .quick-grid > *,
  .service-grid > *,
  .services-grid > *,
  .feature-grid > *{
    min-height:128px !important;
    padding:12px 9px !important;
  }
}


/* v39 Hazır Yazılımlar slider mobile padding / arrow line alignment */
@media(max-width:760px){
  .ready-software-section{
    background:#f3f0e8 !important;
  }

  .ready-slider-wrap{
    padding:0 36px !important;
    position:relative !important;
  }

  .ready-slider{
    border-left:1px solid rgba(0,0,0,.14) !important;
    border-right:1px solid rgba(0,0,0,.14) !important;
  }

  .ready-card{
    padding:0 !important;
    min-height:330px !important;
    border-left:0 !important;
    border-right:0 !important;
    border-top:1px solid rgba(0,0,0,.14) !important;
    border-bottom:1px solid rgba(0,0,0,.14) !important;
    background:transparent !important;
  }

  .ready-card > i,
  .ready-card > h3,
  .ready-card > b,
  .ready-card > p{
    margin-left:24px !important;
    margin-right:24px !important;
  }

  .ready-card > i{
    margin-top:34px !important;
  }

  .ready-card > p{
    margin-bottom:34px !important;
  }

  .ready-arrow{
    top:50% !important;
    transform:translateY(-50%) !important;
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    background:#f3f0e8 !important;
    color:#050505 !important;
    border:1px solid #050505 !important;
    box-shadow:none !important;
    z-index:12 !important;
  }

  .ready-arrow i{
    color:#050505 !important;
  }

  .ready-prev{
    left:14px !important;
  }

  .ready-next{
    right:14px !important;
  }

  .ready-arrow:hover{
    background:#050505 !important;
    color:#f3f0e8 !important;
  }

  .ready-arrow:hover i{
    color:#f3f0e8 !important;
  }
}

@media(max-width:320px){
  .ready-slider-wrap{
    padding:0 30px !important;
  }

  .ready-card > i,
  .ready-card > h3,
  .ready-card > b,
  .ready-card > p{
    margin-left:18px !important;
    margin-right:18px !important;
  }

  .ready-arrow{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
  }

  .ready-prev{
    left:10px !important;
  }

  .ready-next{
    right:10px !important;
  }
}


/* v40 mobile ready software: remove side padding, align card to section edges */
@media(max-width:760px){
  .ready-software-section .container{
    width:100% !important;
    max-width:100% !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .ready-software-section .section-head{
    padding-left:22px !important;
    padding-right:22px !important;
  }

  .ready-slider-wrap{
    padding-left:0 !important;
    padding-right:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .ready-slider{
    width:100% !important;
    border-left:0 !important;
    border-right:0 !important;
  }

  .ready-card{
    border-left:1px solid rgba(0,0,0,.14) !important;
    border-right:1px solid rgba(0,0,0,.14) !important;
    min-height:330px !important;
  }

  .ready-prev{
    left:16px !important;
  }

  .ready-next{
    right:16px !important;
  }
}

@media(max-width:320px){
  .ready-software-section .section-head{
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .ready-slider-wrap{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .ready-prev{
    left:10px !important;
  }

  .ready-next{
    right:10px !important;
  }
}


/* v41 Hazır Yazılımlar mobil: görseldeki gibi kenara yakın kart + çizgi üstü ok */
@media(max-width:760px){
  .ready-software-section{
    padding-top:70px !important;
    padding-bottom:78px !important;
  }

  .ready-software-section .container{
    width:100% !important;
    max-width:100% !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .ready-software-section .section-head{
    padding-left:30px !important;
    padding-right:30px !important;
  }

  .ready-slider-wrap{
    position:relative !important;
    display:block !important;
    width:100% !important;
    padding:0 30px !important;
    margin:0 !important;
    box-sizing:border-box !important;
    overflow:visible !important;
  }

  .ready-slider{
    width:100% !important;
    overflow:hidden !important;
    border:0 !important;
  }

  .ready-track{
    align-items:stretch !important;
  }

  .ready-card{
    flex:0 0 100% !important;
    min-height:310px !important;
    padding:0 !important;
    box-sizing:border-box !important;
    border:1px solid rgba(0,0,0,.16) !important;
    background:transparent !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
  }

  .ready-card > i,
  .ready-card > h3,
  .ready-card > b,
  .ready-card > p{
    margin-left:30px !important;
    margin-right:30px !important;
  }

  .ready-card > i{
    margin-top:40px !important;
    margin-bottom:34px !important;
    font-size:34px !important;
  }

  .ready-card > h3{
    margin-top:0 !important;
    margin-bottom:22px !important;
    font-size:30px !important;
    line-height:1 !important;
  }

  .ready-card > b{
    margin-top:0 !important;
    margin-bottom:36px !important;
    font-size:12px !important;
    letter-spacing:1.6px !important;
  }

  .ready-card > p{
    margin-top:0 !important;
    margin-bottom:34px !important;
    font-size:14px !important;
    line-height:1.55 !important;
  }

  /* Oklar tam kart border çizgisinin üzerine binsin */
  .ready-arrow{
    display:grid !important;
    position:absolute !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    z-index:20 !important;
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    padding:0 !important;
    border-radius:50% !important;
    background:#f3f0e8 !important;
    color:#050505 !important;
    border:1px solid #050505 !important;
    box-shadow:none !important;
    place-items:center !important;
  }

  .ready-arrow i{
    color:#050505 !important;
    font-size:16px !important;
    line-height:1 !important;
  }

  /* 30px kart dış boşluğu var: ok merkezi border çizgisinin üstüne gelsin */
  .ready-prev{
    left:10px !important;
  }

  .ready-next{
    right:10px !important;
  }

  .ready-arrow:hover{
    background:#f3f0e8 !important;
    color:#050505 !important;
  }

  .ready-arrow:hover i{
    color:#050505 !important;
  }
}

@media(max-width:380px){
  .ready-slider-wrap{
    padding-left:24px !important;
    padding-right:24px !important;
  }

  .ready-software-section .section-head{
    padding-left:24px !important;
    padding-right:24px !important;
  }

  .ready-card > i,
  .ready-card > h3,
  .ready-card > b,
  .ready-card > p{
    margin-left:26px !important;
    margin-right:26px !important;
  }

  .ready-prev{
    left:4px !important;
  }

  .ready-next{
    right:4px !important;
  }
}

@media(max-width:320px){
  .ready-slider-wrap{
    padding-left:20px !important;
    padding-right:20px !important;
  }

  .ready-card{
    min-height:292px !important;
  }

  .ready-card > i,
  .ready-card > h3,
  .ready-card > b,
  .ready-card > p{
    margin-left:22px !important;
    margin-right:22px !important;
  }

  .ready-card > i{
    margin-top:32px !important;
    margin-bottom:28px !important;
  }

  .ready-card > h3{
    font-size:26px !important;
    margin-bottom:18px !important;
  }

  .ready-card > b{
    margin-bottom:28px !important;
  }

  .ready-arrow{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
  }

  .ready-prev{
    left:2px !important;
  }

  .ready-next{
    right:2px !important;
  }
}


/* v42 mobile service heading descriptions under title */
@media(max-width:760px){
  /* Hizmetler başlık alanlarında açıklama başlığın altına insin */
  .services-section .section-head,
  .home-quick-section .section-head,
  .ready-software-section .section-head,
  section:has(.service-card) .section-head,
  section:has(.feature-card) .section-head,
  section:has(.quick-item) .section-head,
  section:has(.home-quick-card) .section-head{
    display:block !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
    text-align:left !important;
  }

  .services-section .section-head > div,
  .home-quick-section .section-head > div,
  .ready-software-section .section-head > div,
  section:has(.service-card) .section-head > div,
  section:has(.feature-card) .section-head > div,
  section:has(.quick-item) .section-head > div,
  section:has(.home-quick-card) .section-head > div{
    width:100% !important;
    max-width:100% !important;
  }

  .services-section .section-head p,
  .home-quick-section .section-head p,
  .ready-software-section .section-head p,
  section:has(.service-card) .section-head p,
  section:has(.feature-card) .section-head p,
  section:has(.quick-item) .section-head p,
  section:has(.home-quick-card) .section-head p{
    width:100% !important;
    max-width:100% !important;
    margin:16px 0 0 !important;
    font-size:14px !important;
    line-height:1.65 !important;
    text-align:left !important;
  }

  /* Görseldeki dijital üretim servisleri gibi split başlıklar da mobilde alt alta gelsin */
  .split-head,
  .section-title-row,
  .block-head,
  .content-head,
  .service-head,
  .feature-head{
    display:block !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
  }

  .split-head p,
  .section-title-row p,
  .block-head p,
  .content-head p,
  .service-head p,
  .feature-head p{
    width:100% !important;
    max-width:100% !important;
    margin:16px 0 0 !important;
    font-size:14px !important;
    line-height:1.65 !important;
    text-align:left !important;
  }

  /* Başlıkların kendisi taşmasın */
  .services-section .section-head h2,
  .home-quick-section .section-head h2,
  section:has(.service-card) .section-head h2,
  section:has(.feature-card) .section-head h2,
  section:has(.quick-item) .section-head h2,
  section:has(.home-quick-card) .section-head h2{
    max-width:100% !important;
  }
}

@media(max-width:320px){
  .services-section .section-head p,
  .home-quick-section .section-head p,
  .ready-software-section .section-head p,
  section:has(.service-card) .section-head p,
  section:has(.feature-card) .section-head p,
  section:has(.quick-item) .section-head p,
  section:has(.home-quick-card) .section-head p,
  .split-head p,
  .section-title-row p,
  .block-head p,
  .content-head p,
  .service-head p,
  .feature-head p{
    font-size:14px !important;
    line-height:1.55 !important;
  }
}


/* v43 mobil başlık/açıklama zorunlu alt alta */
@media(max-width:760px){

  /* Anasayfa 4'lü koyu hizmet alanı */
  .home-quick-head{
    display:block !important;
    grid-template-columns:1fr !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:0 !important;
  }

  .home-quick-head > div{
    width:100% !important;
    max-width:100% !important;
    display:block !important;
  }

  .home-quick-head p{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:16px 0 0 !important;
    padding:0 !important;
    font-size:14px !important;
    line-height:1.65 !important;
    text-align:left !important;
    grid-column:1 / -1 !important;
  }

  /* Anasayfa Hizmetler / diğer 4-6'lı hizmet başlık alanları */
  .section-head{
    display:block !important;
    grid-template-columns:1fr !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:0 !important;
  }

  .section-head > div{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
  }

  .section-head p{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:16px 0 0 !important;
    padding:0 !important;
    font-size:14px !important;
    line-height:1.65 !important;
    text-align:left !important;
    grid-column:1 / -1 !important;
  }

  /* Split/flex olarak gelen başka başlık satırları */
  .home-services .section-head,
  .home-services-light .section-head,
  .ready-head,
  .references-head,
  .global-cta-grid,
  .split-head,
  .section-title-row,
  .block-head,
  .content-head,
  .service-head,
  .feature-head{
    display:block !important;
    grid-template-columns:1fr !important;
    flex-direction:column !important;
    gap:0 !important;
  }

  .home-services .section-head p,
  .home-services-light .section-head p,
  .ready-head p,
  .references-head p,
  .split-head p,
  .section-title-row p,
  .block-head p,
  .content-head p,
  .service-head p,
  .feature-head p{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:16px 0 0 !important;
    font-size:14px !important;
    line-height:1.65 !important;
    text-align:left !important;
  }

  /* Açıklamayı sağda tutan eski width/column kurallarını kır */
  .home-quick-head > p,
  .section-head > p{
    float:none !important;
    position:static !important;
    transform:none !important;
  }
}

@media(max-width:320px){
  .home-quick-head p,
  .section-head p,
  .home-services .section-head p,
  .home-services-light .section-head p,
  .ready-head p,
  .references-head p,
  .split-head p,
  .section-title-row p,
  .block-head p,
  .content-head p,
  .service-head p,
  .feature-head p{
    font-size:14px !important;
    line-height:1.55 !important;
  }
}