:root {
  --background: #f6f8fb;
  --card: rgba(255,255,255,.88);
  --ink: #14212b;
  --muted: #64727d;
  --brand: #263f52;
  --primary-cta: #263f52;
  --primary-cta-text: #ffffff;
  --accent: #8aa6b6;
  --background-accent: #dce8ee;
  --surface: var(--card);
  --soft: #edf2f5;
  --line: rgba(74,101,118,.16);
  --radius: 20px;
  --shadow: 0 1px 2px rgba(23,39,50,.04),0 12px 34px rgba(38,63,82,.055);
  --content-width: clamp(42rem,82vw,76rem);
  font-family: "Noto Sans", "Segoe UI", Arial, sans-serif;
}
* { box-sizing: border-box; }
html{overscroll-behavior:none;scrollbar-width:thin;scrollbar-color:rgba(38,63,82,.28) transparent}
body { position:relative;min-height:100vh;margin:0;color:var(--ink);background:radial-gradient(circle at 12% -10%,rgba(160,190,205,.24),transparent 30rem),radial-gradient(circle at 92% 18%,rgba(215,230,237,.5),transparent 28rem),var(--background);padding-bottom:96px; }
body:before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background-image:linear-gradient(rgba(38,63,82,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(38,63,82,.025) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,black,transparent 72%)}
a { color: inherit; text-decoration: none; }
.topbar { position:sticky;z-index:10;top:0;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - var(--content-width))/2));background:rgba(246,248,251,.78);color:var(--ink);border-bottom:1px solid var(--line);backdrop-filter:blur(18px) saturate(140%); }
.brand { position:relative;font-weight:850;letter-spacing:-.025em;font-size:1.05rem}.brand:after{content:"";display:inline-block;width:7px;height:7px;margin-left:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(138,166,182,.18)}
.user { font-size: .85rem; opacity: .8; }
.container { width:min(var(--content-width),100%);margin:0 auto;padding:clamp(24px,4vw,48px) 18px 48px;animation:page-enter .36s cubic-bezier(.22,1,.36,1); }
.page-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 22px; }
h1 { margin: 0; font-size:clamp(1.85rem,3.4vw,3rem);line-height:1.04;letter-spacing:-.045em;font-weight:820; }
h2 { margin: 0; font-size: 1.1rem; }
.eyebrow { margin:0 0 6px;color:#698294;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.13em; }
.button { display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 17px;border:0;border-radius:calc(var(--radius) - 8px);font-weight:760;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.22); }
.button.primary { color:var(--primary-cta-text);background:linear-gradient(180deg,#304f65,var(--primary-cta));box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 8px 20px rgba(38,63,82,.16); }
.button.danger { color:#8a3030;background:#fff;border:1px solid #e6caca;box-shadow:none; }
.button.danger:hover,.button.danger:focus-visible { color:#fff;background:#a84242;border-color:#a84242;outline:none; }
.button.compact { min-height:36px;padding:7px 11px;font-size:.78rem; }
.metrics { display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin-bottom:20px; }
.metrics article { position:relative;overflow:hidden;display:flex;flex-direction:column;padding:20px;background:linear-gradient(155deg,rgba(255,255,255,.96),rgba(245,249,251,.8));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow); }
.metrics article:after{content:"";position:absolute;width:70px;height:70px;right:-30px;bottom:-35px;border-radius:50%;background:var(--background-accent);opacity:.42;transition:transform .35s ease}.metrics article:hover:after{transform:scale(1.18)}
.metrics strong { font-size: 1.8rem; }
.metrics span { color: var(--muted); font-size: .85rem; }
.quick-links { display: flex; flex-wrap: wrap; gap: 9px; margin: -8px 0 20px; }
.quick-links a { padding: 8px 11px; border: 1px solid var(--line); border-radius: 999px; background: var(--surface); color: var(--muted); font-size: .82rem; font-weight: 700; }
.panel { background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(248,251,252,.82));border:1px solid var(--line);border-radius:var(--radius);padding:clamp(18px,2.5vw,26px);box-shadow:var(--shadow);backdrop-filter:blur(10px); }
.import-note { display: flex; flex-direction: column; gap: 4px; margin: -6px 0 18px; padding: 14px 16px; border-left: 4px solid var(--brand); border-radius: 8px; background: #eaf0f4; }
.import-note span { color: var(--muted); font-size: .9rem; }
.form-error { margin: 0 0 16px; padding: 11px; border-radius: 8px; background: #fbe9e9; }
.assessment { margin-bottom: 16px; }
.assessment-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.fit-score { flex: 0 0 auto; font-size: 2rem; font-weight: 850; color: var(--brand); }
.fit-score small { font-size: .75rem; color: var(--muted); }
.dimension-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 18px; margin-bottom: 22px; }
.dimension { display: grid; gap: 5px; }
.dimension span { color: var(--muted); font-size: .8rem; font-weight: 700; }
.dimension div { height: 7px; overflow: hidden; border-radius: 99px; background: var(--soft); }
.dimension i { display: block; height: 100%; border-radius: inherit; background: #607786; }
.assessment-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.assessment h3 { margin: 0 0 9px; font-size: .92rem; }
.finding { display: flex; flex-direction: column; gap: 3px; margin-bottom: 9px; padding: 10px 11px; border-radius: 9px; }
.finding span { color: var(--muted); font-size: .84rem; }
.finding.positive { background: #edf5f0; }
.finding.risk { background: #fff4dc; }
details { margin-top: 14px; border-top: 1px solid var(--line); padding-top: 12px; }
summary { cursor: pointer; font-weight: 750; }
details li { margin-bottom: 7px; }
.suggestion-groups { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px 20px; }
.suggestion-groups p { margin: 0 0 9px; font-size: .84rem; }
.suggestion-groups p small { display: block; color: var(--muted); margin-top: 2px; }
.inline-action { display: flex; justify-content: flex-end; margin-top: 14px; }
.section-heading { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.section-heading a { color: var(--muted); font-size: .9rem; }
.list-card { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 15px 4px; border-bottom: 1px solid var(--line); }
.list-card:last-child { border-bottom: 0; }
.list-card div { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.list-card strong, .list-card span { overflow-wrap: anywhere; }
.list-card small { color: var(--muted); }
.list-card div > span { color: var(--muted); font-size: .92rem; }
.badge, .level { flex: 0 0 auto; padding: 5px 8px; border-radius: 999px; color: var(--brand); background: var(--soft); font-size: .74rem; font-weight: 700; }
.case-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.status-control{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(360px,1.6fr);gap:24px;align-items:center;margin-bottom:16px}.status-control p:not(.eyebrow){margin:7px 0 0;color:var(--muted);line-height:1.5}.status-steps{display:flex;flex-wrap:wrap;gap:8px}.status-steps form{margin:0}.status-step{min-height:38px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font:inherit;font-size:.8rem;font-weight:750;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.status-step:hover{transform:translateY(-1px);border-color:var(--accent)}.status-step.active{border-color:var(--brand);background:var(--brand);color:#fff}.status-step.negative:not(.active){color:#8a3b3b;border-color:#ead1d1}
.badge.success { color: #17623a; background: #e2f4e9; }
.badge.warning { color: #805a10; background: #fff0c8; }
.case-summary { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 16px; }
.case-summary div { display: flex; flex-direction: column; gap: 4px; }
.case-summary span, .build-card span { color: var(--muted); font-size: .82rem; }
.generate-box { display: flex; align-items: center; gap: 12px; margin: 0 0 16px; }
.generate-box small { color: var(--muted); }
.build-card { display: grid; grid-template-columns: 1fr auto; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.build-card:last-child { border-bottom: 0; }
.build-card > div:first-child { display: flex; flex-direction: column; }
.file-links { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 12px; }
.file-links a { color: #244e72; font-size: .88rem; font-weight: 700; }
.delete-build-form { grid-column:1 / -1;display:flex;justify-content:flex-end;margin:0; }
.empty { color: var(--muted); }
.field { display: grid; gap: 6px; margin-bottom: 18px; }
.field label { font-size: .86rem; font-weight: 750; }
.form-control { width:100%;min-height:46px;padding:11px 13px;border:1px solid rgba(71,97,113,.24);border-radius:12px;background:rgba(255,255,255,.86);color:var(--ink);font:inherit;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.form-control:focus{background:#fff;border-color:var(--accent);box-shadow:0 0 0 4px rgba(138,166,182,.16)}
textarea.form-control { min-height: 110px; resize: vertical; }
ul.form-control { height: auto; list-style: none; margin: 0; }
ul.form-control label { display: flex; gap: 9px; padding: 6px 0; font-weight: 500; }
.error { color: #9a2c2c; margin: 0; font-size: .82rem; }
.sticky-actions { position: sticky; bottom: 82px; display: flex; justify-content: flex-end; padding-top: 12px; }
.bottom-nav { position: fixed; z-index: 5; left: 50%; bottom: 12px; transform: translateX(-50%); display: flex; justify-content: center; gap: 7px; padding: 7px; background: rgba(255,255,255,.94); border: 1px solid var(--line); border-radius: 18px; box-shadow:0 10px 32px rgba(31,47,59,.14); backdrop-filter: blur(14px); }
.bottom-nav a { position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;color:var(--muted);transition:color .18s ease,background .18s ease,transform .18s ease; }
.bottom-nav a:hover,.bottom-nav a:focus-visible{color:var(--brand);background:var(--soft);transform:translateY(-2px);outline:none}.bottom-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bottom-nav a:after{content:attr(data-label);position:absolute;left:50%;bottom:calc(100% + 10px);padding:6px 9px;border-radius:7px;background:var(--ink);color:#fff;font-size:.75rem;font-weight:700;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,5px);transition:opacity .16s ease,transform .16s ease}.bottom-nav a:hover:after,.bottom-nav a:focus-visible:after{opacity:1;transform:translate(-50%,0)}
.bottom-nav a.active{color:#fff;background:linear-gradient(160deg,#36586f,var(--brand));box-shadow:0 7px 18px rgba(38,63,82,.2)}
@media (max-width: 700px) {
  .container { padding: 20px 14px 32px; }
  .page-heading { align-items: flex-start; flex-direction: column; }
  .page-heading > .button { width: 100%; }
  .metrics { grid-template-columns: repeat(2, 1fr); }
  .metrics article { padding: 14px; }
  .bottom-nav { max-width:calc(100vw - 16px);overflow-x:auto;justify-content:flex-start;bottom:8px; }
  .panel { padding: 14px; }
  .list-card { align-items: flex-start; }
  .case-summary { grid-template-columns: repeat(2, 1fr); }
  .generate-box { align-items: stretch; flex-direction: column; }
  .assessment-columns, .dimension-grid, .suggestion-groups { grid-template-columns: 1fr; }
  .status-control{grid-template-columns:1fr}.status-steps{display:grid;grid-template-columns:1fr 1fr}.status-step{width:100%}
}
/* Mehrbenutzer-Anmeldung und portabler Katalogexport */
.account-menu{display:flex;align-items:center;gap:.8rem}.account-menu form{margin:0}.account-menu button{border:0;background:transparent;color:inherit;text-decoration:underline;cursor:pointer;font-size:.78rem}.auth-page{min-height:100vh;display:grid;place-items:center;padding:1.25rem;background:linear-gradient(145deg,#e8eef2,#f7f9fa)}.auth-card{width:min(100%,440px);padding:2rem;background:#fff;border:1px solid #dbe2e7;border-radius:14px;box-shadow:0 18px 50px rgba(35,51,65,.12)}.auth-card h1{margin:.35rem 0 .5rem}.auth-card>p{color:#667784;line-height:1.5}.auth-card form{display:grid;gap:1rem;margin-top:1.4rem}.auth-switch{margin:1.25rem 0 0!important;font-size:.9rem}.export-panel{max-width:820px}.export-panel>p{color:#667784;line-height:1.55}.export-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1.25rem 0}.export-counts span{padding:1rem;border-radius:9px;background:#f2f5f7;color:#60717d}.export-counts strong{display:block;color:#263746;font-size:1.35rem}.export-panel li{margin:.65rem 0;line-height:1.45}
@media(max-width:640px){.account-menu .user{display:none}.export-counts{grid-template-columns:1fr}.auth-card{padding:1.4rem}}

/* Öffentliche Erklärung und LLM-Einrichtung */
.landing-page{padding:0;background:#f7f8f9}.public-header{display:flex;align-items:center;justify-content:space-between;padding:18px max(24px,calc((100vw - 1120px)/2));background:var(--brand);color:#fff}.public-header nav,.hero-actions,.prompt-actions{display:flex;align-items:center;gap:12px}.public-header nav>a:not(.button){font-weight:700}.button.light{background:#fff;color:var(--brand)}.button.ghost{border:1px solid var(--line);background:#fff;color:var(--brand)}.hero{padding:clamp(70px,10vw,130px) max(24px,calc((100vw - 1120px)/2));background:radial-gradient(circle at 85% 20%,#d7e2e8 0,transparent 35%),linear-gradient(145deg,#f8fafb,#e9eef1)}.hero h1{max-width:850px;font-size:clamp(2.6rem,7vw,5.5rem);line-height:.98}.hero .lead{max-width:760px;margin:28px 0;color:#51616d;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.65}.landing-section{max-width:1120px;margin:0 auto;padding:80px 24px}.landing-section>h2,.split-section h2{font-size:clamp(1.8rem,4vw,3rem);max-width:720px}.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:32px}.step-grid article{padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.step-grid article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--brand);color:#fff;font-weight:800}.step-grid h3{margin:20px 0 8px}.step-grid p,.split-section p{color:var(--muted);line-height:1.6}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line)}.privacy-strip{display:flex;gap:24px;justify-content:center;padding:30px 24px;background:var(--brand);color:#fff}.privacy-strip span{max-width:700px;opacity:.8}.setup-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px;padding:18px;border:1px solid #c7d7e0;border-radius:var(--radius);background:#eaf1f5}.setup-banner div{display:flex;flex-direction:column;gap:4px}.setup-banner span,.onboarding-intro>p,.onboarding-prepare>p,.import-panel>p,.update-note>p{color:var(--muted);line-height:1.55}.onboarding-intro,.onboarding-prepare,.import-panel,.update-note,.update-export{margin-bottom:18px}.onboarding-intro h2,.onboarding-prepare h2,.import-panel h2,.update-note h2,.update-export h2{margin-bottom:10px}.privacy-note{padding:12px;border-left:4px solid var(--brand);background:var(--soft)}.prompt-actions{margin:18px 0 12px}.prompt-box{width:100%;height:320px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#f7f8f9;color:#374651;font:13px/1.55 Consolas,monospace;resize:vertical}.update-export{margin-top:18px}.update-export .prompt-box{height:240px}
@media(max-width:900px){.step-grid{grid-template-columns:repeat(2,1fr)}.split-section{grid-template-columns:1fr;gap:18px}}
@media(max-width:600px){.public-header{padding:14px}.public-header nav{gap:8px}.hero{padding:60px 18px}.landing-section{padding:55px 18px}.step-grid{grid-template-columns:1fr}.privacy-strip,.setup-banner{align-items:stretch;flex-direction:column}.hero-actions,.prompt-actions{align-items:stretch;flex-direction:column}.hero-actions .button,.prompt-actions .button{width:100%}}
.welcome-overlay{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:18px;background:rgba(19,31,41,.68);backdrop-filter:blur(4px)}.welcome-card{width:min(620px,100%);max-height:calc(100vh - 36px);overflow:auto;padding:28px;border-radius:18px;background:#fff;box-shadow:0 24px 80px rgba(0,0,0,.3)}.welcome-card h2{font-size:clamp(1.5rem,4vw,2.1rem)}.welcome-card ol{display:grid;gap:12px;margin:22px 0;padding:0;list-style:none;counter-reset:welcome}.welcome-card li{counter-increment:welcome;display:grid;grid-template-columns:34px 1fr;gap:2px 12px}.welcome-card li:before{content:counter(welcome);grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--brand);color:#fff;font-weight:800}.welcome-card li span{color:var(--muted);line-height:1.45}.spam-note{padding:12px;border-radius:9px;background:#fff4dc;color:#5e4a21!important}.job-json-panel{margin-bottom:18px}.job-json-panel>p,.link-import>p{line-height:1.5}.link-import summary{font-size:1rem}.link-import form{margin-top:18px}.settings-links{margin-top:18px}.settings-links .quick-links{margin:14px 0 0}
.completion-card{width:min(760px,100%)}.completion-card>p{color:var(--muted);line-height:1.55}.completion-card .prompt-box{height:220px}.master-tabs{display:flex;gap:6px;overflow-x:auto;margin:0 0 20px;padding:5px;border:1px solid var(--line);border-radius:12px;background:#fff}.master-tabs a{flex:0 0 auto;padding:9px 13px;border-radius:8px;color:var(--muted);font-size:.86rem;font-weight:750}.master-tabs a.active{background:var(--brand);color:#fff}.master-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.master-grid a{display:block}.master-grid strong{display:block;margin-bottom:4px;font-size:1.7rem}.master-grid p{margin-bottom:0;color:var(--muted);line-height:1.5}
@media(max-width:600px){.master-grid{grid-template-columns:1fr}.welcome-card{padding:20px}.completion-card .prompt-box{height:160px}}
.time-note{padding:12px 14px;border-radius:9px;background:#eef3f6}.application-loop{margin-bottom:20px}.application-loop ol{display:grid;gap:10px;margin:16px 0 20px;padding-left:22px}.application-loop li{padding-left:5px}.application-loop li span{display:block;margin-top:2px;color:var(--muted);line-height:1.45}.loop-actions{display:flex;flex-wrap:wrap;gap:9px}.search-prompt-panel{max-width:900px}.search-prompt-panel>p{color:var(--muted);line-height:1.55}.field small{color:var(--muted);line-height:1.45}
@media(max-width:600px){.loop-actions{flex-direction:column}.loop-actions .button{width:100%}}
.panel,.metrics article,.list-card,.button,.master-tabs a{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.panel:hover,.metrics article:hover{border-color:#c6d0d7}.button:hover{transform:translateY(-1px)}.welcome-card{animation:portal-in .24s ease-out}.message{animation:portal-in .22s ease-out}@keyframes portal-in{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@keyframes page-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.list-card:hover{padding-inline:12px;border-radius:12px;background:rgba(231,239,243,.62)}.master-tabs{padding:6px;border-radius:16px;background:rgba(255,255,255,.68);box-shadow:var(--shadow)}.master-tabs a.active{box-shadow:0 6px 15px rgba(38,63,82,.14)}.setup-banner,.import-note{box-shadow:var(--shadow)}.message{margin-bottom:16px;padding:13px 15px;border:1px solid rgba(77,127,99,.18);border-radius:13px;background:rgba(232,245,237,.9);color:#275c3e}.auth-page{background:radial-gradient(circle at 15% 10%,rgba(138,166,182,.3),transparent 35%),linear-gradient(145deg,#edf3f6,#f9fafb)}.auth-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 28px 70px rgba(38,63,82,.13)}.public-header{background:rgba(25,43,56,.95);backdrop-filter:blur(16px)}.hero{background:radial-gradient(circle at 82% 18%,rgba(138,166,182,.42),transparent 34%),linear-gradient(145deg,#fbfcfd,#eaf1f4)}.hero h1{letter-spacing:-.06em}.step-grid article{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s ease}.step-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(38,63,82,.1)}
.design-gallery{margin-bottom:18px}.design-options{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.design-card{padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.72);color:inherit;text-align:left;font:inherit;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.design-card:hover{transform:translateY(-2px);border-color:var(--accent)}.design-card.active{border-color:var(--brand);box-shadow:0 0 0 3px rgba(38,63,82,.12),var(--shadow)}.design-options h3{margin:13px 0 5px}.design-options p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.5}.document-mini{position:relative;width:100%;height:145px;overflow:hidden;border:1px solid #d7dee3;border-radius:10px;background:white;box-shadow:0 9px 24px rgba(38,63,82,.1)}.document-mini:before,.document-mini:after,.document-mini i,.document-mini span,.document-mini b{content:"";position:absolute;display:block;border-radius:3px}.classic-mini:before{inset:0 auto 0 0;width:34%;background:#e5ecef;border-radius:10px 2px 2px 10px}.classic-mini:after{left:42%;top:22px;width:37%;height:8px;background:#263f52}.classic-mini i{left:42%;top:46px;width:48%;height:4px;background:#91a6b2;box-shadow:0 18px #263f52,0 25px #d3dce1,0 32px #d3dce1,0 50px #263f52,0 57px #d3dce1,0 64px #d3dce1}.classic-mini span{left:7%;top:58px;width:19%;height:4px;background:#263f52;box-shadow:0 10px #7f929e,0 17px #7f929e,0 32px #263f52,0 42px #7f929e}.modern-mini:before{left:28%;top:20px;width:44%;height:9px;background:#263f52}.modern-mini:after{left:37%;top:38px;width:26%;height:4px;background:#91a6b2}.modern-mini i{left:12%;top:65px;width:23%;height:5px;background:#263f52;box-shadow:0 28px #263f52,0 56px #263f52}.modern-mini span{left:12%;top:77px;width:76%;height:3px;background:#d3dce1;box-shadow:0 7px #d3dce1,0 28px #d3dce1,0 35px #d3dce1,0 56px #d3dce1}.executive-mini:before{left:12%;top:20px;width:48%;height:8px;background:#223a4b}.executive-mini:after{left:12%;top:38px;width:76%;height:3px;background:#8c999f}.executive-mini i{left:12%;top:64px;width:24%;height:5px;background:#223a4b;box-shadow:0 31px #223a4b,0 62px #223a4b}.executive-mini span{left:42%;top:64px;width:46%;height:3px;background:#d9dfe2;box-shadow:0 8px #d9dfe2,0 31px #d9dfe2,0 39px #d9dfe2,0 62px #d9dfe2}.compact-mini:before{left:10%;top:18px;width:35%;height:7px;background:#3e5968}.compact-mini:after{left:10%;top:34px;width:80%;height:2px;background:#adb9bf}.compact-mini i{left:10%;top:52px;width:80%;height:3px;background:#d6dde1;box-shadow:0 7px #d6dde1,0 25px #d6dde1,0 32px #d6dde1,0 50px #d6dde1,0 57px #d6dde1,0 75px #d6dde1}.accent-mini:before,.custom-mini:before{left:10%;top:18px;width:44%;height:8px;background:#176b73}.accent-mini:after,.custom-mini:after{left:10%;top:38px;width:80%;height:3px;background:#67a2a6}.accent-mini i,.custom-mini i{left:10%;top:62px;width:25%;height:5px;background:#176b73;box-shadow:0 34px #176b73,0 67px #176b73}.accent-mini span,.custom-mini span{left:41%;top:62px;width:49%;height:3px;background:#d4e1e2;box-shadow:0 8px #d4e1e2,0 34px #d4e1e2,0 42px #d4e1e2,0 67px #d4e1e2}.document-mini b{display:none}.ordered-text-blocks{display:grid;gap:8px;padding:8px!important;background:rgba(246,249,250,.8)!important}.ordered-text-item{position:relative;padding:10px 110px 10px 10px!important;border:1px solid var(--line);border-radius:11px;background:#fff}.ordered-text-item>label{align-items:flex-start!important}.order-actions{position:absolute;right:8px;top:7px;display:flex;gap:4px}.order-actions button{min-width:27px;height:28px;padding:0 7px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--muted);font-size:.72rem;cursor:pointer}.text-preview{margin:9px 0 0 25px;padding:10px;border-radius:8px;background:var(--soft);color:var(--ink)}.text-preview strong{font-size:.76rem}.text-preview p{margin:5px 0 0;white-space:pre-wrap;font-size:.83rem;line-height:1.45}@media(max-width:900px){.design-options{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.design-options{grid-template-columns:1fr}.ordered-text-item{padding-right:10px!important}.order-actions{position:static;margin:8px 0 0 25px}}
.cover-preview-launch{display:flex;align-items:center;gap:12px;margin-top:12px}.cover-preview-launch small{color:var(--muted)}.ordered-text-item{padding:10px!important}.cover-preview-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:rgba(19,35,46,.58);backdrop-filter:blur(5px)}.cover-preview-modal[hidden]{display:none}.cover-preview-window{display:flex;flex-direction:column;width:min(1120px,100%);max-height:calc(100vh - 48px);overflow:hidden;border:1px solid rgba(255,255,255,.55);border-radius:22px;background:#f5f8f9;box-shadow:0 30px 80px rgba(16,32,42,.3)}.cover-preview-header,.cover-preview-footer{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:rgba(255,255,255,.88)}.cover-preview-header{border-bottom:1px solid var(--line)}.cover-preview-header h2{margin:2px 0 0}.cover-preview-header .eyebrow{margin:0;color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.icon-button{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);font-size:1.5rem;line-height:1;cursor:pointer}.cover-preview-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);min-height:0;overflow:hidden}.cover-paper-wrap{min-height:0;overflow:auto;padding:24px;background:#e9eff1}.cover-paper{width:min(620px,100%);min-height:690px;margin:0 auto;padding:52px 56px;background:#fff;box-shadow:0 12px 34px rgba(38,63,82,.12);color:#182733;font-family:Arial,sans-serif;font-size:.91rem;line-height:1.58}.cover-paper-subject{margin:0 0 28px;font-weight:700}.cover-paper-body p{margin:0 0 15px;white-space:pre-wrap}.cover-paper [data-cover-greeting]{margin-bottom:20px}.cover-paper [data-cover-closing]{margin-top:27px}.cover-preview-empty{padding:16px;border:1px dashed var(--line);border-radius:10px;color:var(--muted);text-align:center}.cover-preview-editor{min-height:0;overflow:auto;padding:20px 20px 28px;background:#fff;border-left:1px solid var(--line)}.cover-preview-editor h3{margin:22px 0 10px;font-size:.88rem}.cover-preview-help{display:grid;gap:4px;padding:13px 14px;border-radius:12px;background:var(--soft)}.cover-preview-help span,.cover-list-empty{color:var(--muted);font-size:.78rem;line-height:1.45}.cover-block-list{display:grid;gap:8px}.cover-block-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:#fff}.cover-block-copy{display:grid;min-width:0}.cover-block-copy span{color:var(--muted);font-size:.68rem}.cover-block-copy strong{overflow:hidden;font-size:.79rem;text-overflow:ellipsis;white-space:nowrap}.cover-block-actions{display:flex;flex:none;gap:4px}.cover-block-actions button{height:29px;min-width:29px;padding:0 8px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);cursor:pointer}.cover-block-actions button:hover{border-color:var(--accent);color:var(--accent)}.cover-block-actions .add-cover-block{min-width:auto;color:var(--accent);font-size:.72rem;font-weight:700}.cover-preview-footer{justify-content:flex-end;border-top:1px solid var(--line)}.modal-open{overflow:hidden}@media(max-width:900px){.cover-preview-grid{grid-template-columns:1fr;overflow:auto}.cover-paper-wrap,.cover-preview-editor{overflow:visible}.cover-preview-editor{border-top:1px solid var(--line);border-left:0}.cover-paper{min-height:520px}.cover-preview-window{overflow:hidden}}@media(max-width:600px){.cover-preview-modal{padding:0}.cover-preview-window{max-height:100vh;border-radius:0}.cover-paper-wrap{padding:12px}.cover-paper{padding:32px 24px;font-size:.84rem}.cover-preview-launch{align-items:flex-start;flex-direction:column}}

/* Public product explanation and Lead preview. */
.landing-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:clamp(38px,7vw,90px);align-items:center;padding-top:clamp(60px,8vw,100px);padding-bottom:clamp(60px,8vw,100px)}
.landing-hero h1{max-width:780px}.landing-hero .lead{max-width:760px}.hero-benefits{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 25px}.hero-benefits span{padding:8px 12px;border:1px solid #cdd9df;border-radius:999px;background:rgba(255,255,255,.62);color:#405462;font-size:.82rem;font-weight:700}
.cv-showcase{position:relative;justify-self:end;width:min(390px,100%);padding:14px;border:1px solid rgba(89,111,126,.2);border-radius:24px;background:rgba(255,255,255,.56);box-shadow:0 30px 70px rgba(38,63,82,.17);transform:rotate(1.2deg)}.cv-showcase>p{display:flex;justify-content:space-between;gap:12px;margin:12px 5px 2px;font-size:.76rem}.cv-showcase>p span{color:var(--muted);text-align:right}
.cv-preview{position:relative;display:grid;grid-template-columns:34% 66%;aspect-ratio:210/297;overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 10px 25px rgba(38,63,82,.12);font-size:6px}.cv-preview-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#dfd4ba;stroke-width:.8;opacity:.75}.cv-preview aside,.cv-preview section{position:relative;z-index:1}.cv-preview aside{padding:24px 12px 14px;color:#35496e}.cv-preview section{padding:58px 16px 14px;color:#4f5458}.preview-photo{display:grid;place-items:center;width:47px;height:47px;margin:0 auto 8px;border-radius:50%;background:#dce6ec;color:#35496e;font-size:10px;font-weight:800}.cv-preview aside>strong,.cv-preview aside>small{display:block;text-align:center}.cv-preview aside>strong{font-size:8px}.cv-preview aside>small{margin:3px 0 16px;font-size:5px;line-height:1.3}.cv-preview h2,.cv-preview h3{margin:10px 0 5px;color:#35496e;letter-spacing:.14em}.cv-preview h2{font-size:7px}.cv-preview h3{font-size:6px}.cv-preview h4{margin:7px 0 2px;font-size:6px}.cv-preview section small{font-size:5px}.cv-preview i,.cv-preview b{display:block;height:3px;margin:4px 0;border-radius:4px;background:#d5dade}.cv-preview aside i:nth-of-type(2n),.cv-preview section i:nth-of-type(2n){width:78%}.cv-preview aside b{height:2px;background:#35496e;box-shadow:28px 0 #d5dade}
.workflow-section>h2,.outcome-section h2{font-size:clamp(1.9rem,4vw,3rem);max-width:780px}.section-lead{max-width:760px;color:var(--muted);font-size:1.08rem;line-height:1.7}.workflow-grid{grid-template-columns:repeat(3,1fr)}.workflow-grid article{position:relative;overflow:hidden;min-height:245px}.workflow-grid article:after{content:"";position:absolute;right:-35px;bottom:-35px;width:90px;height:90px;border-radius:50%;background:var(--soft)}.workflow-details{margin-top:22px;border:1px solid var(--line);border-radius:16px;background:#fff}.workflow-details summary{padding:20px 22px;color:var(--brand);font-weight:800;cursor:pointer}.workflow-details div{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0 22px 22px}.workflow-details p{margin:0;color:var(--muted);line-height:1.65}
.outcome-section{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:60px;border-top:1px solid var(--line)}.outcome-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.outcome-grid article{padding:21px;border:1px solid var(--line);border-radius:16px;background:#fff}.outcome-grid h3{margin:0 0 8px}.outcome-grid p{margin:0;color:var(--muted);line-height:1.55}.privacy-strip{align-items:center}.privacy-strip .button{flex:none}
@media(max-width:900px){.landing-hero{grid-template-columns:1fr}.cv-showcase{justify-self:center;width:min(360px,90%)}.workflow-grid{grid-template-columns:repeat(2,1fr)}.outcome-section{grid-template-columns:1fr;gap:28px}}
@media(max-width:600px){.landing-hero{padding-top:50px;padding-bottom:50px}.cv-showcase{width:min(330px,100%)}.workflow-grid,.outcome-grid,.workflow-details div{grid-template-columns:1fr}.workflow-grid article{min-height:0}.hero-benefits{align-items:flex-start;flex-direction:column}.privacy-strip .button{width:100%}}
.field>div.form-control:has(input[type=checkbox]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:6px;min-height:0;border-radius:10px;background:rgba(246,249,250,.72)}.field>div.form-control:has(input[type=checkbox])>div{min-width:0}.field>div.form-control:has(input[type=checkbox]) label{display:flex;align-items:flex-start;gap:7px;padding:5px 7px;border:1px solid transparent;border-radius:8px;font-size:.76rem;font-weight:550;line-height:1.3;cursor:pointer}.field>div.form-control:has(input[type=checkbox]) label:hover{border-color:var(--line);background:#fff}.field input[type=checkbox].form-control{flex:0 0 auto;width:15px;height:15px;min-height:15px;margin:1px 0 0;padding:0;border-radius:4px;accent-color:var(--brand);box-shadow:none}.cover-preview-launch{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;margin:0 0 9px;padding:13px 14px;border:1px solid rgba(67,105,126,.24);border-radius:14px;background:linear-gradient(135deg,rgba(232,241,245,.95),rgba(249,251,252,.96));box-shadow:0 8px 22px rgba(38,63,82,.07)}.cover-preview-launch-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:var(--brand);color:#fff;font-family:Georgia,serif;font-size:.93rem;font-weight:700}.cover-preview-launch-copy{display:grid;align-self:center;gap:2px}.cover-preview-launch-copy strong{font-size:.9rem}.cover-preview-launch-copy small{font-size:.74rem}.cover-preview-launch .button{align-self:center;min-height:38px;padding:8px 13px}.ordered-text-blocks{gap:3px!important;padding:6px!important}.ordered-text-item{padding:0!important;border:0!important;background:transparent!important}@media(max-width:700px){.field>div.form-control:has(input[type=checkbox]){grid-template-columns:1fr}.cover-preview-launch{grid-template-columns:auto 1fr}.cover-preview-launch .button{grid-column:1/-1;width:100%}}

/* CSS/PDF-Dokumentdesigns und Bewerbungsfoto */
.format-note{display:flex;gap:8px 18px;align-items:center;flex-wrap:wrap;padding:13px 15px;border-radius:13px;background:#edf3f6;color:var(--muted);font-size:.86rem}.format-note strong{color:var(--brand)}.design-card em{display:inline-flex;margin-top:12px;padding:5px 8px;border-radius:999px;background:var(--soft);color:var(--brand);font-size:.68rem;font-style:normal;font-weight:800;letter-spacing:.04em}.modern-standard-mini:before{inset:0 0 auto;height:42%;background:#c8f0f3;border-radius:10px 10px 55% 25%}.modern-standard-mini:after{left:10%;top:28%;width:40%;height:8px;background:#263746}.modern-standard-mini i{left:9%;top:57%;width:45%;height:3px;background:#00b6c9;box-shadow:0 9px #d5dfe3,0 18px #d5dfe3,0 27px #d5dfe3,66px 0 #8b989e,66px 9px #d5dfe3,66px 18px #d5dfe3}.technisch-kompakt-mini:before{left:10%;top:15px;width:34%;height:12px;background:#111}.technisch-kompakt-mini:after{left:34%;top:40px;width:1px;height:92px;background:#c9c9c9}.technisch-kompakt-mini i{left:42%;top:46px;width:45%;height:4px;background:#111;box-shadow:0 22px #111,0 44px #111,0 66px #111}.technisch-kompakt-mini span{left:8%;top:48px;width:18%;height:4px;background:#111;box-shadow:0 24px #111,0 48px #111,0 72px #111}.modern-kontrast-mini:before{inset:0 0 0 auto;width:39%;background:#efeeeb;border-radius:0 10px 10px 0}.modern-kontrast-mini:after{left:67%;top:20px;width:22%;height:8px;background:#4a4745}.modern-kontrast-mini i{left:9%;top:26px;width:43%;height:4px;background:#4a4745;box-shadow:0 24px #d2d0cc,0 32px #d2d0cc,0 48px #4a4745,0 72px #d2d0cc,0 80px #d2d0cc}.modern-kontrast-mini span{left:68%;top:62px;width:20%;height:22px;border-radius:50%;background:#d0ceca;box-shadow:0 35px #a9a6a1}.modern-technisch-mini:before{left:60%;top:0;width:1px;height:100%;background:#d3d3d3}.modern-technisch-mini:after{left:70%;top:20px;width:20%;height:12px;background:#5f5f5f}.modern-technisch-mini i{left:9%;top:25px;width:40%;height:3px;background:#777;box-shadow:0 23px #d5d5d5,0 31px #d5d5d5,0 48px #777,0 71px #d5d5d5,0 79px #d5d5d5}.modern-technisch-mini span{left:70%;top:52px;width:19%;height:27px;border-radius:50%;background:#ddd;box-shadow:0 41px #aaa}.modern-schlicht-mini:before{inset:-55px -30px auto;height:115px;border:1px solid #e3d7bd;border-radius:50%;transform:rotate(16deg)}.modern-schlicht-mini:after{left:12%;top:24px;width:30%;height:8px;background:#34476d}.modern-schlicht-mini i{left:10%;top:58px;width:25%;height:4px;background:#34476d;box-shadow:0 31px #34476d,73px 0 #34476d,73px 31px #34476d}.modern-schlicht-mini span{left:10%;top:69px;width:25%;height:3px;background:#d8d8d8;box-shadow:0 7px #d8d8d8,73px 0 #d8d8d8,73px 7px #d8d8d8}.profile-photo-preview{display:flex;align-items:center;gap:15px;margin:16px 0 22px;padding:13px;border:1px solid var(--line);border-radius:14px;background:#fff}.profile-photo-preview img{width:76px;height:76px;border-radius:50%;object-fit:cover}.profile-photo-preview div{display:grid;gap:4px}.profile-photo-preview span{color:var(--muted);font-size:.82rem}.design-select-field select{background:#edf3f6;font-weight:750}

/* Bewerbungbuddy landing page */
.landing-v2{--buddy-ink:#173532;--buddy-green:#1e5650;--buddy-mint:#a9d9cc;--buddy-cream:#f7f1e7;--buddy-coral:#ef7b66;--buddy-yellow:#f2c96d;overflow-x:hidden;padding:0;background:#fff;color:var(--buddy-ink)}
.landing-v2:before{display:none}.landing-v2 .landing-header{position:relative;z-index:20;height:78px;padding:0 max(24px,calc((100vw - 1240px)/2));background:rgba(255,255,255,.82);color:var(--buddy-ink);border-bottom:1px solid rgba(23,53,50,.08);backdrop-filter:blur(20px) saturate(150%)}
.landing-v2 .brand{display:flex;align-items:center;gap:10px;font-size:1.08rem;letter-spacing:-.035em}.landing-v2 .brand:after{display:none}.landing-v2 .brand>span:last-child>span{color:var(--buddy-coral)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px 11px 11px 3px;background:var(--buddy-green);color:#fff;font-family:Georgia,serif;font-size:1rem;box-shadow:0 7px 18px rgba(30,86,80,.18)}
.landing-header nav{gap:20px}.landing-header nav>a:not(.button){font-size:.86rem}.landing-header .header-cta{min-height:42px;padding:8px 15px;border-radius:999px;background:linear-gradient(135deg,#f06f59,var(--buddy-coral));color:#fff;box-shadow:0 8px 22px rgba(239,123,102,.25)}.landing-header .header-cta span{margin-left:8px;transition:transform .2s}.landing-header .header-cta:hover{box-shadow:0 11px 26px rgba(239,123,102,.31)}.landing-header .header-cta:hover span{transform:translateX(3px)}
.landing-hero-v2{position:relative;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(430px,.97fr);gap:clamp(40px,6vw,88px);align-items:center;min-height:calc(100vh - 78px);padding:clamp(70px,8vw,120px) max(24px,calc((100vw - 1240px)/2));overflow:hidden;background:linear-gradient(123deg,#fff 0%,#fffaf3 56%,#edf8f4 100%)}
.hero-copy-v2{position:relative;z-index:3;animation:buddy-rise .8s cubic-bezier(.22,1,.36,1) both}.hero-kicker,.section-kicker{margin:0 0 20px;color:var(--buddy-green);font-size:.76rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.hero-kicker{display:flex;align-items:center;gap:10px}.hero-kicker span{width:31px;height:2px;background:var(--buddy-coral)}
.hero-copy-v2 h1{max-width:720px;color:var(--buddy-ink);font-size:clamp(3.15rem,6vw,6.35rem);line-height:.92;letter-spacing:-.072em}.hero-copy-v2 h1 em{position:relative;display:inline-block;color:var(--buddy-coral);font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.055em}.hero-copy-v2 h1 em:after{content:"";position:absolute;left:1%;right:0;bottom:-8px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 24'%3E%3Cpath d='M4 15C112 2 325 2 496 8' fill='none' stroke='%23ef7b66' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;opacity:.7}
.hero-lead{max-width:675px;margin:34px 0 30px;color:#536b67;font-size:clamp(1.04rem,1.65vw,1.23rem);line-height:1.7}.landing-v2 .hero-actions{flex-wrap:wrap;gap:18px}.hero-primary{min-height:56px;padding:13px 23px;border-radius:999px;background:var(--buddy-green);color:#fff;box-shadow:0 14px 34px rgba(30,86,80,.22)}.hero-primary:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(30,86,80,.27)}.hero-primary span{margin-left:12px;font-size:1.1em}.hero-secondary{display:flex;align-items:center;gap:10px;color:var(--buddy-ink);font-size:.9rem;font-weight:800}.hero-secondary span{display:grid;place-items:center;width:39px;height:39px;border:1px solid rgba(23,53,50,.14);border-radius:50%;background:#fff;color:var(--buddy-coral);font-size:.68rem;box-shadow:0 6px 16px rgba(23,53,50,.08)}
.hero-trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:34px;color:#637874;font-size:.77rem;font-weight:700}.hero-trust span{display:flex;align-items:center;gap:7px}.hero-trust b{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#e2f3ed;color:var(--buddy-green);font-size:.68rem}
.hero-glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.hero-glow-one{right:-10vw;top:-20vw;width:52vw;height:52vw;background:radial-gradient(circle,rgba(169,217,204,.4),transparent 68%)}.hero-glow-two{left:42%;bottom:-24vw;width:37vw;height:37vw;background:radial-gradient(circle,rgba(242,201,109,.16),transparent 68%)}
.hero-stage{position:relative;z-index:2;justify-self:end;width:min(570px,100%);height:570px;animation:buddy-rise .95s .12s cubic-bezier(.22,1,.36,1) both}.stage-orbit{position:absolute;left:3%;top:4%;width:92%;height:92%;border:1px solid rgba(30,86,80,.12);border-radius:50%;animation:buddy-spin 35s linear infinite}.stage-orbit:before,.stage-orbit:after{content:"";position:absolute;border-radius:50%}.stage-orbit:before{right:2%;top:18%;width:13px;height:13px;background:var(--buddy-yellow);box-shadow:0 0 0 7px rgba(242,201,109,.16)}.stage-orbit:after{left:5%;bottom:22%;width:9px;height:9px;background:var(--buddy-coral);box-shadow:0 0 0 6px rgba(239,123,102,.13)}
.letter-sheet,.cv-hero-sheet{position:absolute;overflow:hidden;background:#fff;box-shadow:0 28px 70px rgba(23,53,50,.15)}.letter-sheet{left:2%;top:17%;width:52%;aspect-ratio:210/297;padding:9% 7%;border-radius:8px;transform:rotate(-7deg);animation:buddy-float 7s ease-in-out infinite}.letter-sheet strong,.letter-sheet small{display:block}.letter-sheet strong{font-size:10px}.letter-sheet small{margin:3px 0 30px;color:#80908d;font-size:5px}.paper-brand{position:absolute;left:0;top:0;width:100%;height:7px;background:var(--buddy-coral)}.letter-sheet h3{margin:25px 0 11px;color:var(--buddy-green);font-size:6px}.paper-line{display:block;width:100%;height:3px;margin:6px 0;border-radius:4px;background:#dce3e1}.paper-line.short{width:45%}.paper-line.medium{width:73%}
.cv-hero-sheet{right:2%;top:4%;display:grid;grid-template-columns:34% 66%;width:60%;aspect-ratio:210/297;border-radius:9px;transform:rotate(5deg);animation:buddy-float 7s 1.1s ease-in-out infinite}.cv-wave{position:absolute;left:-20%;right:-20%;top:-18%;height:34%;border:28px solid #d3eee7;border-radius:50%;transform:rotate(10deg)}.cv-hero-side,.cv-hero-main{position:relative;z-index:1;padding:74px 11px 13px}.cv-hero-side{color:#365b57}.cv-hero-main{padding:39px 15px 13px}.cv-hero-main>strong,.cv-hero-main>small{display:block}.cv-hero-main>strong{color:var(--buddy-green);font-size:11px}.cv-hero-main>small{margin:4px 0 27px;color:var(--buddy-coral);font-size:5px}.cv-hero-sheet h4{margin:13px 0 6px;color:var(--buddy-green);font-size:6px;letter-spacing:.1em}.cv-hero-sheet i,.cv-hero-sheet b{display:block;width:100%;height:3px;margin:5px 0;border-radius:5px;background:#dbe3e1}.cv-hero-sheet i:nth-of-type(2n){width:75%}.cv-hero-sheet b{height:2px;background:linear-gradient(90deg,var(--buddy-coral) 72%,#dbe3e1 72%)}.avatar{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 15px;border:4px solid #fff;border-radius:50%;background:linear-gradient(145deg,#aacdc4,#f4d09a);color:#fff;font-size:10px;font-weight:800;box-shadow:0 4px 13px rgba(23,53,50,.12)}
.match-badge{position:absolute;right:-2%;top:50%;z-index:5;display:grid;place-items:center;width:99px;height:99px;border:7px solid rgba(255,255,255,.87);border-radius:50%;background:var(--buddy-coral);color:#fff;box-shadow:0 18px 37px rgba(239,123,102,.28);animation:buddy-pulse 4s ease-in-out infinite}.match-badge span{font-family:Georgia,serif;font-size:1.65rem;line-height:1}.match-badge small{font-size:.57rem}.agent-bubble{position:absolute;left:14%;bottom:4%;z-index:5;display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid rgba(30,86,80,.1);border-radius:17px 17px 17px 4px;background:rgba(255,255,255,.92);box-shadow:0 15px 35px rgba(23,53,50,.14);backdrop-filter:blur(10px);animation:buddy-float 6s 2s ease-in-out infinite}.agent-bubble>span{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:#e2f3ed;color:var(--buddy-green)}.agent-bubble p,.agent-bubble strong,.agent-bubble small{display:block;margin:0}.agent-bubble strong{font-size:.72rem}.agent-bubble small{margin-top:2px;color:#72827f;font-size:.59rem}
.proof-strip{display:flex;align-items:center;gap:14px;padding:22px max(24px,calc((100vw - 1240px)/2));background:var(--buddy-green);color:#fff}.proof-strip p,.proof-strip strong{margin:0}.proof-strip p{opacity:.68}.proof-strip strong{font-family:Georgia,serif;font-size:1.12rem;font-weight:500}.proof-strip div{flex:1;height:1px;margin-left:20px;background:linear-gradient(90deg,rgba(255,255,255,.35),transparent)}
.landing-v2 .landing-section{max-width:1240px;padding:clamp(90px,10vw,145px) 24px}.landing-v2 .section-heading{display:grid;grid-template-columns:minmax(0,.9fr) minmax(310px,.55fr);gap:20px 80px;align-items:end}.landing-v2 .section-heading .section-kicker{grid-column:1/-1;margin-bottom:0}.landing-v2 .section-heading h2,.authentic-copy h2,.final-cta h2{color:var(--buddy-ink);font-size:clamp(2.25rem,4.5vw,4.45rem);line-height:.99;letter-spacing:-.055em}.landing-v2 .section-heading>p:last-child{margin:0;color:#687b77;line-height:1.7}
.four-steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px}.four-steps:before{content:"";position:absolute;left:5%;right:5%;top:43px;height:1px;background:linear-gradient(90deg,var(--buddy-coral),var(--buddy-yellow),var(--buddy-mint))}.four-steps article{position:relative;padding:0 30px 0 0;background:#fff}.four-steps article+article{padding-left:30px}.step-number{position:absolute;right:26px;top:0;color:#d9e2df;font-family:Georgia,serif;font-size:2rem}.step-icon{position:relative;z-index:1;display:grid;place-items:center;width:86px;height:86px;margin-bottom:28px;border:9px solid #fff;border-radius:27px 27px 27px 8px;background:var(--buddy-cream);color:var(--buddy-coral);font-size:1.75rem;box-shadow:0 14px 32px rgba(23,53,50,.09);transition:transform .35s cubic-bezier(.22,1,.36,1),background .35s}.four-steps article:nth-child(2) .step-icon{background:#fff0ec}.four-steps article:nth-child(3) .step-icon{background:#e3f3ee;color:var(--buddy-green)}.four-steps article:nth-child(4) .step-icon{background:var(--buddy-green);color:#fff}.four-steps article:hover .step-icon{transform:translateY(-7px) rotate(-3deg)}.four-steps h3{margin:0 0 12px;font-size:1.08rem}.four-steps p{margin:0;color:#687b77;font-size:.88rem;line-height:1.68}
.authentic-section{padding:clamp(90px,10vw,150px) max(24px,calc((100vw - 1240px)/2));background:#fff}.authentic-card{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:clamp(45px,8vw,110px);align-items:center;padding:clamp(40px,6vw,75px);overflow:hidden;border-radius:45px 45px 45px 12px;background:var(--buddy-green);color:#fff}.authentic-card:after{content:"";position:absolute;right:-11%;bottom:-40%;width:48%;aspect-ratio:1;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 40px rgba(255,255,255,.025),0 0 0 80px rgba(255,255,255,.018)}.authentic-copy,.quote-card{position:relative;z-index:1}.authentic-copy .section-kicker{color:var(--buddy-mint)}.authentic-copy h2{color:#fff}.authentic-copy>p:not(.section-kicker){max-width:660px;color:rgba(255,255,255,.72);font-size:1rem;line-height:1.75}.authentic-points{display:grid;gap:11px;margin-top:30px}.authentic-points span{display:flex;align-items:center;gap:12px;font-size:.87rem}.authentic-points b{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:rgba(255,255,255,.1);color:var(--buddy-mint);font-size:.65rem}.quote-card{padding:38px;border:1px solid rgba(255,255,255,.2);border-radius:28px 28px 28px 8px;background:rgba(255,255,255,.1);backdrop-filter:blur(12px);transform:rotate(2deg)}.quote-mark{display:block;color:var(--buddy-yellow);font-family:Georgia,serif;font-size:4rem;line-height:.6}.quote-card blockquote{margin:25px 0 22px;font-family:Georgia,serif;font-size:clamp(1.25rem,2vw,1.72rem);line-height:1.35}.quote-card p{margin:0;color:var(--buddy-mint);font-size:.76rem;font-weight:800}
.simple-tech{max-width:860px;margin:0 auto;padding:0 24px 110px}.simple-tech details{border-top:1px solid #dce3e0;border-bottom:1px solid #dce3e0}.simple-tech summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;cursor:pointer;list-style:none}.simple-tech summary::-webkit-details-marker{display:none}.simple-tech summary span{font-family:Georgia,serif;font-size:1.5rem}.simple-tech summary small{color:#71827e}.simple-tech details>div{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:0 0 28px}.simple-tech details p{margin:0;color:#687b77;font-size:.88rem;line-height:1.7}
.final-cta{position:relative;overflow:hidden;padding:clamp(90px,10vw,145px) 24px;background:#fff8ef;text-align:center}.final-cta .section-kicker{position:relative;z-index:1}.final-cta h2{position:relative;z-index:1;margin:0}.final-cta>p:not(.section-kicker){position:relative;z-index:1;margin:25px 0;color:#697b77}.final-cta .button{position:relative;z-index:1}.final-orb{position:absolute;left:50%;top:50%;width:min(700px,85vw);aspect-ratio:1;border:1px solid rgba(239,123,102,.1);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 60px rgba(239,123,102,.025),0 0 0 120px rgba(239,123,102,.018)}
.landing-footer{display:flex;align-items:center;gap:28px;padding:28px max(24px,calc((100vw - 1240px)/2));background:#173532;color:#fff}.landing-footer p{flex:1;margin:0;color:rgba(255,255,255,.55);font-size:.78rem}.landing-footer>a:last-child{font-size:.8rem;font-weight:800}
.reveal-section{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.22,1,.36,1)}.reveal-section.is-visible{opacity:1;transform:none}
@keyframes buddy-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes buddy-float{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes buddy-spin{to{transform:rotate(360deg)}}@keyframes buddy-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
@media(max-width:1050px){.landing-hero-v2{grid-template-columns:1fr minmax(380px,.78fr)}.hero-copy-v2 h1{font-size:clamp(3rem,6.4vw,5rem)}.hero-stage{height:500px}.four-steps{grid-template-columns:1fr 1fr;gap:50px 30px}.four-steps:before{display:none}.four-steps article,.four-steps article+article{padding:0}.landing-v2 .section-heading{grid-template-columns:1fr}}
@media(max-width:800px){.landing-header{height:68px!important}.header-how{display:none}.landing-header nav>a:not(.button){display:none}.landing-header .header-cta{display:inline-flex!important}.landing-hero-v2{grid-template-columns:1fr;min-height:auto;padding-top:70px}.hero-copy-v2{text-align:center}.hero-kicker,.hero-actions,.hero-trust{justify-content:center}.hero-copy-v2 h1,.hero-lead{margin-left:auto;margin-right:auto}.hero-stage{justify-self:center;width:min(570px,100%);height:530px}.proof-strip{justify-content:center;text-align:center}.proof-strip div{display:none}.authentic-card{grid-template-columns:1fr}.quote-card{transform:none}.simple-tech summary{align-items:flex-start;flex-direction:column}.simple-tech details>div{grid-template-columns:1fr}.landing-footer{align-items:flex-start;flex-direction:column}.landing-footer p{order:3}}
@media(max-width:560px){.landing-v2 .landing-header{padding:0 15px}.landing-header .brand>span:last-child{font-size:.94rem}.brand-mark{width:31px;height:31px}.landing-header .header-cta{min-height:38px;padding:7px 12px;font-size:.74rem}.landing-hero-v2{padding:55px 18px 40px}.hero-copy-v2 h1{font-size:clamp(2.75rem,14vw,4.1rem)}.hero-lead{margin-top:28px;font-size:.98rem}.landing-v2 .hero-actions{align-items:stretch;flex-direction:column}.hero-primary{width:100%;font-size:.86rem}.hero-secondary{justify-content:center}.hero-trust{gap:9px 14px;margin-top:26px}.hero-stage{height:390px;margin-top:15px}.letter-sheet{left:1%;top:15%;width:55%}.cv-hero-sheet{right:0;width:63%}.match-badge{right:-3%;width:78px;height:78px;border-width:5px}.match-badge span{font-size:1.25rem}.agent-bubble{left:4%;bottom:2%;padding:9px 11px}.proof-strip{display:block;padding:18px}.proof-strip p{font-size:.78rem}.proof-strip strong{font-size:1rem}.landing-v2 .landing-section{padding:80px 18px}.section-heading h2,.authentic-copy h2,.final-cta h2{font-size:clamp(2.1rem,11vw,3rem)}.four-steps{grid-template-columns:1fr;gap:38px;margin-top:45px}.four-steps article{display:grid;grid-template-columns:72px 1fr;column-gap:18px}.step-icon{grid-row:1/4;width:68px;height:68px;margin:0;border-width:6px;border-radius:21px 21px 21px 7px}.step-number{right:0}.four-steps h3{align-self:end}.four-steps p{grid-column:2}.authentic-section{padding:75px 16px}.authentic-card{padding:35px 25px;border-radius:30px 30px 30px 9px}.quote-card{padding:28px 24px}.simple-tech{padding:0 20px 80px}.simple-tech summary span{font-size:1.25rem}.final-cta{padding:85px 18px}.landing-footer{padding:28px 20px}}
@media(prefers-reduced-motion:reduce){.stage-orbit,.letter-sheet,.cv-hero-sheet,.match-badge{animation:none}.reveal-section{opacity:1;transform:none}}


/* Einheitliche BewerbungsBro-Oberfläche im eingeloggten Portal. */
body:not(.landing-v2){--background:#f7f5f0;--card:rgba(255,255,255,.92);--ink:#173532;--muted:#687b77;--brand:#1e5650;--primary-cta:#1e5650;--accent:#ef7b66;--background-accent:#dff0eb;--soft:#f1f5f2;--line:rgba(30,86,80,.14);background:radial-gradient(circle at 8% 4%,rgba(242,201,109,.14),transparent 27rem),radial-gradient(circle at 94% 12%,rgba(169,217,204,.23),transparent 30rem),var(--background)}
body:not(.landing-v2):before{background-image:linear-gradient(rgba(30,86,80,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(30,86,80,.022) 1px,transparent 1px)}
.topbar{height:76px;background:rgba(255,255,255,.82);border-bottom-color:rgba(30,86,80,.1)}.topbar .brand{display:flex;align-items:center;gap:10px}.topbar .brand:after{display:none}.topbar .brand>span:last-child>span{color:#ef7b66}.topbar .brand-mark{width:34px;height:34px;border-radius:11px 11px 11px 3px;background:#1e5650}
.account-menu{display:flex;align-items:center;gap:11px}.account-menu .user{padding:8px 11px;border-radius:999px;background:#f0f5f3;color:#1e5650;font-weight:750;opacity:1}.account-menu form button{border-color:rgba(30,86,80,.13)!important;background:#fff!important;color:#687b77!important}
.container .page-heading h1{color:#173532;font-size:clamp(1.7rem,2.65vw,2.45rem);line-height:1.08;letter-spacing:-.035em}.container .section-heading h2{font-size:clamp(1.15rem,1.8vw,1.45rem);line-height:1.15;letter-spacing:-.02em}.container .eyebrow{color:#4e7d76}.container .button.primary{background:linear-gradient(180deg,#27675f,#1e5650);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 10px 24px rgba(30,86,80,.19)}.container .button.ghost{border-color:rgba(30,86,80,.17);color:#1e5650}.container .panel{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(251,250,247,.89));border-color:rgba(30,86,80,.13);box-shadow:0 1px 2px rgba(23,53,50,.03),0 14px 38px rgba(30,86,80,.055)}
.container .metrics article{background:linear-gradient(155deg,#fff,#f7faf8);border-color:rgba(30,86,80,.12)}.container .metrics article:after{background:#dff0eb}.container .metrics strong{color:#1e5650}.container .badge.success,.message{background:#e4f3ed;color:#24634c}.setup-banner{border-color:rgba(30,86,80,.2);background:linear-gradient(135deg,#e7f4ef,#fffaf2)}
.container .section-heading{display:flex;grid-template-columns:none;align-items:center;justify-content:space-between;gap:16px}.bottom-nav{border-color:rgba(30,86,80,.15);background:rgba(255,255,255,.88);box-shadow:0 18px 55px rgba(23,53,50,.15);backdrop-filter:blur(20px) saturate(150%)}.bottom-nav a{color:#6c807c}.bottom-nav a:hover{background:#eef6f3;color:#1e5650}.bottom-nav a.active{background:#1e5650;color:#fff;box-shadow:0 8px 20px rgba(30,86,80,.24)}.bottom-nav a:after{background:#173532}.bottom-nav svg{stroke-width:1.8}
.master-tabs{background:rgba(255,255,255,.8)}.master-tabs a.active{background:#1e5650;color:#fff}.quick-links a{border-color:rgba(30,86,80,.13);background:rgba(255,255,255,.82)}.quick-links a:hover{border-color:#ef7b66;color:#1e5650}.list-card:hover{background:rgba(223,240,235,.55)}

/* Freundliche, selbsterklärende Einrichtung. */
.onboarding-heading{align-items:flex-start}.onboarding-heading>div{max-width:810px}.page-lead{max-width:720px;margin:14px 0 0;color:#687b77;font-size:1rem;line-height:1.65}.onboarding-choice{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin-bottom:18px;padding:22px 24px!important;border-color:rgba(239,123,102,.2)!important;background:linear-gradient(135deg,#fff8ef,#f0f8f5)!important}.choice-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:17px 17px 17px 5px;background:#fff0ec;color:#ef7b66;font-size:1.35rem}.onboarding-choice h2{margin-bottom:6px}.onboarding-choice p{margin:0;color:#687b77;line-height:1.55}
.onboarding-roadmap{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:24px 0 18px;padding:12px;border:1px solid rgba(30,86,80,.11);border-radius:18px;background:rgba(255,255,255,.64)}.onboarding-roadmap span{display:flex;align-items:center;gap:9px;color:#7b8b87;font-size:.75rem;font-weight:750}.onboarding-roadmap b{display:grid;place-items:center;width:29px;height:29px;border-radius:10px;background:#e8efec;color:#668079;font-size:.69rem}.onboarding-roadmap .active{color:#1e5650}.onboarding-roadmap .active b{background:#1e5650;color:#fff}
.onboarding-roadmap-three{grid-template-columns:repeat(3,1fr)}
.freshness-card{display:flex;align-items:flex-start;gap:12px;margin:17px 0;padding:14px 16px;border:1px solid rgba(30,86,80,.13);border-radius:14px;background:#edf6f3}.freshness-card>span{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:#1e5650;color:#fff;font-size:.7rem;font-weight:900}.freshness-card strong,.freshness-card small{display:block}.freshness-card strong{color:#244d47;font-size:.78rem}.freshness-card small{margin-top:4px;color:#617873;font-size:.67rem;line-height:1.45}
.onboarding-step-card{position:relative;margin-bottom:18px;padding:clamp(22px,3vw,32px)!important;overflow:hidden}.onboarding-step-card:after{content:"";position:absolute;right:-45px;top:-45px;width:120px;height:120px;border-radius:50%;background:rgba(169,217,204,.12);pointer-events:none}.onboarding-step-head{display:flex;align-items:center;gap:15px;margin-bottom:17px}.onboarding-step-head>span{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border-radius:14px 14px 14px 5px;background:#1e5650;color:#fff;font-family:Georgia,serif;font-size:1.15rem;box-shadow:0 9px 20px rgba(30,86,80,.17)}.onboarding-step-head .eyebrow{margin-bottom:3px}.onboarding-step-head h2{font-size:1.25rem}.onboarding-step-card>p{max-width:880px;color:#687b77;line-height:1.65}.prepare-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:19px}.prepare-list span{display:grid;gap:3px;padding:13px 15px;border-radius:13px;background:#f2f7f5;color:#71817d;font-size:.75rem}.prepare-list b{color:#1e5650;font-size:.84rem}.file-explanation{display:flex;gap:14px;align-items:flex-start;padding:17px;border:1px dashed rgba(30,86,80,.25);border-radius:15px;background:#f6faf8}.file-explanation>span{display:grid;place-items:center;flex:0 0 auto;width:35px;height:35px;border-radius:11px;background:#dff0eb;color:#1e5650;font-size:1.1rem;font-weight:900}.file-explanation p{margin:0;color:#526b66;line-height:1.6}.prompt-details{margin:11px 0 16px;border:1px solid rgba(30,86,80,.12);border-radius:13px;background:#fbfcfb}.prompt-details summary{padding:12px 15px;color:#59736e;font-size:.8rem;font-weight:750;cursor:pointer}.prompt-details .prompt-box{height:280px;border:0;border-top:1px solid rgba(30,86,80,.1);border-radius:0 0 13px 13px;background:#f7faf8}.onboarding-import-field textarea{background:#f9fbfa}.onboarding-import-field input[type=file]{padding:12px;background:#f7faf8}.onboarding-step-card .export-counts{margin-top:16px}.onboarding-step-card .privacy-note{border-left-color:#ef7b66;background:#fff7f3}
@media(max-width:760px){.onboarding-choice{grid-template-columns:auto 1fr}.onboarding-choice .button{grid-column:1/-1;width:100%}.onboarding-roadmap{grid-template-columns:1fr 1fr}.prepare-list{grid-template-columns:1fr}.topbar .brand>span:last-child{font-size:.92rem}.account-menu .user{display:none}}
@media(max-width:480px){.onboarding-roadmap{grid-template-columns:1fr}.onboarding-step-head{align-items:flex-start}.onboarding-step-head h2{font-size:1.1rem}.topbar{height:68px}.topbar .brand-mark{width:31px;height:31px}}

/* BewerbungsBro Bildmarke */
.brand img.brand-mark,
.topbar .brand img.brand-mark{
  display:block;
  width:52px;
  height:52px;
  object-fit:contain;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  filter:drop-shadow(0 7px 12px rgba(30,86,80,.16));
}
@media(max-width:560px){
  .brand img.brand-mark,
  .topbar .brand img.brand-mark{width:44px;height:44px}
}

.auth-card .auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:24px}.auth-card .auth-brand:after{display:none}.auth-card .auth-brand>span:last-child>span{color:#ef7b66}
.brand.brand-full{display:inline-flex;align-items:center;flex:0 0 auto;line-height:0}.brand-full:after{display:none!important}.brand-logo{display:block;width:238px;height:auto;max-height:66px;object-fit:contain;object-position:left center;filter:drop-shadow(0 6px 11px rgba(30,86,80,.11))}.landing-v2 .landing-header{height:88px}.topbar{height:84px}.topbar .brand-logo{width:222px;max-height:62px}.auth-card .auth-brand{margin-bottom:25px}.auth-card .brand-logo{width:270px;max-width:100%;max-height:none}.landing-footer .brand-logo{width:245px;filter:none}
@media(max-width:800px){.landing-v2 .landing-header{height:76px!important}.landing-header .brand-logo{width:194px;max-height:58px}.topbar{height:76px}.topbar .brand-logo{width:190px;max-height:56px}.landing-footer .brand-logo{width:220px}}
@media(max-width:480px){.landing-header .brand-logo{width:166px}.topbar .brand-logo{width:166px}.auth-card .brand-logo{width:235px}}
.english-readiness{margin-bottom:18px;border-color:#efd0a8;background:#fffaf3}.english-readiness>p:not(.eyebrow){color:#687b77;line-height:1.55}.english-readiness-links{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.english-readiness-links a{padding:8px 12px;border-radius:10px;background:#fff;color:#1e5650;font-size:.8rem;font-weight:750}.english-readiness ul{max-height:240px;overflow:auto;margin:12px 0 0;padding-left:20px;color:#765b3c}.generate-box button:disabled{cursor:not-allowed;filter:grayscale(.25);opacity:.48}

/* Datenschutzfreundliches Betreiber-Monitoring */
.monitoring-funnel{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.monitoring-funnel article{display:flex;min-height:150px;flex-direction:column;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}.monitoring-funnel span{min-height:38px;color:var(--muted);font-size:.78rem;font-weight:750;line-height:1.35}.monitoring-funnel strong{margin-top:8px;color:var(--ink);font-size:2rem}.monitoring-funnel em{margin:2px 0 14px;color:var(--muted);font-size:.7rem;font-style:normal}.monitoring-funnel article>i{height:6px;margin-top:auto;overflow:hidden;border-radius:999px;background:var(--soft)}.monitoring-funnel article>i b{display:block;height:100%;max-width:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--accent))}.status-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#fff0ed;color:#9a4034;font-size:.73rem;font-weight:750}.status-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:#c95645}.status-pill.ok{background:#e9f5ef;color:#286044}.status-pill.ok:before{background:#3b9367}.monitoring-series{display:grid;grid-template-columns:1fr 1fr;gap:24px}.monitoring-series>div>strong{display:block;margin-bottom:10px;color:var(--muted);font-size:.78rem}.monitoring-bars{display:flex;align-items:flex-end;height:74px;gap:3px;padding:10px 8px 0;border-bottom:1px solid var(--line);background:linear-gradient(to top,rgba(30,86,80,.04),transparent)}.monitoring-bars span{display:flex;align-items:flex-end;height:100%;min-width:3px;flex:1}.monitoring-bars i{display:block;width:100%;min-height:2px;max-height:62px;border-radius:4px 4px 1px 1px;background:var(--brand)}.monitoring-bars.onboarding i{background:var(--accent)}
@media(max-width:1000px){.monitoring-funnel{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.monitoring-funnel,.monitoring-series{grid-template-columns:1fr}.monitoring-funnel article{min-height:120px}.status-pill{margin-top:8px}}

/* Rechtliche Hinweise und nachvollziehbare Zustimmung */
.legal-check label{display:flex!important;align-items:flex-start;gap:10px;font-weight:500!important;line-height:1.45}.legal-check input{width:19px!important;height:19px!important;flex:0 0 auto;margin-top:1px;accent-color:#1e5650}.legal-check a,.auth-legal a{color:#1e5650;font-weight:800}.auth-legal{display:flex;justify-content:center;gap:14px;margin-top:18px;font-size:.72rem}.app-legal-footer{display:flex;justify-content:center;gap:18px;padding:12px 20px 95px;color:#687b77;font-size:.72rem}.app-legal-footer a{color:inherit}.landing-footer nav{display:flex;align-items:center;gap:18px}.landing-footer nav a{color:#fff;font-size:.75rem;font-weight:750}.legal-page{min-height:100vh;background:#f7f5f0;color:#173532}.legal-header{position:static;height:84px;border-bottom:1px solid rgba(30,86,80,.12);background:rgba(255,255,255,.9)}.legal-header>a:last-child{color:#1e5650;font-size:.8rem;font-weight:800}.legal-document{width:min(880px,calc(100% - 32px));margin:42px auto;padding:clamp(25px,5vw,58px);border:1px solid rgba(30,86,80,.12);border-radius:28px 28px 28px 9px;background:#fff;box-shadow:0 24px 70px rgba(23,53,50,.08)}.legal-document h1{margin:5px 0 12px;font-family:Georgia,serif;font-size:clamp(2.2rem,6vw,4rem);line-height:1}.legal-document h2{margin:34px 0 10px;color:#1e5650;font-size:1.05rem}.legal-document p,.legal-document li{color:#526762;line-height:1.7}.legal-document ul{padding-left:22px}.legal-version,.legal-note{color:#7b8b87!important;font-size:.8rem}.legal-document a{color:#b84f3e;font-weight:750}.legal-footer{display:flex;justify-content:center;gap:20px;padding:26px;background:#173532}.legal-footer a{color:#fff;font-size:.78rem;font-weight:750}
@media(max-width:800px){.landing-footer nav{align-items:flex-start;flex-wrap:wrap}.legal-header .brand-logo{width:190px}.legal-document{margin:20px auto;padding:24px 20px;border-radius:20px 20px 20px 7px}}

/* Landing positioning: BewerbungsBro is a reusable application system, not a one-off generator. */
.hero-copy-v2 h1{max-width:760px;font-size:clamp(2.9rem,5.7vw,5.25rem)}.hero-copy-v2 h1 em{display:block}.hero-lead{margin-bottom:14px}.hero-benefit{max-width:650px;margin:0 0 26px;color:#71827e;font-size:.93rem;line-height:1.7}.hero-beta-note{margin:11px 0 0 16px;color:#71827e;font-size:.72rem;font-weight:750}.system-comparison{padding:clamp(80px,9vw,130px) max(24px,calc((100vw - 1120px)/2));background:var(--buddy-cream)}.comparison-heading{max-width:760px;margin:0 auto 48px;text-align:center}.comparison-heading h2{margin:8px 0 16px;color:var(--buddy-ink);font-size:clamp(2.2rem,4.7vw,4.2rem);line-height:1;letter-spacing:-.045em}.comparison-heading>p:last-child{margin:0;color:#687b77;line-height:1.7}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:980px;margin:0 auto}.comparison-card{position:relative;padding:clamp(27px,4vw,44px);border:1px solid rgba(30,86,80,.12);border-radius:30px 30px 30px 9px;background:rgba(255,255,255,.72)}.comparison-card h3{margin:18px 0 22px;color:var(--buddy-ink);font-size:1.35rem}.comparison-card ul{display:grid;gap:14px;margin:0;padding:0;list-style:none}.comparison-card li{position:relative;padding-left:27px;color:#5e716d;line-height:1.55}.comparison-card li:before{position:absolute;left:0;content:"✓";color:#91a09d;font-weight:900}.comparison-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:#e8ecea;color:#71827e;font-size:1.25rem}.buddy-card{border:2px solid var(--buddy-coral);background:#fff;box-shadow:0 25px 65px rgba(23,53,50,.1)}.buddy-card .comparison-icon{background:#fff0ec;color:var(--buddy-coral)}.buddy-card li:before{color:var(--buddy-coral)}.comparison-badge{position:absolute;right:25px;top:25px;padding:7px 11px;border-radius:999px;background:#fff0ec;color:#a74b3d;font-size:.68rem;font-weight:850}.language-foundation{display:grid;grid-template-columns:64px 1fr;gap:22px;max-width:850px;margin:35px auto 0;padding:25px 30px;border-radius:24px 24px 24px 8px;background:var(--buddy-green);color:#fff}.language-foundation>div{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:rgba(255,255,255,.1)}.language-foundation>div span{color:var(--buddy-yellow);font-family:Georgia,serif;font-size:3rem;line-height:1}.language-foundation p{margin:0;color:rgba(255,255,255,.78);line-height:1.65}.language-foundation strong{display:block;margin-bottom:6px;color:#fff;font-size:1.1rem}.three-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:20px;align-items:center;margin-top:65px}.three-steps>i{color:var(--buddy-coral);font-size:1.45rem;font-style:normal}.three-steps article{position:relative;min-height:285px;padding:30px;border:1px solid rgba(30,86,80,.12);border-radius:28px 28px 28px 9px;background:#fff;box-shadow:0 18px 45px rgba(23,53,50,.07)}.three-steps .step-number{right:25px;top:25px}.three-steps .step-icon{width:72px;height:72px;margin-bottom:24px;border:0}.three-steps article:nth-of-type(2) .step-icon{background:#e3f3ee;color:var(--buddy-green)}.three-steps article:nth-of-type(3) .step-icon{background:var(--buddy-green);color:#fff}.three-steps h3{margin:0 0 12px;color:var(--buddy-ink);font-size:1.13rem}.three-steps p{margin:0;color:#687b77;font-size:.88rem;line-height:1.68}

/* Internal beta monitoring and feedback */
.monitoring-period{display:flex;gap:6px;padding:5px;border-radius:999px;background:var(--soft)}.monitoring-period a{padding:8px 12px;border-radius:999px;color:var(--muted);font-size:.72rem;font-weight:800}.monitoring-period a.active{background:#fff;color:var(--brand);box-shadow:0 4px 14px rgba(23,53,50,.08)}.monitoring-funnel{grid-template-columns:repeat(4,minmax(0,1fr))}.monitoring-callout{display:flex;align-items:center;gap:12px;margin-top:18px;padding:14px 16px;border-radius:14px;background:#fff8e9;color:#765b20}.monitoring-callout strong{font-size:1.5rem}.monitoring-callout span{font-size:.8rem}.monitoring-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.monitoring-grid .panel{margin:0}.monitoring-table{width:100%;border-collapse:collapse}.monitoring-table th,.monitoring-table td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;font-size:.78rem}.monitoring-table th{color:var(--muted);font-size:.68rem;text-transform:uppercase}.error-list,.aggregate-list{display:grid;gap:8px}.error-list p,.aggregate-list p{display:flex;justify-content:space-between;gap:15px;margin:0;padding:11px;border-radius:10px;background:var(--soft);font-size:.76rem}.error-list span,.aggregate-list span{color:var(--muted)}.feedback-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}.beta-feedback fieldset{padding:16px;border:1px solid var(--line);border-radius:14px}.beta-feedback legend{padding:0 6px;font-weight:800}.beta-feedback ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.beta-feedback li label{display:flex;align-items:center;gap:5px;padding:7px 9px;border-radius:9px;background:var(--soft);font-size:.76rem}.beta-feedback textarea{width:100%;margin:8px 0 14px}.feedback-thanks{padding:15px;border-radius:12px;background:#e9f5ef;color:#286044;font-weight:750}

@media(max-width:800px){.comparison-grid{grid-template-columns:1fr}.three-steps{grid-template-columns:1fr}.three-steps>i{transform:rotate(90deg);text-align:center}.monitoring-grid{grid-template-columns:1fr}.monitoring-funnel{grid-template-columns:repeat(2,1fr)}.feedback-fields{grid-template-columns:1fr}.hero-benefit{margin-left:auto;margin-right:auto}.hero-beta-note{margin-left:0}.language-foundation{grid-template-columns:1fr}.comparison-badge{position:static;display:inline-flex;margin-bottom:16px}}
@media(max-width:560px){.landing-hero-v2{padding-top:34px}.hero-copy-v2 h1{font-size:clamp(2rem,10.4vw,3.1rem);line-height:1.01;hyphens:auto;overflow-wrap:break-word}.hero-lead{margin-top:20px;font-size:.9rem;line-height:1.55}.hero-benefit{font-size:.82rem;line-height:1.55}.hero-stage{height:330px}.system-comparison{padding:70px 18px}.comparison-card{padding:25px 21px}.language-foundation{padding:23px 21px}.three-steps{margin-top:42px}.three-steps article{min-height:0}.monitoring-funnel{grid-template-columns:1fr}.monitoring-period{width:100%;justify-content:center}.monitoring-table{min-width:560px}}
/* Interactive CV chapter and page preview. */
.cv-preview-launch{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;margin:0 0 9px;padding:13px 14px;border:1px solid rgba(239,123,102,.28);border-radius:14px;background:linear-gradient(135deg,rgba(255,239,234,.92),rgba(249,251,252,.96));box-shadow:0 8px 22px rgba(38,63,82,.07)}
.cv-preview-launch-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:var(--accent);color:#fff;font-size:.72rem;font-weight:850;letter-spacing:.05em}.cv-preview-launch .button{align-self:center;min-height:38px;padding:8px 13px}.cv-preview-window{width:min(1260px,100%)}.cv-preview-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(350px,.65fr);min-height:0;overflow:hidden}.cv-pages-wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;min-height:0;overflow:auto;padding:22px;background:#e9eff1}.cv-paper-preview{min-height:620px;padding:24px 20px;background:#fff;box-shadow:0 12px 34px rgba(38,63,82,.12)}.cv-paper-preview>header{display:flex;justify-content:space-between;gap:12px;margin-bottom:22px;padding-bottom:10px;border-bottom:1px solid var(--line)}.cv-paper-preview>header strong{color:var(--brand)}.cv-paper-preview>header span{color:var(--muted);font-size:.65rem;text-align:right}.cv-paper-grid{display:grid;grid-template-columns:31% 1fr;gap:8%;font-size:.68rem}.cv-paper-grid aside{color:var(--brand);font-size:.58rem;font-weight:800;letter-spacing:.08em}.cv-paper-grid aside i{display:block;width:80%;height:3px;margin-top:11px;background:#cbd5da}.cv-paper-grid main{display:grid;align-content:start;gap:18px}.cv-paper-grid section{display:grid;gap:5px}.cv-paper-grid section strong{padding-bottom:5px;border-bottom:2px solid var(--brand);color:var(--brand);font-size:.69rem;letter-spacing:.06em;text-transform:uppercase}.cv-paper-grid section span{overflow:hidden;color:#5d6870;font-size:.59rem;text-overflow:ellipsis;white-space:nowrap}.cv-page-empty{padding:14px;border:1px dashed var(--line);border-radius:9px;color:var(--muted);font-size:.67rem;line-height:1.45}.cv-chapter-control{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:#fff}.cv-chapter-control .cv-page-transfer{min-width:54px;color:var(--accent);font-size:.67rem;font-weight:750}.cv-auto-layout{width:100%;margin-top:18px}.cv-preview-editor{min-height:0;overflow:auto}.cv-preview-editor>h3{margin-top:18px}
@media(max-width:980px){.cv-preview-grid{grid-template-columns:1fr;overflow:auto}.cv-pages-wrap{overflow:visible}.cv-preview-editor{border-top:1px solid var(--line);border-left:0}}
@media(max-width:700px){.cv-preview-launch{grid-template-columns:auto 1fr}.cv-preview-launch .button{grid-column:1/-1;width:100%}.cv-pages-wrap{grid-template-columns:1fr}.cv-paper-preview{min-height:500px}}

/* Landing hero: clear product positioning and a real-product-inspired system view. */
.landing-hero-v2{grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);min-height:auto;padding-top:clamp(68px,7vw,102px);padding-bottom:clamp(72px,8vw,116px);background:radial-gradient(circle at 82% 18%,rgba(169,217,204,.2),transparent 31%),linear-gradient(118deg,#fffdf9 0%,#fffaf3 58%,#f3f8f5 100%)}
.hero-copy-v2,.hero-product-stage{min-width:0}.hero-copy-v2 h1{max-width:720px;font-size:clamp(3.25rem,5.65vw,5.75rem);line-height:.94;letter-spacing:-.067em}
.hero-copy-v2 h1>span,.hero-copy-v2 h1>small{display:block}
.hero-copy-v2 h1>small{max-width:680px;margin-top:20px;color:var(--buddy-green);font-size:.56em;font-weight:580;line-height:1.04;letter-spacing:-.048em}
.hero-copy-v2 h1>small strong{display:block;margin-top:4px;color:var(--buddy-coral);font-weight:860}
.hero-lead{max-width:650px;margin:30px 0 16px;color:#435d58;font-size:clamp(1rem,1.35vw,1.16rem);line-height:1.65}
.hero-benefit{max-width:640px;margin-bottom:29px;color:#687c77;font-size:.93rem;line-height:1.66}
.landing-v2 .hero-actions{justify-content:flex-start}
.hero-primary{border-radius:15px;background:linear-gradient(135deg,#f06f59,var(--buddy-coral));box-shadow:0 14px 32px rgba(239,123,102,.25)}
.hero-primary:hover{box-shadow:0 18px 38px rgba(239,123,102,.31)}
.hero-product-stage{display:flex;height:500px;align-items:center;justify-content:center}
.hero-app-window{position:relative;width:100%;overflow:hidden;border:1px solid rgba(30,86,80,.14);border-radius:24px 24px 24px 8px;background:rgba(255,255,255,.93);box-shadow:0 30px 75px rgba(23,53,50,.15);backdrop-filter:blur(16px)}
.hero-window-bar{display:flex;height:46px;align-items:center;gap:7px;padding:0 16px;border-bottom:1px solid rgba(30,86,80,.1);background:rgba(249,248,244,.94)}
.hero-window-bar i{width:10px;height:10px;border-radius:50%;background:var(--buddy-coral)}
.hero-window-bar i:nth-child(2){background:var(--buddy-yellow)}
.hero-window-bar i:nth-child(3){background:#52b77e}
.hero-window-bar span{margin-left:auto;color:#86938f;font-size:.61rem;font-weight:700}
.hero-app-layout{display:grid;grid-template-columns:68px minmax(0,1fr);min-height:392px}
.hero-app-nav{display:flex;align-items:center;flex-direction:column;gap:14px;padding:17px 10px;background:linear-gradient(180deg,#164b46,#173d39);color:#fff}
.hero-app-nav strong{display:grid;place-items:center;width:38px;height:38px;margin-bottom:5px;border-radius:11px;background:#fff;color:var(--buddy-green);font-size:.8rem}
.hero-app-nav span{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;color:#dcebe7;font-size:1rem}
.hero-app-nav span.active{background:rgba(255,255,255,.13);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.hero-agent-view{padding:clamp(23px,3.1vw,34px)}
.hero-agent-title{display:flex;align-items:center;gap:11px;margin:0 0 23px;color:var(--buddy-ink);font-size:1.06rem;font-weight:850}
.hero-agent-title>span{color:var(--buddy-coral);font-size:1.3rem}
.hero-agent-card{position:relative;padding:22px 21px 20px 61px;border:1px solid rgba(30,86,80,.1);border-radius:18px;background:linear-gradient(145deg,#fff,#fffaf7)}
.hero-agent-card>p{margin:0 0 18px;color:#405853;font-size:.83rem;line-height:1.5}
.hero-agent-spark{position:absolute;left:18px;top:18px;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#ffe6df;color:var(--buddy-coral)}
.hero-agent-card ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.hero-agent-card li{position:relative;padding-left:24px;color:#4f6560;font-size:.75rem;font-weight:730}
.hero-agent-card li:before{position:absolute;left:0;top:-1px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#e1f2eb;color:#328462;content:"✓";font-size:.57rem;font-weight:900}
.hero-next-title{display:block;margin:23px 0 12px;color:var(--buddy-ink);font-size:.76rem}
.hero-next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.hero-next-grid span{display:flex;min-height:73px;align-items:center;justify-content:center;flex-direction:column;gap:7px;padding:9px;border:1px solid rgba(30,86,80,.11);border-radius:13px;background:#fff;color:#526763;font-size:.61rem;font-weight:750;text-align:center}
.hero-next-grid b{color:var(--buddy-green);font-size:1.15rem;font-weight:500}
.hero-system-note{position:absolute;right:-16px;bottom:4px;display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid rgba(239,123,102,.22);border-radius:16px 16px 16px 5px;background:#fff;box-shadow:0 15px 35px rgba(23,53,50,.13)}
.hero-system-note>span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--buddy-coral);color:#fff;font-weight:900}
.hero-system-note p,.hero-system-note strong,.hero-system-note small{display:block;margin:0}
.hero-system-note strong{color:var(--buddy-ink);font-size:.72rem}
.hero-system-note small{margin-top:2px;color:#73847f;font-size:.58rem}
.system-steps .section-heading>p:last-child strong{display:block;margin-bottom:6px;color:var(--buddy-green);font-size:1.02rem}

@media(max-width:1050px){.landing-hero-v2{grid-template-columns:minmax(0,1fr) minmax(390px,.82fr);gap:42px}.hero-copy-v2 h1{font-size:clamp(3rem,5.8vw,4.9rem)}.hero-product-stage{height:465px}.hero-app-layout{min-height:370px}}
@media(max-width:800px){.landing-hero-v2{grid-template-columns:1fr;padding-top:56px}.hero-copy-v2{text-align:left}.hero-kicker,.landing-v2 .hero-actions{justify-content:flex-start}.hero-copy-v2 h1,.hero-lead,.hero-benefit{margin-left:0;margin-right:0}.hero-product-stage{justify-self:center;width:min(590px,100%);height:475px;margin-top:17px}.hero-system-note{right:8px}.comparison-heading{text-align:left}.comparison-heading .section-kicker{justify-content:flex-start}}
@media(max-width:560px){.landing-hero-v2{width:100%;padding:34px 18px 58px}.hero-copy-v2{width:100%}.hero-copy-v2 h1{width:100%;font-size:clamp(2.45rem,11.5vw,3.35rem);line-height:.95;hyphens:manual;overflow-wrap:anywhere}.hero-copy-v2 h1>small{margin-top:15px;font-size:.59em;line-height:1.08}.hero-lead{margin-top:22px;font-size:.91rem;line-height:1.55}.hero-benefit{margin-bottom:22px;font-size:.82rem;line-height:1.55}.landing-v2 .hero-actions{display:block;width:100%}.hero-primary{max-width:100%}.hero-beta-note{margin-left:0}.hero-product-stage{width:100%;height:390px;margin-top:25px}.hero-app-window{width:100%;border-radius:18px 18px 18px 6px}.hero-window-bar{height:35px;padding:0 11px}.hero-window-bar i{width:8px;height:8px}.hero-app-layout{grid-template-columns:46px minmax(0,1fr);min-height:320px}.hero-app-nav{gap:8px;padding:11px 6px}.hero-app-nav strong,.hero-app-nav span{width:31px;height:31px}.hero-app-nav span{font-size:.79rem}.hero-agent-view{min-width:0;padding:17px 13px}.hero-agent-title{margin-bottom:13px;font-size:.87rem}.hero-agent-card{padding:14px 12px 13px 46px}.hero-agent-card>p{margin-bottom:12px;font-size:.68rem;line-height:1.4}.hero-agent-spark{left:11px;top:12px;width:26px;height:26px}.hero-agent-card ul{gap:7px}.hero-agent-card li{padding-left:20px;font-size:.62rem}.hero-next-title{margin:14px 0 8px;font-size:.65rem}.hero-next-grid{gap:5px}.hero-next-grid span{min-width:0;min-height:58px;padding:6px 3px;font-size:.5rem}.hero-next-grid b{font-size:.91rem}.hero-system-note{right:4px;bottom:-2px;max-width:94%;padding:9px 10px}.hero-system-note>span{width:25px;height:25px}.hero-system-note strong{font-size:.61rem}.hero-system-note small{font-size:.49rem}.system-comparison{padding-top:64px}.comparison-heading{margin-bottom:32px}.comparison-heading h2{font-size:clamp(2rem,10vw,2.8rem)}}

/* The comparison presents BewerbungsBro as an active agent, not passive storage. */
.generator-card li:before{content:"×";color:#9aa5a2;font-size:1.1rem;line-height:1}
.buddy-card h3{margin-bottom:11px}.buddy-process{display:flex;align-items:center;gap:8px;margin:0 0 24px;color:#7a8985;font-size:.66rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.buddy-process span{padding:6px 8px;border-radius:999px;background:#fff4f0;color:#9d4d40}.buddy-process i{color:#c6cfcc;font-style:normal}.buddy-card li{font-size:.94rem}.buddy-card li strong{color:var(--buddy-ink);font-weight:880}.buddy-card li:before{top:1px}
@media(max-width:560px){.buddy-card h3{margin-top:14px}.buddy-process{flex-wrap:wrap;gap:6px;margin-bottom:21px;font-size:.6rem}.buddy-process span{padding:5px 7px}.buddy-card ul{gap:16px}.buddy-card li{padding-left:29px;font-size:.9rem;line-height:1.55}.buddy-card li:before{top:2px}.generator-card li{font-size:.88rem}}
.auth-card .resend-form{margin-top:1rem}.auth-card .resend-form .button{width:100%;justify-content:center}

/* Evidence-based AI positioning: market insight first, BewerbungsBro's answer second. */
.ai-positioning{padding:clamp(85px,9vw,130px) max(24px,calc((100vw - 1120px)/2));background:linear-gradient(180deg,#f5f2eb 0%,#fffaf3 46%,#f7f8f4 100%)}
.ai-positioning-heading{max-width:870px;margin:0 auto 45px;text-align:center}
.ai-positioning-heading .section-kicker{justify-content:center}
.ai-positioning-heading h2{margin:10px 0 20px;color:var(--buddy-ink);font-size:clamp(2.15rem,4.5vw,4.15rem);line-height:1.01;letter-spacing:-.048em}
.ai-positioning-heading>p:last-child{max-width:760px;margin:0 auto;color:#647772;font-size:1rem;line-height:1.72}
.ai-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1050px;margin:0 auto}
.ai-stat-card{position:relative;min-height:235px;overflow:hidden;padding:30px 30px 27px;border:1px solid rgba(30,86,80,.13);border-radius:26px 26px 26px 8px;background:rgba(255,255,255,.88);box-shadow:0 16px 40px rgba(23,53,50,.055)}
.ai-stat-card:after{position:absolute;right:-33px;bottom:-42px;width:118px;height:118px;border-radius:50%;background:rgba(239,123,102,.075);content:""}
.ai-stat-card strong{display:block;margin-bottom:20px;color:var(--buddy-green);font-family:Georgia,serif;font-size:clamp(3.3rem,6vw,5rem);font-weight:500;line-height:.88;letter-spacing:-.07em}
.ai-stat-card strong span{color:var(--buddy-coral);font-family:inherit;font-size:.43em;letter-spacing:-.03em}
.ai-stat-card p{position:relative;z-index:1;margin:0;color:#4f6560;font-size:.9rem;line-height:1.62}
.ai-study-source{max-width:1000px;margin:18px auto 0;color:#82908c;font-size:.68rem;line-height:1.55;text-align:center}
.ai-study-source a{color:#617773;font-weight:750;text-decoration:underline;text-decoration-color:rgba(30,86,80,.3);text-underline-offset:3px}
.ai-answer-card{max-width:1080px;margin:48px auto 0;padding:clamp(34px,5vw,64px);border-radius:36px 36px 36px 11px;background:radial-gradient(circle at 90% 4%,rgba(239,123,102,.18),transparent 28%),linear-gradient(142deg,#173f3b,#1d5a52);box-shadow:0 28px 70px rgba(23,53,50,.2);color:#fff}
.ai-answer-intro{max-width:820px}
.ai-answer-intro .section-kicker{justify-content:flex-start;color:#f7c7bc}
.ai-answer-intro .section-kicker:before{background:var(--buddy-coral)}
.ai-answer-intro h3{margin:10px 0 18px;color:#fff;font-family:Georgia,serif;font-size:clamp(2rem,4.4vw,3.75rem);font-weight:500;line-height:1.02;letter-spacing:-.035em}
.ai-answer-intro>p:last-child{max-width:780px;margin:0;color:rgba(255,255,255,.78);font-size:.98rem;line-height:1.72}
.ai-roles-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:38px}
.ai-roles-grid article{padding:27px 28px;border:1px solid rgba(255,255,255,.14);border-radius:24px 24px 24px 8px;background:rgba(255,255,255,.075)}
.ai-role-icon{display:grid;width:43px;height:43px;place-items:center;margin-bottom:18px;border-radius:14px;background:var(--buddy-coral);color:#fff;font-size:1.12rem}
.ai-role-icon.personal{background:#fff;color:var(--buddy-green);font-size:.72rem}
.ai-roles-grid h4{margin:0 0 17px;color:#fff;font-size:1.05rem}
.ai-roles-grid ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.ai-roles-grid li{position:relative;padding-left:25px;color:rgba(255,255,255,.77);font-size:.84rem;line-height:1.45}
.ai-roles-grid li:before{position:absolute;left:0;top:1px;color:#f5b5a8;content:"✓";font-weight:900}
.ai-roles-grid article:last-child li:before{color:#a9d9cc}
.ai-connection{display:flex;align-items:center;gap:17px;margin:34px 0 0;color:#fff;font-family:Georgia,serif;font-size:clamp(1.2rem,2.7vw,1.7rem);font-weight:600;text-align:center}
.ai-connection span{height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.36))}
.ai-connection span:last-child{background:linear-gradient(90deg,rgba(255,255,255,.36),transparent)}
@media(max-width:800px){.ai-positioning-heading{text-align:left}.ai-positioning-heading .section-kicker{justify-content:flex-start}.ai-stat-grid,.ai-roles-grid{grid-template-columns:1fr}.ai-stat-card{min-height:0}.ai-study-source{text-align:left}.ai-answer-card{border-radius:28px 28px 28px 9px}.ai-roles-grid{gap:12px}}
@media(max-width:560px){.ai-positioning{padding:72px 18px}.ai-positioning-heading{margin-bottom:32px}.ai-positioning-heading h2{font-size:clamp(2rem,10vw,2.75rem)}.ai-positioning-heading>p:last-child{font-size:.9rem;line-height:1.62}.ai-stat-grid{gap:12px}.ai-stat-card{display:grid;grid-template-columns:94px minmax(0,1fr);gap:16px;align-items:center;padding:23px 21px}.ai-stat-card strong{margin:0;font-size:3.15rem}.ai-stat-card p{font-size:.82rem;line-height:1.52}.ai-study-source{margin-top:15px;font-size:.62rem}.ai-answer-card{margin-top:38px;padding:31px 22px}.ai-answer-intro h3{font-size:clamp(2rem,10vw,2.65rem)}.ai-answer-intro>p:last-child{font-size:.87rem;line-height:1.62}.ai-roles-grid{margin-top:28px}.ai-roles-grid article{padding:23px 21px}.ai-roles-grid li{font-size:.82rem}.ai-connection{gap:10px;margin-top:27px;font-size:1.1rem}}

/* Guided portal: one next action, compact progress and direct text editing. */
.next-action-panel{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 34px;border-color:rgba(239,123,102,.25);background:linear-gradient(135deg,#fff,#fff8f4)}
.next-action-panel h2{margin:4px 0 8px;font-size:clamp(1.65rem,3vw,2.45rem)}.next-action-panel p:last-child{max-width:680px;margin:0;color:var(--muted);line-height:1.6}
.journey-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 22px}.journey-progress span{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--muted);font-size:.72rem}.journey-progress span.done{border-color:#cce4da;background:#eff8f4;color:var(--brand)}.journey-progress span.done:before{content:"✓"}.journey-progress span.done{font-size:0}.journey-progress span.done b{font-size:.72rem}
.cover-editable-paragraph{display:block;width:100%;min-height:82px;margin:0 0 14px;padding:8px 10px;resize:vertical;border:1px solid transparent;border-radius:8px;background:transparent;color:inherit;font:inherit;line-height:1.65}.cover-editable-paragraph:hover,.cover-editable-paragraph:focus{border-color:rgba(239,123,102,.48);background:#fffaf7;outline:0}.cover-editable-paragraph:focus{box-shadow:0 0 0 3px rgba(239,123,102,.13)}
.cover-edit-memory{display:grid;grid-template-columns:auto 1fr;gap:11px;margin-top:18px;padding:14px;border:1px solid rgba(239,123,102,.35);border-radius:12px;background:#fff8f4;cursor:pointer}.cover-edit-memory input{margin-top:3px}.cover-edit-memory strong,.cover-edit-memory small{display:block}.cover-edit-memory small{margin-top:4px;color:var(--muted);line-height:1.45}
@media(max-width:700px){.next-action-panel{align-items:stretch;flex-direction:column;padding:24px 21px}.next-action-panel .button{width:100%}.journey-progress{grid-template-columns:1fr 1fr}.cover-editable-paragraph{min-height:110px}}
.marketing-card .marketing-statement{margin:0 0 22px;color:#fff;font-family:Georgia,serif;font-size:clamp(1.25rem,2vw,1.72rem);font-weight:400;line-height:1.35}
.onboarding-import-preview{margin:22px 0;padding:22px;border:1px solid rgba(239,123,102,.36);border-radius:18px;background:#fffaf7}.preview-count-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.preview-count-grid span{padding:13px;border-radius:12px;background:#f7f3ec}.preview-count-grid strong{display:block;color:#173532;font-size:1.2rem}.onboarding-confirm-form{display:grid;gap:13px}.import-mode-option{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:15px;border:1px solid #dce4e1;border-radius:13px;cursor:pointer}.import-mode-option:has(input:checked){border-color:#ef7b66;background:#fff5f1}.import-mode-option small{display:block;margin-top:5px;color:#647673;line-height:1.45}.confirmation-check{display:flex;align-items:flex-start;gap:9px;font-weight:700}.hard-exclusion{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:20px 0;padding:14px 16px;border:1px solid #df6b58;border-radius:13px;background:#fff2ee;color:#7c2f24}.hard-exclusion strong{margin-right:4px}.hard-exclusion span{padding:5px 9px;border-radius:999px;background:#fff;font-size:.82rem}.assessment-evidence{margin-top:24px}
@media(max-width:700px){.preview-count-grid{grid-template-columns:1fr}.onboarding-import-preview{padding:17px}.import-mode-option{padding:13px}.assessment-evidence{grid-template-columns:1fr}}

/* Document picker previews: Lead and the four new CSS/PDF families. */
.lead-mini:before{inset:-46px -32px auto;height:100px;border:1px solid #b7bbbe;border-radius:50%;box-shadow:0 5px transparent,0 9px 0 -8px #a6aaad,0 14px 0 -13px #c4c6c8;transform:rotate(16deg)}.lead-mini:after{left:12%;top:24px;width:30%;height:8px;background:#34476d}.lead-mini i{left:10%;top:58px;width:25%;height:4px;background:#34476d;box-shadow:0 31px #34476d,73px 0 #34476d,73px 31px #34476d}.lead-mini span{left:10%;top:69px;width:25%;height:3px;background:#d8d8d8;box-shadow:0 7px #d8d8d8,73px 0 #d8d8d8,73px 7px #d8d8d8}
.meridian-mini:before{left:9%;right:9%;top:15px;height:4px;background:#243b4a}.meridian-mini:after{left:9%;top:28px;width:44%;height:9px;background:#243b4a}.meridian-mini i{left:9%;top:55px;width:55%;height:4px;background:#243b4a;box-shadow:0 21px #d4dadd,0 29px #d4dadd,0 47px #243b4a,0 68px #d4dadd}.meridian-mini span{right:9%;top:51px;width:23%;height:72px;background:#f0f3f3}
.vektor-mini:before{left:31%;top:14px;width:58%;height:3px;background:#172024}.vektor-mini:after{left:31%;top:24px;width:35%;height:9px;background:#172024}.vektor-mini i{left:28%;top:14px;width:1px;height:116px;background:#aeb5b6}.vektor-mini span{left:7%;top:46px;width:15%;height:4px;background:#172024;box-shadow:0 20px #172024,0 40px #172024,40px 0 #172024,40px 8px #d4d8d9,40px 28px #172024,40px 36px #d4d8d9,40px 56px #172024}
.aurelia-mini:before{left:28%;top:15px;width:44%;height:8px;background:#685c51}.aurelia-mini:after{left:14%;right:14%;top:40px;height:1px;background:#c7bfb7}.aurelia-mini i{left:9%;top:56px;width:53%;height:3px;background:#685c51;box-shadow:0 22px #d9d3ce,0 30px #d9d3ce,0 50px #685c51,0 72px #d9d3ce}.aurelia-mini span{right:9%;top:56px;width:24%;height:3px;background:#685c51;box-shadow:0 22px #d9d3ce,0 30px #d9d3ce,0 50px #685c51}
.horizon-mini:before{left:0;right:0;top:0;height:49px;background:linear-gradient(90deg,#17383b 0 58%,#eef1ef 58%);border-radius:10px 10px 0 0}.horizon-mini:after{left:8%;top:16px;width:38%;height:9px;background:#fff}.horizon-mini i{left:8%;top:67px;width:55%;height:4px;background:#17383b;box-shadow:0 21px #d5dcdc,0 29px #d5dcdc,0 49px #17383b,0 70px #d5dcdc}.horizon-mini span{right:8%;top:64px;width:23%;height:58px;background:#eef1ef}
/* Guided first-use tour: a self-contained visual walkthrough of the real workflow. */
.bb-tour-overlay{position:fixed;z-index:1100;inset:0;display:grid;place-items:center;padding:22px;background:rgba(9,35,32,.68);backdrop-filter:blur(10px);animation:tourFade .28s ease both}.bb-tour-shell{width:min(1120px,96vw);overflow:hidden;border:1px solid rgba(255,255,255,.55);border-radius:30px 30px 30px 10px;background:#fbfaf6;box-shadow:0 35px 110px rgba(5,29,27,.38)}.bb-tour-header{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;padding:27px 32px 18px}.bb-tour-kicker{display:block;margin-bottom:6px;color:#d65d49;font-size:.66rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.bb-tour-header h2{margin:0;color:#173532;font-family:Georgia,serif;font-size:clamp(1.65rem,3vw,2.55rem);line-height:1.08}.bb-tour-later{padding:9px 12px;border:0;background:transparent;color:#657a76;font:inherit;font-size:.76rem;font-weight:800;cursor:pointer}.bb-tour-later:hover{color:#d65d49}.bb-tour-progress{position:relative;height:4px;background:#e5ece9}.bb-tour-progress>i{position:absolute;left:0;top:0;height:100%;border-radius:0 4px 4px 0;background:linear-gradient(90deg,#1e5650,#ef7b66);transition:width .35s ease}.bb-tour-progress>span{position:absolute;right:31px;top:12px;color:#71827e;font-size:.66rem;font-weight:800}.bb-tour-scenes{position:relative;height:530px}.bb-tour-scene{position:absolute;inset:0;display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.35fr);gap:36px;align-items:center;padding:48px 34px 32px;visibility:hidden;opacity:0;transform:translateX(28px);transition:opacity .3s ease,transform .4s cubic-bezier(.2,.8,.2,1),visibility 0s .4s}.bb-tour-scene.active{visibility:visible;opacity:1;transform:none;transition-delay:0s}.bb-tour-copy{padding-left:8px}.bb-tour-copy>span{color:#d65d49;font-size:.66rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.bb-tour-copy h3{margin:11px 0 15px;color:#173532;font-family:Georgia,serif;font-size:clamp(1.75rem,3.1vw,2.65rem);line-height:1.06}.bb-tour-copy p{margin:0;color:#5d706c;font-size:.9rem;line-height:1.7}.bb-tour-action{display:inline-flex;align-items:center;gap:13px;margin-top:24px;padding:12px 16px;border:1px solid rgba(30,86,80,.15);border-radius:13px;background:#fff;color:#1e5650;font-size:.76rem;font-weight:850;text-decoration:none;box-shadow:0 9px 22px rgba(30,86,80,.08)}.bb-tour-action b{color:#ef7b66;font-size:1rem}.bb-tour-action:hover{border-color:#ef7b66;transform:translateY(-1px)}.bb-tour-preview{min-height:390px;padding:24px;border:1px solid rgba(30,86,80,.13);border-radius:24px 24px 24px 8px;background:linear-gradient(145deg,#fff,#f2f7f4);box-shadow:0 22px 52px rgba(23,53,50,.13)}.tour-preview-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #dce6e2}.tour-preview-top span{color:#173532;font-size:.88rem;font-weight:900}.tour-preview-top em{padding:6px 9px;border-radius:999px;background:#e9f4f0;color:#3d6b62;font-size:.58rem;font-style:normal;font-weight:850}.tour-library-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tour-library-grid>div{position:relative;min-height:132px;padding:17px;border:1px solid #e2e9e6;border-radius:17px;background:#fff}.tour-library-grid i{display:grid;place-items:center;width:31px;height:31px;margin-bottom:16px;border-radius:10px;background:#fff0eb;color:#df654f;font-style:normal;font-weight:900}.tour-library-grid strong,.tour-library-grid small{display:block}.tour-library-grid strong{color:#173532;font-size:.72rem}.tour-library-grid small{margin-top:4px;color:#788985;font-size:.59rem}.tour-library-grid b{position:absolute;right:14px;top:14px;color:#9baba7;font-size:1.05rem}.tour-design-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.tour-paper{padding:12px;border:1px solid #dce6e2;border-radius:14px;background:#fff}.tour-paper.active{border-color:#ef7b66;box-shadow:0 0 0 3px rgba(239,123,102,.1)}.tour-paper i{position:relative;display:block;height:150px;margin-bottom:9px;overflow:hidden;border:1px solid #edf1ef;border-radius:5px;background:linear-gradient(90deg,#edf2f0 0 33%,#fff 33%)}.tour-paper i:before,.tour-paper i:after{position:absolute;content:""}.tour-paper i:before{left:42%;right:11%;top:25px;height:4px;background:#1e5650;box-shadow:0 17px #d9e1de,0 29px #d9e1de,0 41px #d9e1de,0 67px #1e5650,0 84px #d9e1de}.tour-paper i:after{left:8%;top:16px;width:21%;height:21px;border-radius:50%;background:#d2e5df}.tour-paper strong,.tour-paper small{display:block}.tour-paper strong{color:#173532;font-size:.66rem}.tour-paper small{margin-top:2px;color:#81908d;font-size:.52rem}.tour-personal-line{display:flex;align-items:center;gap:11px;margin-top:16px;padding:12px 14px;border-radius:14px;background:#eaf3f0}.tour-personal-line>span{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#1e5650;color:#fff;font-size:.62rem;font-weight:900}.tour-personal-line p{flex:1;margin:0}.tour-personal-line p strong,.tour-personal-line p small{display:block}.tour-personal-line p strong{color:#173532;font-size:.65rem}.tour-personal-line p small{color:#6d817c;font-size:.52rem}.tour-personal-line>b{color:#d65d49;font-size:.58rem}.tour-job-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 14px;border-radius:16px;background:#173f3a;color:#fff}.tour-job-head strong,.tour-job-head small{display:block}.tour-job-head strong{font-size:.77rem}.tour-job-head small{margin-top:4px;color:#bcd2cc;font-size:.56rem}.tour-job-head>b{display:grid;place-items:center;width:57px;height:57px;border:4px solid #78bea8;border-radius:50%;font-size:1.1rem}.tour-job-head>b small{display:inline;color:inherit;font-size:.5rem}.tour-job-columns{display:grid;grid-template-columns:1.05fr .95fr;gap:12px;margin-top:14px}.tour-job-columns section{min-height:225px;padding:15px;border:1px solid #e0e8e5;border-radius:15px;background:#fff}.tour-job-columns section>strong{display:block;margin-bottom:11px;color:#173532;font-size:.67rem}.tour-job-columns p{margin:0;color:#71817d;font-size:.59rem;line-height:1.55}.tour-job-columns section>span{display:inline-block;margin-top:13px;color:#d65d49;font-size:.55rem;font-weight:800}.tour-job-columns label{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:8px;border-radius:9px;background:#eef6f3;color:#3b5d57;font-size:.57rem;font-weight:750}.tour-job-columns label i{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#4d9e7f;color:#fff;font-size:.48rem;font-style:normal}.tour-job-columns section>small{display:block;margin-top:12px;color:#7e8d89;font-size:.5rem}.tour-document-workspace{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px}.tour-block-order{display:grid;align-content:start;gap:8px}.tour-block-order span{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #e0e8e5;border-radius:10px;background:#fff;color:#526b65;font-size:.56rem;font-weight:750}.tour-block-order span b{color:#9aaba6}.tour-letter{position:relative;min-height:265px;padding:30px 26px;border:1px solid #e1e6e4;border-radius:5px;background:#fff;box-shadow:0 8px 22px rgba(25,54,50,.08)}.tour-letter>i{display:block;width:36%;height:3px;margin-bottom:7px;background:#9cada8}.tour-letter>strong{display:block;margin:28px 0 18px;color:#173532;font-size:.68rem;letter-spacing:.08em}.tour-letter p{height:4px;margin:0 0 8px;background:#dfe5e3;box-shadow:0 10px #dfe5e3,0 20px #dfe5e3,0 30px #dfe5e3}.tour-letter p+p{margin-top:43px}.tour-letter em{position:absolute;right:10px;bottom:10px;padding:5px 7px;border-radius:6px;background:#fff0eb;color:#d65d49;font-size:.49rem;font-style:normal;font-weight:900}.tour-export-ready{display:flex;align-items:center;gap:10px;margin-top:15px;padding:11px 12px;border-radius:13px;background:#e6f3ed}.tour-export-ready>i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#3f8e70;color:#fff;font-style:normal}.tour-export-ready>span{flex:1}.tour-export-ready strong,.tour-export-ready small{display:block}.tour-export-ready strong{color:#275748;font-size:.61rem}.tour-export-ready small{margin-top:2px;color:#688078;font-size:.49rem}.tour-export-ready>b{padding:8px 10px;border-radius:8px;background:#ef7b66;color:#fff;font-size:.5rem}.bb-tour-controls{display:grid;grid-template-columns:130px 1fr 150px;align-items:center;gap:12px;padding:15px 32px 24px}.bb-tour-back,.bb-tour-next{min-height:42px;border-radius:12px;font:inherit;font-size:.72rem;font-weight:850;cursor:pointer}.bb-tour-back{border:1px solid #dce6e2;background:#fff;color:#46665f}.bb-tour-back:disabled{opacity:.35}.bb-tour-next{border:1px solid #ef7b66;background:#ef7b66;color:#fff;box-shadow:0 10px 22px rgba(239,123,102,.2)}.bb-tour-dots{display:flex;justify-content:center;gap:7px}.bb-tour-dots i{width:24px;height:4px;border-radius:4px;background:#dfe7e4;transition:.25s}.bb-tour-dots i.active{background:#1e5650}@keyframes tourFade{from{opacity:0}to{opacity:1}}
@media(max-width:820px){.bb-tour-overlay{padding:10px}.bb-tour-shell{width:100%;max-height:96vh;overflow-y:auto}.bb-tour-header{padding:20px 20px 14px}.bb-tour-header h2{font-size:1.6rem}.bb-tour-scenes{height:680px}.bb-tour-scene{grid-template-columns:1fr;align-content:start;gap:18px;padding:42px 20px 22px}.bb-tour-copy{text-align:center}.bb-tour-copy h3{margin:7px auto 10px;font-size:1.65rem}.bb-tour-copy p{max-width:650px;margin:auto;font-size:.78rem}.bb-tour-action{margin-top:13px}.bb-tour-preview{min-height:330px;padding:18px}.bb-tour-controls{grid-template-columns:95px 1fr 115px;padding:12px 20px 20px}.bb-tour-progress>span{right:20px}.tour-paper i{height:110px}}
@media(max-width:520px){.bb-tour-overlay{padding:0;place-items:stretch}.bb-tour-shell{max-height:none;border:0;border-radius:0}.bb-tour-header{padding:17px 15px 12px}.bb-tour-header h2{font-size:1.3rem}.bb-tour-kicker{font-size:.55rem}.bb-tour-later{padding:5px;font-size:.64rem}.bb-tour-scenes{height:670px}.bb-tour-scene{gap:12px;padding:38px 12px 15px}.bb-tour-copy h3{font-size:1.35rem}.bb-tour-copy p{font-size:.7rem;line-height:1.5}.bb-tour-action{padding:9px 12px;font-size:.65rem}.bb-tour-preview{min-height:315px;padding:12px;border-radius:17px}.tour-library-grid{gap:7px}.tour-library-grid>div{min-height:103px;padding:11px}.tour-library-grid i{margin-bottom:9px}.tour-design-row{gap:7px}.tour-paper{padding:7px}.tour-paper i{height:95px}.tour-personal-line{margin-top:10px;padding:8px}.tour-job-head{padding:9px}.tour-job-head>b{width:45px;height:45px}.tour-job-columns{gap:7px}.tour-job-columns section{min-height:190px;padding:10px}.tour-job-columns label{padding:6px}.tour-document-workspace{gap:8px}.tour-block-order span{padding:7px;font-size:.5rem}.tour-letter{min-height:215px;padding:22px 16px}.tour-export-ready>b{display:none}.bb-tour-controls{position:sticky;bottom:0;grid-template-columns:72px 1fr 95px;padding:10px 12px 14px;background:#fbfaf6}.bb-tour-back,.bb-tour-next{min-height:38px;font-size:.61rem}.bb-tour-progress>span{top:9px;right:12px;font-size:.56rem}}

/* Stability-only: mobile and assistive product tour. */
.sr-only{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}
.bb-tour-scene[hidden]{display:none!important}
.bb-tour-open{overflow:hidden}
.bb-tour-open .bottom-nav{display:none}
.bb-tour-shell:focus{outline:none}
.bb-tour-shell :focus-visible{outline:3px solid #ef7b66;outline-offset:3px}
@media(max-width:767px){
  .bb-tour-overlay{padding:0;place-items:stretch;overflow:hidden}
  .bb-tour-shell{position:absolute;inset:0;display:flex;width:100%;max-width:100vw;height:100dvh;max-height:100dvh;overflow:hidden;flex-direction:column;border:0;border-radius:0}
  .bb-tour-header{flex:0 0 auto;padding:18px 16px 14px}
  .bb-tour-header h2{font-size:clamp(1.35rem,6vw,1.75rem)}
  .bb-tour-kicker{font-size:.64rem}
  .bb-tour-later{min-height:44px;padding:8px;font-size:.78rem}
  .bb-tour-progress{flex:0 0 auto}
  .bb-tour-progress>span{right:16px;font-size:.7rem}
  .bb-tour-scenes{flex:1 1 auto;height:auto;min-height:0;overflow-x:hidden;overflow-y:auto}
  .bb-tour-scene{position:relative;inset:auto;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start;padding:42px 16px 24px;visibility:visible;opacity:1;transform:none}
  .bb-tour-copy{padding:0;text-align:left}
  .bb-tour-copy h3{margin:8px 0 12px;font-size:1.55rem}
  .bb-tour-copy p{max-width:none;margin:0;font-size:.92rem;line-height:1.62}
  .bb-tour-action{width:100%;min-height:46px;justify-content:center;margin-top:18px;font-size:.84rem}
  .bb-tour-preview{min-height:0;padding:16px;border-radius:18px}
  .tour-preview-top span{font-size:.9rem}.tour-preview-top em{font-size:.68rem}
  .tour-library-grid,.tour-design-row,.tour-job-columns,.tour-document-workspace{grid-template-columns:minmax(0,1fr)}
  .tour-library-grid>div{min-height:92px}.tour-library-grid strong{font-size:.82rem}.tour-library-grid small{font-size:.72rem}
  .tour-design-row{gap:11px}.tour-paper{display:grid;grid-template-columns:90px 1fr;gap:4px 12px;align-items:center}.tour-paper i{grid-row:1/3;height:92px;margin:0}.tour-paper strong{font-size:.8rem}.tour-paper small{font-size:.7rem}
  .tour-personal-line p strong{font-size:.76rem}.tour-personal-line p small,.tour-personal-line>b{font-size:.66rem}
  .tour-job-head strong{font-size:.82rem}.tour-job-head small{font-size:.68rem}.tour-job-columns section{min-height:0}.tour-job-columns section>strong{font-size:.78rem}.tour-job-columns p,.tour-job-columns label{font-size:.72rem}.tour-job-columns section>span,.tour-job-columns section>small{font-size:.66rem}
  .tour-block-order span{font-size:.72rem}.tour-export-ready strong{font-size:.72rem}.tour-export-ready small{font-size:.64rem}.tour-export-ready>b{display:block;font-size:.62rem}
  .bb-tour-preview small,.bb-tour-preview em,.bb-tour-preview label,.bb-tour-preview p,.bb-tour-preview section>span,.bb-tour-preview .tour-block-order span,.bb-tour-preview .tour-export-ready>b{font-size:.7rem}
  .tour-job-head>b{font-size:1.05rem}.tour-job-head>b small{font-size:.65rem}
  .bb-tour-controls{position:relative;z-index:2;flex:0 0 auto;grid-template-columns:minmax(88px,1fr) auto minmax(112px,1.25fr);padding:12px 16px max(14px,env(safe-area-inset-bottom));background:#fbfaf6;border-top:1px solid #e5ece9}
  .bb-tour-back,.bb-tour-next{min-height:46px;font-size:.76rem}
  .bb-tour-dots i{width:10px}
}
@media(max-width:359px){.bb-tour-header{padding-inline:12px}.bb-tour-scene{padding-inline:12px}.bb-tour-controls{grid-template-columns:86px 1fr 112px;padding-inline:12px}.bb-tour-dots{display:none}}
@media(prefers-reduced-motion:reduce){.bb-tour-overlay,.bb-tour-scene,.bb-tour-progress>i,.bb-tour-dots i{animation:none!important;transition:none!important}}

/* Stability-only: progressive master-data forms. */
.guided-form-note,.draft-status{display:grid;gap:5px;margin-bottom:20px;padding:15px 17px;border:1px solid #d5e3de;border-radius:13px;background:#f2f8f5}
.guided-form-note strong,.draft-status strong{color:var(--brand)}
.guided-form-note span,.draft-status span{color:var(--muted);font-size:.86rem;line-height:1.5}
.draft-status{border-color:#ead8b7;background:#fff8e9}
.draft-status strong{color:#74551c}
.cv-detail-field[hidden],.draft-status[hidden]{display:none!important}

/* Pre-beta landing A: the career-system story, scoped to the public landing page. */
.landing-page .reveal-section{opacity:1;transform:none}
.brand-career{gap:12px!important;line-height:1.15!important}
.brand-career .brand-logo{width:48px!important;max-height:54px!important;filter:none}
.brand-career .brand-wordmark{display:block;width:174px;height:auto}
.brand-career>span{display:block}.brand-career strong,.brand-career small{display:block;white-space:nowrap}.brand-career strong{font-size:1rem;letter-spacing:-.025em}.brand-career strong>span{color:#ef7b66}.brand-career small{margin-top:4px;color:#61736f;font-size:.58rem;font-weight:750;letter-spacing:0}
.landing-footer .brand-career small{color:#c4d3cf}
.landing-career-hero{display:block;min-height:auto;padding-block:clamp(72px,9vw,128px)}
.landing-career-hero .hero-copy-v2{max-width:920px;margin-inline:auto;text-align:center}
.landing-career-hero .hero-kicker,.landing-career-hero .hero-actions{justify-content:center}
.landing-career-hero h1{max-width:880px;margin-inline:auto}
.landing-career-hero .hero-lead{max-width:760px;margin-inline:auto}
.landing-career-hero .hero-benefit{max-width:790px;margin-inline:auto}

.career-north-star,.career-ai,.career-companion,.design-quiet{position:relative;width:min(1180px,calc(100% - 48px));margin:0 auto clamp(72px,9vw,118px)}
.career-north-star{overflow:hidden;padding:clamp(34px,5vw,64px);border:1px solid rgba(23,53,50,.12);border-radius:30px 30px 30px 10px;background:linear-gradient(135deg,#173f3a,#22544d);color:#fff;box-shadow:0 25px 65px rgba(23,53,50,.16)}
.career-north-star:after{position:absolute;right:-105px;bottom:-145px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(239,123,102,.32),rgba(239,123,102,0) 68%);content:"";pointer-events:none}
.career-north-star-heading{position:relative;z-index:1;max-width:850px}
.career-north-star .section-kicker{color:#ffb4a5}
.career-north-star h2{margin:8px 0 16px;color:#fff;font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.55rem);line-height:1.04}
.career-north-star-heading>p:last-child{max-width:760px;margin:0;color:#dceae6;font-size:clamp(1rem,1.4vw,1.17rem);line-height:1.7}
.career-principles{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:32px 0 26px}
.career-principles article{padding:19px 20px;border:1px solid rgba(255,255,255,.17);border-radius:17px;background:rgba(255,255,255,.08);line-height:1.4;backdrop-filter:blur(4px)}
.career-principles article>span{display:block;margin-bottom:13px;color:#ffb4a5;font-size:.68rem;font-weight:900;letter-spacing:.12em}
.career-principles h3{margin:0 0 8px;color:#fff;font-size:1rem}.career-principles p{margin:0;color:#dceae6;font-size:.88rem;line-height:1.55}
.career-north-star-closing{position:relative;z-index:1;margin:0;color:#fff;font-family:Georgia,serif;font-size:clamp(1.12rem,2vw,1.45rem);font-style:italic;line-height:1.5}

.career-ai{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,6vw,76px);align-items:start}
.career-ai-copy{position:sticky;top:110px}
.career-ai-copy h2,.career-companion h2,.design-quiet h2{margin:8px 0 18px;color:#173532;font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.45rem);line-height:1.05}
.career-ai-copy>p:last-child,.career-companion>p,.design-quiet>p{color:#5d706c;font-size:clamp(1rem,1.4vw,1.14rem);line-height:1.72}
.career-role-grid{display:grid;gap:14px}
.career-role-grid article{padding:24px 25px;border:1px solid #dce6e2;border-radius:20px 20px 20px 7px;background:#fff;box-shadow:0 13px 34px rgba(23,53,50,.07)}
.career-role-grid article:first-child{border-color:rgba(239,123,102,.45);background:#fff8f5}
.career-role-grid article>span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:30px;margin-bottom:14px;padding-inline:9px;border-radius:999px;background:#e9f4f0;color:#245c53;font-size:.64rem;font-weight:900;letter-spacing:.05em}
.career-role-grid h3{margin:0 0 10px;color:#173532;font-size:1.05rem}
.career-role-grid p{margin:0;color:#60736f;line-height:1.62}
.career-ai-manual{grid-column:1/-1;margin:6px 0 0;padding:17px 20px;border-left:4px solid #ef7b66;border-radius:0 13px 13px 0;background:#f5f1e9;color:#35524d;font-weight:750;line-height:1.55}

.steps-review-note{margin:25px 0 0;padding:16px 19px;border:1px solid #dce6e2;border-radius:14px;background:#f4f8f6;color:#536d67;line-height:1.55}
.career-companion{padding:clamp(32px,5vw,58px);border:1px solid rgba(239,123,102,.28);border-radius:28px 28px 28px 9px;background:linear-gradient(135deg,#fff8f4,#fff);box-shadow:0 20px 54px rgba(73,47,36,.08)}
.career-companion>p{max-width:840px;margin-bottom:0}
.career-companion ol{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0 0;padding:0;list-style:none}.career-companion li{padding:8px 12px;border:1px solid rgba(239,123,102,.26);border-radius:999px;background:#fff;color:#34564f;font-size:.78rem;font-weight:800}
.design-quiet{max-width:900px;padding-top:8px;text-align:center}
.design-quiet h2{font-size:clamp(1.7rem,3vw,2.55rem)}
.design-quiet>p{max-width:720px;margin:0 auto}
.final-beta-note{display:block;margin:18px 0 0;color:#73827f;font-size:.8rem;font-weight:700}

@media(max-width:800px){
  .landing-career-hero{padding-block:62px 76px}
  .career-north-star,.career-ai,.career-companion,.design-quiet{width:min(100% - 32px,1180px);margin-bottom:72px}
  .career-principles{grid-template-columns:1fr}
  .career-ai{grid-template-columns:1fr;gap:26px}
  .career-ai-copy{position:static}
  .career-role-grid article{padding:20px}
}
@media(max-width:560px){
  .landing-header{height:auto!important;min-height:106px;align-content:center;align-items:center;flex-wrap:wrap;gap:6px 14px;padding:10px 14px!important}
  .landing-header .brand-career{min-height:44px;align-items:center}.landing-header .brand-career small{display:none}.brand-career .brand-logo{width:40px!important}.brand-career .brand-wordmark{width:150px}.brand-career strong{font-size:.9rem}
  .landing-header nav{display:flex;width:100%;justify-content:space-between;gap:8px}
  .landing-header .header-how,.landing-header nav>a:not(.button){display:inline-flex;font-size:.71rem}
  .landing-header .header-cta{min-height:36px;padding:6px 10px;font-size:.7rem}
  .landing-career-hero .hero-copy-v2{text-align:left}
  .landing-career-hero h1{font-size:clamp(2.08rem,9.5vw,2.35rem);overflow-wrap:normal;word-break:normal;hyphens:none}
  .landing-career-hero .hero-kicker,.landing-career-hero .hero-actions{justify-content:flex-start}
  .landing-career-hero .hero-primary{width:100%;justify-content:center}
  .career-north-star,.career-companion{padding:27px 21px}
  .career-north-star,.career-ai,.career-companion,.design-quiet{width:min(100% - 24px,1180px);margin-bottom:60px}
  .career-principles{margin-top:25px}
  .career-principles li{padding:16px}
  .career-ai-copy h2,.career-companion h2,.design-quiet h2{font-size:1.9rem}
  .career-ai-manual{padding:15px 16px}
}

/* Pre-beta landing A RC2: tablet navigation and WCAG-AA contrast corrections. */
.landing-page .header-cta{color:#102b29}
.landing-page .hero-primary{color:#102b29}
.landing-page .hero-benefit,.landing-page .hero-beta-note,.landing-page .comparison-heading>p:last-child,.landing-page .buddy-process,.landing-page .ai-study-source,.landing-page .final-cta>p:not(.section-kicker),.landing-page .final-beta-note{color:#4f625e}
.landing-page .ai-study-source{font-size:.75rem;line-height:1.65}
.landing-page .ai-study-source a{color:#294f49}
.landing-page .landing-header a:focus-visible,.landing-page .button:focus-visible{outline:3px solid #173532;outline-offset:3px}
@media(min-width:561px) and (max-width:800px){
  .landing-v2 .landing-header{height:auto!important;min-height:78px;gap:12px;padding:10px 18px!important}
  .landing-header nav{display:flex;flex:1;justify-content:flex-end;gap:12px}
  .landing-header .header-how,.landing-header nav>a:not(.button){display:inline-flex!important;align-items:center;min-height:44px}
  .landing-header .header-cta{display:inline-flex!important;min-height:44px;padding:8px 12px}
  .brand-career small{display:none}
}
@media(max-width:560px){
  .landing-page .ai-study-source{font-size:.75rem}
  .landing-header .header-how,.landing-header nav>a:not(.button){align-items:center;min-height:44px}
  .landing-header .header-cta{min-height:44px}
}

