/* Jobito: quiet typography, neutral surfaces, restrained product accents. */
:root{color-scheme:light;--bg:#f7f8fa;--surface:#fff;--text:#222830;--muted:#66717d;--green:#5740f2;--line:#dfe3e8;--display:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--body:var(--display);--ink:#222830;--subtle:#f0f2f5}
body{background:var(--bg);color:var(--text);font-weight:400;line-height:1.55}
::selection{background:#dbe7f6;color:#202a36}
.header{height:82px;background:#fff;border-color:var(--line)}
.brand{font-size:30px;font-weight:650;letter-spacing:-1.5px;gap:4px}
.brand-glyph{font-size:24px;color:#4f637b;transform:translateY(-2px)}
.header nav a{color:#59636e;font-size:14px;font-weight:450}.header nav a:hover{color:#202830}
.button{border-color:#cfd5dd;color:#343d47;border-radius:7px;font-size:14px;font-weight:550;gap:22px;background:#fff;box-shadow:0 1px 2px #14233406}
.button:hover{background:#f1f3f6;border-color:#a9b2be}
.button.primary{background:#242a32;border-color:#242a32;color:#fff;box-shadow:0 2px 4px #15202b12}
.button.primary:hover{background:#3b4552;border-color:#3b4552}
.button span{font-size:18px}.nav-cta{font-size:13px;padding:11px 15px}.text-link{font-size:14px;color:#596b80}.text-link:hover{color:#253d59}
.skip{background:#fff;color:#222830;border:1px solid #5740f2}
.hero{background:#f7f8fa;padding-top:52px;padding-bottom:34px}
.hero-art{background:radial-gradient(ellipse at 50% 40%,#dbe1e955 0%,#f0f2f744 40%,transparent 69%)}
.hero .eyebrow{font-size:12px;font-weight:500;letter-spacing:.7px;color:#6a7684;margin-bottom:20px}
.hero h1{font-family:var(--display);font-size:clamp(38px,4.1vw,58px);font-weight:550;line-height:1.14;letter-spacing:-2.3px;color:#242a32;margin-bottom:20px}
.hero h1>span{color:#667589!important;background:none!important}
.hero-description{font-size:16px;line-height:1.75;color:#687380;max-width:630px;margin-bottom:24px}
.hero .text-link{color:#536273}.hero .button{padding:13px 21px}
.operation-shell{margin-top:43px;max-width:1140px}
.operation-kicker{color:#788391;font-size:12px;letter-spacing:.65px}
body[data-motion] .operation-kicker .motion-toggle{color:#667280;border-color:#d3d9e1;background:#fff;border-radius:5px;padding:7px 10px}
body[data-motion] .operation-kicker .motion-toggle:hover{color:#273e59;border-color:#aab9cc}
.operation-controls{gap:24px}.operation-step{font-size:13px;color:#75808d;border-color:#d1d8e1}.operation-step-number{color:#8a96a5}.operation-step.active{color:#273b53;font-weight:500}.operation-step.active .operation-step-number{color:#5740f2}.operation-step>i{background:#6380a4;height:2px}.operation-plan-note{color:#78828e;font-size:12px}
/* The working surface stays dark; typography and highlights use a local palette. */
.operation-panel{--green:#b2c5df;--text:#edf0f4;color:#edf0f4;color-scheme:dark;background:#1d2127;border-color:#343a44;border-radius:10px;box-shadow:0 22px 50px #192a401a,0 3px 8px #192a4010;transform:none}
.operation-toolbar{background:#242930;border-bottom-color:#363d47;height:60px}.operation-brand{font-size:22px;font-weight:600;letter-spacing:-1px}.operation-brand>span{color:#aebdd0;font-size:19px}.toolbar-divider{background:#414955}.operation-title{font-size:13px;color:#a1abb8}.operation-demo{color:#aab5c3;border-color:#46505c;font-size:12px;letter-spacing:.55px}
.operation-profile,.operation-opportunity{background:#252b33;border-color:#414a56;box-shadow:none}
.operation-opportunity{opacity:1}
.operation-card-label{color:#a6b1bf;font-size:12px;letter-spacing:.35px}.file-type{border-color:#4d5663;color:#afbac8}
.candidate-avatar{background:#394555;color:#dbe4ef}.candidate-heading h2{font-size:18px;font-weight:550;letter-spacing:-.45px;color:#eef1f5}.candidate-heading p{color:#aab4c1;font-size:13px}
.field-label{font-size:12px;color:#99a8bb;letter-spacing:.4px}.candidate-summary p{font-size:14px;line-height:1.7;color:#bdc6d1}.candidate-skills>span{font-size:12px;border-color:#4a5564;background:#ffffff03;color:#b8c2cf}
.source-file{font-size:12px;background:#ffffff02;color:#a1adbd;border-color:#414a56}.source-check{color:#a9c6b3}
.profile-scan{background:linear-gradient(transparent,#aec5e00c);border-bottom-color:#b2c5df80}
.agent-caption{font-size:12px;letter-spacing:.8px;color:#a8b3c1}
.agent-emblem{background:#303b49;border:1px solid #516075;box-shadow:none;border-radius:18px;width:76px;height:76px;margin-bottom:19px}
.agent-emblem>span{color:#d0dceb;font-size:44px}.agent-emblem svg{width:90px;height:90px;stroke:#839fbe;inset:-7px}
.operation-agent h2{font-size:18px;font-weight:550;letter-spacing:-.4px;color:#eef1f5}.operation-agent p{font-size:14px;color:#aab7c7;line-height:1.65;min-height:47px}.agent-action{font-size:12px;color:#9babc0}.agent-activity span{background:#a8bfd9}
.connection-base{stroke:#61708255}.connection-flow{stroke:#92afd2;opacity:.7}
.vacancy-category{color:#a9bcd4;font-size:12px;letter-spacing:.35px}.operation-opportunity h2{font-size:23px;font-weight:550;letter-spacing:-.65px;color:#eff2f6}.vacancy-format{color:#a7b3c3;font-size:13px}.requirement{font-size:14px;color:#c4cdd8}.requirement>span:first-child,.opportunity-check{color:#a8c5b3}.match-explanation{color:#a6b5c6;border-color:#435060;font-size:13px}.match-explanation>span:first-child{color:#a9bdd8}
.application-work{background:#171c23;border-color:#3c4856}.application-label strong{font-size:14px;color:#b9c6d6}.application-copy{opacity:1}.application-copy p{font-size:14px;line-height:1.7;color:#aebcce}.application-delivery{font-size:12px;color:#a7b6c9}.delivery-icon{border-color:#4c5b70;color:#adc1db}.writing-caret{background:#b2c5df}
.operation-footer{color:#9daabc;border-color:#3d4653;background:#222831;font-size:12px}.operation-footer>span:last-child{color:#aabbcf}
.operation-panel[data-stage="0"] .operation-profile,.operation-panel[data-stage="1"] .operation-opportunity{border-color:#809ab9;box-shadow:none}
.operation-panel:not([data-stage="0"]) .candidate-skills>span[data-skill]{color:#d3e2f3;background:#34465c;border-color:#6a829f}
.operation-panel[data-stage="2"] .application-work,.operation-panel[data-stage="3"] .application-work{background:#263242;border-color:#647d9c}
.operation-panel[data-stage="2"] .application-copy mark,.operation-panel[data-stage="3"] .application-copy mark{color:#e0eaf8;background:#809eb32a}
.operation-panel[data-stage="3"] .application-delivery{color:#c8ddce}.operation-panel[data-stage="3"] .delivery-icon{color:#c8ddce;border-color:#718e7b;background:#a8c6b215}
/* Content sections use consistent, quieter type sizes. */
.section{padding-top:88px;padding-bottom:88px;border-color:var(--line)}
h2,.section h2{font-family:var(--display);font-size:clamp(29px,2.8vw,39px);font-weight:550;line-height:1.22;letter-spacing:-1.25px;color:#29313b}
.eyebrow{font-size:12px;letter-spacing:.65px;color:#7a8694;font-weight:500;margin-bottom:20px}
.section-heading>p:last-child,.pricing-heading>p{font-size:16px;line-height:1.75;color:#6a7684}
.platforms{background:#fff;border-color:var(--line);padding-top:29px;padding-bottom:29px}
.platforms>span{color:#7c8692;font-size:13px}.platforms strong{color:#4f5c6b}.platforms>div{color:#85909e}.linkedin{font-size:23px}.linkedin>span{background:#85909e;color:#fff}.indeed,.infojobs,.google{font-size:25px}.more-platforms{letter-spacing:.65px;color:#8994a1}
.step{border-color:#d6dde5;padding-top:25px;padding-bottom:25px}.step:last-child{border-color:#d6dde5}.step strong{font-size:18px;font-weight:550;color:#384351}.step>span:nth-child(2)>span{font-size:16px;color:#737e8b;line-height:1.7}.step-number{color:#8995a4}.step-arrow{color:#8c98a7}.step.active strong{color:#2d4f75}.step.active .step-number,.step.active .step-arrow{color:#6080a4}.step.active:before{background:linear-gradient(90deg,#7892b2,transparent)}.step:after{background:linear-gradient(90deg,#7693b522,#6583a8)}
.demo-wrap:before{display:none}.demo-label,.demo-label span:last-child{color:#798796;font-size:12px;letter-spacing:.6px}.demo-caption{color:#798593;font-size:13px}
.chat{background:#fff;border-color:#d4dce6;border-radius:11px;box-shadow:0 15px 40px #1e354012;transform:none}.chat-header{background:#f4f6f9;border-color:#e1e6ee}.avatar{background:#e6edf5;color:#426285;font-size:26px}.chat-header strong{color:#354453;font-size:16px;font-weight:550}.chat-header small{color:#8190a0;font-size:12px}.chat-more{color:#8493a3}.chat-body{background:#fff;scrollbar-color:#bdc7d4 transparent}.chat-date{color:#8491a1;font-size:12px;letter-spacing:.6px}.bubble{font-size:15px;line-height:1.7;border-radius:9px}.bubble.received{background:#f0f3f7;color:#4c5b6c}.bubble.sent{background:#e3ebf6;color:#334e6e}.bubble.sent strong{font-size:14px}.document-icon{color:#4c688a;border-color:#9aaec64f}.read-tick{color:#6683a5}.bubble-spark{color:#7992b1;font-size:20px}.chat-footer{background:#f7f9fc;border-color:#e2e8ef;color:#7d8d9e}.chat-footer>span:last-child{color:#6e87a7}
.resource-heading h2>span{color:#7b8795}.feature{border-color:#dce2e9}.feature-meta{font-size:12px;letter-spacing:.65px;color:#8893a1}.feature h3{font-size:20px;line-height:1.4;font-weight:550;letter-spacing:-.5px;color:#34404e}.feature p{font-size:16px;color:#6f7d8c;line-height:1.75}
.feature-visual{background:#fff;border-color:#d6dfe8;border-radius:8px;box-shadow:0 2px 5px #162c4004}
.mini-toolbar{background:#f1f4f8;border-color:#e0e6ee;color:#6d8095;font-size:12px}.mini-toolbar>span:last-child{color:#7892ae}.mini-list>div{color:#516376;border-color:#e9edf2;font-size:13px}.mini-list small{color:#8997a7}.mini-list b{color:#6d927e}.list-focus{border-color:#a0b3cc;background:#7897bb09}.visual-caption{font-size:12px;color:#8796a6;letter-spacing:0}.letter-paper{color:#63768a;font-size:13px}.letter-line em{color:#3e5e84;background:#e9eff7}.letter-cursor{background:#6f8baa}.delivery-node{background:#f0f4f8;border-color:#c9d5e3;color:#6e839b}.ai-node,.check-node{color:#547294}.delivery-track{background:#d6e0ec}.delivery-track i{background:#7f9ab9;box-shadow:none}.delivery-labels{color:#7c8fa3}.sent-toast{color:#678493}.sent-toast>span{color:#6c937b}
@keyframes delivery-confirm{0%,25%,100%{background:#f0f4f8;box-shadow:none}35%,85%{background:#e6eef7;box-shadow:none}}
@keyframes assistant-glow{0%,100%{box-shadow:0 0 0 0 #9fb6ce00}50%{box-shadow:0 0 0 5px #9fb6ce10}}
.plan{background:#fff;border-color:#d8e0e9;border-radius:9px;box-shadow:0 2px 5px #1f3b5004}.plan.featured{background:#fff;border-color:#849cb9;box-shadow:0 8px 25px #203d5a09}.plan-top h3{font-size:21px;font-weight:550;color:#354352;letter-spacing:-.5px}.plan-top>span:first-child{color:#8c99a8}.plan-badge{color:#607b9a;border-color:#d2dce8;background:#f1f5fa;font-size:12px;letter-spacing:.2px;border-radius:4px}.plan-tagline{font-size:14px;color:#7a8796}.price{font-size:35px;font-weight:550;color:#2c3b4c;letter-spacing:-1.2px}.price>span{font-size:16px;letter-spacing:0}.price small{color:#8391a1;font-size:13px}.plan li{font-size:14px;color:#65778a}.plan li:before{color:#759285}.plan .button{font-size:14px}.pricing-note{color:#8593a3;font-size:12px;line-height:1.8}
body[data-motion=on] .plan:hover{border-color:#8fa5bf;box-shadow:0 12px 25px #1c365014}
.faq .text-link{color:#627b98}.faq-list details{border-color:#d6e0eb}.faq-list details:first-child{border-color:#d6e0eb}.faq-list summary{font-size:16px;font-weight:450;color:#4b6076}.faq-list summary>span{color:#8ba0b6}.faq-list details[open] summary{color:#345a83}.faq-list details[open] summary>span{color:#6484a7}.faq-list details p{font-size:16px;color:#74879b;line-height:1.8}
.closing{background:#edf1f6;padding-top:85px;padding-bottom:85px}.closing:before{background:#d3dce8}.closing:after{background:radial-gradient(ellipse at 50% 100%,#b7c7db18,transparent 64%)}.closing h2{font-size:clamp(35px,3.4vw,49px);font-weight:550;line-height:1.18;letter-spacing:-1.7px;color:#3a5068}.closing .eyebrow{color:#8294aa;font-size:12px;letter-spacing:.65px}.closing>p:last-child{color:#7c90a7;font-size:14px}
footer{background:#fff}.footer-top .brand{font-size:28px}.footer-top .brand-glyph{font-size:22px}.footer-top p{color:#8292a4;font-size:13px}.footer-top>a:last-child{color:#617b99;font-size:14px}.footer-bottom{color:#8799ad;border-color:#dbe3ed;font-size:12px}footer a:hover{color:#5740f2}
@media(max-width:1100px){.hero h1{font-size:53px}.section h2{font-size:35px}.hero-description{font-size:16px}.operation-agent h2{font-size:17px}.operation-agent p{font-size:13px}.operation-opportunity h2{font-size:22px}.candidate-heading h2{font-size:17px}.candidate-summary p,.requirement{font-size:13px}.plan-top h3{font-size:20px}.price{font-size:34px}}
@media(max-width:850px){.hero h1{font-size:48px}.operation-agent{border-bottom-color:#404a58}.agent-emblem{width:55px;height:55px;border-radius:14px}.agent-emblem>span{font-size:32px}.agent-emblem svg{width:65px;height:65px;inset:-5px}.operation-agent p{font-size:14px;min-height:22px}.operation-profile,.operation-opportunity{opacity:1}.operation-footer{font-size:12px}}
@media(max-width:760px){.header{height:74px}.brand{font-size:28px}.brand-glyph{font-size:22px}.header nav{top:73px;background:#fff;border-color:#dce4ee}.header nav a{color:#61758c}.menu-button span{background:#5c748f}.nav-cta{font-size:12px;padding:9px 12px}.hero{padding-top:37px}.hero h1{font-size:44px;letter-spacing:-1.6px}.section{padding-top:65px;padding-bottom:65px}.section h2{font-size:32px;letter-spacing:-1px}.feature h3{font-size:20px}.step strong{font-size:18px}.chat{transform:none}.platforms>div{color:#8c9bae}.linkedin{font-size:19px}.indeed,.infojobs,.google{font-size:22px}.feature-visual{box-shadow:none}.plan-top h3{font-size:21px}.price{font-size:35px}.closing{padding-top:65px;padding-bottom:65px}.closing h2{font-size:39px;letter-spacing:-1.3px}.footer-top .brand{font-size:27px}}
@media(max-width:560px){.hero h1{font-size:clamp(33px,8.25vw,43px);line-height:1.2;letter-spacing:-1.25px}.hero .eyebrow{font-size:12px;letter-spacing:.5px;max-width:310px}.hero-description{font-size:16px;line-height:1.75}.operation-kicker{font-size:12px;letter-spacing:0}.operation-demo{font-size:12px}.candidate-heading h2{font-size:18px}.candidate-heading p{font-size:13px}.candidate-summary p,.requirement{font-size:14px}.operation-opportunity h2{font-size:22px}.operation-agent h2{font-size:17px}.application-copy p{font-size:14px}.operation-step{font-size:13px}.operation-footer{font-size:12px}.section h2{font-size:30px}.closing h2{font-size:36px}.letter-paper{font-size:13px}.feature p,.step>span:nth-child(2)>span{font-size:16px}}
/* Secondary copy keeps enough contrast across the light surfaces. */
.hero .eyebrow,.operation-kicker,.operation-plan-note,.operation-step,.operation-step-number,.eyebrow,.platforms>span,.more-platforms,.step-number,.step-arrow,.demo-label,.demo-label span:last-child,.demo-caption,.chat-date,.chat-header small,.chat-footer,.feature-meta,.feature p,.mini-toolbar,.mini-list small,.visual-caption,.delivery-labels,.plan-top>span:first-child,.plan-tagline,.price small,.pricing-note,.faq-list details p,.closing .eyebrow,.closing>p:last-child,.footer-top p,.footer-bottom{color:#606e7d}
.step>span:nth-child(2)>span,.section-heading>p:last-child,.pricing-heading>p{color:#626f7e}
.chat-more,.bubble-spark,.chat-footer>span:last-child{color:#687c94}
body[data-motion] .operation-kicker .motion-toggle{color:#606e7d}
.mini-toolbar>span:last-child,.mini-list b,.sent-toast,.sent-toast>span{color:#527562}
@media(prefers-reduced-motion:reduce){.hero h1>span{color:#667589!important}.operation-panel{transform:none}}