:root {
  --accent: #b78926;
  --accent-strong: #8d6515;
  --accent-soft: #f7efd9;
  --accent-rgb: 183, 137, 38;
  --page: #f3f0e9;
  --surface: #ffffff;
  --surface-2: #faf9f6;
  --text: #202020;
  --muted: #727272;
  --line: #e5e1d8;
  --danger: #c0392b;
  --success: #23845c;
  --shadow: 0 24px 70px rgba(54, 45, 25, .13);
  --radius: 22px;
}
html[data-palette="emerald"] { --accent:#16815d; --accent-strong:#0d6045; --accent-soft:#e5f6ef; --accent-rgb:22,129,93; --page:#eef5f1; }
html[data-palette="sapphire"] { --accent:#3568c7; --accent-strong:#214b99; --accent-soft:#e8efff; --accent-rgb:53,104,199; --page:#eff3fb; }
html[data-palette="rose"] { --accent:#b85f76; --accent-strong:#8f4055; --accent-soft:#f9e8ed; --accent-rgb:184,95,118; --page:#f8f1f3; }
html[data-palette="graphite"] { --accent:#3e4652; --accent-strong:#232933; --accent-soft:#e9ebee; --accent-rgb:62,70,82; --page:#eff0f2; }
html[data-mode="dark"] {
  --page:#111317; --surface:#191c22; --surface-2:#20242b; --text:#f6f6f6; --muted:#a8adb7; --line:#313640;
  --accent-soft: rgba(var(--accent-rgb), .18); --shadow:0 26px 80px rgba(0,0,0,.38);
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at 50% 0, rgba(var(--accent-rgb),.14), transparent 32%), var(--page); color:var(--text); font-family:Poppins,Arial,sans-serif; }
button,input,select,textarea { font:inherit; }
button { color:inherit; }
.hidden { display:none !important; }
.page-toolbar { position:fixed; top:18px; right:18px; z-index:30; }
.theme-toggle { display:flex; align-items:center; gap:8px; border:1px solid var(--line); background:color-mix(in srgb, var(--surface) 90%, transparent); color:var(--text); padding:10px 14px; border-radius:999px; box-shadow:0 8px 30px rgba(0,0,0,.08); cursor:pointer; backdrop-filter:blur(15px); }
.wizard-container { width:min(920px, calc(100% - 28px)); margin:48px auto 20px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); }
.wizard-header { padding:28px 34px 22px; background:linear-gradient(145deg, var(--surface), var(--surface-2)); border-bottom:1px solid var(--line); }
.brand-row { display:flex; align-items:center; justify-content:center; gap:14px; margin-bottom:28px; }
.brand-logo { width:72px; height:72px; display:grid; place-items:center; border-radius:18px; background:var(--surface); border:1px solid var(--line); overflow:hidden; box-shadow:0 10px 25px rgba(var(--accent-rgb),.14); color:var(--accent); font-size:24px; font-weight:800; }
.brand-logo img { width:100%; height:100%; object-fit:contain; padding:8px; }
.brand-copy { display:flex; flex-direction:column; }
.brand-copy strong { font-size:22px; line-height:1.1; }
.brand-copy small { color:var(--muted); font-size:13px; margin-top:6px; }
.step-indicator-container { position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.step-indicator-container::before { content:""; position:absolute; left:12.5%; right:12.5%; top:18px; height:2px; background:var(--line); }
.step-item { position:relative; z-index:1; border:0; background:transparent; display:flex; flex-direction:column; align-items:center; gap:8px; cursor:pointer; padding:0; min-width:0; }
.step-circle { width:38px; height:38px; display:grid; place-items:center; border-radius:50%; border:2px solid var(--line); background:var(--surface); color:var(--muted); font-weight:700; transition:.25s; }
.step-label { color:var(--muted); font-size:11px; font-weight:600; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.step-item.active .step-circle,.step-item.completed .step-circle { border-color:var(--accent); background:var(--accent); color:white; box-shadow:0 0 0 6px rgba(var(--accent-rgb),.12); }
.step-item.active .step-label,.step-item.completed .step-label { color:var(--accent-strong); }
.step-item.completed .step-circle::before { content:"✓"; }
.step-item.completed .step-circle { font-size:0; }
.step-item.completed .step-circle::before { font-size:15px; }
.wizard-body { padding:38px 42px 34px; }
.step-view { display:none; animation:fadeSlide .28s ease; }
.step-view.active { display:block; }
@keyframes fadeSlide { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
.step-heading { text-align:center; margin-bottom:28px; }
.step-kicker { color:var(--accent); font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.step-heading h1 { font-size:26px; margin:7px 0 8px; }
.step-heading p { margin:0; color:var(--muted); font-size:14px; }
.selection-list { display:grid; gap:14px; max-width:680px; margin:0 auto; }
.selection-btn { width:100%; display:grid; grid-template-columns:58px 1fr 24px; align-items:center; gap:16px; padding:18px; border:1px solid var(--line); border-radius:17px; background:var(--surface-2); text-align:left; cursor:pointer; transition:.22s; }
.selection-btn:hover { border-color:var(--accent); transform:translateY(-2px); box-shadow:0 14px 30px rgba(var(--accent-rgb),.13); }
.selection-icon { width:54px; height:54px; display:grid; place-items:center; border-radius:14px; background:var(--accent-soft); color:var(--accent); font-size:21px; }
.selection-content { display:flex; flex-direction:column; gap:4px; }
.selection-content strong { font-size:16px; }
.selection-content small { color:var(--muted); font-size:12px; }
.selection-btn > .fa-chevron-right { color:var(--accent); }
.form-grid-container { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.group-field { min-width:0; }
.full-width { grid-column:1/-1; }
.group-field > label:not(.checkbox-wrapper) { display:block; margin-bottom:7px; color:var(--text); font-size:12px; font-weight:650; }
.group-field > label:not(.checkbox-wrapper)::after { content:" *"; color:var(--danger); }
.group-field[data-optional-for="INDIVIDUAL"] > label::after { content:" *"; }
.optional { color:var(--muted); font-weight:400; }
.group-field label:has(.optional)::after { content:"" !important; }
.group-field input:not([type="checkbox"]),.group-field select,.group-field textarea { width:100%; border:1px solid var(--line); background:var(--surface-2); color:var(--text); border-radius:11px; padding:12px 13px; outline:none; transition:.2s; }
.group-field input:focus,.group-field select:focus,.group-field textarea:focus { border-color:var(--accent); box-shadow:0 0 0 4px rgba(var(--accent-rgb),.12); background:var(--surface); }
.group-field textarea { resize:vertical; min-height:86px; }
.section-heading { margin-top:8px; }
.section-heading h2 { font-size:15px; color:var(--accent); padding-bottom:9px; border-bottom:1px solid var(--line); margin:4px 0 0; }
.upload-section { min-height:168px; border:1.5px dashed color-mix(in srgb, var(--accent) 45%, var(--line)); border-radius:15px; background:var(--surface-2); display:flex; flex-direction:column; align-items:center; justify-content:center; padding:16px; transition:.2s; }
.upload-section.active { border-style:solid; border-color:var(--success); }
.upload-main-icon { font-size:30px; color:var(--accent); margin-bottom:12px; }
.upload-actions { display:flex; gap:8px; }
.upload-actions button { border:1px solid var(--line); background:var(--surface); color:var(--text); border-radius:9px; padding:9px 12px; cursor:pointer; }
.upload-actions button:hover { border-color:var(--accent); color:var(--accent); }
.upload-preview { display:none; max-width:100%; max-height:150px; margin-top:12px; border-radius:8px; object-fit:contain; }
.upload-section.active .upload-preview { display:block; }
.upload-section.active .upload-main-icon { display:none; }
.upload-section small { color:var(--muted); margin-top:7px; font-size:11px; }
.consent-field { border:1px solid var(--line); border-radius:12px; background:var(--surface-2); padding:14px; }
.checkbox-wrapper { display:flex; gap:10px; align-items:flex-start; cursor:pointer; font-size:12px; line-height:1.6; }
.checkbox-wrapper input { width:18px; height:18px; accent-color:var(--accent); margin-top:1px; flex:0 0 auto; }
.text-button { border:0; padding:0; background:transparent; color:var(--accent); font-weight:700; text-decoration:underline; cursor:pointer; }
.wizard-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:20px 42px 28px; background:var(--surface); border-top:1px solid var(--line); }
.back-button,.submit-button,.primary-button,.ghost-button { display:inline-flex; align-items:center; justify-content:center; gap:9px; border-radius:11px; padding:12px 18px; text-decoration:none; cursor:pointer; font-weight:700; border:0; }
.back-button { background:var(--surface-2); border:1px solid var(--line); color:var(--text); }
.submit-button,.primary-button { background:linear-gradient(135deg,var(--accent),var(--accent-strong)); color:#fff; box-shadow:0 10px 24px rgba(var(--accent-rgb),.25); }
.submit-button:disabled { opacity:.6; cursor:not-allowed; }
.public-footer { width:min(920px,calc(100% - 28px)); margin:0 auto 32px; display:flex; justify-content:space-between; color:var(--muted); font-size:11px; }
.public-footer strong { color:var(--accent); }
.modal-overlay { position:fixed; inset:0; z-index:100; display:none; align-items:center; justify-content:center; padding:18px; background:rgba(9,12,17,.72); backdrop-filter:blur(7px); }
.modal-overlay.open { display:flex; }
.modal-card { width:min(660px,100%); max-height:90vh; overflow:auto; background:var(--surface); border:1px solid var(--line); border-radius:18px; box-shadow:var(--shadow); }
.modal-header { display:flex; align-items:center; justify-content:space-between; padding:18px 20px; border-bottom:1px solid var(--line); }
.modal-header h2 { margin:0; font-size:17px; }
.modal-close { border:0; background:var(--surface-2); width:34px; height:34px; border-radius:50%; cursor:pointer; font-size:22px; }
.modal-body { padding:20px; }
.video-container { border-radius:13px; overflow:hidden; background:#000; aspect-ratio:4/3; margin-bottom:16px; }
.video-container video,.video-container canvas { width:100%; height:100%; object-fit:cover; }
.video-container canvas { display:none; }
.legal-text { color:var(--muted); font-size:15px; line-height:1.72; }
.kvkk-modal-card { width:min(820px,100%); }
.legal-title { display:grid; gap:4px; margin-bottom:20px; padding:16px 18px; border:1px solid var(--line); border-radius:14px; background:color-mix(in srgb, var(--accent) 7%, var(--surface)); }
.legal-title span { font-size:12px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--accent); }
.legal-title strong { color:var(--text); font-size:18px; line-height:1.35; }
.legal-text section + section { margin-top:22px; padding-top:18px; border-top:1px solid var(--line); }
.legal-text h3 { margin:0 0 9px; color:var(--text); font-size:16px; line-height:1.4; }
.legal-text p { margin:0 0 10px; }
.legal-text ul { margin:8px 0 12px; padding-left:22px; }
.legal-text li + li { margin-top:7px; }
.legal-text a { color:var(--accent); font-weight:800; overflow-wrap:anywhere; }
.legal-note { padding:12px 14px; border-left:3px solid var(--accent); border-radius:0 10px 10px 0; background:color-mix(in srgb, var(--accent) 7%, transparent); }
.legal-disclaimer { display:flex; gap:11px; align-items:flex-start; margin-top:22px; padding:14px 16px; border:1px solid var(--line); border-radius:12px; background:var(--surface-2); color:var(--text); }
.legal-disclaimer i { color:var(--accent); margin-top:4px; }
.legal-disclaimer p { margin:0; }
@media (max-width:640px) { .legal-text { font-size:14px; } .legal-title { padding:14px; } }
.state-page,.company-directory { min-height:100vh; display:grid; place-items:center; padding:36px 18px; }
.state-card { width:min(520px,100%); text-align:center; background:var(--surface); border:1px solid var(--line); padding:40px; border-radius:22px; box-shadow:var(--shadow); }
.state-icon { width:68px; height:68px; display:grid; place-items:center; margin:0 auto 18px; border-radius:18px; background:var(--accent-soft); color:var(--accent); font-size:27px; }
.state-card h1 { margin:0 0 10px; }
.state-card p { color:var(--muted); margin:0 0 22px; }
.company-directory { display:block; max-width:1100px; margin:0 auto; }
.directory-hero { text-align:center; max-width:700px; margin:55px auto 34px; }
.eyebrow { color:var(--accent); font-weight:700; font-size:12px; text-transform:uppercase; letter-spacing:.12em; }
.directory-hero h1 { font-size:clamp(30px,5vw,52px); line-height:1.12; margin:12px 0; }
.directory-hero p { color:var(--muted); }
.ghost-button { border:1px solid var(--line); color:var(--text); background:var(--surface); margin-top:12px; }
.company-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:16px; }
.company-card { display:grid; grid-template-columns:58px 1fr auto; align-items:center; gap:14px; text-decoration:none; color:var(--text); background:var(--surface); border:1px solid var(--line); border-radius:18px; padding:17px; box-shadow:0 12px 30px rgba(0,0,0,.06); transition:.2s; }
.company-card:hover { transform:translateY(-3px); border-color:var(--accent); }
.company-logo-shell { width:58px; height:58px; display:grid; place-items:center; border-radius:14px; background:var(--accent-soft); color:var(--accent); overflow:hidden; font-weight:800; }
.company-logo-shell img { width:100%; height:100%; object-fit:contain; padding:5px; }
.company-card h2 { font-size:15px; margin:0 0 4px; }
.company-card p { color:var(--muted); font-size:11px; margin:0; }
.company-card > i { color:var(--accent); }
.empty-directory { grid-column:1/-1; text-align:center; color:var(--muted); padding:30px; }
@media (max-width:700px) {
  .page-toolbar { top:10px; right:10px; }
  .theme-toggle span { display:none; }
  .wizard-container { width:100%; margin:0; border-radius:0; border-left:0; border-right:0; min-height:100vh; }
  .wizard-header { padding:20px 14px 16px; }
  .brand-row { justify-content:flex-start; margin-top:32px; margin-bottom:22px; }
  .brand-logo { width:58px; height:58px; border-radius:14px; }
  .brand-copy strong { font-size:17px; }
  .step-label { display:none; }
  .step-indicator-container::before { left:12.5%; right:12.5%; }
  .wizard-body { padding:28px 16px; }
  .step-heading h1 { font-size:22px; }
  .selection-btn { grid-template-columns:50px 1fr 18px; padding:14px; gap:12px; }
  .selection-icon { width:48px; height:48px; }
  .form-grid-container { grid-template-columns:1fr; gap:14px; }
  .full-width { grid-column:auto; }
  .wizard-footer { position:sticky; bottom:0; z-index:20; padding:13px 16px calc(13px + env(safe-area-inset-bottom)); box-shadow:0 -12px 30px rgba(0,0,0,.08); }
  .back-button,.submit-button { padding:11px 13px; font-size:12px; }
  .public-footer { padding:0 14px; flex-direction:column; align-items:center; gap:5px; }
}

/* v2: firma tarafından sabitlenen tasarım sistemi */
html[data-page="form"] .brand-row{flex-direction:column;gap:9px;text-align:center;margin-bottom:26px}
html[data-page="form"] .brand-logo{width:min(190px,60vw);height:78px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;color:var(--accent);font-size:30px}
html[data-page="form"] .brand-logo img{width:100%;height:100%;object-fit:contain;padding:0}
html[data-page="form"] .brand-logo span{display:grid;place-items:center;min-width:72px;height:62px;padding:0 16px;border:2px solid var(--accent);letter-spacing:.08em}
html[data-page="form"] .brand-copy{align-items:center}.brand-copy strong{font-size:22px}.brand-copy small{font-size:13px;text-transform:uppercase;letter-spacing:.12em}
.submission-success{padding:58px 48px;text-align:center;animation:fadeSlide .35s ease}.success-mark{width:76px;height:76px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-size:31px;box-shadow:0 0 0 10px rgba(var(--accent-rgb),.12)}.success-kicker{display:block;color:var(--accent);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.submission-success h1{font-size:30px;margin:10px 0}.submission-success>p{max-width:650px;margin:0 auto 24px;color:var(--muted);line-height:1.75}.success-reference{max-width:600px;margin:0 auto 22px;padding:20px;border:1px solid var(--accent);background:var(--accent-soft)}.success-reference span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.09em}.success-reference strong{display:block;margin-top:5px;color:var(--accent-strong);font-size:25px;letter-spacing:.04em;overflow-wrap:anywhere}.success-details{max-width:720px;margin:0 auto 25px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));text-align:left;border:1px solid var(--line);border-radius:15px;overflow:hidden}.success-details>div{padding:14px 16px;background:var(--surface-2);border-bottom:1px solid var(--line)}.success-details>div:nth-child(odd){border-right:1px solid var(--line)}.success-details span{display:block;color:var(--muted);font-size:11px}.success-details strong{display:block;margin-top:4px;font-size:14px;overflow-wrap:anywhere}

/* 1 — Klasik Zarafet */
html[data-design="classic"] .wizard-container{border-radius:24px}html[data-design="classic"] .wizard-header{background:linear-gradient(145deg,var(--surface),var(--surface-2))}html[data-design="classic"] .selection-btn{border-radius:17px}

/* 2 — İmza Paneli */
html[data-design="signature"] body{background:linear-gradient(120deg,var(--accent-strong) 0 32%,var(--page) 32%)}
html[data-design="signature"] .wizard-container{width:min(1180px,calc(100% - 36px));display:grid;grid-template-columns:320px minmax(0,1fr);border-radius:18px;margin-top:34px;min-height:720px}
html[data-design="signature"] .wizard-header{grid-column:1;grid-row:1/3;padding:48px 30px;background:linear-gradient(155deg,var(--accent-strong),var(--accent));color:#fff;border:0;display:flex;flex-direction:column;justify-content:center}
html[data-design="signature"] .brand-row{margin-bottom:52px}html[data-design="signature"] .brand-logo{filter:brightness(0) invert(1);color:#fff}html[data-design="signature"] .brand-logo span{border-color:#fff}html[data-design="signature"] .brand-copy small{color:rgba(255,255,255,.7)}
html[data-design="signature"] .step-indicator-container{grid-template-columns:1fr;gap:22px}html[data-design="signature"] .step-indicator-container::before{left:18px;right:auto;top:20px;bottom:20px;width:2px;height:auto;background:rgba(255,255,255,.3)}html[data-design="signature"] .step-item{display:grid;grid-template-columns:38px 1fr;justify-items:start;text-align:left}html[data-design="signature"] .step-circle{border-color:rgba(255,255,255,.48);background:transparent;color:#fff}html[data-design="signature"] .step-label{color:rgba(255,255,255,.72);font-size:12px}html[data-design="signature"] .step-item.active .step-circle,html[data-design="signature"] .step-item.completed .step-circle{background:#fff;border-color:#fff;color:var(--accent-strong);box-shadow:0 0 0 6px rgba(255,255,255,.13)}html[data-design="signature"] .step-item.active .step-label,html[data-design="signature"] .step-item.completed .step-label{color:#fff}
html[data-design="signature"] .wizard-body{grid-column:2;padding:54px 58px}html[data-design="signature"] .step-heading{text-align:left}html[data-design="signature"] .selection-list{max-width:none}html[data-design="signature"] .selection-btn{border-radius:8px;border-left:4px solid var(--accent)}html[data-design="signature"] .wizard-footer{grid-column:2;padding-left:58px;padding-right:58px}html[data-design="signature"] .submission-success{grid-column:2;align-self:center}

/* 3 — Editoryal */
html[data-design="editorial"] body{background:var(--page)}html[data-design="editorial"] .wizard-container{width:min(1020px,calc(100% - 34px));border-radius:0;border:0;border-left:8px solid var(--accent);box-shadow:0 18px 55px rgba(0,0,0,.08)}html[data-design="editorial"] .wizard-header{padding:38px 48px 24px;background:var(--surface);border-bottom:3px double var(--line)}html[data-design="editorial"] .brand-row{align-items:flex-start;text-align:left}html[data-design="editorial"] .brand-logo{margin-right:auto;width:150px;height:58px}html[data-design="editorial"] .brand-copy{align-items:flex-start}html[data-design="editorial"] .brand-copy strong,html[data-design="editorial"] .step-heading h1,html[data-design="editorial"] .section-heading h2{font-family:Georgia,'Times New Roman',serif}html[data-design="editorial"] .brand-copy strong{font-size:28px}html[data-design="editorial"] .step-indicator-container{max-width:650px}html[data-design="editorial"] .step-circle{border-radius:0;transform:rotate(45deg)}html[data-design="editorial"] .step-circle::before,html[data-design="editorial"] .step-circle{transform-origin:center}html[data-design="editorial"] .step-circle{font-size:0}html[data-design="editorial"] .step-circle::after{content:attr(data-step);transform:rotate(-45deg);font-size:12px}html[data-design="editorial"] .wizard-body{padding:48px}html[data-design="editorial"] .step-heading{text-align:left;border-bottom:1px solid var(--line);padding-bottom:18px}html[data-design="editorial"] .step-heading h1{font-size:34px}html[data-design="editorial"] .selection-list{max-width:none}html[data-design="editorial"] .selection-btn{border-width:0 0 1px;border-radius:0;background:transparent;padding-left:0}html[data-design="editorial"] .selection-btn:hover{transform:translateX(7px);box-shadow:none}html[data-design="editorial"] .selection-icon{border-radius:50%}html[data-design="editorial"] .group-field input:not([type="checkbox"]),html[data-design="editorial"] .group-field select,html[data-design="editorial"] .group-field textarea{border-radius:0;border-width:0 0 1px;background:transparent;padding-left:0}html[data-design="editorial"] .success-reference,html[data-design="editorial"] .success-details{border-radius:0}

/* 4 — Akış Kartları */
html[data-design="flow"] body{background:linear-gradient(145deg,var(--page),color-mix(in srgb,var(--accent) 12%,var(--page)))}html[data-design="flow"] .wizard-container{background:transparent;border:0;box-shadow:none;overflow:visible;width:min(980px,calc(100% - 30px))}html[data-design="flow"] .wizard-header,html[data-design="flow"] .wizard-body,html[data-design="flow"] .wizard-footer,html[data-design="flow"] .submission-success{background:var(--surface);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}html[data-design="flow"] .wizard-header{margin-bottom:15px}html[data-design="flow"] .step-indicator-container{background:var(--surface-2);border-radius:999px;padding:12px 10px}html[data-design="flow"] .step-indicator-container::before{left:13%;right:13%;top:30px}html[data-design="flow"] .wizard-body{padding:42px;margin-bottom:15px}html[data-design="flow"] .selection-btn{border-radius:22px;background:var(--surface);box-shadow:0 10px 25px rgba(0,0,0,.05)}html[data-design="flow"] .selection-icon{border-radius:17px}html[data-design="flow"] .group-field input:not([type="checkbox"]),html[data-design="flow"] .group-field select,html[data-design="flow"] .group-field textarea{border-radius:16px;padding:14px}html[data-design="flow"] .wizard-footer{border-top:1px solid var(--line)}html[data-design="flow"] .submission-success{margin-bottom:15px}

/* 5 — Vitrin */
html[data-design="showcase"] body{background:radial-gradient(circle at 50% -10%,rgba(var(--accent-rgb),.48),transparent 45%),linear-gradient(145deg,var(--accent-strong),#0c0e12);background-attachment:fixed}html[data-design="showcase"][data-mode="light"] body{background:radial-gradient(circle at 50% -10%,rgba(var(--accent-rgb),.35),transparent 45%),linear-gradient(145deg,var(--page),#d9d4ca)}
html[data-design="showcase"] .wizard-container{width:min(1080px,calc(100% - 34px));margin-top:42px;border-radius:8px;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(24px);border-color:color-mix(in srgb,var(--line) 55%,transparent)}html[data-design="showcase"] .wizard-header{padding:46px 50px 30px;background:transparent}html[data-design="showcase"] .brand-logo{height:105px;width:min(260px,70vw)}html[data-design="showcase"] .brand-copy strong{font-size:30px}html[data-design="showcase"] .brand-copy small{letter-spacing:.2em}html[data-design="showcase"] .wizard-body{max-width:850px;margin:0 auto;padding:52px 50px}html[data-design="showcase"] .step-heading h1{font-size:32px}html[data-design="showcase"] .selection-btn{border-radius:2px;border-left:5px solid var(--accent);background:color-mix(in srgb,var(--surface) 78%,transparent)}html[data-design="showcase"] .selection-icon{border-radius:2px}html[data-design="showcase"] .group-field input:not([type="checkbox"]),html[data-design="showcase"] .group-field select,html[data-design="showcase"] .group-field textarea{border-radius:2px;background:color-mix(in srgb,var(--surface-2) 80%,transparent)}html[data-design="showcase"] .wizard-footer{padding-left:max(50px,calc((100% - 850px)/2));padding-right:max(50px,calc((100% - 850px)/2));background:transparent}html[data-design="showcase"] .success-reference,html[data-design="showcase"] .success-details{border-radius:2px}

/* Elit Creative tanıtım sayfası */
html[data-page="landing"]{color-scheme:dark}html[data-page="landing"] body{background:#090b10;color:#f5f6f8;font-family:Poppins,Arial,sans-serif}.marketing-page{min-height:100vh;overflow:hidden}.marketing-header{width:min(1200px,calc(100% - 36px));height:86px;margin:auto;display:flex;align-items:center;justify-content:space-between}.marketing-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.marketing-brand>span{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(224,184,91,.6);background:linear-gradient(135deg,#d9b15a,#7f5b16);font-weight:800}.marketing-brand>div{display:flex;flex-direction:column}.marketing-brand strong{font-size:15px}.marketing-brand small{font-size:10px;color:rgba(255,255,255,.48);letter-spacing:.08em;text-transform:uppercase}.marketing-contact{display:inline-flex;align-items:center;gap:8px;color:#e3bd67;text-decoration:none;border:1px solid rgba(227,189,103,.3);padding:10px 14px;border-radius:999px;font-size:12px}.marketing-hero{width:min(1200px,calc(100% - 36px));min-height:680px;margin:auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);align-items:center;gap:60px;padding:65px 0 90px}.marketing-eyebrow{display:inline-block;color:#d8ad4e;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.16em}.hero-copy h1{font-size:clamp(42px,5.7vw,76px);line-height:1.04;letter-spacing:-.04em;margin:17px 0 24px;max-width:790px}.hero-copy>p{max-width:680px;color:rgba(255,255,255,.62);font-size:16px;line-height:1.8}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}.marketing-primary,.marketing-secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 18px;text-decoration:none;font-weight:700;border-radius:10px}.marketing-primary{background:linear-gradient(135deg,#d8ad4e,#8b6318);color:#fff;box-shadow:0 16px 38px rgba(196,145,39,.24)}.marketing-secondary{border:1px solid rgba(255,255,255,.15);color:#fff;background:rgba(255,255,255,.04)}.hero-proof{display:flex;gap:16px;flex-wrap:wrap;margin-top:25px;color:rgba(255,255,255,.56);font-size:11px}.hero-proof i{color:#d8ad4e;margin-right:5px}.hero-visual{position:relative;min-height:520px}.visual-glow{position:absolute;inset:10% 5%;background:#b8862b;filter:blur(120px);opacity:.27}.visual-panel{position:absolute;background:rgba(24,27,34,.9);border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 90px rgba(0,0,0,.45);backdrop-filter:blur(20px)}.main-panel{width:82%;right:3%;top:4%;padding:28px;border-radius:22px;transform:perspective(1000px) rotateY(-7deg) rotateX(3deg)}.visual-top{display:flex;align-items:center;gap:12px}.visual-top>span{width:54px;height:35px;background:linear-gradient(135deg,#d8ad4e,#815b15)}.visual-top div{display:flex;flex-direction:column}.visual-top b{font-size:14px}.visual-top small{font-size:9px;color:rgba(255,255,255,.45)}.visual-steps{display:flex;justify-content:space-between;margin:30px 0;position:relative}.visual-steps::before{content:"";position:absolute;left:10px;right:10px;top:14px;height:1px;background:rgba(255,255,255,.12)}.visual-steps i{position:relative;width:29px;height:29px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#1b1e25;font-size:9px;font-style:normal}.visual-steps i.active{background:#c79838;border-color:#c79838}.visual-card{display:grid;grid-template-columns:50px 1fr;gap:13px;align-items:center;margin-top:11px;padding:15px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);border-radius:13px}.visual-card em{width:48px;height:48px;background:rgba(216,173,78,.14);border-radius:12px}.visual-card b,.visual-card span{display:block;height:8px;background:rgba(255,255,255,.68);border-radius:4px}.visual-card span{width:65%;height:5px;margin-top:8px;background:rgba(255,255,255,.18)}.stats-panel{left:0;bottom:10%;width:190px;padding:20px;border-radius:17px}.stats-panel small{color:rgba(255,255,255,.48)}.stats-panel strong{display:block;font-size:38px;margin:5px 0}.stats-panel span{font-size:10px;color:#67d5aa}.stats-panel i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#67d5aa;margin-right:5px}.pdf-panel{right:-2%;bottom:1%;display:flex;align-items:center;gap:12px;padding:15px 18px;border-radius:15px}.pdf-panel>i{font-size:28px;color:#e36363}.pdf-panel div{display:flex;flex-direction:column}.pdf-panel b{font-size:11px}.pdf-panel small{font-size:8px;color:rgba(255,255,255,.46)}.marketing-strip{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);min-height:82px;display:flex;align-items:center;justify-content:center;gap:25px;color:rgba(255,255,255,.52);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.marketing-strip i{width:4px;height:4px;border-radius:50%;background:#d8ad4e}.marketing-section{width:min(1200px,calc(100% - 36px));margin:0 auto;padding:120px 0}.section-intro{max-width:780px;margin-bottom:45px}.section-intro h2,.feature-copy h2,.compliance-card h2,.marketing-cta h2{font-size:clamp(32px,4vw,52px);line-height:1.13;margin:13px 0 16px;letter-spacing:-.03em}.section-intro p,.feature-copy>p,.compliance-card p,.marketing-cta p{color:rgba(255,255,255,.58);line-height:1.8}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.benefit-grid article{padding:30px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border-radius:18px}.benefit-grid article>i{width:45px;height:45px;display:grid;place-items:center;background:rgba(216,173,78,.12);color:#d8ad4e;border-radius:12px}.benefit-grid h3{font-size:17px;margin:22px 0 10px}.benefit-grid p{margin:0;color:rgba(255,255,255,.49);font-size:12px;line-height:1.75}.feature-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.feature-copy ul{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:13px;color:rgba(255,255,255,.7);font-size:13px}.feature-copy li i{color:#d8ad4e;margin-right:9px}.feature-board{background:#14171d;border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:24px;box-shadow:0 35px 100px rgba(0,0,0,.4)}.board-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.08)}.board-head>div{display:flex;gap:5px}.board-head span{width:8px;height:8px;border-radius:50%;background:#3b414c}.board-head b{font-size:12px}.board-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.board-metrics div{background:#1b1f27;border-radius:11px;padding:14px}.board-metrics span{display:block;font-size:9px;color:rgba(255,255,255,.42)}.board-metrics strong{font-size:23px}.board-row{display:grid;grid-template-columns:35px 1fr auto;gap:11px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.07)}.board-row>i{width:33px;height:33px;border-radius:9px;background:rgba(216,173,78,.12)}.board-row div{display:flex;flex-direction:column}.board-row b{font-size:10px}.board-row small{font-size:8px;color:rgba(255,255,255,.42)}.board-row em{font-style:normal;font-size:8px;color:#dfb75c;background:rgba(216,173,78,.12);padding:5px 7px;border-radius:999px}.board-row em.seen{color:#78a8ef;background:rgba(74,128,208,.13)}.board-row em.done{color:#67d5aa;background:rgba(56,158,119,.13)}.compliance-section{padding-top:60px}.compliance-card{display:grid;grid-template-columns:90px 1fr;gap:30px;padding:45px;border:1px solid rgba(216,173,78,.25);background:linear-gradient(135deg,rgba(216,173,78,.09),rgba(255,255,255,.025));border-radius:22px}.compliance-icon{width:80px;height:80px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(135deg,#d8ad4e,#815b15);font-size:28px}.compliance-card h2{font-size:35px}.compliance-links{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.compliance-links a{color:#e5bf68;text-decoration:none;border:1px solid rgba(229,191,104,.22);padding:9px 11px;border-radius:8px;font-size:10px}.compliance-card small{display:block;color:rgba(255,255,255,.37);font-size:10px;line-height:1.65}.marketing-cta{text-align:center;padding:120px 20px 130px;background:radial-gradient(circle,rgba(216,173,78,.15),transparent 55%)}.marketing-cta h2{max-width:850px;margin-left:auto;margin-right:auto}.marketing-cta p{max-width:650px;margin:0 auto 28px}.marketing-footer{width:min(1200px,calc(100% - 36px));margin:auto;min-height:120px;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:20px}.marketing-footer p,.marketing-footer>span{color:rgba(255,255,255,.38);font-size:10px}.marketing-footer p{text-align:center}

@media(max-width:900px){html[data-design="signature"] body{background:var(--page)}html[data-design="signature"] .wizard-container{display:block;width:min(920px,calc(100% - 28px));min-height:0}html[data-design="signature"] .wizard-header{display:block;padding:28px 24px;background:linear-gradient(155deg,var(--accent-strong),var(--accent))}html[data-design="signature"] .brand-row{margin-bottom:28px}html[data-design="signature"] .step-indicator-container{grid-template-columns:repeat(4,1fr);gap:8px}html[data-design="signature"] .step-indicator-container::before{left:12.5%;right:12.5%;top:18px;bottom:auto;width:auto;height:2px}html[data-design="signature"] .step-item{display:flex;text-align:center}html[data-design="signature"] .step-label{display:none}html[data-design="signature"] .wizard-body,html[data-design="signature"] .wizard-footer{padding-left:24px;padding-right:24px}.marketing-hero{grid-template-columns:1fr;padding-top:40px}.hero-visual{min-height:500px;max-width:600px;width:100%;margin:auto}.benefit-grid{grid-template-columns:repeat(2,1fr)}.feature-section{grid-template-columns:1fr}.marketing-strip{flex-wrap:wrap;padding:20px}.marketing-footer{grid-template-columns:1fr;text-align:center;padding:30px 0}.marketing-footer .marketing-brand{justify-content:center}.marketing-footer p{text-align:center}}
@media(max-width:700px){html[data-page="form"] .brand-row{justify-content:center;margin-top:0}.submission-success{padding:42px 18px}.submission-success h1{font-size:24px}.success-details{grid-template-columns:1fr}.success-details>div:nth-child(odd){border-right:0}.success-reference strong{font-size:20px}html[data-design="editorial"] .wizard-container{width:100%;border-left-width:5px}html[data-design="editorial"] .wizard-header,html[data-design="editorial"] .wizard-body{padding:25px 18px}html[data-design="editorial"] .step-heading h1{font-size:27px}html[data-design="flow"] .wizard-container{width:calc(100% - 18px);margin:9px auto}html[data-design="flow"] .wizard-header,html[data-design="flow"] .wizard-body,html[data-design="flow"] .wizard-footer{border-radius:20px}html[data-design="showcase"] .wizard-container{width:100%;margin:0;border-radius:0}html[data-design="showcase"] .wizard-header,html[data-design="showcase"] .wizard-body{padding:30px 17px}html[data-design="showcase"] .brand-logo{height:80px}.marketing-header{height:72px}.marketing-contact{font-size:0}.marketing-contact i{font-size:15px}.marketing-hero{min-height:auto;padding:50px 0 75px}.hero-copy h1{font-size:42px}.hero-copy>p{font-size:14px}.hero-visual{min-height:420px}.main-panel{width:94%;right:0;padding:19px}.stats-panel{bottom:4%;width:155px}.pdf-panel{right:0}.marketing-strip i{display:none}.marketing-strip{display:grid;text-align:center;gap:10px}.marketing-section{padding:80px 0}.benefit-grid{grid-template-columns:1fr}.benefit-grid article{padding:24px}.feature-board{padding:16px}.compliance-card{grid-template-columns:1fr;padding:28px}.compliance-icon{width:62px;height:62px}.compliance-card h2{font-size:28px}.marketing-cta{padding:90px 18px}.hero-proof{display:grid}.marketing-primary,.marketing-secondary{width:100%}}
html[data-design="editorial"] .step-circle{transform:none;font-size:12px}html[data-design="editorial"] .step-circle::after{content:none}

/* v2.1: bütün form tasarımlarında logo ve firma başlığı üstte ortalanır. */
html[data-page="form"] .brand-row{align-items:center;text-align:center}
html[data-page="form"] .brand-logo{margin-left:auto;margin-right:auto}
html[data-page="form"] .brand-copy{align-items:center;text-align:center}
html[data-design="editorial"] .brand-row{align-items:center;text-align:center}
html[data-design="editorial"] .brand-logo{margin-left:auto;margin-right:auto}
html[data-design="editorial"] .brand-copy{align-items:center;text-align:center}
@media(min-width:901px){
  html[data-design="signature"] .wizard-container{display:block;width:min(1120px,calc(100% - 36px));min-height:0}
  html[data-design="signature"] .wizard-header{display:block;padding:38px 48px 30px;background:linear-gradient(145deg,var(--accent-strong),var(--accent));color:#fff}
  html[data-design="signature"] .brand-row{margin-bottom:28px}
  html[data-design="signature"] .step-indicator-container{grid-template-columns:repeat(4,1fr);gap:10px;max-width:720px;margin:0 auto}
  html[data-design="signature"] .step-indicator-container::before{left:12.5%;right:12.5%;top:18px;bottom:auto;width:auto;height:2px}
  html[data-design="signature"] .step-item{display:flex;justify-items:center;text-align:center}
  html[data-design="signature"] .step-label{font-size:11px}
  html[data-design="signature"] .wizard-body{padding:54px 58px 54px 34%;background:linear-gradient(90deg,var(--accent-soft) 0 28%,var(--surface) 28%)}
  html[data-design="signature"] .wizard-footer{padding-left:34%;padding-right:58px}
  html[data-design="signature"] .submission-success{display:block}
  html[data-design="signature"] .submission-success.hidden{display:none!important}
}


/* v2.1.2: Dikey/yüksek logoların firma başlığının arkasına taşması engellenir. */
html[data-page="form"] .brand-row{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;isolation:isolate;overflow:visible}
html[data-page="form"] .brand-logo{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:min(230px,72vw);height:clamp(82px,11vw,118px);max-height:118px;min-height:82px;padding:8px;overflow:hidden!important;flex:0 0 auto}
html[data-page="form"] .brand-logo img{display:block;width:100%!important;height:100%!important;max-width:100%;max-height:100%;object-fit:contain!important;object-position:center center;padding:0!important}
html[data-page="form"] .brand-copy{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;text-align:center;max-width:100%;padding:0 12px;background:transparent}
html[data-page="form"] .brand-copy strong{overflow-wrap:anywhere}
html[data-design="showcase"][data-page="form"] .brand-logo{height:clamp(92px,13vw,132px);max-height:132px;width:min(270px,76vw)}
html[data-design="signature"][data-page="form"] .brand-logo{overflow:hidden!important}
@media(max-width:700px){html[data-page="form"] .brand-logo{width:min(210px,74vw);height:88px;min-height:88px;max-height:88px}.marketing-cta-actions{flex-direction:column;align-items:stretch}.marketing-email-link{justify-content:center}}

/* Ana sayfa iletişimi WhatsApp odaklıdır; e-posta ayrıca görünür tutulur. */
.marketing-whatsapp,.whatsapp-primary{background:linear-gradient(135deg,#25d366,#128c4a)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 12px 28px rgba(37,211,102,.2)!important}
.marketing-whatsapp:hover,.whatsapp-primary:hover{transform:translateY(-2px);filter:brightness(1.05)}
.marketing-cta-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.marketing-email-link{display:inline-flex;align-items:center;gap:11px;min-height:48px;padding:9px 15px;border:1px solid rgba(255,255,255,.14);border-radius:11px;color:#fff;text-decoration:none;background:rgba(255,255,255,.035)}
.marketing-email-link>i{font-size:18px;color:#d8ad4e}.marketing-email-link span{display:flex;flex-direction:column;text-align:left}.marketing-email-link small{font-size:9px;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.1em}.marketing-email-link strong{font-size:12px;margin-top:2px}
.marketing-footer p a{color:#d8ad4e;text-decoration:none}


/* v2.1.3: Landing sayfasında kurumsal logo kullanımı. */
.marketing-logo-link{display:inline-flex;align-items:center;min-width:0}
.marketing-brand-logo{display:block;width:202px;height:48px;max-width:42vw;object-fit:contain;object-position:left center}
.marketing-footer-logo .marketing-brand-logo{width:178px;height:43px}
.marketing-site-link{color:#fff!important;font-weight:600}
@media(max-width:600px){.marketing-brand-logo{width:168px;height:42px;max-width:58vw}.marketing-footer-logo .marketing-brand-logo{width:165px}.marketing-header{height:78px}.marketing-footer{padding:34px 0}}

/* v2.1.4: Firma adı ve e-posta bilgisiyle dinamik, genel KVKK aydınlatma metni. */