:root{
  --bg:#f5f3ef;--ink:#111827;--text:#1d1d1f;--muted:#6b7280;--muted-2:#8b8c93;
  --surface:rgba(255,255,255,.82);--surface-strong:#fff;--surface-dark:rgba(15,23,42,.78);
  --border:rgba(40,44,58,.11);--border-dark:rgba(255,255,255,.14);
  --accent:#2563eb;--accent-2:#0ea5e9;--violet:#7c3aed;--cyan:#06b6d4;--green:#16a34a;--amber:#d97706;--red:#be123c;
  --accent-soft:#eaf2ff;--shadow:0 24px 70px rgba(30,36,60,.11);--shadow-soft:0 10px 30px rgba(30,36,60,.08);
  --radius-xl:30px;--radius-lg:22px;--radius-md:16px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{min-height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 10% 15%,rgba(59,130,246,.13),transparent 30%),radial-gradient(circle at 90% 0%,rgba(14,165,233,.12),transparent 28%),linear-gradient(135deg,#f8f6f2 0%,#f1f5fb 48%,#fbf7f2 100%)}
a{color:inherit;text-decoration:none}.hidden{display:none!important}.bg-glow{position:fixed;width:360px;height:360px;border-radius:999px;filter:blur(45px);opacity:.30;pointer-events:none;z-index:-1}.glow-one{left:-120px;top:160px;background:#bfdbfe}.glow-two{right:-100px;bottom:-100px;background:#bae6fd}.glow-three{left:55%;top:20px;background:#ddd6fe;opacity:.20}
button,input,textarea{font:inherit}.btn{border:0;border-radius:15px;padding:13px 18px;font-weight:900;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,opacity .18s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.primary{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 14px 30px rgba(37,99,235,.24)}.secondary{background:var(--accent-soft);color:var(--accent)}.ghost{background:rgba(255,255,255,.72);border:1px solid var(--border);color:#334155}.glass{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px)}.small-btn{height:38px;padding:0 14px;border-radius:999px;font-size:13px}.big-btn{min-height:52px;padding:0 22px}.full-btn{width:100%;margin-top:auto}.link-btn{border:0;background:transparent;color:var(--accent);font-weight:900;cursor:pointer}
.brand{display:flex;align-items:center;gap:14px}.brand-mark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;color:#fff;font-weight:900;letter-spacing:-.05em;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 12px 26px rgba(37,99,235,.28)}.brand-title{font-size:18px;font-weight:950}.brand-subtitle{font-size:13px;color:var(--muted);margin-top:2px}
.eyebrow,.section-kicker{margin:0 0 8px;color:var(--accent);font-weight:950;font-size:12px;text-transform:uppercase;letter-spacing:.08em}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(38px,6vw,74px);line-height:.94;letter-spacing:-.07em;margin-bottom:18px}h2{font-size:clamp(30px,4vw,52px);line-height:1;letter-spacing:-.055em;margin-bottom:14px}h3{letter-spacing:-.03em}.sub{max-width:780px;color:var(--muted);font-size:18px;line-height:1.7}.section-reveal{animation:fadeUp .75s ease both}.reveal-now{animation:fadeDown .65s ease both}@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}
/* Landing page */
.landing-view{width:min(1180px,calc(100% - 34px));margin:0 auto;padding:20px 0 60px}.site-nav{position:sticky;top:12px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;border:1px solid rgba(255,255,255,.58);border-radius:24px;background:rgba(255,255,255,.72);backdrop-filter:blur(18px);box-shadow:var(--shadow-soft);margin-bottom:24px}.nav-brand .brand-mark{width:42px;height:42px;border-radius:14px}.nav-links{display:flex;gap:22px;align-items:center;font-weight:900;color:#475569}.nav-links a{font-size:14px}.nav-links a:hover{color:var(--accent)}.nav-actions{display:flex;gap:10px}.landing-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.86fr);gap:30px;align-items:center;padding:44px;border-radius:36px;background:linear-gradient(135deg,rgba(255,255,255,.90),rgba(255,255,255,.62));border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden}.hero-text h1{max-width:760px}.hero-cta-row,.trust-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.hero-cta-row{margin-top:24px}.trust-row{margin-top:24px;color:#475569;font-size:14px;font-weight:850}.trust-row span{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.62);border:1px solid var(--border)}.product-stage{position:relative;min-height:500px;display:grid;place-items:center}.browser-frame{width:100%;max-width:520px;border-radius:28px;padding:18px;background:linear-gradient(160deg,rgba(15,23,42,.94),rgba(30,41,59,.90));box-shadow:0 32px 90px rgba(15,23,42,.24);border:1px solid rgba(255,255,255,.16);color:#fff;animation:floatFrame 5s ease-in-out infinite}.browser-dots{display:flex;gap:8px;margin-bottom:16px}.browser-dots span{width:10px;height:10px;border-radius:99px;background:#ef4444}.browser-dots span:nth-child(2){background:#f59e0b}.browser-dots span:nth-child(3){background:#22c55e}.mini-workspace{display:grid;grid-template-columns:160px 1fr;gap:14px}.mini-input-card,.mini-result-area{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:16px}.mini-label{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#93c5fd;font-weight:900}.mini-upload{height:78px;border:1px dashed rgba(255,255,255,.35);border-radius:16px;display:grid;place-items:center;margin:12px 0;font-size:13px;font-weight:900}.mini-text-lines span{display:block;height:9px;border-radius:99px;background:rgba(255,255,255,.18);margin:8px 0}.mini-text-lines span:nth-child(2){width:78%}.mini-text-lines span:nth-child(3){width:58%}.mini-button{width:100%;height:36px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--cyan));color:#fff;font-weight:900;margin-top:12px}.mini-candidate{display:flex;align-items:center;gap:12px;margin-bottom:14px}.mini-candidate b{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--cyan));display:grid;place-items:center}.mini-candidate span{font-weight:900}.mini-score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-score-ring{height:112px;border-radius:18px;background:rgba(255,255,255,.07);display:grid;place-items:center;position:relative;overflow:hidden}.mini-score-ring:before{content:"";position:absolute;width:72px;height:72px;border-radius:99px;border:8px solid rgba(255,255,255,.13);border-top-color:currentColor;animation:spinSlow 2.6s ease-in-out infinite}.mini-score-ring.green{color:#22c55e}.mini-score-ring.blue{color:#3b82f6}.mini-score-ring.violet{color:#a855f7}.mini-score-ring span{font-size:22px;font-weight:950;z-index:1}.mini-score-ring small{font-size:10px;color:#cbd5e1;z-index:1;margin-top:54px;position:absolute}.mini-tabs{display:flex;gap:8px;margin-top:14px}.mini-tabs span{height:10px;border-radius:99px;background:rgba(255,255,255,.14);flex:1}.floating-chip{position:absolute;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.88);box-shadow:var(--shadow-soft);font-weight:950;color:#1e293b}.chip-one{left:4px;top:90px;animation:chipFloat 3.7s ease-in-out infinite}.chip-two{right:8px;bottom:78px;animation:chipFloat 4.1s ease-in-out infinite reverse}.landing-section{margin-top:26px;padding:42px;border-radius:36px;background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(255,255,255,.58));border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden}.section-heading{max-width:780px;margin-bottom:24px}.section-heading p{color:var(--muted);font-size:17px;line-height:1.65}.compact-heading{text-align:center;margin-left:auto;margin-right:auto}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-card{min-height:252px;padding:22px;border-radius:24px;background:rgba(255,255,255,.75);border:1px solid var(--border);box-shadow:var(--shadow-soft);display:flex;flex-direction:column}.feature-card p{color:var(--muted);line-height:1.55}.feature-icon{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--accent),var(--violet));color:#fff;display:grid;place-items:center;font-size:22px;font-weight:900;margin-bottom:16px}.animated-card{animation:cardFloat 5.5s ease-in-out infinite}.delay-1{animation-delay:.4s}.delay-2{animation-delay:.8s}.delay-3{animation-delay:1.2s}.feature-meter{height:10px;border-radius:999px;background:#e5e7eb;margin-top:auto;overflow:hidden}.feature-meter span{display:block;height:100%;width:var(--w);border-radius:999px;background:linear-gradient(90deg,#22c55e,#0ea5e9);animation:meterGrow 2.2s ease infinite alternate}.match-orbit{width:92px;height:92px;border-radius:999px;border:9px solid #e5e7eb;border-top-color:#7c3aed;border-right-color:#06b6d4;display:grid;place-items:center;margin-top:auto;animation:spinSlow 4s ease-in-out infinite}.match-orbit b{font-size:22px}.match-orbit span{font-size:11px;color:var(--muted);font-weight:900;margin-top:-26px}.rewrite-demo{margin-top:auto;display:grid;gap:8px}.rewrite-demo span,.rewrite-demo strong{padding:8px 10px;border-radius:12px;background:#f3f4f6;font-size:13px}.rewrite-demo strong{background:#eff6ff;color:#1d4ed8}.export-mini{display:flex;gap:8px;margin-top:auto}.export-mini span{padding:9px 13px;border-radius:12px;background:#f1f5f9;font-weight:950}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.how-card{padding:24px;border-radius:24px;background:rgba(255,255,255,.72);border:1px solid var(--border);box-shadow:var(--shadow-soft)}.how-card b{width:40px;height:40px;border-radius:14px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;margin-bottom:14px}.how-card p{color:var(--muted);line-height:1.6}.flow-animation{display:grid;grid-template-columns:1fr 70px 1fr 70px 1.2fr;gap:12px;align-items:center;margin-top:24px}.flow-node{height:58px;border-radius:18px;background:rgba(255,255,255,.80);border:1px solid var(--border);display:grid;place-items:center;font-weight:950}.flow-node.active{color:#fff;background:linear-gradient(135deg,var(--accent),var(--cyan))}.flow-line{height:4px;border-radius:99px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:flowPulse 1.6s ease-in-out infinite}.bewerbung-section{display:grid;grid-template-columns:minmax(0,.86fr) minmax(400px,1fr);gap:28px;align-items:center}.bewerbung-copy p{color:var(--muted);line-height:1.65}.check-list{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:12px}.check-list li{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.7);border:1px solid var(--border);font-weight:850}.check-list li:before{content:"✓";color:var(--green);font-weight:950;margin-right:8px}.bewerbung-demo-card{border-radius:30px;padding:20px;background:linear-gradient(160deg,rgba(15,23,42,.94),rgba(30,41,59,.91));border:1px solid rgba(255,255,255,.15);box-shadow:0 28px 90px rgba(15,23,42,.24);color:#fff}.demo-topline{display:flex;align-items:center;gap:10px;margin-bottom:14px}.demo-topline span{color:#cbd5e1;font-weight:850}.demo-topline strong{font-size:28px;color:#22c55e}.demo-topline em{font-style:normal;background:rgba(34,197,94,.15);color:#86efac;border:1px solid rgba(34,197,94,.25);border-radius:999px;padding:7px 10px;font-weight:900;font-size:12px}.letter-window{min-height:292px;border-radius:22px;padding:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.letter-title{font-weight:950;margin-bottom:18px}.typing-line{width:0;white-space:nowrap;overflow:hidden;border-right:2px solid rgba(255,255,255,.7);color:#e5e7eb;font-size:15px;line-height:1.6;margin:13px 0}.line-1{animation:typeLine 3.6s steps(34,end) infinite}.line-2{animation:typeLine 3.6s steps(42,end) infinite .55s}.line-3{animation:typeLine 3.6s steps(45,end) infinite 1.1s}.line-4{animation:typeLine 3.6s steps(44,end) infinite 1.65s}.save-row{display:flex;gap:10px;margin-top:14px}.file-badge{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);font-weight:950;opacity:0;animation:saveAppear 4s ease infinite}.word-badge{animation-delay:.8s}.filename-demo{margin-top:12px;color:#cbd5e1;font-size:13px}.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,420px));justify-content:center;gap:18px}.price-card{padding:28px;border-radius:26px;background:rgba(255,255,255,.78);border:1px solid var(--border);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;min-height:360px}.featured-price{background:linear-gradient(160deg,rgba(37,99,235,.10),rgba(14,165,233,.12)),rgba(255,255,255,.82);border-color:rgba(37,99,235,.22)}.price-pill{align-self:flex-start;padding:8px 12px;border-radius:999px;background:#f1f5f9;font-weight:950;color:#334155;margin-bottom:16px}.pro-pill{background:#dbeafe;color:#1d4ed8}.price-card h3{font-size:34px;margin-bottom:10px}.price-card p,.price-card li{color:var(--muted);line-height:1.55}.price-card ul{padding-left:18px;margin-bottom:24px}.landing-final{text-align:center;margin-top:26px;padding:44px;border-radius:36px;background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#fff;box-shadow:var(--shadow)}.landing-final p{color:#cbd5e1;max-width:620px;margin:0 auto 22px}
/* Auth */
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:34px}.auth-card{width:min(520px,100%);border:1px solid var(--border);border-radius:32px;background:rgba(255,255,255,.86);box-shadow:var(--shadow);padding:34px;backdrop-filter:blur(16px);animation:fadeUp .5s ease both}.back-link{border:0;background:transparent;color:var(--accent);font-weight:900;cursor:pointer;margin-bottom:16px}.auth-brand{margin-bottom:26px}.auth-title{font-size:clamp(36px,6vw,54px);line-height:.95;margin-bottom:14px}.auth-copy{color:var(--muted);line-height:1.55}.pricing-mini{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.pricing-mini div{padding:14px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.7)}.pricing-mini b,.pricing-mini span{display:block}.pricing-mini span{font-size:12px;color:var(--muted);margin-top:4px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f3f4f6;border:1px solid var(--border);border-radius:18px;padding:4px;margin:18px 0}.auth-tabs button{border:0;background:transparent;border-radius:14px;padding:12px;font-weight:950;cursor:pointer;color:#475569}.auth-tabs button.active{background:#fff;color:var(--accent);box-shadow:var(--shadow-soft)}.auth-form{display:grid;gap:10px}.field-label{display:block;font-size:13px;font-weight:950;color:#374151;margin:12px 0 8px}.auth-form input,.input-panel textarea{width:100%;border:1px solid var(--border);background:rgba(255,255,255,.74);border-radius:16px;padding:14px 16px;outline:none}.auth-form input:focus,.input-panel textarea:focus{border-color:rgba(37,99,235,.45);box-shadow:0 0 0 4px rgba(37,99,235,.10)}.auth-message{min-height:24px;margin-top:14px;font-weight:850;color:var(--muted)}.auth-message.error{color:var(--red)}.auth-message.success{color:var(--green)}.auth-note{color:var(--muted);font-size:13px;line-height:1.5;margin-top:18px}
/* App */
.app-shell{width:min(1280px,calc(100% - 36px));margin:0 auto;padding:26px 0 42px;position:relative}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.top-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.7);font-size:13px;font-weight:850;color:#334155;box-shadow:var(--shadow-soft)}.muted-pill{color:var(--muted)}.hero-panel{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end;padding:36px;border:1px solid var(--border);border-radius:var(--radius-xl);background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(255,255,255,.60));box-shadow:var(--shadow);backdrop-filter:blur(14px);margin-bottom:22px}.hero-panel h1{font-size:clamp(34px,5vw,62px);max-width:820px}.hero-steps{display:grid;grid-template-columns:repeat(3,minmax(92px,1fr));gap:10px}.hero-steps div{min-width:96px;border:1px solid var(--border);background:rgba(255,255,255,.72);border-radius:18px;padding:14px;box-shadow:var(--shadow-soft)}.hero-steps b{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;background:var(--accent-soft);color:var(--accent);margin-bottom:10px}.hero-steps span{display:block;font-size:13px;font-weight:850}.workspace{display:grid;grid-template-columns:minmax(340px,420px) 1fr;gap:22px}.panel,.metric-card{border:1px solid var(--border);background:var(--surface);border-radius:26px;box-shadow:var(--shadow-soft);backdrop-filter:blur(14px)}.input-panel{padding:24px;align-self:start;position:sticky;top:16px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panel h2{margin:0;font-size:24px;letter-spacing:-.04em}.status-dot{font-size:12px;font-weight:950;padding:8px 10px;border-radius:999px;background:#f1f5f9;color:#64748b}.status-dot.done{background:#dcfce7;color:#166534}.status-dot.working{background:#dbeafe;color:#1d4ed8}.status-dot.error{background:#ffe4e6;color:#be123c}.dropzone{display:grid;place-items:center;text-align:center;min-height:136px;border:2px dashed rgba(100,116,139,.26);border-radius:22px;background:rgba(255,255,255,.55);padding:20px;cursor:pointer;transition:.2s}.dropzone:hover,.dropzone.dragover{border-color:rgba(37,99,235,.55);background:rgba(239,246,255,.72)}.dropzone input{display:none}.drop-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:16px;background:var(--accent-soft);color:var(--accent);font-weight:950;font-size:24px;margin-bottom:10px}.drop-title{font-weight:950;max-width:100%;overflow:hidden;text-overflow:ellipsis}.drop-sub{font-size:12px;color:var(--muted);margin-top:4px}.label-row{display:flex;align-items:center;justify-content:space-between}.input-panel textarea{min-height:180px;resize:vertical;line-height:1.55}.button-row{display:flex;gap:10px;margin-top:16px}.button-row .btn{flex:1}.results-layout{display:grid;gap:18px;min-width:0}.metrics-grid{display:grid;grid-template-columns:1.6fr repeat(3,minmax(142px,1fr));gap:14px;align-items:stretch}.metric-card{min-height:132px;padding:18px;overflow:hidden}.candidate-card{display:flex;align-items:center;gap:18px;min-width:0}.candidate-avatar{width:66px;height:66px;border-radius:22px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;display:grid;place-items:center;font-weight:950;font-size:24px;box-shadow:0 14px 30px rgba(37,99,235,.24);flex:0 0 auto}.candidate-info{min-width:0}.candidate-info span,.metric-card>span{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:950;color:var(--muted)}.candidate-name{display:block;font-size:28px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.candidate-email{display:block;color:#475569;font-weight:800;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.final-score-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:150px;text-align:center}.final-score-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:950;color:#475569;white-space:nowrap}.final-score-orb{width:86px;height:86px;position:relative;display:grid;place-items:center}.final-score-ring{position:absolute;inset:0;transform:rotate(-90deg)}.score-track,.score-progress{fill:none;stroke-width:9;cx:50;cy:50;r:45}.score-track{stroke:#e5e7eb}.score-progress{stroke:var(--accent);stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:var(--offset);transition:stroke-dashoffset 1s ease,stroke .2s ease}.excellent .score-progress{stroke:#16a34a}.good .score-progress{stroke:#2563eb}.medium .score-progress{stroke:#d97706}.low .score-progress{stroke:#be123c}.empty .score-progress{stroke:#cbd5e1}.final-score-value{position:relative;z-index:2;font-weight:950;display:flex;align-items:baseline;justify-content:center;color:#111827}.final-score-value b{font-size:28px;letter-spacing:-.06em}.final-score-value em{font-style:normal;font-size:10px;margin-left:2px;color:#64748b;font-weight:900}.final-score-status{font-weight:950;font-size:13px;padding:4px 11px;border-radius:999px;background:#f1f5f9;color:#475569;white-space:nowrap}.excellent .final-score-status{background:#dcfce7;color:#15803d}.good .final-score-status{background:#dbeafe;color:#1d4ed8}.medium .final-score-status{background:#fef3c7;color:#b45309}.low .final-score-status{background:#ffe4e6;color:#be123c}.results-panel{padding:24px;min-height:430px}.results-head{align-items:center}.tabs{display:inline-flex;gap:3px;border:1px solid var(--border);background:rgba(255,255,255,.62);border-radius:999px;padding:4px;margin:18px 0}.tabs button{border:0;background:transparent;padding:10px 18px;border-radius:999px;font-weight:950;cursor:pointer;color:#475569}.tabs button.active{background:#fff;color:var(--accent);box-shadow:var(--shadow-soft)}.result-content{border:1px solid var(--border);border-radius:24px;background:rgba(255,255,255,.54);padding:20px;min-height:250px}.empty-state{text-align:center;display:grid;place-items:center;align-content:center;color:var(--muted)}.empty-icon{width:54px;height:54px;border-radius:18px;background:var(--accent-soft);display:grid;place-items:center;color:var(--accent);font-size:28px;margin-bottom:10px}.loader{display:flex;align-items:center;gap:12px;font-weight:900;color:#475569}.spinner{width:20px;height:20px;border-radius:999px;border:3px solid #dbeafe;border-top-color:var(--accent);animation:spin 1s linear infinite}.card-stack{display:grid;gap:14px}.info-card{border:1px solid var(--border);border-radius:20px;background:rgba(255,255,255,.68);padding:18px}.info-card h3{margin:0 0 6px}.info-card p{margin:0;color:var(--muted);line-height:1.55}.text-block{white-space:pre-wrap;border:1px solid var(--border);background:rgba(255,255,255,.72);border-radius:20px;padding:18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.55;overflow:auto}.kv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.kv{border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.62);padding:14px}.kv span{display:block;font-size:12px;color:var(--muted);font-weight:950}.kv strong{display:block;margin-top:5px;word-break:break-word}.cover-action-card{display:flex;justify-content:space-between;gap:12px;align-items:center}.export-actions{display:flex;gap:10px}.upgrade-panel{margin-top:14px}
@keyframes floatFrame{0%,100%{transform:translateY(0) rotate(.2deg)}50%{transform:translateY(-12px) rotate(-.4deg)}}@keyframes chipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes spinSlow{0%,100%{transform:rotate(-20deg)}50%{transform:rotate(330deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes cardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes meterGrow{from{width:35%}to{width:var(--w)}}@keyframes flowPulse{0%,100%{opacity:.25}50%{opacity:1}}@keyframes typeLine{0%{width:0}38%,70%{width:100%}100%{width:0}}@keyframes saveAppear{0%,55%{opacity:0;transform:translateY(8px)}70%,90%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(8px)}}@keyframes pulseSoft{0%,100%{box-shadow:0 0 0 rgba(37,99,235,0)}50%{box-shadow:0 0 0 8px rgba(37,99,235,.10)}}.pulse-soft{animation:pulseSoft 2s ease-in-out infinite}.match-pulse{animation:pulseSoft 1.6s ease-in-out infinite;border-radius:14px}
@media (max-width:1040px){.landing-hero,.bewerbung-section{grid-template-columns:1fr}.product-stage{min-height:420px}.feature-grid{grid-template-columns:repeat(2,1fr)}.workspace{grid-template-columns:1fr}.input-panel{position:static}.metrics-grid{grid-template-columns:1fr 1fr}.candidate-card{grid-column:1/-1}.hero-panel{grid-template-columns:1fr}.hero-steps{grid-template-columns:repeat(3,1fr)}}
@media (max-width:720px){.landing-view,.app-shell{width:min(100% - 20px,1180px)}.site-nav{position:relative;top:0;flex-wrap:wrap}.nav-links{order:3;width:100%;justify-content:space-between;gap:8px;overflow:auto}.landing-hero,.landing-section{padding:24px;border-radius:26px}.feature-grid,.how-grid,.pricing-grid,.metrics-grid,.kv-grid{grid-template-columns:1fr}.flow-animation{grid-template-columns:1fr;gap:8px}.flow-line{height:22px;width:4px;justify-self:center}.mini-workspace{grid-template-columns:1fr}.product-stage{min-height:auto}.hero-steps{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.cover-action-card{flex-direction:column;align-items:flex-start}.export-actions,.button-row{flex-direction:column;width:100%}.export-actions .btn{width:100%}.tabs{display:flex;width:100%;overflow:auto}.tabs button{white-space:nowrap}.candidate-name{font-size:24px}.auth-shell{padding:16px}.auth-card{padding:24px}}

/* v16: polished score cards, analysis overlay, and account settings */
.candidate-waiting-card .muted-avatar{background:linear-gradient(135deg,#e2e8f0,#f8fafc);color:#64748b;box-shadow:none;border:1px solid rgba(100,116,139,.18)}
.candidate-waiting-card .candidate-name{font-size:26px;color:#334155}.candidate-waiting-card .candidate-email{color:#64748b}
.waiting-score-card{position:relative;background:linear-gradient(160deg,rgba(255,255,255,.88),rgba(255,255,255,.58));}
.waiting-orb{border-radius:999px;background:linear-gradient(180deg,#f8fafc,#eef2f7);border:1px solid rgba(100,116,139,.20);box-shadow:inset 0 0 0 8px rgba(226,232,240,.48),0 12px 24px rgba(15,23,42,.06)}
.waiting-orb::before{content:"";position:absolute;inset:9px;border-radius:999px;border:3px solid rgba(148,163,184,.26);border-top-color:rgba(37,99,235,.55);opacity:0;transition:.25s}.waiting-orb.analyzing::before{opacity:1;animation:spin 1s linear infinite}.waiting-dot{font-size:28px;font-weight:950;color:#94a3b8;line-height:1}.waiting-orb.analyzing .waiting-dot{color:#2563eb;animation:pulseDot .9s ease-in-out infinite}.final-score-card{min-height:154px}.final-score-label{font-size:12px;letter-spacing:.09em;color:#334155}.final-score-orb{width:78px;height:78px}.score-track,.score-progress{stroke-width:8}.final-score-value b{font-size:23px;letter-spacing:-.05em}.final-score-value em{font-size:9px;margin-left:1px}.final-score-status{font-size:12px;padding:4px 12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.62)}
body.analysis-locked{overflow:hidden}.analysis-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:rgba(15,23,42,.14);backdrop-filter:blur(5px);animation:fadeIn .22s ease}.analysis-overlay.hidden{display:none}.analysis-overlay.closing{animation:fadeOut .26s ease forwards}.cv-scan-loader{display:grid;place-items:center;width:190px;height:230px;filter:drop-shadow(0 28px 48px rgba(15,23,42,.20));animation:softFloat 3.2s ease-in-out infinite}.cv-scan-document{position:relative;width:142px;height:188px;border-radius:24px;background:linear-gradient(160deg,#fff 0%,#f8fbff 100%);border:1px solid rgba(37,99,235,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.85);overflow:hidden}.cv-scan-document::before{content:"";position:absolute;right:-1px;top:-1px;border-style:solid;border-width:0 34px 34px 0;border-color:transparent #eaf2ff transparent transparent;filter:drop-shadow(-3px 4px 4px rgba(15,23,42,.05))}.cv-scan-badge{position:absolute;left:22px;top:24px;width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:950;letter-spacing:-.04em;box-shadow:0 14px 30px rgba(37,99,235,.24)}.cv-scan-document span{position:absolute;left:22px;right:22px;height:8px;border-radius:999px;background:#dbeafe}.cv-scan-document span:nth-of-type(1){top:94px;width:72px}.cv-scan-document span:nth-of-type(2){top:116px;width:98px}.cv-scan-document span:nth-of-type(3){top:138px;width:86px}.cv-scan-document span:nth-of-type(4){top:160px;width:58px}.cv-scan-line{position:absolute;left:12px;right:12px;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(37,99,235,.95),rgba(14,165,233,.95),transparent);box-shadow:0 0 18px rgba(37,99,235,.48),0 0 36px rgba(14,165,233,.25);animation:scanDocument 1.65s ease-in-out infinite}.cv-scan-glow{position:absolute;left:0;right:0;height:54px;background:linear-gradient(180deg,transparent,rgba(37,99,235,.10),transparent);animation:scanGlow 1.65s ease-in-out infinite}
.account-modal{position:fixed;inset:0;z-index:110;background:rgba(15,23,42,.24);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px;animation:fadeIn .2s ease}.account-modal.hidden{display:none}.account-card{width:min(760px,calc(100% - 20px));max-height:92vh;overflow:auto;border-radius:32px;border:1px solid rgba(255,255,255,.58);background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,255,255,.76));box-shadow:0 38px 100px rgba(15,23,42,.24);padding:26px}.account-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.account-head h2{margin:4px 0 0;font-size:30px;letter-spacing:-.05em}.icon-btn{width:38px;height:38px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.68);font-size:22px;cursor:pointer}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.account-info-card{border:1px solid var(--border);background:rgba(255,255,255,.62);border-radius:20px;padding:16px}.account-info-card span{display:block;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:950;font-size:11px}.account-info-card strong{display:block;margin-top:6px;font-size:17px;word-break:break-word}.account-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.danger-zone{border:1px solid rgba(190,18,60,.18);background:rgba(255,228,230,.42);border-radius:22px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:18px}.danger-zone h3{margin:0 0 4px;color:#9f1239}.danger-zone p{margin:0;color:#7f1d1d}.btn.danger{background:#be123c;color:#fff;border-color:#be123c}.btn.danger:hover{filter:brightness(.96)}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fadeOut{to{opacity:0;transform:translateY(8px)}}@keyframes pulseDot{0%,100%{transform:scale(1);opacity:.75}50%{transform:scale(1.18);opacity:1}}
@media (max-width:720px){.cv-scan-loader{width:170px;height:210px}.cv-scan-document{width:128px;height:174px}.account-grid{grid-template-columns:1fr}.danger-zone{flex-direction:column;align-items:flex-start}.final-score-orb{width:74px;height:74px}.final-score-value b{font-size:21px}}


/* v17 polish updates */
.auth-benefit-card{display:flex;align-items:center;gap:14px;border:1px solid rgba(37,99,235,.16);background:linear-gradient(135deg,rgba(239,246,255,.86),rgba(255,255,255,.68));border-radius:20px;padding:14px 16px;margin:16px 0 18px;box-shadow:0 12px 30px rgba(37,99,235,.08)}
.benefit-icon{width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--cyan));color:#fff;display:grid;place-items:center;font-weight:950;box-shadow:0 12px 24px rgba(37,99,235,.18);flex:0 0 auto}
.auth-benefit-card b{display:block;font-size:15px;color:#111827}.auth-benefit-card span{display:block;margin-top:3px;color:#64748b;font-size:13px;font-weight:750;line-height:1.35}.auth-copy strong{color:#1d4ed8}
.workspace{align-items:stretch}.input-panel{align-self:stretch;display:flex;flex-direction:column}.input-panel textarea{flex:1;min-height:220px}.button-row{margin-top:auto;padding-top:16px}
.overview-showcase{min-height:250px;display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:center;border:1px solid rgba(37,99,235,.12);border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(239,246,255,.50));padding:28px;overflow:hidden;position:relative}.overview-showcase:before{content:"";position:absolute;inset:auto -80px -120px auto;width:240px;height:240px;border-radius:999px;background:radial-gradient(circle,rgba(37,99,235,.14),transparent 62%)}.overview-visual{position:relative;min-height:190px;display:grid;place-items:center}.document-preview{position:relative;width:160px;height:190px;border-radius:24px;background:rgba(255,255,255,.92);border:1px solid rgba(37,99,235,.14);box-shadow:0 24px 60px rgba(37,99,235,.16);padding:26px 22px;overflow:hidden;animation:softFloat 4.8s ease-in-out infinite}.document-preview span{display:block;height:10px;border-radius:999px;background:#dbeafe;margin:13px 0}.document-preview span:nth-child(1){width:70%;background:#93c5fd}.document-preview span:nth-child(2){width:92%}.document-preview span:nth-child(3){width:78%}.document-preview span:nth-child(4){width:60%}.scan-line{position:absolute;left:0;right:0;height:40px;top:-45px;background:linear-gradient(180deg,transparent,rgba(37,99,235,.20),transparent);animation:scanDoc 2.8s ease-in-out infinite}.overview-checkmark{position:absolute;right:35px;bottom:18px;width:58px;height:58px;border-radius:19px;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;display:grid;place-items:center;font-size:30px;font-weight:950;box-shadow:0 16px 35px rgba(22,163,74,.24);animation:checkPop 2.8s ease-in-out infinite}.overview-summary{position:relative}.overview-summary h3{font-size:34px;letter-spacing:-.05em;margin:4px 0 10px}.overview-summary p{color:#475569;font-size:16px;line-height:1.65;margin:0}.overview-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.overview-pills span{padding:9px 12px;border-radius:999px;background:#fff;border:1px solid var(--border);font-weight:900;color:#334155;box-shadow:var(--shadow-soft)}
.account-modal{background:rgba(15,23,42,.38);backdrop-filter:blur(4px)}.account-card{background:#fff !important;border:1px solid rgba(15,23,42,.10) !important;box-shadow:0 38px 110px rgba(15,23,42,.32) !important}.account-info-card{background:#ffffff !important}.danger-zone{background:#fff1f2 !important}.icon-btn{background:#fff !important}
@keyframes scanDoc{0%{top:-45px;opacity:0}18%{opacity:1}75%{top:190px;opacity:1}100%{top:210px;opacity:0}}
@keyframes scanDocument{0%{top:8px;opacity:0}15%{opacity:1}78%{top:172px;opacity:1}100%{top:188px;opacity:0}}
@keyframes scanGlow{0%{top:-45px;opacity:0}15%{opacity:1}78%{top:130px;opacity:1}100%{top:158px;opacity:0}}
@keyframes softFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}
@keyframes checkPop{0%,62%,100%{transform:scale(.92);opacity:.72}72%,88%{transform:scale(1);opacity:1}}
@media (max-width:720px){.overview-showcase{grid-template-columns:1fr;text-align:center}.overview-visual{min-height:170px}.overview-pills{justify-content:center}}

/* v19: softer typography and more breathing room for the analysis workspace hero */
:root{
  --app-font:"Manrope","Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body,button,input,textarea{font-family:var(--app-font)}
body{font-kerning:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3,.brand-title,.candidate-name,.btn,.pill{letter-spacing:-.025em}
h1{line-height:1.04;letter-spacing:-.045em;font-weight:850}
h2{line-height:1.08;letter-spacing:-.035em;font-weight:850}.eyebrow,.section-kicker{letter-spacing:.115em}
.hero-panel{padding:46px 56px;align-items:center;gap:34px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,255,255,.72));}
.hero-panel h1{font-size:clamp(36px,4.25vw,56px);line-height:1.08;letter-spacing:-.045em;max-width:1040px;margin-bottom:22px;font-weight:850;text-wrap:balance}
.hero-panel .sub{max-width:980px;font-size:18px;line-height:1.78;color:#4b5563;letter-spacing:-.006em}
.hero-copy{min-width:0}.hero-copy .eyebrow{margin-bottom:18px;font-size:13px;letter-spacing:.14em}.hero-steps{align-self:center}.hero-steps div{padding:15px 16px;border-radius:20px;background:rgba(255,255,255,.82)}
.panel h2,.candidate-name,.overview-summary h3,.account-head h2{letter-spacing:-.03em;font-weight:850}.panel h2{line-height:1.14}.candidate-name{line-height:1.12}.brand-title{font-weight:850}.brand-subtitle{letter-spacing:.005em}
@media (max-width:1180px){.hero-panel{grid-template-columns:1fr;padding:42px 44px}.hero-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.hero-panel h1{max-width:900px}}
@media (max-width:720px){.hero-panel{padding:30px 24px;border-radius:28px}.hero-panel h1{font-size:clamp(34px,10vw,44px);line-height:1.1}.hero-panel .sub{font-size:16px;line-height:1.7}.hero-copy .eyebrow{font-size:11px;letter-spacing:.12em}}


/* v21: clean report cards, Bewerbung template, candidate inner sizing */
.clean-report-stack{gap:20px}.report-intro-card{background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,251,255,.92));border-color:rgba(37,99,235,.12)}.report-intro-card h3{margin-bottom:7px}.report-intro-card p{max-width:760px;line-height:1.65}.clean-report-grid{display:grid;gap:18px}.clean-report-card{border:1px solid rgba(148,163,184,.18);background:#fff;border-radius:24px;padding:22px 24px;box-shadow:0 18px 42px rgba(15,23,42,.055)}.clean-report-card.main-report-card{border-color:rgba(37,99,235,.16);background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(239,246,255,.58))}.clean-report-card h3{margin:0 0 15px;font-size:21px;letter-spacing:-.025em;color:#0f172a}.clean-report-body{display:grid;gap:12px}.clean-report-body p{margin:0;color:#334155;line-height:1.75;font-size:15px}.report-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}.report-list li{position:relative;padding:12px 14px 12px 34px;border-radius:16px;background:rgba(248,250,252,.9);border:1px solid rgba(148,163,184,.12);line-height:1.65;color:#334155}.report-list li:before{content:"";position:absolute;left:14px;top:21px;width:7px;height:7px;border-radius:99px;background:linear-gradient(135deg,var(--accent),var(--cyan))}.report-list li.rtl-line{padding:12px 34px 12px 14px;text-align:right}.report-list li.rtl-line:before{left:auto;right:14px}.rtl-line{text-align:right;direction:rtl}.report-field{display:grid;gap:5px;padding:13px 15px;border-radius:16px;background:rgba(248,250,252,.88);border:1px solid rgba(148,163,184,.12)}.report-field span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:950;color:#64748b}.report-field p{margin:0;color:#0f172a}.empty-copy{margin:0;color:#64748b;line-height:1.65}.bewerbung-stack{gap:20px}.bewerbung-toolbar{align-items:center}.letter-template{max-width:820px;margin:0 auto;width:100%;background:#fff;border:1px solid rgba(148,163,184,.18);border-radius:20px;padding:52px 58px 34px;box-shadow:0 24px 70px rgba(15,23,42,.10);color:#111827}.letter-template-head{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:start;margin-bottom:34px}.letter-recipient span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.11em;font-weight:950;color:#64748b;margin-bottom:8px}.letter-recipient strong{display:block;font-size:15px;line-height:1.5;color:#111827;white-space:pre-wrap}.letter-date{font-size:14px;color:#334155;white-space:nowrap}.letter-template h2{margin:0 0 28px;font-size:20px;line-height:1.35;letter-spacing:-.015em;color:#0f172a}.letter-body{display:grid;gap:15px}.letter-body p{margin:0;font-size:15px;line-height:1.82;color:#111827}.letter-greeting{margin-bottom:2px!important}.letter-footer{margin-top:34px;padding-top:18px;border-top:1px solid rgba(148,163,184,.18)}.letter-footer strong{display:block;margin-bottom:8px;color:#111827}.letter-footer span{display:block;color:#475569;font-size:13px;line-height:1.55;word-break:break-word}.candidate-card .candidate-avatar{width:48px;height:48px;border-radius:17px;font-size:14px;letter-spacing:-.02em;flex:0 0 48px}.candidate-card .candidate-info{min-width:0}.candidate-card .candidate-info span{font-size:10px;letter-spacing:.08em}.candidate-card .candidate-name{font-size:18px;line-height:1.15;white-space:normal;overflow:visible;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.candidate-card .candidate-email{font-size:12px;line-height:1.35;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media (max-width:720px){.clean-report-card{padding:19px 18px;border-radius:21px}.letter-template{padding:34px 24px 24px}.letter-template-head{grid-template-columns:1fr}.letter-date{white-space:normal}.letter-template h2{font-size:18px}.letter-body p{font-size:14px;line-height:1.75}.bewerbung-toolbar{align-items:flex-start}.candidate-card .candidate-name{font-size:17px}}

/* v22: Bewerbung Word-template preview, A4 modal, iMessage edit bar, stable-match UI */
.bewerbung-detail-card{background:#fff;border:1px solid rgba(148,163,184,.18);border-radius:24px;padding:18px;box-shadow:0 22px 58px rgba(15,23,42,.07);display:grid;gap:16px}.bewerbung-fields-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end}.bewerbung-fields-grid label{display:grid;gap:6px}.bewerbung-fields-grid label span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:950}.cover-meta-input{width:100%;height:40px;border:1px solid rgba(148,163,184,.24);border-radius:14px;background:#fff;padding:0 12px;font-weight:750;color:#0f172a;outline:none}.cover-meta-input:focus{border-color:rgba(37,99,235,.55);box-shadow:0 0 0 4px rgba(37,99,235,.08)}.address-suggest-btn{height:40px;align-self:end}.letter-preview-shell{border:1px solid rgba(148,163,184,.16);background:linear-gradient(135deg,#f8fafc,#eef2f7);border-radius:22px;padding:14px}.letter-preview-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.letter-preview-actions span{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#64748b;font-weight:950}.cover-expand-btn{width:36px;height:36px;border:1px solid rgba(148,163,184,.22);background:#fff;border-radius:12px;box-shadow:0 8px 18px rgba(15,23,42,.05);cursor:pointer;font-size:18px;color:#0f172a}.cover-preview-canvas{display:grid;place-items:center;max-height:none;overflow:visible;padding:12px}.docx-letter-preview{width:min(100%,650px);min-height:760px;background:#fff;color:#404040;border-radius:12px;border:1px solid rgba(148,163,184,.20);box-shadow:0 24px 60px rgba(15,23,42,.12);padding:38px 44px 28px;font-family:"Source Sans Pro","Manrope",Arial,sans-serif;line-height:1.45;position:relative}.docx-letter-preview.full-a4{width:794px;min-height:1123px;border-radius:4px;padding:64px 72px 40px;box-shadow:0 28px 90px rgba(15,23,42,.24);transform-origin:top center}.docx-sender-block{font-size:13px;display:grid;gap:3px;margin-bottom:54px;color:#404040}.docx-sender-block strong{font-size:18px;line-height:1.1}.docx-recipient-block{font-size:13.5px;min-height:78px;margin-bottom:18px;color:#404040}.docx-recipient-block p{margin:0 0 5px}.docx-date-line{text-align:right;font-size:13.5px;margin:0 0 26px;color:#404040}.docx-letter-preview h2{font-size:17px;line-height:1.35;margin:0 0 28px;color:#404040;font-weight:950;letter-spacing:-.01em}.docx-letter-body{display:grid;gap:14px}.docx-letter-body p{margin:0;font-size:12.9px;line-height:1.66;text-align:justify;color:#404040}.docx-letter-body .docx-greeting{font-weight:900;font-size:13.8px;margin-bottom:2px}.docx-letter-body .docx-closing{font-weight:900}.imessage-edit-bar{display:grid;grid-template-columns:1fr 38px;gap:10px;align-items:end;background:#f1f5f9;border:1px solid rgba(148,163,184,.20);border-radius:28px;padding:8px 9px 8px 16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}.imessage-edit-bar textarea{border:0;outline:none;background:transparent;resize:none;min-height:24px;max-height:112px;line-height:1.45;font-family:inherit;font-size:15px;color:#0f172a;padding:7px 0;overflow:auto}.cover-edit-send{width:38px;height:38px;border-radius:999px;border:0;background:linear-gradient(135deg,var(--accent),var(--cyan));color:#fff;font-size:21px;font-weight:950;cursor:pointer;box-shadow:0 10px 24px rgba(37,99,235,.24)}.cover-edit-send:disabled{opacity:.55;cursor:not-allowed}.cover-edit-status{min-height:18px;color:#64748b;font-size:13px;font-weight:800;padding-left:8px}.letter-preview-modal{position:fixed;inset:0;z-index:140;background:rgba(15,23,42,.58);backdrop-filter:blur(7px);display:grid;place-items:center;padding:22px}.letter-preview-modal.hidden{display:none}.letter-preview-modal-card{width:min(980px,calc(100vw - 30px));height:min(94vh,1120px);border-radius:28px;background:#fff;border:1px solid rgba(255,255,255,.55);box-shadow:0 36px 120px rgba(15,23,42,.38);display:grid;grid-template-rows:auto 1fr;overflow:hidden}.letter-preview-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid rgba(148,163,184,.16)}.letter-preview-modal-head h2{margin:4px 0 0;font-size:26px;letter-spacing:-.035em}.letter-preview-modal-body{overflow:auto;background:#e5e7eb;padding:28px;display:grid;justify-items:center}.letter-preview-modal-body .docx-letter-preview.full-a4{max-width:100%}@media (max-width:980px){.bewerbung-fields-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.docx-letter-preview.full-a4{transform:scale(.86);margin-bottom:-120px}.letter-preview-modal-body{align-items:start}}@media (max-width:720px){.bewerbung-fields-grid{grid-template-columns:1fr}.cover-preview-canvas{max-height:none}.docx-letter-preview{padding:30px 24px;min-height:680px}.docx-letter-preview.full-a4{transform:scale(.62);margin-bottom:-420px}.imessage-edit-bar{grid-template-columns:1fr 36px}.cover-edit-send{width:36px;height:36px}}

.cover-translation-tools{border:1px solid rgba(148,163,184,.18);background:#fff;border-radius:22px;padding:14px;display:grid;gap:12px}.cover-translation-head{display:flex;justify-content:space-between;gap:14px;align-items:center}.cover-translation-head strong{display:block;font-size:15px;color:#0f172a}.cover-translation-head span{display:block;margin-top:3px;color:#64748b;font-size:13px;line-height:1.45}.cover-translation-actions{display:flex;gap:8px;flex-wrap:wrap}.cover-translation-box{border:1px solid rgba(148,163,184,.16);background:#f8fafc;border-radius:18px;padding:14px 15px;color:#334155;line-height:1.75;font-size:14px}.cover-translation-box.rtl{direction:rtl;text-align:right;font-family:Arial,"Noto Sans Arabic",sans-serif}.translation-title{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:950;margin-bottom:8px}.cover-preview-canvas .docx-letter-preview{height:auto;min-height:760px}
@media (max-width:720px){.cover-translation-head{align-items:flex-start;flex-direction:column}.cover-translation-actions{width:100%}.cover-translation-actions .btn{flex:1}}

/* v27 Bewerbung typography/signature fixes */
.docx-letter-body{gap:16px !important;}
.docx-letter-body p{
  font-size:12px !important;
  line-height:1.5 !important;
  text-align:justify;
}
.docx-letter-body .docx-greeting{font-weight:900 !important;}
.docx-letter-body .docx-closing{
  font-weight:900 !important;
  text-align:left !important;
}
.docx-letter-preview{min-height:auto !important;}
.cover-preview-canvas .docx-letter-preview{height:auto !important;}

/* v28 final Bewerbung fixes */
.docx-sender-block strong{font-size:20px !important;line-height:1.12 !important;}
.docx-closing + .docx-closing{margin-top:2px !important;}

/* v29 final Bewerbung selectable fonts and header polish */
.docx-letter-preview{font-family:inherit;}
.docx-sender-block strong{font-size:20px !important;line-height:1.12 !important;}
.docx-sender-block span{font-size:12px;line-height:1.35;}

/* v30 modern Bewerbung font picker */
.font-picker-field{align-self:end;}
.cover-font-hidden{display:none !important;}
.cover-font-picker{
  min-height:40px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:5px;
  padding:4px;
  border:1px solid rgba(148,163,184,.22);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(248,250,252,.98),rgba(241,245,249,.86));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
}
.cover-font-option{
  height:32px;
  border:0;
  border-radius:12px;
  background:transparent;
  color:#64748b;
  font-weight:950;
  font-size:12px;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.cover-font-option:hover{
  background:rgba(255,255,255,.72);
  color:#0f172a;
}
.cover-font-option.active{
  background:linear-gradient(135deg,rgba(37,99,235,.13),rgba(14,165,233,.16));
  color:var(--accent);
  box-shadow:0 8px 18px rgba(37,99,235,.12), inset 0 0 0 1px rgba(37,99,235,.14);
}
.cover-font-option.active:hover{transform:translateY(-1px);}
@media (max-width:720px){.cover-font-picker{grid-template-columns:1fr 1fr 1fr;}}

/* v31: premium Apple-inspired public landing page only */
.landing-view{
  --landing-ink:#0f172a;
  --landing-muted:#667085;
  --landing-soft:#f8fafc;
  --landing-line:rgba(15,23,42,.075);
  --landing-glass:rgba(255,255,255,.72);
  width:min(1220px,calc(100% - 40px));
  padding:18px 0 84px;
  font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",sans-serif;
  letter-spacing:-.012em;
}
body:has(.landing-view:not(.hidden)){
  background:
    radial-gradient(circle at 16% 8%,rgba(59,130,246,.12),transparent 30%),
    radial-gradient(circle at 86% 14%,rgba(14,165,233,.10),transparent 26%),
    radial-gradient(circle at 55% 78%,rgba(124,58,237,.07),transparent 32%),
    linear-gradient(180deg,#fbfcff 0%,#f6f8fb 44%,#fbfaf7 100%);
}
.landing-view .site-nav{
  top:14px;
  padding:10px 12px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.72);
  background:rgba(255,255,255,.68);
  box-shadow:0 18px 55px rgba(15,23,42,.08);
  backdrop-filter:blur(24px) saturate(1.22);
  -webkit-backdrop-filter:blur(24px) saturate(1.22);
  margin-bottom:36px;
}
.landing-view .nav-brand .brand-mark{
  width:40px;height:40px;border-radius:15px;
  box-shadow:0 12px 28px rgba(37,99,235,.22);
}
.landing-view .brand-title{font-size:17px;letter-spacing:-.035em}.landing-view .brand-subtitle{font-size:12px;color:#728197}
.landing-view .nav-links{gap:6px;padding:5px;border-radius:999px;background:rgba(248,250,252,.72);border:1px solid rgba(15,23,42,.06)}
.landing-view .nav-links a{padding:9px 13px;border-radius:999px;font-size:13px;color:#526173;transition:background .24s ease,color .24s ease,transform .24s ease}
.landing-view .nav-links a:hover,.landing-view .nav-links a.is-active{background:#fff;color:#0f172a;box-shadow:0 8px 18px rgba(15,23,42,.06);transform:translateY(-1px)}
.landing-view .btn{border-radius:999px;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,background .28s ease,opacity .28s ease}
.landing-view .btn:hover{transform:translateY(-2px)}
.landing-view .primary{background:linear-gradient(135deg,#0f172a,#2563eb 64%,#38bdf8);box-shadow:0 18px 40px rgba(37,99,235,.24)}
.landing-view .ghost{background:rgba(255,255,255,.76);box-shadow:inset 0 0 0 1px rgba(15,23,42,.07)}
.landing-view h1,.landing-view h2{color:var(--landing-ink);letter-spacing:-.075em}.landing-view h1{font-size:clamp(44px,7vw,86px);line-height:.91;margin-bottom:22px}.landing-view h2{font-size:clamp(34px,4.8vw,62px);line-height:.94;margin-bottom:18px}.landing-view h3{letter-spacing:-.045em;color:#111827}.landing-view .eyebrow{font-size:12px;letter-spacing:.18em;color:#2563eb;margin-bottom:14px}.landing-view .sub,.landing-view .section-heading p,.landing-view .bewerbung-copy p,.landing-view .price-card p,.landing-view .price-card li{color:var(--landing-muted);line-height:1.78}.landing-view .sub{font-size:20px;max-width:760px}
.landing-hero{
  position:relative;
  min-height:calc(100vh - 130px);
  padding:clamp(34px,5vw,74px);
  border-radius:46px;
  gap:clamp(34px,5vw,70px);
  background:
    linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,255,255,.70)),
    radial-gradient(circle at 82% 18%,rgba(37,99,235,.13),transparent 34%);
  border:1px solid rgba(255,255,255,.75);
  box-shadow:0 32px 110px rgba(15,23,42,.10);
  overflow:hidden;
}
.landing-hero:before{content:"";position:absolute;inset:auto -8% -34% 48%;height:420px;background:radial-gradient(circle,rgba(37,99,235,.13),transparent 65%);filter:blur(18px);pointer-events:none}.landing-hero:after{content:"";position:absolute;inset:18px;border-radius:38px;border:1px solid rgba(255,255,255,.65);pointer-events:none}.hero-text{position:relative;z-index:1}.hero-cta-row{gap:14px;margin-top:30px}.trust-row{gap:10px;margin-top:28px}.trust-row span{background:rgba(255,255,255,.70);border-color:rgba(15,23,42,.06);box-shadow:0 10px 24px rgba(15,23,42,.045);color:#475569}
.product-stage{min-height:560px;perspective:1400px}.browser-frame{max-width:545px;border-radius:34px;padding:20px;background:linear-gradient(155deg,rgba(8,13,28,.96),rgba(22,33,55,.94));box-shadow:0 46px 110px rgba(15,23,42,.30);transform:rotateX(3deg) rotateY(-5deg);animation:landingFloat 7s ease-in-out infinite}.mini-input-card,.mini-result-area{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.mini-score-ring{background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.055))}.floating-chip{background:rgba(255,255,255,.78);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.75);box-shadow:0 20px 50px rgba(15,23,42,.12)}
.landing-section,.landing-final{
  position:relative;
  margin-top:34px;
  padding:clamp(34px,5vw,70px);
  border-radius:46px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.76);
  box-shadow:0 30px 90px rgba(15,23,42,.075);
  backdrop-filter:blur(22px) saturate(1.08);
  -webkit-backdrop-filter:blur(22px) saturate(1.08);
  overflow:hidden;
  scroll-margin-top:105px;
}
.landing-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 0%,rgba(37,99,235,.07),transparent 34%);pointer-events:none}.landing-section>*{position:relative}.section-heading{max-width:850px;margin-bottom:34px}.compact-heading{max-width:820px}.feature-grid{gap:20px}.feature-card,.how-card,.price-card{border-radius:30px;background:rgba(255,255,255,.78);border-color:rgba(15,23,42,.065);box-shadow:0 18px 54px rgba(15,23,42,.06);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease,border-color .5s ease}.feature-card:hover,.how-card:hover,.price-card:hover{transform:translateY(-7px);box-shadow:0 28px 70px rgba(15,23,42,.09);border-color:rgba(37,99,235,.14)}.feature-card{min-height:270px;padding:26px}.feature-icon{border-radius:18px;background:linear-gradient(145deg,#0f172a,#2563eb 62%,#38bdf8);box-shadow:0 15px 32px rgba(37,99,235,.20)}.animated-card{animation:none}.match-orbit{animation:softSpin 8s linear infinite}.feature-meter span{animation:meterGrow 2.8s ease-out both}.how-section{background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(248,250,252,.70))}.how-grid{gap:20px}.how-card{padding:30px}.how-card b{width:46px;height:46px;border-radius:17px;background:#eef5ff}.flow-animation{margin-top:32px;gap:16px}.flow-node{height:64px;border-radius:22px;background:rgba(255,255,255,.84);box-shadow:0 12px 34px rgba(15,23,42,.045)}.flow-node.active{background:linear-gradient(135deg,#0f172a,#2563eb)}.flow-line{opacity:.72}.bewerbung-section{gap:clamp(32px,5vw,68px)}.bewerbung-demo-card{border-radius:36px;padding:24px;background:linear-gradient(155deg,rgba(10,15,28,.96),rgba(17,30,56,.94));box-shadow:0 45px 105px rgba(15,23,42,.28)}.letter-window{border-radius:26px;min-height:316px;background:rgba(255,255,255,.075)}.typing-line{line-height:1.75}.pricing-grid{gap:22px}.price-card{min-height:380px;padding:34px}.featured-price{background:linear-gradient(160deg,rgba(37,99,235,.13),rgba(14,165,233,.10)),rgba(255,255,255,.78)}.price-card h3{letter-spacing:-.06em}.landing-final{background:linear-gradient(135deg,#070b18 0%,#0f172a 42%,#1d4ed8 100%);color:#fff}.landing-final h2{color:#fff}.landing-final:before{content:"";position:absolute;inset:-80px -80px auto auto;width:340px;height:340px;border-radius:999px;background:rgba(56,189,248,.20);filter:blur(20px)}
.landing-view .section-reveal{opacity:0;transform:translateY(54px) scale(.985);filter:blur(10px);animation:none;transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1),filter .9s ease}.landing-view .section-reveal.is-visible{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}.landing-view .section-reveal.is-visible .feature-card,.landing-view .section-reveal.is-visible .how-card,.landing-view .section-reveal.is-visible .price-card{animation:landingCardIn .72s cubic-bezier(.2,.8,.2,1) both}.landing-view .section-reveal.is-visible .feature-card:nth-child(2),.landing-view .section-reveal.is-visible .how-card:nth-child(2),.landing-view .section-reveal.is-visible .price-card:nth-child(2){animation-delay:.08s}.landing-view .section-reveal.is-visible .feature-card:nth-child(3),.landing-view .section-reveal.is-visible .how-card:nth-child(3){animation-delay:.16s}.landing-view .section-reveal.is-visible .feature-card:nth-child(4){animation-delay:.24s}
@keyframes landingCardIn{from{opacity:0;transform:translateY(28px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes landingFloat{0%,100%{transform:rotateX(3deg) rotateY(-5deg) translateY(0)}50%{transform:rotateX(1deg) rotateY(-2deg) translateY(-16px)}}@keyframes softSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.landing-view .section-reveal,.landing-view .section-reveal.is-visible .feature-card,.landing-view .section-reveal.is-visible .how-card,.landing-view .section-reveal.is-visible .price-card,.browser-frame,.floating-chip,.flow-line,.typing-line,.match-orbit{animation:none!important;transition:none!important;transform:none!important;filter:none!important;opacity:1!important}}
@media (max-width:1040px){.landing-hero{min-height:auto}.product-stage{min-height:440px}.browser-frame{transform:none}.landing-view .nav-links{order:3;width:100%;justify-content:center;overflow:auto}.landing-view .site-nav{flex-wrap:wrap}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:720px){.landing-view{width:min(100% - 22px,1180px);padding-top:12px}.landing-view .site-nav{position:relative;top:0;border-radius:24px;margin-bottom:18px}.landing-view .nav-links{justify-content:flex-start}.landing-hero,.landing-section,.landing-final{padding:24px;border-radius:30px}.landing-view h1{font-size:clamp(40px,13vw,58px);letter-spacing:-.06em}.landing-view h2{font-size:clamp(31px,10vw,44px)}.landing-view .sub{font-size:17px}.product-stage{min-height:auto}.browser-frame{border-radius:28px}.feature-grid,.how-grid,.pricing-grid{grid-template-columns:1fr}.bewerbung-section{grid-template-columns:1fr}.flow-animation{grid-template-columns:1fr}.flow-line{height:28px;width:4px;justify-self:center}.nav-actions{width:100%}.nav-actions .btn{flex:1}.landing-view .section-reveal{transform:translateY(28px);filter:none}}


/* v32 landing redesign: apple-like calm storytelling */
:root{
  --landing-surface: rgba(255,255,255,.78);
  --landing-surface-strong: rgba(255,255,255,.92);
  --landing-border: rgba(15,23,42,.08);
  --landing-shadow: 0 24px 70px rgba(15,23,42,.08);
  --landing-shadow-soft: 0 18px 44px rgba(15,23,42,.06);
}
body:has(.landing-view:not(.hidden)){
  background:
    radial-gradient(circle at 14% 12%, rgba(37,99,235,.11), transparent 30%),
    radial-gradient(circle at 84% 18%, rgba(14,165,233,.1), transparent 28%),
    radial-gradient(circle at 52% 76%, rgba(59,130,246,.08), transparent 34%),
    linear-gradient(180deg, #fbfcff 0%, #f5f7fb 38%, #f7f8fb 74%, #fbfbfd 100%);
}
.landing-view{
  width:min(1240px, calc(100% - 36px));
  padding:18px 0 92px;
  font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Helvetica, Arial, sans-serif;
  letter-spacing: normal;
}
.landing-story-shell{display:grid;gap:0}
.landing-view h1,.landing-view h2,.landing-view h3{font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Helvetica, Arial, sans-serif;}
.landing-view h1{font-size:clamp(46px,7vw,84px);line-height:.95;letter-spacing:-.055em;font-weight:700;margin-bottom:18px}
.landing-view h2{font-size:clamp(35px,5vw,60px);line-height:1;letter-spacing:-.045em;font-weight:700}
.landing-view h3{font-size:clamp(22px,2vw,30px);line-height:1.12;letter-spacing:-.03em;font-weight:650}
.landing-view .sub{font-size:20px;line-height:1.72;max-width:650px;color:#516174}
.landing-view .site-nav{
  top:14px;padding:12px 14px;border-radius:30px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.74);
  box-shadow:0 16px 52px rgba(15,23,42,.08);backdrop-filter:blur(24px) saturate(1.1);-webkit-backdrop-filter:blur(24px) saturate(1.1);
}
.landing-view .nav-links a{font-size:13px;font-weight:600;color:#5c6a7a;padding:10px 14px}
.landing-view .nav-links a:hover,.landing-view .nav-links a.is-active{background:#fff;color:#111827;box-shadow:0 8px 18px rgba(15,23,42,.06)}
.landing-view .small-btn{padding:10px 16px;font-size:14px}
.landing-view .primary{background:linear-gradient(135deg,#111827,#1d4ed8 72%,#38bdf8);box-shadow:0 18px 36px rgba(37,99,235,.22)}
.landing-view .glass{background:rgba(255,255,255,.8);border:1px solid rgba(15,23,42,.07);color:#0f172a}
.landing-view .big-btn{padding:15px 22px}
.landing-view .section-reveal{--scene-progress:0;opacity:1;transform:none;filter:none;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .8s ease,box-shadow .6s ease}
.landing-view .section-reveal:not(.reveal-now){
  opacity:calc(.45 + (.55 * var(--scene-progress)));
  transform:translateY(calc((1 - var(--scene-progress)) * 34px)) scale(calc(.97 + (.03 * var(--scene-progress))));
}
.landing-view .section-reveal.is-visible{opacity:1}
.apple-hero,
.overlap-card{
  position:relative;
  border-radius:44px;
  background:linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,.78));
  border:1px solid rgba(255,255,255,.78);
  box-shadow:var(--landing-shadow);
  overflow:hidden;
}
.apple-hero{min-height:calc(100vh - 120px);padding:clamp(34px,5vw,72px);display:grid;grid-template-columns:minmax(0,1.02fr) minmax(440px,.98fr);gap:42px;align-items:center}
.apple-hero:before,.overlap-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 12%,rgba(59,130,246,.1),transparent 34%), radial-gradient(circle at 12% 84%,rgba(125,211,252,.08),transparent 26%);pointer-events:none}
.landing-story-shell .overlap-card{margin-top:-20px;padding:clamp(34px,4.6vw,62px)}
.landing-story-shell .overlap-card.is-overlap-active{box-shadow:0 34px 88px rgba(15,23,42,.1)}
.hero-text,.section-heading,.bewerbung-copy{position:relative;z-index:2}
.hero-cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.trust-row span{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(15,23,42,.07);color:#425161;box-shadow:var(--landing-shadow-soft)}
.hero-visual-wrap{position:relative;min-height:590px;display:grid;place-items:center;z-index:2}
.hero-halo{position:absolute;inset:12% 7% auto 10%;height:72%;border-radius:50%;background:radial-gradient(circle, rgba(59,130,246,.18), rgba(191,219,254,.14) 38%, transparent 70%);filter:blur(14px);pointer-events:none}
.surface-card{background:var(--landing-surface-strong);border:1px solid var(--landing-border);box-shadow:var(--landing-shadow-soft)}
.depth-card{transform:translateY(calc((1 - var(--scene-progress)) * 24px)) scale(calc(.975 + (.025 * var(--scene-progress)))) rotateX(calc((1 - var(--scene-progress)) * 2.5deg));transform-style:preserve-3d}
.hero-showcase-card{position:relative;z-index:2;width:min(100%,560px);padding:20px;border-radius:34px}
.showcase-topbar{display:flex;gap:8px;padding-bottom:16px}.showcase-topbar span{width:10px;height:10px;border-radius:999px;background:#d9e2ec}
.showcase-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:16px}
.showcase-pane{padding:18px;border-radius:26px;background:linear-gradient(180deg, rgba(248,250,252,.96), rgba(255,255,255,.86));border:1px solid rgba(15,23,42,.05)}
.soft-label,.float-label,.story-chip,.note-chip{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;background:rgba(37,99,235,.08);color:#1d4ed8;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.showcase-input-pane h3{margin:14px 0 18px}
.mini-upload-card{display:flex;gap:12px;align-items:center;padding:14px;border-radius:20px;background:#fff;border:1px solid rgba(15,23,42,.06);box-shadow:0 10px 24px rgba(15,23,42,.04)}
.mini-doc-icon{width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,#dbeafe,#eff6ff);display:grid;place-items:center;font-weight:700;color:#1d4ed8}
.mini-upload-card strong{display:block;font-size:15px;color:#0f172a}.mini-upload-card small{display:block;margin-top:3px;color:#64748b}
.ghost-lines,.preview-copy-lines,.screen-lines,.letter-heading-lines{display:grid;gap:10px}.ghost-lines span,.preview-copy-lines span,.screen-lines span,.letter-heading-lines span{display:block;height:10px;border-radius:999px;background:linear-gradient(90deg, rgba(226,232,240,.9), rgba(226,232,240,.45))}
.ghost-lines span:nth-child(2),.preview-copy-lines span:nth-child(2),.screen-lines span:nth-child(2),.letter-heading-lines span:nth-child(2){width:82%}
.ghost-lines span:nth-child(3),.preview-copy-lines span:nth-child(3),.screen-lines span:nth-child(3){width:68%}
.mini-button{margin-top:18px;width:100%;border:none;padding:13px 16px;border-radius:18px;background:linear-gradient(135deg,#111827,#2563eb);color:#fff;font-weight:700;box-shadow:0 14px 30px rgba(37,99,235,.2)}
.showcase-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.showcase-kpi{padding:14px 12px;border-radius:22px;background:#fff;border:1px solid rgba(15,23,42,.06);box-shadow:0 12px 26px rgba(15,23,42,.04)}.showcase-kpi span{display:block;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#64748b}.showcase-kpi strong{display:block;margin-top:8px;font-size:28px;letter-spacing:-.04em;color:#0f172a}.showcase-kpi small{display:block;margin-top:4px;color:#526173}.showcase-kpi.emphasis{background:linear-gradient(180deg,#eff6ff,#fff);border-color:rgba(37,99,235,.14)}
.soft-panel{padding:16px;border-radius:24px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid rgba(15,23,42,.05)}.preview-title-row{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}.preview-title-row b{font-size:16px;color:#111827}.preview-title-row small{color:#64748b}.preview-pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.preview-pill-row span{padding:8px 10px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:600}
.floating-glass-card{position:absolute;z-index:3;padding:16px 18px;border-radius:24px;background:rgba(255,255,255,.64);border:1px solid rgba(255,255,255,.78);box-shadow:0 18px 42px rgba(15,23,42,.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);max-width:210px}
.floating-glass-card strong{display:block;margin:8px 0 4px;font-size:28px;letter-spacing:-.05em;color:#0f172a}.floating-glass-card p{margin:0;color:#526173;line-height:1.55;font-size:13px}.glass-card-one{top:14%;right:-3%}.glass-card-two{bottom:11%;left:-2%}
.narrow-heading{max-width:770px}.feature-showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.feature-story-card{display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:28px;border-radius:30px;background:rgba(255,255,255,.8);border:1px solid rgba(15,23,42,.06);box-shadow:var(--landing-shadow-soft)}.feature-story-card h3{margin:12px 0 10px}.feature-story-card p{margin:0;color:#556476;line-height:1.72}.tall-card{min-height:320px}.wide-card{min-height:290px}.feature-soft-visual{padding:18px;border-radius:24px;background:linear-gradient(180deg,#f8fbff,#fff);border:1px solid rgba(15,23,42,.05)}
.ats-visual{display:grid;gap:14px}.bar-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.bar-row span{display:block;height:12px;border-radius:999px;background:linear-gradient(90deg,#111827,#1d4ed8);width:var(--w);box-shadow:0 8px 18px rgba(37,99,235,.14)}.bar-row small{color:#526173;font-weight:600}
.match-visual{display:grid;grid-template-columns:minmax(150px,.9fr) minmax(0,1.1fr);gap:18px;align-items:center}.match-soft-orb{width:152px;height:152px;border-radius:50%;display:grid;place-items:center;justify-self:center;background:radial-gradient(circle at 32% 28%,#fff,#eaf2ff 52%,#dbeafe 100%);border:1px solid rgba(37,99,235,.12);box-shadow:0 18px 40px rgba(37,99,235,.12);text-align:center}.match-soft-orb strong{display:block;font-size:34px;letter-spacing:-.05em;color:#0f172a}.match-soft-orb span{display:block;margin-top:4px;color:#526173;font-size:13px}.match-soft-list{display:grid;gap:12px}.match-soft-list div{padding:14px;border-radius:18px;background:#fff;border:1px solid rgba(15,23,42,.06)}.match-soft-list b{display:block;color:#111827}.match-soft-list small{display:block;margin-top:4px;color:#64748b}
.rewrite-visual{display:grid;grid-template-columns:1fr auto 1.2fr;gap:14px;align-items:center}.rewrite-before,.rewrite-after{padding:14px 16px;border-radius:20px;background:#fff;border:1px solid rgba(15,23,42,.06);color:#0f172a;line-height:1.55}.rewrite-arrow{font-size:30px;color:#1d4ed8;font-weight:700;justify-self:center}
.process-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,.95fr);gap:26px;align-items:stretch}.process-copy-column{display:grid;gap:16px}.process-step-card{padding:24px;border-radius:26px;background:rgba(255,255,255,.76);border:1px solid rgba(15,23,42,.06);box-shadow:var(--landing-shadow-soft);transform:translateY(calc((1 - var(--scene-progress))*10px))}.process-step-card span{display:inline-flex;width:40px;height:40px;border-radius:14px;background:#eff6ff;color:#1d4ed8;align-items:center;justify-content:center;font-size:13px;font-weight:700;margin-bottom:14px}.process-step-card h3{margin:0 0 10px}.process-step-card p{margin:0;color:#556476;line-height:1.72}.active-step{background:linear-gradient(180deg,#ffffff,#f8fbff)}
.process-device-card{padding:18px;border-radius:34px;background:linear-gradient(180deg,#101727,#182235);box-shadow:0 34px 76px rgba(15,23,42,.24);align-self:stretch}.process-screen{height:100%;display:grid;grid-template-rows:minmax(0,.9fr) 24px minmax(0,1.1fr);padding:18px;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08)}.screen-panel{padding:16px;border-radius:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08)}.screen-panel small{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.58);margin-bottom:12px}.screen-card-row{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;background:rgba(255,255,255,.06);margin-top:10px}.screen-card-row b{display:block;color:#fff;font-size:14px}.screen-card-row em{display:block;font-style:normal;color:rgba(255,255,255,.6);font-size:12px;margin-top:3px}.screen-badge{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#38bdf8,#2563eb);color:#fff;font-size:12px;font-weight:700}.screen-badge.alt{background:linear-gradient(135deg,#1e293b,#475569)}.screen-divider{height:2px;border-radius:999px;background:linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);align-self:center}.result-bubbles{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.result-bubbles span{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-size:12px}.screen-lines span{background:linear-gradient(90deg, rgba(255,255,255,.32), rgba(255,255,255,.12))}
.bewerbung-section{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:26px;align-items:center}.bewerbung-copy p{max-width:560px}.check-list{display:grid;gap:10px;padding:0;margin:22px 0 0;list-style:none}.check-list li{padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid rgba(15,23,42,.06);color:#425161;box-shadow:var(--landing-shadow-soft)}
.bewerbung-visual-stage{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:18px;align-items:end}.apple-letter-card{padding:20px;border-radius:34px;background:linear-gradient(180deg,#fff,#f7fbff);border:1px solid rgba(15,23,42,.05);box-shadow:0 28px 66px rgba(15,23,42,.1)}.demo-topline{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.demo-topline span,.demo-topline em{font-size:12px;color:#64748b;font-style:normal}.demo-topline strong{font-size:14px;color:#0f172a;background:#eff6ff;padding:8px 12px;border-radius:999px}.soft-letter-window{min-height:340px;padding:22px;border-radius:26px;background:#fff;border:1px solid rgba(15,23,42,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}.letter-title{font-weight:700;font-size:15px;color:#0f172a;margin-bottom:18px}.typing-line{margin:12px 0 0;color:#425161;line-height:1.75}.typing-line.line-4{margin-top:20px;color:#0f172a;font-weight:600}.save-row{display:flex;gap:10px;margin-top:16px}.file-badge{padding:10px 12px;border-radius:999px;font-size:12px;font-weight:700}.letter-side-note{padding:18px;border-radius:28px}.letter-side-note h3{font-size:24px;margin:14px 0 10px}.letter-side-note p{margin:0;color:#556476;line-height:1.72}
.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.price-card{padding:32px;border-radius:32px;background:rgba(255,255,255,.82);border:1px solid rgba(15,23,42,.06);box-shadow:var(--landing-shadow-soft)}.price-card p,.price-card li{color:#566577;line-height:1.72}.featured-price{background:linear-gradient(160deg,rgba(37,99,235,.14),rgba(255,255,255,.85) 36%, rgba(14,165,233,.08)), #fff}
.landing-final{padding:clamp(34px,4.5vw,58px);display:grid;justify-items:start;background:linear-gradient(145deg,#0b1120 0%,#0f172a 45%,#1d4ed8 100%);color:#fff}.landing-final h2{color:#fff;max-width:700px}.landing-final p{margin:4px 0 0;color:rgba(255,255,255,.78);font-size:18px;line-height:1.72}.center-cta{margin-top:26px}
@media (max-width:1120px){
  .apple-hero,.bewerbung-section,.process-stage{grid-template-columns:1fr}
  .hero-visual-wrap{min-height:520px}
  .feature-showcase-grid,.pricing-grid{grid-template-columns:1fr}
  .bewerbung-visual-stage{grid-template-columns:1fr}
  .process-device-card{min-height:420px}
}
@media (max-width:820px){
  .landing-view{width:min(100% - 22px, 1240px)}
  .landing-view .site-nav{flex-wrap:wrap;gap:12px}
  .landing-view .nav-links{order:3;width:100%;justify-content:flex-start;overflow:auto}
  .apple-hero,.landing-story-shell .overlap-card,.landing-final{padding:24px;border-radius:30px}
  .landing-story-shell .overlap-card{margin-top:-10px}
  .showcase-layout,.match-visual,.rewrite-visual{grid-template-columns:1fr}
  .showcase-kpis{grid-template-columns:1fr 1fr 1fr}
  .floating-glass-card{position:relative;inset:auto;max-width:none;width:100%}
  .hero-visual-wrap{gap:14px;min-height:auto}
  .process-screen{grid-template-rows:auto 20px auto}
}
@media (max-width:640px){
  .landing-view h1{font-size:clamp(40px,13vw,56px)}
  .landing-view h2{font-size:clamp(30px,10vw,42px)}
  .landing-view .sub{font-size:17px}
  .showcase-kpis{grid-template-columns:1fr}
  .hero-cta-row,.center-cta{width:100%}.hero-cta-row .btn,.center-cta .btn,.nav-actions .btn{flex:1}
  .trust-row{gap:8px}
  .feature-story-card,.process-step-card,.price-card{padding:22px}
}


/* v33 Apple-style auth screen and fixed auth visibility */
body:has(.auth-shell:not(.hidden)){
  min-height:100vh;
  background:
    radial-gradient(circle at 18% 12%, rgba(37,99,235,.12), transparent 30%),
    radial-gradient(circle at 86% 18%, rgba(14,165,233,.10), transparent 28%),
    radial-gradient(circle at 52% 82%, rgba(59,130,246,.08), transparent 36%),
    linear-gradient(180deg,#fbfcff 0%,#f5f7fb 54%,#fbfbfd 100%);
}
.auth-shell{
  min-height:100vh;
  width:min(1180px, calc(100% - 36px));
  margin:0 auto;
  display:grid;
  place-items:center;
  padding:36px 0 72px;
  font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Helvetica,Arial,sans-serif;
}
.auth-card{
  position:relative;
  overflow:hidden;
  width:100%;
  max-width:1080px;
  min-height:640px;
  display:grid;
  grid-template-rows:auto 1fr;
  padding:28px;
  border-radius:44px;
  background:linear-gradient(180deg,rgba(255,255,255,.90),rgba(255,255,255,.74));
  border:1px solid rgba(255,255,255,.78);
  box-shadow:0 34px 100px rgba(15,23,42,.10);
  backdrop-filter:blur(24px) saturate(1.08);
  -webkit-backdrop-filter:blur(24px) saturate(1.08);
  animation:fadeUp .55s cubic-bezier(.2,.8,.2,1) both;
}
.auth-card:before{
  content:"";
  position:absolute;
  inset:-20% -8% auto 46%;
  height:520px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(59,130,246,.15), rgba(191,219,254,.10) 38%, transparent 70%);
  filter:blur(18px);
  pointer-events:none;
}
.auth-backdrop{
  position:absolute;
  inset:auto 34px 34px auto;
  width:min(44%,420px);
  height:280px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(14,165,233,.10),transparent 68%);
  filter:blur(10px);
  pointer-events:none;
}
.auth-header{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:2px 2px 26px;
}
.auth-header .back-link{
  margin:0;
  padding:11px 15px;
  border-radius:999px;
  background:rgba(255,255,255,.74);
  border:1px solid rgba(15,23,42,.07);
  color:#1d4ed8;
  box-shadow:0 12px 28px rgba(15,23,42,.055);
  font-weight:750;
}
.auth-brand{margin:0;justify-content:flex-end}.auth-brand .brand-mark{width:42px;height:42px;border-radius:16px;box-shadow:0 12px 30px rgba(37,99,235,.22)}
.auth-body{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.03fr) minmax(390px,.78fr);
  gap:clamp(28px,5vw,64px);
  align-items:center;
  padding:18px clamp(6px,3vw,34px) 28px;
}
.auth-copy{color:inherit;line-height:normal}.auth-copy .eyebrow{font-size:12px;letter-spacing:.18em;color:#2563eb;margin-bottom:14px;text-transform:uppercase;font-weight:800}.auth-copy h1{
  max-width:620px;
  margin:0 0 18px;
  font-size:clamp(44px,6vw,76px);
  line-height:.95;
  letter-spacing:-.055em;
  font-weight:720;
  color:#0f172a;
}
.auth-copy > p:not(.eyebrow){
  max-width:610px;
  margin:0;
  font-size:20px;
  line-height:1.72;
  color:#526173;
}
.auth-promo-card{
  margin-top:32px;
  max-width:560px;
  padding:20px 22px;
  border-radius:28px;
  background:rgba(255,255,255,.76);
  border:1px solid rgba(15,23,42,.06);
  box-shadow:0 18px 44px rgba(15,23,42,.065);
}
.auth-promo-card strong{display:block;font-size:18px;letter-spacing:-.025em;color:#0f172a}.auth-promo-card p{margin:8px 0 0;color:#5f6f80;line-height:1.68;font-size:15px}
.auth-form-card{
  position:relative;
  padding:24px;
  border-radius:34px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(15,23,42,.065);
  box-shadow:0 28px 68px rgba(15,23,42,.10);
  backdrop-filter:blur(20px) saturate(1.08);
  -webkit-backdrop-filter:blur(20px) saturate(1.08);
}
.auth-tabs{
  margin:0 0 22px;
  padding:5px;
  border-radius:999px;
  background:rgba(241,245,249,.82);
  border:1px solid rgba(15,23,42,.06);
}
.auth-tabs button{
  border-radius:999px;
  padding:13px 16px;
  font-size:14px;
  font-weight:760;
  color:#64748b;
  transition:background .24s ease,color .24s ease,box-shadow .24s ease,transform .24s ease;
}
.auth-tabs button.active{background:#fff;color:#0f172a;box-shadow:0 10px 24px rgba(15,23,42,.075)}
.auth-form{gap:12px}.auth-form label{font-size:13px;font-weight:760;color:#334155;margin:2px 0 -2px}.auth-form input{
  height:52px;
  border-radius:18px;
  background:rgba(248,250,252,.86);
  border:1px solid rgba(15,23,42,.08);
  padding:0 16px;
  font-size:15px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
}
.auth-form input:focus{border-color:rgba(37,99,235,.45);box-shadow:0 0 0 5px rgba(37,99,235,.10)}
.auth-form .wide-btn{height:52px;margin-top:8px;border-radius:18px;font-weight:780}
.auth-hint{margin:8px 0 0;color:#6b7788;font-size:13px;line-height:1.55;text-align:center}.auth-message{min-height:24px;margin-top:12px;text-align:center;font-weight:740}.auth-message.error{color:#dc2626}.auth-message.success{color:#16a34a}
@media (max-width:880px){
  .auth-shell{width:min(100% - 22px,1180px);padding:18px 0 48px}.auth-card{border-radius:32px;min-height:auto;padding:20px}.auth-header{align-items:flex-start}.auth-body{grid-template-columns:1fr;gap:28px;padding:8px 2px 8px}.auth-copy h1{font-size:clamp(40px,12vw,58px)}.auth-copy > p:not(.eyebrow){font-size:17px}.auth-form-card{border-radius:28px;padding:20px}.auth-brand .brand-subtitle{display:none}
}


.limit-upgrade-modal{position:fixed;inset:0;z-index:230;display:grid;place-items:center;padding:24px;background:rgba(15,23,42,.34);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.limit-upgrade-modal.hidden{display:none!important}
.limit-upgrade-card{position:relative;width:min(860px,calc(100vw - 32px));display:grid;grid-template-columns:minmax(0,1fr) 280px;overflow:hidden;border-radius:34px;border:1px solid rgba(255,255,255,.48);background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(248,250,252,.92));box-shadow:0 42px 110px rgba(15,23,42,.2),0 12px 30px rgba(15,23,42,.08)}
.limit-upgrade-content{padding:34px 34px 30px}
.limit-upgrade-content h2{font-size:clamp(28px,3.2vw,42px);line-height:1.04;letter-spacing:-.05em;margin:0 0 12px;color:#0f172a;max-width:14ch}
.limit-upgrade-sub{margin:0 0 22px;color:#475569;font-size:15px;line-height:1.65;max-width:46ch}
.limit-upgrade-benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 24px}
.limit-upgrade-benefits div{display:flex;gap:10px;align-items:center;padding:15px 16px;border-radius:20px;background:rgba(255,255,255,.74);border:1px solid rgba(148,163,184,.18)}
.limit-upgrade-benefits span{display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:rgba(37,99,235,.12);color:#2563eb;font-weight:900;flex:0 0 auto}
.limit-upgrade-benefits strong{font-size:13px;letter-spacing:-.01em;color:#0f172a}
.limit-upgrade-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.limit-upgrade-side{display:grid;place-items:center;padding:26px;background:linear-gradient(180deg,#0f172a,#172033);color:white}
.limit-side-card{width:100%;padding:22px;border-radius:26px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}
.limit-side-card span{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:rgba(255,255,255,.68);font-weight:800}
.limit-side-card strong{display:block;margin-top:10px;font-size:40px;line-height:1;letter-spacing:-.06em}
.limit-side-bar{height:10px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden;margin:18px 0}
.limit-side-bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#22c55e,#86efac)}
.limit-side-card small{color:rgba(255,255,255,.7);line-height:1.5}
.limit-upgrade-close{position:absolute;top:16px;right:16px;z-index:3;width:38px;height:38px;border-radius:999px;border:1px solid rgba(148,163,184,.18);background:rgba(255,255,255,.78);color:#0f172a;font-size:22px;display:grid;place-items:center;box-shadow:var(--shadow-soft)}
.limit-upgrade-close:hover{background:#fff}
@media (max-width:760px){.limit-upgrade-card{grid-template-columns:1fr}.limit-upgrade-side{display:none}.limit-upgrade-benefits{grid-template-columns:1fr}.limit-upgrade-content{padding:30px 24px 24px}.limit-upgrade-actions .btn{width:100%}}


/* Limit modals: calm Apple-like glass with strong readability */
.limit-upgrade-modal{background:rgba(8,13,24,.58)!important;backdrop-filter:blur(26px) saturate(120%)!important;-webkit-backdrop-filter:blur(26px) saturate(120%)!important}
.limit-upgrade-card{isolation:isolate;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(244,247,251,.86))!important;border:1px solid rgba(255,255,255,.62)!important;box-shadow:0 44px 120px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.72)!important}
.limit-upgrade-card::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 18% 14%,rgba(255,255,255,.95),transparent 34%),radial-gradient(circle at 86% 20%,rgba(96,165,250,.18),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.06));pointer-events:none}
.limit-upgrade-content h2{max-width:16ch!important}
.limit-upgrade-benefits div{background:rgba(255,255,255,.68)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.limit-upgrade-side{background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(30,41,59,.94))!important}
.limit-upgrade-close{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.pro-glass-card{background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(239,246,255,.78))!important}
.pro-limit-side{position:relative;gap:18px;overflow:hidden;background:linear-gradient(160deg,rgba(15,23,42,.94),rgba(30,58,138,.82))!important}
.pro-limit-side::before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle,rgba(147,197,253,.22),transparent 38%);animation:proFloat 5.8s ease-in-out infinite}
.pro-limit-animation{position:relative;width:150px;height:150px;display:grid;place-items:center}
.pro-limit-core{width:74px;height:74px;border-radius:24px;display:grid;place-items:center;color:#fff;font-weight:950;letter-spacing:-.03em;background:linear-gradient(135deg,rgba(37,99,235,.94),rgba(125,211,252,.88));box-shadow:0 22px 55px rgba(37,99,235,.35),inset 0 1px 0 rgba(255,255,255,.42)}
.orbit{position:absolute;border-radius:999px;border:1px solid rgba(255,255,255,.24)}
.orbit-a{width:130px;height:130px;animation:orbitSoft 7s linear infinite}
.orbit-b{width:102px;height:102px;animation:orbitSoft 5.2s linear infinite reverse}
.orbit-dot{position:absolute;top:17px;width:13px;height:13px;border-radius:999px;background:#bfdbfe;box-shadow:0 0 26px rgba(191,219,254,.9);animation:pulseDot 1.7s ease-in-out infinite}
.pro-side-copy{position:relative;z-index:1;background:rgba(255,255,255,.09)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.pro-benefits span{background:rgba(37,99,235,.12)!important;color:#1d4ed8!important}
@keyframes orbitSoft{to{transform:rotate(360deg)}}
@keyframes proFloat{0%,100%{transform:translate3d(-2%,0,0) scale(1)}50%{transform:translate3d(4%,2%,0) scale(1.06)}}
@media (max-width:760px){.pro-limit-side{display:none}.limit-upgrade-content h2{max-width:none!important}}


/* CV Chat Assistant */
.chat-assistant{position:fixed;right:24px;bottom:24px;z-index:190;display:flex;flex-direction:column;align-items:flex-end;gap:14px;font-family:inherit}
.chat-assistant.hidden{display:none!important}
.chat-assistant-launcher{border:1px solid rgba(255,255,255,.5);background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(239,246,255,.76));color:#0f172a;border-radius:999px;padding:10px 16px 10px 10px;display:inline-flex;align-items:center;gap:10px;box-shadow:0 24px 60px rgba(15,23,42,.16),0 8px 22px rgba(37,99,235,.09);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);font-weight:850;letter-spacing:-.02em;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.chat-assistant-launcher:hover{transform:translateY(-2px);box-shadow:0 30px 78px rgba(15,23,42,.2),0 12px 30px rgba(37,99,235,.14);border-color:rgba(147,197,253,.65)}
.chat-orb{position:relative;width:40px;height:40px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#0f172a,#2563eb);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 14px 28px rgba(37,99,235,.24);overflow:hidden}
.chat-orb::before{content:"";position:absolute;inset:7px;border-radius:999px;border:1px solid rgba(255,255,255,.28);animation:chatOrbit 3.2s linear infinite}
.chat-orb i{width:11px;height:11px;border-radius:999px;background:#bfdbfe;box-shadow:0 0 18px rgba(191,219,254,.92);animation:chatPulse 1.8s ease-in-out infinite}
.chat-assistant-panel{width:min(390px,calc(100vw - 32px));height:min(560px,calc(100vh - 120px));border:1px solid rgba(255,255,255,.58);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(248,250,252,.78));box-shadow:0 40px 110px rgba(15,23,42,.22),0 14px 34px rgba(15,23,42,.1);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);overflow:hidden;display:flex;flex-direction:column;transform-origin:bottom right;animation:chatPanelIn .24s ease both}
.chat-assistant-panel.hidden{display:none!important}
.chat-assistant-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 20px 14px;border-bottom:1px solid rgba(148,163,184,.16);background:linear-gradient(180deg,rgba(255,255,255,.68),rgba(255,255,255,.26))}
.chat-assistant-head h3{margin:2px 0 0;font-size:20px;letter-spacing:-.04em;color:#0f172a}
.chat-assistant-messages{flex:1;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth}
.chat-message{max-width:88%;padding:12px 14px;border-radius:18px;font-size:14px;line-height:1.55;box-shadow:0 10px 28px rgba(15,23,42,.06);white-space:pre-wrap}
.chat-message.assistant{align-self:flex-start;background:rgba(255,255,255,.78);border:1px solid rgba(148,163,184,.15);color:#1e293b;border-bottom-left-radius:8px}
.chat-message.user{align-self:flex-end;background:linear-gradient(135deg,#1d4ed8,#60a5fa);color:#fff;border-bottom-right-radius:8px}
.chat-message.loading{display:inline-flex;gap:5px;align-items:center;color:#64748b}
.chat-message.loading span{width:6px;height:6px;border-radius:999px;background:#94a3b8;animation:chatDot 1s ease-in-out infinite}
.chat-message.loading span:nth-child(2){animation-delay:.14s}.chat-message.loading span:nth-child(3){animation-delay:.28s}
.chat-assistant-form{display:flex;gap:10px;align-items:flex-end;padding:14px;border-top:1px solid rgba(148,163,184,.16);background:rgba(255,255,255,.46)}
.chat-assistant-form textarea{flex:1;min-height:44px;max-height:112px;resize:none;border:1px solid rgba(148,163,184,.22);border-radius:18px;padding:12px 14px;font:inherit;font-size:14px;background:rgba(255,255,255,.82);outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.chat-assistant-form textarea:focus{border-color:rgba(37,99,235,.42);box-shadow:0 0 0 4px rgba(37,99,235,.08)}
.chat-assistant-note{margin:0;padding:0 16px 14px;color:#64748b;font-size:11px;line-height:1.4;text-align:center;background:rgba(255,255,255,.46)}
@keyframes chatPanelIn{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes chatOrbit{to{transform:rotate(360deg)}}
@keyframes chatPulse{0%,100%{transform:scale(.88);opacity:.75}50%{transform:scale(1.15);opacity:1}}
@keyframes chatDot{0%,80%,100%{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
@media (max-width:640px){.chat-assistant{right:16px;bottom:16px}.chat-assistant-panel{width:calc(100vw - 32px);height:min(540px,calc(100vh - 92px));border-radius:26px}.chat-assistant-launcher{padding-right:14px}.chat-message{max-width:94%}}

.chat-message.assistant.has-cards{max-width:96%;padding:10px;background:rgba(255,255,255,.62);border:1px solid rgba(148,163,184,.16);box-shadow:0 16px 44px rgba(15,23,42,.08);white-space:normal}
.chat-message-text{white-space:pre-wrap}
.chat-card-intro{font-size:13.5px;line-height:1.55;color:#334155;margin:2px 4px 12px;white-space:pre-wrap}
.chat-suggestion-stack{display:grid;gap:10px}
.chat-suggestion-card{position:relative;border:1px solid rgba(148,163,184,.16);border-radius:20px;padding:13px 14px;background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(248,250,252,.72));box-shadow:0 14px 34px rgba(15,23,42,.07),inset 0 1px 0 rgba(255,255,255,.72);overflow:hidden}
.chat-suggestion-card::before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:999px;background:linear-gradient(180deg,#2563eb,#93c5fd);opacity:.85}
.chat-card-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;padding-left:4px}
.chat-card-number{display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:rgba(37,99,235,.1);color:#1d4ed8;font-size:12px;font-weight:900}
.chat-card-badge{border:1px solid rgba(37,99,235,.12);background:rgba(37,99,235,.07);color:#1e40af;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
.chat-suggestion-card h4{margin:0 0 7px;font-size:14.5px;line-height:1.25;letter-spacing:-.025em;color:#0f172a}
.chat-suggestion-card p{margin:0;font-size:13px;line-height:1.55;color:#475569;white-space:pre-wrap}
.chat-suggestion-card strong{font-weight:850;color:#0f172a}