:root {
  --ink: #21382f; --pine: #284d3f; --green: #4d765e; --cream: #f6f0e5;
  --paper: #fffdf8; --coral: #e87c5b; --yellow: #f3c45e; --line: #d9d3c7;
  --muted: #6f796f; --shadow: 0 22px 55px rgba(39, 57, 47, .13);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--cream); font-family: "DM Sans", sans-serif; min-height: 100vh; }
button, input, textarea { font: inherit; }
button { color: inherit; }
button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 3px solid rgba(232,124,91,.35); outline-offset: 2px; }
.paper-noise { position: fixed; inset: 0; pointer-events: none; opacity: .18; z-index: 20; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E"); }
.topbar { height: 64px; max-width: 1240px; margin: auto; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 30; }
.brand { display: flex; align-items: center; gap: 10px; border: 0; background: none; font-family: Fraunces, serif; font-weight: 700; font-size: 21px; cursor: pointer; }
.brand-mark, .mini-brand span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50% 50% 45% 55%; background: var(--coral); color: #fff; font-family: Fraunces, serif; transform: rotate(-5deg); }
nav { display: flex; gap: 18px; align-items: center; }
.text-button, .link-button { border: 0; background: transparent; cursor: pointer; font-weight: 600; }
.pill-button { border: 0; border-radius: 999px; background: var(--pine); color: #fff; padding: 16px 24px; font-weight: 700; cursor: pointer; box-shadow: 0 5px 0 #183328; transition: transform .2s, box-shadow .2s; }
.pill-button:hover { transform: translateY(-2px); box-shadow: 0 7px 0 #183328; }
.pill-button:disabled { opacity: .45; cursor: not-allowed; transform: none; box-shadow: 0 5px 0 #9aa59f; }
.pill-button.small { padding: 11px 18px; font-size: 13px; box-shadow: none; }
.pill-button.secondary { background: #fff; color: var(--pine); border: 1px solid var(--line); box-shadow: 0 4px 0 var(--line); }
.pill-button.wide { width: min(100%, 430px); }
.view { display: none; }
.view.active { display: block; }
.home-view { max-width: 1240px; margin: auto; padding: 38px 40px 90px; overflow: hidden; }
.hero-grid { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 50px; min-height: calc(92vh - 64px); padding-bottom: 40px; }
.hero-pill-badge { display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; border-radius: 999px; background: #fff; border: 1px solid var(--line); box-shadow: 0 4px 14px rgba(33,56,47,.06); font-size: 12px; color: var(--pine); margin-bottom: 18px; }
.hero-pill-badge span { color: #3a9c64; font-size: 10px; }
.hero-pill-badge b { color: var(--coral); font-weight: 700; }
.eyebrow { color: var(--coral); text-transform: uppercase; letter-spacing: .13em; font-size: 12px; font-weight: 700; display: flex; align-items: center; gap: 9px; }
.eyebrow>span:first-child { flex:0 0 22px; width:22px; height:2px; background:currentColor; }
h1, h2, h3 { font-family: Fraunces, serif; margin: 0; }
h1 { font-size: clamp(46px, 5.5vw, 76px); line-height: .98; letter-spacing: -.045em; max-width: 680px; }
h1 em { color: var(--coral); font-style: italic; font-weight: 600; white-space: nowrap; }
.hero-lede { font-size: 18px; line-height: 1.65; color: #546259; max-width: 590px; margin: 24px 0 28px; }
.hero-actions { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; }
.link-button { padding: 12px 0; border-bottom: 1px solid var(--ink); }
.trust-row { display: flex; gap: 30px; margin-top: 48px; padding-top: 24px; border-top: 1px solid var(--line); flex-wrap: wrap; }
.trust-row div { display: flex; flex-direction: column; gap: 4px; }
.trust-row strong { font-family: Fraunces, serif; font-size: 20px; color: var(--pine); }
.trust-row span { color: var(--muted); font-size: 12px; }
.hero-visual { position: relative; height: 610px; }
.sunburst { position: absolute; width: 530px; height: 530px; top: 20px; right: -25px; border-radius: 50%; background: repeating-conic-gradient(from 0deg, rgba(243,196,94,.24) 0 8deg, transparent 8deg 18deg); animation: slowSpin 70s linear infinite; }
@keyframes slowSpin { to { transform: rotate(360deg); } }
.sign-card { position: absolute; top: 45px; left: 16px; width: 295px; height: 400px; transform: rotate(-6deg); background: var(--yellow); border: 10px solid var(--paper); box-shadow: var(--shadow); text-align: center; padding: 38px 20px 20px; display: flex; flex-direction: column; align-items: center; transition: transform .3s ease; }
.sign-card:hover { transform: rotate(-3deg) translateY(-4px); }
.sign-kicker { letter-spacing: .24em; font-size: 17px; font-weight: 700; }
.sign-card strong, .printable-sign>strong { font-family: Fraunces, serif; font-size: 55px; line-height: 1; color: var(--pine); }
.sign-card p { margin: 8px 0 15px; font-family: Fraunces, serif; font-style: italic; }
.fake-qr { width: 104px; height: 104px; background: conic-gradient(from 90deg, #19362c 25%, #fff 0 50%, #19362c 0 75%, #fff 0); background-size: 22px 22px; border: 8px solid white; }
.sign-card small { font-weight: 800; margin-top: 8px; letter-spacing: .08em; }
.tape { position: absolute; width: 75px; height: 22px; background: rgba(255,255,240,.68); top: -6px; }
.tape-left { left: -22px; transform: rotate(-33deg); }.tape-right { right: -25px; transform: rotate(31deg); }
.phone-card { position: absolute; right: 0; bottom: 20px; width: 290px; height: 505px; background: #fffdf9; border: 8px solid var(--ink); border-radius: 42px; padding: 16px 17px; box-shadow: var(--shadow); transform: rotate(4deg); transition: transform .3s ease; }
.phone-card:hover { transform: rotate(2deg) translateY(-4px); }
.phone-top { display: flex; justify-content: space-between; font-size: 10px; font-weight: 700; padding: 0 8px 13px; }.phone-top i { width: 70px; height: 18px; border-radius: 20px; background: var(--ink); position: absolute; top: 7px; left: 102px; }
.mini-brand { display: flex; align-items: center; justify-content: center; gap: 6px; font-family: Fraunces, serif; font-size: 12px; padding-bottom: 14px; border-bottom: 1px solid #eee8dc; }.mini-brand span { width: 20px; height: 20px; font-size: 11px; }
.mini-chat { font-size: 12px; line-height: 1.5; padding: 12px 14px; border-radius: 16px; margin-top: 16px; max-width: 90%; }.mini-chat.bot { background: #e6eee8; border-bottom-left-radius: 4px; }.mini-chat.user { background: var(--coral); color: white; margin-left: auto; border-bottom-right-radius: 4px; }
.mini-wave { margin: 32px auto 0; width: 104px; height: 104px; border-radius: 50%; background: var(--yellow); display: flex; justify-content: center; align-items: center; gap: 4px; position: relative; box-shadow: 0 0 0 8px rgba(243,196,94,.22); }.mini-wave b { width: 4px; background: var(--ink); border-radius: 4px; height: 16px; animation: waveDance 1.2s ease-in-out infinite; }.mini-wave b:nth-child(2){height:28px;animation-delay:.15s}.mini-wave b:nth-child(3){height:40px;animation-delay:.3s}.mini-wave b:nth-child(4){height:26px;animation-delay:.45s}.mini-wave b:nth-child(5){height:18px;animation-delay:.6s}.mini-wave span{position:absolute;top:114px;font-size:11px;font-weight:700;color:var(--pine);width:120px;text-align:center}
@keyframes waveDance { 0%,100% { transform: scaleY(.65); } 50% { transform: scaleY(1.25); } }
.hero-triage-float { position: absolute; left: 0; bottom: 18px; z-index: 4; width: 265px; background: #fff; border: 2px solid var(--pine); border-radius: 18px; padding: 14px 16px; box-shadow: 0 18px 40px rgba(24,51,40,.18); transform: rotate(-2deg); }
.hero-float-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; font-size: 11px; }
.hero-float-badge { background: #dcecdf; color: var(--green); font-weight: 800; padding: 3px 8px; border-radius: 999px; font-size: 10px; text-transform: uppercase; letter-spacing: .05em; }
.hero-float-top b { background: var(--pine); color: #fff; padding: 3px 8px; border-radius: 7px; font-size: 11px; }
.hero-triage-float strong { display: block; font-family: Fraunces, serif; font-size: 15px; color: var(--ink); margin-bottom: 9px; }
.hero-float-actions { display: flex; gap: 6px; flex-wrap: wrap; }
.hero-float-actions span { font-size: 10px; font-weight: 700; padding: 4px 8px; border-radius: 999px; background: #f2f6f3; border: 1px solid #cddbd1; color: var(--pine); }
.doodle-arrow { position: absolute; top: 5px; left: 290px; font-size: 80px; color: var(--coral); transform: rotate(25deg); font-family: cursive; }
.home-section { margin-top: 76px; padding-top: 64px; border-top: 1px solid var(--line); }
.section-header { margin-bottom: 36px; }
.section-header.centered-header { text-align: center; max-width: 660px; margin: 0 auto 42px; }
.section-header h2 { font-size: clamp(32px, 4vw, 48px); line-height: 1.05; letter-spacing: -.03em; margin: 10px 0; }
.section-header p { color: var(--muted); font-size: 17px; line-height: 1.6; margin: 0; }
.steps-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.step-card { position: relative; background: var(--paper); border: 1px solid var(--line); border-radius: 22px; padding: 28px 26px; box-shadow: 0 12px 32px rgba(35,57,47,.05); transition: transform .2s, box-shadow .2s; }
.step-card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(35,57,47,.1); border-color: #b4c7bc; }
.step-num { position: absolute; top: 22px; right: 24px; font-family: Fraunces, serif; font-size: 28px; font-weight: 700; color: rgba(232,124,91,.32); }
.step-icon { display: inline-grid; place-items: center; width: 52px; height: 52px; border-radius: 16px; background: #edf3ee; font-size: 25px; margin-bottom: 18px; }
.step-card h3 { font-size: 23px; margin-bottom: 10px; color: var(--ink); }
.step-card p { margin: 0; color: #546259; font-size: 14.5px; line-height: 1.6; }
.bento-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.bento-card { background: var(--paper); border: 1px solid var(--line); border-radius: 22px; padding: 28px; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 0 10px 30px rgba(35,57,47,.05); }
.bento-card.bento-wide { grid-column: span 2; background: linear-gradient(135deg, #fffdf9 0%, #f1f6f2 100%); border-color: #c6d6cc; }
.bento-tag { display: inline-block; align-self: flex-start; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .09em; color: var(--coral); background: #fcebe5; padding: 5px 11px; border-radius: 999px; margin-bottom: 14px; }
.bento-card h3 { font-size: 25px; line-height: 1.15; margin-bottom: 10px; }
.bento-card h3 em { color: var(--coral); font-style: italic; }
.bento-card p { margin: 0; color: #536258; font-size: 14.5px; line-height: 1.6; }
.bento-audio-demo { margin-top: 22px; padding: 14px 16px; border-radius: 14px; background: #fff; border: 1px solid #cfdcd3; display: flex; justify-content: space-between; align-items: center; gap: 14px; flex-wrap: wrap; }
.bento-audio-demo span { display: flex; flex-direction: column; gap: 2px; }
.bento-audio-demo b { font-size: 13px; color: var(--pine); }
.bento-audio-demo small { font-size: 11px; color: var(--muted); }
.bento-play-pill { border: 0; border-radius: 999px; background: var(--pine); color: #fff; padding: 9px 16px; font-size: 12px; font-weight: 700; cursor: pointer; }
.bento-play-pill:hover { background: var(--coral); }
.template-pills { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.template-pills span { font-size: 12px; font-weight: 700; padding: 6px 11px; border-radius: 10px; background: #f4f7f4; border: 1px solid #d5e0d8; color: var(--pine); }
.home-cta-banner { margin-top: 76px; padding: 48px 52px; border-radius: 28px; background: var(--pine); color: #fff; display: flex; justify-content: space-between; align-items: center; gap: 32px; box-shadow: 0 24px 60px rgba(24,51,40,.22); }
.home-cta-banner .eyebrow { color: var(--yellow); }
.home-cta-banner h2 { font-size: clamp(30px, 3.6vw, 44px); margin: 8px 0; color: #fff; }
.home-cta-banner p { margin: 0; color: #cfe0d6; font-size: 16px; max-width: 520px; }
.home-cta-buttons { display: flex; gap: 14px; flex-wrap: wrap; align-items: center; }
.pill-button.coral-btn { background: var(--coral); color: #fff; box-shadow: 0 5px 0 #a94c31; }
.pill-button.coral-btn:hover { box-shadow: 0 7px 0 #a94c31; }

.applicant-view { min-height: calc(100vh - 64px); background: var(--paper); max-width: 820px; margin: 0 auto; border-radius: 26px 26px 0 0; box-shadow: 0 20px 60px rgba(31,52,43,.08); overflow: hidden; }
.job-header { height: 56px; padding: 0 18px; border-bottom: 1px solid #ebe6dc; display: flex; align-items: center; justify-content: space-between; }
.back-button,.icon-button { border: 1px solid var(--line); background: white; border-radius: 50%; width: 40px; height: 40px; cursor: pointer; }
.job-identity { display: flex; align-items: center; gap: 9px; }.job-logo { width: 36px; height: 36px; display: grid; place-items: center; background: var(--yellow); border-radius: 11px; font-family: Fraunces,serif; font-weight:700;}.job-identity>div:last-child{display:flex;flex-direction:column;font-size:11px}.job-identity strong{font-size:14px}
.voice-controls{display:flex;align-items:center;gap:9px}.ai-badge{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--green);background:#e5eee7;padding:6px 9px;border-radius:20px;font-weight:700}
.applicant-screen { display: none; padding: 58px 70px; text-align: center; }.applicant-screen.active { display: block; }
.welcome-art { width: 90px; height: 90px; background: #e2eee5; display: grid; place-items: center; border-radius: 45% 55% 50% 42%; margin: auto auto 22px; font-size: 40px; transform: rotate(-4deg); }.welcome-art span { transform: rotate(4deg); }
.centered { justify-content: center; }.applicant-screen h2 { font-size: clamp(36px,6vw,52px); line-height:1.05; max-width:600px; margin:13px auto 18px;}.applicant-screen>p{max-width:570px;margin:0 auto 30px;color:var(--muted);line-height:1.65}
.expectations { display: flex; border: 1px solid var(--line); border-radius: 16px; margin: 30px auto; max-width: 620px; text-align: left; }.expectations>div{flex:1;padding:18px 13px;display:flex;gap:9px;align-items:center}.expectations>div+div{border-left:1px solid var(--line)}.expectations span{font-size:21px;color:var(--coral)}.expectations p{display:flex;flex-direction:column;margin:0;font-size:12px}.expectations small{color:var(--muted);margin-top:3px}.privacy-note{display:block;color:#92978f;margin:18px auto 0;max-width:440px}
.consent-check{display:flex;gap:11px;max-width:580px;margin:0 auto 22px;text-align:left;background:#f8f4eb;border:1px solid var(--line);border-radius:13px;padding:14px 16px;color:var(--muted);font-size:11px;line-height:1.5;cursor:pointer}.consent-check input{width:17px;height:17px;margin:1px 0 0;accent-color:var(--pine);flex:0 0 auto}
.screening-screen{max-width:760px;margin:0 auto}.screening-screen h2{font-size:clamp(28px,5vw,42px)}.screening-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:620px;margin:0 auto 26px}.screening-option{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:14px;padding:18px 16px;font:700 14px "DM Sans",sans-serif;cursor:pointer;transition:.18s}.screening-option:hover{border-color:var(--pine);transform:translateY(-1px)}.screening-option.selected{background:var(--pine);border-color:var(--pine);color:#fff}.screening-screen .pill-button{margin:0 auto}.screening-screen .link-button{display:block;margin:15px auto}.screening-screen .privacy-note{display:block;margin:18px auto 0;max-width:560px}.question-section-heading{display:flex;justify-content:space-between;align-items:end;margin:6px 0 14px}.question-section-heading h4{margin:0 0 3px;font-size:16px}.question-section-heading p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.question-section-heading.interview-heading{border-top:1px solid var(--line);padding-top:25px;margin-top:25px}.screening-editor-list{gap:12px}.screening-editor{display:grid;grid-template-columns:minmax(220px,2fr) 125px minmax(190px,1.4fr) auto;gap:9px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fbf9f4}.screening-editor input,.screening-editor select{min-width:0}.screening-editor .required-toggle{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);grid-column:1/-1}.screening-editor .required-toggle input{width:15px;height:15px;accent-color:var(--pine)}.screening-editor .remove-screening{border:0;background:transparent;color:var(--muted);font-size:20px;cursor:pointer}
.empty-inline{border:1px dashed var(--line);border-radius:12px;padding:18px;color:var(--muted);font-size:11px;line-height:1.5}
.chat-screen { padding: 0; text-align: left; height: calc(100dvh - 120px); min-height: 500px; position: relative; overflow: hidden; }.chat-screen.active{display:flex;flex-direction:column}.progress-wrap{height:4px;flex:0 0 4px;background:#ece9df}.progress-wrap div{height:100%;background:var(--coral);width:0;transition:width .4s}.progress-label{text-align:center;color:var(--muted);font-size:11px;font-weight:700;padding:8px;text-transform:uppercase;letter-spacing:.1em;flex:0 0 auto}.chat-log{height:auto;min-height:0;flex:1 1 auto;overflow:auto;padding:14px 38px 10px;scroll-behavior:auto;scroll-padding-bottom:10px}.message{display:flex;gap:10px;margin:0 0 16px;align-items:flex-end}.message.user{justify-content:flex-end}.avatar{width:34px;height:34px;border-radius:50%;background:var(--coral);color:white;display:grid;place-items:center;font-family:Fraunces,serif;font-weight:700;flex:0 0 auto}.bubble{max-width:78%;padding:15px 18px;border-radius:18px;line-height:1.52;font-size:16px;background:#e7efe9;border-bottom-left-radius:4px;white-space:pre-line}.message.user .bubble{background:var(--pine);color:white;border-radius:18px 18px 4px 18px}.message.system .bubble{background:#fff4d9;border-radius:12px;margin:auto;color:#6e5930;font-size:13px}.composer-wrap{position:static;flex:0 0 auto;background:#fff;padding:16px 24px 18px;border-top:1px solid #ece8df;text-align:center}.voice-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:min(540px,100%);min-height:132px;margin:0 auto;text-align:center}.voice-orb{position:relative;width:78px;height:78px;margin-bottom:4px;border:0;border-radius:50%;background:linear-gradient(145deg,var(--coral),#df6847);color:#fff;cursor:pointer;box-shadow:0 8px 24px rgba(238,123,87,.35);font-size:32px;transition:transform .2s,box-shadow .2s}.voice-orb:hover{transform:translateY(-2px);box-shadow:0 11px 28px rgba(238,123,87,.42)}.voice-orb b{position:relative;z-index:2}.voice-rings{position:absolute;inset:-7px;border:3px solid rgba(238,123,87,.3);border-radius:50%;opacity:0}.voice-orb.listening .voice-rings{opacity:1;animation:pulse 1.15s infinite}.voice-orb.listening{animation:pulse 1.15s infinite}.voice-orb.speaking{background:linear-gradient(145deg,var(--pine),#2f705c)}.voice-orb.speaking .voice-rings{opacity:1;border-color:rgba(47,112,92,.28);animation:pulse 1.5s infinite}.voice-orb:disabled{opacity:.55;cursor:wait}.voice-stage strong{margin:0;color:var(--pine);font-size:20px;line-height:1.25;font-weight:700}.voice-stage>span:not(.voice-rings){margin:0;color:var(--muted);font-size:15px;line-height:1.4;max-width:460px}.voice-transcript{display:block;max-width:100%;font-size:15px!important;color:var(--ink)!important;font-style:italic;white-space:normal;overflow:hidden;text-overflow:ellipsis;min-height:20px}.text-composer{display:flex;gap:10px;align-items:center;max-height:96px;opacity:1;transition:max-height .22s,opacity .18s,margin .22s;margin:10px auto 6px;width:min(540px,100%)}.text-composer.collapsed{max-height:0;opacity:0;overflow:hidden;margin:0 auto;padding-top:0;padding-bottom:0;border-width:0;pointer-events:none}.composer textarea{border:1px solid var(--line);border-radius:12px;resize:none;outline:0;padding:11px 14px;width:100%;max-height:90px;font-size:16px}.send-button{border:0;border-radius:50%;width:44px;height:44px;flex:0 0 44px;cursor:pointer;background:var(--pine);color:white;font-size:22px}.type-toggle{display:inline-block;border:1px solid #d5dfd8;border-radius:999px;background:#f7faf8;color:var(--pine);font-size:14px;font-weight:600;padding:7px 16px;text-decoration:none;cursor:pointer;margin:8px auto 4px}.type-toggle:hover{background:#ebf2ed}.ask-job-button{display:inline-block;margin:0;border:0;background:transparent;color:var(--green);font-size:15px;font-weight:600;padding:6px 10px;cursor:pointer;text-decoration:underline}.suggestions{display:flex;gap:8px;padding:6px 38px;position:static;flex:0 0 auto;flex-wrap:wrap;justify-content:center}.suggestions:empty{display:none}.suggestions button{border:1px solid #cfdbd2;background:white;color:var(--pine);border-radius:20px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer}
.service-status{position:absolute;z-index:2;top:12px;right:12px;display:flex;gap:5px;align-items:center;color:var(--muted);font-size:11px}.service-status span{width:7px;height:7px;border-radius:50%;background:var(--yellow)}.service-status.ready span{background:#5a9c72}.service-status.fallback span{background:var(--yellow)}.service-status.error span{background:var(--coral)}.composer-footer{display:flex;justify-content:center;align-items:center;gap:22px;min-height:32px;margin-top:4px;flex-wrap:wrap}.composer-footer .ask-job-button{margin:0}.typing .bubble:after{content:'•••';letter-spacing:3px;animation:pulse 1s infinite}
.voice-orb.muted{background:#9b9b94;box-shadow:none}.voice-orb.muted .voice-rings{display:none}
@keyframes pulse{50%{transform:scale(1.12);opacity:.7}}
.complete-screen{padding-top:75px}.complete-screen .complete{background:var(--yellow);color:var(--pine);font-weight:800}.confetti{font-size:24px;color:var(--coral);word-spacing:45px;margin-bottom:-15px}.confetti span{color:var(--yellow)}.confetti i{color:var(--green)}.summary-card{border:1px solid var(--line);max-width:400px;margin:25px auto;padding:16px;border-radius:14px;text-align:left}.summary-card>div{display:flex;gap:12px;align-items:center}.summary-card span{background:#e2eee5;width:35px;height:35px;border-radius:50%;display:grid;place-items:center}.summary-card p{margin:0;display:flex;flex-direction:column}.summary-card small{color:var(--muted)}.complete-screen .link-button{display:block;margin:23px auto}

.hidden{display:none!important}.auth-view{min-height:calc(100vh - 82px);padding:55px 20px}.auth-card{position:relative;width:min(100%,500px);margin:0 auto;background:var(--paper);border-radius:24px;padding:48px 55px;text-align:center;box-shadow:var(--shadow)}.auth-card>.back-button{position:absolute;left:20px;top:20px}.auth-mark{width:58px;height:58px;margin:0 auto 22px;font-size:27px}.auth-card h2{font-size:42px;margin:12px 0}.auth-card>p{color:var(--muted);line-height:1.6}.auth-form{display:flex;flex-direction:column;gap:16px;margin-top:28px}.auth-form label{display:flex;flex-direction:column;gap:8px;text-align:left;font-size:12px;font-weight:700}.auth-form input{font-size:18px;text-align:center}.auth-form .link-button{align-self:center}.dev-code{margin-top:18px;padding:12px;border:1px dashed #d8a742;border-radius:10px;background:#fff7dc;color:#765c1e;font-weight:700;display:grid;grid-template-columns:1fr auto;gap:4px 14px;align-items:center;text-align:left}.dev-code span{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.dev-code strong{grid-row:2;font-size:24px;letter-spacing:.14em}.dev-code button{grid-column:2;grid-row:1/3;color:#765c1e;text-decoration:underline}.account-line{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;background:rgba(255,255,255,.7);border:1px solid var(--line);border-radius:12px;padding:6px 7px 6px 12px}.sign-out-button{border:1px solid #bdc9c0;background:#fff;color:var(--pine);border-radius:8px;padding:7px 10px;font-size:11px;font-weight:700;cursor:pointer}.sign-out-button:hover{background:#edf3ee}.empty-jobs{grid-column:1/-1;background:var(--paper);border:1px dashed var(--line);border-radius:16px;padding:34px;text-align:center}.empty-jobs h3{font-size:24px}.empty-jobs p{color:var(--muted)}

.employer-view { max-width: 1200px; margin: 0 auto; padding: 45px 28px 80px; }.employer-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px;gap:28px}.employer-heading>div:first-child{min-width:0}.employer-heading h2{font-size:48px;margin:8px 0}.employer-heading p{margin:0;color:var(--muted)}#employer-business-name{display:block;min-width:0;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:none}.setup-status{font-size:12px;color:var(--muted);border:1px solid var(--line);background:var(--paper);padding:9px 13px;border-radius:20px}.setup-status span{color:var(--green)}
.modal-open{overflow:hidden}.template-modal{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:24px;background:rgba(20,43,34,.72);backdrop-filter:blur(6px)}.template-modal-card{position:relative;width:min(920px,100%);max-height:calc(100vh - 48px);overflow:auto;padding:38px;border-radius:24px;background:var(--paper);box-shadow:0 28px 80px rgba(10,30,22,.38)}.template-modal-card h2{margin:10px 0 7px;font:700 38px/1.05 Fraunces,serif}.template-modal-card>p{margin:0 48px 20px 0;color:var(--muted);line-height:1.55}.template-close{position:absolute;right:22px;top:20px;width:39px;height:39px;border:1px solid var(--line);border-radius:50%;background:#fff;font-size:23px;line-height:1;cursor:pointer}.template-review-note{display:flex;gap:12px;align-items:center;margin-bottom:20px;padding:12px 14px;border-radius:12px;background:#fff3cd;color:#6f5920;font-size:11px;line-height:1.4}.template-review-note b{white-space:nowrap;text-transform:uppercase;letter-spacing:.06em}.role-template-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.role-template-card{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;min-height:104px;padding:17px;border:1px solid var(--line);border-radius:15px;background:#fff;text-align:left;cursor:pointer;transition:.18s}.role-template-card:hover,.role-template-card:focus-visible{transform:translateY(-2px);border-color:#8faf9a;box-shadow:0 9px 25px rgba(35,57,47,.1)}.role-template-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#edf3ee;font-size:23px}.role-template-card>span:nth-child(2){display:flex;flex-direction:column;gap:5px}.role-template-card strong{font:700 19px Fraunces,serif}.role-template-card small{color:var(--muted);font-size:11px;line-height:1.4}.role-template-card>b{color:var(--coral);font-size:20px}
.status-stack{display:flex;align-items:flex-end;flex-direction:column;gap:7px}.setup-status.warning span{color:var(--yellow)}.setup-status.ready{border-color:#c7dbc9}.guardrail-card{display:flex;gap:13px;margin-top:24px;background:#eaf1eb;border-radius:13px;padding:16px;color:var(--pine)}.guardrail-card>span{font-size:22px}.guardrail-card p{margin:4px 0 0;font-size:11px;line-height:1.55;color:var(--muted)}
.job-carousel{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px;margin:-12px 0 30px}.job-carousel.empty{grid-template-columns:1fr}.job-carousel.empty .job-scroll-arrow{display:none}.job-list{display:flex;gap:14px;min-width:0;overflow-x:auto;padding:5px 4px 14px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#b8c7bd transparent}.job-card{position:relative;flex:0 0 270px;scroll-snap-align:center;border:2px solid transparent;background:#fff;border-radius:16px;padding:18px;text-align:left;cursor:pointer;box-shadow:0 5px 20px rgba(35,57,47,.06);transition:.2s}.job-card:hover{transform:translateY(-2px);border-color:#adc2b4;box-shadow:0 9px 25px rgba(35,57,47,.11)}.job-card.active{transform:translateY(-2px);border-color:var(--pine);background:#f7fbf8;box-shadow:0 0 0 3px rgba(40,77,63,.13),0 10px 28px rgba(35,57,47,.15)}.job-card.active:before{content:"";position:absolute;left:18px;right:18px;top:-2px;height:5px;border-radius:0 0 6px 6px;background:var(--coral)}.job-scroll-arrow{display:grid;place-items:center;width:42px;height:42px;border:1px solid #b8c7bd;border-radius:50%;background:#fff;color:var(--pine);font:700 30px/1 Fraunces,serif;cursor:pointer;box-shadow:0 4px 12px rgba(35,57,47,.08)}.job-scroll-arrow:hover:not(:disabled){background:var(--pine);color:#fff}.job-scroll-arrow:disabled{opacity:.28;cursor:default}.job-card-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.applicant-count-link{padding:3px 8px;margin:-3px -6px;border-radius:12px;font-weight:600;color:var(--pine);transition:background-color .15s,color .15s}.applicant-count-link:hover{background:#e7efe9;text-decoration:underline}.job-status{display:inline-flex;border-radius:20px;padding:4px 8px;background:#eee9df;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.job-status.published{background:#dcecdf;color:var(--green)}.job-status.closed{background:#f5dfd7;color:#984e3a}.job-card h3{font-size:21px;margin:14px 0 5px}.job-card p{font-size:12px;color:var(--muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-card footer{display:flex;justify-content:space-between;gap:12px;margin-top:18px;padding-top:12px;border-top:1px solid #eee9df;font-size:11px;color:var(--muted)}.job-card.active footer b{color:var(--pine)}.editor-context{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:-16px 0 25px;padding-bottom:16px;border-bottom:1px solid #e5dfd3}.editor-context>div{display:flex;align-items:center;gap:10px}.editor-context b{font-family:Fraunces,serif;font-size:18px}.editor-context-actions{justify-content:flex-end}.editor-context-actions .close-job-button{padding:8px 13px;font-size:11px}
.studio-layout{display:grid;grid-template-columns:220px 1fr;gap:25px}.studio-nav{display:flex;flex-direction:column;gap:8px}.studio-nav button{border:0;background:transparent;display:flex;gap:12px;align-items:center;text-align:left;padding:12px;border-radius:12px;cursor:pointer}.studio-nav button.active{background:var(--paper);box-shadow:0 3px 15px rgba(35,57,47,.06)}.studio-nav span{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:12px}.studio-nav button.active span{background:var(--coral);border-color:var(--coral);color:white}.studio-nav p{display:flex;flex-direction:column;margin:0;font-weight:700;font-size:13px}.studio-nav small{font-weight:400;color:var(--muted);margin-top:2px}.studio-panel-wrap{background:var(--paper);border-radius:20px;padding:38px 42px;box-shadow:0 10px 35px rgba(38,56,47,.06);min-height:600px}.studio-panel{display:none}.studio-panel.active{display:block}.panel-heading{display:flex;gap:16px;align-items:flex-start;padding-bottom:28px;border-bottom:1px solid #ece7dd;margin-bottom:28px}.panel-heading>span{font-family:Fraunces,serif;color:var(--coral);font-size:16px}.panel-heading h3{font-size:29px}.panel-heading p{margin:5px 0 0;color:var(--muted)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-grid label,.publish-actions label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700}.form-grid label.full{grid-column:1/-1}input,textarea{border:1px solid var(--line);border-radius:10px;background:#fff;padding:13px;color:var(--ink)}.form-grid textarea{resize:vertical}.studio-panel>.pill-button{margin-top:30px}.editable-list{display:flex;flex-direction:column;gap:12px}.editable-row{display:flex;align-items:center;gap:10px;background:#faf7f0;border:1px solid #e6e0d5;padding:11px;border-radius:12px}.editable-row .drag{color:#a9aaa4}.editable-row input{flex:1;background:white}.editable-row button{border:0;background:none;color:#a16d62;cursor:pointer}.faq-row{display:grid;grid-template-columns:1fr 1fr auto}.add-row{width:100%;border:1px dashed #bebdb5;background:transparent;border-radius:12px;padding:14px;margin-top:12px;color:var(--green);font-weight:700;cursor:pointer}
.publish-grid{display:grid;grid-template-columns:330px 1fr;gap:50px;align-items:center}.printable-sign{background:var(--yellow);border:9px solid white;box-shadow:var(--shadow);height:465px;text-align:center;padding:35px 20px;display:flex;flex-direction:column;align-items:center}.printable-sign>strong{font-size:59px}.printable-sign>p{font-family:Fraunces,serif;font-size:25px;margin:4px 0 15px}.printable-sign img{width:160px;height:160px;background:#fff;padding:7px}.printable-sign small{font-weight:700;letter-spacing:.09em;margin-top:10px;line-height:1.7}.publish-actions{display:flex;flex-direction:column;gap:16px}.copy-field{display:flex}.copy-field input{border-radius:9px 0 0 9px;min-width:0;flex:1}.copy-field button{border:0;background:var(--pine);color:#fff;padding:0 15px;border-radius:0 9px 9px 0;cursor:pointer}.close-job-button{border:1px solid #d7a99c;border-radius:999px;background:#fff7f4;color:#9a4e3c;padding:12px 18px;font-weight:700;cursor:pointer}.close-job-button:hover{background:#f7e4de}.tiny-note{font-size:11px;color:var(--muted);line-height:1.5}.responses-list{display:flex;flex-direction:column;gap:13px}.response-card{border:1px solid var(--line);border-radius:13px;padding:16px}.response-card summary{cursor:pointer;display:flex;justify-content:space-between;font-weight:700}.response-card summary span{font-weight:400;color:var(--muted);font-size:12px}.answer-row{padding:12px 0;border-top:1px solid #eee9df;margin-top:10px}.answer-row b{font-size:12px}.answer-row p{margin:4px 0;color:var(--muted)}.empty-state{text-align:center;padding:70px 20px;color:var(--muted)}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:white;padding:11px 18px;border-radius:30px;font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:50}.toast.show{opacity:1;transform:translate(-50%,0)}
.response-card summary>div{display:flex;align-items:center;gap:9px}.response-card summary>span{display:flex;align-items:center;gap:10px}.interview-status{font-family:"DM Sans",sans-serif;font-size:9px;text-transform:uppercase;letter-spacing:.06em;border-radius:20px;padding:4px 7px;background:#eee9df;color:var(--muted)}.interview-status.completed{background:#dcecdf;color:var(--green)}.interview-status.active{background:#fff2cd;color:#80641d}.interview-status.incomplete{background:#f5dfd7;color:#9b4f39}.rating-badge{display:inline-grid;place-items:center;min-width:42px;padding:6px 8px;border-radius:9px;background:var(--pine);color:#fff;font-size:12px}.rating-explanation{margin:14px 0 2px;padding:13px 14px;border-radius:10px;background:#eef3ee}.rating-explanation p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.ai-cost-summary{display:grid;grid-template-columns:1fr auto;gap:3px 14px;margin:10px 0 2px;padding:12px 14px;border:1px solid #e5dfd3;border-radius:10px;background:#fffaf0}.ai-cost-summary b{font-size:11px}.ai-cost-summary span{font-weight:800;color:var(--pine)}.ai-cost-summary small{grid-column:1/-1;color:var(--muted);font-size:9px;line-height:1.4}
.evidence-note{display:block;margin-top:7px;color:var(--muted);font-size:10px;line-height:1.45;text-transform:none}.evidence-note b{text-transform:capitalize;color:var(--pine)}
.recording-card{margin:12px 0 4px;padding:12px 14px;border:1px solid #d8e2db;border-radius:12px;background:#f4f8f5;text-align:left}.recording-card.complete-recording{max-width:400px;margin:0 auto 20px}.recording-card-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.recording-card-header b{font-size:12px;color:var(--pine)}.recording-card-header small{color:var(--muted);font-size:10px}.recording-download{font-size:11px;font-weight:700;color:var(--green);text-decoration:underline;cursor:pointer}.recording-card audio{width:100%;height:36px;display:block}
.lang-toggle{border:1px solid var(--line);background:#fff;color:var(--pine);border-radius:20px;padding:6px 11px;font-size:12px;font-weight:700;cursor:pointer}.lang-toggle:hover{background:#edf3ee}
.save-later-button{display:block;margin:14px auto 0;border:0;background:transparent;color:var(--green);font-size:13px;font-weight:600;text-decoration:underline;cursor:pointer}
.voice-visualizer{display:flex;align-items:center;justify-content:center;gap:5px;height:22px;margin:2px 0}.voice-visualizer i{display:block;width:4px;height:5px;border-radius:4px;background:var(--coral);opacity:.38;transition:height .09s ease,opacity .12s ease,background-color .15s ease}.voice-stage.speaking .voice-visualizer i{background:var(--pine)}
.attach-inline-label{cursor:pointer}.attachment-upload-card{max-width:400px;margin:0 auto 18px}.attachment-upload-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;border:1px dashed #b9c8be;border-radius:12px;background:#fafcf9;color:var(--pine);font-size:13px;font-weight:600;cursor:pointer;transition:.18s}.attachment-upload-btn:hover{border-color:var(--pine);background:#eff5f1}
.stage-filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.stage-chip{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:999px;padding:7px 14px;font-size:12px;font-weight:700;cursor:pointer;transition:.15s}.stage-chip:hover{border-color:var(--pine);color:var(--ink)}.stage-chip.active{background:var(--pine);border-color:var(--pine);color:#fff}
.applicant-header-main{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.applicant-contact-sub{display:block;font-size:11px;font-weight:500;color:var(--muted);margin-top:2px}
.stage-badge{font-size:9px;text-transform:uppercase;letter-spacing:.06em;border-radius:20px;padding:4px 8px;font-weight:700}.stage-badge.new{background:#e7efe9;color:var(--pine)}.stage-badge.shortlisted{background:#fff3c4;color:#7a5900}.stage-badge.contacted{background:#dfeefb;color:#1d5685}.stage-badge.interviewed{background:#ebe2fa;color:#553285}.stage-badge.hired{background:#d4f0dc;color:#1b6633}.stage-badge.archived{background:#ece9e2;color:#7a7974}
.knockout-badge{font-size:10px;font-weight:700;border-radius:20px;padding:4px 9px;background:#fde4dd;color:#9e331b;border:1px solid #f4bfb1}
.triage-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:14px 0 8px;padding:12px 14px;background:#f8f5ec;border:1px solid #e5dfd2;border-radius:12px}.triage-contact-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.contact-action-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border-radius:9px;border:1px solid #c9d6ce;background:#fff;color:var(--pine);font-size:12px;font-weight:700;text-decoration:none;cursor:pointer}.contact-action-btn:hover{background:var(--pine);color:#fff;border-color:var(--pine)}
.triage-stage-control{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--ink)}.triage-stage-select{padding:7px 11px;border-radius:9px;border:1px solid var(--line);background:#fff;font-size:12px;font-weight:700;color:var(--pine);cursor:pointer}
.manager-notes-box{margin:10px 0 6px;display:flex;flex-direction:column;gap:6px}.manager-notes-box label{font-size:11px;font-weight:700;color:var(--pine);display:flex;justify-content:space-between;align-items:center}.manager-notes-box textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--line);font-size:12px;resize:vertical;background:#fff}.notes-save-status{font-weight:500;color:var(--muted);font-size:10px}
.audio-seek-btn{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:3px 9px;border-radius:999px;border:1px solid #c5d6cb;background:#eef5f0;color:var(--pine);font-size:11px;font-weight:700;cursor:pointer;vertical-align:middle}.audio-seek-btn:hover{background:var(--pine);color:#fff;border-color:var(--pine)}
.attachment-card{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:10px 0 4px;padding:11px 14px;border:1px solid #d8e2db;border-radius:10px;background:#fbfcfa;font-size:12px}.attachment-card b{color:var(--pine)}.attachment-card a{color:var(--green);font-weight:700;text-decoration:underline}
.transcript-heading{margin:18px 0 0;font-size:13px;color:var(--ink)}
.conversation-turn{padding-left:12px;border-left:3px solid var(--coral)}.conversation-turn.candidate{border-left-color:var(--green)}.conversation-turn b{color:var(--pine);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.conversation-turn p{white-space:pre-wrap;color:var(--ink)}
.publish-grid{grid-template-columns:minmax(360px,390px) 1fr}.printable-sign{position:relative;display:block;overflow:hidden;box-sizing:border-box;width:390px;height:505px;aspect-ratio:8.5/11;padding:0;border:7px solid #fff4dd;border-radius:2px;background:#ffd94f;color:#173d33;text-align:left;box-shadow:0 18px 45px rgba(35,57,47,.2);font-family:"DM Sans",sans-serif;isolation:isolate;-webkit-print-color-adjust:exact;print-color-adjust:exact}.printable-sign:before{content:"";position:absolute;z-index:-1;width:250px;height:250px;border:34px solid rgba(255,255,255,.28);border-radius:50%;right:-115px;top:148px}.printable-sign:after{content:"";position:absolute;z-index:-1;width:180px;height:180px;background:#f26f4f;border-radius:50%;left:-112px;bottom:40px}.poster-header{height:188px;box-sizing:border-box;padding:21px 27px;background:linear-gradient(135deg,#f45f42 0%,#f5774f 62%,#ff9a58 100%);clip-path:polygon(0 0,100% 0,100% 86%,70% 100%,0 89%);color:#fff}.poster-header>span{display:inline-block;padding:5px 9px;border:2px solid #fff;border-radius:20px;font-size:9px;font-weight:800;letter-spacing:.15em}.poster-header>strong{display:block;margin-top:8px;font-family:Fraunces,serif;font-size:47px;line-height:.78;letter-spacing:-.045em;color:#fff}.poster-header>strong em{display:inline-block;margin-top:8px;color:#ffe04f;font-style:normal;font-size:61px;text-shadow:3px 3px 0 #173d33}.poster-burst{position:absolute;z-index:3;top:18px;right:18px;width:66px;height:66px;display:grid;place-items:center;border-radius:50%;background:#ffe04f;color:#173d33;border:3px solid #173d33;box-shadow:3px 4px 0 #173d33;font:900 14px/1 "DM Sans",sans-serif;text-align:center;transform:rotate(9deg)}.poster-dots{position:absolute;z-index:2;font-size:10px;letter-spacing:5px}.poster-dots-one{top:155px;right:22px;color:#173d33;transform:rotate(-8deg)}.poster-dots-two{bottom:57px;left:16px;color:#ffe04f;transform:rotate(12deg)}.poster-role{position:relative;margin:-5px 24px 0;padding:8px 14px 7px;background:#fff8e8;border:3px solid #173d33;box-shadow:4px 5px 0 #173d33;transform:rotate(-1deg);text-align:center}.printable-sign .poster-role small{display:block;margin:0 0 1px;font-size:7px;line-height:1.2;font-weight:900;letter-spacing:.14em;color:#ec5f42}.poster-role p{margin:0;font-family:Fraunces,serif;font-size:25px;line-height:1;color:#173d33}.poster-job-facts{display:flex;justify-content:center;gap:6px;margin:11px 18px 8px}.poster-job-facts span{max-width:46%;padding:5px 9px;border-radius:15px;background:#173d33;color:#fff;font-size:7px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poster-job-facts span+span{background:#2f9b72}.poster-apply{display:grid;grid-template-columns:128px 1fr;gap:13px;align-items:center;margin:0 24px}.poster-qr{position:relative;padding:7px 7px 5px;background:#fff;border:3px solid #173d33;box-shadow:4px 4px 0 #f16245;text-align:center;transform:rotate(1deg)}.printable-sign .poster-qr img{display:block;width:106px;height:106px;box-sizing:border-box;padding:3px;background:#fff}.poster-qr b{display:block;margin-top:3px;font-size:8px;letter-spacing:.18em}.poster-callout strong{display:block;font-family:Fraunces,serif;font-size:25px;line-height:.88;color:#173d33}.poster-callout p{margin:7px 0;font-size:8px;line-height:1.35;font-weight:600}.poster-callout span{display:inline-block;padding:5px 7px;background:#f16245;color:#fff;font-size:6px;font-weight:900;letter-spacing:.06em;transform:rotate(-1deg)}.printable-sign footer{position:absolute;left:0;right:0;bottom:0;height:38px;display:flex;justify-content:space-between;align-items:center;padding:0 24px;background:#173d33;color:#fff}.printable-sign footer b{max-width:68%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;letter-spacing:.08em}.printable-sign footer span{color:#ffe04f;font:800 9px "DM Sans",sans-serif;letter-spacing:.1em}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;padding-top:15px;min-height:auto}.hero-visual{height:580px}.hero-copy{text-align:center}.hero-copy .eyebrow,.hero-actions,.trust-row{justify-content:center}.hero-lede{margin-left:auto;margin-right:auto}.steps-grid,.bento-grid{grid-template-columns:1fr}.bento-card.bento-wide{grid-column:span 1}.home-cta-banner{flex-direction:column;text-align:center;padding:34px 24px}.home-cta-banner .eyebrow,.home-cta-buttons{justify-content:center}.studio-layout{grid-template-columns:1fr}.studio-nav{flex-direction:row;overflow:auto}.studio-nav button p{display:none}.publish-grid{grid-template-columns:1fr}.printable-sign{width:390px;max-width:100%;margin:auto}}
@media(max-width:620px){.topbar{padding:0 14px;height:58px}.topbar .text-button{display:none}.pill-button.small{font-size:0}.pill-button.small:after{content:'Employer';font-size:12px}.home-view{padding:24px 18px 60px}.hero-actions{flex-direction:column}.trust-row{gap:18px}.hero-visual{transform:scale(.75);transform-origin:top left;width:133%;margin-bottom:-130px}.applicant-view{margin:0;border-radius:0;min-height:calc(100vh - 58px)}.job-header{height:52px;padding:0 10px}.back-button,.icon-button{width:36px;height:36px}.chat-screen{height:calc(100dvh - 110px);min-height:420px}.applicant-screen{padding:40px 20px}.expectations{flex-direction:column}.expectations>div+div{border-left:0;border-top:1px solid var(--line)}.screening-options{grid-template-columns:1fr}.ai-badge{display:none}.chat-log{padding:12px 14px 10px;height:auto}.bubble{max-width:86%;font-size:16px}.composer-wrap{padding:14px 14px 16px}.voice-stage{min-height:126px}.voice-orb{width:74px;height:74px;font-size:30px}.voice-stage strong{font-size:19px}.voice-stage>span:not(.voice-rings){font-size:14px}.suggestions{padding:5px 12px}.service-status{right:6px;top:10px}.employer-view{padding:30px 15px}.employer-heading{display:block}.employer-heading h2{font-size:38px}.status-stack{align-items:flex-start}.setup-status{display:inline-block;margin-top:10px}.studio-panel-wrap{padding:27px 18px}.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.screening-editor{grid-template-columns:1fr}.screening-editor .required-toggle{grid-column:auto}.faq-row{grid-template-columns:1fr}.publish-grid{gap:25px}.printable-sign{width:100%;max-width:390px}.template-modal{padding:10px}.template-modal-card{max-height:calc(100vh - 20px);padding:28px 18px}.template-modal-card h2{font-size:30px}.template-modal-card>p{margin-right:28px}.template-review-note{align-items:flex-start;flex-direction:column;gap:3px}.role-template-list{grid-template-columns:1fr}.role-template-card{min-height:90px}}
@media(max-width:620px){.editor-context{align-items:flex-start;flex-direction:column}.editor-context-actions{width:100%;justify-content:space-between}.job-carousel{grid-template-columns:34px minmax(0,1fr) 34px;gap:6px}.job-scroll-arrow{width:34px;height:34px}.job-card{flex-basis:245px}}
@page{size:Letter portrait;margin:0}@media print{html,body{width:8.5in;height:11in;margin:0!important;padding:0!important;overflow:hidden;background:#fff}body *{visibility:hidden}.printable-sign,.printable-sign *{visibility:visible}.printable-sign{position:fixed;left:0;top:0;width:390px;height:505px;margin:0;transform:scale(2.0923);transform-origin:top left;box-shadow:none;border-radius:0}.topbar,.paper-noise{display:none!important}}