/* _ÇİZİMLER içindeki kurumsal yazılım temasının renk, ritim ve bileşenlerini uygula. */
:root{
      --navy:#17203b;--navy-2:#273353;--navy-3:#0f172b;--accent:#a10;--accent-2:#c52212;
      --paper:#fff;--soft:#f3f5f5;--soft-2:#edf1f3;--line:#e0e5e8;--text:#1c2436;--muted:#6f7889;
      --shadow:0 24px 70px rgba(16,28,54,.13);--shadow-soft:0 16px 40px rgba(16,28,54,.08);--radius:28px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth;scroll-padding-top:96px}
    body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased}
    h1,h2,h3,h4,h5,h6,.display-font{font-family:Outfit,Inter,sans-serif;letter-spacing:-.035em}
    a{text-decoration:none;color:inherit} img{max-width:100%;display:block}
    button,input,textarea,select{font:inherit}
    .skip-link{position:fixed;left:12px;top:-60px;z-index:9999;background:#fff;color:var(--navy);padding:11px 14px;border-radius:10px;box-shadow:var(--shadow);font-weight:800}.skip-link:focus{top:12px}
    .container-xx{width:min(1320px,calc(100% - 34px));margin:auto}
    .section{padding:50px 0}.section-soft{background:var(--soft)}
    .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
    .eyebrow:before{content:"";width:28px;height:2px;background:var(--accent);border-radius:99px}
    .section-title{font-size:clamp(38px,4.2vw,61px);font-weight:800;line-height:1.03;color:var(--navy);margin:13px 0 18px}
    .section-lead{font-size:16px;line-height:1.8;color:var(--muted);max-width:720px}
    .btn-accent,.btn-navy,.btn-lightline{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:9px;font-weight:800;transition:.22s ease;border:0}
    .btn-accent{background:var(--accent);color:#fff;padding:14px 20px;box-shadow:0 12px 28px rgba(170,17,0,.22)}.btn-accent:hover{background:#8f0e00;color:#fff;transform:translateY(-2px)}
    .btn-navy{background:var(--navy);color:#fff;padding:14px 20px}.btn-navy:hover{background:#24304e;color:#fff;transform:translateY(-2px)}
    .btn-lightline{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.38);color:#fff;padding:13px 19px}.btn-lightline:hover{background:#fff;color:var(--navy);border-color:#fff}

    /* TOPBAR + HEADER */
    .topbar{height:36px;background:#0e172a;color:#d8deea;font-size:10px;font-weight:700;position:relative;z-index:70}
    .topbar .inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:22px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:16px;min-width:0}
    .topbar a,.topbar .location{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:#d8deea}.topbar a:hover{color:#fff}.topbar i{color:var(--accent)}.topbar-sep{width:1px;height:12px;background:rgba(255,255,255,.15)}
    .social-link{width:25px;height:25px;border-radius:50%;display:grid!important;place-items:center}.social-link:hover{background:rgba(255,255,255,.08)}
    .lang{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:#fff;font-weight:800;font-size:10px;padding:0}

    .header-wrap{position:absolute;left:0;right:0;top:36px;z-index:65;padding:0 14px;transition:.25s}.header-wrap.is-fixed{position:fixed;top:0;animation:headerDown .25s ease}body.mobile-menu-open .header-wrap{z-index:1200}
    @keyframes headerDown{from{transform:translateY(-100%)}to{transform:none}}
    .header-row{height:78px;max-width:1410px;margin:0 auto;background:#fff;border-radius:0 0 18px 18px;display:grid;grid-template-columns:278px 1fr auto;align-items:stretch;box-shadow:0 12px 35px rgba(4,10,26,.14);position:relative}
    .header-row:before{content:"";position:absolute;left:-14px;top:0;width:48px;height:78px;background:var(--accent);clip-path:polygon(0 0,100% 0,66% 100%,0 100%);z-index:0}
    .brand-box{height:78px;display:flex;align-items:center;gap:11px;padding:0 22px 0 34px;position:relative;z-index:2;border-right:1px solid #edf0f3;min-width:0}
    .logo-mark{width:43px;height:43px;border-radius:50%;background:#fff;border:3px solid var(--navy);color:var(--navy);display:grid;place-items:center;font:800 12px Outfit;position:relative;flex:0 0 auto}.logo-mark:after{content:"";position:absolute;inset:5px;border-radius:50%;border:3px solid var(--accent)}
    .brand-copy{font:800 15px/1.03 Outfit;color:var(--navy);white-space:nowrap}.brand-copy small{display:block;font:700 7px/1.2 Inter;letter-spacing:.16em;color:#8b94a4;margin-top:5px;text-transform:uppercase}
    .nav-pill{height:78px;display:flex;align-items:center;padding:0 10px 0 15px;min-width:0}.nav-list{display:flex;align-items:center;justify-content:center;gap:0;list-style:none;margin:0;padding:0;flex:1;min-width:0}
    .nav-list>li{position:relative}.nav-list>li>a{display:flex;align-items:center;gap:5px;padding:29px 11px 27px;font-size:11px;font-weight:800;color:#394258;white-space:nowrap;position:relative}.nav-list>li>a:after{content:"";position:absolute;left:11px;right:11px;bottom:20px;height:2px;background:var(--accent);transform:scaleX(0);transition:.2s}.nav-list>li>a:hover{color:var(--accent)}.nav-list>li>a:hover:after{transform:scaleX(1)}
    .nav-dropdown{position:absolute;left:0;top:70px;width:260px;background:#fff;border:1px solid #e7eaee;border-radius:14px;padding:8px;box-shadow:0 20px 50px rgba(14,24,46,.14);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}.nav-list>li:hover .nav-dropdown{opacity:1;visibility:visible;transform:none}
    .nav-dropdown a{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:9px;font-size:11px;font-weight:700;color:#5d6678}.nav-dropdown a:hover{background:#fff3f1;color:var(--accent)}.nav-dropdown i{font-size:14px;color:var(--accent)}
    .search-btn,.mobile-toggle{width:40px;height:40px;border-radius:50%;border:0;background:#151e35;display:grid;place-items:center;color:#fff;font-size:14px;transition:.2s}.search-btn:hover,.mobile-toggle:hover{background:var(--accent)}.mobile-toggle{display:none;font-size:20px;margin-left:7px}
    .header-cta{height:78px;background:var(--accent);border-radius:0 0 18px 0;color:#fff;display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;font-weight:800;padding:0 26px;min-width:165px;position:relative;overflow:hidden}.header-cta:before{content:"";position:absolute;width:58px;height:112px;background:rgba(255,255,255,.13);left:-34px;top:-17px;transform:rotate(18deg)}.header-cta:hover{background:#8f0e00;color:#fff}

    /* HERO */
    .hero{position:relative;height:690px;min-height:690px;background:#26304d;overflow:hidden}.hero-lines{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.02) 0 16%,transparent 16% 32%,rgba(255,255,255,.02) 32% 44%,transparent 44% 100%)}
    .hero-lines:after{content:"";position:absolute;left:-130px;top:100px;width:430px;height:430px;border:1px solid rgba(255,255,255,.07);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.014),0 0 0 140px rgba(255,255,255,.01)}
    .hero-carousel,.hero-carousel .carousel-inner,.hero-carousel .carousel-item,.hero-slide{height:690px;min-height:690px}.hero .hero-slide{position:relative;inset:auto;display:flex;visibility:visible;align-items:center;padding:0;background-color:#26304d;background-size:cover;background-position:center right;opacity:1;transform:none;isolation:isolate}
    .hero-slide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#202a46 0%,#222c49 36%,rgba(34,44,73,.94) 47%,rgba(34,44,73,.56) 66%,rgba(34,44,73,.14) 100%);z-index:-1}.hero-slide:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 52%,transparent 0 180px,rgba(255,255,255,.07) 181px 182px,transparent 183px 235px,rgba(170,17,0,.16) 236px 238px,transparent 239px);z-index:0;pointer-events:none}
    .slide-one{background-image:url('https://images.unsplash.com/photo-1551434678-e076c223a692?auto=format&fit=crop&fm=jpg&q=84&w=2200')}.slide-two{background-image:url('https://images.unsplash.com/photo-1517245386807-bb43f82c33c4?auto=format&fit=crop&fm=jpg&q=84&w=2200')}
    .hero .container-xx{position:relative;z-index:5;height:100%;display:flex;align-items:center}.hero-content{width:55%;max-width:690px;padding:102px 0 88px}.hero-mini{display:inline-flex;align-items:center;gap:9px;font-size:10px;font-weight:800;letter-spacing:.13em;color:#fff;text-transform:uppercase;margin-bottom:17px}.hero-mini:before{content:"";width:26px;height:2px;background:var(--accent)}
    .hero h1,.hero .hero-title{font-size:clamp(52px,5.15vw,76px);line-height:1.01;color:#fff;font-weight:800;margin:0 0 20px;max-width:710px;text-shadow:0 4px 20px rgba(9,15,32,.13)}.hero .accent{color:var(--accent)}.hero p{font-size:13px;line-height:1.78;color:#d7ddea;max-width:585px;margin:0 0 27px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-note{display:flex;align-items:center;gap:11px;margin-top:23px;color:#cbd2df;font-size:10px;font-weight:700}.hero-note .avatars{display:flex}.hero-note .avatar{width:30px;height:30px;border:2px solid #26304d;background:#fff;border-radius:50%;display:grid;place-items:center;margin-left:-6px;font-size:8px;color:var(--accent);font-weight:800}.hero-note .avatar:first-child{margin-left:0}
    .hero-control{position:absolute;left:18px;right:18px;top:50%;z-index:10;display:flex;justify-content:space-between;transform:translateY(-50%);pointer-events:none}.hero-control button{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.33);background:rgba(19,27,48,.27);color:#fff;display:grid;place-items:center;backdrop-filter:blur(8px);transition:.2s;pointer-events:auto}.hero-control button:hover{background:var(--accent);border-color:var(--accent)}
    .hero-progress{position:absolute;right:max(34px,calc((100vw - 1320px)/2));bottom:98px;z-index:10;display:flex;align-items:center;gap:8px}.hero-progress button{width:28px;height:3px;border:0;padding:0;background:rgba(255,255,255,.32);transition:.2s}.hero-progress button.active{width:46px;background:var(--accent)}

    /* Slider altındaki çalışma sistemi ve hizmet alanlarını dengeli bir masaüstü ızgarasında birleştir. */
    .hero-bridge{position:relative;z-index:20;margin-top:-72px;padding-bottom:36px}.bridge-shell{display:grid;grid-template-columns:1.18fr 2.82fr;overflow:hidden;border:1px solid rgba(225,229,234,.9);border-radius:22px;background:#fff;box-shadow:0 26px 70px rgba(14,24,46,.15)}
    /* Dar masaüstü panelinde rozeti metnin üstüne alarak yatay sıkışmayı önle. */
    .bridge-intro{position:relative;display:grid;grid-template-columns:1fr;align-content:center;gap:18px;overflow:hidden;padding:30px 32px;background:linear-gradient(145deg,#111b32,#202b49);color:#fff}
    /* Koyu panelin sağ alt köşesine düşük kontrastlı dekoratif halkayı yerleştir. */
    .bridge-intro:after{position:absolute;right:-68px;bottom:-82px;width:145px;height:145px;border:30px solid rgba(255,255,255,.055);border-radius:50%;content:""}
    /* ERP rozetini metin alanını daraltmayacak sabit ölçüde tut. */
    .bridge-years{position:relative;display:flex;width:72px;height:72px;flex:0 0 auto;align-items:center;justify-content:center;flex-direction:column;border:1px solid rgba(255,255,255,.2);border-radius:50%}
    .bridge-years:after{position:absolute;inset:7px;border:1px dashed rgba(255,255,255,.25);border-radius:50%;content:""}
    .bridge-years strong{position:relative;z-index:2;color:var(--accent);font:800 24px/1 Outfit}
    .bridge-years span{position:relative;z-index:2;margin-top:5px;text-align:center;color:#fff;font-size:8px;line-height:1.3;letter-spacing:.08em;text-transform:uppercase}
    /* Panel metinleri arasında belirgin başlık ve paragraf ritmi kur. */
    .bridge-intro small{display:block;margin-bottom:8px;color:#aeb7ca;font-size:9px;font-weight:800;line-height:1.4;letter-spacing:.12em;text-transform:uppercase}.bridge-intro h2{margin:0;color:#fff;font-size:clamp(18px,1.35vw,20px);font-weight:800;line-height:1.32}.bridge-intro p{max-width:440px;margin:10px 0 0;color:#c7cfdd;font-size:10px;line-height:1.7}
    .bridge-services{display:grid;grid-template-columns:repeat(4,1fr);background:#fff}.bridge-service{padding:25px 20px 22px;border-right:1px solid #ebedf0;position:relative;transition:.22s;min-height:142px}.bridge-service:last-child{border-right:0}.bridge-service:hover{background:#fff7f6}.bridge-service:before{content:"";position:absolute;left:20px;right:20px;bottom:0;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:.22s}.bridge-service:hover:before{transform:scaleX(1)}.bridge-icon{width:42px;height:42px;border-radius:12px;background:#fdf0ee;color:var(--accent);display:grid;place-items:center;font-size:18px;margin-bottom:15px}.bridge-service strong{display:block;font:800 14px Outfit;color:var(--navy);margin-bottom:4px}.bridge-service span{font-size:9px;line-height:1.5;color:#8a92a0}.bridge-service i.bi-arrow-up-right{position:absolute;right:16px;top:17px;color:#c8ced6;font-size:12px}
    .bridge-foot{grid-column:1/-1;background:#fbfcfc;border-top:1px solid #eceff1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:13px 22px;font-size:9px;color:#717a8c}.bridge-foot strong{color:var(--navy)}.bridge-tags{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.bridge-tags span{display:inline-flex;align-items:center;gap:6px;font-weight:800}.bridge-tags i{color:var(--accent)}.bridge-local{display:flex;align-items:center;gap:8px;font-weight:700;white-space:nowrap}.bridge-local i{color:var(--accent)}

    /* SEO INTRO */
    .intro-section{padding:50px 0;background:#fff}.intro-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:65px;align-items:start}.intro-copy h2{font:800 clamp(34px,3.7vw,54px)/1.05 Outfit;color:var(--navy);margin:12px 0 20px}.intro-copy p{font-size:15px;line-height:1.85;color:var(--muted);max-width:780px}.intro-side{display:grid;grid-template-columns:1fr 1fr;gap:12px}.micro-stat{border:1px solid #e3e7ea;border-radius:18px;padding:21px;background:#fff;min-height:135px;position:relative;overflow:hidden}.micro-stat:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;background:#fff1ef;right:-28px;bottom:-30px}.micro-stat b{display:block;font:800 24px Outfit;color:var(--navy);margin:8px 0 6px}.micro-stat small{font-size:10px;line-height:1.5;color:#7b8492}.micro-stat i{color:var(--accent);font-size:20px}

    /* SERVICES */
    .services-section{background:linear-gradient(180deg,#f2f5f5 0%,#edf1f1 100%);position:relative;overflow:hidden}.services-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(23,32,59,.055) 1px,transparent 1px);background-size:20px 20px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 78%,transparent);opacity:.45}.center-head{text-align:center;position:relative;z-index:2}.center-head .section-lead{margin:0 auto}
    .service-bento{display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-template-rows:1fr 1fr;gap:16px;margin-top:48px;position:relative;z-index:2}.service-card{background:#fff;border:1px solid #e2e6e8;border-radius:22px;padding:25px;position:relative;overflow:hidden;transition:.25s;min-height:230px}.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-soft);border-color:#fff}.service-card.primary{grid-row:1/3;min-height:478px;background:var(--navy);color:#fff;padding:34px}.service-card.primary:after{content:"";position:absolute;width:310px;height:310px;border:55px solid rgba(255,255,255,.045);border-radius:50%;right:-150px;bottom:-120px}.service-number{position:absolute;right:20px;top:12px;font:800 48px Outfit;color:#eef1f2}.service-card.primary .service-number{color:rgba(255,255,255,.06)}.service-icon{width:54px;height:54px;border-radius:16px;background:#fdf0ee;color:var(--accent);display:grid;place-items:center;font-size:23px;margin-bottom:24px}.service-card.primary .service-icon{background:rgba(255,255,255,.08);color:var(--accent);border:1px solid rgba(255,255,255,.09)}.service-type{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:#8a5d58;margin-bottom:8px}.service-card.primary .service-type{color:#f6a17b}.service-card h3{font-size:24px;font-weight:800;color:var(--navy);margin:0 0 11px}.service-card.primary h3{font-size:34px;color:#fff}.service-card p{font-size:12px;line-height:1.72;color:#7a8392;margin:0}.service-card.primary p{font-size:13px;color:#c5ccda;max-width:500px}.service-list{display:grid;gap:11px;margin:26px 0 30px}.service-list span{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700;color:#d9deea}.service-list i{color:var(--accent)}.read-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;background:var(--navy);color:#fff;font-size:10px;font-weight:800;margin-top:18px}.read-btn:hover{background:var(--accent);color:#fff}.service-card.primary .read-btn{background:var(--accent)}.service-card.primary .read-btn:hover{background:#fff;color:var(--navy)}

    /* ABOUT */
    .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}.image-collage{position:relative;min-height:590px}.img-main{position:absolute;left:0;top:24px;width:74%;height:482px;border-radius:78px 24px 78px 24px;object-fit:cover;box-shadow:var(--shadow)}.img-small{position:absolute;right:0;bottom:0;width:54%;height:270px;border:10px solid #fff;border-radius:24px 64px 24px 64px;object-fit:cover;box-shadow:0 18px 42px rgba(23,32,59,.13)}.experience-badge{position:absolute;right:5%;top:0;width:140px;height:140px;border-radius:28px;background:#fff1ef;border:1px solid #e4c4c0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(4deg);box-shadow:0 14px 32px rgba(170,17,0,.10)}.experience-badge strong{font:800 40px Outfit;color:var(--accent);line-height:1}.experience-badge span{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.10em;color:#765653;margin-top:8px}.about-copy p{font-size:14px;line-height:1.84;color:var(--muted)}.check-list{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin:27px 0 30px;padding:0;list-style:none}.check-list li{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:800;color:#49546a}.check-list i{color:var(--accent)}.about-footer{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.mini-trust{display:flex;align-items:center;gap:10px}.mini-trust .circles{display:flex}.mini-trust .circle{width:36px;height:36px;border-radius:50%;border:3px solid #fff;background:#edf1f5;display:grid;place-items:center;color:var(--navy);font-size:10px;font-weight:800;margin-left:-8px}.mini-trust .circle:first-child{margin-left:0}.mini-trust small{display:block;color:#8b93a2;font-size:9px}.mini-trust b{font-size:11px;color:var(--navy)}

    /* INDUSTRIES */
    .industry-head{display:grid;grid-template-columns:1fr .9fr;gap:50px;align-items:end;margin-bottom:42px}.industry-head .section-lead{margin-left:auto}.industry-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.industry-card{background:#fff;border:1px solid #e4e7e9;border-radius:18px;padding:22px 14px;text-align:center;transition:.22s;min-height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;position:relative;overflow:hidden}.industry-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--accent);transform:scaleX(0);transition:.22s}.industry-card i{font-size:28px;color:var(--accent)}.industry-card span{font-size:10px;font-weight:800;color:#536078}.industry-card:hover{background:var(--navy);border-color:var(--navy);transform:translateY(-5px)}.industry-card:hover i,.industry-card:hover span{color:#fff}.industry-card:hover:after{transform:scaleX(1)}

    /* PROJECTS */
    .project-section{background:#fff6f5;position:relative;overflow:hidden}.project-section:before{content:"";position:absolute;width:540px;height:540px;border:80px solid rgba(170,17,0,.055);border-radius:50%;right:-270px;top:110px}.project-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:20px;margin-top:45px;position:relative;z-index:2}.project-card{background:#fff;border:1px solid #ead8d5;border-radius:26px;padding:25px;min-height:490px;position:relative;overflow:hidden;box-shadow:0 18px 40px rgba(84,61,48,.07)}.project-card.alt{background:#f5f7fa;border-color:#e4e8ed}.project-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.project-tag{display:inline-flex;padding:7px 10px;border-radius:999px;background:#fdf0ee;color:var(--accent);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.11em}.project-card h3{font-size:31px;font-weight:800;color:var(--navy);margin:10px 0 7px}.project-card p{font-size:12px;color:#7b8494;max-width:550px;line-height:1.7}.project-arrow{width:46px;height:46px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;flex:0 0 auto;transition:.2s}.project-card:hover .project-arrow{background:var(--accent);transform:rotate(45deg)}
    .app-screen{height:312px;background:#f8fafb;border:1px solid #dde3e7;border-radius:18px;overflow:hidden;box-shadow:0 16px 32px rgba(23,32,59,.10);transform:perspective(900px) rotateX(2deg)}.app-top{height:42px;background:#fff;border-bottom:1px solid #e5e9ec;display:flex;align-items:center;padding:0 13px;gap:6px}.dot{width:7px;height:7px;border-radius:50%;background:#ff8b78}.dot:nth-child(2){background:#ffcc6c}.dot:nth-child(3){background:#7dd9a4}.urlbar{height:24px;border-radius:7px;background:#f3f5f7;flex:1;margin-left:9px}.app-body{display:grid;grid-template-columns:95px 1fr;height:270px}.app-side{background:#17203b;padding:14px 9px}.side-line{height:8px;background:rgba(255,255,255,.16);border-radius:4px;margin:10px 0}.side-line.active{background:var(--accent);width:78%}.app-content{padding:15px}.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-metric{background:#fff;border:1px solid #e8ebee;border-radius:10px;padding:12px}.mini-metric b{display:block;font:800 17px Outfit;color:var(--navy)}.mini-metric small{font-size:8px;color:#8c94a3}.chart{height:108px;background:#fff;border:1px solid #e8ebee;border-radius:12px;margin-top:10px;padding:10px;display:flex;align-items:flex-end;gap:7px}.bar{flex:1;border-radius:4px 4px 2px 2px;background:#dfe5ed}.bar:nth-child(2),.bar:nth-child(5){height:72%;background:#d98b82}.bar:nth-child(3){height:45%}.bar:nth-child(4){height:88%;background:var(--accent)}.bar:nth-child(6){height:62%}.bar:nth-child(1){height:30%}.bar:nth-child(7){height:53%}.stack-mini{display:grid;gap:12px;margin-top:24px}.stack-row{background:#fff;border:1px solid #e0e5e9;border-radius:14px;padding:14px;display:flex;align-items:center;gap:12px}.stack-icon{width:42px;height:42px;border-radius:12px;background:#fdf0ee;color:var(--accent);display:grid;place-items:center}.stack-row b{font-size:11px;color:var(--navy)}.stack-row small{display:block;font-size:9px;color:#929aaa;margin-top:3px}

    /* PROCESS */
    .process-shell{background:#f1f4f6;border-radius:32px;padding:52px;margin-top:45px;border:1px solid #e0e5e8}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}.process-grid:before{content:"";position:absolute;height:2px;background:#d8dee3;left:9%;right:9%;top:30px}.process-step{position:relative;z-index:2;text-align:center}.step-num{width:62px;height:62px;border-radius:50%;background:#fff;border:2px solid #e2e6e9;display:grid;place-items:center;margin:0 auto 21px;font:800 17px Outfit;color:var(--navy);transition:.2s}.process-step:hover .step-num{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-4px)}.process-step h3{font-size:18px;font-weight:800;color:var(--navy);margin-bottom:8px}.process-step p{font-size:11px;line-height:1.65;color:#7b8494;margin:0 auto;max-width:230px}

    /* LOCAL SEO + FAQ */
    .local-section{background:#fff}.local-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:66px;align-items:start}.local-card{background:linear-gradient(145deg,#17203b,#263454);border-radius:28px;padding:38px;color:#fff;position:relative;overflow:hidden;min-height:445px}.local-card:before{content:"";position:absolute;width:250px;height:250px;border:55px solid rgba(255,255,255,.05);border-radius:50%;right:-125px;top:-110px}.local-card .eyebrow{color:#d15a4d}.local-card h2{font:800 42px/1.05 Outfit;margin:14px 0 17px;max-width:520px}.local-card p{font-size:13px;line-height:1.8;color:#c7cfdd;max-width:570px}.local-points{display:grid;gap:13px;margin-top:28px}.local-point{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start}.local-point i{width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:var(--accent)}.local-point b{display:block;font-size:11px;color:#fff;margin:2px 0 3px}.local-point span{font-size:9px;line-height:1.5;color:#aeb8ca}
    .faq-wrap .section-title{font-size:clamp(34px,3.6vw,50px)}.faq-list{display:grid;gap:10px;margin-top:30px}.faq-item{border:1px solid #e0e5e8;border-radius:16px;background:#fff;overflow:hidden}.faq-btn{width:100%;border:0;background:#fff;padding:18px 19px;display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center;text-align:left;color:var(--navy);font:800 14px Outfit}.faq-btn i{width:28px;height:28px;border-radius:50%;background:#fdf0ee;color:var(--accent);display:grid;place-items:center;font-size:12px;transition:.2s}.faq-item.open .faq-btn i{transform:rotate(45deg)}.faq-answer{display:none;padding:0 19px 18px;color:#778090;font-size:11px;line-height:1.72}.faq-item.open .faq-answer{display:block}

    /* CTA */
    .cta{padding:50px 0;background:#fff}.cta-shell{background:linear-gradient(135deg,#a10,#c52212);border-radius:34px;padding:56px 58px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:35px;position:relative;overflow:hidden;color:#fff}.cta-shell:before{content:"";position:absolute;width:250px;height:250px;border:55px solid rgba(255,255,255,.12);border-radius:50%;right:180px;top:-120px}.cta-shell:after{content:"";position:absolute;width:170px;height:170px;border:38px solid rgba(255,255,255,.10);border-radius:50%;left:-65px;bottom:-70px}.cta h2{font:800 clamp(35px,4vw,57px)/1.03 Outfit;margin:0 0 11px;max-width:820px;position:relative;z-index:2}.cta p{margin:0;font-size:13px;opacity:.9;position:relative;z-index:2}.cta-actions{display:flex;gap:9px;position:relative;z-index:2}.cta-actions .btn-lightline{background:#fff;color:var(--navy);border-color:#fff}.cta-actions .btn-lightline:hover{background:var(--navy);color:#fff;border-color:var(--navy)}

    /* FOOTER */
    .site-footer{background:#f2f5f5;border-top:1px solid #e1e5e7;padding:66px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,.8fr);gap:46px;padding-bottom:38px}.footer-brand .brand-inline{display:flex;align-items:center;gap:12px;margin-bottom:17px}.footer-brand p{font-size:11px;line-height:1.75;color:#7b8493;max-width:360px}.footer-col h3{font-size:14px;font-weight:800;color:var(--navy);margin-bottom:16px}.footer-col a{display:block;font-size:10px;color:#7b8493;padding:5px 0;transition:.2s}.footer-col a:hover{color:var(--accent);padding-left:4px}.footer-contact{font-size:10px;color:#6f7989;display:flex;gap:8px;margin:8px 0}.footer-contact i{color:var(--accent)}.footer-bottom{border-top:1px solid #dfe4e6;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8a92a0;font-size:9px}.footer-social{display:flex;gap:7px}.footer-social a{width:34px;height:34px;border-radius:50%;border:1px solid #d8dee2;background:#fff;display:grid;place-items:center;color:#626d7e}.footer-social a:hover{background:var(--accent);color:#fff;border-color:var(--accent)}

    .reveal{opacity:0;transform:translateY(18px);transition:.65s ease}.reveal.show{opacity:1;transform:none}

    /* Ara masaüstü ve tabletlerde çalışma sistemi panelini tam genişliğe geçir. */
    @media(max-width:1299.98px){
      .bridge-shell{grid-template-columns:1fr}.bridge-intro{grid-template-columns:88px minmax(0,1fr);align-content:normal;align-items:center;gap:24px}.bridge-services{grid-column:1}
      /* Tam genişlikte rozet ve başlık ölçülerini yeniden rahat okunur seviyeye çıkar. */
      .bridge-years{width:88px;height:88px}.bridge-years strong{font-size:27px}.bridge-intro h2{font-size:22px}
    }
    @media(max-width:1199.98px){
      .header-row{grid-template-columns:235px 1fr 145px}.brand-box{padding-left:26px}.nav-list>li>a{padding-inline:8px;font-size:10px}.header-cta{min-width:145px;padding-inline:17px}.hero-content{width:60%}.hero h1,.hero .hero-title{font-size:60px}.bridge-shell{grid-template-columns:1fr}.bridge-intro{grid-template-columns:auto 1fr}.bridge-services{grid-column:1}.intro-grid{gap:40px}.service-bento{grid-template-columns:1fr 1fr}.service-card.primary{grid-column:1/3;grid-row:auto;min-height:auto}.about-grid{gap:45px}.industry-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1.2fr repeat(3,.8fr)}
    }
    @media(max-width:991.98px){
      .topbar-right .social-link{display:none!important}.header-wrap{padding:0 10px}.header-row{height:68px;display:grid;grid-template-columns:220px 1fr;border-radius:0 0 16px 16px}.header-row:before{height:68px}.brand-box{height:68px;padding-left:24px}.nav-pill{height:68px;justify-content:flex-end}.header-cta{display:none}.mobile-toggle{display:grid}.nav-list{position:absolute;top:78px;left:10px;right:10px;background:#fff;border:1px solid #e4e7eb;border-radius:14px;padding:8px;display:none;flex-direction:column;align-items:stretch;box-shadow:0 18px 45px rgba(15,23,42,.16)}.nav-list.open{display:flex}.nav-list>li>a{padding:12px 13px}.nav-list>li>a:after{display:none}.nav-dropdown{position:static;width:100%;box-shadow:none;border:0;background:#f7f8f9;display:none;opacity:1;visibility:visible;transform:none;margin-bottom:5px}.nav-list>li.open .nav-dropdown{display:block}.search-btn{margin-left:auto}.hero,.hero-carousel,.hero-carousel .carousel-inner,.hero-carousel .carousel-item,.hero-slide{height:650px;min-height:650px}.hero-content{width:72%;padding-top:98px}.hero h1,.hero .hero-title{font-size:54px}.hero-slide:before{background:linear-gradient(90deg,#222c49 0%,rgba(34,44,73,.98) 48%,rgba(34,44,73,.65) 78%,rgba(34,44,73,.38) 100%)}.hero-progress{right:34px}.bridge-services{grid-template-columns:repeat(2,1fr)}.bridge-service:nth-child(2){border-right:0}.bridge-service:nth-child(-n+2){border-bottom:1px solid #ebedf0}.bridge-foot{grid-template-columns:1fr}.bridge-local{justify-self:start}.intro-grid,.about-grid,.local-grid{grid-template-columns:1fr}.intro-side{max-width:700px}.image-collage{max-width:760px}.industry-head{grid-template-columns:1fr}.industry-head .section-lead{margin-left:0}.project-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr 1fr;row-gap:32px}.process-grid:before{display:none}.cta-shell{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid .footer-col:last-child{grid-column:2/4}
    }
    @media(max-width:767.98px){
      .container-xx{width:min(100% - 22px,1320px)}.section{padding:50px 0}.topbar{height:34px}.topbar .email,.topbar .location,.topbar-sep{display:none}.topbar-left,.topbar-right{gap:9px}.topbar-right>a:first-child{display:none}.header-wrap{top:34px}.header-wrap.is-fixed{top:0}.header-row{grid-template-columns:1fr auto;height:62px}.header-row:before{height:62px;width:38px}.brand-box{height:62px;padding:0 12px 0 22px;border-right:0}.logo-mark{width:38px;height:38px}.brand-copy{font-size:13px}.nav-pill{height:62px;padding:0 9px}.search-btn,.mobile-toggle{width:38px;height:38px}.hero,.hero-carousel,.hero-carousel .carousel-inner,.hero-carousel .carousel-item,.hero-slide{height:650px;min-height:650px}.hero-content{width:100%;max-width:590px;padding-top:104px;padding-right:22px}.hero h1,.hero .hero-title{font-size:46px}.hero p{font-size:12px;max-width:500px}.hero-slide{background-position:63% center}.hero-slide:before{background:linear-gradient(90deg,#222c49 0%,rgba(34,44,73,.98) 58%,rgba(34,44,73,.74) 100%)}.hero-control{left:8px;right:8px}.hero-control button{width:36px;height:36px}.hero-progress{bottom:90px;right:20px}.hero-bridge{margin-top:-58px}.bridge-intro{padding:24px 21px}.bridge-years{width:70px;height:70px}.bridge-services{grid-template-columns:1fr 1fr}.bridge-service{padding:21px 16px;min-height:136px}.bridge-foot{padding:13px 16px}.bridge-tags{gap:10px}.intro-section{padding-top:50px;padding-bottom:50px}.intro-side{grid-template-columns:1fr 1fr}.service-bento{grid-template-columns:1fr}.service-card.primary{grid-column:auto}.service-card{min-height:auto}.image-collage{min-height:500px}.img-main{height:405px;width:78%}.img-small{height:220px}.experience-badge{width:115px;height:115px}.experience-badge strong{font-size:34px}.check-list{grid-template-columns:1fr}.industry-grid{grid-template-columns:repeat(2,1fr)}.project-card{min-height:auto}.app-screen{height:285px}.app-body{height:243px}.process-shell{padding:38px 20px}.process-grid{grid-template-columns:1fr}.local-card{padding:30px 23px;min-height:auto}.local-card h2{font-size:36px}.cta-shell{padding:42px 25px}.cta-actions{width:100%;flex-direction:column}.cta-actions a{width:100%}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/3}.footer-grid .footer-col:last-child{grid-column:auto}.footer-bottom{flex-direction:column;align-items:flex-start}
    }
    @media(max-width:479.98px){
      .topbar-right .lang{font-size:0}.topbar-right .lang span{font-size:14px}.brand-copy small{display:none}.hero h1,.hero .hero-title{font-size:39px}.hero-content{padding-top:94px}.hero-actions{max-width:305px;flex-direction:column}.hero-actions a{width:100%}.hero-note{font-size:9px;max-width:280px}.bridge-intro{grid-template-columns:1fr;text-align:left}.bridge-years{width:66px;height:66px}.bridge-services{grid-template-columns:1fr}.bridge-service{border-right:0;border-bottom:1px solid #ebedf0}.bridge-service:last-child{border-bottom:0}.bridge-foot{display:block}.bridge-local{margin-top:10px}.intro-side{grid-template-columns:1fr}.industry-grid{grid-template-columns:1fr 1fr}.project-card{padding:17px}.app-body{grid-template-columns:68px 1fr}.mini-metric{padding:8px}.footer-grid{grid-template-columns:1fr}.footer-brand,.footer-grid .footer-col:last-child{grid-column:auto}
    }
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

    /* Çözümler sayfasını ana temanın lacivert, kırmızı ve açık gri kompozisyonuyla tamamla. */
    .solutions-intro{background:#fff}.solutions-intro__grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.solutions-intro__grid .rich-content{font-size:15px;line-height:1.85;color:var(--muted);padding-top:18px}.solutions-catalog{background:var(--soft)}.solutions-catalog__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.solution-sector-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;min-height:250px;position:relative;overflow:hidden;transition:.24s ease}.solution-sector-card--wide{grid-column:span 2}.solution-sector-card>span{font:800 48px Outfit;color:#edf0f2;position:absolute;right:20px;top:10px}.solution-sector-card>i{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#fff1ef;color:var(--accent);font-size:23px;margin-bottom:34px}.solution-sector-card h2{font-size:25px;color:var(--navy);margin:0 0 12px}.solution-sector-card p{font-size:12px;line-height:1.75;color:var(--muted);max-width:560px;margin:0}.solution-sector-card:hover{background:var(--navy);border-color:var(--navy);transform:translateY(-5px);box-shadow:var(--shadow-soft)}.solution-sector-card:hover h2{color:#fff}.solution-sector-card:hover p{color:#c9d0dc}.solution-sector-card:hover>span{color:rgba(255,255,255,.07)}.solutions-cta{background:#fff}.solutions-cta__inner{background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff;border-radius:30px;padding:48px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:32px;overflow:hidden;position:relative}.solutions-cta__inner:after{content:"";position:absolute;width:250px;height:250px;border:50px solid rgba(255,255,255,.05);border-radius:50%;right:-100px;top:-120px}.solutions-cta h2{font-size:clamp(30px,3.5vw,48px);line-height:1.08;margin:12px 0 0;max-width:820px}.solutions-cta__inner>div:last-child{display:flex;gap:10px;position:relative;z-index:2}.button--outline-light{border:1px solid rgba(255,255,255,.5);color:#fff;background:transparent}.button--outline-light:hover{background:#fff;color:var(--navy)}

    /* Yeni içerik bileşenlerini küçük ve orta ekranlarda taşma üretmeden tek sütuna indir. */
    @media(max-width:991.98px){.solutions-intro__grid{grid-template-columns:1fr;gap:12px}.solutions-catalog__grid{grid-template-columns:1fr 1fr}.solution-sector-card--wide{grid-column:span 2}.solutions-cta__inner{grid-template-columns:1fr}.solutions-cta__inner>div:last-child{justify-content:flex-start}}
    @media(max-width:767.98px){.solutions-catalog__grid,.faq-page__grid{grid-template-columns:1fr}.solution-sector-card--wide{grid-column:auto}.solution-sector-card{min-height:auto;padding:25px}.solutions-cta__inner{padding:34px 24px}.solutions-cta__inner>div:last-child{flex-direction:column}.solutions-cta__inner a{width:100%}}

/* ================================================================
   2026 KURUMSAL ARAYÜZ İYİLEŞTİRME KATMANI
   ================================================================ */

/* Uzayan kurumsal menü adlarına yer açıp masaüstü bağlantılarını daha okunaklı yap. */
.header-row{grid-template-columns:255px minmax(0,1fr) 158px}
.brand-box{padding-right:14px;padding-left:30px}
.nav-pill{padding-inline:6px}
.nav-list>li>a{padding-inline:9px;font-size:12.5px;letter-spacing:-.015em}
.nav-list>li>a:after{left:9px;right:9px}
.header-cta{min-width:158px;padding-inline:18px;font-size:12px}

/* Ana sayfadaki bölüm başlıklarını ortalı ve daha dengeli üst sınırda tut. */
.center-head{max-width:820px;margin-inline:auto;text-align:center}
.center-head .eyebrow{justify-content:center}
.center-head .section-title{font-size:clamp(32px,3.6vw,48px);line-height:1.08}
.center-head .section-lead{max-width:670px}

/* Beş hizmet kartını boş köşe bırakmayan bento düzeninde eşit ritme getir. */
.service-bento{grid-template-columns:1.12fr .88fr .88fr;grid-template-rows:repeat(2,minmax(235px,1fr));align-items:stretch}
.service-card{display:flex;min-height:235px;flex-direction:column;background:linear-gradient(145deg,#fff,#f8fafb);border-color:#dce2e6}
.service-card .read-btn{align-self:flex-start;margin-top:auto}
.service-card .service-icon{margin-bottom:14px}
.service-card .service-type{margin-bottom:6px}
.service-card:not(.primary):hover{background:linear-gradient(145deg,#fff,#fff4f2);border-color:rgba(170,17,0,.22);box-shadow:0 22px 52px rgba(23,32,59,.12)}
.service-card.primary:hover{background:linear-gradient(145deg,#17203b,#273353);box-shadow:0 24px 55px rgba(23,32,59,.2)}
.service-card.primary .service-icon{color:#fff}
.service-card.primary .service-type{color:#ffd7d0}

/* Hakkımızda kolajında kişi portresini doğal oranla, ERP görselini yatay kartta göster. */
.image-collage .img-main{object-position:center top}
.image-collage .img-small{object-position:center}
.experience-badge strong{font-size:34px}

/* Üç proje kartını eşit sütunlara ayırıp sarı ve dairesel zemin süslerini kaldır. */
.project-section{background:#f5f7f9}
.project-section:before{display:none}
.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.project-card,.project-card.alt{display:flex;min-height:430px;flex-direction:column;padding:22px;background:#fff;border-color:#e0e5e9;box-shadow:0 16px 42px rgba(23,32,59,.075)}
.project-card h3{font-size:24px}
.project-card p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.project-real-image{width:100%;height:220px;margin-top:auto;border-radius:16px;object-fit:cover;background:#edf1f3}
.section-action{display:flex;justify-content:center;margin-top:32px}

/* Proje süreci numaralarını belirgin ikonlu, dokunulabilir görsel düğümlere dönüştür. */
.process-shell{background:linear-gradient(145deg,#f5f7f9,#edf1f4)}

.step-num{width:76px;height:76px;grid-template-rows:1fr auto;padding:12px 10px 8px;border-radius:22px}
.step-num i{font-size:23px;color:var(--accent)}
.step-num span{font-size:9px;letter-spacing:.12em}
.process-step:hover .step-num i{color:#fff}

/* SSS başlıklarına rahat dokunma alanı verip yerel hizmet ikonlarını beyaz göster. */
.faq-btn{min-height:64px;padding:20px 22px}
.faq-btn>span{padding-right:10px;line-height:1.35}
.local-point i{color:#fff}

/* Ana sayfa blog kartlarını bozulmayan üçlü yayın düzenine taşı. */
.home-blog{background:#fff}
.home-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.home-blog-card{overflow:hidden;border:1px solid #e0e5e8;border-radius:22px;background:#fff;box-shadow:0 16px 42px rgba(23,32,59,.075);transition:.24s ease}
.home-blog-card:hover{transform:translateY(-5px);box-shadow:0 22px 54px rgba(23,32,59,.12)}
.home-blog-card__image{display:block;overflow:hidden;aspect-ratio:16/9;background:#edf1f3}
.home-blog-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.home-blog-card:hover .home-blog-card__image img{transform:scale(1.035)}
.home-blog-card>div{display:flex;min-height:260px;flex-direction:column;padding:24px}
.home-blog-card>div>span{color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.home-blog-card h3{margin:12px 0 10px;color:var(--navy);font-size:22px;line-height:1.2}
.home-blog-card p{display:-webkit-box;overflow:hidden;margin:0;color:var(--muted);font-size:12px;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.home-blog-card .read-btn{align-self:flex-start;margin-top:auto}

/* Footer girişini güçlü teklif çağrısı ve gerçek iletişim bilgileriyle zenginleştir. */
.site-footer{padding:0 0 88px;border-top:0;background:#0f172b;color:#fff}
.footer-showcase{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:35px;overflow:hidden;padding:46px 50px;margin-bottom:58px;border-radius:0 0 30px 30px;background:linear-gradient(135deg,#aa1100,#c52212);box-shadow:0 24px 60px rgba(0,0,0,.18)}
.footer-showcase:after{position:absolute;right:22%;bottom:-130px;width:260px;height:260px;border:55px solid rgba(255,255,255,.1);border-radius:50%;content:""}
.footer-showcase__kicker{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.footer-showcase h2{max-width:780px;margin:10px 0;color:#fff;font-size:clamp(30px,3.6vw,48px)}
.footer-showcase p{max-width:700px;margin:0;color:rgba(255,255,255,.78);font-size:12px;line-height:1.7}
.footer-showcase__actions{position:relative;z-index:2;display:flex;align-items:center;gap:20px}
.footer-showcase__actions .btn-accent{background:#fff;color:var(--navy);box-shadow:none}
.footer-showcase__phone{display:flex;align-items:center;gap:10px;color:#fff}
.footer-showcase__phone>i{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:50%}
.footer-showcase__phone span{font-size:9px;text-transform:uppercase}
.footer-showcase__phone small{display:block;margin-top:3px;font-size:12px;font-weight:800;text-transform:none}
.footer-grid{grid-template-columns:1.35fr repeat(3,.8fr);padding-bottom:44px}
.footer-brand .brand-copy,.footer-col h3{color:#fff}
.footer-brand p{color:#9da9bc;font-size:12px}
.footer-availability{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;margin:7px 0 13px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#c9d1df;font-size:9px}
.footer-availability i{width:7px;height:7px;border-radius:50%;background:#29c477;box-shadow:0 0 0 4px rgba(41,196,119,.12)}
.footer-contact,.footer-col a,.footer-cookie-preferences{color:#9da9bc}
.footer-col a{font-size:11px}
.footer-cookie-preferences{border:0;background:transparent;font-size:11px}
.footer-bottom{border-color:rgba(255,255,255,.1);color:#788499}
.footer-social a{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#c9d1df}

/* İç sayfa manşetlerini ferah görsel, açık yüzey ve koyu metin sistemiyle yayınla. */
.is-subpage .inner-hero{display:flex;min-height:430px;align-items:flex-end;padding:170px 0 68px;border-bottom:4px solid var(--accent);background-color:#f5f8fb;background-image:linear-gradient(90deg,rgba(248,251,253,.98) 0%,rgba(248,251,253,.93) 46%,rgba(248,251,253,.22) 78%,rgba(248,251,253,.08) 100%),url("../img/site/hero-general-light-v2.webp");background-position:center;background-size:cover;color:#15213a}
.is-subpage .inner-hero__content{position:relative;z-index:2}
.is-subpage .inner-hero h1{max-width:760px;margin:12px 0 15px;color:#15213a;font-size:clamp(34px,4vw,48px);line-height:1.08}
.is-subpage .inner-hero p{max-width:700px;margin:0;color:#536178;font-size:15px;line-height:1.65}

/* Hakkımızda manşetinde gerçek yazılım keşfi ve danışmanlık sahnesini göster. */
.inner-hero.inner-hero--about{background-image:linear-gradient(90deg,rgba(248,251,253,.98) 0%,rgba(248,251,253,.92) 47%,rgba(248,251,253,.18) 82%),url("../img/site/hero-about-light-v2.webp")}

/* Hizmetler manşetinde ekip, iş ekranı ve yazılım mimarisi bağlamını görünür tut. */
.inner-hero.inner-hero--services{background-image:linear-gradient(90deg,rgba(248,251,253,.98) 0%,rgba(248,251,253,.92) 47%,rgba(248,251,253,.16) 82%),url("../img/site/hero-services-light-v2.webp")}

/* Hizmet detaylarını gerçek ERP, CRM ve özel yazılım çalışma ekranıyla ilişkilendir. */
.inner-hero.inner-hero--service-detail,.inner-hero.inner-hero--service-item{background-image:linear-gradient(90deg,rgba(248,251,253,.98) 0%,rgba(248,251,253,.92) 47%,rgba(248,251,253,.16) 82%),url("../img/site/hero-service-detail-light-v2.webp")}

/* Çözüm manşetlerinde sektörleri ortak iş platformuna bağlayan açık kompozisyonu kullan. */
.inner-hero.inner-hero--solutions{background-image:linear-gradient(90deg,rgba(248,251,253,.98) 0%,rgba(248,251,253,.91) 47%,rgba(248,251,253,.12) 82%),url("../img/site/hero-solutions-light-v2.webp")}

/* Proje katalog ve detay manşetlerini gerçek yazılım ürün cihazlarıyla ayrıştır. */
.inner-hero.inner-hero--projects,.inner-hero.inner-hero--project-detail{background-image:linear-gradient(90deg,rgba(248,251,253,.98) 0%,rgba(248,251,253,.91) 47%,rgba(248,251,253,.12) 82%),url("../img/site/hero-projects-light-v2.webp")}

/* Blog manşetini yazılım araştırması ve içerik üretimiyle ilgili aydınlık çalışma alanına taşı. */
.inner-hero.inner-hero--blog{background-image:linear-gradient(90deg,rgba(248,251,253,.98) 0%,rgba(248,251,253,.91) 47%,rgba(248,251,253,.12) 82%),url("../img/site/hero-blog-light-v2.webp")}

/* Açık manşetlerde sayfa yolunu koyu metin ve kırmızı etkin kayıtla okunur tut. */
.is-subpage .inner-breadcrumb{color:#6c788c}
.is-subpage .inner-breadcrumb a{color:#44526a}
.is-subpage .inner-breadcrumb li:not(:last-child)::after{color:rgba(68,82,106,.4)}

/* Blog detay manşetini açık araştırma görseli ve koyu okunabilir metinlerle eşleştir. */
.article-hero{display:flex;min-height:480px;align-items:flex-end;padding:170px 0 62px;border-bottom:4px solid var(--accent);background:linear-gradient(90deg,rgba(248,251,253,.98) 0%,rgba(248,251,253,.92) 48%,rgba(248,251,253,.12) 82%),url("../img/site/hero-blog-detail-light-v2.webp") center/cover no-repeat;color:#15213a}
.article-hero:after{background:linear-gradient(180deg,transparent,rgba(255,255,255,.12))}
.article-hero h1{color:#15213a;font-size:clamp(34px,4.2vw,50px)}
.article-hero__inner>p{color:#536178}
.article-hero__meta span{border-color:rgba(21,33,58,.13);background:rgba(255,255,255,.66);color:#44526a}

/* Hakkımızda hikâyesini katmanlı portre, ERP görseli ve okunabilir metin düzeninde kur. */
.about-story{background:#fff}
.about-story__grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:78px;align-items:center}
.about-story__visual{position:relative;display:flex;min-height:620px;align-items:center;justify-content:center;isolation:isolate}
.about-story__visual:before{position:absolute;inset:52px 8% 34px;border:1px solid #dfe5e9;border-radius:38px;background:linear-gradient(145deg,#f1f4f6,#fff);content:"";z-index:-1}
.about-story__portrait{position:relative;width:min(78%,430px);overflow:hidden;margin:0 auto;border-radius:34px;background:#e8edf0;box-shadow:0 28px 65px rgba(23,32,59,.16)}
.about-story__portrait img{width:100%;height:500px;object-fit:cover;object-position:center top}
.about-story__portrait figcaption{display:flex;flex-direction:column;padding:18px 22px;background:#17203b;color:#fff}
.about-story__portrait figcaption strong{font:800 18px Outfit}
.about-story__portrait figcaption span{margin-top:3px;color:#aeb8ca;font-size:10px}
.about-story__experience{position:absolute;top:52px;right:3%;display:grid;width:124px;height:124px;place-items:center;border:7px solid #fff;border-radius:50%;background:#aa1100;color:#fff;font-size:11px;text-align:center;box-shadow:0 14px 35px rgba(170,17,0,.3)}
.about-story__experience strong{font:800 24px Outfit}
.about-story__content .section-title{font-size:clamp(34px,4vw,50px)}
.about-story__body{color:#626c7e;font-size:14px;line-height:1.85}
.about-story__body p{margin-bottom:15px}
.about-story__content blockquote{padding:18px 20px;margin:25px 0;border-left:4px solid var(--accent);border-radius:0 14px 14px 0;background:#fff3f1;color:#343d50;font:700 15px/1.65 Outfit}

/* Hakkımızda kanıt şeridini üç eşit ve yüksek kontrastlı özet karta dönüştür. */
.about-proof{padding:18px 0 50px;background:#fff}
.about-proof__grid{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid #dfe5e9;border-radius:24px;background:#f5f7f9}
.about-proof article{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px;padding:28px 32px;border-right:1px solid #dfe5e9}
.about-proof article:last-child{border-right:0}
.about-proof strong{color:var(--accent);font:800 34px Outfit}
.about-proof span{color:#525e72;font-size:11px;line-height:1.55}

/* Hakkımızda yöntem kartlarında tekrarlanan ikon yerine tek ve net simge göster. */
.about-method{background:#f3f6f8}
.about-method__header{display:grid;grid-template-columns:1fr .75fr;gap:50px;align-items:end;margin-bottom:34px}
.about-method__header p{color:var(--muted);font-size:14px;line-height:1.75}
.about-method__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.about-method__grid article{position:relative;min-height:220px;padding:28px;border:1px solid #dce2e6;border-radius:22px;background:#fff}
.about-method__grid article>span{position:absolute;top:18px;right:20px;color:#edf0f2;font:800 42px Outfit}
.about-method__grid article>i{display:grid;width:52px;height:52px;place-items:center;border-radius:15px;background:#fff1ef;color:var(--accent);font-size:22px}
.about-method__grid h3{max-width:250px;margin:45px 0 0;color:var(--navy);font-size:19px;line-height:1.35}
.about-culture{padding-block:62px;background:linear-gradient(135deg,#111a31,#263454)}
.about-value-card>i{font-size:22px;font-style:normal}

/* Hizmetler sayfasının girişini merkez düğümlü yaratıcı hizmet haritasına dönüştür. */
.services-brief{padding:64px 0;background:#fff}
.services-brief__grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:center}
.services-brief__copy h2{margin:14px 0;color:var(--navy);font-size:clamp(34px,4vw,52px);line-height:1.08}
.services-brief__copy p{color:var(--muted);font-size:14px;line-height:1.8}
.services-brief__map{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:76px 0}
.services-brief__map>a{display:grid;grid-template-columns:46px 1fr;column-gap:13px;min-height:150px;padding:22px;border:1px solid #dfe4e8;border-radius:20px;background:#f8fafb;transition:.22s ease}
.services-brief__map>a:nth-child(even){transform:translateY(34px)}
.services-brief__map>a:hover{border-color:rgba(170,17,0,.3);background:#fff3f1;box-shadow:0 16px 38px rgba(23,32,59,.09)}
.services-brief__map>a>i{display:grid;grid-row:1/3;width:46px;height:46px;place-items:center;border-radius:14px;background:#17203b;color:#fff;font-size:18px}
.services-brief__map>a>span{align-self:center;color:var(--navy);font:800 16px Outfit}
.services-brief__map>a>small{grid-column:2;color:var(--muted);font-size:9px;line-height:1.5}
.services-brief__core{position:absolute;top:50%;left:50%;z-index:3;display:grid;width:128px;height:128px;place-items:center;padding:25px;border:10px solid #fff;border-radius:50%;background:#aa1100;color:#fff;text-align:center;transform:translate(-50%,-50%);box-shadow:0 18px 42px rgba(170,17,0,.28)}
.services-brief__core strong{font:800 28px Outfit}
.services-brief__core span{font-size:8px;line-height:1.3}
.service-catalog{background:#f3f6f8;background-image:none}
.service-catalog__card{border-top:0;border-radius:24px;box-shadow:0 16px 42px rgba(23,32,59,.07)}
.service-catalog__card:hover{border-color:rgba(170,17,0,.28);box-shadow:0 22px 55px rgba(23,32,59,.11);transform:translateY(-4px)}

/* Hizmet detayında sidebarı sol kolona alıp yerel details akordeonunu görsel olarak düzenle. */
.service-detail-layout{background:#f7f8fa}
.service-detail-layout__grid{grid-template-columns:320px minmax(0,1fr);gap:48px}
.service-detail-content,.service-item-detail{grid-row:1;grid-column:2;min-width:0}
.service-sidebar{grid-row:1;grid-column:1;border-radius:22px;background:#17203b}
.service-sidebar__header p{margin:8px 0 0;color:rgba(255,255,255,.55);font-size:10px;line-height:1.5}
.service-sidebar__group{border-bottom:1px solid rgba(255,255,255,.08)}
.service-sidebar__group summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 24px;color:rgba(255,255,255,.78);font-size:13px;font-weight:800;cursor:pointer;list-style:none}
.service-sidebar__group summary::-webkit-details-marker{display:none}
.service-sidebar__group summary i{transition:transform .2s ease}
.service-sidebar__group[open] summary i{transform:rotate(180deg)}
.service-sidebar__group.is-current summary{background:#aa1100;color:#fff}
.service-sidebar__group ul{display:grid;gap:2px;padding:10px 18px 14px;margin:0;background:rgba(255,255,255,.035);list-style:none}
.service-sidebar__group li a{display:block;padding:8px 10px;border-radius:8px;color:rgba(255,255,255,.58);font-size:11px;line-height:1.35}
.service-sidebar__group li a:hover,.service-sidebar__group li.is-current a{background:rgba(255,255,255,.1);color:#fff}
.service-sidebar__overview a{font-weight:800}

/* Çözümler sayfasının teknik omurgasını üç büyük bilgi kartında göster. */
.solution-pillars{padding:0 0 60px;background:#fff}
.solution-pillars__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.solution-pillars article{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:28px;border:1px solid #dfe4e8;border-radius:22px;background:#fff;box-shadow:0 14px 36px rgba(23,32,59,.06)}
.solution-pillars article>i{display:grid;width:58px;height:58px;place-items:center;border-radius:17px;background:#17203b;color:#fff;font-size:23px}
.solution-pillars article span{color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.14em}
.solution-pillars article h2{margin:5px 0 9px;color:var(--navy);font-size:22px}
.solution-pillars article p{margin:0;color:var(--muted);font-size:11px;line-height:1.65}
.solution-sector-card:hover{background:linear-gradient(145deg,#17203b,#273353)}

/* Projeler katalog sayfasında sarı desen ve yüzeyleri nötr kurumsal tonlarla değiştir. */
.projects-page .external-project-catalog{background:#f5f7f9;background-image:none}
.projects-page .external-project-card{border-color:#dfe4e8;background:#fff;box-shadow:0 16px 42px rgba(23,32,59,.075)}
.projects-page .external-project-card--featured{background:#fff}
.projects-page .project-catalog-cta{background:#fff}

/* Blog arşivini masaüstünde üç eşit kart, tablette iki ve mobilde tek kart olarak sabitle. */
.blog-page{background:#f5f7f9}
.blog-page-main .blog__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.blog-page-main .blog-card{display:flex;overflow:hidden;min-height:520px;flex-direction:column;border:1px solid #dfe4e8;border-radius:22px;background:#fff;box-shadow:0 16px 42px rgba(23,32,59,.075)}
.blog-page-main .blog-card__image{display:block;overflow:hidden;aspect-ratio:16/10;background:#e9eef1}
.blog-page-main .blog-card__image img{width:100%;height:100%;object-fit:cover}
.blog-page-main .blog-card__body{display:flex;min-height:280px;flex:1;flex-direction:column;padding:24px}
.blog-page-main .blog-card h2{margin:14px 0 10px;font-size:22px;line-height:1.25}
.blog-page-main .blog-card p{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:12px;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.blog-page-main .blog-card__footer{margin-top:auto}

/* Blog detay gövdesini beyaz ve kırık beyaz katmanlarla sakin bir okuma yüzeyine taşı. */
.blog-detail-page>.article-page{background:#f7f6f2}
.blog-detail-page .article-page__body{border-color:#e0e4e7;background:#fff;box-shadow:0 24px 64px rgba(23,32,59,.09)}
.blog-detail-page .article-page__image{background:#e9eef1}
.blog-detail-page>.simple-cta{background:#fff}

/* Mobil hızlı menüyü masaüstünde gizle, küçük ekranlarda uygulama çubuğu olarak göster. */
.mobile-app-dock{display:none}

/* Tablet düzeninde üçlü kartları iki kolona, yoğun anlatıları tek kolona indir. */
@media(max-width:1100px){
  .header-row{grid-template-columns:230px minmax(0,1fr) 142px}
  .nav-list>li>a{padding-inline:7px;font-size:11.5px}
  .project-grid,.home-blog-grid,.blog-page-main .blog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .project-grid .project-card:last-child,.home-blog-grid .home-blog-card:last-child{grid-column:1/-1;max-width:650px;justify-self:center}
  .about-story__grid,.services-brief__grid{grid-template-columns:1fr}
  .about-story__visual{width:min(100%,720px)}
  .services-brief__map{width:min(100%,820px);margin-inline:auto}
  .solution-pillars__grid{grid-template-columns:1fr}
}

/* Üç satıra çıkan slider başlıklarını masaüstünde görsel alan içinde tutacak ölçüye indir. */
.hero h1,
.hero .hero-title{
  font-size:clamp(44px,4.4vw,64px);
  line-height:1.04;
}

/* Tabletlerde uzun slider başlıkları için daha kompakt sabit üst sınır kullan. */
@media(max-width:1199.98px){
  .hero h1,
  .hero .hero-title{
    font-size:52px;
  }
}

/* Dar tabletlerde başlık ile açıklama ve eylemler arasındaki güvenli alanı koru. */
@media(max-width:991.98px){
  .hero h1,
  .hero .hero-title{
    font-size:46px;
  }
}

/* Telefonlarda üç satırlı slider başlıklarını ekran genişliğine göre akışkan küçült. */
@media(max-width:767.98px){
  .hero h1,
  .hero .hero-title{
    font-size:clamp(31px,9vw,38px);
    line-height:1.06;
  }
}

/* ================================================================
   ANA SAYFA OLGUNLUK VE VİTRİN İYİLEŞTİRMELERİ
   ================================================================ */

/* Teklif eylemine header içinde daha güçlü ölçü, okunaklı tipografi ve ayrı ikon yüzeyi ver. */
.header-row{
  grid-template-columns:278px minmax(0,1fr) 220px;
}

/* Teklif düğmesini dar iç içe görünümden çıkarıp dengeli yatay çağrıya dönüştür. */
.header-cta{
  min-width:220px;
  justify-content:space-between;
  gap:16px;
  padding-inline:24px;
  background:linear-gradient(135deg,#a10,#c92b1b);
  box-shadow:inset 1px 0 rgba(255,255,255,.13);
}

/* Teklif çağrısının ana metnini masaüstünde ilk bakışta okunur ölçüye çıkar. */
.header-cta>span{
  font-size:14px;
  line-height:1.2;
  letter-spacing:-.01em;
}

/* Ücretsiz görüşme üst etiketini küçük fakat okunabilir kurumsal bilgi satırı yap. */
.header-cta small{
  margin-bottom:5px;
  color:rgba(255,255,255,.78);
  font-size:8.5px;
  letter-spacing:.11em;
}

/* Teklif okunu metinden ayıran yarı saydam dairesel eylem işaretine dönüştür. */
.header-cta>i{
  display:grid;
  width:38px;
  height:38px;
  flex:0 0 38px;
  place-items:center;
  border:1px solid rgba(255,255,255,.28);
  border-radius:50%;
  background:rgba(255,255,255,.1);
  font-size:16px;
}

/* Teklif düğmesi etkileşiminde ikon yüzeyini beyaz ve net karşıtlı göster. */
.header-cta:hover>i{
  background:#fff;
  color:var(--accent);
}

/* Çalışma sistemi kartlarına açıklama ve ikonların rahat algılanacağı dikey alan ver. */
.bridge-service{
  min-height:184px;
  padding:28px 22px 25px;
}

/* Çalışma sistemi ikonlarını belirgin, çerçeveli ve ortak boyutlu işaretlere dönüştür. */
.bridge-service .bridge-icon{
  width:56px;
  height:56px;
  margin-bottom:17px;
  border:1px solid rgba(170,17,0,.1);
  border-radius:17px;
  font-size:24px;
}

/* Çalışma sistemi kart başlıklarını daha rahat taranan olgun ölçüde yayınla. */
.bridge-service strong{
  margin-bottom:8px;
  font-size:16px;
  line-height:1.28;
}

/* Çalışma sistemi açıklamalarını küçük ekran metni hissinden çıkarıp okunur hale getir. */
.bridge-service>span:not(.bridge-icon){
  color:#677184;
  font-size:12px;
  line-height:1.62;
}

/* Kurumsal giriş metni ile dört yaklaşım kartına iki dengeli kolon ayır. */
.intro-grid{
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:58px;
  align-items:center;
}

/* Kurumsal giriş açıklamasını boşluk hissini azaltacak okunabilir metin ölçüsüne getir. */
.intro-copy p{
  max-width:680px;
  font-size:16.5px;
  line-height:1.86;
}

/* Dört yaklaşım kartını ikiye iki olgun ve eşit yükseklikte bir düzende tut. */
.intro-side{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:15px;
}

/* Yaklaşım kartlarına kapsamlı açıklamaların sıkışmadan okunacağı iç alan ver. */
.micro-stat{
  min-height:190px;
  padding:25px;
  border-color:#dfe5e8;
  box-shadow:0 14px 34px rgba(23,32,59,.055);
}

/* Yaklaşım kartı ikonlarını başlıktan önce açıkça seçilen ölçüye çıkar. */
.micro-stat i{
  font-size:25px;
}

/* Uzayan yaklaşım başlıklarını kart içinde dengeli iki satıra izin verecek ölçüde göster. */
.micro-stat b{
  margin:13px 0 8px;
  font-size:19px;
  line-height:1.2;
}

/* Yaklaşım açıklamalarını küçük dipnot yerine gerçek kart metni olarak yayınla. */
.micro-stat small{
  position:relative;
  z-index:1;
  display:block;
  color:#667184;
  font-size:12.5px;
  line-height:1.62;
}

/* Açık hizmet kartı hover durumunda açıklamayı açık yüzey üzerinde koyu ve görünür tut. */
.services-section .service-card:not(.primary):hover p{
  color:#566174;
}

/* Açık hizmet kartı hover durumunda başlık ve bölüm etiketinin kontrastını koru. */
.services-section .service-card:not(.primary):hover h3,
.services-section .service-card:not(.primary):hover .service-type{
  color:var(--navy);
}

/* Hakkımızda kolajındaki yazılım ekranlarını küçük kartın görünür alanına odaklayarak kırp. */
.image-collage .img-small{
  object-position:72% center;
}

/* Ana sayfadaki sektör ve blog başlıklarını ortak olgun panel yapısında birleştir. */
.is-home .industry-head{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);
  gap:48px;
  align-items:center;
  overflow:hidden;
  padding:40px 44px;
  margin-bottom:38px;
  border-radius:28px;
}

/* Sektör başlığını operasyon vurgusuna uygun koyu ve katmanlı yüzeyde sun. */
.is-home .industry-head--sectors{
  background:linear-gradient(135deg,#121b32 0%,#253250 100%);
  box-shadow:0 24px 58px rgba(23,32,59,.18);
}

/* Sektör paneline içerikten rol çalmayan dairesel mimari izi ekle. */
.is-home .industry-head--sectors:after{
  position:absolute;
  right:-105px;
  bottom:-145px;
  width:310px;
  height:310px;
  border:58px solid rgba(255,255,255,.045);
  border-radius:50%;
  content:"";
}

/* Sektör panelindeki başlık ve etiketi koyu yüzeyde yüksek kontrastla göster. */
.is-home .industry-head--sectors .section-title{
  max-width:700px;
  margin-bottom:0;
  color:#fff;
  font-size:clamp(34px,3.4vw,49px);
}

/* Sektör panelindeki küçük etiketi sıcak vurgu rengiyle ayrıştır. */
.is-home .industry-head--sectors .eyebrow{
  color:#ff9e91;
}

/* Blog başlığını kırmızı tekrar üretmeden ferah ve çerçeveli editoryal yüzeyde sun. */
.is-home .industry-head--blog{
  border:1px solid #e1e6e9;
  background:linear-gradient(135deg,#fff 0%,#f7f9fa 100%);
  box-shadow:0 18px 46px rgba(23,32,59,.08);
}

/* Blog paneli başlığını sektör panelinden farklı olarak lacivert ve kompakt tut. */
.is-home .industry-head--blog .section-title{
  max-width:650px;
  margin-bottom:0;
  color:var(--navy);
  font-size:clamp(34px,3.4vw,49px);
}

/* Panel açıklaması ile ikonu yatay ve ortalanmış yardımcı blokta bir araya getir. */
.is-home .industry-head__aside{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:68px minmax(0,1fr);
  gap:19px;
  align-items:center;
}

/* Başlık panelinin anlamını tek bakışta anlatan ortak büyük ikon yüzeyi oluştur. */
.is-home .industry-head__mark{
  display:grid;
  width:68px;
  height:68px;
  place-items:center;
  border-radius:21px;
  font-size:28px;
}

/* Sektör paneli ikonunu koyu yüzeyde cam etkili açık çerçeveyle göster. */
.is-home .industry-head--sectors .industry-head__mark{
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.08);
  color:#ff9e91;
}

/* Blog paneli ikonunu açık yüzeyde sıcak ve ferah bir işaret olarak göster. */
.is-home .industry-head--blog .industry-head__mark{
  border:1px solid rgba(170,17,0,.12);
  background:#fff0ed;
  color:var(--accent);
}

/* Panel açıklamalarının önceki sağa yaslı davranışını kaldırıp ikonla aynı hizada tut. */
.is-home .industry-head .section-lead{
  max-width:none;
  margin:0;
  font-size:14px;
  line-height:1.75;
}

/* Sektör paneli açıklamasını koyu yüzeyde rahat okunur açık tona çevir. */
.is-home .industry-head--sectors .section-lead{
  color:#cbd3df;
}

/* Sektör kartlarını sayfa merkezinde iki dengeli satır oluşturacak dört kolona yerleştir. */
.is-home .industry-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  width:min(1120px,100%);
  margin-inline:auto;
}

/* Sektör kartlarına büyüyen metin ve ikonlar için daha geniş ve dengeli yüzey ver. */
.is-home .industry-card{
  min-height:178px;
  padding:25px 18px;
  gap:17px;
  border-radius:21px;
  box-shadow:0 12px 30px rgba(23,32,59,.05);
}

/* Sektör ikonlarını çıplak işaret yerine anlaşılır dairesel simge yüzeyinde yayınla. */
.is-home .industry-card>i{
  display:grid;
  width:64px;
  height:64px;
  place-items:center;
  border-radius:20px;
  background:#fff0ed;
  font-size:31px;
  transition:.22s ease;
}

/* Sektör kart başlıklarını dipnot boyutundan gerçek kart başlığı ölçüsüne çıkar. */
.is-home .industry-card>span{
  max-width:190px;
  color:#465268;
  font-size:13.5px;
  line-height:1.4;
}

/* Sektör kartı hover durumunda ikon yüzeyini koyu kart üzerinde görünür tut. */
.is-home .industry-card:hover>i{
  background:rgba(255,255,255,.11);
  color:#fff;
}

/* Sektör kartı koyulaştığında başlığı hover ve klavye odağında yüksek kontrastla göster. */
.is-home .industry-card:is(:hover,:focus-visible)>span{
  color:#fff;
}

/* Değişken sayıdaki öne çıkan projeleri masaüstünde üç eşit kolonda akıt. */
.is-home .project-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

/* Tek veya çok satırlı vitrinde son proje kartının yapay ortalama kuralını kaldır. */
.is-home .project-grid .project-card:last-child{
  grid-column:auto;
  max-width:none;
  justify-self:stretch;
}

/* Kaldırılan tekrar CTA sonrasında blog ile footer arasında ferah kapanış aralığı bırak. */
.home-blog{
  padding-bottom:88px;
}

/* Orta masaüstünde header çağrısını koruyup menü için deneyim özetini gizleyerek alan aç. */
@media(max-width:1250px){
  .header-row{
    grid-template-columns:248px minmax(0,1fr) 184px;
  }

  /* Dar masaüstünde teklif çağrısını okunaklı fakat daha kompakt ölçüye indir. */
  .header-cta{
    min-width:184px;
    gap:10px;
    padding-inline:17px;
  }

  /* Dar masaüstünde ana teklif metnini tek satır düzenini koruyacak ölçüde tut. */
  .header-cta>span{
    font-size:13px;
  }

  /* Menü alanını daraltmamak için deneyim özetini bu aralıkta kaldır. */
  .header-trust{
    display:none;
  }
}

/* Tabletlerde olgun başlık panellerini ve yoğun kart gruplarını iki kolona indir. */
@media(max-width:991.98px){
  .header-row{
    grid-template-columns:220px minmax(0,1fr);
  }

  /* Tablet headerında mevcut mobil menü lehine masaüstü teklif çağrısını gizli tut. */
  .header-cta{
    display:none;
  }

  /* Kurumsal giriş ve başlık panellerini tablet akışında tek kolona dönüştür. */
  .intro-grid,
  .is-home .industry-head{
    grid-template-columns:1fr;
  }

  /* Tablet panelinde başlık ile açıklama arasındaki mesafeyi kontrollü azalt. */
  .is-home .industry-head{
    gap:27px;
  }

  /* Tablet sektör kartlarını iki eşit kolonda ortalı tut. */
  .is-home .industry-grid,
  .is-home .project-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* Telefonlarda bütün yenilenen bileşenleri taşmasız ve rahat dokunulur tek akışa getir. */
@media(max-width:767.98px){
  .header-row{
    grid-template-columns:1fr auto;
  }

  /* Telefonlarda çalışma sistemi açıklamalarına masaüstü kadar olmasa da okunur ölçü ver. */
  .bridge-service{
    min-height:164px;
    padding:23px 18px;
  }

  /* Telefon yaklaşım kartlarını tek kolonda doğal içerik yüksekliğiyle yayınla. */
  .intro-side{
    grid-template-columns:1fr;
  }

  /* Telefon yaklaşım kartlarında gereksiz sabit yüksekliği kaldır. */
  .micro-stat{
    min-height:0;
  }

  /* Telefon başlık panellerinin iç boşluğunu ekran genişliğine uyarla. */
  .is-home .industry-head{
    gap:24px;
    padding:30px 23px;
    border-radius:23px;
  }

  /* Telefon paneli açıklamasında ikon ve metni dengeli kompakt ölçüde tut. */
  .is-home .industry-head__aside{
    grid-template-columns:54px minmax(0,1fr);
    gap:14px;
  }

  /* Telefon başlık paneli ikonunu metin yüksekliğiyle uyumlu küçült. */
  .is-home .industry-head__mark{
    width:54px;
    height:54px;
    border-radius:17px;
    font-size:23px;
  }

  /* Telefonlarda öne çıkan proje kartlarını tek okunabilir kolona indir. */
  .is-home .project-grid{
    grid-template-columns:1fr;
  }
}

/* Çok dar telefonlarda sektör kartlarını da tek sütunlu rahat tarama düzenine geçir. */
@media(max-width:479.98px){
  .is-home .industry-grid{
    grid-template-columns:1fr;
  }
}

/* Marka işaretini yazılım ikonuna uygun iç halka ve okunaklı çizgi kalınlığıyla düzenle. */
.logo-mark>i{position:relative;z-index:2;font-size:19px;font-weight:800}

/* Header merkezindeki boşluğu deneyim özeti ve iki satırlı teklif çağrısıyla doldur. */
.header-row{grid-template-columns:278px minmax(0,1fr) 202px}
.header-trust{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:7px 10px;margin:0 10px;border-left:1px solid #e7ebef;color:var(--navy)}
.header-trust>i{color:var(--accent);font-size:20px}
.header-trust span{display:flex;flex-direction:column;white-space:nowrap}
.header-trust strong{font:800 11px/1.1 Outfit}
.header-trust small{margin-top:2px;color:#8992a2;font-size:7px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.header-trust:hover{color:var(--accent)}
.header-cta{min-width:202px;padding-inline:21px;text-align:left}
.header-cta>span{position:relative;z-index:2;display:flex;flex-direction:column;font:800 12px/1.15 Outfit}
.header-cta small{margin-bottom:3px;color:rgba(255,255,255,.72);font:700 7px/1 Inter;letter-spacing:.09em;text-transform:uppercase}
.header-cta>i{position:relative;z-index:2}

/* Slider görselini önceki tam yüzey yapısında, yüksekliği temel alarak kırpmadan sağa yasla. */
.hero-slide__media{position:absolute;inset:0;z-index:-2;display:flex;align-items:center;justify-content:flex-end;overflow:hidden;background:#26304d}
.hero-slide__media img{display:block;width:100%;height:100%;object-fit:contain;object-position:right center}

/* On dokuz slayt seçicisini dar ve okunaklı nokta göstergelerine dönüştür. */
.hero-progress{gap:7px}
.hero-progress button{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.42)}
.hero-progress button.active{width:26px;border-radius:99px;background:var(--accent)}

/* Hakkımızda deneyim rozetinde yıl ile ekin kesintisiz ve dengeli görünmesini sağla. */
.about-story__experience{display:flex;align-items:center;justify-content:center;gap:0;flex-direction:column;line-height:1.05}
.about-story__experience>span{display:block;white-space:nowrap}

/* Uzun kanıt değerlerini tek kelimelik belirsiz etiketler yerine açıklayıcı ölçüde göster. */
.about-proof strong{font-size:clamp(21px,2.2vw,30px);line-height:1.05}

/* Hizmet manşetini katalog başlangıcını görünür tutacak kompakt yüksekliğe indir. */
.services-page--catalog-first .inner-hero{min-height:390px;padding-bottom:54px}
.services-page--catalog-first .inner-hero .button{margin-top:25px}

/* Hizmet kataloğunu dört modern kapsam kartıyla yeniden kur. */
.service-catalog--modern{padding:78px 0;background:linear-gradient(180deg,#f4f7f8 0%,#fff 100%)}
.service-catalog--modern .section-heading{margin-bottom:38px}
.service-catalog--modern .service-catalog__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.service-catalog--modern .service-catalog__card{position:relative;display:flex;min-height:560px;flex-direction:column;overflow:hidden;padding:32px;border:1px solid #dce3e7;border-radius:26px;background:#fff;box-shadow:0 18px 48px rgba(23,32,59,.08)}
.service-catalog--modern .service-catalog__card:before{position:absolute;top:0;right:0;left:0;height:5px;background:linear-gradient(90deg,var(--accent),#e05b4d);content:""}
.service-catalog--modern .service-catalog__card:nth-child(2n){background:linear-gradient(150deg,#fff,#f8fafc)}
.service-catalog__identity{display:flex;align-items:center;gap:13px;margin-bottom:25px}
.service-catalog__identity>span{color:#c9d0d7;font:800 34px/1 Outfit}
.service-catalog__identity>i{display:grid;width:48px;height:48px;place-items:center;border-radius:14px;background:#17203b;color:#fff;font-size:20px}
.service-catalog__identity>small{margin-left:auto;padding:7px 10px;border-radius:999px;background:#fff1ef;color:var(--accent);font-size:9px;font-weight:800;text-transform:uppercase}
.service-catalog--modern .service-catalog__card h2{max-width:520px;margin:0 0 11px;color:var(--navy);font-size:clamp(25px,2.5vw,34px);line-height:1.1}
.service-catalog--modern .service-catalog__card>p{min-height:52px;margin:0 0 22px;color:var(--muted);font-size:12px;line-height:1.7}
.service-catalog--modern .service-catalog__card ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0;margin:0 0 25px;list-style:none}
/* Alt hizmet bağlantısında ok rozetine gerçek genişliğini ayırarak kart dışına taşmasını önle. */
.service-catalog--modern .service-catalog__card li a{display:grid;grid-template-columns:17px minmax(0,1fr) 34px;align-items:center;gap:8px;min-height:54px;overflow:hidden;padding:10px 12px;border:1px solid #e4e8eb;border-radius:11px;background:#f8fafb;color:#4b566a;font-size:10px;font-weight:700;line-height:1.35;transition:.2s ease}
.service-catalog--modern .service-catalog__card li a>i{color:var(--accent);font-size:14px}
/* Dış bağlantı okunu güçlü kırmızı zemin ve beyaz işaretle belirginleştir. */
.service-catalog--modern .service-catalog__card li a>span{display:grid;width:30px;height:30px;place-items:center;justify-self:end;border-radius:50%;background:var(--accent);box-shadow:0 7px 16px rgba(170,17,0,.22);color:#fff;font-size:14px;font-weight:800;transition:.2s ease}
/* Kart etkileşiminde okunabilirliği koruyarak ok rozetine net geri bildirim ver. */
.service-catalog--modern .service-catalog__card li a:hover{border-color:rgba(170,17,0,.28);background:#fff3f1;color:var(--accent)}
.service-catalog--modern .service-catalog__card li a:hover>span{background:#17203b;color:#fff;transform:translate(1px,-1px)}
.service-catalog--modern .service-catalog__more{align-self:flex-start;margin-top:auto}

/* Katalog altındaki hizmet haritasını yeni kod ikonu merkezinde dengeli tut. */
.services-page--catalog-first .services-brief{padding:82px 0;background:#fff}
.services-brief__core>i{font-size:28px}

/* Çözümler girişini iş sistemi görseli ve somut fayda listesiyle iki kolona ayır. */
.solutions-overview{background:#fff}
.solutions-overview__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}
.solutions-overview__copy .section-title{font-size:clamp(35px,4vw,52px)}
.solutions-overview__copy>p{margin:0;color:var(--muted);font-size:14px;line-height:1.85}
.solutions-overview__copy ul{display:grid;gap:11px;padding:0;margin:26px 0 0;list-style:none}
.solutions-overview__copy li{display:flex;align-items:center;gap:9px;color:#475267;font-size:12px;font-weight:800}
.solutions-overview__copy li i{color:var(--accent);font-size:17px}
.solutions-overview__visual{position:relative;height:320px;overflow:hidden;margin:0;border-radius:28px;background:#17203b;box-shadow:0 26px 64px rgba(23,32,59,.18)}
.solutions-overview__visual img{width:100%;height:100%;object-fit:cover;object-position:center}
.solutions-overview__visual figcaption{position:absolute;right:18px;bottom:18px;left:18px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(15,23,43,.85);color:#fff;backdrop-filter:blur(12px)}
.solutions-overview__visual figcaption strong{font:800 14px Outfit}
.solutions-overview__visual figcaption span{color:#cbd3df;font-size:9px;font-weight:700}

/* Sekiz çözüm yeteneğini yoğun fakat taranabilir kart ızgarasında göster. */
.solution-capabilities{background:#f3f6f8}
.solution-capabilities .section-heading,.solutions-catalog .section-heading{margin-bottom:38px}
.solution-capabilities__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.solution-capability-card{min-height:270px;padding:24px;border:1px solid #dfe4e8;border-radius:21px;background:#fff;box-shadow:0 12px 32px rgba(23,32,59,.055);transition:.22s ease}
.solution-capability-card:hover{transform:translateY(-5px);border-color:rgba(170,17,0,.27);box-shadow:0 20px 45px rgba(23,32,59,.1)}
.solution-capability-card>div{display:flex;align-items:center;justify-content:space-between}
.solution-capability-card>div span{color:#d3d9df;font:800 30px Outfit}
.solution-capability-card>div i{display:grid;width:47px;height:47px;place-items:center;border-radius:14px;background:#fff1ef;color:var(--accent);font-size:19px}
.solution-capability-card h3{margin:34px 0 11px;color:var(--navy);font-size:19px;line-height:1.2}
.solution-capability-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}

/* Çözüm kartı başlık bağlantılarını kartın mevcut tipografi ve kontrastıyla bütünleştir. */
.solution-capability-card h3 a,.solution-sector-card h3 a{color:inherit;text-decoration:none}

/* Çözüm detay bağlantısını açıklamanın altında belirgin ve tutarlı eylem olarak göster. */
.solution-card-link{display:inline-flex;align-items:center;gap:7px;margin-top:19px;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}

/* Kart etkileşiminde detay bağlantısının koyu zeminde okunabilir kalmasını sağla. */
.solution-sector-card:hover .solution-card-link{color:#fff}

/* Sektör kartlarını sekiz kayıt için dengeli ve başlık hiyerarşisi doğru bir düzende yayınla. */
.solutions-catalog{background:#fff}
.solutions-catalog__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.solution-sector-card{position:relative;min-height:245px;padding:25px;border:1px solid #dfe4e8;border-radius:22px;background:#f8fafb;transition:.22s ease}
.solution-sector-card>span{position:absolute;top:17px;right:20px;color:#d6dce1;font:800 28px Outfit}
.solution-sector-card>i{display:grid;width:52px;height:52px;place-items:center;border-radius:15px;background:#17203b;color:#fff;font-size:21px}
.solution-sector-card h3{margin:34px 0 10px;color:var(--navy);font-size:19px}
.solution-sector-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.65}
.solution-sector-card:hover{transform:translateY(-5px);box-shadow:0 19px 44px rgba(23,32,59,.13)}
.solution-sector-card:hover h3,.solution-sector-card:hover p,.solution-sector-card:hover>span{color:#fff}
.solution-sector-card:hover>i{background:var(--accent)}

/* Teslim yaklaşımını koyu zeminde sıralı ve karşılaştırılabilir adımlara dönüştür. */
.solution-delivery{background:linear-gradient(135deg,#10182c,#263454);color:#fff}
.solution-delivery__grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:65px;align-items:start}
.solution-delivery header{position:sticky;top:120px}
.solution-delivery header h2{margin:14px 0;color:#fff;font-size:clamp(34px,4vw,50px);line-height:1.08}
.solution-delivery__steps{display:grid;gap:12px;padding:0;margin:0;list-style:none}
.solution-delivery__steps li{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.055)}
.solution-delivery__steps li>span{display:grid;width:48px;height:48px;place-items:center;border-radius:13px;background:var(--accent);font:800 13px Outfit}
.solution-delivery__steps h3{margin:1px 0 7px;color:#fff;font-size:18px}
.solution-delivery__steps p{margin:0;color:#b9c3d3;font-size:11px;line-height:1.7}

/* Çözümler çağrısında açıklama, başlık ve eylemleri okunaklı kontrastta tut. */
.solutions-cta{background:#f3f6f8}
.solutions-cta__inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:45px;padding:42px 46px;border-radius:26px;background:linear-gradient(135deg,#17203b,#2b3858);box-shadow:0 22px 54px rgba(23,32,59,.16)}
.solutions-cta__inner h2{max-width:760px;margin:10px 0;color:#fff;font-size:clamp(28px,3vw,40px)}
.solutions-cta__inner p{max-width:720px;margin:0;color:#bac4d4;font-size:12px;line-height:1.7}
.solutions-cta__inner>div:last-child{display:flex;gap:10px;flex-wrap:wrap}

/* Çözüm detay içeriğini geniş makale ve sabit karar kartı olarak iki kolona ayır. */
.solution-detail-content{background:#f4f7f9}
.solution-detail-content__grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start}

/* Uzun çözüm makalesini rahat okunan beyaz bir içerik yüzeyinde tut. */
.solution-detail-article{min-width:0;padding:38px;border:1px solid #e0e5e9;border-radius:24px;background:#fff;box-shadow:0 18px 46px rgba(23,32,59,.07)}
.solution-detail-article .service-detail-content__body{max-width:none;margin-bottom:34px}

/* Çözüm makalesindeki SEO başlık ve listelerini taranabilir dikey ritimle düzenle. */
.solution-detail-article .seo-makale section{margin-top:32px;scroll-margin-top:118px}
.solution-detail-article .seo-makale section:first-of-type{margin-top:0}
.solution-detail-article .seo-makale ul{display:grid;gap:10px;padding-left:23px}

/* Çözümün teklif kararını sayfa kaydırmasında görünür kalan yardımcı kartta özetle. */
.solution-detail-aside{position:sticky;top:122px;padding:28px;border-radius:22px;background:linear-gradient(145deg,#121b31,#2a3858);color:#fff;box-shadow:0 22px 54px rgba(23,32,59,.2)}
.solution-detail-aside>span{display:grid;width:58px;height:58px;place-items:center;margin-bottom:24px;border-radius:17px;background:var(--accent);font-size:23px}
.solution-detail-aside small{color:#aeb9cb;font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.solution-detail-aside h2{margin:10px 0 13px;color:#fff;font-size:25px;line-height:1.18}
.solution-detail-aside p{margin:0 0 24px;color:#c2cad7;font-size:12px;line-height:1.75}

/* Karar kartındaki ikincil katalog bağlantısını birincil teklif düğmesinden ayır. */
.solution-detail-aside__back{display:inline-flex;gap:7px;margin-top:18px;color:#fff;font-size:11px;font-weight:800}

/* Çözüm kazanım ve süreç bölümlerini uzun metinden ölçülü boşlukla ayır. */
.solution-detail-benefits{margin-top:34px}
.solution-detail-workflow{margin-top:34px}

/* Çözüm SSS alanının içerik yüzeyiyle aynı açık sayfa akışında devam etmesini sağla. */
.solution-detail-page .content-page-faq{background:#fff}

/* Son çözüm çağrısını SSS alanından sonra dengeli alt boşlukla kapat. */
.solution-detail-cta{padding-top:68px}

/* Proje katalog çağrısını koyu yüzeyle ayırarak beyaz açıklamanın kontrastını düzelt. */
.projects-page .project-catalog-cta{padding:0 0 76px;background:#fff}
.projects-page .project-catalog-cta__inner{padding:42px 46px;border-radius:26px;background:linear-gradient(135deg,#111a31,#293654);box-shadow:0 22px 55px rgba(23,32,59,.16)}
.projects-page .project-catalog-cta__inner h2{color:#fff}
.projects-page .project-catalog-cta__inner p{color:#c5cedc}

/* İletişim kartlarındaki Bootstrap ikonunu mevcut rozet ölçülerinde ortala. */
.contact-page__cards>div>span i{font-size:21px}

/* Orta ekranlarda header deneyim özetini gizleyip içerik kartlarını iki kolona indir. */
@media(max-width:1240px){
  .header-trust{display:none}
  .header-row{grid-template-columns:242px minmax(0,1fr) 170px}
  .header-cta{min-width:170px;padding-inline:15px}
  .solution-capabilities__grid,.solutions-catalog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Tabletlerde görselli ve süreçli iki kolonları tek kolonda okunabilir sıraya getir. */
@media(max-width:991.98px){
  .solutions-overview__grid,.solution-delivery__grid,.solutions-cta__inner,.solution-detail-content__grid{grid-template-columns:1fr}
  .solution-delivery header{position:static}
  .service-catalog--modern .service-catalog__card{min-height:0}
  /* Tablet çözüm detayında karar kartını normal belge akışına döndür. */
  .solution-detail-aside{position:static}
}

/* Telefonlarda yeni slider, katalog ve çözüm bileşenlerini tek kolonlu dokunma düzenine uyarla. */
@media(max-width:767.98px){
  .brand-copy small{letter-spacing:.08em;font-size:6px}
  .header-trust{display:none}
  /* Mobil kare görseli slider yüzeyine sığdırarak bütün kenarlarını görünür tut. */
  .hero-slide__media img{width:100%;height:100%;object-fit:contain;object-position:center}
  .hero-slide:before{background:linear-gradient(90deg,rgba(20,29,51,.98) 0%,rgba(24,34,58,.94) 54%,rgba(24,34,58,.54) 100%)}
  .hero-progress{right:18px;bottom:82px;max-width:calc(100% - 36px);gap:5px}
  .hero-progress button{width:6px;height:6px}
  .hero-progress button.active{width:19px}
  .about-proof__grid{grid-template-columns:1fr}
  .about-proof article{border-right:0;border-bottom:1px solid #dfe5e9}
  .about-proof article:last-child{border-bottom:0}
  .service-catalog--modern{padding:54px 0}
  .service-catalog--modern .service-catalog__grid,.service-catalog--modern .service-catalog__card ul{grid-template-columns:1fr}
  .service-catalog--modern .service-catalog__card{padding:24px}
  .service-catalog--modern .service-catalog__card>p{min-height:0}
  .service-catalog__identity>small{font-size:8px}
  .solutions-overview__grid{gap:34px}
  /* Mobilde çözüm görselini metnin önüne geçmeyecek kısa bölüm yüksekliğinde tut. */
  .solutions-overview__visual{height:240px}
  .solutions-overview__visual figcaption{align-items:flex-start;flex-direction:column;gap:4px}
  .solution-capabilities__grid,.solutions-catalog__grid{grid-template-columns:1fr}
  .solution-capability-card,.solution-sector-card{min-height:0}
  .solution-delivery__grid{gap:28px}
  .solution-delivery__steps li{grid-template-columns:45px 1fr;padding:18px}
  .solution-delivery__steps li>span{width:42px;height:42px}
  .solutions-cta__inner,.projects-page .project-catalog-cta__inner{padding:30px 23px}
  .solutions-cta__inner>div:last-child{align-items:stretch;flex-direction:column}
  .solutions-cta__inner .button{width:100%}
  /* Mobil çözüm makalesinin kart boşluklarını dar ekrana uygun azalt. */
  .solution-detail-article{padding:25px 21px}
}

/* Hamburger düzende gizlenen teklif sütununu kaldırarak marka bağlantısının menü düğmelerini örtmesini engelle. */
@media(max-width:991.98px){
  .header-row{grid-template-columns:minmax(0,1fr) auto}
  .nav-list{justify-content:flex-start}
}

/* Mobil görünümü uygulama benzeri sabit alt menü ve geniş dokunma alanlarıyla sadeleştir. */
@media(max-width:767.98px){
  body{padding-bottom:72px;background:#f4f6f8}
  .topbar{display:none}
  .header-wrap,.header-wrap.is-fixed{top:0;padding:8px}
  .header-row{height:58px;border-radius:16px;box-shadow:0 10px 28px rgba(15,23,43,.18)}
  .header-row:before{display:none}
  .brand-box{height:58px;padding-left:12px}
  .brand-copy{font-size:12px}
  .logo-mark{width:36px;height:36px}
  .nav-pill{height:58px}
  .nav-list{position:fixed;top:74px;right:10px;bottom:82px;left:10px;overflow:auto;padding:12px;border-radius:20px}
  .nav-list>li>a{min-height:48px;padding:14px 15px;font-size:13px}
  .nav-dropdown a{min-height:44px;font-size:12px}
  .mobile-app-dock{position:fixed;right:8px;bottom:8px;left:8px;z-index:1100;display:grid;grid-template-columns:repeat(4,1fr);height:62px;padding:5px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(15,23,43,.96);box-shadow:0 12px 35px rgba(4,10,26,.28);backdrop-filter:blur(15px)}
  .mobile-app-dock a{display:flex;align-items:center;justify-content:center;gap:3px;flex-direction:column;border-radius:13px;color:#8f9bb0;font-size:8px;font-weight:800}
  .mobile-app-dock a i{font-size:17px}
  .mobile-app-dock a.is-active{background:#aa1100;color:#fff}
  .whatsapp-widget{bottom:82px}
  .language-floating-trigger{bottom:154px}
  .back-to-top{bottom:154px}
  .hero,.hero-carousel,.hero-carousel .carousel-inner,.hero-carousel .carousel-item,.hero-slide{height:620px;min-height:620px}
  .hero-content{padding-top:75px;padding-right:8px}
  /* Son mobil katmanda üç satırlı slider başlığının küçük ölçüsünü koru. */
  .hero h1,.hero .hero-title{font-size:clamp(31px,9vw,38px);line-height:1.06}
  .hero-control{display:none}
  .hero-bridge{margin-top:-38px}
  .center-head .section-title{font-size:32px}
  .service-bento{grid-template-columns:1fr;grid-template-rows:auto}
  .service-card.primary{grid-column:auto;grid-row:auto;min-height:auto}
  .project-grid,.home-blog-grid,.blog-page-main .blog__grid{grid-template-columns:1fr}
  .project-grid .project-card:last-child,.home-blog-grid .home-blog-card:last-child{grid-column:auto;max-width:none}
  .project-card{min-height:390px}
  .process-grid{grid-template-columns:1fr}
  .process-step{display:grid;grid-template-columns:76px 1fr;column-gap:16px;text-align:left}
  .process-step .step-num{grid-row:1/3;margin:0}
  .process-step h3,.process-step p{margin-right:0;margin-left:0;text-align:left}
  .local-grid{gap:34px}
  .faq-btn{padding:18px}
  .footer-showcase{grid-template-columns:1fr;padding:38px 24px;border-radius:0 0 24px 24px}
  .footer-showcase__actions{align-items:stretch;flex-direction:column}
  .footer-showcase__actions .btn-accent{width:100%}
  .footer-grid{grid-template-columns:1fr;gap:28px}
  .footer-brand,.footer-grid .footer-col:last-child{grid-column:auto}
  .is-subpage .inner-hero{min-height:390px;padding:145px 0 52px;background-position:58% center}
  .is-subpage .inner-hero h1{font-size:34px}
  .article-hero{min-height:440px;padding:145px 0 52px;background-position:60% center}
  .about-story__grid{gap:38px}
  .about-story__visual{min-height:510px}
  .about-story__visual:before{inset:35px 4% 25px}
  .about-story__portrait{width:88%}
  .about-story__portrait img{height:410px}
  .about-story__experience{top:18px;width:104px;height:104px}
  .about-proof__grid,.about-method__grid{grid-template-columns:1fr}
  .about-proof article{border-right:0;border-bottom:1px solid #dfe5e9}
  .about-proof article:last-child{border-bottom:0}
  .about-method__header{grid-template-columns:1fr;gap:4px}
  .services-brief{padding:50px 0}
  .services-brief__grid{gap:24px}
  .services-brief__map{grid-template-columns:1fr;padding:0}
  .services-brief__map>a:nth-child(even){transform:none}
  .services-brief__core{display:none}
  .service-detail-layout__grid{grid-template-columns:1fr;gap:28px}
  .service-sidebar{position:relative;top:auto;grid-row:1;grid-column:1}
  .service-detail-content,.service-item-detail{grid-row:2;grid-column:1}
  .service-item-grid,.service-benefits{grid-template-columns:1fr}
  .solutions-intro__grid{gap:20px}
  .solution-pillars__grid{grid-template-columns:1fr}
  .blog-page-main .blog-card{min-height:auto}
  .blog-detail-page .article-page__body{width:calc(100% - 18px);padding:26px 20px;margin-top:-32px}
}

/* Hazır yazılım detaylarını ürün türüne göre değişen modern karar sayfası yüzeyinde birleştir. */
.external-project-detail-page{
  --project-detail-accent:#e3382c;
  --project-detail-accent-soft:rgba(227,56,44,.12);
  overflow:hidden;
  background:#f3f5f8;
}

/* Görselli proje manşetini mutlak headerın altında güvenli boşluk ve ferah teknoloji zeminiyle kur. */
body.is-subpage .external-project-detail-page>.project-detail-hero{
  position:relative;
  padding:156px 0 76px!important;
  background:
    radial-gradient(circle at 88% 16%,rgba(227,56,44,.13),transparent 30%),
    radial-gradient(circle at 12% 92%,rgba(87,147,214,.13),transparent 38%),
    linear-gradient(135deg,#f8fbfd 0%,#edf4f9 58%,#fff 100%);
  color:#15213a;
}

/* Manşet arkasına yalnız dekoratif ve düşük kontrastlı teknik çizgiler ekle. */
.project-detail-hero:before{
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(21,33,58,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(21,33,58,.035) 1px,transparent 1px);
  background-size:64px 64px;
  content:"";
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 88%);
}

/* Manşet içeriğini dekoratif zeminin önünde tut. */
.project-detail-hero__shell{
  position:relative;
  z-index:1;
}

/* Ana manşet metni ile ürüne özel görseli dengeli iki kolonda yerleştir. */
.project-detail-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(480px,1.05fr);
  gap:58px;
  align-items:center;
  margin-top:34px;
}

/* Manşet kopyasını tek H1 etrafında sakin dikey ritimle düzenle. */
.project-detail-hero__copy{
  min-width:0;
}

/* Üst etiket ve kategoriyi kısa kırmızı-beyaz bağlam satırında göster. */
.project-detail-hero__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:9px 14px;
  margin-bottom:18px;
}

/* Manşet üst etiketini geniş harf aralığıyla teknik küçük başlık yap. */
.project-detail-hero__meta span{
  color:#ff7067;
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}

/* Ürün kategorisini açık manşette okunabilir kapsül içinde tut. */
.project-detail-hero__meta strong{
  padding:7px 10px;
  border:1px solid rgba(21,33,58,.13);
  border-radius:999px;
  background:rgba(255,255,255,.72);
  color:#526078;
  font-size:10px;
  font-weight:800;
}

/* Arama niyetiyle uyumlu tek H1'i masaüstünde güçlü fakat taşmayan ölçüde göster. */
.project-detail-hero h1{
  max-width:780px;
  margin:0;
  color:#15213a;
  font-size:clamp(38px,4.25vw,64px);
  line-height:1.03;
  letter-spacing:-.035em;
}

/* Manşet açıklamasına uzun içerikte okunabilir satır uzunluğu ver. */
.project-detail-hero__copy>p{
  max-width:720px;
  margin:24px 0 0;
  color:#536178;
  font-size:15px;
  line-height:1.75;
}

/* Demo, indirme ve danışmanlık eylemlerini kırılabilir yatay satırda topla. */
.project-detail-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:28px;
}

/* Manşet eylemlerine ortak geniş dokunma alanı ve ikon hizası ver. */
.project-detail-hero__actions>a{
  display:inline-flex;
  min-height:48px;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px 17px;
  border-radius:12px;
  font-size:12px;
  font-weight:850;
}

/* Canlı demo eylemini açık yüzey ve yumuşak gölgeyle birincil karar düğmesi gibi öne çıkar. */
.project-detail-hero__demo{
  background:#fff;
  color:#111827;
  box-shadow:0 10px 28px rgba(21,33,58,.1);
}

/* Danışmanlık eylemini açık yüzeyde sakin ikinci seçenek olarak göster. */
.project-detail-hero__consult{
  border:1px solid rgba(21,33,58,.14);
  background:rgba(255,255,255,.66);
  color:#15213a;
}

/* Gerçek kapsam sayılarını manşetin altında üç kısa karar kanıtı olarak düzenle. */
.project-detail-hero__facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  overflow:hidden;
  margin:30px 0 0;
  border:1px solid rgba(21,33,58,.1);
  border-radius:15px;
  background:rgba(21,33,58,.1);
}

/* Tek kapsam sayısını yarı saydam açık hücrede dikey göster. */
.project-detail-hero__facts>div{
  display:grid;
  gap:2px;
  padding:15px;
  background:rgba(255,255,255,.82);
}

/* Kapsam sayısını kırmızı vurgulu büyük rakam yap. */
.project-detail-hero__facts dt{
  color:#ff645a;
  font:800 24px/1 Outfit,sans-serif;
}

/* Kapsam açıklamasını küçük ve okunabilir ikincil metinde tut. */
.project-detail-hero__facts dd{
  margin:0;
  color:#6b778d;
  font-size:9px;
  font-weight:750;
  line-height:1.35;
}

/* Ürüne özel görseli tam oranlı, çerçeveli ve derinlikli bir vitrin kartında göster. */
.project-detail-hero__visual{
  position:relative;
  overflow:hidden;
  margin:0;
  border:1px solid rgba(21,33,58,.12);
  border-radius:24px;
  background:#fff;
  box-shadow:0 28px 70px rgba(21,33,58,.17);
}

/* Sloganlı kampanya görselinin hiçbir metnini kesmeden 16:9 oranını koru. */
.project-detail-hero__visual img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:contain;
}

/* Görsel alt bilgisini açık yüzeyde ürün adı ve doğrulama notuyla ayır. */
.project-detail-hero__visual figcaption{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:13px 16px;
  border-top:1px solid rgba(21,33,58,.1);
  color:#15213a;
}

/* Görsel ürün adını dar alanda taşmadan koru. */
.project-detail-hero__visual figcaption span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
  font-weight:800;
}

/* Görsel doğrulama notunu düşük kontrastta göster. */
.project-detail-hero__visual figcaption small{
  flex:0 0 auto;
  color:#6b778d;
  font-size:9px;
}

/* Kontrol ağırlıklı ERP sayfalarında görseli sola, karar metnini sağa al. */
.external-project-detail-page--control .project-detail-hero__copy{
  grid-column:2;
  grid-row:1;
}

/* Kontrol kompozisyonunda ürün görselini ilk kolonda sabitle. */
.external-project-detail-page--control .project-detail-hero__visual{
  grid-column:1;
  grid-row:1;
}

/* İzlenebilirlik ürünlerinde yeşil-mavi saha vurgusunu kırmızı marka tonuyla dengele. */
.external-project-detail-page--trace{
  --project-detail-accent:#1b8c79;
  --project-detail-accent-soft:rgba(27,140,121,.12);
}

/* İzlenebilirlik manşetinde operasyon sahnesine daha geniş alan ayır. */
.external-project-detail-page--trace .project-detail-hero__grid{
  grid-template-columns:minmax(0,.8fr) minmax(560px,1.2fr);
  gap:44px;
}

/* İzlenebilirlik manşetini saha ve kayıt hissi veren yeşil-mavi ışıkla farklılaştır. */
body.is-subpage .external-project-detail-page--trace>.project-detail-hero{
  background:radial-gradient(circle at 85% 10%,rgba(27,140,121,.26),transparent 32%),linear-gradient(135deg,#07131d,#0d2530 60%,#111a24);
}

/* Büyüme ürünlerinde görsel kartı hafif açı ve kırmızı ışıkla kampanya hissine yaklaştır. */
.external-project-detail-page--growth .project-detail-hero__visual{
  transform:rotate(-1.2deg);
  box-shadow:0 35px 90px rgba(227,56,44,.18),0 28px 70px rgba(0,0,0,.42);
}

/* Detay gövdesini açık gri üzerinde okunabilir beyaz içerik kolonuna dönüştür. */
.external-project-detail-page .external-project-detail{
  padding:72px 0!important;
  background:linear-gradient(180deg,#f3f5f8,#fff 48%,#f7f4ef);
}

/* Varsayılan akışta makale ve karar yardımcısını geniş içerik oranıyla ayır. */
.external-project-detail-page .external-project-detail__layout{
  grid-template-columns:minmax(0,1fr) minmax(286px,334px);
  gap:44px;
}

/* Kontrol kompozisyonunda içindekiler ve eylemleri masaüstünde sol kolona taşı. */
.external-project-detail-page--control .external-project-detail__layout{
  grid-template-columns:minmax(286px,334px) minmax(0,1fr);
}

/* Kontrol kompozisyonunda ana makaleyi ikinci kolonda tut. */
.external-project-detail-page--control .external-project-detail-content{
  grid-column:2;
  grid-row:1;
}

/* Kontrol kompozisyonunda sabit yardımcı alanı ilk kolonda göster. */
.external-project-detail-page--control .external-project-detail__aside{
  grid-column:1;
  grid-row:1;
}

/* İzlenebilirlik kompozisyonunda makaleyi tam genişliğe yaklaştırıp yardımcının alta akmasını sağla. */
.external-project-detail-page--trace .external-project-detail__layout{
  grid-template-columns:minmax(0,1fr);
}

/* İzlenebilirlik yardımcısını sabit konumdan çıkarıp üç karar kartı olarak alta yerleştir. */
.external-project-detail-page--trace .external-project-detail__aside{
  position:static;
  grid-template-columns:1fr 1fr;
}

/* Servis tarafından üretilen ürün makalesine bileşenler arası geniş okuma ritmi ver. */
.project-article{
  display:grid;
  gap:34px;
}

/* Makaledeki bütün ana karar bölümlerini beyaz, yuvarlak ve hafif gölgeli yüzeyde birleştir. */
.project-narrative,
.project-workflow,
.project-feature-matrix,
.project-outcomes,
.project-audience,
.project-decision,
.project-scope-note,
.project-article .detail-faq{
  padding:38px;
  border:1px solid #e2e6ec;
  border-radius:24px;
  background:#fff;
  box-shadow:0 18px 48px rgba(15,29,50,.055);
}

/* Bölüm üst başlıklarını içerik metninden ayrı kısa teknik etiket olarak göster. */
.project-section-label{
  display:block;
  margin-bottom:10px;
  color:var(--project-detail-accent);
  font-size:9px;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
}

/* Yeni makale bölümlerindeki ikinci seviye başlıklara tutarlı ölçü ve kaydırma payı ver. */
.project-article section>header>h2,
.project-scope-note>h2{
  scroll-margin-top:126px;
  max-width:760px;
  margin:0;
  color:#101827;
  font-size:clamp(27px,3vw,40px);
  line-height:1.12;
  letter-spacing:-.025em;
}

/* Bölüm başlığı altındaki giriş açıklamasını kısa karar metni olarak sınırla. */
.project-article section>header>p{
  max-width:770px;
  margin:14px 0 0;
  color:#667085;
  font-size:14px;
  line-height:1.75;
}

/* Giriş anlatısını iki dengeli metin kolonunda okut. */
.project-narrative__columns{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:28px;
  margin-top:27px;
}

/* Giriş paragraflarına gereksiz dış boşluk vermeden rahat satır aralığı uygula. */
.project-narrative__columns p{
  margin:0;
  color:#4b5565;
  font-size:15px;
  line-height:1.8;
}

/* Kontrol sayfalarında giriş anlatısını ters renkli yönetim özeti olarak farklılaştır. */
.project-article--control .project-narrative--intro{
  border-color:#111c31;
  background:linear-gradient(145deg,#0d1728,#19243a);
}

/* Koyu kontrol girişindeki başlık ve metinleri yüzeye uygun açık tonlara çek. */
.project-article--control .project-narrative--intro h2,
.project-article--control .project-narrative--intro p{
  color:#fff;
}

/* Operasyon adımlarını masaüstünde iki kolonlu karar akışı olarak düzenle. */
.project-workflow ol{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  padding:0;
  margin:28px 0 0;
  list-style:none;
}

/* Tek süreç adımını numara ve açıklama için iki kolonlu kompakt kart yap. */
.project-workflow li{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:15px;
  padding:20px;
  border:1px solid #e6e9ee;
  border-radius:17px;
  background:#f8fafc;
}

/* Süreç sıra numarasını ürün vurgusuyla kare rozet içinde göster. */
.project-workflow li>span{
  display:grid;
  width:44px;
  height:44px;
  place-items:center;
  border-radius:13px;
  background:var(--project-detail-accent-soft);
  color:var(--project-detail-accent);
  font:800 12px Outfit,sans-serif;
}

/* Süreç adımı başlığını kart içinde kompakt hiyerarşide tut. */
.project-workflow h3{
  margin:1px 0 7px;
  color:#111827;
  font-size:17px;
}

/* Süreç açıklamasını kartın ikincil metni olarak düzenle. */
.project-workflow li p{
  margin:0;
  color:#667085;
  font-size:12px;
  line-height:1.65;
}

/* İzlenebilirlik akışını iki kolon yerine kesintisiz dikey kayıt zinciri yap. */
.project-article--trace .project-workflow ol{
  grid-template-columns:1fr;
  counter-reset:trace-step;
}

/* İzlenebilirlik adımlarında bağlantılı sol çizgiyi görünür kıl. */
.project-article--trace .project-workflow li{
  position:relative;
  grid-template-columns:64px minmax(0,1fr);
  border-color:rgba(27,140,121,.2);
  background:#f5fbf9;
}

/* Özellik matrisini iki kolonlu açılır modül kartları olarak kur. */
.project-feature-matrix__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:27px;
}

/* Tek özellik grubunu yumuşak çerçeveli yerel akordeon kartına dönüştür. */
.project-feature-matrix details{
  align-self:start;
  overflow:hidden;
  border:1px solid #e1e6ed;
  border-radius:16px;
  background:#f9fafb;
}

/* Özellik grubu özetini numara, başlık, adet ve açma işaretiyle hizala. */
.project-feature-matrix summary{
  display:grid;
  min-height:72px;
  grid-template-columns:34px minmax(0,1fr) auto 24px;
  align-items:center;
  gap:10px;
  padding:15px;
  cursor:pointer;
  list-style:none;
}

/* Tarayıcının varsayılan details işaretini özel ikon lehine gizle. */
.project-feature-matrix summary::-webkit-details-marker{
  display:none;
}

/* Özellik grubu sıra numarasını kısa teknik rozet yap. */
.project-feature-matrix summary>span{
  color:var(--project-detail-accent);
  font-size:10px;
  font-weight:900;
}

/* Özellik grubu başlığını dar alanda okunabilir tut. */
.project-feature-matrix summary>strong{
  color:#172033;
  font-size:13px;
  line-height:1.35;
}

/* Özellik adetini başlıktan düşük kontrastlı yardımcı bilgi yap. */
.project-feature-matrix summary>small{
  color:#8490a1;
  font-size:9px;
  white-space:nowrap;
}

/* Akordeon açma simgesini kare çerçevede ortala. */
.project-feature-matrix summary>i{
  display:grid;
  width:24px;
  height:24px;
  place-items:center;
  border-radius:8px;
  background:#e9edf2;
  color:#27344a;
  font-style:normal;
  transition:transform .2s ease;
}

/* Açık özellik grubunun simgesini çarpıya dönüştürmek için döndür. */
.project-feature-matrix details[open] summary>i{
  transform:rotate(45deg);
}

/* Açık modülün özelliklerini iki kolonlu işaretli listede göster. */
.project-feature-matrix details ul{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px 18px;
  padding:18px 20px 21px 36px;
  margin:0;
  border-top:1px solid #e4e8ee;
  background:#fff;
}

/* Modül özelliklerini kısa ve rahat okunur metin ölçüsünde tut. */
.project-feature-matrix details li{
  color:#536073;
  font-size:11px;
  line-height:1.55;
}

/* Kontrol kompozisyonunda modül kartlarını geniş tek kolonlu panel biçimine getir. */
.project-article--control .project-feature-matrix__grid{
  grid-template-columns:1fr;
}

/* İşletme sonuçlarını dört kartlık iki kolonlu karar alanında göster. */
.project-outcomes__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:27px;
}

/* Tek sonuç kartını numara, güçlü başlık ve açıklama için dikey düzenle. */
.project-outcomes article{
  min-height:188px;
  padding:23px;
  border-radius:18px;
  background:linear-gradient(145deg,#111c31,#202d46);
  color:#fff;
}

/* Sonuç sıra numarasını ürün vurgusuyla küçük göster. */
.project-outcomes article>span{
  color:#ff695f;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
}

/* Sonuç başlığını ters yüzeyde belirgin tut. */
.project-outcomes h3{
  margin:21px 0 9px;
  color:#fff;
  font-size:20px;
}

/* Sonuç açıklamasını koyu kartta sakin açık tona çevir. */
.project-outcomes article p{
  margin:0;
  color:#aeb9ca;
  font-size:12px;
  line-height:1.7;
}

/* Hedef işletme profillerini hızlı taranan iki kolonlu liste yap. */
.project-audience ul{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  padding:0;
  margin:27px 0 0;
  list-style:none;
}

/* Tek hedef profili numara ve güçlü metinle açık yüzeyde göster. */
.project-audience li{
  display:flex;
  min-height:76px;
  align-items:center;
  gap:14px;
  padding:17px;
  border:1px solid #e5e8ed;
  border-radius:15px;
  background:#fafbfc;
}

/* Hedef profil numarasını marka vurgusunda sabit genişlikte tut. */
.project-audience li>span{
  color:var(--project-detail-accent);
  font-size:10px;
  font-weight:900;
}

/* Hedef profil adını okunabilir satır yüksekliğinde göster. */
.project-audience li>strong{
  color:#202b3d;
  font-size:12px;
  line-height:1.45;
}

/* Satın alma ölçütlerini masaüstünde üç eşit kartta karşılaştır. */
.project-decision__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:26px;
}

/* Tek karar ölçütünü çerçeveli, numaralı kısa danışmanlık kartı yap. */
.project-decision__grid article{
  padding:21px;
  border:1px solid #e2e6ec;
  border-radius:16px;
  background:#fff;
}

/* Karar sıra numarasını ürüne özel vurgu renginde göster. */
.project-decision__grid article>span{
  color:var(--project-detail-accent);
  font-size:10px;
  font-weight:900;
}

/* Karar kartı başlığını dengeli iki satıra izin verecek ölçüde tut. */
.project-decision__grid h3{
  margin:18px 0 8px;
  color:#172033;
  font-size:17px;
}

/* Karar kartı açıklamasını kısa danışmanlık metni olarak düzenle. */
.project-decision__grid p{
  margin:0;
  color:#697586;
  font-size:11px;
  line-height:1.65;
}

/* Büyüme kompozisyonunda seçim rehberini koyu dönüşüm paneli olarak öne al. */
.project-article--growth .project-decision{
  border-color:#111c31;
  background:linear-gradient(135deg,#0d1728,#202c45);
}

/* Koyu büyüme rehberinin başlık ve giriş metinlerini açık tona çevir. */
.project-article--growth .project-decision>header h2,
.project-article--growth .project-decision>header p{
  color:#fff;
}

/* Kapsam notunu ürün vurgulu sol sınır ve yumuşak yüzeyle ayır. */
.project-scope-note{
  border-left:5px solid var(--project-detail-accent);
  background:linear-gradient(135deg,var(--project-detail-accent-soft),#fff 56%);
}

/* Kapsam notu açıklamasına rahat satır ve sınırlı genişlik ver. */
.project-scope-note>p{
  max-width:820px;
  margin:16px 0 0;
  color:#5c6879;
  font-size:13px;
  line-height:1.75;
}

/* Yeni SSS bölümündeki genel eski üst sınırı kaldırıp kart yapısını koru. */
.project-article .detail-faq{
  margin:0;
  border-top:1px solid #e2e6ec;
}

/* SSS listesini bölüm başlığından dengeli aralıkla ayır. */
.project-article .detail-faq .faq-list{
  margin-top:22px;
}

/* SSS satırlarını bağımsız yuvarlak soru kartlarına dönüştür. */
.project-article .detail-faq details{
  margin-top:9px;
  border:1px solid #e3e7ed;
  border-radius:14px;
  background:#fafbfc;
}

/* SSS soru satırına geniş dokunma alanı ve dengeli padding ver. */
.project-article .detail-faq summary{
  padding:17px 19px;
  font-size:13px;
}

/* SSS cevabını soru satırından ince sınırla ayır. */
.project-article .detail-faq details>div{
  padding:16px 19px 18px;
  border-top:1px solid #e5e8ed;
}

/* SSS cevabındaki paragrafın varsayılan boşluğunu kaldır. */
.project-article .detail-faq details>div p{
  padding:0;
  margin:0;
  font-size:12px;
  line-height:1.7;
}

/* Yardımcı karar kutularını beyaz yüzey, daha geniş radius ve belirgin gölgeyle yenile. */
.external-project-detail-page .external-project-detail__toc,
.external-project-detail-page .external-project-detail__programs,
.external-project-detail-page .external-project-detail__contact{
  padding:23px;
  border-color:#dfe4eb;
  border-radius:18px;
  background:#fff;
  box-shadow:0 15px 38px rgba(15,29,50,.06);
}

/* İçindekiler bağlantılarında uzun benzersiz başlıkların rahat satır kırmasını sağla. */
.external-project-detail-page .external-project-detail__toc a{
  padding:11px 0;
  font-size:11px;
  line-height:1.45;
}

/* Kontrol kompozisyonundaki içindekiler kutusunu koyu yönetim paneline dönüştür. */
.external-project-detail-page--control .external-project-detail__toc{
  border-color:#101b30;
  background:#101b30;
}

/* Koyu kontrol menüsündeki etiket ve bağlantıları okunabilir açık tonlarda göster. */
.external-project-detail-page--control .external-project-detail__toc>span,
.external-project-detail-page--control .external-project-detail__toc a{
  color:#fff;
}

/* Koyu kontrol menüsündeki bağlantı ayırıcılarını düşük kontrastta tut. */
.external-project-detail-page--control .external-project-detail__toc a{
  border-color:rgba(255,255,255,.1);
}

/* İlişkili ürün bölümünü açık gri SEO iç bağlantı vitrini olarak ayır. */
.external-project-detail-page .external-related-projects{
  padding:72px 0!important;
  background:#edf1f5;
}

/* İlişkili ürün kartlarını görsel ve metni taşıyan modern vitrin kutusuna dönüştür. */
.external-project-detail-page .external-related-projects__grid article{
  overflow:hidden;
  padding:0;
  border-color:#dce2e9;
  border-radius:20px;
  box-shadow:0 16px 40px rgba(15,29,50,.07);
}

/* İlişkili ürün görselini tam genişlikte sabit 16:9 oranında göster. */
.external-related-projects__image{
  display:block;
  overflow:hidden;
  aspect-ratio:16/9;
  background:#101827;
}

/* İlişkili görseli karta doldurup üzerine gelindiğinde hafif yakınlaştır. */
.external-related-projects__image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .3s ease;
}

/* İlişkili kart üzerine gelindiğinde görseli sakin biçimde büyüt. */
.external-related-projects__grid article:hover .external-related-projects__image img{
  transform:scale(1.035);
}

/* İlişkili ürün metinlerini görselin altında ortak iç boşlukta düzenle. */
.external-related-projects__grid article>div{
  display:flex;
  min-height:270px;
  flex:1 1 auto;
  flex-direction:column;
  padding:23px;
}

/* İlişkili ürün kategorisini kısa kırmızı etiket olarak göster. */
.external-related-projects__grid article>div>span{
  margin-bottom:10px;
  color:var(--accent-dark);
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

/* İlişkili kart açıklamasını belirli satırda tutarak kart yüksekliklerini dengele. */
.external-related-projects__grid article>div>p{
  display:-webkit-box;
  overflow:hidden;
  flex:1 1 auto;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
}

/* İlişkili kartın son yerel bağlantısını kırmızı ve güçlü metinle alta sabitle. */
.external-related-projects__grid article>div>a{
  color:var(--accent-dark);
  font-weight:850;
}

/* Tabletlerde proje manşeti, makale ve yardımcı karar alanını tek kolona indir. */
@media(max-width:1100px){
  .project-detail-hero__grid,
  .external-project-detail-page--trace .project-detail-hero__grid{
    grid-template-columns:1fr;
  }

  /* Kontrol manşetinde mobil akış için metni görselin yeniden önüne getir. */
  .external-project-detail-page--control .project-detail-hero__copy,
  .external-project-detail-page--control .project-detail-hero__visual{
    grid-column:1;
  }

  /* Kontrol manşetinde metni ilk satırda göster. */
  .external-project-detail-page--control .project-detail-hero__copy{
    grid-row:1;
  }

  /* Kontrol manşetinde görseli metnin altına taşı. */
  .external-project-detail-page--control .project-detail-hero__visual{
    grid-row:2;
  }

  /* Tablet detayında bütün varyantların makale ve yardımcı alanını tek kolona indir. */
  .external-project-detail-page .external-project-detail__layout,
  .external-project-detail-page--control .external-project-detail__layout{
    grid-template-columns:1fr;
  }

  /* Kontrol varyantında ana makaleyi normal belge akışına döndür. */
  .external-project-detail-page--control .external-project-detail-content{
    grid-column:1;
    grid-row:1;
  }

  /* Bütün varyantlarda yardımcı alanı makalenin altında iki kolonlu düzene getir. */
  .external-project-detail-page .external-project-detail__aside,
  .external-project-detail-page--control .external-project-detail__aside{
    position:static;
    grid-column:1;
    grid-row:2;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* Telefonlarda SEO içeriğini uygulama benzeri tek kolonlu, geniş dokunma alanlı düzene çevir. */
@media(max-width:767.98px){
  body.is-subpage .external-project-detail-page>.project-detail-hero{
    padding:106px 0 48px!important;
  }

  /* Mobil manşette üst boşluğu ve kopya-görsel aralığını kompaktlaştır. */
  .project-detail-hero__grid{
    gap:30px;
    margin-top:22px;
  }

  /* Mobil H1 boyutunu uzun SEO başlıklarında taşma üretmeyecek aralıkta tut. */
  .project-detail-hero h1{
    font-size:clamp(31px,9.4vw,43px);
    line-height:1.06;
  }

  /* Mobil manşet açıklamasını daha kısa satır ve dengeli ölçüde göster. */
  .project-detail-hero__copy>p{
    font-size:13px;
    line-height:1.65;
  }

  /* Mobil eylemleri tam genişlikte kolay dokunulan düğmelere dönüştür. */
  .project-detail-hero__actions{
    display:grid;
    grid-template-columns:1fr;
  }

  /* Manşetteki bütün eylemleri telefon genişliğine yay. */
  .project-detail-hero__actions>a{
    width:100%;
  }

  /* Kapsam kanıtlarını mobilde üç eşit fakat kompakt hücrede koru. */
  .project-detail-hero__facts>div{
    padding:12px 9px;
  }

  /* Mobil kapsam rakamını kart yüksekliğini artırmadan küçült. */
  .project-detail-hero__facts dt{
    font-size:20px;
  }

  /* Mobil görsel kartında açı efektini kaldırarak ekran dışı taşmayı önle. */
  .external-project-detail-page--growth .project-detail-hero__visual{
    transform:none;
  }

  /* Mobil detay gövdesine daha kısa dış boşluk uygula. */
  .external-project-detail-page .external-project-detail,
  .external-project-detail-page .external-related-projects{
    padding:48px 0!important;
  }

  /* Bütün makale kartlarının telefon iç boşluğunu kompaktlaştır. */
  .project-narrative,
  .project-workflow,
  .project-feature-matrix,
  .project-outcomes,
  .project-audience,
  .project-decision,
  .project-scope-note,
  .project-article .detail-faq{
    padding:25px 20px;
    border-radius:19px;
  }

  /* Telefonlarda iki ve üç kolonlu bütün karar bileşenlerini tek kolona indir. */
  .project-narrative__columns,
  .project-workflow ol,
  .project-feature-matrix__grid,
  .project-feature-matrix details ul,
  .project-outcomes__grid,
  .project-audience ul,
  .project-decision__grid,
  .external-project-detail-page .external-project-detail__aside,
  .external-project-detail-page--trace .external-project-detail__aside{
    grid-template-columns:1fr;
  }

  /* Mobil özellik özeti içinde adet metnini gizleyerek başlığa daha fazla alan bırak. */
  .project-feature-matrix summary>small{
    display:none;
  }

  /* Mobil özellik özetini adet kolonu olmadan yeniden tanımla. */
  .project-feature-matrix summary{
    grid-template-columns:30px minmax(0,1fr) 24px;
  }

  /* Mobil giriş metin kolonları arasındaki boşluğu doğal paragraf ritmine indir. */
  .project-narrative__columns{
    gap:16px;
  }

  /* Mobil süreç kartlarında numara sütununu daha kompakt tut. */
  .project-workflow li,
  .project-article--trace .project-workflow li{
    grid-template-columns:42px minmax(0,1fr);
    padding:17px;
  }

  /* Mobil süreç numarası rozetini dar kart genişliğine uyarla. */
  .project-workflow li>span{
    width:38px;
    height:38px;
  }

  /* Mobil ilişkili ürün kartının metin alanındaki gereksiz minimum yüksekliği azalt. */
  .external-related-projects__grid article>div{
    min-height:0;
  }
}

/* Dijital sahiplik bölümünü üstte ve altta eşit elli piksel boşlukla konumlandır. */
.ownership-section{padding:50px 0;background:#fff}

/* Bölüm kabuğunu çizgi, gölge ve koyu yüzey kullanmadan doğal sayfa akışında tut. */
.ownership-shell{color:var(--navy)}

/* Bölüm etiketini dar solda, başlık ile açıklamayı geniş sağ kolonda birleştir. */
.ownership-header{display:grid;grid-template-columns:240px minmax(0,1fr);gap:62px;align-items:start;padding:48px 0 42px}

/* Bölüm etiketini standart marka kırmızısıyla açık zeminde göster. */
.ownership-eyebrow{color:var(--accent)}

/* Ana sahiplik başlığını sağ kolonda daha ölçülü ve doğal satır uzunluğunda tut. */
.ownership-copy h2{max-width:900px;margin:0;font:800 clamp(36px,3.4vw,50px)/1.08 Outfit;color:var(--navy);letter-spacing:-.03em}

/* Giriş açıklamasını başlığın hemen altında aynı okuma hattında göster. */
.ownership-lead{max-width:790px;margin:20px 0 0;font-size:15px;line-height:1.8;color:#657084}

/* Teslim sözü ile kontrol listesini tek ve açık renkli belge yüzeyinde birleştir. */
.ownership-main{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);overflow:hidden;border:1px solid #dfe4ea;border-radius:18px;background:#fff}

/* Teslim sözünü sıcak nötr zeminde sade bir belge özeti olarak ayır. */
.ownership-promise{display:flex;flex-direction:column;align-items:flex-start;padding:48px 42px;border-right:1px solid #dfe4ea;background:#f5f2ed}

/* Belge ikonunu küçük ve ölçülü bir kurumsal işaret olarak göster. */
.ownership-promise>i{display:grid;width:46px;height:46px;place-items:center;margin-bottom:54px;border:1px solid #d9d4cd;border-radius:50%;background:#fff;color:var(--accent);font-size:20px}

/* Teslim sözü etiketini belge başlığına benzer küçük büyük harflerle yaz. */
.ownership-promise small{display:block;margin-bottom:13px;color:#817b72;font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}

/* Teslim sözünü kart sloganı yerine okunaklı bir alıntı ölçüsünde tut. */
.ownership-promise strong{display:block;max-width:350px;color:var(--navy);font:700 clamp(23px,2.1vw,31px)/1.35 Outfit}

/* Kontrol listesinin çevresinde belge düzenine uygun eşit iç boşluk bırak. */
.ownership-proof{padding:39px 46px 30px;background:#fff}

/* Kontrol listesi etiketini ana metinden küçük kırmızı bir üst başlıkla ayır. */
.ownership-proof__label{display:block;margin-bottom:9px;color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}

/* Sahiplik haklarını kart kullanmadan iki sütunlu numaralı bir listeye yerleştir. */
.ownership-list{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;margin:0;padding:0;list-style:none}

/* Her hakkı yalnız ince üst çizgi ve numarayla komşu maddeden ayır. */
.ownership-list li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;min-height:116px;padding:21px 0;border-top:1px solid #e4e8ed;background:transparent}

/* Liste numarasını teknik belge hissi veren küçük kırmızı metin olarak göster. */
.ownership-list__number{padding-top:2px;color:var(--accent);font:800 10px/1.3 Outfit;letter-spacing:.08em}

/* Hak başlıklarını açık zeminde güçlü fakat kompakt biçimde göster. */
.ownership-list strong{display:block;margin:0 0 7px;color:var(--navy);font:700 15px/1.35 Outfit}

/* Hak açıklamalarını küçük ölçüde de rahat okunacak nötr tonda tut. */
.ownership-list small{display:block;color:#737e90;font-size:10.5px;line-height:1.65}

/* Üç temel ilkeyi tek satırlık ince ayraçlı bilgi bandına dönüştür. */
.ownership-pillars{display:grid;grid-template-columns:repeat(3,1fr);margin-top:28px;border-top:1px solid #dfe4ea;border-bottom:1px solid #dfe4ea}

/* Tek ilkeyi işaret ve metin olarak sade iki parçalı düzende göster. */
.ownership-pillars article{display:flex;gap:15px;padding:25px 28px;border-right:1px solid #dfe4ea;background:#fff}

/* Son ilkenin sağındaki gereksiz dış ayırıcıyı kaldır. */
.ownership-pillars article:last-child{border-right:0}

/* İlke işaretini dekoratif ikon yerine kısa kırmızı çizgi olarak kullan. */
.ownership-pillars article>span{flex:0 0 22px;width:22px;height:2px;margin-top:9px;background:var(--accent)}

/* İlke başlıklarını bilgi bandında ölçülü bir vurguya dönüştür. */
.ownership-pillars h3{margin:0 0 6px;color:var(--navy);font:700 16px Outfit}

/* İlke açıklamalarını bölümün nötr metin paletiyle eşleştir. */
.ownership-pillars p{margin:0;color:#737e90;font-size:10.5px;line-height:1.65}

/* Kapanış mesajı ile eylemi açık zeminde dengeli iki uca yerleştir. */
.ownership-closing{display:flex;align-items:center;justify-content:space-between;gap:34px;padding-top:34px}

/* Kapanış metnini birbirini tamamlayan iki satır halinde göster. */
.ownership-closing>div{display:flex;flex-direction:column;gap:6px}

/* Değişebilen tedarikçi cümlesini ikincil metin hiyerarşisinde tut. */
.ownership-closing span{color:#737e90;font-size:12px;line-height:1.5}

/* Kalıcı proje sahipliği cümlesini koyu başlık rengiyle vurgula. */
.ownership-closing strong{color:var(--navy);font:700 18px/1.4 Outfit}

/* Teklif bağlantısını yuvarlak olmayan, sabit dil düğmesinden uzak duran kurumsal bir kontrol olarak tasarla. */
.ownership-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;margin-right:76px;padding:12px 18px;border:1px solid var(--navy);border-radius:4px;color:var(--navy);font-size:11px;font-weight:800;transition:background .2s ease,color .2s ease,border-color .2s ease}

/* Teklif bağlantısına sade koyu dolgu geri bildirimi ver. */
.ownership-button:hover{border-color:var(--navy);background:var(--navy);color:#fff}

/* Tabletlerde etiket sütununu daraltıp belge alanını tek kolona indir. */
@media (max-width:991.98px){.ownership-header{grid-template-columns:180px minmax(0,1fr);gap:34px}.ownership-main{grid-template-columns:1fr}.ownership-promise{border-right:0;border-bottom:1px solid #dfe4ea}.ownership-promise>i{margin-bottom:32px}.ownership-pillars article{padding-inline:20px}}

/* Telefonlarda etiket, başlık ve bütün sahiplik içeriklerini tek kolonda sun. */
@media (max-width:575.98px){.ownership-section{padding:50px 0}.ownership-header{grid-template-columns:1fr;gap:22px;padding:38px 0 32px}.ownership-copy h2{font-size:36px}.ownership-lead{margin-top:16px;font-size:13.5px;line-height:1.75}.ownership-main{border-radius:12px}.ownership-promise{padding:32px 24px}.ownership-promise strong{font-size:24px}.ownership-proof{padding:28px 24px 16px}.ownership-list{grid-template-columns:1fr}.ownership-list li{min-height:auto}.ownership-pillars{grid-template-columns:1fr}.ownership-pillars article{border-right:0;border-bottom:1px solid #dfe4ea;padding:21px 6px}.ownership-pillars article:last-child{border-bottom:0}.ownership-closing{align-items:flex-start;flex-direction:column;padding-top:28px}.ownership-button{width:calc(100% - 68px);margin-right:68px}}

/* Teklif çağrısının kırmızı yüzeyini header sütununun tamamına boşluksuz yay. */
@media(min-width:1251px){
  .header-row{grid-template-columns:278px minmax(0,1fr) 204px}

  /* Dar kırmızı yüzeyi eğimli başlangıçla menüye bağlayıp ayrı panel etkisini kaldır. */
  .header-cta{align-self:stretch;height:78px;min-width:0;margin:0;padding:0 14px 0 27px;justify-content:space-between;gap:10px;border:0;border-radius:0 0 18px 0;background:var(--accent);box-shadow:none;color:#fff;clip-path:polygon(16px 0,100% 0,100% 100%,0 100%);overflow:hidden}

  /* Önceki dekoratif şeridi kaldırarak yüzeyi temiz bırak. */
  .header-cta:before{content:none}

  /* Bilgi satırı ile eylem adını kompakt ve tek bakışta okunur tut. */
  .header-cta>span{font:800 13px/1.15 Outfit;letter-spacing:-.01em;color:#fff}
  .header-cta small{margin-bottom:4px;color:rgba(255,255,255,.72);font:700 7.5px/1 Inter;letter-spacing:.07em;white-space:nowrap}

  /* Oku büyük daire yerine küçük ve net bir eylem işareti olarak göster. */
  .header-cta>i{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border:0;border-radius:9px;background:#fff;color:var(--accent);font-size:13px;transition:background-color .2s ease,color .2s ease,transform .2s ease}

  /* Etkileşimde yalnızca çerçeve ve ikon üzerinden ölçülü geri bildirim ver. */
  .header-cta:hover{border-color:#8f0e00;background:#8f0e00;color:#fff}
  .header-cta:hover>i{background:var(--navy);color:#fff;transform:translate(1px,-1px)}
}

/* Ara masaüstünde deneyim rozeti ile son menü bağlantısının üst üste gelmesini önle. */
@media(min-width:1251px) and (max-width:1340px){
  .header-trust{display:none}
}

/* Orta masaüstünde kırmızı yüzeyi yine boşluksuz tutarak yalnızca iç ölçüleri daralt. */
@media(min-width:992px) and (max-width:1250px){
  .header-row{grid-template-columns:242px minmax(0,1fr) 176px}

  /* Dar masaüstünde eğimli kırmızı yüzeyi menüye yer bırakacak ölçüde kullan. */
  .header-cta{display:flex;align-self:stretch;height:78px;min-width:0;margin:0;padding:0 11px 0 23px;justify-content:space-between;gap:7px;border:0;border-radius:0 0 18px 0;background:var(--accent);box-shadow:none;color:#fff;clip-path:polygon(13px 0,100% 0,100% 100%,0 100%);overflow:hidden}

  /* Dekoratif şeridi bu ekran aralığında da tamamen kaldır. */
  .header-cta:before{content:none}

  /* İki satırlı metni dar alanda taşmadan okunabilir tut. */
  .header-cta>span{font:800 12px/1.15 Outfit;color:#fff}
  .header-cta small{margin-bottom:4px;color:rgba(255,255,255,.72);font:700 7px/1 Inter;letter-spacing:.045em;white-space:nowrap}

  /* İkonu metni sıkıştırmayacak kompakt kare yüzeyde göster. */
  .header-cta>i{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;border:0;border-radius:8px;background:#fff;color:var(--accent);font-size:12px;transition:background-color .2s ease,color .2s ease,transform .2s ease}

  /* Orta masaüstünde de aynı ölçülü etkileşim dilini kullan. */
  .header-cta:hover{border-color:#8f0e00;background:#8f0e00;color:#fff}
  .header-cta:hover>i{background:var(--navy);color:#fff;transform:translate(1px,-1px)}

  /* Bu genişlikte menü bağlantılarına yer açmak için deneyim özetini gizle. */
  .header-trust{display:none}
}

/* Tablet headerında görünmeyen teklif sütununu kaldırıp mobil menüye bütün kalan alanı bırak. */
@media(max-width:991.98px){
  .header-row{grid-template-columns:220px minmax(0,1fr)}
  .header-cta{display:none}
}

/* Telefon headerında marka ile menü kontrollerini iki doğal sütunda tut. */
@media(max-width:767.98px){
  .header-row{grid-template-columns:minmax(0,1fr) auto}
}