@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#18201b;--paper:#f3f2e9;--muted:#566056;--line:#cfd2c5;--accent:#d8ff45;--mono:'DM Mono',monospace;--sans:'Manrope',system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 var(--sans)}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #69812b;outline-offset:5px}.skip{position:fixed;left:16px;top:-80px;z-index:30;background:white;padding:12px}.skip:focus{top:16px}.preview-strip{background:var(--ink);color:var(--accent);padding:8px 5%;font:10px/1.6 var(--mono);letter-spacing:.12em;display:flex;justify-content:space-between}.preview-strip span{color:#d0d7c9}header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:10}header nav{display:flex;gap:32px;font-size:13px}.logo{display:inline-flex;align-items:center;gap:9px;font-size:26px;font-weight:800;letter-spacing:-1.6px}.capsule{display:block;width:25px;height:15px;border:1.7px solid currentColor;border-radius:20px;transform:rotate(-35deg);background:linear-gradient(90deg,transparent 47%,currentColor 48%,currentColor 53%,transparent 54%)}.nav-cta{font-size:12px;font-weight:700}.nav-cta span{padding-left:14px}.hero{min-height:calc(100svh - 112px);display:grid;grid-template-columns:1.1fr 1fr;align-items:center;background:var(--paper);overflow:hidden}.hero-inner{padding:50px 8% 60px 9.1%}.eyebrow,.section-index{font:10px/1.5 var(--mono);letter-spacing:.13em;color:var(--muted)}.eyebrow{margin:0 0 24px}.brand{font-size:clamp(60px,7.5vw,110px);font-weight:800;letter-spacing:-.065em;line-height:1}.hero h1{font-size:clamp(33px,3.5vw,52px);font-weight:500;letter-spacing:-.055em;line-height:1.12;margin:18px 0 25px}.lede{max-width:420px;font-size:15px;color:var(--muted);margin:0 0 28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:var(--ink);color:var(--paper);font-size:12px;font-weight:700;padding:15px 21px;transition:transform .2s}.button:hover{transform:translateY(-3px)}.button span{color:var(--accent);font-size:19px}.caption{font:9px/1.8 var(--mono);color:var(--muted);margin:14px 0 0}.work-scene{align-self:stretch;position:relative;min-height:530px;background:#dce2cf;display:grid;place-items:center;padding:65px 20px 80px;perspective:1000px;overflow:hidden}.scene-top,.scene-bottom{position:absolute;left:26px;right:26px;display:flex;align-items:center;justify-content:space-between;font:9px/1.5 var(--mono);letter-spacing:.12em;color:#54614b}.scene-top{top:22px}.scene-bottom{bottom:22px;gap:12px}.scene-bottom i{height:1px;background:#9da991;flex:1}.scene-bottom strong{color:var(--ink)}.paper{background:#fffef8;width:310px;padding:25px 27px 19px;transform:rotate(-5deg);box-shadow:10px 24px 45px #303b2a28;transition:transform .7s}.work-scene:hover .paper{transform:rotate(-2deg) translateY(-5px)}.paper-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px}.paper-head b{font-size:26px;font-weight:600}.paper-head span{font:8px var(--mono);color:var(--muted)}.paper h2{font-size:20px;letter-spacing:-.7px;margin:26px 0}.paper-row{border-bottom:1px solid #e2e5db;padding:10px 0;font-size:9px;display:flex;justify-content:space-between;gap:12px}.paper-row span{color:var(--muted)}.paper-row b{font-weight:500}.paper-line{height:6px;width:90%;background:#e3e6dc;margin-top:20px}.paper-line.short{width:65%;margin-top:10px;margin-bottom:24px}.paper-foot{display:flex;justify-content:space-between;font:8px var(--mono);padding-top:17px;border-top:1px solid var(--line);color:var(--muted)}.review-slip{position:absolute;bottom:100px;right:6%;width:330px;max-width:90%;background:var(--ink);color:var(--paper);display:flex;align-items:center;gap:12px;padding:20px;box-shadow:0 10px 22px #303b2a20;transform:rotate(2deg);animation:slip-in .9s .3s both}.review-slip b{display:block;font-size:13px;font-weight:600}.review-slip div>span{display:block;font-size:9px;color:#c1caba;margin-top:4px}.dot{height:7px;width:7px;border-radius:50%;background:var(--accent);flex-shrink:0}.arrow{margin-left:auto;color:var(--accent)}.section{padding:100px 7%;border-top:1px solid var(--line)}.intro{display:grid;grid-template-columns:.6fr 1.3fr 1fr;gap:35px;align-items:start}.section h2{font-size:clamp(30px,3.3vw,48px);font-weight:500;line-height:1.16;letter-spacing:-.05em;margin:0 0 25px}.section p{font-size:14px;color:var(--muted);margin:0;max-width:430px}.intro h2{font-size:33px}.section-head>.section-index{display:block;margin-bottom:26px}.section-head{max-width:660px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:60px}.steps article{border-top:1px solid var(--ink);padding-top:16px}.steps article>span{font:11px var(--mono);color:var(--muted)}.steps h3{font-size:19px;font-weight:600;letter-spacing:-.7px;margin:28px 0 14px}.steps small{display:block;font:9px var(--mono);color:var(--muted);margin-top:25px}.steps a{display:inline-block;font-size:12px;font-weight:700;margin-top:23px;border-bottom:1px solid var(--ink)}.workflow-section{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:10%}.workflow-section .section-index,.workflow-section p{color:#b8c5af}.text-link{display:inline-block;margin-top:30px;border-bottom:1px solid currentColor;font-size:12px;font-weight:700;padding-bottom:4px}.workflow-list>div{display:grid;grid-template-columns:30px 1fr;gap:0 15px;border-top:1px solid #52614b;padding:20px 0}.workflow-list>div>span{font:10px var(--mono);color:var(--accent);padding-top:4px}.workflow-list h3{font-size:17px;font-weight:500;margin:0 0 5px}.workflow-list>div>p{grid-column:2;font-size:12px}.section p.small-note{font:10px/1.8 var(--mono);max-width:440px;margin-top:25px}.count-section{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.count-section h2{margin-top:22px}.pill-study{background:#e6e8dc;min-height:360px;position:relative;overflow:hidden}.pill-study>span{position:absolute;bottom:21px;left:23px;font:10px var(--mono);letter-spacing:.15em;color:var(--muted)}.pill{position:absolute;display:block;width:69px;height:29px;border-radius:30px;background:linear-gradient(90deg,#f9f5e7 48%,#ceaf71 49%);transform:rotate(-35deg);box-shadow:3px 6px 6px #50472c27;border:1px solid #a9945e50}.p1{top:70px;left:20%;transform:rotate(35deg)}.p2{top:85px;left:55%;transform:rotate(-40deg)}.p3{top:155px;left:30%;transform:rotate(10deg)}.p4{top:180px;left:65%;transform:rotate(70deg)}.p5{top:248px;left:40%;transform:rotate(-20deg)}.p6{top:215px;left:10%;transform:rotate(115deg)}.closing{background:#dce2cf}.closing h2{margin-top:30px}.secondary{display:inline-block;margin-left:30px;font-size:12px;text-decoration:underline}footer{padding:35px 5%;display:flex;align-items:center;gap:40px}footer p{font-size:12px}footer>span{margin-left:auto;font:9px var(--mono);color:var(--muted)}.motion .section{opacity:0;transform:translateY(25px);transition:opacity .65s,transform .65s}.motion .section.in{opacity:1;transform:none}@keyframes slip-in{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}@media(min-width:1500px){.hero-inner{padding-left:max(9.1%,calc((100vw - 1350px)/2))}}@media(max-width:800px){header{height:65px}header nav{gap:15px;font-size:11px}.logo{font-size:23px}.nav-cta{font-size:10px}.hero{min-height:0;grid-template-columns:1fr}.hero-inner{padding:40px 7%}.brand{font-size:67px}.hero h1{font-size:38px;line-height:1.1}.hero .lede{font-size:14px;max-width:470px;margin-bottom:20px}.eyebrow{margin-bottom:18px}.work-scene{min-height:395px;padding:50px 20px 65px}.paper{width:260px;padding:17px 24px}.paper h2{margin:17px 0}.paper-line{margin-top:14px}.review-slip{bottom:65px;right:8%;padding:15px;width:290px}.scene-top,.scene-bottom{font-size:8px}.section{padding:65px 7%}.intro{grid-template-columns:1fr;gap:23px}.intro h2{margin:0}.steps{gap:25px;margin-top:35px;grid-template-columns:1fr}.steps h3{margin:15px 0 10px}.steps small,.steps a{margin-top:14px}.workflow-section,.count-section{grid-template-columns:1fr;gap:40px}.pill-study{min-height:320px}.secondary{display:block;margin:22px 0 0}footer{gap:10px;flex-wrap:wrap;padding:28px 7%}footer p{margin-left:20px}footer>span{margin-left:0;width:100%;margin-top:10px}}@media(max-width:460px){header nav{display:none}.preview-strip{font-size:8px;letter-spacing:.05em;gap:8px}.hero-inner{padding:30px 7%}.hero h1{font-size:34px}.brand{font-size:59px}.work-scene{min-height:375px}.caption{font-size:8px}.button{font-size:11px}.section h2{font-size:32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion .section{opacity:1;transform:none}}
