:root{--blue:#006eff;--blue2:#58a6ff;--dark:#071018;--dark2:#03070b;--text:#111722;--muted:#5b6472;--line:#e6ebf1;--bg:#f6f8fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Inter,Arial,sans-serif;color:var(--text);background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1320px,90vw);margin:auto}.topbar{background:#050a0e;color:#fff;position:sticky;top:0;z-index:50;box-shadow:0 10px 30px rgba(0,0,0,.18)}.topline{height:24px;display:flex;justify-content:space-between;align-items:center;padding:0 6.2vw;font-size:12px}.quick{display:flex;gap:14px;align-items:center}.quick span{width:1px;height:12px;background:#6b7178}.navbar{height:66px;display:flex;align-items:center;padding:0 4.2vw;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.06);gap:28px}.brand img{width:150px}.menu{margin-left:auto;display:flex;align-items:center;gap:27px;font-size:13px;font-weight:800;letter-spacing:.3px}.menu a{opacity:.88;position:relative;white-space:nowrap}.menu a:hover,.menu a.active{opacity:1;color:#fff}.menu a.active:after{content:"";position:absolute;height:3px;background:var(--blue);left:15%;right:15%;bottom:-23px}.btn-nav{background:linear-gradient(135deg,#0274ff,#0054c8);padding:16px 30px;font-size:13px;font-weight:800;border-radius:2px;margin-left:10px;color:#fff}.hamb{display:none}.hero{min-height:350px;position:relative;background:#080d12;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,12,.96) 0%,rgba(5,8,12,.84) 31%,rgba(5,8,12,.10) 72%),url(hero-bg.jpg) center/cover no-repeat;filter:saturate(1.05)}.hero-content{position:relative;z-index:1;padding:50px 0 45px 5.2vw;color:#fff}.eyebrow,.section-label{font-size:13px;font-weight:800;color:var(--blue);letter-spacing:.4px}.eyebrow span{display:inline-block;width:12px;height:2px;background:var(--blue);vertical-align:middle;margin-right:8px}.hero h1{margin:18px 0 12px;font-size:40px;line-height:1.15;font-weight:800;letter-spacing:-1px;max-width:690px}.hero h1 em{font-style:normal;color:#a9d2ff}.lead{font-size:18px;margin:0 0 30px}.lead strong{color:var(--blue)}.hero-features{display:flex;gap:48px;flex-wrap:wrap}.hero-features div{display:grid;grid-template-columns:54px auto;column-gap:14px;align-items:center}.hero-features i{grid-row:1/3;width:54px;height:54px;border:1.5px solid var(--blue);border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal;font-size:22px}.hero-features b{font-size:12px}.hero-features small{font-size:12px;line-height:1.7;color:#fff}.about{padding:44px 4.3vw 38px;display:grid;grid-template-columns:32% 31% 1fr;gap:50px;align-items:center}.about-img img{width:100%;height:313px;object-fit:cover}.about-text h2,.split h2,.cards h2,.dark h2,.contact h2,.page-title h1{font-size:26px;line-height:1.35;margin:14px 0 24px;letter-spacing:-.5px}.about-text p:not(.section-label),.split p,.dark p,.contact p,.page-title p{font-size:13px;line-height:1.9;color:#3d4652}.outline{margin-top:22px;display:inline-flex;align-items:center;gap:22px;border:1px solid #111;padding:14px 24px;font-size:12px;font-weight:800}.outline span{font-size:22px;line-height:0}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.service-grid article{min-height:113px;border-bottom:1px solid #dde2e8;padding:18px 0 15px;display:grid;grid-template-columns:48px 1fr}.service-grid .ico{color:var(--blue);font-size:28px}.service-grid h3{font-size:15px;line-height:1.25;margin:0 0 10px}.service-grid p{grid-column:2;color:#3e4652;line-height:1.7;font-size:12px;margin:0}.stats{background:linear-gradient(90deg,rgba(4,9,13,.97),rgba(7,18,27,.96)),url(stats-bg.jpg) center/cover no-repeat;color:#fff;display:grid;grid-template-columns:repeat(4,1fr);padding:48px 5vw;gap:30px}.stat{display:grid;grid-template-columns:72px 1fr;gap:22px;border-right:1px solid rgba(255,255,255,.12);padding-right:26px}.stat:last-child{border-right:0}.stat i{width:72px;height:72px;border:1px solid rgba(0,110,255,.5);border-radius:50%;display:grid;place-items:center;color:var(--blue);font-style:normal;font-size:28px}.stat strong{font-size:32px;display:block;line-height:1}.stat b{display:block;margin:8px 0;font-size:15px}.stat p{margin:0;color:#d7dee8;font-size:13px;line-height:1.6}.dark{background:#070d13;color:#fff;padding:70px 8vw;text-align:center}.dark h2{font-size:34px;max-width:780px;margin:10px auto 18px}.dark p{color:#c5d0dc;max-width:850px;margin:auto}.process{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:34px}.process span{border:1px solid rgba(255,255,255,.18);padding:13px 20px;border-radius:40px;background:rgba(255,255,255,.04);font-weight:800;font-size:13px}.cards{padding:70px 5vw;background:#f6f8fb}.cards h2{text-align:center;font-size:34px}.cards .section-label{text-align:center}.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:34px}.cards-grid article,.info-card{background:#fff;padding:28px;min-height:190px;border:1px solid #e6ebf1;box-shadow:0 18px 40px rgba(8,20,32,.06);transition:.25s}.cards-grid article:hover,.info-card:hover{transform:translateY(-5px);box-shadow:0 24px 48px rgba(8,20,32,.10)}.cards-grid h3,.info-card h3{margin:0 0 14px;font-size:18px}.cards-grid p,.info-card p{color:#596473;line-height:1.7;font-size:14px}.mini-services{padding:66px 5vw;background:#f6f8fb}.mini-services .cards-grid a{display:block}.brand-strip{background:#071018;color:#fff;padding:50px 5vw;text-align:center}.brand-logos{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:28px}.brand-logos span{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.04);border-radius:4px;padding:16px 28px;font-weight:800;color:#dfe8f4}.contact{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:70px 7vw}.contact-box{background:#071018;color:#fff;padding:34px}.contact-box p{color:#dbe3ec}.contact-box b{color:#fff}.contact-box a{color:#fff}.footer{background:#03070a;color:#aab4c0;padding:36px 5vw;font-size:13px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:28px;max-width:1320px;margin:auto}.footer img{width:150px;margin-bottom:16px}.footer h4{color:#fff;margin:0 0 14px}.footer a,.footer p{display:block;color:#aab4c0;margin:0 0 8px;line-height:1.7}.copy{text-align:center;border-top:1px solid rgba(255,255,255,.08);margin-top:30px;padding-top:20px}.page-hero{background:linear-gradient(90deg,rgba(5,8,12,.96),rgba(5,8,12,.84)),url(hero-bg.jpg) center/cover;color:#fff;padding:82px 5vw}.page-hero h1{font-size:44px;line-height:1.15;margin:12px 0;max-width:900px}.page-hero p{max-width:760px;color:#d7e0eb;line-height:1.8}.split{padding:72px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.visual-box{min-height:360px;border-radius:6px;background:linear-gradient(135deg,#071018,#112235);position:relative;overflow:hidden;box-shadow:0 28px 60px rgba(7,16,24,.22)}.visual-box:before{content:"";position:absolute;inset:35px;background:radial-gradient(circle at 30% 20%,rgba(0,110,255,.55),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.12),transparent);border:1px solid rgba(255,255,255,.12);border-radius:6px}.visual-box:after{content:"ERA CORE";position:absolute;right:32px;bottom:26px;color:rgba(255,255,255,.16);font-weight:800;font-size:44px;letter-spacing:2px}.check-list{display:grid;gap:13px;margin-top:24px}.check-list li{list-style:none;padding:14px 16px;border:1px solid #e5eaf0;background:#fff;box-shadow:0 12px 28px rgba(7,16,24,.04);font-weight:700}.check-list li:before{content:"✓";color:var(--blue);margin-right:10px}.steps{padding:70px 5vw;background:#071018;color:#fff}.steps h2{text-align:center;font-size:34px}.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}.step{padding:30px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:6px}.step b{display:grid;place-items:center;width:42px;height:42px;background:var(--blue);border-radius:50%;margin-bottom:22px}.step h3{margin:0 0 12px}.step p{color:#cbd6e2;line-height:1.7;font-size:14px}.cta{background:linear-gradient(135deg,#006eff,#004bb5);color:#fff;margin:70px 5vw;padding:42px;border-radius:8px;display:flex;justify-content:space-between;gap:30px;align-items:center}.cta h2{font-size:32px;margin:0 0 8px}.cta p{margin:0;color:#e5efff}.cta a{background:#fff;color:#071018;padding:15px 24px;border-radius:4px;font-weight:800;white-space:nowrap}.table-section{padding:70px 5vw;background:#f6f8fb}.table{background:#fff;border:1px solid #e6ebf1;overflow:hidden}.row{display:grid;grid-template-columns:1fr 2fr}.row div{padding:18px 24px;border-bottom:1px solid #e6ebf1}.row div:first-child{font-weight:800;background:#fbfcfe}.map{height:280px;background:linear-gradient(135deg,#e8eef6,#f8fafc);display:grid;place-items:center;color:#071018;font-weight:800;border:1px solid #e2e8f0}.quote-form{display:grid;gap:14px}.quote-form input,.quote-form textarea{width:100%;padding:15px;border:1px solid #dce3eb;font:inherit}.quote-form button{border:0;background:#006eff;color:#fff;padding:15px 20px;font-weight:800;cursor:pointer}.pill-set{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.pill-set span{background:#edf4ff;color:#0054c8;padding:10px 14px;border-radius:30px;font-weight:800;font-size:13px}@media(max-width:1000px){.topline,.btn-nav{display:none}.navbar{height:auto;padding:15px 22px;justify-content:space-between}.hamb{display:block;background:none;border:0;color:#fff;font-size:28px}.menu{position:absolute;display:none;top:78px;left:0;right:0;background:#050a0e;padding:20px;flex-direction:column;gap:18px;z-index:10}.menu.open{display:flex}.menu a.active:after{display:none}.hero{height:auto}.hero-content{padding:55px 24px}.hero h1{font-size:33px}.hero-features{flex-direction:column;gap:20px}.about,.split{grid-template-columns:1fr;padding:42px 24px}.service-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr;padding:36px 24px}.stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:20px}.cards-grid,.contact,.footer-grid,.step-grid{grid-template-columns:1fr}.cards,.dark,.contact,.steps,.table-section,.mini-services{padding:48px 24px}.cards h2,.dark h2,.steps h2{font-size:28px}.about-img img{height:auto}.quick{display:none}.page-hero{padding:60px 24px}.page-hero h1{font-size:34px}.cta{margin:42px 24px;display:block}.cta a{display:inline-block;margin-top:20px}.row{grid-template-columns:1fr}.visual-box{min-height:260px}.brand img{width:135px}}@media(min-width:1537px){.hero{height:420px}.hero-content{padding-top:70px}.hero h1{font-size:48px}.about{max-width:1536px;margin:auto}.stats{padding-left:calc((100vw - 1360px)/2);padding-right:calc((100vw - 1360px)/2)}}

/* 2026 revision */
.premium-hero{position:relative;overflow:hidden}.premium-hero:after{content:"";position:absolute;right:-80px;top:-80px;width:360px;height:360px;background:radial-gradient(circle,rgba(0,110,255,.28),transparent 68%);filter:blur(8px)}
.about-pro{padding:78px 5vw;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;background:linear-gradient(180deg,#fff,#f7f9fc)}
.about-copy h2,.values-section h2,.services-pro h2,.brand-wall h2,.contact-info-pro h2{font-size:38px;line-height:1.18;letter-spacing:-1.1px;margin:12px 0 24px;color:#071018}.about-copy p{font-size:15px;line-height:1.95;color:#4d5867}.signature-line{margin-top:28px;font-weight:800;color:#006eff;letter-spacing:.4px}.about-panel{background:linear-gradient(135deg,#050b10,#0b1927);min-height:420px;border-radius:18px;box-shadow:0 28px 70px rgba(7,16,24,.22);padding:38px;position:relative;overflow:hidden}.about-panel:before{content:"";position:absolute;inset:-80px;background:radial-gradient(circle at 75% 25%,rgba(0,110,255,.42),transparent 35%),radial-gradient(circle at 20% 80%,rgba(88,166,255,.22),transparent 30%)}.panel-logo{position:relative;z-index:1;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);border-radius:14px;padding:34px}.panel-logo img{filter:brightness(0) invert(1);max-width:300px;margin:auto}.panel-metrics{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.panel-metrics span{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#dce8f7;padding:22px;border-radius:12px}.panel-metrics b{display:block;color:#fff;font-size:30px;line-height:1;margin-bottom:8px}.values-section,.services-pro,.brand-wall{padding:78px 5vw;background:#f6f8fb;text-align:center}.value-grid,.service-pro-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:34px;text-align:left}.value-grid article,.service-card-pro{background:#fff;border:1px solid #e4eaf1;border-radius:16px;padding:30px;box-shadow:0 22px 50px rgba(7,16,24,.06);transition:.25s}.value-grid article:hover,.service-card-pro:hover{transform:translateY(-7px);box-shadow:0 30px 68px rgba(7,16,24,.12);border-color:rgba(0,110,255,.35)}.value-grid i,.service-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#edf5ff;color:#006eff;font-style:normal;font-size:25px;margin-bottom:22px}.value-grid h3,.service-card-pro h3{font-size:19px;margin:0 0 12px;color:#071018}.value-grid p,.service-card-pro p{font-size:14px;line-height:1.75;color:#596473;margin:0}.service-card-pro span{display:inline-block;margin-top:22px;font-size:13px;font-weight:800;color:#006eff}.mission-row{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:72px 5vw;background:#071018}.mission-row div{padding:36px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025));color:#fff}.mission-row span{color:#58a6ff;font-weight:800;font-size:13px}.mission-row h3{font-size:28px;line-height:1.25;margin:14px 0}.mission-row p{color:#cbd6e2;line-height:1.8}.workflow-band{padding:60px 5vw;background:#071018;color:#fff;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.workflow-band div{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);border-radius:16px;padding:28px}.workflow-band b{color:#58a6ff;font-size:28px}.workflow-band h3{margin:14px 0 10px}.workflow-band p{color:#cbd6e2;line-height:1.7;margin:0}.brand-wall{background:#071018;color:#fff;min-height:600px}.brand-wall h2{color:#fff}.brand-wall-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px}.brand-tile{height:140px;border-radius:20px;border:1px solid rgba(255,255,255,.11);background:radial-gradient(circle at top right,rgba(0,110,255,.18),transparent 42%),rgba(255,255,255,.045);display:grid;place-items:center;transition:.25s;box-shadow:0 25px 60px rgba(0,0,0,.16)}.brand-tile:hover{transform:translateY(-6px);border-color:rgba(88,166,255,.45);background:radial-gradient(circle at top right,rgba(0,110,255,.28),transparent 45%),rgba(255,255,255,.07)}.brand-mark{font-size:32px;font-weight:900;color:#fff;letter-spacing:-1px;opacity:.96}.brand-mark.apple{font-size:0}.brand-mark.apple:before{content:"";font-size:54px;font-family:Arial, sans-serif}.brand-mark.dell{border:2px solid #fff;border-radius:50%;width:78px;height:78px;display:grid;place-items:center;font-size:23px}.brand-mark.hp{border:2px solid #fff;border-radius:50%;width:76px;height:76px;display:grid;place-items:center;font-style:italic}.brand-mark.lenovo{writing-mode:vertical-rl;background:#fff;color:#071018;padding:12px 9px;border-radius:4px;font-size:22px}.brand-mark.asus{letter-spacing:3px}.brand-mark.msi{color:#ffefef}.brand-mark.microsoft{font-size:0;display:grid;grid-template-columns:22px 22px;gap:5px}.brand-mark.microsoft:before,.brand-mark.microsoft:after{content:"";width:22px;height:22px;background:#fff;box-shadow:27px 0 #fff,0 27px #fff,27px 27px #fff}.contact-pro{padding:78px 5vw;display:grid;grid-template-columns:.92fr 1.08fr;gap:54px;background:#fff}.contact-mini{background:#071018;color:#fff;border-radius:18px;padding:32px;margin-top:26px}.contact-mini p{color:#dbe5ef;line-height:1.75}.contact-mini b{color:#fff}.contact-form-pro{background:#f6f8fb;border:1px solid #e5ebf2;border-radius:18px;padding:30px;box-shadow:0 22px 55px rgba(7,16,24,.08)}.contact-form-pro h3{font-size:26px;margin:0 0 18px}.quote-form select,.quote-form input[type=file]{width:100%;padding:15px;border:1px solid #dce3eb;background:#fff;font:inherit}.quote-form label{font-weight:800;font-size:13px;color:#253041}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.file-label{display:grid;gap:9px}.map-section{padding:0 5vw 78px;background:#fff}.map-embed{border-radius:18px;overflow:hidden;box-shadow:0 25px 70px rgba(7,16,24,.16);border:1px solid #e4eaf1}.map-embed iframe{display:block;width:100%;height:430px}.cards-grid article{border-radius:14px}.cards-grid article:before{content:"";display:block;width:48px;height:48px;border-radius:14px;background:#edf5ff;margin-bottom:20px}.cards-grid a:nth-child(1) article:before{content:"♻";display:grid;place-items:center;color:#006eff;font-size:23px}.cards-grid a:nth-child(2) article:before{content:"💻";display:grid;place-items:center;font-size:23px}.cards-grid a:nth-child(3) article:before{content:"🖥";display:grid;place-items:center;font-size:23px}.cards-grid a:nth-child(4) article:before{content:"📦";display:grid;place-items:center;font-size:23px}.cards-grid a:nth-child(5) article:before{content:"🧪";display:grid;place-items:center;font-size:23px}.cards-grid a:nth-child(6) article:before{content:"🔐";display:grid;place-items:center;font-size:23px}.cards-grid a:nth-child(7) article:before{content:"📝";display:grid;place-items:center;font-size:23px}
@media(max-width:1000px){.about-pro,.contact-pro,.mission-row{grid-template-columns:1fr;padding:48px 24px}.value-grid,.service-pro-grid,.brand-wall-grid,.workflow-band{grid-template-columns:1fr}.values-section,.services-pro,.brand-wall{padding:48px 24px}.about-copy h2,.values-section h2,.services-pro h2,.brand-wall h2,.contact-info-pro h2{font-size:29px}.form-row{grid-template-columns:1fr}.about-panel{min-height:auto}.brand-wall{min-height:auto}.map-section{padding:0 24px 48px}.map-embed iframe{height:330px}}
/* Hakkımızda bilgi kartları */

.panel-features {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 22px;
}

.panel-feature {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    min-height: 112px;
    padding: 18px;
    margin: 0;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.07);
    overflow: hidden;
}

.panel-feature-icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: #78b8ff;
    background: rgba(0, 110, 255, 0.17);
    border: 1px solid rgba(88, 166, 255, 0.28);
}

.panel-feature-icon svg {
    display: block;
    width: 25px !important;
    height: 25px !important;
    max-width: 25px !important;
    max-height: 25px !important;
    overflow: visible;
}

.panel-feature-icon svg * {
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.panel-feature h3 {
    margin: 0 0 6px;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.35;
}

.panel-feature p {
    margin: 0;
    color: #c7d5e5;
    font-size: 12px;
    line-height: 1.55;
}

@media (max-width: 600px) {
    .panel-features {
        grid-template-columns: 1fr;
    }

    .panel-feature {
        min-height: auto;
    }
}
/* Hakkımızda sağ özellik paneli - son düzenleme */

.about-pro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(560px, 0.95fr);
    gap: 64px;
    align-items: center;
    padding: 78px 5vw;
}

.about-copy {
    min-width: 0;
}

.about-panel {
    width: 100%;
    min-height: 510px;
    padding: 34px;
    border-radius: 20px;
    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(0, 110, 255, 0.32),
            transparent 42%
        ),
        linear-gradient(135deg, #050b10, #0b1e35);
    box-shadow: 0 30px 75px rgba(7, 16, 24, 0.25);
}

.panel-logo {
    position: relative;
    z-index: 2;
    min-height: 120px;
    display: grid;
    place-items: center;
    padding: 25px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.065);
    border: 1px solid rgba(255, 255, 255, 0.14);
}

.panel-logo img {
    width: min(330px, 90%);
    max-width: none;
    margin: auto;
}

.panel-features {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 20px;
}

.panel-feature {
    min-height: 142px;
    display: grid;
    grid-template-columns: 60px minmax(0, 1fr);
    align-items: center;
    gap: 17px;
    margin: 0;
    padding: 23px 20px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.10),
        rgba(255, 255, 255, 0.055)
    );
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        background 0.25s ease;
}

