:root{--navy:#081f3d;--blue:#1559b7;--orange:#ff6b16;--red:#c92735;--ink:#233b5d;--muted:#5d6e84;--line:#dce4ee;--soft:#f3f7fc;--green:#16804b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#fff}a{color:inherit}img{max-width:100%;height:auto}.skip-link{position:absolute;left:-9999px;top:0;z-index:20;background:#fff;padding:.75rem}.skip-link:focus{left:1rem;top:1rem}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,6vw,6rem);border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--navy);font-weight:900;font-size:1.25rem}.brand img{width:2.3rem}.brand small{background:var(--orange);color:#fff;border-radius:999px;padding:.18rem .5rem;text-transform:uppercase;font-size:.62rem}.site-header nav{display:flex;align-items:center;gap:1.3rem}.site-header nav a{text-decoration:none;font-weight:750;font-size:.9rem}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;text-decoration:none;padding:1rem 1.4rem;border-radius:.55rem;font-weight:850;box-shadow:0 .65rem 1.5rem #1559b724}.button:hover,.button:focus-visible{background:#0d4899}.button.compact{padding:.7rem 1rem}.button.secondary{background:#fff;color:var(--navy);border:1px solid #a5b4c7;box-shadow:none}.hero{min-height:720px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(460px,1.05fr);align-items:center;gap:clamp(2rem,5vw,6rem);padding:clamp(4rem,8vw,7rem) clamp(1.2rem,7vw,8rem);background:linear-gradient(125deg,#f8fbff,#fff 50%,#edf5ff)}.hero-copy{max-width:720px}.eyebrow{margin:0;color:var(--orange);font-size:.75rem;letter-spacing:.17em;font-weight:900}.hero h1{margin:.8rem 0 1.5rem;color:var(--navy);font-size:clamp(3.4rem,6vw,6.4rem);line-height:.94;letter-spacing:-.065em}.hero h1 em{display:inline;color:var(--blue);font-style:normal}.lead{max-width:680px;font-size:clamp(1.08rem,1.5vw,1.28rem);line-height:1.7;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin:2rem 0 1.2rem}.first-step{font-weight:800;color:#314b6d}.trust{display:flex;flex-wrap:wrap;gap:.8rem 1.2rem;margin-top:1.2rem;color:#66758a;font-size:.8rem}.trust span:before{color:var(--green)}.hero-image{margin:0;overflow:hidden;border-radius:1.1rem;background:#fff;box-shadow:0 2rem 5rem #081f3d25}.hero-image img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:62% center}.hero-image figcaption{padding:.85rem 1rem;color:#52657e;font-size:.82rem;font-weight:750}.proof-bar{display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:1px;background:#1a3d6a;color:#fff}.proof-bar>*{margin:0;padding:1.35rem clamp(1rem,2vw,2rem);background:var(--navy)}.proof-bar p{color:#ff9b59;font-size:.68rem;letter-spacing:.13em;font-weight:900}.proof-bar div{display:grid;gap:.2rem}.proof-bar span{color:#b9c9dc;font-size:.78rem}.section{padding:clamp(5rem,8vw,8rem) clamp(1.2rem,7vw,8rem)}.section-heading{max-width:900px;margin-bottom:3rem}.section-heading h2,.interview h2,.founder h2{margin:.7rem 0 1.1rem;color:var(--navy);font-size:clamp(2.4rem,4.8vw,4.8rem);line-height:1.02;letter-spacing:-.05em}.section-heading>span{display:block;color:var(--muted);font-size:1.1rem;line-height:1.7}.card-grid,.feature-grid{display:grid;gap:1rem}.card-grid.three{grid-template-columns:repeat(3,1fr)}.card-grid article{padding:clamp(1.4rem,3vw,2.4rem);border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:.7rem;background:#fafdff}.card-grid article>b,.feature-grid article>span{color:var(--orange);letter-spacing:.12em}.card-grid h3,.feature-grid h3,.steps h3{color:var(--navy);font-size:1.35rem}.card-grid p,.feature-grid p,.steps p,.interview p,.interview li,.founder p{color:var(--muted);line-height:1.7}.dark{background:var(--navy);color:#fff}.dark .section-heading h2{color:#fff}.dark .section-heading>span{color:#c3d1e3}.feature-grid{grid-template-columns:repeat(3,1fr)}.feature-grid article{padding:2rem;border-top:3px solid var(--orange);border-radius:.55rem;background:#ffffff0c}.feature-grid h3{color:#fff}.feature-grid p{color:#c3d1e3}.clarity{background:var(--soft)}.steps{max-width:1000px;display:grid;gap:1rem;padding:0}.steps li{display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:1.2rem;background:#fff;border:1px solid var(--line);border-radius:.6rem;list-style:none}.steps li>span{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--blue);color:#fff;font-weight:900}.steps h3,.steps p{margin:.15rem 0}.promise{max-width:1000px;display:flex;justify-content:space-between;gap:1rem;margin-top:1.3rem;padding:1.2rem 1.4rem;border-left:4px solid var(--orange);background:#fff}.interview{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(2rem,7vw,7rem)}.interview ul{padding-left:1.2rem;margin-bottom:2rem}.interview-card{padding:clamp(2rem,5vw,4rem);border-radius:1rem;background:var(--navy);color:#fff;box-shadow:0 2rem 4rem #081f3d2b}.orb{display:grid;place-items:center;width:6rem;height:6rem;margin:0 auto 2rem;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4e9cff,#1559b7 55%,#0b2f61);font-size:1.6rem;font-weight:950}.interview-card blockquote{margin:0;color:#fff;font-size:1.35rem;line-height:1.6;text-align:center}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:2rem}.metrics span{padding:.8rem;border-radius:.45rem;background:#ffffff12;text-align:center;color:#c8d5e6}.metrics b{display:block;color:#fff;font-size:1.5rem}.audience{background:#fff}.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.audience-grid span{padding:1.3rem;border-left:4px solid var(--orange);background:var(--soft);font-weight:800;line-height:1.45}.how{background:var(--soft)}.how ol{display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:0}.how li{list-style:none;padding:1.5rem;border-right:1px solid #cbd7e6}.how li:last-child{border:0}.how b,.how span{display:block}.how b{color:var(--navy);margin-bottom:.5rem}.how span{color:var(--muted);line-height:1.5}.founder{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:clamp(2rem,7vw,7rem);align-items:center;background:linear-gradient(135deg,#eef5ff,#fff 60%,#fff1e5)}.founder-image{display:flex;align-items:flex-end;justify-content:center;overflow:hidden;border-radius:45% 45% 1rem 1rem;background:radial-gradient(circle at 50% 35%,#fff,#dceaff 58%,#bdd4f2)}.founder-image img{display:block}.final-cta{text-align:center;padding:clamp(5rem,8vw,8rem) 1.2rem;background:var(--navy);color:#fff}.final-cta>p{color:#ff9b59;font-size:.75rem;letter-spacing:.17em;font-weight:900}.final-cta h2{max-width:850px;margin:.7rem auto 1rem;font-size:clamp(2.4rem,5vw,5rem);line-height:1;letter-spacing:-.05em}.final-cta>span{display:block;color:#c4d2e4;margin-bottom:1.8rem}footer{display:grid;grid-template-columns:1fr auto;gap:1rem 3rem;padding:3rem clamp(1.2rem,7vw,8rem);background:#06172e;color:#b8c7db}footer .brand{color:#fff}footer nav{display:flex;gap:1.2rem;flex-wrap:wrap}footer nav a{color:#dce6f3;text-decoration:none;font-weight:700}footer small{grid-column:1/-1;color:#7f94ae}@media(max-width:1000px){.site-header nav>a:not(.sign-in,.button){display:none}.hero,.interview,.founder{grid-template-columns:1fr}.hero-image{max-width:760px}.proof-bar{grid-template-columns:1fr 1fr}.proof-bar>p{grid-column:1/-1}.feature-grid,.card-grid.three{grid-template-columns:1fr}.audience-grid,.how ol{grid-template-columns:1fr 1fr}.how li:nth-child(2){border:0}}@media(max-width:600px){.site-header{height:70px;padding-inline:.7rem}.brand{font-size:1rem}.brand img{width:2rem}.site-header nav{gap:.4rem}.site-header nav a{font-size:.78rem}.site-header .button{padding:.55rem .65rem}.hero{min-height:auto;padding-top:3.5rem;grid-template-columns:1fr}.hero h1{font-size:3.25rem}.actions>*{width:100%}.trust{display:grid}.hero-image img{aspect-ratio:1/1}.proof-bar,.audience-grid,.how ol,.metrics{grid-template-columns:1fr}.how li{border-right:0;border-bottom:1px solid #cbd7e6}.promise{flex-direction:column}.founder-image{min-height:280px}footer{grid-template-columns:1fr}footer small{grid-column:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Product preview and signup questions */
.product-preview{background:linear-gradient(145deg,#eef5ff,#fff 58%,#fff4ec)}
.section{scroll-margin-top:82px}
.workspace-sample{display:grid;grid-template-columns:220px 1fr;max-width:1180px;overflow:hidden;border:1px solid #cbd8e8;border-radius:1rem;background:#fff;box-shadow:0 2rem 5rem #081f3d1c}
.sample-sidebar{display:flex;flex-direction:column;gap:.45rem;padding:1.5rem;background:var(--navy);color:#cad7e8}
.sample-sidebar b{margin-bottom:1.4rem;color:#fff;font-size:1.05rem}
.sample-sidebar>span:not(.sample-mark){padding:.75rem .8rem;border-radius:.45rem}
.sample-sidebar .active{background:#ffffff16;color:#fff;font-weight:800}
.sample-mark{display:grid;place-items:center;width:2.7rem;height:2.7rem;margin-bottom:.5rem;border-radius:.6rem;background:var(--blue);color:#fff;font-weight:950}
.sample-main{min-width:0;padding:clamp(1.2rem,3vw,2.5rem)}
.sample-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.sample-top small{color:var(--orange);font-weight:900;letter-spacing:.12em}
.sample-top h3{margin:.25rem 0;color:var(--navy);font-size:2rem}
.sample-add{padding:.7rem 1rem;border-radius:.5rem;background:var(--blue);color:#fff;font-weight:850}
.sample-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1.5rem 0}
.sample-summary span{padding:1rem;border:1px solid var(--line);border-radius:.55rem;background:var(--soft);color:var(--muted)}
.sample-summary b{display:block;color:var(--navy);font-size:1.4rem}
.sample-jobs{display:grid;gap:.75rem}
.sample-jobs article{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem 1rem;padding:1.1rem 1.2rem;border:1px solid var(--line);border-radius:.6rem}
.sample-jobs small{color:#7a8799;font-weight:850}
.sample-jobs h4{margin:.25rem 0;color:var(--navy);font-size:1.12rem}
.sample-jobs p{margin:0;color:var(--muted);font-size:.88rem}
.sample-jobs strong{grid-column:2;color:#48617f;font-size:.82rem;text-align:right}
.status{padding:.35rem .65rem;border-radius:999px;font-size:.76rem;font-weight:900}
.status.applied{background:#e8f1ff;color:#1559b7}
.status.interview-status{background:#e4f6eb;color:#126b3f}
.status.preparing{background:#fff0e6;color:#a94108}
.sample-note{max-width:1180px;margin:.7rem 0 0;color:#68798f;font-size:.78rem}
.preview-action{display:flex;align-items:center;justify-content:space-between;gap:2rem;max-width:1180px;margin-top:2rem;padding:1.4rem 1.6rem;border-left:4px solid var(--orange);background:#fff}
.preview-action div{display:grid;gap:.35rem}
.preview-action strong{color:var(--navy);font-size:1.2rem}
.preview-action span{color:var(--muted)}
.faq{background:#fff}
.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;max-width:1100px}
.faq-list details{align-self:start;border:1px solid var(--line);border-radius:.65rem;background:#fafdff}
.faq-list summary{position:relative;padding:1.25rem 3rem 1.25rem 1.3rem;cursor:pointer;color:var(--navy);font-weight:850;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";position:absolute;right:1.3rem;color:var(--blue);font-size:1.35rem}
.faq-list details[open] summary:after{content:"−"}
.faq-list p{margin:0;padding:0 1.3rem 1.3rem;color:var(--muted);line-height:1.65}
.faq-list a{color:var(--blue);font-weight:800}
.final-cta small{display:block;margin-top:1.2rem;color:#91a7c2}
@media(max-width:1000px){.workspace-sample{grid-template-columns:1fr}.sample-sidebar{display:none}.faq-list{grid-template-columns:1fr}}
@media(max-width:600px){.section{scroll-margin-top:70px}.site-header nav .sign-in{display:none}.sample-summary{grid-template-columns:1fr}.preview-action{flex-direction:column;align-items:stretch}.preview-action .button{width:100%}.sample-top{align-items:flex-start}.sample-add{font-size:.75rem}.sample-jobs article{grid-template-columns:1fr}.sample-jobs strong{grid-column:1;text-align:left}.status{justify-self:start}}

/* Job-specific resume review illustration */
.resume-example{max-width:1100px;margin-top:2.3rem;overflow:hidden;border:1px solid #c9d6e6;border-radius:.9rem;background:#fff;box-shadow:0 1.5rem 4rem #081f3d14}
.resume-example-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem 1.7rem;border-bottom:1px solid var(--line)}
.resume-example-heading h3{margin:.35rem 0 .2rem;color:var(--navy);font-size:1.6rem}
.resume-example-heading div>span{color:var(--muted);font-size:.88rem}
.review-status{padding:.45rem .75rem;border-radius:999px;background:#fff0e6;color:#a94108;font-size:.78rem;font-weight:900}
.resume-change-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:1rem;padding:1.7rem}
.resume-change-grid article{padding:1.3rem;border:1px solid var(--line);border-radius:.65rem;background:#f7f9fc}
.resume-change-grid article.proposed-change{border-color:#9cc9ae;background:#f0faf4}
.resume-change-grid small{color:#68798f;font-weight:900;letter-spacing:.1em}
.resume-change-grid p{margin:.65rem 0 0;color:var(--navy);font-size:1.05rem;line-height:1.65}
.change-arrow{align-self:center;color:var(--blue);font-size:1.8rem;font-weight:900}
.resume-reason{display:grid;gap:.3rem;margin:0 1.7rem 1.5rem;padding:1rem 1.2rem;border-left:4px solid var(--orange);background:#fff8f3}
.resume-reason strong{color:var(--navy)}
.resume-reason span{color:var(--muted);line-height:1.55}
.resume-approval{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.25rem 1.7rem;background:var(--navy);color:#fff}
.resume-approval div{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;color:#c7d5e7;font-size:.82rem}
.sample-approve{padding:.7rem .9rem;border-radius:.45rem;background:var(--blue);font-size:.82rem;font-weight:850;white-space:nowrap}
.resume-cta{display:flex;align-items:center;justify-content:space-between;gap:2rem;max-width:1100px;margin-top:1.8rem;padding:1.3rem 1.5rem;border-left:4px solid var(--blue);background:#fff}
.resume-cta div{display:grid;gap:.35rem}.resume-cta strong{color:var(--navy);font-size:1.15rem}.resume-cta span{color:var(--muted)}
@media(max-width:760px){.resume-example-heading,.resume-approval,.resume-cta{align-items:stretch;flex-direction:column}.resume-change-grid{grid-template-columns:1fr}.change-arrow{transform:rotate(90deg);justify-self:center}.sample-approve{text-align:center;white-space:normal}.resume-cta .button{width:100%}}