:root{--font-primary:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:var(--font-primary);--color-ink:#202b2a;--color-ink-soft:#626d69;--color-paper:#fff;--color-white:#fff;--color-paper-deep:#f4f6f4;--color-teal:#19594f;--color-teal-dark:#12483f;--color-teal-soft:#edf3ef;--color-clay:#19594f;--color-line:#e5e9e6;--max-width:1160px;--header-h:78px;--shadow:0 12px 36px #20352a08}
body{background:#fff;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3{font-weight:500;letter-spacing:-.045em}h2{font-size:clamp(30px,3.6vw,46px);line-height:1.15}h3{letter-spacing:-.025em}.container,.header-inner{width:min(1160px,calc(100% - 64px))}.site-header{background:#ffffffed;backdrop-filter:blur(18px);border-bottom:1px solid #eef0ed}.header-inner{min-height:78px}.logo img{width:32px;height:32px}.logo-name{font-family:var(--font-primary);font-size:18px;font-weight:650;letter-spacing:-.6px}.logo-name span{font-weight:400}.logo-text{gap:8px}.logo-badge{border:0;padding:0;color:#78817b;font-size:10px}.site-nav{gap:26px}.nav-list{gap:9px}.nav-list>li>a{font-size:12px;font-weight:500;padding:12px 8px;color:#515b56}.btn{border-radius:5px;font-size:13px;font-weight:500;padding:13px 21px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:25px;text-decoration:none;box-shadow:none}.btn-primary{background:#19594f;border:1px solid #19594f;color:#fff}.btn-primary:hover{background:#12483f;color:#fff;transform:translateY(-1px)}.header-cta{font-size:11px;min-height:38px;padding:9px 14px;gap:20px}.btn-secondary{background:transparent;border-color:#b7c7c0;color:#19594f}.quiet-link{color:#294f44;font-size:13px;text-decoration:none;display:inline-flex;align-items:center;gap:20px;border-bottom:1px solid transparent}.quiet-link:hover{border-color:currentColor}.btn-row{align-items:center;gap:28px}.eyebrow{font-size:10px;letter-spacing:1.65px;font-weight:550;color:#65776a;margin:0 0 23px}.new-hero{padding:65px 0 0;background:linear-gradient(#fafbf8,#fff)}.hero-heading{text-align:center}.hero-heading .eyebrow{display:flex;align-items:center;justify-content:center;gap:9px}.eyebrow>span{width:5px;height:5px;border-radius:50%;background:#6b8a68}.hero-heading h1{font-size:clamp(48px,6.3vw,82px);line-height:1.035;font-weight:450;letter-spacing:-4.5px;margin:0 0 24px}.hero-heading h1 em{font-family:Georgia,serif;font-weight:400;color:#40634f;letter-spacing:-4px}.hero-description{font-size:15px;line-height:1.8;color:#67716b;margin-bottom:26px}.hero-heading .btn-row{justify-content:center;margin-top:0}.system-stage{position:relative;overflow:hidden;background:#e9eee7;border-radius:10px;margin-top:55px;height:455px;padding:23px 34px 0;background:radial-gradient(ellipse at 75% 30%,#f3f3e9,#e6ede4 75%)}.stage-caption{display:flex;align-items:center;gap:10px;font-size:11px;color:#52604e}.tiny-mark{font-family:Georgia,serif;font-size:29px;color:#3b5842}.stage-orbit{position:absolute;width:800px;height:800px;border:1px solid #cad5c66b;border-radius:50%;pointer-events:none;left:160px;top:70px}.orbit-two{width:1050px;height:1050px;left:35px;top:-50px}.app-window{width:800px;position:relative;margin:23px auto 0;background:#fff;border:1px solid #fff;border-radius:9px 9px 0 0;box-shadow:0 20px 65px #304e3229;transform:perspective(1800px) rotateX(5deg) rotateY(-7deg);transform-origin:center top}.app-chrome{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;border-bottom:1px solid #eef0ed;font-size:7px;letter-spacing:1px;color:#959e97}.window-dots{letter-spacing:3px;font-size:9px;color:#d2d9d2}.app-body{display:grid;grid-template-columns:165px 1fr;min-height:320px}.app-sidebar{padding:22px 14px;background:#fafbf9;position:relative}.app-brand{display:block;font-family:Georgia,serif;font-size:25px;margin-bottom:26px;color:#315644}.app-brand span{font-family:var(--font-primary);font-size:9px;color:#75827a}.app-nav{display:block;font-size:10px;padding:10px 11px;margin:3px 0;color:#738076;border-radius:4px}.app-nav.active{background:#e8eee7;color:#294b37}.app-sidebar-bottom{position:absolute;bottom:18px;left:25px;font-size:8px;color:#7b887c}.app-main{padding:25px 28px}.app-title-row{display:flex;justify-content:space-between;align-items:center}.app-title-row small{font-size:7px;letter-spacing:1.4px;color:#8a948c}.app-title-row h2{font-size:25px;margin:6px 0 20px;letter-spacing:-1px}.avatar{border:1px solid #e2e8de;background:#f5f7f0;border-radius:50%;padding:9px;font-size:9px;color:#6f8069}.app-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:23px}.app-stats>div{background:#f4f6f1;border:1px solid #ebeee6;border-radius:5px;padding:13px}.app-stats small{display:block;font-size:9px;color:#77836e}.app-stats strong{display:block;font-size:14px;font-weight:500;margin-top:6px}.app-stats strong span{float:right;color:#67845c}.activity-heading{display:flex;justify-content:space-between;font-size:10px;margin-bottom:7px}.activity-heading strong{font-weight:500}.activity-heading>span{font-size:8px;color:#879484}.activity-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #edf0e9}.activity-icon{width:28px;height:28px;background:#f3f6ed;border-radius:5px;text-align:center;color:#718b5a}.activity-row strong{display:block;font-size:10px;font-weight:500}.activity-row small{display:block;font-size:8px;color:#8b9489}.status-tag{margin-left:auto;background:#edf4e7;color:#678253;font-size:7px;padding:3px 7px;border-radius:3px}.floating-note{position:absolute;top:83px;right:30px;z-index:2;display:flex;align-items:center;gap:12px;background:#fffffff2;border:1px solid #fff;padding:15px 19px;border-radius:7px;box-shadow:0 10px 30px #233a2512;transform:rotate(3deg)}.note-icon{color:#fff;background:#66815d;border-radius:50%;width:24px;height:24px;font-size:11px;display:grid;place-items:center}.floating-note strong{font-size:10px;font-weight:500;display:block}.floating-note small{font-size:9px;color:#7b8478;display:block}.stage-foot{position:absolute;bottom:15px;left:34px;right:34px;display:flex;justify-content:space-between;font-size:9px;color:#66745e}.stage-foot span:last-child{font-size:8px;color:#687860}.audience-line .container{display:flex;justify-content:center;gap:16px;padding:30px 0;border-bottom:1px solid #e8ebe5;font-size:11px;color:#7a837b}.audience-line span{color:#334d3b;font-weight:550}.audience-line p{margin:0}.section{padding:90px 0}.section-top{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:35px}.section-top .eyebrow{margin-bottom:17px}.section-top h2{margin:0}.section-top>.quiet-link{margin-bottom:6px}.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.offer{position:relative;display:block;text-decoration:none;color:var(--color-ink);padding:28px 27px 20px;border-radius:8px;overflow:hidden;transition:transform .2s;min-width:0}.offer:hover{transform:translateY(-5px);color:var(--color-ink)}.offer-web{background:#f2f0eb}.offer-systems{background:#edf2ee}.offer-auto{background:#edf1f4}.offer-number{font-size:8px;letter-spacing:1.1px;color:#657267}.offer h3{font-size:30px;line-height:1.13;font-weight:450;margin:20px 0 15px}.offer>p{font-size:12px;line-height:1.8;color:#6f7871;max-width:260px}.offer-bottom{display:flex;justify-content:space-between;font-size:11px;padding-top:20px;border-top:1px solid #c7d0c45c;margin-top:20px}.mini-browser{height:145px;margin:25px 0 0 17px;transform:rotate(-4deg);background:#fff;border-radius:6px;box-shadow:0 6px 20px #4d4c3e12;padding:13px}.mini-top{font-size:6px;letter-spacing:1px;color:#727563;display:flex;justify-content:space-between}.mini-page{background:#ececde;margin-top:12px;padding:16px;height:105px}.mini-page>span{font-family:Georgia,serif;font-size:20px;line-height:1.1;display:block;color:#4e5a42}.mini-page>b{font-size:6px;font-weight:400;margin-top:8px;display:block}.mini-records{height:145px;display:grid;gap:9px;margin-top:25px;padding:9px 0 8px 12px}.mini-records>span{padding:12px 14px;background:#ffffffdb;border-radius:5px;font-size:10px;box-shadow:0 4px 12px #233d2208}.mini-records>span:nth-child(2){margin-left:12px}.mini-records>span:nth-child(3){margin-left:24px}.mini-records b{float:right;color:#748e67}.mini-flow{height:145px;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:25px}.mini-flow>span{background:#fff;border-radius:7px;width:58px;height:58px;display:grid;place-items:center;font-size:10px;box-shadow:0 8px 20px #36505a08}.mini-flow>span:last-child{background:#49695d;color:#fff}.mini-flow i{color:#90a09b;font-size:13px}.approach-section{border-top:1px solid #e9ece7;padding:85px 0}.approach-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:100px}.approach-grid h2{font-size:38px}.approach-grid>div>p:not(.eyebrow){font-size:14px;color:#737c74;max-width:390px}.simple-steps{margin:0;padding:0;list-style:none}.simple-steps li{display:flex;gap:22px;padding:21px 0;border-bottom:1px solid #e7ebe4}.simple-steps li:first-child{padding-top:0}.simple-steps li>span{font-size:11px;color:#91a08d;padding-top:4px}.simple-steps h3{font-size:19px;font-weight:500}.simple-steps p{font-size:12px;color:#74806f;margin:0}.community-section{background:#eff2eb;padding:78px 0;text-align:center}.community-inner{max-width:650px}.community-inner h2{font-size:54px}.community-inner>p:not(.eyebrow){font-size:14px;color:#75816f;max-width:470px;margin:22px auto}.closing-section{text-align:center;padding:85px 0 95px}.closing-section h2{font-size:46px}.closing-section>div>p:not(.eyebrow){font-size:14px;color:#75806f}.closing-section .btn-row{justify-content:center;margin-top:26px}.site-footer{background:#f7f8f5;border-top:1px solid #e6ebe2;color:#6d766b;padding:55px 0 0;font-size:11px}.footer-brand{font-family:var(--font-primary);font-size:17px;letter-spacing:-.4px;color:#344c3d}.footer-heading{font-family:var(--font-primary);font-size:11px;text-transform:none;letter-spacing:0;color:#354f40}.footer-links a{color:#707a6c;font-size:11px}.footer-grid{gap:36px}.footer-base{margin-top:36px;padding:20px 0;border-color:#e1e7db}.footer-base p{font-size:10px}.page-hero{padding:80px 0 42px;background:#f8faf6}.page-hero h1{max-width:900px;font-size:clamp(36px,5vw,60px);line-height:1.1}.page-hero .lede{font-size:17px;line-height:1.8;max-width:660px}.service-card,.audience-card,.card,.aside-card{background:#f6f8f4;border:1px solid #e8ede3;border-radius:8px;box-shadow:none;padding:28px}.service-card h2{font-size:26px}.service-card p,.audience-card p{font-size:14px;color:#6e7868}.section-tint{background:#fafbf8;border:0}.input{border-color:#d8e0d2;border-radius:5px;background:#fff}.cta-band{background:#eef3e9;border:0}.kicker{color:#68805d;font-size:10px;letter-spacing:1.8px}.step{box-shadow:none;background:#f6f8f2;border:1px solid #e5ebdf}.filter-bar .input{width:auto}
@media(min-width:1025px){.footer-grid{grid-template-columns:1.6fr 1fr 1.2fr 1fr}}
@media(max-width:1000px){.site-nav{gap:12px}.nav-list{gap:0}.nav-list>li>a{padding-inline:7px}.logo-name{font-size:15px}.logo-badge{display:none}.offer{padding:23px 20px}.offer h3{font-size:26px}.approach-grid{gap:50px}.floating-note{right:20px;top:90px}.app-window{width:720px}.app-body{grid-template-columns:140px 1fr}}
@media(max-width:768px){.container,.header-inner{width:calc(100% - 40px)}.header-inner{min-height:68px}:root{--header-h:68px}.logo-name{font-size:16px}.site-nav{background:#fff;border-radius:7px;padding:14px}.nav-list>li>a{padding:12px;font-size:14px}.header-cta{font-size:13px}.new-hero{padding-top:45px}.hero-heading h1{font-size:62px;letter-spacing:-3px}.hero-heading h1 em{letter-spacing:-3px}.hero-description{font-size:14px}.system-stage{height:350px;margin-top:40px;padding:15px 20px}.app-window{width:620px;margin-top:25px;margin-left:0;transform:perspective(1500px) rotateY(-7deg) scale(.8);transform-origin:top left}.floating-note{top:53px;right:15px;padding:10px;transform:rotate(2deg)}.stage-foot{left:20px;right:20px;font-size:8px}.stage-foot span:last-child{display:none}.audience-line .container{display:block;text-align:center;padding:24px 0}.audience-line p{margin-top:5px;font-size:10px}.section{padding:60px 0}.offer-grid{grid-template-columns:1fr}.offer{padding:27px;min-height:370px}.offer h3{font-size:32px}.offer>p{max-width:320px;font-size:14px}.mini-browser,.mini-records,.mini-flow{max-width:300px;margin-inline:auto}.section-top{gap:20px}.section-top .quiet-link{font-size:11px;gap:7px;white-space:nowrap}.approach-section{padding:60px 0}.approach-grid{grid-template-columns:1fr;gap:35px}.approach-grid h2{font-size:32px}.community-section{padding:60px 0}.community-inner h2{font-size:44px}.closing-section{padding:60px 0}.closing-section h2{font-size:36px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.page-hero{padding-top:50px}.btn-row{gap:20px}.community-inner{width:calc(100% - 48px)}}
@media(max-width:420px){.hero-heading h1{font-size:53px}.hero-heading .eyebrow{font-size:8px;letter-spacing:1px}.hero-description{font-size:13px}.desktop-break{display:none}.btn{font-size:11px;padding:12px 16px;gap:15px}.quiet-link{font-size:11px;gap:12px}.system-stage{height:300px}.app-window{transform:perspective(1500px) rotateY(-7deg) scale(.66)}.floating-note{top:58px;font-size:9px}.floating-note strong{font-size:8px}.floating-note small{font-size:7px}.note-icon{width:20px;height:20px}.section-top h2{font-size:30px}.section-top>.quiet-link{max-width:88px;white-space:normal}.logo-name{font-size:15px}}

/* Five-colour brand palette. Logo assets retain their original colours. */
:root {
  --brand-green: #176044;
  --brand-gold: #906713;
  --brand-red: #af3545;
  --brand-purple: #70429b;
  --brand-blue: #285ca5;
  --brand-green-wash: #edf5ef;
  --brand-gold-wash: #fcf3dc;
  --brand-red-wash: #fbecef;
  --brand-purple-wash: #f3edf9;
  --brand-blue-wash: #edf3fc;
  --color-teal: var(--brand-green);
  --color-teal-dark: #124c35;
  --color-teal-soft: var(--brand-green-wash);
  --color-focus: var(--brand-blue);
  --color-clay: var(--brand-red);
}
.site-header { border-bottom: 3px solid transparent; border-image: linear-gradient(90deg, var(--brand-green) 0% 20%, var(--brand-red) 20% 40%, #c89e3d 40% 60%, var(--brand-purple) 60% 80%, var(--brand-blue) 80% 100%) 1; }
.btn-primary { background: var(--brand-green); border-color: var(--brand-green); }
.btn-primary:hover { background: #124c35; border-color: #124c35; }
.btn-secondary { color: var(--brand-blue); border-color: var(--brand-blue); }
.btn-secondary:hover { background: var(--brand-blue-wash); color: var(--brand-blue); }
.nav-list > li > a:hover, .quiet-link, .text-link { color: var(--brand-blue); }
.quiet-link:hover, .text-link:hover { color: var(--brand-purple); }
.hero-heading h1 em { color: var(--brand-purple); }
.eyebrow, .kicker { color: var(--brand-gold); }
.eyebrow > span { background: var(--brand-red); }
.new-hero { background: linear-gradient(#fdfbf5, #fff); }
.system-stage { background: linear-gradient(115deg, #e5f0e6, #f8edce 38%, #f4e6e9 57%, #eee5f6 76%, #e3edf9); }
.stage-orbit { border-color: #bca16b35; }
.note-icon { background: var(--brand-gold); }
.app-stats > div:first-child { background: var(--brand-gold-wash); border-color: #ead9ae; }
.app-stats > div:nth-child(2) { background: var(--brand-blue-wash); border-color: #d5e2f5; }
.app-stats strong span { color: var(--brand-gold); }
.activity-row:nth-child(2) .activity-icon, .activity-row:nth-child(2) .status-tag { background: var(--brand-green-wash); color: var(--brand-green); }
.activity-row:nth-child(3) .activity-icon, .activity-row:nth-child(3) .status-tag { background: var(--brand-purple-wash); color: var(--brand-purple); }
.activity-row:nth-child(4) .activity-icon, .activity-row:nth-child(4) .status-tag { background: var(--brand-red-wash); color: var(--brand-red); }
.offer { border-top: 3px solid; }
.offer-web { background: var(--brand-gold-wash); border-color: var(--brand-gold); }
.offer-web .offer-number, .offer-web .offer-bottom { color: var(--brand-gold); }
.offer-systems { background: var(--brand-red-wash); border-color: var(--brand-red); }
.offer-systems .offer-number, .offer-systems .offer-bottom { color: var(--brand-red); }
.offer-auto { background: var(--brand-purple-wash); border-color: var(--brand-purple); }
.offer-auto .offer-number, .offer-auto .offer-bottom { color: var(--brand-purple); }
.mini-page { background: #eee1bb; }
.mini-page > span { color: #67522c; }
.mini-records b { color: var(--brand-red); }
.mini-flow > span:last-child { background: var(--brand-blue); }
.simple-steps li:nth-child(1) > span { color: var(--brand-gold); }
.simple-steps li:nth-child(2) > span { color: var(--brand-red); }
.simple-steps li:nth-child(3) > span { color: var(--brand-blue); }
.community-section { background: var(--brand-green-wash); border-top: 3px solid #c89e3d; }
.closing-section .eyebrow { color: var(--brand-purple); }
.page-hero { background: linear-gradient(115deg, var(--brand-green-wash), #fff 55%, var(--brand-blue-wash)); }
.section-tint { background: #faf9fc; }
.service-card, .audience-card, .step, .metric { border-top: 3px solid var(--brand-green); }
:is(.service-card, .audience-card, .step, .metric):nth-child(5n+1) { background: var(--brand-green-wash); border-color: #c9dfd0; border-top-color: var(--brand-green); }
:is(.service-card, .audience-card, .step, .metric):nth-child(5n+2) { background: var(--brand-red-wash); border-color: #efcfd6; border-top-color: var(--brand-red); }
:is(.service-card, .audience-card, .step, .metric):nth-child(5n+3) { background: var(--brand-gold-wash); border-color: #ead9ae; border-top-color: var(--brand-gold); }
:is(.service-card, .audience-card, .step, .metric):nth-child(5n+4) { background: var(--brand-purple-wash); border-color: #e1d2ef; border-top-color: var(--brand-purple); }
:is(.service-card, .audience-card, .step, .metric):nth-child(5n+5) { background: var(--brand-blue-wash); border-color: #cdddf4; border-top-color: var(--brand-blue); }
.timeline-item:nth-child(5n+1) .step-num { background: var(--brand-green); color: #fff; }
.timeline-item:nth-child(5n+2) .step-num { background: var(--brand-red); color: #fff; }
.timeline-item:nth-child(5n+3) .step-num { background: var(--brand-gold); color: #fff; }
.timeline-item:nth-child(5n+4) .step-num { background: var(--brand-purple); color: #fff; }
.timeline-item:nth-child(5n+5) .step-num { background: var(--brand-blue); color: #fff; }
.aside-card, .impact-panel { background: var(--brand-blue-wash); border-top: 3px solid var(--brand-blue); }
/* Explicit foregrounds keep this shared CTA readable on every page. */
.cta-band { background: #123e32; color: #fff; }
.cta-band h2 { color: #fff; }
.cta-band .kicker { color: #f2cf79; }
.cta-band .lede { color: #e4eee7; }
.cta-band .btn-primary { background: #f2cf79; border-color: #f2cf79; color: #18352a; }
.cta-band .btn-primary:hover { background: #ffe1a0; border-color: #ffe1a0; color: #18352a; }
.cta-band .btn-secondary { background: transparent; border-color: #c8ddd1; color: #fff; }
.cta-band .btn-secondary:hover { background: #ffffff15; border-color: #fff; color: #fff; }
.cta-band :focus-visible { outline-color: #f2cf79; }
.input:focus { border-color: var(--brand-blue); }
.input-checkbox { accent-color: var(--brand-green); }
.req, .field-error { color: var(--brand-red); }
.faq[open] { border-color: var(--brand-purple); background: var(--brand-purple-wash); }
.footer-heading { color: var(--brand-purple); }
.footer-links a:hover { color: var(--brand-blue); }