/* 26CE: Ortak tanıtım görünümü; eski ayrıntı sayfalarıyla birlikte kullanılır. */
:root { --ink:#173b46; --ink-soft:#52656c; --paper:#fafaf7; --blue:#176b7b; --blue-dark:#105362; --green:#26734d; --line:#dce4e3; --radius:12px; --shadow:0 8px 30px #173b4610; }
body { font-family: 'Segoe UI', system-ui, sans-serif; line-height:1.55; }
.container { width:min(1240px, calc(100% - 64px)); }
h1,h2 { font-family: 'Segoe UI', system-ui, sans-serif; line-height:1.12; letter-spacing:-.035em; }
h1 { font-size:clamp(32px,3.5vw,48px); } h2 { font-size:clamp(28px,3vw,40px); }
h3 { line-height:1.35; }
.eyebrow { letter-spacing:.12em; font-size:11px; margin-bottom:12px; }
.site-header { background:#fff; backdrop-filter:none; }
.header-inner { min-height:68px; gap:15px; }
.brand { white-space:nowrap; }
.brand img { object-fit:contain; border-radius:0; }
.site-header .brand span { display:inline; }
.free-badge { font-size:12px; font-weight:700; color:#286442; background:#edf5eb; border:1px solid #d4e5d1; border-radius:5px; padding:3px 9px; margin-right:auto; }
.site-nav { font-size:13px; gap:22px; }
.nav-dropdown summary { padding:22px 0; }
.nav-cta { border-radius:6px; font-size:12px; padding:9px 14px; }
.nav-dropdown-grid small { white-space:normal; line-height:1.4; }
.nav-dropdown-grid i { border-radius:5px; background:#edf3f2; color:var(--ink); font-size:11px; }
.nav-dropdown-panel { max-height:calc(100dvh - 85px); overflow:auto; border-radius:8px; }
.button { border-radius:6px; min-height:44px; font-size:13px; padding:0 18px; }
.button.primary { background:var(--green); }
.button.primary:hover { background:#1d5a3b; }
a:focus-visible,button:focus-visible,summary:focus-visible { outline:3px solid #ce912d; outline-offset:4px; }
.first-view { padding-top:28px; padding-bottom:18px; }
.intro-grid { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center; }
.intro-copy h1 { font-size:clamp(32px,3.1vw,44px); }
.intro-copy h1 em { color:var(--blue); }
.intro-lead { font-size:16px; color:var(--ink-soft); max-width:530px; margin:14px 0 18px; }
.intro-actions { display:flex; gap:10px; flex-wrap:wrap; }
.intro-note { margin:10px 0 0; font-size:12px; color:var(--ink-soft); }
.program-preview { border:1px solid #cbd8d9; border-radius:9px; background:#fff; overflow:hidden; box-shadow:6px 6px 0 #e8eeeb; min-width:0; }
.preview-bar { display:flex; gap:7px; align-items:center; padding:9px 13px; border-bottom:1px solid var(--line); font-size:11px; }
.preview-bar>span:last-child { margin-left:auto; color:var(--ink-soft); font-size:10px; }
.live-dot { width:6px; height:6px; border-radius:50%; background:var(--green); }
.preview-shot { display:block; padding:0; margin:0; border:0; border-radius:0; box-shadow:none; width:100%; background:#fff; }
.preview-shot img { width:100%; height:200px; object-fit:cover; object-position:top; }
.preview-shot:hover { transform:none; }
.preview-tabs { display:flex; border-top:1px solid var(--line); padding:5px; gap:4px; }
.preview-tabs button { flex:1; border:0; padding:6px 2px; border-radius:4px; color:var(--ink-soft); background:white; font-size:11px; cursor:pointer; }
.preview-tabs button[aria-pressed=true] { color:var(--ink); background:#eaf2ef; font-weight:700; }
.overview-heading { display:flex; align-items:baseline; justify-content:space-between; margin:24px 0 12px; gap:15px; scroll-margin-top:90px; }
.overview-heading h2 { font-size:18px; letter-spacing:-.015em; }
.overview-heading p { color:var(--ink-soft); font-size:12px; margin:0; }
.overview-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:9px; }
.overview-card { display:flex; gap:10px; align-items:flex-start; min-width:0; padding:14px 12px; text-decoration:none; border:1px solid var(--line); border-radius:7px; background:#fff; position:relative; transition:border-color .15s,background .15s; }
.overview-card:hover { border-color:#7caaa3; background:#f3f8f5; }
.overview-card div { min-width:0; }
.overview-icon { flex-shrink:0; width:32px; height:32px; display:grid; place-items:center; font-size:10px; letter-spacing:-.03em; font-weight:800; border:1px solid #d9e5e1; border-radius:6px; background:#f0f5f2; color:#2d5d55; }
.overview-card:nth-child(3n+2) .overview-icon { background:#f8f1e5; color:#7c6138; border-color:#eadfcd; }
.overview-card:nth-child(3n) .overview-icon { background:#edf2f6; color:#365d74; border-color:#dbe4eb; }
.overview-card h3 { margin:0 10px 5px 0; font-size:13px; font-weight:700; }
.overview-card p { margin:0; font-size:11px; line-height:1.45; color:var(--ink-soft); }
.card-arrow { position:absolute; top:12px; right:10px; font-size:11px; color:#81958f; }
.first-view-foot { display:flex; justify-content:space-between; gap:10px; font-size:11px; color:var(--ink-soft); margin-top:12px; }
.first-view-foot a { white-space:nowrap; color:var(--blue-dark); }
.editorial-section { padding:64px 0; border-top:1px solid var(--line); scroll-margin-top:68px; }
.more-tools { display:grid; grid-template-columns:1fr 1fr; gap:40px; padding-block:24px; font-size:13px; }
.more-tools p { color:var(--ink-soft); margin:6px 0 0; }
@media(max-width:640px) { .more-tools { grid-template-columns:1fr; gap:20px; } }
.section-heading { display:grid; grid-template-columns:1fr 1fr; gap:6px 40px; margin-bottom:30px; align-items:end; }
.section-heading .eyebrow { grid-column:1/-1; }
.section-heading p:not(.eyebrow) { margin:0; max-width:500px; color:var(--ink-soft); font-size:15px; }
.use-case-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:35px; }
.use-case-grid article { border-top:2px solid #b6c7c0; padding-top:18px; }
.case-no { color:var(--blue-dark); font-size:10px; font-weight:700; letter-spacing:.12em; }
.use-case-grid h3 { font-size:21px; margin:13px 0; }
.use-case-grid p { font-size:14px; color:var(--ink-soft); }
.use-case-grid a { font-weight:600; font-size:13px; color:var(--blue-dark); }
.screens-section { background:#eef2ee; }
.refresh-gallery { grid-template-columns:repeat(3,1fr); gap:18px; }
.shot { border-radius:7px; box-shadow:none; color:var(--ink); background:white; border:1px solid var(--line); }
.shot-frame { aspect-ratio:16/9; border:0; border-radius:0; background:white; }
.shot-caption { padding:13px; display:block; text-align:left; }
.shot-caption small { display:block; margin-top:5px; text-align:left; color:var(--ink-soft); }
.shot-caption strong { font-size:14px; }.shot-caption small { font-size:12px; }
.price-section { background:#173b46; color:white; }
.price-section .eyebrow { color:#b6d5c7; }
.price-grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; }
.price-lead { color:#cfddd9; font-size:17px; margin:20px 0; }
.price-details>div { display:flex; justify-content:space-between; gap:15px; padding:12px 0; border-bottom:1px solid #ffffff28; font-size:14px; }
.price-details span { color:#bfdec4; }
.price-details p { color:#d6e4e0; font-size:13px; margin-top:20px; }
.faq-list { max-width:880px; }
.faq-list details { border-bottom:1px solid var(--line); padding:17px 0; }
.faq-list summary { cursor:pointer; font-weight:600; font-size:16px; }
.faq-list p { color:var(--ink-soft); font-size:14px; margin:12px 0; max-width:760px; }
.start-band { background:#eaf1e8; padding:36px 0; border-block:1px solid var(--line); }
.start-band>.container { display:flex; justify-content:space-between; align-items:center; gap:24px; }
.start-band h2 { font-size:25px; }.start-band p { margin:10px 0 0; color:var(--ink-soft); font-size:14px; }
.footer-inner { flex-wrap:wrap; padding-block:25px; font-size:12px; }
.footer-inner p { font-size:12px; }.footer-inner .brand { font-size:14px; }.footer-inner .brand img { width:34px; height:34px; }
.detail-intro { display:grid; grid-template-columns:1fr 1fr; gap:45px; align-items:center; }
.detail-intro h1 { font-size:40px; }
.detail-cases { grid-template-columns:repeat(4,1fr); }
.service-note { padding:12px 0; font-size:13px; color:var(--ink-soft); border-top:1px solid var(--line); margin-top:20px; }
.backup-note { border:1px solid var(--line); padding:30px; background:white; }
.subpage-hero,.exam-hero { padding:42px 0; }
.exam-hero::before,.hero::before { display:none; }
.exam-hero h1,.subpage-hero h1 { font-size:clamp(32px,3.5vw,46px); }
.exam-hero-grid,.subpage-hero-grid { gap:40px; }
.exam-promise { border-radius:9px; padding:28px; box-shadow:none; }
.exam-promise>span { color:#b9d6c7; }
.exam-promise>strong,.deep-step-copy h3 { font-family:'Segoe UI',system-ui,sans-serif; font-size:clamp(24px,2.7vw,34px); line-height:1.18; }
.section { padding:55px 0; }.hero-lead { font-size:16px; margin-top:18px; }
.lightbox { padding:12px; border-radius:8px; background:#fff; }
.lightbox img { max-height:85dvh; object-fit:contain; }
@media(min-width:1100px) and (max-height:720px) { .first-view { padding-top:18px; } .preview-shot img { height:170px; } .overview-card { padding:11px; } .overview-heading { margin-top:18px; } .intro-copy h1 { font-size:36px; } }
@media(max-width:1100px) { .site-nav { gap:14px; } .container { width:calc(100% - 40px); } .intro-grid { gap:25px; } .overview-grid { grid-template-columns:repeat(3,1fr); } .overview-card { min-height:85px; } .free-badge { margin-right:0; } .detail-cases { grid-template-columns:repeat(2,1fr); } }
@media(max-width:900px) { .site-nav { display:none; position:absolute; left:0; top:68px; width:100%; background:white; padding:18px 24px; border-bottom:1px solid var(--line); flex-direction:column; align-items:stretch; max-height:calc(100dvh - 68px); overflow:auto; } .site-nav.open { display:flex; }.menu-button { display:block; margin-left:auto; } .free-badge { margin-right:auto; }.nav-dropdown summary { padding:8px 0; }.nav-dropdown-panel { position:static; transform:none; width:100%; max-height:none; box-shadow:none; padding:12px; }.nav-dropdown-grid { grid-template-columns:repeat(2,1fr); }.intro-copy h1 { font-size:32px; }.preview-shot img { height:180px; }.use-case-grid { gap:22px; }.use-case-grid h3 { font-size:18px; }.price-grid { gap:35px; } }
@media(max-width:640px) { .container { width:calc(100% - 32px); }.header-inner { min-height:62px; gap:8px; }.brand { font-size:14px; }.brand img { width:33px; height:33px; }.free-badge { font-size:10px; padding:2px 6px; }.site-nav { top:62px; }.first-view { padding-top:24px; }.intro-grid { display:flex; flex-direction:column; gap:20px; align-items:stretch; }.intro-copy h1 { font-size:31px; }.intro-lead { font-size:14px; }.program-preview { order:2; }.preview-shot img { height:160px; }.preview-bar { font-size:10px; }.preview-bar>span:last-child { font-size:9px; }.overview-heading { margin-top:24px; flex-direction:column; gap:4px; }.overview-grid { grid-template-columns:repeat(2,1fr); gap:8px; }.overview-card { padding:12px 9px; min-height:110px; flex-direction:column; gap:7px; }.overview-card h3 { font-size:13px; }.overview-card p { font-size:11px; }.overview-icon { width:28px; height:28px; }.first-view-foot { flex-direction:column; }.editorial-section { padding:38px 0; }.section-heading { display:block; }.section-heading p:not(.eyebrow) { margin-top:15px; font-size:14px; }.use-case-grid,.detail-cases,.price-grid,.detail-intro { grid-template-columns:1fr; gap:26px; }.refresh-gallery { grid-template-columns:1fr 1fr; gap:10px; }.shot-caption { padding:10px; }.shot-caption strong { font-size:12px; }.shot-caption small { font-size:10px; }.start-band>.container { flex-direction:column; align-items:flex-start; }.detail-intro h1 { font-size:34px; }.nav-dropdown-grid { grid-template-columns:1fr; }.nav-dropdown-heading { display:block; }.footer-inner { flex-direction:column; align-items:flex-start; gap:12px; }.faq-list summary { font-size:14px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none!important; } }