/* Visual tokens mapped from messaging-ui/src/themes/resleeveThemes.stylex.ts.
   Static CSS keeps this dependency-free homepage; the source app remains untouched. */
@font-face {font-family:Geist;src:url("./fonts/geist-regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face {font-family:Geist;src:url("./fonts/geist-medium.ttf") format("truetype");font-weight:500 700;font-style:normal;font-display:swap}
:root {
  --bg:#f0f0f0;--panel:#f7f7f7;--line:rgba(0,0,0,.1);--green:#e5f0e3;
  --font:"Geist",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;
  --radius-pane:18px;--radius-button:14px;--radius-small:10px;
  --card-shadow:0 4px 16px rgb(0 0 0 / .035),inset 0 1px 0 #fff;
}
body {font-size:16px;line-height:1.6}
.section {padding-block:72px}
h2 {font-size:clamp(32px,3.2vw,46px);letter-spacing:-.045em;line-height:1.13}
h3 {font-size:20px;letter-spacing:-.035em}
.site-header {background:rgb(240 240 240 / .94);backdrop-filter:blur(12px) saturate(1.15)}
.nav-inner {height:88px}
.button,.menu-toggle,.run-button {border-radius:var(--radius-button)}
.button {box-shadow:0 2px 4px #0000000a}
.section-kicker {margin-bottom:18px;font-size:13px}
.hero {gap:64px;padding-top:42px;padding-bottom:70px}
.hero-description {font-size:17px;line-height:1.65}
.foundation-diagram {border:1px solid #fff;border-radius:var(--radius-pane);background:var(--panel);box-shadow:0 12px 36px -14px #0002}
.diagram-header,.diagram-footer {background:#fff;border-color:var(--line)}
.foundation-group {background:#fff;border-color:var(--line);border-radius:14px;box-shadow:var(--card-shadow)}
.application {background:#d9fdd3;border-color:#c9e8c4}
.application-icon {background:#f7fff5}
.engine {background:#1c1c1c;border-radius:14px}
.example-controls {width:fit-content;margin-inline:auto;padding:4px;background:#e7e7e7;border-radius:14px;gap:2px}
.example-choice {border-radius:10px;padding:8px 15px;min-height:40px}
.example-choice[aria-pressed=true] {background:#fff;border-color:#00000008;box-shadow:0 2px 5px #0000000a}
.foundation-section {align-items:center;gap:72px}
.foundation-copy {max-width:none;padding:30px 32px;background:#fff;border:1px solid #ffffff;border-radius:var(--radius-pane);box-shadow:var(--card-shadow)}
.bedrock-assets {display:flex;gap:8px;margin-bottom:24px}
.bedrock-assets>span {width:42px;height:42px;border-radius:12px;background:#f0f0f0;display:grid;place-items:center;color:#666}
.bedrock-assets>span:nth-child(2) {background:#d9fdd3;color:#345b40}
.foundation-copy .lead {font-size:18px;line-height:1.65}
.foundation-statement {font-size:17px;font-weight:500;margin:20px 0 0;color:#262626}
.section-intro {max-width:760px;margin:0 0 32px}
.benefits-grid {gap:16px}
.benefits-grid article {background:#fff;border:1px solid #fff;border-radius:var(--radius-pane);padding:25px;box-shadow:var(--card-shadow);display:flex;flex-direction:column}
.icon-tile {background:#f0f0f0;border-radius:12px;width:44px;height:44px;margin-bottom:23px}
.benefits-grid article:nth-child(2) .icon-tile {background:#d9fdd3}
.benefits-grid h3 {font-size:21px;margin-bottom:12px;max-width:200px}
.benefits-grid p {font-size:14px;line-height:1.65;margin-bottom:27px}
.benefit-shift {border-top:1px solid var(--line);padding-top:18px;margin-top:auto;display:grid;grid-template-columns:1fr 18px;gap:7px;font-size:12px;line-height:1.4}
.benefit-shift>span {color:#737373}
.benefit-shift>.icon {width:16px;height:16px;grid-column:2;grid-row:1/3;align-self:center}
.benefit-shift strong {grid-column:1;font-size:13px;color:#3d3d3d}
.services-section {display:block}
.services-intro {display:grid;grid-template-columns:1fr 1fr;gap:0 72px;margin-bottom:32px}
.services-intro>.section-kicker {grid-column:1/-1}
.services-intro h2 {max-width:620px}
.services-intro>p {align-self:end;margin:0;max-width:360px;justify-self:end}
.service-list {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.service-card {background:#fff;border:1px solid #fff;border-radius:var(--radius-pane);padding:26px;box-shadow:var(--card-shadow);min-height:258px}
.service-card>h3 {font-size:20px;margin-bottom:12px}
.service-card>p {font-size:14px;max-width:310px;min-height:47px}
.service-card>.icon-tile {margin-bottom:20px}
.service-item,.service-item:first-child {border:0;border-top:1px solid var(--line);margin-top:20px}
.service-item summary {padding:14px 0 0;font-size:13px;letter-spacing:0;min-height:40px;justify-content:space-between}
.service-item summary>.icon {width:16px;height:16px;transition:transform .18s}
.service-item[open] summary>.icon {transform:rotate(45deg)}
.service-body {padding:18px 0 0}
.service-body h4 {font-size:15px;margin-bottom:9px}
.service-body p {font-size:14px;line-height:1.65}
.service-start {padding:26px;border-radius:var(--radius-pane);min-height:258px;background:#e0e9dc;display:flex;flex-direction:column;text-decoration:none;transition:background .18s}
.service-start:hover {background:#d7e5d1}
.service-start h3 {font-size:28px;line-height:1.2}
.service-start>p {font-size:14px;margin-top:12px}
.service-start>.text-link {margin-top:auto;padding-top:25px}
.work-section {background:#e9e9e9}
.section-heading-row {margin-bottom:32px}
.case-grid {gap:20px}
.case-card {background:#fff;border:1px solid #fff;border-radius:var(--radius-pane);overflow:hidden;box-shadow:var(--card-shadow);padding:8px}
.case-card .case-visual {border:0;border-radius:12px;height:238px}
.case-copy {padding:24px 18px 13px}
.case-copy h3 {font-size:13px;margin-bottom:9px}
.case-copy h4 {font-size:23px;min-height:58px;margin-bottom:13px}
.case-copy p {font-size:14px;line-height:1.65}
.case-copy .text-link {padding-top:22px;font-size:13px}
.approach-grid {gap:16px}
.approach-grid li {background:#f7f7f7;border:1px solid #fff;border-radius:var(--radius-pane);padding:24px}
.phase-number {font-size:26px;color:#262626;margin-bottom:22px}
.phase-number:after {background:#ddd}
.phase-label {display:block;font-size:11px;color:#666;letter-spacing:.015em;margin-bottom:10px}
.approach-grid h3 {font-size:21px;margin-bottom:13px;max-width:190px}
.approach-grid p {font-size:14px;line-height:1.65}
.commercial-note {margin-top:22px;padding:0;background:none;font-size:13px}
.principles-shell {border-radius:var(--radius-pane);background:#e4ebe0;max-width:1392px;margin-inline:auto}
.principles-section {gap:65px;padding:46px 40px;grid-template-columns:.8fr 1.2fr}
.principles-section>div:first-child>p {font-size:14px;max-width:340px;margin-top:18px}
.principles-grid {gap:24px 30px}
.principles-grid article {padding-top:14px}
.principles-grid h3 {font-size:17px;margin-bottom:10px}
.principles-grid p {font-size:14px;line-height:1.6}
.industries-section {gap:72px;align-items:start}
.industries-section>div:first-child>p {font-size:14px;margin-top:20px}
.industry-list {display:grid;gap:8px}
.industry-list>details {background:#fff;border:1px solid #fff;border-radius:12px;box-shadow:var(--card-shadow)}
.industry-list summary {display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 20px;font-size:14px;font-weight:500}
.industry-list summary>.icon {width:16px;height:16px;transition:transform .18s}
.industry-list details[open] summary>.icon {transform:rotate(45deg)}
.industry-list p {font-size:14px;padding:0 20px 18px}
.session-shell {background:#e4ebe0}
.session-section {grid-template-columns:1fr 1fr;gap:72px}
.session-copy {padding:0;max-width:520px}
.session-copy>.lead {font-size:19px;margin-top:24px;max-width:370px}
.session-copy>p {font-size:16px;max-width:410px}
.session-offer {background:#fff;border-radius:var(--radius-pane);padding:30px;box-shadow:var(--card-shadow)}
.session-offer>.section-kicker {margin-bottom:20px}
.session-offer .check-list {margin:0;gap:18px}
.session-offer .check-list li {color:#3d3d3d;font-size:16px}
.session-scope {font-size:12px;margin-top:25px;padding-top:18px;border-top:1px solid var(--line)}
.session-facts {margin-top:28px;font-size:13px}
.request-panel {margin-top:22px;scroll-margin-top:115px}
.request-panel>summary {width:100%;justify-content:space-between}
.request-panel[open]>summary>.icon {transform:rotate(45deg)}
.request-panel .form-card {padding:25px 0 0;border:0;box-shadow:none;border-radius:0;max-width:none}
.form-card>h3 {font-size:22px}
.form-card>p {font-size:14px}
.faq-section {gap:72px}
.faq-item summary {font-size:15px;padding-block:20px}
.faq-item p {font-size:14px;line-height:1.65}
.final-cta {padding-block:48px;background:#e0e9dc;border-radius:var(--radius-pane);max-width:1392px}
.final-cta h2 {font-size:clamp(38px,4vw,55px)}
.final-mark {display:none}
.final-cta>p {font-size:15px}
.footer-main {padding-bottom:34px}
@media(hover:hover) {
  .benefits-grid article,.service-card,.case-card {transition:box-shadow .2s,border-color .2s}
  .benefits-grid article:hover,.service-card:hover,.case-card:hover {box-shadow:0 8px 24px #00000009;border-color:#d9d9d9}
}
@media(min-width:1600px) {.hero {padding-top:55px;padding-bottom:80px}}
@media(max-width:1100px) {
  .service-list {grid-template-columns:repeat(2,minmax(0,1fr))}
  .benefits-grid,.approach-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .foundation-section,.session-section,.industries-section,.faq-section {gap:36px}
  .hero {gap:40px}
  .principles-shell,.final-cta {margin-inline:24px}
  .case-copy {padding-inline:10px}
  .case-copy h4 {font-size:21px}
}
@media(max-width:800px) {
  .section {padding-block:52px}
  .foundation-section,.session-section,.industries-section,.faq-section {grid-template-columns:1fr;gap:28px}
  .foundation-copy {max-width:none}
  .services-intro {grid-template-columns:1fr;gap:20px}
  .services-intro>.section-kicker {margin-bottom:0}
  .services-intro>p {justify-self:start;max-width:550px}
  .case-card,.case-card:last-child {display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:8px;margin:0;border:1px solid #fff}
  .case-card .case-visual {height:245px}
  .case-copy {padding:18px 12px 10px}
  .case-copy h4 {min-height:0}
  .principles-section {grid-template-columns:1fr;padding:36px 24px;gap:25px}
  .session-copy {max-width:none}
  .session-copy>p {max-width:560px}
  .session-offer {padding:25px}
}
@media(max-width:550px) {
  .nav-inner {height:78px}
  .hero {padding-top:28px;padding-bottom:45px;gap:35px}
  .hero-description {font-size:16px;line-height:1.65}
  .section {padding-block:42px}
  .foundation-copy {padding:24px}
  .foundation-copy .lead {font-size:16px}
  .foundation-statement {font-size:16px}
  .bedrock-assets {gap:7px}
  .bedrock-assets>span {width:38px;height:38px}
  .benefits-grid {grid-template-columns:1fr 1fr;gap:10px}
  .benefits-grid article {padding:18px 15px}
  .benefits-grid h3 {font-size:18px}
  .benefits-grid p {font-size:13px;margin-bottom:19px}
  .benefit-shift {font-size:10px;gap:5px;grid-template-columns:1fr}
  .benefit-shift strong {font-size:11px}
  .benefit-shift>.icon {display:none}
  .benefits-grid .icon-tile {width:38px;height:38px;margin-bottom:18px}
  .service-list {grid-template-columns:1fr;gap:12px}
  .service-card {padding:23px;min-height:0}
  .service-card>p {min-height:0;max-width:none}
  .service-start {min-height:220px;padding:23px}
  .case-card,.case-card:last-child {display:flex;gap:0}
  .case-card .case-visual {height:240px}
  .case-copy {padding:22px 18px 14px}
  .case-copy h4 {font-size:23px}
  .approach-grid {grid-template-columns:1fr;gap:10px}
  .approach-grid li {padding:23px 23px 23px 70px;position:relative}
  .phase-number {position:absolute;top:22px;left:22px;width:auto;font-size:22px}
  .phase-number:after {display:none}
  .phase-label {font-size:11px}
  .approach-grid h3 {max-width:none;font-size:20px}
  .principles-shell {margin-inline:12px}
  .principles-grid {gap:20px;grid-template-columns:1fr 1fr}
  .principles-grid h3 {font-size:16px}
  .principles-grid p {font-size:13px}
  .session-offer {padding:22px}
  .session-facts {gap:12px}
  .form-grid {grid-template-columns:1fr}
  .request-panel>summary {font-size:13px;padding-inline:16px}
  .final-cta {margin-inline:12px;padding:38px 22px}
  .final-cta>.button {font-size:13px;padding-inline:15px}
  .example-choice {font-size:12px;padding-inline:12px}
}
@media(prefers-reduced-motion:reduce) {
  .service-card,.case-card,.benefits-grid article,.service-start,.service-item summary>.icon,.industry-list summary>.icon {transition:none}
}