.panel-feature:hover {
    transform: translateY(-5px);
    border-color: rgba(88, 166, 255, 0.55);
    background: linear-gradient(
        135deg,
        rgba(0, 110, 255, 0.20),
        rgba(255, 255, 255, 0.075)
    );
}

.panel-feature-icon {
    width: 60px;
    height: 60px;
    min-width: 60px;
    display: grid;
    place-items: center;
    border-radius: 17px;
    color: #8ac5ff;
    background: linear-gradient(
        135deg,
        rgba(0, 110, 255, 0.25),
        rgba(88, 166, 255, 0.11)
    );
    border: 1px solid rgba(88, 166, 255, 0.35);
    box-shadow: 0 12px 28px rgba(0, 80, 190, 0.16);
}

.panel-feature-icon svg {
    display: block;
    width: 30px !important;
    height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
}

.panel-feature-icon svg * {
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.panel-feature h3 {
    margin: 0 0 8px;
    color: #ffffff;
    font-size: 17px;
    line-height: 1.25;
}

.panel-feature p {
    margin: 0;
    color: #cbd8e7;
    font-size: 13px;
    line-height: 1.55;
}

@media (max-width: 1200px) {
    .about-pro {
        grid-template-columns: minmax(0, 1fr) minmax(480px, 0.95fr);
        gap: 40px;
    }

    .panel-feature {
        grid-template-columns: 52px minmax(0, 1fr);
        padding: 19px 16px;
    }

    .panel-feature-icon {
        width: 52px;
        height: 52px;
        min-width: 52px;
    }
}

@media (max-width: 1000px) {
    .about-pro {
        grid-template-columns: 1fr;
        padding: 48px 24px;
    }

    .about-panel {
        min-height: auto;
    }
}

@media (max-width: 600px) {
    .panel-features {
        grid-template-columns: 1fr;
    }

    .about-panel {
        padding: 20px;
    }

    .panel-feature {
        min-height: auto;
    }
}
.about-copy .about-highlight {
    margin-top: 26px;
    padding: 20px 22px;
    color: #172235;
    font-weight: 700;
    background: #edf5ff;
    border-left: 4px solid #006eff;
    border-radius: 0 12px 12px 0;
}
.about-pro {
    align-items: start;
}
/* Hakkımızda hero alanı - sağ tarafa ofis fotoğrafı */

.premium-hero {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background:
        linear-gradient(90deg, rgba(5,8,12,.96) 0%, rgba(5,8,12,.88) 42%, rgba(5,8,12,.72) 62%, rgba(5,8,12,.92) 100%),
        url(hero-bg.jpg) center/cover no-repeat;
}

.premium-hero::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 42%;
    background:
        linear-gradient(270deg, rgba(5,8,12,.15) 0%, rgba(5,8,12,.45) 38%, rgba(5,8,12,.88) 100%),
        url("ofis-hakkimizda.jpeg") center center / cover no-repeat;
    opacity: .92;
    filter: brightness(.72) saturate(.95);
    z-index: 1;
}

