/* Go Local AI. Tokens and component language from Connected Airier v15. *//* Shared navigation only. Safe to apply to the unchanged v15 homepage. */.site-header { position: sticky; top: 0; z-index: 50; height: 78px; margin: 0 -40px; padding: 0 18px; display: flex; align-items: center; justify-content: space-between; gap: 30px; background: rgba(254,253,249,.91); backdrop-filter: blur(18px) saturate(108%); -webkit-backdrop-filter: blur(18px) saturate(108%); box-shadow: inset 0 -1px rgba(30,26,21,.025); } .site-header .brand { display: inline-flex; align-items: center; width: max-content; font-size: 15px; font-weight: 700; line-height: 1; letter-spacing: .215em; text-transform: uppercase; white-space: nowrap; color: var(--ink); } .site-header .brand-dot { color: var(--green); letter-spacing: 0; } .site-header .primary-nav { display: flex; align-items: center; justify-content: flex-end; gap: 27px; margin-left: auto; font-size: 11.5px; font-weight: 600; line-height: 1; letter-spacing: .14em; text-transform: uppercase; white-space: nowrap; } .site-header .primary-nav a, .site-header .primary-nav a:first-child { color: var(--ink); padding: 15px 0; transition: color .16s ease; } .site-header .primary-nav a[aria-current="page"], .site-header .primary-nav a:hover { color: #506b3d; } .site-header a:focus-visible, .site-header summary:focus-visible, .site-footer a:focus-visible { outline: 2px solid #506b3d; outline-offset: 6px; border-radius: 2px; } .site-header .mobile-menu { display: none; margin-left: auto; } .site-header .mobile-menu summary { list-style: none; display: flex; align-items: center; gap: 11px; min-height: 44px; padding: 8px 0 8px 12px; font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; cursor: pointer; } .site-header .mobile-menu summary::-webkit-details-marker { display: none; } .site-header .mobile-menu .acc-icon { display: block; width: 1rem; height: 1rem; color: #8FC46B; transition: transform .45s cubic-bezier(.22,.61,.36,1); transform: rotate(0deg); } .site-header .mobile-menu .acc-icon svg { display: block; width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 3.4; stroke-linecap: round; stroke-linejoin: round; } .site-header .mobile-menu[open] .acc-icon { transform: rotate(180deg); } .site-header .mobile-menu nav { position: absolute; left: 0; right: 0; top: 100%; display: grid; padding: 12px 32px 22px; background: var(--paper); border-bottom: 1px solid var(--rule); box-shadow: 0 14px 24px rgba(30,26,21,.035); max-height: calc(100dvh - 78px); overflow: auto; } .site-header .mobile-menu nav a { padding: 13px 8px; font-size: 14px; border-top: 1px solid var(--rule); color: var(--ink); } .site-header .mobile-menu nav a[aria-current="page"] { color: #506b3d; } .site-header .mobile-menu nav a:hover { background: rgba(111,168,76,.04); } .site-footer { padding: 8px 0 34px; background: var(--paper); box-shadow: none; clip-path: none; } .site-footer .footer-grid { display: grid; grid-template-columns: minmax(0,1.45fr) repeat(3,minmax(0,1fr)); gap: 40px; padding: 40px 0 36px; border-top: 1px solid var(--rule); } .site-footer .footer-line { display: block; font-size: 28px; font-weight: 700; line-height: 1.07; letter-spacing: -.04em; max-width: 18ch; } .site-footer .green { color: var(--green); } .site-footer .footer-email { display: inline-block; margin-top: 18px; font-size: 13px; color: var(--muted); } .site-footer .footer-col { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; min-width: 0; } .site-footer .footer-col>span { font-size: 10px; font-weight: 600; letter-spacing: .11em; text-transform: uppercase; color: var(--muted); margin-bottom: 8px; } .site-footer .footer-col a { padding: 4px 0; font-size: 13px; line-height: 1.6; } .site-footer a:hover { color: #506b3d; } .site-footer .footer-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 22px; padding-top: 18px; border-top: 1px solid var(--rule); font-size: 11px; color: var(--muted); } @media (max-width:1180px){ .site-header .primary-nav {  display: none; }  .site-header .mobile-menu {  display: block; } } @media (max-width:760px){ .site-header {  height: 64px;  margin: 0 -20px;  padding: 0 20px;  gap: 20px; }  .site-header .brand {  font-size: 13px;  letter-spacing: .18em; }  .site-header .mobile-menu nav {  padding: 10px 20px 18px;  max-height: calc(100dvh - 64px); }  .site-footer .footer-grid {  grid-template-columns: repeat(3,minmax(0,1fr));  gap: 24px 18px;  padding: 30px 0; }  .site-footer .footer-grid>div:first-child {  grid-column: 1/-1;  margin-bottom: 10px; }  .site-footer .footer-line {  font-size: 26px; }  .site-footer .footer-col a {  font-size: 12px;  overflow-wrap: anywhere; }  .site-footer .footer-meta {  display: grid;  gap: 8px;  font-size: 10.5px; } } @media (max-width:380px){ .site-footer .footer-grid {  grid-template-columns: 1fr 1fr; }  .site-footer .footer-grid>div:first-child {  grid-column: 1/-1; } } @media (prefers-reduced-motion:reduce){ .site-header *, .site-footer * {  transition: none!important;  animation: none!important; } } /* Product pages live under Platform; the primary navigation stays compact. */.site-header .product-menu { position: relative; margin: 0; } .site-header .product-menu summary { display: flex; align-items: center; gap: 6px; cursor: pointer; list-style: none; font: inherit; padding: 15px 0; color: var(--ink); } .site-header .product-menu summary::-webkit-details-marker { display: none; } .site-header .product-menu summary .nav-chev { display: block; width: 12px; height: 12px; color: #6FA84C; transition: transform .3s ease; } .site-header .product-menu summary svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } .site-header .product-menu[open] .nav-chev { transform: rotate(180deg); } .site-header .product-menu.is-current summary { color: #506b3d; } .site-header .product-dropdown { position: absolute; top: 100%; left: -22px; width: 280px; padding: 11px 19px 16px; background: var(--paper); border: 1px solid var(--rule); border-radius: 5px; box-shadow: 0 14px 30px rgba(30,26,21,.06); font-size: 13px; font-weight: 500; line-height: 1.4; text-transform: none; letter-spacing: -.01em; white-space: normal; } .site-header .primary-nav .product-dropdown a { display: block; padding: 13px 4px; border-bottom: 1px solid var(--rule); } .site-header .primary-nav .product-dropdown a:last-child { border-bottom: 0; padding-bottom: 4px; } .site-header .product-dropdown small { display: block; color: var(--muted); font-size: 10px; line-height: 1.5; margin-top: 4px; font-weight: 400; } .site-header .mobile-menu nav .mobile-product-link { padding-left: 24px; font-size: 12px; border-top: 0; color: #526548; } @media (max-width:760px){ .site-footer .footer-grid {  grid-template-columns: 1fr 1fr; }  .site-footer .footer-col:first-of-type {  grid-column: 1/-1; }  .site-footer .footer-col a {  font-size: 12px; } } :root { --paper: #FEFDF9; --paper-alt: #F2F7FA; --ink: #1E1A15; --muted: #4A423A; --green: #6FA84C; --green-light: #8FC46B; --green-text: #669B46; --label: #50604A; --rule: rgba(30,26,21,.14); --dark-rule: rgba(254,253,249,.18); --soft: rgba(30,26,21,.055); } * { box-sizing: border-box; } html { scroll-behavior: smooth; scroll-padding-top: 108px; } body { margin: 0; background: var(--paper); color: var(--ink); font-family: 'Inter',ui-sans-serif,system-ui,sans-serif; font-size: 15px; line-height: 1.55; letter-spacing: -.01em; -webkit-font-smoothing: antialiased; } ::selection { background: var(--green-light); color: var(--ink); } a { color: inherit; text-decoration: none; } a:hover { color: #506b3d; } button, summary { font: inherit; } button { color: inherit; } a, button, summary { -webkit-tap-highlight-color: transparent; } :focus-visible { outline: 2px solid #506b3d; outline-offset: 6px; } main:focus { outline: none; } svg { display: block; max-width: 100%; } [hidden] { display: none!important; } p { margin: 0; color: var(--muted); max-width: 48ch; line-height: 1.65; } h1, h2, h3, h4 { margin: 0; font-weight: 600; text-wrap: balance; } h1 { font-size: clamp(42px,4.7vw,66px); font-weight: 700; line-height: 1.01; letter-spacing: -.053em; } h1>span { color: var(--green-text); } h2 { font-size: clamp(36px,4vw,56px); font-weight: 700; line-height: 1.025; letter-spacing: -.048em; } h3 { font-size: 28px; line-height: 1.12; letter-spacing: -.035em; } .shell { position: relative; width: 100%; max-width: 1320px; margin: auto; padding: 0 40px; } .skip-link { position: fixed; left: 16px; top: 12px; z-index: 1000; padding: 12px 20px; border-radius: 5px; background: var(--ink); color: var(--paper); transform: translateY(-150%); } .skip-link:focus { transform: translateY(0); color: var(--paper); } .eyebrow, .index-label { display: block; font-size: 10.5px; line-height: 1.55; font-weight: 600; letter-spacing: .125em; text-transform: uppercase; color: var(--label); } .eyebrow { margin: 0 0 24px; } .eyebrow-sep { margin: 0 10px; color: #849478; } .page-hero { padding: 86px 0 88px; } .hero-split { display: grid; grid-template-columns: minmax(0,1.13fr) minmax(0,1fr); align-items: center; gap: 66px; min-height: 515px; } .hero-text>p, .text-hero>p, .contact-hero>p { font-size: 17px; line-height: 1.6; margin-top: 24px; max-width: 44ch; } .page-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 25px; margin-top: 30px; } .btn { display: inline-flex; align-items: center; justify-content: space-between; gap: 20px; padding: 12px 19px; border: 1px solid var(--ink); border-radius: 999px; font-size: 13px; line-height: 1.45; font-weight: 500; transition: background .18s ease,color .18s ease,border-color .18s ease; min-height: 44px; } .btn>span:last-child { font-size: 17px; line-height: 1; } .btn.primary { background: var(--ink); color: var(--paper); } .btn.primary:hover { background: #506b3d; border-color: #506b3d; color: var(--paper); } .btn.secondary:hover { background: var(--soft); color: var(--ink); } .text-link { display: inline-flex; align-items: center; gap: 16px; padding: 4px 0; border-bottom: 1px solid currentColor; font-size: 12.5px; line-height: 1.55; font-weight: 500; width: fit-content; } .page-section { padding: 72px 0 76px; scroll-margin-top: 96px; } .section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 60px; margin-bottom: 42px; } .section-heading .eyebrow { margin-bottom: 18px; } .section-heading>p { font-size: 14px; max-width: 37ch; margin-bottom: 3px; } .asset-placeholder { position: relative; min-width: 0; display: flex; flex-direction: column; justify-content: space-between; min-height: 330px; padding: 19px 23px; border: 1px dashed rgba(104,139,83,.45); border-radius: 8px; background-color: #F6F9F6; background-image: radial-gradient(circle,rgba(90,124,103,.16) .7px,transparent .9px); background-size: 17px 17px; } .asset-tag, .placeholder-foot { color: #56634F; font-size: 9px; letter-spacing: .1em; text-transform: uppercase; } .placeholder-inner { padding: 40px 10px; text-align: center; } .placeholder-mark { display: block; font-size: 32px; font-weight: 400; line-height: 1; color: var(--green); margin-bottom: 20px; } .placeholder-inner p { max-width: 38ch; font-size: 10px; font-weight: 500; letter-spacing: .08em; line-height: 1.8; text-transform: uppercase; margin: auto; color: #56634F; overflow-wrap: anywhere; } .placeholder-inner>span:last-child:not(.placeholder-mark) { display: block; font-size: 11px; color: #56634F; margin-top: 12px; } .placeholder-foot { text-transform: none; letter-spacing: .02em; font-size: 10px; } .hero-proof { transform: translateY(8px); } .pending-inline { display: block; width: fit-content; font-size: 9px; font-weight: 500; line-height: 1.8; letter-spacing: .045em; color: #636153; background: rgba(143,196,107,.06); border-left: 2px solid #9DB78A; padding: 7px 10px; margin: 16px 0 0; max-width: 100%; overflow-wrap: anywhere; } /* Engine explorer. The chevron and timing are unchanged from v15. */.engines-section { padding-top: 48px; } .engine-explorer { display: grid; grid-template-columns: minmax(0,.88fr) minmax(0,1.12fr); gap: 70px; align-items: start; } .engine-choices { border-top: 1px solid var(--rule); margin-top: 7px; } .engine-choice { border-bottom: 1px solid var(--rule); scroll-margin-top: 116px; } .engine-choice>h3 { font-size: 21px; font-weight: 600; } .accordion-trigger { appearance: none; -webkit-appearance: none; display: grid; grid-template-columns: 25px 1fr 18px; gap: 13px; align-items: center; width: 100%; background: none; border: 0; padding: 25px 0; text-align: left; cursor: pointer; } .accordion-trigger .num { font-size: 10px; color: var(--label); letter-spacing: .05em; } .accordion-trigger .label { font-size: 22px; font-weight: 600; line-height: 1.2; letter-spacing: -.032em; } .acc-icon { flex: none; display: inline-block; width: 1.1rem; height: 1.1rem; justify-self: end; color: #8FC46B; transform: rotate(0deg); transform-origin: 50% 50%; transition: transform .45s cubic-bezier(.22,.61,.36,1); } .acc-icon svg { display: block; width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 3.4; stroke-linecap: round; stroke-linejoin: round; } .accordion-trigger[aria-expanded="true"] .acc-icon { transform: rotate(180deg); } .accordion-panel { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .45s cubic-bezier(.22,.61,.36,1); } .accordion-panel-inner { overflow: hidden; opacity: 0; transition: opacity .3s ease .05s; min-height: 0; } .engine-choice:has(.accordion-trigger[aria-expanded="true"]) .accordion-panel { grid-template-rows: 1fr; } .engine-choice:has(.accordion-trigger[aria-expanded="true"]) .accordion-panel-inner { opacity: 1; } .accordion-panel p { font-size: 14px; max-width: 43ch; margin: 0 5px 19px 38px; } .fine-list { list-style: none; margin: 0 0 22px 38px; padding: 0; } .fine-list li { position: relative; padding: 0 0 0 16px; font-size: 12px; line-height: 1.65; color: var(--muted); margin: 8px 0; } .fine-list li::before { content: ''; position: absolute; left: 0; top: .8em; width: 8px; height: 1px; background: var(--green); } .status-note { display: block; font-size: 10px; line-height: 1.6; color: #58684E; margin: 0 0 26px 38px; max-width: 38ch; } .engine-stage { min-width: 0; padding: 18px 20px 15px; background: #F8FAF9; border-radius: 7px; } .diagram-label { display: flex; justify-content: space-between; gap: 10px; font-size: 9px; letter-spacing: .09em; text-transform: uppercase; color: #56634F; padding: 0 4px; } .diagram-caption { font-size: 10px; line-height: 1.65; color: #60685B; max-width: 100%; margin: 8px 4px 0; } /* Architecture drawings adapted from the supplied homepage. Their labels are HTML,
   so typography remains crisp and accessible at every viewport width. */.gl-diagram { position: relative; min-width: 0; width: 100%; height: var(--diagram-height,530px); margin: 0; } .gl-diagram>svg { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; overflow: visible; pointer-events: none; } .gl-diagram .gl-wire { fill: none; stroke: #8BB778; stroke-width: 1.25; stroke-opacity: .9; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; } .gl-diagram .gl-wire-muted { stroke: #A4B0A7; stroke-opacity: .6; stroke-width: 1; } .gl-diagram .gl-wire-evidence { stroke: #97AD93; stroke-dasharray: 2 7; stroke-opacity: .7; stroke-width: 1.05; } .gl-diagram .gl-wire-feedback { stroke: #9AAF93; stroke-width: .95; stroke-dasharray: 2 8; stroke-opacity: .6; } .gl-diagram .gl-contour { fill: none; stroke: #A5C49F; stroke-opacity: .28; stroke-width: .85; vector-effect: non-scaling-stroke; } .gl-diagram .gl-arrow { fill: none; stroke: #739A5F; stroke-width: 1.1; vector-effect: non-scaling-stroke; } .gl-dot { fill: #91BC77; } .gl-node, .gl-label, .gl-boundary { position: absolute; left: var(--x); top: var(--y); width: var(--w); height: var(--h); transform: translate(-50%,-50%); z-index: 2; } .gl-node { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 10px 8px; border: 1px solid rgba(103,132,102,.12); border-radius: 7px; background: rgba(255,255,255,.28); text-align: center; } .gl-node strong { display: block; font-size: 15px; line-height: 1.3; font-weight: 500; letter-spacing: -.025em; color: #50604A; } .gl-node small { display: block; font-size: 10.5px; line-height: 1.45; color: #626E5B; letter-spacing: 0; } .gl-node .gl-mini { font-size: 8px; letter-spacing: .08em; text-transform: uppercase; color: #536747; font-weight: 600; } .gl-node--accent, .gl-node--classifier { background: rgba(143,196,107,.05); border-color: rgba(116,162,90,.26); } .gl-node--muted { border-color: rgba(104,120,128,.08); background: rgba(255,255,255,.08); } .gl-node--destination { border-color: transparent; background: transparent; } .gl-label { height: auto; padding: 3px 4px; color: #5C6A54; font-size: 9.5px; line-height: 1.4; text-align: center; letter-spacing: .01em; } .gl-label--paper { width: max-content; max-width: var(--w); padding: 5px; } .gl-label--caps { font-size: 8px; font-weight: 600; letter-spacing: .075em; text-transform: uppercase; } .gl-boundary { z-index: 0; border: 1px dashed rgba(120,160,103,.5); border-radius: 13px; background: rgba(233,244,224,.1); } .gl-sr-only { position: absolute!important; width: 1px!important; height: 1px!important; padding: 0!important; margin: -1px!important; overflow: hidden!important; clip: rect(0,0,0,0)!important; white-space: nowrap!important; border: 0!important; } .gl-assess-art { --diagram-height: 535px; } .gl-route-art { --diagram-height: 535px; } .gl-monitor-art { --diagram-height: 535px; } .gl-move-art { --diagram-height: 490px; } .gl-monitor-art .gl-label:last-child { font-size: 9px; } .gl-telemetry { position: absolute; left: 50%; top: var(--y); transform: translate(-50%,-50%); z-index: 2; width: 83%; padding: 13px 14px 5px; } .gl-telemetry header { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; padding-bottom: 11px; } .gl-telemetry header strong { font-size: 14px; font-weight: 500; color: #50604A; } .gl-telemetry header span { font-size: 8px; letter-spacing: .05em; color: #596A51; white-space: nowrap; } .gl-telemetry dl { margin: 0; } .gl-telemetry dl>div { display: grid; grid-template-columns: 66px minmax(0,1fr) 27px; gap: 8px; align-items: center; min-height: 39px; border-top: 1px solid rgba(115,137,119,.13); } .gl-telemetry dt { font-size: 10.5px; font-weight: 500; color: #50604A; } .gl-telemetry dd { font-size: 10px; margin: 0; line-height: 1.4; color: #626E5B; } .gl-telemetry .gl-unit { font-size: 9px; text-align: right; color: #50604A; } .stack-section { display: grid; grid-template-columns: minmax(0,.88fr) minmax(0,1.12fr); gap: 70px; align-items: center; } .stack-intro>p { margin-top: 22px; font-size: 15px; max-width: 37ch; } .stack-row { display: grid; grid-template-columns: 125px 1fr; gap: 28px; padding: 23px 0; border-top: 1px solid var(--rule); } .stack-row>span, .reference-line>span { font-size: 11px; color: var(--label); } .stack-row strong { font-size: 19px; font-weight: 500; line-height: 1.4; letter-spacing: -.025em; } .reference-line { display: flex; align-items: baseline; gap: 28px; margin-top: 25px; } .reference-line>span { min-width: 125px; } .reference-line strong { font-size: 16px; font-weight: 500; } .reference-line strong span { color: #99A191; margin: 0 15px; font-weight: 400; } .loop-section { padding-top: 80px; } .loop-track { position: relative; padding: 25px 36px 35px; background: var(--ink); color: var(--paper); border-radius: 7px; } .loop-badge { display: block; color: #B5D99E; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 38px; } .loop-track ol { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 26px; list-style: none; padding: 0; margin: 0; } .loop-track li { position: relative; font-size: 24px; font-weight: 500; line-height: 1.3; letter-spacing: -.035em; } .loop-track li>span { display: block; font-size: 9px; font-weight: 400; color: #B4B5A7; letter-spacing: .03em; margin-bottom: 10px; } .loop-track li:not(:last-child)::after { content: '→'; position: absolute; right: 0; bottom: 2px; font-size: 17px; color: #8FC46B; } .loop-return { position: relative; height: 38px; border: 1px solid rgba(143,196,107,.4); border-top: 0; border-radius: 0 0 15px 15px; margin: 27px 7% 0; display: flex; justify-content: center; align-items: flex-end; } .loop-return:before { content: '↑'; position: absolute; top: -10px; left: -4px; color: #8FC46B; font-size: 12px; } .loop-return span { font-size: 9px; letter-spacing: .06em; color: #B5D99E; background: var(--ink); padding: 0 15px; transform: translateY(50%); } .product-status { padding-top: 42px; scroll-margin-top: 104px; } .product-status>h3 { font-size: 19px; margin-bottom: 23px; } .status-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 40px; } .status-grid>div { border-top: 1px solid var(--rule); padding: 15px 0 0; } .status-label { display: flex; align-items: center; gap: 8px; font-size: 10px; font-weight: 600; letter-spacing: .06em; color: var(--muted); } .status-label::before { content: ''; display: block; width: 6px; height: 6px; border: 1px solid #839273; border-radius: 50%; background: transparent; } .status-label.built::before { background: var(--green); border-color: var(--green); } .status-label.planned::before { border-style: dashed; } .status-grid p { font-size: 12px; margin-top: 10px; max-width: 36ch; } /* The software licence always precedes adoption engagements. */.licence-panel { padding: 30px 32px; border-radius: 8px; background: var(--ink); color: var(--paper); } .licence-panel .eyebrow { font-size: 9px; color: #B5D99E; margin-bottom: 23px; } .licence-panel h2 { font-size: 44px; line-height: 1.04; } .licence-panel h2 span { color: var(--green-light); } .licence-engines { display: flex; flex-wrap: wrap; gap: 18px; margin: 25px 0 20px; padding: 14px 0; border-top: 1px solid var(--dark-rule); border-bottom: 1px solid var(--dark-rule); font-size: 11px; color: var(--paper); } .licence-panel>p { font-size: 12px; color: #CDCAC2; line-height: 1.65; max-width: 45ch; } .licence-panel .text-link { font-size: 11px; color: var(--paper); margin-top: 18px; } .licence-panel .pending-inline { color: #BACCA8; font-size: 8px; border-color: #667956; margin-top: 23px; background: rgba(143,196,107,.045); } .adoption-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px; } .adoption-steps>article { display: flex; flex-direction: column; border-top: 1px solid var(--rule); padding-top: 20px; scroll-margin-top: 118px; min-width: 0; } .step-top { display: flex; flex-direction: column; gap: 9px; font-size: 10px; color: var(--label); } .step-top>span:first-child { font-weight: 600; text-transform: uppercase; letter-spacing: .08em; } .step-top>span:last-child { color: var(--muted); } .adoption-steps h3 { font-size: 34px; line-height: 1.08; margin: 34px 0 17px; letter-spacing: -.043em; } .adoption-steps p { font-size: 13px; max-width: 36ch; line-height: 1.7; } .step-output { border-top: 1px solid var(--rule); padding-top: 18px; margin-top: 25px; } .step-output>span { display: block; font-size: 9px; letter-spacing: .06em; color: var(--label); margin-bottom: 5px; text-transform: uppercase; } .step-output>strong { font-size: 12px; font-weight: 500; display: block; max-width: 34ch; line-height: 1.6; } .success-section { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: center; gap: 100px; } .success-section p { margin-top: 22px; max-width: 39ch; font-size: 14px; } .success-criteria { margin: 0; } .success-criteria>div { display: grid; grid-template-columns: 90px minmax(0,1fr); gap: 25px; padding: 22px 0; border-top: 1px solid var(--rule); } .success-criteria dt { font-size: 12px; font-weight: 500; } .success-criteria dd { font-size: 12px; margin: 0; color: var(--muted); } /* Deployment: one platform, three equally weighted options. */.deployment-motif { position: relative; min-height: 320px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding-top: 20px; } .motif-label { font-size: 10px; color: var(--label); letter-spacing: .1em; text-transform: uppercase; margin-bottom: 26px; } .motif-core { position: relative; z-index: 1; font-size: 19px; font-weight: 600; letter-spacing: .15em; padding: 22px 28px; border: 1px solid rgba(120,160,103,.4); border-radius: 7px; background: #F5F8F1; } .motif-core span { color: var(--green); } .deployment-motif svg { width: 100%; height: 167px; overflow: visible; } .deployment-motif svg path { fill: none; stroke: #83AC6E; stroke-width: 1.2; vector-effect: non-scaling-stroke; } .deployment-motif svg .fibre-echo { stroke-opacity: .23; stroke-width: .7; } .deployment-motif svg circle { fill: var(--green); } .motif-destinations { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); width: 100%; gap: 10px; text-align: center; margin-top: -17px; font-size: 12px; color: #50604A; } .three-columns { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 38px; } .mode-grid article { padding-top: 21px; border-top: 1px solid var(--rule); } .mode-grid h3 { font-size: 32px; margin: 28px 0 20px; } .mode-grid p { font-size: 13px; line-height: 1.7; max-width: 36ch; } .mode-foot { display: block; font-size: 10px; color: var(--label); margin-top: 28px; } .boundary-section { display: grid; grid-template-columns: minmax(0,1.14fr) minmax(0,.86fr); gap: 75px; align-items: center; } .boundary-visual { background: #F8FAF9; padding: 23px 18px 18px; border-radius: 7px; } .boundary-visual>.eyebrow { margin-bottom: 0; margin-left: 8px; font-size: 9px; } .boundary-copy h2 { margin-bottom: 27px; } .rule-list>div { padding: 20px 0; border-top: 1px solid var(--rule); } .rule-list h3 { font-size: 18px; margin-bottom: 9px; font-weight: 600; } .rule-list p { font-size: 13px; line-height: 1.65; } .compact-stack { display: grid; grid-template-columns: 180px minmax(0,1fr) auto; gap: 40px; align-items: center; border-top: 1px solid var(--rule); padding: 45px 0; margin: 40px 0 30px; } .compact-stack .eyebrow { margin: 0; } .compact-stack h2 { font-size: 32px; } .compact-stack p { font-size: 13px; max-width: 46ch; margin-top: 13px; } .compact-stack .text-link { font-size: 11px; } /* Transparency: commitments on paper, measurement distinctions in ink. */.text-hero { max-width: 950px; padding-bottom: 65px; } .text-hero h1 { font-size: clamp(46px,5.3vw,72px); } .text-hero>p { max-width: 50ch; } .principles-section { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 100px; padding-top: 35px; } .principles-intro { padding-top: 24px; } .principles-list article { display: grid; grid-template-columns: 24px 1fr; gap: 28px; border-top: 1px solid var(--rule); padding: 27px 0; } .principles-list .index-label { font-size: 9px; margin-top: 3px; } .principles-list h3 { font-size: 23px; margin-bottom: 12px; } .principles-list p { font-size: 13px; max-width: 48ch; } .principles-list .pending-inline { font-size: 8px; } .measurement-section { padding-top: 28px; } .measurement-panel { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: 55px; padding: 48px; background: var(--ink); color: var(--paper); border-radius: 7px; } .measurement-panel .eyebrow { color: #B5D99E; font-size: 9px; } .measurement-panel h2 { font-size: clamp(34px,3.4vw,48px); } .measurement-panel h2 span { color: var(--green-light); } .measurement-panel p { font-size: 13px; margin-top: 27px; color: #C6C5B9; } .measurement-rows { margin: 0; } .measurement-rows>div { display: grid; grid-template-columns: 115px 1fr; gap: 25px; padding: 23px 0; border-top: 1px solid var(--dark-rule); } .measurement-rows>div:first-child { padding-top: 0; border: 0; } .measurement-rows>div:last-child { padding-bottom: 0; } .measurement-rows dt { font-size: 10px; line-height: 1.6; color: #D8D7C9; display: flex; align-items: flex-start; gap: 12px; } .measure-symbol { font-size: 19px; line-height: 1; color: #B5D99E; min-width: 14px; } .measurement-rows dd { margin: 0; font-size: 11px; line-height: 1.65; } .measurement-rows dd strong { font-size: 13px; font-weight: 500; display: block; margin-bottom: 7px; color: var(--paper); } .measurement-rows dd>span { color: #C6C5B9; } .accountability { display: grid; grid-template-columns: minmax(0,.72fr) minmax(0,1fr); gap: 22px 75px; padding-top: 30px; padding-bottom: 100px; } .accountability>.eyebrow { grid-column: 1/-1; margin: 0; } .accountability h2 { grid-column: 1; grid-row: 2/4; } .accountability p { font-size: 14px; max-width: 48ch; } .accountability .text-link { grid-column: 2; } /* About: reuse the homepage artwork without pretending it is an interface. */.about-art { position: relative; isolation: isolate; border-radius: 7px; min-height: 370px; background: var(--ink); overflow: hidden; } .about-art>svg { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .55; z-index: -1; transform: translateX(20%); } .about-art-copy { font-size: 34px; font-weight: 600; line-height: 1.13; letter-spacing: -.04em; color: var(--paper); padding: 55px 36px; text-shadow: 0 2px 16px var(--ink); } .about-art-copy span { color: var(--green-light); } .company-section { display: grid; grid-template-columns: minmax(0,.65fr) minmax(0,1.35fr); gap: 75px; padding-top: 35px; } .company-section>.eyebrow { padding-top: 6px; } .company-section h2 { max-width: 20ch; } .company-section p { font-size: 16px; max-width: 47ch; margin-top: 24px; } .company-section .text-link { margin-top: 24px; } .team-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; } .team-grid article { border-top: 1px solid var(--rule); padding-top: 24px; } .person-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 15px; } .person-heading h3 { font-size: 38px; letter-spacing: -.045em; } .person-heading>span { font-size: 10px; color: var(--label); } .person-role { display: block; font-size: 11px; color: var(--label); margin: 16px 0 20px; } .team-grid p { font-size: 14px; max-width: 42ch; min-height: 92px; } .team-grid .text-link { margin-top: 23px; font-size: 12px; } .team-pending { margin-top: 32px; font-size: 8px; } .mission-section { max-width: 850px; padding-top: 40px; } .mission-section p { font-size: 15px; margin-top: 22px; max-width: 46ch; } .mission-section .text-link { margin-top: 24px; } /* Contact deliberately ends after the two useful actions. */.contact-hero { padding-bottom: 55px; } .contact-hero h1 { font-size: clamp(45px,5.3vw,72px); } .contact-hero>p { max-width: 49ch; } .contact-actions { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 70px; margin-bottom: 90px; align-items: stretch; } .meeting-action { background: var(--ink); color: var(--paper); border-radius: 7px; padding: 38px 40px; } .meeting-action .eyebrow { color: #B5D99E; font-size: 9px; margin-bottom: 30px; } .meeting-action h2 { font-size: 46px; } .meeting-action .btn { margin-top: 30px; background: var(--paper); border-color: var(--paper); color: var(--ink); min-width: 170px; } .meeting-action .btn:hover { background: var(--green-light); border-color: var(--green-light); } .contact-action-note { display: block; font-size: 10px; color: #C6C5B9; margin-top: 15px; } .email-action { padding: 38px 15px; } .email-action .eyebrow { font-size: 9px; margin-bottom: 30px; } .email-action h2 { font-size: 46px; } .contact-email { display: inline-flex; gap: 18px; font-size: 20px; line-height: 1.5; font-weight: 500; letter-spacing: -.03em; border-bottom: 1px solid var(--rule); padding-bottom: 7px; margin-top: 29px; } .email-action address { font-size: 12px; font-style: normal; color: var(--muted); line-height: 1.65; margin-top: 30px; } /* Shared, compact closing panel rather than another landing-page pitch. */.page-cta { padding: 25px 0 80px; } .cta-panel { display: flex; align-items: flex-end; justify-content: space-between; gap: 55px; padding: 40px 43px; border-radius: 7px; background: var(--ink); color: var(--paper); } .cta-panel .eyebrow { color: #B5D99E; margin-bottom: 22px; font-size: 9px; } .cta-panel h2 { font-size: clamp(34px,3.8vw,50px); max-width: 21ch; } .cta-panel h2 span { color: var(--green-light); } .cta-panel p { color: #C6C5B9; margin-top: 20px; } .cta-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 15px; padding-bottom: 5px; flex-shrink: 0; } .cta-actions .btn { background: var(--paper); border-color: var(--paper); color: var(--ink); } .cta-actions .btn:hover { background: var(--green-light); border-color: var(--green-light); color: var(--ink); } .cta-actions .text-link { font-size: 11px; color: #D7D5CC; border-color: #827C70; } .cta-actions .text-link:hover { color: var(--green-light); } .cta-panel a:focus-visible, .measurement-panel a:focus-visible, .licence-panel a:focus-visible, .meeting-action a:focus-visible { outline-color: var(--green-light); } /* Tablet: retain editorial relationships without squeezing the text. */@media (max-width:1100px){ .hero-split {  gap: 42px;  grid-template-columns: minmax(0,1.05fr) minmax(0,1fr); }  h1 {  font-size: clamp(40px,4.9vw,60px); }  .hero-text>p {  font-size: 15.5px; }  .hero-proof {  min-height: 305px; }  .engine-explorer, .stack-section {  gap: 38px; }  .accordion-trigger .label {  font-size: 19px; }  .accordion-panel p, .fine-list, .status-note {  margin-left: 0; }  .gl-node strong {  font-size: 13px; }  .gl-node small {  font-size: 9px; }  .gl-label {  font-size: 8.5px; }  .gl-telemetry {  width: 93%;  padding: 13px 9px; }  .gl-telemetry header {  display: block;  padding-bottom: 8px; }  .gl-telemetry header span {  display: block;  margin-top: 2px;  font-size: 7px; }  .gl-telemetry dl>div {  grid-template-columns: 58px 1fr 25px;  gap: 5px;  min-height: 36px; }  .gl-telemetry dt, .gl-telemetry dd {  font-size: 9px; }  .section-heading {  gap: 35px; }  .section-heading>p {  max-width: 30ch; }  .stack-row {  grid-template-columns: 95px 1fr;  gap: 20px; }  .reference-line {  gap: 20px; }  .reference-line>span {  min-width: 95px; }  .stack-row strong {  font-size: 17px; }  .loop-track {  padding: 25px 28px 32px; }  .loop-track li {  font-size: 20px; }  .loop-track li:not(:last-child)::after {  right: -7px; }  .status-grid {  gap: 25px; }  .licence-panel {  padding: 27px; }  .licence-panel h2 {  font-size: 39px; }  .adoption-steps {  gap: 25px; }  .adoption-steps h3, .mode-grid h3 {  font-size: 28px; }  .step-top {  font-size: 9px; }  .boundary-section {  gap: 40px; }  .success-section {  gap: 55px; }  .compact-stack {  grid-template-columns: 140px 1fr;  gap: 25px; }  .compact-stack>.text-link {  grid-column: 2; }  .principles-section {  gap: 55px;  grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); }  .measurement-panel {  padding: 36px;  gap: 40px;  grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); }  .measurement-rows>div {  grid-template-columns: 87px 1fr;  gap: 20px; }  .company-section {  gap: 40px; }  .team-grid {  gap: 60px; }  .contact-actions {  gap: 40px; }  .meeting-action {  padding: 35px; }  .email-action h2, .meeting-action h2 {  font-size: 40px; } } @media (max-width:820px){ .page-hero {  padding: 64px 0 65px; }  .hero-split {  grid-template-columns: 1fr;  gap: 42px; }  h1 {  font-size: clamp(42px,7.4vw,62px); }  .hero-text>p {  font-size: 17px;  max-width: 49ch; }  .hero-proof {  transform: none;  min-height: 300px; }  .asset-placeholder {  max-width: none; }  .page-section {  padding: 55px 0; }  h2 {  font-size: clamp(36px,5.8vw,49px); }  .engine-explorer {  grid-template-columns: 1fr;  gap: 32px; }  .engine-stage {  padding: 20px 25px;  max-width: 100%; }  .engine-choices {  margin: 0; }  .accordion-trigger .label {  font-size: 24px; }  .accordion-panel p, .fine-list, .status-note {  margin-left: 38px;  max-width: 52ch; }  .gl-node strong {  font-size: 15px; }  .gl-node small {  font-size: 11px; }  .gl-label {  font-size: 10px; }  .gl-label--caps {  font-size: 8.5px; }  .gl-telemetry {  width: 83%;  padding: 13px 14px 5px; }  .gl-telemetry header {  display: flex; }  .gl-telemetry header span {  font-size: 8px; }  .gl-telemetry dl>div {  grid-template-columns: 70px 1fr 29px;  gap: 10px;  min-height: 39px; }  .gl-telemetry dt, .gl-telemetry dd {  font-size: 10.5px; }  .stack-section {  grid-template-columns: 1fr;  gap: 30px; }  .stack-intro>p {  max-width: 49ch; }  .stack-row {  grid-template-columns: 125px 1fr;  gap: 25px; }  .reference-line>span {  min-width: 130px; }  .section-heading {  display: block;  margin-bottom: 30px; }  .section-heading>p {  margin-top: 22px;  max-width: 47ch; }  .section-heading>p br {  display: none; }  .status-grid {  gap: 20px; }  .success-section {  grid-template-columns: 1fr;  gap: 32px; }  .success-section p {  max-width: 50ch; }  .licence-panel {  padding: 35px; }  .licence-panel h2 {  font-size: 46px; }  .licence-panel .eyebrow {  font-size: 10px; }  .licence-panel>p {  font-size: 14px;  max-width: 55ch; }  .licence-engines {  font-size: 12px; }  .licence-panel .text-link {  font-size: 12px; }  .deployment-hero {  gap: 30px; }  .deployment-motif {  min-height: 295px;  max-width: 620px;  width: 100%;  margin: auto;  padding-top: 0; }  .motif-core {  font-size: 20px; }  .boundary-section {  grid-template-columns: 1fr;  gap: 35px; }  .boundary-copy {  max-width: 620px; }  .rule-list {  display: grid;  grid-template-columns: repeat(3,minmax(0,1fr));  gap: 20px; }  .rule-list h3 {  font-size: 16px; }  .rule-list p {  font-size: 12px; }  .compact-stack {  grid-template-columns: 1fr;  gap: 18px;  margin: 30px 0; }  .compact-stack>.text-link {  grid-column: 1; }  .three-columns, .adoption-steps {  gap: 22px; }  .mode-grid h3, .adoption-steps h3 {  font-size: 25px; }  .index-label {  font-size: 9px; }  .mode-grid p, .adoption-steps p {  font-size: 12px; }  .principles-section {  grid-template-columns: 1fr;  gap: 30px;  padding-top: 0; }  .principles-intro {  padding-top: 0; }  .principles-list p {  font-size: 14px;  max-width: 54ch; }  .measurement-panel {  grid-template-columns: 1fr;  gap: 36px;  padding: 36px; }  .measurement-panel h2 {  font-size: 45px; }  .measurement-panel p {  margin-top: 20px; }  .measurement-rows>div {  grid-template-columns: 110px 1fr;  gap: 25px; }  .measurement-rows dd {  font-size: 12px; }  .measurement-rows dt {  font-size: 11px; }  .accountability {  grid-template-columns: 1fr;  gap: 22px;  padding-bottom: 75px; }  .accountability h2, .accountability p, .accountability .text-link {  grid-column: 1;  grid-row: auto; }  .company-section {  grid-template-columns: 1fr;  gap: 20px;  padding-top: 10px; }  .company-section>.eyebrow {  margin: 0; }  .about-art {  min-height: 320px; }  .about-art>svg {  transform: translate(27%,0);  width: 80%; }  .about-art-copy {  font-size: 39px;  padding: 43px; }  .team-grid {  gap: 40px; }  .team-grid p {  min-height: 135px;  font-size: 13px; }  .person-role {  min-height: 35px; }  .contact-actions {  gap: 27px;  margin-bottom: 65px; }  .email-action {  padding: 30px 0; }  .meeting-action {  padding: 30px 26px; }  .email-action h2, .meeting-action h2 {  font-size: 32px; }  .contact-email {  font-size: 18px;  gap: 10px; }  .cta-panel {  padding: 35px;  gap: 35px; }  .cta-panel h2 {  font-size: 36px; }  .cta-actions .btn {  font-size: 12px;  padding: 11px 16px;  gap: 13px; } } /* Mobile uses normal document flow. No scroll-trapping effects. */@media (max-width:600px){ .shell {  padding: 0 20px; }  html {  scroll-padding-top: 85px; }  h1 {  font-size: clamp(37px,9.6vw,52px);  line-height: 1.045;  letter-spacing: -.052em; }  h2 {  font-size: clamp(32px,8.5vw,44px); }  .page-hero {  padding: 48px 0 55px; }  .eyebrow {  font-size: 9px;  margin-bottom: 22px; }  .hero-text>p, .text-hero>p, .contact-hero>p {  font-size: 15px;  line-height: 1.65;  margin-top: 22px;  max-width: 42ch; }  .page-actions {  gap: 23px;  margin-top: 26px; }  .btn {  font-size: 12px;  padding: 11px 17px;  gap: 17px; }  .text-link {  font-size: 12px; }  .hero-split {  gap: 35px; }  .hero-proof {  min-height: 245px;  padding: 17px; }  .asset-tag {  font-size: 8px;  letter-spacing: .07em; }  .placeholder-inner {  padding: 24px 6px; }  .placeholder-inner p {  font-size: 9px; }  .placeholder-mark {  margin-bottom: 16px; }  .placeholder-foot {  font-size: 9px; }  .page-section {  padding: 46px 0; }  .section-heading {  margin-bottom: 26px; }  .section-heading>p {  font-size: 13px;  margin-top: 18px; }  .engine-stage {  padding: 15px 7px 15px;  margin: 0;  overflow: hidden; }  .diagram-label {  padding: 0 9px;  font-size: 8px; }  .diagram-caption {  font-size: 9px;  margin: 6px 10px 0; }  .accordion-trigger {  padding: 21px 0;  grid-template-columns: 20px 1fr 18px;  gap: 9px; }  .accordion-trigger .label {  font-size: 21px; }  .accordion-trigger .num {  font-size: 9px; }  .accordion-panel p {  margin-left: 29px;  font-size: 13px;  max-width: 100%; }  .fine-list {  margin-left: 29px; }  .fine-list li {  font-size: 11px; }  .status-note {  margin-left: 29px;  font-size: 9px; }  .gl-assess-art, .gl-route-art, .gl-monitor-art {  --diagram-height: 485px; }  .gl-move-art {  --diagram-height: 420px; }  .gl-node {  padding: 7px 4px;  gap: 5px;  border-radius: 6px; }  .gl-node strong {  font-size: 11.5px;  letter-spacing: -.02em; }  .gl-node small {  font-size: 9px;  line-height: 1.45; }  .gl-node .gl-mini {  font-size: 7px;  letter-spacing: .055em; }  .gl-label {  font-size: 8px;  padding: 3px 2px; }  .gl-label--caps {  font-size: 7px;  letter-spacing: .05em; }  .gl-telemetry {  width: 94%;  padding: 9px 10px 4px; }  .gl-telemetry header {  display: block;  padding-bottom: 7px; }  .gl-telemetry header strong {  font-size: 12px; }  .gl-telemetry header span {  font-size: 7px;  margin-top: 3px; }  .gl-telemetry dl>div {  grid-template-columns: 53px 1fr 25px;  gap: 5px;  min-height: 32px; }  .gl-telemetry dt, .gl-telemetry dd {  font-size: 9px; }  .gl-telemetry .gl-unit {  font-size: 8px; }  .gl-monitor-art .gl-label:last-child {  font-size: 8px; }  .stack-section {  gap: 28px; }  .stack-intro>p {  font-size: 14px; }  .stack-row {  grid-template-columns: 95px 1fr;  gap: 16px;  padding: 20px 0; }  .stack-row strong {  font-size: 16px; }  .stack-row>span {  font-size: 10px; }  .reference-line {  gap: 16px;  margin-top: 20px;  flex-wrap: wrap; }  .reference-line>span {  min-width: 95px;  font-size: 10px; }  .reference-line>strong {  font-size: 15px; }  .reference-line strong span {  margin: 0 10px; }  .pending-inline {  font-size: 8px;  margin-top: 18px; }  .loop-track {  padding: 24px 25px 26px; }  .loop-badge {  font-size: 8px;  margin-bottom: 24px; }  .loop-track ol {  grid-template-columns: 1fr;  gap: 0; }  .loop-track li {  display: flex;  align-items: center;  gap: 28px;  min-height: 57px;  font-size: 24px;  padding-right: 25px; }  .loop-track li>span {  margin: 0;  font-size: 9px; }  .loop-track li:not(:last-child)::after {  content: '↓';  right: 0;  bottom: 0;  font-size: 14px; }  .loop-return {  height: 28px;  margin: 7px 5px 6px 26px; }  .loop-return span {  font-size: 8px;  padding: 0 9px; }  .product-status {  padding-top: 30px; }  .product-status>h3 {  font-size: 19px; }  .status-grid {  grid-template-columns: 1fr;  gap: 20px; }  .status-grid p {  font-size: 12px;  max-width: 45ch; }  .licence-panel {  padding: 28px 25px; }  .licence-panel .eyebrow {  font-size: 8.5px;  margin-bottom: 20px; }  .licence-panel h2 {  font-size: 41px; }  .licence-engines {  gap: 16px;  font-size: 10px;  margin: 22px 0 18px; }  .licence-panel p {  font-size: 12px; }  .licence-panel .pending-inline {  font-size: 7.5px; }  .three-columns, .adoption-steps {  grid-template-columns: 1fr;  gap: 34px; }  .mode-grid article {  padding-top: 17px; }  .index-label {  font-size: 9px; }  .mode-grid h3, .adoption-steps h3 {  font-size: 32px;  margin: 22px 0 16px; }  .mode-grid p, .adoption-steps p {  font-size: 13px;  max-width: 48ch; }  .mode-foot {  margin-top: 19px;  font-size: 9px; }  .step-top {  flex-direction: row;  justify-content: space-between;  gap: 12px;  font-size: 9px; }  .step-top>span:last-child {  text-align: right; }  .step-output {  margin-top: 20px;  padding-top: 16px; }  .success-section {  gap: 30px; }  .success-section p {  font-size: 13px; }  .success-criteria>div {  grid-template-columns: 68px 1fr;  gap: 17px;  padding: 19px 0; }  .success-criteria dt, .success-criteria dd {  font-size: 11px; }  .deployment-motif {  min-height: 255px; }  .motif-label {  font-size: 9px;  margin-bottom: 20px; }  .motif-core {  font-size: 17px;  padding: 17px 24px; }  .deployment-motif svg {  height: 130px; }  .motif-destinations {  font-size: 10px;  margin-top: -14px;  gap: 7px; }  .boundary-visual {  padding: 18px 7px 16px; }  .boundary-visual>.eyebrow {  font-size: 8px; }  .rule-list {  grid-template-columns: 1fr;  gap: 0; }  .rule-list>div {  padding: 18px 0; }  .rule-list h3 {  font-size: 18px; }  .rule-list p {  font-size: 13px; }  .compact-stack {  padding: 32px 0;  margin: 18px 0; }  .compact-stack h2 {  font-size: 31px; }  .compact-stack p {  font-size: 13px; }  .text-hero h1, .contact-hero h1 {  font-size: clamp(40px,10.2vw,54px); }  .principles-section {  gap: 28px;  padding-top: 0; }  .principles-list article {  grid-template-columns: 20px 1fr;  gap: 16px;  padding: 25px 0; }  .principles-list h3 {  font-size: 21px; }  .principles-list p {  font-size: 13px; }  .principles-list .pending-inline {  font-size: 7.5px; }  .measurement-section {  padding-top: 15px; }  .measurement-panel {  padding: 29px 25px;  gap: 30px; }  .measurement-panel h2 {  font-size: 35px; }  .measurement-panel .eyebrow {  font-size: 8px;  margin-bottom: 20px; }  .measurement-rows>div {  grid-template-columns: 1fr;  gap: 12px;  padding: 22px 0; }  .measurement-rows dt {  font-size: 10px;  align-items: center; }  .measurement-rows dd {  font-size: 11px; }  .measurement-rows dd strong {  font-size: 12px; }  .accountability {  padding-top: 10px;  padding-bottom: 65px;  gap: 20px; }  .accountability p {  font-size: 13px; }  .about-art {  min-height: 285px; }  .about-art-copy {  padding: 37px 27px;  font-size: 34px; }  .about-art>svg {  transform: translateX(19%);  width: 100%; }  .company-section {  padding-top: 15px; }  .company-section p {  font-size: 15px;  margin-top: 21px; }  .team-grid {  grid-template-columns: 1fr;  gap: 34px; }  .team-grid article {  padding-top: 21px; }  .person-heading h3 {  font-size: 35px; }  .person-heading>span {  font-size: 9px; }  .person-role {  min-height: 0;  margin: 13px 0 17px;  font-size: 10px; }  .team-grid p {  min-height: 0;  font-size: 13px;  max-width: 42ch; }  .team-grid .text-link {  margin-top: 19px;  font-size: 11px; }  .team-pending {  margin-top: 26px;  font-size: 7.5px; }  .mission-section {  padding-top: 20px; }  .mission-section p {  font-size: 14px; }  .contact-actions {  grid-template-columns: 1fr;  gap: 15px;  margin-bottom: 25px; }  .meeting-action {  padding: 30px 27px; }  .meeting-action h2, .email-action h2 {  font-size: 38px; }  .meeting-action .eyebrow, .email-action .eyebrow {  margin-bottom: 24px; }  .email-action {  padding: 30px 7px; }  .contact-email {  font-size: 21px;  max-width: 100%; }  .email-action address {  font-size: 12px;  margin-top: 24px; }  .page-cta {  padding: 15px 0 57px; }  .cta-panel {  flex-direction: column;  align-items: flex-start;  gap: 27px;  padding: 30px 25px; }  .cta-panel h2 {  font-size: clamp(32px,8.1vw,40px); }  .cta-panel .eyebrow {  font-size: 8px;  margin-bottom: 20px; }  .cta-actions {  gap: 17px;  padding: 0; } } @media (max-width:360px){ h1 {  font-size: 35px; }  .text-hero h1, .contact-hero h1 {  font-size: 36px; }  .accordion-trigger .label {  font-size: 18px; }  .gl-node strong {  font-size: 10px; }  .gl-node small {  font-size: 8px; }  .gl-label {  font-size: 7.5px; }  .gl-node .gl-mini {  font-size: 6px; }  .contact-email {  font-size: 18px; }  .licence-engines {  gap: 12px;  font-size: 9px; }  .reference-line {  display: block; }  .reference-line strong {  display: block;  margin-top: 10px; }  .step-top {  font-size: 8px; } } @media (prefers-reduced-motion:reduce){ html {  scroll-behavior: auto; }  *, *::before, *::after {  animation: none!important;  transition: none!important;  scroll-behavior: auto!important; } } @media print{ .site-header, .page-actions, .page-cta, .mobile-menu, .skip-link {  display: none!important; }  .shell {  padding: 0; }  .page-hero, .page-section {  padding: 25px 0;  break-inside: avoid; }  body {  font-size: 11pt;  background: white; }  .engine-stage {  display: none; }  .engine-explorer {  display: block; }  .accordion-panel {  grid-template-rows: 1fr!important; }  .accordion-panel-inner {  opacity: 1!important; }  a[href^="mailto:"] {  text-decoration: underline; }  .site-footer {  font-size: 9pt; } } /* v4: content headings replace decorative micro-labels. */.adoption-steps h3 { margin-top: 0; } .step-output { margin-top: 24px; } .step-output>strong { font-size: 13px; line-height: 1.55; } .mode-grid h3 { margin-top: 0; } .principles-list article { display: block; } .company-section { grid-template-columns: 1fr; } .company-section>div { max-width: 760px; } .accountability>h2 { grid-row: auto; } .compact-stack { grid-template-columns: minmax(0,1fr) auto; gap: 40px; } .compact-stack>.text-link { grid-column: auto; } @media (max-width:1000px){ .compact-stack {  grid-template-columns: 1fr auto; }  .compact-stack>.text-link {  grid-column: auto; } } @media (max-width:760px){ .compact-stack {  grid-template-columns: 1fr;  gap: 18px; }  .compact-stack>.text-link {  grid-column: 1; } }