@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@600;700&display=swap');
:root{--bg:#141614;--panel:#1e211e;--lime:#dcff45;--ink:#f4f5ef;--muted:#adb2a8;--line:#3b4038;--font:'DM Sans',Arial,sans-serif;--display:'Space Grotesk',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font:400 1rem/1.55 var(--font)}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:5px}button.button:focus-visible{outline-color:var(--ink)}.wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.header{height:114px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.logo{font-family:var(--display);font-size:2.2rem;font-weight:700;letter-spacing:-1.8px;display:flex;align-items:center;line-height:1}.logo-dot{color:var(--lime)}.mark{font:bold 1.25rem/1 var(--display);background:var(--lime);color:var(--bg);display:inline-flex;align-items:center;justify-content:center;width:33px;height:36px;transform:skew(-9deg);margin-right:13px;border-radius:2px}.header nav{display:flex;gap:36px;font-size:.9rem}.header nav a{color:#d6d9d1;transition:color .2s}.header nav a:hover{color:var(--lime)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:44px;border:0;border-radius:3px;padding:19px 25px;background:var(--lime);color:var(--bg);font-weight:700;font-size:1rem;transition:background .2s,transform .2s}.button:hover{background:#e8ff87;transform:translateY(-2px)}.button span{font-size:1.35rem;line-height:1}.button.small{font-size:.9rem;padding:13px 18px;gap:25px}.hero-top{display:flex;justify-content:space-between;align-items:start;margin-top:47px}.eyebrow,.section-label{font:500 .78rem/1.5 var(--font);letter-spacing:1.5px}.eyebrow{margin:0}.hero-top .eyebrow{color:var(--lime)}.edition{margin:0;color:var(--muted);font-size:.83rem;line-height:1.45}.hero h1{font:500 clamp(4rem,8.65vw,8rem)/1.02 var(--display);letter-spacing:-.065em;margin:27px 0 40px}.hero h1 span{color:var(--lime)}.hero-bottom{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center}.hero-copy>p:first-child{font-size:1.45rem;line-height:1.4;margin:0 0 18px}.muted{color:var(--muted)}.hero-copy>.muted{max-width:400px;margin:0 0 30px}.cta-note{display:block;font-size:.8rem;color:var(--muted);margin-top:14px}.hero-art{height:315px;background:#101210;position:relative;overflow:hidden;border:1px solid #353a32;border-radius:4px}.hero-art img{width:100%;height:100%;object-fit:cover;display:block}.art-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.75));display:flex;justify-content:space-between;align-items:end;padding:45px 20px 18px;font-size:.7rem;letter-spacing:1.1px}.trade-strip{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:50px;padding:24px 0}.trade-strip>span{font-size:.65rem;letter-spacing:1px;color:var(--muted)}.trade-strip>div{font-size:.87rem}.trade-strip b{color:#656d5d;font-weight:400;margin:0 12px}.section{padding-top:95px;padding-bottom:95px}.section-label{display:flex;align-items:center;justify-content:space-between;color:var(--muted)}.section-label>span:last-child{font-size:1.5rem}h2,h3,h4,p{overflow-wrap:break-word}h2{font:500 clamp(2.7rem,4.3vw,4rem)/1.07 var(--display);letter-spacing:-.05em;margin:0}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin:45px 0 52px}.intro-grid>p{color:var(--muted);max-width:445px;margin:0;font-size:1.13rem}.workflow-example{background:var(--lime);color:var(--bg);display:grid;grid-template-columns:1fr 1fr;border-radius:4px;overflow:hidden}.example-intro{padding:46px}.example-intro .eyebrow{font-size:.7rem;letter-spacing:1px}.example-intro h3{font:500 2.6rem/1.12 var(--display);letter-spacing:-.045em;margin:40px 0 20px}.example-intro>p:not(.eyebrow){max-width:285px;color:#39421c}.example-label{font-size:.66rem;letter-spacing:1.5px;display:block;margin-top:45px}.flow{list-style:none;margin:0;padding:34px 34px 34px 0}.flow li{background:#efffc0;position:relative;display:flex;align-items:start;gap:17px;padding:20px 23px;margin-bottom:12px;border:1px solid #b8d44a;border-radius:3px}.step-number{font-size:.75rem;margin-top:3px;color:#5d6c2b}.flow h4{font-size:1rem;line-height:1.4;margin:0 0 3px}.flow p{font-size:.88rem;line-height:1.45;color:#4b5437;margin:0}.flow-icon{position:absolute;bottom:-16px;right:30px;z-index:1;background:var(--lime);width:22px;text-align:center;line-height:22px;border-radius:20px}.flow li.human{background:var(--bg);border-color:var(--bg);color:var(--ink);margin-bottom:0}.flow .human p{color:#bec7aa}.check{color:var(--lime);margin-top:2px}.more-workflows{margin-top:50px}.more-workflows>.eyebrow{color:var(--muted);margin-bottom:23px;font-size:.72rem}.service-row{display:grid;grid-template-columns:50px 1fr 1fr;align-items:center;gap:18px;border-top:1px solid var(--line);padding:27px 0}.service-row:last-child{border-bottom:1px solid var(--line)}.service-num{color:var(--lime);font-size:.8rem}.service-row h3{font:500 1.4rem/1.25 var(--display);letter-spacing:-.035em;margin:0}.service-row p{color:var(--muted);font-size:.95rem;margin:0;max-width:390px}.approach{background:#222620}.approach-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:90px;align-items:end;margin:44px 0 70px}.approach-heading h2 span{color:var(--lime)}.approach-heading p{color:#b8bfb1;max-width:350px;margin:0 0 5px;font-size:1.08rem}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.process article{border-top:1px solid #535c4b;padding-top:20px}.process article>span{font-size:.72rem;letter-spacing:1px;color:var(--lime)}.process h3{font:500 1.6rem/1.2 var(--display);letter-spacing:-.03em;margin:30px 0 14px}.process p{font-size:1rem;color:#b8bfb1;margin:0;max-width:320px}.closing>.eyebrow{color:var(--lime);margin-bottom:35px}.closing-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:90px;align-items:center}.closing-grid h2{font-size:clamp(3rem,5.6vw,5.2rem)}.closing-grid>div>p:first-child{font-size:1.15rem;margin:0 0 25px}.booking-note{font-size:.8rem;color:var(--muted);margin:14px 0 0}.footer-top{border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;color:var(--muted);font-size:.85rem}.footer-word{font:700 clamp(5rem,23.5vw,22rem)/1.2 var(--display);letter-spacing:-.085em;white-space:nowrap;margin-left:-.012em}.footer-word span{color:var(--lime)}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0 30px;color:var(--muted);font-size:.75rem}dialog{color:var(--ink);background:var(--panel);border:1px solid #535c4b;border-radius:8px;padding:45px;width:min(540px,calc(100% - 32px));max-height:calc(100% - 40px);box-shadow:0 30px 120px #0008}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}dialog h2{font-size:2.8rem;margin:22px 0}dialog .eyebrow{font-size:.7rem;margin-top:27px}dialog p{font-size:1rem}dialog .button{margin-top:12px;width:100%}.close{position:absolute;right:16px;top:14px;background:transparent;color:var(--ink);border:0;font-size:1.8rem;width:40px;height:40px}.skip{position:fixed;left:20px;top:-80px;background:var(--lime);color:var(--bg);padding:12px;z-index:9}.skip:focus{top:10px}body:has(dialog[open]){overflow:hidden}@media(min-width:1700px){.hero h1{font-size:8.4rem}}@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.header nav{gap:20px}.hero-bottom{gap:35px}.hero-art{height:335px}.trade-strip{align-items:start;flex-direction:column;gap:12px}.intro-grid,.approach-heading,.closing-grid{gap:40px}.example-intro{padding:32px}.example-intro h3{font-size:2.2rem}.flow{padding:25px 25px 25px 0}.flow li{padding:17px}.process{gap:25px}.service-row{grid-template-columns:30px 1fr 1fr}.service-row h3{font-size:1.25rem}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{height:86px;gap:12px}.logo{font-size:1.85rem}.mark{width:27px;height:30px;font-size:1.1rem;margin-right:9px}.header nav{display:none}.button.small{padding:12px 15px;gap:17px}.hero-top{margin-top:30px}.hero-top .eyebrow{font-size:.66rem;letter-spacing:1px;max-width:230px}.edition{display:none}.hero h1{font-size:clamp(3.1rem,10.9vw,5rem);letter-spacing:-.065em;margin:28px 0 32px}.hero-bottom{grid-template-columns:1fr;gap:30px}.hero-copy>p:first-child{font-size:1.3rem}.hero-copy>.muted{max-width:100%}.hero-art{height:260px}.trade-strip{margin-top:28px;padding:22px 0}.trade-strip>span{font-size:.62rem}.trade-strip>div{font-size:.78rem;line-height:2}.trade-strip b{margin:0 5px}.section{padding-block:60px}.section-label{font-size:.66rem;letter-spacing:1px}.intro-grid{grid-template-columns:1fr;gap:25px;margin:30px 0}h2{font-size:2.6rem}.intro-grid>p{font-size:1rem}.workflow-example{grid-template-columns:1fr}.example-intro{padding:28px 25px 18px}.example-intro h3{margin:25px 0 18px;font-size:2.3rem}.example-label{margin-top:22px}.flow{padding:10px 20px 25px}.more-workflows{margin-top:37px}.service-row{grid-template-columns:24px 1fr;gap:8px 14px;padding:24px 0}.service-row p{grid-column:2}.service-row h3{font-size:1.25rem}.service-row p{font-size:.9rem}.approach-heading{grid-template-columns:1fr;gap:25px;margin:30px 0 40px}.approach-heading p{font-size:1rem;max-width:none}.process{grid-template-columns:1fr;gap:30px}.process h3{margin:18px 0 12px}.process p{max-width:none}.closing>.eyebrow{font-size:.66rem;letter-spacing:1px}.closing-grid{grid-template-columns:1fr;gap:30px}.closing-grid h2{font-size:3rem}.footer-top{font-size:.73rem;gap:20px}.footer-word{font-size:23vw;line-height:1.4}.footer-bottom{font-size:.65rem;gap:20px}dialog{padding:32px 25px}dialog h2{font-size:2.35rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* Copy-led refinements within the original Handco design. */
.hero h1{font-size:clamp(3.3rem,7.8vw,7.3rem)}.hero-copy .button,.closing .button{gap:22px;padding-inline:20px}.extra-services{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:25px;color:var(--ink)}.extra-services span{border-bottom:1px solid var(--line);padding:10px 0;font-size:.95rem}.difference-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.difference-grid>div{border-top:1px solid #535c4b;padding-top:25px}.difference-grid .eyebrow{color:var(--muted)}.difference-grid>div:last-child .eyebrow{color:var(--lime)}.difference-grid ul{list-style:none;padding:0;margin:22px 0 0}.difference-grid li{padding:10px 0;font-size:1.15rem}.difference-grid li::before{content:'−';color:var(--muted);display:inline-block;width:28px}.difference-grid>div:last-child li::before{content:'+';color:var(--lime)}.contact{display:flex;flex-direction:column;align-items:start;gap:7px;margin-top:25px;font-size:.95rem}.contact a{border-bottom:1px solid var(--line)}.contact a:hover{color:var(--lime)}.closing-grid h2{font-size:clamp(3rem,4.9vw,4.6rem)}@media(max-width:700px){.hero h1{font-size:clamp(2.55rem,9.6vw,4.5rem)}.hero-copy .button,.closing .button{max-width:100%;gap:16px;font-size:.9rem;padding-inline:16px}.difference-grid{grid-template-columns:1fr;gap:30px}.closing-grid h2{font-size:2.8rem}.footer-bottom{flex-wrap:wrap}.difference .approach-heading h2{font-size:2.35rem}}