.premium-hero::after {
    content: "";
    position: absolute;
    right: -70px;
    top: -70px;
    width: 360px;
    height: 360px;
    background: radial-gradient(circle, rgba(0,110,255,.24), transparent 68%);
    filter: blur(10px);
    z-index: 1;
}

.premium-hero .eyebrow,
.premium-hero h1,
.premium-hero p {
    position: relative;
    z-index: 2;
}

.premium-hero h1,
.premium-hero p {
    max-width: 760px;
}

@media (max-width: 1000px) {
    .premium-hero::before {
        width: 100%;
        opacity: .28;
        background:
            linear-gradient(270deg, rgba(5,8,12,.45) 0%, rgba(5,8,12,.68) 48%, rgba(5,8,12,.88) 100%),
            url("ofis-hakkimizda.jpeg") center center / cover no-repeat;
    }
}
/* Misyon & Vizyon altı premium ofis görseli */

.office-gallery-band {
    padding: 0 5vw 58px;
    background: #071018;
}

.office-gallery-image {
    position: relative;
    width: min(920px, 100%);
    margin: 0 auto;
    padding: 9px;
    border-radius: 22px;
    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            rgba(255, 255, 255, .12),
            rgba(255, 255, 255, .035)
        );

    border: 1px solid rgba(255, 255, 255, .13);

    box-shadow:
        0 22px 55px rgba(0, 0, 0, .32),
        0 0 45px rgba(0, 110, 255, .08);
}

