:root {
    --color-bg: #F7F7F3;
    --color-surface: #FFFFFF;
    --color-surface-soft: #F0F4F2;
    --color-primary: #12635F;
    --color-primary-hover: #0F514E;
    --color-primary-soft: #E4F0ED;
    --color-primary-dark: #153F3D;
    --color-accent: #C58A3A;
    --color-accent-soft: #F7ECD9;
    --color-text: #17211F;
    --color-text-secondary: #52615E;
    --color-text-muted: #73807D;
    --color-border: #DCE3E0;
    --color-border-strong: #C7D1CD;
    --color-success: #287A53;
    --color-warning: #A46D12;
    --color-danger: #A23B32;
    --brand: var(--color-primary);
    --brand-deep: var(--color-primary-dark);
    --brand-soft: var(--color-primary-soft);
    --ink: var(--color-text);
    --muted: var(--color-text-secondary);
    --paper: var(--color-surface);
    --cream: var(--color-bg);
    --line: var(--color-border);
    --white: #fff;
    --accent: var(--color-accent);
    --focus: #1d75bd;
    --shadow-xs: 0 1px 2px rgba(21,63,61,.05);
    --shadow-sm: 0 7px 22px rgba(21,63,61,.07);
    --shadow-lg: 0 16px 42px rgba(21,63,61,.11);
    --radius-sm: 8px;
    --radius: 18px;
    --radius-lg: 24px;
    --max: 1200px;
    --font-ui: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --font-display: Georgia, "Times New Roman", serif;
}

