@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f7f7f0;--ink:#172c2b;--teal:#07685d;--muted:#596866;--line:#d6ddd5;--lime:#d7f29a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #b27827;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.1;letter-spacing:-.045em}h1{font-size:clamp(44px,5.1vw,76px);font-weight:800}h2{font-size:clamp(34px,3.7vw,52px);font-weight:700}h3{font-size:28px;font-weight:700}p{color:var(--muted)}.draft{text-align:center;font-size:11px;letter-spacing:.1em;background:#e6ece4;padding:5px}header,main,footer{max-width:1320px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:30px 60px}.brand{display:flex;align-items:center;gap:10px;font-size:27px;font-weight:700;letter-spacing:-.04em}.mark{font-size:38px;line-height:1;color:var(--teal);font-weight:700}.brand-note{font-size:9px;letter-spacing:.14em;margin-left:8px;max-width:45px;line-height:1.4;color:var(--muted)}nav{display:flex;align-items:center;gap:32px;font-size:14px}nav a:hover,.text-link:hover{color:var(--teal)}.nav-cta{border:1px solid var(--line);padding:9px 18px;border-radius:4px}.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:65px;padding:85px 60px 90px;align-items:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.13em;color:var(--teal);margin-bottom:24px}.hero em{font-style:normal;color:var(--teal)}.intro{font-size:19px;max-width:585px;margin-top:28px}.actions{display:flex;gap:25px;align-items:center;margin-top:32px;flex-wrap:wrap}.button{display:inline-flex;gap:24px;justify-content:space-between;align-items:center;padding:15px 22px;background:var(--teal);color:white;border-radius:4px;font-size:14px;font-weight:600}.button:hover{background:#094b43}.text-link{font-size:14px;font-weight:600}.hero-foot{font-size:12px;margin-top:30px}.system{background:#e9eee4;border:1px solid #d1dacd;border-radius:10px;padding:28px;box-shadow:14px 14px 0 #eff1e9;transform:rotate(-1deg)}.system-top{font-size:9px;letter-spacing:.11em;display:flex;align-items:center;gap:8px}.status{height:6px;width:6px;border-radius:50%;background:var(--teal)}.system-row{display:flex;justify-content:space-between;gap:18px;margin-top:35px}.system-row span{background:var(--paper);border:1px solid #d2dbcf;padding:13px 10px;text-align:center;font-size:11px;border-radius:4px;flex:1}.paths{display:flex;justify-content:space-around;height:35px}.paths i{display:block;border-left:1px solid #86a499}.system-core{background:var(--ink);color:white;border-radius:5px;padding:20px;text-align:center}.system-core .mark{color:var(--lime);display:inline-block;vertical-align:middle;margin-right:7px}.system-core strong{font-size:28px;letter-spacing:-.04em}.system-core small{display:block;color:#becfca;font-size:11px;margin-top:7px}.flow-line{height:32px;border-left:1px solid #86a499;margin-left:50%}.system-output{display:flex;gap:13px;align-items:center;background:var(--lime);padding:18px;border-radius:4px}.check{border:1px solid #658846;border-radius:50%;height:26px;width:26px;text-align:center}.system-output strong{font-size:14px}.system-output small{display:block;font-size:10px}.system-bottom{text-align:center;font-size:10px;margin-top:24px}.audiences,.work,.approach,.about{padding:70px 60px;border-top:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:20px 80px}.section-heading .eyebrow{grid-column:1/-1;margin:0}.section-heading>p:last-child{max-width:420px;align-self:end}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:45px}.audience-grid article{padding:35px;border:1px solid var(--line);border-radius:5px}.number{font-size:10px;letter-spacing:.13em;color:var(--teal)}.audience-grid h3{margin:24px 0 20px;font-size:32px}.audience-grid p{max-width:430px}.audience-grid ul{padding:22px 0;margin:0;list-style:none;font-size:14px}.audience-grid li{padding:7px 0;border-bottom:1px solid var(--line)}.audience-grid li:before{content:'↗';color:var(--teal);margin-right:12px}.audience-grid a{font-size:13px;font-weight:700}.automation{margin:10px 60px 60px;padding:45px;background:#e8ede3;border-radius:5px;display:grid;grid-template-columns:1.1fr 1fr;gap:80px}.automation h2{font-size:37px}.automation p{margin:24px 0;font-size:15px}.workflow>div{padding:18px 0 18px 40px;position:relative;border-bottom:1px solid #c7d2c3}.workflow span{position:absolute;left:0;top:19px;color:var(--teal);font-size:11px}.workflow strong{font-size:16px}.workflow p{margin:8px 0 0;font-size:13px}.work-list{margin-top:40px}.work-list article{display:grid;grid-template-columns:210px 1fr 25px;gap:40px;padding:35px 0;border-top:1px solid var(--line);align-items:center}.work-stat{font-family:Manrope,sans-serif;font-size:40px;letter-spacing:-.05em;color:var(--teal);font-weight:600}.work-stat span{display:block;font:12px 'DM Sans',sans-serif;letter-spacing:0;color:var(--muted)}.work-list .eyebrow{margin-bottom:10px}.work-list h3{font-size:24px}.work-list p:last-child{margin-top:15px;font-size:14px;max-width:650px}.work-list a{font-size:27px}.trueup{margin:20px 25px 50px;padding:65px 55px;display:grid;grid-template-columns:1fr 1fr;gap:85px;background:var(--ink);color:white;border-radius:6px}.trueup .eyebrow{color:var(--lime)}.trueup h2{font-size:57px}.trueup h3{font-size:27px;line-height:1.3;margin:23px 0}.trueup p{color:#bbcfca;font-size:15px}.trueup .button{margin-top:28px}.light{background:var(--lime);color:var(--ink)}.light:hover{background:#bed887}.report{align-self:center;border:1px solid #4d6560;background:#213a36;padding:25px;border-radius:5px}.report-header{display:flex;justify-content:space-between;gap:12px;padding-bottom:25px;align-items:center}.report-header strong{font-size:13px}.report-header span{font-size:8px;letter-spacing:.09em;color:#b5c7bd}.report-row{border-top:1px solid #49605a;padding:20px 0;display:flex;justify-content:space-between;gap:20px;font-size:11px}.report-row span{color:#abc2b8}.report-row b{font-weight:500}.report-result{display:flex;align-items:center;gap:20px;background:#2c4840;padding:20px;margin:8px 0 25px}.report-result>span{font-size:30px;color:var(--lime)}.report-result strong{color:var(--lime)}.report small{font-size:10px;color:#b9cac4}.approach{display:grid;grid-template-columns:1fr 1fr;gap:90px}.approach ol{padding:0;list-style:none;counter-reset:step}.approach li{padding:0 0 27px 45px;position:relative;counter-increment:step}.approach li:before{content:'0' counter(step);position:absolute;left:0;color:var(--teal);font-size:11px}.approach h3{font-size:22px;letter-spacing:-.025em}.approach p{margin-top:13px;font-size:14px}.about{text-align:center}.about>p:not(.eyebrow){max-width:650px;margin:25px auto}.stack{font-size:11px;color:var(--muted);margin-top:45px}.contact{text-align:center;background:#e7eddf;padding:75px 30px;margin:25px;border-radius:6px}.contact h2{font-size:54px}.contact p:not(.eyebrow){margin-top:25px}.contact .actions{justify-content:center}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:35px 60px}footer>span,footer small{font-size:11px;color:var(--muted)}
@media(max-width:1000px){header{padding:25px 30px}.hero{padding:60px 30px;gap:30px}.hero h1{font-size:52px}.system{padding:20px}.audiences,.work,.approach,.about{padding:55px 30px}.automation{margin:0 30px 50px;padding:30px;gap:35px}.trueup{padding:45px 30px;gap:35px}.work-list article{grid-template-columns:160px 1fr 20px;gap:25px}footer{padding:30px}.brand-note{display:none}}
@media(max-width:700px){header{padding:18px 20px}.brand{font-size:23px}nav{gap:14px;font-size:11px}nav a:nth-child(2){display:none}.nav-cta{padding:7px 9px}.hero{grid-template-columns:1fr;padding:45px 24px 60px;gap:45px}.hero h1{font-size:46px}.intro{font-size:17px}.system{max-width:440px;width:100%;justify-self:center}.hero-foot{font-size:11px}.section-heading,.audience-grid,.automation,.trueup,.approach{grid-template-columns:1fr;gap:28px}.audiences,.work,.approach,.about{padding:45px 24px}.audience-grid article{padding:25px}.automation{margin:0 16px 40px;padding:30px 24px}.automation h2{font-size:32px}.work-list article{grid-template-columns:1fr 24px;gap:20px}.work-stat{grid-column:1/-1;font-size:34px}.work-list h3{font-size:23px}.trueup{margin:10px 16px 40px;padding:35px 24px}.report{padding:20px}.report-row{font-size:10px;gap:10px}.approach ol{margin:0}.contact{margin:16px;padding:45px 20px}.contact h2{font-size:38px}.contact p br{display:none}.contact .actions{gap:20px}footer{padding:25px 24px;flex-wrap:wrap}footer>span{display:none}.about h2{font-size:34px}.brand .mark{font-size:30px}}