.office-gallery-image::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 12%;
    right: 12%;
    height: 2px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(88, 166, 255, .9),
        transparent
    );

    z-index: 2;
}

.office-gallery-image img {
    display: block;
    width: 100%;
    height: 230px;
    object-fit: cover;
    object-position: center;
    border-radius: 15px;
    filter: brightness(.86) contrast(1.04) saturate(.95);
    transition:
        transform .4s ease,
        filter .4s ease;
}

.office-gallery-image:hover img {
    transform: scale(1.015);
    filter: brightness(.93) contrast(1.04) saturate(1);
}

@media (max-width: 1000px) {
    .office-gallery-band {
        padding: 0 24px 46px;
    }

    .office-gallery-image {
        width: min(760px, 100%);
    }

    .office-gallery-image img {
        height: 200px;
    }
}

@media (max-width: 600px) {
    .office-gallery-band {
        padding: 0 18px 38px;
    }

    .office-gallery-image {
        padding: 6px;
        border-radius: 17px;
    }

    .office-gallery-image img {
        height: 155px;
        border-radius: 12px;
    }
}
/* OFİS GÖRSELİ - ZORUNLU SON BOYUTLANDIRMA */

.office-gallery-band {
    padding: 0 5vw 45px !important;
    background: #071018 !important;
}

