:root{--ink:#10211c;--green:#0e6b53;--mint:#8ce0bd;--cream:#f6f3eb;--line:#dbe3de;--muted:#5f6e68;--blue:#dfeaf8;--gold:#f7e8bd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"DM Sans",sans-serif;background:#fff}.container{width:min(1160px,calc(100% - 40px));margin:auto}.nav-wrap{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid #edf1ef}.nav{height:78px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:800 21px Manrope}.brand span{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:var(--green);color:white}.nav-links{display:flex;gap:25px;margin:auto}.nav a{color:var(--ink);text-decoration:none;font-size:14px}.nav-actions{display:flex;align-items:center;gap:18px}.button{display:inline-flex!important;justify-content:center;align-items:center;gap:22px;background:var(--green);color:#fff!important;padding:15px 22px;border-radius:8px;text-decoration:none;font-weight:700;box-shadow:0 5px 15px rgba(14,107,83,.15)}.button.small{padding:11px 17px}.button.secondary{background:#fff;color:var(--ink)!important;border:1px solid var(--line);box-shadow:none}.menu{display:none}.hero{min-height:660px;padding:92px 0 76px;display:grid;grid-template-columns:1.01fr .99fr;align-items:center;gap:66px}.eyebrow,.kicker{font-size:12px;letter-spacing:1.7px;font-weight:800;color:var(--green)}.eyebrow span{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:7px}.hero h1{font:800 clamp(45px,5vw,72px)/1.02 Manrope;margin:20px 0 23px;letter-spacing:-3.3px}.lead{font-size:19px;line-height:1.65;color:var(--muted);max-width:620px}.hero-actions{display:flex;gap:12px;margin:31px 0}.proof{display:flex;flex-wrap:wrap;gap:9px 19px;color:#51615b;font-size:13px}.proof span::first-letter{color:var(--green)}.dashboard{background:#f8faf9;border:1px solid #d6e1dc;border-radius:16px;padding:24px;box-shadow:0 30px 70px rgba(21,57,46,.16);transform:rotate(1deg)}.dash-top{display:flex;justify-content:space-between;align-items:start}.dash-top small,.dash-stats small,.invoice-row small{display:block;font-size:9px;color:#809089;letter-spacing:.8px}.dash-top h3{margin:6px 0 20px;font:700 19px Manrope}.live{font-size:10px;background:#e5f4ed;color:#1c7358;padding:6px 9px;border-radius:20px}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dash-stats div{padding:15px;background:white;border:1px solid #e3e9e6;border-radius:8px}.dash-stats b{display:block;font:700 19px Manrope;margin:8px 0 3px}.dash-stats em{font-style:normal;font-size:10px;color:var(--green)}.dash-stats .amber{color:#a76f12}.table-head,.invoice-row{display:grid;grid-template-columns:1.3fr 1.1fr 1fr .8fr;gap:10px;align-items:center}.table-head{font-size:8px;letter-spacing:.7px;color:#89958f;padding:25px 10px 8px}.invoice-row{padding:13px 10px;background:white;border-top:1px solid #edf0ee;font-size:11px}.invoice-row b{font-size:11px}.status{justify-self:start;border-radius:20px;padding:5px 7px;font-size:9px}.accepted{background:#e4f5ed;color:#167156}.pending{background:#edf1f4;color:#5b6972}.review{background:#fff0d7;color:#98661a}.illustrative{text-align:right;font-size:9px;color:#94a19b;margin:13px 0 0}.why{background:var(--ink);color:#fff}.why-grid{display:grid;grid-template-columns:repeat(3,1fr)}.why-grid div{padding:38px 45px;border-left:1px solid rgba(255,255,255,.13)}.why-grid b{color:var(--mint);font-size:11px}.why-grid h3{font:700 19px Manrope;margin:13px 0 5px}.why-grid p{color:#aebbb7;margin:0;font-size:13px;line-height:1.5}.section{padding:112px 0}.section-intro{max-width:650px;margin-bottom:50px}.section h2,.cta h2{font:750 clamp(34px,4vw,52px)/1.1 Manrope;letter-spacing:-2px;margin:13px 0 17px}.section-intro>p:last-child,.body-copy{color:var(--muted);line-height:1.7;font-size:17px}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.steps article{position:relative;padding:30px 26px 10px 0}.steps article:not(:last-child){border-right:1px solid var(--line);margin-right:26px}.steps article>span{font-size:11px;color:#87948f}.step-icon{margin:34px 0 55px;width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:#e2f3ec;color:var(--green);font-size:20px}.steps h3,.feature-grid h3,.audience-grid h3{font:700 19px Manrope}.steps p,.feature-grid li,.audience-grid p{color:var(--muted);font-size:14px;line-height:1.65}.soft{background:var(--cream)}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.feature-grid article{background:#fff;border:1px solid #e4e1d9;border-radius:12px;padding:33px 36px}.tag{display:inline-block;background:#dff4e9;color:var(--green);padding:7px 9px;border-radius:5px;font-size:10px;font-weight:800;letter-spacing:.8px}.tag.blue{background:var(--blue);color:#376386}.tag.gold{background:var(--gold);color:#86651d}.tag.dark{background:#e9eceb;color:#43514c}.feature-grid ul{padding:0;list-style:none;margin:22px 0 0}.feature-grid li{padding:8px 0}.feature-grid li:before{content:"✓";color:var(--green);margin-right:10px}.split{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.text-link{color:var(--green);font-weight:700;text-decoration:none}.routes{border-top:1px solid var(--line)}.routes div{display:flex;gap:25px;padding:22px 0;border-bottom:1px solid var(--line)}.routes b{color:var(--green);font-size:11px}.routes span{display:flex;flex-direction:column;gap:6px}.routes small{color:var(--muted)}.logo-row{display:grid;grid-template-columns:repeat(4,1fr);margin-top:68px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.logo-row div{min-height:115px;display:grid;place-content:center;text-align:center;color:#68756f;font-size:12px;border-right:1px solid var(--line)}.logo-row div:last-child{border:0}.logo-row b{font-size:16px;color:#263b34}.logo-row span{font-size:28px;color:var(--green)}.note{text-align:center;color:#7f8b86;font-size:11px}.dark-section{background:#0b251d;color:#fff}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.dark-section p:not(.kicker){color:#afbfba;line-height:1.7}.kicker.light{color:var(--mint)}.light-button{background:var(--mint);color:#0a3327!important;margin-top:20px}.service-list{display:grid;grid-template-columns:1fr 1fr}.service-list div{padding:25px 10px 25px 0;border-top:1px solid rgba(255,255,255,.17);font-weight:600}.service-list b{display:block;color:var(--mint);font-size:10px;margin-bottom:12px}.audiences .section-intro{text-align:center;margin-left:auto;margin-right:auto}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.audience-grid article{text-align:center;border:1px solid var(--line);border-radius:12px;padding:35px}.audience-grid article>span{display:grid;place-items:center;margin:auto;width:48px;height:48px;border-radius:50%;background:#e4f3ed;color:var(--green);font-weight:700}.faq-section{background:#f6f8f7}.faq-wrap{display:grid;grid-template-columns:.7fr 1.3fr;gap:100px}.faqs{border-top:1px solid #cbd6d1}.faqs details{border-bottom:1px solid #cbd6d1;padding:21px 0}.faqs summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-weight:700;list-style:none}.faqs summary span{color:var(--green);font-size:20px}.faqs details[open] summary span{transform:rotate(45deg)}.faqs p{color:var(--muted);line-height:1.65;font-size:14px;max-width:620px}.cta{padding:95px 0;background:var(--green);color:#fff;text-align:center}.cta .container{max-width:800px}.cta h2{font-size:55px}.cta p:not(.kicker){color:#cce8dd;font-size:17px}.cta .ghost{background:transparent;border:1px solid rgba(255,255,255,.55);box-shadow:none;margin-left:8px;color:#fff!important}.cta .light-button{margin-top:20px}footer{background:#071813;color:#fff;padding:65px 0 30px}.brand.inverse{color:#fff}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.footer-grid a{color:#aebdb8;text-decoration:none;font-size:13px}.footer-grid b{font-size:10px;color:#71847d;letter-spacing:1px}.footer-grid p{color:#82938d;max-width:270px;font-size:13px}.footnote{border-top:1px solid #21332d;margin-top:50px;padding-top:25px;display:flex;justify-content:space-between;gap:50px;color:#657a72;font-size:10px;line-height:1.6}.footnote span:last-child{max-width:650px;text-align:right}@media(max-width:900px){.nav-links,.nav-actions{display:none}.menu{display:block;margin-left:auto;border:0;background:transparent;font:600 14px DM Sans}.nav.open{height:auto;flex-wrap:wrap;padding:20px 0}.nav.open .nav-links{display:flex;order:3;width:100%;flex-direction:column;padding:15px 0}.nav.open .nav-actions{display:flex;order:4;padding-bottom:18px}.hero{grid-template-columns:1fr;padding-top:60px}.dashboard{transform:none}.why-grid,.steps,.audience-grid{grid-template-columns:1fr 1fr}.why-grid div{border-bottom:1px solid rgba(255,255,255,.13)}.split,.service-grid,.faq-wrap{grid-template-columns:1fr;gap:45px}.logo-row{grid-template-columns:1fr 1fr}.logo-row div{border-bottom:1px solid var(--line)}.footer-grid{grid-template-columns:1.6fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}.footnote{flex-direction:column}.footnote span:last-child{text-align:left}}@media(max-width:620px){.container{width:min(100% - 28px,1160px)}.hero{padding:55px 0}.hero h1{font-size:43px;letter-spacing:-2px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.dashboard{padding:14px}.dash-stats{grid-template-columns:1fr}.dash-stats div:nth-child(3){display:none}.table-head{display:none}.invoice-row{grid-template-columns:1.2fr 1fr}.invoice-row span:nth-child(2){display:none}.invoice-row .status{display:block}.why-grid,.steps,.feature-grid,.audience-grid,.service-list{grid-template-columns:1fr}.why-grid div{padding:28px 10px}.steps article:not(:last-child){border-right:0;border-bottom:1px solid var(--line);margin:0}.step-icon{margin:20px 0}.section{padding:75px 0}.logo-row{grid-template-columns:1fr}.logo-row div{border-right:0}.service-grid{gap:50px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.cta h2{font-size:40px}.cta .ghost{margin:10px 0 0}.footnote{gap:15px}}
