/* A quieter home page, layered onto the original DET theme. */
.det-home .hero-solutions{gap:10px 22px}
.det-home .hero-solutions a{padding:4px 0;border:0;border-radius:0;background:none;font-size:12px;gap:8px}
.det-home .hero-solutions a:hover{color:#fff;background:none;text-decoration:underline;text-underline-offset:5px}
.home-text-link{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:10px 0;color:#c1d9f2;font-size:14px;font-weight:600}
.home-text-link:hover{color:var(--cyan)}
.home-pts{padding:72px 0;margin:12px 0;background:linear-gradient(180deg,#06152799,#06112066);border-block:1px solid #429bdf1c;scroll-margin-top:8px}
.home-pts__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:42px;margin-bottom:28px}
.home-pts__heading .kicker{font-size:11px;letter-spacing:.15em;color:var(--cyan);margin:0 0 15px}
.home-pts__heading h2{font-size:clamp(28px,3vw,44px);line-height:1.13;letter-spacing:-.035em;margin:0;color:#eff7ff}
.home-pts__heading h2 span{color:#70caff}
.home-pts__heading>p{max-width:390px;color:#9eb4ce;font-size:14px;line-height:1.9;margin:0}
.home-game{border-color:#254569;border-radius:20px;box-shadow:0 24px 70px #0004;padding:0}
.home-game .gate-layout{grid-template-columns:minmax(0,1fr) 290px}
.home-game .gate-topbar,.home-game .gate-bottom{background:#091c32}
.home-game .gate-viewport{height:auto;min-height:500px}
.home-game .gate-console{background:#08182a;border-color:#254569;padding:24px}
.home-game .gate-console-head{font-size:9px;letter-spacing:.06em}
.home-game .gate-console dl>div{font-size:11px;padding:11px 0}
.home-game .gate-plate{margin:22px 0 14px}
.home-game .gate-decision-hint{font-size:12px;min-height:58px;margin:16px 0}
.home-game .drive-flow{gap:8px;margin:0 0 20px}
.home-game .drive-flow li{border:0;background:none;padding:4px 0;font-size:12px}
.home-game .drive-flow li.is-active{color:#9adeff}
.home-game .drive-flow li span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#12314c;font-size:9px}
.home-game .drive-flow li.is-active span{background:#1268ac;color:#fff}
.home-game .gate-console>a{line-height:1.7;color:#74c8ff;font-size:11px;min-height:44px;display:flex;align-items:center;border-top:1px solid #254569;padding-top:12px}
.home-game .gate-overlay{background:linear-gradient(105deg,#06172ae8,#08283b70);padding:30px}
.home-game .gate-overlay h3{font-size:clamp(32px,3.4vw,48px);letter-spacing:-.045em;margin:20px 0 14px}
.home-game .gate-overlay p{font-size:13px;line-height:1.8;max-width:385px}
.home-game .gate-overlay .gate-tag{font-size:9px;border-color:#3882ad;color:#a1dcff}
.home-game .gate-primary{background:linear-gradient(135deg,#24b6ff,#1067ed);border:1px solid #6ecaff70;color:white!important;border-radius:10px;font-size:14px;padding:15px 26px;box-shadow:0 10px 30px #0068ff35}
.home-game .gate-overlay small{max-width:320px;line-height:1.7;color:#a1bed3}
.gate-play-controls{position:absolute;top:16px;right:16px;display:flex;gap:6px}
.gate-play-controls button{border:1px solid #476c93;background:#091c32e8;color:#d3eaff;border-radius:7px;min-height:36px;padding:8px 10px;font:inherit;font-size:10px;cursor:pointer}
.home-game:not([data-phase]) .gate-play-controls,.home-game[data-phase="idle"] .gate-play-controls{display:none}
.home-game:not([data-phase]) .drive-steering,.home-game[data-phase="idle"] .drive-steering{visibility:hidden}
.home-game .gate-bottom{color:#94adc7;font-size:10px;line-height:1.7;flex-wrap:wrap}
.home-pts__footnote{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:15px;color:#8199b4;font-size:11px;line-height:1.7;min-height:44px}
.home-pts__footnote>span:first-child{margin-right:auto}
.home-pts__footnote [data-home-support-slot]:empty{display:none}
.home-pts .det-support__launcher{position:static;inset:auto;z-index:auto;min-height:44px;padding:10px 15px;font-size:12px;background:#102b43;border-color:#345d80;color:#cbe6ff;box-shadow:none;white-space:nowrap}
.home-pts .det-support__launcher:hover{background:#163d60}
.home-pts .det-support__launcher svg{width:18px;height:18px}
body.home-game-on-screen .experience-to-top{display:none}
.home-pts__footnote a{color:#afcee9;display:inline-flex;gap:12px;align-items:center}
.home-pts__footnote a:hover,.home-explore a:hover{color:var(--cyan)}
.home-explore{display:flex;gap:28px;align-items:center;border-top:1px solid #25456988;padding-top:22px;margin-top:30px;font-size:12px}
.home-explore>span{color:#8199b4;margin-right:auto}
.home-explore a{color:#cce1f5;display:flex;align-items:center;gap:18px;min-height:44px}
.home-explore a span{color:var(--cyan)}
@media(max-width:1000px){
    .home-pts__heading{gap:26px}.home-pts__heading>p{max-width:320px;font-size:13px}
    .home-game .gate-layout{grid-template-columns:minmax(0,1fr) 260px}.home-game .gate-console{padding:20px}
}
@media(max-width:760px){
    .home-pts{padding:44px 0}.home-pts__heading{display:block;margin-bottom:24px}
    .home-pts__heading>p{max-width:540px;margin-top:17px;font-size:13px}.home-pts__heading h2{font-size:32px}
    .home-game{border-radius:14px}.home-game .gate-layout{grid-template-columns:1fr}
    .home-game .gate-viewport{height:430px;min-height:430px}
    .home-game .gate-console{border-left:0;border-top:1px solid #254569;padding:17px 20px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:18px;align-items:start}
    .home-game .gate-console-head{grid-column:1/-1;margin-bottom:12px}
    .home-game .gate-plate{width:100%;margin:0;max-width:230px}.home-game .gate-plate strong{font-size:18px;padding:9px 2px}
    .home-game .gate-console dl{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin-top:10px}
    .home-game .gate-console dl>div{font-size:10px;gap:8px;padding:9px 0}
    .home-game .gate-decision-hint{margin:0;min-height:0;font-size:11px;line-height:1.6;grid-column:2;grid-row:2}
    .home-game .drive-flow{display:none}.home-game .gate-console>a{grid-column:1/-1;min-height:36px;border-top:0;padding:12px 0 0;font-size:11px}
    .home-game .gate-bottom{display:none}.home-game .gate-overlay{padding:22px}.home-game .gate-overlay h3{font-size:36px}
    .home-game .gate-overlay p{font-size:12px;max-width:360px}.home-game .gate-overlay .gate-tag{font-size:8px}
    .home-game .gate-camera-label{top:18px;left:14px}.home-game .gate-camera-label small{font-size:8px}
    .gate-play-controls{top:13px;right:10px;gap:4px}.gate-play-controls button{font-size:9px;padding:8px;min-height:38px}
    .home-pts__footnote{font-size:10px;flex-wrap:wrap;gap:4px}.home-pts__footnote a{min-height:40px}
    .home-explore{gap:0;flex-wrap:wrap;margin-top:20px;padding-top:20px}.home-explore>span{width:100%;margin-bottom:9px}.home-explore a{flex:1 1 170px;gap:12px}
}
@media(max-width:370px){
    .home-game .gate-overlay h3{font-size:31px}.home-game .gate-overlay .gate-tag{letter-spacing:.07em;padding:8px}
    .home-game .gate-console{padding:15px 12px;column-gap:12px}.home-game .gate-console dl{gap:0 12px}
    .home-game .gate-plate strong{font-size:16px}.home-game .gate-plate>span{width:22px}
}

/* ==========================================================================
   E-E-A-T ve Semantik SEO Geliştirmeleri (Ürün Detayları, Metrikler, Sektörler)
   ========================================================================== */
.ecosystem-card__specs {
    list-style: none;
    padding: 0;
    margin: 16px 0 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-top: 14px;
}
.ecosystem-card__specs li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    color: #cbd5e1;
    line-height: 1.4;
}
.ecosystem-card__specs li i {
    color: var(--cyan);
    font-size: 13px;
    width: 16px;
    text-align: center;
    flex-shrink: 0;
}

/* Öne Çıkan Proje Başarı Rozetleri ve Metrikleri */
.mock-project__badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(16, 185, 129, 0.12);
    border: 1px solid rgba(16, 185, 129, 0.35);
    color: #6ee7b7;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    margin-bottom: 10px;
}
.mock-project__metrics {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 12px 0 16px;
}
.mock-project__metric-item {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    padding: 4px 9px;
    font-size: 11px;
    color: #94a3b8;
    display: flex;
    align-items: center;
    gap: 6px;
}
.mock-project__metric-item strong {
    color: #f1f5f9;
}

/* Sektörel Çözüm & Entegrasyon Matrisi */
.mock-section--sectors {
    background: linear-gradient(180deg, rgba(8, 22, 38, 0.4), rgba(5, 13, 23, 0.8));
    border-top: 1px solid rgba(66, 155, 223, 0.12);
    padding: 64px 0;
}
.sector-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
    margin-top: 32px;
}
.sector-card {
    background: linear-gradient(145deg, rgba(14, 30, 50, 0.7), rgba(8, 18, 32, 0.9));
    border: 1px solid rgba(56, 189, 248, 0.15);
    border-radius: 16px;
    padding: 24px;
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
    display: flex;
    flex-direction: column;
}
.sector-card:hover {
    transform: translateY(-4px);
    border-color: rgba(56, 189, 248, 0.4);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
}
.sector-card__icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(35, 213, 255, 0.12), rgba(18, 139, 255, 0.22));
    border: 1px solid rgba(56, 189, 248, 0.3);
    color: #38bdf8;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    margin-bottom: 16px;
}
.sector-card h3 {
    font-size: 16px;
    color: #fff;
    margin: 0 0 10px 0;
}
.sector-card p {
    font-size: 12px;
    color: #94a3b8;
    line-height: 1.6;
    margin: 0 0 14px 0;
    flex-grow: 1;
}
.sector-card__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.sector-card__tags span {
    font-size: 10px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #7dd3fc;
    padding: 2px 7px;
    border-radius: 4px;
}

/* Yasal Uyumluluk ve Mühendislik Standartları */
.mock-section--compliance {
    padding: 64px 0;
    border-bottom: 1px solid rgba(66, 155, 223, 0.12);
}
.compliance-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-top: 32px;
}
.compliance-card {
    background: rgba(11, 25, 42, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    padding: 24px;
}
.compliance-card__icon {
    font-size: 22px;
    color: #10b981;
    margin-bottom: 12px;
}
.compliance-card h3 {
    font-size: 15px;
    color: #fff;
    margin: 0 0 8px 0;
}
.compliance-card p {
    font-size: 12px;
    color: #94a3b8;
    line-height: 1.6;
    margin: 0;
}