﻿:root {
  --paper:#f8f9f5;
  --ink:#182920;
  --muted:#657168;
  --green:#355b32;
  --lime:#d6f28b;
  --line:#dce2d8;
  color-scheme:light}
/* Focused enterprise AI homepage and shared marketing-page design. */
.enterprise-page {
  --ai-ink: #19291f; --ai-muted: #4b5b4f; --ai-accent: #d7f891; --ai-line: #dfe6da; --ai-dark: #163c2a;
  --ai-nav-offset: 94px; --paper: #fafbf8; --ink: #19291f; --muted: #4b5b4f; --green: #163c2a; --lime: #d7f891; --line: #dfe6da;
  background: #fafbf8; color: var(--ai-ink); font-family: 'DM Sans', 'Segoe UI', sans-serif; font-weight: 500; -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%; text-size-adjust: 100%; padding-inline: env(safe-area-inset-left, 0px) env(safe-area-inset-right, 0px); padding-bottom: env(safe-area-inset-bottom, 0px);
}
.enterprise-page p { color: var(--ai-muted); }
.enterprise-page h1, .enterprise-page h2, .enterprise-page h3, .enterprise-page .ai-section-title { font-family: Manrope, 'Segoe UI', sans-serif; }
.enterprise-page a, .enterprise-page button { touch-action: manipulation; }
.enterprise-page a:focus-visible, .enterprise-page button:focus-visible, .enterprise-page input:focus-visible, .enterprise-page select:focus-visible, .enterprise-page textarea:focus-visible { outline: 3px solid #4d7b34; outline-offset: 5px; }
.enterprise-page .skip-link { position: fixed; background: #d7f891; color: #19291f; z-index: 100; }
.ai-header { width: 100%; min-height: 94px; padding: 20px max(30px, calc((100vw - 1400px) / 2)); display: flex; align-items: center; justify-content: space-between; gap: 30px; position: sticky; top: 0; z-index: 30; background: #fafbf8f5; backdrop-filter: blur(16px); border-bottom: 1px solid #e5e9e0; transition: box-shadow .2s; }
.ai-header.is-scrolled { box-shadow: 0 4px 22px #18301e08; }
.ai-brand { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; flex-shrink: 0; font: 800 30px/1 Manrope, sans-serif; letter-spacing: -1.3px; }
.ai-brand-mark { width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; background: #183d2b; color: #fff; border-radius: 10px; font-size: 34px; padding-bottom: 5px; }
.ai-brand-mark span { color: #d7f891; }
.ai-brand-dot { margin-left: -9px; color: #4a793c; }
.ai-nav { display: flex; align-items: center; gap: clamp(16px, 1.7vw, 25px); font-size: 14px; font-weight: 600; }
.ai-nav > a { padding-block: 14px; white-space: nowrap; transition: color .2s; }
.ai-nav > a:hover { color: #4e782d; }
.ai-nav .ai-nav-contact { display: inline-flex; align-items: center; justify-content: space-between; gap: 20px; padding: 13px 18px; background: #163c2a; color: #fff; border-radius: 6px; }
.ai-nav-contact span { color: #d7f891; font-size: 20px; }
.ai-nav .ai-nav-contact:hover { background: #28523a; color: #fff; }
.ai-menu { display: none; }
.ai-hero { width: 91%; max-width: 1320px; margin: auto; padding-block: 60px 64px; display: grid; grid-template-columns: 1.1fr 1fr; gap: 55px; align-items: center; }
.ai-hero-copy { min-width: 0; }
.enterprise-page .ai-eyebrow { color: #48623f; font-size: 12px; line-height: 1.6; font-weight: 700; letter-spacing: 1.4px; margin-bottom: 27px; }
.ai-status-dot { width: 7px; height: 7px; display: inline-block; margin-right: 8px; border-radius: 50%; background: #5c8c3f; box-shadow: 0 0 0 4px #d9e9cc; }
.ai-hero h1 { font-size: clamp(3.4rem, 5.3vw, 5.1rem); font-weight: 700; line-height: 1.06; letter-spacing: -.04em; margin-bottom: 25px; }
.ai-heading-accent { display: block; color: #497640; }
.ai-heading-context { display: block; font-size: .46em; letter-spacing: -.035em; font-weight: 600; line-height: 1.4; margin-top: 20px; max-width: 480px; }
.enterprise-page .ai-hero-description { color: #4b5b4f; max-width: 470px; font-size: 18px; line-height: 1.75; margin-bottom: 28px; }
.ai-actions { display: flex; align-items: stretch; flex-wrap: wrap; gap: 12px; }
.ai-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 16px; padding: 17px 20px; min-height: 56px; background: #193c2b; color: #fff; border: 1px solid #193c2b; border-radius: 6px; font: 600 15px/1.5 'DM Sans', 'Segoe UI', sans-serif; cursor: pointer; transition: background .2s, transform .2s; }
.ai-button > span { font-size: 21px; font-weight: 400; color: #d7f891; line-height: 1; }
.ai-button:hover { background: #2b5237; transform: translateY(-2px); }
.ai-button-outline { background: transparent; border-color: #cdd7c8; color: #243628; }
.ai-button-outline > span { color: #355c35; }
.ai-button-outline:hover { background: #f0f4e9; }
.ai-button:disabled { opacity: .65; cursor: wait; transform: none; }
.enterprise-page .ai-hero-note { margin: 22px 0 0; font-size: 13px; color: #53634f; }
.ai-visual { position: relative; min-width: 0; aspect-ratio: 1; }
.ai-hero-art { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; }
.ai-art-label { position: absolute; left: -22px; right: 28px; bottom: 32px; padding: 18px 20px; display: flex; align-items: center; gap: 16px; background: #fafcf5ed; border: 1px solid #ffffffc9; backdrop-filter: blur(16px); border-radius: 8px; box-shadow: 0 12px 40px #14271912; }
.ai-art-icon { display: grid; place-items: center; background: #d7f891; width: 45px; height: 45px; border-radius: 50%; font-size: 25px; }
.ai-art-label strong { display: block; font-size: 17px; font-weight: 600; color: #19291f; }
.ai-art-label div > span { display: block; margin-top: 3px; font-size: 12px; color: #5a6e5b; }
.ai-art-caption { position: absolute; top: 23px; left: 22px; font-size: 9px; letter-spacing: 1.4px; color: #344532; }
.ai-focus-bar { width: 91%; max-width: 1320px; margin: auto; border-block: 1px solid #dfe6da; padding-block: 25px; display: flex; justify-content: space-between; align-items: center; gap: 30px; }
.ai-focus-bar > span { font-size: 10px; font-weight: 600; letter-spacing: 1.3px; }
.ai-focus-bar p { display: flex; gap: 26px; align-items: center; flex-wrap: wrap; margin: 0; font-size: 14px; }
.ai-focus-bar i { color: #5d8345; font-size: 19px; font-style: normal; }
.ai-expertise { width: 91%; max-width: 1320px; margin: auto; padding-block: 76px 90px; scroll-margin-top: 110px; }
.ai-section-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 30px; margin-bottom: 38px; }
.ai-section-heading .ai-eyebrow { margin-bottom: 18px; }
.enterprise-page .ai-section-title { font-size: clamp(2.2rem, 3.5vw, 3.3rem); font-weight: 600; line-height: 1.15; letter-spacing: -.035em; margin: 0; color: #203226; }
.ai-section-title span { color: #4e6e43; }
.ai-section-heading > p { font-size: 16px; line-height: 1.7; margin: 0 0 4px; }
.ai-services { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 22px; }
.ai-service { min-width: 0; padding: 32px 35px; border: 1px solid #dfe6da; border-radius: 12px; background: #fff; position: relative; display: flex; flex-direction: column; scroll-margin-top: 118px; transition: border-color .2s, transform .2s; }
.ai-service:hover { border-color: #9eb28e; transform: translateY(-3px); }
.ai-service-training { background: #193f2d; border-color: #193f2d; color: #fff; }
.ai-service-consulting { background: #e7f2ce; border-color: #d9e7bb; }
.ai-service-top { display: flex; justify-content: space-between; align-items: center; gap: 18px; margin-bottom: 30px; }
.ai-service-top > span { color: #4b6244; font-size: 11px; font-weight: 600; letter-spacing: 1px; line-height: 1.6; }
.ai-service-top svg { color: #3d6242; width: 38px; height: 38px; flex-shrink: 0; }
.ai-service-training .ai-service-top > span, .ai-service-training .ai-service-top svg { color: #c4e996; }
.ai-service h2 { font-size: clamp(1.6rem, 2.15vw, 1.95rem); line-height: 1.23; font-weight: 600; margin-bottom: 17px; letter-spacing: -.04em; }
.ai-service > p { font-size: 16px; line-height: 1.8; max-width: 520px; margin-bottom: 24px; }
.enterprise-page .ai-service-training > p { color: #d4e3d2; }
.ai-service-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 25px; }
.ai-service-chips span { border: 1px solid #dbe4d5; border-radius: 30px; font-size: 11px; line-height: 1.5; padding: 6px 10px; color: #5c7355; }
.ai-service-training .ai-service-chips span { border-color: #c1d5c52e; color: #d4e3d2; }
.ai-service-consulting .ai-service-chips span { border-color: #b6c59f; }
.ai-service-bottom { display: flex; flex-direction: column; gap: 5px; border-top: 1px solid #dfe6da; padding-top: 15px; margin-top: auto; }
.ai-service-bottom a { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; font-size: 15px; font-weight: 600; }
.ai-service-bottom a > span { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #bfcfb2; border-radius: 50%; font-size: 21px; font-weight: 400; flex-shrink: 0; }
.ai-service-training .ai-service-bottom { border-color: #c1d5c52e; }
.ai-service-training .ai-service-bottom a > span { border: 0; color: #173d27; background: #d7f891; }
.ai-service-bottom .ai-detail-link { color: #536f4e; font-size: 13px; min-height: 44px; }
.ai-service-bottom .ai-detail-link > span { border: 0; font-size: 18px; }
.ai-service-training .ai-service-bottom .ai-detail-link { color: #bdd5b9; }
.ai-service-training .ai-service-bottom .ai-detail-link > span { background: transparent; color: #bdd5b9; }
.ai-contact { background: #f0f4e8; width: 100%; padding: 74px max(4.5%, calc((100vw - 1320px) / 2)); display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 65px; align-items: center; border-block: 1px solid #e0e7d9; scroll-margin-top: 110px; }
.ai-contact h2 { font-size: clamp(2.4rem, 3.8vw, 3.6rem); line-height: 1.15; font-weight: 600; letter-spacing: -.035em; margin-bottom: 24px; }
.ai-contact h2 > span { color: #4e6e43; }
.enterprise-page .ai-contact-copy > p:not(.ai-eyebrow) { font-size: 17px; line-height: 1.8; max-width: 420px; }
.ai-contact-options { display: flex; flex-direction: column; gap: 5px; margin-top: 20px; }
.ai-contact-options a { display: flex; width: fit-content; max-width: 100%; min-height: 48px; align-items: center; justify-content: space-between; gap: 25px; font-size: 15px; font-weight: 600; color: #355b32; }
.ai-contact-options a > span { font-size: 23px; }
.ai-contact-options a:hover { text-decoration: underline; text-underline-offset: 6px; }
.ai-inquiry { background: #fff; border: 1px solid #dfe6da; border-radius: 12px; min-width: 0; padding: 32px; scroll-margin-top: 110px; }
.enterprise-page .contact-form label { color: #223726; font-size: 14px; font-weight: 600; line-height: 1.5; margin-bottom: 18px; }
.enterprise-page .contact-form input, .enterprise-page .contact-form select, .enterprise-page .contact-form textarea { background: #fbfcf8; color: #233628; border: 1px solid #d8e1d2; border-radius: 6px; font-size: 16px; font-weight: 500; line-height: 1.5; padding: 12px; min-width: 0; }
.ai-inquiry .form-row { gap: 16px; }
.ai-inquiry .ai-button { width: 100%; }
.enterprise-page .contact-form .form-status { font-size: 14px; color: #92382b; overflow-wrap: anywhere; min-height: 0; margin: 12px 0 0; }
.ai-inquiry .form-status:empty { display: none; }
.enterprise-page .ai-inquiry small { font-size: 12px; color: #53634f; line-height: 1.7; margin-top: 15px; }
.ai-footer { padding: 38px max(4.5%, calc((100vw - 1320px) / 2)) 25px; background: #fafbf8; }
.ai-footer-main { display: flex; align-items: center; gap: 50px; padding-bottom: 32px; }
.ai-footer .ai-brand { gap: 0; }
.ai-footer-dot { color: #4b7b3e; }
.ai-footer p { margin: 0; font-size: 15px; line-height: 1.5; }
.ai-back-top { display: inline-flex; align-items: center; min-height: 48px; gap: 15px; font-size: 14px; margin-left: auto; }
.ai-footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 25px; border-top: 1px solid #dfe6da; padding-top: 22px; color: #53634f; font-size: 12px; }
.ai-footer small { font-size: 12px; }
/* Training-first positioning and the one-day flagship workshop. */
.sales-home .ai-hero { grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); gap: 45px; }
.sales-home .ai-hero h1 { font-size: clamp(2.8rem,4.15vw,4rem); line-height: 1.12; }
.sales-home .ai-hero-description { max-width: 530px; }
.sales-home .ai-hero .ai-actions a:last-child { background: transparent; color: #243628; border-color: #cdd7c8; }
.sales-home .ai-hero .ai-actions a:last-child > span { color: #355c35; }
.sales-home .ai-hero .ai-actions a:last-child:hover { background: #f0f4e9; }
.sales-path ol { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; padding: 0; margin: 0; list-style: none; font-size: 14px; color: #496043; }
.sales-path li { display: flex; align-items: center; gap: 16px; }
.sales-path li + li::before { content: '\2192'; color: #6c8b4d; }
.sales-home .ai-services { grid-template-columns: repeat(3,minmax(0,1fr)); }
.sales-home .ai-service { padding: 30px 26px; }
.sales-home .ai-service-top { margin-bottom: 22px; }
.sales-home .ai-service h3 { font-size: clamp(1.45rem,2.1vw,1.8rem); font-weight: 600; line-height: 1.25; margin-bottom: 17px; letter-spacing: -.04em; }
.sales-home .ai-service > p { margin-bottom: 22px; }
.sales-home .ai-service-bottom a { font-size: 14px; }
.sales-anchor { display: block; position: absolute; top: 0; scroll-margin-top: 118px; }
.sales-legacy-anchors { position: relative; scroll-margin-top: 118px; }
.sales-section { width: 91%; max-width: 1320px; margin-inline: auto; padding-block: 64px; scroll-margin-top: 110px; }
.sales-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 35px; }
.sales-section-heading .ai-eyebrow { margin-bottom: 17px; }
.sales-section h2 { font-size: clamp(2.1rem,3.3vw,3rem); line-height: 1.18; font-weight: 600; letter-spacing: -.035em; margin-bottom: 0; }
.sales-section h2 span { color: #4e6e43; }
.sales-section-heading > p { font-size: 16px; line-height: 1.7; margin: 0; }
.workshop-section { padding: 42px; background: #f0f4e8; border: 1px solid #dce6d1; border-radius: 14px; }
.workshop-duration { display: inline-flex; align-items: center; padding: 10px 15px; background: #193f2d; color: #e4f5d1; border-radius: 6px; font-size: 13px; line-height: 1.5; flex-shrink: 0; }
.workshop-layout { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,1fr); gap: 45px; }
.workshop-summary > p:first-child { font-size: 17px; line-height: 1.75; margin-bottom: 25px; max-width: 530px; }
.workshop-section h3 { font-size: 17px; font-weight: 600; letter-spacing: -.02em; margin-bottom: 13px; }
.audience-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; }
.audience-chips span { font-size: 12px; padding: 7px 11px; border: 1px solid #cbd9bf; border-radius: 30px; line-height: 1.5; color: #48683c; background: #f9fcf4; }
.workshop-outcomes { padding-left: 20px; margin: 0 0 28px; font-size: 15px; line-height: 1.8; color: #455e3d; }
.workshop-outcomes li { padding-left: 4px; margin-bottom: 8px; }
.workshop-outcomes li::marker { color: #648b44; }
.workshop-summary .ai-actions { align-items: center; gap: 8px 20px; }
.workshop-detail-link { display: inline-flex; min-height: 48px; align-items: center; gap: 16px; font-size: 14px; font-weight: 600; color: #3d6333; }
.workshop-detail-link:hover { text-decoration: underline; text-underline-offset: 5px; }
.workshop-detail-link > span { font-size: 20px; }
.enterprise-page .corporate-pricing { font-size: 13px; line-height: 1.65; color: #4a6141; margin: 16px 0 0; }
.workshop-agenda { padding: 27px; background: #ffffffb8; border: 1px solid #dbe4d3; border-radius: 10px; }
.workshop-agenda > h3 { margin-bottom: 20px; }
.workshop-agenda ol { list-style: none; margin: 0; padding: 0; }
.workshop-agenda li { display: flex; gap: 16px; padding: 16px 0; border-top: 1px solid #e0e8d9; }
.agenda-number { font-size: 12px; color: #496c39; padding-top: 3px; }
.workshop-agenda h4 { margin: 0 0 6px; font-size: 15px; font-weight: 600; line-height: 1.5; }
.workshop-agenda li p { font-size: 14px; line-height: 1.65; margin: 0; }
.enterprise-page .agenda-note { font-size: 12px; line-height: 1.6; color: #58684e; margin: 15px 0 0; }
.use-case-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; margin-bottom: 18px; }
.use-case-card { border: 1px solid #dfe6da; background: #fff; border-radius: 12px; padding: 27px; min-width: 0; }
.use-case-number { font-size: 11px; font-weight: 600; letter-spacing: 1px; color: #4f6d40; }
.use-case-card h3 { font-size: 23px; line-height: 1.3; font-weight: 600; letter-spacing: -.035em; margin: 22px 0 14px; }
.use-case-card > p { font-size: 16px; line-height: 1.75; margin-bottom: 24px; }
.use-case-flow { list-style: none; padding: 15px 0 0; margin: 0; border-top: 1px solid #e4eadf; display: flex; flex-direction: column; gap: 10px; }
.use-case-flow li { font-size: 13px; color: #4b6340; display: flex; align-items: center; gap: 10px; }
.use-case-flow li::before { content: '\2192'; color: #84a460; }
.about-section { display: grid; grid-template-columns: minmax(0,.55fr) minmax(0,1.45fr); gap: 60px; align-items: center; border-top: 1px solid #dfe6da; padding-block: 45px 65px; }
.about-experience { border-right: 1px solid #dfe6da; }
.about-experience > strong { display: block; font: 600 clamp(5.5rem,9vw,8rem)/1 Manrope,sans-serif; color: #335f36; letter-spacing: -.07em; }
.about-experience strong > span { display: block; font: 600 23px/1.5 'DM Sans',sans-serif; letter-spacing: -.02em; margin: 5px 0 15px; color: #58754e; }
.about-experience > p { font-size: 15px; line-height: 1.7; margin: 0; }
.about-copy h2 { font-size: clamp(2rem,3vw,2.7rem); margin-bottom: 22px; }
.enterprise-page .about-name { color: #284a2d; font-size: 16px; font-weight: 600; margin-bottom: 13px; }
.about-name span { font-size: 13px; font-weight: 500; color: #53674b; margin-left: 7px; }
.about-copy > p:not(.ai-eyebrow):not(.about-name) { font-size: 16px; line-height: 1.8; max-width: 750px; margin-bottom: 20px; }
.about-copy .audience-chips { margin-bottom: 0; }
.sales-workshop-hero { width: 91%; max-width: 1320px; margin-inline: auto; padding-block: 65px; }
.sales-workshop-hero h1 { font-size: clamp(2.6rem,4.7vw,4.3rem); line-height: 1.12; font-weight: 600; letter-spacing: -.035em; margin-bottom: 24px; }
.sales-workshop-hero h1 > span { color: #497640; }
.sales-workshop-hero > p:not(.ai-eyebrow) { font-size: 18px; line-height: 1.8; max-width: 710px; }
.sales-workshop-hero .ai-actions { margin-top: 28px; }
.sales-workshop-hero .workshop-led-by { font-size: 14px !important; margin-top: 23px; max-width: 760px !important; }
.workshop-next-step { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 35px; background: #edf3e6; border: 1px solid #d9e4d0; border-radius: 12px; padding: 36px; margin-bottom: 45px; }
.workshop-next-step h2 { font-size: 30px; margin-bottom: 16px; }
.workshop-next-step p { font-size: 16px; line-height: 1.75; max-width: 680px; }
@media (max-width: 1000px) {
  .sales-home .ai-services { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sales-home .ai-service-training { grid-column: 1/-1; }
  .workshop-layout { gap: 28px; }
  .workshop-section { padding: 32px; }
  .use-case-card { padding: 23px; }
}
@media (max-width: 900px) {
  .sales-section-heading { flex-direction: column; align-items: flex-start; gap: 20px; }
  .sales-section-heading > p br { display: none; }
  .workshop-layout { grid-template-columns: minmax(0,1fr); }
  .use-case-grid { grid-template-columns: minmax(0,1fr); gap: 16px; }
  .use-case-card h3 { margin-top: 16px; }
  .use-case-flow { flex-direction: row; flex-wrap: wrap; gap: 12px 18px; }
  .about-section { gap: 35px; grid-template-columns: minmax(0,.6fr) minmax(0,1.4fr); }
  .workshop-next-step { grid-template-columns: minmax(0,1fr); gap: 15px; }
  .workshop-next-step .ai-button { justify-self: start; }
}
@media (max-width: 767px) {
  .sales-home .ai-hero { grid-template-columns: minmax(0,1fr); gap: 28px; }
  .sales-home .ai-hero h1 { font-size: clamp(2.2rem,7.8vw,3.5rem); }
  .sales-home .ai-services { grid-template-columns: minmax(0,1fr); }
  .sales-home .ai-service-training { grid-column: auto; }
  .sales-section { padding-block: 48px; }
  .workshop-section { padding: 28px; }
  .about-section { grid-template-columns: minmax(0,1fr); gap: 30px; padding-block: 40px; }
  .about-experience { border-right: 0; border-bottom: 1px solid #dfe6da; padding-bottom: 25px; display: flex; align-items: center; gap: 30px; }
  .about-experience > strong { font-size: 80px; }
  .about-experience strong > span { font-size: 18px; margin-bottom: 0; }
  .about-copy h2 { font-size: 34px; }
  .workshop-next-step { padding: 28px; }
  .sales-workshop-hero { padding-block: 40px; }
}
@media (max-width: 600px) {
  .sales-home .ai-hero h1 { font-size: clamp(2rem,8.4vw,2.8rem); }
  .sales-home .ai-hero .ai-eyebrow { font-size: 11px; letter-spacing: 1px; }
  .sales-path ol { gap: 9px 12px; font-size: 12px; }
  .sales-path li { gap: 12px; }
  .sales-home .ai-service { padding: 25px; }
  .sales-home .ai-service h3 { font-size: 26px; }
  .sales-section h2 { font-size: 32px; }
  .workshop-section { padding: 26px 22px; }
  .sales-section-heading { margin-bottom: 25px; }
  .workshop-duration { font-size: 12px; }
  .workshop-summary > p:first-child { font-size: 16px; }
  .workshop-outcomes { font-size: 15px; line-height: 1.75; }
  .workshop-summary .ai-actions { align-items: stretch; }
  .workshop-agenda { padding: 23px 19px; }
  .workshop-agenda li { gap: 12px; }
  .audience-chips span { font-size: 12px; }
  .use-case-card { padding: 24px; }
  .use-case-card h3 { font-size: 24px; }
  .use-case-flow { flex-direction: column; gap: 10px; }
  .about-experience { gap: 25px; }
  .about-experience > p { font-size: 14px; }
  .about-name span { display: block; margin: 6px 0 0; }
  .sales-workshop-hero h1 { font-size: 39px; }
  .sales-workshop-hero > p:not(.ai-eyebrow) { font-size: 16px; }
  .workshop-next-step { padding: 25px; }
  .workshop-next-step h2 { font-size: 28px; }
}
/* Three focused offers and their assessment / POC detail pages. */
.sales-home .sales-offers .ai-service h3 { min-height: 2.5em; }
.offer-duration { display: inline-flex; align-self: flex-start; padding: 6px 11px; border-radius: 5px; background: #eef4e7; color: #426337; font-size: 13px; line-height: 1.5; font-weight: 600; margin-bottom: 20px; }
.ai-service-training .offer-duration { background: #ffffff12; color: #d7f891; }
.ai-service-consulting .offer-duration { background: #ffffff75; }
.offer-points { padding-left: 18px; color: #455e3d; font-size: 14px; line-height: 1.7; margin: 0 0 26px; }
.offer-points li { padding-left: 2px; margin-bottom: 7px; }
.ai-service-training .offer-points { color: #d4e3d2; }
.poc-use-cases { grid-template-columns: repeat(2,minmax(0,1fr)); }
.poc-use-cases .use-case-flow { flex-direction: row; flex-wrap: wrap; gap: 10px 18px; }
.offer-hero { width: 91%; max-width: 1320px; margin: auto; padding-block: 36px 64px; display: grid; grid-template-columns: minmax(0,1.3fr) minmax(0,.8fr); gap: 70px; align-items: center; }
.offer-back { display: inline-flex; min-height: 44px; align-items: center; font-size: 13px; color: #557149; margin-bottom: 26px; }
.offer-back:hover { text-decoration: underline; text-underline-offset: 5px; }
.offer-hero .ai-eyebrow { margin-bottom: 18px; }
.offer-hero h1 { font-size: clamp(2.7rem,4.4vw,4.3rem); line-height: 1.15; letter-spacing: -.035em; font-weight: 600; margin-bottom: 27px; }
.offer-hero h1 > span { color: #497640; }
.offer-hero > div > p:not(.ai-eyebrow) { font-size: 17px; line-height: 1.8; max-width: 640px; }
.enterprise-page .offer-hero .offer-promise { color: #2d4d30; font-size: 25px; line-height: 1.5; font-weight: 600; letter-spacing: -.025em; margin-bottom: 18px; }
.offer-hero .ai-actions { margin-top: 26px; }
.enterprise-page .offer-hero .offer-pricing { font-size: 13px; color: #4a6141; margin: 17px 0 0; }
.offer-summary { min-width: 0; padding: 36px; border: 1px solid #193f2d; border-radius: 14px; background: #193f2d; color: #fff; }
.offer-summary-label { font-size: 11px; line-height: 1.8; letter-spacing: 1.2px; color: #c4e996; }
.offer-summary > strong { display: block; font: 600 clamp(4.6rem,7vw,6.5rem)/1.1 Manrope,sans-serif; letter-spacing: -.07em; color: #d7f891; margin: 28px 0 24px; }
.offer-summary strong > span { display: block; font: 600 22px/1.6 'DM Sans',sans-serif; letter-spacing: -.02em; color: #fff; margin-top: 6px; }
.offer-summary > p { color: #d4e3d2; font-size: 16px; line-height: 1.75; }
.offer-summary ul { padding: 21px 0 0 19px; margin: 24px 0 0; border-top: 1px solid #ffffff29; font-size: 14px; line-height: 1.75; color: #d4e6cf; }
.offer-summary li { padding-left: 3px; margin-bottom: 9px; }
.offer-summary li:last-child { margin-bottom: 0; }
.offer-scope { border-block: 1px solid #dfe6da; padding-block: 40px; }
.scope-chips { margin-bottom: 0; }
.scope-chips span { font-size: 14px; padding: 9px 14px; }
.deliverable-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.deliverable-card { display: flex; align-items: flex-start; gap: 20px; padding: 25px; background: #fff; border: 1px solid #dfe6da; border-radius: 10px; min-width: 0; }
.deliverable-number { color: #496c39; font-size: 12px; padding-top: 4px; }
.deliverable-card h3 { font-size: 18px; line-height: 1.45; font-weight: 600; letter-spacing: -.02em; margin-bottom: 10px; }
.deliverable-card p { font-size: 15px; line-height: 1.75; margin: 0; }
.offer-process { border-top: 1px solid #dfe6da; }
.offer-stages { list-style: none; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; padding: 0; margin: 0; }
.offer-stages > li { min-width: 0; padding: 25px; border: 1px solid #dfe6da; border-radius: 10px; background: #f0f4e8; }
.offer-stages > li > span { color: #45643a; font-size: 11px; letter-spacing: 1px; }
.offer-stages h3 { font-size: 20px; line-height: 1.4; font-weight: 600; margin: 18px 0 12px; letter-spacing: -.025em; }
.offer-stages p, .offer-boundary { font-size: 15px; line-height: 1.75; margin: 0; }
.offer-process .offer-boundary { max-width: 850px; margin-top: 25px; }
@media (max-width: 1000px) {
  .sales-home .sales-offers .ai-service h3 { min-height: 0; }
  .offer-hero { gap: 35px; }
  .offer-summary { padding: 28px; }
}
@media (max-width: 900px) {
  .offer-hero { grid-template-columns: minmax(0,1fr); gap: 32px; }
  .offer-summary { max-width: 640px; width: 100%; }
  .offer-stages { grid-template-columns: minmax(0,1fr); gap: 16px; }
}
@media (max-width: 767px) {
  .poc-use-cases, .deliverable-grid { grid-template-columns: minmax(0,1fr); }
  .offer-hero { padding-block: 22px 45px; }
  .offer-back { margin-bottom: 20px; }
  .offer-hero h1 { font-size: clamp(2.2rem,7.5vw,3.4rem); }
  .offer-hero > div > p:not(.ai-eyebrow) { font-size: 16px; }
  .enterprise-page .offer-hero .offer-promise { font-size: 22px; }
  .offer-hero .ai-button { width: 100%; }
  .offer-summary > strong { font-size: 80px; }
  .offer-scope { padding-block: 35px; }
  .deliverable-card { padding: 23px 20px; gap: 16px; }
}
@media (max-width: 600px) {
  .poc-use-cases .use-case-flow { flex-direction: column; gap: 10px; }
  .offer-hero .ai-eyebrow { font-size: 10px; letter-spacing: 1px; }
  .offer-summary { padding: 27px; }
  .scope-chips span { font-size: 13px; padding: 8px 12px; }
}
/* Audience and the Learn -> Identify -> Implement customer journey. */
.who-we-help { width: 91%; max-width: 1320px; margin: auto; border-block: 1px solid #dfe6da; padding-block: 25px; display: flex; align-items: center; gap: 28px; }
.who-we-help h2 { font-size: 15px; font-weight: 600; line-height: 1.5; margin: 0; white-space: nowrap; }
.who-we-help ul { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; margin: 0; padding: 0; }
.who-we-help li { padding: 7px 12px; border: 1px solid #dfe6da; border-radius: 30px; font-size: 13px; line-height: 1.5; color: #4e6a43; background: #f1f5eb; }
.customer-journey { list-style: none; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; padding: 0; margin: 0 0 25px; }
.customer-journey li { position: relative; min-width: 0; }
.customer-journey li:not(:last-child)::after { content: '\2192'; position: absolute; right: -20px; top: 50%; transform: translateY(-50%); font-size: 24px; color: #71934e; }
.customer-journey a { height: 100%; display: flex; flex-direction: column; align-items: flex-start; padding: 20px 24px; border: 1px solid #dbe5d1; border-radius: 10px; background: #f0f4e8; transition: border-color .2s, background .2s; }
.customer-journey a:hover { border-color: #98b081; background: #eaf2df; }
.journey-stage { font-size: 12px; line-height: 1.5; font-weight: 600; letter-spacing: .8px; color: #4c663d; text-transform: uppercase; }
.customer-journey strong { font: 600 32px/1.4 Manrope,sans-serif; letter-spacing: -.04em; color: #2b4e2c; margin-block: 6px; }
.journey-description { font-size: 13px; line-height: 1.6; color: #4e6245; }
.home-demo-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.home-demo-grid .use-case-flow { flex-direction: column; }
.experience-areas { list-style: none; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 22px; padding: 0; margin: 24px 0 0; }
.experience-areas li { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; line-height: 1.65; color: #48683c; }
.experience-areas li::before { content: ''; display: block; flex-shrink: 0; width: 6px; height: 6px; background: #7c9d52; border-radius: 50%; margin-top: 8px; }
.pricing-link { display: inline-flex; align-items: center; min-height: 44px; gap: 12px; font-size: 14px; color: #355b32; margin-top: 5px; }
.pricing-link:hover { text-decoration: underline; text-underline-offset: 5px; }
.discovery-actions { align-items: center; margin-top: 26px; gap: 12px 22px; }
.enterprise-page .ai-contact-copy > p.discovery-note { font-size: 13px; line-height: 1.7; margin: 16px 0 0; color: #53634f; }
@media (max-width: 1100px) {
  .who-we-help { align-items: flex-start; flex-direction: column; gap: 15px; }
}
@media (max-width: 900px) {
  .home-demo-grid { grid-template-columns: minmax(0,1fr); }
  .home-demo-grid .use-case-flow { flex-direction: row; flex-wrap: wrap; }
}
@media (max-width: 600px) {
  .who-we-help { padding-block: 22px; }
  .who-we-help li { font-size: 12px; padding: 6px 10px; }
  .customer-journey { grid-template-columns: minmax(0,1fr); gap: 28px; }
  .customer-journey a { padding: 16px 20px; }
  .customer-journey strong { font-size: 27px; margin-block: 3px; }
  .customer-journey li:not(:last-child)::after { content: '\2193'; right: 50%; top: auto; bottom: -28px; transform: translateX(50%); font-size: 22px; }
  .home-demo-grid .use-case-flow { flex-direction: column; }
  .experience-areas { grid-template-columns: minmax(0,1fr); }
  .discovery-actions .ai-button { width: 100%; }
}
/* Existing service pages share the same visual system and navigation. */
.site-subpage .detail-hero { width: 91%; max-width: 1320px; margin: 35px auto 0; padding: 65px 50px; border-radius: 14px; min-height: 430px; background: linear-gradient(90deg,#f0f4e8 0%,#f0f4e8 48%,#f0f4e8f5 56%,#f0f4e800 85%), url('/assets/enterprise-ai-sculpture-v4.jpg') right center / auto 100% no-repeat; }
.site-subpage .detail-hero h1 { font-size: clamp(2.6rem,4.3vw,4rem); line-height: 1.14; font-weight: 600; letter-spacing: -.035em; max-width: 64%; }
.site-subpage .detail-hero > p:not(.eyebrow) { font-size: 18px; line-height: 1.8; max-width: 57%; }
.site-subpage .eyebrow { font-size: 11px; color: #557749; }
.site-subpage .edge-section, .site-subpage .product-section { width: 91%; max-width: 1320px; padding: 65px 0; background: transparent; }
.site-subpage .section-intro { gap: 35px; }
.site-subpage .section-intro h2 { font-size: 40px; font-weight: 600; }
.site-subpage .section-intro > p, .site-subpage .offering p, .site-subpage .product-card p { font-size: 16px; line-height: 1.8; }
.site-subpage .offering, .site-subpage .product-card { border-radius: 12px; padding: 32px; background: #fff; border-color: #dfe6da; }
.site-subpage .edge-button { font-size: 15px; padding: 16px 22px; background: #193c2b; border-radius: 6px; }
.site-subpage .text-link, .site-subpage .related { font-size: 15px; }
.site-subpage .related { gap: 28px; padding-block: 30px; background: #f0f4e8; }
.site-subpage .example-section { background: #193f2d; padding-block: 50px; }
.site-subpage .example-section .eyebrow, .site-subpage .example-section p { color: #c3d6bb; }
.site-subpage .example-section .edge-button { background: #d7f891; color: #193c2b; }
.site-subpage .delivery-list { line-height: 1.8; }
/* Preserve learning content while giving training and curriculum pages the same design. */
.learning-page { --teal: #466c39; --teal-dark: #193c2b; --gold: #d7f891; }
.learning-page .hero { min-height: auto; padding: 60px max(4.5%, calc((100vw - 1320px)/2)) 45px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .8fr); gap: 30px; background: #f0f4e8; overflow: hidden; }
.learning-page .hero-image { position: absolute; inset: 0 0 auto auto; width: 48%; height: 560px; object-fit: cover; opacity: .18; }
.learning-page .hero-overlay { background: linear-gradient(90deg,#f0f4e8 25%,#f0f4e8e6 48%,#f0f4e800); }
.learning-page .hero-content { position: relative; width: auto; padding: 0; max-width: 720px; z-index: 1; }
.learning-page .hero h1 { color: #203226; font-size: clamp(2.7rem,4.5vw,4.2rem); line-height: 1.12; letter-spacing: -.035em; text-shadow: none; font-weight: 600; }
.learning-page .hero-copy { color: #52654c; font-size: 18px; max-width: 650px; line-height: 1.8; }
.learning-page .hero-actions { gap: 12px; }
.learning-page .button { min-height: 48px; border-radius: 6px; font-size: 15px; }
.learning-page .button.primary { color: #fff; background: #193c2b; border-color: #193c2b; }
.learning-page .button.secondary, .learning-page .button.light, .learning-page .button.outline-dark { color: #294329; background: #fafcf5; border: 1px solid #b7c7ab; }
.learning-page .hero-proof { color: #294329; background: #ffffff85; border-color: #cad9c0; }
.learning-page .hero-proof strong { color: #294329; }
.learning-page .hero-proof span { color: #597451; }
.learning-page .sidebar-ad { position: relative; inset: auto; z-index: 1; width: 100%; max-width: 410px; max-height: none; margin: 0; align-self: center; justify-self: end; padding: 30px; background: #ffffffed; border: 1px solid #d7e2ce; border-radius: 12px; box-shadow: 0 20px 60px #193c2b0c; display: grid; grid-template-columns: 1fr; }
.learning-page .ad-message h2 { font-size: 32px; color: #203226; font-weight: 600; line-height: 1.2; }
.learning-page .ad-message p { color: #5d7154; font-size: 15px; font-weight: 600; }
.learning-page .ad-meta span { color: #426039; background: #f0f5e9; border-color: #d4e1c9; font-weight: 600; font-size: 13px; }
.learning-page .button.primary { box-shadow: none; }
.learning-page .answer-strip { margin-top: 24px; }
.learning-page .answer-strip div, .learning-page .audience-grid article, .learning-page .project-card { box-shadow: none; border-color: #dce5d6; border-radius: 12px; }
.learning-page .answer-strip span { color: #4c753d; }
.learning-page .ad-meta { font-size: 14px; }
.learning-page .ad-actions { display: grid; grid-template-columns: 1fr; gap: 10px; }
.learning-page .section, .learning-page .curriculum-section { padding-block: 65px; }
.learning-page .section-heading h2 { font-size: clamp(2rem,3vw,2.7rem); line-height: 1.2; letter-spacing: -.04em; font-weight: 600; }
.learning-page .section-heading p, .learning-page .feature-card p, .learning-page .contact-copy p { font-size: 16px; line-height: 1.8; }
.learning-page .feature-card, .learning-page .path-card { box-shadow: none; border-radius: 12px; border: 1px solid #dce5d6; background: #fff; }
.learning-page .contact { background: #edf3e6; padding-block: 65px; }
.learning-page .curriculum-main { padding-top: 30px; }
.learning-page .curriculum-hero { padding: 55px; background: #edf3e6; border: 1px solid #dbe5d2; border-radius: 14px; }
.learning-page .curriculum-hero h1 { font-size: clamp(2.5rem,4vw,3.7rem); line-height: 1.14; font-weight: 600; }
.learning-page .curriculum-hero p { font-size: 18px; line-height: 1.8; }
.learning-page .architect-note .single-line-heading { white-space: normal !important; width: auto !important; text-align: left !important; font-size: clamp(1.9rem,3vw,2.7rem) !important; }
.learning-page .architect-note .architect-heading { text-align: left !important; }
@media (max-width: 1230px) {
  .enterprise-page { --ai-nav-offset: 84px; }
  .ai-header { min-height: 84px; padding: 16px 4.5%; }
  .ai-menu { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 48px; height: 48px; gap: 7px; padding: 12px; background: transparent; color: #25452b; border: 1px solid #cdd8c5; border-radius: 6px; }
  .ai-menu span { width: 100%; height: 2px; background: currentColor; transition: transform .2s; }
  .ai-menu[aria-expanded="true"] span:first-child { transform: translateY(4.5px) rotate(45deg); }
  .ai-menu[aria-expanded="true"] span:last-child { transform: translateY(-4.5px) rotate(-45deg); }
  .ai-nav { display: none; position: absolute; top: 100%; left: 0; width: 100%; max-height: calc(100vh - var(--ai-nav-offset) - env(safe-area-inset-top,0px)); max-height: calc(100dvh - var(--ai-nav-offset) - env(safe-area-inset-top,0px)); overflow-y: auto; overscroll-behavior-y: contain; padding: 12px 4.5% 25px; background: #fafbf8; box-shadow: 0 15px 25px #193c2b0a; border-bottom: 1px solid #dfe6da; font-size: 16px; }
  .ai-nav.is-open { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
  .ai-nav > a { flex-shrink: 0; white-space: normal; min-height: 52px; padding: 15px 5px; }
  .ai-nav .ai-nav-contact { margin-top: 10px; }
  .ai-hero { gap: 35px; padding-block: 45px; }
  .ai-hero h1 { font-size: clamp(3rem,5.4vw,4.2rem); }
  .ai-button { font-size: 14px; }
  .ai-focus-bar p { gap: 15px; font-size: 13px; }
  .ai-focus-bar > span { font-size: 9px; }
  .ai-contact { gap: 40px; }
}
@media (max-width: 900px) {
  .ai-focus-bar { flex-direction: column; align-items: flex-start; gap: 16px; }
  .ai-section-heading { flex-direction: column; align-items: flex-start; gap: 20px; }
  .ai-section-heading > p br { display: none; }
  .ai-service { padding: 28px; }
  .ai-service-top > span { font-size: 11px; }
  .ai-service h2 { font-size: 27px; }
  .ai-contact { grid-template-columns: minmax(0,1fr); gap: 30px; padding-block: 55px; }
  .ai-contact-copy > p { max-width: 580px; }
  .ai-contact h2 { font-size: 45px; }
  .learning-page .hero { grid-template-columns: minmax(0,1fr); }
  .learning-page .sidebar-ad { max-width: none; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 20px; }
  .learning-page .ad-actions { grid-column: 1/-1; grid-template-columns: 1fr 1fr; }
}
@media (max-width: 767px) {
  .ai-header { padding-top: max(16px,env(safe-area-inset-top,0px)); }
  .ai-hero { grid-template-columns: minmax(0,1fr); gap: 35px; padding-block: 38px 35px; }
  .ai-hero h1 { font-size: clamp(2.6rem,9.5vw,4rem); }
  .ai-heading-context { font-size: .48em; max-width: 450px; }
  .ai-visual { width: 100%; max-width: 540px; justify-self: center; max-height: 390px; aspect-ratio: 1.3; }
  .ai-hero-art { object-position: center 46%; }
  .ai-art-label { left: 14px; right: 14px; bottom: 14px; padding: 13px; gap: 12px; }
  .ai-art-label strong { font-size: 15px; }
  .ai-art-label div > span { font-size: 12px; }
  .ai-art-icon { width: 38px; height: 38px; font-size: 23px; flex-shrink: 0; }
  .ai-art-caption { top: 15px; left: 16px; font-size: 8px; }
  .ai-services, .ai-inquiry .form-row { grid-template-columns: minmax(0,1fr); }
  .ai-inquiry .form-row { gap: 0; }
  .ai-service h2 { font-size: 29px; }
  .ai-expertise { padding-block: 48px 55px; }
  .ai-service-top > span { font-size: 11px; }
  .ai-section-heading { margin-bottom: 28px; }
  .enterprise-page .ai-section-title { font-size: 38px; }
  .ai-footer-main { flex-wrap: wrap; gap: 22px; }
  .ai-footer-main .ai-brand { width: 100%; }
  .ai-footer-bottom { flex-direction: column; align-items: flex-start; gap: 12px; }
  .site-subpage .detail-hero { padding: 35px 25px; background: #edf3e6; min-height: auto; }
  .site-subpage .detail-hero h1 { font-size: 40px; max-width: none; }
  .site-subpage .detail-hero > p:not(.eyebrow) { max-width: none; font-size: 16px; }
  .site-subpage .section-intro h2 { font-size: 32px; }
  .site-subpage .edge-section, .site-subpage .product-section { padding-block: 45px; }
  .site-subpage .offering { padding: 25px; }
  .learning-page .curriculum-main { padding-top: 20px; }
  .learning-page .curriculum-hero { padding: 32px 24px; }
  .learning-page .curriculum-hero h1 { font-size: 35px; }
  .learning-page .curriculum-hero p { font-size: 16px; }
}
@media (max-width: 600px) {
  .enterprise-page { --ai-nav-offset: 76px; }
  .ai-header { min-height: 76px; padding-block: max(12px,env(safe-area-inset-top,0px)) 12px; }
  .ai-brand { font-size: 27px; }
  .ai-brand-mark { width: 39px; height: 39px; font-size: 31px; }
  .enterprise-page .ai-eyebrow { font-size: 11px; letter-spacing: 1.2px; margin-bottom: 21px; }
  .ai-hero { gap: 27px; }
  .ai-heading-context { font-size: .51em; line-height: 1.4; margin-top: 16px; }
  .enterprise-page .ai-hero-description { font-size: 16px; line-height: 1.7; margin-bottom: 23px; }
  .ai-actions { flex-direction: column; gap: 12px; }
  .ai-button { font-size: 15px; padding: 16px 18px; }
  .enterprise-page .ai-hero-note { font-size: 12px; line-height: 1.7; margin-top: 17px; }
  .ai-visual { max-height: 280px; aspect-ratio: 1.3; }
  .ai-focus-bar { padding-block: 22px; gap: 13px; }
  .ai-focus-bar > span { font-size: 9px; }
  .ai-focus-bar p { gap: 9px; font-size: 12px; }
  .ai-focus-bar i { font-size: 16px; }
  .ai-section-heading > p { font-size: 15px; }
  .enterprise-page .ai-section-title { font-size: clamp(2rem,8.5vw,2.4rem); }
  .ai-services { gap: 17px; }
  .ai-service { padding: 25px; scroll-margin-top: 92px; }
  .ai-service-top { margin-bottom: 24px; }
  .ai-service h2 { font-size: 27px; }
  .ai-service > p { font-size: 16px; line-height: 1.7; }
  .ai-service-top > span { font-size: 11px; letter-spacing: .7px; }
  .ai-contact { padding-block: 42px; scroll-margin-top: 92px; }
  .ai-contact h2 { font-size: clamp(2.3rem,9.5vw,2.7rem); }
  .enterprise-page .ai-contact-copy > p:not(.ai-eyebrow) { font-size: 16px; }
  .ai-contact-options a { font-size: 14px; gap: 15px; }
  .ai-inquiry { padding: 25px 20px; scroll-margin-top: 92px; }
  .enterprise-page .ai-inquiry textarea { min-height: 120px; }
  .ai-footer { padding-top: 28px; }
  .ai-footer-main { gap: 20px; padding-bottom: 23px; }
  .ai-footer p { font-size: 14px; }
  .ai-footer-bottom { font-size: 12px; }
  .ai-footer small { font-size: 12px; }
  .learning-page .hero { padding-block: 38px; gap: 25px; }
  .learning-page .hero h1 { font-size: 39px; }
  .learning-page .hero-copy { font-size: 16px; }
  .learning-page .hero-image { width: 100%; opacity: .08; }
  .learning-page .sidebar-ad { grid-template-columns: minmax(0,1fr); padding: 24px; gap: 15px; }
  .learning-page .ad-message h2 { font-size: 29px; }
  .learning-page .ad-actions { grid-template-columns: minmax(0,1fr); }
  .learning-page .section, .learning-page .curriculum-section { padding-block: 40px; }
  .learning-page .section-heading h2 { font-size: 30px; }
  .learning-page .contact { padding-block: 40px; }
}
@media (max-width: 360px) {
  .ai-hero h1 { font-size: 38px; }
  .ai-button { font-size: 14px; }
  .ai-service { padding: 23px; }
  .ai-service h2 { font-size: 25px; }
  .ai-service-bottom a { font-size: 14px; }
  .ai-service-top > span { font-size: 11px; }
  .ai-art-label div > span { font-size: 12px; }
  .ai-art-label strong { font-size: 14px; }
  .ai-focus-bar p { font-size: 11px; gap: 8px; }
  .ai-contact-options a { font-size: 13px; }
  .ai-inquiry { padding-inline: 16px; }
  .enterprise-page .ai-inquiry select { padding-inline: 8px; }
}
@media (hover: none) { .ai-button:hover, .ai-service:hover { transform: none; } }
/* Keep form hints readable alongside the stronger text weights. */
.enterprise-page .contact-form input::placeholder, .enterprise-page .contact-form textarea::placeholder { color: #64705f; opacity: 1; }

/* Consistent editorial details across the corporate offer pages. */
.enterprise-page h1, .enterprise-page h2 { text-wrap: balance; }
.ai-nav > a[aria-current="page"] { color: #193f2d; text-decoration: underline; text-decoration-color: #78945c; text-underline-offset: 8px; text-decoration-thickness: 2px; }
.enterprise-page .contact-form .form-status[data-state="success"] { color: #285c37; }
.workshop-page .workshop-led-by { font-size: 14px; line-height: 1.75; margin-top: 23px; }

* {
  box-sizing:border-box}
html {
  scroll-behavior:smooth;
  scroll-padding-top:30px}
body {
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font:16px/1.65 'DM Sans',sans-serif}
a {
  color:inherit;
  text-decoration:none}
button,input,select,textarea {
  font:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {
  outline:3px solid #608d33;
  outline-offset:4px}
img {
  max-width:100%;
  display:block}
h1,h2,h3,p {
  margin-top:0}
h1,h2,h3 {
  font-family:Manrope,sans-serif;
  line-height:1.15;
  letter-spacing:-.045em}
h2 {
  font-size:clamp(2rem,3.6vw,3.25rem);
  font-weight:600;
  margin-bottom:24px}
h3 {
  font-size:1.5rem;
  font-weight:600}
p {
  color:var(--muted)}
.skip-link {
  position:absolute;
  top:-100px;
  background:var(--lime);
  padding:12px;
  z-index:99}
.skip-link:focus {
  top:10px}
.edge-header {
  max-width:1440px;
  margin:auto;
  min-height:104px;
  padding:20px 6%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
  border-bottom:1px solid var(--line)}
.edge-brand {
  display:flex;
  align-items:center;
  gap:12px;
  font:800 21px/1.1 Manrope,sans-serif;
  letter-spacing:-.8px}
.brand-sub {
  display:block;
  font-size:9px;
  letter-spacing:4px;
  margin-top:6px}
.edge-mark {
  background:var(--green);
  color:var(--lime);
  border-radius:11px;
  width:49px;
  height:49px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:23px;
  letter-spacing:-2px}
.edge-mark span {
  font-size:19px;
  align-self:flex-start;
  margin-top:7px}
.edge-nav {
  display:flex;
  align-items:center;
  gap:32px;
  font-size:13px;
  font-weight:600}
.edge-nav>a:not(.edge-button):hover,.edge-nav [aria-current] {
  text-decoration:underline;
  text-underline-offset:7px}
.edge-button {
  background:var(--green);
  color:white;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  padding:16px 24px;
  border:0;
  border-radius:7px;
  font-size:14px;
  font-weight:600;
  cursor:pointer;
  transition:background .2s,transform .2s}
.edge-button:hover {
  background:#254323;
  transform:translateY(-2px)}
.edge-button:disabled {
  opacity:.6;
  cursor:wait}
.edge-button.small {
  padding:12px 19px}
.edge-toggle {
  display:none}
.edge-hero {
  max-width:1440px;
  margin:auto;
  padding:74px 6% 76px;
  display:grid;
  grid-template-columns:1.05fr 1fr;
  gap:55px;
  align-items:center}
.eyebrow {
  font-size:10px;
  font-weight:700;
  letter-spacing:1.9px;
  color:var(--green);
  margin-bottom:25px}
.live-dot {
  display:inline-block;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--green);
  margin-right:9px}
.edge-hero h1 {
  font-size:clamp(3.4rem,5.8vw,5.6rem);
  font-weight:600;
  line-height:1.04;
  margin-bottom:28px;
  letter-spacing:-.065em}
.edge-hero h1 em {
  font-style:normal;
  color:var(--green)}
.hero-description {
  font-size:16px;
  max-width:450px;
  line-height:1.8}
.actions {
  display:flex;
  align-items:center;
  gap:28px;
  margin-top:30px}
.text-link {
  font-size:13px;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  gap:20px}
.text-link:hover {
  text-decoration:underline;
  text-underline-offset:6px}
.hero-note {
  display:flex;
  gap:19px;
  margin-top:36px;
  color:var(--muted);
  font-size:11px}
.hero-note span+span {
  border-left:1px solid var(--line);
  padding-left:19px}
.architecture {
  height:465px;
  position:relative;
  overflow:hidden;
  background:radial-gradient(ellipse at center,#e4ecd8,transparent 65%),linear-gradient(135deg,#f1f4ea,#e9eee1);
  border:1px solid #dbe3d1;
  border-radius:24px;
  isolation:isolate}
.architecture:before {
  content:'';
  position:absolute;
  inset:0;
  background-image:radial-gradient(#82967b55 1px,transparent 1px);
  background-size:21px 21px;
  z-index:-1}
.diagram-top,.diagram-bottom {
  position:absolute;
  left:24px;
  right:24px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:8px;
  font-weight:700;
  letter-spacing:1.5px;
  color:#63745a}
.diagram-top {
  top:23px}
.diagram-bottom {
  bottom:23px;
  font-size:7px}
.diagram-dot {
  height:7px;
  width:7px;
  background:#78925a;
  border-radius:50%;
  box-shadow:0 0 0 4px #78925a18}
.orbit {
  position:absolute;
  border:1px solid #b9c7ab;
  border-radius:50%;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:-1}
.orbit-one {
  width:230px;
  height:230px}
.orbit-two {
  width:365px;
  height:365px;
  border-style:dashed}
.core {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%) rotate(-5deg);
  height:123px;
  width:123px;
  background:var(--green);
  color:var(--lime);
  border-radius:26px;
  box-shadow:0 20px 40px #355b3238,inset 0 0 0 1px #ffffff30;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column}
.core>span {
  font:700 47px Manrope,sans-serif;
  letter-spacing:-4px}
.core small {
  font-size:7px;
  letter-spacing:1px;
  margin-top:6px}
.node {
  position:absolute;
  display:flex;
  gap:12px;
  align-items:center;
  background:#ffffffed;
  border:1px solid #dbe2d4;
  border-radius:10px;
  box-shadow:0 9px 22px #3247260a;
  padding:13px 15px;
  min-width:182px}
.node>span {
  background:#eef3e7;
  width:32px;
  height:32px;
  border-radius:8px;
  display:grid;
  place-items:center;
  color:var(--green);
  font-size:23px}
.node strong {
  display:block;
  font-size:11px}
.node small {
  color:var(--muted);
  font-size:9px;
  display:block;
  margin-top:3px}
.node-ai {
  left:27px;
  top:84px}
.node-cloud {
  right:20px;
  top:143px}
.node-code {
  left:20px;
  bottom:106px}
.node-auto {
  right:28px;
  bottom:55px}
.capability-strip {
  border-block:1px solid var(--line);
  padding:22px 6%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  background:#f0f3ea}
.capability-strip>span {
  font-size:9px;
  font-weight:700;
  letter-spacing:1px;
  max-width:165px}
.capability-strip p {
  margin:0;
  font-size:14px;
  color:#53634a;
  display:flex;
  align-items:center;
  gap:25px}
.capability-strip b {
  font-size:19px;
  color:#95a780}
.edge-section,.product-section,.education-section {
  padding:85px 6%;
  max-width:1440px;
  margin:auto}
.section-intro {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:50px;
  margin-bottom:40px}
.section-intro h2 {
  margin-bottom:0}
.section-intro>p {
  max-width:340px;
  font-size:14px;
  margin-bottom:4px}
.section-intro .eyebrow {
  margin-bottom:18px}
.service-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px}
.service-card {
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:27px;
  display:flex;
  flex-direction:column;
  min-height:290px;
  transition:transform .2s,border-color .2s}
.service-card:hover {
  transform:translateY(-4px);
  border-color:#71935b}
.card-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:28px;
  font-size:20px;
  color:var(--green)}
.service-number {
  font-size:11px;
  letter-spacing:1px;
  font-weight:700;
  color:#6f8661}
.service-card h3 {
  font-size:21px;
  margin-bottom:14px;
  letter-spacing:-.6px}
.service-card p {
  font-size:13px;
  line-height:1.8;
  margin-bottom:25px}
.card-link {
  font-size:11px;
  font-weight:700;
  display:flex;
  justify-content:space-between;
  margin-top:auto}
.training-card {
  background:#edf2e5}
.service-prompt {
  padding:30px;
  background:var(--green);
  color:white;
  border-radius:16px;
  display:flex;
  flex-direction:column;
  align-items:flex-start}
.service-prompt>span {
  font-size:8px;
  letter-spacing:1.5px;
  color:var(--lime);
  margin-bottom:22px}
.service-prompt h3 {
  font-size:31px;
  font-weight:500}
.service-prompt p {
  color:#d0ddc8;
  font-size:13px}
.service-prompt a {
  color:var(--lime);
  margin-top:auto}
.product-section {
  background:#eef1e9;
  max-width:none}
.product-section>.section-intro,.product-grid {
  max-width:1268px;
  margin-left:auto;
  margin-right:auto}
.product-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px}
.product-card {
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:16px;
  padding:35px;
  position:relative;
  overflow:hidden}
.tag {
  font-size:8px;
  letter-spacing:1.5px;
  font-weight:700;
  color:var(--muted)}
.product-symbol {
  height:75px;
  width:75px;
  border-radius:20px;
  background:#e4ecd8;
  color:var(--green);
  display:flex;
  align-items:center;
  justify-content:center;
  font:800 36px Manrope,sans-serif;
  letter-spacing:-3px;
  margin:30px 0}
.product-symbol span {
  font-size:25px}
.product-symbol.sqorex {
  background:#e7e4f1;
  color:#645585}
.product-card h3 {
  font-size:26px}
.product-card p {
  font-size:14px;
  max-width:450px}
.education-section {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:65px;
  align-items:center}
.education-image {
  border-radius:16px;
  overflow:hidden;
  position:relative;
  height:440px}
.education-image img {
  width:100%;
  height:100%;
  object-fit:cover}
.education-image:after {
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(transparent 50%,#182920aa)}
.education-image>span {
  position:absolute;
  z-index:1;
  bottom:28px;
  left:25px;
  color:white;
  font-size:11px;
  letter-spacing:2px}
.education-section p {
  font-size:14px}
.topic-chips {
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin:25px 0 30px}
.topic-chips span {
  border:1px solid var(--line);
  border-radius:5px;
  padding:6px 11px;
  font-size:11px}
.process-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:35px;
  margin-top:45px}
.process-grid article {
  border-top:1px solid #b8c5ad;
  padding-top:25px}
.process-grid span {
  font-size:9px;
  color:var(--green);
  font-weight:700;
  letter-spacing:1px}
.process-grid h3 {
  font-size:21px;
  margin-top:22px}
.process-grid p {
  font-size:14px}
.contact-section {
  background:#e9efdf;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  padding:75px 6%}
.contact-section h2 {
  font-size:clamp(2.8rem,4.8vw,4.5rem)}
.contact-section>div>p {
  max-width:370px;
  font-size:14px}
.contact-note {
  font-size:11px;
  border-top:1px solid #c4cfb8;
  padding-top:25px;
  margin-top:38px;
  max-width:360px}
.contact-form label {
  display:flex;
  flex-direction:column;
  gap:7px;
  font-size:11px;
  font-weight:600;
  margin-bottom:15px}
.contact-form label>span {
  font-weight:400}
.contact-form input,.contact-form select,.contact-form textarea {
  width:100%;
  border:1px solid #cdd7c3;
  border-radius:6px;
  padding:11px 12px;
  background:#f8faf5;
  color:var(--ink);
  font-size:13px}
.contact-form textarea {
  resize:vertical}
.form-row {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px}
.contact-form .edge-button {
  width:100%}
.contact-form small {
  display:block;
  color:var(--muted);
  font-size:10px;
  margin-top:12px}
.form-status {
  font-size:12px;
  margin:8px 0;
  min-height:18px}
.edge-footer {
  padding:48px 6% 25px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:25px}
.edge-footer>p {
  font-size:12px;
  text-align:right;
  align-self:center;
  margin:0}
.edge-footer>div {
  display:flex;
  gap:25px;
  font-size:12px}
.edge-footer small {
  text-align:right;
  color:var(--muted);
  font-size:10px}
.detail-hero {
  padding:85px 6%;
  background:#eef2e7}
.detail-hero h1 {
  font-size:clamp(3rem,5.5vw,5rem);
  max-width:950px;
  font-weight:600;
  margin-bottom:25px}
.detail-hero>p:not(.eyebrow) {
  max-width:700px;
  font-size:18px}
.detail-hero .edge-button {
  margin-top:15px}
.offering-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px}
.offering {
  padding:30px;
  border:1px solid var(--line);
  border-radius:16px;
  background:white}
.offering h3 {
  margin-top:20px}
.offering p {
  font-size:15px}
.example-section {
  padding:65px 6%;
  background:var(--green);
  color:white}
.example-section .eyebrow,.example-section p {
  color:#d4e2c9}
.example-section h2 {
  max-width:1000px;
  font-size:clamp(1.8rem,3vw,2.8rem)}
.example-section .edge-button {
  background:var(--lime);
  color:var(--ink)}
.delivery-list {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:35px;
  padding-left:22px;
  margin:35px 0 45px;
  font-size:15px}
.delivery-list li {
  padding-left:8px}
.delivery-list li::marker {
  color:var(--green);
  font-weight:700}
.related {
  padding:30px 6%;
  background:#eef1e9;
  display:flex;
  flex-wrap:wrap;
  gap:25px;
  font-size:12px}
.related p {
  margin:0}

@media(min-width:1600px) {
  .contact-section,.capability-strip,.example-section,.detail-hero,.edge-footer,.related {
  padding-inline:calc((100vw - 1268px)/2)}
}

@media(max-width:1050px) {
  .edge-nav {
  gap:18px}
.edge-hero {
  gap:25px;
  padding-top:50px}
.architecture {
  height:420px}
.node {
  min-width:160px;
  padding:11px}
.node-ai {
  left:12px;
  top:65px}
.node-cloud {
  right:10px;
  top:137px}
.node-code {
  left:10px;
  bottom:88px}
.node-auto {
  right:12px;
  bottom:36px}
.diagram-bottom {
  display:none}
.capability-strip p {
  font-size:11px;
  gap:15px}
.service-grid {
  grid-template-columns:repeat(2,1fr)}
.education-section {
  gap:30px}
.contact-section {
  gap:40px}
.edge-header {
  padding-inline:4%}
}

@media(max-width:760px) {
  .edge-header {
  min-height:82px;
  flex-wrap:wrap;
  padding:17px 6%}
.edge-brand {
  font-size:18px}
.edge-mark {
  width:42px;
  height:42px}
.edge-toggle {
  display:block;
  background:transparent;
  border:1px solid var(--line);
  border-radius:5px;
  padding:6px 11px;
  font-size:22px;
  color:var(--green)}
.edge-nav {
  display:none;
  width:100%;
  align-items:stretch;
  gap:0;
  flex-direction:column;
  padding-top:10px}
.edge-nav.is-open {
  display:flex}
.edge-nav>a {
  padding:13px 0}
.edge-nav .edge-button {
  margin-top:10px}
.edge-hero {
  grid-template-columns:1fr;
  padding:45px 6%}
.edge-hero h1 {
  font-size:clamp(3.4rem,11vw,5rem)}
.hero-description {
  font-size:15px;
  max-width:100%}
.architecture {
  height:410px;
  margin-top:15px}
.node-ai {
  left:22px}
.node-cloud {
  right:20px}
.node-code {
  left:18px}
.node-auto {
  right:20px}
.capability-strip {
  align-items:flex-start;
  flex-direction:column;
  gap:10px}
.capability-strip>span {
  max-width:none}
.capability-strip p {
  flex-wrap:wrap;
  gap:10px}
.edge-section,.product-section,.education-section {
  padding:52px 6%}
.section-intro {
  align-items:flex-start;
  flex-direction:column;
  gap:20px;
  margin-bottom:28px}
.section-intro>p {
  max-width:none}
.product-grid,.education-section,.offering-grid,.contact-section {
  grid-template-columns:1fr}
.education-image {
  height:320px}
.process-grid {
  grid-template-columns:1fr;
  gap:25px}
.contact-section {
  padding:50px 6%;
  gap:25px}
.contact-note {
  margin-top:20px}
.edge-footer {
  grid-template-columns:1fr;
  gap:20px}
.edge-footer>p,.edge-footer small {
  text-align:left}
.detail-hero {
  padding:50px 6%}
.detail-hero>p:not(.eyebrow) {
  font-size:16px}
.delivery-list {
  grid-template-columns:1fr 1fr;
  gap:25px}
.hero-note {
  font-size:10px}
.eyebrow {
  font-size:9px}
.edge-button {
  font-size:12px}
.actions {
  gap:20px}
}

@media(max-width:460px) {
  .service-grid {
  grid-template-columns:1fr}
.service-card {
  min-height:255px}
.form-row {
  grid-template-columns:1fr;
  gap:0}
.architecture {
  height:390px}
.node {
  min-width:146px;
  gap:7px;
  padding:10px}
.node strong {
  font-size:10px}
.node small {
  font-size:8px}
.node>span {
  width:27px;
  height:27px}
.node-ai {
  left:12px}
.node-cloud {
  right:10px;
  top:132px}
.node-code {
  left:9px;
  bottom:91px}
.node-auto {
  right:12px;
  bottom:28px}
.core {
  width:104px;
  height:104px}
.orbit-two {
  width:315px;
  height:315px}
.product-card {
  padding:26px}
.actions {
  gap:16px}
.text-link {
  gap:10px;
  font-size:12px}
.hero-note {
  gap:10px}
.hero-note span+span {
  padding-left:10px}
}

@media(prefers-reduced-motion:reduce) {
  html {
  scroll-behavior:auto}
*,*:before,*:after {
  transition:none!important;
  animation:none!important}
}


