/* Açık konsept: ilk tasarımın kompozisyonu ve amber vurgusu korunur. */
:root { --light-ink:#202637; --hero-paper:#fafaf7; }
.header { background:rgba(250,250,247,.96); color:var(--light-ink); border-bottom-color:#252c3712; backdrop-filter:blur(16px); }
.header .brand { color:var(--light-ink); }
.header .brand-period { color:#b78111; }
.header .mark-gold { stroke:#ecb035; }
.navigation>a { color:#59606a; }
.navigation>a:hover,.header-cta:hover { color:#946414; }
.header-cta { border-bottom-color:#9ca19e; }
.hero { background:var(--hero-paper); color:var(--light-ink); }
.hero-grid-bg { background:radial-gradient(ellipse at 81% 43%,#f4d38832,transparent 53%),linear-gradient(90deg,transparent 49.8%,#33414406 50%,transparent 50.2%); background-size:auto,145px 100%; }
.hero .eyebrow { color:#65706d; }
.hero .tiny-square { background:#b9821e; }
.hero h1 { font-weight:500; }
.hero h1>span { color:#a87514; }
.hero-description { color:#68727b; }
.hero .button-gold { background:#f4bd4b; box-shadow:0 7px 20px #ba8f2810; }
.hero .button-gold:hover { background:#ffd17a; }
.hero .text-link { color:#39424b; }
.hero-footnote { color:#79817c; }
.hero-footnote strong { color:#5b6964; }
.footnote-mark { border-color:#d5d9cb; color:#9b7429; background:#fff9; }
.hero-bottom { border-top-color:#303a311c; color:#758277; }
.hero-bottom>a { color:#526054; }
.hero-bottom>a>span { color:#a4721a; }
.ecosystem-topline { color:#7b867d; }
.ecosystem-topline span:last-child { color:#99a194; }
.orbit-label { background:#ffffffeb; border-color:#d4d9d07d; color:#2a3539; box-shadow:0 10px 30px #3842380b,0 2px 4px #38423803; }
.orbit-label:hover { border-color:#d1aa5c; box-shadow:0 12px 32px #a682301b; }
.orbit-label small { color:#737f74; }
.orbit-icon { background:#f5f2e9; border-color:#e6dfcf; color:#987127; }
.orbit-arrow { color:#8b9587; }
.ecosystem-caption { color:#657369; }
.caption-line { background:#b89146; }
.core-art { filter:drop-shadow(0 15px 24px #55604513); }
.core-art>ellipse[fill="#000"] { opacity:.11; }
.core-art>g[opacity=".28"] { opacity:.16; }
.technology-strip { background:#f0f2ed; }
.partner-image { opacity:.61; }

/* Her çözüm, okunabilir büyüklükte gerçek ekran veya ürün fotoğrafı ile sunulur. */
.solution-layout { display:block; }
.solution-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:22px; }
.solution-tab,.solution-tab:first-child { border:1px solid #dfe3da; border-radius:6px; padding:22px!important; gap:16px; min-height:99px; }
.solution-tab.active { border-color:#c8cdbd; background:#e9ece3; }
.solution-tab strong { font-size:20px; }
.solution-tab small { font-size:11px; color:#6f7b6c; }
.solution-tab .tab-number { display:block; }
.solution-panel { grid-template-columns:.88fr 1.3fr; min-height:455px; background:#eef0e9; border:1px solid #e0e4d7; border-radius:9px; }
.solution-copy { align-self:center; padding:44px 35px 44px 41px; }
.solution-copy h3 { font-size:38px; margin-top:21px; }
.solution-copy>p:not(.panel-eyebrow) { max-width:355px; font-size:13px; line-height:1.9; color:#687562; }
.solution-benefits { margin-block:23px 29px; }
.solution-benefits li { font-size:12px; }
.panel-link { font-size:12px; gap:18px; }
.product-media { --media-accent:#76536f; min-width:0; display:flex; flex-direction:column; justify-content:center; padding:28px; background:linear-gradient(135deg,#f6f7f3,#e5e9e0); border-left:1px solid #dfe4d6; }
.media-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:17px; }
.media-brand { display:flex; align-items:center; gap:8px; color:#586551; font-size:10px; letter-spacing:1.1px; font-weight:700; }
.media-brand:before { content:''; width:6px; height:6px; border-radius:50%; background:var(--media-accent); }
.media-type { font-size:9px; color:#7b8776; }
.product-figure { margin:0; }
.product-image-button { display:block; width:100%; border:0; padding:0; background:transparent; position:relative; cursor:zoom-in; }
.image-stage { display:block; position:relative; background:#fff; border-radius:7px; border:1px solid #cdd4c5; box-shadow:0 15px 30px #53613f15; overflow:hidden; }
.window-bar { display:flex; align-items:center; gap:5px; height:27px; border-bottom:1px solid #e4e5df; padding:0 12px; background:#f7f8f4; }
.window-bar i { width:4px; height:4px; background:#c4cbc0; border-radius:50%; }
.window-bar span { margin-left:auto; font-family:var(--font); font-size:7px; color:#859078; letter-spacing:.7px; }
.product-image { width:100%; display:block; height:auto; aspect-ratio:1.6; object-fit:contain; background:#fff; }
.image-zoom { position:absolute; right:10px; bottom:10px; border:1px solid #d9ded3; border-radius:5px; padding:7px 10px; color:#485443; background:#fffffff2; display:flex; align-items:center; gap:6px; font-size:9px; box-shadow:0 2px 10px #39442812; transition:transform .2s; }
.image-zoom .icon { width:13px; height:13px; }
.product-image-button:hover .image-zoom { transform:translateY(-3px); }
.product-figcaption { display:flex; justify-content:space-between; align-items:baseline; gap:12px; padding-top:17px; }
.product-figcaption h4 { font-size:13px; letter-spacing:-.15px; font-weight:650; color:#475341; margin:0; }
.product-figcaption p { margin-top:3px; color:#78846e; font-size:10px; }
.media-source { white-space:nowrap; font-size:8px; color:#7c886f; text-decoration:underline; text-underline-offset:3px; }
.product-media[data-service="system"] { --media-accent:#47667d; background:linear-gradient(135deg,#eef2f4,#e3e9ec); }
.product-media[data-service="system"] .image-stage { border-color:#d2dbe0; }
.product-media[data-kind="photo"] { --media-accent:#5b8ca8; background:linear-gradient(135deg,#edf1f1,#e1e8e6); }
.product-media[data-kind="photo"] .window-bar { display:none; }
.product-media[data-kind="photo"] .product-image { object-fit:cover; }
.product-media[data-service="security"] { --media-accent:#b8725b; background:linear-gradient(135deg,#f3f1ed,#e7e8df); }
.product-media[data-kind="concept"] .window-bar { display:none; }
.product-media[data-kind="concept"] .image-stage { border-color:#d8e2dc; box-shadow:0 17px 36px #344d3917; }
.product-media[data-kind="concept"] .image-zoom { opacity:0; }
.product-media[data-kind="concept"] .product-image-button:hover .image-zoom,.product-media[data-kind="concept"] .product-image-button:focus-visible .image-zoom { opacity:1; }
.media-credits { display:flex; flex-direction:column; align-items:flex-end; gap:6px; }
.media-dialog { border:1px solid #d2d9cd; border-radius:12px; padding:22px; width:min(1140px,calc(100% - 40px)); max-height:calc(100dvh - 50px); background:#f8faf5; box-shadow:0 24px 90px #0004; color:#263222; }
.media-dialog::backdrop { background:#101c27b8; backdrop-filter:blur(5px); }
.dialog-header { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:16px; }
.dialog-header h2 { margin:0; font-size:20px; letter-spacing:-.5px; }
.dialog-close { width:40px; height:40px; display:grid; place-items:center; color:#485542; border:1px solid #d0d9c9; background:#fff; border-radius:50%; }
.dialog-close .icon { transform:rotate(45deg); }
.dialog-image { width:100%; max-height:calc(100dvh - 220px); object-fit:contain; display:block; background:#fff; border:1px solid #e2e7db; border-radius:5px; }
.dialog-footer { display:flex; justify-content:space-between; align-items:baseline; gap:20px; margin-top:12px; font-size:11px; color:#6f7f64; }
.dialog-footer a { text-decoration:underline; text-underline-offset:3px; white-space:nowrap; }
body.media-viewer-open { overflow:hidden; }

@media(max-width:1200px){
  .solution-tab { padding:19px 16px!important; gap:12px; }
  .solution-tab strong { font-size:18px; }
  .solution-tab small { font-size:10px; }
  .solution-copy { padding:32px; }
  .solution-copy h3 { font-size:33px; }
  .solution-copy>p:not(.panel-eyebrow) { font-size:12px; }
  .product-media { padding:23px; }
}
@media(max-width:960px){
  .solution-tabs { gap:10px; }
  .solution-tab .tab-number { display:none; }
  .solution-tab { padding:17px 13px!important; min-height:88px; gap:7px; }
  .solution-tab strong { font-size:16px; }
  .solution-tab small { font-size:9px; }
  .solution-panel { grid-template-columns:1fr 1.15fr; min-height:450px; }
  .solution-copy { padding:28px 23px; }
  .solution-copy h3 { font-size:31px; }
  .solution-benefits li { font-size:11px; }
  .panel-link { font-size:10px; }
  .product-media { padding:20px; }
  .media-type { font-size:8px; }
  .media-brand { font-size:9px; }
  .product-figcaption { flex-wrap:wrap; gap:5px; }
  .product-figcaption h4 { font-size:12px; }
}
@media(max-width:720px){
  .header { background:#fafaf7f7; }
  .menu-toggle { color:#28353b; }
  .navigation { background:#fafbf6; border-color:#d9ddcf; box-shadow:0 20px 30px #34413812; }
  .navigation>a { border-color:#dfe4d6; color:#45523f; }
  .navigation .mobile-contact { color:#946517; }
  .hero h1 { color:#252c3b; }
  .solution-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-bottom:17px; }
  .solution-tab { padding:16px!important; min-height:90px; }
  .solution-tab strong { font-size:17px; }
  .solution-tab small { font-size:10px; }
  .solution-tab .tab-number { display:none; }
  .solution-panel { grid-template-columns:1fr; }
  .solution-copy { padding:29px 25px 28px; }
  .solution-copy h3 { font-size:33px; }
  .solution-copy>p:not(.panel-eyebrow) { font-size:12px; max-width:460px; }
  .solution-benefits { margin-block:18px 22px; }
  .panel-link { font-size:11px; }
  .product-media { border-left:0; border-top:1px solid #dfe4d6; padding:22px 17px; }
  .media-credits { align-items:flex-start; }
  .media-toolbar { margin-bottom:13px; }
  .media-brand { font-size:9px; }
  .media-type { font-size:8px; }
  .product-figcaption { gap:10px; }
  .product-figcaption h4 { font-size:12px; }
  .product-figcaption p { font-size:9px; }
  .media-source { font-size:8px; }
  .image-zoom { font-size:8px; padding:5px 7px; bottom:8px; right:8px; }
  .image-zoom .icon { width:12px; height:12px; }
  .media-dialog { padding:15px; width:calc(100% - 24px); max-height:calc(100dvh - 30px); }
  .dialog-header { margin-bottom:12px; gap:15px; }
  .dialog-header h2 { font-size:17px; }
  .dialog-footer { flex-wrap:wrap; gap:8px; font-size:10px; }
  .dialog-image { max-height:calc(100dvh - 230px); }
}
@media(max-width:380px){
  .solution-tab .tab-number { display:none; }
  .solution-tab strong { font-size:16px; }
  .solution-tab small { font-size:9px; }
  .solution-copy { padding:26px 22px; }
  .solution-copy h3 { font-size:30px; }
  .product-media { padding-inline:13px; }
  .product-figcaption { display:block; }
  .media-source { display:inline-block; margin-top:8px; }
}

@media(hover:none){ .product-media[data-kind="concept"] .image-zoom { opacity:1; } }

/* Okunabilirlik: belirgin metinler, daha büyük yazılar ve temiz yüzeyler. */
:root { --ink:#17212b; --light-ink:#17212b; --paper:#fff; --hero-paper:#fafbfc; --muted:#43515d; --line:#d2dadf; }
body { font-size:16px; font-weight:500; -webkit-font-smoothing:auto; }
.header { background:#fafbfc; border-bottom-color:#dce2e6; backdrop-filter:none; }
.hero-grid-bg { background:radial-gradient(ellipse at 81% 43%,#f4d38820,transparent 53%); }
.hero h1 { font-weight:650; }
.hero h1>span { color:#926014; }
h2,.solution-copy h3,.process-item h3,.insight-title h3,.contact-choice h3 { color:var(--ink); font-weight:650; }
.muted-heading { color:#52616c; }
.navigation>a { color:#34424e; font-size:14px; font-weight:600; }
.header-cta { font-size:14px; border-color:#596975; }
.hero-description { color:#3d4d5b; font-size:17px; font-weight:500; line-height:1.75; }
.eyebrow,.hero .eyebrow,.dark-eyebrow { font-size:12px; color:#485663; letter-spacing:1.2px; font-weight:700; }
.button,.text-link,.hero-actions>.text-link,.hero-actions .button { font-size:14px; font-weight:700; }
.hero .text-link,.text-link-dark { color:#263d4c; }
.hero-footnote { font-size:12px; color:#53626d; }
.hero-footnote strong { color:#344b56; font-weight:600; }
.hero-bottom { color:#50616b; font-size:11px; letter-spacing:.8px; }
.hero-bottom>a { font-size:11px; color:#344d59; }
.ecosystem-topline,.ecosystem-topline span:last-child { color:#51616b; font-size:10px; letter-spacing:1px; }
.orbit-label { background:#fff; border-color:#cbd6d9; backdrop-filter:none; }
.orbit-label strong { font-size:14px; color:#203642; font-weight:700; }
.orbit-label small { color:#50626b; font-size:9px; letter-spacing:.5px; font-weight:600; }
.orbit-arrow { color:#4e626c; }
.ecosystem-caption { color:#415a63; font-size:12px; font-weight:600; }
.technology-inner>p { font-size:13px; color:#4b5b65; }
.technology-inner>p strong { color:#263b47; }
.partner-image { opacity:.85; }
.solutions,.approach { background:#fff; }
.section-intro { font-size:16px; color:#445461; line-height:1.75; }
.solution-tab,.solution-tab:first-child { background:#fff; border-color:#bdcbd1; }
.solution-tab.active { background:#e8f0ec; border-color:#5f8574; box-shadow:inset 0 3px 0 #426d59; }
.solution-tab strong { font-size:22px; font-weight:700; color:#182e3c; }
.solution-tab small { font-size:13px; color:#445963; font-weight:500; line-height:1.5; }
.tab-number { font-size:12px; color:#52656c; }
.solution-tab>.icon { color:#46626d; }
.solution-tab>span:not(.tab-number) { min-width:0; }
.solution-panel { background:#fff; border-color:#ccd6dc; }
.solution-copy { background:#fff; }
.solution-copy h3 { font-size:38px; letter-spacing:-1.2px; }
.panel-eyebrow { font-size:11px; line-height:1.65; letter-spacing:1px; color:#4e6258; }
.solution-copy>p:not(.panel-eyebrow) { font-size:16px; font-weight:500; color:#3d4e5a; line-height:1.75; max-width:430px; }
.solution-benefits li { font-size:15px; font-weight:500; line-height:1.65; color:#294337; margin-block:9px; }
.solution-benefits li:before { color:#456b55; }
.panel-link { font-size:14px; color:#193d2f; line-height:1.65; border-color:#6a8776; }
.product-media { background:#f3f6f7; border-color:#d1dde1; }
.product-media[data-service="system"],.product-media[data-kind="photo"] { background:#eff4f7; }
.product-media[data-service="security"] { background:#f0f4f1; }
.media-brand { color:#314f5c; font-size:12px; letter-spacing:.6px; }
.media-type { color:#4c606b; font-size:12px; }
.media-toolbar { flex-wrap:wrap; gap:8px 14px; }
.image-stage,.product-media[data-kind="concept"] .image-stage { border-color:#b7c8cf; }
.window-bar span { font-size:10px; color:#526571; }
.image-zoom,.product-media[data-kind="concept"] .image-zoom { opacity:1; font-size:12px; font-weight:600; color:#294450; background:#fff; border-color:#aabdc4; padding:8px 11px; }
.product-figcaption { flex-wrap:wrap; gap:10px 16px; }
.product-figcaption h4 { font-size:16px; color:#203e49; font-weight:700; }
.product-figcaption p { font-size:13px; color:#455c67; line-height:1.65; margin-top:5px; }
.media-source { font-size:11px; color:#425b67; }
.media-credits { align-items:flex-start; }
.dialog-footer { font-size:13px; color:#3c535e; }
.dialog-header h2 { font-weight:650; }
.approach-intro>p:not(.eyebrow),.process-item p { font-size:16px; color:#445461; line-height:1.75; }
.approach-signature { color:#53626b; font-size:12px; }
.approach-signature strong { color:#3c5348; font-weight:600; }
.process-number { font-size:14px; color:#526659; }
.process-kicker { font-size:11px; color:#4f6357; letter-spacing:1px; font-weight:700; }
.process-item h3 { font-size:24px; }
.perspective-label { font-size:12px; color:#493816; }
.perspective h2 { color:#302717; font-weight:650; }
.perspective h2 span { color:#59411c; }
.perspective-bottom p { font-size:15px; color:#493717; }
.insights { background:#f7f9fb; }
.insight-meta { font-size:11px; color:#506253; letter-spacing:.8px; }
.insight-title h3 { font-size:23px; }
.insight-card>p { font-size:15px; color:#445461; }
.cover-tag { font-size:11px!important; font-weight:600!important; }
.contact h2 { color:#f5f8f6; }
.contact .eyebrow { color:#c9d7ce; }
.contact-grid>div>p:not(.eyebrow) { font-size:16px; color:#c4d0c9; }
.contact-options>a { font-size:19px; font-weight:600; }
.locations { font-size:11px; color:#bccdc0; }
.contact-choice .panel-eyebrow { color:#c9d7ce; font-size:11px; }
.contact-choice h3 { color:#f0f5f1; }
.contact-services button { color:#d2ded5; font-size:14px; font-weight:500; border-color:#6a7d70; min-height:44px; }
.contact-services button.selected { color:#ffe0a0; border-color:#c9a452; background:#363125; }
.contact-whatsapp { font-size:14px; }
.contact-choice .contact-note { font-size:12px!important; color:#bdcfc1!important; }
.footer-main>p { font-size:12px; color:#b5c4b9; }
.footer-main>a:not(.brand):not(.back-top) { font-size:13px; color:#cad5cc; }
.footer-bottom,.footer-bottom>span:last-child { font-size:11px; color:#b7c7bb; letter-spacing:.5px; }
@media(max-width:1200px){
  .hero h1 { font-size:60px; }
  .solution-tab,.solution-tab:first-child { padding:19px 15px!important; gap:12px; }
  .solution-tab strong { font-size:20px; }
  .solution-tab small { font-size:12px; }
  .solution-copy h3 { font-size:34px; }
}
@media(max-width:960px){
  .hero h1 { font-size:51px; }
  .hero-description { font-size:16px; }
  .navigation { gap:16px; }
  .navigation>a,.header-cta { font-size:12px; }
  .solution-tab strong { font-size:18px; }
  .solution-tab small { font-size:11px; }
  .solution-tab,.solution-tab:first-child { padding:16px 12px!important; gap:8px; }
  .solution-copy { padding:28px 23px; }
  .solution-copy h3 { font-size:32px; }
  .solution-copy>p:not(.panel-eyebrow) { font-size:15px; }
  .solution-benefits li { font-size:14px; }
  .panel-link { font-size:13px; }
  .product-media { padding:22px 18px; }
  .media-brand,.media-type { font-size:11px; }
  .contact-grid { grid-template-columns:1fr 1fr; }
}
@media(max-width:720px){
  .header { background:#fafbfc; }
  .header-cta { font-size:12px; gap:8px; }
  .navigation { background:#fff; }
  .navigation>a,.navigation .mobile-contact { font-size:16px; }
  .hero h1 { font-size:clamp(40px,8.4vw,60px); letter-spacing:-1.9px; }
  .hero-description,.section-intro { font-size:16px; }
  .hero-actions { gap:20px; }
  .hero-actions .button,.hero-actions>.text-link { font-size:14px; }
  .hero-bottom { font-size:9px; gap:12px; letter-spacing:0; }
  .hero-bottom>a { font-size:10px; }
  .ecosystem-topline { font-size:9px; }
  .orbit-label { padding:9px 8px; }
  .orbit-label strong { font-size:13px; }
  .orbit-label small { font-size:8px; }
  .ecosystem-caption { font-size:11px; }
  .solution-tab,.solution-tab:first-child { padding:16px 14px!important; }
  .solution-tab strong { font-size:18px; }
  .solution-tab small { font-size:12px; }
  .solution-copy { padding:30px 24px; }
  .solution-copy h3 { font-size:33px; }
  .solution-copy>p:not(.panel-eyebrow) { font-size:16px; }
  .solution-benefits li { font-size:15px; }
  .panel-link { font-size:14px; }
  .panel-eyebrow { font-size:11px; }
  .image-zoom { font-size:11px; padding:7px 9px; }
  .process-item h3 { font-size:23px; }
  .perspective-bottom p { font-size:14px; }
  .insights .section-heading>.text-link { font-size:14px; }
  .contact-grid { grid-template-columns:1fr; }
  .contact-services button { font-size:14px; }
  .footer-bottom { align-items:flex-start; flex-direction:column; gap:8px; }
}
@media(max-width:380px){
  .header-cta { display:none; }
  .menu-toggle { margin-left:auto; }
  .hero h1 { font-size:38px; }
  .orbit-icon { display:none; }
  .solution-tab>.icon { display:none; }
  .solution-tab strong { font-size:18px; }
  .solution-tab small { font-size:11px; }
  .solution-copy { padding:26px 22px; }
  .solution-copy h3 { font-size:30px; }
  .contact-options>a { font-size:17px; }
}