:root{
  --navy-950:#04121d;
  --navy-900:#061c2b;
  --navy-800:#0a3142;
  --blue-600:#079bb1;
  --blue-500:#12b7c9;
  --orange:#f5a000;
  --orange-dark:#db8700;
  --ink:#082333;
  --muted:#5c7180;
  --line:#d9e7eb;
  --soft:#f2f7f8;
  --shadow:0 26px 80px rgba(3,30,42,.14);
}

::selection{background:#08aabd}
.topline{background:#03141f}
.topline p{color:#80dce4}
.site-header{background:rgba(255,255,255,.94);backdrop-filter:blur(18px) saturate(1.3)}
.header__inner{height:92px}
.brand img{width:208px;max-height:64px;object-fit:contain;object-position:left center}
.site-nav{letter-spacing:-.01em}
.site-nav>a:not(.button)::after{height:3px;background:linear-gradient(90deg,var(--blue-500),var(--orange))}
.header-request,.button--orange{background:linear-gradient(135deg,#f5a000,#f28a00)}
.header-request:hover,.button--orange:hover{background:linear-gradient(135deg,#ffad0a,#e98700)}

.hero{min-height:min(760px,calc(100vh - 126px));background:#03131f}
.hero::after{background:linear-gradient(90deg,rgba(2,15,25,.99) 0%,rgba(3,20,32,.96) 32%,rgba(3,23,35,.57) 57%,rgba(1,12,20,.20) 78%,rgba(1,12,20,.38) 100%)}
.hero__media{background-position:center center;filter:saturate(.88) contrast(1.05)}
.hero__mesh{opacity:.08;background-size:96px 96px;mask-image:linear-gradient(90deg,#000,transparent 63%)}
.hero__inner{min-height:min(760px,calc(100vh - 126px))}
.hero__content{max-width:700px;padding:110px 0 132px}
.hero h1{font-size:clamp(56px,6.5vw,94px);letter-spacing:-.06em}
.hero h1 em{background:linear-gradient(90deg,#25c8d6,#6ee6ec);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero h1 .hero-dynamic-word{
  padding:0 .04em .15em 0;
  margin:0 -.04em -.15em 0;
  overflow:visible;
  line-height:1.16;
  vertical-align:top;
  -webkit-text-fill-color:transparent;
}
.hero__content>p{max-width:590px;color:rgba(255,255,255,.76)}
.hero .eyebrow i{background:#22c8d6;box-shadow:0 0 0 6px rgba(34,200,214,.13)}
.live-card{right:0;bottom:74px;border-color:rgba(73,204,215,.28);background:linear-gradient(150deg,rgba(6,38,52,.92),rgba(3,17,28,.88));box-shadow:0 40px 110px rgba(0,0,0,.46)}
.live-card::after{background:linear-gradient(90deg,#20c8d5,#f5a000 72%,transparent)}
.hero-call-wave i,.call-wave i{background:linear-gradient(180deg,#30d0dc,#f5a000)}
.metrics-strip{background:#051b29}
.metric{position:relative;overflow:hidden}
.metric::after{content:"";position:absolute;width:70px;height:2px;left:24px;bottom:0;background:linear-gradient(90deg,#16bdca,transparent)}
.metric strong{color:#fff}
.metric p{color:rgba(255,255,255,.58)}

.services-preview{background:linear-gradient(180deg,#fff 0%,#f2f8f9 100%)}
.service-card{border:1px solid rgba(8,83,99,.12);background:rgba(255,255,255,.88);box-shadow:0 18px 48px rgba(4,47,59,.06);transition:transform .3s,border-color .3s,box-shadow .3s}
.service-card:hover{transform:translateY(-8px);border-color:rgba(18,183,201,.48);box-shadow:0 26px 65px rgba(4,47,59,.14)}
.service-card__number{color:#11aabd}
.service-card__link b{color:var(--orange)}
.service-card::before{content:"";position:absolute;width:170px;height:170px;right:-105px;top:-105px;border:1px solid rgba(15,179,194,.18);border-radius:50%;box-shadow:0 0 0 24px rgba(15,179,194,.025);transition:transform .45s ease}
.service-card:hover::before{transform:scale(1.24)}
.service-card__icon{border-radius:14px;background:linear-gradient(145deg,#f2fbfc,#fff);box-shadow:inset 0 0 0 1px rgba(10,154,171,.12)}
.ai-home{background:radial-gradient(circle at 15% 30%,rgba(17,184,201,.09),transparent 34%),#fff}
.ai-home__pulse{border-color:rgba(18,183,201,.34);background:rgba(5,28,42,.91)}
.ai-home__pulse i{background:#29d8b0}
.platform-section{background:linear-gradient(135deg,#03131f,#073345 72%,#06404e)}
.dashboard--command{box-shadow:0 38px 90px rgba(0,0,0,.28);border:1px solid rgba(25,193,206,.24)}
.dashboard--command .dashboard__top{
    min-height:60px;
    margin:-20px -20px 15px;
    padding:0 18px;
    color:#fff;
    border-bottom:1px solid rgba(93,218,226,.18);
    background:linear-gradient(90deg,#041c2a,#073848);
}
.dashboard--command .dashboard__top>span{
    color:#fff;
    font:750 13px/1.2 var(--font-display);
    letter-spacing:-.01em;
}
.dashboard--command .dashboard__top>small{
    color:#77e9b5;
    border-color:rgba(77,226,163,.24);
    background:rgba(77,226,163,.08);
    font-size:8px;
    font-weight:800;
}
.about-preview__visual::before{border-color:rgba(10,165,181,.28)}
.experience-stamp{background:linear-gradient(145deg,#06a6b9,#087b8e)}
.references-preview{background:#f6fafb}
.logo-tile{background:#fff}
.page-hero{min-height:560px;background:#031521}
.page-hero::after{background:linear-gradient(90deg,rgba(3,18,29,.96),rgba(4,31,43,.72) 52%,rgba(3,17,27,.35))}
.page-hero__media{filter:saturate(.8) contrast(1.08)}
.page-hero__inner{min-height:560px}
.page-hero h1 em{color:#2fcad6}
.anchor-nav,.solution-category-nav{background:rgba(255,255,255,.88);backdrop-filter:blur(18px) saturate(1.25);box-shadow:0 12px 36px rgba(3,36,48,.08)}
.story-visual{overflow:visible}.story-visual>img{border-radius:18px;box-shadow:0 35px 90px rgba(3,36,48,.16)}
.about-preview__visual{overflow:hidden;border-radius:18px;box-shadow:0 35px 90px rgba(3,36,48,.16)}
.story-visual>img,.about-preview__visual>img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.story-visual:hover>img,.about-preview__visual:hover>img{transform:scale(1.025)}
.vision-card,.principle-card{box-shadow:0 18px 55px rgba(3,42,54,.07)}
.technology-detail{background:radial-gradient(circle at 85% 25%,rgba(23,190,204,.16),transparent 28%),linear-gradient(140deg,#03131f,#073143)}
.service-showcase__item{padding:28px;border:1px solid rgba(8,94,108,.11);border-radius:24px;background:rgba(255,255,255,.92);box-shadow:0 24px 70px rgba(3,43,55,.08)}
.service-showcase__media{overflow:hidden;border-radius:16px;background:#061c2b}
.service-showcase__media img{transition:transform .75s cubic-bezier(.2,.7,.2,1),filter .4s;filter:saturate(.84)}
.service-showcase__item:hover .service-showcase__media img{transform:scale(1.035);filter:saturate(1)}
.service-showcase__media>span{background:rgba(3,26,38,.78);backdrop-filter:blur(12px)}
.solution-group__head>span{border-radius:50%;background:#e9f8fa;color:#068a9c}
.process-grid article{border-radius:18px;background:#fff;box-shadow:0 18px 55px rgba(3,43,55,.07)}
.ai-module-card{border-radius:18px;box-shadow:0 25px 65px rgba(3,35,50,.1)}
.emys-architecture{border-radius:22px;overflow:hidden;background:linear-gradient(145deg,rgba(5,45,59,.97),rgba(2,18,29,.99))}
.legal-card,.contact-form-wrap,.career-form-card{border-radius:18px;box-shadow:0 24px 70px rgba(3,40,53,.08)}
.site-footer{background:linear-gradient(150deg,#03131f,#062738)}
.footer-brandline img{width:208px;filter:none}
.quick-request__trigger{background:linear-gradient(180deg,#087f91,#041b2a)}
.quick-request__trigger::before{background:#f5a000}
.quick-request__top{background:#041b2a}
.quick-request__submit{background:linear-gradient(90deg,#069eb2,#0ab7c6)}
.back-to-top{
    right:276px;
    bottom:40px;
    width:44px;
    height:44px;
    z-index:205;
    border:1px solid rgba(103,224,232,.24);
    border-radius:14px;
    background:linear-gradient(145deg,#0cb6c5,#087d90);
    box-shadow:0 14px 34px rgba(2,37,50,.28),inset 0 1px 0 rgba(255,255,255,.18);
}
.back-to-top:hover{
    background:linear-gradient(145deg,#18c5d2,#0792a4);
    transform:translateY(-3px);
}

/* Yeditepe Bağlantı: EFOR'dan ayrışan kompakt yüzen iletişim istasyonu */
.quick-request__trigger,
.quick-request__trigger:hover{
    width:234px;
    height:72px;
    right:26px;
    top:auto;
    bottom:26px;
    flex-direction:row;
    justify-content:flex-start;
    gap:12px;
    padding:9px 10px;
    overflow:visible;
    border:1px solid rgba(88,220,228,.25);
    border-radius:22px;
    background:linear-gradient(118deg,rgba(3,25,37,.97),rgba(4,54,67,.96));
    box-shadow:0 22px 58px rgba(1,18,28,.32),inset 0 1px 0 rgba(255,255,255,.08);
    transform:none;
    backdrop-filter:blur(18px);
}
.quick-request__trigger::before{
    inset:-6px;
    width:auto;
    height:auto;
    border:1px solid rgba(28,190,204,.13);
    border-radius:27px;
    background:transparent;
    opacity:0;
    transition:opacity .25s,transform .25s;
}
.quick-request__trigger::after{
    content:"";
    position:absolute;
    width:7px;
    height:7px;
    right:13px;
    top:12px;
    border-radius:50%;
    background:#4de2a3;
    box-shadow:0 0 0 5px rgba(77,226,163,.09),0 0 16px rgba(77,226,163,.45);
}
.quick-request__trigger:hover{
    background:linear-gradient(118deg,#031f2e,#076f7d);
    box-shadow:0 28px 68px rgba(1,18,28,.38),0 0 0 1px rgba(58,211,222,.12);
    transform:translateY(-4px);
}
.quick-request__trigger:hover::before{opacity:1;transform:scale(1.015)}
.quick-request__trigger-icon{
    position:relative;
    width:52px;
    height:52px;
    flex:0 0 52px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.17);
    border-radius:17px;
    background:linear-gradient(145deg,#0fc1cf,#087f91);
    box-shadow:0 12px 26px rgba(5,166,181,.24),inset 0 1px 0 rgba(255,255,255,.28);
}
.quick-request__trigger-icon::before{
    content:"";
    position:absolute;
    width:44px;
    height:44px;
    left:-15px;
    bottom:-18px;
    border:1px solid rgba(255,255,255,.24);
    border-radius:50%;
    box-shadow:0 0 0 8px rgba(255,255,255,.035);
}
.quick-request__trigger-icon svg{
    position:relative;
    z-index:1;
    width:25px;
    height:25px;
    fill:none;
    stroke:#fff;
    stroke-width:1.5;
}
.quick-request__trigger-copy{
    min-width:0;
    display:grid!important;
    align-content:center;
    gap:2px!important;
    writing-mode:horizontal-tb!important;
    transform:none!important;
    text-align:left;
}
.quick-request__trigger-copy small{
    color:#66dce4;
    font-size:7px;
    font-weight:800;
    letter-spacing:.13em;
    line-height:1.2;
}
.quick-request__trigger-copy strong{
    color:#fff;
    font:750 13px/1.15 var(--font-display);
    letter-spacing:-.01em;
    text-transform:none;
}
.quick-request__trigger-copy em{
    color:rgba(255,255,255,.52);
    font-size:8px;
    font-style:normal;
    line-height:1.2;
}
.quick-request__trigger-arrow{
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    margin-left:auto;
    color:#f5a000;
    border:1px solid rgba(245,160,0,.25);
    border-radius:10px;
    background:rgba(245,160,0,.06);
    font-size:15px;
    transition:transform .25s,background .25s;
}
.quick-request__trigger:hover .quick-request__trigger-arrow{background:rgba(245,160,0,.14);transform:translate(2px,-2px)}

@media(max-width:640px){
    .quick-request__trigger,
    .quick-request__trigger:hover{
        width:58px;
        height:58px;
        right:14px;
        bottom:14px;
        padding:5px;
        border-radius:20px;
        transform:none;
    }
    .quick-request__trigger::after{width:6px;height:6px;right:4px;top:4px}
    .quick-request__trigger::before{inset:-4px;border-radius:24px;opacity:1}
    .quick-request__trigger-icon{width:46px;height:46px;flex-basis:46px;border-radius:16px}
    .quick-request__trigger-copy,.quick-request__trigger-arrow{display:none!important}
}

@media(max-width:1100px){.live-card{width:365px}.hero__content{max-width:58%}.brand img{width:180px}}
@media(max-width:760px){
  .topline{display:none}.site-header{top:0}.header__inner{height:76px}.brand img{width:158px;max-height:50px}
  .hero,.hero__inner{min-height:690px}.hero__media{background-position:64% center}.hero::after{background:linear-gradient(180deg,rgba(2,15,24,.60),rgba(2,15,24,.95) 58%,#02101a)}
  .hero__content{max-width:none;padding:94px 0 260px}.hero h1{font-size:clamp(39px,10.8vw,54px);line-height:1.08;letter-spacing:-.045em}.hero__content>p{max-width:34rem;margin-top:20px;font-size:16px;line-height:1.55}
  .hero-dynamic-word{max-width:100%;overflow-wrap:normal;word-break:normal}
  .live-card{right:24px;left:24px;bottom:45px;width:auto;transform:scale(.91);transform-origin:bottom center}
  .metrics-strip__grid{grid-template-columns:repeat(2,1fr)}
  .page-hero,.page-hero__inner{min-height:500px}.page-hero__inner{padding-block:92px 70px}
  .service-showcase__item{padding:14px;border-radius:16px}.service-showcase__media{border-radius:12px}
}

@media(prefers-reduced-motion:reduce){.service-card:hover{transform:none}}

/* Yeditepe interface system: floating navigation + editorial bento cards */
@media(min-width:901px){
  .topline{display:none}
  .site-header,.site-header.is-sticky{top:0;height:108px;margin-bottom:-108px;border:0;background:transparent;box-shadow:none;backdrop-filter:none}
  .header__inner,.site-header.is-sticky .header__inner{height:78px;margin-top:15px;padding:0 12px 0 20px;border:1px solid rgba(7,52,66,.1);border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 20px 55px rgba(2,27,38,.16);backdrop-filter:blur(22px) saturate(1.35)}
  .site-header.is-sticky .header__inner{height:72px;margin-top:9px;box-shadow:0 15px 45px rgba(2,27,38,.2)}
  .header-progress{right:22px;bottom:8px;left:22px;height:2px;border-radius:4px}
  .brand{display:flex;align-items:center;gap:13px;flex:0 0 auto}
  .brand img{width:156px;max-height:52px}
  .brand__signature{display:grid;padding-left:13px;border-left:1px solid rgba(5,70,83,.15);line-height:1.15}
  .brand__signature b{color:#079aae;font-size:8px;letter-spacing:.16em}
  .brand__signature small{margin-top:4px;color:#778a92;font-size:6px;font-weight:800;letter-spacing:.11em}
  .site-nav{flex:0 1 auto;justify-content:center;gap:3px;padding:5px;border:1px solid rgba(6,75,88,.08);border-radius:14px;background:#f3f8f9}
  .site-nav>.nav-link,.site-nav>a.nav-link:not(.button),.nav-dropdown>.nav-link{min-height:48px!important;display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;gap:6px;padding:0 10px!important;border:0;border-radius:10px;color:#173846;background:transparent;font:700 11px var(--font-body)!important;transition:color .2s,background .2s,box-shadow .2s,transform .2s}
  .site-nav>.nav-link small,.nav-dropdown>.nav-link small{align-self:start;margin-top:11px;color:#8aa2aa;font-size:6px;font-weight:800;letter-spacing:.08em}
  .site-nav>.nav-link::after,.nav-dropdown>.nav-link::after{display:none!important}
  .site-nav>.nav-link:hover,.nav-dropdown>.nav-link:hover{color:#047f92;background:#fff;box-shadow:0 8px 20px rgba(4,63,76,.08);transform:translateY(-1px)}
  .site-nav>.nav-link.is-active,.nav-dropdown>.nav-link.is-active,.nav-dropdown.is-open>.nav-link{color:#fff;background:#062b3a;box-shadow:0 9px 24px rgba(4,39,52,.22)}
  .site-nav>.nav-link.is-active small,.nav-dropdown>.nav-link.is-active small,.nav-dropdown.is-open>.nav-link small{color:#45d7e1}
  .nav-mega-toggle svg{grid-column:3;width:8px}
  .nav-link--home{display:none!important}
  .header-actions{gap:8px}
  .language-switch{min-width:50px;height:44px;border:0;border-radius:11px;background:#f3f8f9}
  .header-phone{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(7,116,133,.16);border-radius:12px;background:#fff}
  .header-phone svg{width:20px}.header-phone span{display:none}
  .header-request{min-height:44px;padding:0 17px;border-radius:12px;background:linear-gradient(135deg,#06a9bb,#07899d);box-shadow:0 10px 25px rgba(4,142,159,.22)}
  .header-request:hover{background:linear-gradient(135deg,#09b8c9,#077b8c)}
  .mega-menu{top:calc(100% + 16px);width:min(calc(100vw - 64px),1280px)}
  .mega-menu__inner{border-radius:22px;background:#041b29;box-shadow:0 40px 110px rgba(2,23,34,.34)}
  .mega-menu__intro{background:radial-gradient(circle at 20% 15%,rgba(30,201,214,.18),transparent 35%),linear-gradient(145deg,#07384a,#041b29)}
  .mega-menu__groups{background:#f7fafb}
  .anchor-nav,.solution-category-nav{top:96px;border:0}
}

.services-preview{overflow:hidden}
.services-preview .section-heading{align-items:center}
.service-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;border:0}
.service-card.service-card--bento{grid-column:span 4;min-height:370px;display:flex;align-items:flex-end;overflow:hidden;padding:28px;border:0;border-radius:24px;color:#fff;background:#052332;box-shadow:0 22px 65px rgba(2,36,48,.13);isolation:isolate}
.service-card.service-card--bento:nth-child(1){grid-column:span 7;min-height:470px}
.service-card.service-card--bento:nth-child(2){grid-column:span 5;min-height:470px}
.service-card.service-card--bento:nth-child(6){grid-column:span 5}
.service-card.service-card--bento:nth-child(7){grid-column:span 3}
.service-card.service-card--bento:nth-child(8){grid-column:span 4}
.service-card--bento::before{display:none}
.service-card__media{position:absolute;z-index:-3;inset:0;display:block}
.service-card__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.04);transition:transform .8s cubic-bezier(.2,.75,.2,1),filter .4s}
.service-card__shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,rgba(1,18,27,.05) 15%,rgba(2,23,34,.42) 52%,rgba(2,20,30,.97) 100%)}
.service-card--bento::after{content:"";position:absolute;z-index:-1;inset:0;border:1px solid rgba(255,255,255,.12);border-radius:inherit;pointer-events:none}
.service-card--bento:hover{transform:translateY(-6px);box-shadow:0 30px 80px rgba(2,36,48,.22)}
.service-card--bento:hover .service-card__media img{transform:scale(1.055);filter:saturate(.95) contrast(1.03)}
.service-card--bento .service-card__number{position:absolute;top:22px;left:24px;color:rgba(255,255,255,.68);font:800 9px var(--font-body);letter-spacing:.16em}
.service-card--bento .service-card__icon{position:absolute;top:18px;right:18px;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(3,29,40,.55);box-shadow:none;backdrop-filter:blur(14px)}
.service-card--bento .service-card__icon img{width:26px;height:26px;filter:brightness(0) invert(1)}
.service-card--bento .service-card__body{display:block;max-width:620px}
.service-card--bento .service-card__body small{display:block;margin-bottom:10px;color:#63d9e2;font-size:8px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.service-card--bento h3{max-width:90%;font-size:clamp(23px,2.4vw,36px);letter-spacing:-.045em}
.service-card--bento p{max-width:580px;margin:12px 0 20px;color:rgba(255,255,255,.67);font-size:13px;line-height:1.55}
.service-card--bento .service-card__link{position:absolute;right:22px;bottom:22px;left:auto;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(255,255,255,.08);backdrop-filter:blur(12px)}
.service-card--bento .service-card__link i{display:none}.service-card--bento .service-card__link b{color:#fff;font-size:16px}
.service-card--bento:nth-child(7) p{display:none}.service-card--bento:nth-child(7) h3{font-size:24px}
.service-card--chatbox .service-card__media{background:radial-gradient(circle at 72% 28%,rgba(52,222,231,.32),transparent 22%),radial-gradient(circle at 34% 68%,rgba(245,160,0,.2),transparent 20%),linear-gradient(145deg,#073a4a,#031822)}
.service-card--chatbox .service-card__media img{display:none}
.service-card--chatbox .service-card__media::before,.service-card--chatbox .service-card__media::after{content:"";position:absolute;border:1px solid rgba(103,226,234,.3);border-radius:24px 24px 24px 7px;background:rgba(255,255,255,.04);box-shadow:0 0 0 14px rgba(61,207,218,.025)}
.service-card--chatbox .service-card__media::before{width:46%;height:24%;right:12%;top:19%}.service-card--chatbox .service-card__media::after{width:38%;height:19%;left:13%;top:50%;border-radius:24px 24px 7px 24px}

.services-listing{background:linear-gradient(180deg,#f7fafb,#eef6f7)}
.solution-group{padding:34px;border:1px solid rgba(7,91,105,.1);border-radius:28px;background:rgba(255,255,255,.72);box-shadow:0 26px 80px rgba(3,41,53,.07)}
.solution-group+.solution-group{margin-top:42px;padding-top:34px;border-top:1px solid rgba(7,91,105,.1)}
.service-showcase{grid-template-columns:repeat(12,1fr);gap:18px}
.service-showcase__item,.service-showcase__item:nth-child(even){grid-column:span 6;display:flex;flex-direction:column;min-height:0;padding:0;overflow:hidden;border:1px solid rgba(7,91,105,.11);border-radius:22px;background:#fff;box-shadow:0 18px 55px rgba(3,43,55,.07)}
.service-showcase__item:nth-child(3n+1){grid-column:span 7}.service-showcase__item:nth-child(3n+2){grid-column:span 5}
.service-showcase__item:nth-child(even) .service-showcase__media{order:0}
.service-showcase__media{min-height:240px;max-height:240px;border-radius:0}
.service-showcase__content{align-self:stretch;display:flex;flex:1;flex-direction:column;padding:30px 32px 34px}
.service-showcase__title h2{font-size:29px}.service-showcase__title img{width:42px;height:42px}
.service-showcase__content>p{margin:18px 0;color:#607681;font-size:14px}
.service-showcase__content ul{margin-top:auto}.service-showcase__content .text-link{align-self:flex-start}

@media(max-width:1180px) and (min-width:901px){
  .brand__signature{display:none}.brand img{width:132px}.site-nav>.nav-link,.site-nav>a.nav-link:not(.button),.nav-dropdown>.nav-link{padding-inline:7px!important}.header-request{padding-inline:12px}
}

@media(max-width:900px){
  .brand__signature{display:none}
  .site-nav>.nav-link small,.nav-dropdown>.nav-link small{display:inline-grid;width:30px;color:#51d3dd;font:800 8px var(--font-body);letter-spacing:.12em}
  .site-nav>.nav-link,.site-nav>a.nav-link:not(.button),.nav-dropdown>.nav-link{display:grid;grid-template-columns:34px 1fr auto;justify-content:stretch!important;padding:14px 12px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:12px;margin-bottom:7px;background:rgba(255,255,255,.035);font-size:21px!important}
  .site-nav>.nav-link.is-active,.nav-dropdown>.nav-link.is-active{background:linear-gradient(90deg,rgba(11,164,179,.22),rgba(255,255,255,.035));border-color:rgba(68,208,218,.27)!important}
  .service-grid{display:flex;gap:14px;margin-right:-16px;padding-right:16px;overflow-x:auto;scroll-snap-type:x mandatory}
  .service-card.service-card--bento,.service-card.service-card--bento:nth-child(n){flex:0 0 min(84vw,390px);min-height:430px;scroll-snap-align:center}
  .service-card--bento:nth-child(7) p{display:block}
  .service-showcase{display:flex}.service-showcase__item,.service-showcase__item:nth-child(n){flex:0 0 min(86vw,430px)}
  .solution-group{margin-inline:-6px;padding:22px 16px;border-radius:20px}
}

@media(max-width:640px){
  .site-header,.site-header.is-sticky{background:rgba(255,255,255,.97)}
  .service-card.service-card--bento,.service-card.service-card--bento:nth-child(n){flex-basis:88vw;min-height:410px;padding:23px}
  .service-card--bento h3{font-size:29px}.service-card--bento p{font-size:12px}
  .solution-group{padding:18px 12px}.service-showcase__content{padding:25px 23px 30px}.service-showcase__media{min-height:220px;max-height:220px}
}

/* Ana sayfa: kısa, yatay keşif odaklı kurumsal akış */
@media(min-width:901px){
  .page-home .services-preview{padding-block:88px}
  .page-home .services-preview .section-heading{margin-bottom:40px}
  .page-home .services-preview .service-grid{
    display:flex;
    gap:16px;
    padding:2px 2px 20px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x proximity;
    scrollbar-width:thin;
    scrollbar-color:#0aa4b5 rgba(5,53,66,.08);
  }
  .page-home .services-preview .service-grid::-webkit-scrollbar{height:5px}
  .page-home .services-preview .service-grid::-webkit-scrollbar-track{background:rgba(5,53,66,.08);border-radius:10px}
  .page-home .services-preview .service-grid::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#08a9bb,#f5a000);border-radius:10px}
  .page-home .service-card.service-card--bento,
  .page-home .service-card.service-card--bento:nth-child(n){
    flex:0 0 360px;
    min-height:440px;
    scroll-snap-align:start;
  }
  .page-home .service-card.service-card--bento:nth-child(1){flex-basis:520px}
  .page-home .service-card.service-card--bento:nth-child(2){flex-basis:410px}
  .page-home .service-card.service-card--bento:nth-child(7) p{display:block}
  .page-home .section-action{margin-top:24px}
  .page-home .ai-home__grid{min-height:590px}
  .page-home .ai-home__copy{padding:60px 0 60px 70px}
  .page-home .platform-section{padding-block:82px}
  .page-home .about-preview{padding-block:82px}
  .page-home .about-preview__grid{gap:76px}
  .page-home .about-preview__visual,
  .page-home .about-preview__visual img{min-height:450px;height:450px}
  .page-home .references-preview{padding-block:76px 88px}
  .page-home .references-preview .section-heading{margin-bottom:38px}
}

@media(max-width:900px){
  .page-home .services-preview,
  .page-home .platform-section,
  .page-home .about-preview,
  .page-home .references-preview{padding-block:68px}
  .page-home .services-preview .section-heading,
  .page-home .references-preview .section-heading{margin-bottom:32px}
  .page-home .ai-home__grid{min-height:0}
  .page-home .ai-home__visual{min-height:350px}
  .page-home .ai-home__copy{padding:58px 0}
  .page-home .about-preview__grid{gap:52px}
  .page-home .about-preview__visual,
  .page-home .about-preview__visual img{min-height:350px;height:350px}
}

@media(max-width:640px){
  .page-home .ai-home__visual{min-height:260px;max-height:260px}
  .page-home .ai-home__copy{padding:46px 0}
  .page-home .ai-home__copy h2{font-size:37px}
  .page-home .ai-home__copy>p{margin:18px 0;font-size:15px}
  .page-home .ai-home__features{grid-template-columns:1fr 1fr;margin:24px 0}
  .page-home .ai-home__features span{min-height:72px;padding:12px;font-size:10px}
  .page-home .platform-section{padding-block:58px}
  .page-home .platform-grid{gap:38px}
  .page-home .platform-copy h2{font-size:40px}
  .page-home .platform-copy>p{margin-block:18px;font-size:16px}
  .page-home .platform-copy .check-list li:nth-child(3){display:none}
  .page-home .dashboard{transform:none}
  .page-home .dashboard__operations,
  .page-home .dashboard__channels{display:none}
  .page-home .about-preview{padding-block:64px}
  .page-home .about-preview__visual{display:none}
  .page-home .about-preview__grid{gap:0}
  .page-home .about-preview__copy h2{font-size:37px}
  .page-home .about-preview__copy .lead{margin-top:20px;font-size:16px}
  .page-home .about-preview__copy>p:not(.lead){display:none}
  .page-home .about-preview__principles{margin:22px 0 28px}
}

/* Hizmet keşif kartları: üç farklı Yeditepe kart karakteri */
.page-home .service-card--bento{
  padding:0;
  border:1px solid rgba(5,82,95,.11);
  background:#f7fbfc;
  box-shadow:0 22px 55px rgba(2,39,51,.11);
}
.page-home .service-card--bento::after{
  inset:10px;
  border-color:rgba(255,255,255,.34);
  border-radius:17px;
}
.page-home .service-card--bento .service-card__number{
  z-index:5;
  top:18px;
  right:auto;
  left:18px;
  min-width:34px;
  padding:7px 9px;
  color:#fff;
  border:1px solid rgba(255,255,255,.2);
  border-radius:9px;
  background:rgba(2,30,41,.58);
  text-align:center;
  backdrop-filter:blur(12px);
}
.page-home .service-card--bento .service-card__link{
  z-index:6;
  right:20px;
  bottom:20px;
  border-radius:13px;
}

/* A — bölünmüş komuta kartı */
.page-home .service-card--bento:nth-child(1){
  color:#fff;
  background:radial-gradient(circle at 20% 15%,rgba(14,174,188,.19),transparent 34%),#031b28;
}
.page-home .service-card--bento:nth-child(1) .service-card__media{
  z-index:0;
  inset:0 0 0 46%;
}
.page-home .service-card--bento:nth-child(1) .service-card__shade{
  z-index:1;
  inset:0;
  background:linear-gradient(90deg,#031b28 5%,rgba(3,27,40,.96) 43%,rgba(3,27,40,.36) 78%,rgba(3,27,40,.12));
}
.page-home .service-card--bento:nth-child(1) .service-card__icon{
  z-index:5;
  top:24px;
  right:24px;
  left:auto;
  width:52px;
  height:52px;
  border-radius:17px;
  background:linear-gradient(145deg,rgba(14,183,196,.88),rgba(4,92,109,.86));
}
.page-home .service-card--bento:nth-child(1) .service-card__body{
  position:absolute;
  z-index:4;
  width:57%;
  left:30px;
  bottom:34px;
}
.page-home .service-card--bento:nth-child(1) h3{max-width:none;color:#fff;font-size:40px}
.page-home .service-card--bento:nth-child(1) p{max-width:285px;color:rgba(255,255,255,.65)}
.page-home .service-card--bento:nth-child(1) .service-card__link{border-color:rgba(91,221,230,.28);background:rgba(8,166,182,.13)}

/* B — açık editoryal teknoloji kartları */
.page-home .service-card--bento:nth-child(2n) .service-card__media{
  z-index:0;
  inset:12px 12px auto;
  height:52%;
  overflow:hidden;
  border-radius:16px;
}
.page-home .service-card--bento:nth-child(2n) .service-card__shade{
  z-index:1;
  inset:12px 12px auto;
  height:52%;
  border-radius:16px;
  background:linear-gradient(180deg,rgba(2,24,34,.04),rgba(2,24,34,.48));
}
.page-home .service-card--bento:nth-child(2n) .service-card__icon{
  z-index:5;
  width:48px;
  height:48px;
  top:calc(52% - 13px);
  right:auto;
  left:24px;
  border-color:rgba(4,126,143,.18);
  border-radius:15px;
  background:linear-gradient(145deg,#0bb2c3,#06798d);
  box-shadow:0 13px 28px rgba(4,132,149,.22);
}
.page-home .service-card--bento:nth-child(2n) .service-card__body{
  position:absolute;
  z-index:4;
  right:64px;
  bottom:24px;
  left:24px;
  color:#062c3a;
}
.page-home .service-card--bento:nth-child(2n) .service-card__body small{margin-bottom:7px;color:#07899c}
.page-home .service-card--bento:nth-child(2n) h3{max-width:100%;color:#062c3a;font-size:29px}
.page-home .service-card--bento:nth-child(2n) p{
  display:-webkit-box;
  max-width:100%;
  margin:8px 0 0;
  overflow:hidden;
  color:#617780;
  font-size:11px;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.page-home .service-card--bento:nth-child(2n) .service-card__link{color:#047f92;border-color:rgba(5,122,139,.2);background:#edf8f9}
.page-home .service-card--bento:nth-child(2n) .service-card__link b{color:#047f92}

/* C — tam görselli cam bilgi kartları */
.page-home .service-card--bento:nth-child(2n+3) .service-card__body{
  position:absolute;
  z-index:4;
  right:16px;
  bottom:16px;
  left:16px;
  padding:20px 62px 20px 20px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(2,27,39,.88),rgba(3,42,54,.7));
  box-shadow:0 18px 45px rgba(0,0,0,.22);
  backdrop-filter:blur(15px);
}
.page-home .service-card--bento:nth-child(2n+3) .service-card__body small{margin-bottom:7px}
.page-home .service-card--bento:nth-child(2n+3) h3{font-size:29px}
.page-home .service-card--bento:nth-child(2n+3) p{
  display:-webkit-box;
  margin:8px 0 0;
  overflow:hidden;
  font-size:11px;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.page-home .service-card--bento:nth-child(2n+3) .service-card__link{right:29px;bottom:29px}

@media(max-width:640px){
  .page-home .service-card--bento:nth-child(1) .service-card__media{inset:0 0 0 42%}
  .page-home .service-card--bento:nth-child(1) .service-card__body{width:63%;left:22px;bottom:28px}
  .page-home .service-card--bento:nth-child(1) h3{font-size:31px}
  .page-home .service-card--bento:nth-child(1) p{display:-webkit-box;overflow:hidden;font-size:11px;-webkit-box-orient:vertical;-webkit-line-clamp:3}
  .page-home .service-card--bento:nth-child(2n) .service-card__body{bottom:22px}
  .page-home .service-card--bento:nth-child(2n) h3,
  .page-home .service-card--bento:nth-child(2n+3) h3{font-size:27px}
}

/* Yeditepe navigasyon sistemi: koyu kontrol rayı + çözüm haritası */
@media(min-width:901px){
  .site-nav{
    border-color:rgba(75,211,220,.1);
    background:linear-gradient(120deg,#031b28,#073846);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 9px 22px rgba(2,35,46,.12);
  }
  .site-nav>.nav-link,
  .site-nav>a.nav-link:not(.button),
  .nav-dropdown>.nav-link{
    color:rgba(255,255,255,.73);
  }
  .site-nav>.nav-link small,
  .nav-dropdown>.nav-link small{color:#58ccd7}
  .site-nav>.nav-link:hover,
  .nav-dropdown>.nav-link:hover{
    color:#fff;
    background:rgba(255,255,255,.08);
    box-shadow:none;
  }
  .site-nav>.nav-link.is-active,
  .nav-dropdown>.nav-link.is-active,
  .nav-dropdown.is-open>.nav-link{
    color:#052632;
    background:linear-gradient(135deg,#7ce6eb,#2dc4d0);
    box-shadow:0 8px 22px rgba(20,184,198,.25);
  }
  .site-nav>.nav-link.is-active small,
  .nav-dropdown>.nav-link.is-active small,
  .nav-dropdown.is-open>.nav-link small{color:#046d7a}

  .mega-menu{
    top:calc(100% + 13px);
    width:min(calc(100vw - 56px),1260px);
    padding-top:0;
  }
  .nav-dropdown:focus-within .mega-menu{
    visibility:visible;
    opacity:1;
    pointer-events:auto;
    transform:translate(-50%,0);
  }
  .nav-dropdown:focus-within>.nav-link{
    color:#052632;
    background:linear-gradient(135deg,#7ce6eb,#2dc4d0);
  }
  .mega-menu__inner{
    grid-template-columns:clamp(235px,23vw,300px) minmax(0,1fr);
    grid-template-rows:minmax(355px,auto) 112px;
    gap:13px;
    min-height:0;
    padding:13px;
    overflow:hidden;
    color:#062b39;
    border:1px solid rgba(6,92,105,.13);
    border-radius:24px;
    background:rgba(241,248,249,.98);
    box-shadow:0 38px 100px rgba(1,25,36,.3);
    backdrop-filter:blur(22px);
  }
  .mega-menu__intro{
    grid-row:1/3;
    overflow:hidden;
    padding:34px 30px;
    border:0;
    border-radius:17px;
    background:radial-gradient(circle at 20% 14%,rgba(44,207,218,.23),transparent 30%),linear-gradient(150deg,#073d4e,#031925 76%);
  }
  .mega-menu__intro::before{
    content:"02";
    position:absolute;
    right:-8px;
    bottom:-35px;
    color:rgba(255,255,255,.045);
    font:800 150px/.8 var(--font-display);
    letter-spacing:-.08em;
  }
  .mega-menu__intro::after{
    width:230px;
    height:230px;
    right:-105px;
    bottom:54px;
    border-color:rgba(82,219,227,.12);
    box-shadow:0 0 0 38px rgba(82,219,227,.025),0 0 0 76px rgba(82,219,227,.015);
  }
  .mega-menu__intro>span{color:#65e1e8}
  .mega-menu__intro h2{margin-top:24px;color:#fff;font-size:31px}
  .mega-menu__intro p{color:rgba(255,255,255,.62);line-height:1.7}
  .mega-menu__intro a{
    width:100%;
    justify-content:space-between;
    padding:13px 14px;
    color:#fff;
    border:1px solid rgba(255,255,255,.15);
    border-radius:11px;
    background:rgba(255,255,255,.055);
  }
  .mega-menu__groups{
    grid-column:2;
    grid-row:1;
    gap:10px;
    padding:0;
    color:#062b39;
    background:transparent;
  }
  .mega-menu__group{
    min-width:0;
    padding:17px 13px 13px;
    border:1px solid rgba(5,92,106,.1)!important;
    border-radius:16px;
    background:#fff;
    box-shadow:0 12px 34px rgba(3,48,60,.055);
  }
  .mega-menu__group h3{
    margin:0 0 11px;
    padding:0 4px 12px;
    border-bottom:1px solid rgba(5,92,106,.09);
    font-size:12px;
  }
  .mega-menu__group h3 i{
    width:27px;
    height:27px;
    display:grid;
    place-items:center;
    color:#057d90;
    border-radius:8px;
    background:#e7f7f8;
  }
  .mega-menu__group a{
    margin:0;
    padding:8px 26px 8px 9px;
    border-radius:9px;
  }
  .mega-menu__group a::before{
    content:"";
    position:absolute;
    width:4px;
    height:4px;
    left:0;
    top:15px;
    border-radius:50%;
    background:#13b3c1;
    opacity:0;
    transition:opacity .2s,left .2s;
  }
  .mega-menu__group a:hover{
    color:#046f80;
    background:#eff9fa;
    transform:none;
  }
  .mega-menu__group a:hover::before{left:7px;opacity:1}
  .mega-menu__group a:hover::after{right:9px;color:#0797aa}
  .mega-menu__group strong{font-size:12px}
  .mega-menu__group small{font-size:8.5px}
  .mega-menu__feature{
    grid-column:2;
    grid-row:2;
    min-height:0;
    overflow:hidden;
    color:#fff;
    border-radius:16px;
    background:linear-gradient(90deg,#042332,#075064);
  }
  .mega-menu__feature::after{background:linear-gradient(90deg,#03202e 5%,rgba(3,32,46,.96) 46%,rgba(3,32,46,.25) 78%)}
  .mega-menu__feature img{right:0;left:auto;width:48%;filter:saturate(.72) contrast(1.05)}
  .mega-menu__feature>span{
    z-index:1;
    width:54%;
    top:50%;
    right:auto;
    bottom:auto;
    left:25px;
    transform:translateY(-50%);
  }
  .mega-menu__feature small{color:#62dce4}
  .mega-menu__feature strong{margin:5px 0 9px;font-size:16px}
}

@media(max-width:900px){
  .nav-dropdown.is-open>.nav-link{
    border-color:rgba(76,219,228,.35)!important;
    background:linear-gradient(90deg,rgba(13,169,183,.28),rgba(255,255,255,.045));
  }
  .nav-dropdown.is-open .mega-menu{max-height:980px}
  .mega-menu__inner{
    margin:8px 0 15px;
    padding:10px;
    overflow:hidden;
    border:1px solid rgba(83,214,223,.16);
    border-radius:16px;
    background:rgba(255,255,255,.035);
  }
  .mega-menu__intro{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding:13px 12px;
    border:0;
    border-radius:11px;
    background:linear-gradient(100deg,rgba(20,181,194,.2),rgba(255,255,255,.035));
  }
  .mega-menu__intro>span{color:#72e1e8;font-size:7px}
  .mega-menu__intro a{
    float:none;
    flex:0 0 auto;
    padding:7px 9px;
    color:#fff;
    border:1px solid rgba(255,255,255,.13);
    border-radius:8px;
    font-size:8px;
  }
  .mega-menu__groups{
    display:flex;
    gap:8px;
    padding:9px 0 4px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .mega-menu__groups::-webkit-scrollbar{display:none}
  .mega-menu__group{
    flex:0 0 76%;
    padding:11px;
    border:1px solid rgba(255,255,255,.09)!important;
    border-radius:12px;
    background:rgba(255,255,255,.03);
    scroll-snap-align:start;
  }
  .mega-menu__group h3{margin-bottom:7px;color:#70dbe3;font-size:9px}
  .mega-menu__group h3 i{
    width:24px;
    height:24px;
    display:grid;
    place-items:center;
    border-radius:7px;
    background:rgba(24,184,198,.12);
  }
  .mega-menu__group a{
    padding:7px 9px;
    border-radius:8px;
    background:rgba(255,255,255,.025);
  }
  .mega-menu__group a+a{margin-top:4px}
  .mega-menu__group a:nth-of-type(n+4){display:none}
  .mega-menu__group strong{font-size:12px}
  .mega-menu__group small{display:none}
  .mega-menu__feature{display:none}
}

/* Kompakt çözüm haritası */
@media(min-width:901px){
  .mega-menu{width:min(calc(100vw - 100px),1080px)}
  .mega-menu__inner{
    grid-template-columns:clamp(210px,20vw,250px) minmax(0,1fr);
    grid-template-rows:minmax(260px,auto) 82px;
    gap:10px;
    padding:10px;
    border-radius:20px;
  }
  .mega-menu__intro{padding:24px 22px;border-radius:14px}
  .mega-menu__intro::before{font-size:112px}
  .mega-menu__intro h2{margin-top:18px;font-size:25px}
  .mega-menu__intro p{margin:12px 0 18px;font-size:11px;line-height:1.55}
  .mega-menu__intro a{padding:10px 11px;font-size:9px}
  .mega-menu__groups{gap:8px}
  .mega-menu__group{padding:11px 9px 9px;border-radius:13px}
  .mega-menu__group h3{margin-bottom:7px;padding:0 3px 8px;font-size:11px}
  .mega-menu__group h3 i{width:23px;height:23px;border-radius:7px}
  .mega-menu__group a{padding:6px 22px 6px 7px;border-radius:7px}
  .mega-menu__group a::after{top:8px}
  .mega-menu__group a::before{top:12px}
  .mega-menu__group strong{font-size:10.5px}
  .mega-menu__group small{display:none}
  .mega-menu__feature{border-radius:13px}
  .mega-menu__feature>span{left:18px}
  .mega-menu__feature small{font-size:7px}
  .mega-menu__feature strong{margin:3px 0 6px;font-size:14px}
  .mega-menu__feature b{font-size:8px}
}
@media(max-width:1180px) and (min-width:901px){
  .mega-menu__intro{padding:20px 17px}
  .mega-menu__intro h2{font-size:22px;line-height:1.12}
  .mega-menu__intro p{display:none}
  .mega-menu__intro a{margin-top:22px}
}

/* Yeditepe Nexus: klasik dashboard yerine canlı bağlantı ağı */
.live-card--network{
  width:410px;
  overflow:hidden;
  border:1px solid rgba(75,219,228,.25);
  border-radius:24px;
  background:linear-gradient(155deg,rgba(3,34,46,.95),rgba(2,18,28,.92));
  box-shadow:0 36px 100px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.07);
}
.live-card--network::before{
  opacity:.1;
  background-image:radial-gradient(circle at center,rgba(86,221,229,.36) 1px,transparent 1px);
  background-size:18px 18px;
  mask-image:radial-gradient(circle at center,#000,transparent 72%);
}
.live-card--network .live-card__header{min-height:60px;padding-inline:18px}
.nexus-map{
  position:relative;
  height:226px;
  overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:radial-gradient(circle at center,rgba(16,178,193,.16),transparent 48%);
}
.nexus-map__lines{position:absolute;inset:10px 5px 0;width:calc(100% - 10px);height:210px;fill:none;stroke:rgba(93,217,225,.23);stroke-width:1}
.nexus-map__lines path{stroke-dasharray:4 5;animation:nexusRoute 10s linear infinite}
.nexus-map__lines circle{stroke:rgba(255,255,255,.08);stroke-dasharray:2 5}
.nexus-map__ring{
  position:absolute;
  width:154px;
  height:154px;
  left:50%;
  top:50%;
  border:1px solid rgba(85,223,231,.13);
  border-radius:50%;
  box-shadow:0 0 0 22px rgba(58,203,214,.025),0 0 55px rgba(12,165,181,.14);
  transform:translate(-50%,-50%);
}
.nexus-map__ring--inner{width:108px;height:108px;border-style:dashed;animation:nexusSpin 20s linear infinite}
.nexus-map__core{
  position:absolute;
  z-index:3;
  width:92px;
  height:92px;
  left:50%;
  top:50%;
  display:grid;
  place-content:center;
  text-align:center;
  border:1px solid rgba(126,235,241,.3);
  border-radius:50%;
  background:radial-gradient(circle at 40% 28%,#0ea7b7,#05465a 72%);
  box-shadow:0 0 35px rgba(18,188,202,.25),inset 0 1px 0 rgba(255,255,255,.18);
  transform:translate(-50%,-50%);
}
.nexus-map__core small{color:rgba(255,255,255,.55);font-size:6px;font-weight:800;letter-spacing:.12em}
.nexus-map__core strong{margin:4px 0 1px;color:#fff;font:800 23px/1 var(--font-display);font-variant-numeric:tabular-nums}
.nexus-map__core em{color:#75e5b2;font-size:6px;font-style:normal;text-transform:uppercase}
.nexus-map__node{
  position:absolute;
  z-index:4;
  min-width:74px;
  display:grid;
  grid-template-columns:7px 1fr;
  gap:1px 7px;
  padding:8px 9px;
  color:#fff;
  border:1px solid rgba(255,255,255,.12);
  border-radius:11px;
  background:rgba(3,30,42,.78);
  box-shadow:0 12px 28px rgba(0,0,0,.18);
  backdrop-filter:blur(12px);
}
.nexus-map__node>i{grid-row:1/3;align-self:center;width:6px;height:6px;border-radius:50%;background:#29c9d6;box-shadow:0 0 0 4px rgba(41,201,214,.08)}
.nexus-map__node b{font:700 9px var(--font-display)}
.nexus-map__node small{color:rgba(255,255,255,.48);font-size:7px}
.nexus-map__node--voice{left:17px;top:26px}.nexus-map__node--chat{right:17px;top:35px}.nexus-map__node--social{left:25px;bottom:22px}
.nexus-map__node--chat>i{background:#f5a000;box-shadow:0 0 0 4px rgba(245,160,0,.09)}
.nexus-map__node--social>i{background:#6ee6b1}
.nexus-map__signal{
  position:absolute;
  z-index:5;
  width:9px;
  height:9px;
  left:calc(50% - 4px);
  top:calc(50% - 4px);
  border:2px solid #f5a000;
  border-radius:50%;
  box-shadow:0 0 18px #f5a000;
  animation:nexusSignal 3.8s ease-in-out infinite;
}
.nexus-readouts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:12px 14px}
.nexus-readouts>div{min-width:0;padding:9px 10px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(255,255,255,.025)}
.nexus-readouts small,.nexus-readouts em{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.nexus-readouts small{color:rgba(255,255,255,.42);font-size:7px}
.nexus-readouts strong{display:block;margin:4px 0 2px;color:#fff;font:800 16px var(--font-display);font-variant-numeric:tabular-nums}
.nexus-readouts em{color:#61dba1;font-size:6px;font-style:normal}
.live-card--network .live-card__status{min-height:40px}
.live-card--network [data-hero-count]{font-variant-numeric:tabular-nums;transition:color .25s,text-shadow .25s,transform .25s}
.live-card--network.is-live-updating [data-hero-count]{color:#fff;text-shadow:0 0 18px rgba(63,220,229,.34)}
.live-card--network.is-live-updating .nexus-map__core{box-shadow:0 0 46px rgba(18,188,202,.38),inset 0 1px 0 rgba(255,255,255,.2)}
.dashboard--command.is-live-updating [data-live-variance]{color:#078fa0;text-shadow:0 0 14px rgba(10,175,191,.16)}
.dashboard--command.is-live-updating .dashboard__capacity [data-live-count]{color:#fff}
@keyframes nexusRoute{to{stroke-dashoffset:-90}}
@keyframes nexusSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes nexusSignal{0%,100%{transform:translate(0,0)}35%{transform:translate(113px,-53px)}70%{transform:translate(-106px,64px)}}

@media(max-width:1100px) and (min-width:761px){
  .live-card--network{width:370px}
}
@media(max-width:760px){
  .live-card--network{right:22px;left:22px;width:auto;border-radius:18px;transform:scale(.9);transform-origin:bottom center}
  .live-card--network .live-card__header{min-height:48px}
  .nexus-map{height:138px}
  .nexus-map__lines{height:132px}
  .nexus-map__ring{width:100px;height:100px}.nexus-map__ring--inner{width:70px;height:70px}
  .nexus-map__core{width:64px;height:64px}.nexus-map__core strong{font-size:17px}
  .nexus-map__node{min-width:55px;padding:5px 6px}.nexus-map__node b{font-size:8px}.nexus-map__node small{font-size:6px}.nexus-map__node--voice{left:8px;top:13px}.nexus-map__node--chat{right:8px;top:16px}.nexus-map__node--social{left:11px;bottom:10px}
  .nexus-readouts{gap:5px;padding:7px 9px}.nexus-readouts>div{padding:5px 6px}.nexus-readouts strong{font-size:13px}
  .live-card--network .live-card__status{display:none}
}
@media(max-width:640px){
  .page-home .hero,.page-home .hero__inner{min-height:820px}
}
@media(prefers-reduced-motion:reduce){.nexus-map__lines path,.nexus-map__ring--inner,.nexus-map__signal{animation:none}}

/* Başlıkla bütünleşen masaüstü navigasyon yüzeyi */
@media(min-width:901px){
  .site-nav{
    gap:2px;
    padding:4px;
    border:1px solid rgba(6,111,127,.1);
    border-radius:14px;
    background:linear-gradient(135deg,rgba(232,246,248,.94),rgba(247,251,252,.98));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 6px 16px rgba(3,57,69,.055);
  }
  .site-nav>.nav-link,
  .site-nav>a.nav-link:not(.button),
  .nav-dropdown>.nav-link{
    min-height:44px!important;
    color:#284752;
    border-radius:10px;
  }
  .site-nav>.nav-link small,
  .nav-dropdown>.nav-link small{color:#0b9cad}
  .site-nav>.nav-link:hover,
  .nav-dropdown>.nav-link:hover{
    color:#056f80;
    background:#fff;
    box-shadow:0 7px 18px rgba(3,70,82,.075);
  }
  .site-nav>a.nav-link.is-active:not(.button),
  .nav-dropdown>.nav-link.is-active,
  .nav-dropdown.is-open>.nav-link,
  .nav-dropdown:focus-within>.nav-link{
    color:#055d6c;
    background:linear-gradient(135deg,#d9f4f6,#eefafa);
    box-shadow:0 7px 18px rgba(4,91,104,.1),inset 0 0 0 1px rgba(9,164,180,.13);
  }
  .site-nav>a.nav-link.is-active:not(.button) small,
  .nav-dropdown>.nav-link.is-active small,
  .nav-dropdown.is-open>.nav-link small,
  .nav-dropdown:focus-within>.nav-link small{color:#078fa0}
  .header__inner,.site-header.is-sticky .header__inner{
    border-color:rgba(7,86,101,.09);
    background:rgba(251,253,253,.96);
    box-shadow:0 18px 50px rgba(2,27,38,.14),inset 0 1px 0 #fff;
  }
}

/* Yeditepe two-tier command header: brand rail + utility deck + navigation deck */
@media(min-width:901px){
  .site-header,
  .site-header.is-sticky{
    height:108px;
    margin-bottom:-108px;
  }
  .header__inner,
  .site-header.is-sticky .header__inner{
    height:88px;
    margin-top:10px;
    display:grid;
    grid-template-columns:176px minmax(0,1fr) auto;
    grid-template-rows:32px minmax(0,1fr);
    column-gap:16px;
    row-gap:0;
    padding:0 12px 0 20px;
    border-radius:18px;
  }
  .site-header.is-sticky .header__inner{
    height:82px;
    margin-top:7px;
    grid-template-rows:30px minmax(0,1fr);
  }
  .brand{
    grid-column:1;
    grid-row:1 / 3;
    align-self:stretch;
    justify-content:flex-start;
    min-width:0;
    padding-right:18px;
    border-right:1px solid rgba(7,86,101,.11);
  }
  .brand img{
    width:150px;
    max-height:58px;
  }
  .brand__signature{display:none}
  .header-console{
    grid-column:2;
    grid-row:1;
    min-width:0;
    display:flex;
    align-items:center;
    gap:12px;
    padding-top:2px;
    overflow:hidden;
    white-space:nowrap;
  }
  .header-console span{
    min-width:0;
    display:flex;
    align-items:center;
    gap:8px;
    overflow:hidden;
    color:#087d8d;
    font-size:7px;
    font-weight:850;
    letter-spacing:.14em;
    text-overflow:ellipsis;
  }
  .header-console span i{
    width:6px;
    height:6px;
    flex:0 0 6px;
    border-radius:50%;
    background:#37cf97;
    box-shadow:0 0 0 4px rgba(55,207,151,.09);
  }
  .header-console small{
    margin-left:auto;
    padding-left:12px;
    color:#87999f;
    border-left:1px solid rgba(7,86,101,.1);
    font-size:6px;
    font-weight:800;
    letter-spacing:.13em;
  }
  .header-actions{
    grid-column:3;
    grid-row:1;
    align-self:center;
    gap:7px;
  }
  .language-switch{
    min-width:46px;
    height:32px;
    border-radius:9px;
  }
  .header-phone{
    width:32px;
    height:32px;
    border-radius:9px;
  }
  .header-phone svg{width:17px}
  .header-request{
    min-height:32px;
    padding:0 13px;
    border-radius:9px;
    font-size:9px;
    box-shadow:0 7px 18px rgba(4,142,159,.16);
  }
  .site-nav{
    grid-column:2 / 4;
    grid-row:2;
    align-self:stretch;
    justify-content:stretch;
    align-items:stretch;
    gap:0;
    padding:0;
    border:0;
    border-top:1px solid rgba(7,86,101,.1);
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  .site-nav>.nav-link,
  .site-nav>a.nav-link:not(.button),
  .nav-dropdown>.nav-link{
    position:relative;
    min-height:48px!important;
    padding:0 14px!important;
    border-radius:0;
    color:#36535c;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .site-nav>.nav-link,
  .site-nav>.nav-dropdown{
    flex:1 1 0;
    min-width:0;
  }
  .site-nav>.nav-dropdown{display:flex}
  .nav-dropdown>.nav-link{width:100%}
  .site-nav>.nav-link:hover,
  .nav-dropdown>.nav-link:hover{
    color:#05798b;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .site-nav>a.nav-link.is-active:not(.button),
  .nav-dropdown>.nav-link.is-active,
  .nav-dropdown.is-open>.nav-link,
  .nav-dropdown:focus-within>.nav-link{
    color:#05798b;
    background:transparent!important;
    box-shadow:none!important;
  }
  .site-nav>.nav-link::after,
  .nav-dropdown>.nav-link::after{
    content:"";
    position:absolute;
    right:14px;
    bottom:0;
    left:14px;
    display:block!important;
    height:2px;
    border-radius:2px;
    background:linear-gradient(90deg,#10b7c7,#f5a000);
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .22s ease;
  }
  .site-nav>.nav-link:hover::after,
  .nav-dropdown>.nav-link:hover::after,
  .site-nav>a.nav-link.is-active:not(.button)::after,
  .nav-dropdown>.nav-link.is-active::after,
  .nav-dropdown.is-open>.nav-link::after,
  .nav-dropdown:focus-within>.nav-link::after{
    transform:scaleX(1);
  }
  .site-nav>.nav-link small,
  .nav-dropdown>.nav-link small{
    color:#0b9cad;
  }
  .header-progress{
    right:24px;
    bottom:2px;
    left:24px;
  }
  .anchor-nav,
  .solution-category-nav{top:98px}
}

@media(max-width:1180px) and (min-width:901px){
  .header__inner,
  .site-header.is-sticky .header__inner{
    grid-template-columns:160px minmax(0,1fr) auto;
    column-gap:12px;
    padding-left:16px;
  }
  .brand{padding-right:13px}
  .brand img{width:136px}
  .header-console small{font-size:5.5px}
  .site-nav>.nav-link,
  .site-nav>a.nav-link:not(.button),
  .nav-dropdown>.nav-link{
    gap:5px;
    padding-right:10px!important;
    padding-left:10px!important;
    font-size:10px!important;
  }
  .site-nav>.nav-link::after,
  .nav-dropdown>.nav-link::after{right:10px;left:10px}
}

@media(max-width:900px){
  .header-console{display:none}
}

/* Final Yeditepe header: compact single-deck navigation */
@media(min-width:901px){
  .site-header,
  .site-header.is-sticky{
    height:108px;
    margin-bottom:-108px;
  }
  .header__inner,
  .site-header.is-sticky .header__inner{
    height:78px;
    margin-top:15px;
    display:flex;
    align-items:center;
    gap:14px;
    padding:0 12px 0 20px;
    border-radius:20px;
  }
  .site-header.is-sticky .header__inner{
    height:72px;
    margin-top:9px;
  }
  .brand{
    align-self:center;
    flex:0 0 154px;
    min-width:0;
    padding:0;
    border:0;
  }
  .brand img{
    width:150px;
    max-height:54px;
  }
  .brand__signature,
  .header-console{display:none}
  .site-nav{
    align-self:center;
    flex:1 1 auto;
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:2px;
    padding:4px;
    border:1px solid rgba(6,111,127,.1);
    border-radius:14px;
    background:linear-gradient(135deg,rgba(232,246,248,.94),rgba(247,251,252,.98));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 6px 16px rgba(3,57,69,.055);
  }
  .site-nav>.nav-link,
  .site-nav>.nav-dropdown{
    flex:0 1 auto;
    min-width:0;
  }
  .site-nav>.nav-dropdown{display:block}
  .site-nav>.nav-link,
  .site-nav>a.nav-link:not(.button),
  .nav-dropdown>.nav-link{
    width:auto;
    min-height:44px!important;
    padding:0 9px!important;
    border-radius:10px;
    color:#284752;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .site-nav>.nav-link::after,
  .nav-dropdown>.nav-link::after{display:none!important}
  .site-nav>.nav-link:hover,
  .nav-dropdown>.nav-link:hover{
    color:#056f80;
    background:#fff!important;
    box-shadow:0 7px 18px rgba(3,70,82,.075)!important;
  }
  .site-nav>a.nav-link.is-active:not(.button),
  .nav-dropdown>.nav-link.is-active,
  .nav-dropdown.is-open>.nav-link,
  .nav-dropdown:focus-within>.nav-link{
    color:#055d6c;
    background:linear-gradient(135deg,#d9f4f6,#eefafa)!important;
    box-shadow:0 7px 18px rgba(4,91,104,.1),inset 0 0 0 1px rgba(9,164,180,.13)!important;
  }
  .header-actions{
    align-self:center;
    flex:0 0 auto;
    display:flex;
    gap:8px;
  }
  .language-switch{
    min-width:46px;
    height:40px;
    border-radius:10px;
  }
  .header-phone{
    width:40px;
    height:40px;
    border-radius:11px;
  }
  .header-phone svg{width:19px}
  .header-request{
    min-height:40px;
    padding:0 15px;
    border-radius:11px;
    font-size:9px;
    box-shadow:0 9px 22px rgba(4,142,159,.2);
  }
  .header-progress{
    right:22px;
    bottom:8px;
    left:22px;
  }
  .anchor-nav,
  .solution-category-nav{top:96px}
}

@media(max-width:1180px) and (min-width:901px){
  .header__inner,
  .site-header.is-sticky .header__inner{
    display:flex;
    gap:10px;
    padding-left:16px;
  }
  .brand{flex-basis:136px;padding:0;border:0}
  .brand img{width:132px}
  .site-nav>.nav-link,
  .site-nav>a.nav-link:not(.button),
  .nav-dropdown>.nav-link{
    gap:4px;
    padding-right:7px!important;
    padding-left:7px!important;
    font-size:9.5px!important;
  }
  .site-nav>.nav-link small,
  .nav-dropdown>.nav-link small{font-size:5.5px}
  .header-actions{gap:6px}
  .language-switch{min-width:42px}
  .header-request{padding-right:12px;padding-left:12px}
}

@media(max-width:900px){
  .nav-dropdown>.nav-mega-toggle{
    grid-template-columns:34px minmax(0,1fr) 18px;
    align-items:center;
    text-align:left;
  }
  .nav-mega-toggle>span{
    justify-self:start;
    text-align:left;
  }
  .nav-mega-toggle>svg{
    grid-column:3;
    justify-self:end;
  }
}

/* Premium footer rhythm and column balance */
.footer-brandline{
  display:block;
}
.footer-brandline>a{display:block}
.footer-brandline::after{
  content:"";
  display:block;
  width:52px;
  height:2px;
  margin-top:20px;
  border-radius:2px;
  background:linear-gradient(90deg,#16bdca 0 62%,#f5a000 62% 100%);
}
.footer-brandline>i,
.footer-brandline>span{display:none}
.footer__brand p{
  max-width:300px;
  margin:24px 0 22px;
  color:rgba(255,255,255,.7);
  font-size:14px;
  line-height:1.75;
}
.footer__grid address{line-height:1.7}

@media(min-width:1201px){
  .footer__grid{
    grid-template-columns:minmax(280px,1.35fr) .72fr .92fr 1fr minmax(230px,1.2fr);
    gap:60px;
    padding-top:78px;
    padding-bottom:86px;
  }
  .footer__brand p{margin-top:22px}
  .footer__grid>div:last-child{min-width:230px}
  .footer__grid h3{margin-bottom:24px}
  .footer__grid a{margin-bottom:10px;line-height:1.45}
  .footer__bottom{min-height:78px}
}

@media(max-width:1200px) and (min-width:901px){
  .footer__grid{
    gap:48px 42px;
    padding-top:68px;
    padding-bottom:74px;
  }
}

@media(max-width:640px){
  .footer-brandline::after{width:48px;margin-top:17px}
  .footer__grid{padding-top:58px;padding-bottom:64px}
}