html { scroll-behavior: smooth; }
body {
    margin: 0;
    color: var(--ink);
    background: var(--color-bg);
    font-family: var(--font-ui);
    font-size: 1rem;
    line-height: 1.65;
    text-rendering: optimizeLegibility;
}
body.menu-open { overflow: hidden; }
*, *::before, *::after { box-sizing: border-box; }
img { max-width: 100%; height: auto; }
a { color: var(--brand-deep); text-underline-offset: .2em; }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
.container { width: min(calc(100% - 48px), var(--max)); margin-inline: auto; }
.visually-hidden { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.skip-link { position: fixed; z-index: 9999; top: 12px; left: 12px; padding: 10px 14px; background: var(--ink); color: #fff; transform: translateY(-160%); }
.skip-link:focus { transform: translateY(0); }
.section-pad { padding: clamp(64px, 7vw, 96px) 0; }
.section-tint { background: var(--color-surface-soft); }
.section-dark { background: var(--brand-deep); color: #fff; }
.eyebrow { margin: 0 0 12px; color: var(--brand); font-size:.75rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.section-dark .eyebrow, .final-cta .eyebrow { color: #b9ded7; }
h1, h2, h3 { font-family: var(--font-display); letter-spacing: -.025em; line-height: 1.12; }
h1 { font-size: clamp(2.625rem, 5.2vw, 4.25rem); }
h2 { font-size: clamp(1.875rem, 3.5vw, 2.875rem); }
h3 { font-size: 1.375rem; }
p { line-height: 1.7; }
.lead { color: var(--muted); font-size: 1.125rem; line-height: 1.7; }
.section-heading { max-width: 720px; margin-bottom: 34px; }
.section-heading h2 { margin: 0; }
.btn { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid transparent; border-radius: 10px; padding: 10px 18px; font-size:.9375rem; font-weight: 700; line-height:1.35; text-decoration: none; cursor: pointer; transition: transform .18s ease, box-shadow .18s ease, background .18s ease; }
.btn:hover { transform: translateY(-1px); }
.btn-birincil { color: #fff; background: var(--brand); box-shadow: 0 8px 20px rgba(15,95,92,.2); }
.btn-birincil:hover { color: #fff; background: var(--brand-deep); }
.btn-ikincil { color: var(--brand-deep); background: transparent; border-color: #9fb5b0; }
.btn-ikincil:hover { background: var(--brand-soft); }

/* Header */
.site-header { position: sticky; z-index: 1000; top: 0; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.94); backdrop-filter: blur(16px); transition: border-color .2s, box-shadow .2s; }
.site-header.is-scrolled { box-shadow: 0 5px 18px rgba(21,63,61,.06); }
.site-header .container { width:min(calc(100% - 48px), 1440px); }
.header-ic { min-height: 72px; display: flex; align-items: center; gap: 22px; }
.logo-link { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 10px; color: var(--ink); text-decoration: none; }
.brand-logo-mark { display:block; width: 38px; height: 38px; flex:0 0 38px; border-radius: 50%; object-fit: cover; object-position:center; }
.brand-copy { display:flex; flex-direction:column; align-items:flex-start; line-height:1; }
.brand-wordmark, .footer-wordmark { font-family: var(--font-display); font-size: 1.3rem; font-weight: 700; letter-spacing: -.025em; }
.logo-link small { margin-top:4px; color: var(--muted); font-size:.75rem; font-weight: 600; letter-spacing:.01em; white-space:nowrap; }
.ana-nav { flex: 1; display: flex; justify-content: center; gap: clamp(14px, 1.7vw, 28px); }
.ana-nav a, .header-pricing, .header-login { position: relative; color: var(--ink); font-family:var(--font-ui); font-size:.875rem; font-weight: 600; letter-spacing:-.005em; line-height:1.2; text-decoration: none; white-space:nowrap; }
.ana-nav a::after { content:""; position:absolute; right:0; bottom:-11px; left:0; height:2px; background:var(--brand); transform:scaleX(0); transition:transform .2s; }
.ana-nav a:hover::after, .ana-nav a[aria-current="page"]::after { transform:scaleX(1); }
.header-sag { display: flex; align-items: center; gap: 9px; }
.dil-secici { display: flex; padding: 2px; border: 1px solid var(--line); border-radius: 10px; }
.dil-secici a { min-width: 36px; min-height:36px; display:grid; place-items:center; padding: 4px 7px; color: var(--muted); border-radius: 8px; font-size:.75rem; font-weight: 700; text-align:center; text-decoration:none; }
.dil-secici a[aria-current="page"] { color:#fff; background:var(--brand); }
.credit-pill { padding: 6px 10px; color:var(--brand-deep); border-radius:999px; background:var(--brand-soft); font-size:.78rem; font-weight:800; text-decoration:none; }
.site-header .menu-dugme { display:none; width:44px; height:44px; place-content:center; gap:5px; padding:0; border:1px solid #b9c6c2; border-radius:12px; background:#fff; cursor:pointer; }
.site-header .menu-dugme span { display:block; width:20px; height:2px; border-radius:2px; background:var(--brand-deep); }
.mobile-nav-shell { position:fixed; z-index:1200; inset:0; }
.mobile-nav-shell[hidden] { display:none!important; }
.mobile-nav-backdrop { position:absolute; inset:0; background:rgba(8,32,30,.5); }
.mobil-nav { position:absolute; top:0; right:0; bottom:0; width:min(88vw,380px); display:flex; flex-direction:column; gap:4px; padding:18px; overflow:auto; background:var(--paper); box-shadow:-20px 0 50px rgba(0,0,0,.16); }
.mobil-nav a { min-height:46px; display:flex; align-items:center; padding:8px 10px; border-radius:8px; color:var(--ink); font-weight:700; text-decoration:none; }
.mobil-nav a:hover, .mobil-nav a[aria-current="page"] { background:var(--brand-soft); }
.mobile-nav-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }
.mobile-nav-head button { width:44px; height:44px; border:0; border-radius:50%; background:var(--cream); font-size:1.6rem; }
.mobile-nav-actions { display:grid; gap:9px; margin-top:auto; }

/* Home */
.home-hero { position:relative; overflow:hidden; padding:clamp(80px,8vw,104px) 0 clamp(68px,7vw,92px); background:radial-gradient(circle at 85% 25%, rgba(18,99,95,.1), transparent 38%), linear-gradient(180deg,#ffffff 0%,var(--color-bg) 100%); }
.home-hero::before { content:""; position:absolute; width:380px; height:380px; left:-220px; top:80px; border:1px solid rgba(15,95,92,.14); border-radius:50%; }
.home-hero__grid { position:relative; display:grid; grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr); align-items:center; gap:clamp(38px,7vw,86px); }
.home-hero__copy h1 { max-width:760px; margin:0 0 22px; font-size:clamp(2.625rem,5.2vw,4.25rem); line-height:1.08; letter-spacing:-.03em; }
.home-hero__copy .lead { max-width:650px; }
.hero-trust { display:flex; flex-wrap:wrap; gap:8px 18px; margin-top:28px; color:var(--muted); font-size:.86rem; }
.hero-trust span::first-letter { color:var(--brand); }
.hero-workbench { padding:22px; border:1px solid rgba(15,95,92,.19); border-radius:var(--radius-lg); background:rgba(255,255,255,.88); box-shadow:var(--shadow-lg); }
.workbench-head { display:flex; justify-content:space-between; gap:10px; margin-bottom:10px; color:var(--muted); font-size:.8rem; font-weight:700; }
.hero-workbench textarea { width:100%; min-height:230px; resize:vertical; padding:18px; color:var(--ink); border:1px solid #bdcbc8; border-radius:14px; background:#fff; line-height:1.58; }
.hero-workbench textarea:focus { border-color:var(--brand); box-shadow:0 0 0 4px rgba(15,95,92,.12); outline:0; }
.example-chips { display:flex; flex-wrap:wrap; gap:7px; margin-top:10px; }
.example-chips button { min-height:36px; padding:6px 11px; border:1px solid var(--line); border-radius:999px; color:var(--muted); background:var(--paper); cursor:pointer; font-size:.76rem; }
.example-chips button:hover { border-color:var(--brand); color:var(--brand-deep); }
.multi-answer-hint { margin:12px 0 0; padding:9px 12px; color:#5b4300; border-radius:8px; background:#fff1bd; font-size:.82rem; }
.workbench-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.workbench-actions .btn { min-height:42px; padding:8px 13px; font-size:.84rem; }
.privacy-note { margin:14px 0 0; color:var(--muted); font-size:.75rem; }
.trust-strip { padding:20px 0; border-block:1px solid var(--line); background:#fff; }
.trust-strip .container { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:15px 32px; }
.trust-strip span { font-weight:800; letter-spacing:-.02em; }
.trust-strip small { color:var(--muted); }
.split-story { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:70px; }
.split-story h2 { margin:0; }
.story-flow { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; align-items:center; gap:12px; }
.story-flow span { min-height:110px; display:grid; place-items:center; padding:16px; border:1px solid var(--line); border-radius:var(--radius); background:#fff; text-align:center; font-weight:700; box-shadow:var(--shadow-sm); }
.story-flow span:last-child { color:#fff; border-color:var(--brand); background:var(--brand); }
.module-showcase { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.module-card { min-height:265px; display:flex; flex-direction:column; padding:27px; border:1px solid rgba(15,95,92,.12); border-radius:var(--radius); background:#fff; transition:transform .2s,box-shadow .2s; }
.module-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-lg); }
.module-icon { width:48px; height:48px; display:grid; place-items:center; color:#fff; border-radius:14px; background:var(--brand); font-size:1.25rem; }
.module-card h3 { margin:22px 0 8px; }
.module-card p { margin:0 0 18px; color:var(--muted); }
.module-card a { margin-top:auto; font-weight:800; text-decoration:none; }
.before-after { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:clamp(35px,8vw,100px); }
.before-after ul { padding-left:20px; color:var(--muted); }
.result-paper { padding:clamp(28px,5vw,50px); border:1px solid var(--line); border-radius:4px; background:#fff; box-shadow:12px 14px 0 var(--brand-soft),var(--shadow-lg); }
.result-paper dl>div { display:grid; grid-template-columns:110px 1fr; gap:16px; padding:14px 0; border-top:1px solid var(--line); }
.result-paper dt { color:var(--muted); font-size:.8rem; font-weight:800; text-transform:uppercase; }
.section-steps { background:linear-gradient(180deg,#f6f0e4 0%,#fbf8f1 100%); }
.step-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; padding:0; list-style:none; counter-reset:steps; }
.step-grid li { position:relative; min-height:230px; padding:26px; border:1px solid #cbd8d4; border-radius:var(--radius); background:rgba(255,253,248,.82); box-shadow:var(--shadow-sm); }
.step-grid li>span { width:36px; height:36px; display:grid; place-items:center; color:#fff; border-radius:10px; background:var(--brand); font-size:.75rem; font-weight:800; letter-spacing:.08em; }
.step-grid h3 { margin:34px 0 9px; color:var(--brand-deep); }
.step-grid p { margin:0; color:var(--muted); }
.use-case-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.use-case-grid article { padding:28px 22px; border-top:3px solid var(--brand); background:var(--cream); }
.use-case-grid h3 { margin-top:0; }
.use-case-grid p { color:var(--muted); }
.workspace-preview { display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; gap:70px; }
.workspace-preview h2 { margin-top:0; }
.workspace-mock { display:grid; grid-template-columns:150px 1fr; min-height:330px; overflow:hidden; border:1px solid var(--line); border-radius:var(--radius); background:#fff; box-shadow:var(--shadow-lg); }
.mock-sidebar { display:flex; flex-direction:column; gap:16px; padding:28px 18px; color:#dcebe7; background:var(--brand-deep); }
.mock-list { display:grid; gap:12px; padding:28px; }
.mock-list article { display:flex; flex-direction:column; justify-content:center; padding:16px; border:1px solid var(--line); border-radius:12px; }
.mock-list span { color:var(--muted); font-size:.82rem; }
.template-row { display:grid; grid-template-columns:repeat(5,1fr); gap:10px; margin-bottom:24px; }
.template-row span { min-height:100px; display:grid; place-items:center; padding:15px; border:1px solid var(--line); border-radius:var(--radius-sm); background:#fff; text-align:center; font-weight:700; box-shadow:var(--shadow-sm); }
.text-link { display:inline-flex; margin-top:14px; font-weight:800; text-decoration:none; }
.section-compare-soft { border-block:1px solid var(--line); background:var(--cream); }
.report-compare { display:grid; grid-template-columns:.95fr 1.05fr; align-items:center; gap:clamp(42px,7vw,78px); }
.report-compare h2 { margin:.2rem 0 1rem; color:var(--brand-deep); }
.report-compare>div:first-child>p:not(.eyebrow) { color:var(--muted); }
.comparison-mini { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.comparison-mini>div { display:flex; flex-direction:column; gap:8px; min-height:120px; padding:22px; border:1px solid #b9cbc6; border-radius:var(--radius); background:#fffdf8; box-shadow:var(--shadow-sm); }
.comparison-mini b { color:var(--brand-deep); }
.comparison-mini span { color:var(--muted); }
.comparison-mini .consensus { grid-column:1/-1; color:var(--ink); border-color:var(--brand); background:var(--brand-soft); }
.timeline-demo { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:80px; }
.timeline-track { display:flex; align-items:center; }
.timeline-track span { flex:0 0 52px; height:52px; display:grid; place-items:center; border:2px solid var(--line); border-radius:50%; background:#fff; font-weight:800; }
.timeline-track span.done,.timeline-track span.active { color:#fff; border-color:var(--brand); background:var(--brand); }
.timeline-track span.active { box-shadow:0 0 0 8px var(--brand-soft); }
.timeline-track i { flex:1; height:3px; background:var(--line); }
.pricing-summary { display:grid; grid-template-columns:1fr 1fr; gap:80px; }
.pricing-points { display:flex; flex-direction:column; align-items:flex-start; gap:14px; }
.privacy-section>div:first-child { max-width:760px; }
.privacy-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.privacy-grid article { padding:24px; border:1px solid var(--line); border-radius:var(--radius); }
.privacy-grid h3 { margin-top:0; }
.privacy-grid p { color:var(--muted); }
.faq-section { max-width:900px; }
.faq-list details { border-bottom:1px solid var(--line); }
.faq-list summary { min-height:60px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:15px 0; cursor:pointer; font-weight:800; list-style:none; }
.faq-list summary::after { content:"+"; color:var(--brand); font-size:1.4rem; }
.faq-list details[open] summary::after { content:"−"; }
.faq-list p { max-width:780px; margin:0 0 20px; color:var(--muted); }
.final-cta { padding:clamp(70px,10vw,130px) 0; color:#fff; background:linear-gradient(135deg,var(--brand-deep),#0f6d67); text-align:center; }
.final-cta h2 { max-width:780px; margin:10px auto 32px; }
.final-cta>div>div { display:flex; justify-content:center; gap:10px; flex-wrap:wrap; }
.final-cta .btn-ikincil { color:#fff; border-color:rgba(255,255,255,.65); }

/* Public editorial and tool landing pages */
.page-hero { padding:clamp(48px,6vw,78px) 0 38px; background:linear-gradient(180deg,var(--cream),var(--paper)); }
.page-hero h1 { max-width:850px; margin:0 0 16px; font-size:clamp(2rem,3.7vw,3.35rem); }
.page-hero p { max-width:740px; color:var(--muted); font-size:1.06rem; }
.reading-layout { display:grid; grid-template-columns:minmax(0,760px); justify-content:center; padding:50px 0 90px; }
.reading-content section { margin-bottom:45px; }
.reading-content h2 { font-size:clamp(1.65rem,3vw,2.3rem); }
.public-grid,.content-grid,.status-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; padding:38px 0 70px; }
.card,.content-card,.before-after-card { padding:24px; border:1px solid var(--line); border-radius:var(--radius); background:#fff; box-shadow:var(--shadow-sm); }
.before-after-card>div { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.before-after-card>div>div { padding:14px; border-radius:var(--radius-sm); background:var(--cream); }
.before-after-card span { color:var(--brand); font-size:.75rem; font-weight:800; text-transform:uppercase; }
.page-actions { display:flex; flex-wrap:wrap; gap:10px; margin:25px 0 70px; }
.notice { padding:16px; border-radius:var(--radius-sm); }
.notice--info { background:#e7f1ef; }
.status-dot { width:13px; height:13px; display:inline-block; border-radius:50%; background:#d39b20; }
.status-dot.is-ok { background:#268348; }
.tool-public-sections { margin:clamp(70px,9vw,120px) 0 90px; padding-top:70px; border-top:1px solid var(--line); }
.tool-detail-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:60px; align-items:start; }
.tool-detail-grid h2 { margin:0 0 16px; }
.tool-how-list { display:grid; gap:12px; padding:0; margin:0; list-style:none; }
.tool-how-list li { min-height:58px; display:flex; align-items:center; gap:14px; padding:12px 16px; border:1px solid var(--line); border-radius:12px; background:#fff; font-weight:700; }
.tool-how-list strong { width:32px; height:32px; display:grid; place-items:center; color:#fff; border-radius:50%; background:var(--brand); }
.tool-safety-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:38px 0 22px; }
.tool-safety-grid article { display:flex; gap:12px; padding:18px; border-radius:var(--radius-sm); background:var(--brand-soft); }
.tool-safety-grid span { color:var(--brand); font-weight:800; }
.tool-safety-grid p { margin:0; }
.tool-example { padding:22px; border-left:4px solid var(--accent); background:var(--cream); }
.tool-example p:last-child { margin:0; font-weight:600; }
.tool-next-links { display:flex; flex-wrap:wrap; gap:14px 28px; margin-top:25px; }
.tool-next-links a { font-weight:800; text-decoration:none; }
.pricing-page { padding-bottom:90px; }
.pricing-hero { max-width:850px; padding:clamp(48px,6vw,76px) 0 40px; }
.pricing-hero h1 { margin:0 0 16px; }
.pricing-hero>div { display:flex; flex-wrap:wrap; gap:9px 22px; color:var(--muted); font-size:.86rem; }
.pricing-page .kart-izgara { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:18px; }
.pricing-page .plan-kart { display:flex; flex-direction:column; align-items:flex-start; }
.pricing-page .plan-kart .btn { margin-top:auto; }
.pricing-page .kart-one-cikan { border-color:var(--brand); box-shadow:0 0 0 2px var(--brand-soft),var(--shadow-lg); }
.credit-unit-price { margin-top:-8px; color:var(--muted); font-size:.8rem; }
.credit-rules-section { margin-top:70px; }
.credit-rule-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.credit-rule-grid article { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:17px 19px; border:1px solid var(--line); border-radius:12px; background:#fff; }
.credit-rule-grid span { color:var(--muted); }
.credit-rule-grid strong { color:var(--brand-deep); white-space:nowrap; }
.pricing-explainer { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:75px; }
.pricing-explainer article { padding:24px; border-top:3px solid var(--brand); background:var(--cream); }
.pricing-explainer h2 { font-size:1.5rem; }
.pricing-faq { max-width:850px; margin:70px auto 0; }
.pricing-faq details { border-bottom:1px solid var(--line); }
.pricing-faq summary { min-height:60px; display:flex; align-items:center; font-weight:800; cursor:pointer; }

/* Tool heroes: legacy module CSS loaded first, these restrained values win. */
.belge-hero h1,
.workshop-hero h1,
.comparison-hero h1,
.workspace-hero h1,
.timeline-hero h1,
.report-hero h1 { font-size:clamp(1.95rem,3.6vw,3.2rem); letter-spacing:-.025em; }
.belge-hero,
.workshop-hero,
.comparison-hero,
.workspace-hero,
.timeline-hero,
.report-hero { padding:clamp(1.6rem,4vw,3.2rem); }

/* Contact page */
.contact-page { padding:clamp(44px,6vw,76px) 0 90px; background:linear-gradient(180deg,var(--cream) 0,rgba(246,240,228,.45) 280px,var(--paper) 280px); }
.contact-layout { display:grid; grid-template-columns:minmax(0,.78fr) minmax(440px,1.22fr); align-items:start; gap:clamp(38px,7vw,88px); }
.contact-intro { position:sticky; top:105px; }
.contact-intro h1 { max-width:560px; margin:.25rem 0 1rem; font-size:clamp(2rem,3.5vw,3.35rem); }
.contact-intro>p:not(.eyebrow) { max-width:520px; color:var(--muted); font-size:1.05rem; }
.contact-detail-list { display:grid; gap:10px; margin-top:28px; }
.contact-detail-list span { display:flex; align-items:flex-start; gap:10px; color:var(--muted); }
.contact-detail-list span::before { content:"✓"; color:var(--brand); font-weight:800; }
.contact-card { padding:clamp(22px,4vw,36px); border:1px solid var(--line); border-radius:var(--radius-lg); background:#fff; box-shadow:var(--shadow-lg); }
.contact-form { display:grid; gap:18px; }
.contact-form__grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.contact-field { display:grid; gap:7px; min-width:0; font-weight:700; }
.contact-field--full { grid-column:1/-1; }
.contact-field input,.contact-field select,.contact-field textarea { width:100%; min-height:48px; padding:11px 13px; color:var(--ink); border:1px solid #b7c5c1; border-radius:10px; background:#fffdf8; outline:0; }
.contact-field textarea { min-height:180px; resize:vertical; line-height:1.55; }
.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus { border-color:var(--brand); box-shadow:0 0 0 4px rgba(15,95,92,.12); }
.contact-form__privacy { margin:0; color:var(--muted); font-size:.82rem; }
.contact-form .btn { justify-self:start; min-width:126px; }
.hp-alan { position:absolute!important; left:-10000px!important; top:auto!important; width:1px!important; height:1px!important; overflow:hidden!important; }

/* Footer */
.footer-share { color:#fff; background:var(--brand); }
.footer-share__inner { min-height:112px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.footer-share p { margin:0; }
.footer-share .eyebrow { color:#bfe2dc; }
.share-actions { display:flex; flex-wrap:wrap; gap:8px; }
.share-actions a,.share-actions button { min-height:40px; display:inline-flex; align-items:center; padding:7px 12px; color:#fff; border:1px solid rgba(255,255,255,.35); border-radius:999px; background:transparent; cursor:pointer; text-decoration:none; font-weight:700; }
.site-footer { color:#d7e4e1; background:#102b29; }
.footer-main { display:grid; grid-template-columns:1.05fr 1.95fr; gap:65px; padding-block:70px; }
.footer-wordmark { color:#fff; font-size:2rem; text-decoration:none; }
.footer-logo { display:inline-flex; align-items:center; gap:12px; color:#fff; text-decoration:none; }
.footer-logo img { border-radius:50%; }
.footer-brand>p { max-width:430px; color:#b8c9c5; }
.footer-qr { display:flex; align-items:center; gap:15px; margin-top:25px; }
.footer-qr>div { flex:0 0 92px; height:92px; display:grid; place-items:center; color:var(--brand-deep); border-radius:8px; background:#fff; }
.qr-fallback { font-size:.75rem; font-weight:800; text-align:center; }
.footer-qr p { display:flex; flex-direction:column; margin:0; }
.footer-qr span { color:#9fb6b1; font-size:.8rem; }
.footer-qr a { color:#fff; }
.footer-columns { display:grid; grid-template-columns:repeat(5,1fr); gap:24px; }
.footer-columns details { min-width:0; }
.footer-columns summary { color:#fff; font-size:.75rem; font-weight:800; letter-spacing:.1em; list-style:none; pointer-events:none; }
.footer-columns ul { display:grid; gap:10px; padding:0; list-style:none; }
.footer-columns a { color:#b8c9c5; font-size:.83rem; text-decoration:none; }
.footer-columns a:hover { color:#fff; text-decoration:underline; }
.footer-bottom { border-top:1px solid rgba(255,255,255,.12); }
.footer-bottom .container { min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.footer-bottom p { margin:0; color:#91aaa4; font-size:.78rem; }
.footer-bottom nav { display:flex; flex-wrap:wrap; gap:8px; }
.footer-bottom a,.footer-bottom button { color:#b8c9c5; border:0; background:transparent; font-size:.78rem; text-decoration:none; cursor:pointer; }
.cookie-panel { position:fixed; z-index:1600; right:18px; bottom:18px; width:min(calc(100% - 36px),420px); display:block; padding:16px; border:1px solid rgba(15,95,92,.2); border-radius:16px; background:rgba(255,253,248,.98); box-shadow:0 18px 48px rgba(8,63,61,.18); }
.cookie-panel[hidden] { display:none; }
.cookie-panel h2 { margin:0 0 5px; font-family:var(--font-ui); font-size:.98rem; font-weight:700; letter-spacing:-.015em; }
.cookie-panel p { margin:0; color:var(--muted); font-size:.78rem; line-height:1.48; }
.cookie-panel__copy > a { display:inline-block; margin-top:5px; font-size:.75rem; }
.cookie-panel__actions { display:flex; flex-wrap:wrap; align-items:center; gap:7px; margin-top:12px; }
.cookie-panel__actions .btn { min-height:36px; padding:7px 12px; font-size:.76rem; }
.cookie-panel__actions .text-button { padding:6px 2px; font-size:.75rem; }
.text-button { border:0; color:var(--brand); background:transparent; cursor:pointer; }
.cookie-settings { display:grid; gap:8px; margin-top:12px; padding-top:12px; border-top:1px solid var(--line); font-size:.78rem; }
.cookie-settings .btn { justify-self:start; min-height:36px; padding:7px 12px; font-size:.76rem; }
.cookie-settings[hidden] { display:none; }
.toast-region { position:fixed; z-index:1800; right:20px; bottom:20px; }
.toast { margin-top:8px; padding:11px 16px; color:#fff; border-radius:8px; background:var(--ink); box-shadow:var(--shadow-lg); }
.pwa-install { position:fixed; z-index:1100; right:16px; bottom:16px; display:flex; flex-direction:column; align-items:flex-start; padding:13px 16px; color:#fff; border:0; border-radius:14px; background:var(--brand); box-shadow:var(--shadow-lg); cursor:pointer; }
.pwa-install[hidden] { display:none; }
.pwa-install span { font-size:.75rem; opacity:.85; }
.app-bottom-nav { display:none; }

@media (max-width:1180px) {
    .ana-nav,.header-pricing,.header-login,.header-signup,.header-account,.credit-pill { display:none; }
    .header-sag { margin-left:auto; }
    .site-header .menu-dugme { display:grid!important; }
    .home-hero__grid { grid-template-columns:1fr; }
    .home-hero__copy { max-width:820px; }
    .hero-workbench { max-width:820px; }
    .use-case-grid { grid-template-columns:repeat(2,1fr); }
    .footer-main { grid-template-columns:1fr; }
}
@media (max-width:520px) {
    .site-header .container { width:min(calc(100% - 24px), 1440px); }
    .cookie-panel { right:12px; bottom:12px; width:calc(100% - 24px); padding:14px; }
    .cookie-panel__actions .btn { flex:1 1 auto; }
}
@media (max-width:800px) {
    .logo-link small { display:none; }
    .header-ic { min-height:66px; }
    .section-pad { padding:58px 0; }
    .split-story,.before-after,.workspace-preview,.report-compare,.timeline-demo,.pricing-summary { grid-template-columns:1fr; gap:40px; }
    .tool-detail-grid { grid-template-columns:1fr; gap:32px; }
    .tool-safety-grid { grid-template-columns:1fr; }
    .pricing-explainer { grid-template-columns:1fr; }
    .credit-rule-grid { grid-template-columns:1fr 1fr; }
    .contact-layout { grid-template-columns:1fr; }
    .contact-intro { position:static; }
    .story-flow { grid-template-columns:1fr; }
    .story-flow b { transform:rotate(90deg); text-align:center; }
    .module-showcase,.public-grid,.content-grid,.status-grid { grid-template-columns:repeat(2,1fr); }
    .step-grid,.privacy-grid { grid-template-columns:1fr; }
    .template-row { grid-template-columns:repeat(2,1fr); }
    .footer-columns { grid-template-columns:repeat(2,1fr); }
    .footer-columns details { border-bottom:1px solid rgba(255,255,255,.12); }
    .footer-columns summary { min-height:44px; display:flex; align-items:center; pointer-events:auto; cursor:pointer; }
    .footer-bottom .container,.footer-share__inner { align-items:flex-start; flex-direction:column; justify-content:center; padding-block:22px; }
    .cookie-panel { grid-template-columns:1fr; }
    .cookie-panel__actions { flex-wrap:wrap; }
    .app-bottom-nav { position:fixed; z-index:900; right:0; bottom:0; left:0; display:grid; grid-template-columns:repeat(4,1fr); min-height:62px; padding-bottom:env(safe-area-inset-bottom); border-top:1px solid var(--line); background:rgba(255,255,255,.96); backdrop-filter:blur(12px); }
    .app-bottom-nav a { display:flex; flex-direction:column; align-items:center; justify-content:center; color:var(--muted); font-size:.75rem; text-decoration:none; }
    .app-bottom-nav span { font-size:1rem; }
    body:has(.app-bottom-nav) { padding-bottom:62px; }
}
@media (max-width:560px) {
    .container { width:min(calc(100% - 24px),var(--max)); }
    .dil-secici { display:none; }
    .brand-logo-mark { width:34px; height:34px; flex-basis:34px; }
    .brand-wordmark { font-size:1.12rem; }
    .header-ic { min-height:62px; }
    .home-hero__copy h1 { font-size:2.2rem; }
    .hero-workbench { padding:15px; border-radius:18px; }
    .workbench-actions .btn { flex:1 1 calc(50% - 8px); }
    .module-showcase,.public-grid,.content-grid,.status-grid,.use-case-grid { grid-template-columns:1fr; }
    .workspace-mock { grid-template-columns:1fr; }
    .mock-sidebar { flex-direction:row; flex-wrap:wrap; }
    .template-row { grid-template-columns:1fr; }
    .comparison-mini { grid-template-columns:1fr; }
    .comparison-mini .consensus { grid-column:auto; }
    .contact-form__grid { grid-template-columns:1fr; }
    .contact-field--full { grid-column:auto; }
    .credit-rule-grid { grid-template-columns:1fr; }
    .result-paper dl>div { grid-template-columns:1fr; gap:4px; }
    .before-after-card>div { grid-template-columns:1fr; }
    .footer-columns { grid-template-columns:1fr; }
    .footer-qr { align-items:flex-start; }
    .cookie-panel { right:8px; bottom:8px; left:8px; max-height:calc(100vh - 16px); overflow:auto; }
}
@media (prefers-reduced-motion:reduce) {
    html { scroll-behavior:auto; }
    *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
}
@media print {
    .site-header,.site-footer,.footer-share,.cookie-panel,.pwa-install,.app-bottom-nav,.page-actions { display:none!important; }
    body { color:#000; background:#fff; }
    a { color:#000; text-decoration:none; }
}

/* Versioned footer/editorial catalog. Long-form pages stay readable instead
   of inheriting oversized landing-page typography. */
.editorial-layout { max-width:920px; margin:0 auto 64px; }
.editorial-content { max-width:800px; color:var(--color-text-secondary,var(--muted)); font-size:1rem; line-height:1.72; }
.editorial-content>h2 { margin:48px 0 14px; color:var(--color-text,var(--ink)); font-size:clamp(1.45rem,2.5vw,1.9rem); line-height:1.22; letter-spacing:-.018em; }
.editorial-content>h3 { margin:30px 0 10px; color:var(--color-text,var(--ink)); font-family:var(--font-ui); font-size:1.15rem; line-height:1.35; }
.editorial-content>h4 { margin:22px 0 8px; color:var(--color-text,var(--ink)); font-family:var(--font-ui); font-size:1rem; }
.editorial-content p { margin:0 0 16px; }
.editorial-content ul,.editorial-content ol { margin:0 0 22px; padding-left:1.35rem; }
.editorial-content li { margin:7px 0; padding-left:3px; }
.editorial-content blockquote { margin:0 0 30px; padding:16px 18px; color:var(--color-text-secondary,var(--muted)); border-left:3px solid var(--brand); border-radius:0 10px 10px 0; background:var(--color-primary-soft,var(--brand-soft)); }
.editorial-content blockquote p { margin:0; }
.editorial-content pre { overflow:auto; margin:18px 0 26px; padding:16px; color:#f6f3e9; border-radius:10px; background:#123d3b; font-size:.86rem; line-height:1.55; white-space:pre-wrap; }
.editorial-content code { padding:.12em .35em; border-radius:4px; background:var(--color-surface-soft,var(--cream)); font-size:.9em; }
.editorial-content pre code { padding:0; background:transparent; }
.editorial-content hr { margin:46px 0; border:0; border-top:1px solid var(--line); }
.editorial-table-wrap { max-width:100%; overflow-x:auto; margin:18px 0 30px; border:1px solid var(--line); border-radius:12px; background:#fff; }
.editorial-content table { width:100%; border-collapse:collapse; min-width:560px; font-size:.9rem; }
.editorial-content th,.editorial-content td { padding:12px 14px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }
.editorial-content th { color:var(--ink); background:var(--color-surface-soft,var(--cream)); font-size:.8rem; }
.editorial-content tbody tr:last-child td { border-bottom:0; }
.editorial-check { display:flex; align-items:flex-start; gap:8px; list-style:none; margin-left:-1.25rem!important; }
.editorial-check input { margin-top:.35rem; accent-color:var(--brand); }
.editorial-meta { display:flex; flex-wrap:wrap; gap:10px 22px; max-width:800px; margin:-10px auto 28px; padding:12px 14px; color:var(--muted); border:1px solid var(--line); border-radius:10px; background:var(--color-surface-soft,var(--cream)); font-size:.82rem; }
.pricing-editorial,.contact-editorial,.support-editorial { margin-top:64px; }
.form-legal-note { margin:4px 0 8px; color:var(--muted); font-size:.82rem; line-height:1.55; }
body.menu-open { overflow:hidden; }
body.menu-open .mobile-nav-shell { display:block; }

@media (max-width:1180px) {
    .site-header .menu-dugme { position:relative; z-index:1301; display:grid!important; visibility:visible; opacity:1; touch-action:manipulation; }
}
@media (max-width:720px) {
    .public-page__hero h1,.pricing-hero h1 { font-size:clamp(2.05rem,10vw,2.8rem); }
    .editorial-layout { margin-bottom:44px; }
    .editorial-content { font-size:.96rem; line-height:1.68; }
    .editorial-content>h2 { margin-top:38px; }
}
@media print {
    .editorial-content { max-width:none; color:#000; font-size:10.5pt; }
    .editorial-content blockquote,.editorial-content th { background:#fff; }
    .editorial-table-wrap { overflow:visible; }
    .editorial-content table { min-width:0; }
}

/* Profesyonel kamu arayüzü — son kademedeki tutarlı bileşen kuralları. */
.site-header .container { width:min(calc(100% - 48px),var(--max)); }
.header-ic { min-height:72px; }
.site-header .btn { min-height:42px; padding:9px 15px; }
.ana-nav { gap:clamp(12px,1.3vw,22px); }
.header-signup { white-space:nowrap; }

.workshop-app h2,
.comparison-app h2,
.workspace-app h2,
.workspace-landing h2,
.timeline-app h2,
.report-app h2,
.belge-app h2 { font-size:clamp(1.5rem,2.4vw,2.1rem); line-height:1.18; }
.workshop-submit-bar>div,
.comparison-submit-bar>div { display:grid; gap:2px; }
.workshop-submit-bar>div span,
.comparison-submit-bar>div span { color:var(--color-text-muted); font-size:.8125rem; }

.home-hero__grid { grid-template-columns:minmax(0,1fr) minmax(420px,.92fr); gap:clamp(44px,7vw,84px); }
.home-hero__copy .lead { font-size:1.125rem; }
.hero-workbench { padding:24px; border:1px solid var(--color-border); border-radius:var(--radius-lg); background:rgba(255,255,255,.94); box-shadow:var(--shadow-lg); }
.hero-workbench textarea { min-height:210px; padding:14px; border-color:var(--color-border-strong); border-radius:10px; font-size:1rem; }
.example-chips button { min-height:40px; border-radius:10px; font-size:.8125rem; }
.multi-answer-hint { color:#684A15; border:1px solid #E8D3A7; background:var(--color-accent-soft); font-size:.8125rem; }
.privacy-note,.hero-trust { font-size:.8125rem; }

.section-steps { background:var(--color-surface-soft); }
.step-grid { gap:20px; }
.step-grid li { min-height:220px; padding:24px; border-color:var(--color-border); border-radius:var(--radius-lg); background:var(--color-surface); box-shadow:var(--shadow-sm); }
.step-grid li>span { font-size:.75rem; font-weight:800; }
.step-grid h3 { margin:28px 0 9px; }
.section-compare-soft { background:var(--color-bg); }
.report-compare { gap:clamp(40px,7vw,76px); }
.comparison-mini>div { min-height:116px; padding:22px; border-color:var(--color-border); border-radius:var(--radius-lg); background:var(--color-surface); box-shadow:var(--shadow-sm); }
.comparison-mini .consensus { border-color:#B7CEC9; background:var(--color-primary-soft); }

.module-card,
.card,
.content-card,
.before-after-card,
.privacy-grid article,
.pricing-page .plan-kart,
.credit-rule-grid article,
.contact-card {
    border:1px solid var(--color-border);
    border-radius:var(--radius-lg);
    background:var(--color-surface);
    box-shadow:var(--shadow-sm);
}
.module-card,
.card,
.content-card,
.before-after-card,
.privacy-grid article,
.pricing-page .plan-kart { padding:24px; }
.module-card { min-height:248px; }
.module-card:hover,
.card:hover,
.content-card:hover { transform:translateY(-2px); box-shadow:var(--shadow-lg); }
.module-card p,
.content-card p,
.privacy-grid p { color:var(--color-text-secondary); }

.page-hero { padding:clamp(64px,7vw,88px) 0 44px; background:linear-gradient(180deg,var(--color-surface),var(--color-bg)); }
.page-hero h1 { font-size:clamp(2.625rem,5vw,4.25rem); }
.pricing-hero { padding:clamp(64px,7vw,88px) 0 44px; }
.pricing-page .kart-izgara { gap:20px; }
.pricing-page .kart-one-cikan { border-color:var(--color-primary); box-shadow:0 0 0 2px var(--color-primary-soft),var(--shadow-md); }
.credit-rules-section,.pricing-explainer,.pricing-faq { margin-top:64px; }
.pricing-explainer article { padding:24px; border:1px solid var(--color-border); border-top:3px solid var(--color-primary); border-radius:var(--radius-lg); background:var(--color-surface-soft); }

.contact-page { padding:clamp(64px,7vw,88px) 0 96px; background:linear-gradient(180deg,var(--color-surface-soft) 0,rgba(240,244,242,.45) 300px,var(--color-bg) 300px); }
.contact-intro h1 { font-size:clamp(2.625rem,5vw,4.25rem); }
.contact-field { gap:7px; font-size:.875rem; font-weight:600; }
.contact-field input,.contact-field select,.contact-field textarea { min-height:48px; padding:12px 14px; border-color:var(--color-border-strong); background:var(--color-surface); font-size:1rem; }
.contact-form__privacy { font-size:.8125rem; }

.footer-share__inner { min-height:104px; }
.share-actions a,.share-actions button { min-height:40px; border-radius:10px; font-size:.875rem; }
.footer-columns summary { font-size:.75rem; font-weight:800; }
.footer-columns a { font-size:.875rem; }
.footer-bottom p,.footer-bottom a,.footer-bottom button { font-size:.8125rem; }
.qr-fallback { font-size:.75rem; }

.cookie-panel { border-radius:var(--radius-md); box-shadow:var(--shadow-md); }
.cookie-panel h2 { font-size:1rem; font-weight:700; }
.cookie-panel p,.cookie-settings { font-size:.8125rem; }
.cookie-panel__copy>a { font-size:.8125rem; }
.cookie-panel__actions .btn,.cookie-settings .btn { min-height:38px; font-size:.875rem; }
.cookie-panel__actions .text-button { font-size:.8125rem; }
.app-bottom-nav a { font-size:.75rem; }

@media (max-width:1100px) {
    .home-hero__grid { grid-template-columns:1fr; }
    .home-hero__copy,.hero-workbench { max-width:820px; }
}
@media (max-width:900px) {
    .container,.site-header .container { width:min(calc(100% - 32px),var(--max)); }
    .section-pad { padding:64px 0; }
    .module-showcase,.public-grid,.content-grid,.status-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:720px) {
    h1,.home-hero__copy h1,.page-hero h1,.contact-intro h1 { font-size:clamp(2.375rem,11vw,3.15rem); }
    h2 { font-size:clamp(1.875rem,8vw,2.45rem); }
    .home-hero { padding:64px 0; }
    .home-hero__copy .lead,.lead { font-size:1.0625rem; }
    .module-showcase,.public-grid,.content-grid,.status-grid { grid-template-columns:1fr; }
    .step-grid li { min-height:auto; }
    .contact-card { padding:20px; }
}
@media (max-width:480px) {
    .container,.site-header .container { width:min(calc(100% - 24px),var(--max)); }
    .header-ic { min-height:64px; }
    .brand-logo-mark { width:34px; height:34px; flex-basis:34px; }
    .brand-wordmark { font-size:1.125rem; }
    .home-hero__copy h1 { font-size:2.375rem; }
    .workbench-actions .btn { flex:1 1 100%; }
    .cookie-panel { right:8px; bottom:8px; left:8px; width:auto; }
}

/* Final long-form page rhythm (kept after the general component layer). */
.public-page { padding-top:30px; }
.breadcrumbs { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin:0 0 28px; color:var(--color-text-muted,var(--muted)); font-size:.8rem; line-height:1.4; }
.breadcrumbs a { color:var(--brand-deep); text-underline-offset:3px; }
.breadcrumbs span[aria-current="page"] { min-width:0; }
.public-page__hero { max-width:900px; margin:0 auto 34px; }
.public-page__hero h1 { max-width:880px; margin:8px 0 16px; font-size:clamp(2.3rem,4.5vw,3.55rem); line-height:1.08; letter-spacing:-.028em; }
.public-page__hero>p:last-child { max-width:760px; margin:0; color:var(--color-text-secondary,var(--muted)); font-size:1.03rem; line-height:1.65; }
.public-page .editorial-layout { padding:14px 0 64px; }
.editorial-content>h2:first-child { margin-top:0; }

@media (max-width:720px) {
    .public-page { padding-top:20px; }
    .breadcrumbs { margin-bottom:22px; font-size:.76rem; }
    .public-page__hero { margin-bottom:26px; }
    .public-page__hero h1,.pricing-hero h1 { font-size:clamp(2rem,9vw,2.45rem); line-height:1.07; }
    .public-page__hero>p:last-child { font-size:.98rem; }
    .public-page .editorial-layout { padding-top:8px; }
}