:root { --ink:#191b18; --muted:#686c64; --paper:#faf9f6; --line:#deded7; --lime:#cfff3c; --lime-dark:#263800; --card:#fff; }
* { box-sizing: border-box; } html { scroll-behavior: smooth; } body { margin:0; background:var(--paper); color:var(--ink); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; } h1,h2,h3,h4,p { margin-top:0; } button,input,textarea { font:inherit; } button,a { -webkit-tap-highlight-color: transparent; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:.6rem; border-radius:8px; padding:.8rem 1.15rem; border:1px solid transparent; font-size:.86rem; font-weight:750; text-decoration:none; cursor:pointer; transition:transform .15s, background .15s; }.button:hover { transform:translateY(-1px); }.button-small { padding:.58rem .9rem; border-radius:7px; }.button-dark { background:#20221f; color:#fff; }.button-accent { padding:1rem 1.25rem; background:var(--lime); color:#1b2309; box-shadow:0 6px 20px rgba(83,110,10,.14); }.button-ghost { background:transparent; color:var(--ink); border-color:#d6d7d0; }
.hero { min-height:680px; padding:clamp(5rem,9vw,8rem) 1.5rem 5rem; display:flex; flex-direction:column; align-items:center; text-align:center; position:relative; overflow:hidden; }.hero:before,.hero:after { content:""; position:absolute; border:1px solid #e3e3dc; width:300px; height:400px; border-radius:50%; transform:rotate(35deg); z-index:-1; }.hero:before { left:-180px; top:80px; }.hero:after { right:-190px; bottom:-30px; }
.eyebrow,.section-number { text-transform:uppercase; letter-spacing:.13em; font-size:.7rem; font-weight:800; color:#74786f; }.eyebrow { background:#f0f0ea; border:1px solid #e1e1da; border-radius:999px; padding:.5rem .8rem; }.eyebrow span { display:inline-block; width:7px; height:7px; margin-right:.35rem; background:#91bc16; border-radius:50%; }.hero h1 { font-size:clamp(3.2rem,7.8vw,6.7rem); line-height:.92; letter-spacing:-.072em; max-width:1000px; margin:1.6rem auto 1.8rem; font-weight:750; }.hero h1 em { font-family:Georgia,serif; font-weight:400; color:#869d45; }.hero>p { color:var(--muted); max-width:600px; font-size:1.08rem; line-height:1.7; }.hero-actions { display:flex; align-items:center; gap:1.6rem; margin-top:1rem; }.text-link { color:var(--ink); font-size:.85rem; font-weight:700; text-decoration:none; border-bottom:1px solid #aaa; padding-bottom:3px; }.trust-row { display:flex; gap:1.8rem; margin-top:2.5rem; color:#858980; font-size:.72rem; }
.keyword-demo { background:#1d201c; color:#fff; padding:clamp(5rem,8vw,8rem) clamp(1.5rem,9vw,9rem); display:grid; grid-template-columns:1fr minmax(360px,520px); gap:clamp(3rem,9vw,9rem); align-items:center; }.keyword-demo h2,.principles h2,.builder-intro h2 { font-size:clamp(2.2rem,4vw,4rem); line-height:1.04; letter-spacing:-.055em; margin:1.2rem 0 1.5rem; }.keyword-demo>div>p { color:#aeb2a9; line-height:1.75; max-width:500px; }.demo-chips { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:1.8rem; }.demo-chips span { padding:.5rem .7rem; border:1px solid #454940; border-radius:6px; color:#cdd0c8; font-size:.72rem; }.match-card { padding:2rem; border-radius:14px; background:#f7f7f3; color:var(--ink); box-shadow:12px 12px 0 #33362f; }.match-heading { display:flex; justify-content:space-between; align-items:flex-end; font-size:.82rem; font-weight:750; }.match-heading strong { font-size:2.2rem; letter-spacing:-.06em; }.score-track { height:7px; margin:.7rem 0 1.5rem; background:#dedfd7; border-radius:5px; overflow:hidden; }.score-track span { display:block; height:100%; background:#92bd18; transition:width .3s; }.match-list { display:grid; gap:.5rem; }.match-item { border:1px solid #e1e2dc; background:#fff; padding:.75rem; border-radius:7px; display:grid; grid-template-columns:25px 1fr auto; align-items:center; text-align:left; font-size:.78rem; }.match-item small { color:#858980; }.status-icon { width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#edf6d2;color:#638900;font-weight:800;}.match-item.missing .status-icon { background:#f1f1ed;color:#777;}.match-note { display:flex;gap:.8rem;background:#ecf7ce;border-radius:7px;padding:.8rem;margin-top:1.2rem;font-size:.72rem;}.match-note p{margin:0;}.match-note>span{font-size:1.2rem;}
.builder-section { padding:clamp(5rem,8vw,8rem) clamp(1.2rem,5vw,5rem); }.builder-intro { display:flex;justify-content:space-between;align-items:end;max-width:1240px;margin:0 auto 3rem;}.builder-intro h2{margin-bottom:0;}.builder-intro>p{max-width:470px;color:var(--muted);line-height:1.7;font-size:.9rem;}.builder-grid { max-width:1240px;margin:auto;display:grid;grid-template-columns:minmax(360px,.92fr) minmax(440px,1.08fr);border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 18px 60px rgba(31,35,25,.07);}.editor-panel { border-right:1px solid var(--line); }.panel-header,.preview-toolbar { display:flex;justify-content:space-between;align-items:center;height:58px;padding:0 1.4rem;border-bottom:1px solid var(--line);font-size:.72rem;color:var(--muted);}.step-pill{background:#edf7d2;color:#4a6700;padding:.35rem .6rem;border-radius:999px;font-weight:750;}.form-section{padding:1.35rem 1.5rem;border-bottom:1px solid #ecece7;}.form-section h3{font-size:.85rem;margin:0 0 .9rem;}.form-grid{display:grid;gap:.75rem}.form-grid.two{grid-template-columns:1fr 1fr}.form-section label{display:grid;gap:.4rem;color:#6f736b;font-size:.68rem;font-weight:750;margin-bottom:.75rem}.form-section input,.form-section textarea{width:100%;border:1px solid #d9dad3;border-radius:6px;background:#fcfcfa;padding:.7rem .75rem;color:var(--ink);font-size:.8rem;line-height:1.5;outline:none;resize:vertical}.form-section input:focus,.form-section textarea:focus{border-color:#91b62c;box-shadow:0 0 0 3px #eaf5c9}.label-row{display:flex;justify-content:space-between}.char-count,.ats-hint{font-size:.65rem;color:#92968e}.ats-hint{color:#658600;background:#edf6d4;padding:.25rem .5rem;border-radius:4px}.field-tip{font-size:.65rem;color:#8b8e87;margin:.4rem 0 0}.preview-wrap{background:#f0f0eb;padding-bottom:1.4rem}.preview-toolbar{background:#f9f9f6}.live-dot{display:inline-block;width:7px;height:7px;background:#8eb916;border-radius:50%;margin-right:.4rem}.cv-paper{width:calc(100% - 3.2rem);min-height:700px;margin:1.6rem auto 1rem;padding:3rem 3.5rem;background:#fff;box-shadow:0 3px 16px rgba(0,0,0,.08);font-family:Arial,sans-serif;color:#1c2119;font-size:.69rem;line-height:1.55}.cv-paper header{border-bottom:2px solid #20251e;padding-bottom:1rem}.cv-paper header h2{font-size:1.9rem;letter-spacing:-.05em;margin:0}.cv-paper header h3{font-size:.85rem;margin:.25rem 0;font-weight:600}.cv-paper p{margin:.25rem 0}.cv-paper section{margin-top:1.3rem}.cv-paper h4{text-transform:uppercase;letter-spacing:.12em;font-size:.62rem;border-bottom:1px solid #b7bbb3;padding-bottom:.35rem;margin-bottom:.6rem}.cv-job{display:flex;justify-content:space-between}.skills-line{font-weight:600}.cv-paper ul{padding-left:1rem;margin:.4rem 0}.ats-status{width:calc(100% - 3.2rem);margin:auto;background:#fff;padding:.85rem 1rem;display:flex;align-items:center;gap:.7rem;border-radius:7px;font-size:.68rem}.mini-score{width:36px;height:36px;display:grid;place-items:center;border:3px solid #9dc72d;border-radius:50%;font-weight:800}.ats-status>div:nth-child(2){display:grid}.ats-status span{color:#858980}.ats-status a{margin-left:auto;color:#587900;font-weight:700;text-decoration:none}
.principles{padding:7rem clamp(1.5rem,9vw,9rem);background:#eef4df}.principles h2{margin:1.2rem 0 3rem}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#cfd6bf;border:1px solid #cfd6bf}.principle-grid article{background:#eef4df;padding:2rem}.principle-grid span{font-family:Georgia,serif;font-style:italic;color:#7a923b}.principle-grid h3{margin:3rem 0 .8rem;font-size:1rem}.principle-grid p{color:#656b5c;line-height:1.7;font-size:.8rem}
#blazor-error-ui{display:none;position:fixed;bottom:0;width:100%;padding:1rem;background:#ffefba;z-index:1000}.loading-progress{position:absolute;width:7rem;height:7rem;inset:30vh 0 auto;margin:auto}.loading-progress circle{fill:none;stroke:#dfe5d0;stroke-width:.5rem}.loading-progress circle:last-child{stroke:#98c321}.loading-progress-text{position:absolute;inset:calc(30vh + 3rem) 0 auto;text-align:center;font-size:.7rem}
@media(max-width:900px){.keyword-demo{grid-template-columns:1fr}.builder-grid{grid-template-columns:1fr}.editor-panel{border-right:0}.builder-intro{display:block}.builder-intro>p{margin-top:1.5rem}.principle-grid{grid-template-columns:1fr}.principle-grid h3{margin-top:1.5rem}}
@media(max-width:600px){.hero{min-height:620px}.hero-actions,.trust-row{flex-direction:column;gap:1rem}.keyword-demo{padding-left:1.1rem;padding-right:1.1rem}.match-card{padding:1.2rem}.match-item{grid-template-columns:25px 1fr}.match-item small{display:none}.builder-section{padding-left:.7rem;padding-right:.7rem}.builder-intro{padding:0 .5rem}.builder-grid{grid-template-columns:minmax(0,1fr)}.form-grid.two{grid-template-columns:1fr}.cv-paper{width:calc(100% - 1.2rem);padding:2rem 1.4rem}.ats-status{width:calc(100% - 1.2rem)}}
@media print{body{background:#fff}.site-header,.site-footer,.hero,.keyword-demo,.builder-intro,.editor-panel,.preview-toolbar,.ats-status,.principles{display:none!important}.builder-section,.preview-wrap{padding:0!important;background:#fff}.builder-grid{display:block;border:0;box-shadow:none}.cv-paper{width:100%;min-height:0;margin:0;padding:20mm;box-shadow:none;font-size:10pt}.cv-paper header h2{font-size:24pt}}

/* Public site and account flow */
.welcome-hero { min-height:650px;padding:clamp(6rem,10vw,9rem) 1.5rem 5rem;text-align:center;display:flex;flex-direction:column;align-items:center;background:radial-gradient(circle at 50% 110%,#e8f5c4 0,transparent 42%)}
.welcome-hero h1,.page-hero h1 { font-size:clamp(3.6rem,8vw,7rem);line-height:.91;letter-spacing:-.075em;margin:1.6rem 0 1.8rem }.welcome-hero h1 em { font-family:Georgia,serif;font-weight:400;color:#849b43 }.welcome-hero>p { max-width:620px;color:var(--muted);font-size:1.08rem;line-height:1.7 }.welcome-cta { margin:1rem 0 1rem }.welcome-hero small { color:#858980 }
.template-showcase { padding:clamp(5rem,8vw,8rem) clamp(1.2rem,6vw,6rem);background:#1d201c;color:#fff }.showcase-heading { max-width:1240px;margin:auto;display:flex;justify-content:space-between;align-items:end }.showcase-heading h2 { font-size:clamp(2.4rem,5vw,4.5rem);letter-spacing:-.06em;line-height:1;margin:1rem 0 0 }.showcase-heading>p { max-width:420px;color:#abb0a7;line-height:1.7 }
.cv-gallery { max-width:1240px;margin:4rem auto 2.5rem;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;align-items:center }.sample-cv { min-height:510px;background:#fff;color:#252822;padding:2.2rem;box-shadow:0 16px 45px rgba(0,0,0,.25);font-family:Arial,sans-serif;font-size:.68rem;line-height:1.55;transform:rotate(-1deg) }.sample-cv:nth-child(2){transform:rotate(1.3deg) translateY(-15px)}.sample-cv:nth-child(3){transform:rotate(-.5deg)}.sample-cv h3{margin:0}.sample-cv h4{font-size:.58rem;letter-spacing:.15em;border-bottom:1px solid #bbb;padding-bottom:.35rem;margin:1.3rem 0 .6rem}.sample-cv span{display:block;color:#777;font-size:.62rem;margin:.15rem 0 .5rem}.sample-sage header{display:flex;align-items:center;gap:1rem}.sample-sage header h3{font-size:1.35rem}.sample-initial{width:46px;height:46px;display:grid;place-items:center;background:#dbe8bb;border-radius:50%;font-weight:800}.sample-contact{margin:1.2rem 0;color:#778060;font-size:.56rem;letter-spacing:.08em}.sample-editorial{background:#f1e9dd}.sample-editorial header{border-bottom:2px solid #26231f}.sample-editorial header h3{font-family:Georgia,serif;font-size:3rem;line-height:.8;letter-spacing:-.06em;margin:1.2rem 0}.sample-columns{display:grid;grid-template-columns:1.3fr .7fr;gap:1.3rem}.sample-clean header h3{font-size:1.25rem;letter-spacing:.12em}.sample-clean header p{letter-spacing:.2em;color:#777}.sample-rule{height:5px;background:#b9d561;margin:1rem 0}.sample-role{display:flex;justify-content:space-between}.sample-role span{display:inline}.gallery-link{display:block;width:max-content;margin:auto;color:#fff;border-color:#777}
.welcome-pricing { padding:clamp(5rem,9vw,9rem) clamp(1.5rem,12vw,12rem);display:grid;grid-template-columns:1fr 420px;gap:8rem;align-items:center }.welcome-pricing h2{font-size:clamp(2.6rem,5vw,4.5rem);line-height:1;letter-spacing:-.06em;margin:1rem 0}.welcome-pricing>div>p{color:var(--muted)}.price-card{background:#dff0aa;padding:2.2rem;border-radius:14px;box-shadow:10px 10px 0 #1d201c}.price-card>span{font-size:.65rem;letter-spacing:.15em;font-weight:800}.price{display:flex;align-items:end;gap:.5rem;margin:1.4rem 0 .3rem}.price strong{font-size:3.5rem;letter-spacing:-.07em;line-height:1}.price small{margin-bottom:.4rem}.price-card>p{font-size:.75rem;color:#5d6840}.price-card ul{list-style:none;padding:0;margin:1.7rem 0}.price-card li{padding:.55rem 0;border-bottom:1px solid rgba(50,65,20,.15);font-size:.78rem}.price-card li:before{content:"✓";margin-right:.6rem;font-weight:900}
.page-hero{padding:clamp(5rem,8vw,8rem) clamp(1.5rem,10vw,10rem);text-align:center}.page-hero h1{font-size:clamp(3rem,7vw,6rem)}.page-hero>p{max-width:560px;margin:0 auto 2rem;color:var(--muted);line-height:1.7}.page-hero.compact{padding-bottom:3rem}.pricing-page{max-width:980px;margin:0 auto 8rem;display:grid;grid-template-columns:430px 1fr;gap:5rem;align-items:center}.price-card-large{box-shadow:12px 12px 0 #1d201c}.billing-notes{display:grid;gap:1.5rem}.billing-notes article{border-bottom:1px solid var(--line)}.billing-notes p{font-size:.82rem;color:var(--muted);line-height:1.7}.form-error{color:#9c2626!important;margin-top:1rem}.account-card{max-width:720px;margin:0 auto 8rem;background:#fff;border:1px solid var(--line);border-radius:14px;padding:2.5rem;box-shadow:0 15px 50px rgba(0,0,0,.06)}.account-heading{display:flex;gap:1rem;align-items:center;border-bottom:1px solid var(--line);padding-bottom:1.5rem}.account-heading h2,.account-heading p{margin:0}.account-heading p{color:var(--muted);font-size:.8rem}.avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#e1f4ac;font-weight:800}.account-card dl>div{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid #ecece7;font-size:.82rem}.account-card dt{color:var(--muted);font-weight:500}.account-card dd{margin:0;font-weight:700}.status-badge{padding:.3rem .55rem;border-radius:999px;background:#edf6d2;color:#587500;text-transform:capitalize}.account-actions{display:flex;align-items:center;gap:.8rem;margin-top:1.5rem}.text-button{margin-left:auto;background:none;border:0;text-decoration:underline;color:var(--muted);font-size:.8rem}.template-note{max-width:800px;margin:0 auto 8rem;padding:2rem;border:1px solid var(--line);border-radius:12px}.template-note p{margin:.7rem 0 0;color:var(--muted);line-height:1.7}.access-gate{min-height:650px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.access-gate h1{font-size:clamp(2.7rem,6vw,5rem);letter-spacing:-.06em;margin:1.3rem 0}.access-gate p{color:var(--muted);max-width:520px}.google-button{gap:.8rem}.google-g{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#4285f4;font-weight:900}.member-strip{padding:.65rem clamp(1.2rem,5vw,5rem);display:flex;justify-content:space-between;background:#e7f5bd;color:#405400;font-size:.72rem}
@media(max-width:900px){.showcase-heading{display:block}.showcase-heading>p{margin-top:1.5rem}.cv-gallery{grid-template-columns:1fr;max-width:430px}.welcome-pricing,.pricing-page{grid-template-columns:1fr;gap:3rem}.welcome-pricing{padding-left:1.2rem;padding-right:1.2rem}.pricing-page{padding:0 1.2rem}.account-card{margin-left:1rem;margin-right:1rem}}
@media(max-width:560px){.sample-cv{min-height:460px;padding:1.5rem}.account-actions{align-items:stretch;flex-direction:column}.text-button{margin:0}.account-card dl>div{display:grid;gap:.4rem}}

/* Saved CV workspace */
.cv-dashboard { max-width: 1380px; margin: auto; }
.cv-list { display: grid; gap: 1rem; margin-top: 2rem; }
.cv-list-item { display: flex; justify-content: space-between; gap: 1rem; align-items: center; padding: 1.5rem; background: white; border: 1px solid var(--line); border-radius: 12px; }
.cv-list-item h2 { font-size: 1.25rem; margin: 0 0 .4rem; overflow-wrap: anywhere; }
.cv-list-item a { color: inherit; }
.cv-list-item a.button-dark { color: white; }
.cv-actions, .cv-save-bar { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; }
.cv-save-bar { max-width: 1240px; margin: 0 auto 1.5rem; }
.empty-state { margin: 2rem 0; }
.cv-fields { min-width: 0; margin: 0; padding: 0; border: 0; }
.cv-fields h2 { font-size: 1rem; }
.cv-fields select { padding: .6rem; border: 1px solid #d9dad3; border-radius: 6px; max-width: 100%; }
.experience-entry { padding: 1rem 0; margin-bottom: 1rem; border-bottom: 1px solid var(--line); }
.cv-fields .current-role { display: flex; align-items: center; }
.cv-fields .current-role input { width: auto; }
.cv-classic { overflow-wrap: anywhere; }
.cv-classic .cv-contact { border-bottom: 2px solid var(--cv-accent); padding-bottom: 1rem; }
.cv-classic .cv-contact h2 { font-family: inherit; color: var(--cv-accent); font-size: 1.7rem; letter-spacing: normal; }
.cv-classic h3 { font-family: inherit; color: var(--cv-accent); font-size: .9rem; border-bottom: 1px solid #aaa; padding-bottom: .3rem; }
.cv-text { white-space: pre-wrap; }
.cv-experience { margin-bottom: 1rem; }
@media (max-width:600px) { .cv-list-item { flex-direction: column; align-items: start; } }
@media print {
    @page { margin: 15mm; }
    .cv-save-bar, .cv-editor > .form-error, .cv-dashboard { display: none !important; }
    .cv-classic { padding: 0 !important; color: #000; font-size: 11pt; }
    .cv-classic .cv-contact h2, .cv-classic h3 { color: #000; }
    .cv-classic .cv-contact { border-color: #000; }
    .cv-classic h3 { break-after: avoid; }
    .cv-classic p { orphans: 3; widows: 3; }
    .cv-classic .cv-experience strong { break-after: avoid; }
}

/* Route focus keeps headings accessible without drawing a selection-like box. */
h1[tabindex="-1"]:focus { outline:none; }
.welcome-pricing { max-width:1160px; margin-inline:auto; width:100%; box-sizing:border-box; display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,380px); align-items:center; gap:clamp(2rem,6vw,5rem); padding:clamp(3rem,7vw,6rem) 24px; }
.welcome-pricing > div { min-width:0; }
.welcome-pricing .price-card { width:100%; max-width:none; box-sizing:border-box; }
@media (max-width:720px) { .welcome-pricing { grid-template-columns:1fr; max-width:560px; } }

.social-links { display:flex; gap:6px; align-items:center; }
.social-links a { display:inline-flex; width:36px; height:36px; align-items:center; justify-content:center; color:#147d76; border-radius:8px; }
.social-links a:hover { background:#e3f1ed; color:#0b4250; }
.social-links a:focus-visible { outline:2px solid #147d76; outline-offset:2px; }

/* Shared by the live app and generated public pages. */
.endorze-wordmark { display:inline-flex; align-items:center; flex-shrink:0; gap:0; padding:4px 12px 4px 7px; border-radius:5px; background:transparent; color:#000; font-family:Georgia,'Times New Roman',serif; font-size:25px; font-weight:700; letter-spacing:1px; line-height:1; white-space:nowrap; vertical-align:middle; }
.endorze-wordmark img { filter:brightness(0); display:block; width:38px; height:40px; object-fit:contain; }
.endorze-wordmark > span { margin:0 !important; }
@media(max-width:480px) { .endorze-wordmark { font-size:20px; padding:4px 8px 4px 5px; }.endorze-wordmark img { width:30px; height:34px; } }

.founder-story { max-width:1160px; margin:0 auto; padding:72px 24px; border-top:1px solid #dce6e8; }
.founder-story-heading { max-width:850px; margin-bottom:36px; }
.founder-story h2 { margin:18px 0 0; font-size:clamp(32px,4vw,48px); letter-spacing:-.035em; }
.founder-story-layout { display:grid; grid-template-columns:minmax(240px,.8fr) minmax(0,1.4fr); gap:clamp(32px,5vw,72px); align-items:start; }
.founder-portrait { margin:0; padding:18px; background:#e9f1ed; border-radius:24px; }
.founder-portrait img { display:block; width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; border-radius:14px; }
.founder-portrait figcaption { margin:18px 4px 4px; color:#153747; font-size:1rem; font-weight:600; }
.founder-portrait figcaption span { display:block; color:#405b6d; font-size:.85rem; font-weight:400; margin-top:5px; }
.founder-story p { color:#405b6d; font-size:1.05rem; line-height:1.8; margin:0 0 20px; }
.founder-story .founder-story-lead { font-size:1.4rem; color:#153747; line-height:1.55; }
.founder-story .founder-story-signature { margin-top:30px; color:#147d76; font-weight:600; }
.founder-story-signature span { display:block; font-size:.85rem; font-weight:400; color:#405b6d; }
.founder-story-source { display:block; font-size:.78rem; color:#405b6d; line-height:1.7; }
.founder-story-source a { color:#147d76; text-decoration:underline; }
@media(max-width:700px) { .founder-story-layout { grid-template-columns:1fr; }.founder-portrait { max-width:360px; width:100%; }.founder-story { padding:48px 24px; } }

.language-toggle { display:inline-flex; align-items:center; flex-shrink:0; gap:2px; padding:3px; border:1px solid #dce6e8; border-radius:9px; background:#f4f7f7; font:600 12px Arial,sans-serif; }
.language-toggle button { border:0; background:transparent; color:#526a78; padding:6px 5px; border-radius:5px; cursor:pointer; font:inherit; min-height:32px; }
.language-toggle button[aria-pressed="true"] { color:#08756e; background:white; }
.language-toggle button:focus-visible { outline:2px solid #147d76; outline-offset:2px; }

/* Account walkthrough: the modal blocks accidental actions while spotlighting real controls. */
.workspace-help { display:flex; align-items:center; justify-content:flex-end; gap:10px; margin:0 0 24px; color:#405b6d; font-size:.85rem; }
.tour-help-button { display:grid; place-items:center; width:40px; height:40px; flex-shrink:0; border:1px solid #147d76; border-radius:50%; background:#fff; color:#147d76; font-size:22px; font-weight:700; cursor:pointer; }
.tour-help-button:focus-visible { outline:3px solid #147d76; outline-offset:3px; }
.workspace-tour { inset:0; margin:0; padding:0; width:100%; height:100%; max-width:none; max-height:none; border:0; background:transparent; overflow:hidden; color:#153747; }
.workspace-tour::backdrop { background:transparent; }
.workspace-tour:not(.has-spotlight) { background:rgba(8,28,37,.55); }
.tour-spotlight { position:fixed; border:3px solid #73dfc4; border-radius:12px; box-shadow:0 0 0 200vmax rgba(8,28,37,.55); pointer-events:none; }
.tour-card { position:fixed; width:min(420px,calc(100vw - 24px)); max-height:calc(100dvh - 24px); overflow:auto; padding:28px; border-radius:18px; background:#fff; box-shadow:0 16px 64px #06243240; }
.tour-card h2 { font-size:1.5rem; line-height:1.25; margin:14px 0; outline:none; }
.tour-card p { line-height:1.65; margin-bottom:24px; }
.tour-actions { display:flex; gap:12px; justify-content:flex-end; flex-wrap:wrap; }
.tour-card { transition:top .32s cubic-bezier(.2,.7,.2,1), left .32s cubic-bezier(.2,.7,.2,1); }
.tour-spotlight { transition:top .32s cubic-bezier(.2,.7,.2,1), left .32s cubic-bezier(.2,.7,.2,1), width .32s ease, height .32s ease; }
@media(prefers-reduced-motion:reduce) { .tour-card,.tour-spotlight { transition:none; } }
@media(max-width:480px) { .tour-card { padding:22px; }.workspace-help { justify-content:flex-start; } }