@font-face { font-family: 'DM Sans'; src: url('/assets/fonts/dm-sans-400.ttf') format('truetype'); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: 'DM Sans'; src: url('/assets/fonts/dm-sans-500.ttf') format('truetype'); font-style: normal; font-weight: 500; font-display: swap; }
@font-face { font-family: 'DM Sans'; src: url('/assets/fonts/dm-sans-600.ttf') format('truetype'); font-style: normal; font-weight: 600; font-display: swap; }
@font-face { font-family: 'DM Sans'; src: url('/assets/fonts/dm-sans-700.ttf') format('truetype'); font-style: normal; font-weight: 700; font-display: swap; }
@font-face { font-family: 'DM Sans'; src: url('/assets/fonts/dm-sans-800.ttf') format('truetype'); font-style: normal; font-weight: 800; font-display: swap; }
@font-face { font-family: 'DM Sans'; src: url('/assets/fonts/dm-sans-900.ttf') format('truetype'); font-style: normal; font-weight: 900; font-display: swap; }
@property --cta-angle { syntax: '<angle>'; inherits: false; initial-value: 0deg; }

:root {
  --canvas: oklch(0.93 0.008 90); --surface: oklch(0.985 0.004 90); --ink: oklch(0.21 0.012 80);
  --muted: oklch(0.47 0.009 80); --line: oklch(0.79 0.01 90); --accent: oklch(0.8673 0.1872 124.04);
  --accent-dark: oklch(0.37 0.1 124.04); --accent-soft: oklch(0.94 0.11 124.04); --blue: oklch(0.43 0.12 124.04); --blue-soft: oklch(0.95 0.065 124.04);
  --error: oklch(0.52 0.18 27); --warning: oklch(0.42 0.15 27); --warning-ink: oklch(0.34 0.09 27);
  --warning-soft: oklch(0.965 0.025 27); --warning-line: oklch(0.72 0.09 27); --success: oklch(0.43 0.12 124.04); --shadow: 0 18px 48px oklch(0.24 0.015 80 / .13);
  --radius: 18px; --max: 1180px; --ease: cubic-bezier(.16,1,.3,1); --font-sans: 'DM Sans', Arial, Helvetica, sans-serif;
}

* { box-sizing: border-box; }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--canvas); color: var(--ink); font-family: var(--font-sans); line-height: 1.5; }
button, input, select, textarea { font: inherit; color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; }
button { cursor: pointer; }
:focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; }
.skip { position: fixed; left: 16px; top: -60px; z-index: 100; background: var(--ink); color: var(--surface); padding: 10px 16px; border-radius: 10px; transition: top .2s var(--ease); }
.skip:focus { top: 16px; }
.shell { min-height: 100vh; }
.topbar { height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 0 max(24px, calc((100vw - var(--max))/2)); border-bottom: 1px solid #393733; background: #1b1916; color: #faf9f5; position: sticky; top: 0; z-index: 20; }
.topbar .brand-word{color:#faf9f5}
.topbar .navlink{color:#c8c5bd}
.topbar .navlink:hover,.topbar .navlink.active{color:var(--accent);background:#302d27}
.topbar .site-language-trigger{background:#302d27;border-color:#504c43;color:#faf9f5}
.topbar .site-language-trigger:hover,.topbar .site-language-picker[open] .site-language-trigger{background:#3b372f;border-color:#817b6e}
.topbar .balance{background:#302d27;color:#faf9f5;border:1px solid #504c43}
.test-payment-banner{max-width:var(--max);margin:16px auto 0;padding:12px 18px;border:1px solid #9b7415;border-radius:12px;background:#fff4d5;color:#302506;font-size:14px;line-height:1.5}
.brand { display: inline-flex; gap: 10px; align-items: center; text-decoration: none; font-size: 20px; font-weight: 850; letter-spacing: -.045em; }
.brand-mark { width: 32px; height: 32px; display: grid; place-items: center; flex: 0 0 auto; }
.brand-mark img { display: block; width: 100%; height: 100%; }
.brand-word { line-height: 1; letter-spacing: -.055em; }
.topnav { display: flex; align-items: center; gap: 4px; min-width:0; }
.navlink { border: 0; background: transparent; text-decoration: none; padding: 9px 10px; border-radius: 10px; color: var(--muted); font-weight: 600; white-space:nowrap; }
.navlink:hover, .navlink.active { color: var(--ink); background: oklch(0.93 0.018 92); }
.header-actions { display: flex; align-items: center; gap: 9px; }
.upgrade-link { display: inline-flex; align-items: center; gap: 7px; min-height: 38px; padding: 7px 13px; border: 1px solid var(--ink); border-radius: 999px; background: var(--accent); color: var(--ink); font-size: 14px; font-weight: 800; text-decoration: none; transition: transform .18s var(--ease), box-shadow .18s var(--ease); }
.upgrade-link:hover { transform: translateY(-2px); box-shadow: 0 5px 0 oklch(0.2 0.02 75 / .14); }
.upgrade-link span { transition: transform .18s var(--ease); }
.upgrade-link:hover span { transform: translate(2px,-2px); }
.balance { background: var(--ink); color: var(--surface); padding: 9px 13px; border-radius: 999px; font-size: 14px; font-weight: 700; white-space: nowrap; }
.btn { min-height: 44px; padding: 10px 17px; border: 1px solid var(--ink); background: var(--surface); border-radius: 12px; font-weight: 750; transition: transform .18s var(--ease), box-shadow .18s var(--ease), background .18s; display: inline-flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none; }
.btn:hover { transform: translateY(-2px); box-shadow: 0 7px 0 oklch(0.2 0.02 75 / .12); }
.btn:active { transform: translateY(0); box-shadow: none; }
.btn span[aria-hidden="true"] { display: inline-block; transition: transform .2s var(--ease); }
.btn:hover span[aria-hidden="true"] { transform: translateX(4px); }
.btn.primary { background: var(--accent); color: var(--ink); }
.btn.dark { background: var(--ink); color: var(--surface); }
.btn.ghost { border-color: var(--line); background: transparent; }
.btn.danger { border-color: var(--error); color: var(--error); background: transparent; }
.btn.small { min-height: 38px; padding: 7px 12px; font-size: 14px; }
.text-btn { border: 0; background: transparent; color: var(--blue); padding: 7px 2px; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.icon-btn { width: 42px; height: 42px; border: 1px solid var(--line); border-radius: 50%; background: var(--surface); font-size: 18px; }
.icon-btn.saved { color: var(--blue); background: var(--blue-soft); border-color: var(--blue); }
.tag { display: inline-flex; align-items: center; gap: 6px; padding: 5px 9px; border-radius: 999px; background: oklch(0.93 0.018 92); color: var(--muted); font-size: 12px; font-weight: 700; }
.tag.blue { color: var(--blue); background: var(--blue-soft); }
.tag.accent, .tag.lime { color: var(--accent-dark); background: color-mix(in oklch, var(--accent) 16%, var(--surface)); }
.dot { width: 7px; height: 7px; background: var(--success); border-radius: 50%; }

/* landing */
.landing-nav { position: sticky; top: 0; left: 0; right: 0; z-index: 30; min-height: 74px; display: flex; align-items: center; justify-content: space-between; padding: 10px max(24px, calc((100vw - 1240px)/2)); border-bottom: 1px solid color-mix(in oklch,var(--line) 58%,transparent); background: color-mix(in oklch,var(--surface) 97%,transparent); backdrop-filter: blur(16px); }
.landing-nav .topnav { background: transparent; border: 0; padding: 5px; border-radius: 15px; }
.landing-nav .brand { font-size: 21px; }
.landing-nav .brand-mark { width: 34px; height: 34px; }
.landing-nav .navlink { color: color-mix(in oklch,var(--muted) 90%,var(--ink)); font-size: 14px; }
.landing-nav .topnav .navlink span { display: inline-block; margin-left: 5px; font-size: 13px; transition: transform .2s var(--ease); }
.landing-nav .topnav .navlink:hover span { transform: translateY(2px); }
.landing-nav .landing-actions { gap: 8px; }
.landing-nav .landing-actions .btn { min-height: 44px; border-radius: 7px; }
.landing-nav .recruiter-link { margin-right: 10px; }
.landing-fold { min-height: calc(100vh - 74px); min-height: calc(100svh - 74px); display: flex; flex-direction: column; background: var(--surface); }
.landing-fold .contact-hero { flex: 1 0 auto; }
.landing-fold .fold-company-band { flex: 0 0 auto; }
.hero { min-height: 790px; padding: 145px 24px 72px; position: relative; overflow: hidden; isolation: isolate; background: var(--canvas); }
.hero::before { content: ''; position: absolute; z-index: 1; width: 540px; height: 540px; border-radius: 50%; background: var(--accent); right: -170px; top: -130px; opacity: .92; }
.hero::after { content: ''; position: absolute; z-index: 1; width: 270px; height: 270px; border: 2px solid var(--blue); border-radius: 50%; left: -140px; bottom: -80px; }
.hero-grid { max-width: var(--max); margin: 0 auto; display: grid; grid-template-columns: 1.05fr .95fr; gap: 70px; align-items: center; position: relative; z-index: 2; }
.eyebrow { font-size: 13px; letter-spacing: .12em; text-transform: uppercase; font-weight: 800; color: var(--blue); }
.hero h1 { font-size: clamp(50px, 6.35vw, 82px); line-height: .95; letter-spacing: -.07em; margin: 18px 0 26px; max-width: 790px; }
.hero h1 span { position: relative; display: inline-block; }
.hero h1 span::after { content: ''; position: absolute; height: 13px; left: 0; right: -5px; bottom: 3px; background: color-mix(in oklch,var(--accent) 70%,var(--surface)); z-index: -1; transform: rotate(-1deg); transform-origin: left center; animation: marker-sweep .7s 1s var(--ease) both; }
.hero-copy { font-size: 19px; color: var(--muted); max-width: 560px; }
.pain-truths { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 22px; }
.pain-truths span { display: inline-flex; align-items: center; gap: 7px; padding: 6px 10px; border: 1px solid var(--line); border-radius: 999px; background: color-mix(in oklch,var(--surface) 82%,transparent); color: var(--muted); font-size: 12px; font-weight: 750; }
.pain-truths span::before { content: '✓'; color: var(--accent-dark); font-weight: 900; }
.hero-actions { display: flex; gap: 12px; margin-top: 32px; flex-wrap: wrap; }
.hero-actions .primary { position: relative; overflow: hidden; }
.hero-actions .primary::after { content: ''; position: absolute; inset: -40% auto -40% -55%; width: 32%; background: linear-gradient(90deg,transparent,oklch(1 0 0/.72),transparent); transform: skewX(-18deg); animation: cta-sheen 4.8s 1.8s ease-in-out infinite; pointer-events: none; }
.trustline { margin-top: 25px; font-size: 13px; color: var(--muted); }
.preview-stack { position: relative; min-height: 480px; }
.preview-card { position: absolute; width: min(430px, 100%); background: var(--surface); border: 1px solid var(--ink); border-radius: 24px; padding: 23px; box-shadow: var(--shadow); transition: border-color .3s var(--ease), box-shadow .3s var(--ease); will-change: transform; }
.preview-card:nth-child(1) { top: 0; left: 0; transform: rotate(-3deg); }
.preview-card:nth-child(2) { top: 92px; left: 35px; transform: rotate(2deg); }
.preview-card:nth-child(3) { top: 188px; left: 4px; }
.preview-stack:hover .preview-card:nth-child(1) { transform: translate(-12px,-9px) rotate(-5deg); }
.preview-stack:hover .preview-card:nth-child(2) { transform: translate(16px,-5px) rotate(3deg); }
.person { display: flex; align-items: center; gap: 13px; }
.avatar { width: 48px; height: 48px; border-radius: 50%; background: var(--blue-soft); display: grid; place-items: center; color: var(--blue); font-weight: 800; border: 1px solid color-mix(in oklch, var(--blue) 30%, var(--line)); flex: 0 0 auto; }
.person h3, .person p { margin: 0; }
.person h3 { font-size: 16px; }
.person p { color: var(--muted); font-size: 13px; }
.match { margin: 18px 0; padding: 12px; border-radius: 12px; background: color-mix(in oklch, var(--accent) 12%, var(--surface)); font-size: 13px; }
.preview-foot { display: flex; justify-content: space-between; align-items: center; }
.preview-card .dot { animation: status-pulse 2.4s ease-in-out infinite; }
.logo-orbit { position: relative; min-height: 480px; isolation: isolate; perspective: 900px; }
.logo-orbit::before { content: ''; position: absolute; left: 50%; top: 48%; width: 390px; height: 310px; transform: translate(-50%,-50%); border-radius: 50%; background: radial-gradient(circle,color-mix(in oklch,var(--accent) 20%,transparent),transparent 66%); filter: blur(16px); opacity: .65; }
.radar-sweep { position: absolute; z-index: 1; left: 50%; top: 48%; width: 410px; height: 410px; border-radius: 50%; transform: translate(-50%,-50%); overflow: hidden; opacity: .62; pointer-events: none; }
.radar-sweep::before { content: ''; position: absolute; inset: -20%; background: conic-gradient(from -35deg,transparent 0 82%,color-mix(in oklch,var(--accent-dark) 0%,transparent) 82%,color-mix(in oklch,var(--accent-dark) 42%,transparent) 96%,transparent 100%); animation: radar-turn 5.5s linear infinite; }
.radar-sweep::after { content: ''; position: absolute; inset: 0; border: 1px solid color-mix(in oklch,var(--accent-dark) 28%,transparent); border-radius: 50%; box-shadow: inset 0 0 35px color-mix(in oklch,var(--accent) 16%,transparent); }
.orbit-ring { position: absolute; left: 50%; top: 48%; border-radius: 50%; transform: translate(-50%,-50%); background: conic-gradient(from 20deg,transparent 0 8%,color-mix(in oklch,var(--accent-dark) 55%,transparent) 8% 11%,transparent 11% 36%,color-mix(in oklch,var(--ink) 24%,transparent) 36% 38%,transparent 38% 72%,color-mix(in oklch,var(--accent-dark) 45%,transparent) 72% 76%,transparent 76%); mask: radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px)); animation: orbit-spin 28s linear infinite; opacity: .9; }
.ring-one { width: 330px; height: 330px; }
.ring-two { width: 490px; height: 410px; animation-direction: reverse; animation-duration: 38s; opacity: .58; }
.logo-core { position: absolute; z-index: 2; left: 50%; top: 48%; width: 178px; height: 138px; transform: translate(-50%,-50%); border: 1px solid color-mix(in oklch,var(--accent) 65%,var(--ink)); border-radius: 38px; background: linear-gradient(145deg,oklch(0.25 0.018 80),var(--ink)); color: var(--surface); display: grid; place-content: center; text-align: center; box-shadow: 0 0 0 8px color-mix(in oklch,var(--accent) 22%,transparent), 0 24px 58px oklch(0.18 0.02 80/.24); animation: core-breathe 4.8s ease-in-out infinite; }
.logo-core::before { content: ''; position: absolute; inset: -1px; border-radius: inherit; background: linear-gradient(120deg,var(--accent),transparent 32% 68%,var(--accent)); opacity: .55; z-index: -1; filter: blur(6px); }
.logo-core span, .logo-core small { color: oklch(0.8 0.01 90); font-size: 11px; text-transform: uppercase; letter-spacing: .09em; }
.logo-core strong { font-size: 27px; letter-spacing: -.045em; }
.logo-core small { display: flex; justify-content: center; align-items: center; gap: 6px; margin-top: 4px; }
.logo-core small i, .mock-search b i { width: 7px; height: 7px; display: inline-block; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 0 color-mix(in oklch,var(--accent) 55%,transparent); animation: live-ping 1.5s ease-out infinite; }
.company-logo { position: absolute; z-index: 3; min-width: 132px; min-height: 62px; padding: 12px 17px; display: flex; align-items: center; justify-content: center; gap: 9px; overflow: hidden; border: 1px solid color-mix(in oklch,var(--ink) 55%,var(--line)); border-radius: 999px; background: color-mix(in oklch,var(--surface) 91%,transparent); backdrop-filter: blur(14px) saturate(1.2); box-shadow: 0 14px 34px oklch(0.2 0.015 80/.13), inset 0 1px 0 oklch(1 0 0/.8); font-size: 18px; letter-spacing: -.025em; transition: transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease), background .3s var(--ease); will-change: transform; }
.company-logo::after { content: ''; position: absolute; inset: -30% auto -30% -55%; width: 30%; background: linear-gradient(90deg,transparent,oklch(1 0 0/.82),transparent); transform: skewX(-18deg); animation: logo-glint 5.5s ease-in-out infinite; pointer-events: none; }
.company-logo strong { position: relative; z-index: 1; display: inline-block; transform-origin: center; transition: transform .3s var(--ease), letter-spacing .3s var(--ease); }
.company-logo:hover { z-index: 8; transform: translate3d(0,-8px,35px) scale(1.13); border-color: var(--accent-dark); background: var(--surface); box-shadow: 0 0 0 5px color-mix(in oklch,var(--accent) 35%,transparent), 0 24px 50px oklch(0.2 0.02 80/.2); animation-play-state: paused,running; }
.company-logo:hover strong { transform: scale(1.3); letter-spacing: -.04em; }
.company-logo.google { left: 2%; top: 8%; animation: logo-drift-a 6.2s ease-in-out infinite,logo-reveal .72s .12s var(--ease) backwards; }
.company-logo.amazon { right: 1%; top: 18%; animation: logo-drift-b 7s .4s ease-in-out infinite,logo-reveal .72s .24s var(--ease) backwards; }
.company-logo.apple { left: 1%; bottom: 17%; animation: logo-drift-c 6.6s .8s ease-in-out infinite,logo-reveal .72s .36s var(--ease) backwards; }
.company-logo.netflix { right: 5%; bottom: 5%; animation: logo-drift-a 7.4s .3s ease-in-out infinite reverse,logo-reveal .72s .48s var(--ease) backwards; }
.company-logo.meta { right: -1%; top: 51%; animation: logo-drift-c 6.4s .55s ease-in-out infinite reverse,logo-reveal .72s .6s var(--ease) backwards; }
.logo-letter { font-size: 27px; font-weight: 900; background: conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 42%,#fbbc05 0 66%,#ea4335 0 82%,#4285f4 0); color: transparent; background-clip: text; -webkit-background-clip: text; }
.company-logo.amazon { padding-bottom: 18px; }
.amazon-smile { position: absolute; width: 54px; height: 12px; left: 50%; bottom: 8px; transform: translateX(-36%); border-bottom: 3px solid #ff9900; border-radius: 50%; }
.apple-mark { position: relative; width: 21px; height: 24px; border-radius: 48% 48% 52% 52% / 48% 48% 58% 58%; background: var(--ink); color: transparent; }
.apple-mark::after { content: ''; position: absolute; width: 9px; height: 5px; right: 1px; top: -5px; border-radius: 9px 1px 9px 1px; background: var(--ink); transform: rotate(-32deg); }
.company-logo.netflix strong { color: #e50914; font-family: Impact, Arial Black, sans-serif; letter-spacing: -.02em; }
.meta-mark { color: #0866ff; font-size: 36px; font-weight: 700; line-height: .7; }
.company-logo.meta strong { color: #0866ff; }
.logo-disclaimer { position: absolute; left: 50%; bottom: -2px; width: 100%; margin: 0; transform: translateX(-50%); color: var(--muted); font-size: 11px; text-align: center; }
.landing-actions { display: flex; align-items: center; gap: 5px; }
.login-link { color: var(--ink); }
.hero { min-height: 820px; padding-top: 132px; }
.hero-grid { grid-template-columns: 1.08fr .92fr; gap: 54px; }
.hero-content { max-width: 650px; }
.hero h1 { max-width: 650px; font-size: clamp(58px,6.1vw,88px); }
.hero-copy { max-width: 570px; font-size: 18px; }
.hero-search { display: grid; grid-template-columns: 1.12fr .9fr auto; align-items: end; gap: 8px; max-width: 760px; margin-top: 30px; padding: 9px; border: 1px solid var(--ink); border-radius: 18px; background: color-mix(in oklch,var(--surface) 94%,transparent); box-shadow: 8px 8px 0 color-mix(in oklch,var(--accent) 66%,var(--canvas)); backdrop-filter: blur(15px); }
.hero-search label { display: grid; gap: 3px; min-width: 0; padding: 3px 11px; }
.hero-search label + label { border-left: 1px solid var(--line); }
.hero-search label > span { color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.hero-search input, .hero-search select { width: 100%; min-height: 32px; padding: 2px 0; border: 0; outline: 0; background: transparent; font-size: 14px; font-weight: 700; }
.hero-search select { cursor: pointer; }
.hero-search .btn { min-height: 52px; white-space: nowrap; }
.hero-actions { align-items: center; margin-top: 22px; color: var(--muted); font-size: 12px; }
.text-link { color: var(--ink); font-size: 13px; font-weight: 800; text-decoration: none; border-bottom: 1px solid var(--ink); }
.text-link span { display: inline-block; transition: transform .2s var(--ease); }
.text-link:hover span { transform: translate(2px,-2px); }
.hero-stage { width: min(1380px,calc(100% - 48px)); margin: 0 auto; display: grid; grid-template-columns: minmax(200px,.75fr) minmax(520px,1.7fr) minmax(220px,.82fr); gap: 30px; align-items: center; position: relative; z-index: 2; }
.hero-stage .hero-content { max-width: 700px; justify-self: center; text-align: center; }
.hero-stage .hero-content > .eyebrow { display: inline-flex; padding: 7px 11px; border: 1px solid color-mix(in oklch,var(--accent-dark) 30%,var(--line)); border-radius: 999px; background: color-mix(in oklch,var(--surface) 74%,transparent); }
.hero-stage h1 { max-width: 760px; margin-inline: auto; font-family: var(--font-sans); font-size: clamp(54px,5.4vw,78px); font-weight: 800; letter-spacing: -.055em; }
.hero-stage .hero-copy { max-width: 650px; margin-inline: auto; }
.hero-stage .hero-search { max-width: 760px; margin-inline: auto; text-align: left; }
.hero-stage .hero-actions { justify-content: center; }
.hero-proof { position: relative; min-height: 430px; }
.proof-card { position: absolute; width: 235px; padding: 16px; display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; border: 1px solid var(--ink); border-radius: 18px; background: color-mix(in oklch,var(--surface) 94%,transparent); box-shadow: 7px 7px 0 color-mix(in oklch,var(--accent) 54%,var(--canvas)); backdrop-filter: blur(12px); }
.proof-card .avatar { width: 38px; height: 38px; }
.proof-card > div { display: grid; min-width: 0; }
.proof-card strong { font-size: 13px; }
.proof-card small { overflow: hidden; color: var(--muted); font-size: 10px; white-space: nowrap; text-overflow: ellipsis; }
.proof-check { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; background: var(--accent); font-size: 11px; font-weight: 900; }
.proof-card p { grid-column: 1 / -1; margin: 4px 0 0; padding-top: 11px; border-top: 1px solid var(--line); color: var(--muted); font-size: 11px; }
.proof-card-one { top: 45px; right: 0; animation: proof-float-one 5.8s ease-in-out infinite; }
.proof-card-two { top: 208px; right: 18px; animation: proof-float-two 6.4s .5s ease-in-out infinite; }
.proof-caption { position: absolute; right: 17px; bottom: 28px; color: var(--muted); font-size: 10px; }
.hero-stage > * { animation: hero-copy-in .72s var(--ease) backwards; }
.hero-stage > :nth-child(1) { animation-delay: .2s; }
.hero-stage > :nth-child(2) { animation-delay: .08s; }
.hero-stage > :nth-child(3) { animation-delay: .35s; }
.contact-hero { min-height: 540px; padding: 48px 24px 30px; display: grid; align-items: center; position: relative; isolation: isolate; overflow: hidden; background: var(--surface); }
.hero.contact-hero::before, .hero.contact-hero::after { display: none; }
.contact-hero .hero-stage { width: min(1320px,calc(100% - 32px)); grid-template-columns: minmax(580px,1.45fr) minmax(470px,1fr); gap: 34px; }
.contact-hero .hero-content { grid-column: 1; grid-row: 1; align-self: center; justify-self: center; width: 100%; max-width: 700px; display: flex; flex-direction: column; }
.contact-hero .hero-content h1 { max-width: 720px; margin: 0 0 18px; font-size: clamp(52px,4.75vw,72px); line-height: .96; letter-spacing: -.045em; color: var(--ink); text-align: left; }
.contact-hero .hero-content h1::after { display: none; }
.rotating-word { width: auto; display: inline-block; position: relative; vertical-align: baseline; line-height: inherit; transition: width .42s var(--ease); }
.rotating-word::after { content: ''; position: absolute; z-index: 2; left: .02em; right: .02em; bottom: .015em; height: .08em; border-radius: 999px; background: var(--accent); transform-origin: left center; transition: transform .22s ease; }
.rotating-word > span { display: inline-block; white-space: nowrap; line-height: inherit; transition: opacity .22s ease,transform .22s ease; }
.rotating-word.is-changing::after { transform: scaleX(.3); }
.rotating-word.is-changing > span { opacity: 0; transform: translateY(-.28em); }
.contact-hero .hero-copy { max-width: 620px; margin: 0; color: color-mix(in oklch,var(--ink) 78%,var(--muted)); font-family: var(--font-sans); font-size: 21px; text-align: left; }
.contact-hero .hero-copy strong { position: relative; color: var(--ink); font-weight: 700; }
.contact-hero .hero-copy strong::after { content: ''; position: absolute; left: 0; right: 0; bottom: -5px; height: 3px; border-radius: 4px; background: var(--accent); }
.hero-start-card { width: min(650px,100%); margin: 28px 0 0; overflow: hidden; border: 1px solid color-mix(in oklch,var(--ink) 38%,var(--line)); border-radius: 18px; background: var(--surface); box-shadow: 0 16px 42px oklch(.22 .025 80/.1); text-align: left; }
.hero-resume-start { min-height: 116px; padding: 22px; display: grid; grid-template-columns: 50px minmax(0,1fr) auto; gap: 16px; align-items: center; position: relative; background: linear-gradient(115deg,color-mix(in oklch,var(--accent) 25%,var(--surface)),color-mix(in oklch,var(--accent) 7%,var(--surface))); }
.hero-resume-start::after { content: ''; position: absolute; right: 18%; top: -74px; width: 160px; height: 160px; border: 1px solid color-mix(in oklch,var(--accent-dark) 17%,transparent); border-radius: 50%; pointer-events: none; }
.resume-start-icon { width: 50px; height: 58px; display: grid; place-items: center; position: relative; z-index: 1; border: 1px solid var(--ink); border-radius: 9px 9px 9px 3px; background: var(--surface); color: var(--ink); box-shadow: 4px 4px 0 var(--accent); font-size: 13px; font-weight: 900; letter-spacing: -.03em; transform: rotate(-3deg); }
.resume-start-copy { min-width: 0; display: grid; gap: 4px; position: relative; z-index: 1; }
.recommended-label { display: inline-flex; align-items: center; gap: 6px; color: var(--accent-dark); font-size: 9px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.recommended-label i { width: 6px; height: 6px; border-radius: 50%; background: var(--accent-dark); box-shadow: 0 0 0 4px color-mix(in oklch,var(--accent) 25%,transparent); }
.hero-resume-start strong { font-size: 18px; line-height: 1.2; letter-spacing: -.02em; }
.hero-resume-start small { display: flex; flex-wrap: wrap; gap: 5px 11px; color: var(--muted); font-size: 10px; font-weight: 700; }
.hero-resume-start small span { display: inline-flex; align-items: center; gap: 5px; }
.hero-resume-start small span::before { content: '✓'; color: var(--accent-dark); font-weight: 900; }
.hero-resume-start .btn { min-height: 48px; padding-inline: 18px; position: relative; z-index: 1; border-radius: 10px; white-space: nowrap; }
.hero-cta-stack { min-width: 250px; padding-top: 10px; display: grid; justify-items: stretch; gap: 4px; position: relative; z-index: 2; }
.hero-resume-start .hero-cta-stack > small { display: block; justify-self: center; margin-top: 5px; color: var(--muted); font-size: 9px; font-weight: 650; text-align: center; }
.hero-cta-stack .btn { width: 100%; margin-top: 2px; }
.cta-button-wrap { position: relative; z-index: 1; margin-top: 4px; isolation: isolate; }
.cta-button-wrap::after { content: ''; position: absolute; z-index: -1; inset: 4px 8px -8px; border-radius: 50%; background: color-mix(in oklch,var(--accent) 48%,transparent); filter: blur(14px); opacity: .48; pointer-events: none; }
.btn.primary.free-score-cta { z-index: 1; min-height: 54px; justify-content: center; overflow: visible; isolation: isolate; padding: 10px 18px 10px 20px; border: 2px solid transparent; border-radius: 12px; background: linear-gradient(135deg,#dcff72 0%,#baf12e 48%,#91cd00 100%) padding-box,linear-gradient(115deg,#344b00 0%,#f3ffb4 18%,#8fc900 38%,#314600 60%,#eaff91 82%,#4f6c00 100%) border-box; color: #152000; box-shadow: 0 4px 0 #4d7000,0 12px 25px rgb(91 132 0 / 24%),0 0 16px color-mix(in oklch,var(--accent) 38%,transparent); }
.btn.primary.free-score-cta::before { content: ''; position: absolute; z-index: 0; inset: 2px; border-radius: 9px; background: linear-gradient(108deg,transparent 18%,rgb(255 255 255 / 5%) 34%,rgb(255 255 255 / 38%) 48%,rgb(255 255 255 / 7%) 61%,transparent 76%); background-size: 260% 100%; background-position: 170% 0; clip-path: inset(0 round 9px); animation: cta-reflection 3.8s ease-in-out infinite; pointer-events: none; }
.btn.primary.free-score-cta:hover { background: linear-gradient(135deg,#e8ff91 0%,#c6f94a 48%,#a1df08 100%) padding-box,linear-gradient(115deg,#405b00 0%,#fbffd2 18%,#a1dc05 38%,#3c5500 60%,#f1ffa9 82%,#638600 100%) border-box; color: #111a00; box-shadow: 0 6px 0 #4d7000,0 16px 30px rgb(91 132 0 / 28%),0 0 22px color-mix(in oklch,var(--accent) 46%,transparent); transform: translateY(-2px); }
.btn.primary.free-score-cta:active { transform: translateY(3px); box-shadow: 0 1px 0 #4d7000,0 7px 16px rgb(91 132 0 / 22%),0 0 10px color-mix(in oklch,var(--accent) 32%,transparent); }
.cta-free-sticker { position: absolute; z-index: 4; top: -10px; right: 13px; padding: 5px 8px 4px; border: 2px solid transparent; border-radius: 999px; background: linear-gradient(135deg,#a82019,#70100c) padding-box,linear-gradient(135deg,#4d0705 0%,#ff6b60 27%,#8d130d 52%,#ffaaa3 72%,#500805 100%) border-box; color: white; box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%),2px 2px 0 rgb(82 9 6 / 76%); font-size: 7px; font-weight: 950; letter-spacing: .1em; line-height: 1; text-transform: uppercase; transform: rotate(5deg); }
.free-score-cta .cta-label { position: relative; z-index: 1; white-space: nowrap; font-size: 15px; font-weight: 880; letter-spacing: -.015em; }
.free-score-cta .cta-arrow { width: auto; height: auto; display: inline-block; position: relative; z-index: 1; margin-left: 4px; border-radius: 0; background: transparent; color: #152000; font-size: 19px; line-height: 1; }
.free-score-cta:hover > span[aria-hidden="true"] { animation: none; transform: none; }
.hero-direct-search { padding: 14px 16px; display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 18px; border-top: 1px solid var(--line); background: var(--surface); }
.hero-direct-search > div { display: grid; min-width: 126px; }
.hero-direct-search > div strong { font-size: 11px; }
.hero-direct-search > div small { color: var(--muted); font-size: 9px; }
.contact-hero .hero-search { max-width: none; min-height: 44px; margin: 0; padding: 0; grid-template-columns: minmax(0,1fr) auto; gap: 7px; align-items: stretch; border: 0; border-radius: 0; background: transparent; box-shadow: none; overflow: visible; }
.contact-hero .hero-search label { min-width: 0; display: flex; align-items: center; padding: 0 14px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); }
.contact-hero .hero-search input { min-width: 0; min-height: 42px; font-size: 12px; font-weight: 600; text-overflow: ellipsis; }
.contact-hero .hero-search input::placeholder { color: color-mix(in oklch,var(--muted) 86%,transparent); }
.contact-hero .hero-search input.placeholder-changing { opacity: .22; transform: translateY(-2px); }
.contact-hero .hero-search input { transition: opacity .18s ease,transform .18s ease; }
.contact-hero .hero-search .btn { min-height: 44px; padding-inline: 16px; border: 1px solid var(--ink); border-radius: 10px; font-size: 13px; }
.contact-hero .hero-search .btn:hover { transform: translateY(-2px); box-shadow: 3px 3px 0 var(--accent); }
.contact-hero .hero-assurance { margin-top: 18px; }
.contact-hero .hero-proof { grid-column: 2; grid-row: 1; min-height: 410px; }
.contact-hero .proof-card { width: 204px; min-height: 184px; padding: 48px 15px 15px; display: block; text-align: center; border: 1px solid color-mix(in oklch,var(--ink) 48%,var(--line)); border-radius: 18px; background: var(--surface); box-shadow: 0 14px 34px oklch(.22 .025 80/.09); }
.contact-hero .proof-card .portrait { position: absolute; left: 50%; top: -35px; width: 70px; height: 70px; transform: translateX(-50%); display: block; border: 1px solid color-mix(in oklch,var(--ink) 55%,var(--line)); border-radius: 50%; background: var(--accent-soft); box-shadow: 0 0 0 5px var(--surface),0 0 0 7px color-mix(in oklch,var(--accent) 45%,transparent); object-fit: cover; object-position: center 32%; }
.contact-hero .proof-card strong, .contact-hero .proof-card small { display: block; }
.contact-hero .proof-card strong { font-size: 14px; }
.contact-hero .proof-card small { margin: 2px 0 11px; color: var(--muted); font-size: 9px; }
.contact-line { display: grid; grid-template-columns: 16px 1fr 7px; align-items: center; gap: 5px; padding: 8px 0; border-top: 1px solid var(--line); color: var(--muted); font-size: 8.5px; text-align: left; white-space: nowrap; }
.contact-line span { color: var(--ink); font-size: 11px; text-align: center; }
.contact-line i { width: 6px; height: 6px; border-radius: 50%; background: var(--accent-dark); }
.hero-proof-left .proof-card { right: auto; }
.hero-proof-left .proof-card-one { top: 42px; left: 8px; z-index: 1; animation: proof-float-one 6s ease-in-out infinite; }
.hero-proof-left .proof-card-two { top: 210px; left: 54px; z-index: 3; animation: proof-float-two 6.5s .4s ease-in-out infinite; }
.hero-proof-right .proof-card-three { top: 18px; right: 8px; z-index: 2; animation: proof-float-two 6.2s .2s ease-in-out infinite; }
.hero-proof-right .proof-card-four { top: 192px; right: 42px !important; z-index: 4; animation: proof-float-one 6.7s .6s ease-in-out infinite; }
.hero-assurance { display: flex; justify-content: center; gap: 22px; margin-top: 28px; color: var(--muted); font-size: 11px; font-weight: 700; flex-wrap: wrap; }
.hero-assurance span { display: inline-flex; align-items: center; gap: 7px; }
.hero-assurance b { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; background: color-mix(in oklch,var(--accent) 24%,var(--surface)); color: var(--accent-dark); font-size: 10px; }
.company-band { padding: 42px 24px 48px; border-top: 1px solid color-mix(in oklch,var(--line) 60%,transparent); border-bottom: 1px solid color-mix(in oklch,var(--line) 60%,transparent); background: var(--surface); text-align: center; }
.company-band p { margin: 0 0 26px; font-size: 14px; font-weight: 750; }
.company-band p span { color: var(--muted); font-weight: 500; }
.company-wordmarks { max-width: 1020px; margin: auto; display: flex; justify-content: space-between; align-items: center; gap: 28px; flex-wrap: wrap; }
.company-wordmarks > span { width: 128px; height: 42px; display: grid; place-items: center; transition: transform .25s var(--ease); }
.company-wordmarks > span:hover { transform: translateY(-5px) scale(1.06); }
.company-wordmarks img { display: block; width: 100%; max-width: 128px; max-height: 38px; object-fit: contain; }
.company-wordmarks .apple-logo { width: 62px; }
.company-wordmarks .apple-logo img { width: 27px; height: 34px; }
.moving-company-band { overflow: hidden; }
.fold-company-band { position: relative; z-index: 4; margin-top: 0; padding: 22px 24px 30px; border-top-color: var(--line); border-bottom: 0; background: var(--surface); }
.fold-company-band::after { content: ''; position: absolute; z-index: 2; left: 0; right: 0; bottom: 8px; height: 1px; background: color-mix(in oklch,var(--ink) 28%,var(--line)); pointer-events: none; }
.fold-company-band p { margin-bottom: 17px; }
.company-marquee { width: 100vw; margin-left: calc(50% - 50vw); overflow: hidden; mask-image: linear-gradient(90deg,transparent 0,#000 2%,#000 98%,transparent 100%); }
.moving-company-band .company-wordmarks-track { --company-gap: max(72px,calc(16.6667vw - 106.67px)); width: max-content; max-width: none; margin: 0; justify-content: flex-start; flex-wrap: nowrap; gap: 0; animation: company-sequence 28s linear infinite; will-change: transform; }
.company-wordmarks-track > span { flex: 0 0 128px; margin-right: var(--company-gap); }
.company-marquee:hover .company-wordmarks-track { animation-play-state: paused; }
@keyframes company-sequence { to { transform: translateX(-50%); } }
.company-orbit-section { position: relative; overflow: hidden; min-height: 730px; padding: 66px 24px 24px; border-top: 1px solid color-mix(in oklch,var(--line) 60%,transparent); border-bottom: 1px solid var(--line); background: oklch(.965 .008 270); text-align: center; isolation: isolate; }
.company-orbit-section::before { content: ''; position: absolute; inset: auto 50% -230px auto; width: 620px; height: 620px; transform: translateX(50%); border-radius: 50%; background: radial-gradient(circle,color-mix(in oklch,var(--accent) 25%,transparent),transparent 67%); filter: blur(20px); opacity: .62; pointer-events: none; }
.company-orbit-copy { position: relative; z-index: 8; max-width: 680px; margin: 0 auto; }
.company-orbit-copy h2 { margin: 8px 0 10px; font-family: var(--font-sans); font-size: clamp(36px,4vw,54px); line-height: 1; letter-spacing: -.045em; }
.company-orbit-copy p { margin: 0; color: var(--muted); font-size: 16px; }
.company-orbit { position: relative; width: min(940px,100%); height: 510px; margin: -10px auto 0; perspective: 1000px; }
.company-orbit .orbit-ring { position: absolute; z-index: 3; left: 50%; top: 55%; transform: translate(-50%,-50%); border: 1px solid color-mix(in oklch,var(--ink) 30%,transparent); border-radius: 50%; background: transparent; mask: none; animation: none; opacity: 1; }
.company-orbit .orbit-one { width: 255px; height: 255px; }
.company-orbit .orbit-two { width: 390px; height: 390px; border-color: color-mix(in oklch,var(--accent-dark) 36%,transparent); }
.company-orbit .orbit-three { width: 545px; height: 545px; border-color: color-mix(in oklch,var(--ink) 22%,transparent); }
.orbit-node { position: absolute; left: 50%; top: 0; width: 1px; height: 50%; margin-left: -.5px; transform-origin: 50% 100%; will-change: transform; }
.orbit-cw .orbit-node { animation: company-orbit-cw 18s linear infinite; }
.orbit-ccw .orbit-node { animation: company-orbit-ccw 24s linear infinite; }
.orbit-three .orbit-node { animation-duration: 30s; }
.orbit-logo { position: absolute; left: 0; top: 0; width: 108px; height: 62px; margin: -31px 0 0 -54px; padding: 12px 14px; display: grid; place-items: center; border: 1px solid color-mix(in oklch,var(--ink) 55%,var(--line)); border-radius: 999px; background: var(--surface); box-shadow: 0 12px 32px oklch(0.2 0.015 80/.13), inset 0 1px 0 white; will-change: transform; transition: box-shadow .25s var(--ease), border-color .25s var(--ease), scale .25s var(--ease); }
.orbit-cw .orbit-logo { animation: company-counter-cw 18s linear infinite; }
.orbit-ccw .orbit-logo { animation: company-counter-ccw 24s linear infinite; }
.orbit-three .orbit-logo { animation-duration: 30s; }
.orbit-logo img { display: block; width: 100%; max-width: 82px; max-height: 30px; object-fit: contain; }
.apple-orbit-logo { width: 62px; margin-left: -31px; }
.apple-orbit-logo img { width: 24px; height: 30px; }
.orbit-logo:hover { z-index: 10; scale: 1.13; border-color: var(--accent-dark); box-shadow: 0 0 0 5px color-mix(in oklch,var(--accent) 30%,transparent),0 18px 38px oklch(.2 .015 80/.18); }
.company-globe { position: absolute; z-index: 5; left: 50%; top: 55%; width: 174px; height: 174px; transform: translate(-50%,-50%); display: grid; place-items: center; overflow: hidden; border: 1px solid var(--ink); border-radius: 50%; background: radial-gradient(circle at 34% 29%,oklch(.96 .03 124),var(--accent) 46%,var(--accent-dark) 100%); box-shadow: 0 0 0 12px color-mix(in oklch,var(--accent) 18%,transparent),0 24px 55px oklch(.2 .02 80/.2); }
.company-globe::before { content: ''; position: absolute; inset: 9px; border-radius: inherit; background-image: radial-gradient(circle at center,oklch(1 0 0/.92) 0 1.3px,transparent 1.6px); background-size: 13px 13px; mask-image: radial-gradient(circle,#000 34%,transparent 73%); animation: globe-particles 12s linear infinite; }
.company-globe::after { content: ''; position: absolute; inset: 18px -35px; border: 1px solid oklch(1 0 0/.45); border-radius: 50%; transform: rotate(-18deg); box-shadow: 0 28px 0 -27px oklch(1 0 0/.35),0 -28px 0 -27px oklch(1 0 0/.35); }
.company-globe span { position: relative; z-index: 2; width: 52px; height: 52px; display: grid; place-items: center; border: 1px solid var(--ink); border-radius: 14px; background: var(--surface); font-size: 24px; font-weight: 900; box-shadow: 5px 5px 0 color-mix(in oklch,var(--ink) 82%,transparent); }
.company-disclaimer { position: relative; z-index: 8; width: min(680px,calc(100% - 40px)); margin: -18px auto 0; color: var(--muted); font-size: 10px; }
.company-orbit:hover .orbit-node, .company-orbit:hover .orbit-logo { animation-play-state: paused; }
@keyframes company-orbit-cw { from { transform: rotate(var(--angle)); } to { transform: rotate(calc(var(--angle) + 360deg)); } }
@keyframes company-orbit-ccw { from { transform: rotate(var(--angle)); } to { transform: rotate(calc(var(--angle) - 360deg)); } }
@keyframes company-counter-cw { from { transform: rotate(var(--counter)); } to { transform: rotate(calc(var(--counter) - 360deg)); } }
@keyframes company-counter-ccw { from { transform: rotate(var(--counter)); } to { transform: rotate(calc(var(--counter) + 360deg)); } }
@keyframes globe-particles { to { background-position: 26px 13px; transform: rotate(360deg); } }
.trust-strip { position: relative; z-index: 3; max-width: var(--max); margin: -34px auto 0; display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--ink); border-radius: 20px; background: var(--surface); box-shadow: 9px 9px 0 var(--accent); overflow: hidden; }
.trust-strip > div { display: grid; grid-template-columns: auto 1fr; column-gap: 11px; align-items: center; padding: 21px 20px; border-right: 1px solid var(--line); }
.trust-strip > div:last-child { border-right: 0; }
.trust-strip span { grid-row: 1 / 3; align-self: start; color: var(--accent-dark); font-size: 11px; font-weight: 850; letter-spacing: .08em; }
.trust-strip strong { font-size: 14px; letter-spacing: -.015em; }
.trust-strip small { color: var(--muted); font-size: 11px; line-height: 1.35; }
.motion-rail { width: 100%; overflow: hidden; padding: 17px 0; border-bottom: 1px solid var(--ink); background: var(--accent); }
.rail-track { width: max-content; display: flex; align-items: center; gap: 24px; color: var(--ink); animation: rail-move 24s linear infinite; will-change: transform; }
.rail-track span { font-size: 13px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; white-space: nowrap; }
.rail-track i { font-size: 16px; font-style: normal; }
.motion-rail:hover .rail-track { animation-play-state: paused; }
.search-scope { background: color-mix(in oklch,var(--canvas) 72%,var(--surface)); }
.scope-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 72px; align-items: start; }
.scope-copy { position: sticky; top: 110px; }
.scope-copy .btn { margin-top: 20px; }
.signal-grid { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--line); border-radius: 24px; overflow: hidden; background: var(--surface); box-shadow: 10px 10px 0 color-mix(in oklch,var(--accent) 42%,var(--canvas)); }
.signal-grid article { min-height: 180px; padding: 26px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); transition: background .2s var(--ease), transform .2s var(--ease); }
.signal-grid article:nth-child(2n) { border-right: 0; }
.signal-grid article:nth-last-child(-n+2) { border-bottom: 0; }
.signal-grid article:hover { position: relative; z-index: 1; background: color-mix(in oklch,var(--accent) 12%,var(--surface)); }
.reveal.is-visible .signal-grid article { animation: signal-focus 9s ease-in-out infinite; }
.reveal.is-visible .signal-grid article:nth-child(2) { animation-delay: 1.5s; }
.reveal.is-visible .signal-grid article:nth-child(3) { animation-delay: 3s; }
.reveal.is-visible .signal-grid article:nth-child(4) { animation-delay: 4.5s; }
.reveal.is-visible .signal-grid article:nth-child(5) { animation-delay: 6s; }
.reveal.is-visible .signal-grid article:nth-child(6) { animation-delay: 7.5s; }
.signal-grid article > span { display: block; color: var(--accent-dark); font-size: 11px; font-weight: 850; letter-spacing: .1em; }
.signal-grid strong { display: block; margin-top: 25px; font-size: 19px; letter-spacing: -.025em; }
.signal-grid p { margin: 7px 0 0; color: var(--muted); font-size: 13px; }
.product-story { overflow: hidden; background: oklch(0.975 0.018 92); }
.product-story.alternate { background: oklch(0.95 0.022 92); color: var(--ink); }
.story-grid { display: grid; grid-template-columns: 1.08fr .92fr; gap: 78px; align-items: center; }
.alternate .story-grid { grid-template-columns: .92fr 1.08fr; }
.story-copy h2 { margin-top: 10px; font-size: clamp(42px,5vw,68px); line-height: .98; letter-spacing: -.06em; }
.story-copy > p { max-width: 53ch; color: var(--muted); font-size: 17px; }
.alternate .story-copy > p { color: var(--muted); }
.alternate .eyebrow { color: var(--accent-dark); }
.story-actions { display: flex; gap: 10px; margin-top: 28px; flex-wrap: wrap; }
.alternate .btn.ghost { border-color: var(--ink); color: var(--ink); }
.proof-list { display: grid; gap: 12px; margin: 28px 0 0; padding: 0; list-style: none; }
.proof-list li { display: flex; gap: 10px; align-items: center; font-weight: 700; }
.proof-list span { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 50%; background: var(--accent); font-size: 12px; }
.product-mock { position: relative; padding: 14px; border: 1px solid var(--ink); border-radius: 24px; background: var(--canvas); box-shadow: 13px 13px 0 var(--accent); transform: rotate(-1.2deg); transition: transform .5s var(--ease); }
.product-mock:hover { transform: rotate(0) translateY(-5px); }
.reveal .product-mock { opacity: 0; translate: -52px 18px; rotate: -3deg; scale: .94; transition: opacity .85s .08s var(--ease), translate .85s .08s var(--ease), rotate .85s .08s var(--ease), scale .85s .08s var(--ease); }
.reveal.is-visible .product-mock { opacity: 1; translate: 0 0; rotate: 0deg; scale: 1; }
.alternate .reveal .product-mock { translate: 52px 18px; rotate: 3deg; }
.alternate .reveal.is-visible .product-mock { translate: 0 0; rotate: 0deg; }
.alternate .product-mock { color: var(--ink); box-shadow: 13px 13px 0 var(--accent); }
.mock-toolbar { display: flex; align-items: center; gap: 6px; min-height: 37px; padding: 0 7px 10px; border-bottom: 1px solid var(--line); }
.mock-toolbar > span { width: 8px; height: 8px; border-radius: 50%; background: var(--line); }
.mock-toolbar > span:first-child { background: var(--accent); }
.mock-toolbar small { margin-left: auto; color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.mock-search { display: flex; justify-content: space-between; gap: 15px; margin: 13px 0; padding: 13px 15px; border: 1px solid var(--line); border-radius: 11px; background: var(--surface); color: var(--muted); font-size: 12px; }
.mock-search b { color: var(--ink); white-space: nowrap; }
.mock-search b { display: inline-flex; align-items: center; gap: 6px; }
.mock-scan { position: absolute; z-index: 5; left: 9px; right: 9px; top: 60px; height: 2px; opacity: 0; background: linear-gradient(90deg,transparent,var(--accent-dark),transparent); box-shadow: 0 0 18px var(--accent); pointer-events: none; animation: mock-scan 6.5s 1.2s var(--ease) infinite; }
.mock-cursor { position: absolute; z-index: 8; left: 68%; top: 77px; width: 31px; height: 31px; display: grid; place-items: center; border: 1px solid var(--ink); border-radius: 50% 50% 50% 5px; background: var(--accent); box-shadow: 4px 4px 0 color-mix(in oklch,var(--ink) 22%,transparent); font-size: 17px; font-weight: 900; animation: cursor-tour 6.5s 1.2s var(--ease) infinite; pointer-events: none; }
.results-mock .mock-profile { animation: result-breathe 6.5s ease-in-out infinite; }
.results-mock .mock-profile.faded { animation-delay: .65s; }
.mock-profile { padding: 18px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }
.mock-profile + .mock-profile { margin-top: 9px; }
.mock-profile.faded { opacity: .62; }
.mock-person, .rights-head { display: flex; gap: 12px; align-items: center; }
.mock-person > div, .rights-head > div { display: grid; min-width: 0; }
.mock-person small, .rights-head small { overflow: hidden; color: var(--muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.mock-person .tag { margin-left: auto; }
.mock-reason { margin-top: 15px; padding: 12px 14px; border-radius: 11px; background: color-mix(in oklch,var(--accent) 14%,var(--surface)); }
.mock-reason span { font-size: 11px; font-weight: 850; }
.mock-reason p { margin: 3px 0 0; font-size: 13px; }
.mock-tags { display: flex; gap: 6px; margin-top: 12px; flex-wrap: wrap; }
.mock-tags span { padding: 5px 8px; border-radius: 999px; background: var(--canvas); color: var(--muted); font-size: 10px; font-weight: 750; }
.rights-mock { padding-bottom: 18px; transform: rotate(1.2deg); }
.rights-head { padding: 22px 10px; }
.status-live { margin-left: auto; padding: 6px 9px; border-radius: 999px; background: color-mix(in oklch,var(--accent) 20%,var(--surface)); color: var(--accent-dark); font-size: 10px; font-weight: 850; }
.rights-control { display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 17px 13px; border-top: 1px solid var(--line); }
.rights-control > div { display: grid; }
.rights-control small { color: var(--muted); font-size: 11px; }
.rights-control > span:not(.toggle-illustration) { color: var(--accent-dark); font-size: 12px; font-weight: 800; white-space: nowrap; }
.toggle-illustration { width: 45px; height: 25px; flex: 0 0 auto; padding: 3px; border: 1px solid var(--ink); border-radius: 999px; background: var(--accent); }
.toggle-illustration::after { content: ''; display: block; width: 17px; height: 17px; margin-left: 19px; border-radius: 50%; background: var(--ink); }
.reveal.is-visible .toggle-illustration::after { animation: toggle-control 5.8s 1.1s var(--ease) infinite; }
.reveal.is-visible .status-live { animation: status-pop 5.8s 1.1s var(--ease) infinite; }
.rights-note { display: flex; gap: 10px; align-items: center; margin: 10px 5px 0; padding: 12px; border-radius: 11px; background: color-mix(in oklch,var(--accent) 13%,var(--surface)); }
.rights-note > span { width: 23px; height: 23px; display: grid; place-items: center; border-radius: 50%; background: var(--accent); font-size: 11px; }
.rights-note p { margin: 0; font-size: 12px; font-weight: 700; }
.final-cta { max-width: var(--max); margin: 0 auto 90px; padding: 48px 52px; display: flex; justify-content: space-between; align-items: end; gap: 40px; border: 1px solid var(--ink); border-radius: 26px; background: var(--accent); box-shadow: 10px 10px 0 var(--ink); }
.final-cta .eyebrow { color: var(--accent-dark); }
.final-cta h2 { max-width: 760px; margin: 10px 0; font-size: clamp(42px,5vw,70px); line-height: .96; letter-spacing: -.06em; }
.final-cta p { margin: 0; }
.final-cta .btn { flex: 0 0 auto; }
.evidence-section { background: var(--surface); }
.evidence-intro { max-width: 850px; margin: 0 auto 54px; display: block; text-align: center; }
.evidence-intro h2 { margin: 10px auto 12px; }
.evidence-intro p { margin: 0; color: var(--muted); font-size: 17px; }
.evidence-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; }
.evidence-grid article { min-height: 250px; padding: 30px; display: flex; flex-direction: column; justify-content: center; border: 1px solid var(--ink); border-radius: 18px; background: var(--surface); text-align: center; transition: transform .25s var(--ease),box-shadow .25s var(--ease); }
.evidence-grid article:hover { transform: translateY(-7px); box-shadow: 7px 7px 0 var(--accent); }
.evidence-grid article > span { display: block; font-family: var(--font-sans); font-size: 62px; font-weight: 700; line-height: 1; letter-spacing: -.055em; }
.evidence-grid strong { margin-top: 13px; color: var(--accent-dark); }
.evidence-grid p { margin: 8px 0 0; color: var(--muted); font-size: 13px; }
.section { padding: 100px 24px; }
.section-inner { max-width: var(--max); margin: 0 auto; }
.section h2 { margin: 8px 0 18px; font-family: var(--font-sans); font-size: clamp(38px, 4.5vw, 60px); font-weight: 800; line-height: 1.02; letter-spacing: -.05em; max-width: 800px; }
.section-intro { color: var(--muted); font-size: 18px; max-width: 620px; }
.how { padding-top: 56px; background: oklch(0.975 0.018 92); color: var(--ink); }
.how .eyebrow { color: var(--accent-dark); }
.steps { display: grid; grid-template-columns: 1fr 1.15fr 1fr; margin-top: 64px; border-top: 1px solid oklch(0.5 0.02 80); }
.step { padding: 28px 32px 28px 0; border-right: 1px solid oklch(0.5 0.02 80); }
.step + .step { padding-left: 32px; }
.step:last-child { border-right: 0; }
.step-num { color: var(--accent); font-weight: 800; }
.step h3 { font-size: 24px; letter-spacing: -.03em; margin: 26px 0 10px; }
.step p { color: var(--muted); max-width: 34ch; }
.price-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin-top: 48px; align-items: stretch; }
.pricing-heading, .pricing-toolbar { display: flex; align-items: end; justify-content: space-between; gap: 28px; }
.pricing-heading > div { min-width: 0; }
.pricing-controls { display: flex; align-items: end; justify-content: flex-end; gap: 12px; flex-wrap: wrap; }
.billing-cycle { padding: 4px; display: inline-flex; align-items: center; flex-wrap: wrap; gap: 3px; border: 1px solid var(--line); border-radius: 12px; background: color-mix(in oklch,var(--canvas) 55%,var(--surface)); }
.billing-cycle button { min-height: 34px; padding: 7px 11px; border: 0; border-radius: 8px; background: transparent; color: var(--muted); font-size: 12px; font-weight: 800; }
.billing-cycle button span { margin-left: 4px; color: var(--accent-dark); font-size: 9px; }
.billing-cycle button.active { background: var(--ink); color: var(--surface); box-shadow: 0 4px 10px oklch(.2 .01 80/.12); }
.billing-cycle button.active span { color: var(--accent); }
.pricing-toolbar { align-items: center; margin: 0 0 -18px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); }
.pricing-toolbar p { margin: 0; color: var(--muted); }
.pricing-toolbar .active-plan-note { margin-top: 12px; color: var(--ink); font-size: 13px; line-height: 1.45; }
.pricing-toolbar .btn { margin-top: 18px; }
.active-plan-note strong { font-weight: 850; }
.upgrade-head { align-items: flex-start; }
.upgrade-head h1 { max-width: 760px; }
.upgrade-head p { max-width: 680px; }
.upgrade-overview { display: grid; grid-template-columns: .72fr 1.28fr; overflow: hidden; margin-bottom: 22px; border: 1px solid var(--ink); border-radius: 24px; background: var(--surface); box-shadow: 8px 8px 0 color-mix(in oklch,var(--accent) 70%,var(--canvas)); }
.upgrade-stat { display: flex; flex-direction: column; justify-content: center; min-height: 240px; padding: 30px; background: var(--accent); color: var(--ink); border-right: 1px solid var(--ink); }
.upgrade-stat > span { font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.upgrade-stat strong { font-size: clamp(64px,8vw,96px); line-height: .9; letter-spacing: -.075em; margin: 18px 0 12px; }
.upgrade-stat p { margin: 0; max-width: 24ch; }
.upgrade-benefits { display: grid; align-content: center; padding: 18px 30px; }
.upgrade-benefits article { display: grid; grid-template-columns: 40px 1fr; gap: 14px; align-items: center; padding: 16px 0; border-bottom: 1px solid var(--line); }
.upgrade-benefits article:last-child { border-bottom: 0; }
.upgrade-benefits article > span { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--ink); border-radius: 50%; background: color-mix(in oklch,var(--accent) 24%,var(--surface)); font-weight: 850; }
.upgrade-benefits strong { display: block; }
.upgrade-benefits p { margin: 2px 0 0; color: var(--muted); font-size: 13px; }
.region-picker { display: grid; gap: 6px; min-width: 210px; font-size: 12px; font-weight: 750; }
.region-picker .field { min-height: 42px; }
.region-picker .billing-country-value { display:flex; align-items:center; min-width:220px; cursor:default; }
.price { position: relative; min-width: 0; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 22px; padding: 28px; background: var(--surface); }
.price.recommended { border-color: color-mix(in oklch,var(--accent-dark) 54%,var(--line)); }
.price.featured { border-color: var(--ink); box-shadow: 8px 8px 0 var(--accent); transform: translateY(-14px); }
.price.lifetime { background: var(--ink); color: var(--surface); border-color: var(--ink); }
.price.lifetime p, .price.lifetime .price-breakdown { color: oklch(0.8 0.01 90); }
.price.lifetime .billing-note { border-color: oklch(0.45 0.01 90); }
.price.lifetime .credit-count { color: var(--accent); }
.price.lifetime .price-breakdown { border-color: oklch(0.45 0.01 90); }
.plan-head { min-height: 28px; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.plan-badge { padding: 5px 7px; border-radius: 999px; background: color-mix(in oklch,var(--accent) 30%,var(--surface)); color: var(--accent-dark); font-size: 8px; font-weight: 900; letter-spacing: .07em; line-height: 1; text-transform: uppercase; }
.price.featured .plan-badge { background: var(--accent); color: var(--ink); }
.price h3 { margin: 0; font-size: 20px; }
.price strong { display: block; font-size: 48px; letter-spacing: -.05em; margin: 20px 0 2px; }
.price > strong { min-width: 0; font-size: clamp(28px,2.5vw,40px); line-height: 1.08; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.price-total-note { display: block; min-height: 22px; margin: 4px 0 14px; color: var(--muted); font-size: 11px; font-weight: 700; }
.price > strong small { display: block; margin: 6px 0 0; color: var(--muted); font-size: 12px; font-weight: 750; letter-spacing: 0; }
.yearly-saving { width: max-content; max-width: 100%; margin: 5px 0 11px; padding: 5px 8px; border-radius: 999px; background: var(--accent); color: var(--ink); font-size: 9px; font-weight: 900; }
.price-tax-label { display: block; margin-bottom: 18px; color: var(--muted); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.price p { color: var(--muted); }
.price .credit-count { margin: 0 0 12px; color: var(--ink); font-weight: 800; }
.plan-feature { margin: 18px 0 12px; padding: 12px; display: grid; grid-template-columns: auto 1fr; gap: 1px 9px; border: 1px solid color-mix(in oklch,var(--accent-dark) 40%,var(--line)); border-radius: 12px; background: color-mix(in oklch,var(--accent) 18%,var(--surface)); }
.plan-feature > span { grid-row: 1 / 3; width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; background: var(--accent); color: var(--ink); font-size: 11px; font-weight: 900; }
.plan-feature strong { margin: 0; font-size: 13px; letter-spacing: 0; }
.plan-feature small { color: var(--muted); font-size: 11px; line-height: 1.35; }
.price.lifetime .plan-feature { color: var(--ink); }
.price.lifetime .plan-feature strong { color: var(--ink); }
.price.lifetime .plan-feature small { color: var(--muted); }
.price-breakdown { display: grid; gap: 3px; padding-top: 14px; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; }
.price .unit-price { min-height: 21px; margin: 6px 0 20px; font-size: 12px; }
.price .billing-note { min-height: 38px; margin: auto 0 0; padding-top: 14px; border-top: 1px solid var(--line); color: var(--muted); font-size: 11px; font-weight: 700; }
.price .buy, .price > .btn { width: 100%; }
.price .plan-complete-note { margin: auto 0 0; padding-top: 14px; border-top: 1px solid var(--line); color: var(--ink); font-size: 12px; font-weight: 750; }
.tax-note { margin-top: 16px; padding: 14px 18px; border-left: 4px solid var(--accent-dark); background: var(--surface); color: var(--muted); font-size: 13px; }
.tax-note strong { color: var(--ink); }
.faq { border-top: 1px solid var(--line); margin-top: 70px; }
.faq details { border-bottom: 1px solid var(--line); padding: 20px 0; }
.faq summary { font-weight: 750; cursor: pointer; }
.faq p { color: var(--muted); max-width: 70ch; }
.footer { border-top: 1px solid var(--line); padding: 50px 24px; }
.footer-inner { max-width: var(--max); margin: auto; display: grid; gap: 28px; }
.footer-main { display: grid; grid-template-columns: auto 1fr auto; gap: 28px; align-items: center; width: 100%; }
.footer nav, .app-footer nav, .legal-footer { display: flex; gap: 14px 18px; flex-wrap: wrap; align-items: center; }
.footer nav a, .app-footer nav a, .legal-footer a, .footer-link { color: var(--muted); font-size: 12px; text-decoration: none; }
.footer nav a:hover, .app-footer nav a:hover, .legal-footer a:hover, .footer-link:hover { color: var(--ink); }
.footer-link { padding: 0; border: 0; background: none; font: inherit; font-size: 12px; line-height: 1.5; cursor: pointer; }
.app-footer { padding: 30px 24px 90px; border-top: 1px solid var(--line); background: var(--surface); }
.app-footer > div { max-width: var(--max); margin: auto; }
.app-footer .footer-main { display: grid; grid-template-columns: auto 1fr auto; gap: 28px; align-items: center; }
.app-footer nav { justify-content: center; }
.app-footer .footer-main > span, .footer-main > span { color: var(--muted); font-size: 12px; }
.operator-details { display: grid; grid-template-columns: auto auto minmax(260px,1fr); gap: 10px 22px; padding-top: 20px; margin-top: 20px; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; }
.operator-details strong { color: var(--ink); }

/* landing motion */
.landing-nav .brand { animation: nav-in .55s .05s var(--ease) backwards; }
.landing-nav .topnav { animation: nav-in .55s .13s var(--ease) backwards; }
.landing-nav > .btn { animation: nav-in .55s .21s var(--ease) backwards; }
.hero-grid > div:first-child > * { animation: hero-copy-in .72s var(--ease) backwards; }
.hero-grid > div:first-child > :nth-child(1) { animation-delay: .16s; }
.hero-grid > div:first-child > :nth-child(2) { animation-delay: .24s; }
.hero-grid > div:first-child > :nth-child(3) { animation-delay: .34s; }
.hero-grid > div:first-child > :nth-child(4) { animation-delay: .44s; }
.hero-grid > div:first-child > :nth-child(5) { animation-delay: .54s; }
.hero-grid > div:first-child > :nth-child(6) { animation: hero-copy-in .72s .62s var(--ease) backwards; }
.hero::before { animation: orb-in .95s .08s var(--ease) backwards, orb-drift 11s 1.2s ease-in-out infinite; transform-origin: 65% 30%; }
.hero::after { animation: ring-in .8s .42s var(--ease) backwards, ring-drift 9s 1.3s ease-in-out infinite; }
.preview-card:nth-child(1) { animation: card-stack-one .8s .3s var(--ease) backwards, card-float-one 6.5s 1.2s ease-in-out infinite; }
.preview-card:nth-child(2) { animation: card-stack-two .8s .42s var(--ease) backwards, card-float-two 7.2s 1.35s ease-in-out infinite; }
.preview-card:nth-child(3) { animation: card-stack-three .8s .54s var(--ease) backwards, card-float-three 6.8s 1.5s ease-in-out infinite; }
.reveal { opacity: 0; transform: translateY(38px); transition: opacity .7s var(--ease), transform .7s var(--ease); }
.reveal.is-visible { opacity: 1; transform: translateY(0); }
.reveal .step, .reveal .price, .reveal .faq details { opacity: 0; transform: translateY(22px); transition: opacity .55s var(--ease), transform .55s var(--ease); }
.reveal.is-visible .step, .reveal.is-visible .price, .reveal.is-visible .faq details { opacity: 1; transform: translateY(0); }
.reveal.is-visible :is(.step,.price,.faq details):nth-child(2) { transition-delay: .09s; }
.reveal.is-visible :is(.step,.price,.faq details):nth-child(3) { transition-delay: .18s; }
.reveal.is-visible :is(.step,.price,.faq details):nth-child(4) { transition-delay: .27s; }
@keyframes nav-in { from { opacity: 0; transform: translateY(-14px); } }
@keyframes hero-copy-in { from { opacity: 0; transform: translateY(26px); } }
@keyframes orb-in { from { opacity: 0; transform: scale(.72) rotate(-8deg); } }
@keyframes ring-in { from { opacity: 0; transform: translate(-35px,28px) scale(.8); } }
@keyframes card-stack-one { from { opacity: 0; transform: translate(70px,45px) rotate(3deg) scale(.94); } to { opacity: 1; transform: rotate(-3deg); } }
@keyframes card-stack-two { from { opacity: 0; transform: translate(80px,55px) rotate(6deg) scale(.94); } to { opacity: 1; transform: rotate(2deg); } }
@keyframes card-stack-three { from { opacity: 0; transform: translate(90px,65px) rotate(4deg) scale(.94); } to { opacity: 1; transform: none; } }
@keyframes marker-sweep { from { opacity: .25; transform: rotate(-1deg) scaleX(0); } to { opacity: 1; transform: rotate(-1deg) scaleX(1); } }
@keyframes orb-drift { 0%,100% { transform: translate3d(0,0,0) scale(1); } 50% { transform: translate3d(-22px,18px,0) scale(1.04); } }
@keyframes ring-drift { 0%,100% { transform: translate3d(0,0,0) rotate(0); } 50% { transform: translate3d(24px,-18px,0) rotate(8deg); } }
@keyframes card-float-one { 0%,100% { transform: translate3d(0,0,0) rotate(-3deg); } 50% { transform: translate3d(-7px,-12px,0) rotate(-4deg); } }
@keyframes card-float-two { 0%,100% { transform: translate3d(0,0,0) rotate(2deg); } 50% { transform: translate3d(8px,-9px,0) rotate(3deg); } }
@keyframes card-float-three { 0%,100% { transform: translate3d(0,0,0); } 50% { transform: translate3d(-4px,-14px,0); } }
@keyframes status-pulse { 0%,100% { box-shadow: 0 0 0 0 color-mix(in oklch,var(--success) 28%,transparent); } 50% { box-shadow: 0 0 0 5px transparent; } }
@keyframes cta-sheen { 0%,68%,100% { left: -55%; opacity: 0; } 72% { opacity: .85; } 88% { left: 125%; opacity: .2; } }
@keyframes cta-reflection { 0%,58% { background-position: 170% 0; opacity: 0; } 64% { opacity: .85; } 84% { background-position: -70% 0; opacity: .2; } 100% { background-position: -70% 0; opacity: 0; } }
@keyframes cta-outline-travel { to { --cta-angle: 360deg; } }
@keyframes orbit-spin { to { transform: translate(-50%,-50%) rotate(360deg); } }
@keyframes core-breathe { 0%,100% { box-shadow: 0 0 0 10px color-mix(in oklch,var(--accent) 48%,transparent),var(--shadow); } 50% { box-shadow: 0 0 0 17px color-mix(in oklch,var(--accent) 23%,transparent),var(--shadow); } }
@keyframes logo-orbit-motion { from { offset-distance: 0%; } to { offset-distance: 100%; } }
@keyframes logo-reveal { from { opacity: 0; scale: .7; filter: blur(5px); } to { opacity: 1; scale: 1; filter: blur(0); } }
@keyframes logo-glint { 0%,68%,100% { left: -55%; opacity: 0; } 72% { opacity: .75; } 90% { left: 130%; opacity: .1; } }
@keyframes logo-drift-a { 0%,100% { translate: 0 0; rotate: -1.5deg; } 48% { translate: 10px -13px; rotate: 1deg; } 75% { translate: -3px -6px; rotate: 0deg; } }
@keyframes logo-drift-b { 0%,100% { translate: 0 0; rotate: 1.5deg; } 42% { translate: -12px 9px; rotate: -1deg; } 72% { translate: -5px -5px; rotate: .5deg; } }
@keyframes logo-drift-c { 0%,100% { translate: 0 0; rotate: -.5deg; } 50% { translate: 8px 12px; rotate: 1.5deg; } }
@keyframes radar-turn { to { transform: rotate(360deg); } }
@keyframes live-ping { 0% { box-shadow: 0 0 0 0 color-mix(in oklch,var(--accent) 55%,transparent); } 75%,100% { box-shadow: 0 0 0 7px transparent; } }
@keyframes rail-move { to { transform: translateX(-50%); } }
@keyframes signal-focus { 0%,12%,100% { background: var(--surface); box-shadow: none; } 4%,8% { background: color-mix(in oklch,var(--accent) 21%,var(--surface)); box-shadow: inset 4px 0 0 var(--accent-dark); } }
@keyframes mock-scan { 0%,14%,100% { top: 60px; opacity: 0; } 18% { opacity: .9; } 54% { top: calc(100% - 34px); opacity: .75; } 58% { opacity: 0; } }
@keyframes cursor-tour { 0%,12% { left: 68%; top: 77px; transform: rotate(-8deg) scale(.9); opacity: 0; } 18% { opacity: 1; } 36% { left: 78%; top: 77px; transform: rotate(0) scale(1); } 42%,58% { left: 61%; top: 176px; transform: rotate(-6deg) scale(1); } 63% { transform: rotate(-6deg) scale(.8); box-shadow: 0 0 0 8px color-mix(in oklch,var(--accent) 30%,transparent); } 70%,100% { left: 61%; top: 176px; opacity: 0; } }
@keyframes result-breathe { 0%,24%,100% { transform: translateY(0); border-color: var(--line); } 38%,58% { transform: translateY(-4px); border-color: color-mix(in oklch,var(--accent-dark) 42%,var(--line)); box-shadow: 0 12px 24px oklch(0.23 0.02 80/.08); } }
@keyframes toggle-control { 0%,18%,100% { margin-left: 0; } 28%,75% { margin-left: 19px; } }
@keyframes status-pop { 0%,18%,100% { transform: scale(.86); opacity: .55; } 28%,75% { transform: scale(1); opacity: 1; box-shadow: 0 0 0 5px color-mix(in oklch,var(--accent) 16%,transparent); } }
@keyframes proof-float-one { 0%,100% { transform: translate(0,0) rotate(-2deg); } 50% { transform: translate(-8px,-13px) rotate(1deg); } }
@keyframes proof-float-two { 0%,100% { transform: translate(0,0) rotate(1.5deg); } 50% { transform: translate(8px,-10px) rotate(-1deg); } }
@keyframes onboard-arrive { from { opacity: 0; transform: translateY(24px) scale(.975); } }

/* application */
[hidden] { display: none !important; }
.ats-page { max-width: 1180px; }
.ats-flow-stage { min-height: calc(100dvh - 155px); }
.ats-flow-stage > .ats-results { margin-top: 0; }
.ats-journey { max-width: 760px; margin: -18px auto 38px; display: grid; grid-template-columns: auto 1fr auto 1fr auto 1fr auto; align-items: center; gap: 10px; }
.ats-journey > span { display: inline-flex; align-items: center; gap: 8px; color: var(--muted); font-size: 11px; font-weight: 800; white-space: nowrap; }
.ats-journey > span b { width: 25px; height: 25px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: var(--surface); color: var(--muted); font-size: 10px; }
.ats-journey > span.active { color: var(--ink); }
.ats-journey > span.active b { border-color: var(--ink); background: var(--accent); color: var(--ink); box-shadow: 0 0 0 4px color-mix(in oklch,var(--accent) 18%,transparent); }
.ats-journey > span.complete { color: var(--accent-dark); }
.ats-journey > span.complete b { border-color: var(--accent-dark); background: var(--ink); color: var(--accent); }
.ats-journey > span.complete + i { background: var(--accent-dark); }
.ats-journey > i { height: 1px; background: var(--line); }
.ats-page-head { align-items: flex-start; }
.ats-page-head > div { max-width: 760px; }
.ats-page-head h1 { max-width: 730px; font-size: clamp(42px,5vw,64px); line-height: .98; }
.ats-page-head p { max-width: 680px; margin-top: 12px; font-size: 16px; line-height: 1.55; }
.ats-workspace { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(260px,.6fr); gap: 18px; align-items: start; }
.ats-upload { display: grid; gap: 20px; padding: clamp(24px,4vw,38px); }
.upload-heading { max-width: 620px; }
.upload-heading h2 { margin: 7px 0 8px; font-size: clamp(28px,3vw,38px); line-height: 1; letter-spacing: -.045em; }
.upload-heading p { margin: 0; color: var(--muted); line-height: 1.55; }
.upload-kicker { color: var(--accent-dark); font-size: 11px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.upload-zone { min-height: 230px; padding: 32px; display: grid; place-content: center; justify-items: stretch; gap: 7px; border: 2px dashed color-mix(in oklch,var(--accent-dark) 54%,var(--line)); border-radius: 18px; background: color-mix(in oklch,var(--accent) 8%,var(--surface)); text-align: center; transition: transform .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease); }
.upload-zone:not(.has-file):hover,.upload-zone.is-dragging { transform: translateY(-2px); border-color: var(--accent-dark); background: color-mix(in oklch,var(--accent) 15%,var(--surface)); }
.upload-zone input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; }
.resume-upload-empty { display: grid; justify-items: center; gap: 7px; cursor: pointer; }
.upload-icon { width: 54px; height: 54px; display: grid; place-items: center; border: 1px solid var(--ink); border-radius: 16px; background: var(--accent); font-size: 27px; font-weight: 800; }
.upload-zone strong { margin-top: 5px; font-size: 21px; }
.upload-visual-button { min-height: 42px!important; margin-top: 11px; pointer-events: none; }
.upload-zone small,.file-status,.ats-privacy { color: var(--muted); font-size: 12px; }
.upload-zone.has-file { place-content: stretch; border-style: solid; border-color: var(--accent-dark); background: color-mix(in oklch,var(--accent) 14%,var(--surface)); text-align: left; }
.upload-zone.has-error { border-color: var(--error); background: color-mix(in oklch,var(--error) 6%,var(--surface)); }
.resume-upload-ready { width: min(620px,100%); min-height: 164px; margin: auto; display: grid; grid-template-columns:auto minmax(0,1fr) auto; gap: 20px; align-items:center; }
.resume-ready-check { width: 62px; height: 62px; display: block; color: var(--accent-dark); animation: resume-ready-pop .58s var(--ease) both; }
.resume-ready-check svg { width: 100%; height: 100%; overflow: visible; }
.resume-ready-check circle { fill: var(--accent); stroke: var(--ink); stroke-width: 1.5; }
.resume-ready-check path { fill: none; stroke: var(--ink); stroke-width: 3.2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 28; stroke-dashoffset: 28; animation: resume-check-draw .42s .16s var(--ease) forwards; }
.resume-ready-copy { min-width: 0; display: grid; gap: 4px; animation: resume-ready-copy .5s .12s var(--ease) both; }
.resume-ready-copy>strong { margin: 0; font-size: 25px; letter-spacing: -.025em; }
.resume-ready-copy>span { color: var(--muted); font-size: 13px; }
.resume-file-meta { min-width: 0; margin-top: 12px; display: grid; gap: 2px; }
.resume-file-meta b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.resume-file-meta small { color: var(--muted); }
.resume-ready-actions { display: flex; align-items:center; gap: 12px; }
.resume-ready-actions .btn { min-height: 42px; cursor: pointer; }
.resume-ready-actions .text-btn { color: var(--muted); }
.ats-submit.is-ready { border-color: color-mix(in oklch,var(--accent-dark) 82%,var(--ink)); box-shadow: 0 7px 0 color-mix(in oklch,var(--accent-dark) 82%,var(--ink)); }
@keyframes resume-ready-pop { from { opacity: 0; transform: scale(.78); } to { opacity: 1; transform: scale(1); } }
@keyframes resume-check-draw { to { stroke-dashoffset: 0; } }
@keyframes resume-ready-copy { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.file-status { min-height: 38px; margin-top: -12px; display: flex; align-items: center; justify-content: center; gap: 9px; text-align: left; }
.file-status i { width: 26px; height: 26px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; background: var(--accent); color: var(--ink); font-style: normal; font-weight: 900; }
.file-status span,.file-status strong { display: block; }
.file-status strong { margin-bottom: 1px; color: var(--ink); }
.file-status.is-error { color: var(--error); }
.file-status.is-error i { background: color-mix(in oklch,var(--error) 15%,var(--surface)); color: var(--error); }
.ats-upload .side-label { display: flex; justify-content: space-between; }
.ats-upload .side-label em { color: var(--muted); font-style: normal; font-weight: 500; }
.job-description-field { display: grid; gap: 8px; }
.ats-upload textarea { min-height: 118px; resize: vertical; line-height: 1.5; }
.ats-upload .btn { min-height: 52px; }
.ats-submit { width: 100%; justify-content: center; font-size: 16px; box-shadow: 0 6px 0 color-mix(in oklch,var(--accent-dark) 75%,var(--ink)); }
.ats-submit:active { transform: translateY(3px); box-shadow: 0 3px 0 color-mix(in oklch,var(--accent-dark) 75%,var(--ink)); }
.ats-upload .btn:disabled { opacity: .5; cursor: not-allowed; }
.ats-privacy { margin: 0; line-height: 1.55; }
.ats-how { padding: 28px; border: 1px solid var(--ink); border-radius: 18px; background: var(--ink); color: var(--surface); }
.ats-how .eyebrow { color: var(--accent); }
.ats-how ol { margin: 24px 0 0; padding: 0; list-style: none; }
.ats-how li { padding: 18px 0; display: grid; grid-template-columns: 38px 1fr; gap: 12px; border-top: 1px solid oklch(1 0 0/.18); }
.ats-how li b { color: var(--accent); font-size: 13px; }
.ats-how li strong,.ats-how li span { display: block; }
.ats-how li span { margin-top: 4px; color: oklch(.8 .01 90); font-size: 12px; }
.analysis-preview { min-height: 184px; margin: -10px -10px 26px; padding: 20px; display: grid; grid-template-columns: auto minmax(0,1fr); column-gap: 12px; align-items: end; overflow: hidden; border: 1px solid oklch(1 0 0/.18); border-radius: 15px; background: linear-gradient(145deg,oklch(.25 .02 83),oklch(.18 .01 83)); }
.preview-window { grid-column: 1 / -1; display: flex; gap: 5px; align-self: start; }
.preview-window span { width: 7px; height: 7px; border-radius: 50%; background: oklch(1 0 0/.3); }
.preview-score { width: 105px; height: 105px; margin: 12px 0 0 0; display: grid; place-content: center; justify-items: center; border: 10px solid color-mix(in oklch,var(--accent) 82%,white); border-right-color: oklch(1 0 0/.15); border-radius: 50%; transform: rotate(-12deg); }
.preview-score > * { transform: rotate(12deg); }
.preview-score strong { font-size: 23px; }
.preview-score span { max-width: 62px; color: oklch(.82 .01 90); font-size: 9px; text-align: center; }
.preview-bars { min-width: 0; width: 100%; margin-bottom: 12px; display: grid; gap: 9px; }
.preview-bars i { height: 7px; border-radius: 999px; background: oklch(1 0 0/.12); }
.preview-bars i::after { content: ''; width: var(--bar,72%); height: 100%; display: block; border-radius: inherit; background: var(--accent); }
.preview-bars i:nth-child(2) { --bar: 88%; }
.preview-bars i:nth-child(3) { --bar: 58%; }
.preview-bars i:nth-child(4) { --bar: 77%; }
@media (max-width: 1100px) {
  .ats-workspace { grid-template-columns: minmax(0,1fr); }
}
@media (min-width: 701px) and (max-width: 1100px) {
  .ats-how { display: grid; grid-template-columns: minmax(220px,.8fr) minmax(0,1.2fr); column-gap: 28px; }
  .ats-how .analysis-preview { grid-column: 1; grid-row: 1 / 3; align-self: center; min-height: 230px; margin: 0; }
  .ats-how > .eyebrow { grid-column: 2; grid-row: 1; }
  .ats-how ol { grid-column: 2; grid-row: 2; margin-top: 10px; }
}
@media (max-width: 400px) {
  .analysis-preview { padding: 16px; column-gap: 8px; }
  .preview-score { width: 88px; height: 88px; border-width: 8px; }
  .preview-score strong { font-size: 19px; }
}
.ats-results { margin-top: 40px; display: grid; grid-template-columns: minmax(0,1fr); gap: 18px; scroll-margin-top: 100px; }
.paid-report-nav { margin: 6px 0 24px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); }
.paid-report-nav a { min-width: 0; padding: 16px 18px; display: grid; grid-template-columns: 29px minmax(0,1fr); gap: 10px; align-items: center; color: var(--muted); text-decoration: none; border-right: 1px solid var(--line); }
.paid-report-nav a:last-child { border-right: 0; }
.paid-report-nav a > span { width: 29px; height: 29px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; font-size: 11px; font-weight: 900; }
.paid-report-nav a div { min-width: 0; display: grid; gap: 2px; }
.paid-report-nav strong { color: var(--ink); font-size: 13px; }
.paid-report-nav small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; }
.paid-report-nav a.active { background: color-mix(in oklch,var(--accent) 18%,var(--surface)); color: var(--ink); }
.paid-report-nav a.active > span { border-color: var(--accent-dark); background: var(--accent); }
.paid-report-page { margin-top: 0; }
.report-page-head { padding: clamp(26px,4vw,40px); display: flex; justify-content: space-between; align-items: flex-end; gap: 30px; border: 1px solid var(--line); border-radius: 22px; background: var(--surface); }
.report-page-head > div:first-child { max-width: 720px; }
.report-page-head h1 { margin: 7px 0 10px; font-size: clamp(36px,5vw,58px); line-height: .98; letter-spacing: -.055em; }
.report-page-head p { max-width: 65ch; margin: 0; color: var(--muted); line-height: 1.55; }
.paid-next-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.paid-next-grid a { min-height: 180px; padding: 24px; display: grid; align-content: start; gap: 8px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); color: var(--ink); text-decoration: none; transition: transform .2s var(--ease),box-shadow .2s var(--ease); }
.paid-next-grid a:hover { transform: translateY(-3px); box-shadow: 5px 5px 0 var(--accent); }
.paid-next-grid span { color: var(--accent-dark); font-size: 11px; font-weight: 900; letter-spacing: .08em; }
.paid-next-grid strong { margin-top: 8px; font-size: 20px; letter-spacing: -.03em; }
.paid-next-grid small { color: var(--muted); line-height: 1.45; }
.paid-next-grid b { margin-top: 14px; font-size: 12px; }
.report-page-actions { padding-top: 4px; display: flex; justify-content: space-between; gap: 12px; }
.resume-editor-page { gap: 16px; }
.editor-page-head { align-items: center; background: linear-gradient(135deg,var(--surface),color-mix(in oklch,var(--accent) 9%,var(--surface))); }
.editor-page-head h1 { max-width: 760px; font-size: clamp(38px,4.7vw,54px); }
.editor-score { width: 148px; height: 148px; flex: 0 0 auto; display: grid; place-content: center; justify-items: center; border: 12px solid color-mix(in oklch,var(--score-color,var(--accent-dark)) 20%,var(--canvas)); border-top-color: var(--score-color,var(--accent-dark)); border-right-color: var(--score-color,var(--accent-dark)); border-radius: 50%; background: var(--surface); }
.editor-score span,.editor-score strong,.editor-score small { display: block; }
.editor-score span { max-width: 90px; color: var(--muted); font-size: 9px; font-weight: 800; text-align: center; text-transform: uppercase; letter-spacing: .06em; }
.editor-score strong { margin: 3px 0 1px; color: var(--score-color,var(--ink)); font-size: 42px; line-height: 1; letter-spacing: -.07em; }
.editor-score small { color: var(--muted); font-weight: 700; }
.editor-export-bar { padding: 15px 18px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }
.editor-export-bar > div:first-child strong,.editor-export-bar > div:first-child span { display: block; }
.editor-export-bar > div:first-child strong { font-size: 14px; }
.editor-export-bar > div:first-child span { margin-top: 2px; color: var(--muted); font-size: 11px; }
.editor-export-bar .ats-export-actions { margin: 0; }
.editor-export-bar .btn { min-height: 42px; padding: 10px 15px; }
.editor-workspace { grid-template-columns: minmax(0,1.5fr) minmax(300px,.7fr); gap: 16px; }
.editor-workspace .resume-preview-shell { box-shadow: 0 16px 45px oklch(.25 .02 80/.07); }
.editor-workspace .resume-paper { max-height: 650px; }
.editor-workspace .change-log { position: sticky; top: 92px; }
.change-log-head { margin-bottom: 22px; padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.change-log-head h3 { margin-bottom: 8px; }
.change-log-head p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.editor-workspace .remaining-work { padding-top: 0; }
.editor-workspace .remaining-work summary { padding: 18px 0 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; cursor: pointer; color: var(--ink); font-size: 12px; font-weight: 800; list-style: none; }
.editor-workspace .remaining-work summary::-webkit-details-marker { display: none; }
.editor-workspace .remaining-work summary span { width: 23px; height: 23px; display: grid; place-items: center; border-radius: 50%; background: var(--accent); font-size: 10px; }
.editor-workspace .remaining-work .ats-list { margin-top: 18px; }
.editor-analysis-link { margin-top: 23px; display: inline-flex; }
.editor-next-step { padding: clamp(24px,4vw,38px); display: flex; align-items: center; justify-content: space-between; gap: 32px; border: 1px solid var(--ink); border-radius: 22px; background: var(--ink); color: var(--surface); box-shadow: 8px 8px 0 var(--accent); }
.editor-next-step .eyebrow { color: var(--accent); }
.editor-next-step h2 { margin: 7px 0 8px; font-size: clamp(27px,3.2vw,40px); line-height: 1.02; letter-spacing: -.045em; }
.editor-next-step p { max-width: 66ch; margin: 0; color: oklch(.8 .01 90); font-size: 13px; }
.editor-next-step .btn { min-height: 54px; flex: 0 0 auto; padding-inline: 24px; box-shadow: none; }
.paid-analysis-body { border: 1px solid var(--line); border-radius: 20px; background: var(--surface); }
.paid-analysis-body h3 { margin: 6px 0 18px; font-size: 24px; letter-spacing: -.035em; }
.ats-processing { min-height: calc(100dvh - 285px); padding: clamp(28px,5vw,56px); display: grid; grid-template-columns: minmax(220px,.55fr) minmax(0,1.45fr); gap: clamp(28px,6vw,72px); align-items: center; border: 1px solid var(--line); border-radius: 24px; background: linear-gradient(135deg,color-mix(in oklch,var(--surface) 88%,var(--accent)),var(--surface)); box-shadow: 0 24px 70px oklch(.25 .03 80/.1); }
.processing-score { min-height: 330px; padding: 28px 20px; display: grid; place-content: center; justify-items: center; gap: 18px; border: 1px solid var(--line); border-radius: 20px; background: var(--surface); text-align: center; }
.processing-score > span { font-size: 12px; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; }
.processing-score > strong { font-size: 16px; }
.processing-score > small { color: var(--muted); }
.ats-speed-stage { width: min(100%,220px); height: 128px; position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: color-mix(in oklch,var(--accent) 13%,var(--canvas)); }
.ats-speed-stage .loader { position: absolute; top: 58%; left: 50%; margin-left: -50px; z-index: 2; animation: speeder .4s linear infinite; }
.ats-speed-stage .loader > span { width: 35px; height: 5px; position: absolute; top: -19px; left: 60px; border-radius: 2px 10px 1px 0; background: var(--ink); }
.ats-speed-stage .base span { width: 0; height: 0; position: absolute; border-top: 6px solid transparent; border-right: 100px solid var(--ink); border-bottom: 6px solid transparent; }
.ats-speed-stage .base span::before { content: ''; width: 22px; height: 22px; position: absolute; right: -110px; top: -16px; border-radius: 50%; background: var(--ink); }
.ats-speed-stage .base span::after { content: ''; width: 0; height: 0; position: absolute; top: -16px; right: -98px; border-top: 0 solid transparent; border-right: 55px solid var(--ink); border-bottom: 16px solid transparent; }
.ats-speed-stage .face { width: 20px; height: 12px; position: absolute; right: -125px; top: -15px; border-radius: 20px 20px 0 0; background: var(--ink); transform: rotate(-40deg); }
.ats-speed-stage .face::after { content: ''; width: 12px; height: 12px; position: absolute; right: 4px; top: 7px; border-radius: 0 0 0 2px; background: var(--ink); transform: rotate(40deg); transform-origin: 50% 50%; }
.ats-speed-stage .loader > span > span { width: 30px; height: 1px; position: absolute; background: var(--ink); animation: fazer1 .2s linear infinite; }
.ats-speed-stage .loader > span > span:nth-child(2) { top: 3px; animation: fazer2 .4s linear infinite; }
.ats-speed-stage .loader > span > span:nth-child(3) { top: 1px; animation: fazer3 .4s linear -1s infinite; }
.ats-speed-stage .loader > span > span:nth-child(4) { top: 4px; animation: fazer4 1s linear -1s infinite; }
.ats-speed-stage .longfazers { position: absolute; inset: 0; }
.ats-speed-stage .longfazers span { width: 35%; height: 2px; position: absolute; left: 200%; background: color-mix(in oklch,var(--ink) 78%,var(--accent)); }
.ats-speed-stage .longfazers span:nth-child(1) { top: 20%; animation: lf .6s linear -5s infinite; }
.ats-speed-stage .longfazers span:nth-child(2) { top: 40%; animation: lf2 .8s linear -1s infinite; }
.ats-speed-stage .longfazers span:nth-child(3) { top: 60%; animation: lf3 .6s linear infinite; }
.ats-speed-stage .longfazers span:nth-child(4) { top: 80%; animation: lf4 .5s linear -3s infinite; }
/* Shared deck loader: CSS owns the loop, so removing the view stops all motion. */
.global-page-loader { position: fixed; inset: 0; z-index: 140; display: grid; place-items: center; overflow-y: auto; padding: 32px 24px; background: var(--canvas); background-image: radial-gradient(var(--line) .7px, transparent .7px); background-size: 20px 20px; }
.global-loader-card { width: min(360px,100%); display: grid; justify-items: center; gap: 12px; text-align: center; }
.global-loader-card > strong { margin-top: 8px; font-size: 20px; letter-spacing: -.025em; }
.global-loader-card > span { color: var(--muted); font-size: 12px; }
.deck-loader { width: min(100%,300px); display: grid; justify-items: center; gap: 32px; margin-inline: auto; }
.deck-loader__stack { position: relative; width: min(224px,calc(100% - 32px)); aspect-ratio: 4 / 5; perspective: 1200px; }
.deck-loader__card { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: space-between; padding: 18px; border: 2px solid var(--ink); border-radius: 16px; background: var(--deck-color); color: var(--ink); box-shadow: 6px 6px 0 var(--ink); transform-origin: center 75%; animation: deck-shuffle 9s infinite; animation-delay: calc(var(--card-index) * -1.8s); animation-timing-function: var(--ease); }
.deck-loader__card:nth-child(1) { --deck-color: var(--accent); }
.deck-loader__card:nth-child(2) { --deck-color: var(--surface); }
.deck-loader__card:nth-child(3) { --deck-color: var(--accent-soft); }
.deck-loader__card:nth-child(4) { --deck-color: var(--canvas); }
.deck-loader__card:nth-child(5) { --deck-color: color-mix(in oklch,var(--accent) 45%,var(--surface)); }
.deck-loader__header, .deck-loader__meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.deck-loader__brand { width: 28px; height: 28px; }
.deck-loader__tag { padding: 3px 7px; border: 1px solid var(--ink); border-radius: 4px; background: var(--surface); font-size: 9px; font-weight: 800; letter-spacing: .04em; }
.deck-loader__body { display: grid; justify-items: center; gap: 14px; text-align: center; }
.deck-loader__icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; color: var(--surface); background: var(--ink); }
.deck-loader__icon svg { width: 23px; height: 23px; animation: deck-spin 3s linear infinite; }
.deck-loader__title { max-width: 12ch; font-size: 23px; font-weight: 850; line-height: 1.08; letter-spacing: -.035em; }
.deck-loader__meta { margin-bottom: 7px; font-size: 10px; font-weight: 700; }
.deck-loader__track { height: 12px; padding: 2px; overflow: hidden; border: 1px solid var(--ink); border-radius: 3px; background: var(--surface); }
.deck-loader__track::after { content: ''; display: block; width: 40%; height: 100%; background: var(--ink); animation: deck-progress 1.8s ease-in-out infinite; }
.deck-loader__status { display: inline-flex; align-items: center; justify-content: center; gap: 9px; max-width: 100%; padding: 9px 13px; border-radius: 7px; background: var(--ink); color: var(--surface); font-size: 11px; font-weight: 700; text-align: center; }
.deck-loader__status::before { content: ''; flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%; background: var(--accent); }
.matching-stage .deck-loader { margin-bottom: 24px; }
.processing-score .deck-loader { margin-block: 12px; }
.processing-score .deck-loader__stack { width: min(190px,calc(100% - 32px)); }
@keyframes deck-shuffle {
  0%,15% { transform: translate(0,0) rotate(0) scale(1); z-index: 5; opacity: 1; }
  19% { transform: translate(42px,-18px) rotate(12deg) scale(.96); z-index: 5; opacity: 0; }
  20% { transform: translate(12px,24px) rotate(8deg) scale(.84); z-index: 1; opacity: 0; }
  24%,35% { transform: translate(12px,24px) rotate(8deg) scale(.84); z-index: 1; opacity: 1; }
  40%,55% { transform: translate(9px,18px) rotate(-6deg) scale(.88); z-index: 2; opacity: 1; }
  60%,75% { transform: translate(6px,12px) rotate(4deg) scale(.92); z-index: 3; opacity: 1; }
  80%,95% { transform: translate(3px,6px) rotate(-2deg) scale(.96); z-index: 4; opacity: 1; }
  100% { transform: translate(0,0) rotate(0) scale(1); z-index: 5; opacity: 1; }
}
@keyframes deck-spin { to { transform: rotate(360deg); } }
@keyframes deck-progress { from { transform: translateX(-110%); } to { transform: translateX(360%); } }
@media(max-width:700px) { .matching-stage { min-height: min(680px,calc(100dvh - 48px)); } .deck-loader__stack { width: min(200px,calc(100% - 32px)); } }
@media(prefers-reduced-motion:reduce) {
  .deck-loader__card { animation: none; transform: translate(calc(var(--card-index) * 3px),calc(var(--card-index) * 6px)) rotate(calc(var(--card-index) * 2deg)); z-index: calc(5 - var(--card-index)); }
  .deck-loader__icon svg, .deck-loader__track::after { animation: none; }
}
.processing-main h2 { max-width: 650px; margin: 8px 0 12px; font-size: clamp(34px,4vw,52px); line-height: 1; letter-spacing: -.05em; }
.processing-main > p { max-width: 620px; margin: 0; color: var(--muted); }
.processing-steps { margin: 32px 0 0; padding: 0; display: grid; list-style: none; counter-reset: processing-step; }
.processing-steps li { padding: 17px 0; display: grid; grid-template-columns: 30px 1fr; gap: 13px; align-items: center; border-top: 1px solid var(--line); counter-increment: processing-step; }
.processing-steps li > i { width: 27px; height: 27px; position: relative; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--muted); font-size: 12px; font-style: normal; font-weight: 750; }
.processing-steps li > i::after { content: counter(processing-step); }
.processing-steps li > div strong,.processing-steps li > div span { display: block; }
.processing-steps li > div span { margin-top: 3px; color: var(--muted); font-size: 12px; }
.free-report-head { padding: clamp(24px,4vw,38px); display: flex; justify-content: space-between; align-items: flex-start; gap: 28px; border: 1px solid var(--ink); border-radius: 22px; background: linear-gradient(130deg,var(--surface),color-mix(in oklch,var(--accent) 13%,var(--surface))); }
.free-report-head > div { max-width: 760px; }
.free-report-head h2 { margin: 12px 0 8px; font-size: clamp(32px,4vw,48px); line-height: 1; letter-spacing: -.05em; }
.free-report-head p { max-width: 76ch; margin: 0; display: -webkit-box; overflow: hidden; color: var(--muted); line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.report-next-step { margin-top: 16px; display: block; color: var(--ink); font-size: 12px; font-weight: 800; }
.report-choice-actions { padding: clamp(24px,3.5vw,38px); display: grid; grid-template-columns: minmax(220px,.7fr) minmax(0,1.3fr); align-items: center; gap: clamp(24px,4vw,54px); border: 1px solid var(--line); border-radius: 24px; background: var(--surface); }
.report-choice-intro .eyebrow { color: var(--accent-dark); }
.report-choice-actions h3 { max-width: 12ch; margin: 9px 0 12px; font-size: 32px; line-height: 1.08; letter-spacing: -.04em; }
.report-choice-actions p { max-width: 34ch; margin: 0; color: var(--muted); font-size: 15px; line-height: 1.55; }
.report-choice-grid { overflow: hidden; display: grid; border: 1px solid var(--line); border-radius: 17px; background: var(--surface); }
.report-choice { min-height: 124px; padding: 23px 24px; display: grid; grid-template-columns: 42px minmax(0,1fr) auto; align-items: center; gap: 18px; color: var(--ink); text-decoration: none; transition: background .2s var(--ease); }
.report-choice + .report-choice { border-top: 1px solid var(--line); }
.report-choice-featured { background: var(--accent-soft); }
.report-choice:hover { background: color-mix(in oklch,var(--accent) 17%,var(--surface)); }
.report-choice:active { background: color-mix(in oklch,var(--accent) 25%,var(--surface)); }
.report-choice:focus-visible { outline: 3px solid var(--accent-dark); outline-offset: -5px; }
.report-choice-index { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: var(--surface); color: var(--accent-dark); font-size: 12px; font-weight: 800; }
.report-choice-featured .report-choice-index { border-color: var(--ink); background: var(--accent); color: var(--ink); }
.report-choice-copy { display: grid; gap: 5px; min-width: 0; }
.report-choice strong { font-size: 20px; line-height: 1.2; letter-spacing: -.025em; }
.report-choice small { max-width: 46ch; color: var(--muted); font-size: 14px; line-height: 1.45; }
.report-choice b { min-height: 42px; padding: 9px 14px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--ink); border-radius: 11px; background: var(--surface); color: var(--ink); font-size: 13px; font-weight: 800; white-space: nowrap; }
.report-choice-featured b { background: var(--ink); color: var(--surface); }
@media (max-width: 900px) { .report-choice-actions { grid-template-columns: 1fr; } .report-choice-actions h3,.report-choice-actions p { max-width: none; } }
@media (max-width: 720px) { .report-choice { grid-template-columns: 40px minmax(0,1fr); } .report-choice b { grid-column: 2; width: max-content; } }
.resume-subflow-head { padding: 8px 0 20px; }
.resume-subflow-head > div { max-width: 840px; }
.resume-subflow-head .text-btn { margin-bottom: 30px; }
.resume-subflow-head .eyebrow { display: block; }
.resume-subflow-head h1 { margin: 8px 0 12px; font-size: clamp(42px,6vw,68px); line-height: .98; letter-spacing: -.055em; }
.resume-subflow-head p { max-width: 720px; margin: 0; color: var(--muted); font-size: 16px; line-height: 1.55; }
.partial-resume-preview { min-height: 590px; padding: clamp(28px,5vw,54px); display: grid; grid-template-columns: minmax(260px,.7fr) minmax(420px,1.3fr); gap: clamp(32px,6vw,76px); align-items: center; overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: linear-gradient(135deg,color-mix(in oklch,var(--accent) 13%,var(--surface)),var(--surface)); }
.partial-resume-copy h2 { margin: 13px 0 10px; font-size: clamp(32px,4vw,46px); line-height: 1; letter-spacing: -.05em; }
.partial-resume-copy p { color: var(--muted); line-height: 1.55; }
.partial-resume-copy ul { margin: 24px 0 0; padding: 0; display: grid; gap: 11px; list-style: none; }
.partial-resume-copy li::before { content: '✓'; margin-right: 9px; color: var(--accent-dark); font-weight: 900; }
.partial-resume-paper { min-height: 500px; position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: 17px; background: #fff; color: #171714; box-shadow: 0 24px 60px oklch(.2 .02 80/.14); transform: rotate(.6deg); }
.partial-resume-paper .paper-toolbar { padding: 16px 18px; }
.partial-resume-paper pre { max-height: 420px; margin: 0; padding: 34px 38px 150px; overflow: hidden; white-space: pre-wrap; color: #222; font: 11px/1.65 Arial,Helvetica,sans-serif; }
.resume-preview-fade { height: 205px; position: absolute; left: 0; right: 0; bottom: 0; display: grid; place-content: end center; justify-items: center; gap: 5px; padding: 34px; background: linear-gradient(transparent 0%,rgba(255,255,255,.93) 42%,#fff 67%); text-align: center; }
.resume-preview-fade .preview-unlock-cta { min-height: 42px; padding-inline: 18px; border-radius: 999px; font-size: 12px; box-shadow: 0 12px 30px oklch(.2 .02 80/.2); }
.resume-preview-fade small { color: var(--muted); }
.focused-paywall { margin-top: 0; }
.resume-pricing-context { margin: 0 0 24px; padding: 18px 20px; display: grid; grid-template-columns: auto 1fr auto; gap: 14px; align-items: center; border: 1px solid color-mix(in oklch,var(--accent-dark) 28%,var(--line)); border-radius: 16px; background: color-mix(in oklch,var(--accent) 10%,var(--surface)); }
.resume-pricing-context > span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; background: var(--accent); color: var(--ink); font-weight: 950; }
.resume-pricing-context strong { display: block; margin-bottom: 3px; }
.resume-pricing-context p { margin: 0; color: var(--muted); line-height: 1.45; }
.resume-pricing-context a { color: var(--ink); font-weight: 850; text-decoration: underline; text-underline-offset: 4px; }
.subflow-back { justify-self: start; }
.ats-report-dashboard { display: grid; grid-template-columns: 250px minmax(0,1fr); gap: 18px; align-items: start; }
.ats-score-rail { width: 100%; min-width: 0; padding: 24px; position: sticky; top: 96px; display: grid; justify-items: center; gap: 14px; border: 1px solid var(--line); border-radius: 20px; background: var(--surface); text-align: center; }
.ats-score-dial { width: 155px; height: 155px; position: relative; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(var(--score-color,var(--accent-dark)) calc(var(--score)*1%),var(--canvas) 0); }
.ats-score-dial::before { content: ''; width: 119px; height: 119px; position: absolute; border-radius: 50%; background: var(--surface); }
.ats-score-dial > div { z-index: 1; display: flex; align-items: baseline; }
.ats-score-dial strong { color: var(--score-color,var(--ink)); font-size: 52px; line-height: 1; letter-spacing: -.055em; font-variant-numeric: tabular-nums; }
.ats-score-dial small { color: var(--muted); font-size: 15px; font-weight: 750; font-variant-numeric: tabular-nums; }
.score-critical { --score-color: #d92d48; --score-soft: #fff0f3; }
.score-warning { --score-color: var(--warning); --score-soft: var(--warning-soft); }
.score-strong { --score-color: #356a00; --score-soft: #effbd0; }
.score-status { margin-top: -6px; padding: 5px 9px; border: 1px solid color-mix(in oklch,var(--score-color) 34%,transparent); border-radius: 999px; background: var(--score-soft); color: var(--score-color); font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.score-verdict { width: 100%; max-width: 100%; display: block; overflow-wrap: anywhere; font-size: 15px; font-weight: 850; line-height: 1.5; }
.detected-role { width: 100%; padding: 13px; display: grid; gap: 3px; border-radius: 12px; background: var(--canvas); text-align: left; }
.detected-role span { color: var(--muted); font-size: 9px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.detected-role strong { min-width: 0; overflow-wrap: anywhere; font-size: 13px; line-height: 1.45; }
.ats-score-rail .btn { width: 100%; justify-content: center; }
.ats-score-rail > small { color: var(--muted); font-size: 11px; line-height: 1.45; }
.ats-score-method { margin: 14px 0 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.pdf-readability { min-width: 0; padding: 22px 24px; border: 1px solid var(--line); border-radius: 20px; background: var(--surface); }
.pdf-readability-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.pdf-readability-head h3 { margin: 5px 0 7px; font-size: 21px; letter-spacing: -.025em; line-height: 1.2; }
.pdf-readability-head p,.pdf-readability-note { max-width: 66ch; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.pdf-readability-status { flex: none; padding: 6px 9px; border: 1px solid var(--line); border-radius: 999px; color: var(--ink); font-size: 11px; font-weight: 800; white-space: nowrap; }
.pdf-readability-readable .pdf-readability-status { border-color: color-mix(in oklch,var(--accent-dark) 35%,var(--line)); background: color-mix(in oklch,var(--accent) 18%,var(--surface)); }
.pdf-readability-review .pdf-readability-status,.pdf-readability-unreadable .pdf-readability-status { border-color: var(--warning-line); background: var(--warning-soft); color: var(--warning); }
.pdf-readability-count { margin: 18px 0 8px; font-size: 12px; font-weight: 750; }
.pdf-readability-list { margin: 0; padding: 0; list-style: none; }
.pdf-readability-list li { display: grid; grid-template-columns: 24px minmax(0,1fr) auto; align-items: start; gap: 10px; padding: 12px 0; border-top: 1px solid var(--line); }
.pdf-check-mark { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; background: var(--canvas); color: var(--muted); font-size: 12px; font-weight: 900; }
.pdf-check-pass .pdf-check-mark { background: color-mix(in oklch,var(--accent) 30%,var(--surface)); color: var(--accent-dark); }
.pdf-check-review .pdf-check-mark,.pdf-check-fail .pdf-check-mark { background: var(--warning-soft); color: var(--warning); }
.pdf-readability-list strong { display: block; font-size: 13px; }
.pdf-readability-list p { margin: 2px 0 2px; font-size: 12px; line-height: 1.45; }
.pdf-readability-list small { color: var(--muted); font-size: 11px; line-height: 1.4; }
.pdf-check-state { color: var(--muted); font-size: 11px; font-weight: 750; white-space: nowrap; }
.pdf-readability-note { margin-top: 12px; }
@media(max-width:600px){.pdf-readability{padding:18px}.pdf-readability-head{display:block}.pdf-readability-status{display:inline-block;margin-top:12px}.pdf-readability-list li{grid-template-columns:24px minmax(0,1fr)}.pdf-check-state{grid-column:2}}
.ats-job-comparison { margin-top: 16px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--canvas); text-align: left; }
.ats-job-comparison strong { font-size: 12px; }
.ats-job-comparison p { margin: 5px 0 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.ats-breakdown strong { font-variant-numeric: tabular-nums; white-space: nowrap; }
.ats-report-content { min-width: 0; display: grid; gap: 18px; }
.report-section,.free-insight-grid > section { padding: clamp(22px,3vw,30px); border: 1px solid var(--line); border-radius: 20px; background: var(--surface); }
.report-section-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }
.report-section-head h3 { max-width: 600px; margin: 5px 0 20px; font-size: 25px; line-height: 1.1; letter-spacing: -.035em; }
.report-section-head > span { padding: 7px 10px; border-radius: 999px; background: var(--accent); font-size: 11px; font-weight: 900; }
.report-section-head > span[class*="score-"] { border: 1px solid color-mix(in oklch,var(--score-color) 30%,transparent); background: var(--score-soft); color: var(--score-color); }
.report-section .ats-breakdown { padding: 0; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px 22px; border: 0; border-radius: 0; }
.report-section .ats-breakdown span small { display: block; margin-top: 2px; color: var(--muted); font-size: 10px; font-weight: 650; }
.free-insight-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.free-insight-grid > section { min-width: 0; }
.free-insight-grid h3 { margin: 5px 0 19px; font-size: 22px; letter-spacing: -.035em; }
.free-insight-grid .ats-list li { min-width: 0; padding-left: 0; display: grid; grid-template-columns: 19px minmax(0,1fr); column-gap: 10px; align-items: start; line-height: 1.52; }
.free-insight-grid .ats-list li::before { position: static; grid-column: 1; margin-top: .16em; }
.free-insight-grid .ats-list li > span { min-width: 0; grid-column: 2; overflow-wrap: break-word; word-break: normal; }
.free-insight-grid .ats-list.good li::before { width: 19px; text-align: center; line-height: 19px; }
.free-insight-grid .ats-list.priority li::before { width: 19px; height: 19px; }
.locked-resume-preview { min-height: 460px; padding: clamp(28px,5vw,52px); display: grid; grid-template-columns: minmax(0,.8fr) minmax(360px,1.2fr); gap: clamp(34px,6vw,72px); align-items: center; overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: linear-gradient(135deg,color-mix(in oklch,var(--accent) 12%,var(--surface)),var(--surface)); }
.locked-preview-copy h3 { margin: 8px 0 12px; font-size: clamp(30px,4vw,44px); line-height: 1; letter-spacing: -.05em; }
.locked-preview-copy p { color: var(--muted); line-height: 1.55; }
.locked-preview-copy ul { margin: 24px 0 0; padding: 0; display: grid; gap: 10px; list-style: none; }
.locked-preview-copy li::before { content: '✓'; margin-right: 9px; color: var(--accent-dark); font-weight: 900; }
.locked-paper { min-height: 360px; padding: 19px; position: relative; border: 1px solid var(--line); border-radius: 17px; background: white; box-shadow: 0 22px 55px oklch(.2 .02 80/.14); transform: rotate(1deg); }
.paper-toolbar { padding-bottom: 13px; display: flex; justify-content: flex-end; gap: 4px; border-bottom: 1px solid #ddd; }
.paper-toolbar span,.paper-toolbar strong { padding: 7px 14px; border-radius: 8px; font-size: 10px; }
.paper-toolbar span { background: #eee; }
.paper-toolbar strong { background: var(--accent); }
.paper-lines { padding: 28px 20px; display: grid; gap: 15px; filter: blur(2px); opacity: .6; }
.paper-lines i { width: 92%; height: 9px; border-radius: 999px; background: #c9c9c9; }
.paper-lines i:nth-child(2),.paper-lines i:nth-child(5) { width: 62%; }
.paper-lines i:nth-child(3) { width: 82%; }
.paper-lines i:nth-child(6) { width: 74%; }
.locked-overlay { padding: 22px 28px; position: absolute; left: 50%; top: 56%; display: grid; justify-items: center; gap: 5px; border: 1px solid var(--ink); border-radius: 16px; background: var(--ink); color: var(--surface); box-shadow: 0 12px 30px oklch(.2 .02 80/.2); transform: translate(-50%,-50%) rotate(-1deg); text-align: center; white-space: nowrap; }
.locked-overlay > span { color: var(--accent); }
.locked-overlay small { color: oklch(.8 .01 90); }
@keyframes fazer1 { from { left: 0; } to { left: -80px; opacity: 0; } }
@keyframes fazer2 { from { left: 0; } to { left: -100px; opacity: 0; } }
@keyframes fazer3 { from { left: 0; } to { left: -50px; opacity: 0; } }
@keyframes fazer4 { from { left: 0; } to { left: -150px; opacity: 0; } }
@keyframes speeder {
  0% { transform: translate(2px,1px) rotate(0); }
  10% { transform: translate(-1px,-3px) rotate(-1deg); }
  20% { transform: translate(-2px,0) rotate(1deg); }
  30% { transform: translate(1px,2px) rotate(0); }
  40% { transform: translate(1px,-1px) rotate(1deg); }
  50% { transform: translate(-1px,3px) rotate(-1deg); }
  60% { transform: translate(-1px,1px) rotate(0); }
  70% { transform: translate(3px,1px) rotate(-1deg); }
  80% { transform: translate(-2px,-1px) rotate(1deg); }
  90% { transform: translate(2px,1px) rotate(0); }
  100% { transform: translate(1px,-2px) rotate(-1deg); }
}
@keyframes lf { from { left: 200%; } to { left: -200%; opacity: 0; } }
@keyframes lf2 { from { left: 200%; } to { left: -200%; opacity: 0; } }
@keyframes lf3 { from { left: 200%; } to { left: -100%; opacity: 0; } }
@keyframes lf4 { from { left: 200%; } to { left: -100%; opacity: 0; } }
@keyframes processing-pulse { 50% { transform: scale(.55); opacity: .45; } }
.free-score-hero { padding: clamp(24px,4vw,42px); display: grid; grid-template-columns: auto 1fr; gap: 30px; align-items: center; border: 1px solid var(--ink); border-radius: 22px; background: var(--surface); box-shadow: 8px 8px 0 var(--accent); }
.free-score-hero h2 { margin: 10px 0 8px; font-size: 34px; letter-spacing: -.04em; }
.free-score-hero p { max-width: 65ch; margin: 0; color: var(--muted); }
.free-score { width: 150px; height: 150px; display: grid; place-content: center; justify-items: center; border: 1px solid var(--ink); border-radius: 50%; background: var(--accent); }
.free-score span,.free-score small { font-size: 11px; font-weight: 750; }
.free-score strong { font-size: 54px; line-height: .9; letter-spacing: -.06em; }
.role-detected { display: inline-flex; margin-top: 16px; padding: 7px 10px; border-radius: 999px; background: var(--canvas); color: var(--muted); font-size: 12px; }
.role-detected strong { margin-left: 4px; color: var(--ink); }
.ats-upgrade-gate { padding: clamp(26px,4vw,40px); display: grid; grid-template-columns: 1fr auto; gap: 30px; align-items: center; border: 1px solid var(--ink); border-radius: 20px; background: var(--ink); color: var(--surface); }
.ats-upgrade-gate .eyebrow { color: var(--accent); }
.ats-upgrade-gate h3 { margin: 7px 0; font-size: 29px; letter-spacing: -.035em; }
.ats-upgrade-gate p { margin: 0; color: oklch(.8 .01 90); }
.ats-upgrade-gate ul { margin: 20px 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 9px 20px; list-style: none; }
.ats-upgrade-gate li { position: relative; padding-left: 20px; color: oklch(.85 .01 90); font-size: 13px; }
.ats-upgrade-gate li::before { content: '✓'; position: absolute; left: 0; color: var(--accent); font-weight: 900; }
.resume-discovery { padding: clamp(24px,4vw,38px); border: 1px solid var(--line); border-radius: 20px; background: var(--surface); }
.resume-discovery-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
.resume-discovery-head h3 { margin: 6px 0; font-size: 29px; letter-spacing: -.04em; }
.resume-discovery-head p { max-width: 72ch; margin: 0; color: var(--muted); font-size: 13px; }
.company-fit-grid { margin-top: 24px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.company-fit-card { padding: 20px; position: relative; display: grid; grid-template-columns: auto 1fr; gap: 13px 15px; align-items: center; border: 1px solid var(--line); border-radius: 16px; background: var(--canvas); transition: border-color .18s var(--ease),box-shadow .18s var(--ease),transform .18s var(--ease); }
.company-fit-card.selected { border-color: var(--accent-dark); box-shadow: inset 0 0 0 2px var(--accent),0 10px 24px oklch(.28 .04 110/.08); transform: translateY(-2px); }
.match-select { position: absolute; right: 14px; top: 14px; min-height: 31px; padding: 6px 10px; display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--line); border-radius: 999px; background: var(--surface); color: var(--ink); font: inherit; font-size: 10px; font-weight: 850; cursor: pointer; }
.match-select span { width: 17px; height: 17px; display: grid; place-items: center; border-radius: 50%; background: var(--canvas); }
.match-select[aria-pressed="true"] { border-color: var(--accent-dark); background: var(--accent); }
.match-select[aria-pressed="true"] span { background: var(--ink); color: var(--accent); }
.company-fit-card h4,.company-fit-card p { margin: 0; }
.company-fit-card h4 { font-size: 20px; }
.company-fit-card p { margin-top: 3px; color: var(--muted); font-size: 12px; }
.company-fit-score { width: 65px; height: 65px; display: grid; place-content: center; justify-items: center; border-radius: 50%; background: var(--accent); }
.company-fit-score strong { font-size: 13px; line-height: 1; }
.company-fit-score span { font-size: 8px; font-weight: 750; }
.matched-recruiter { grid-column: 1/-1; padding-top: 14px; display: flex; align-items: center; gap: 10px; border-top: 1px solid var(--line); }
.matched-recruiter .avatar { width: 36px; height: 36px; font-size: 11px; }
.matched-recruiter div { min-width: 0; flex: 1; }
.matched-recruiter strong,.matched-recruiter small { display: block; }
.matched-recruiter small { color: var(--muted); }
.matched-recruiter a { font-size: 12px; font-weight: 800; }
.resume-job { grid-column: 1/-1; padding: 12px; display: flex; align-items: center; justify-content: space-between; gap: 14px; border-radius: 11px; background: var(--surface); }
.resume-job span,.resume-job strong,.resume-job small { display: block; }
.resume-job span { color: var(--accent-dark); font-size: 9px; font-weight: 850; text-transform: uppercase; }
.resume-job strong { margin: 2px 0; font-size: 13px; }
.resume-job small { color: var(--muted); font-size: 10px; }
.resume-job a { font-size: 20px; text-decoration: none; }
.resume-job.no-current-role { border: 1px dashed var(--line); background: transparent; }
.resume-job.no-current-role span { color: var(--muted); }
.match-empty-state { padding: clamp(34px,6vw,68px); display: grid; justify-items: start; border: 1px dashed var(--line); border-radius: 20px; background: var(--surface); }
.match-empty-state h2 { max-width: 640px; margin: 8px 0 10px; font-size: clamp(28px,4vw,44px); letter-spacing: -.045em; }
.match-empty-state p { max-width: 68ch; margin: 0 0 22px; color: var(--muted); line-height: 1.6; }
.resume-discovery-cta { margin-top: 22px; }
.match-save-bar { margin-top: 22px; padding: 18px 20px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border: 1px solid var(--ink); border-radius: 16px; background: var(--ink); color: var(--surface); }
.match-save-bar strong,.match-save-bar small { display: block; }
.match-save-bar strong { font-size: 16px; }
.match-save-bar small { margin-top: 3px; color: oklch(.8 .01 90); }
.match-save-bar .btn { flex: 0 0 auto; }
.match-save-bar .btn:disabled { opacity: .42; cursor: not-allowed; }
.shortlist-ready { max-width: 850px; margin: 16px auto 0; padding: clamp(34px,6vw,68px); display: grid; justify-items: center; border: 1px solid var(--ink); border-radius: 26px; background: linear-gradient(145deg,var(--surface),color-mix(in oklch,var(--accent) 13%,var(--surface))); box-shadow: 10px 10px 0 var(--accent); text-align: center; }
.shortlist-ready-mark { width: 72px; height: 72px; margin-bottom: 22px; display: grid; place-items: center; border-radius: 50%; background: var(--accent); color: var(--ink); font-size: 34px; font-weight: 950; box-shadow: 0 0 0 10px color-mix(in oklch,var(--accent) 22%,transparent); }
.shortlist-ready h1 { max-width: 720px; margin: 9px 0 12px; font-size: clamp(42px,6vw,66px); line-height: .96; letter-spacing: -.06em; }
.shortlist-ready > p { max-width: 66ch; margin: 0; color: var(--muted); line-height: 1.6; }
.shortlist-ready-summary { width: min(100%,650px); margin: 30px 0; display: grid; gap: 9px; text-align: left; }
.shortlist-ready-summary article { padding: 13px 15px; display: flex; align-items: center; gap: 12px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); }
.shortlist-ready-summary .avatar { width: 40px; height: 40px; font-size: 11px; }
.shortlist-ready-summary article div { min-width: 0; flex: 1; }
.shortlist-ready-summary strong,.shortlist-ready-summary small { display: block; }
.shortlist-ready-summary small { margin-top: 2px; color: var(--muted); }
.shortlist-ready-summary a { font-size: 12px; font-weight: 850; }
.shortlist-ready-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 9px; }
.shortlist-ready-note { max-width: 68ch; margin-top: 24px; color: var(--muted); line-height: 1.5; }
.ats-result-hero { padding: clamp(24px,4vw,42px); display: grid; grid-template-columns: minmax(0,1.25fr) minmax(310px,.75fr); gap: 38px; align-items: center; border: 1px solid var(--ink); border-radius: 22px; background: var(--surface); box-shadow: 8px 8px 0 var(--accent); }
.result-status { display: inline-flex; align-items: center; gap: 8px; color: var(--accent-dark); font-size: 12px; font-weight: 850; }
.result-status i { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; background: var(--accent); color: var(--ink); font-style: normal; }
.ats-result-copy h2 { margin: 12px 0 10px; font-size: 38px; letter-spacing: -.045em; line-height: 1.03; }
.ats-result-copy p { max-width: 62ch; margin: 0; color: var(--muted); line-height: 1.6; }
.ats-result-copy p strong { color: var(--ink); }
.ats-export-actions { margin-top: 24px; display: flex; flex-wrap: wrap; gap: 9px; }
.score-comparison { position: relative; padding: 20px; display: grid; grid-template-columns: 1fr auto 1fr; gap: 12px; align-items: center; border: 1px solid var(--line); border-radius: 18px; background: var(--canvas); }
.score-step { min-width: 0; text-align: center; }
.score-step span,.score-step strong,.score-step small { display: block; }
.score-step span { color: var(--muted); font-size: 11px; font-weight: 750; }
.score-step strong { margin-top: 6px; font-size: 44px; line-height: .9; letter-spacing: -.06em; }
.score-step[class*="score-"] strong { color: var(--score-color); }
.score-step small { margin-top: 4px; color: var(--muted); }
.score-step.optimized { padding: 15px 8px; border-radius: 13px; background: var(--accent); }
.score-step.optimized span,.score-step.optimized small { color: var(--ink); }
.score-arrow { font-size: 22px; font-weight: 800; }
.score-delta { position: absolute; right: 12px; top: -12px; padding: 5px 8px; border: 1px solid var(--ink); border-radius: 999px; background: var(--surface); font-size: 10px; }
.ats-breakdown { padding: 20px; display: grid; grid-template-columns: repeat(5,1fr); gap: 18px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); }
.ats-breakdown div { display: grid; grid-template-columns: 1fr auto; gap: 6px; align-items: center; }
.ats-breakdown span { color: var(--muted); font-size: 11px; font-weight: 700; }
.ats-breakdown strong { font-size: 15px; }
.ats-breakdown i { grid-column: 1/-1; height: 7px; overflow: hidden; border-radius: 999px; background: var(--canvas); }
.ats-breakdown i b { height: 100%; display: block; border-radius: inherit; background: var(--score-color,var(--accent-dark)); }
.ats-breakdown [class*="score-"] strong { color: var(--score-color); }
.ats-score-gap { padding: 24px 28px; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.1fr); gap: 32px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); }
.ats-score-gap h3 { margin: 5px 0 10px; font-size: 23px; letter-spacing: -.03em; }
.ats-score-gap p { max-width: 62ch; margin: 0 0 12px; color: var(--muted); line-height: 1.5; }
.ats-score-gap a { color: var(--accent-dark); font-weight: 750; }
.ats-score-gap-factors { margin: 0; padding: 0; list-style: none; }
.ats-score-gap-factors li { padding: 0 0 10px; display: grid; gap: 4px; }
.ats-score-gap-factors li + li { padding-top: 10px; border-top: 1px solid var(--line); }
.ats-score-gap-factors strong { font-size: 14px; }
.ats-score-gap-factors span { color: var(--muted); font-size: 13px; line-height: 1.4; }
.ats-score-gap .ats-score-gap-findings { margin: 5px 0 0; font-size: 13px; }
.ats-score-gap-findings strong { color: var(--ink); }
.ats-output-layout { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(280px,.65fr); gap: 18px; align-items: start; }
.resume-preview-shell { min-width: 0; overflow: hidden; border: 1px solid var(--ink); border-radius: 20px; background: var(--canvas); }
.resume-preview-toolbar { padding: 16px 18px; display: flex; justify-content: space-between; align-items: center; gap: 16px; border-bottom: 1px solid var(--line); background: var(--surface); }
.resume-preview-toolbar strong,.resume-preview-toolbar span { display: block; }
.resume-preview-toolbar > span { color: var(--muted); font-size: 11px; font-weight: 750; }
.resume-version-toggle { padding: 3px; display: inline-flex; border: 1px solid var(--line); border-radius: 10px; background: var(--canvas); }
.resume-version-toggle button { min-height: 31px; padding: 6px 12px; border: 0; border-radius: 7px; background: transparent; color: var(--muted); font: inherit; font-size: 10px; font-weight: 850; cursor: pointer; }
.resume-version-toggle button.active { background: var(--accent); color: var(--ink); box-shadow: 0 1px 5px oklch(.2 .02 80/.1); }
.resume-change-key { padding: 9px 18px; display: flex; justify-content: flex-end; border-bottom: 1px solid var(--line); background: color-mix(in oklch,var(--accent) 8%,var(--surface)); color: var(--muted); font-size: 10px; font-weight: 750; }
.resume-change-key[hidden] { display: none; }
.resume-change-key span { display: inline-flex; align-items: center; gap: 7px; }
.resume-change-key i { width: 13px; height: 13px; border-radius: 3px; background: linear-gradient(180deg,transparent 38%,color-mix(in oklch,var(--accent) 82%,white) 38%); }
.resume-paper { max-height: 720px; margin: 24px; overflow: auto; padding: clamp(25px,5vw,52px); border: 1px solid var(--line); background: white; box-shadow: 0 14px 35px oklch(.2 .01 80/.08); }
.resume-paper pre { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; color: #151513; font: 12px/1.65 Arial,Helvetica,sans-serif; }
.resume-version[hidden] { display: none; }
.original-upload { min-height: 820px; display: grid; grid-template-rows: auto 1fr; background: #f5f5f3; }
.original-upload > div:first-child { padding: 10px 13px; display: flex; align-items: center; justify-content: space-between; gap: 14px; border-bottom: 1px solid #d8d8d4; color: #555; font-size: 10px; font-weight: 800; }
.original-upload > div:first-child span { text-transform: uppercase; letter-spacing: .08em; }
.original-upload > div:first-child a { color: #171714; text-underline-offset: 3px; }
.original-upload object { width: 100%; min-height: 780px; border: 0; background: white; }
.original-upload.original-text { padding: 0; background: white; }
.original-upload.original-text pre { padding: 30px; }
.original-upload.original-docx { background: white; }
.original-docx-content { padding: 34px 42px; color: #20201d; font: 12px/1.55 Arial,sans-serif; overflow: auto; }
.original-docx-content h1,.original-docx-content h2,.original-docx-content h3 { margin: 18px 0 8px; line-height: 1.15; }
.original-docx-content p { margin: 0 0 9px; }
.original-docx-content table { width: 100%; border-collapse: collapse; }
.original-docx-content td,.original-docx-content th { padding: 5px; vertical-align: top; }
.generated-cv { min-height: 820px; color: #171714; background: #fff; font: 11px/1.45 Arial,Helvetica,sans-serif; }
.cv-change { padding: 1px 2px; border-radius: 3px; background: color-mix(in oklch,var(--accent) 38%,white); color: #254400; font-weight: 750; box-shadow: inset 0 -2px 0 color-mix(in oklch,var(--accent-dark) 72%,transparent); box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.cv-header { padding-bottom: 10px; text-align: center; }
.cv-version { display: block; margin-bottom: 14px; color: #777; font-size: 8px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.cv-header h2 { margin: 0; font-size: clamp(25px,3.5vw,36px); line-height: 1.08; letter-spacing: -.02em; text-transform: uppercase; }
.cv-header > strong { display: block; margin-top: 4px; color: #171714; font-size: 11px; font-weight: 500; }
.cv-header p { margin: 5px 0 0; color: #333; font-size: 9px; overflow-wrap: anywhere; }
.cv-columns { padding-top: 8px; display: grid; grid-template-columns: minmax(0,1.45fr) minmax(180px,.85fr); gap: clamp(24px,4vw,42px); align-items: start; }
.cv-columns.cv-single { grid-template-columns: 1fr; }
.cv-section { margin-bottom: 15px; break-inside: avoid; }
.cv-section h3 { margin: 0 0 7px; padding-bottom: 4px; border-bottom: 1px solid #555; font-size: 13px; line-height: 1.1; text-transform: none; }
.cv-section h4 { margin: 9px 0 2px; font-size: 11px; }
.cv-section .cv-entry { font-weight: 750; }
.cv-section .cv-skill-line { margin: 3px 0; }
.cv-section p { margin: 4px 0; }
.cv-section .cv-meta { color: #666; font-size: 9px; }
.cv-section ul { margin: 6px 0 0; padding-left: 16px; }
.cv-section li { margin: 2px 0; }
.cv-skills { display: flex; flex-wrap: wrap; gap: 6px 8px; }
.cv-skills span { padding: 3px 5px; border-bottom: 1px solid #b9b9b9; font-size: 9px; font-weight: 700; }
.change-log { padding: 26px; border: 1px solid var(--line); border-radius: 20px; background: var(--surface); }
.change-log h3 { margin: 6px 0 22px; font-size: 25px; letter-spacing: -.035em; }
.remaining-work { margin-top: 26px; padding-top: 24px; border-top: 1px solid var(--line); }
.remaining-work .ats-list { margin-top: 15px; }
.ats-list { margin: 0; padding: 0; list-style: none; display: grid; gap: 11px; }
.ats-list li { position: relative; padding-left: 28px; color: var(--muted); }
.ats-list.good li::before { content: '✓'; position: absolute; left: 0; color: var(--accent-dark); font-weight: 900; }
.ats-list.priority { counter-reset: priority; }
.ats-list.priority li { counter-increment: priority; }
.ats-list.priority li::before { content: counter(priority); position: absolute; left: 0; width: 19px; height: 19px; display: grid; place-items: center; border-radius: 50%; background: var(--accent); color: var(--ink); font-size: 10px; font-weight: 900; }
.ats-details { overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); }
.ats-details summary { padding: 19px 22px; cursor: pointer; font-weight: 800; }
.ats-details[open] summary { border-bottom: 1px solid var(--line); }
.ats-details-body { padding: 25px; display: grid; grid-template-columns: .75fr 1.25fr; gap: 28px; }
.ats-details-body .rewrite-section { grid-column: 1/-1; }
.ats-details-body .rewrite-action { grid-column: 1/-1; padding: 22px; border: 1px solid var(--line); border-radius: 16px; background: var(--canvas); }
.ats-details-body .rewrite-action h3 { margin-bottom: 8px; }
.ats-details-body .rewrite-action p { max-width: 68ch; margin: 0 0 18px; color: var(--muted); }
.ats-details-body .tags { margin-top: 12px; }
.detail-note { margin: 7px 0 0; color: var(--muted); font-size: 12px; }
.rewrite-list { display: grid; gap: 12px; }
.rewrite-list article { padding: 18px; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; border: 1px solid var(--line); border-radius: 14px; background: var(--canvas); }
.rewrite-list article > div + div { padding-left: 16px; border-left: 1px solid var(--line); }
.rewrite-list span { color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.rewrite-list p { margin: 5px 0 0; }
.rewrite-list small { grid-column: 1/-1; color: var(--muted); }
.ats-advice { margin: 2px 0 0; color: var(--muted); font-size: 12px; text-align: center; }
.ats-locked { max-width: 760px; margin: 48px auto; padding: clamp(36px,7vw,72px); border: 1px solid var(--ink); border-radius: 26px; background: var(--surface); box-shadow: 10px 10px 0 var(--accent); text-align: center; }
.ats-locked h1 { margin: 10px 0 16px; font-size: clamp(42px,6vw,70px); line-height: .98; letter-spacing: -.06em; }
.ats-locked > p { max-width: 58ch; margin: 0 auto; color: var(--muted); }
.ats-locked > small { display: block; margin-top: 13px; color: var(--muted); }
.ats-preview { max-width: 460px; margin: 30px auto; padding: 18px; display: flex; align-items: center; gap: 16px; border: 1px solid var(--line); border-radius: 16px; text-align: left; }
.ats-preview > span { width: 64px; height: 64px; display: grid; place-items: center; border-radius: 50%; background: var(--accent); font-size: 25px; font-weight: 900; }
.ats-preview strong,.ats-preview small { display: block; }
.ats-preview small { margin-top: 4px; color: var(--muted); }
.page { max-width: var(--max); margin: 0 auto; padding: 48px 24px 100px; }
.page-head { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 34px; }
.page-head h1 { font-size: 42px; letter-spacing: -.05em; margin: 3px 0; line-height: 1.05; }
.page-head p { margin: 0; color: var(--muted); }
.discover-layout { display: grid; grid-template-columns: 250px minmax(0,1fr); gap: 34px; }
.filters { position: sticky; top: 102px; align-self: start; padding: 20px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); box-shadow: 5px 5px 0 color-mix(in oklch,var(--accent) 45%,var(--canvas)); }
.filter-group { margin-bottom: 18px; }
.filter-group label { display: block; font-size: 12px; font-weight: 800; letter-spacing: .025em; margin-bottom: 7px; }
.field { width: 100%; border: 1px solid var(--line); background: var(--surface); min-height: 46px; border-radius: 12px; padding: 10px 12px; }
.field:hover { border-color: color-mix(in oklch, var(--ink) 35%, var(--line)); }
select.field { appearance: none; min-height: 44px; padding: 9px 42px 9px 12px; border-radius: 10px; background-color: color-mix(in oklch,var(--canvas) 46%,var(--surface)); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='m4 7 5 5 5-5' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 13px center; background-size: 18px; font-weight: 650; cursor: pointer; transition: border-color .18s var(--ease), background-color .18s var(--ease), box-shadow .18s var(--ease); }
select.field:hover { border-color: var(--ink); background-color: var(--surface); }
select.field:focus-visible { border-color: var(--ink); outline: 0; box-shadow: 0 0 0 3px color-mix(in oklch,var(--accent) 55%,transparent); }
.filters input[type="checkbox"] { appearance: none; width: 18px; height: 18px; margin: 0 8px 0 0; border: 1px solid color-mix(in oklch,var(--ink) 55%,var(--line)); border-radius: 5px; background: var(--surface); vertical-align: -4px; display: inline-grid; place-content: center; cursor: pointer; }
.filters input[type="checkbox"]::before { content: ''; width: 9px; height: 5px; border-left: 2px solid var(--ink); border-bottom: 2px solid var(--ink); transform: rotate(-45deg) scale(0); transition: transform .16s var(--ease); }
.filters input[type="checkbox"]:checked { background: var(--accent); border-color: var(--ink); }
.filters input[type="checkbox"]:checked::before { transform: rotate(-45deg) scale(1); }
.filters input[type="checkbox"]:focus-visible { outline: 3px solid color-mix(in oklch,var(--accent) 60%,transparent); outline-offset: 2px; }
.geo-upsell { margin-bottom: 18px; padding: 13px; display: grid; grid-template-columns: auto 1fr; gap: 1px 9px; border: 1px dashed var(--accent-dark); border-radius: 12px; background: color-mix(in oklch,var(--accent) 10%,var(--surface)); text-decoration: none; }
.geo-upsell > span { grid-row: 1/3; width: 27px; height: 27px; display: grid; place-items: center; border-radius: 50%; background: var(--accent); font-weight: 900; }
.geo-upsell strong { font-size: 12px; }
.geo-upsell small { color: var(--muted); font-size: 10px; line-height: 1.35; }
textarea.field { min-height: 104px; resize: vertical; }
.search-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; align-items: end; margin-bottom: 22px; }
.view-toggle { display: flex; gap: 3px; border: 1px solid var(--line); background: var(--surface); border-radius: 11px; padding: 3px; }
.view-toggle button { min-height: 40px; border: 0; padding: 7px 13px; background: transparent; color: var(--muted); border-radius: 8px; font-size: 13px; font-weight: 750; }
.view-toggle button:hover { color: var(--ink); background: var(--canvas); }
.view-toggle button.active { background: var(--ink); color: var(--surface); }
.result-meta { display: flex; justify-content: space-between; align-items: center; color: var(--muted); font-size: 13px; margin-bottom: 12px; }
.recruiter-list { display: grid; gap: 12px; }
.recruiter-list.cards { grid-template-columns: repeat(2, minmax(0,1fr)); }
.recruiter-card { background: var(--surface); border: 1px solid var(--line); border-radius: 20px; padding: 22px; transition: transform .2s var(--ease), border-color .2s, box-shadow .2s; }
.recruiter-card:hover { transform: translateY(-2px); border-color: color-mix(in oklch, var(--ink) 35%, var(--line)); box-shadow: 0 12px 32px oklch(0.25 0.02 80 / .07); }
.card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.tags { display: flex; gap: 6px; flex-wrap: wrap; margin: 17px 0; }
.why { font-size: 14px; color: var(--muted); border-top: 1px solid var(--line); padding-top: 15px; }
.why strong { color: var(--ink); }
.email-row { display: flex; justify-content: space-between; align-items: center; gap: 14px; margin-top: 17px; }
.masked { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; }
.card-link { text-decoration: none; }
.list { gap: 14px; }
.list .recruiter-card { display: grid; grid-template-columns: minmax(230px,1.15fr) minmax(230px,1fr) minmax(175px,.72fr); grid-template-areas: "identity match contact" "meta match contact"; align-items: center; column-gap: 30px; row-gap: 12px; border-radius: 18px; padding: 22px 24px; }
.list .card-head { grid-area: identity; align-items: center; }
.list .card-link.person, .list .card-link.person > div { min-width: 0; }
.list .card-link h3 { font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.list .card-link p { margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.list .avatar { width: 44px; height: 44px; }
.list .icon-btn { width: 38px; height: 38px; flex: 0 0 auto; }
.list .tags { grid-area: meta; margin: 0; }
.list .tag { max-width: 100%; }
.list .why { grid-area: match; margin: 0; padding: 0 0 0 24px; border: 0; border-left: 1px solid var(--line); line-height: 1.55; }
.list .why strong { display: block; margin-bottom: 3px; }
.list .email-row { grid-area: contact; min-width: 0; margin: 0; align-items: flex-end; flex-direction: column; }
.list .email-row .masked { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.list .email-row .btn { min-width: 142px; }
.list .email-row { margin: 0; }
.empty { text-align: center; padding: 70px 24px; border: 1px dashed var(--line); border-radius: 20px; background: var(--surface); }
.empty .big { font-size: 48px; }
.skeleton { height: 180px; border-radius: 20px; background: linear-gradient(100deg, oklch(0.92 0.01 90) 30%, oklch(0.97 0.008 90) 50%, oklch(0.92 0.01 90) 70%); background-size: 300% 100%; animation: shimmer 1.2s infinite; }
@keyframes shimmer { to { background-position-x: -150%; } }
.detail-grid { display: grid; grid-template-columns: minmax(0,1fr) 340px; gap: 32px; }
.detail-main, .detail-side, .panel { background: var(--surface); border: 1px solid var(--line); border-radius: 22px; padding: 28px; }
.detail-main h1 { font-size: 42px; letter-spacing: -.045em; margin: 18px 0 5px; }
.detail-section { margin-top: 35px; border-top: 1px solid var(--line); padding-top: 24px; }
.job { padding: 18px 0; border-bottom: 1px solid var(--line); }
.job:last-child { border-bottom: 0; }
.job h3 { margin: 0 0 7px; }
.job p { color: var(--muted); margin: 4px 0; }
.side-block { padding: 20px 0; border-bottom: 1px solid var(--line); }
.side-block:first-child { padding-top: 0; }
.side-block:last-child { border: 0; }
.side-label { color: var(--muted); font-size: 12px; font-weight: 700; }
.side-value { margin-top: 6px; font-weight: 700; }
.price-inline { font-size: 13px; color: var(--muted); text-align: center; margin-top: 8px; }
.saved-grid { display: grid; grid-template-columns: 1fr; gap: 14px; }
.saved-row { display: grid; grid-template-columns: 1.2fr 160px 1fr 160px auto; gap: 16px; align-items: center; padding: 18px; background: var(--surface); border: 1px solid var(--line); border-radius: 16px; }
.saved-row textarea { min-height: 48px; }
.discovery-tabs { margin-bottom: 34px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border: 1px solid var(--line); border-radius: 18px; background: var(--surface); overflow: hidden; }
.discovery-tabs a { min-height: 82px; padding: 16px 20px; display: grid; grid-template-columns: 30px 1fr; grid-template-rows: auto auto; align-content: center; gap: 2px 10px; color: var(--muted); text-decoration: none; transition: background .18s var(--ease),color .18s var(--ease); }
.discovery-tabs a + a { border-left: 1px solid var(--line); }
.discovery-tabs a > span { grid-row: 1/3; align-self: center; width: 28px; height: 28px; display: grid; place-items: center; border-radius: 9px; background: var(--canvas); color: var(--ink); }
.discovery-tabs a strong { color: var(--ink); }
.discovery-tabs a small { font-size: 12px; }
.discovery-tabs a.active { background: color-mix(in oklch,var(--accent) 18%,var(--surface)); box-shadow: inset 0 -3px 0 var(--accent-dark); }
.discovery-tabs a.active > span { background: var(--accent); }
.job-board-head { margin-bottom: 24px; }
.job-board-head h1 { max-width: 760px; }
.job-source-notice { margin-bottom: 18px; padding: 15px 18px; display: flex; gap: 13px; align-items: flex-start; border: 1px solid color-mix(in oklch,var(--accent-dark) 35%,var(--line)); border-radius: 14px; background: color-mix(in oklch,var(--accent) 12%,var(--surface)); }
.job-source-notice > span { width: 24px; height: 24px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; background: var(--accent); color: var(--ink); font-weight: 900; }
.job-source-notice p { margin: 3px 0 0; color: var(--muted); font-size: 13px; }
.job-source-notice code { color: var(--ink); }
.job-search { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(240px,.8fr) auto; gap: 10px; align-items: end; padding: 18px; border: 1px solid var(--ink); border-radius: 18px; background: var(--surface); }
.job-search label,.job-filter-bar label { display: grid; gap: 6px; color: var(--muted); font-size: 12px; font-weight: 750; }
.job-search .btn { min-height: 48px; }
.job-filter-bar { margin: 24px 0 14px; padding-bottom: 14px; display: flex; flex-wrap: wrap; align-items: end; gap: 10px; border-bottom: 1px solid var(--line); }
.job-filter-bar label { width: min(190px, calc(25% - 10px)); }
.job-filter-bar .job-remote { width: auto; min-height: 47px; padding: 0 10px; display: flex; flex-direction: row; align-items: center; gap: 8px; color: var(--ink); }
.job-remote input { width: 18px; height: 18px; accent-color: var(--accent-dark); }
.job-result-count { margin-left: auto; padding-bottom: 13px; color: var(--muted); font-size: 13px; font-weight: 750; }
.job-results,.saved-job-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.job-card { min-width: 0; padding: 22px; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); transition: transform .18s var(--ease),box-shadow .18s var(--ease); }
.job-card:hover { transform: translateY(-2px); box-shadow: 0 10px 26px oklch(0.25 0.01 75/.08); }
.job-card-top { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 13px; align-items: start; }
.job-company-mark { width: 46px; height: 46px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid color-mix(in oklch,var(--ink) 35%,var(--line)); border-radius: 13px; background: color-mix(in oklch,var(--accent) 20%,var(--surface)); color: var(--ink); font-size: 13px; font-weight: 900; letter-spacing: .04em; }
.job-company-mark--hidden { overflow: hidden; background: color-mix(in oklch,var(--surface) 82%,var(--accent)); border-style: dashed; color: var(--muted); font-size: 22px; }
.job-company-mark--hidden img { width: 100%; height: 100%; object-fit: contain; filter: blur(4px); transform: scale(1.14); }
.job-company-mark.has-logo { position: relative; overflow: hidden; background: var(--surface); }
.job-company-mark.has-logo.is-wide { width: 108px; }
.job-detail-title .job-company-mark.has-logo.is-wide { width: 64px; }
.job-company-mark.has-logo img { position: relative; z-index: 1; width: 100%; height: 100%; padding: 2px; display: block; object-fit: contain; background: var(--surface); }
.job-company-mark.has-logo > span { position: absolute; inset: 0; display: grid; place-items: center; }
@media (max-width: 520px) { .job-company-mark.has-logo.is-wide { width: 78px; } }
.job-company { margin: 0 0 4px; color: var(--muted); font-size: 13px; font-weight: 750; }
.job-card h2 { margin: 0; font-size: 21px; line-height: 1.18; letter-spacing: -.025em; }
.job-card h2 a { color: var(--ink); text-decoration: none; }
.job-card h2 a:hover { text-decoration: underline; text-underline-offset: 3px; }
.job-meta { margin-top: 16px; display: flex; flex-wrap: wrap; gap: 7px; }
.job-meta span { padding: 5px 8px; border-radius: 999px; background: var(--canvas); color: var(--muted); font-size: 11px; font-weight: 700; }
.job-summary { margin: 16px 0; color: var(--muted); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.job-salary { margin: -6px 0 16px; color: var(--ink); font-size: 13px; font-weight: 800; }
.job-card-foot { margin-top: auto; padding-top: 15px; display: flex; justify-content: space-between; gap: 12px; align-items: center; border-top: 1px solid var(--line); }
.job-card-foot > div { display: flex; gap: 7px; }
.job-load-more { display: grid; justify-items: center; gap: 8px; padding: 26px 0 4px; }
.job-load-more .btn { min-width: 190px; justify-content: center; }
.job-load-more p { margin: 0; color: var(--muted); font-size: 13px; }
.job-load-more p.is-error { color: var(--error); font-weight: 700; }
.resume-live-jobs { margin-bottom: 18px; padding: 28px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); }
.resume-approved-recruiters { margin-top: 24px; padding: 28px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); }
.resume-approved-recruiters .recruiter-list { margin-top: 20px; }
.resume-live-job-grid { margin-top: 20px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.resume-live-jobs-next { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 22px; padding: 22px 24px; border-radius: 16px; background: var(--ink); }
.resume-live-jobs-next .eyebrow { color: var(--accent); }
.resume-live-jobs-next p { margin: 5px 0 0; color: var(--surface); font-size: 15px; font-weight: 650; }
.resume-live-jobs-next .btn { min-height: 54px; min-width: 240px; font-size: 16px; }
@media (max-width: 720px) { .resume-live-jobs-next { flex-direction: column; align-items: stretch; padding: 20px; } .resume-live-jobs-next .btn { width: 100%; min-width: 0; } }
.source-badge,.verification-state { display: inline-flex; align-items: center; gap: 6px; color: var(--muted); font-size: 11px; font-weight: 750; }
.job-detail-grid { margin-top: 18px; display: grid; grid-template-columns: minmax(0,1fr) 320px; gap: 24px; align-items: start; }
.job-detail-main,.job-detail-side > section,.job-apply-panel { padding: 28px; border: 1px solid var(--line); border-radius: 20px; background: var(--surface); }
.job-detail-title { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 18px; align-items: start; }
.job-detail-title .job-company-mark { width: 58px; height: 58px; }
.job-detail-title h1 { margin: 5px 0 4px; font-size: clamp(36px,5vw,58px); line-height: .98; letter-spacing: -.055em; }
.job-detail-title p { margin: 0; color: var(--muted); }
.job-description { color: var(--muted); line-height: 1.75; white-space: pre-line; }
.job-bullets { padding-left: 22px; color: var(--muted); line-height: 1.65; }
.job-bullets li + li { margin-top: 8px; }
.job-detail-side { display: grid; gap: 14px; position: sticky; top: 102px; }
.job-apply-panel { display: grid; gap: 18px; }
.job-apply-panel > div { display: grid; gap: 4px; }
.job-apply-panel > div strong { font-size: 18px; }
.job-apply-panel small { color: var(--muted); text-align: center; }
.verification-state { padding: 10px; border-radius: 10px; background: var(--canvas); }
.verification-state.verified { color: var(--success); background: color-mix(in oklch,var(--accent) 14%,var(--surface)); }
.job-recruiters { display: grid; gap: 10px; }
.job-recruiters > a { padding: 10px 0; display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; color: var(--ink); text-decoration: none; border-top: 1px solid var(--line); }
.job-recruiters > a span:nth-child(2) { display: grid; }
.job-recruiters small { color: var(--muted); }
.saved-section + .saved-section { margin-top: 40px; }
.section-title { margin-bottom: 14px; display: flex; justify-content: space-between; align-items: end; gap: 20px; }
.section-title h2 { margin: 4px 0 0; font-size: 28px; letter-spacing: -.035em; }
.section-title > span { color: var(--muted); font-size: 13px; }
.account-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.account-grid>.panel{min-width:0}
.account-grid .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}
.account-grid .form-grid>label{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:8px;min-width:0;margin:0;line-height:1.35}
.account-grid .form-grid>label>.field{display:block;min-width:0;margin:0}
.account-field-hint{display:block;color:var(--muted);font-size:12px;font-weight:500;line-height:1.4}
.account-choice-field{min-width:0;margin:0;padding:0;border:0}
.account-choice-field legend{margin:0 0 9px;padding:0;font-size:13px;font-weight:700;line-height:1.35}
.account-choice-options{display:flex;flex-wrap:wrap;gap:7px}
.account-grid .form-grid .account-choice-options label{position:relative;display:inline-flex;align-items:center;margin:0;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:12px;font-weight:700;line-height:1.2;cursor:pointer}
.account-choice-options label:has(input:checked){border-color:var(--accent-dark);background:color-mix(in oklch,var(--accent) 24%,var(--surface))}
.account-choice-options label:has(input:focus-visible){outline:2px solid var(--accent-dark);outline-offset:2px}
.account-choice-options input{position:absolute;width:1px;height:1px;opacity:0}
.panel h2 { margin-top: 0; letter-spacing: -.03em; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.form-grid .wide { grid-column: 1 / -1; }
.form-grid label { display: block; font-size: 13px; font-weight: 700; margin-bottom: 7px; }
.ledger { width: 100%; border-collapse: collapse; }
.ledger th, .ledger td { text-align: left; padding: 12px 8px; border-bottom: 1px solid var(--line); font-size: 14px; }
.ledger th { color: var(--muted); font-size: 12px; }
.amount.pos { color: var(--success); }
.amount.neg { color: var(--error); }
.onboarding { min-height: calc(100vh - 106px); display: grid; place-items: center; padding: 54px 24px 80px; background: radial-gradient(circle at 20% 40%,color-mix(in oklch,var(--accent) 17%,transparent),transparent 31%),var(--canvas); }
.onboard-layout { width: min(1080px,100%); display: grid; grid-template-columns: .78fr 1.22fr; border: 1px solid var(--ink); border-radius: 30px; background: var(--surface); box-shadow: 13px 13px 0 var(--accent); overflow: hidden; animation: onboard-arrive .65s var(--ease) backwards; }
.onboard-guide { position: relative; min-height: 620px; padding: 36px; display: flex; flex-direction: column; overflow: hidden; background: var(--ink); color: var(--surface); }
.guide-cards { position: relative; z-index: 2; min-height: 225px; margin-top: 6px; }
.guide-cards article { position: absolute; width: 235px; padding: 14px; display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; border: 1px solid oklch(0.58 0.01 85); border-radius: 16px; background: var(--surface); color: var(--ink); box-shadow: 6px 6px 0 var(--accent); }
.guide-cards article:first-child { left: 5px; top: 12px; transform: rotate(-3deg); animation: proof-float-one 5.8s ease-in-out infinite; }
.guide-cards article:last-child { right: 0; top: 120px; transform: rotate(3deg); animation: proof-float-two 6.2s .5s ease-in-out infinite; }
.guide-cards .avatar { width: 38px; height: 38px; }
.guide-cards article > div { display: grid; }
.guide-cards strong { font-size: 12px; }
.guide-cards small { color: var(--muted); font-size: 10px; }
.guide-cards b { width: 23px; height: 23px; display: grid; place-items: center; border-radius: 50%; background: var(--accent); font-size: 10px; }
.guide-copy { position: relative; z-index: 3; margin-top: auto; }
.guide-copy .eyebrow { color: var(--accent); }
.guide-copy h2 { margin: 8px 0 12px; font-size: 34px; line-height: 1; letter-spacing: -.05em; }
.guide-copy p { min-height: 63px; margin: 0; color: oklch(0.78 0.012 85); font-size: 13px; }
.onboard-steps { position: relative; z-index: 3; display: flex; justify-content: space-between; gap: 7px; margin: 28px 0 0; padding: 22px 0 0; border-top: 1px solid oklch(0.42 0.01 80); list-style: none; }
.onboard-steps li { display: grid; justify-items: center; gap: 6px; color: oklch(0.65 0.01 85); font-size: 10px; font-weight: 750; text-transform: uppercase; letter-spacing: .07em; }
.onboard-steps li span { width: 25px; height: 25px; display: grid; place-items: center; border: 1px solid oklch(0.48 0.01 80); border-radius: 50%; }
.onboard-steps li.active, .onboard-steps li.complete { color: var(--surface); }
.onboard-steps li.active span { border-color: var(--accent); background: var(--accent); color: var(--ink); box-shadow: 0 0 0 5px color-mix(in oklch,var(--accent) 18%,transparent); }
.onboard-steps li.complete span { border-color: var(--accent); color: var(--accent); }
.onboard-card { width: 100%; min-width: 0; background: var(--surface); overflow: hidden; }
.progress { height: 7px; background: oklch(0.92 0.01 90); }
.progress span { display: block; height: 100%; background: var(--accent-dark); transition: width .5s var(--ease); }
.onboard-body { padding: 54px 50px 40px; }
.step-count { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.step-count strong { color: var(--muted); font-size: 12px; letter-spacing: .08em; }
.onboard-body h1 { max-width: 650px; font-size: clamp(40px,4.4vw,56px); line-height: .98; letter-spacing: -.055em; margin: 13px 0 15px; }
.onboard-body > p { max-width: 56ch; margin-bottom: 32px; color: var(--muted); }
.onboard-body .field { min-height: 52px; background: var(--surface); }
.choice-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 24px 0; }
.choice { min-height: 86px; display: grid; gap: 7px; align-content: center; border: 1px solid var(--line); background: var(--surface); padding: 14px; border-radius: 14px; text-align: left; transition: transform .2s var(--ease),border-color .2s,background .2s; }
.choice:hover { transform: translateY(-3px); border-color: var(--ink); }
.choice > span { font-size: 22px; line-height: 1; }
.choice > strong { font-size: 13px; }
.choice.selected { border-color: var(--ink); background: color-mix(in oklch,var(--accent) 28%,var(--surface)); color: var(--ink); box-shadow: 4px 4px 0 var(--accent); }
.mobility-grid .choice { min-height: 105px; }
.onboard-actions { display: flex; justify-content: space-between; margin-top: 28px; }
.admin-note { background: color-mix(in oklch,var(--accent) 14%,var(--surface)); color: var(--accent-dark); border-radius: 14px; padding: 14px; margin-bottom: 20px; font-size: 14px; }
.onboard-privacy { display: flex; align-items: center; gap: 8px; margin: 22px 0 0 !important; color: var(--muted); font-size: 11px; }
.onboard-privacy span { width: 19px; height: 19px; display: grid; place-items: center; border-radius: 50%; background: color-mix(in oklch,var(--accent) 24%,var(--surface)); color: var(--accent-dark); font-weight: 900; }
.toast { position: fixed; right: 24px; bottom: 24px; z-index: 80; max-width: 360px; padding: 13px 17px; border-radius: 13px; background: var(--ink); color: var(--surface); box-shadow: var(--shadow); transform: translateY(120px); opacity: 0; transition: .25s var(--ease); }
.toast.show { transform: translateY(0); opacity: 1; }
.mobile-nav { display: none; }
.auth-page { min-height: 100vh; display: grid; grid-template-columns: minmax(360px,.85fr) 1.15fr; }
.auth-aside { background: var(--ink); color: var(--surface); padding: 46px max(38px,8vw); display: flex; flex-direction: column; justify-content: space-between; }
.auth-aside .brand-mark { color: var(--ink); }
.auth-aside .eyebrow { color: var(--accent); }
.auth-aside h1 { font-size: clamp(48px,5.5vw,78px); line-height: .98; letter-spacing: -.06em; max-width: 580px; }
.auth-aside p { color: oklch(0.78 0.012 85); max-width: 48ch; }
.auth-main { min-width: 0; display: grid; grid-template-columns: minmax(0,1fr); place-items: center; padding: 48px 24px; }
.auth-box { min-width: 0; width: min(400px,100%); }
.auth-box h2 { font-size: 38px; letter-spacing: -.045em; margin: 34px 0 4px; }
.auth-box form { display: grid; gap: 16px; margin: 20px 0; }
.auth-box label { display: grid; gap: 7px; font-size: 13px; font-weight: 750; }
.auth-switch, .auth-box > p { color: var(--muted); }
.google-auth { width: 100%; margin-top: 22px; border-color: var(--line); background: #fff; font-weight: 700; }
.google-auth img { width: 19px; height: 19px; }
.google-auth:disabled { cursor: not-allowed; opacity: .58; transform: none; box-shadow: none; }
.auth-box form .btn.is-loading { cursor: progress; transform: none; box-shadow: none; }
.auth-box form .btn.is-loading:hover { transform: none; box-shadow: none; }
.auth-setup-note { margin: 8px 0 0; font-size: 11px; text-align: center; }
.divider { display: flex; align-items: center; gap: 12px; color: var(--muted); font-size: 12px; margin: 18px 0; }
.divider::before, .divider::after { content: ''; height: 1px; background: var(--line); flex: 1; }
.form-error { min-height: 24px; color: var(--error) !important; font-weight: 700; }
.legal-check { display: flex !important; grid-template-columns: none !important; align-items: flex-start; gap: 9px !important; color: var(--muted); font-size: 12px !important; font-weight: 600 !important; line-height: 1.45; }
.legal-check input { width: 17px; height: 17px; margin-top: 1px; flex: 0 0 auto; accent-color: var(--accent-dark); }
.legal-check a { color: var(--ink); }
.auth-box .signup-age { min-width: 0; margin: 22px 0 4px; padding: 16px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }
.signup-age legend { padding: 0 6px; font-size: 13px; font-weight: 800; color: var(--ink); }
.signup-age-fields { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(0,.8fr); gap: 12px; }
.signup-age-fields .field { width: 100%; min-width: 0; }
.auth-age-note { margin: 10px 0 0; color: var(--muted); font-size: 12px; line-height: 1.45; }
.signup-age-error { min-height: 0; margin: 0; font-size: 12px; }
.signup-age-error:empty { display: none; }
.auth-resume-context { display: flex; align-items: center; gap: 10px; margin: 16px 0 0; padding: 10px 12px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); font-size: 12px; line-height: 1.4; }
.auth-resume-context > span:first-child { display: grid; place-items: center; width: 28px; height: 28px; flex: 0 0 auto; border-radius: 8px; background: var(--accent); color: var(--ink); font-size: 16px; }
.auth-resume-context strong { display: block; max-width: 32ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ink); }
.portal-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 30px; }
.portal-head h1 { margin: 4px 0 8px; font-size: clamp(40px,5vw,64px); line-height: 1; letter-spacing: -.055em; }
.portal-head p { margin: 0; color: var(--muted); max-width: 62ch; }
.portal-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 18px; align-items: start; }
.company-workspace { margin-bottom:18px; }
.company-workspace .portal-head { margin-bottom:18px; }
.company-workspace .portal-head h2 { margin:6px 0; font-size:clamp(24px,3vw,36px); }
.company-workspace .portal-head label { min-width:190px; }
.company-team { display:grid; grid-template-columns:1.2fr .8fr; gap:24px; border-top:1px solid var(--line); padding-top:18px; }
.company-team h3 { margin:0 0 12px; font-size:18px; }
.company-person { display:flex; align-items:center; gap:12px; flex-wrap:wrap; border-bottom:1px solid var(--line); padding:10px 0; }
.company-person span { display:grid; gap:3px; margin-right:auto; }
.company-person small { color:var(--muted); }
.company-pending-invites { margin-top:12px; }
.company-pending-invites > div { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:8px 0; border-bottom:1px solid var(--line); }
.company-workspace .compact-form { display:flex; align-items:end; flex-wrap:wrap; gap:12px; }
.company-workspace .compact-form label { flex:1 1 180px; }
.company-workspace #recruiter-company-rename { margin-top:20px; padding-top:18px; border-top:1px solid var(--line); }
.company-workspace .company-close { margin-top:20px; padding-top:18px; border-top:1px solid var(--line); }
.company-review { margin-bottom:18px; }
.recruiter-billing { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px 28px; margin-bottom:18px; border:1px solid var(--line); border-radius:16px; background:var(--surface); }
.recruiter-billing h2 { margin:7px 0; font-size:24px; letter-spacing:-.035em; }
.recruiter-billing p { max-width:65ch; margin:0; color:var(--muted); line-height:1.5; }
.recruiter-billing-action { display:grid; gap:12px; justify-items:end; flex:none; }
.recruiter-billing-action strong { font-size:25px; white-space:nowrap; }
.recruiter-billing-action small { font-size:12px; font-weight:500; color:var(--muted); }
.vacancy-item { border:0; border-top:1px solid var(--line); padding:16px 0 4px; margin:18px 0 0; min-width:0; }
.vacancy-item legend { font-weight:700; padding-right:10px; }
.vacancy-item .vacancy-fields { margin-top:4px; }
.recruiter-payments { margin-top:18px; padding:22px 28px; border:1px solid var(--line); border-radius:16px; background:var(--surface); }
.recruiter-payments h2 { margin:0 0 12px; font-size:20px; }
.recruiter-payments div { display:flex; justify-content:space-between; gap:20px; padding:10px 0; border-top:1px solid var(--line); }
.portal-grid .panel > h2 { margin-top: 0; }
.contact-choice { display: flex; gap: 12px; padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: color-mix(in oklch,var(--accent) 12%,var(--surface)); cursor: pointer; }
.contact-choice input { accent-color: var(--accent-dark); margin-top: 4px; }
.contact-choice span { display: grid; gap: 2px; }
.contact-choice small { color: var(--muted); line-height: 1.4; }
.vacancy-fields { margin-top: 22px; }
.portal-actions { display: flex; gap: 10px; margin-top: 22px; flex-wrap: wrap; }
.verification-card { max-width: 600px; }
.verification-card form, .rights-card form { display: grid; gap: 16px; }
.code-field { max-width: 220px; font-size: 24px; font-weight: 800; letter-spacing: .2em; font-variant-numeric: tabular-nums; }
.rights-page { min-height: 100vh; padding: 0 24px 70px; }
.rights-nav { max-width: var(--max); height: 84px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
.rights-card { width: min(680px,100%); margin: 56px auto 0; padding: clamp(26px,5vw,52px); border: 1px solid var(--ink); border-radius: 26px; background: var(--surface); box-shadow: 10px 10px 0 var(--accent); }
.rights-card h1 { margin: 8px 0 14px; font-size: clamp(40px,6vw,66px); line-height: .98; letter-spacing: -.055em; }
.rights-card > p { color: var(--muted); }
.rights-card label { display: grid; gap: 7px; font-size: 13px; font-weight: 750; }
.rights-success { text-align: center; }
.rights-success > span { width: 58px; height: 58px; margin: 0 auto 20px; border: 1px solid var(--ink); border-radius: 50%; background: var(--accent); color: var(--ink); display: grid; place-items: center; font-size: 26px; font-weight: 800; }
.checkout-lab { margin-top: 32px; padding: 17px 20px; border: 1px dashed var(--line); border-radius: 14px; display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.checkout-lab span { color: var(--muted); flex: 1; min-width: 220px; }
.checkout-note { margin-top: 32px; padding: 17px 20px; border: 1px solid var(--line); border-radius: 14px; display: flex; align-items: center; gap: 14px; background: var(--surface); }
.checkout-note > span { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; color: var(--accent-dark); background: color-mix(in oklch,var(--accent) 16%,var(--surface)); font-weight: 800; flex: 0 0 auto; }
.checkout-note p { margin: 2px 0 0; color: var(--muted); font-size: 13px; }
.danger-zone { margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--line); }
.danger-zone summary { color: var(--error); font-weight: 750; cursor: pointer; }
.danger-zone label { display: block; margin: 12px 0; font-size: 13px; font-weight: 700; }
.activity-list > div { display: flex; justify-content: space-between; gap: 16px; padding: 11px 0; border-bottom: 1px solid var(--line); text-transform: capitalize; }
.activity-list time { color: var(--muted); font-size: 13px; }
.panel-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 18px; }
.panel-head h2 { margin: 0; }
.admin-layout { display: grid; grid-template-columns: 1.15fr .85fr; gap: 18px; }
.compact-form { padding: 18px; margin-bottom: 18px; background: oklch(0.965 0.012 94); border-radius: 14px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.compact-form[hidden] { display: none; }
.compact-form label { display: grid; gap: 6px; font-size: 12px; font-weight: 700; }
.admin-records { border-top: 1px solid var(--line); }
.admin-record { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 14px; padding: 13px 0; border-bottom: 1px solid var(--line); }
.admin-record div { display: grid; }
.admin-record span { color: var(--muted); font-size: 12px; }
.import-preview { margin-top: 16px; display: grid; gap: 8px; }
.import-preview > div { padding: 10px 12px; border-radius: 10px; display: grid; font-size: 13px; }
.import-preview .valid { background: color-mix(in oklch,var(--accent) 12%,var(--surface)); }
.import-preview .invalid { background: oklch(0.95 0.035 27); color: var(--error); }
.report-list article { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 16px 0; border-top: 1px solid var(--line); }
.report-list p { margin: 4px 0; color: var(--muted); }
.report-actions { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.empty.compact { padding: 35px 20px; }

/* legal, privacy and consent */
.legal-page { min-height: 100vh; background: var(--canvas); }
.legal-nav { height: 88px; max-width: var(--max); margin: 0 auto; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; }
.legal-layout { max-width: 1080px; margin: 44px auto 90px; padding: 0 24px; display: grid; grid-template-columns: 210px minmax(0,1fr); gap: 70px; align-items: start; }
.legal-index { position: sticky; top: 28px; display: grid; gap: 5px; padding: 16px; border: 1px solid var(--line); border-radius: 16px; background: color-mix(in oklch,var(--surface) 72%,transparent); }
.legal-index .side-label { padding: 6px 10px 9px; }
.legal-index a, .legal-index button { padding: 9px 10px; border: 0; border-radius: 9px; background: transparent; color: var(--muted); font: inherit; font-size: 13px; text-decoration: none; text-align: left; cursor: pointer; }
.legal-index a:hover, .legal-index button:hover, .legal-index a.active { background: var(--surface); color: var(--ink); }
.legal-index a.active { box-shadow: inset 3px 0 0 var(--accent); font-weight: 800; }
.legal-document { min-width: 0; padding: clamp(28px,5vw,58px); border: 1px solid var(--line); border-radius: 24px; background: var(--surface); box-shadow: 9px 9px 0 color-mix(in oklch,var(--accent) 42%,var(--canvas)); }
.legal-document h1 { max-width: 770px; margin: 10px 0 18px; font-size: clamp(43px,6vw,72px); line-height: .98; letter-spacing: -.06em; }
.legal-intro { max-width: 68ch; margin: 0; color: var(--muted); font-size: 19px; line-height: 1.6; }
.legal-meta { display: flex; gap: 16px; margin: 25px 0 40px; color: var(--muted); font-size: 12px; font-weight: 750; }
.legal-document section { padding: 25px 0; border-top: 1px solid var(--line); }
.legal-document section h2 { margin: 0 0 10px; font-size: 21px; letter-spacing: -.025em; }
.legal-document section p { margin: 0; color: var(--muted); line-height: 1.75; }
.legal-review { margin-top: 28px; padding: 18px 20px; border: 1px solid color-mix(in oklch,var(--accent-dark) 32%,var(--line)); border-radius: 14px; background: color-mix(in oklch,var(--accent) 12%,var(--surface)); }
.legal-review p { margin: 5px 0 0; color: var(--muted); font-size: 13px; line-height: 1.55; }
.legal-footer { max-width: var(--max); margin: 0 auto; padding: 30px 24px 60px; border-top: 1px solid var(--line); display: block; }

.consent-banner[hidden], .consent-backdrop[hidden] { display: none; }
.consent-banner { position: fixed; z-index: 90; left: 18px; right: 18px; bottom: 18px; max-width: 1050px; margin: auto; padding: 18px; display: flex; align-items: center; justify-content: space-between; gap: 28px; border: 1px solid var(--ink); border-radius: 18px; background: var(--surface); box-shadow: 8px 8px 0 var(--accent); }
.consent-banner p { max-width: 62ch; margin: 4px 0; color: var(--muted); font-size: 13px; }
.consent-banner a { color: var(--ink); font-size: 12px; font-weight: 750; }
.consent-actions { display: flex; justify-content: flex-end; gap: 8px; flex-wrap: wrap; flex: 0 0 auto; }
.consent-backdrop { position: fixed; z-index: 100; inset: 0; padding: 20px; display: grid; place-items: center; background: oklch(0.18 0.01 80/.58); backdrop-filter: blur(4px); }
.consent-card { width: min(620px,100%); max-height: min(760px,calc(100vh - 40px)); overflow: auto; padding: clamp(24px,5vw,38px); border: 1px solid var(--ink); border-radius: 24px; background: var(--surface); box-shadow: 10px 10px 0 var(--accent); }
.consent-card h2 { margin: 4px 0 0; font-size: 32px; letter-spacing: -.04em; }
.checkout-review-card { width: min(520px,100%); }
.checkout-review-card > p { color: var(--muted); }
.checkout-total { margin: 24px 0; border-top: 1px solid var(--line); }
.checkout-total > div { padding: 13px 0; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid var(--line); }
.checkout-total strong { font-size: 17px; }
.checkout-total .checkout-grand-total { padding: 18px 0; color: var(--ink); font-size: 17px; font-weight: 800; }
.checkout-total .checkout-grand-total strong { font-size: 28px; letter-spacing: -.04em; }
.checkout-total .checkout-discount { color: var(--accent-dark); }
.checkout-entitlement { padding: 13px; display: flex; gap: 10px; align-items: flex-start; border-radius: 12px; background: color-mix(in oklch,var(--accent) 20%,var(--surface)); }
.checkout-entitlement > span { width: 24px; height: 24px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; background: var(--accent); font-weight: 900; }
.checkout-entitlement p { margin: 0; color: var(--muted); font-size: 12px; }
.checkout-entitlement strong { color: var(--ink); }
.checkout-disclaimer { margin: 18px 0 0; font-size: 12px; }
.checkout-review-actions { margin-top: 24px; display: flex; justify-content: flex-end; gap: 10px; }
.retention-card { width: min(500px,100%); text-align: center; }
.retention-badge { display: inline-flex; padding: 6px 10px; border-radius: 999px; background: color-mix(in oklch,var(--accent) 24%,var(--surface)); color: var(--accent-dark); font-size: 11px; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.retention-card h2 { margin-top: 15px; font-size: 42px; }
.retention-card > p { max-width: 48ch; margin-inline: auto; color: var(--muted); }
.retention-card > small { display: block; margin-top: 14px; color: var(--muted); }
.retention-visual { width: 164px; height: 164px; margin: 26px auto; display: grid; place-content: center; border: 1px solid var(--ink); border-radius: 50%; background: var(--accent); box-shadow: 7px 7px 0 var(--ink); }
.retention-visual strong,.retention-visual span { display: block; }
.retention-visual strong { font-size: 54px; line-height: .9; letter-spacing: -.06em; }
.retention-visual span { margin-top: 5px; font-size: 12px; font-weight: 800; text-transform: uppercase; }
.retention-card .checkout-review-actions { justify-content: center; }
.referral-panel { margin-bottom: 18px; display: grid; grid-template-columns: minmax(0,1fr) minmax(340px,.9fr); gap: 22px 34px; align-items: end; background: color-mix(in oklch,var(--accent) 10%,var(--surface)); }
.referral-panel h2 { margin: 5px 0 8px; font-size: 30px; letter-spacing: -.04em; }
.referral-panel p { margin: 0; color: var(--muted); }
.referral-link { display: grid; grid-template-columns: 1fr auto; gap: 8px; }
.referral-stats { grid-column: 1/-1; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.referral-stats div { padding: 15px; text-align: center; }
.referral-stats div+div { border-left: 1px solid var(--line); }
.referral-stats strong,.referral-stats span { display: block; }
.referral-stats strong { font-size: 28px; }
.referral-stats span { color: var(--muted); font-size: 11px; }
.referral-list { grid-column: 1/-1; display: grid; gap: 8px; }
.referral-list div { display: flex; justify-content: space-between; gap: 15px; font-size: 13px; }
.referral-list small { color: var(--muted); }
.referrals-page .referral-panel{margin-top:22px}
.referral-panel{align-items:start}
.referral-intro p{max-width:56ch}
.referral-link{display:block;align-self:center}
.referral-link label{font-size:12px;font-weight:800;color:var(--muted)}
.referral-link>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:8px}
.referral-link input{min-width:0}
.referral-progress{grid-column:1/-1;display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:20px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.referral-progress>div:first-child strong{display:block;font-size:34px;line-height:1}
.referral-progress>div:first-child span{font-size:12px;color:var(--muted)}
.referral-progress>div:last-child strong{font-size:17px}
.referral-progress>div:last-child p{font-size:13px;margin:4px 0 12px}
.referral-progress-track{height:8px;overflow:hidden;border-radius:999px;background:var(--line)}
.referral-progress-track span{display:block;height:100%;border-radius:inherit;background:var(--accent-dark)}
.referral-milestones{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.referral-milestones li{display:flex;gap:9px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:12px;color:var(--muted)}
.referral-milestones li.earned{border-color:var(--accent-dark);background:var(--soft-lime);color:var(--ink)}
.referral-milestones strong{color:var(--ink)}
.referral-access-note,.referral-history{grid-column:1/-1}
.referral-history{border-top:1px solid var(--line);padding-top:14px}
.referral-history summary{cursor:pointer;font-weight:750}
.referral-history>div{display:grid;gap:8px;margin-top:12px}
.referral-history>div>div{display:flex;justify-content:space-between;gap:16px;font-size:13px}
.referral-history small{color:var(--muted)}
@media(max-width:1200px){.topbar .topnav .navlink{padding-inline:8px;font-size:13px}}
@media(max-width:600px){.referral-link>div{grid-template-columns:1fr}.referral-progress{grid-template-columns:1fr}.referral-history>div>div{flex-direction:column;gap:2px}}
.consent-option { display: flex; justify-content: space-between; gap: 24px; align-items: center; padding: 18px 0; border-top: 1px solid var(--line); }
.consent-option:first-of-type { margin-top: 24px; }
.consent-option p { margin: 4px 0 0; color: var(--muted); font-size: 13px; }
.consent-option input { width: 22px; height: 22px; flex: 0 0 auto; accent-color: var(--accent-dark); }
.gpc-note { padding: 12px 14px; border-radius: 10px; background: color-mix(in oklch,var(--accent) 14%,var(--surface)); color: var(--muted); font-size: 13px; }

@media (min-width: 851px) and (max-width: 1100px) {
  .price-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .price.featured { transform: none; }
}
@media (max-width: 1120px) {
  .hero-stage { grid-template-columns: minmax(170px,.62fr) minmax(480px,1.55fr) minmax(190px,.68fr); gap: 14px; }
  .contact-hero { padding-block: 44px 28px; }
  .contact-hero .hero-stage { width: min(760px,calc(100% - 32px)); grid-template-columns: 1fr; }
  .contact-hero .hero-proof { display: none; }
  .contact-hero .hero-content { max-width: 760px; }
  .proof-card { width: 205px; }
}
@media (max-width: 900px) {
  .landing-nav .topnav { display: none; }
  .landing-actions .login-link { display: none; }
  .hero { padding-top: 130px; min-height: auto; }
  .pricing-heading, .pricing-toolbar { align-items: stretch; flex-direction: column; }
  .pricing-controls { justify-content: flex-start; }
  .upgrade-overview { grid-template-columns: 1fr; }
  .upgrade-stat { min-height: 200px; border-right: 0; border-bottom: 1px solid var(--ink); }
  .region-picker { width: 100%; }
  .hero-grid { grid-template-columns: 1fr; gap: 50px; }
  .hero-stage { width: min(700px,calc(100% - 40px)); grid-template-columns: 1fr; gap: 20px; }
  .hero-proof { display: none; }
  .hero-stage .hero-content { max-width: none; }
  .hero-content { max-width: none; }
  .hero-search { max-width: none; }
  .trust-strip { margin: -15px 20px 0; grid-template-columns: 1fr 1fr; }
  .trust-strip > div:nth-child(2) { border-right: 0; }
  .trust-strip > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .scope-grid, .story-grid, .alternate .story-grid { grid-template-columns: 1fr; gap: 48px; }
  .scope-copy { position: static; }
  .alternate .story-copy { order: 2; }
  .alternate .product-mock { order: 1; }
  .product-mock { max-width: 640px; width: 100%; margin-inline: auto; }
  .evidence-grid { grid-template-columns: 1fr 1fr; }
  .evidence-intro { grid-template-columns: 150px 1fr; }
  .evidence-intro img { width: 145px; }
  .final-cta { margin: 0 20px 75px; padding: 40px; align-items: flex-start; flex-direction: column; }
  .preview-stack, .logo-orbit { min-height: 430px; max-width: 480px; width: 100%; margin-inline: auto; }
  .steps, .price-grid { grid-template-columns: 1fr; }
  .paid-report-nav { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .paid-report-nav a:nth-child(2) { border-right: 0; }
  .paid-report-nav a:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .paid-next-grid { grid-template-columns: 1fr; }
  .report-page-head { align-items: flex-start; flex-direction: column; }
  .resume-pricing-context { grid-template-columns: auto 1fr; }
  .resume-pricing-context a { grid-column: 2; justify-self: start; }
  .step, .step + .step { padding: 25px 0; border-right: 0; border-bottom: 1px solid oklch(0.5 0.02 80); }
  .price.featured { transform: none; }
  .topbar .topnav { display: none; }
  .discover-layout, .detail-grid, .account-grid, .admin-layout { grid-template-columns: 1fr; }
  .job-results,.saved-job-grid { grid-template-columns: 1fr; }
  .job-detail-grid { grid-template-columns: 1fr; }
  .job-detail-side { position: static; }
  .referral-panel { grid-template-columns: 1fr; }
  .referral-stats,.referral-list { grid-column: auto; }
  .ats-workspace, .ats-output-layout, .ats-result-hero { grid-template-columns: 1fr; }
  .ats-output-layout.editor-workspace { grid-template-columns: minmax(0,1fr); }
  .cv-columns { grid-template-columns: minmax(0,1.35fr) minmax(170px,.8fr); gap: 24px; }
  .editor-page-head { align-items: center; flex-direction: row; }
  .editor-score { width: 124px; height: 124px; border-width: 10px; }
  .editor-score strong { font-size: 34px; }
  .editor-export-bar,.editor-next-step { align-items: stretch; flex-direction: column; }
  .editor-export-bar .ats-export-actions { width: 100%; }
  .editor-workspace .change-log { position: static; }
  .editor-next-step .btn { width: 100%; justify-content: center; }
  .ats-report-dashboard { grid-template-columns: 210px minmax(0,1fr); }
  .ats-score-rail { position: static; }
  .locked-resume-preview { grid-template-columns: 1fr 1fr; gap: 30px; }
  .partial-resume-preview { grid-template-columns: minmax(220px,.65fr) minmax(360px,1.35fr); gap: 28px; }
  .ats-processing { grid-template-columns: 180px minmax(0,1fr); gap: 30px; }
  .ats-upgrade-gate { grid-template-columns: 1fr; }
  .resume-discovery-head { flex-direction: column; }
  .ats-breakdown { grid-template-columns: repeat(2,1fr); }
  .ats-score-gap { grid-template-columns: 1fr; gap: 18px; }
  .ats-details-body { grid-template-columns: 1fr; }
  .ats-details-body .rewrite-section { grid-column: auto; }
  .portal-grid { grid-template-columns: 1fr; }
  .portal-head { flex-direction: column; }
  .auth-page { grid-template-columns: minmax(0,1fr); }
  .onboard-layout { grid-template-columns: 1fr; max-width: 700px; }
  .onboard-guide { min-height: 315px; padding: 28px 32px; display: grid; grid-template-columns: 155px 1fr; grid-template-rows: 1fr auto; column-gap: 25px; align-items: center; }
  .guide-cards { min-height: 165px; margin: 0; }
  .guide-cards article { width: 155px; padding: 10px; grid-template-columns: auto 1fr; }
  .guide-cards article:last-child { display: none; }
  .guide-cards article:first-child { left: 0; top: 28px; }
  .guide-cards article b { display: none; }
  .guide-cards .avatar { width: 32px; height: 32px; }
  .guide-copy { margin: 0; }
  .guide-copy h2 { font-size: 30px; }
  .guide-copy p { min-height: 0; }
  .onboard-steps { grid-column: 1 / -1; width: 100%; margin-top: 14px; }
  .auth-aside { min-height: 310px; padding: 32px 24px; }
  .auth-aside h1 { font-size: 52px; }
  .filters { position: static; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .filter-group { margin: 0; }
  .recruiter-list.cards { grid-template-columns: 1fr; }
  .list .recruiter-card { grid-template-columns: 1fr; grid-template-areas: "identity" "meta" "match" "contact"; gap: 14px; }
  .list .why { padding: 14px 0 0; border-left: 0; border-top: 1px solid var(--line); }
  .list .email-row { align-items: center; flex-direction: row; }
  .saved-row { grid-template-columns: 1fr 1fr; }
  .saved-row .notes { grid-column: 1 / -1; }
  .mobile-nav { display: flex; position: fixed; z-index: 30; bottom: 10px; left: 12px; right: 12px; justify-content: space-around; background: var(--ink); color: var(--surface); border-radius: 17px; padding: 7px; box-shadow: var(--shadow); }
  .mobile-nav a { padding: 8px 11px; border-radius: 10px; text-decoration: none; font-size: 12px; text-align: center; }
  .mobile-nav a.active { background: var(--accent); color: var(--ink); }
  .footer-main, .app-footer .footer-main { grid-template-columns: 1fr; justify-items: start; }
  .app-footer nav { justify-content: flex-start; }
  .operator-details { grid-template-columns: 1fr; gap: 5px; }
  .legal-layout { grid-template-columns: 1fr; gap: 20px; margin-top: 20px; }
  .legal-index { position: static; display: flex; overflow-x: auto; }
  .legal-index .side-label { display: none; }
  .legal-index a, .legal-index button { white-space: nowrap; }
  .consent-banner { align-items: flex-start; flex-direction: column; gap: 14px; }
}
@media (max-width: 560px) {
  .hero-start-card { padding: 8px; border-radius: 15px; }
  .hero-resume-start { padding: 14px; grid-template-columns: 38px 1fr; }
  .resume-start-icon { width: 38px; height: 38px; }
  .hero-cta-stack { grid-column: 1 / -1; width: 100%; min-width: 0; margin-top: 8px; }
  .hero-resume-start .btn { width: 100%; margin-top: 5px; }
  .hero-direct-search { grid-template-columns: 1fr; gap: 10px; }
  .hero-direct-search > div { text-align: center; }
  .contact-hero .hero-search { grid-template-columns: 1fr; }
  .contact-hero .hero-search .btn { width: 100%; }
  .free-score-hero { grid-template-columns: 1fr; text-align: center; }
  .ats-journey { margin-top: -22px; grid-template-columns: repeat(4,1fr); gap: 6px; }
  .ats-journey > i { display: none; }
  .ats-journey > span { justify-content: center; gap: 5px; font-size: 9px; }
  .ats-journey > span b { width: 22px; height: 22px; }
  .ats-page-head { display: grid; }
  .ats-page-head h1 { font-size: 42px; }
  .ats-upload { padding: 21px; }
  .upload-zone { min-height: 210px; padding: 24px 16px; }
  .resume-upload-ready { grid-template-columns: auto minmax(0,1fr); }
  .resume-ready-actions { grid-column: 2; }
  .ats-how { padding: 22px; }
  .ats-processing { min-height: calc(100dvh - 230px); padding: 22px; grid-template-columns: 1fr; }
  .processing-score { min-height: 230px; }
  .processing-main h2 { font-size: 35px; }
  .free-report-head { align-items: stretch; flex-direction: column; }
  .free-report-head .btn { width: 100%; justify-content: center; }
  .ats-report-dashboard { grid-template-columns: 1fr; }
  .ats-score-rail { grid-template-columns: auto 1fr; justify-items: stretch; text-align: left; }
  .ats-score-rail > .side-label,.ats-score-rail > .score-status,.ats-score-rail > .score-verdict,.ats-score-rail > .detected-role,.ats-score-rail > .btn,.ats-score-rail > small { grid-column: 2; }
  .ats-score-rail > .side-label { align-self: end; }
  .ats-score-dial { width: 125px; height: 125px; grid-column: 1; grid-row: 1 / span 5; align-self: center; }
  .ats-score-dial::before { width: 95px; height: 95px; }
  .ats-score-dial strong { font-size: 42px; }
  .free-insight-grid { grid-template-columns: 1fr; }
  .report-choice-actions { padding: 20px; gap: 19px; }
  .report-choice-actions h3 { font-size: 28px; }
  .report-choice { min-height: 0; padding: 19px; grid-template-columns: 36px minmax(0,1fr); gap: 12px; }
  .report-choice-index { width: 34px; height: 34px; }
  .report-choice strong { font-size: 18px; }
  .report-choice b { grid-column: 2; width: max-content; margin-top: 3px; }
  .resume-subflow-head h1 { font-size: 42px; }
  .partial-resume-preview { min-height: 0; grid-template-columns: 1fr; }
  .partial-resume-paper { min-height: 430px; transform: none; }
  .locked-resume-preview { min-height: 0; grid-template-columns: 1fr; }
  .locked-paper { min-height: 330px; }
  .free-score { margin-inline: auto; }
  .ats-upgrade-gate ul { grid-template-columns: 1fr; }
  .company-fit-grid { grid-template-columns: 1fr; }
  .match-save-bar { align-items: stretch; flex-direction: column; }
  .match-save-bar .btn { width: 100%; justify-content: center; }
  .shortlist-ready-actions { width: 100%; flex-direction: column; }
  .shortlist-ready-actions .btn { width: 100%; justify-content: center; }
  .ats-result-hero { padding: 22px; gap: 26px; }
  .ats-result-copy h2 { font-size: 31px; }
  .ats-export-actions .btn { width: 100%; }
  .editor-page-head { align-items: stretch; flex-direction: column; }
  .editor-score { width: 100%; height: auto; padding: 14px 18px; display: flex; justify-content: space-between; border: 1px solid var(--line); border-radius: 14px; }
  .editor-score span { max-width: none; }
  .editor-score strong { margin: 0; font-size: 28px; }
  .paid-report-nav { grid-template-columns: 1fr; }
  .paid-report-nav a,.paid-report-nav a:nth-child(2) { border-right: 0; border-bottom: 1px solid var(--line); }
  .paid-report-nav a:last-child { border-bottom: 0; }
  .paid-report-nav small { white-space: normal; }
  .report-page-actions { align-items: stretch; flex-direction: column; }
  .report-page-actions .btn { justify-content: center; }
  .score-comparison { padding: 14px; gap: 7px; }
  .score-step strong { font-size: 37px; }
  .ats-breakdown { grid-template-columns: 1fr; }
  .resume-paper { margin: 10px; padding: 22px 18px; }
  .editor-export-bar .ats-export-actions { display: grid; grid-template-columns: 1fr; }
  .editor-export-bar .ats-export-actions .btn { width: 100%; justify-content: center; }
  .editor-workspace .resume-paper { max-height: none; }
  .resume-preview-toolbar { align-items: flex-start; flex-direction: column; }
  .resume-version-toggle { width: 100%; }
  .resume-version-toggle button { flex: 1; }
  .editor-workspace .generated-cv { min-width: 0; min-height: 0; font-size: 12px; }
  .editor-workspace .cv-columns { grid-template-columns: minmax(0,1fr); gap: 0; }
  .editor-workspace .cv-header h2 { font-size: clamp(24px,8vw,34px); }
  .editor-workspace .cv-section { margin-bottom: 18px; }
  .editor-workspace .change-log { padding: 18px; }
  .editor-workspace .ats-list li { min-width: 0; overflow-wrap: anywhere; }
  .rewrite-list article { grid-template-columns: 1fr; }
  .rewrite-list article > div + div { padding: 14px 0 0; border-left: 0; border-top: 1px solid var(--line); }
}
@media (max-width: 560px) {
  .hero h1 { font-size: 54px; }
  .landing-nav { padding-inline: 16px; }
  .landing-nav .btn { min-height: 40px; padding: 8px 12px; font-size: 13px; }
  .hero { padding-inline: 16px; }
  .hero-search { grid-template-columns: 1fr; padding: 9px; }
  .hero-search label { padding: 7px 9px; }
  .hero-search label + label { border-left: 0; border-top: 1px solid var(--line); }
  .hero-search .btn { width: 100%; }
  .hero-stage { width: calc(100% - 32px); }
  .hero-stage h1 { font-size: 50px; }
  .hero-actions { align-items: flex-start; flex-direction: column; }
  .trust-strip { grid-template-columns: 1fr; margin-inline: 16px; }
  .trust-strip > div { border-right: 0; border-bottom: 1px solid var(--line); }
  .trust-strip > div:nth-child(2) { border-right: 0; }
  .trust-strip > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .trust-strip > div:last-child { border-bottom: 0; }
  .signal-grid { grid-template-columns: 1fr; }
  .company-band { padding: 42px 20px 48px; }
  .fold-company-band { margin-top: 0; padding-block: 24px 28px; }
  .company-band p span { display: block; margin-top: 4px; }
  .company-wordmarks { justify-content: center; gap: 22px 30px; }
  .company-wordmarks > span { width: 104px; height: 34px; }
  .company-wordmarks img { max-width: 104px; max-height: 30px; }
  .company-orbit-section { min-height: 610px; padding: 52px 16px 22px; }
  .company-orbit-copy h2 { font-size: 39px; }
  .company-orbit-copy p { font-size: 14px; }
  .company-orbit { height: 410px; margin-top: 0; }
  .company-orbit .orbit-ring { top: 57%; }
  .company-orbit .orbit-one { width: 180px; height: 180px; }
  .company-orbit .orbit-two { width: 275px; height: 275px; }
  .company-orbit .orbit-three { width: 385px; height: 385px; }
  .company-globe { top: 57%; width: 122px; height: 122px; }
  .company-globe span { width: 40px; height: 40px; font-size: 19px; }
  .orbit-logo { width: 82px; height: 50px; margin: -25px 0 0 -41px; padding: 10px; }
  .orbit-logo img { max-width: 64px; max-height: 24px; }
  .apple-orbit-logo { width: 50px; margin-left: -25px; }
  .apple-orbit-logo img { width: 20px; height: 25px; }
  .evidence-intro { grid-template-columns: 1fr; gap: 12px; text-align: center; }
  .evidence-intro img { width: 125px; margin: auto; }
  .evidence-grid { grid-template-columns: 1fr; }
  .evidence-grid article { min-height: 210px; }
  .signal-grid article, .signal-grid article:nth-child(2n), .signal-grid article:nth-last-child(-n+2) { min-height: 145px; border-right: 0; border-bottom: 1px solid var(--line); }
  .signal-grid article:last-child { border-bottom: 0; }
  .story-grid { gap: 38px; }
  .story-copy h2 { font-size: 44px; }
  .product-mock { padding: 10px; border-radius: 19px; box-shadow: 8px 8px 0 var(--accent); }
  .mock-person .tag { display: none; }
  .mock-search { align-items: flex-start; flex-direction: column; }
  .rights-head { flex-wrap: wrap; }
  .status-live { margin-left: 0; }
  .rights-control { align-items: flex-start; }
  .story-actions { align-items: stretch; flex-direction: column; }
  .final-cta { margin-inline: 16px; padding: 30px 24px; box-shadow: 7px 7px 0 var(--ink); }
  .final-cta h2 { font-size: 45px; }
  .section { padding: 76px 20px; }
  .page { padding: 34px 16px 100px; }
  .page-head { align-items: flex-start; flex-direction: column; }
  .filters, .form-grid, .choice-grid { grid-template-columns: 1fr; }
  .discovery-tabs { grid-template-columns: 1fr; }
  .discovery-tabs a + a { border-left: 0; border-top: 1px solid var(--line); }
  .job-search { grid-template-columns: 1fr; }
  .job-filter-bar { align-items: stretch; flex-direction: column; }
  .job-filter-bar label { width: 100%; }
  .job-filter-bar .job-remote { min-height: 36px; padding-inline: 0; }
  .job-result-count { margin-left: 0; padding: 4px 0 0; }
  .job-card-foot { align-items: stretch; flex-direction: column; }
  .job-card-foot > div { display: grid; grid-template-columns: 1fr 1fr; }
  .job-card-foot .btn { justify-content: center; }
  .search-row { grid-template-columns: 1fr; }
  .view-toggle { width: max-content; }
  .saved-row { grid-template-columns: 1fr; }
  .referral-link { grid-template-columns: 1fr; }
  .referral-stats { grid-template-columns: 1fr; }
  .referral-stats div+div { border-left: 0; border-top: 1px solid var(--line); }
  .ats-score-card { grid-template-columns: 1fr; justify-items: center; text-align: center; }
  .ats-breakdown { grid-template-columns: 1fr; }
  .rewrite-list article { grid-template-columns: 1fr; }
  .rewrite-list article > div + div { padding: 14px 0 0; border-left: 0; border-top: 1px solid var(--line); }
  .saved-row .notes { grid-column: auto; }
  .onboarding { padding: 24px 14px 90px; }
  .onboard-layout { border-radius: 22px; box-shadow: 8px 8px 0 var(--accent); }
  .onboard-guide { min-height: 260px; padding: 23px 20px; grid-template-columns: 112px 1fr; gap: 15px; }
  .guide-cards { min-height: 125px; }
  .guide-cards article { width: 112px; grid-template-columns: 1fr; text-align: center; }
  .guide-cards article:first-child { top: 12px; }
  .guide-cards .avatar { margin: auto; }
  .guide-cards article > div small { display: none; }
  .guide-copy h2 { font-size: 24px; }
  .guide-copy p { font-size: 11px; }
  .onboard-body { padding: 34px 22px 27px; }
  .onboard-body h1 { font-size: 39px; }
  .auth-aside { min-height: 270px; }
  .auth-aside h1 { font-size: 42px; }
  .auth-main { padding: 36px 20px; }
  .admin-record { grid-template-columns: 1fr auto; }
  .admin-record .text-btn { grid-column: 1 / -1; text-align: left; }
  .report-list article { align-items: flex-start; flex-direction: column; }
  .report-actions { justify-content: flex-start; }
  .preview-card { padding: 18px; }
  .logo-orbit { min-height: 410px; transform: scale(.92); transform-origin: top center; margin-bottom: -30px; }
  .ring-one { width: 285px; height: 285px; }
  .ring-two { width: 390px; height: 390px; }
  .logo-core { width: 138px; height: 138px; }
  .company-logo { min-width: 112px; min-height: 58px; padding: 11px 14px; font-size: 16px; }
  .topbar { padding: 0 16px; }
  .header-actions { gap: 6px; }
  .upgrade-link { padding: 7px 10px; }
  .balance { padding: 8px 10px; font-size: 12px; }
  .upgrade-benefits { padding: 12px 20px; }
  .legal-nav { height: 74px; padding: 0 16px; }
  .legal-layout { padding: 0 16px; margin-bottom: 55px; }
  .legal-document { padding: 28px 21px; border-radius: 18px; }
  .legal-document h1 { font-size: 44px; }
  .legal-meta { align-items: flex-start; flex-direction: column; gap: 4px; }
  .consent-banner { left: 10px; right: 10px; bottom: 10px; }
  .consent-actions { width: 100%; justify-content: stretch; }
  .consent-actions .btn { flex: 1 1 auto; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition-duration: .01ms !important; } }

/* Current landing page: resume-led job-search workflow */
.current-landing { background: var(--surface); }
.current-landing .landing-nav { background: color-mix(in oklch,var(--accent-soft) 90%,transparent); border-bottom-color: color-mix(in oklch,var(--ink) 12%,transparent); }
.landing-nav-center { display: flex; align-items: center; gap: 14px; padding: 4px; border: 1px solid color-mix(in oklch,var(--ink) 12%,transparent); border-radius: 999px; background: color-mix(in oklch,var(--surface) 86%,transparent); }
.landing-audience { display: flex; padding: 3px; border: 1px solid var(--ink); border-radius: 999px; background: var(--surface); }
.landing-audience a { min-height: 32px; padding: 7px 14px; display: inline-flex; align-items: center; border-radius: 999px; color: var(--ink); font-size: 12px; font-weight: 800; text-decoration: none; }
.landing-audience a.active { background: var(--ink); color: var(--surface); }
.current-landing .landing-actions .btn { border-radius: 999px; padding-inline: 19px; }
.current-hero { padding: clamp(76px,8vw,112px) 24px 90px; overflow: hidden; position: relative; background: linear-gradient(135deg,color-mix(in oklch,var(--accent-soft) 92%,white),color-mix(in oklch,var(--accent) 14%,white)); }
.current-hero::before { content: ''; position: absolute; width: 620px; height: 620px; right: -310px; bottom: -355px; border: 1px solid color-mix(in oklch,var(--accent-dark) 20%,transparent); border-radius: 50%; box-shadow: 0 0 0 72px color-mix(in oklch,var(--accent) 7%,transparent),0 0 0 144px color-mix(in oklch,var(--accent) 4%,transparent); }
.current-hero-grid { width: min(1240px,100%); margin: 0 auto; display: grid; grid-template-columns: minmax(430px,1.03fr) minmax(0,.97fr); gap: clamp(52px,7vw,100px); align-items: center; position: relative; }
.current-hero-copy h1 { max-width: 690px; margin: 18px 0 24px; font-size: clamp(58px,6.7vw,96px); line-height: .9; letter-spacing: -.075em; }
.current-hero-copy h1 span { position: relative; z-index: 0; white-space: nowrap; }
.current-hero-copy h1 span::after { content: ''; height: .13em; position: absolute; z-index: -1; left: -.01em; right: -.04em; bottom: .025em; background: var(--accent); transform: rotate(-1deg); }
.current-hero-copy > p { max-width: 620px; margin: 0; color: color-mix(in oklch,var(--ink) 78%,var(--muted)); font-size: clamp(17px,1.7vw,20px); line-height: 1.48; font-weight: 550; }
.current-hero-actions { margin-top: 32px; display: flex; gap: 11px; flex-wrap: wrap; }
.current-hero-actions .btn { min-height: 56px; min-width: 190px; padding-inline: 24px; border-radius: 999px; text-transform: uppercase; letter-spacing: .035em; }
.current-hero-actions .btn.dark { box-shadow: 0 8px 0 color-mix(in oklch,var(--ink) 15%,transparent); }
.current-hero-actions .hero-secondary { border-color: color-mix(in oklch,var(--ink) 32%,transparent); background: color-mix(in oklch,var(--surface) 36%,transparent); }
.current-hero-assurance { margin-top: 24px; display: flex; flex-wrap: wrap; gap: 8px 18px; color: var(--muted); font-size: 12px; font-weight: 750; }
.current-hero-assurance span { display: inline-flex; align-items: center; gap: 7px; }
.current-hero-assurance b { width: 19px; height: 19px; display: grid; place-items: center; border-radius: 50%; background: color-mix(in oklch,var(--accent) 28%,var(--surface)); color: var(--accent-dark); font-size: 10px; }
.journey-console { position: relative; padding: 17px; border: 1px solid var(--ink); border-radius: 22px; background: var(--canvas); box-shadow: 15px 15px 0 color-mix(in oklch,var(--accent) 72%,white),0 28px 70px oklch(.2 .02 80/.14); transform: rotate(-1deg); }
.journey-console::before { content: ''; position: absolute; z-index: -1; inset: 24px -24px -24px 24px; border: 1px dashed color-mix(in oklch,var(--ink) 30%,transparent); border-radius: inherit; }
.journey-console-bar { min-height: 42px; padding: 4px 6px 13px; display: flex; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid var(--line); }
.journey-console-bar span { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 850; }
.journey-console-bar i { width: 8px; height: 8px; display: inline-block; border-radius: 50%; background: var(--accent-dark); box-shadow: 0 0 0 4px color-mix(in oklch,var(--accent) 25%,transparent); }
.journey-console-bar small { color: var(--muted); font-size: 10px; font-weight: 750; text-transform: uppercase; letter-spacing: .08em; }
.journey-score-row { margin: 14px 0; padding: 17px; display: grid; grid-template-columns: auto 1fr; gap: 17px; align-items: center; border: 1px solid var(--line); border-radius: 17px; background: var(--surface); }
.journey-score { width: 88px; height: 88px; display: grid; place-content: center; position: relative; border-radius: 50%; background: conic-gradient(var(--success) 82%,var(--canvas) 0); text-align: center; }
.journey-score::before { content: ''; position: absolute; inset: 10px; border-radius: inherit; background: var(--surface); }
.journey-score strong,.journey-score small { position: relative; z-index: 1; line-height: 1; }
.journey-score strong { font-size: 29px; letter-spacing: -.07em; }
.journey-score small { color: var(--muted); font-size: 9px; font-weight: 750; }
.journey-status { display: inline-flex; padding: 4px 7px; border-radius: 999px; background: color-mix(in oklch,var(--accent) 22%,var(--surface)); color: var(--accent-dark); font-size: 9px; font-weight: 900; text-transform: uppercase; letter-spacing: .07em; }
.journey-score-row h2 { margin: 5px 0 2px; font-size: 23px; letter-spacing: -.035em; }
.journey-score-row p { margin: 0; color: var(--muted); font-size: 11px; }
.journey-progress { padding: 6px 2px 17px; display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; }
.journey-progress span { min-width: 0; display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: 9px; font-weight: 750; }
.journey-progress i { width: 20px; height: 20px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; font-style: normal; }
.journey-progress .done i { border-color: var(--accent-dark); background: var(--accent); color: var(--ink); }
.journey-progress .active { color: var(--ink); }
.journey-progress .active i { border-color: var(--ink); background: var(--ink); color: var(--surface); }
.journey-job { padding: 14px; display: flex; align-items: center; justify-content: space-between; gap: 16px; border: 1px solid var(--ink); border-radius: 15px; background: var(--surface); }
.journey-job > div { min-width: 0; display: flex; align-items: center; gap: 11px; }
.journey-company { width: 42px; height: 42px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 11px; background: var(--ink); color: var(--accent); font-weight: 900; }
.journey-job small,.journey-job strong,.journey-job p { display: block; margin: 0; }
.journey-job small { color: var(--accent-dark); font-size: 9px; font-weight: 850; text-transform: uppercase; letter-spacing: .06em; }
.journey-job strong { font-size: 14px; }
.journey-job p { overflow: hidden; color: var(--muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.journey-job > b { flex: 0 0 auto; padding: 6px 8px; border-radius: 999px; background: var(--accent); font-size: 10px; }
.journey-footer { padding: 13px 3px 2px; display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--muted); font-size: 9px; }
.journey-footer b { color: var(--ink); }
.capability-strip { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); background: var(--surface); }
.capability-strip > div { min-height: 112px; padding: 24px clamp(20px,3vw,42px); display: grid; grid-template-columns: auto 1fr; column-gap: 11px; align-content: center; border-right: 1px solid color-mix(in oklch,var(--ink) 45%,transparent); }
.capability-strip > div:last-child { border-right: 0; }
.capability-strip span { grid-row: 1 / 3; color: var(--ink); font-size: clamp(22px,2.7vw,38px); font-weight: 900; letter-spacing: -.05em; }
.capability-strip strong { font-size: 15px; }
.capability-strip small { color: var(--muted); font-size: 11px; }
.current-workflow { background: var(--ink); color: var(--surface); }
.workflow-heading { max-width: 900px; }
.workflow-heading .eyebrow { color: var(--accent); }
.workflow-heading > p { max-width: 680px; color: oklch(.78 .008 90); font-size: 17px; }
.workflow-steps { margin-top: 58px; display: grid; gap: 0; border-top: 1px solid oklch(.42 .01 80); }
.workflow-steps article { padding: 27px 0; display: grid; grid-template-columns: 76px minmax(0,1fr); gap: clamp(18px,4vw,58px); border-bottom: 1px solid oklch(.42 .01 80); }
.workflow-steps article > b { color: var(--accent); font-size: 13px; letter-spacing: .1em; }
.workflow-steps article > div { display: grid; grid-template-columns: minmax(130px,.42fr) minmax(240px,1fr) minmax(260px,.9fr); gap: 28px; align-items: baseline; }
.workflow-steps article span { color: var(--accent); font-size: 12px; font-weight: 800; }
.workflow-steps h3 { margin: 0; max-width: 420px; font-size: clamp(25px,3vw,38px); line-height: 1.04; letter-spacing: -.045em; }
.workflow-steps p { margin: 0; color: oklch(.76 .008 90); }
.workflow-step-copy { display: grid; justify-items: start; gap: 12px; }
.workflow-step-copy a,.workflow-access a { color: var(--accent); font-size: 13px; font-weight: 800; text-decoration: underline; text-underline-offset: 4px; }
.workflow-step-copy a:hover,.workflow-access a:hover { color: oklch(.93 .12 124); }
.workflow-step-copy a:focus-visible,.workflow-access a:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; border-radius: 2px; }
.workflow-access { display: flex; align-items: center; justify-content: space-between; gap: 18px 30px; padding-top: 26px; }
.workflow-access p { max-width: 66ch; margin: 0; color: oklch(.83 .008 90); font-size: 13px; }
.workflow-access a { flex: 0 0 auto; }
.product-overview { background: var(--canvas); }
.product-overview-head { margin-bottom: 48px; display: grid; grid-template-columns: 1fr minmax(300px,.55fr); gap: 52px; align-items: end; }
.product-overview-head h2 { margin-bottom: 0; }
.product-overview-head > p { margin: 0; color: var(--muted); font-size: 16px; }
.feature-bento { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.feature-card { min-width: 0; min-height: 330px; padding: clamp(24px,3vw,34px); display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 22px; background: var(--surface); transition: transform .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease); }
.feature-card:hover { transform: translateY(-5px); border-color: var(--ink); box-shadow: 7px 7px 0 color-mix(in oklch,var(--accent) 75%,var(--canvas)); }
.feature-card-wide { grid-column: 1 / -1; min-height: 440px; display: grid; grid-template-columns: minmax(0,1fr) minmax(300px,.62fr); gap: 56px; align-items: center; }
.feature-number { color: var(--accent-dark); font-size: 11px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.feature-card h3 { max-width: 590px; margin: 14px 0 12px; font-size: clamp(28px,3.5vw,44px); line-height: 1; letter-spacing: -.05em; }
.feature-card:not(.feature-card-wide) h3 { font-size: clamp(27px,2.8vw,37px); }
.feature-card p { margin: 0; max-width: 62ch; color: var(--muted); line-height: 1.6; }
.feature-card ul { margin: 21px 0 0; padding: 0; display: grid; gap: 8px; list-style: none; }
.feature-card li::before { content: '✓'; margin-right: 9px; color: var(--accent-dark); font-weight: 900; }
.feature-card > a,.feature-card-copy > a { width: fit-content; margin-top: auto; padding-top: 24px; color: var(--accent-dark); font-size: 13px; font-weight: 850; text-underline-offset: 4px; }
.landing-score-card { min-height: 330px; padding: 28px; display: grid; justify-items: center; align-content: center; border: 1px solid var(--ink); border-radius: 23px; background: var(--surface); box-shadow: 9px 9px 0 var(--accent); text-align: center; }
.landing-score-card > span { color: var(--muted); font-size: 12px; font-weight: 800; }
.landing-score-ring { width: 170px; height: 170px; margin: 17px 0; display: grid; place-content: center; position: relative; border-radius: 50%; background: conic-gradient(var(--success) 82%,var(--canvas) 0); }
.landing-score-ring::before { content: ''; position: absolute; inset: 20px; border-radius: 50%; background: var(--surface); }
.landing-score-ring strong,.landing-score-ring small { position: relative; z-index: 1; line-height: 1; }
.landing-score-ring strong { font-size: 56px; letter-spacing: -.075em; }
.landing-score-ring small { color: var(--muted); font-weight: 750; }
.landing-score-card > b { padding: 6px 10px; border-radius: 999px; background: color-mix(in oklch,var(--accent) 24%,var(--surface)); color: var(--accent-dark); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.landing-score-card > p { margin-top: 12px; font-size: 11px; text-align: center; }
.feature-tags { margin-top: 24px; display: flex; gap: 7px; flex-wrap: wrap; }
.feature-tags span { padding: 6px 9px; border-radius: 999px; background: var(--canvas); color: var(--muted); font-size: 10px; font-weight: 750; }
.mini-recruiter { margin-top: 24px; padding: 14px; display: flex; align-items: center; gap: 11px; border: 1px solid var(--line); border-radius: 14px; background: var(--canvas); }
.mini-recruiter > div { min-width: 0; display: grid; }
.mini-recruiter small { overflow: hidden; color: var(--muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.feature-card-dark { border-color: var(--ink); background: var(--ink); color: var(--surface); }
.feature-card-dark:hover { border-color: var(--accent); }
.feature-card-dark .feature-number,.feature-card-dark > a { color: var(--accent); }
.feature-card-dark p { color: oklch(.78 .008 90); }
.copilot-preview { margin-top: 27px; display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; }
.copilot-preview span { padding: 15px 8px; border: 1px solid oklch(.43 .01 80); border-radius: 11px; color: oklch(.82 .008 90); font-size: 11px; text-align: center; }
.copilot-preview span:first-child { border-color: var(--accent-dark); background: color-mix(in oklch,var(--accent) 17%,var(--ink)); color: var(--accent); }
.application-mini { margin-top: 28px; display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 10px; font-weight: 800; }
.application-mini span { padding: 7px 9px; border: 1px solid var(--line); border-radius: 999px; background: var(--canvas); }
.application-mini i { flex: 1; height: 1px; background: var(--line); }
.profile-mini { margin-top: 27px; padding: 16px; display: flex; align-items: center; gap: 12px; border-radius: 13px; background: color-mix(in oklch,var(--accent) 17%,var(--surface)); }
.profile-mini strong { padding: 5px 8px; border-radius: 999px; background: var(--accent); font-size: 10px; }
.profile-mini span { color: var(--muted); font-size: 11px; }
.control-section { background: color-mix(in oklch,var(--accent) 16%,var(--surface)); }
.control-grid { display: grid; grid-template-columns: minmax(0,.8fr) minmax(420px,1.2fr); gap: clamp(52px,8vw,110px); align-items: center; }
.control-grid > div:first-child > p { max-width: 570px; color: var(--muted); font-size: 17px; }
.control-grid > div:first-child .btn { margin-top: 20px; }
.control-list { display: grid; border: 1px solid var(--ink); border-radius: 22px; overflow: hidden; background: var(--surface); box-shadow: 9px 9px 0 var(--accent); }
.control-list article { padding: 20px; display: grid; grid-template-columns: 34px 1fr; gap: 13px; align-items: start; border-bottom: 1px solid var(--line); }
.control-list article:last-child { border-bottom: 0; }
.control-list article > span { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 50%; background: var(--accent); font-weight: 900; }
.control-list strong { display: block; }
.control-list p { margin: 3px 0 0; color: var(--muted); font-size: 12px; }
.current-faq { background: var(--surface); }
.current-final-cta { margin-top: 20px; }

@media (max-width: 980px) {
  .current-hero-grid { grid-template-columns: 1fr; }
  .current-hero-copy { max-width: 780px; }
  .journey-console { width: min(620px,100%); transform: none; }
  .capability-strip { grid-template-columns: 1fr 1fr; }
  .capability-strip > div:nth-child(2) { border-right: 0; }
  .capability-strip > div:nth-child(-n+2) { border-bottom: 1px solid color-mix(in oklch,var(--ink) 45%,transparent); }
  .workflow-steps article > div { grid-template-columns: 1fr 1.25fr; }
  .workflow-steps article span { grid-column: 1 / -1; }
  .product-overview-head,.control-grid { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .current-hero { padding: 64px 18px 62px; }
  .current-hero-copy h1 { font-size: clamp(44px,13vw,64px); }
  .current-hero-copy h1 span { white-space: normal; }
  .current-hero-actions { display: grid; }
  .current-hero-actions .btn { width: 100%; }
  .journey-console { padding: 13px; border-radius: 20px; box-shadow: 8px 8px 0 var(--accent); }
  .journey-score-row { grid-template-columns: 72px 1fr; padding: 13px; }
  .journey-score { width: 72px; height: 72px; }
  .journey-progress { grid-template-columns: 1fr; }
  .journey-footer { align-items: flex-start; flex-direction: column; }
  .capability-strip { grid-template-columns: 1fr; }
  .capability-strip > div { min-height: 94px; border-right: 0; border-bottom: 1px solid color-mix(in oklch,var(--ink) 45%,transparent); }
  .capability-strip > div:last-child { border-bottom: 0; }
  .workflow-steps article { grid-template-columns: 44px minmax(0,1fr); }
  .workflow-steps article > div { grid-template-columns: 1fr; gap: 12px; }
  .workflow-steps article span { grid-column: auto; }
  .workflow-access { align-items: flex-start; flex-direction: column; }
  .feature-bento { grid-template-columns: 1fr; }
  .feature-card-wide { grid-column: auto; grid-template-columns: 1fr; gap: 30px; }
  .product-overview-head { gap: 18px; }
  .control-grid { gap: 38px; }
  .control-list { box-shadow: 6px 6px 0 var(--accent); }
}
@media (max-width: 560px) {
  .current-landing .landing-nav { gap: 8px; }
  .current-landing .landing-nav .brand-word { display: none; }
  .landing-nav-center { padding: 2px; border: 0; background: transparent; }
  .landing-audience a { min-height: 30px; padding: 6px 10px; font-size: 10px; }
  .current-landing .landing-actions .btn { padding-inline: 12px; }
  .current-hero { padding-top: 52px; }
}

/* Job seeker workspace: onboarding, recommendations, profile, and application tracking */
.pace-onboarding{min-height:100vh;padding:24px;display:grid;place-items:center;background:var(--canvas)}
.pace-card{width:min(640px,100%);padding:clamp(28px,5vw,48px);border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:0 22px 60px oklch(.25 .02 85/.1)}
.pace-card>.eyebrow{color:var(--accent-dark)}
.pace-card h1{margin:10px 0 12px;font-size:clamp(30px,4vw,42px);line-height:1.08;letter-spacing:-.04em}
.pace-intro,.pace-copy{color:var(--muted);line-height:1.55}
.pace-intro{margin:0 0 24px}
.pace-week{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 12px;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--canvas)}
.pace-day{display:grid;justify-items:center;gap:10px;font-size:11px;font-weight:800;color:var(--muted)}
.pace-dots{display:grid;gap:7px}
.pace-dots i{width:13px;height:13px;display:block;border-radius:50%;background:var(--line)}
.pace-dots i.active{background:var(--accent-dark)}
.pace-caption{margin:0 0 24px;text-align:center;font-size:13px;font-weight:800}
.pace-copy p{margin:0 0 10px;font-size:14px}
.pace-actions{display:flex;align-items:center;gap:18px;margin-top:24px}
.pace-card .form-error{margin:10px 0 0}
.goal-card{text-align:center}
.goal-card .pace-intro{max-width:52ch;margin:0 auto 24px}
.goal-value{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:18px 0 14px}
.goal-value output{font-size:clamp(48px,8vw,66px);font-weight:900;line-height:1;letter-spacing:-.06em}
.goal-value span{font-size:15px;color:var(--muted);font-weight:700}
.goal-slider{display:block;width:100%;height:10px;margin:18px 0 7px;border-radius:999px;appearance:none;background:linear-gradient(to right,var(--accent-dark) var(--goal-progress),var(--line) var(--goal-progress));cursor:pointer}
.goal-slider::-webkit-slider-thumb{appearance:none;width:30px;height:30px;border:3px solid var(--surface);border-radius:50%;background:var(--accent);box-shadow:0 2px 10px oklch(.2 .02 90/.22)}
.goal-slider::-moz-range-thumb{width:24px;height:24px;border:3px solid var(--surface);border-radius:50%;background:var(--accent);box-shadow:0 2px 10px oklch(.2 .02 90/.22)}
.goal-scale{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px;font-weight:700}
.goal-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:28px 0 12px}
.goal-metrics>div{padding:16px 10px;border:1px solid var(--line);border-radius:13px;background:var(--canvas)}
.goal-metrics strong,.goal-metrics small{display:block}
.goal-metrics strong{font-size:26px;line-height:1.2}
.goal-metrics small{font-size:12px;color:var(--muted)}
.goal-note{font-size:12px;color:var(--muted);line-height:1.5}
.goal-card .pace-actions{justify-content:center}
.account-daily-goal{display:grid;gap:7px;margin-top:18px;font-weight:700}
.account-daily-goal small{font-size:12px;font-weight:400;color:var(--muted)}
@media(max-width:540px){.pace-week{gap:3px;padding:13px}.pace-dots i{width:10px;height:10px}.pace-actions{align-items:stretch;flex-direction:column}.pace-actions .btn{width:100%}.goal-scale{font-size:10px}.goal-metrics{grid-template-columns:1fr}}
.new-onboarding{min-height:100vh;padding:24px;background:var(--canvas);display:grid;place-items:center}
.onboard-split{width:min(1240px,100%);min-height:720px;display:grid;grid-template-columns:.92fr 1.08fr;background:var(--surface);border:1px solid var(--ink);border-radius:28px;overflow:hidden;box-shadow:0 24px 70px oklch(.25 .02 85/.12)}
.onboard-split .onboard-guide{min-height:100%;padding:48px;background:linear-gradient(145deg,color-mix(in oklch,var(--accent) 66%,white),color-mix(in oklch,var(--accent) 24%,white));color:var(--ink);justify-content:space-between}
.onboard-split .onboard-guide:before{content:"";position:absolute;width:380px;height:380px;left:-90px;bottom:-110px;border-radius:50%;background:oklch(.94 .1 150/.55);filter:blur(36px)}
.onboard-split .onboard-guide:after{content:"";position:absolute;width:300px;height:300px;right:-100px;top:-90px;border-radius:50%;background:oklch(.94 .06 190/.45);filter:blur(38px)}
.onboard-split .onboard-guide .brand{position:relative;z-index:2;color:var(--ink)}
.onboard-split .onboard-guide-copy{position:relative;z-index:2;max-width:520px;margin:auto 0}
.onboard-split .onboard-guide-copy h2{font-size:clamp(42px,4.8vw,68px);line-height:.98;letter-spacing:-.055em;margin:14px 0 18px}
.onboard-split .onboard-guide-copy p{font-size:18px;line-height:1.55;max-width:42ch}
.onboard-split .onboard-steps{position:relative;z-index:2;border-color:oklch(.37 .06 125/.28)}
.onboard-split .onboard-steps li{color:oklch(.36 .04 120)}
.onboard-split .onboard-steps li.active,.onboard-split .onboard-steps li.complete{color:var(--ink)}
.onboard-form-panel{padding:46px 54px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.onboard-form-head{margin-bottom:28px}
.onboard-form-head h1{font-size:clamp(34px,3vw,48px);line-height:1.02;letter-spacing:-.045em;margin:8px 0 12px}
.onboard-form-head p{color:var(--muted);max-width:58ch}
.onboard-preference-form{display:grid;gap:22px}
.onboard-preference-form>label>span,.onboard-preference-form fieldset>legend{display:block;margin:0 0 9px;font-size:13px;font-weight:800;color:var(--ink)}
.onboard-preference-form fieldset{padding:0;border:0;margin:0}
.job-function-control{position:relative;z-index:8}
.job-function-control>label{display:block;margin:0 0 9px;font-size:13px;font-weight:800;color:var(--ink)}
.job-function-control>label b{color:var(--error)}
.job-function-mode{display:flex;gap:7px;margin-bottom:10px}
.job-function-mode button{min-height:38px;padding:8px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.job-function-mode button:hover,.job-function-mode button:focus-visible{border-color:var(--accent-dark)}
.job-function-mode button.active{border-color:var(--accent-dark);background:color-mix(in oklch,var(--accent) 24%,var(--surface))}
.custom-role-field{display:grid;gap:7px}
.custom-role-field label{font-size:12px;font-weight:700;color:var(--ink)}
.custom-role-field small{font-size:12px;color:var(--muted)}
.job-function-input{position:relative;display:flex;align-items:center}
.job-function-input>span{position:absolute;left:15px;color:var(--muted);font-size:17px;pointer-events:none}
.job-function-input .field{padding-left:43px;padding-right:45px}
.job-function-input .field[aria-expanded="true"]{border-color:var(--accent-dark);box-shadow:0 0 0 3px color-mix(in oklch,var(--accent) 24%,transparent)}
.job-function-clear{position:absolute;right:8px;width:34px;height:34px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:20px;cursor:pointer}
.job-function-clear:hover,.job-function-clear:focus-visible{background:var(--canvas);color:var(--ink)}
.job-function-picker{position:absolute;z-index:40;top:calc(100% + 8px);left:0;right:0;height:min(390px,55vh);display:grid;grid-template-columns:minmax(210px,.86fr) minmax(0,1.45fr);overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 22px 56px oklch(.24 .015 85/.18)}
.job-function-picker[hidden]{display:none}
.job-function-picker>nav{padding:8px;overflow-y:auto;border-right:1px solid var(--line);background:oklch(.97 .006 90)}
.job-function-category{width:100%;min-height:39px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-radius:8px;background:transparent;color:var(--ink);font:inherit;font-size:13px;text-align:left;cursor:pointer}
.job-function-category b{font-size:18px;font-weight:500;color:var(--muted)}
.job-function-category:hover,.job-function-category:focus-visible{background:var(--canvas)}
.job-function-category.active{background:color-mix(in oklch,var(--accent) 26%,var(--surface));font-weight:800}
.job-function-category.active b{color:var(--ink)}
.job-function-picker>section{padding:16px 18px;overflow-y:auto}
.job-function-panel-head{display:flex;justify-content:space-between;gap:14px;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line)}
.job-function-panel-head>span{font-size:17px;font-weight:850}
.job-function-panel-head small{color:var(--muted);font-size:11px}
.job-function-group{padding:14px 0;border-bottom:1px solid color-mix(in oklch,var(--line) 65%,transparent)}
.job-function-group:last-child{border-bottom:0}
.job-function-group h3{margin:0 0 9px;font-size:13px}
.job-function-group>div{display:flex;flex-wrap:wrap;gap:7px}
.job-function-role{min-height:34px;padding:7px 10px;border:1px solid transparent;border-radius:8px;background:var(--canvas);color:var(--ink);font:inherit;font-size:12px;text-align:left;cursor:pointer}
.job-function-role:hover,.job-function-role:focus-visible{border-color:var(--accent-dark);background:color-mix(in oklch,var(--accent) 13%,var(--surface))}
.job-function-role.selected{border-color:var(--accent-dark);background:color-mix(in oklch,var(--accent) 25%,var(--surface));font-weight:800}
.job-function-empty{padding:38px 12px;text-align:center}
.job-function-empty strong{display:block;margin-bottom:7px}
.job-function-empty p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}
.toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.onboard-toggle{min-height:52px;padding:10px 13px;display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;background:var(--canvas);font-weight:700;cursor:pointer}
.onboard-toggle:has(input:checked){border-color:var(--accent-dark);background:color-mix(in oklch,var(--accent) 18%,var(--surface));box-shadow:inset 0 0 0 1px var(--accent-dark)}
.onboard-toggle input{width:19px;height:19px;accent-color:var(--accent-dark)}
.onboard-toggle>span{display:none}
.location-grid,.onboard-inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.onboard-resume-drop{min-height:260px;padding:38px;display:grid;place-items:center;text-align:center;border:2px dashed color-mix(in oklch,var(--accent-dark) 65%,var(--line));border-radius:22px;background:color-mix(in oklch,var(--accent) 8%,var(--surface));cursor:pointer}
.onboard-resume-drop input{position:absolute;opacity:0;pointer-events:none}
.resume-upload-icon{width:72px;height:72px;display:grid;place-items:center;border-radius:50%;background:var(--surface);border:1px solid var(--line);font-size:25px;font-weight:900}
.onboard-resume-drop strong{display:block;margin-top:14px;font-size:21px}
.onboard-resume-drop small{display:block;margin-top:7px;color:var(--muted)}
.onboard-data-note{padding:13px 16px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;border-radius:12px;background:color-mix(in oklch,var(--accent) 13%,var(--surface));font-size:13px;color:var(--muted);text-align:left}
.onboard-data-note p{margin:0}
.onboard-resume-ready,.ats-onboarding-next{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;border:1px solid var(--line);border-radius:14px;background:color-mix(in oklch,var(--accent) 12%,var(--surface));margin-bottom:24px}
.onboard-resume-ready>span{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--accent);font-weight:800}
.onboard-resume-ready>div{display:grid;gap:3px;min-width:0;margin-right:auto}.onboard-resume-ready small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.onboard-save-resume{display:flex;align-items:flex-start;gap:10px;margin:-10px 0 24px;color:var(--muted);font-size:13px;line-height:1.45}.onboard-save-resume input{flex:none;margin-top:3px;accent-color:var(--accent-dark)}
.ats-onboarding-next{margin:18px 0 22px}.ats-onboarding-next p{margin:5px 0 0;color:var(--muted)}.ats-onboarding-next .btn{flex:none}
@media(max-width:700px){.ats-onboarding-next{align-items:stretch;flex-direction:column}.onboard-resume-ready{flex-wrap:wrap}.onboard-resume-ready button{margin-left:42px}}
.onboard-skip{align-self:center;color:var(--muted)}
.matching-stage{width:min(940px,100%);min-height:690px;padding:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid var(--ink);border-radius:28px;background:var(--surface)}
.matching-document{width:90px;height:112px;margin-bottom:32px;display:grid;place-items:center;border:3px solid var(--ink);border-radius:8px;font-size:35px;font-weight:900;box-shadow:10px 10px 0 color-mix(in oklch,var(--accent) 70%,white)}
.matching-stage h1{font-size:clamp(34px,4vw,54px);letter-spacing:-.05em;margin:0 0 12px}
.matching-stage>p{color:var(--muted);font-size:17px}
.matching-progress{width:min(680px,100%);height:8px;margin:38px 0 26px;background:var(--canvas);border-radius:999px;overflow:hidden}
.matching-progress i{display:block;width:42%;height:100%;border-radius:inherit;background:var(--accent);animation:matching-scan 1.8s ease-in-out infinite}
@keyframes matching-scan{0%{transform:translateX(-120%)}100%{transform:translateX(260%)}}
.matching-facts{width:min(740px,100%);margin-top:42px;padding:26px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;border-radius:18px;background:color-mix(in oklch,var(--accent) 10%,var(--surface))}
.matching-facts span{font-size:13px;color:var(--muted)}
.matching-facts b{display:block;margin-bottom:5px;color:var(--ink)}
.review-onboarding{padding:42px}
.onboard-review{width:min(980px,100%);padding:52px;border:1px solid var(--ink);border-radius:28px;background:var(--surface);box-shadow:0 22px 64px oklch(.25 .02 85/.1);text-align:center}
.review-mark,.application-icon{width:62px;height:62px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;background:var(--accent);font-size:26px;font-weight:900;color:var(--ink)}
.onboard-review h1{font-size:clamp(36px,4.2vw,58px);letter-spacing:-.052em;margin:8px 0 12px}
.onboard-review>p{color:var(--muted);font-size:17px}
.onboard-review fieldset{border:0;padding:0;margin:30px 0;text-align:left}
.onboard-review legend{margin-bottom:12px;font-weight:850}
.review-choice-grid,.review-role-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.review-role-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.review-choice-grid label,.review-role-list label{min-height:56px;padding:13px 15px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px;background:var(--canvas);font-weight:700}
.review-choice-grid label:has(input:checked),.review-role-list label:has(input:checked){border-color:var(--accent-dark);background:color-mix(in oklch,var(--accent) 18%,var(--surface))}
.review-choice-grid input,.review-role-list input{accent-color:var(--accent-dark)}
.review-confirm{min-width:260px;justify-content:center}

.jobs-workspace-head{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:24px;align-items:center;margin-bottom:24px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.jobs-workspace-head h1{margin:5px 0 3px;font-size:clamp(34px,4vw,52px);letter-spacing:-.05em}
.jobs-workspace-head p{margin:0;color:var(--muted)}
.jobs-workspace-head nav{padding:5px;display:flex;gap:3px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.jobs-workspace-head nav a{padding:9px 12px;border-radius:8px;color:var(--muted);font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}
.jobs-workspace-head nav a.active{background:var(--ink);color:var(--surface)}
.job-filter-bar{align-items:end;flex-wrap:wrap}
.filter-shortcut{align-self:center;color:var(--accent-dark);font-size:13px;font-weight:800}
.job-workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}
.job-list-intro{margin:7px 0 14px;display:flex;align-items:end;justify-content:space-between;gap:18px}
.job-list-intro h2{margin:0 0 4px;font-size:24px}
.job-list-intro p{margin:0;color:var(--muted);font-size:13px}
.job-list-intro>span{padding:6px 10px;border-radius:99px;background:color-mix(in oklch,var(--accent) 20%,var(--surface));font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.job-board-page .job-results,.applied-page .job-results,.saved-job-grid{grid-template-columns:1fr}
.job-board-page .job-card,.applied-page .job-card,.saved-job-grid .job-card{padding:0;display:grid;grid-template-columns:minmax(0,1fr) 170px;overflow:hidden}
.job-card-main{min-width:0;padding:22px;display:flex;flex-direction:column}
.job-fit{padding:22px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;background:var(--ink);color:var(--surface)}
.job-fit-ring{--fit:75;width:92px;height:92px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--fit)*1%),oklch(.42 .02 80) 0);position:relative}
.job-fit-ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--ink)}
.job-fit-ring strong{position:relative;font-size:27px;letter-spacing:-.04em}
.job-fit-ring small{font-size:13px}
.job-fit b{font-size:13px;text-transform:uppercase;letter-spacing:.06em}
.job-fit>span{font-size:11px;color:oklch(.79 .01 85)}
.job-card.is-applied .job-fit{background:color-mix(in oklch,var(--accent-dark) 82%,black)}
.job-card.is-applied .job-apply-action{background:var(--surface);border-color:var(--line);color:var(--ink)}
.job-workspace-side{position:sticky;top:94px;display:grid;gap:14px}
.job-workspace-side section{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.job-workspace-side h3{margin:8px 0 5px;font-size:20px}
.job-workspace-side p{margin:0 0 16px;color:var(--muted);font-size:13px;line-height:1.5}
.job-workspace-side a{color:var(--accent-dark);font-weight:800;font-size:13px}

.product-modal{position:fixed;z-index:90;inset:0;padding:24px;display:grid;place-items:center;background:oklch(.18 .01 75/.76);backdrop-filter:blur(4px)}
.product-modal>section{position:relative;width:min(660px,100%);padding:48px;border-radius:24px;background:var(--surface);box-shadow:0 28px 90px oklch(.1 .01 80/.32);text-align:center}
.product-modal .modal-close{position:absolute;top:18px;right:18px}
.product-modal h2{margin:8px 0 12px;font-size:clamp(32px,4vw,46px);letter-spacing:-.045em}
.product-modal p{max-width:56ch;margin:0 auto 26px;color:var(--muted);line-height:1.6}
.tour-points{margin:28px 0;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}
.tour-points span{padding:18px 10px;display:grid;gap:7px;font-size:12px;font-weight:800}
.tour-points b{color:var(--accent-dark)}
.application-prompt>section{width:min(540px,100%)}
.application-prompt .btn{width:100%;justify-content:center;margin-top:9px}

.profile-page-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px;padding:30px;border:1px solid var(--ink);border-radius:20px;background:color-mix(in oklch,var(--accent) 10%,var(--surface))}
.profile-page-head h1{margin:6px 0 6px;font-size:clamp(38px,4.5vw,58px);letter-spacing:-.052em}
.profile-page-head p{max-width:62ch;margin:0;color:var(--muted)}
.profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}
.profile-sections,.profile-side{display:grid;gap:16px}
.profile-sections>section,.profile-side>section{padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.profile-section-head{display:flex;justify-content:space-between;gap:20px;align-items:start;padding-bottom:20px;border-bottom:1px solid var(--line)}
.profile-section-head h2{margin:5px 0 0;font-size:28px}
.profile-section-head>a,.profile-side a{color:var(--accent-dark);font-weight:850}
.profile-facts{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.profile-facts>div{padding:20px 12px 4px 0}
.profile-facts dt{color:var(--muted);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}
.profile-facts dd{margin:7px 0 0;font-weight:750;line-height:1.45}
.profile-score{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;margin-top:22px}
.profile-score>strong{width:96px;height:96px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--surface);font-size:31px}
.profile-score small{font-size:13px}
.profile-score b{font-size:18px}
.profile-projection-label{display:block;margin-top:5px;color:var(--accent-dark);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.profile-score p{margin:7px 0 0;color:var(--muted);line-height:1.5}
.profile-resume-comparison{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.profile-resume-comparison span{padding:9px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:13px}
.profile-resume-comparison strong{color:var(--ink)}
.profile-resume-comparison .improved{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--surface));color:var(--ink);font-weight:800}
.profile-resume-note{margin:18px 0 0;color:var(--muted);line-height:1.5}
.profile-side>section:first-child{background:var(--ink);color:var(--surface)}
.profile-side>section:first-child>strong{display:block;margin:12px 0 5px;font-size:46px;letter-spacing:-.05em}
.profile-side>section:first-child p{color:oklch(.78 .01 85)}
.profile-progress{height:8px;margin:10px 0 18px;border-radius:99px;background:oklch(.42 .01 80);overflow:hidden}
.profile-progress i{display:block;height:100%;border-radius:inherit;background:var(--accent)}

@media(max-width:980px){
  .onboard-split{grid-template-columns:1fr;min-height:0}.onboard-split .onboard-guide{min-height:310px;padding:32px}.onboard-split .onboard-guide-copy{margin:40px 0}.onboard-split .onboard-guide-copy h2{font-size:46px}.onboard-form-panel{padding:38px}
  .jobs-workspace-head{grid-template-columns:1fr auto}.jobs-workspace-head nav{grid-row:2;grid-column:1/-1;justify-content:center}.job-workspace{grid-template-columns:1fr}.job-workspace-side{position:static;grid-template-columns:1fr 1fr}
  .profile-layout{grid-template-columns:1fr}.profile-side{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .new-onboarding,.review-onboarding{padding:10px 10px 82px}.onboard-split{border-radius:20px}.onboard-split .onboard-guide{min-height:250px;padding:25px}.onboard-split .onboard-guide-copy{margin:26px 0}.onboard-split .onboard-guide-copy h2{font-size:37px}.onboard-split .onboard-guide-copy p{font-size:15px}.onboard-split .onboard-steps{display:none}.onboard-form-panel{padding:28px 20px}.toggle-grid,.location-grid,.onboard-inline-fields,.review-choice-grid,.review-role-list,.matching-facts{grid-template-columns:1fr}.job-function-picker{position:fixed;inset:auto 10px 12px;height:min(560px,76vh);grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);border-radius:18px}.job-function-picker>nav{padding:8px;display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid var(--line)}.job-function-category{width:auto;min-width:max-content}.job-function-category b{display:none}.job-function-picker>section{padding:14px}.onboard-resume-drop{min-height:220px;padding:24px}.matching-stage,.onboard-review{padding:34px 20px;border-radius:20px}.onboard-review{text-align:left}.review-mark{margin-left:0}.review-confirm{width:100%}
  .jobs-workspace-head{grid-template-columns:1fr;align-items:stretch}.jobs-workspace-head nav{grid-row:auto;grid-column:auto;overflow-x:auto;justify-content:flex-start}.jobs-workspace-head>.btn{justify-content:center}.for-you-profile-summary{align-items:flex-start;flex-direction:column;padding:18px}.for-you-summary-actions{width:100%;justify-items:start;text-align:left}.job-board-page .job-card,.applied-page .job-card,.saved-job-grid .job-card{grid-template-columns:1fr}.job-fit{padding:16px;display:grid;grid-template-columns:auto 1fr;justify-items:start;text-align:left}.job-fit-ring{grid-row:1/3;width:68px;height:68px}.job-fit-ring strong{font-size:21px}.job-card-foot>div{grid-template-columns:1fr}.job-workspace-side,.profile-side{grid-template-columns:1fr}.tour-points{grid-template-columns:1fr}.product-modal>section{padding:38px 22px}.profile-page-head{align-items:stretch;flex-direction:column;padding:24px}.profile-facts{grid-template-columns:1fr}.profile-score{grid-template-columns:1fr}.profile-score>strong{width:82px;height:82px}
}

@media(max-width:560px){.resume-upload-ready{grid-template-columns:1fr;justify-items:center;text-align:center}.resume-ready-copy{width:100%}.resume-ready-actions{grid-column:auto;width:100%;display:grid}.resume-ready-actions .btn{justify-content:center}.resume-file-meta b{max-width:100%}.ats-upload .side-label{align-items:flex-start;flex-direction:column;gap:4px}}
@media(max-width:600px){.report-section .ats-breakdown{grid-template-columns:1fr}}
@media(max-width:420px){.ats-score-rail{grid-template-columns:1fr;justify-items:center;text-align:center}.ats-score-rail>.side-label,.ats-score-rail>.score-status,.ats-score-rail>.score-verdict,.ats-score-rail>.detected-role,.ats-score-rail>.btn,.ats-score-rail>small{grid-column:1}.ats-score-dial{grid-column:1;grid-row:auto}}

/* Markup-specific refinements for the seeker onboarding flow. */
.match-preparing{min-height:100vh;padding:24px;display:grid;place-items:center;background:var(--canvas)}
.onboard-split>aside{position:relative;min-height:100%;padding:48px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:linear-gradient(145deg,color-mix(in oklch,var(--accent) 66%,white),color-mix(in oklch,var(--accent) 24%,white));color:var(--ink)}
.onboard-split>aside:before,.onboard-split>aside:after{content:"";position:absolute;border-radius:50%;filter:blur(36px);pointer-events:none}
.onboard-split>aside:before{width:380px;height:380px;left:-90px;bottom:-110px;background:oklch(.94 .1 150/.55)}
.onboard-split>aside:after{width:300px;height:300px;right:-100px;top:-90px;background:oklch(.94 .06 190/.45)}
.onboard-split>aside>div,.onboard-split>aside>ol{position:relative;z-index:1}
.onboard-split>aside>div{margin:auto 0;max-width:520px}
.onboard-split>aside .brand{position:absolute;top:-210px;left:0;color:var(--ink)}
.onboard-split>aside h1{font-size:clamp(42px,4.8vw,68px);line-height:.98;letter-spacing:-.055em;margin:14px 0 18px}
.onboard-split>aside p{font-size:18px;line-height:1.55;max-width:42ch}
.onboard-split>aside>ol{margin:0;padding:22px 0 0;display:flex;justify-content:space-between;gap:8px;border-top:1px solid oklch(.37 .06 125/.28);list-style:none}
.onboard-split>aside>ol li{display:flex;align-items:center;gap:7px;color:oklch(.36 .04 120);font-size:12px;font-weight:850}
.onboard-split>aside>ol li.active:before,.onboard-split>aside>ol li.complete:before{content:"✓";width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--accent);font-size:11px}
.onboard-split>aside>ol li.active,.onboard-split>aside>ol li.complete{color:var(--ink)}
.onboard-form-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.matching-progress span{display:block;width:42%;height:100%;border-radius:inherit;background:var(--accent);animation:matching-scan 1.8s ease-in-out infinite}
.matching-facts span{padding:14px;border-radius:10px;background:var(--surface);font-weight:800;color:var(--ink)}
.onboard-review>section{margin:30px 0;text-align:left}
.onboard-review>section h2{margin:0 0 12px;font-size:17px}
.review-choice-grid label{display:grid;grid-template-columns:auto 1fr;align-items:center}
.review-choice-grid label small{grid-column:2;color:var(--muted);font-size:11px;font-weight:500}
@media(max-width:980px){.onboard-split>aside{min-height:310px;padding:32px}.onboard-split>aside>div{margin:45px 0 34px}.onboard-split>aside .brand{position:static;margin-bottom:44px}.onboard-split>aside h1{font-size:46px}}
@media(max-width:680px){.onboard-split>aside{min-height:250px;padding:25px}.onboard-split>aside>div{margin:0}.onboard-split>aside .brand{margin-bottom:34px}.onboard-split>aside h1{font-size:37px}.onboard-split>aside p{font-size:15px}.onboard-split>aside>ol{display:none}}

/* profile-led job journey */
.ats-onboarding{padding:56px 24px}
.onboard-score-card{width:min(1120px,100%);display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);overflow:hidden;border:1px solid var(--ink);border-radius:26px;background:var(--surface);box-shadow:10px 10px 0 var(--accent)}
.onboard-score-copy,.onboard-score-card>aside{padding:clamp(30px,5vw,58px)}
.onboard-score-copy{border-right:1px solid var(--line)}
.onboard-score-copy h1{max-width:680px;margin:10px 0 14px;font-size:52px;line-height:1;letter-spacing:-.055em}
.onboard-score-copy>p{max-width:62ch;color:var(--muted)}
.score-decision{display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:center;margin-top:40px;padding-top:34px;border-top:1px solid var(--line)}
.score-orbit{width:168px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--accent-dark) calc(var(--score, 70)*1%),oklch(.91 .01 90) 0);position:relative}
.score-orbit:before{content:"";position:absolute;inset:16px;border-radius:50%;background:var(--surface)}
.score-orbit strong{position:relative;font-size:48px;letter-spacing:-.06em}
.score-orbit small{font-size:15px;letter-spacing:0}
.score-orbit.is-low{background:conic-gradient(var(--error) calc(var(--score)*1%),oklch(.91 .01 90) 0);color:var(--error)}
.score-decision span{font-size:12px;font-weight:800;color:var(--accent-dark)}
.score-decision.is-low span,.score-decision.is-low h2{color:var(--warning-ink)}
.score-decision h2{margin:7px 0 10px;font-size:25px;letter-spacing:-.035em}
.score-decision p{margin:0;color:var(--muted);line-height:1.55}
.onboard-score-card>aside{background:oklch(.965 .012 94)}
.onboard-score-card>aside h2{margin:8px 0 20px;font-size:27px}
.onboard-score-card>aside ol{display:grid;gap:16px;margin:0;padding:0;list-style:none;counter-reset:score-fix}
.onboard-score-card>aside li{display:grid;grid-template-columns:25px 1fr;gap:10px;color:var(--muted);line-height:1.45;counter-increment:score-fix}
.onboard-score-card>aside li:before{content:counter(score-fix);width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--ink);font-size:11px;font-weight:850}
.onboard-score-actions{display:grid;gap:10px;margin-top:32px}

.jobs-workspace-head>div>p{max-width:62ch;margin:8px 0 0;color:var(--muted)}
.for-you-profile-summary{margin:4px 0 28px;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid color-mix(in oklch,var(--accent-dark) 34%,var(--line));border-radius:18px;background:color-mix(in oklch,var(--accent) 10%,var(--surface))}
.for-you-profile-summary h2{margin:5px 0 4px;font-size:21px;letter-spacing:-.025em}
.for-you-profile-summary p{margin:0;color:var(--muted);font-size:13px}
.for-you-summary-actions{flex:0 0 auto;display:grid;justify-items:end;gap:8px;text-align:right}
.for-you-summary-actions span{color:var(--muted);font-size:12px;font-weight:750}
.for-you-summary-actions a{color:var(--accent-dark);font-size:13px;font-weight:850}
.for-you-summary-skeleton{height:112px;margin-bottom:28px;border-radius:18px}
.empty-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.job-error-state .big{color:var(--error)}
.relevance-control{display:inline-flex;position:relative;margin-left:10px;vertical-align:middle}
.relevance-control>.text-btn{font-size:11px;color:var(--muted)}
.relevance-reasons{position:absolute;z-index:8;left:0;top:calc(100% + 8px);width:210px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}
.relevance-reasons[hidden]{display:none}
.relevance-reasons span{display:block;margin:3px 5px 7px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.relevance-reasons button{width:100%;padding:8px;border:0;border-radius:8px;background:transparent;text-align:left;color:var(--ink);font:inherit;font-size:12px;cursor:pointer}
.relevance-reasons button:hover,.relevance-reasons button:focus-visible{background:color-mix(in oklch,var(--accent) 18%,var(--surface));outline:none}

.applications-page{max-width:1180px}
.applications-head{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;margin-bottom:28px}
.applications-head h1{margin:7px 0 9px;font-size:52px;line-height:1;letter-spacing:-.055em}
.applications-head p{max-width:62ch;margin:0;color:var(--muted)}
.pipeline-summary{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:18px;background:var(--surface);overflow:hidden}
.pipeline-summary>div{display:grid;gap:4px;padding:22px;border-right:1px solid var(--line)}
.pipeline-summary>div:last-child{border-right:0}
.pipeline-summary strong{font-size:30px;letter-spacing:-.04em}
.pipeline-summary span{color:var(--muted);font-size:12px;font-weight:700}
.application-toolbar{display:flex;justify-content:space-between;align-items:end;margin:34px 0 14px}
.application-toolbar h2,.application-toolbar p{margin:0}
.application-toolbar p{color:var(--muted);font-size:12px}
.application-list{display:grid;gap:12px}
.application-row{display:grid;grid-template-columns:minmax(260px,1.2fr) 150px minmax(180px,.8fr) 150px;gap:14px;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.application-role{display:flex;gap:13px;align-items:center}
.application-role>div{min-width:0}
.application-role h2{margin:3px 0;font-size:18px;letter-spacing:-.025em}
.application-role span,.application-role small{color:var(--muted);font-size:12px}
.application-row label{display:grid;align-content:start;gap:6px;font-size:11px;font-weight:800;color:var(--muted)}
.application-row .field{min-height:42px;padding:10px;font-size:12px}
.application-notes{grid-column:1 / -2}
.application-notes textarea{min-height:72px;resize:vertical}
.application-actions{display:flex;align-items:end;justify-content:flex-end;gap:8px}
.hidden-job-list{display:grid;gap:12px}
.hidden-job-list article{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.hidden-job-list h2{margin:5px 0;font-size:22px}
.hidden-job-list p{margin:0;color:var(--muted)}

@media(max-width:980px){
  .onboard-score-card{grid-template-columns:1fr}.onboard-score-copy{border-right:0;border-bottom:1px solid var(--line)}
  .application-row{grid-template-columns:1fr 1fr}.application-role{grid-column:1 / -1}.application-notes{grid-column:1 / -1}.application-actions{grid-column:1 / -1}
}
@media(max-width:680px){
  .score-decision{grid-template-columns:1fr}.score-orbit{width:145px}.onboard-score-copy h1,.applications-head h1{font-size:38px}
  .applications-head{align-items:flex-start;flex-direction:column}.pipeline-summary{grid-template-columns:1fr 1fr}.pipeline-summary>div:nth-child(2){border-right:0}.pipeline-summary>div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .application-row{grid-template-columns:1fr}.application-role,.application-notes,.application-actions{grid-column:auto}.application-actions{justify-content:stretch}.application-actions>*{flex:1}
  .hidden-job-list article{align-items:flex-start;flex-direction:column}.hidden-job-list article .btn{width:100%}
}

/* Structured job results and readable vacancy details */
.job-board-page .job-card,.applied-page .job-card,.saved-job-grid .job-card{border-radius:20px;box-shadow:none;transition:border-color .18s var(--ease),box-shadow .18s var(--ease),transform .18s var(--ease)}
.job-board-page .job-card:hover,.applied-page .job-card:hover,.saved-job-grid .job-card:hover{border-color:color-mix(in oklch,var(--ink) 28%,var(--line));box-shadow:0 14px 34px oklch(.25 .01 80/.08);transform:translateY(-1px)}
.job-card-main{padding:24px 26px}
.job-card-top{grid-template-columns:auto minmax(0,1fr) auto;gap:15px;align-items:start}
.job-card-heading{min-width:0}
.job-card-kicker{min-height:23px;margin-bottom:6px;display:flex;flex-wrap:wrap;gap:6px}
.job-card-kicker span{padding:4px 8px;border-radius:7px;background:color-mix(in oklch,var(--accent) 14%,var(--surface));color:var(--ink);font-size:10px;font-weight:800}
.job-card-kicker span+span{background:oklch(.94 .018 190)}
.job-card-kicker .job-tag-startup{background:#e5f7e4;color:#176b3b}
.job-card-kicker .job-tag-established{background:#e9edfa;color:#354b83}
.job-workspace-side .startup-radar{padding:22px;border-color:oklch(.31 .028 115);background:oklch(.22 .018 100);color:oklch(.97 .008 100)}
.startup-radar .eyebrow{color:var(--accent)}
.startup-radar h2{margin:9px 0 7px;font-size:23px;line-height:1.12;letter-spacing:-.035em}
.job-workspace-side .startup-radar>p{margin:0;color:oklch(.79 .013 100);font-size:12px;line-height:1.5}
.startup-radar-list{display:grid;gap:0;list-style:none;margin:18px 0 0;padding:0}
.startup-radar-list li{display:grid;grid-template-columns:8px minmax(0,1fr);gap:10px;padding:13px 0;border-top:1px solid oklch(.42 .02 100)}
.startup-radar-dot{width:7px;height:7px;margin-top:5px;border-radius:50%;background:var(--accent)}
.startup-radar-list strong,.startup-radar-list small,.startup-radar-list a,.startup-radar-locked{display:block}
.startup-radar-list strong{font-size:13px;line-height:1.3}
.startup-radar-list small{margin:3px 0 6px;color:oklch(.78 .011 100);font-size:11px;line-height:1.35}
.job-workspace-side .startup-radar a{color:var(--accent);font-size:12px;font-weight:800}
.startup-radar-locked{color:oklch(.78 .011 100);font-size:11px}
.startup-radar-empty{display:grid;gap:6px;margin:17px 0 0;padding:16px;border:1px solid oklch(.42 .02 100);border-radius:11px}
.startup-radar-empty strong{font-size:13px}
.startup-radar-empty span{color:oklch(.78 .011 100);font-size:12px;line-height:1.45}
.job-workspace-side .startup-radar-explore{display:inline-block;margin-top:17px}
.job-card h2{font-size:23px;line-height:1.16}
.job-card .job-company{margin:5px 0 0;color:var(--muted);font-size:13px;font-weight:700}
.job-facts{margin:19px 0 0;padding:15px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line)}
.job-fact{min-width:0;padding:8px 14px 8px 0;display:grid;grid-template-columns:22px minmax(0,1fr);gap:7px;align-items:start}
.job-fact+.job-fact{padding-left:14px;border-left:1px solid var(--line)}
.job-fact-icon{width:25px;height:25px;display:grid;place-items:center;color:var(--ink);font-size:15px}
.job-fact>span:last-child{min-width:0;display:grid;gap:2px}
.job-fact small{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.055em;text-transform:uppercase}
.job-fact strong{min-width:0;color:var(--ink);font-size:12px;font-weight:800;line-height:1.35;overflow-wrap:anywhere}
.job-fact-evidence{color:var(--muted);font-size:10px;line-height:1.3}
.job-card .job-summary{min-height:42px;margin:15px 0 18px;-webkit-line-clamp:2;font-size:13px;line-height:1.62}
.job-card-foot{padding-top:16px;align-items:center}
.job-card-source,.job-card-actions{display:flex;align-items:center;gap:8px}
.job-card-actions .btn{white-space:nowrap}
.job-fit{padding:24px 18px;background:oklch(.23 .018 130);color:var(--surface)}
.job-fit>span{max-width:15ch;line-height:1.45}

.job-detail-page{max-width:1180px}
.job-detail-page>.profile-back{display:inline-flex;margin:4px 0 20px;font-size:13px}
.job-detail-grid{margin-top:0;grid-template-columns:minmax(0,1fr) 308px;gap:24px}
.job-detail-main{padding:0;overflow:hidden;border-radius:24px}
.job-detail-hero{padding:40px 42px 32px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:start;background:color-mix(in oklch,var(--accent) 13%,var(--surface))}
.job-detail-title{grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:center}
.job-detail-title .job-company-mark{width:70px;height:70px;border-radius:18px;font-size:17px;background:var(--surface)}
.job-detail-title .eyebrow{color:var(--accent-dark);font-size:11px;letter-spacing:.11em}
.job-detail-title h1{max-width:20ch;margin:6px 0 8px;font-size:42px;line-height:1.07;letter-spacing:-.045em}
.job-detail-title p{font-size:14px;color:var(--muted)}
.job-detail-hero>.job-save{min-width:42px;min-height:42px;background:var(--surface)}
.job-detail-hero-actions{grid-column:1/-1;display:flex;align-items:center;gap:14px;margin-top:3px}
.job-detail-hero-actions .btn{min-height:48px;padding-inline:20px}
.job-detail-hero-actions>span{color:var(--muted);font-size:12px}
.job-detail-facts{margin:0;padding:8px 42px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;border-block:1px solid var(--line);background:color-mix(in oklch,var(--canvas) 24%,var(--surface))}
.job-detail-facts>div{min-width:0;padding:16px 0;border-bottom:1px solid color-mix(in oklch,var(--line) 65%,transparent)}
.job-detail-facts>div:nth-last-child(-n+3){border-bottom:0}
.job-detail-facts>div:not(:nth-child(3n+1)){padding-left:0;border-left:0}
.job-detail-facts dt{margin:0 0 6px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.job-detail-facts dd{margin:0;overflow-wrap:anywhere;color:var(--ink);font-size:14px;font-weight:750;line-height:1.4}
.job-detail-evidence{display:block;margin-top:3px;color:var(--muted);font-size:11px;font-weight:500}
.job-skills{padding:26px 42px;border-bottom:1px solid var(--line)}
.job-skills h2{margin:0 0 13px;font-size:16px;letter-spacing:-.02em}
.job-skills>div{display:flex;flex-wrap:wrap;gap:7px}
.job-skills span{padding:6px 9px;border:1px solid color-mix(in oklch,var(--accent-dark) 22%,var(--line));border-radius:8px;background:color-mix(in oklch,var(--accent) 10%,var(--surface));font-size:11px;font-weight:750}
.job-content{padding:0 42px}
.job-content-section{padding:36px 0;border-bottom:1px solid var(--line)}
.job-content-section:last-child{border-bottom:0}
.job-content-section h2{margin:0 0 18px;font-size:24px;letter-spacing:-.035em}
.job-content-section p{max-width:68ch;margin:0;color:var(--ink);font-size:15px;line-height:1.75}
.job-content-section p+p{margin-top:18px}
.job-content-section ul{max-width:72ch;margin:0;padding:0;display:grid;gap:11px;list-style:none}
.job-content-section p+ul{margin-top:18px}
.job-content-section li{position:relative;padding-left:22px;color:var(--ink);font-size:15px;line-height:1.65}
.job-content-section li:before{content:"";position:absolute;left:2px;top:.68em;width:7px;height:7px;border-radius:50%;background:var(--accent-dark)}
.job-detail-side{top:92px;gap:14px}
.job-detail-side>section,.job-detail-side>.job-apply-panel{padding:24px;border-radius:20px}
.job-detail-side>.job-apply-panel{border-color:oklch(.27 .015 110);background:oklch(.22 .014 100);color:var(--surface)}
.job-apply-panel .verification-state{background:oklch(.31 .015 110);color:oklch(.87 .01 100)}
.job-apply-panel .verification-state.verified{background:oklch(.31 .05 120);color:var(--accent)}
.job-apply-panel .side-label,.job-apply-panel small{color:oklch(.78 .01 100)}
.job-apply-panel .btn.ghost{border-color:oklch(.55 .01 100);background:transparent;color:var(--surface)}
.job-apply-panel .btn.ghost:hover{background:oklch(.3 .014 100)}
.job-match-panel{display:grid;grid-template-columns:82px 1fr;gap:15px;align-items:center;background:oklch(.23 .018 130)!important;color:var(--surface)}
.job-match-panel .job-fit-ring{width:82px;height:82px}
.job-match-panel .job-fit-ring:before{background:oklch(.23 .018 130)}
.job-match-panel .job-fit-ring strong{font-size:24px}
.job-match-panel .eyebrow{color:var(--accent)}
.job-match-panel h2{margin:5px 0 0;font-size:20px}
.job-match-panel p,.job-match-panel ul{grid-column:1/-1;margin:2px 0 0;color:oklch(.82 .01 100);font-size:12px;line-height:1.55}
.job-match-panel ul{padding-left:18px}
.job-match-panel li+li{margin-top:6px}
.job-board-page .job-card--basic,.applied-page .job-card--basic,.saved-job-grid .job-card--basic{grid-template-columns:minmax(0,1fr)}
.job-match-notice{margin:14px 0 18px;padding:13px 16px;display:flex;align-items:center;gap:11px;border:1px solid color-mix(in oklch,var(--accent-dark) 22%,var(--line));border-radius:13px;background:color-mix(in oklch,var(--accent) 9%,var(--surface))}
.job-match-notice>span{font-size:19px;font-weight:800;color:var(--accent-dark)}
.job-match-notice p{margin:0;flex:1;color:var(--ink);font-size:13px;line-height:1.5}
.job-match-notice a{color:var(--accent-dark);font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.resume-job-banner{margin:20px 0 4px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--warning-line);border-radius:18px;background:var(--warning-soft)}
.resume-job-banner.is-low{border-color:var(--warning)}
.resume-job-banner .eyebrow{color:var(--warning)}
.resume-job-banner h2{margin:5px 0 6px;color:var(--warning-ink);font-size:20px;letter-spacing:-.025em}
.resume-job-banner p{max-width:70ch;margin:0;color:var(--warning-ink);font-size:13px;line-height:1.55}
.resume-job-banner .btn{flex:none}
.job-resume-prompt{margin:-1px 0 12px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 14px;color:var(--warning-ink);font-size:11px;line-height:1.45}
.job-resume-prompt a,.job-detail-resume-prompt a{color:var(--accent-dark);font-weight:800;text-decoration:underline;text-underline-offset:3px}
.job-detail-resume-prompt{display:block!important;padding:13px 14px;border:1px solid var(--warning-line);border-radius:12px;background:var(--warning-soft)}
.job-detail-resume-prompt strong{color:var(--warning-ink);font-size:12px}
.job-detail-resume-prompt p{margin:5px 0 8px;color:var(--warning-ink);font-size:12px;line-height:1.5}
.job-detail-resume-prompt a{font-size:12px}
.resume-apply-check{margin-top:14px;padding:16px;border:1px solid var(--warning-line);border-radius:13px;background:var(--warning-soft)}
.resume-apply-check strong{display:block;color:var(--warning-ink);font-size:14px}
.resume-apply-check p{margin:6px 0 13px;color:var(--warning-ink);font-size:12px;line-height:1.55}
.resume-apply-check>div{display:flex;flex-wrap:wrap;gap:8px}
.resume-apply-check .btn{min-height:38px;white-space:normal;text-align:center}
.resume-apply-check .btn.danger{border-color:var(--warning);background:var(--warning);color:#fff}
.resume-apply-check .btn.danger:hover{background:var(--warning-ink)}
.job-apply-panel .resume-apply-check{margin-top:0}
.job-fit-locked{gap:9px}
.job-fit-locked>strong{font-size:15px}
.job-fit-locked p{margin:0;color:oklch(.82 .01 100);font-size:11px}
.job-fit-locked .btn{width:100%;min-height:38px;padding:7px 9px;font-size:11px;text-align:center;white-space:normal}
.job-fit-teaser{width:82px;min-height:74px;position:relative;display:grid;place-content:center;gap:6px;overflow:hidden;border:1px solid oklch(.65 .02 105/.4);border-radius:13px;background:oklch(.35 .02 125);filter:blur(2px);user-select:none}
.job-fit-teaser span{font-size:25px;font-weight:900;line-height:1}
.job-fit-teaser i{width:42px;height:4px;border-radius:4px;background:oklch(.74 .02 110)}
.job-fit-teaser i:last-child{width:31px}
.job-detail-match-locked{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.job-detail-match-locked .job-fit-teaser{filter:blur(2px)}
.job-detail-match-locked h2{margin:0}
.job-detail-match-locked p{margin:0}
.job-detail-match-locked .btn{width:100%;justify-content:center}
.job-card--locked{display:block!important;position:relative;min-height:310px;overflow:hidden}
.job-card--locked .job-card-main{padding-bottom:0}
.job-card--locked .job-card-top{padding-bottom:18px;border-bottom:1px solid var(--line)}
.job-card--locked .job-card-heading h2{margin-top:5px}
.job-card-protected{position:relative;min-height:190px;margin-inline:-22px;overflow:hidden}
.job-card-obscured{min-height:190px;padding:20px 22px;display:grid;gap:17px;filter:blur(6px);opacity:.42;pointer-events:none;user-select:none}
.job-card-obscured-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.job-card-obscured-facts span{height:38px;border-radius:9px;background:var(--line)}
.job-card-obscured-line.summary{display:block;width:86%;height:38px;border-radius:9px;background:var(--line)}
.job-card-obscured-actions{display:flex;justify-content:flex-end;gap:10px}
.job-card-obscured-actions span{padding:9px 16px;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-weight:750}
.job-card-gate{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:20px;text-align:center;background:color-mix(in oklch,var(--surface) 68%,transparent)}
.job-card-gate h3{margin:0;font-size:21px;letter-spacing:-.025em}
.job-card-gate p{max-width:48ch;margin:0 0 5px;color:var(--muted);font-size:12px;line-height:1.45}
.job-card-gate .btn{position:relative;z-index:4;min-width:168px;justify-content:center}
.job-paywall-confetti{position:absolute;inset:0;z-index:3;overflow:hidden;pointer-events:none}
.job-paywall-confetti i{--x:50%;--dx:0px;--r:120deg;position:absolute;left:var(--x);top:58%;width:7px;height:11px;border-radius:2px;background:var(--accent);opacity:0;transform:translate(-50%,-50%)}
.job-paywall-confetti i:nth-child(3n){background:oklch(.58 .14 28)}
.job-paywall-confetti i:nth-child(3n+1){background:oklch(.58 .12 235)}
.job-paywall-confetti i:nth-child(4n){width:10px;height:6px;border-radius:50%;background:oklch(.69 .15 65)}
.job-paywall-confetti i:nth-child(1){--x:43%;--dx:-76px;--r:-160deg}.job-paywall-confetti i:nth-child(2){--x:46%;--dx:-52px;--r:210deg}.job-paywall-confetti i:nth-child(3){--x:48%;--dx:-32px;--r:-120deg}.job-paywall-confetti i:nth-child(4){--x:50%;--dx:-14px;--r:170deg}.job-paywall-confetti i:nth-child(5){--x:52%;--dx:18px;--r:-210deg}.job-paywall-confetti i:nth-child(6){--x:54%;--dx:38px;--r:140deg}.job-paywall-confetti i:nth-child(7){--x:57%;--dx:70px;--r:-180deg}.job-paywall-confetti i:nth-child(8){--x:45%;--dx:-92px;--r:250deg}.job-paywall-confetti i:nth-child(9){--x:47%;--dx:-64px;--r:-230deg}.job-paywall-confetti i:nth-child(10){--x:49%;--dx:-26px;--r:190deg}.job-paywall-confetti i:nth-child(11){--x:51%;--dx:26px;--r:-190deg}.job-paywall-confetti i:nth-child(12){--x:53%;--dx:54px;--r:230deg}.job-paywall-confetti i:nth-child(13){--x:55%;--dx:84px;--r:-250deg}.job-paywall-confetti i:nth-child(14){--x:44%;--dx:-110px;--r:180deg}.job-paywall-confetti i:nth-child(15){--x:50%;--dx:4px;--r:-280deg}.job-paywall-confetti i:nth-child(16){--x:56%;--dx:108px;--r:260deg}
.job-card--locked.is-celebrating .job-paywall-confetti i{animation:job-paywall-confetti 900ms cubic-bezier(.16,1,.3,1) both}
.job-card--locked.is-celebrating .job-paywall-confetti i:nth-child(even){animation-delay:70ms}
.job-card--locked.is-celebrating .job-paywall-confetti i:nth-child(3n){animation-delay:130ms}
@keyframes job-paywall-confetti{0%{opacity:0;transform:translate(-50%,-50%) scale(.45) rotate(0)}18%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% - 86px)) scale(1) rotate(var(--r))}}
.job-detail-access-gate{max-width:640px;margin:9vh auto;padding:42px;border:1px solid var(--line);border-radius:20px;background:var(--surface);text-align:center}
.job-detail-access-gate h1{margin:12px 0;font-size:clamp(28px,4vw,44px)}
.job-detail-access-gate p{color:var(--muted)}
.job-detail-access-gate>div{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:24px}
@media(max-width:720px){.job-match-notice{align-items:flex-start;flex-wrap:wrap}.job-match-notice a{margin-left:30px}.resume-job-banner{align-items:stretch;flex-direction:column;padding:19px}.resume-job-banner .btn{justify-content:center}.resume-apply-check>div{flex-direction:column}.job-fit-locked{display:grid;grid-template-columns:82px 1fr;justify-items:stretch;text-align:left}.job-fit-locked .job-fit-teaser{grid-row:1/4}.job-fit-locked .btn{grid-column:2}}
.job-apply-panel .btn{width:100%;justify-content:center}
.job-source-panel h3{margin:8px 0 7px;font-size:18px}
.job-source-panel p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}

@media(max-width:980px){
  .job-detail-grid{grid-template-columns:1fr}.job-detail-side{position:static;grid-template-columns:1fr 1fr}.job-detail-side .job-recruiters{grid-column:1/-1}
}
@media(max-width:680px){
  .job-card-main{padding:20px}.job-facts{grid-template-columns:1fr}.job-fact{padding:8px 0}.job-fact+.job-fact{padding-left:0;border-left:0;border-top:1px solid color-mix(in oklch,var(--line) 70%,transparent)}.job-card-foot,.job-card-source,.job-card-actions{align-items:stretch;flex-direction:column}.job-card-actions .btn{justify-content:center}.job-fit>span{max-width:none}
  .job-detail-page{padding-inline:12px}.job-detail-grid{gap:14px}.job-detail-hero{padding:25px 22px;gap:16px}.job-detail-title{grid-template-columns:auto minmax(0,1fr);gap:13px}.job-detail-title .job-company-mark{width:50px;height:50px;border-radius:13px}.job-detail-title h1{font-size:30px;line-height:1.1}.job-detail-title p{font-size:12px}.job-detail-hero-actions{align-items:stretch;flex-direction:column}.job-detail-hero-actions .btn{justify-content:center}.job-detail-facts{padding:5px 22px;grid-template-columns:1fr 1fr;gap:0 18px}.job-detail-facts>div{padding:14px 0;border-bottom:1px solid var(--line)!important}.job-detail-facts>div:nth-last-child(-n+2){border-bottom:0!important}.job-detail-facts>div:nth-child(even){padding-left:0;border-left:0}.job-skills,.job-content{padding-inline:22px}.job-content-section{padding:28px 0}.job-content-section h2{font-size:21px}.job-content-section p,.job-content-section li{font-size:14px}.job-detail-side{grid-template-columns:1fr}
}
@media(max-width:680px){.job-card--locked{min-height:350px}.job-card--locked .job-card-main{padding:18px}.job-card-protected{margin-inline:-18px}.job-card-obscured-facts{grid-template-columns:1fr}.job-card-gate{padding:18px}.job-card-gate p{max-width:30ch}}

/* Career market audit */
.market-audit-page{max-width:1120px}
.market-audit-head{margin-bottom:26px;display:flex;justify-content:space-between;gap:24px;align-items:end}
.market-audit-head h1{max-width:13ch;margin:8px 0 12px;font-size:clamp(42px,6vw,72px);line-height:.94;letter-spacing:-.055em}
.market-audit-head p{max-width:680px;margin:0;color:var(--muted);font-size:16px}
.audit-confidence{padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:12px;font-weight:800;white-space:nowrap}
.market-audit-card{padding:34px;border-radius:26px;background:var(--ink);color:var(--surface)}
.market-audit-title>span{color:var(--accent);font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.market-audit-title h2{margin:9px 0 5px;color:white;font-size:36px;letter-spacing:-.035em}
.market-audit-title p{margin:0;color:color-mix(in oklch,white 68%,transparent)}
.market-metrics{margin:30px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.market-metrics article{padding:24px;border:1px solid color-mix(in oklch,white 13%,transparent);border-radius:18px;background:color-mix(in oklch,white 7%,transparent)}
.market-metrics strong{display:block;color:var(--accent);font-size:44px;line-height:1}
.market-metrics span{display:block;margin-top:10px;color:white;font-size:13px;font-weight:750}
.salary-evidence{padding-top:24px;display:flex;justify-content:space-between;gap:30px;border-top:1px solid color-mix(in oklch,white 16%,transparent)}
.salary-evidence span{display:block;color:color-mix(in oklch,white 58%,transparent);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.salary-evidence strong{display:block;margin-top:7px;color:white;font-size:20px}
.salary-evidence p{max-width:440px;margin:0;color:color-mix(in oklch,white 72%,transparent);line-height:1.6}
.salary-evidence p strong{display:inline;font-size:inherit}
.market-audit-actions,.audit-method{margin-top:18px;padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}
.market-audit-actions{display:flex;justify-content:space-between;gap:28px;align-items:center}
.market-audit-actions h2{margin:7px 0;font-size:28px;letter-spacing:-.03em}
.market-audit-actions p{max-width:600px;margin:0;color:var(--muted)}
.market-audit-actions>div:last-child{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.viral-referral-note{margin-top:12px;padding:18px 22px;display:flex;align-items:center;gap:14px;border:1px solid color-mix(in oklch,var(--accent) 45%,var(--line));border-radius:18px;background:color-mix(in oklch,var(--accent) 9%,var(--surface))}
.viral-referral-note>span{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:var(--accent);color:var(--ink);font-size:19px;font-weight:900}
.viral-referral-note div{flex:1}.viral-referral-note strong{display:block}.viral-referral-note p{margin:3px 0 0;color:var(--muted);font-size:13px}
.snapshot-cta{margin-top:18px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}
.snapshot-cta h2{max-width:610px;margin:7px 0;font-size:30px;letter-spacing:-.035em}.snapshot-cta p{max-width:680px;margin:0;color:var(--muted);line-height:1.55}.snapshot-cta .btn{flex:0 0 auto}
.public-market-snapshot .market-audit-head h1{max-width:16ch}
.audit-method h2{margin-top:0}.audit-method p,.audit-method li{color:var(--muted);line-height:1.6}.audit-method a{font-weight:800}
@media(max-width:760px){.market-audit-head,.market-audit-actions,.salary-evidence,.snapshot-cta{align-items:stretch;flex-direction:column}.market-metrics{grid-template-columns:1fr}.market-audit-actions>div:last-child{justify-content:stretch}.market-audit-actions .btn,.snapshot-cta .btn{justify-content:center;width:100%}.viral-referral-note{align-items:flex-start;flex-wrap:wrap}.viral-referral-note .btn{width:100%;justify-content:center}}
/* Candidate-controlled application autofill */
.autofill-page{max-width:1160px}.autofill-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:28px}.autofill-head h1{max-width:760px;margin:.4rem 0 .65rem;font-size:clamp(2.4rem,5vw,4.5rem);line-height:.96}.autofill-head p{max-width:720px;color:var(--muted);font-size:1.05rem}.autofill-readiness{width:118px;height:118px;border-radius:50%;border:12px solid var(--accent);background:var(--ink);color:#fff;display:grid;place-content:center;text-align:center;flex:0 0 auto}.autofill-readiness strong{font-size:1.7rem}.autofill-readiness span{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.autofill-steps{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:16px;background:#fff;padding:8px;margin-bottom:20px}.autofill-steps button{border:0;background:transparent;padding:13px 8px;font-family:inherit;font-size:.78rem;font-weight:700;color:var(--muted);border-radius:10px;cursor:pointer}.autofill-steps button span{display:inline-grid;place-items:center;width:25px;height:25px;margin-right:6px;border-radius:50%;background:#e8e5de;color:var(--ink)}.autofill-steps button.active{background:var(--ink);color:#fff}.autofill-steps button.active span,.autofill-steps button.done span{background:var(--accent)}.autofill-form-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:clamp(22px,4vw,44px)}.autofill-form-intro{display:flex;align-items:center;gap:16px;padding-bottom:26px;margin-bottom:28px;border-bottom:1px solid var(--line)}.autofill-form-intro>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--accent);font-weight:900}.autofill-form-intro h2{margin:0 0 4px;font-size:1.7rem}.autofill-form-intro p{margin:0;color:var(--muted)}.autofill-grid{display:grid;gap:18px;margin-bottom:18px}.autofill-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.autofill-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.autofill-form-card label{display:grid;gap:7px;font-weight:750}.autofill-form-card label>span small{font-weight:500;color:var(--muted)}.autofill-form-card .field{width:100%;margin:0}.check-field{display:flex!important;align-items:center;gap:10px;padding:14px 0;font-weight:650!important}.check-field input{width:21px;height:21px;accent-color:var(--accent)}.check-field>span{display:grid}.check-field small{display:block;margin-top:4px}.form-note{padding:12px 14px;background:#f3f1eb;border-radius:10px;color:var(--muted);font-size:.86rem}.skill-editor{font-size:1rem;line-height:1.7}.privacy-callout,.sensitive-panel{border-radius:16px;padding:20px;background:#f4f2ec;border:1px solid var(--line);margin-top:20px}.privacy-callout p,.sensitive-panel p{color:var(--muted);margin:.35rem 0 0}.sensitive-panel .autofill-grid{margin-top:20px}.consent-sensitive{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.autofill-actions{display:flex;justify-content:flex-end;gap:10px;margin:18px 0 38px}.extension-connect{display:grid;grid-template-columns:1.45fr .75fr;gap:24px;background:var(--ink);color:#fff;border-radius:22px;padding:clamp(24px,4vw,42px)}.extension-connect p{color:#c8c4bc;max-width:650px}.extension-connect .dark{background:var(--accent);color:var(--ink)}.extension-connect aside{border-left:1px solid #4c4942;padding-left:28px}.extension-connect aside>strong{display:block;color:var(--accent);font-size:3rem}.extension-connect aside>span{font-weight:700}.extension-connect ul{list-style:none;padding:0;margin:18px 0}.extension-connect li{padding:9px 0;border-bottom:1px solid #45423c}.extension-connect li small{display:block;color:#aaa69e}.pair-code{display:inline-grid;margin-top:16px;padding:14px 20px;background:#fff;color:var(--ink);border-radius:12px}.pair-code span,.pair-code small{font-size:.75rem}.pair-code strong{font-size:1.8rem;letter-spacing:.12em;margin:4px 0}
.onboarding-application-profile{max-width:940px}.application-review-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:8px 0 24px}.application-review-head h1{max-width:720px;margin:8px 0 10px;font-size:clamp(2.2rem,5vw,3.7rem);line-height:1.04}.application-review-head p{max-width:650px;color:var(--muted);margin:0}.application-review-head .btn{flex:none}.application-review-note{display:flex;gap:8px 20px;align-items:center;flex-wrap:wrap;padding:16px 18px;margin-bottom:18px;border:1px solid #d5dfa8;border-radius:14px;background:#f7fbe8;font-size:.9rem}.application-review-note strong{color:var(--ink)}.application-review-note span{color:var(--muted);flex:1 1 300px}.application-review-conflicts{border:1px solid var(--warning-line);border-radius:14px;background:var(--warning-soft);padding:18px;margin-bottom:24px}.application-review-conflicts h3{margin:0 0 4px;color:var(--warning-ink);font-size:1.05rem}.application-review-conflicts>p{margin:0 0 12px;color:var(--warning-ink);font-size:.9rem}.application-review-conflict{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--warning-line)}.application-review-conflict>div{display:grid;gap:3px;min-width:0}.application-review-conflict span{font-size:.75rem;font-weight:700;text-transform:capitalize;color:var(--muted)}.application-review-conflict strong,.application-review-conflict small{overflow-wrap:anywhere}.application-review-conflict small{font-size:.85rem}.application-review-actions{margin-bottom:8px}.application-review-footnote{font-size:.82rem;color:var(--muted);margin:0 0 12px}.onboarding-application-profile .form-error{min-height:1.25rem}
@media(max-width:650px){.application-review-head{align-items:flex-start;flex-direction:column}.application-review-head .btn{width:100%}.application-review-conflict{align-items:flex-start;flex-direction:column}.application-review-actions{display:grid;grid-template-columns:1fr 1fr}.application-review-actions .btn:last-child{grid-column:1/-1}}
.autofill-documents{margin-top:24px;padding:22px;border:1px solid var(--line);border-radius:16px;background:#fbfaf7}.autofill-documents h3{margin:5px 0 4px;font-size:1.25rem}.autofill-documents>div>p{margin:0;color:var(--muted);max-width:760px}.autofill-document-list{display:grid;gap:10px;margin-top:18px}.autofill-document-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 16px;border:1px solid var(--line);border-radius:13px;background:#fff}.autofill-document-card>div:first-child{display:grid;gap:2px;min-width:0}.autofill-document-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.autofill-document-card small{color:var(--muted)}.document-kind{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#456000;font-weight:850}.document-picker{display:inline-flex!important;cursor:pointer}.document-picker input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.autofill-repeat-list{display:grid;gap:18px}.autofill-repeat-card{padding:20px;border:1px solid var(--line);border-radius:16px;background:#fbfaf7}.autofill-repeat-card>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.autofill-repeat-card>header h3{margin:4px 0 0;font-size:1.15rem}.add-autofill-record{margin-top:16px}
.saved-answers-panel{margin-top:24px;padding:22px;border:1px solid var(--line);border-radius:16px;background:#fbfaf7}.saved-answers-panel h3{margin:5px 0 4px;font-size:1.25rem}.saved-answers-panel p{margin:0;color:var(--muted);max-width:760px}.saved-answer-list{display:grid;gap:14px;margin-top:18px}.saved-answer-row{display:grid;gap:12px;padding:18px;border:1px solid var(--line);border-radius:13px;background:#fff}.saved-answer-row .remove-autofill-answer{justify-self:start}.saved-answers-panel .add-autofill-answer{margin-top:16px}
.cover-letter-modal>section{width:min(820px,calc(100vw - 32px));max-height:90vh;overflow:auto;text-align:left}.cover-letter-modal form{display:grid;gap:16px;margin-top:20px}.cover-letter-editor{min-height:360px;line-height:1.55;resize:vertical}.cover-letter-highlights{padding:16px;border-radius:14px;background:#f4f6ec}.cover-letter-highlights ul{margin:10px 0 0;padding-left:20px}.cover-letter-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}
.cover-letter-allowance{padding:14px 0 2px;border-top:1px solid var(--line)}
.ats-quota-note{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin:18px 0;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--surface,#f7f6f2);font-size:14px}
.ats-quota-note strong{color:var(--ink);white-space:nowrap}
.ats-quota-note span{color:var(--muted);flex:1 1 220px}
.ats-quota-note.is-exhausted{border-color:var(--warning-line);background:var(--warning-soft)}
.ats-quota-note.is-exhausted strong,.ats-quota-note.is-exhausted span{color:var(--warning-ink)}
.free-report-quota{font-size:13px;color:var(--muted);max-width:250px}
.cover-letter-allowance strong{font-size:13px}
.cover-letter-allowance p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.5}
.cover-letter-next{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}
.cover-letter-next .cover-letter-allowance{flex:1}
.cover-letter-buy-credit{width:100%;justify-content:center}
@media(max-width:640px){.cover-letter-next{align-items:stretch;flex-direction:column}.cover-letter-next .text-btn{align-self:flex-start}}
@media(max-width:800px){.autofill-head{align-items:flex-start}.autofill-readiness{width:82px;height:82px;border-width:8px}.autofill-steps{display:flex;overflow:auto}.autofill-steps button{white-space:nowrap}.autofill-grid.two,.autofill-grid.three,.extension-connect{grid-template-columns:1fr}.extension-connect aside{border-left:0;border-top:1px solid #4c4942;padding:22px 0 0}.autofill-page{padding-inline:16px}.autofill-document-card{align-items:flex-start;flex-direction:column}.autofill-document-card>div:last-child{width:100%}.autofill-document-card .btn{width:100%}}
.profile-head-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}

/* Shared feedback, progress, filters, and gated content */
.fyndrole-loader-mark{position:relative;width:86px;height:86px;display:grid;place-items:center;margin:0 auto 12px;border-radius:24px;background:var(--accent);border:1px solid var(--ink);overflow:hidden}.fyndrole-loader-mark.large{width:132px;height:132px;border-radius:30px}.fyndrole-loader-mark img{width:58%;height:58%;object-fit:contain;animation:loader-breathe 1.35s ease-in-out infinite}.fyndrole-loader-mark i{position:absolute;left:10%;right:10%;bottom:8px;height:4px;border-radius:9px;background:color-mix(in oklch,var(--ink) 14%,transparent);overflow:hidden}.fyndrole-loader-mark i::after{content:"";display:block;width:40%;height:100%;border-radius:inherit;background:var(--ink);animation:loader-progress 1.25s ease-in-out infinite}
@keyframes loader-breathe{50%{transform:translateY(-4px) scale(1.04)}}@keyframes loader-progress{0%{transform:translateX(-120%)}100%{transform:translateX(350%)}}
.toast{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:11px;min-width:min(360px,calc(100vw - 32px));padding:14px;border:1px solid color-mix(in oklch,white 18%,transparent)}.toast-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--ink);font-weight:900}.toast span:nth-child(2){display:grid;gap:3px}.toast small{color:color-mix(in oklch,white 74%,transparent);line-height:1.35}.toast button{border:0;background:transparent;color:white;font:inherit;font-size:19px;cursor:pointer}.toast.error .toast-icon{background:#ff746c}.toast.success .toast-icon{background:var(--accent)}
.field-label,.job-filter-bar label>span{display:inline-flex;align-items:center;gap:6px;min-width:0}.info-tip{position:relative;width:20px;height:20px;display:inline-grid;flex:0 0 20px;place-items:center;margin:0;border:0;padding:0;background:transparent;color:var(--muted);font:inherit;cursor:help;vertical-align:middle}.info-tip::before{content:"";position:absolute;left:50%;top:50%;width:32px;height:32px;transform:translate(-50%,-50%)}.info-tip>span{width:18px;height:18px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:11px;font-weight:900;line-height:1}.info-tip::after{content:none;position:absolute;left:50%;bottom:calc(100% + 9px);z-index:20;width:240px;padding:10px 12px;border-radius:10px;background:var(--ink);color:white;font-size:12px;font-weight:600;line-height:1.4;opacity:0;pointer-events:none;transform:translate(-50%,5px);transition:.16s ease}.info-tip:hover::after,.info-tip:focus-visible::after,.info-tip.is-open::after{content:attr(data-tooltip);opacity:1;transform:translate(-50%,0)}
.hero-search label::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:4px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .24s ease}.hero-search label:focus-within::after{transform:scaleX(1)}
.job-search .field:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.job-board-page .job-search{box-shadow:none}
.job-filter-bar{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:10px;overflow:visible;padding-bottom:14px}.job-filter-bar>label,.job-filter-field{width:auto;min-width:0}.job-filter-field{display:grid;gap:6px}.job-filter-label{display:flex;align-items:center;gap:6px;min-height:18px;color:var(--muted);font-size:12px;font-weight:750}.job-filter-label label{display:inline;cursor:default}.job-filter-bar select{min-width:0}.job-filter-actions{grid-column:1/-1;display:flex;align-items:center;gap:24px;min-width:0}.job-filter-bar .job-remote{width:auto;min-height:36px;padding:0;white-space:nowrap}.job-filter-bar .filter-shortcut{display:inline-flex;align-items:center;min-height:36px;white-space:nowrap}.job-filter-bar .job-result-count{position:static;display:inline-flex;align-items:center;min-height:36px;margin-left:auto;padding:0;background:transparent;white-space:nowrap}.job-filter-help{position:relative;z-index:2}.job-filter-help[open]{z-index:25}.job-filter-help summary{width:18px;height:18px;display:grid;place-items:center;border:1px solid var(--muted);border-radius:50%;color:var(--muted);font-size:11px;font-weight:800;line-height:1;list-style:none;cursor:pointer}.job-filter-help summary::-webkit-details-marker{display:none}.job-filter-help summary:hover,.job-filter-help summary:focus-visible{color:var(--ink);border-color:var(--ink)}.job-filter-help-copy{position:absolute;left:0;bottom:calc(100% + 8px);width:min(240px,calc(100vw - 48px));padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--ink);color:var(--surface);font-size:12px;font-weight:600;line-height:1.4;box-shadow:0 8px 24px oklch(.2 .01 80/.14)}.filters{max-height:calc(100vh - 124px);overflow-y:auto;scrollbar-gutter:stable}.filter-group .field{min-height:48px}.job-board-page.is-updating .job-results{opacity:.56;pointer-events:none;transition:opacity .15s}.job-board-page.is-updating .job-filter-bar,.job-board-page.is-updating .job-search{pointer-events:none}
.skeleton{position:relative;overflow:hidden;background:#e8e5de}.skeleton::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);transform:translateX(-100%);animation:skeleton-sweep 1.3s infinite}@keyframes skeleton-sweep{100%{transform:translateX(100%)}}.skeleton-title{width:min(520px,72%);height:56px;border-radius:12px;margin-bottom:28px}.skeleton-search{height:84px;border-radius:18px}.skeleton-filter-row>span{flex:0 0 172px;height:48px;border-radius:11px}.job-skeleton{display:grid;grid-template-columns:66px 1fr;gap:18px;min-height:190px;padding:24px;border-radius:20px}.job-skeleton>i{width:66px;height:66px;border-radius:15px;background:#d6d2ca}.job-skeleton>div{display:grid;align-content:start;gap:13px}.job-skeleton span{display:block;height:15px;border-radius:8px;background:#d6d2ca}.job-skeleton span:nth-child(1){width:58%}.job-skeleton span:nth-child(2){width:82%}.job-skeleton span:nth-child(3){width:46%}.job-skeleton b{height:42px;margin-top:15px;border-radius:11px;background:#d6d2ca}
.subscription-locked{position:relative}.subscription-locked .company-fit-card>div:not(.company-fit-score),.subscription-locked .resume-job{filter:blur(3.5px);user-select:none}.subscription-locked::after{content:"🔒 Unlock full recruiter details with a plan";position:absolute;left:50%;top:54%;z-index:3;padding:14px 18px;border:1px solid var(--ink);border-radius:13px;background:var(--accent);color:var(--ink);font-weight:850;box-shadow:5px 5px 0 var(--ink);transform:translate(-50%,-50%)}
.matching-analysis-steps{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:24px 0;padding:0;list-style:none}.matching-analysis-steps li{padding:8px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px;font-weight:750}.matching-analysis-steps li.active{background:var(--accent);border-color:var(--ink);color:var(--ink)}
.password-field{position:relative;display:block}.password-field .field{width:100%;padding-right:68px}.password-toggle{position:absolute;top:50%;right:10px;min-width:46px;padding:6px 8px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:800;cursor:pointer;transform:translateY(-50%)}.password-toggle:hover,.password-toggle:focus-visible{background:color-mix(in oklch,var(--accent) 28%,transparent);color:var(--ink);outline:none}.forgot-password-link{justify-self:end;margin-top:-3px;font-size:13px;font-weight:750}.form-result{margin-top:14px}.success-note{display:grid;gap:6px;padding:14px;border-radius:12px;background:color-mix(in oklch,var(--accent) 18%,var(--surface));border:1px solid color-mix(in oklch,var(--accent) 50%,var(--line))}.success-note span{color:var(--muted);font-size:13px}.password-panel form{display:grid;gap:13px}.password-panel label{display:grid;gap:6px;font-weight:750}
.email-verification-box form{display:grid;gap:16px}.email-verification-box .code-field{font-size:22px;letter-spacing:.25em;font-variant-numeric:tabular-nums}.verification-resend{margin-top:18px}.verification-correction{margin-top:24px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.verification-correction summary{cursor:pointer;font-weight:750}.verification-correction form{margin-top:17px}.auth-delivery-warning{padding:12px 14px;border:1px solid var(--warning-line);border-radius:10px;background:var(--warning-soft);color:var(--warning-ink)!important;font-size:13px}
.reset-code-input{max-width:230px;font-size:1.25rem;font-weight:800;letter-spacing:.22em;font-variant-numeric:tabular-nums}
.region-picker small{display:block;max-width:280px;margin-top:6px;color:var(--muted);font-size:11px;font-weight:600;line-height:1.35}.region-picker .field{min-width:220px}
.recovery-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px}
.recovery-submit:disabled{cursor:progress;opacity:.75;transform:none;box-shadow:none}
.recovery-spinner{width:17px;height:17px;flex:none;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:recovery-spin .7s linear infinite}
@keyframes recovery-spin{to{transform:rotate(360deg)}}
.recovery-alert{gap:10px;line-height:1.45}
.recovery-alert .btn{justify-self:start;margin-top:5px}
.recovery-error:not(:empty){min-height:0;padding:12px 14px;border:1px solid color-mix(in oklch,var(--error) 45%,var(--line));border-radius:12px;background:color-mix(in oklch,var(--error) 9%,var(--surface))}
@media(max-width:720px){.job-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;padding-top:0}.job-filter-bar>label{width:100%}.job-filter-actions{flex-wrap:wrap;gap:8px 20px}.job-filter-bar .job-result-count{flex-basis:100%;justify-content:flex-start;min-height:28px}.job-remote{min-height:44px!important}.job-remote input{width:24px;height:24px}.jobs-workspace-head nav a,.app-footer a,.app-footer button{min-height:44px;display:inline-flex;align-items:center}.subscription-locked::after{width:75%;text-align:center}.info-tip::before{width:44px;height:44px}.info-tip::after{left:auto;right:0;transform:translateY(5px)}.info-tip:hover::after,.info-tip:focus-visible::after,.info-tip.is-open::after{transform:translateY(0)}}
@media(max-width:480px){.job-filter-bar{grid-template-columns:minmax(0,1fr)}.job-filter-help-copy{left:auto;right:0}}

.site-language-picker { position: relative; flex: 0 0 auto; }
.site-language-trigger { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 8px 12px; border: 1px solid color-mix(in oklch,var(--ink) 22%,transparent); border-radius: 999px; background: color-mix(in oklch,var(--surface) 85%,transparent); color: var(--ink); font-size: 13px; font-weight: 750; white-space: nowrap; cursor: pointer; list-style: none; transition: background .18s var(--ease), border-color .18s var(--ease); }
.site-language-trigger::-webkit-details-marker { display: none; }
.site-language-trigger:hover, .site-language-picker[open] .site-language-trigger { border-color: var(--ink); background: var(--surface); }
.site-language-trigger:focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; }
.site-language-trigger svg { width: 17px; height: 17px; flex: none; }
.site-language-trigger .site-language-chevron { width: 14px; height: 14px; transition: transform .18s var(--ease); }
.site-language-picker[open] .site-language-chevron { transform: rotate(180deg); }
.site-language-menu { position: absolute; z-index: 60; top: calc(100% + 10px); inset-inline-end: 0; width: min(270px,calc(100vw - 28px)); padding: 9px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); box-shadow: 0 14px 38px oklch(.24 .015 80 / .15); }
.site-language-menu-title { padding: 7px 10px 10px; color: var(--muted); font-size: 12px; font-weight: 800; }
.site-language-options { max-height: min(390px,calc(100dvh - 130px)); overflow-y: auto; overscroll-behavior: contain; }
.site-language-option { width: 100%; min-height: 40px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 10px; border: 0; border-radius: 9px; background: transparent; text-align: start; color: var(--ink); font-size: 13px; font-weight: 650; }
.site-language-option:first-child { margin-bottom: 5px; border-bottom: 1px solid var(--line); border-radius: 9px 9px 0 0; }
.site-language-option:hover, .site-language-option:focus-visible { background: color-mix(in oklch,var(--accent) 17%,var(--surface)); }
.site-language-option.is-selected { background: color-mix(in oklch,var(--accent) 24%,var(--surface)); font-weight: 800; }
.site-language-check { visibility: hidden; color: var(--accent-dark); font-size: 15px; font-weight: 900; }
.site-language-option.is-selected .site-language-check { visibility: visible; }
.auth-box > .site-language-picker { width: fit-content; margin: 0 0 12px auto; }
.current-landing .landing-nav { display: grid; grid-template-columns: max-content minmax(0,1fr) max-content; gap: 20px; }
.current-landing .landing-nav-center { padding: 0; border: 0; border-radius: 0; background: transparent; gap: 15px; }
.current-landing .landing-nav-center .topnav { padding: 0; padding-inline-start: 15px; border-inline-start: 1px solid color-mix(in oklch,var(--ink) 22%,transparent); border-radius: 0; }
.current-landing .landing-nav-center .topnav .navlink { padding-inline: 7px; font-size: 12px; white-space: nowrap; }
.current-landing .landing-actions { justify-self: end; gap: 8px; white-space: nowrap; }
.current-landing .landing-actions .btn.ghost { border-color: color-mix(in oklch,var(--ink) 25%,transparent); background: transparent; }
.current-landing .landing-actions .btn.ghost:hover { background: var(--surface); }
@media(max-width:1100px) { .current-landing .landing-nav-center .topnav { display: none; } }
@media(max-width:700px) {
  .current-landing .landing-nav { grid-template-columns: auto minmax(0,1fr); gap: 9px 12px; }
  .current-landing .landing-nav > .brand { grid-column: 1; grid-row: 1; }
  .current-landing .landing-actions { grid-column: 2; grid-row: 1; }
  .current-landing .landing-nav-center { grid-column: 1 / -1; grid-row: 2; justify-self: stretch; }
  .current-landing .landing-audience { width: 100%; }
  .current-landing .landing-audience a { flex: 1 1 0; justify-content: center; }
}
@media(max-width:400px) {
  .current-landing .landing-nav { padding-inline: 12px; }
  .current-landing .landing-actions .btn { padding-inline: 10px; }
  .site-language-trigger { padding-inline: 9px; gap: 5px; }
}
@media(max-width:560px) {
  .topbar { gap: 12px; }
  .mobile-nav { justify-content: flex-start; gap: 4px; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: none; }
  .mobile-nav::-webkit-scrollbar { display: none; }
  .mobile-nav a { flex: 0 0 auto; white-space: nowrap; }
}
.job-filter-bar .job-filter-label label{width:auto}
@media (max-width:760px) { .recruiter-billing { align-items:stretch; flex-direction:column; padding:20px; } .recruiter-billing-action { justify-items:start; } .recruiter-billing-action .btn { width:100%; } .recruiter-billing-action strong { white-space:normal; } .recruiter-payments div { flex-direction:column; gap:4px; } }
@media (max-width:760px) { .company-workspace .portal-head { flex-direction:column; } .company-team { grid-template-columns:1fr; } }
.guided-tour-target{outline:2px solid var(--accent-dark)!important;outline-offset:4px;scroll-margin-block:105px;border-radius:9px}
.guided-tour{position:fixed;z-index:1200;width:min(310px,calc(100vw - 32px));padding:17px 18px 16px;background:#faf9f5;color:var(--ink);border:1px solid #aaa79e;border-radius:15px;box-shadow:0 12px 34px rgba(30,28,21,.18);font-size:14px;line-height:1.45}
.guided-tour::before,.guided-tour::after{content:'';position:absolute;left:calc(var(--tour-arrow-x,50%) - 9px);border-left:9px solid transparent;border-right:9px solid transparent}
.guided-tour[data-placement=bottom]::before{top:-10px;border-bottom:10px solid #aaa79e}
.guided-tour[data-placement=bottom]::after{top:-8px;border-bottom:9px solid #faf9f5}
.guided-tour[data-placement=top]::before{bottom:-10px;border-top:10px solid #aaa79e}
.guided-tour[data-placement=top]::after{bottom:-8px;border-top:9px solid #faf9f5}
.guided-tour[data-placement=left]::before,.guided-tour[data-placement=left]::after,.guided-tour[data-placement=right]::before,.guided-tour[data-placement=right]::after{left:auto;top:calc(var(--tour-arrow-y,50%) - 9px);border-top:9px solid transparent;border-bottom:9px solid transparent}
.guided-tour[data-placement=left]::before{right:-10px;border-left:10px solid #aaa79e;border-right:0}
.guided-tour[data-placement=left]::after{right:-8px;border-left:9px solid #faf9f5;border-right:0}
.guided-tour[data-placement=right]::before{left:-10px;border-right:10px solid #aaa79e;border-left:0}
.guided-tour[data-placement=right]::after{left:-8px;border-right:9px solid #faf9f5;border-left:0}
.guided-tour-top,.guided-tour-actions,.guided-tour-actions>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
.guided-tour-top{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--accent-dark)}
.guided-tour-top b{margin-left:5px;letter-spacing:0;color:var(--muted);font-size:11px}
.guided-tour h2{font-size:17px;line-height:1.22;letter-spacing:-.025em;margin:10px 0 5px}
.guided-tour p{font-size:13px;line-height:1.43;color:var(--muted);margin:0 0 15px}
.guided-tour-actions{border-top:1px solid #e3e0d8;padding-top:12px}
.guided-tour-actions .btn.small{min-height:34px;padding:5px 11px;font-size:12px;border-radius:8px}
.guided-tour-skip{border:0;background:transparent;padding:4px 0;color:var(--muted);font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.guided-tour-skip:hover{color:var(--ink)}
.guided-tour button:focus-visible{outline:2px solid var(--accent-dark);outline-offset:2px}
@media(max-width:600px){.guided-tour{width:min(300px,calc(100vw - 32px));padding:15px 16px}.guided-tour h2{font-size:16px}.guided-tour-target{scroll-margin-block:120px}}
@media(max-width:560px){.topbar{gap:6px}.topbar .site-language-trigger{width:38px;min-height:38px;padding:7px}.topbar .site-language-current,.topbar .site-language-chevron{display:none}.topbar .upgrade-link{font-size:12px;min-height:36px;padding:6px 9px}.header-actions{gap:4px}.header-actions .balance{display:none}}
@media(max-width:360px){.topbar{padding-inline:10px}.topbar .brand{gap:6px;font-size:17px}.topbar .brand-mark{width:27px;height:27px}.topbar .header-actions .navlink{padding-inline:5px;font-size:12px}.topbar .upgrade-link{padding-inline:7px;font-size:11px}}

/* Landing navigation: a sharp charcoal frame for the lime brand. */
.current-landing .landing-nav {
  min-height: 72px;
  grid-template-columns: max-content minmax(0,1fr) max-content;
  gap: 16px;
  padding-block: 26px 8px;
  padding-inline: max(24px,calc((100vw - 1360px)/2));
  border-bottom: 3px solid var(--accent);
  background: oklch(.20 .012 80);
  color: oklch(.98 .004 90);
  box-shadow: 0 12px 28px oklch(.2 .012 80 / .17);
  backdrop-filter: none;
}
.current-landing .landing-nav .brand { font-size: 21px; font-weight: 900; letter-spacing: -.065em; }
.current-landing .landing-nav .brand-word { color: oklch(.98 .004 90); }
.current-landing .landing-nav .brand-mark { width: 34px; height: 34px; }
.current-landing .landing-nav-center { min-width: 0; justify-self: center; }
.current-landing .landing-nav-center .topnav { gap: 3px; padding-inline-start: clamp(14px,2vw,26px); border-inline-start-color: oklch(.95 .01 90 / .25); }
.current-landing .landing-nav-center .topnav .navlink {
  min-height: 43px;
  display: inline-flex;
  align-items: center;
  padding-inline: 13px;
  color: oklch(.83 .012 90);
  font-size: 14px;
  font-weight: 700;
  transition: color .2s var(--ease), background .2s var(--ease), transform .2s var(--ease);
}
.current-landing .landing-nav-center .topnav .navlink:hover,
.current-landing .landing-nav-center .topnav .navlink:focus-visible { color: var(--accent); background: oklch(.31 .018 80); transform: translateY(-1px); }
.current-landing .landing-nav-center .topnav .landing-employer-link { margin-inline-start: 8px; border: 1px solid oklch(.67 .09 124 / .55); border-radius: 999px; color: var(--accent); }
.current-landing .landing-nav-center .topnav .landing-employer-link:hover { background: var(--accent); border-color: var(--accent); color: var(--ink); }
.current-landing .landing-nav-center .anime-nav { position: relative; gap: 2px; margin-top: 0; padding: 3px; border: 1px solid oklch(.96 .01 90 / .18); border-radius: 999px; background: oklch(.28 .014 80); box-shadow: 0 8px 24px oklch(.12 .01 80 / .24); }
.current-landing .landing-nav-center .anime-nav .anime-nav-link { position: relative; z-index: 1; min-height: 37px; padding-inline: clamp(9px,1vw,14px); border: 0; border-radius: 999px; color: oklch(.84 .008 90); font-size: 12px; transition: color .2s var(--ease), background .2s var(--ease); }
.current-landing .landing-nav-center .anime-nav .anime-nav-link:hover,.current-landing .landing-nav-center .anime-nav .anime-nav-link:focus-visible { color: oklch(.99 .004 90); background: oklch(.39 .019 80); transform: none; }
.current-landing .landing-nav-center .anime-nav .anime-nav-link.active { color: oklch(.99 .004 90); background: oklch(.4 .09 124 / .48); box-shadow: inset 0 0 0 1px oklch(.81 .16 124 / .48),0 0 18px oklch(.73 .18 124 / .3); }
.current-landing .landing-nav-center .anime-nav .landing-employer-link { margin-inline-start: 0; color: var(--accent); }
.current-landing .landing-nav-center .anime-nav .landing-employer-link:hover { color: var(--ink); background: var(--accent); }
.anime-nav-mascot { position: absolute; z-index: 2; top: -22px; left: var(--mascot-x,32px); width: 25px; height: 31px; opacity: 0; transform: translateX(-50%); pointer-events: none; transition: left .42s cubic-bezier(.22,1,.36,1),opacity .18s ease; }
.anime-nav.is-ready .anime-nav-mascot { opacity: 1; }
.anime-nav-face { position: absolute; top: 0; left: 1px; width: 23px; height: 23px; border: 1px solid oklch(.9 .01 90); border-radius: 50%; background: oklch(.99 .004 90); box-shadow: 0 3px 0 oklch(.16 .009 80 / .24); animation: anime-nav-float 2.6s ease-in-out infinite; }
.anime-nav-eye { position: absolute; top: 8px; width: 2.5px; height: 3px; border-radius: 50%; background: var(--ink); }
.anime-nav-eye:first-child { left: 6px; }
.anime-nav-eye:nth-child(2) { right: 6px; }
.anime-nav-cheek { position: absolute; top: 13px; width: 4px; height: 2.5px; border-radius: 50%; background: oklch(.84 .1 18); }
.anime-nav-cheek:nth-child(3) { left: 3px; }
.anime-nav-cheek:nth-child(4) { right: 3px; }
.anime-nav-smile { position: absolute; top: 14px; left: 9px; width: 6px; height: 3px; border-bottom: 1.5px solid var(--ink); border-radius: 0 0 50% 50%; }
.anime-nav-tail { position: absolute; top: 18px; left: 9px; width: 8px; height: 8px; background: oklch(.99 .004 90); transform: rotate(45deg); }
.anime-nav:hover .anime-nav-face { animation-duration: 1.5s; }
.anime-nav:hover .anime-nav-eye { animation: anime-nav-blink .22s ease-in-out 1; }
@keyframes anime-nav-float { 50% { transform: translateY(-3px); } }
@keyframes anime-nav-blink { 50% { transform: scaleY(.15); } }
.current-landing .landing-actions { gap: 8px; }
.current-landing .landing-actions .site-language-trigger { min-height: 40px; padding-block: 7px; border-color: oklch(.95 .01 90 / .28); background: oklch(.29 .014 80); color: oklch(.97 .004 90); }
.current-landing .landing-actions .site-language-trigger:hover,
.current-landing .landing-actions .site-language-picker[open] .site-language-trigger { border-color: var(--accent); background: oklch(.34 .018 80); }
.current-landing .landing-actions .btn { min-height: 40px; padding-block: 7px; border-radius: 999px; font-size: 13px; font-weight: 800; }
.current-landing .landing-actions .btn.ghost { border-color: oklch(.95 .01 90 / .32); color: oklch(.97 .004 90); background: transparent; }
.current-landing .landing-actions .btn.ghost:hover { border-color: var(--accent); background: oklch(.29 .014 80); box-shadow: none; }
.current-landing .landing-actions .landing-main-cta { padding-inline: 16px; border-color: var(--accent); background: var(--accent); color: var(--ink); box-shadow: 3px 3px 0 oklch(.44 .12 124); }
.current-landing .landing-actions .landing-main-cta:hover { background: oklch(.91 .16 124); box-shadow: 5px 5px 0 oklch(.44 .12 124); }
.landing-mobile-menu { display: none; position: relative; }
.landing-mobile-menu > summary { min-height: 44px; display: flex; align-items: center; gap: 9px; padding: 8px 13px; border: 1px solid oklch(.95 .01 90 / .3); border-radius: 999px; color: oklch(.98 .004 90); list-style: none; cursor: pointer; font-size: 13px; font-weight: 800; }
.landing-mobile-menu > summary::-webkit-details-marker { display: none; }
.landing-mobile-menu[open] > summary,.landing-mobile-menu > summary:hover { border-color: var(--accent); background: oklch(.3 .017 80); }
.menu-symbol { width: 16px; display: grid; gap: 4px; }
.menu-symbol i { display: block; height: 2px; border-radius: 2px; background: var(--accent); }
.menu-symbol i:last-child { width: 10px; }
.menu-chevron { font-size: 20px; line-height: .6; transition: transform .2s var(--ease); }
.landing-mobile-menu[open] .menu-chevron { transform: rotate(180deg); }
.landing-mobile-links { position: absolute; z-index: 80; top: calc(100% + 15px); left: 0; width: min(300px,calc(100vw - 28px)); padding: 9px; border: 1px solid oklch(.95 .01 90 / .16); border-radius: 18px; background: oklch(.22 .012 80); box-shadow: 0 24px 48px oklch(.13 .01 80 / .35); }
.landing-mobile-links a { min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 14px; border-radius: 10px; color: oklch(.96 .004 90); text-decoration: none; font-size: 14px; font-weight: 750; }
.landing-mobile-links a:hover,.landing-mobile-links a:focus-visible { background: oklch(.31 .018 80); color: var(--accent); }
.landing-mobile-links a:last-child { margin-top: 5px; border-top: 1px solid oklch(.95 .01 90 / .16); border-radius: 0 0 10px 10px; }
@media (max-width: 1320px) {
  .current-landing .landing-nav-center .topnav { display: none; }
  .landing-mobile-menu { display: block; }
  .current-landing .landing-nav-center { justify-self: start; }
  .current-landing .landing-nav { padding-block: 8px; }
}
@media (min-width: 851px) { .landing-mobile-links a:last-child { display: none; } }
@media (max-width: 700px) {
  .current-landing .landing-nav { grid-template-columns: max-content minmax(0,1fr) max-content; gap: 8px; padding-inline: 14px; }
  .current-landing .landing-nav > .brand { grid-column: 1; grid-row: 1; }
  .current-landing .landing-nav-center { grid-column: 2; grid-row: 1; justify-self: center; }
  .current-landing .landing-actions { grid-column: 3; grid-row: 1; gap: 6px; }
}
@media (max-width: 560px) {
  .current-landing .landing-nav .brand-word { display: none; }
  .current-landing .landing-actions .site-language-trigger { width: 42px; min-height: 42px; padding: 8px; }
  .current-landing .landing-actions .site-language-current,.current-landing .landing-actions .site-language-chevron { display: none; }
  .current-landing .landing-actions .landing-main-cta { min-height: 42px; padding-inline: 13px; }
  .landing-mobile-menu > summary { min-height: 42px; }
}
@media (max-width: 390px) {
  .landing-mobile-menu > summary { width: 42px; justify-content: center; padding-inline: 0; }
  .landing-mobile-menu > summary > span:not(.menu-symbol) { display: none; }
  .current-landing .landing-actions .landing-main-cta { font-size: 12px; padding-inline: 10px; }
}

/* Landing hero: the real first step beside a product journey, not a sales card. */
.current-landing .contact-hero { min-height: 650px; padding: clamp(60px,7vw,102px) 24px clamp(72px,8vw,112px); background: var(--surface); }
.current-landing .contact-hero .hero-stage { width: min(1230px,100%); grid-template-columns: minmax(0,1.05fr) minmax(430px,.95fr); gap: clamp(36px,6vw,94px); align-items: center; }
.current-landing .contact-hero .hero-content { max-width: 690px; justify-self: start; text-align: left; }
.hero-kicker { display: inline-flex; align-items: center; gap: 9px; align-self: flex-start; margin-bottom: 20px; color: var(--accent-dark); font-size: 9.72px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.hero-kicker-mark { width: 16.2px; height: 16.2px; display: inline-block; border: 4.5px solid var(--accent); border-radius: 50%; box-shadow: 0 0 0 1px var(--ink); }
.current-landing .contact-hero .hero-content h1 { max-width: 730px; margin: 0 0 22px; font-size: clamp(58px,5.3vw,82px); line-height: .94; letter-spacing: -.065em; font-weight: 900; }
.current-landing .contact-hero .hero-copy { max-width: 600px; font-size: clamp(14.58px,1.215vw,17.01px); line-height: 1.47; }
.hero-primary-actions { display: flex; align-items: center; gap: 19px; flex-wrap: wrap; margin-top: 32px; }
.hero-primary-actions > span { max-width: 170px; color: var(--muted); font-size: 12px; font-weight: 700; line-height: 1.4; }
.current-landing .contact-hero .hero-main-action { position: relative; min-height: 56px; padding-inline: 23.4px; border: 1px solid var(--ink); border-radius: 999px; background: var(--accent); font-size: 15.3px; font-weight: 850; box-shadow: 5.4px 5.4px 0 var(--ink); }
.current-landing .contact-hero .hero-main-action:hover { transform: translate(2px,2px); box-shadow: 4px 4px 0 var(--ink); background: oklch(.9 .16 124); }
.current-landing .contact-hero .hero-main-action:active { transform: translate(6px,6px); box-shadow: none; }
.hero-main-action span { font-size: 19.8px; line-height: 1; }
.hero-main-action:hover span { transform: translate(3px,-3px); }
.current-landing .contact-hero .hero-free-ribbon { position: absolute; top: -16.2px; right: 21.6px; display: grid; place-items: start center; min-width: 59.4px; height: 34.2px; padding: 8.1px 7.2px 0; clip-path: polygon(0 0,100% 0,100% 100%,50% 79%,0 100%); background: oklch(.52 .2 27); color: oklch(.98 .005 90); font-size: 9.9px; font-weight: 900; letter-spacing: .06em; line-height: 1; transform: rotate(8deg); pointer-events: none; }
.current-landing .contact-hero .hero-main-action:hover .hero-free-ribbon { transform: rotate(8deg); }
.current-landing .hero-direct-search { width: min(620px,100%); margin-top: 38px; padding: 18px 0 0; grid-template-columns: 1fr; gap: 10px; border-top: 1px solid var(--line); background: transparent; }
.current-landing .hero-direct-search > div { display: flex; align-items: baseline; gap: 10px; min-width: 0; }
.current-landing .hero-direct-search > div strong { font-size: 13px; }
.current-landing .hero-direct-search > div small { font-size: 12px; }
.current-landing .contact-hero .hero-search { max-width: 620px; grid-template-columns: minmax(0,1fr) auto; gap: 8px; }
.current-landing .contact-hero .hero-search label { min-height: 50px; border-color: color-mix(in oklch,var(--ink) 30%,var(--line)); border-radius: 12px; }
.current-landing .contact-hero .hero-search input { min-height: 48px; font-size: 14px; }
.current-landing .contact-hero .hero-search .btn { min-height: 50px; padding-inline: 19px; border-radius: 12px; background: var(--ink); color: var(--surface); font-weight: 800; }
.current-landing .contact-hero .hero-search .btn:hover { box-shadow: 3px 3px 0 var(--accent); }
.current-landing .contact-hero .hero-assurance { justify-content: flex-start; gap: 8px 18px; margin-top: 24px; font-size: 12px; }
.current-landing .contact-hero .hero-assurance b { width: 18px; height: 18px; background: var(--accent); color: var(--ink); }
.hero-visual { min-height: 530px; position: relative; overflow: hidden; border: 1px solid var(--ink); border-radius: 28px; background: var(--accent); box-shadow: 12px 12px 0 var(--ink); isolation: isolate; }
.hero-visual::before { content: ''; position: absolute; width: 530px; height: 530px; top: -285px; right: -150px; border: 1px solid oklch(.3 .09 124 / .36); border-radius: 50%; box-shadow: 0 0 0 45px oklch(.95 .07 124 / .2),0 0 0 90px oklch(.95 .07 124 / .12); }
.hero-visual::after { content: ''; position: absolute; width: 240px; height: 240px; right: -90px; bottom: -100px; border: 1px solid oklch(.3 .09 124 / .35); border-radius: 50%; }
.hero-visual-top { position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: center; padding: 22px 25px; border-bottom: 1px solid oklch(.25 .04 124 / .3); color: var(--ink); font-size: 11px; font-weight: 900; letter-spacing: .12em; }
.hero-preview-paper { width: 252px; height: 335px; position: absolute; z-index: 2; top: 95px; left: 32px; padding: 22px 20px; border: 1px solid var(--ink); border-radius: 6px 22px 8px 8px; background: var(--surface); box-shadow: 8px 12px 0 oklch(.31 .08 124 / .28); transform: rotate(-6deg); }
.hero-paper-top { display: flex; align-items: flex-start; justify-content: space-between; height: 48px; color: var(--accent-dark); font-size: 10px; font-weight: 900; letter-spacing: .12em; }
.hero-paper-fold { width: 25px; height: 25px; margin: -22px -20px 0 0; border-bottom: 1px solid var(--ink); border-left: 1px solid var(--ink); border-radius: 0 20px 0 5px; background: color-mix(in oklch,var(--accent) 28%,var(--surface)); }
.hero-preview-paper > strong { display: block; max-width: 190px; font-size: 23px; line-height: 1.1; letter-spacing: -.05em; }
.hero-paper-lines { display: grid; gap: 9px; margin-top: 22px; }
.hero-paper-lines i { height: 7px; display: block; border-radius: 999px; background: oklch(.86 .01 90); }
.hero-paper-lines i:nth-child(2) { width: 82%; }
.hero-paper-lines i:nth-child(3) { width: 92%; }
.hero-paper-lines i:nth-child(4) { width: 58%; }
.hero-paper-check { display: flex; align-items: center; gap: 9px; margin-top: 28px; padding-top: 15px; border-top: 1px solid var(--line); }
.hero-paper-check > span { width: 31px; height: 31px; flex: none; display: grid; place-items: center; border-radius: 50%; background: var(--accent); font-weight: 900; }
.hero-paper-check b,.hero-paper-check small { display: block; }
.hero-paper-check b { font-size: 12px; }
.hero-paper-check small { color: var(--muted); font-size: 9px; }
.hero-preview-bridge { width: 60px; height: 60px; position: absolute; z-index: 4; top: 224px; left: 46%; display: grid; place-items: center; border: 1px solid var(--ink); border-radius: 50%; background: var(--surface); box-shadow: 4px 4px 0 var(--ink); transform: rotate(-14deg); }
.hero-preview-bridge span { font-size: 34px; line-height: 1; font-weight: 900; }
.hero-preview-jobs { width: 245px; height: 284px; position: absolute; z-index: 3; top: 176px; right: 25px; padding: 23px 19px 18px; border: 1px solid var(--ink); border-radius: 20px; background: var(--ink); color: var(--surface); box-shadow: 8px 10px 0 oklch(.3 .08 124 / .3); transform: rotate(5deg); }
.hero-preview-eyebrow { color: var(--accent); font-size: 10px; font-weight: 900; letter-spacing: .12em; }
.hero-preview-jobs > strong { display: block; max-width: 190px; margin: 12px 0 19px; font-size: 24px; line-height: 1.06; letter-spacing: -.05em; }
.hero-fit-row { min-height: 31px; display: flex; align-items: center; gap: 8px; border-top: 1px solid oklch(.97 .01 90 / .16); font-size: 11px; font-weight: 700; }
.hero-fit-row i { width: 6px; height: 6px; flex: none; border-radius: 50%; background: var(--accent); }
.hero-fit-row b { margin-left: auto; color: var(--accent); }
.hero-preview-footer { margin-top: 13px; color: var(--accent); font-size: 10px; font-weight: 900; letter-spacing: .12em; }
.hero-visual-note { position: absolute; z-index: 1; bottom: 25px; left: 27px; right: 25px; display: flex; justify-content: space-between; align-items: baseline; gap: 14px; color: var(--ink); }
.hero-visual-note span { flex: none; font-size: 9px; font-weight: 900; letter-spacing: .12em; }
.hero-visual-note strong { max-width: 190px; font-size: 11px; line-height: 1.25; text-align: right; }
@media (max-width: 1120px) {
  .current-landing .contact-hero .hero-stage { width: min(760px,100%); grid-template-columns: minmax(0,1fr); gap: 48px; }
  .current-landing .contact-hero .hero-content { max-width: 760px; }
  .hero-visual { width: min(550px,100%); justify-self: center; }
}
@media (max-width: 600px) {
  .current-landing .contact-hero { padding: 58px 18px 76px; }
  .current-landing .contact-hero .hero-stage { gap: 42px; }
  .current-landing .contact-hero .hero-content h1 { font-size: clamp(47px,11vw,65px); }
  .hero-primary-actions { align-items: flex-start; flex-direction: column; gap: 12px; }
  .hero-primary-actions > span { max-width: none; }
  .current-landing .hero-direct-search > div { display: grid; gap: 2px; text-align: left; }
  .current-landing .contact-hero .hero-search { grid-template-columns: minmax(0,1fr); }
  .current-landing .contact-hero .hero-search .btn { width: 100%; }
  .hero-visual { min-height: 405px; border-radius: 22px; box-shadow: 8px 8px 0 var(--ink); }
  .hero-visual-top { padding: 16px; font-size: 9px; }
  .hero-preview-paper { width: 190px; height: 260px; top: 77px; left: 17px; padding: 16px 14px; }
  .hero-paper-top { height: 39px; font-size: 8px; }
  .hero-paper-fold { width: 18px; height: 18px; margin: -16px -14px 0 0; }
  .hero-preview-paper > strong { font-size: 18px; }
  .hero-paper-lines { gap: 7px; margin-top: 16px; }
  .hero-paper-lines i { height: 5px; }
  .hero-paper-check { margin-top: 20px; padding-top: 10px; }
  .hero-paper-check small { max-width: 120px; line-height: 1.2; }
  .hero-preview-jobs { width: 185px; height: 225px; top: 134px; right: 13px; padding: 17px 14px; }
  .hero-preview-eyebrow,.hero-preview-footer { font-size: 8px; }
  .hero-preview-jobs > strong { margin: 9px 0 13px; font-size: 19px; }
  .hero-fit-row { min-height: 25px; font-size: 9px; }
  .hero-preview-footer { margin-top: 8px; }
  .hero-preview-bridge { width: 45px; height: 45px; top: 181px; left: 43%; }
  .hero-preview-bridge span { font-size: 26px; }
  .hero-visual-note { bottom: 15px; left: 16px; right: 16px; }
  .hero-visual-note strong { max-width: 135px; font-size: 9px; }
  .hero-visual-note span { font-size: 8px; }
}
@media (max-width: 390px) {
  .hero-preview-paper { left: 8px; }
  .hero-preview-jobs { right: 5px; }
  .hero-preview-bridge { left: 42%; }
}

/* Keep the hero copy clear of the full Skiper crowd along the lower edge. */
.current-landing .contact-hero { min-height: max(770px,calc(100svh - 235px)); padding: 28px 24px 250px; align-items: start; background: #f6f6f3; }
.current-landing .contact-hero .hero-stage { display: block; width: min(1230px,100%); }
.current-landing .contact-hero .hero-content { max-width: 690px; }
.current-landing .contact-hero .hero-content h1 { max-width: 900px; margin-bottom: 12.6px; font-size: clamp(45.36px,3.483vw,51.84px); line-height: .99; }
.hero-headline-accent { display: block; color: var(--ink); text-decoration: underline; text-decoration-color: var(--accent); text-decoration-thickness: .15em; text-underline-offset: -.08em; text-decoration-skip-ink: none; }
.current-landing .contact-hero .hero-copy { max-width: 560px; }
.hero-primary-actions { gap: 22.5px; margin-top: 18px; }
.current-landing .contact-hero .hero-main-action { min-width: 225px; justify-content: center; }
.hero-how-link { position: relative; z-index: 1; border-radius: 4px; background: #f6f6f3; box-shadow: 0 0 0 7.2px #f6f6f3; color: var(--ink); font-size: 13.5px; font-weight: 800; text-decoration: underline; text-underline-offset: 4.5px; }
.hero-how-link:hover { color: var(--accent-dark); }
.hero-how-link span { display: inline-block; margin-left: 3px; text-decoration: none; }
.hero-start-note { margin: 14px 0 0; color: var(--muted); font-size: 13px; font-weight: 750; }
.hero-community { position: relative; z-index: 3; display: inline-flex; align-self: flex-start; align-items: center; gap: 16.2px; max-width: 100%; margin: 3.6px 0 16.2px; padding: 3.6px 12.6px 9px 3.6px; border-radius: 999px; background: #f6f6f3; }
.hero-community-faces { display: flex; align-items: center; padding-left: 9.9px; }
.hero-community-face { width: 50.4px; height: 50.4px; flex: 0 0 50.4px; margin-left: -9.9px; overflow: hidden; border: 2.7px solid #f6f6f3; border-radius: 50%; background: var(--accent-soft); box-shadow: 0 1px 2px color-mix(in oklch,var(--ink) 18%,transparent); }
.hero-community-face:nth-child(2) { background: oklch(.9 .05 26); }
.hero-community-face:nth-child(3) { background: oklch(.9 .04 240); }
.hero-community-face:nth-child(4) { background: oklch(.9 .055 90); }
.hero-community-face .character-avatar { --avatar-width: 72px; margin: -2.7px 0 0 -10.8px; }
.hero-community-copy { display: grid; min-width: 0; gap: 1px; text-align: left; }
.hero-community-copy strong { color: var(--ink); font-size: 13.77px; line-height: 1.2; }
.hero-community-copy span { color: var(--muted); font-size: 10.53px; line-height: 1.3; }
.hero-crowd-canvas { position: absolute; z-index: 0; bottom: 0; left: 0; width: 100%; height: 90vh; pointer-events: none; }
.hero-crowd-unavailable { display: none; }
.character-avatar { --avatar-width: 54px; display: inline-block; flex: 0 0 auto; width: var(--avatar-width); aspect-ratio: 240 / 324; background-image: url('/assets/illustrations/open-peeps-crowd.png'); background-repeat: no-repeat; background-size: 1500% 700%; background-position: var(--peep-x) var(--peep-y); }
.character-picker { min-width: 0; padding: 18px; border: 1px solid var(--line); border-radius: 20px; background: color-mix(in oklch,var(--surface) 85%,var(--accent-soft)); }
.character-picker-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.character-picker-heading h3 { margin: 0 0 4px; font-size: 18px; letter-spacing: -.025em; }
.character-picker-heading p { max-width: 49ch; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.45; }
.character-picker-preview { width: 56px; height: 67px; display: grid; place-items: end center; flex: 0 0 auto; overflow: hidden; border-radius: 15px; background: var(--accent); }
.character-picker-preview .character-avatar { --avatar-width: 49px; animation: peep-hello 3.2s ease-in-out infinite; }
.character-placeholder { font-size: 32px; font-weight: 900; color: var(--ink); }
.character-filters { display: flex; flex-wrap: wrap; gap: 6px; margin: 16px 0 12px; }
.character-filters button { min-height: 35px; padding: 6px 12px; border: 1px solid var(--line); border-radius: 999px; background: var(--surface); color: var(--ink); font: inherit; font-size: 12px; font-weight: 800; cursor: pointer; }
.character-filters button[aria-pressed="true"] { border-color: var(--ink); background: var(--ink); color: var(--surface); }
.character-filters button:focus-visible { outline: 2px solid var(--accent-dark); outline-offset: 2px; }
.character-options { display: flex; gap: 8px; overflow-x: auto; padding: 3px 2px 7px; scrollbar-width: thin; }
.character-option { position: relative; width: 83px; flex: 0 0 83px; cursor: pointer; }
.character-option input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.character-option-art { height: 80px; display: grid; place-items: end center; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); transition: border-color .2s var(--ease),background .2s var(--ease),transform .2s var(--ease); }
.character-option-art .character-avatar { --avatar-width: 56px; }
.character-option-name { display: block; padding: 5px 2px 0; color: var(--muted); font-size: 10px; line-height: 1.2; text-align: center; }
.character-option:hover .character-option-art { transform: translateY(-3px); border-color: var(--ink); }
.character-option:has(input:checked) .character-option-art { border: 2px solid var(--ink); background: var(--accent); box-shadow: 2px 3px 0 var(--ink); }
.character-option:has(input:checked) .character-avatar { animation: peep-hello 2.8s ease-in-out infinite; }
.character-option:has(input:focus-visible) .character-option-art { outline: 2px solid var(--accent-dark); outline-offset: 3px; }
.character-picker[data-avatar-group="women"] .character-option:not([data-group="women"]),.character-picker[data-avatar-group="men"] .character-option:not([data-group="men"]) { display: none; }
.header-character { width: 37px; height: 37px; display: grid; place-items: start center; overflow: hidden; flex: 0 0 auto; border: 1px solid oklch(.75 .12 124); border-radius: 50%; background: var(--accent); }
.header-character .character-avatar { --avatar-width: 35px; margin-top: -2px; transition: transform .24s var(--ease); }
.header-character:hover .character-avatar,.header-character:focus-visible .character-avatar { transform: translateY(-4px) rotate(-5deg); }
.header-character:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.mobile-nav .character-avatar { --avatar-width: 24px; height: 25px; vertical-align: bottom; }
.profile-character-panel { margin: 0 0 18px; }
.profile-character-panel .character-picker { padding: 22px 25px; background: var(--surface); }
.profile-character-panel .character-options { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 12px; overflow: visible; }
.profile-character-panel .character-option { width: auto; }
.profile-character-panel .character-option-art { height: 104px; }
.profile-character-panel .character-option-art .character-avatar { --avatar-width: 72px; }
.onboard-character-guide { width: 100%; height: 126px; margin-top: 20px; display: flex; align-items: flex-start; justify-content: flex-end; overflow: hidden; pointer-events: none; }
.onboard-character-guide .character-avatar { --avatar-width: 112px; animation: peep-hello 3.2s ease-in-out infinite; }
.onboard-character-link{display:inline-flex;align-items:center;margin-top:4px;color:var(--ink);font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.onboard-character-link:hover,.onboard-character-link:focus-visible{color:var(--accent-dark)}
.onboard-review-avatar { --avatar-width: 72px; animation: peep-hello 3.2s ease-in-out infinite; }
.matching-character { --avatar-width: 72px; animation: peep-hello 3.2s ease-in-out infinite; }
.for-you-summary-character { width: 69px; height: 72px; display: grid; place-items: end center; flex: 0 0 auto; overflow: hidden; border-radius: 16px; background: var(--accent); }
.for-you-summary-character .character-avatar { --avatar-width: 57px; animation: peep-hello 3.2s ease-in-out infinite; }
.profile-page-character { width: 86px; height: 92px; display: grid; place-items: end center; flex: 0 0 auto; overflow: hidden; border: 1px solid var(--ink); border-radius: 20px; background: var(--accent); }
.profile-page-character .character-avatar { --avatar-width: 75px; animation: peep-hello 3.2s ease-in-out infinite; }
.profile-page-head>div:first-of-type { flex: 1 1 auto; }
.character-onboarding-page { min-height: 100svh; padding: clamp(14px,3vw,40px); display: grid; place-items: center; background: var(--canvas); }
.character-onboarding-layout { width: min(1160px,100%); min-height: 660px; display: grid; grid-template-columns: minmax(290px,.74fr) minmax(0,1fr); overflow: hidden; border: 1px solid var(--ink); border-radius: 28px; background: var(--surface); box-shadow: 10px 12px 0 var(--ink); }
.character-onboarding-layout>aside { padding: clamp(28px,4vw,46px); display: flex; flex-direction: column; justify-content: space-between; gap: 32px; overflow: hidden; background: var(--accent); }
.character-onboarding-layout>aside .brand { color: var(--ink); }
.character-onboarding-layout>aside h1 { max-width: 10ch; margin: 14px 0; font-size: clamp(45px,5vw,70px); line-height: .98; letter-spacing: -.06em; }
.character-onboarding-layout>aside p { max-width: 30ch; margin: 0; line-height: 1.5; }
.character-onboarding-hero { height: 180px; display: flex; justify-content: flex-end; align-items: flex-start; overflow: hidden; }
.character-onboarding-hero .character-avatar { --avatar-width: 160px; animation: peep-hello 3.2s ease-in-out infinite; }
.character-onboarding-step { font-size: 12px; font-weight: 850; letter-spacing: .03em; }
.character-onboarding-main { min-width: 0; padding: clamp(28px,4vw,52px); display: flex; flex-direction: column; justify-content: center; }
.character-onboarding-main>.eyebrow { margin-bottom: 14px; }
.character-onboarding-main .character-picker { padding: 0; border: 0; background: none; }
.character-onboarding-main .character-picker-heading h3 { font-size: clamp(26px,2.8vw,36px); }
.character-onboarding-main .character-options { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 12px; overflow: visible; }
.character-onboarding-main .character-option { width: auto; }
.character-onboarding-main .character-option-art { height: 100px; }
.character-onboarding-main .character-option-art .character-avatar { --avatar-width: 68px; }
.character-onboarding-actions { margin-top: 26px; display: flex; align-items: center; gap: 22px; }
.character-onboarding-actions .btn { min-width: 170px; }
@media (max-width: 850px) { .character-onboarding-layout { grid-template-columns: 1fr; } .character-onboarding-layout>aside { min-height: 250px; } .character-onboarding-layout>aside h1 { max-width: none; font-size: 42px; } .character-onboarding-hero,.character-onboarding-step { display: none; } }
@media (max-width: 600px) { .character-onboarding-page { padding: 12px; } .character-onboarding-layout { border-radius: 20px; box-shadow: 5px 6px 0 var(--ink); } .character-onboarding-layout>aside { min-height: 215px; padding: 24px; } .character-onboarding-layout>aside h1 { font-size: 37px; } .character-onboarding-main { padding: 27px 20px 32px; } .character-onboarding-main .character-options { gap: 7px; } .character-onboarding-main .character-option-art { height: 80px; } .character-onboarding-main .character-option-art .character-avatar { --avatar-width: 55px; } .character-onboarding-actions { align-items: stretch; flex-direction: column; gap: 12px; } }
@keyframes peep-hello { 0%,100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-5px) rotate(2deg); } }
@media (max-width: 980px) { .onboard-character-guide { height: 92px; margin-top: 12px; } .onboard-character-guide .character-avatar { --avatar-width: 78px; } }
@media (max-width: 600px) { .onboard-character-guide { height: 76px; } .onboard-character-guide .character-avatar { --avatar-width: 64px; } }
@media (max-width: 850px) { .profile-character-panel .character-options,.character-onboarding-main .character-options { grid-template-columns: repeat(4,minmax(0,1fr)); } }
@media (max-width: 600px) { .character-picker { padding: 15px; } .character-picker-heading p { font-size: 12px; } .profile-character-panel .character-picker { padding: 16px; } .profile-character-panel .character-options { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; } .profile-character-panel .character-option-art { height: 82px; } .profile-character-panel .character-option-art .character-avatar { --avatar-width: 57px; } }
@media (max-width: 1250px) {
  .current-landing .contact-hero { min-height: max(780px,calc(100svh - 155px)); }
}
@media (min-width: 901px) {
  .current-landing .contact-hero .hero-stage { display: flex; justify-content: center; }
  .current-landing .contact-hero .hero-content { width: min(100%,960px); max-width: 960px; align-items: center; text-align: center; }
  .current-landing .contact-hero .hero-content h1 { max-width: 960px; text-align: center; }
  .current-landing .contact-hero .hero-headline-accent { display: block; margin-inline-start: 0; }
  .current-landing .contact-hero .hero-copy { max-width: 810px; text-align: center; }
  .current-landing .contact-hero .hero-kicker { align-self: center; }
  .current-landing .contact-hero .hero-primary-actions { justify-content: center; }
  .current-landing .contact-hero .hero-start-note { text-align: center; }
  .current-landing .contact-hero .hero-community { align-self: center; }
}
@media (max-width: 600px) {
  .current-landing .contact-hero { min-height: max(830px,calc(100svh - 130px)); padding: 22px 18px 290px; }
  .current-landing .contact-hero .hero-content h1 { font-size: clamp(34.02px,8.1vw,46.98px); }
  .current-landing .contact-hero .hero-headline-accent { display: block; }
  .hero-primary-actions { flex-direction: column; align-items: stretch; gap: 17.1px; }
  .current-landing .contact-hero .hero-main-action { width: 100%; min-width: 0; }
  .hero-how-link { align-self: flex-start; }
  .hero-start-note { margin-top: 22px; }
  .hero-community { gap: 10.8px; }
  .hero-community-face { width: 44.1px; height: 44.1px; flex-basis: 44.1px; }
  .hero-community-face .character-avatar { --avatar-width: 63px; margin-left: -9.9px; }
  .hero-community-copy strong { font-size: 12.15px; }
  .hero-community-copy span { font-size: 9.72px; }
}

.renewal-near-action { display:block; margin-top:8px; color:var(--muted); font-size:12px; line-height:1.45; font-weight:600; }
@media(max-width:600px){.account-grid .form-grid{grid-template-columns:minmax(0,1fr)}}

/* Keep narrow workspaces, navigation, and dialogs within the visible viewport. */
@media (max-width: 980px) {
  .job-workspace { grid-template-columns: minmax(0,1fr); }
  .job-workspace > section { min-width: 0; }
}
@media (max-width: 560px) {
  .mobile-nav:has(a:nth-child(5)) {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 3px;
    overflow: visible;
    padding: 6px;
  }
  .mobile-nav:has(a:nth-child(5)) a {
    display: flex;
    min-width: 0;
    min-height: 50px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 5px 2px;
    font-size: 11px;
    line-height: 1.15;
    overflow-wrap: anywhere;
    white-space: normal;
  }
  .mobile-nav:has(a:nth-child(5)) a br { display: none; }
  .mobile-nav:has(a:nth-child(5)) a[href="/applications"] { font-size: 10px; letter-spacing: -.04em; overflow-wrap: normal; }
  .shell:has(.mobile-nav a:nth-child(5)) .app-footer { padding-bottom: 150px; }
  .job-list-intro { flex-wrap: wrap; align-items: start; }
  .job-list-intro > div { min-width: 0; }
  .job-list-intro h2 { overflow-wrap: anywhere; }
  .job-board-page .job-card-main { padding: 18px; }
  .job-board-page .job-card-top { gap: 9px; }
  .ats-journey > span {
    min-width: 0;
    flex-direction: column;
    gap: 4px;
    line-height: 1.2;
    text-align: center;
    white-space: normal;
  }
  .ats-journey > span b { flex: 0 0 22px; }
}
@media (max-width: 420px) {
  .legal-nav, .rights-nav {
    height: auto;
    min-height: 74px;
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 10px;
    padding-block: 12px;
  }
  .legal-nav > .btn, .rights-nav > .btn { grid-column: 1 / -1; width: 100%; }
  .legal-document h1 { font-size: clamp(34px,11vw,44px); overflow-wrap: anywhere; }
}
.product-modal { overflow-y: auto; }
.product-modal > section { max-height: calc(100dvh - 48px); overflow-y: auto; }
.cover-letter-modal > section { max-height: calc(100dvh - 48px); }
.consent-card { max-height: min(760px,calc(100dvh - 40px)); }
@media (max-width: 560px) {
  .locked-overlay { max-width: calc(100% - 24px); white-space: normal; }
}