:root{--paper:#f3f0e8;--ink:#171714;--muted:#6d6b63;--blue:#3157ff;--lime:#ceef58;--coral:#ff765c;--line:#d7d2c7;--wrap:min(1180px,calc(100% - 48px))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}.skip{position:fixed;top:-50px;left:10px;background:var(--ink);color:white;padding:10px;z-index:20}.skip:focus{top:10px}.wrap{width:var(--wrap);margin-inline:auto}.nav{height:82px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:13px}.logo{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:700;font-size:17px}.logo span{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:var(--blue);color:white;font-family:"Instrument Serif";font-size:22px}.nav nav{display:flex;gap:35px}.nav nav a,.nav-link{color:#4f4d47;text-decoration:none}.nav nav a:hover,.nav-link:hover{color:var(--blue)}.nav-link{padding:10px 13px;border:1px solid var(--ink);border-radius:99px}.hero{padding:46px 0 100px}.eyebrow{display:flex;align-items:center;gap:17px;font-size:10px;letter-spacing:.15em}.eyebrow i{height:1px;flex:1;background:var(--line)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:75px;align-items:center;padding:65px 0}.hero h1,.section-top h2,.method h2,.privacy h2,.cta h2{font-family:"Instrument Serif",serif;font-weight:400;font-size:clamp(64px,8vw,112px);line-height:.86;letter-spacing:-.045em;margin:0}.hero h1 em,.section-top em,.method em,.privacy em{color:var(--blue);font-weight:400}.hero-copy>p{font-size:18px;line-height:1.65;color:var(--muted);max-width:570px;margin:35px 0}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.button{min-height:51px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:26px;border-radius:4px;font-weight:600;font-size:13px;text-decoration:none;transition:.2s}.button:hover{transform:translateY(-2px)}.button.dark{background:var(--ink);color:white}.button.light{border:1px solid var(--ink);color:var(--ink)}.position-card{background:white;border:1px solid #d8d3ca;border-radius:8px;padding:27px;min-height:465px;box-shadow:16px 18px 0 #dad5ca;display:flex;flex-direction:column;transform:rotate(1deg)}.pin{font-size:10px;letter-spacing:.12em;color:#77736b;border-bottom:1px solid #e6e1d8;padding-bottom:18px}.company-mark{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#e5e9ff;color:var(--blue);font-family:"Instrument Serif";font-size:30px;margin:27px 0}.position-card small{font-size:10px;letter-spacing:.13em;color:var(--blue)}.position-card h2{font-family:"Instrument Serif";font-size:38px;font-weight:400;line-height:1;margin:9px 0}.position-card p{color:var(--muted);font-size:13px}.match{margin-top:auto}.match>div{display:flex;justify-content:space-between;font-size:10px}.match b{font-size:14px;color:var(--blue)}.match-track{height:5px!important;background:#e6e3db;margin-top:9px}.match-track i{display:block;width:86%;background:var(--blue);height:100%}.card-tags{display:flex;gap:6px;margin:16px 0}.card-tags span{padding:6px 8px;background:#f2f0ea;border-radius:3px;font-size:10px}.position-card>button{border:0;background:var(--lime);padding:14px;display:flex;justify-content:space-between;font-weight:700;cursor:pointer}.social-proof{border-top:1px solid var(--line);padding-top:30px;display:flex;justify-content:space-between}.social-proof p{margin:0;color:var(--muted);font-family:"Instrument Serif";font-size:20px}.social-proof strong{color:var(--ink);font-weight:400}.proof-list{display:flex;gap:28px;align-items:center;font-size:10px;letter-spacing:.08em}.workspace{background:#1b1b18;color:#f7f4ed;padding:120px 0}.section-top{display:grid;grid-template-columns:.3fr 1.2fr .4fr;gap:40px;align-items:end;margin-bottom:60px}.section-top p,.section-kicker{font-size:10px;letter-spacing:.15em}.section-top h2{font-size:clamp(52px,6.5vw,86px)}.section-top h2 em{color:var(--lime)}.section-top>span{font-family:"Instrument Serif";font-size:18px;color:#aaa79f}.app-shell{background:#f7f6f1;color:var(--ink);border-radius:10px;min-height:700px;display:grid;grid-template-columns:68px 1fr;box-shadow:0 25px 80px rgba(0,0,0,.28);overflow:hidden}.app-nav{background:#e8e6de;border-right:1px solid #d9d6ce;padding:18px 12px;display:flex;flex-direction:column;align-items:center;gap:17px}.app-brand{margin-bottom:20px}.app-brand span,.avatar{width:36px;height:36px;display:grid;place-items:center;background:var(--blue);color:white;border-radius:9px;font-family:"Instrument Serif";font-size:22px}.app-nav button{width:38px;height:38px;border:0;background:transparent;border-radius:8px;font-size:17px;color:#6b6963}.app-nav button.active{background:white;color:var(--blue)}.app-nav i{flex:1}.avatar{font-family:"DM Sans";font-size:10px;background:#252520}.app-main{padding:34px}.app-head{display:flex;justify-content:space-between;align-items:center}.app-head small,.pipeline-head small{font-size:9px;letter-spacing:.12em;color:#84817a}.app-head h3{font-family:"Instrument Serif";font-size:38px;font-weight:400;margin:5px 0}.app-head button{border:0;background:var(--blue);color:white;padding:12px 16px;border-radius:4px}.filters{display:flex;gap:8px;border-bottom:1px solid #ddd9d0;margin:25px 0}.filters button{border:0;background:transparent;padding:12px 4px;margin-right:17px;color:#78756f;font-weight:600;position:relative}.filters button.active{color:var(--ink)}.filters button.active:after{content:"";position:absolute;height:2px;background:var(--blue);left:0;right:0;bottom:-1px}.filters b{font-size:9px;margin-left:4px}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.role{padding:18px;border:1px solid #ddd9d0;background:white;border-radius:5px;transition:.2s}.role:hover,.role.selected{border-color:var(--blue);transform:translateY(-3px)}.role-top,.role-bottom{display:flex;justify-content:space-between;align-items:center}.mini-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-family:"Instrument Serif"}.mini-mark.blue{background:#e5e9ff;color:var(--blue)}.mini-mark.coral{background:#ffe4dd;color:#9b2d1d}.mini-mark.lime{background:#edf8be;color:#506511}.role-top i{font-style:normal;font-size:9px;background:#eeeae2;padding:5px 7px;border-radius:20px}.role h4{font-family:"Instrument Serif";font-size:21px;font-weight:400;margin:22px 0 6px}.role p{font-size:10px;color:#77736c}.role-bottom{border-top:1px solid #e5e1d9;padding-top:14px;margin-top:20px;font-size:10px}.role-bottom button{border:0;background:transparent;font-size:18px;cursor:pointer}.pipeline-panel{border:1px solid #d9d5cc;margin-top:16px;border-radius:5px;padding:20px;background:#efede6}.pipeline-head{display:flex;justify-content:space-between}.pipeline-head h4{font-family:"Instrument Serif";font-size:24px;font-weight:400;margin:4px 0}.pipeline-head>span{font-size:10px;color:var(--blue)}.pipeline-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d7d3ca;margin:17px 0}.pipeline-steps button{text-align:left;border:0;background:white;padding:16px;display:grid;grid-template-columns:29px 1fr;gap:4px 8px;cursor:pointer}.pipeline-steps button>span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#e9e6df;font-size:10px;grid-row:span 2}.pipeline-steps b{font-size:10px}.pipeline-steps small{font-size:8px;color:#89867f}.pipeline-steps .done>span{background:#dff1b0}.pipeline-steps .active{box-shadow:inset 0 -3px var(--blue)}.pipeline-steps .active>span{background:var(--blue);color:white}.quality{display:flex;gap:22px;font-size:9px;color:#77746d}.quality b{color:#171714}.method{display:grid;grid-template-columns:.82fr 1.18fr;gap:100px;padding-block:140px}.method-copy{position:sticky;top:40px;align-self:start}.method h2{font-size:clamp(50px,6vw,78px);margin:20px 0 30px}.method-copy>p:last-child,.privacy-copy>p{line-height:1.75;color:var(--muted);max-width:500px}.method-list{border-top:1px solid var(--line)}.method-list article{display:grid;grid-template-columns:45px 1fr 25px;gap:20px;padding:28px 0;border-bottom:1px solid var(--line)}.method-list article>span{color:var(--blue);font-size:11px}.method-list h3{font-family:"Instrument Serif";font-size:28px;font-weight:400;margin:0}.method-list p{color:var(--muted);line-height:1.6;font-size:13px}.method-list i{font-size:19px;font-style:normal}.privacy{background:var(--blue);color:white;padding-block:130px;overflow:hidden}.privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.privacy-art{height:510px;position:relative}.paper{position:absolute;width:360px;height:470px;background:#fcfbf7;color:#151512;padding:30px;box-shadow:0 18px 50px rgba(0,0,0,.18)}.paper.back{transform:rotate(-9deg);left:30px;top:10px;background:var(--lime)}.paper.front{transform:rotate(5deg);left:100px;top:35px}.paper>span{font-size:9px;letter-spacing:.15em}.redact{height:7px;background:#23231f;margin-top:60px;box-shadow:0 22px #23231f,0 44px #23231f,0 88px #23231f,0 110px #23231f;width:87%}.redact.short{margin-top:150px;width:55%}.seal{position:absolute;right:25px;bottom:30px;width:85px;height:85px;border-radius:50%;border:2px solid var(--blue);display:grid;place-items:center;text-align:center;color:var(--blue);font-size:10px;transform:rotate(-12deg)}.privacy h2{font-size:clamp(55px,6vw,82px);margin:20px 0 35px}.privacy h2 em{color:var(--lime)}.privacy-copy>p{color:#dce1ff}.privacy ul{list-style:none;padding:0;display:grid;gap:14px}.privacy li{border-top:1px solid rgba(255,255,255,.25);padding-top:14px}.privacy li span{color:var(--lime);margin-right:10px}.templates{padding-block:130px}.templates .section-top h2 em{color:var(--blue)}.template-showcase{display:flex;justify-content:center;align-items:center;position:relative;min-height:620px;background:#ddd8cd}.template{width:365px;height:515px;background:white;box-shadow:0 22px 50px rgba(51,47,39,.12);padding:34px}.template.one{transform:rotate(-5deg) translateX(35px)}.template.two{transform:rotate(6deg) translateX(-15px);font-family:"Instrument Serif";line-height:2;color:#514e47}.resume-head{display:flex;justify-content:space-between;border-bottom:3px solid var(--ink);padding-bottom:17px;font-size:9px}.resume-head b{font-family:"Instrument Serif";font-size:24px;line-height:.8}.resume-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;padding-top:22px}.resume-grid h5{font-size:7px;margin:20px 0 8px}.resume-grid i,.template.two i{display:block;height:3px;background:#d8d5cf;margin:7px 0}.resume-grid i:nth-child(2n){width:82%}.template.two i:nth-of-type(2n){width:75%}.format-badges{position:absolute;bottom:25px;display:flex;gap:7px}.format-badges span{background:var(--ink);color:white;padding:8px;font-size:9px}.cta{background:var(--lime);padding-block:110px;text-align:center}.cta p{font-size:10px;letter-spacing:.15em}.cta h2{font-size:clamp(60px,8vw,105px);margin:18px 0 35px}.cta .wrap>div{display:flex;gap:10px;justify-content:center}.footer{height:100px;display:flex;align-items:center;justify-content:space-between;font-size:11px}.footer p{color:var(--muted)}@media(max-width:900px){:root{--wrap:min(100% - 30px,1180px)}.nav nav{display:none}.hero-grid,.method,.privacy-grid{grid-template-columns:1fr}.position-card{max-width:520px}.proof-list{display:grid}.section-top{grid-template-columns:1fr}.app-shell{grid-template-columns:55px 1fr}.role-grid{grid-template-columns:1fr}.role-grid .role:nth-child(n+3){display:none}.pipeline-steps{grid-template-columns:1fr 1fr}.method-copy{position:static}.privacy-art{order:2}.template-showcase{min-height:560px;overflow:hidden}.template{width:320px;height:470px}}@media(max-width:600px){.nav-link{font-size:0}.nav-link:after{content:"GitHub ↗";font-size:11px}.hero{padding-top:30px}.hero-grid{padding:45px 0}.hero h1{font-size:19vw}.social-proof{display:grid;gap:25px}.proof-list{gap:8px}.workspace,.method,.privacy,.templates{padding-block:80px}.app-nav{display:none}.app-shell{display:block;min-height:0}.app-main{padding:18px}.app-head button{font-size:0}.app-head button:after{content:"+";font-size:18px}.filters{overflow:auto}.role-grid{display:block}.role{margin-bottom:10px}.role-grid .role:nth-child(n+2){display:none}.pipeline-steps{grid-template-columns:1fr}.quality{display:grid;gap:7px}.paper{width:275px;height:400px}.paper.back{left:5px}.paper.front{left:40px}.template.one{transform:rotate(-4deg) translateX(105px)}.template.two{transform:rotate(6deg) translateX(-100px)}.cta .wrap>div{display:grid}.footer p{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