.office-gallery-image {
    position: relative !important;
    width: 88% !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
    padding: 8px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    background: linear-gradient(
        135deg,
        rgba(255,255,255,.14),
        rgba(255,255,255,.035)
    ) !important;
    border: 1px solid rgba(255,255,255,.15) !important;
    box-shadow:
        0 22px 55px rgba(0,0,0,.35),
        0 0 35px rgba(0,110,255,.10) !important;
}

.office-gallery-image::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 16% !important;
    right: 16% !important;
    height: 2px !important;
    z-index: 3 !important;
    background: linear-gradient(
        90deg,
        transparent,
        #58a6ff,
        transparent
    ) !important;
}

.office-gallery-image img {
    display: block !important;
    width: 100% !important;
    height: 250px !important;
    min-height: 0 !important;
    max-height: 250px !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 13px !important;
    filter: brightness(.84) contrast(1.05) !important;
}

@media (max-width: 1000px) {
    .office-gallery-image {
        width: 90% !important;
        max-width: 700px !important;
    }

    .office-gallery-image img {
        height: 175px !important;
        max-height: 175px !important;
    }
}
/* Footer marka sloganı */

.footer-tagline {
    max-width: 1320px;
    margin: 30px auto 0;
    padding: 22px 20px;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 0.4px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(0, 110, 255, 0.08),
            transparent
        );
}

.footer-tagline span {
    color: #58a6ff;
}

.footer-tagline + .copy {
    margin-top: 0;
    border-top: 0;
    padding-top: 18px;
}

@media (max-width: 600px) {
    .footer-tagline {
        margin-top: 24px;
        padding: 18px 12px;
        font-size: 15px;
        line-height: 1.6;
    }
}

@media (max-width: 600px) {
    .office-gallery-image {
        width: 100% !important;
    }

    .office-gallery-image img {
        height: 145px !important;
        max-height: 145px !important;
    }
}
/* ANASAYFA HERO - YENİ OFİS GÖRSELİ */

.hero {
    min-height: 390px;
    background: #050a0e;
}

.hero-bg {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(3, 7, 11, .98) 0%,
            rgba(3, 7, 11, .92) 34%,
            rgba(3, 7, 11, .68) 58%,
            rgba(3, 7, 11, .30) 100%
        ),
        url("hero-anasayfa.jpeg") center 54% / cover no-repeat !important;

    filter: none !important;
}

.hero-content {
    padding-top: 52px;
    padding-bottom: 48px;
}

.hero h1 {
    text-shadow: 0 3px 20px rgba(0, 0, 0, .45);
}

.hero .lead,
.hero-features {
    text-shadow: 0 2px 12px rgba(0, 0, 0, .55);
}

