/* Conversion-first wizard: editorial, direct and free of dashboard-card chrome. */
.page-start-premium { background:#0b0c10; }
.page-start-premium .wz-shell { max-width:none; grid-template-columns:340px minmax(0,1fr); background:#0b0c10; }
.page-start-premium .wz-rail { padding:32px 30px; background:#0b0c10; color:#fff; border-right:1px solid rgba(255,255,255,.14); }
.page-start-premium .rail-brand { color:#fff; }
.page-start-premium .rail-brand .dot { filter:brightness(0) invert(1); }
.page-start-premium .wz-time { display:block; margin-top:14px; color:#7d8593; font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.page-start-premium .rail-steps { margin-top:64px; border-top:1px solid rgba(255,255,255,.16); }
.page-start-premium .rail-steps li { grid-template-columns:28px 1fr; padding:24px 0; border-bottom:1px solid rgba(255,255,255,.16); }
.page-start-premium .rail-steps li::before { display:none; }
.page-start-premium .rs-dot { width:22px; height:22px; border-color:rgba(255,255,255,.28); background:transparent; }
.page-start-premium .rs-dot i { width:5px; height:5px; background:#6f7581; }
.page-start-premium .rail-steps b { padding-top:3px; color:#747b88; }
.page-start-premium .rail-steps small { max-width:220px; color:#6f7581; }
.page-start-premium .rail-steps li.is-active b,
.page-start-premium .rail-steps li.is-done b { color:#fff; }
.page-start-premium .rail-steps li.is-active .rs-dot { border-color:#75a1ff; }
.page-start-premium .rail-sum { margin-top:42px; padding:20px 0; border:0; border-top:1px solid rgba(255,255,255,.16); border-bottom:1px solid rgba(255,255,255,.16); border-radius:0; background:transparent; box-shadow:none; }
.page-start-premium .rail-sum .empty,
.page-start-premium .sum-line { color:#a9afba; }
.page-start-premium .sum-line { border-color:rgba(255,255,255,.12); }
.page-start-premium .sum-line .v { overflow:visible; color:#d9dde5; font-size:11px; line-height:1.45; text-overflow:clip; white-space:normal; }
.page-start-premium .sum-line .lbl { width:62px; }
.page-start-premium .sum-line .tile { border:0; border-radius:0; background:#2368f5; color:#fff; }
.page-start-premium .rail-trust .tr,
.page-start-premium .rail-exit { color:#8b929e; }

.page-start-premium .wz-main { padding:clamp(52px,6vw,92px) clamp(36px,7vw,118px) 64px; background:#fff; }
.page-start-premium .wz-card { width:100%; max-width:1080px; padding:0; border:0; border-radius:0; background:#fff; box-shadow:none; }
.page-start-premium .step-mono { margin-bottom:24px; color:#2368f5; }
.page-start-premium .wz-screen h1,
.page-start-premium .wz-screen h2 { max-width:980px; margin-bottom:28px; font-size:clamp(42px,4.65vw,66px); font-weight:540; letter-spacing:-.065em; line-height:.95; text-wrap:pretty; }
.page-start-premium .wz-why { max-width:700px; margin:0 0 clamp(42px,5vw,64px); padding:0 0 18px; border:0; border-bottom:1px solid rgba(11,12,16,.14); border-radius:0; background:transparent; }
.page-start-premium .wz-why .qi { display:none; }
.page-start-premium .wz-why p { max-width:620px; color:#68707c; font-size:13px; }
.page-start-premium .wz-model-choice { margin:0 0 30px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid rgba(11,12,16,.16); }
.page-start-premium .wz-model-card { position:relative; min-height:154px; padding:24px 58px 24px 0; display:grid; grid-template-columns:32px 1fr; align-content:center; gap:7px 14px; border-bottom:1px solid rgba(11,12,16,.16); cursor:pointer; transition:padding 320ms cubic-bezier(.22,.72,.19,1),background 220ms ease,color 220ms ease; }
.page-start-premium .wz-model-card:nth-child(2) { padding-left:26px; border-left:1px solid rgba(11,12,16,.16); }
.page-start-premium .wz-model-card:hover { padding-left:10px; }
.page-start-premium .wz-model-card:nth-child(2):hover { padding-left:36px; }
.page-start-premium .wz-model-card input { position:absolute; opacity:0; pointer-events:none; }
.page-start-premium .wz-model-card__index { grid-row:1/3; color:#2368f5; font-size:9px; font-weight:720; letter-spacing:.12em; }
.page-start-premium .wz-model-card strong { font-size:clamp(24px,2.4vw,34px); font-weight:560; letter-spacing:-.055em; line-height:1; }
.page-start-premium .wz-model-card small { max-width:360px; color:#69717e; font-size:11px; line-height:1.55; }
.page-start-premium .wz-model-card i { position:absolute; top:24px; right:24px; width:22px; height:22px; border:1px solid rgba(11,12,16,.24); border-radius:50%; }
.page-start-premium .wz-model-card:has(input:checked) { background:#eef3ff; color:#2368f5; }
.page-start-premium .wz-model-card:has(input:checked) i { border:6px solid #2368f5; background:#fff; }
.page-start-premium .wz-model-card:has(input:focus-visible) { outline:2px solid #2368f5; outline-offset:3px; }

.page-start-premium .wz-cards { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; margin-bottom:50px; border-top:1px solid rgba(11,12,16,.16); }
.page-start-premium .wz-crd { min-height:74px; padding:18px 14px 18px 0; display:grid; grid-template-columns:1fr auto; align-items:center; border:0; border-bottom:1px solid rgba(11,12,16,.16); border-radius:0; background:#fff; box-shadow:none; transition:padding 320ms cubic-bezier(.22,.72,.19,1),color 180ms ease; }
.page-start-premium .wz-crd:nth-child(odd) { padding-right:24px; }
.page-start-premium .wz-crd:nth-child(even) { padding-left:24px; border-left:1px solid rgba(11,12,16,.16); }
.page-start-premium .wz-crd:hover { padding-left:10px; border-color:rgba(11,12,16,.16); box-shadow:none; transform:none; }
.page-start-premium .wz-crd .ic { display:none; }
.page-start-premium .wz-crd .tx { font-size:17px; font-weight:560; }
.page-start-premium .wz-crd .ck { position:static; width:24px; height:24px; border-radius:50%; }
.page-start-premium .wz-crd:has(input:checked) { color:#2368f5; border-color:#2368f5; background:#fff; box-shadow:none; }
.page-start-premium .wz-fields { gap:32px; }
.page-start-premium .field input,
.page-start-premium .field textarea,
.page-start-premium .field select { padding:15px 0; border:0; border-bottom:1px solid rgba(11,12,16,.18); border-radius:0; box-shadow:none; }
.page-start-premium .field input:focus,
.page-start-premium .field textarea:focus,
.page-start-premium .field select:focus { border-color:#2368f5; box-shadow:none; }

.page-start-premium .wz-styles { gap:12px; margin-bottom:64px; }
.page-start-premium .wz-style { min-height:286px; padding:24px; display:flex; flex-direction:column; border:1px solid rgba(11,12,16,.16); border-radius:0; box-shadow:none; }
.page-start-premium .wz-style:hover { border-color:#0b0c10; box-shadow:none; transform:translateY(-2px); }
.page-start-premium .wz-style:has(input:checked) { border-color:#2368f5; background:#eef3ff; color:#2368f5; box-shadow:inset 0 0 0 1px #2368f5; }
.page-start-premium .wz-style__index { color:#2368f5; font-size:9px; font-weight:720; letter-spacing:.13em; }
.page-start-premium .wz-style .nm { padding:52px 0 12px; font-size:clamp(24px,2.2vw,32px); font-weight:560; letter-spacing:-.05em; line-height:1; }
.page-start-premium .wz-style .ds { min-height:0; padding:0; color:#68707c; font-size:12px; line-height:1.55; }
.page-start-premium .wz-style__traits { margin-top:auto; padding-top:22px; display:flex; flex-wrap:wrap; gap:6px; }
.page-start-premium .wz-style__traits span { padding:6px 8px; border:1px solid rgba(11,12,16,.13); color:#606875; font-size:8px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.page-start-premium .wz-style:has(input:checked) .wz-style__traits span { border-color:rgba(35,104,245,.28); color:#2368f5; }

.page-start-premium .wz-chip span,
.page-start-premium .wz-zielopt span { border-radius:0!important; background:#fff!important; }
.page-start-premium .wz-chip input:checked+span,
.page-start-premium .wz-zielopt input:checked+span { background:#0b0c10!important; border-color:#0b0c10!important; color:#fff!important; }
.page-start-premium .wz-toggle { border-radius:0; box-shadow:none; }
.page-start-premium .wz-toggle button { border-radius:0; }
.page-start-premium .wz-toggle[hidden] { display:none; }
.page-start-premium .wz-plans { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; border-top:1px solid rgba(11,12,16,.16); }
.page-start-premium .wz-plan { min-height:210px; padding:28px 26px; border:0; border-bottom:1px solid rgba(11,12,16,.16); border-radius:0; box-shadow:none; }
.page-start-premium .wz-plan:nth-child(even) { border-left:1px solid rgba(11,12,16,.16); }
.page-start-premium .wz-plan:hover { border-color:rgba(11,12,16,.16); box-shadow:none; transform:none; background:#f5f7fb; }
.page-start-premium .wz-plan:has(input:checked) { border-color:#2368f5; background:#eef3ff; box-shadow:inset 0 0 0 1px #2368f5; }
.page-start-premium .wz-plan .badge,
.page-start-premium .wz-plan .lockwhy { border-radius:0; }
.page-start-premium .wz-plan .pr { font-size:clamp(34px,4vw,52px); }
.page-start-premium .wz-final-email { max-width:620px; margin-top:32px; }
.page-start-premium .wz-nav { position:sticky; z-index:20; bottom:16px; margin-top:32px; padding:12px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; border:1px solid rgba(11,12,16,.12); background:rgba(255,255,255,.92); box-shadow:0 14px 44px rgba(11,12,16,.1); backdrop-filter:blur(16px); }
.page-start-premium .wz-nav .btn { border-radius:999px; }
.page-start-premium .wz-save { justify-self:center; padding:8px 10px; border:0; background:transparent; color:#6b7380; font-size:10px; font-weight:700; letter-spacing:.08em; text-decoration:underline; text-decoration-color:rgba(11,12,16,.25); text-underline-offset:4px; cursor:pointer; }
.page-start-premium .wz-save:hover { color:#2368f5; text-decoration-color:#2368f5; }

/* i18n falls back to body on the wizard, so it needs an explicit rail position. */
.page-start-premium #gys-lang{position:fixed!important;z-index:220!important;top:30px!important;right:30px!important;margin:0!important;color:#fff!important}
.page-start-premium #gys-lang>button{min-height:34px!important;padding:0 11px!important;border:1px solid rgba(255,255,255,.28)!important;background:#0b0c10!important;color:#fff!important;font-size:10px!important;font-weight:720!important;letter-spacing:.1em!important}
.page-start-premium #gys-lang ul{top:calc(100% + 10px)!important;background:#0b0c10!important}

@media (max-width:960px) {
  .page-start-premium .wz-shell { grid-template-columns:1fr; background:#fff; }
  .page-start-premium .wz-rail { display:none; }
  .page-start-premium .wz-topbar { background:#0b0c10; border-color:rgba(255,255,255,.14); color:#fff; }
  .page-start-premium .wz-topbar .rail-brand { color:#fff; }
  .page-start-premium .wz-topbar .cnt { color:#aab0bc; }
  .page-start-premium .wz-topbar .cnt{margin-right:58px;font-size:9px;letter-spacing:.07em;white-space:nowrap}
  .page-start-premium #gys-lang{top:18px!important;right:18px!important}
}

@media (max-width:700px) {
  .page-start-premium .wz-main { padding:96px 20px 42px; }
  .page-start-premium .wz-screen h1,
  .page-start-premium .wz-screen h2 { font-size:clamp(38px,10.4vw,50px); }
  .page-start-premium .wz-cards,
  .page-start-premium .wz-styles,
  .page-start-premium .wz-plans,
  .page-start-premium .wz-model-choice,
  .page-start-premium .wz-fields { grid-template-columns:1fr; }
  .page-start-premium .wz-crd:nth-child(even) { padding-left:0; border-left:0; }
  .page-start-premium .wz-plan:nth-child(even) { border-left:0; }
  .page-start-premium .wz-model-card { min-height:132px; padding:20px 48px 20px 0; }
  .page-start-premium .wz-model-card:nth-child(2) { padding-left:0; border-left:0; }
  .page-start-premium .wz-model-card:hover,
  .page-start-premium .wz-model-card:nth-child(2):hover { padding-left:0; }
  .page-start-premium .wz-nav { bottom:8px; grid-template-columns:1fr 1fr; gap:8px; }
  .page-start-premium .wz-nav .wz-save { grid-column:1/-1; grid-row:2; }
  .page-start-premium .wz-nav .btn:last-child { grid-column:2; }
  .page-start-premium .wz-screen[data-step="1"] .wz-nav .btn:last-child { grid-column:1/-1; }
}

@media (prefers-reduced-motion:reduce) {
  .page-start-premium .wz-screen.active { animation:none; }
}

/* Side-Rail: schmaler, unauffaelliger Scrollbalken statt Systembalken */
.page-start-premium .wz-rail { scrollbar-width:thin; scrollbar-color:rgba(125,135,160,.35) transparent; }
.page-start-premium .wz-rail::-webkit-scrollbar { width:6px; }
.page-start-premium .wz-rail::-webkit-scrollbar-track { background:transparent; }
.page-start-premium .wz-rail::-webkit-scrollbar-thumb { border-radius:3px; background:rgba(125,135,160,.35); }