.js-home{--cream:#f5efdd;--paper:#fffdf6;--ink:#241b16;--brown:#38261c;--acid:#c9ff3d;--line:#cec3aa;background:var(--cream);color:var(--ink);font-family:Arial,sans-serif;overflow:hidden}.js-home *{box-sizing:border-box}.js-brand{letter-spacing:0;font-size:26px;font-weight:900}.js-brand span{color:#9cca25}.js-nav{z-index:10;color:#fff;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(22px,5vw,76px);display:flex;position:absolute;inset:0 0 auto}.js-nav a,.js-footer a{color:inherit;text-decoration:none}.js-nav nav{align-items:center;gap:30px;font-size:13px;display:flex}.js-nav nav button{background:var(--acid);border:0;gap:8px;padding:12px 18px;font-weight:800;display:flex}.js-nav svg{width:15px}.js-hero{color:#fff;background:#142113;align-items:center;min-height:760px;padding:100px clamp(24px,7vw,110px) 70px;display:flex;position:relative}.js-hero-art{background:linear-gradient(90deg,#121b10e8 0%,#121b10a6 34%,#121b1008 66%),url(/jobsloth-hero.png) 50%/cover no-repeat;animation:12s ease-in-out infinite alternate light;position:absolute;inset:0}.js-hero-copy{z-index:2;width:min(590px,50vw);position:relative}.kicker{text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;font-size:11px;font-weight:900;display:flex}.kicker svg{width:15px}.js-hero h1{letter-spacing:-.055em;margin:25px 0 28px;font-size:clamp(64px,8.2vw,126px);line-height:.82}.js-hero h1 em{color:var(--acid);font-family:Georgia,serif;font-weight:500}.js-hero-copy>p{font-size:clamp(18px,1.55vw,24px);line-height:1.5}.js-cta{background:var(--acid);color:var(--ink);border:0;align-items:center;gap:32px;margin-top:18px;padding:18px 24px;font-size:15px;font-weight:900;transition:all .25s;display:inline-flex;box-shadow:0 5px #708e25}.js-cta:hover{transform:translateY(-3px);box-shadow:0 8px #708e25}.js-cta svg{width:18px}.js-hero-copy>small{color:#d5d3c5;margin-top:18px;display:block}.js-hero>aside{z-index:2;color:#f3f0dc;width:285px;font:italic 15px/1.45 Georgia;position:absolute;bottom:30px;right:4%}.js-hero>aside span{text-transform:uppercase;margin-top:8px;font:700 9px Arial;display:block}.float-card{z-index:3;background:var(--paper);color:var(--ink);padding:15px 18px;animation:7s ease-in-out infinite card;position:absolute;box-shadow:0 18px 45px #0004}.float-card small{color:#71665d;margin-top:5px;display:block}.fc1{width:230px;top:22%;right:4%}.fc2{align-items:center;gap:10px;animation-delay:1.8s;display:flex;top:42%;right:23%}.fc2 svg{background:var(--acid);border-radius:50%;width:28px;padding:6px}.leaf{background:#76a037;border-radius:100% 0;width:120px;height:60px;position:absolute}.l1{animation:5s ease-in-out infinite leaf;top:25%;left:-30px;transform:rotate(25deg)}.l2{animation:6s ease-in-out 1s infinite leaf;bottom:9%;right:-40px;transform:rotate(-25deg)}.ticker{background:var(--acid);border-block:1px solid var(--ink);white-space:nowrap}.ticker div{gap:70px;padding:15px 0;animation:22s linear infinite marquee;display:inline-flex}.ticker span{font-size:12px;font-weight:900}.ticker span:before{content:"✦";margin-right:70px}.js-flow{max-width:1500px;margin:auto;padding:120px clamp(24px,6vw,90px)}.js-flow>header,.js-proof>header{text-align:center}.js-flow h2,.js-demo h2,.js-proof h2,.js-close h2,.js-faq h2{letter-spacing:-.035em;margin:20px 0;font:500 clamp(44px,5.5vw,78px)/.98 Georgia}.flow-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:65px;display:grid}.flow-grid article>span{color:#718037;font-size:11px;font-weight:900}.flow-grid h3{margin:14px 0;font-size:25px;line-height:1.1}.flow-grid p,.js-demo>div:first-child>p{color:#6e6258;line-height:1.65}.visual{background:var(--brown);color:#fff;height:300px;margin-bottom:25px;position:relative;overflow:hidden}.visual.search>svg{position:absolute;top:28px;left:28px}.visual label{background:var(--acid);color:var(--ink);padding:9px;font-size:11px;font-weight:900;position:absolute;top:26px;right:22px}.job{background:var(--paper);color:var(--ink);padding:20px;animation:5s ease-in-out infinite float;position:absolute;bottom:30px;left:24px;right:24px;transform:rotate(-2deg)}.job small{color:#756b61;margin-top:8px;display:block}.prep{background:#9fc348}.paper{background:var(--paper);width:150px;height:195px;color:var(--ink);padding:24px;font-weight:900;position:absolute;box-shadow:0 10px 30px #2d341433}.p1{top:38px;left:24%;transform:rotate(-8deg)}.p2{animation:5s ease-in-out infinite paper;top:52px;left:43%;transform:rotate(7deg)}.arm{transform-origin:100%;background:#74513c;border-radius:40px;width:240px;height:42px;animation:5s ease-in-out infinite arm;position:absolute;top:58px;right:-80px}.prep label{background:var(--ink);color:#fff;align-items:center;gap:7px;display:flex;top:auto;bottom:24px}.prep label svg{width:15px}.track{color:var(--ink);background:#ece4ce;padding:35px}.track>div{border-bottom:1px solid #c9bea4;grid-template-columns:1fr 6fr 1fr;align-items:center;gap:13px;padding:18px 0;display:grid}.track i{background:var(--acid);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 5px #d9f993}.js-demo{background:var(--brown);color:#fff;grid-template-columns:.7fr 1.3fr;align-items:center;gap:70px;padding:110px clamp(24px,7vw,100px);display:grid}.js-demo>div:first-child>p{color:#d2c6ba}.js-demo ul{margin:28px 0;padding:0;list-style:none}.js-demo li{align-items:center;gap:10px;margin:12px 0;display:flex}.js-demo li svg{width:18px;color:var(--acid)}.dashboard{background:var(--paper);color:var(--ink);grid-template-columns:190px 1fr;min-height:440px;animation:6s ease-in-out infinite float;display:grid;box-shadow:0 30px 80px #160f0b66}.dashboard>aside{background:#ebe3cf;flex-direction:column;gap:10px;padding:25px 16px;display:flex}.dashboard aside .js-brand{margin:0 8px 35px;font-size:20px}.dashboard button{text-align:left;background:0 0;border:0;justify-content:space-between;padding:13px;font-weight:800;display:flex}.dashboard button:first-of-type{background:var(--acid)}.dashboard>section{padding:30px}.dashboard section>header{justify-content:space-between;margin-bottom:30px;display:flex}.dash-job{border-top:1px solid #ded5c2;grid-template-columns:38px 1fr 20px;align-items:center;gap:15px;padding:22px 4px;display:grid}.dash-job>span{background:var(--acid);place-items:center;width:36px;height:36px;font-weight:900;display:grid}.dash-job small{color:#74695e;margin-top:5px;display:block}.dash-job>svg{color:#528228;width:17px}.js-proof{padding:120px clamp(24px,6vw,90px)}.js-proof header>small{background:#f3dc74;padding:6px 8px;font-size:9px}.quotes{grid-template-columns:repeat(3,1fr);gap:18px;max-width:1300px;margin:60px auto;display:grid}.quotes blockquote{background:var(--paper);border:1px solid var(--line);flex-direction:column;min-height:245px;margin:0;padding:30px;display:flex}.quotes blockquote>span{color:#80a820}.quotes p{flex:1;font:22px/1.35 Georgia}.quotes footer{flex-direction:column;gap:4px;display:flex}.quotes footer small{color:#71665d}.hires{white-space:nowrap;gap:15px;width:max-content;animation:24s linear infinite hires;display:flex}.hires>span{border:1px solid var(--line);background:#fff;align-items:center;gap:12px;padding:12px 18px;display:flex}.hires i{background:var(--acid);border-radius:50%;padding:5px;display:flex}.hires svg{width:14px}.companies{text-align:center;border-top:1px solid var(--line);padding:60px 20px 90px}.companies>small{text-transform:uppercase;color:#74695e}.companies div{flex-wrap:wrap;justify-content:center;gap:clamp(25px,5vw,80px);margin-top:35px;display:flex}.companies b{font-size:22px}.js-close{background:#9ec53d;grid-template-columns:1fr 1fr;align-items:center;min-height:590px;padding:70px clamp(24px,8vw,130px);display:grid}.hammock{height:350px;position:relative}.hammock>i{border-bottom:8px solid var(--brown);border-radius:0 0 50% 50%;height:130px;position:absolute;top:25%;left:5%;right:5%}.hammock>span{width:52%;height:130px;color:var(--cream);background:#6f4c37;border-radius:50%;place-items:center;font:italic 24px Georgia;animation:5s ease-in-out infinite sway;display:grid;position:absolute;top:30%;left:25%}.js-close p{max-width:430px;font-size:18px}.js-faq{grid-template-columns:.7fr 1.3fr;gap:70px;padding:100px clamp(24px,7vw,100px);display:grid}.js-faq details{border-top:1px solid var(--line)}.js-faq summary{cursor:pointer;justify-content:space-between;padding:24px 0;font-weight:900;display:flex}.js-faq summary svg{width:18px}.js-faq details p{color:#6e6258;padding-bottom:20px;line-height:1.6}.js-footer{background:var(--ink);color:#fff;align-items:center;gap:30px;padding:35px clamp(24px,6vw,90px);display:flex}.js-footer>span:nth-child(2){color:#cfc5b9;flex:1}.js-footer nav{gap:20px;display:flex}.js-footer a{font-size:12px}@keyframes light{to{filter:brightness(1.08)saturate(1.05)}}@keyframes card{50%{transform:translate(-18px,-12px)rotate(-2deg)}}@keyframes leaf{50%{transform:rotate(32deg)translateY(8px)}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes float{50%{transform:translateY(-9px)rotate(.4deg)}}@keyframes paper{50%{transform:translate(16px,-12px)rotate(2deg)}}@keyframes arm{50%{transform:rotate(8deg)translate(-24px)}}@keyframes hires{to{transform:translate(-50%)}}@keyframes sway{50%{transform:rotate(3deg)translateY(5px)}}@media (max-width:800px){.js-nav nav>a{display:none}.js-nav nav{gap:12px}.js-hero{align-items:flex-end;min-height:760px;padding-bottom:55px}.js-hero-art{background-image:linear-gradient(#121b1033 35%,#121b10f2 100%),url(/jobsloth-hero.png);background-position:62%}.js-hero-copy{width:100%}.js-hero h1{font-size:64px}.js-hero-copy>p{max-width:440px;font-size:17px}.fc1{top:19%;right:12px;scale:.78}.fc2{top:40%;left:18px;right:auto;scale:.78}.js-hero>aside{display:none}.flow-grid,.quotes{grid-template-columns:1fr}.flow-grid{gap:55px}.js-demo,.js-close,.js-faq{grid-template-columns:1fr}.js-demo{gap:40px}.dashboard{grid-template-columns:120px 1fr;font-size:11px}.dashboard>aside{padding:18px 8px}.dashboard>section{padding:18px}.js-close>div:last-child{order:-1}.hammock{height:220px}.js-faq{gap:25px}.js-footer{flex-wrap:wrap;align-items:flex-start}.js-footer>span:nth-child(2){display:none}.js-footer nav{justify-content:space-between;width:100%}}@media (max-width:460px){.js-nav{height:62px}.js-nav .js-brand{font-size:21px}.js-nav nav{font-size:0}.js-nav button{padding:10px 12px;font-size:12px}.js-hero{min-height:700px;padding-inline:18px}.js-hero h1{font-size:54px}.js-cta{justify-content:space-between;width:100%}.fc1{top:16%;right:-14px}.fc2{top:37%;left:0}.js-flow h2,.js-demo h2,.js-proof h2,.js-close h2,.js-faq h2{font-size:42px}.dashboard{grid-template-columns:92px 1fr;min-height:370px;margin-inline:-14px}.dashboard aside .js-brand{margin-bottom:22px;font-size:14px}.dashboard button{padding:10px 5px;font-size:10px}.dashboard>section{padding:14px 10px}.dash-job{grid-template-columns:30px 1fr 15px;gap:8px;padding-block:17px}.dash-job>span{width:28px;height:28px}.hammock{height:180px}}@media (prefers-reduced-motion:reduce){.js-home *{animation:none!important}.ticker div,.hires{transform:none}}