@media (max-width: 1000px) {
    .hero {
        min-height: auto;
    }

    .hero-bg {
        background:
            linear-gradient(
                90deg,
                rgba(3, 7, 11, .96),
                rgba(3, 7, 11, .72)
            ),
            url("hero-anasayfa.jpeg") center center / cover no-repeat !important;
    }
}
/* Ana sayfa Hakkımızda - ikonsuz hizmet listesi */

.iconless-services article {
    position: relative;
    display: block;
    min-height: 105px;
    padding: 18px 12px 16px 16px;
    border-bottom: 1px solid #dde2e8;
    border-left: 3px solid transparent;
    transition:
        border-color .25s ease,
        background .25s ease,
        transform .25s ease;
}

.iconless-services article:hover {
    border-left-color: #006eff;
    background: #f6f9fd;
    transform: translateX(3px);
}

.iconless-services h3 {
    margin: 0 0 10px;
    font-size: 15px;
    line-height: 1.3;
}

.iconless-services p {
    margin: 0;
    color: #3e4652;
    font-size: 12px;
    line-height: 1.7;
}

.about-img img {
    object-position: center;
}
/* Üst menü Instagram ikonu */

.social-instagram {
    width: 20px;
    height: 20px;
    display: inline-grid;
    place-items: center;
    color: #ffffff;
    opacity: .9;
    transition:
        color .2s ease,
        opacity .2s ease,
        transform .2s ease;
}

