/* RoleTone redesign — modern trust-focused SaaS UI. No framework. */
:root{
  --bg:#fbfcff;
  --bg2:#f4f7fb;
  --card:#ffffff;
  --ink:#061b31;
  --text:#102033;
  --muted:#64748d;
  --line:#e5edf5;
  --border:#e5edf5;
  --primary:#533afd;
  --primary2:#4434d4;
  --blue:#533afd;
  --blue2:#4434d4;
  --green:#15be53;
  --green2:#108c3d;
  --amber:#b7791f;
  --ruby:#ea2261;
  --soft:#f6f8ff;
  --softgreen:#effdf4;
  --navy:#1c1e54;
  --shadow:rgba(50,50,93,.20) 0 30px 45px -30px, rgba(0,0,0,.10) 0 18px 36px -18px;
  --shadow-soft:rgba(23,23,23,.07) 0 12px 32px;
  --radius:8px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    radial-gradient(circle at 8% -5%, rgba(83,58,253,.10), transparent 28rem),
    radial-gradient(circle at 92% 8%, rgba(234,34,97,.08), transparent 24rem),
    linear-gradient(180deg,#fff 0%,var(--bg) 42%,#f6f9fc 100%);
  color:var(--text);
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}

.topbar{
  position:sticky;top:0;z-index:30;
  display:flex;align-items:center;justify-content:space-between;gap:22px;
  padding:14px clamp(18px,5vw,72px);
  background:rgba(255,255,255,.82);
  border-bottom:1px solid rgba(229,237,245,.85);
  backdrop-filter:blur(18px);
}
.brand{display:flex;align-items:center;gap:10px;font-weight:850;color:var(--ink);letter-spacing:-.02em;font-size:1.08rem;white-space:nowrap}
.logo{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,var(--primary),#8b5cf6 55%,var(--ruby));color:#fff;font-size:.78rem;font-weight:900;box-shadow:rgba(83,58,253,.25) 0 10px 20px -10px}
.nav{display:flex;align-items:center;gap:24px;color:#41516a;font-size:.94rem;font-weight:650;white-space:nowrap}
.nav a{padding:8px 0;border-bottom:2px solid transparent;transition:.16s;color:#41516a}
.nav a:hover,.nav a.active{color:var(--primary);border-bottom-color:var(--primary)}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border:1px solid var(--line);background:#fff;color:var(--ink);
  border-radius:7px;padding:11px 17px;font-weight:760;line-height:1;cursor:pointer;
  box-shadow:rgba(23,23,23,.05) 0 4px 10px;
  transition:transform .16s ease, box-shadow .16s ease, background .16s ease, border-color .16s ease;
}
.btn:hover{transform:translateY(-1px);box-shadow:rgba(50,50,93,.18) 0 16px 28px -18px, rgba(0,0,0,.08) 0 8px 16px -8px}
.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:rgba(83,58,253,.32) 0 18px 32px -18px}
.btn.primary:hover{background:var(--primary2);border-color:var(--primary2)}
.btn.ghost{background:rgba(255,255,255,.58);border-color:#d8ddff;color:var(--primary)}
.btn.full{width:100%}.btn.small{padding:10px 14px;font-size:.92rem}.btn.tiny{padding:8px 11px;font-size:.86rem}

main{overflow:hidden}.section{max-width:var(--max);margin:0 auto;padding:58px clamp(18px,4vw,34px)}
.hero{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.88fr);gap:64px;align-items:center;padding:84px clamp(20px,5vw,76px) 62px}
.eyebrow{margin:0 0 12px;text-transform:uppercase;letter-spacing:.16em;color:var(--primary);font-weight:850;font-size:.78rem}
.hero h1,.page-hero h1{color:var(--ink);font-size:clamp(2.55rem,6vw,5.45rem);line-height:.96;letter-spacing:-.065em;margin:0 0 22px;font-weight:640;max-width:900px}
.lead{font-size:clamp(1.05rem,1.5vw,1.22rem);color:var(--muted);line-height:1.62;max-width:760px;margin:0 0 22px}
.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin:28px 0 20px}.trust-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.trust-row span,.chip{display:inline-flex;align-items:center;border:1px solid #dfe7f2;background:#fff;color:#42526c;border-radius:999px;padding:7px 10px;font-size:.86rem;font-weight:700;box-shadow:rgba(23,23,23,.035) 0 5px 12px}
.hero-visual{position:relative;display:grid;gap:15px;align-content:center}.image-card{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;box-shadow:var(--shadow);transform:rotate(1deg)}
.mini-card{max-width:440px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:16px 18px;box-shadow:var(--shadow-soft)}.mini-card span{font-size:.78rem;color:var(--ruby);font-weight:850;text-transform:uppercase;letter-spacing:.1em}.mini-card p{margin:8px 0 0;color:var(--muted);line-height:1.45}.connector{width:34px;height:34px;display:grid;place-items:center;background:var(--primary);color:white;border-radius:50%;font-weight:900;margin-left:22px;box-shadow:rgba(83,58,253,.25) 0 12px 22px}
.resume-preview{background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px;box-shadow:var(--shadow);max-width:520px}.resume-name{font-weight:900;color:var(--ink);font-size:1.45rem;letter-spacing:-.03em}.resume-meta{color:var(--muted);font-size:.92rem;margin:5px 0 16px;padding-bottom:12px;border-bottom:2px solid #eef2ff}.resume-preview h4{margin:16px 0 6px;color:var(--primary);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.resume-preview p,.resume-preview li{color:#344155;line-height:1.5}.resume-preview ul{margin:8px 0 0;padding-left:20px}

.page-hero{max-width:var(--max);margin:0 auto;padding:48px clamp(18px,4vw,34px) 18px}.page-hero h1{font-size:clamp(2.05rem,4.2vw,3.45rem);line-height:1.02;max-width:980px}.page-hero .lead{max-width:850px}
.section-head{max-width:760px;margin-bottom:28px}.section-head h2,.panel h2,.legal-content h2{color:var(--ink);font-size:clamp(1.65rem,3vw,2.55rem);line-height:1.05;letter-spacing:-.045em;margin:0 0 12px}.section-head p,.muted,.note{color:var(--muted);line-height:1.55}

.panel,.price-card,.faq-card,.wizard-card,.theme-card,.result-card,.match-card,.job-link-card,.example-grid article,.analytics-wide,.analytics-grid article{
  background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:10px;box-shadow:rgba(23,23,23,.05) 0 10px 26px;position:relative;
}
.panel{padding:26px}.panel:hover,.price-card:hover,.wizard-card:hover,.theme-card:hover{box-shadow:var(--shadow)}
.price-card,.faq-card,.wizard-card,.example-grid article{padding:24px}.price-card h3,.wizard-card h3,.theme-card h3,.faq-card h3,.result-card h3{margin-top:0;color:var(--ink);letter-spacing:-.025em}.price{font-size:2.25rem;font-weight:850;color:var(--ink);letter-spacing:-.045em;margin:12px 0}.price-card ul{padding-left:20px;color:#344155;line-height:1.75}.price-card.featured{border-color:#c9c9ff;box-shadow:rgba(83,58,253,.20) 0 28px 50px -30px, rgba(0,0,0,.08) 0 18px 34px -18px;transform:translateY(-6px)}.badge{display:inline-flex;background:#f0efff;color:var(--primary);border:1px solid #d8ddff;border-radius:6px;padding:5px 8px;font-weight:850;font-size:.82rem;margin-bottom:10px}

.theme-grid,.pricing-grid,.story-grid,.counter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.role-grid{display:flex;flex-wrap:wrap;gap:10px}.faq-grid,.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.app-grid{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);gap:24px;align-items:start}.dashboard-grid{display:grid;grid-template-columns:minmax(280px,.75fr) 1.45fr;gap:24px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.three-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.export-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}

.story-card,.counter-card{padding:22px;border-radius:10px;background:#fff;border:1px solid var(--line);box-shadow:rgba(23,23,23,.045) 0 8px 20px}.counter-card strong{display:block;color:var(--primary);font-size:2.3rem;letter-spacing:-.04em}.story-card h3,.counter-card span{color:var(--ink)}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.steps-grid article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;box-shadow:rgba(23,23,23,.04) 0 8px 18px}.steps-grid strong{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--primary);color:white}.steps-grid span{display:block;font-weight:850;color:var(--ink);margin:12px 0 4px}

label{display:block;font-weight:760;color:#273951;margin:12px 0 8px}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:12px 13px;font:inherit;box-shadow:rgba(23,23,23,.03) 0 4px 10px inset}textarea{resize:vertical;line-height:1.5}input:focus,textarea:focus,select:focus{outline:2px solid rgba(83,58,253,.18);border-color:var(--primary)}hr{border:0;border-top:1px solid var(--line);margin:24px 0}.hidden{display:none!important}.status{margin:12px 0;padding:12px 14px;border-radius:8px;background:#f6f8ff;color:#485872;border:1px solid #e3e9f5}.status.ok{background:#effdf4;color:#166534;border-color:#bbf7d0}.status.bad{background:#fff1f2;color:#9f1239;border-color:#fecdd3}

.result-card{padding:20px}.result-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}.result-text{white-space:pre-wrap;color:#253247;line-height:1.62;background:#fbfdff;border:1px solid #eef2f7;border-radius:8px;padding:14px}.template-preview{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px;box-shadow:var(--shadow-soft);overflow:auto}.tpl-clean,.tpl-trades,.tpl-modern{background:#fff;color:#111827;max-width:760px;margin:auto}.tpl-clean h2,.tpl-trades h2{font-size:28px;margin:0 0 6px;color:var(--ink)}.tpl-clean h3,.tpl-trades h3,.tpl-modern h3{color:var(--primary);font-size:.83rem;letter-spacing:.12em;text-transform:uppercase;border-top:1px solid #e7edf6;padding-top:12px;margin-top:18px}.tpl-modern{display:grid;grid-template-columns:230px 1fr;border:1px solid #e7edf6}.tpl-modern aside{background:#f7f8ff;padding:22px}.tpl-modern main{padding:22px}.tpl-modern h1{margin:0 0 12px;color:var(--ink)}

.theme-card{padding:18px;cursor:pointer;transition:.16s}.theme-card:hover,.theme-card.selected{border-color:#c9c9ff;transform:translateY(-2px)}.theme-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.theme-top span{color:var(--primary);font-size:.82rem;font-weight:850}.resume-sheet{height:240px;background:#fff;border:1px solid #e6edf6;border-radius:8px;padding:18px;margin:14px 0;box-shadow:rgba(23,23,23,.05) 0 8px 18px}.sheet-name{height:16px;background:#0f1f35;border-radius:3px;width:54%;margin-bottom:10px;color:#0f1f35;font-size:0}.sheet-line,.sheet-h{height:3px;background:#d9e2ee;border-radius:8px;margin:8px 0}.sheet-h{width:28%;background:var(--primary);height:5px}.sheet-p{height:8px;background:#edf2f7;border-radius:8px;margin:7px 0;width:70%}.sheet-p.wide{width:92%}.sheet-p.small{width:45%}.sheet-tags{display:flex;gap:6px}.sheet-tags i,.trade-boxes b{display:block;width:54px;height:18px;background:#eef2ff;border-radius:5px}.sheet-modern{display:grid;grid-template-columns:70px 1fr;gap:12px}.sheet-modern .side{background:#eef2ff;border-radius:6px}.trade-boxes{display:flex;gap:8px;margin:12px 0}.trade-boxes b{height:34px;background:#effdf4;border:1px solid #bbf7d0}

.usage-card{border:1px solid #d8ddff;border-radius:10px;padding:18px;background:linear-gradient(180deg,#fff,#f7f7ff);margin:16px 0}.usage-card strong{display:block;font-size:2.15rem;color:var(--primary);letter-spacing:-.04em}.usage-card span{font-weight:850}.package-list{display:grid;gap:12px}.package-item{display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:16px;background:#fff}.package-item p{margin:6px 0;color:var(--muted)}
.upload-box{border:1px dashed #aeb8ff;background:#f7f8ff;border-radius:10px;padding:18px;margin:18px 0}.job-link-grid{display:grid;gap:12px}.job-link-card{display:block;padding:18px;transition:.16s}.job-link-card:hover{border-color:#c9c9ff;transform:translateY(-1px)}.job-link-card strong{display:block;font-size:1.15rem;margin-bottom:6px}.job-link-card span{display:block;color:var(--muted);margin-bottom:8px}.job-link-card small{color:var(--primary);font-weight:850}
.score-badge{display:inline-grid;place-items:center;min-width:78px;height:78px;border-radius:10px;background:#e5e7eb;color:#111827;font-size:30px;font-weight:900}.score-badge.good{background:#dcfce7;color:#166534}.score-badge.warn{background:#fef3c7;color:#92400e}.score-badge.bad{background:#fee2e2;color:#991b1b}.ats-checklist{display:grid;gap:12px}.ats-row{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:14px;background:#fff}.ats-row>strong{min-width:54px;text-align:center;border-radius:999px;padding:6px 10px;font-size:12px}.ats-row.ok>strong{background:#dcfce7;color:#166534}.ats-row.bad>strong{background:#fee2e2;color:#991b1b}.ats-row h3{margin:0 0 4px;font-size:17px}.ats-row p{margin:0;color:var(--muted)}.keyword-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.warn-chip{background:#fff7ed!important;color:#9a3412!important;border-color:#fed7aa!important}
.application-action-panel,.beta-code-box,.feedback-box{margin:16px 0;padding:18px;border:1px solid var(--line);border-radius:10px;background:#fbfdff}.application-action-panel h3,.beta-onboarding h3{margin-top:0}.beta-onboarding{margin:16px 0;padding:18px;border:1px solid #bbf7d0;border-radius:10px;background:#f0fdf4}.beta-onboarding h3{color:#166534}.analytics-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.analytics-grid article{padding:14px}.analytics-grid strong{display:block;font-size:28px;color:var(--primary)}.analytics-wide{grid-column:1/-1;padding:14px}
.legal-content{max-width:900px;margin:0 auto}.legal-content h2{margin-top:24px}.legal-content li{margin:8px 0}.legal-content table{width:100%;border-collapse:collapse;margin:16px 0}.legal-content th,.legal-content td{border:1px solid var(--line);padding:10px;text-align:left}.legal-content th{background:#f8fafc}.example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.example-grid blockquote{margin:8px 0;padding:14px;border-left:3px solid var(--primary);background:#fbfdff;color:var(--muted)}.match-results{display:grid;gap:16px}.wizard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.wizard-card{transition:.16s}.wizard-card:hover{transform:translateY(-2px)}
.footer{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:60px;padding:28px clamp(18px,5vw,72px);background:var(--navy);color:rgba(255,255,255,.75);font-size:.94rem}.footer>span:first-child{color:#fff;font-weight:850}.footer-links{display:flex;gap:10px;flex-wrap:wrap}.footer-links a{color:#fff;font-weight:720;opacity:.86}.footer-links a:hover{opacity:1;text-decoration:underline}
.tax-note{margin-top:18px;color:var(--muted);font-weight:650;text-align:center}

@media print{.topbar,.footer,.no-print{display:none!important}.print-only{display:block}body{background:#fff}.template-preview{border:0;box-shadow:none}}
@media(max-width:1100px){.hero,.app-grid{grid-template-columns:1fr}.hero-visual{max-width:680px}.theme-grid,.pricing-grid,.story-grid,.counter-grid,.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.price-card.featured{transform:none}.tpl-modern{grid-template-columns:1fr}}
@media(max-width:820px){.nav{display:none}.topbar{padding:12px 18px}.topbar .btn.small{display:none}.hero{padding:54px 18px 34px;gap:34px}.section,.page-hero{padding-left:18px;padding-right:18px}.hero h1,.page-hero h1{letter-spacing:-.045em}.two-cols,.three-cols,.role-grid,.tool-grid,.faq-grid,.result-grid,.keyword-grid,.example-grid,.wizard-grid,.steps-grid,.theme-grid,.pricing-grid,.story-grid,.counter-grid{grid-template-columns:1fr}.footer{align-items:flex-start;flex-direction:column}.package-item,.result-head{align-items:flex-start;flex-direction:column}.theme-card:hover,.theme-card.selected{transform:none}}
@media(max-width:480px){.hero h1,.page-hero h1{font-size:2.35rem}.lead{font-size:1rem}.btn{width:100%}.hero-actions{flex-direction:column}.trust-row span{font-size:.8rem}.resume-preview{padding:18px}.panel{padding:18px}}

.counter-grid article{padding:22px;border-radius:10px;background:#fff;border:1px solid var(--line);box-shadow:rgba(23,23,23,.045) 0 8px 20px}
.counter-grid strong{display:block;color:var(--primary);font-size:2.3rem;letter-spacing:-.04em;line-height:1;margin-bottom:8px}
.counter-grid span{display:block;color:var(--ink);font-weight:850;margin-bottom:8px}
.counter-grid p{margin:0;color:var(--muted);line-height:1.45}


/* Homepage v2 — structural redesign, not just a reskin */
.home-hero-v2{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:54px;align-items:center;padding:88px clamp(20px,5vw,76px) 70px}.hero-copy-v2 h1{color:var(--ink);font-size:clamp(2.7rem,6vw,5.65rem);line-height:.94;letter-spacing:-.07em;margin:0 0 22px;font-weight:650}.trust-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.trust-strip span{background:#fff;border:1px solid var(--line);border-radius:7px;padding:8px 11px;color:#35445a;font-weight:760;box-shadow:rgba(23,23,23,.04) 0 6px 14px}.product-showcase{position:relative;display:grid;grid-template-columns:1fr 42px 1.05fr;gap:14px;align-items:center;padding:20px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(246,248,255,.92));box-shadow:var(--shadow)}.job-card-demo,.package-card-demo,.score-demo{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;box-shadow:rgba(23,23,23,.05) 0 10px 24px}.job-card-demo h3,.package-card-demo h3{margin:7px 0 8px;color:var(--ink);letter-spacing:-.025em}.job-card-demo p{color:var(--muted);line-height:1.45}.demo-label{display:inline-flex;color:var(--primary);font-size:.72rem;font-weight:900;letter-spacing:.12em}.arrow-demo{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--primary);color:#fff;font-weight:900;box-shadow:rgba(83,58,253,.26) 0 14px 28px}.package-card-demo ul{margin:10px 0 0;padding-left:20px;color:#314056;line-height:1.7}.score-demo{position:absolute;right:28px;bottom:-32px;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;max-width:230px}.score-demo strong{display:grid;place-items:center;width:56px;height:56px;border-radius:10px;background:#dcfce7;color:#166534;font-size:1.55rem}.score-demo span{font-weight:850;color:var(--ink)}.flow-line{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;box-shadow:var(--shadow-soft)}.flow-line article{padding:24px;border-right:1px solid var(--line)}.flow-line article:last-child{border-right:0}.flow-line b{color:var(--primary);font-size:.82rem;letter-spacing:.12em}.flow-line h3{margin:12px 0 8px;color:var(--ink)}.flow-line p{margin:0;color:var(--muted);line-height:1.5}.package-grid-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.package-grid-v2 article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px;box-shadow:rgba(23,23,23,.045) 0 8px 20px}.package-grid-v2 span{display:inline-flex;background:#f0efff;color:var(--primary);border:1px solid #d8ddff;border-radius:6px;padding:5px 8px;font-weight:850;font-size:.78rem}.package-grid-v2 h3{margin:14px 0 8px;color:var(--ink)}.package-grid-v2 p{margin:0;color:var(--muted);line-height:1.5}.compare-panel{display:grid;grid-template-columns:.86fr 1.14fr;gap:28px;align-items:center;background:var(--navy);color:white;border-radius:14px;padding:34px;box-shadow:var(--shadow)}.compare-panel h2{font-size:clamp(1.8rem,3.2vw,3.05rem);line-height:1.04;letter-spacing:-.05em;margin:0 0 14px}.compare-panel p{color:rgba(255,255,255,.72);line-height:1.58}.compare-table-v2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compare-table-v2>div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:18px}.compare-table-v2 strong{display:block;margin-bottom:12px;color:#fff}.compare-table-v2 span{display:block;color:rgba(255,255,255,.78);padding:9px 0;border-top:1px solid rgba(255,255,255,.10)}.role-chips-v2 .chip{border-radius:7px;background:#fff}.compact-pricing .price-card{min-height:280px}.final-cta-v2{max-width:1180px;margin:58px auto 30px;padding:36px clamp(22px,4vw,44px);display:flex;justify-content:space-between;gap:24px;align-items:center;background:linear-gradient(135deg,#061b31,#1c1e54);color:#fff;border-radius:16px;box-shadow:var(--shadow)}.final-cta-v2 h2{font-size:clamp(1.9rem,3.3vw,3.2rem);line-height:1.04;letter-spacing:-.05em;margin:0 0 10px}.final-cta-v2 p{color:rgba(255,255,255,.72);margin:0}.final-cta-v2 .eyebrow{color:#b9b9f9}@media(max-width:1050px){.home-hero-v2,.compare-panel{grid-template-columns:1fr}.product-showcase{grid-template-columns:1fr}.arrow-demo{transform:rotate(90deg);margin:auto}.score-demo{position:static;max-width:none}.flow-line,.package-grid-v2{grid-template-columns:1fr 1fr}.flow-line article:nth-child(2){border-right:0}.flow-line article{border-bottom:1px solid var(--line)}}@media(max-width:720px){.home-hero-v2{padding:54px 18px 38px}.hero-copy-v2 h1{font-size:2.55rem;letter-spacing:-.045em}.flow-line,.package-grid-v2,.compare-table-v2{grid-template-columns:1fr}.flow-line article{border-right:0}.compare-panel{padding:24px}.final-cta-v2{margin-left:18px;margin-right:18px;flex-direction:column;align-items:flex-start}.final-cta-v2 .btn{width:100%}}

/* Homepage v2 polish */
.compact-pricing .price{font-size:clamp(1.85rem,3vw,2.35rem);line-height:1.1;letter-spacing:-.045em}
.final-cta-v2 .btn{min-width:190px;white-space:normal;text-align:center;line-height:1.05}
@media(min-width:721px){.final-cta-v2 .btn{width:auto}}


/* RoleTone warm editorial redesign v3 */
:root{
  --bg:#f7f1e8;
  --bg2:#efe4d4;
  --card:#fffaf2;
  --ink:#17231b;
  --text:#26352b;
  --muted:#6d665c;
  --line:#dacdbb;
  --border:#dacdbb;
  --primary:#1f5f46;
  --primary2:#174633;
  --blue:#1f5f46;
  --blue2:#174633;
  --green:#257a53;
  --green2:#174633;
  --amber:#c9782b;
  --ruby:#d85b38;
  --soft:#fbf5eb;
  --softgreen:#edf7ef;
  --navy:#17231b;
  --shadow:none;
  --shadow-soft:none;
  --radius:3px;
  --max:1160px;
}
body{
  background:
    linear-gradient(90deg, rgba(23,35,27,.035) 1px, transparent 1px),
    linear-gradient(180deg,#fbf6ee 0%,#f7f1e8 48%,#efe4d4 100%);
  background-size:42px 42px, auto;
  color:var(--text);
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 12%,rgba(216,91,56,.16),transparent 23rem),radial-gradient(circle at 12% 18%,rgba(31,95,70,.12),transparent 25rem);z-index:-1}
.topbar{background:rgba(251,246,238,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(10px);padding:16px clamp(18px,5vw,70px)}
.brand{font-weight:920;color:var(--ink);letter-spacing:-.04em}.logo{border-radius:2px;background:#17231b;color:#fff;box-shadow:none;width:34px;height:34px}.nav{gap:22px;color:#514a42}.nav a{color:#514a42;border-bottom:1px solid transparent;font-weight:740}.nav a:hover,.nav a.active{color:var(--primary);border-bottom-color:var(--primary)}
.btn{border-radius:3px;border:1px solid #17231b;background:#fffaf2;color:#17231b;box-shadow:none;font-weight:850;padding:12px 18px;letter-spacing:-.01em}.btn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 #17231b}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:none}.btn.primary:hover{background:var(--primary2);border-color:#17231b;box-shadow:4px 4px 0 #17231b}.btn.ghost{background:#fffaf2;border-color:#17231b;color:#17231b}.btn.small{padding:10px 14px}
.section{padding-top:70px;padding-bottom:70px}.eyebrow{color:var(--ruby);font-size:.76rem;letter-spacing:.2em;font-weight:950}.hero h1,.page-hero h1,.hero-copy-v2 h1{font-weight:780;color:var(--ink);letter-spacing:-.075em;line-height:.91}.lead{color:#5f594f;font-size:clamp(1.08rem,1.7vw,1.28rem)}
.home-hero-v2{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);padding-top:92px}.hero-copy-v2 h1{max-width:820px}.trust-strip span,.trust-row span,.chip{border-radius:3px;background:#fffaf2;border-color:#d7c7af;color:#3d473e;box-shadow:none}.product-showcase{background:#efe2ce;border:1px solid #17231b;border-radius:4px;box-shadow:8px 8px 0 rgba(23,35,27,.14);transform:rotate(-.4deg)}.job-card-demo,.package-card-demo,.score-demo{background:#fffaf2;border:1px solid #17231b;border-radius:3px;box-shadow:4px 4px 0 rgba(23,35,27,.14)}.demo-label{color:var(--ruby)}.arrow-demo{border-radius:3px;background:var(--ruby);box-shadow:none}.score-demo strong{border-radius:3px;background:#dff1df;color:#174633}.score-demo{bottom:-28px}
.section-head h2,.panel h2,.legal-content h2,.compare-panel h2,.final-cta-v2 h2{font-weight:780;letter-spacing:-.06em;color:var(--ink)}.section-head p,.muted,.note{color:var(--muted)}
.panel,.price-card,.faq-card,.wizard-card,.theme-card,.result-card,.match-card,.job-link-card,.example-grid article,.analytics-wide,.analytics-grid article,.story-card,.counter-card,.steps-grid article,.flow-line,.package-grid-v2 article{background:#fffaf2;border:1px solid var(--line);border-radius:4px;box-shadow:none}.panel:hover,.price-card:hover,.wizard-card:hover,.theme-card:hover{box-shadow:5px 5px 0 rgba(23,35,27,.13);transform:translate(-1px,-1px)}
.flow-line{border-color:#17231b}.flow-line article{border-right:1px solid #dacdbb;background:#fffaf2}.flow-line b,.package-grid-v2 span{color:var(--ruby)}.package-grid-v2 span,.badge{background:#f4dfcc;border-color:#e7b485;color:#8e3f22;border-radius:3px}.package-grid-v2 article:nth-child(2n){background:#fdf4e8}.package-grid-v2 article:nth-child(3n){background:#f3f8ef}
.compare-panel{background:#17231b;border-radius:4px;box-shadow:8px 8px 0 rgba(23,35,27,.16);border:1px solid #17231b}.compare-panel h2{color:#fffaf2}.compare-panel p{color:#d7cfc3}.compare-table-v2>div{background:#26352b;border:1px solid #65735f;border-radius:3px}.compare-table-v2 span{color:#e7ded1;border-top-color:#65735f}
.role-chips-v2 .chip{border-radius:3px;background:#fffaf2;border-color:#17231b}.price-card.featured{border-color:#17231b;transform:translateY(-6px);box-shadow:6px 6px 0 rgba(23,35,27,.17);background:#f9ead8}.price{color:var(--ink)}.final-cta-v2{background:#1f5f46;border:1px solid #17231b;border-radius:4px;box-shadow:8px 8px 0 rgba(23,35,27,.18);color:#fffaf2}.final-cta-v2 h2{color:#fffaf2}.final-cta-v2 p{color:#e7ded1}.final-cta-v2 .eyebrow{color:#ffbf75}
input,textarea,select{border-radius:3px;border:1px solid #cdbda7;background:#fffaf2;box-shadow:none;color:var(--ink)}input:focus,textarea:focus,select:focus{outline:3px solid rgba(201,120,43,.20);border-color:var(--amber)}label{color:#26352b;font-weight:850}.status{border-radius:3px;background:#fff4df;border-color:#e1c7a6;color:#5c4b34}.status.ok{background:#eef8e9;border-color:#b8d8ad}.status.bad{background:#fff1ed;border-color:#e7aa96}
.result-text,.template-preview,.resume-preview,.resume-sheet{background:#fffdf8;border-color:#d9c9b4;border-radius:3px;box-shadow:none}.resume-name{color:var(--ink)}.resume-meta{border-bottom-color:#d9c9b4}.resume-preview h4,.tpl-clean h3,.tpl-trades h3,.tpl-modern h3{color:var(--primary)}.tpl-modern aside{background:#f2e8d9}.sheet-name{background:#17231b}.sheet-h{background:var(--ruby)}
.footer{background:#17231b;color:#d7cfc3;border-top:4px solid var(--ruby)}.footer-links a{color:#fffaf2}.job-link-card:hover,.theme-card:hover,.theme-card.selected{border-color:#17231b;transform:translate(-1px,-1px)}.score-badge{border-radius:3px}.application-action-panel,.beta-code-box,.feedback-box,.usage-card,.upload-box,.beta-onboarding{border-radius:3px;background:#fffaf2;border-color:#d7c7af}.analytics-grid strong,.counter-card strong{color:var(--ruby)}
@media(max-width:820px){.topbar{background:#fbf6ee}.home-hero-v2{padding-top:54px}.product-showcase,.compare-panel,.final-cta-v2{box-shadow:4px 4px 0 rgba(23,35,27,.16)}.price-card.featured{transform:none}.btn:hover{transform:none;box-shadow:none}}

/* Warm redesign pricing readability polish */
.compact-pricing .price{font-size:clamp(1.55rem,2.25vw,1.95rem)!important;line-height:1.08;word-break:normal}
.compact-pricing .price-card{min-height:260px}

/* Warm redesign mobile repair */
@media(max-width:720px){
  .home-hero-v2{display:block!important;padding:46px 18px 34px!important}
  .hero-copy-v2 h1{font-size:3.05rem!important;line-height:.92!important;letter-spacing:-.055em!important}
  .hero-copy-v2 .lead{max-width:none!important;font-size:1.05rem!important;line-height:1.48!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .hero-actions .btn{width:100%!important;white-space:normal!important}
  .trust-strip{display:grid!important;grid-template-columns:1fr!important}
  .product-showcase{margin-top:28px!important;display:grid!important;grid-template-columns:1fr!important;width:100%!important;max-width:100%!important;overflow:hidden!important;transform:none!important}
  .job-card-demo,.package-card-demo,.score-demo{width:100%!important;max-width:100%!important;transform:none!important}
  .arrow-demo{transform:rotate(90deg)!important;margin:0 auto!important}
  .score-demo{position:static!important;display:flex!important}
  .flow-line,.package-grid-v2,.compare-table-v2,.pricing-grid{grid-template-columns:1fr!important}
  .final-cta-v2{display:block!important}
}


/* RoleTone final professional Canadian SaaS direction */
:root{
  --bg:#f7f9fc;
  --bg2:#eef4f8;
  --card:#ffffff;
  --ink:#0b1f2a;
  --text:#182c38;
  --muted:#657584;
  --line:#dce7ef;
  --border:#dce7ef;
  --primary:#0f6b78;
  --primary2:#0a4e59;
  --blue:#0f6b78;
  --blue2:#0a4e59;
  --green:#168a5b;
  --green2:#0f6843;
  --amber:#d58a23;
  --ruby:#ca4a36;
  --soft:#f3f8fb;
  --softgreen:#eefaf4;
  --navy:#0d2430;
  --shadow:0 24px 60px rgba(16,44,58,.12);
  --shadow-soft:0 12px 28px rgba(16,44,58,.08);
  --radius:12px;
  --max:1180px;
}
body{
  background:
    radial-gradient(circle at 82% 4%,rgba(15,107,120,.12),transparent 27rem),
    radial-gradient(circle at 6% 10%,rgba(22,138,91,.10),transparent 25rem),
    linear-gradient(180deg,#fff 0%,#f7f9fc 45%,#eef4f8 100%);
  color:var(--text);
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
body:before{display:none}.topbar{background:rgba(255,255,255,.88);border-bottom:1px solid rgba(220,231,239,.92);backdrop-filter:blur(18px);padding:14px clamp(18px,5vw,72px)}
.brand{color:var(--ink);font-weight:900;letter-spacing:-.035em}.logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--primary),#173f5f 62%,var(--green));box-shadow:0 14px 28px rgba(15,107,120,.18);color:white}.nav{gap:24px;color:#4e6070}.nav a{color:#4e6070;border-bottom:2px solid transparent;font-weight:720}.nav a:hover,.nav a.active{color:var(--primary);border-bottom-color:var(--primary)}
.btn{border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink);box-shadow:0 8px 18px rgba(16,44,58,.06);font-weight:820;padding:12px 18px}.btn:hover{transform:translateY(-1px);box-shadow:0 18px 34px rgba(16,44,58,.13)}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 18px 34px rgba(15,107,120,.22)}.btn.primary:hover{background:var(--primary2);border-color:var(--primary2);box-shadow:0 22px 40px rgba(15,107,120,.26)}.btn.ghost{background:#ffffffcc;border-color:#c8d7e2;color:var(--primary)}
.section{padding-top:66px;padding-bottom:66px}.eyebrow{color:var(--primary);font-weight:920;letter-spacing:.16em}.hero h1,.page-hero h1,.hero-copy-v2 h1{color:var(--ink);font-weight:720;letter-spacing:-.065em;line-height:.94}.lead{color:var(--muted);line-height:1.62}.home-hero-v2{padding-top:88px;padding-bottom:74px}.trust-strip span,.trust-row span,.chip{background:#fff;border:1px solid var(--line);color:#405461;border-radius:999px;box-shadow:0 8px 18px rgba(16,44,58,.045)}
.product-showcase{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(243,248,251,.96));border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);transform:none}.job-card-demo,.package-card-demo,.score-demo{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-soft)}.demo-label{color:var(--primary)}.arrow-demo{border-radius:50%;background:var(--primary);box-shadow:0 16px 30px rgba(15,107,120,.22)}.score-demo strong{border-radius:12px;background:#e4f8ef;color:#0f6843}.score-demo{bottom:-30px}
.section-head h2,.panel h2,.legal-content h2,.compare-panel h2,.final-cta-v2 h2{color:var(--ink);font-weight:740;letter-spacing:-.052em}.section-head p,.muted,.note{color:var(--muted)}
.panel,.price-card,.faq-card,.wizard-card,.theme-card,.result-card,.match-card,.job-link-card,.example-grid article,.analytics-wide,.analytics-grid article,.story-card,.counter-card,.steps-grid article,.flow-line,.package-grid-v2 article{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 26px rgba(16,44,58,.055)}.panel:hover,.price-card:hover,.wizard-card:hover,.theme-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.flow-line{border-color:var(--line)}.flow-line article{background:#fff;border-right:1px solid var(--line)}.flow-line b,.package-grid-v2 span{color:var(--primary)}.package-grid-v2 span,.badge{background:#eef7f8;border-color:#c8e4e8;color:var(--primary);border-radius:999px}.package-grid-v2 article:nth-child(2n),.package-grid-v2 article:nth-child(3n){background:#fff}.package-grid-v2 article:hover{border-color:#bdd6df;box-shadow:var(--shadow-soft)}
.compare-panel{background:linear-gradient(135deg,#0d2430,#123c46);border:1px solid #123c46;border-radius:18px;box-shadow:var(--shadow);color:white}.compare-panel h2{color:white}.compare-panel p{color:rgba(255,255,255,.72)}.compare-table-v2>div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:14px}.compare-table-v2 span{color:rgba(255,255,255,.78);border-top-color:rgba(255,255,255,.12)}
.role-chips-v2 .chip{background:#fff;border-color:var(--line);border-radius:999px}.price-card.featured{border-color:#93c5d0;transform:translateY(-6px);box-shadow:0 26px 56px rgba(15,107,120,.18);background:linear-gradient(180deg,#fff,#f1fafb)}.price{color:var(--ink)}.compact-pricing .price{font-size:clamp(1.62rem,2.35vw,2.05rem)!important}.final-cta-v2{background:linear-gradient(135deg,#0f6b78,#0d2430);border:0;border-radius:20px;box-shadow:var(--shadow);color:white}.final-cta-v2 h2{color:white}.final-cta-v2 p{color:rgba(255,255,255,.75)}.final-cta-v2 .eyebrow{color:#9ee7d1}
input,textarea,select{border-radius:12px;border:1px solid #ccdbe5;background:#fff;color:var(--ink);box-shadow:inset 0 1px 0 rgba(16,44,58,.025)}input:focus,textarea:focus,select:focus{outline:3px solid rgba(15,107,120,.14);border-color:var(--primary)}label{color:#283f4a}.status{border-radius:12px;background:#f3f8fb;border-color:#dce7ef;color:#405461}.status.ok{background:#eefaf4;border-color:#bce8d1;color:#0f6843}.status.bad{background:#fff1ef;border-color:#fac7bd;color:#9a2f21}
.result-text,.template-preview,.resume-preview,.resume-sheet{background:#fff;border-color:var(--line);border-radius:14px;box-shadow:var(--shadow-soft)}.resume-meta{border-bottom-color:#e6eef4}.resume-preview h4,.tpl-clean h3,.tpl-trades h3,.tpl-modern h3{color:var(--primary)}.tpl-modern aside{background:#f2f7fa}.sheet-h{background:var(--primary)}.sheet-name{background:var(--ink)}
.footer{background:#0d2430;color:rgba(255,255,255,.72);border-top:0}.footer-links a{color:white}.job-link-card:hover,.theme-card:hover,.theme-card.selected{border-color:#93c5d0;transform:translateY(-2px)}.score-badge{border-radius:14px}.application-action-panel,.beta-code-box,.feedback-box,.usage-card,.upload-box,.beta-onboarding{border-radius:14px;background:#fff;border-color:var(--line)}.analytics-grid strong,.counter-card strong{color:var(--primary)}
@media(max-width:720px){.home-hero-v2{display:block!important;padding:52px 18px 34px!important}.hero-copy-v2 h1{font-size:2.7rem!important;line-height:.96!important}.product-showcase{margin-top:28px!important;display:grid!important;grid-template-columns:1fr!important;width:100%!important;max-width:100%!important;overflow:hidden!important;transform:none!important}.arrow-demo{transform:rotate(90deg)!important;margin:0 auto!important}.score-demo{position:static!important}.btn:hover{transform:none}.price-card.featured{transform:none}}


/* RoleTone 10 foundation product-led polish */
.home-hero-v3{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr);gap:58px;align-items:center;padding:92px clamp(20px,5vw,76px) 78px}.hero-copy-v3 h1{color:var(--ink);font-size:clamp(2.7rem,6vw,5.8rem);line-height:.93;letter-spacing:-.07em;margin:0 0 22px;font-weight:740}.live-product-demo{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.demo-window-bar{display:flex;align-items:center;gap:8px;padding:13px 16px;background:#f3f8fb;border-bottom:1px solid var(--line);color:var(--muted);font-size:.86rem}.demo-window-bar span{width:10px;height:10px;border-radius:50%;background:#c8d7e2}.demo-window-bar strong{margin-left:8px;color:var(--ink)}.demo-columns{display:grid;grid-template-columns:1fr 1.2fr;gap:14px;padding:18px}.demo-input-card,.demo-output-card{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fff}.demo-input-card{background:#f8fbfd}.demo-output-card{border-color:#b9dce2;background:#f8feff}.demo-input-card h3,.demo-output-card h3{margin:6px 0 10px;color:var(--ink)}.keyword-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.keyword-row span{background:#e8f7f9;color:var(--primary);border:1px solid #c5e5ea;border-radius:999px;padding:6px 9px;font-size:.82rem;font-weight:820}.demo-bottom-row{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);background:#fbfdff}.demo-bottom-row div{padding:16px 18px;border-right:1px solid var(--line)}.demo-bottom-row div:last-child{border-right:0}.demo-bottom-row strong{display:block;color:var(--primary);font-size:1.25rem}.demo-bottom-row span{display:block;color:var(--muted);font-size:.9rem;margin-top:3px}.before-after-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.before-after-grid article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:var(--shadow-soft)}.before-after-grid span{display:inline-flex;margin-bottom:10px;color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}.before-after-grid blockquote{margin:0;color:#455867;font-size:1.08rem;line-height:1.6}.before-after-grid .after-card{border-color:#bde1cf;background:#f8fffb}.after-card span{color:var(--green)}.trust-grid-v3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.trust-grid-v3 article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow-soft)}.trust-grid-v3 h3{margin:0 0 8px;color:var(--ink)}.trust-grid-v3 p{margin:0;color:var(--muted);line-height:1.55}.create-stepper-section{max-width:var(--max);margin:0 auto;padding:0 clamp(18px,4vw,34px) 8px}.create-stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.create-stepper span{display:block;text-align:center;background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 12px;color:var(--muted);font-weight:850}.create-stepper span.active{background:var(--primary);color:#fff;border-color:var(--primary)}
@media(max-width:980px){.home-hero-v3{grid-template-columns:1fr}.demo-columns,.before-after-grid,.trust-grid-v3{grid-template-columns:1fr}.demo-bottom-row{grid-template-columns:1fr}.demo-bottom-row div{border-right:0;border-bottom:1px solid var(--line)}.create-stepper{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.home-hero-v3{padding:52px 18px 38px}.hero-copy-v3 h1{font-size:2.65rem;line-height:.96}.create-stepper{grid-template-columns:1fr}.live-product-demo{border-radius:16px}.demo-columns{padding:14px}}

/* 10 foundation CTA/pricing polish */
.final-cta-v2 .btn{min-width:230px;white-space:nowrap}
@media(max-width:720px){.final-cta-v2 .btn{width:100%;white-space:normal}}
.compact-pricing .price{font-size:clamp(1.5rem,2.15vw,1.9rem)!important}

/* 10 foundation Create flow repair */
#app .app-grid{grid-template-columns:1fr;max-width:980px;margin:0 auto}
#app .panel{scroll-margin-top:90px}
#app .application-action-panel,#app #feedbackBox{display:none}
#app #results:not(:empty){margin-top:18px}
#app .result-grid:empty:before{content:'Your package will appear here after generation.';display:block;color:var(--muted);background:#f7fbfd;border:1px dashed var(--line);border-radius:14px;padding:18px}
#app .result-head{align-items:center}
#app .result-head h2{font-size:clamp(2rem,3.5vw,3.4rem)}

/* Profile/auth/templates upgrade */
.auth-section{display:grid;place-items:center}.auth-card{max-width:560px;width:100%}.profile-builder{display:grid;grid-template-columns:1fr;gap:22px;max-width:1040px}.profile-repeat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.five-theme-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.template-download-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.tpl-executive,.tpl-newcomer{background:#fff;color:#111827;max-width:800px;margin:auto;padding:28px;border:1px solid var(--line);border-radius:14px}.tpl-executive h2,.tpl-newcomer h2{font-size:30px;margin:0 0 6px;color:var(--ink)}.tpl-executive h3,.tpl-newcomer h3{color:var(--primary);font-size:.83rem;letter-spacing:.12em;text-transform:uppercase;border-top:1px solid #e7edf6;padding-top:12px;margin-top:18px}.sheet-executive .sheet-name{width:70%;height:18px}.sheet-newcomer{background:#f8fffb}.sheet-newcomer .sheet-tags i{background:#e4f8ef;border:1px solid #bce8d1}@media(max-width:1180px){.five-theme-grid,.template-download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-repeat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.five-theme-grid,.template-download-grid,.profile-repeat-grid{grid-template-columns:1fr}.auth-card{max-width:none}}

/* Header auth action polish */
.top-actions{display:flex;gap:10px;align-items:center;white-space:nowrap}
@media(max-width:820px){.top-actions .btn.small:first-child{display:inline-flex}.top-actions{gap:8px}.top-actions .btn.small{padding:9px 11px;font-size:.86rem}}
@media(max-width:430px){.top-actions .btn.small:first-child{display:none}.top-actions .btn.small.primary{padding:9px 10px}}

/* Meaningful photo blocks */
.photo-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.photo-proof-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-soft)}.photo-proof-grid img{width:100%;height:220px;object-fit:cover}.photo-proof-grid article>div{padding:22px}.photo-proof-grid h2{font-size:clamp(1.35rem,2vw,1.9rem);line-height:1.05;margin:0 0 10px;color:var(--ink);letter-spacing:-.04em}.photo-proof-grid .lead{font-size:1rem;margin:0}.template-photo-strip{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:16px;padding-top:18px;padding-bottom:18px}.template-photo-strip img{width:100%;height:260px;object-fit:cover;border-radius:18px;border:1px solid var(--line);box-shadow:var(--shadow-soft)}.template-photo-strip img:first-child{height:320px}@media(max-width:900px){.photo-proof-grid,.template-photo-strip{grid-template-columns:1fr}.photo-proof-grid img,.template-photo-strip img,.template-photo-strip img:first-child{height:230px}}