/* Executive-facing page treatments. Each section has a job and a distinct surface. */
/* Shared informational pages and longer navigation. */
.editorial-hero{padding-top:145px;padding-bottom:58px;background:radial-gradient(ellipse at top right,#176a7233,transparent 65%)}
.traction-section{background:#0b1422}.traction-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.traction-grid article{display:grid;gap:8px;padding:28px;border-right:1px solid var(--line);background:var(--surface)}.traction-grid article:last-child{border-right:0}.traction-grid strong{color:var(--accent);font:700 clamp(2.5rem,4vw,4.2rem)/1 "Plus Jakarta Sans",sans-serif;letter-spacing:-.06em}.traction-grid span{color:var(--muted);font-size:.85rem;font-weight:600}
.editorial-hero h1{max-width:940px;font-size:clamp(2.6rem,5.1vw,4.7rem);line-height:1.1;margin-bottom:26px}
.editorial-section{padding-block:48px;border-top:1px solid var(--line)}
.prose{max-width:960px}.prose h2{margin-bottom:24px}.prose h3{margin-top:26px;font-size:1.25rem}.prose p,.prose li{color:var(--muted)}.prose p{max-width:78ch}.prose ul{padding-left:24px}.prose a,.form-status a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.editorial-note{padding:16px 20px;border-left:2px solid var(--accent);background:var(--surface)}
.architecture-flow{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:flow}
.architecture-flow li{padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--surface);counter-increment:flow}.architecture-flow li::before{content:counter(flow,decimal-leading-zero);color:var(--accent);font-weight:700}.architecture-flow h3{margin-top:14px}.architecture-flow p{font-size:.9rem}
.site-footer .footer-inner{flex-wrap:wrap}.site-footer .footer-inner nav{flex-wrap:wrap;gap:12px 18px}.site-nav{gap:20px}.hero-note{max-width:100%}
@media(max-width:1050px) and (min-width:901px){.site-nav{gap:12px}.site-nav>a{font-size:.72rem}.site-nav .button{padding-inline:12px}}
@media(max-width:760px){.editorial-hero{padding-top:108px}.architecture-flow{grid-template-columns:1fr}.editorial-section{padding-block:36px}}
@media(max-width:760px){.traction-grid{grid-template-columns:1fr 1fr}.traction-grid article:nth-child(2){border-right:0}.traction-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}}
:root{--ink:#102a3b;--ink-soft:#40596b;--paper:#eef5f3;--paper-card:#ffffff;--deep-teal:#083b3c}

/* Homepage: a buying path from problem to scoped offer. */
.hero{background:radial-gradient(ellipse 50% 85% at 92% 40%,#176a722b,transparent 80%),#080d18}
.hero-grid{padding-block:42px 48px}
.hero h1{max-width:760px;font-size:clamp(3.65rem,5.3vw,5.1rem);line-height:1.04;letter-spacing:-.06em}
.hero h1 .soft-text{color:#98d6d5}
.hero-intro{max-width:650px;color:#d0dbe7}
.hero-note{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;margin-top:19px;border:1px solid #3c6b70;border-radius:999px;background:#10303c9c;color:#c1e2e0;font-size:.73rem}
.hero-visual{border-color:#4e8989;background:linear-gradient(155deg,#173946d9,#101f33e8 63%);box-shadow:0 30px 70px #0005,0 0 70px #65e7dc18}
.trust-strip{background:#dff2ee;border-bottom-color:#c1deda}.trust-inner span,.trust-inner span:first-child{color:#163842}.trust-inner span:first-child{font-weight:800}.trust-inner span:not(:first-child){padding-left:17px;border-left:1px solid #accbc8}

.solutions-section{background:#0a1422}.solutions-section .section-heading>p{color:#bfd1dc}
.solution-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:16px}
.solution-card{min-height:235px;background:#122238;box-shadow:inset 0 1px #ffffff12,0 22px 48px #0002}
.solution-featured{grid-row:1/3;min-height:500px;padding:33px;background:linear-gradient(145deg,#19454a,#153043 48%,#101e31);border-color:#6aaea6}
.solution-featured .card-symbol{width:59px;height:59px;font-size:1.75rem;background:#1c6260}
.solution-featured h3{font-size:clamp(2rem,3vw,2.7rem)}
.solution-outcomes{display:grid;gap:9px;margin:8px 0 24px}.solution-outcomes span{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #5b8e8c;border-radius:9px;background:#e7fff10d;color:#d7eeea;font-size:.78rem;font-weight:700}.solution-outcomes span::before{content:"✓";display:grid;place-items:center;flex:0 0 18px;height:18px;border-radius:50%;background:#8ceee321;color:#9dfff1;font-size:.68rem}
.solution-card:not(.solution-featured) .card-top{margin-bottom:12px}.solution-card:not(.solution-featured) .card-symbol{width:38px;height:38px;font-size:1.15rem}.solution-card:not(.solution-featured) h3{font-size:1.38rem;margin-bottom:10px}.solution-card:not(.solution-featured)>p:not(.card-number){margin-bottom:12px}.solution-card:not(.solution-featured) .card-flow{margin-bottom:12px}
.solution-card .text-link{margin-top:auto}.solutions-note{color:#a9c4cb}

.offers-section{background:linear-gradient(120deg,#0d1d2b,#102635 70%,#0b1b2a)}
.offers-grid{grid-template-columns:1.23fr .9fr .9fr;align-items:stretch}
.offer-card{min-height:335px;background:#182f3d;border-color:#476371;box-shadow:0 25px 48px #0003}
.offer-card h3{font-size:1.38rem}.offer-card .text-link{margin-top:24px}
.offer-featured{background:linear-gradient(145deg,#d9f8ef,#b8e8e2 85%);border-color:#e0fff8;color:var(--ink)}
.offer-featured>span{color:#006e65}.offer-featured h3{font-size:1.78rem;color:var(--ink)}.offer-featured p{color:#284d57;font-size:.92rem}.offer-featured strong{color:#063b3b;font-size:2.15rem}.offer-featured .button{align-self:flex-start;margin-top:21px;background:#0d4547;border-color:#0d4547;color:#effffb}.offer-featured .button:hover{background:#126263;border-color:#126263;box-shadow:0 11px 29px #0d454733}

.education-section{background:linear-gradient(115deg,#112d3a,#112635 56%,#0c1d2e)}
.education-section .soft-text{color:#a7e6db}.education-section> .shell>div:first-child>p:not(.eyebrow){color:#c4d8dc}
.education-actions,.contact-actions,.edu-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px}
.education-preview{background:#0e1e2e;border-color:#65928b;box-shadow:0 32px 68px #0003}
.education-preview-head{color:#e6f8f2}.education-preview-lesson{background:#162e3c}

.fit-section{background:var(--paper);color:var(--ink)}
.fit-section h2,.fit-section h3{color:var(--ink)}.fit-section .soft-text{color:#0d746d}.fit-section .eyebrow{color:#00776e}.fit-section p{color:var(--ink-soft)}.fit-section .text-link{color:#006b65}
.fit-cards{gap:11px}.mini-card{background:var(--paper-card);border-color:#cededc;box-shadow:0 14px 30px #153d3f12}.mini-card:hover{background:#f8fffc;border-color:#84b9ae}.mini-card p{color:#4a6170}.mini-icon{background:#d8efea;color:#006c65}
.mini-card::before{background:linear-gradient(90deg,transparent,#13867c66,transparent)}

.approach-section{background:#101a2b}.approach-section .section-heading>p{color:#c5d3e0}
.steps-grid{position:relative;gap:18px}.steps-grid::before{content:"";position:absolute;top:43px;left:8%;right:8%;height:1px;background:linear-gradient(90deg,#69d8d280,#4b7eb899,#69d8d280)}
.step-card{min-height:230px;padding:28px 29px;background:#142439;border-color:#39546a;box-shadow:0 24px 46px #0002}
.step-card>span{position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;border:1px solid #73d4cd;border-radius:50%;background:#12383f;color:#a4fff1;font-size:.75rem}
.step-card h3{margin:27px 0 10px}.step-card p{color:#b9ccda}
/* The workflow examples use descriptive labels; the numbered process cards retain the circular marker above. */
#work .steps-grid::before{display:none}
#work .step-card>span{display:block;width:auto;height:auto;border:0;border-radius:0;background:transparent;color:var(--accent);font-size:.7rem;line-height:1.4}
#work .step-card h3{margin-top:18px}

.data-section{background:#101a2b}.data-panel{border-color:#6ab5ab;background:linear-gradient(115deg,#16464b,#102c3c 52%,#122234);box-shadow:0 28px 55px #0003}.data-panel h2{color:#f4fffc}.data-panel p:last-child{color:#d3e4e2}
.data-points span{background:#f4fffa0e;border-color:#5a8e88}

.stack-section{padding-block:76px;background:#0a101b;border-top:1px solid #263c4c}.stack-inner h2{font-size:clamp(1.9rem,3vw,2.9rem)}.stack-inner p:last-child{color:#b9cad7}.stack-tags li{background:#16293a;border-color:#476374}.stack-tags li:hover{background:#1b4650}

.contact-section{background:linear-gradient(145deg,#0d1c2c,#11293a 62%,#0c1d2d)}.contact-grid h2{max-width:650px}.contact-grid>div:first-child>p:not(.eyebrow){color:#d2e1e8}
.contact-panel{border-color:#6b9299;background:linear-gradient(150deg,#1a3141,#132337 70%);box-shadow:0 30px 72px #0003}
.contact-panel h3{font-size:1.52rem}.contact-panel>p{color:#c4d7e0}.contact-panel input,.contact-panel textarea{background:#101c2c;border-color:#4d657a}
.contact-actions .text-link{color:#c1f9f2}
.insights-section{background:#d9f1ec;border-top:0}.insights-section .eyebrow{color:#006d64}.insights-inner h2{color:var(--ink)}.insights-section .button-outline{background:#0c4545;border-color:#0c4545;color:#f0fffa}.insights-section .button-outline:hover{background:#126363}

/* Pricing: training is a bright product shelf, audits a focused decision band. */
.price-hero h1{font-size:clamp(3.2rem,5vw,4.9rem);line-height:1.06}.price-hero h1 .soft-text{color:#9edbd6}
body:has(#training) .price-section{background:var(--paper);color:var(--ink)}
body:has(#training) .price-section h2,body:has(#training) .price-section h3{color:var(--ink)}
body:has(#training) .price-section .eyebrow{color:#00766c}
body:has(#training) .price-section .section-heading>p,body:has(#training) .price-section .price-footnote{color:var(--ink-soft)}
.training-price-bar{background:linear-gradient(110deg,#0d4245,#175e5d);border-color:#1a6d69;box-shadow:0 24px 45px #1748472a}.training-price-bar p{color:#d4ebe8}.training-price-bar strong small{color:#c6e4df}
body:has(#training) .price-card{background:var(--paper-card);border-color:#d3e2df;box-shadow:0 15px 35px #153d3f13}
body:has(#training) .price-card:hover{border-color:#79b8ae;box-shadow:0 20px 40px #153d3f25}
body:has(#training) .price-card-index{color:#00766c}
body:has(#training) .price-card h3 span,body:has(#training) .price-card p,body:has(#training) .price-card li,body:has(#training) .price-card-for{color:#465f6b}
body:has(#training) .price-card-for{border-top-color:#d9e6e2}
body:has(#training) .price-card::before{background:linear-gradient(90deg,transparent,#197e747d,transparent)}
.audit-teaser{background:#0b1725}.audit-teaser-list span{background:#172b3c;border-color:#486a75}.audit-teaser-list strong{font-size:1.36rem}
.build-offer{background:#132a3b}.build-offer-panel{background:#e0f1ec;border-color:#d3ece5;color:var(--ink);box-shadow:0 25px 52px #0002}
.build-offer-panel>span{color:#006f67;border-bottom-color:#bad9d3}.build-offer-panel li{color:#314e58}.build-offer-panel .button-outline{background:#0b4545;border-color:#0b4545;color:#f0fffa}.build-offer-panel .button-outline:hover{background:#126363}
.price-cta{background:#16494a;border-top-color:#4caaa0}.price-cta p{color:#d7eeea}

/* Audit package page: the featured scope is obvious, with readable comparison. */
body:has(#audit-packages) .price-section{background:#eaf3f0;color:var(--ink)}
body:has(#audit-packages) .price-section h2,body:has(#audit-packages) .price-section h3{color:var(--ink)}
body:has(#audit-packages) .price-section .eyebrow{color:#00766c}
body:has(#audit-packages) .price-section .section-heading>p,body:has(#audit-packages) .price-section .price-footnote{color:var(--ink-soft)}
.audit-card{background:#fff;border-color:#d2e2de;box-shadow:0 17px 38px #153d3f16}
.audit-card .price-card-index{color:#00776c}.audit-card .audit-price{color:#123d43}.audit-card p,.audit-card li,.audit-card .price-card-for{color:#425a66}.audit-card .price-card-for{border-top-color:#d9e7e3}
.audit-card .button-outline{background:#0c4344;border-color:#0c4344;color:#f4fffb}.audit-card .button-outline:hover{background:#126162}
.audit-card-featured{background:linear-gradient(150deg,#0d4549,#123442 78%);border-color:#317f7e;box-shadow:0 24px 55px #15444330}
.audit-card-featured h3,.audit-card-featured .audit-price{color:#f8fffc!important}.audit-card-featured .price-card-index{color:#9ceee3}.audit-card-featured p,.audit-card-featured li,.audit-card-featured .price-card-for{color:#d1e7e7}.audit-card-featured .price-card-for{border-top-color:#407078}.audit-card-featured .button{background:#87eee1;border-color:#87eee1;color:#063534}
.audit-recommended{align-self:flex-start;margin-top:15px;padding:5px 10px;border:1px solid #8de8dc;border-radius:999px;background:#9effef20;color:#b7fff4;font-size:.67rem;font-weight:800;letter-spacing:.04em}
.audit-process{background:#111e2e}.audit-process-grid>div{background:#162a3b;border-color:#41596c}.audit-process-grid h3{color:#f6faff}.audit-process-grid p{color:#c2d4df}

/* Education: the searchable lesson library feels like a product, training like an offer. */
.edu-hero h1 .soft-text{color:#a6dcd6}.edu-hero-actions{margin-top:26px}.edu-hero-actions .text-link{color:#b9f7ed}
.edu-library{background:#edf6f3;color:var(--ink)}.edu-library h2,.edu-library h3{color:var(--ink)}.edu-library p{color:var(--ink-soft)}.edu-library .eyebrow{color:#00766c}
.edu-library .topic-filter legend,.edu-library .lesson-toolbar label{color:#244653}
.edu-library .topic-buttons button{background:#fff;border-color:#bfd5d1;color:#244a52}.edu-library .topic-buttons button:hover{border-color:#007f75}.edu-library .topic-buttons button[aria-pressed="true"]{background:#0d5b58;border-color:#0d5b58;color:#fff}
.edu-library .lesson-toolbar input,.edu-library .lesson-toolbar select{background:#fff;border-color:#bfd5d1;color:var(--ink)}.edu-library .lesson-toolbar input::placeholder{color:#667c82}
.edu-library .clear-filters{color:#155453;border-color:#9cbdb7}.edu-library .clear-filters:hover{color:#006c62}
.edu-library .lesson-card{background:#fff;border-color:#d2e2de;box-shadow:0 15px 35px #153d3f13}.edu-library .lesson-card:hover{border-color:#72afa5;box-shadow:0 22px 43px #153d3f22}
.edu-library .lesson-card-meta,.edu-library .lesson-card a{color:#00766c}.edu-library .lesson-card-meta span:last-child{color:#607987}.edu-library .lesson-card p{color:#47606c}.edu-library .lesson-card::before{background:linear-gradient(90deg,transparent,#147a7275,transparent)}
.edu-library .lesson-empty{border-color:#a7c8c1}
.edu-training{background:#0e2634}.edu-training-grid>div:first-child>p:not(.eyebrow){color:#c6dbe0}.edu-training-price{background:linear-gradient(150deg,#174d4e,#102d3c);border-color:#6db0a8;box-shadow:0 26px 54px #0002}
.edu-build{background:#122738}.edu-build-grid>div:first-child>p:last-child{color:#c9dce0}.edu-build-card{background:#e0f2ee;border-color:#d0e8e1;color:var(--ink)}.edu-build-card>span{color:#006d64}.edu-build-card li{color:#294f59}.edu-build-card .button{background:#0d4848;border-color:#0d4848;color:#f3fffa}.edu-build-card .button:hover{background:#126365}

/* Blog: a light editorial shelf and dark decision callouts. */
.blog-page-hero{background:#0c1827}.blog-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(285px,.8fr);align-items:center;gap:70px}.blog-hero-copy h1{max-width:680px;font-family:"Plus Jakarta Sans",sans-serif;font-size:clamp(2.8rem,4.4vw,4.4rem);line-height:1.08;letter-spacing:-.05em}.blog-hero-copy p{max-width:620px;color:#cbd9e4;font-size:1rem}
.blog-hero-callout{padding:30px;border:1px solid #9fd9d0;border-radius:20px;background:linear-gradient(145deg,#dff8f1,#bfe7df);box-shadow:0 23px 52px #0003;color:var(--ink)}
.blog-hero-callout .label{color:#006e65}.blog-hero-callout h2{margin:16px 0 12px;color:var(--ink);font:800 1.65rem/1.2 "Plus Jakarta Sans",sans-serif;letter-spacing:-.04em}.blog-hero-callout p{max-width:380px;margin-bottom:20px;color:#31505b;font-size:.88rem}.blog-hero-callout .btn-primary{background:#0c4647;border-color:#0c4647;color:#effffb}
body .blog-listing{background:#edf5f2}.blog-listing-grid{gap:14px;background:transparent}.blog-listing-grid .blog-card{min-height:310px;border:1px solid #d3e1dd;border-radius:16px;background:#fff;box-shadow:0 16px 35px #163d4015}
.blog-listing-grid .blog-card:hover{background:#f8fffb;box-shadow:0 22px 42px #163d4026}
.blog-listing-grid .blog-card-category,.blog-listing-grid .blog-card-link{color:#00746b}.blog-listing-grid .blog-card-date{color:#637982}.blog-listing-grid .blog-card-title{color:var(--ink)}.blog-listing-grid .blog-card-excerpt{color:#425a68}.blog-listing-grid .blog-card::before{background:linear-gradient(90deg,transparent,#13827870,transparent)}
.blog-cta-section{background:#153a45}.blog-cta-section .inner{max-width:780px}.blog-cta-section h2{font-family:"Plus Jakarta Sans",sans-serif;font-size:clamp(2rem,3vw,2.9rem);font-weight:800;letter-spacing:-.04em}.blog-cta-section p{max-width:600px;margin-inline:auto;color:#d4e6e8}.blog-cta-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}
body .article-hero{background:linear-gradient(120deg,#0b1624,#152c3e);border-bottom-color:#4b7882}
body .article-hero .inner{border-left:3px solid #6ddfd4;padding-left:25px}
body .article-body{background:#f5f8f5;--text-primary:var(--ink);--text-muted:#3e5765;--text-secondary:#3e5765;--bg-secondary:#e6f0ed;--border:#c6dcd5}
.article-body .inner{color:var(--ink)}.article-body h2,.article-body h3{color:var(--ink)}.article-body p,.article-body li{color:#3e5765}
.article-body .article-stat-box,.article-body .article-callout{background:#e5f2ee;border-color:#bddbd3;color:var(--ink)}
.article-body .stat-val{color:#007e70}.article-body .stat-desc{color:#315763}.article-body .article-callout p{color:#315763}
.article-body .article-cta-box{border:1px solid #286e6c;border-radius:18px;background:linear-gradient(140deg,#0d484a,#143849);box-shadow:0 23px 48px #103d3e23;text-align:left}
.article-body .article-cta-box .label{color:#a7fff1}.article-body .article-cta-box h3{color:#fff;font:800 1.55rem/1.25 "Plus Jakarta Sans",sans-serif;letter-spacing:-.035em}.article-body .article-cta-box p{color:#d5e9e8;font-size:.91rem}.article-body .article-cta-box .btn-secondary{color:#f3fffa;border-color:#83c9c1}

@media(min-width:1100px) and (max-height:800px){.hero-grid{padding-block:28px 31px}.hero h1{font-size:clamp(3.1rem,4.6vw,4.35rem);margin-bottom:18px}.hero-intro{margin-bottom:22px}}
@media(max-width:1000px){.solution-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.solution-featured{grid-column:1/-1;grid-row:auto;min-height:0}.offers-grid{grid-template-columns:1fr 1fr}.offer-featured{grid-column:1/-1}.blog-hero-grid{gap:30px}}
@media(max-width:760px){.hero h1{font-size:clamp(2.75rem,9.6vw,3.75rem)}.hero-grid{padding-block:61px 62px}.hero-note{border-radius:13px;line-height:1.5}.trust-inner span:not(:first-child){padding-left:11px}.solution-grid,.offers-grid,.blog-hero-grid{grid-template-columns:1fr}.solution-featured,.offer-featured{grid-column:auto}.solution-featured{min-height:0}.solution-card:not(.solution-featured){min-height:290px}.offer-card{min-height:0}.steps-grid::before{display:none}.step-card{min-height:0}.education-actions,.contact-actions,.edu-hero-actions{align-items:flex-start;flex-direction:column}.contact-actions .button{width:100%}.blog-page-hero{padding:110px 24px 55px}.blog-hero-callout{padding:23px}.blog-listing-grid{gap:11px}.blog-listing-grid .blog-card{min-height:0}.article-hero .inner{padding-left:18px}.price-hero h1{font-size:clamp(2.7rem,9vw,3.7rem)}}

/* Give the homepage more breathing room without making the first screen taller. */
@media(min-width:761px){
  body:has(main > .hero) .section{padding-block:114px}
  body:has(main > .hero) .section-heading{margin-bottom:42px}
  body:has(main > .hero) .solution-grid,body:has(main > .hero) .offers-grid,body:has(main > .hero) .steps-grid{gap:20px}
  body:has(main > .hero) .solution-card{padding:29px}
  body:has(main > .hero) .offer-card{padding:29px}
  body:has(main > .hero) .step-card{padding:31px 32px}
  body:has(main > .hero) #work .step-card h3{margin-top:21px}
  body:has(main > .hero) .traction-grid article{padding:31px}
}
@media(max-width:760px){
  body:has(main > .hero) .section{padding-block:80px}
  body:has(main > .hero) .section-heading{margin-bottom:34px}
  body:has(main > .hero) .solution-card,body:has(main > .hero) .offer-card{padding:27px}
  body:has(main > .hero) .step-card{padding:28px}
  body:has(main > .hero) .traction-grid article{padding:24px}
}
@media(max-width:480px){.trust-inner span:not(:first-child){border:0;padding-left:0}.offer-featured strong{font-size:1.8rem}.offer-featured .button{align-self:stretch}.education-actions .button,.edu-hero-actions .button{width:100%}.blog-cta-actions{flex-direction:column}.blog-cta-actions a{width:100%}.article-body .article-cta-box{padding:25px}}