.social-instagram svg {
    display: block;
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.social-instagram:hover {
    color: #58a6ff;
    opacity: 1;
    transform: translateY(-1px);
}
/* HAKKIMIZDA HERO - OFİS GÖRSELİ TAM ALAN */

.page-hero.premium-hero {
    position: relative;
    overflow: hidden;
    isolation: isolate;

    background:
        linear-gradient(
            90deg,
            rgba(3, 7, 11, .94) 0%,
            rgba(3, 7, 11, .88) 35%,
            rgba(3, 7, 11, .62) 66%,
            rgba(3, 7, 11, .46) 100%
        ),
        url("ofis-hakkimizda.jpeg") center 52% / cover no-repeat !important;
}

/* Önceden sağ tarafa ayrı görsel koyan katmanları kapatır */
.page-hero.premium-hero::before,
.page-hero.premium-hero::after {
    content: none !important;
    display: none !important;
}

.page-hero.premium-hero .eyebrow,
.page-hero.premium-hero h1,
.page-hero.premium-hero p {
    position: relative;
    z-index: 2;
}

.page-hero.premium-hero h1 {
    max-width: 900px;
    text-shadow: 0 4px 24px rgba(0, 0, 0, .55);
}

.page-hero.premium-hero > p:last-child {
    max-width: 820px;
    text-shadow: 0 2px 14px rgba(0, 0, 0, .65);
}

@media (max-width: 1000px) {
    .page-hero.premium-hero {
        background:
            linear-gradient(
                rgba(3, 7, 11, .84),
                rgba(3, 7, 11, .84)
            ),
            url("ofis-hakkimizda.jpeg") center / cover no-repeat !important;
    }
}
/* Stats alanı SVG ikon düzeni */

.stat i {
    width: 72px;
    height: 72px;
    border: 1px solid rgba(0, 110, 255, .5);
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #006eff;
    font-style: normal;
    font-size: 28px;
}

.stat i svg {
    width: 30px;
    height: 30px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
/* Ana sayfa hero SVG ikonları */

.hero-features i svg {
    display: block;
    width: 27px;
    height: 27px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.hero-features > div {
    transition: transform .25s ease;
}

.hero-features > div:hover {
    transform: translateY(-3px);
}

.hero-features > div:hover i {
    color: #8fc7ff;
    background: rgba(0, 110, 255, .13);
    border-color: rgba(88, 166, 255, .8);
    box-shadow: 0 0 24px rgba(0, 110, 255, .18);
}
/* Kurumsal cihaz alımı gerçek görsel alanı */

.visual-box.service-photo {
    min-height: 380px;
    padding: 0;
    overflow: hidden;
    background: none;
    border-radius: 18px;
    border: 1px solid #e1e7ee;
    box-shadow: 0 24px 60px rgba(7, 16, 24, .18);
}

/* Eski sahte paneli ve ERA CORE yazısını kaldırır */
.visual-box.service-photo::before,
.visual-box.service-photo::after {
    content: none !important;
    display: none !important;
}

.visual-box.service-photo img {
    display: block;
    width: 100%;
    height: 380px;
    object-fit: cover;
    object-position: center;
}

@media (max-width: 1000px) {
    .visual-box.service-photo,
    .visual-box.service-photo img {
        min-height: 280px;
        height: 280px;
    }
}
/* Kurumsal cihaz alımı - eski dekorasyonu kesin kapat */

.split .visual-box.service-photo {
    position: relative;
    min-height: 380px;
    padding: 0;
    overflow: hidden;
    background: transparent !important;
    border-radius: 18px;
    border: 1px solid #e1e7ee;
    box-shadow: 0 24px 60px rgba(7, 16, 24, .18);
}

.split .visual-box.service-photo::before,
.split .visual-box.service-photo::after {
    content: none !important;
    display: none !important;
    background: none !important;
    border: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.split .visual-box.service-photo img {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: 380px;
    min-height: 0;
    object-fit: cover;
    object-position: center;
    border-radius: 18px;
}

@media (max-width: 1000px) {
    .split .visual-box.service-photo,
    .split .visual-box.service-photo img {
        height: 280px;
        min-height: 280px;
    }
}
/* Kurumsal cihaz alımı hero - tam alan ofis görseli */

.page-hero.service-hero {
    position: relative;
    overflow: hidden;
    isolation: isolate;

    background:
        linear-gradient(
            90deg,
            rgba(3, 7, 11, .94) 0%,
            rgba(3, 7, 11, .88) 35%,
            rgba(3, 7, 11, .62) 66%,
            rgba(3, 7, 11, .46) 100%
        ),
        url("ofis-hakkimizda.jpeg") center 52% / cover no-repeat !important;
}

.page-hero.service-hero .eyebrow,
.page-hero.service-hero h1,
.page-hero.service-hero p {
    position: relative;
    z-index: 2;
}

.page-hero.service-hero h1 {
    max-width: 920px;
    text-shadow: 0 4px 24px rgba(0, 0, 0, .55);
}

.page-hero.service-hero p {
    max-width: 860px;
    text-shadow: 0 2px 14px rgba(0, 0, 0, .65);
}

@media (max-width: 1000px) {
    .page-hero.service-hero {
        background:
            linear-gradient(
                rgba(3, 7, 11, .84),
                rgba(3, 7, 11, .84)
            ),
            url("ofis-hakkimizda.jpeg") center / cover no-repeat !important;
    }
}
/* Hizmet sayfalarındaki görseli daha kompakt yap */

.split .service-photo {
    width: min(520px, 100%);
    height: 320px;
    margin: 0 auto;
}

.split .service-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

@media (max-width: 1000px) {
    .split .service-photo {
        width: 100%;
        height: 260px;
    }
}
/* Hizmet sayfası görselleri - daha kompakt ölçü */

.split .service-photo {
    width: min(460px, 100%);
    height: 280px;
    margin: 0 auto;
}

.split .service-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

@media (max-width: 1000px) {
    .split .service-photo {
        width: 100%;
        height: 240px;
    }
}
/* =========================================================
   HİZMETLER SAYFASI — HERO, KARTLAR, BUTONLAR VE İŞ AKIŞI
   ========================================================= */


/* 1. HİZMETLER SAYFASI HERO
   Diğer hizmet sayfalarıyla aynı ofis görselini kullanır.
*/

.page-hero.service-hero {
    position: relative;
    overflow: hidden;
    isolation: isolate;

    background:
        linear-gradient(
            90deg,
            rgba(3, 7, 11, 0.94) 0%,
            rgba(3, 7, 11, 0.88) 35%,
            rgba(3, 7, 11, 0.62) 66%,
            rgba(3, 7, 11, 0.46) 100%
        ),
        url("ofis-hakkimizda.jpeg") center 52% / cover no-repeat !important;
}

.page-hero.service-hero .eyebrow,
.page-hero.service-hero h1,
.page-hero.service-hero > p {
    position: relative;
    z-index: 2;
}

.page-hero.service-hero h1 {
    max-width: 920px;
    text-shadow: 0 4px 24px rgba(0, 0, 0, 0.55);
}

.page-hero.service-hero > p:last-child {
    max-width: 860px;
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.65);
}


/* 2. HİZMET KARTLARI
   Altı kartı masaüstünde 3 x 2 gösterir.
*/

.service-pro-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.service-card-pro {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.service-card-pro p {
    flex-grow: 1;
}


/* 3. DETAYLARI İNCELE BUTONU */

.service-detail-button {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    margin-top: 22px;
    padding: 10px 15px;

    color: #006eff;
    background: #edf5ff;
    border: 1px solid rgba(0, 110, 255, 0.18);
    border-radius: 8px;

    font-size: 12px;
    font-weight: 800;
    line-height: 1;

    transition:
        color 0.22s ease,
        background 0.22s ease,
        border-color 0.22s ease,
        transform 0.22s ease,
        box-shadow 0.22s ease;
}

.service-detail-button strong {
    font-size: 16px;
    line-height: 1;
}

.service-card-pro:hover .service-detail-button {
    color: #ffffff;
    background: #006eff;
    border-color: #006eff;
    transform: translateX(3px);
    box-shadow: 0 10px 24px rgba(0, 110, 255, 0.18);
}


/* 4. İŞ AKIŞI
   01, 02, 03, 04 numaralarını kaldırır.
*/

.services-workflow b {
    display: none !important;
}


/* 5. İŞ AKIŞI İKONLARI */

.workflow-icon {
    width: 56px;
    height: 56px;

    display: grid;
    place-items: center;

    color: #8bc5ff;
    background: rgba(0, 110, 255, 0.16);
    border: 1px solid rgba(88, 166, 255, 0.30);
    border-radius: 16px;

    box-shadow: 0 14px 34px rgba(0, 80, 190, 0.12);
}

.workflow-icon svg {
    display: block;
    width: 27px;
    height: 27px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.services-workflow h3 {
    margin-top: 18px;
}


/* 6. TABLET */

@media (max-width: 1100px) {
    .service-pro-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


/* 7. MOBİL */

@media (max-width: 700px) {
    .service-pro-grid {
        grid-template-columns: 1fr;
    }

    .page-hero.service-hero {
        background:
            linear-gradient(
                rgba(3, 7, 11, 0.84),
                rgba(3, 7, 11, 0.84)
            ),
            url("ofis-hakkimizda.jpeg") center / cover no-repeat !important;
    }

    .service-detail-button {
        padding: 10px 14px;
    }

    .workflow-icon {
        width: 50px;
        height: 50px;
        border-radius: 14px;
    }

    .workflow-icon svg {
        width: 24px;
        height: 24px;
    }
}
/* ==================================================
   HİZMETLER SAYFASI — SON DÜZENLEME
   3x2 kart yapısı + kompakt iş akışı
   ================================================== */


/* 1. HİZMET KARTLARI: MASAÜSTÜNDE KESİN 3 x 2 */

.services-pro .service-pro-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-rows: 1fr;
    gap: 22px !important;
    align-items: stretch;
}

.services-pro .service-card-pro {
    width: 100%;
    height: 100%;
    min-height: 285px;
    display: flex !important;
    flex-direction: column;
    padding: 28px !important;
}

.services-pro .service-card-pro p {
    flex-grow: 1;
}


/* Detayları İncele alanını hafif butonlaştır */

.services-pro .service-detail-button {
    width: fit-content;
    display: inline-flex !important;
    align-items: center;
    gap: 8px;

    margin-top: 20px;
    padding: 10px 14px;

    color: #006eff !important;
    background: #edf5ff;
    border: 1px solid rgba(0, 110, 255, 0.20);
    border-radius: 8px;

    font-size: 12px;
    font-weight: 800;
    line-height: 1;
}

.services-pro .service-card-pro:hover .service-detail-button {
    color: #ffffff !important;
    background: #006eff;
    border-color: #006eff;
}


/* 2. İŞ AKIŞI ALANINI KÜÇÜLT */

.workflow-band.services-workflow {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
    padding: 48px 5vw !important;
}

.workflow-band.services-workflow > div {
    min-height: 210px !important;
    padding: 24px 22px !important;
    display: block !important;
}


/* Eski 01, 02, 03, 04 değerleri görünmesin */

.workflow-band.services-workflow b {
    display: none !important;
}


/* Küçük ve çizgisel ikon kutuları */

.workflow-band.services-workflow .workflow-icon {
    width: 48px !important;
    height: 48px !important;
    display: grid !important;
    place-items: center;

    margin: 0 0 17px !important;

    color: #70b4ff !important;
    background: rgba(0, 110, 255, 0.13) !important;
    border: 1px solid rgba(88, 166, 255, 0.30) !important;
    border-radius: 13px !important;
}


/* Büyük siyah SVG sorununu kesin olarak düzeltir */

.workflow-band.services-workflow .workflow-icon svg {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;

    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.workflow-band.services-workflow .workflow-icon svg * {
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.workflow-band.services-workflow h3 {
    margin: 0 0 10px !important;
    font-size: 17px !important;
}

.workflow-band.services-workflow p {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
}


/* TABLET */

@media (max-width: 1100px) {
    .services-pro .service-pro-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .workflow-band.services-workflow {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}


/* MOBİL */

@media (max-width: 650px) {
    .services-pro .service-pro-grid {
        grid-template-columns: 1fr !important;
    }

    .services-pro .service-card-pro {
        min-height: auto;
    }

    .workflow-band.services-workflow {
        grid-template-columns: 1fr !important;
        padding: 36px 18px !important;
    }

    .workflow-band.services-workflow > div {
        min-height: auto !important;
    }
}
/* =========================================================
   MARKALAR SAYFASI
   ========================================================= */

.brand-wall {
    padding-bottom: 70px;
}

.brand-wall-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

.brand-tile {
    min-height: 178px;
    display: grid;
    place-items: center;
    padding: 25px;
    overflow: hidden;
}

.brand-mark {
    position: relative;
    z-index: 2;
    color: #ffffff;
    font-size: 30px;
    font-weight: 800;
    line-height: 1;
}

.brand-logo-svg {
    position: relative;
    z-index: 2;
    display: block;
    width: 78px;
    height: 78px;
    fill: #ffffff;
}

.microsoft-logo {
    width: 74px;
    height: 74px;
}


/* ÜRÜN GRUPLARI */

.product-groups {
    padding: 74px 5vw 88px;
    text-align: center;
    background: #f4f7fb;
}

.product-groups h2 {
    margin: 10px 0 14px;
    color: #071018;
    font-size: clamp(28px, 3vw, 42px);
}

.product-groups-intro {
    width: min(760px, 100%);
    margin: 0 auto 38px;
    color: #4d5968;
    font-size: 15px;
    line-height: 1.75;
}

.product-group-grid {
    width: min(1500px, 100%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 18px;
}

.product-group-card {
    min-height: 155px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 15px;
    padding: 24px 18px;
    border: 1px solid #dce4ee;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 15px 38px rgba(7, 16, 24, .06);
    transition:
        transform .24s ease,
        border-color .24s ease,
        box-shadow .24s ease;
}

.product-group-card:hover {
    transform: translateY(-5px);
    border-color: rgba(0, 110, 255, .38);
    box-shadow: 0 20px 45px rgba(7, 16, 24, .10);
}

.product-group-icon {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    color: #006eff;
    border: 1px solid rgba(0, 110, 255, .18);
    border-radius: 15px;
    background: #edf5ff;
}

.product-group-icon svg {
    display: block;
    width: 27px;
    height: 27px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.product-group-card h3 {
    margin: 0;
    color: #111b28;
    font-size: 15px;
    line-height: 1.35;
}


/* TABLET */

@media (max-width: 1100px) {
    .brand-wall-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .product-group-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}


/* MOBİL */

@media (max-width: 700px) {
    .brand-wall-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .brand-tile {
        min-height: 125px;
        padding: 18px;
    }

    .brand-mark {
        font-size: 21px;
    }

    .brand-logo-svg {
        width: 55px;
        height: 55px;
    }

    .product-groups {
        padding: 52px 18px 60px;
    }

    .product-group-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .product-group-card {
        min-height: 135px;
        padding: 19px 12px;
    }
}

@media (max-width: 420px) {
    .product-group-grid {
        grid-template-columns: 1fr;
    }
}
/* Sabit WhatsApp iletişim butonu */

.whatsapp-float {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 9999;

    width: 58px;
    height: 58px;

    display: grid;
    place-items: center;

    color: #ffffff;
    background: #25d366;
    border: 2px solid rgba(255, 255, 255, .85);
    border-radius: 50%;

    box-shadow:
        0 14px 34px rgba(0, 0, 0, .25),
        0 0 0 0 rgba(37, 211, 102, .35);

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        background .22s ease;
}

.whatsapp-float svg {
    display: block;
    width: 31px;
    height: 31px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.whatsapp-float:hover {
    background: #1ebe5d;
    transform: translateY(-4px) scale(1.04);
    box-shadow:
        0 18px 40px rgba(0, 0, 0, .3),
        0 0 0 7px rgba(37, 211, 102, .13);
}

@media (max-width: 600px) {
    .whatsapp-float {
        right: 17px;
        bottom: 17px;
        width: 54px;
        height: 54px;
    }

    .whatsapp-float svg {
        width: 28px;
        height: 28px;
    }
}