/* Skin · Minimal Lacivert — Saf Minimal layout (centred oversized hero, three products side by side, generous space)
   in the Kurumsal Lacivert palette (navy ink, brand teal accent, cool navy-tinted greys). */
:root, :root[data-theme="dark"] {
  --bg: #FFFFFF; --panel: #F3F6FA; --ink: #0B2A5B; --text: #2A3A55; --muted: #5E6B82; --line: #E1E7F0;
  --teal: #00A3AC; --teal-ink: #00737A; --teal-soft: #E1F2F3;
  --deep: #0B2A5B; --deep-2: #12396F; --on-deep: #EEF3FA; --on-deep-muted: #B4C4DD; --deep-line: rgba(180, 200, 230, .18);
  --font-head: "Inter Tight", "Segoe UI", Arial, sans-serif; --font-body: "Inter Tight", "Segoe UI", Arial, sans-serif; --font-num: "Inter Tight", "Segoe UI", Arial, sans-serif;
  --radius: 28px; color-scheme: light;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --bg: #FFFFFF; --panel: #F3F6FA; --ink: #0B2A5B; --text: #2A3A55; --muted: #5E6B82; --line: #E1E7F0;
  --teal: #00A3AC; --teal-ink: #00737A; --teal-soft: #E1F2F3; color-scheme: light; } }

h1, h2, h3 { font-weight: 600; letter-spacing: -0.035em; }
h1 { font-size: clamp(2.6rem, 7vw, 5.6rem); line-height: 1.02; }
h2 { font-size: clamp(2rem, 4vw, 3.2rem); }
section { padding-block: clamp(80px, 11vw, 140px); }
.btn-primary { background: var(--ink); color: #FFFFFF; }
.btn-primary:hover { background: #12396F; color: #FFFFFF; }
.site-header { background: rgba(255, 255, 255, .88); border-bottom: 1px solid var(--line); }
.nav a { color: var(--text); }
.nav a::after { background: var(--teal); }
.lang button[aria-pressed="true"] { background: var(--ink); color: #FFFFFF; }

/* centred hero, products below */
.hero { color: var(--text); background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 62%, var(--panel) 62%, var(--panel) 100%); padding-bottom: 56px; }
.hero::before, .flow { display: none; }
.hero .wrap { grid-template-columns: 1fr; justify-items: center; text-align: center; }
.hero-copy { justify-items: center; max-width: 920px; }
.hero h1 { color: var(--ink); }
.hero h1 em { color: var(--teal); }
.hero .lead { color: var(--muted); margin-inline: auto; }
.hero-actions, .model-chips { justify-content: center; }
.pill { border-color: var(--line); background: #FFFFFF; color: var(--text); }
.pill b { background: var(--ink); color: #FFFFFF; }
.btn-light { border-color: var(--line); color: var(--ink); background: #FFFFFF; }
.btn-light:hover { border-color: var(--ink); color: var(--ink); }
.model-chips a { border-color: var(--line); background: #FFFFFF; color: var(--ink); }
.model-chips a:hover { border-color: var(--ink); background: #FFFFFF; color: var(--ink); }
.model-chips span { color: var(--muted); }
.stage { min-height: 0; width: 100%; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: end; margin-top: 12px; }
.stage .s-main, .stage .s-back1, .stage .s-back2 { position: static; inset: auto; width: 100%; max-width: none; aspect-ratio: 4 / 5; transform: none !important; opacity: 1 !important;
  box-shadow: 0 24px 50px rgba(11, 42, 91, .12); border-radius: 28px; border: 0; }
.stage .s-main { order: 2; transform: translateY(-24px) !important; box-shadow: 0 30px 60px rgba(11, 42, 91, .2); }
.stage .s-back1 { order: 1; } .stage .s-back2 { order: 3; }
.live-card { display: none; }
@media (max-width: 700px) { .stage { grid-template-columns: 1fr; } .stage .s-back1, .stage .s-back2 { display: none; } .stage .s-main { transform: none !important; } }

/* navy stat strip */
.stats { margin-top: 0; background: var(--panel); padding-bottom: 8px; }
.stats-card { box-shadow: none; background: var(--ink); border: 0; }
.stat { border-color: rgba(255, 255, 255, .14) !important; }
.stat .v { color: #FFFFFF; }
.stat .v small { color: #5FD3D9; }
.stat .k { color: var(--on-deep-muted); }

.tab, .finder-controls, .result, .sector, .io { border-radius: 22px; }
.panel { background: var(--panel); border: 0; }
.tab { background: #FFFFFF; }
.tab[aria-selected="true"] { border-color: var(--ink); box-shadow: 0 10px 30px rgba(11, 42, 91, .10); }
.result.fit { border-color: var(--ink); }
.result.fit .tag { background: var(--ink); color: #FFFFFF; }
.bar span:last-child i { background: var(--ink); }
#secici { background: var(--panel) !important; border: 0 !important; }
.finder-controls, .result { background: #FFFFFF; }

/* technology: light panel instead of dark band */
.band { background: #FFFFFF; color: var(--text); }
.band .io { background: var(--panel); border-color: transparent; }
.band .dig-item .ic { background: var(--panel); }
.band h2, .band h3, .io .v { color: var(--ink); }
.band .eyebrow, .io .k { color: var(--teal-ink); }
.band .lead, .band p { color: var(--muted); }
.io { background: #FFFFFF; border-color: var(--line); }
.dig-item .ic { background: #FFFFFF; color: var(--ink); }
.status-pill { border-color: var(--teal-ink); color: var(--teal-ink); }
.hmi, .phone { box-shadow: 0 30px 60px rgba(11, 42, 91, .22); }

.sector { background: var(--panel); border: 0; }
.sector .ic { background: #FFFFFF; color: var(--ink); }
.why > div svg { color: var(--ink); }
.cta-band { background: var(--ink); color: #FFFFFF; }
.cta-band .lead, .cline .k { color: var(--on-deep-muted); }
.cline .ic { background: rgba(95, 211, 217, .14); color: #5FD3D9; }
.site-footer { background: #081F45; }
.wa { box-shadow: 0 10px 26px rgba(11, 42, 91, .25); }