@font-face{font-family:Manrope;src:url('Manrope.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
:root{--ink:#101828;--blue:#1457e8;--line:#aab4c5;--soft:#f3f6fa;--muted:#536079}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:5px}button{border:0}button:active{transform:translateY(1px)}[hidden]{display:none!important}.shell{max-width:1440px;padding:0 64px;margin:auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:32px 0 30px}.brand{display:grid;position:relative;padding-right:36px;line-height:1;width:max-content}.wordmark{font-size:32px;font-weight:800;letter-spacing:-1.7px}.brand-sub{font-size:10px;font-weight:800;letter-spacing:3.6px;margin-top:9px}.mark{position:absolute;right:0;bottom:0;width:29px;height:29px;fill:var(--blue)}nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:500}.text-button{background:none;color:inherit;padding:12px 0}.button{background:var(--blue);color:#fff;border-radius:2px;min-height:48px;padding:16px 23px;font-size:14px;font-weight:700;display:inline-flex;justify-content:center;align-items:center;gap:23px}.button:hover{background:#104ac7}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}.mark{stroke:none}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.02fr 1fr;gap:24px;padding:40px 0 60px;align-items:center}.hero-copy{padding-right:0}h1{font-size:clamp(42px,4.35vw,63px);line-height:1.12;letter-spacing:-2.8px;font-weight:800;margin:0 0 26px;max-width:610px}.intro{border-top:1px solid var(--ink);padding-top:20px;margin-right:10px}.intro p{font-size:clamp(17px,1.65vw,23px);line-height:1.55;letter-spacing:-.55px;margin:0 0 28px}.main-cta{font-size:16px;min-height:54px;padding:16px 25px}.demonstration{border-left:1px solid var(--line);padding-left:25px;min-width:0;scroll-margin-top:20px}.demo-label{display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:.5px;font-weight:600;margin:0 0 13px}.rule{height:1px;background:var(--line);flex:1}.switcher{display:grid;grid-template-columns:.9fr 1.1fr;margin-bottom:12px;border:1px solid #dfe5ef}.switcher button{min-height:46px;background:var(--soft);color:#354159;font-size:12px;padding:10px 8px;border-bottom:3px solid transparent}.switcher button[aria-selected=true]{background:#fff;color:var(--blue);border-bottom-color:var(--blue);font-weight:800}.preview-stage{height:440px}.example{height:100%;position:relative;overflow:hidden}.custom{background:#f3f6fa url('landscape.png') right bottom/100% auto no-repeat;color:#142329}.example-header{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;gap:10px;position:relative;z-index:1}.example-brand{font-size:17px;line-height:1.05;letter-spacing:-.8px;font-weight:800}.example-brand span{display:block;font-size:7px;letter-spacing:2.1px;margin-top:5px}.example-navigation{font-size:11px}.custom-copy{padding:18px 24px 0;position:relative;z-index:1}.custom h2{font-size:clamp(27px,2.45vw,35px);line-height:1.14;letter-spacing:-1.4px;margin:0 0 13px;max-width:390px}.custom-copy p{font-size:13px;line-height:1.5;margin:0 0 18px;max-width:340px}.example-actions{display:flex;align-items:center;gap:17px}.sample-button{background:#193d36;color:white;min-height:44px;font-size:12px;font-weight:700;padding:12px 16px;border-radius:2px}.sample-link{font-size:12px;text-decoration:underline;text-underline-offset:4px;color:#193d36;padding:12px 0;background:none;min-height:44px}.service-strip{position:absolute;bottom:0;left:0;right:0;background:#edf1ec;display:flex;align-items:center;justify-content:center;gap:15px;padding:12px 8px;font-size:10px;font-weight:600}.service-strip span{color:#687a6e}.demo-caption{font-size:12px;line-height:1.6;margin:13px 0 0}.template{background:#f7f7f3;color:#354b3b;display:flex;flex-direction:column;font-family:Arial,sans-serif;border:1px solid #e4e7df}.template-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:22px 18px;border-bottom:1px solid #d7dfd4;background:#fff}.template-header>span:first-child{font-family:Georgia,serif;font-size:16px}.template-navigation{font-size:9px}.template-copy{text-align:center;padding:35px 25px 25px;flex:1}.template-kicker{font-size:9px;letter-spacing:2px}.template h2{font-family:Georgia,serif;font-weight:400;font-size:34px;line-height:1.15;margin:16px 0}.template-copy p{font-size:13px;line-height:1.65;max-width:290px;margin:0 auto 19px;color:#526052}.template-button{background:#526e50;color:#fff;font-size:12px;padding:12px 22px;min-height:44px}.template-footer{text-align:center;font-size:11px;padding:14px;border-top:1px solid #d7dfd4}.statement{border-top:1px solid var(--line);padding:39px 0 32px;display:grid;grid-template-columns:32% 1fr;gap:0}.statement h2{font-size:clamp(28px,3vw,41px);letter-spacing:-1.5px;line-height:1.14;margin:0;padding-right:28px;font-weight:800}.statement-copy{border-left:1px solid var(--line);padding:0 0 0 43px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}.statement-copy p{font-size:16px;line-height:1.7;max-width:600px;margin:0 0 14px}.difference-link{display:flex;align-items:center;gap:15px;background:none;color:var(--blue);font-size:14px;font-weight:800;padding:10px 0;min-height:44px}.review-note{border-top:1px solid #edf0f4;color:#657187;font-size:10px;padding:18px 0 24px}.skip{position:absolute;top:-100px;background:white;padding:14px;z-index:10}.skip:focus{top:10px}dialog{border:1px solid var(--line);border-radius:4px;padding:38px;max-width:460px;width:calc(100% - 40px);color:var(--ink)}dialog::backdrop{background:#10182870}dialog h2{font-size:25px;letter-spacing:-.7px;margin-top:0}dialog p{font-size:16px;line-height:1.7}.close-dialog{position:absolute;right:8px;top:4px;background:none;font-size:29px;width:44px;height:44px}.close-action{margin-top:12px}
@media(min-width:1450px){.hero{padding-top:55px;padding-bottom:65px}.preview-stage{height:465px}}
@media(max-width:1100px) and (min-width:761px){.shell{padding:0 35px}.site-header nav{gap:20px}.header-cta{display:none}h1{font-size:44px;letter-spacing:-2px}.preview-stage{height:420px}.example-navigation{display:none}.custom h2{font-size:28px}.custom-copy{padding-top:14px}.statement-copy{padding-left:30px}}
@media(max-width:760px){.shell{padding:0 24px}.site-header{padding:25px 0 30px;position:relative}.wordmark{font-size:28px}.brand-sub{font-size:8px;letter-spacing:3px}.brand{padding-right:31px}.mark{width:25px;height:25px}.menu-toggle{display:grid;place-items:center;width:44px;height:44px;background:none;color:var(--ink)}nav{display:none;position:absolute;top:90px;left:0;right:0;background:white;border:1px solid var(--line);padding:20px;z-index:5;align-items:stretch;gap:12px}nav.open{display:flex;flex-direction:column}nav>a{padding:12px 0}.text-button{text-align:left}.hero{display:block;padding:18px 0 35px}.hero-copy{padding:0}h1{font-size:clamp(34px,8.8vw,56px);line-height:1.14;letter-spacing:-1.5px;margin-bottom:23px}.desktop-break{display:none}.intro{margin:0;padding-top:20px}.intro p{font-size:16px;line-height:1.65;letter-spacing:-.3px;margin-bottom:24px}.main-cta{width:100%;font-size:14px;gap:15px}.demonstration{border-left:0;border-top:1px solid var(--line);padding:25px 0 0;margin-top:32px}.demo-label{font-size:11px;margin-bottom:14px}.switcher{grid-template-columns:.85fr 1.15fr}.switcher button{font-size:11px;line-height:1.4;min-height:48px;padding:8px}.preview-stage{height:435px}.example-header{padding:21px 20px}.example-navigation{display:none}.custom-copy{padding:20px 20px 0}.custom h2{font-size:29px;letter-spacing:-1.1px;line-height:1.15}.custom-copy p{font-size:12px;max-width:240px}.custom{background-size:auto 290px;background-position:65% bottom}.example-actions{gap:15px}.service-strip{font-size:9px;gap:8px;min-height:40px}.demo-caption{font-size:12px;line-height:1.7;max-width:310px}.template-navigation{display:none}.template-header{justify-content:center;padding:23px 12px}.template-copy{padding-top:46px}.template h2{font-size:33px}.statement{grid-template-columns:1fr;padding:28px 0;gap:23px}.statement h2{font-size:33px;line-height:1.13;letter-spacing:-1.2px}.statement-copy{border-left:1px solid var(--line);padding-left:20px}.statement-copy p{font-size:15px;line-height:1.75}.review-note{font-size:9px;line-height:1.7}}
/* Separate artwork and copy; preserve the surrounding page composition. */
.custom{display:flex;flex-direction:column;background:#fff;color:#16352e;border:1px solid #dce5df}
.custom .example-header{padding:20px 24px 0;flex-shrink:0}
.service-area{font-size:12px;font-weight:600;color:#456254}
.custom .custom-copy{padding:19px 24px 23px;flex-shrink:0}
.custom h2{font-size:38px;line-height:1.06;letter-spacing:-1.8px;font-weight:700;margin:0 0 15px}
.custom .custom-services{font-size:12px;line-height:1.7;max-width:none;margin:0 0 17px;font-weight:500;color:#40594f}
.custom .sample-button{font-size:12px;padding:12px 17px;display:flex;align-items:center;gap:20px;background:#193d36}
.custom .sample-button svg{width:18px;height:18px}
.custom-art{flex:1;min-height:100px;background:#f3f6fa url('landscape.png') center 76%/cover no-repeat;border-top:1px solid #e1e8e3}
.template-header{padding:14px 18px;min-height:50px;flex-shrink:0}
.template-banner{height:68px;flex-shrink:0;background:#f3f6fa url('landscape.png') center 68%/cover no-repeat}
.template-copy{padding:12px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.template h2{font-size:30px;margin:0 0 11px}
.template-copy p{font-size:13px;margin-bottom:14px;line-height:1.55}
.template-footer{padding:10px;flex-shrink:0}
.demo-caption{min-height:39px}
@media(max-width:1100px) and (min-width:761px){.custom h2{font-size:32px}.custom .example-header{padding:17px 18px 0}.custom .custom-copy{padding:17px 18px}.service-area{font-size:11px}.custom .custom-services{font-size:11px}.custom .sample-button{padding:12px;font-size:11px;gap:10px}.custom .sample-link{font-size:11px}}
@media(max-width:760px){.custom .example-header{padding:20px 18px 0}.service-area{font-size:11px}.custom .custom-copy{padding:22px 18px}.custom h2{font-size:36px;letter-spacing:-1.6px}.custom .custom-services{font-size:12px;line-height:1.8;max-width:260px}.custom-art{background-position:67% 80%}.custom .sample-button{padding:12px 14px;gap:13px}.custom .sample-link{font-size:12px}.template-header{padding:14px 12px}.template-copy{padding:12px 20px}.template h2{font-size:29px}.template-banner{height:68px}}
/* GreenRoot has its own warm, editorial identity; Measure Up stays unchanged. */
.custom{background:#f7f5ee;border-color:#dedfd4;color:#283f32}
.custom .example-header{padding:18px 26px 0}
.custom .example-brand{font-family:Georgia,serif;font-weight:400;font-size:23px;letter-spacing:-.8px}
.custom .example-brand span{font-family:Manrope,Arial,sans-serif;font-size:7px;letter-spacing:2.7px;margin-top:6px}
.service-area{font-weight:400;font-size:11px;color:#51634f}
.custom .custom-copy{padding:16px 26px 20px}
.custom h2{font-family:Georgia,serif;font-size:42px;font-weight:400;letter-spacing:-1.3px;line-height:1.04;margin:0 0 13px}
.custom .custom-services{font-size:12px;line-height:1.6;letter-spacing:.05px;margin-bottom:16px;color:#4e5f4e}
.custom .sample-button{background:#314d39;font-weight:600;border-radius:0}
.custom .sample-link{color:#314d39}
.custom-art{min-height:150px;background-position:center 65%;border-color:#dedfd4}
.template{background:#fff;color:#333;border-color:#d4d4d4}
.template-header{background:#ececec;border-color:#ccc}
.template-header>span:first-child{font-family:Arial,sans-serif;font-weight:700;font-size:15px}
.template-banner{width:150px;height:86px;margin:17px auto 0;background-position:center 70%;border:1px solid #ddd}
.template h2{font-family:Arial,sans-serif;font-size:27px;font-weight:700;line-height:1.15;color:#333}
.template-copy p{color:#555;font-family:Arial,sans-serif}
.template-button{background:#59744e;border:1px solid #43563b;border-radius:3px;font-family:Arial,sans-serif;font-weight:400}
.template-footer{background:#f0f0f0;color:#555;border-color:#ddd}
@media(max-width:1100px) and (min-width:761px){.custom .example-header{padding:16px 18px 0}.custom .example-brand{font-size:20px}.service-area{font-size:10px}.custom .custom-copy{padding:15px 18px 17px}.custom h2{font-size:36px}.custom .custom-services{font-size:11px}.custom-art{min-height:120px}}
@media(max-width:760px){.custom .example-header{padding:18px 20px 0}.custom .custom-copy{padding:18px 20px 20px}.custom h2{font-size:38px;letter-spacing:-1px}.custom .custom-services{font-size:12px}.custom-art{min-height:125px;background-position:67% 68%}.service-area{font-size:10px}.template-banner{height:86px}}
.template .template-banner{width:70%;max-width:360px;height:108px;margin:0 auto 14px;background-position:center 70%}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button:active{transform:none}}