@import url('styles.css');
:root{--ink:#112d24;--green:#267b42;--deep:#082f24;--lime:#caf879;--muted:#59695f;--line:#d8dfd7;--light:#f1f3ec}body{background:#fcfdf9}h1,h2,h3{font-family:Sora,Arial,sans-serif;font-weight:500;letter-spacing:-.052em}h1{font-size:clamp(48px,5.2vw,76px);line-height:1.06}h2{font-size:clamp(32px,3.1vw,45px);line-height:1.18}h3{letter-spacing:-.035em}.wrap{width:min(1240px,calc(100% - 96px))}.section{padding-block:105px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.16em}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{display:inline-block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.button{border-radius:3px;min-height:52px;font-size:14px;gap:26px;font-weight:600}.button span{display:inline-flex}.button .icon{width:18px;height:18px}.text-link{gap:18px}.text-link .icon{width:17px;height:17px}.topbar{background:#f0f3e9;color:#354c3f;font-size:12px}.topbar .wrap{padding:7px 0}.topbar .icon{width:13px;height:13px;margin-left:5px}.header{background:#fcfdf9f5;border-color:#e4e8de}.nav-wrap{min-height:85px}.brand img{width:154px;height:70px}.header nav{font-size:14px;gap:30px}.nav-contact{background:var(--deep);border-radius:3px}.nav-contact .icon{height:17px;width:17px}.menu-toggle{border-radius:3px}.ecosystem-hero{background:var(--deep);color:#f6f8ee;overflow:hidden;padding:63px 0 0}.hero-heading{display:grid;grid-template-columns:1.35fr 1fr;align-items:end;gap:70px}.hero-heading h1 em{color:var(--lime)}.hero-heading .eyebrow{color:#c4d6ba;font-size:10px;letter-spacing:.13em;margin-bottom:24px}.tiny-line{background:var(--lime);width:24px}.hero-intro{padding-bottom:4px}.hero-intro>p{color:#c7d7cd;font-size:16px;line-height:1.8;max-width:415px;margin-bottom:23px}.hero-caption{display:block;font-size:12px;color:#b1c8ba;margin-top:16px}.ecosystem-stage{position:relative;margin-top:41px;border-top:1px solid #d5edd230}.stage-caption{position:absolute;z-index:2;inset:20px 0 auto;display:flex;justify-content:space-between;color:#aec4b5;font-size:10px;letter-spacing:.14em;pointer-events:none}.ecosystem-stage>img{width:100%;height:auto;max-height:630px;object-fit:cover;object-position:center;display:block}.ecosystem-note{position:absolute;left:1%;bottom:130px;font-size:12px;color:#a6c2b1;background:#082f24de;border-left:1px solid #b9e880;padding:15px 19px;line-height:1.6;backdrop-filter:blur(12px)}.ecosystem-note strong{font-weight:500;color:#f5f9e9;font-size:16px}.status-mark{display:block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-bottom:9px}.journey{list-style:none;padding:23px 0 28px;margin:0;display:grid;grid-template-columns:repeat(7,1fr);position:relative;border-top:1px solid #d5edd230;gap:22px}.journey li{color:#f4f6ed;font-size:13px;position:relative}.journey li span{display:block;color:#9bb0a2;font-size:10px;margin-bottom:6px;letter-spacing:.07em}.journey li:not(:last-child):after{content:'';position:absolute;right:2px;top:26px;width:7px;height:7px;border-top:1px solid #a5cc80;border-right:1px solid #a5cc80;transform:rotate(45deg)}.journey li:nth-child(4){color:var(--lime)}.credibility{border-bottom:1px solid var(--line);background:#f0f3e9}.credibility .wrap{display:grid;grid-template-columns:repeat(4,1fr);padding-block:29px;gap:28px}.credibility .wrap>div{display:flex;gap:16px;align-items:center;padding-right:15px;border-right:1px solid #d5ddce}.credibility .wrap>div:last-child{border:0;padding:0}.credibility .icon{height:26px;width:26px;color:#4d6a3a}.credibility span{font-size:12px;color:#627159;line-height:1.6}.credibility strong{display:block;font-size:13px;font-weight:550;color:#223d2d}.section-intro{gap:50px;margin-bottom:43px}.section-intro>p{max-width:375px;font-size:16px;line-height:1.8}.service-gallery{display:grid;grid-template-columns:1fr 1fr;gap:43px 28px}.visual-service{display:block;min-width:0}.service-visual{background:var(--deep);position:relative;overflow:hidden;border-radius:3px}.service-visual img{width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.visual-service:hover img{transform:scale(1.035)}.visual-index{position:absolute;top:21px;left:23px;z-index:1;color:#d3e6cb;font-size:10px;letter-spacing:.12em;background:#082f24c9;padding:7px 10px;border:1px solid #a6be912e}.service-description{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;padding:24px 0 0}.service-description h3{font-size:24px;line-height:1.3}.service-description p{font-size:16px;line-height:1.7;max-width:465px;margin-top:11px}.round-link{display:grid;place-items:center;flex-shrink:0;border:1px solid #b8c7af;border-radius:50%;width:40px;height:40px;transition:background .2s}.visual-service:hover .round-link{background:var(--lime)}.round-link .icon{width:17px;height:17px}.system-section{background:var(--deep);color:#f5f7ec}.system-section h2 em{color:var(--lime)}.system-section .section-intro>p{color:#b9cebe}.system-section .eyebrow.light{color:#bed2b3}.workflow-studio{background:#10392d;border:1px solid #75937466;padding:27px 34px 35px;border-radius:3px;box-shadow:0 35px 55px #001d1733}.studio-top{display:flex;justify-content:space-between;font-size:10px;color:#b6c9b3;letter-spacing:.14em;padding-bottom:25px}.workflow-tabs{display:grid;grid-template-columns:repeat(5,1fr);position:relative;margin-bottom:40px;gap:20px}.workflow-tabs:before{content:'';height:1px;position:absolute;left:15px;right:15px;top:20px;background:#52705a}.workflow-tabs button{background:none;border:0;color:#b8c9b7;position:relative;text-align:left;padding:0;cursor:pointer;font-size:14px;min-height:80px}.workflow-tabs button>span{display:grid;place-items:center;width:41px;height:41px;border-radius:50%;background:#153e30;border:1px solid #759374;font-size:12px;color:#c4d6bf;margin-bottom:12px;transition:background .2s}.workflow-tabs button[aria-selected=true]{color:#e4ffb1}.workflow-tabs button[aria-selected=true]>span{background:var(--lime);color:#173b24;border-color:var(--lime);box-shadow:0 0 0 6px #b1e7700c}.flow-panel{display:grid;grid-template-columns:.95fr 1.1fr;gap:60px;align-items:center}.flow-explainer>span{font-size:10px;color:#a9bf9d;letter-spacing:.14em}.flow-explainer h3{font-size:31px;margin-top:18px;line-height:1.22;min-height:76px}.flow-explainer p{font-size:16px;line-height:1.8;color:#bfd0c1;margin-top:20px;min-height:115px}.flow-explainer .text-link{color:var(--lime);font-size:14px;margin-top:25px}.job-screen{background:#f9fbf5;color:var(--ink);border:1px solid #e1e8d9;box-shadow:0 24px 36px #001b1750;border-radius:7px;transform:perspective(1300px) rotateY(-5deg) rotateX(2deg);overflow:hidden;transition:opacity .2s}.job-screen-top{font-size:10px;letter-spacing:.12em;background:#edf1e5;display:flex;justify-content:space-between;gap:20px;padding:17px 21px;border-bottom:1px solid #d6dfcd}.demo-label{font-size:8px;color:#687b60;letter-spacing:.08em}.job-title{display:flex;justify-content:space-between;gap:10px;padding:24px 22px;align-items:flex-start}.job-title small{font-size:9px;letter-spacing:.06em;color:#798871}.job-title h4{font-family:Sora,sans-serif;font-size:19px;font-weight:500;letter-spacing:-.03em;margin:10px 0 7px}.job-title>div>span{font-size:12px;color:#697a61}.job-title>#job-status{font-size:10px;padding:5px 9px;background:#e3efcd;color:#3d6328;border-radius:3px;white-space:nowrap;margin-top:4px}.job-fields{margin:0 22px;border-block:1px solid #dce3d4}.job-fields>div{padding:16px 0}.job-fields>div+div{border-top:1px solid #e4e9de}.job-fields span{display:block;font-size:11px;color:#6a7a62;margin-bottom:5px}.job-fields strong{font-size:14px;font-weight:500}.job-activity{padding:22px;display:flex;gap:10px;align-items:center;font-size:11px;color:#4b6c36}.job-activity .icon{width:16px;height:16px}.job-progress{height:4px;background:#e3eadb}.job-progress>span{display:block;height:100%;background:#73a94b;transition:width .4s}.support-capabilities{display:flex;flex-wrap:wrap;gap:18px 33px;font-size:13px;color:#b8cdb9;padding:28px 0 42px}.support-capabilities span{border-left:1px solid #5f865c;padding-left:12px}.partner-offer{background:var(--lime);color:var(--deep);padding:35px 37px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:35px;border-radius:3px}.offer-number{font-family:Sora,sans-serif;font-size:87px;letter-spacing:-.08em;line-height:1}.offer-number>span{font-size:36px;vertical-align:top;position:relative;top:12px;margin-left:4px}.offer-number small{display:block;font-family:'DM Sans',sans-serif;font-size:13px;letter-spacing:.25em;text-align:center;margin-top:7px}.offer-copy .eyebrow{font-size:9px;color:#456b2c;margin-bottom:12px}.offer-copy h3{font-size:27px}.offer-copy p{font-size:16px;color:#244923;line-height:1.6;margin-top:8px}.offer-copy small{display:block;font-size:10px;color:#527338;max-width:480px;margin-top:12px;line-height:1.7}.ink{background:var(--deep);color:#f2f8e9;white-space:nowrap}.website-devices{margin:0;background:var(--deep);border-radius:3px;overflow:hidden}.website-devices img{width:100%;height:auto;aspect-ratio:1.1;object-fit:cover}.website-devices figcaption{border-top:1px solid #6587636b;color:#d1e2bf;padding:25px 28px;display:flex;flex-direction:column;gap:12px}.website-devices figcaption>span{font-size:9px;letter-spacing:.12em}.website-devices strong{font-size:20px;font-weight:400;font-family:Sora,sans-serif;letter-spacing:-.025em}.website-devices small{font-size:10px;color:#9eb899}.web-section{gap:80px}.feature-grid p{font-size:16px}.check-list li:before{content:'';width:8px;height:5px;transform:rotate(-45deg);border-left:1.5px solid var(--green);border-bottom:1.5px solid var(--green);margin:8px 4px 0 0;flex-shrink:0}.seo-section{background:#edf1e5}.seo-section h2{max-width:520px}.seo-steps article{border-color:#cbd6c3}.seo-steps article>span{font-family:Sora,sans-serif;font-size:15px;font-weight:400}.seo-steps h3{font-size:22px}.outline{border-radius:3px}.area-tabs button{border-radius:2px;font-size:14px}.area-panel{border-radius:3px;background:#f2f5eb;border-color:#d7dfce;padding:40px}.area-panel h3{font-size:28px}.suburbs span{border-color:#d2ddc9}.hosting{background:var(--deep);color:#f4f7eb;border-radius:3px;border:0;padding:50px;gap:70px}.hosting .eyebrow{color:#b8d59f;font-size:10px}.hosting p{color:#bdd1bb}.hosting h2{font-size:35px}.hosting-links a{border-color:#42604a;font-size:14px;color:#d6e5cc;padding:16px 0}.hosting-links a:hover{color:var(--lime)}.hosting-links .icon{width:17px;height:17px}.why-grid{gap:40px}.why-grid article{border-top:1px solid #c4d1bb;padding-top:22px}.why-grid h3{font-size:22px;line-height:1.35}.why-grid p{font-size:16px}.contact-section{background:#c5ef8a;color:var(--deep);padding:72px 0}.contact-section .eyebrow{color:#4e6b35}.contact-section h2 em{color:#396333}.contact-section p{color:#45613b}.contact-actions .lime{background:var(--deep);color:#f7faed}.contact-actions>span{color:#48653d}.footer{background:#f7f9f1}.footer-main p{font-size:14px}.footer-main>div>a:not(:has(img)){font-size:13px}.footer h3{font-size:13px}.footer-bottom{font-size:12px}.mobile-cta{display:none}:focus-visible{outline:3px solid #6a9a33;outline-offset:5px}.system-section :focus-visible,.ecosystem-hero :focus-visible{outline-color:#d5fc9a}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero-heading{gap:35px;grid-template-columns:1.1fr 1fr}.hero-heading h1{font-size:61px}.ecosystem-stage>img{max-height:570px}.journey{gap:14px}.journey li{font-size:12px}.journey li:not(:last-child):after{right:-5px}.credibility .wrap{gap:18px}.credibility .wrap>div{gap:10px}.credibility strong{font-size:12px}.credibility .icon{width:23px;height:23px}.partner-offer{gap:25px;padding:30px}.partner-offer .button{grid-column:2/4;justify-self:start;margin-top:0}.offer-number{grid-row:1/3}.flow-panel{gap:32px}.flow-explainer h3{font-size:27px}.job-title{flex-direction:column}.job-title>#job-status{align-self:flex-start}.web-section{gap:45px}.header nav{gap:21px}.section{padding-block:85px}.service-description h3{font-size:22px}.service-description{gap:13px}.service-visual img{aspect-ratio:1.45}.journey{padding-block:21px 25px}}
@media(max-width:820px){.header nav{top:79px}.nav-wrap{min-height:79px}.ecosystem-hero{padding-top:45px}.hero-heading{gap:27px;grid-template-columns:1fr 1fr}.hero-heading h1{font-size:48px}.hero-heading .eyebrow{font-size:9px}.hero-intro>p{font-size:15px;line-height:1.7}.hero-intro .button{font-size:12px;padding:12px 16px;gap:15px}.hero-caption{font-size:10px}.stage-caption{font-size:8px}.ecosystem-stage{margin-top:30px}.ecosystem-stage>img{max-height:490px}.ecosystem-note{bottom:115px;font-size:10px;padding:11px 14px}.ecosystem-note strong{font-size:14px}.journey{gap:8px}.journey li{font-size:10px}.journey li:after{width:5px!important;height:5px!important;right:0!important;top:24px!important}.journey li:first-child{padding-right:8px}.credibility .wrap{grid-template-columns:1fr 1fr;gap:21px}.credibility .wrap>div:nth-child(2){border:0}.credibility strong{font-size:14px}.credibility span{font-size:12px}.service-description h3{font-size:21px}.service-description p{font-size:15px}.visual-index{top:14px;left:13px;font-size:8px;padding:6px 8px}.round-link{width:32px;height:32px}.service-gallery{gap:34px 21px}.workflow-studio{padding:24px}.flow-panel{grid-template-columns:1fr;gap:32px}.flow-explainer h3{min-height:0;font-size:30px}.flow-explainer p{min-height:0;max-width:570px}.job-screen{max-width:590px;width:100%;margin:auto;transform:perspective(1300px) rotateY(-3deg)}.job-title{flex-direction:row}.job-title>#job-status{align-self:auto}.workflow-tabs{margin-bottom:29px}.partner-offer{grid-template-columns:auto 1fr;gap:24px}.partner-offer .button{grid-column:2}.offer-number{font-size:75px}.offer-copy h3{font-size:25px}.web-section{grid-template-columns:1fr 1fr;gap:32px}.website-devices img{aspect-ratio:.85}.website-devices strong{font-size:18px}.website-devices figcaption{padding:20px}.feature-grid h2{font-size:31px}.hosting{padding:35px;gap:35px}.hosting h2{font-size:29px}.why-grid h3{font-size:19px}.why-grid{gap:24px}.contact-section h2{font-size:32px}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.topbar .wrap{padding-block:6px}.topbar{font-size:11px}.nav-wrap{min-height:70px}.brand img{width:137px;height:62px}.header nav{top:70px}.menu-toggle{height:40px;width:40px;padding:10px;gap:6px}.ecosystem-hero{padding-top:36px}.hero-heading{grid-template-columns:1fr;gap:23px}.hero-heading h1{font-size:clamp(43px,11.3vw,65px);letter-spacing:-.06em}.hero-heading .eyebrow{font-size:8px;letter-spacing:.09em;gap:8px;margin-bottom:19px}.hero-heading .tiny-line{width:15px;flex-shrink:0}.hero-intro>p{font-size:16px;line-height:1.7;max-width:100%;margin-bottom:21px}.hero-intro .button{font-size:14px;min-height:48px;width:100%;justify-content:space-between;padding-inline:18px}.hero-caption{font-size:11px;margin-top:13px}.ecosystem-stage{margin-top:27px;width:100%;border-top:0}.stage-caption{inset:10px 18px auto;font-size:8px;gap:10px}.stage-caption>span:last-child{display:none}.ecosystem-stage>img{width:100%;aspect-ratio:1.05;object-fit:cover;object-position:center;max-height:none}.ecosystem-note{display:none}.journey{margin:0 18px;padding:21px 0 25px;grid-template-columns:repeat(4,1fr);gap:19px 10px;border-top:1px solid #d5edd230}.journey li{font-size:11px;line-height:1.4}.journey li span{font-size:9px;margin-bottom:5px}.journey li:not(:last-child):after{right:1px!important;top:20px!important;width:4px!important;height:4px!important}.journey li:nth-child(4):after{display:none}.journey li:first-child{padding-right:13px}.credibility .wrap{padding-block:23px;gap:21px 17px}.credibility .wrap>div{gap:10px;padding-right:0;border:0;align-items:flex-start}.credibility .icon{width:20px;height:20px;margin-top:3px}.credibility span{font-size:10px;line-height:1.65}.credibility strong{font-size:11px}.section{padding-block:60px}.eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:18px}h2{font-size:32px;line-height:1.2;letter-spacing:-.055em}.section-intro{gap:20px;margin-bottom:30px}.section-intro>p{font-size:16px}.service-gallery{grid-template-columns:1fr;gap:33px}.service-visual img{aspect-ratio:1.5}.visual-index{font-size:8px;top:15px;left:15px;padding:6px 8px}.service-description{padding-top:19px;gap:16px}.service-description h3{font-size:23px;line-height:1.3;letter-spacing:-.04em}.service-description p{font-size:16px;line-height:1.65;margin-top:10px}.round-link{width:34px;height:34px;margin-top:2px}.system-section .section-intro h2{font-size:31px}.workflow-studio{padding:21px 18px 25px;margin-inline:-3px}.studio-top{font-size:8px;letter-spacing:.1em;padding-bottom:23px}.studio-top>span:last-child{display:none}.workflow-tabs{gap:8px;margin-bottom:25px}.workflow-tabs:before{top:17px;left:10px;right:10px}.workflow-tabs button{font-size:10px;min-height:66px}.workflow-tabs button>span{width:35px;height:35px;font-size:10px;margin-bottom:10px}.flow-panel{gap:30px}.flow-explainer>span{font-size:9px}.flow-explainer h3{font-size:27px;line-height:1.23;margin-top:15px}.flow-explainer p{font-size:16px;margin-top:17px}.flow-explainer .text-link{font-size:13px;margin-top:20px;gap:14px}.job-screen{transform:none}.job-screen-top{padding:13px 14px;font-size:8px;gap:8px;letter-spacing:.05em}.demo-label{font-size:7px;letter-spacing:.02em}.job-title{padding:18px 15px;flex-direction:column;gap:11px}.job-title small{font-size:8px}.job-title h4{font-size:18px;margin:8px 0 5px}.job-title>div>span{font-size:12px}.job-title>#job-status{font-size:11px;margin:0}.job-fields{margin-inline:15px}.job-fields>div{padding-block:13px}.job-fields span{font-size:12px}.job-fields strong{font-size:14px}.job-activity{font-size:12px;padding:18px 15px;line-height:1.6}.support-capabilities{padding:23px 0 30px;gap:13px 16px;font-size:12px}.partner-offer{grid-template-columns:1fr;padding:28px 24px;gap:24px}.offer-number{grid-row:auto;font-size:89px;line-height:1;display:flex;align-items:flex-start}.offer-number>span{font-size:35px;top:12px}.offer-number small{align-self:flex-end;font-size:13px;letter-spacing:.2em;margin:0 0 10px 18px}.offer-copy .eyebrow{font-size:8px;margin-bottom:14px}.offer-copy h3{font-size:26px}.offer-copy p{font-size:19px;line-height:1.5;margin-top:12px}.offer-copy small{font-size:11px;line-height:1.7;margin-top:17px}.partner-offer .button{grid-column:1;width:100%;justify-content:space-between;font-size:14px;min-height:49px}.web-section{grid-template-columns:1fr;gap:33px}.web-section>.website-devices{order:2}.website-devices img{aspect-ratio:1.3}.website-devices figcaption{padding:23px}.website-devices strong{font-size:20px}.website-devices figcaption>span{font-size:8px}.website-devices small{font-size:11px}.feature-grid h2{font-size:32px}.feature-grid p{font-size:16px}.check-list{font-size:14px}.seo-steps article p{font-size:16px}.seo-steps h3{font-size:21px}.area-panel{padding:26px 23px;gap:22px}.area-panel h3{font-size:25px}.area-tabs{gap:7px}.area-tabs button{font-size:12px;padding:10px 12px;min-height:42px}.area-panel p{font-size:16px}.suburbs span{font-size:13px}.hosting{width:calc(100% - 36px);padding:31px 24px;gap:21px}.hosting h2{font-size:30px}.hosting .eyebrow{font-size:8px;letter-spacing:.1em}.hosting p{font-size:16px}.hosting-links a{font-size:14px}.why-grid{gap:28px;margin-top:30px}.why-grid h3{font-size:22px}.why-grid p{font-size:16px}.contact-section{padding-block:52px}.contact-section h2{font-size:32px}.contact-section p{font-size:16px}.contact-actions .button{min-height:49px;font-size:14px}.contact-actions .phone{font-size:24px}.footer{padding-bottom:60px}.footer-main>div>a:not(:has(img)){font-size:13px}.footer-main p{font-size:14px}.footer-bottom{font-size:11px}.mobile-cta{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:7px 17px calc(7px + env(safe-area-inset-bottom));background:#fafdf5f5;backdrop-filter:blur(15px);box-shadow:0 -2px 12px #0c352808;border-top:1px solid #d5dfcc}.mobile-cta a{border:0;background:none;padding:7px 0;font-size:12px;font-weight:500;border-radius:2px}.mobile-cta a:last-child{padding:7px 13px;gap:17px;background:var(--deep);font-size:12px;line-height:1.6}.mobile-cta .icon{height:13px;width:13px}.mobile-cta a:last-child>span{display:flex;align-items:center}html{scroll-padding-top:85px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;transform:none!important}}
.visual-disclaimer{font-size:12px;color:#687661;margin-top:27px;line-height:1.7}
.stage-caption{position:relative;inset:auto;padding:15px 0;background:var(--deep);color:#c6d8bd}.ecosystem-stage>img{border-radius:2px}.ecosystem-note{bottom:130px}@media(max-width:600px){.stage-caption{padding:11px 18px}.ecosystem-stage>img{border-radius:0}}