/* Landing page editorial composition */
.connected-intro{padding:120px 0 128px;background:#fafbf6}
.connected-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(48px,7vw,108px);align-items:center}
.connected-copy .eyebrow{font-size:11px;letter-spacing:.15em;margin:0 0 26px}
.connected-copy h2{font-size:clamp(32px,3.4vw,44px);line-height:1.06;letter-spacing:-.045em;margin:0 0 28px;font-weight:600}
.connected-copy h2 em{font-style:normal;color:#50785a}
.connected-copy>p:not(.eyebrow){font-size:17px;line-height:1.7;max-width:35ch;color:#52685e;margin:0 0 30px}
.editorial-link{display:inline-flex;align-items:center;gap:42px;padding:13px 20px;border:1px solid #b3c9a9;border-radius:40px;font-size:14px;font-weight:600;color:#163d37;text-decoration:none;background:transparent}
.editorial-link:hover{background:#e6f3d8;border-color:#163d37}.editorial-link:focus-visible{outline:3px solid #163d37;outline-offset:4px}
.deal-graphic{position:relative;isolation:isolate;height:610px;border-radius:3px;background:radial-gradient(ellipse at 15% 90%,#bfd39a 0,transparent 60%),linear-gradient(135deg,#e9efdf,#d6e6d4);overflow:hidden;color:#163d37}
.graphic-topline{position:absolute;inset:26px 30px auto;display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:600;letter-spacing:.18em}.graphic-dot{width:7px;height:7px;background:#638758;border-radius:50%}
.graphic-orbit{position:absolute;border:1px solid #8ca38355;border-radius:50%;width:450px;height:450px;z-index:-1;top:36px;left:-66px}.orbit-two{width:340px;height:340px;top:92px;left:-11px}
.scope-slip,.pricing-slip,.terms-slip{position:absolute;box-shadow:0 18px 38px #21413119;border-radius:5px}
.scope-slip{top:68px;left:8%;width:64%;background:#fff;padding:24px;transform:rotate(-4deg)}
.slip-kicker{display:block;font-size:9px;font-weight:600;letter-spacing:.13em;margin-bottom:13px}.scope-slip>strong{display:block;font-size:21px;letter-spacing:-.025em;margin-bottom:16px}
.graphic-check{display:flex;gap:9px;align-items:center;font-size:12px;line-height:1.9;color:#52735a}
.pricing-slip{top:258px;right:7%;width:63%;padding:23px 25px;background:#153e33;color:white;transform:rotate(3deg)}
.pricing-slip .slip-kicker{color:#c9d7cd}.graphic-fee{display:flex;align-items:end;justify-content:space-between;gap:12px}.graphic-fee strong{font-size:31px;letter-spacing:-.04em;line-height:1}.graphic-fee>span{font-size:9px;max-width:60px;color:#c4d7ce}.cost-track{height:8px;background:#b8cabb;border-radius:2px;margin:20px 0 12px;overflow:hidden}.cost-track span{display:block;width:58.33%;height:100%;background:#6b9a7b}.cost-key{display:flex;justify-content:space-between;font-size:9px;color:#c4d7ce}.cost-key b{display:block;font-size:12px;font-weight:500;color:white;margin-top:3px}
.terms-slip{bottom:35px;left:9%;display:flex;gap:15px;align-items:center;background:#eff9e3;padding:20px 25px;width:75%;border:1px solid #a8c88d}.terms-icon{font-size:29px;color:#3a6d43}.terms-slip .slip-kicker{margin-bottom:6px}.terms-slip strong{font-size:18px;letter-spacing:-.02em}.terms-detail{display:block;font-size:10px;color:#52735a;margin-top:7px}.graphic-caption{position:absolute;bottom:12px;left:30px;font-size:9px;color:#4f6c53}
.workflow-stage{background:#0e3029;color:#f8faf3;overflow:hidden}.workflow-stage .depth-heading{align-items:center}.workflow-stage .depth-heading h2{font-weight:500;letter-spacing:-.035em}.workflow-stage .eyebrow{color:#c9d7cd}.workflow-stage .depth-heading>p{color:#b7ccc1;font-size:15px;max-width:24ch}.workflow-stage .tour-tabs{border-color:#456155;margin-bottom:48px;gap:0;padding-bottom:0}.workflow-stage .tour-tabs button{border:0;border-radius:0;background:none;color:#b7ccc1;width:25%;padding:20px 14px;text-align:left;font-size:16px;border-bottom:3px solid transparent}.workflow-stage .tour-tabs button[aria-selected=true]{color:#f4f5ee;background:none;border-bottom-color:#e4e9df}.workflow-stage .tour-tabs button:hover{background:#ffffff08;color:white}.workflow-stage .tour-tabs button:focus-visible{outline:2px solid #e4e9df;outline-offset:-4px}.workflow-stage .tour-panel{grid-template-columns:.6fr 1.4fr;gap:54px}.workflow-stage .tour-panel h3{font-size:32px;font-weight:500;letter-spacing:-.03em}.workflow-stage .tour-panel p{color:#bed0c6;font-size:15px;line-height:1.7}.workflow-stage .tour-panel .eyebrow{color:#c9d7cd;font-size:10px}.workflow-stage .tour-output{border-color:#92b477;margin:28px 0}.workflow-stage .tour-output span{color:#c9d7cd}.workflow-stage .text-link{color:#edf9df;font-size:14px}.workflow-stage .tour-panel figure{padding:14px;background:#dce9d3;box-shadow:0 28px 64px #0003;border-radius:5px}.workflow-stage .tour-panel figcaption{font-size:10px;color:#375a48}.tour-footer{margin-top:60px;padding-top:36px;border-top:1px solid #456155;display:flex;align-items:center;justify-content:space-between;gap:24px}.tour-footer>span{color:#bed0c6;font-size:16px}.tour-footer .btn{background:#e4e9df;color:#163d37!important;border-color:#e4e9df;font-size:15px}.tour-footer .btn:hover{background:#f4f5ee}
.landing-page .audience-band{background:#edf2e6;color:#163d37}.landing-page .audience-band .eyebrow,.landing-page .audience-band a,.landing-page .audience-no{color:#3c6a45}.landing-page .audience-grid p,.landing-page .audience-grid li{color:#52685e}.landing-page .audience-grid article{border-color:#a7b9a6}
@media(max-width:850px){.connected-intro{padding:80px 0}.connected-layout{gap:40px;grid-template-columns:1fr 1fr}.deal-graphic{height:580px}.scope-slip{left:6%;width:78%;padding:20px}.pricing-slip{right:5%;width:78%;top:240px;padding:20px}.terms-slip{left:6%;width:87%;bottom:35px;padding:18px}.graphic-fee strong{font-size:28px}.connected-copy h2{font-size:38px}.workflow-stage .tour-panel{grid-template-columns:1fr;gap:28px}.workflow-stage .tour-panel>div{max-width:540px}}
@media(max-width:600px){.connected-intro{padding:64px 0 72px}.connected-layout{grid-template-columns:1fr;gap:40px}.connected-copy{grid-row:1}.connected-copy h2{font-size:34px}.connected-copy>p:not(.eyebrow){font-size:16px}.deal-graphic{height:580px;max-width:440px;width:100%;margin:auto}.scope-slip{width:70%;left:7%}.pricing-slip{width:72%;right:6%}.terms-slip{width:80%;left:7%}.workflow-stage .tour-tabs button{font-size:13px;min-width:0;padding:18px 6px}.workflow-stage .depth-heading>p{max-width:none}.tour-footer{display:flex;flex-direction:column;align-items:flex-start;margin-top:36px}.workflow-stage .tour-panel figure{padding:8px}.workflow-stage .tour-panel h3{font-size:29px}}
