/* Deneyimlex bekleme listesi · marka renkleri kurumsal kimlik kılavuzundan */
:root{
  --bg:#FBF8F2; --surface:#FFFFFF; --fg:#14182B; --muted:#5B6070; --line:#E6DFD1;
  --accent:#F2541B; --accent-text:#C2410C; --action:#2A3BD4; --action-hover:#1E2BA3; --on-action:#FBF8F2;
  --peach:#FFDCCB; --sky:#DFE3FF; --ink:#14182B; --paper:#FBF8F2;
  --good:#1F7A4D; --good-bg:#DDF2E6; --bad:#B42318; --bad-bg:#FDE4E1;
  --logo-tile:#14182B; --logo-stroke:#FBF8F2;
  --display:'Bricolage Grotesque','Arial Narrow',system-ui,sans-serif;
  --body:'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#0F1222; --surface:#181C33; --fg:#F3F0E8; --muted:#A9AEC0; --line:#2C3250;
  --accent:#FF6A33; --accent-text:#FF9A70; --action:#8C99FF; --action-hover:#A9B3FF; --on-action:#0F1222;
  --peach:#3B2620; --sky:#232A52;
  --good:#6FD39F; --good-bg:#16352A; --bad:#FF8A80; --bad-bg:#3D1C1C;
  --logo-tile:#FBF8F2; --logo-stroke:#14182B; color-scheme:dark}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.55 var(--body);-webkit-font-smoothing:antialiased}
a{color:var(--action)} a:hover{color:var(--action-hover)}
:focus-visible{outline:3px solid var(--action);outline-offset:2px;border-radius:6px}
h1,h2{font-family:var(--display);margin:0;line-height:1.02;letter-spacing:-0.035em;text-wrap:balance}
h1{font-size:clamp(2.7rem,9vw,5.2rem);font-weight:800;letter-spacing:-0.05em}
h2{font-size:clamp(1.5rem,3.6vw,2.1rem);font-weight:800}
h2.big{font-size:clamp(2.2rem,6vw,3.4rem)}
p{margin:0}
.wrap{max-width:1120px;margin-inline:auto;padding-inline:16px}
@media (min-width:768px){.wrap{padding-inline:32px}}
.stack{display:flex;flex-direction:column;gap:18px}
.lead{font-size:1.15rem;color:var(--muted);max-width:52ch}
.pill{align-self:flex-start;background:var(--peach);color:var(--fg);border-radius:999px;padding:6px 14px;font-weight:700;font-size:.875rem}
.eyebrow{font-weight:700;font-size:.875rem;color:#FFB899}
.q{color:var(--accent)}

.top{border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;height:68px}
.logo{display:flex;align-items:center;gap:9px;color:var(--fg);text-decoration:none;min-height:44px}
.logo:hover{color:var(--fg)}
.wordmark{font-family:var(--display);font-weight:800;font-size:1.45rem;letter-spacing:-0.045em;line-height:1}
.wordmark .x{color:var(--accent)}
.lt{fill:var(--logo-tile)} .ls{stroke:var(--logo-stroke)} .lk{stroke:var(--logo-tile)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 24px;border-radius:999px;border:0;font:700 1rem/1 var(--body);text-decoration:none;cursor:pointer}
.btn:disabled{opacity:.6;cursor:wait}
.btn-sm{min-height:44px;padding:0 18px;font-size:.9375rem}
.btn-block{width:100%}
.btn-action{background:var(--action);color:var(--on-action)} .btn-action:hover{background:var(--action-hover);color:var(--on-action)}
.btn-accent{background:#F2541B;color:#14182B} .btn-accent:hover{color:#14182B;filter:brightness(1.05)}
.btn-ghost{background:transparent;color:var(--fg);border:1.5px solid var(--fg)} .btn-ghost:hover{color:var(--fg);background:var(--surface)}

.hero{padding-block:40px 56px}
.hero-grid{display:grid;gap:32px;align-items:center}
@media (min-width:900px){.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;padding-top:24px}}
.card{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:22px}
.form{display:flex;flex-direction:column;gap:14px;min-width:0}
.form h2{font-size:1.5rem}
.field{display:flex;flex-direction:column;gap:6px;font-size:.875rem;font-weight:700;min-width:0}
.field input,.field select{font:400 1rem var(--body);min-height:52px;padding:0 14px;border-radius:12px;border:1.5px solid var(--fg);background:var(--surface);color:var(--fg);width:100%}
.field input[aria-invalid="true"]{border-color:var(--bad)}
.row2{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
.check{display:flex;gap:12px;align-items:flex-start;font-size:.875rem;line-height:1.5;cursor:pointer}
.check input{width:22px;height:22px;margin:0;accent-color:var(--action);flex-shrink:0}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.msg{font-size:.9375rem;font-weight:700;border-radius:12px}
.msg:empty{display:none}
.msg.ok{background:var(--good-bg);color:var(--good);padding:12px 14px}
.msg.err{background:var(--bad-bg);color:var(--bad);padding:12px 14px}

.sec{display:flex;flex-direction:column;gap:18px;padding-block:28px}
.cats{list-style:none;margin:0;padding:0;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:768px){.cats{grid-template-columns:repeat(4,minmax(0,1fr))}}
.cats li{min-height:84px;border-radius:16px;padding:14px;display:flex;align-items:flex-end;font-family:var(--display);font-weight:700;font-size:1.15rem}
.cats .peach{background:var(--peach)} .cats .sky{background:var(--sky)}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:12px}
@media (min-width:768px){.steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
.steps li{display:flex;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px}
.num{flex:0 0 38px;height:38px;border-radius:50%;background:var(--accent);color:#14182B;display:flex;align-items:center;justify-content:center;font-weight:700}

.biz{background:#14182B;color:#FBF8F2;margin-top:36px}
.biz .wrap{padding-block:48px}
.biz-grid{display:grid;gap:32px;align-items:start}
@media (min-width:900px){.biz-grid{grid-template-columns:minmax(0,1fr) minmax(0,480px)}}
.biz .lead.inv{color:#C9CCD8}
.biz .card{color:var(--fg)}
.ticks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.ticks li{padding-left:28px;position:relative}
.ticks li::before{content:"";position:absolute;left:4px;top:.45em;width:12px;height:7px;border-left:2.5px solid #F2541B;border-bottom:2.5px solid #F2541B;transform:rotate(-45deg)}

.foot{background:#14182B;color:#C9CCD8;border-top:1px solid #2E3350}
.foot-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-block:28px}
.foot .wordmark{color:#FBF8F2}
.foot nav{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.875rem}
.foot a{color:#C9CCD8}

.doc{max-width:760px;padding-block:40px 64px;display:flex;flex-direction:column;gap:16px}
.doc h1{font-size:clamp(2rem,6vw,3rem)}
.doc h2{font-size:1.3rem;margin-top:12px}
.doc .todo{background:var(--peach);border-radius:12px;padding:12px 14px;font-weight:700}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}