:root{--ink:#10213b;--bg:#f5f2eb;--paper:#fff;--accent:#ff6559;--accent-2:#2767ff;--muted:#6f7782;--line:rgba(16,33,59,.14);--serif:"Iowan Old Style","Baskerville",Georgia,serif;--sans:"Avenir Next","Segoe UI",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}.carlos{--ink:#e9f1e6;--bg:#111814;--paper:#17201a;--accent:#d7ff5f;--accent-2:#7fcf9b;--muted:#96a29a;--line:rgba(233,241,230,.14)}button{font:inherit}.demo-nav{height:72px;position:sticky;top:0;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4vw;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(18px)}.demo-brand{display:flex;gap:12px;align-items:center;min-width:0}.demo-brand__mark{width:38px;height:38px;border-radius:11px;background:var(--ink);color:var(--bg);display:grid;place-items:center;font-size:11px;font-weight:900;letter-spacing:.08em}.carlos .demo-brand__mark{background:var(--accent);color:#111814}.demo-brand span:last-child{display:flex;flex-direction:column;min-width:0}.demo-brand b{font-size:13px}.demo-brand small{font-size:9px;letter-spacing:.08em;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-modes{display:flex;gap:4px;border:1px solid var(--line);border-radius:999px;padding:4px}.demo-modes button{border:0;background:transparent;color:var(--muted);font-size:10px;font-weight:800;padding:9px 13px;border-radius:999px;cursor:pointer}.demo-modes button.active{background:var(--ink);color:var(--bg)}.carlos .demo-modes button.active{background:var(--accent);color:#111814}.demo-notice{justify-self:end;font-size:9px;font-weight:800;letter-spacing:.1em;color:var(--muted)}.demo-main{overflow:hidden}.demo-view{display:none;animation:viewIn .5s cubic-bezier(.2,.8,.2,1)}.demo-view.active{display:block}@keyframes viewIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.demo-shell{width:min(1180px,92vw);margin:auto}.profile-hero{min-height:520px;display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;align-items:center;padding:70px 0}.profile-kicker{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:900;letter-spacing:.14em;color:var(--accent-2)}.profile-kicker i{width:24px;height:2px;background:var(--accent)}.profile-title{font-family:var(--serif);font-size:clamp(52px,7vw,94px);line-height:.88;font-weight:400;letter-spacing:-.05em;margin:22px 0}.profile-title em{display:block;color:var(--accent);font-weight:400}.profile-summary{font-size:clamp(16px,1.8vw,21px);line-height:1.55;max-width:660px;color:var(--muted)}.profile-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.profile-tags span{font-size:10px;font-weight:800;letter-spacing:.08em;border:1px solid var(--line);padding:9px 12px;border-radius:999px}.profile-visual{position:relative;min-height:430px;display:grid;place-items:center}.portrait-form{width:min(340px,76%);aspect-ratio:4/5;border-radius:48% 48% 18px 18px;background:linear-gradient(145deg,var(--accent-2),color-mix(in srgb,var(--accent-2) 36%,var(--paper)));position:relative;overflow:hidden;box-shadow:0 42px 90px rgba(16,33,59,.2)}.carlos .portrait-form{border-radius:24px;background:linear-gradient(145deg,#253529,#151d18);box-shadow:0 42px 90px rgba(0,0,0,.45)}.portrait-form:before{content:"";position:absolute;width:65%;aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--paper) 94%,var(--accent));top:16%;left:17%}.portrait-form:after{content:attr(data-initials);position:absolute;inset:0;display:grid;place-items:center;font-family:var(--serif);font-size:110px;font-style:italic;color:var(--ink)}.carlos .portrait-form:after{color:var(--accent)}.visual-card{position:absolute;background:var(--paper);border:1px solid var(--line);box-shadow:0 20px 50px rgba(16,33,59,.14);padding:15px 18px;border-radius:14px;display:flex;flex-direction:column;gap:3px}.carlos .visual-card{box-shadow:0 20px 50px rgba(0,0,0,.3)}.visual-card small{font-size:8px;font-weight:900;letter-spacing:.12em;color:var(--muted)}.visual-card strong{font-size:17px}.visual-card--top{top:10%;right:0}.visual-card--bottom{bottom:10%;left:0}.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--paper);margin-bottom:68px}.metric-strip article{padding:25px;border-right:1px solid var(--line)}.metric-strip article:last-child{border:0}.metric-strip strong{display:block;font-family:var(--serif);font-size:38px;font-weight:400;color:var(--accent)}.metric-strip span{font-size:9px;font-weight:800;letter-spacing:.1em;color:var(--muted)}.feature{display:grid;grid-template-columns:.78fr 1.22fr;gap:28px;padding-bottom:80px}.feature-intro{padding:32px 12% 32px 0}.feature-intro span,.mode-eyebrow{font-size:9px;font-weight:900;letter-spacing:.15em;color:var(--accent-2)}.feature-intro h2{font-family:var(--serif);font-size:clamp(38px,5vw,68px);line-height:.95;font-weight:400;letter-spacing:-.04em;margin:20px 0}.feature-intro p{color:var(--muted);line-height:1.65}.feature-panel{background:var(--ink);color:var(--bg);border-radius:22px;padding:40px;min-height:390px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.carlos .feature-panel{background:var(--accent);color:#111814}.feature-panel:before{content:"";position:absolute;width:280px;height:280px;border:1px solid color-mix(in srgb,currentColor 24%,transparent);border-radius:50%;right:-50px;top:-70px}.feature-panel__top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;font-weight:800}.feature-panel h3{font-family:var(--serif);font-size:clamp(42px,5vw,72px);font-weight:400;line-height:.92;margin:50px 0 30px;max-width:620px}.feature-steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid color-mix(in srgb,currentColor 22%,transparent)}.feature-steps div{padding:20px 15px 0 0}.feature-steps small{display:block;font-size:8px;letter-spacing:.1em;opacity:.65;margin-bottom:8px}.feature-steps b{font-size:12px;line-height:1.35}.capabilities{padding:68px 0;background:var(--paper)}.capabilities-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:9vw}.capabilities h2,.recruiter-header h1,.interview-header h1{font-family:var(--serif);font-weight:400;letter-spacing:-.04em;line-height:.98;margin:15px 0;font-size:clamp(42px,6vw,76px)}.capability-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.capability-list article{border:1px solid var(--line);border-radius:14px;padding:22px;min-height:135px}.capability-list small{font-size:8px;letter-spacing:.12em;color:var(--muted)}.capability-list h3{font-size:15px;margin:22px 0 8px}.capability-list p{font-size:12px;line-height:1.5;color:var(--muted);margin:0}.recruiter,.interview{min-height:calc(100vh - 72px);padding:56px 0 80px}.recruiter-header,.interview-header{display:grid;grid-template-columns:1fr .7fr;align-items:end;gap:60px;margin-bottom:38px}.recruiter-header p,.interview-header p{color:var(--muted);line-height:1.6;margin:0 0 10px}.recruiter-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.recruiter-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:28px}.recruiter-card--value{grid-row:span 2;min-height:420px;background:var(--ink);color:var(--bg);display:flex;flex-direction:column}.carlos .recruiter-card--value{background:var(--accent);color:#111814}.recruiter-card span{font-size:8px;font-weight:900;letter-spacing:.14em;color:var(--muted)}.recruiter-card--value span{color:inherit;opacity:.6}.recruiter-card h2{font-family:var(--serif);font-size:clamp(35px,4.3vw,58px);font-weight:400;line-height:.98;margin:34px 0}.recruiter-card--value p{margin-top:auto;line-height:1.6;max-width:620px}.strength-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:24px}.strength-list b{font-size:11px;border:1px solid var(--line);border-radius:10px;padding:14px}.evidence-list{margin-top:20px}.evidence-list article{display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--line);padding:14px 0}.evidence-list strong{font-family:var(--serif);font-size:30px;color:var(--accent)}.evidence-list small{font-size:9px;color:var(--muted);text-align:right}.recruiter-card--role h3{font-size:22px;margin:30px 0 12px}.recruiter-card--role p{font-size:13px;color:var(--muted);line-height:1.6}.interview-deck{background:var(--paper);border:1px solid var(--line);border-radius:22px;overflow:hidden;min-height:460px}.story-tabs{display:flex;border-bottom:1px solid var(--line);padding:8px}.story-tabs button{flex:1;border:0;background:transparent;color:var(--muted);padding:13px;font-size:9px;font-weight:900;letter-spacing:.1em;cursor:pointer;border-radius:10px}.story-tabs button.active{background:var(--ink);color:var(--bg)}.carlos .story-tabs button.active{background:var(--accent);color:#111814}.story-slide{display:none;grid-template-columns:.68fr 1.32fr;min-height:400px}.story-slide.active{display:grid;animation:viewIn .4s ease}.story-label{padding:38px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.story-label span{font-size:9px;font-weight:900;letter-spacing:.12em;color:var(--accent-2)}.story-label strong{font-family:var(--serif);font-size:42px;font-weight:400}.story-content{padding:48px;display:flex;flex-direction:column;justify-content:center}.story-content h2{font-family:var(--serif);font-size:clamp(36px,4.6vw,64px);font-weight:400;line-height:.98;margin:0 0 28px}.story-content p{color:var(--muted);line-height:1.7;max-width:700px}.story-content blockquote{font-size:18px;line-height:1.55;border-left:3px solid var(--accent);padding-left:20px;margin:28px 0 0}.demo-footer{width:min(1180px,92vw);margin:auto;border-top:1px solid var(--line);padding:22px 0 34px;display:flex;justify-content:space-between;font-size:9px;font-weight:800;letter-spacing:.08em;color:var(--muted)}@media(max-width:860px){.demo-nav{grid-template-columns:1fr auto;height:66px;padding:0 4vw}.demo-brand small,.demo-notice{display:none}.demo-modes{order:3;position:fixed;left:50%;transform:translateX(-50%);bottom:12px;z-index:20;background:var(--paper);box-shadow:0 12px 34px rgba(0,0,0,.2)}.profile-hero,.feature,.capabilities-grid,.recruiter-header,.recruiter-grid{grid-template-columns:1fr}.profile-hero{padding:52px 0 35px;gap:25px}.profile-visual{min-height:330px}.portrait-form{width:240px}.portrait-form:after{font-size:74px}.metric-strip{grid-template-columns:1fr 1fr;margin-bottom:45px}.metric-strip article:nth-child(2){border-right:0}.metric-strip article:nth-child(-n+2){border-bottom:1px solid var(--line)}.feature{padding-bottom:55px}.feature-intro{padding:10px 0}.feature-panel{padding:26px;min-height:340px}.feature-steps{grid-template-columns:1fr}.feature-steps div{display:flex;gap:10px;padding-top:12px}.capabilities{padding:52px 0}.recruiter,.interview{padding:42px 0 90px}.recruiter-header,.interview-header{gap:12px;margin-bottom:25px}.recruiter-card--value{grid-row:auto;min-height:390px}.story-slide{grid-template-columns:1fr}.story-label{border-right:0;border-bottom:1px solid var(--line);padding:24px;gap:30px}.story-label strong{font-size:34px}.story-content{padding:30px 24px}.demo-footer{padding-bottom:90px}}@media(max-width:520px){.demo-shell{width:min(92vw,560px)}.demo-brand b{font-size:11px}.demo-modes button{padding:9px 10px;font-size:9px}.profile-title{font-size:51px}.profile-summary{font-size:15px}.profile-visual{min-height:290px}.visual-card{padding:12px}.visual-card strong{font-size:13px}.metric-strip article{padding:18px}.metric-strip strong{font-size:30px}.feature-panel h3{font-size:40px}.feature-steps b{font-size:10px}.capability-list{grid-template-columns:1fr}.strength-list{grid-template-columns:1fr}.recruiter-card{padding:22px}.story-tabs{overflow:auto}.story-tabs button{min-width:110px}.story-content h2{font-size:38px}}