:root {
  /* Exact editorial tokens and native typefaces from diagnostic/styles.css. */
  --navy: #1e387b;
  --ink: #182640;
  --cream: #f5f2eb;
  --orange: #e79a34;
  --muted: #5c6572;
  --line: #e0e4e8;
  --paper: #fcfcfa;
  --white: #fff;
  --green: #23765f;
  --soft-blue: #eef2f9;
  --serif: Georgia, 'Times New Roman', serif;
  --font: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --radius: 18px;
  --shadow: 0 20px 65px #1826400a;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 118px; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 16px/1.65 var(--font); }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 4px; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
button, input, select, textarea { color: var(--ink); }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible, [tabindex]:focus-visible { outline: 3px solid var(--orange); outline-offset: 5px; }
button[disabled] { opacity: .5; cursor: not-allowed; }
[hidden] { display: none !important; }
img { display: block; max-width: 100%; height: auto; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, .display { font-family: var(--serif); font-weight: 400; }
h1 { font-size: clamp(44px, 4.9vw, 70px); letter-spacing: -2.7px; line-height: 1.07; margin-bottom: 25px; }
h2 { font-size: clamp(33px, 3.2vw, 46px); letter-spacing: -1.4px; line-height: 1.15; margin-bottom: 22px; }
h3 { font-size: 19px; line-height: 1.4; font-weight: 600; }
p { margin-bottom: 20px; }
em { color: var(--navy); font-weight: 400; }
.container { width: min(1184px, calc(100% - 88px)); margin-inline: auto; }
.skip { position: fixed; z-index: 100; top: -80px; left: 12px; padding: 12px; background: var(--white); }
.skip:focus { top: 8px; }
.preview-strip { background: var(--cream); color: var(--muted); padding: 6px 18px; text-align: center; font-size: 11px; letter-spacing: .3px; }
.site-header { background: var(--paper); border-bottom: 1px solid var(--line); position: relative; z-index: 20; }
.header-inner { min-height: 98px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { flex-shrink: 0; }
.brand img { width: 145px; height: 64px; object-fit: contain; }
.navigation { display: flex; align-items: center; gap: 27px; }
.navigation > a { text-decoration: none; font-size: 13px; color: var(--muted); white-space: nowrap; }
.navigation > a:not(.button):hover, .navigation > a:not(.button)[aria-current] { color: var(--navy); }
.navigation > a[aria-current] { text-decoration: underline; text-underline-offset: 7px; }
.button { display: inline-flex; gap: 20px; justify-content: center; align-items: center; text-decoration: none; background: var(--navy); color: var(--white); min-height: 54px; padding: 15px 24px; border: 1px solid var(--navy); border-radius: 9px; font-size: 14px; font-weight: 600; line-height: 1.5; transition: transform .15s, box-shadow .15s; }
.button:hover { transform: translateY(-2px); box-shadow: 0 8px 18px #1e387b18; }
.button.secondary { background: transparent; color: var(--navy); border-color: var(--line); }
.button.light { background: var(--white); color: var(--navy); border-color: var(--white); }
.navigation > .button { color: var(--white); min-height: 42px; padding: 10px 17px; font-size: 12px; }
.menu-toggle { display: none; position: relative; width: 48px; height: 48px; border: 1px solid #ffffff25; border-radius: 15px; background: var(--navy); padding: 0; cursor: pointer; box-shadow: 0 5px 12px #1e387b20; transition: background .2s, box-shadow .2s; }
.menu-toggle span { position: absolute; left: 13px; top: 23px; width: 22px; height: 2px; margin: 0; border-radius: 3px; background: white; transition: transform .22s, width .22s, background .22s, opacity .22s; }
.menu-toggle span:first-child { transform: translateY(-7px); }
.menu-toggle span:last-child { width: 14px; background: var(--orange); transform: translateY(7px); }
.menu-toggle:hover { background: #152c65; box-shadow: 0 7px 16px #1e387b30; }
.menu-toggle[aria-expanded=true] span:first-child { transform: rotate(45deg); }
.menu-toggle[aria-expanded=true] span:nth-child(2) { opacity: 0; }
.menu-toggle[aria-expanded=true] span:last-child { width: 22px; transform: rotate(-45deg); }
@media(prefers-reduced-motion:reduce) { .menu-toggle,.menu-toggle span { transition: none; } }
.eyebrow { display: flex; align-items: center; gap: 10px; font-size: 10px; font-weight: 700; letter-spacing: 1.7px; text-transform: uppercase; color: var(--navy); margin-bottom: 24px; }
.eyebrow::before { content: ''; display: inline-block; width: 22px; height: 2px; background: var(--orange); flex-shrink: 0; }
.hero { display: grid; grid-template-columns: 1.02fr 1fr; gap: 84px; align-items: center; padding-block: 66px 69px; }
.hero-copy { padding-bottom: 10px; }
.hero .lead { max-width: 480px; font-size: 17px; line-height: 1.8; color: var(--muted); margin-bottom: 29px; }
.hero-visual { position: relative; padding: 0 0 25px 24px; }
.hero-visual::before { content: ''; position: absolute; right: -16px; top: 20px; bottom: 0; width: 85%; background: var(--cream); border-radius: 90px 18px 18px 18px; z-index: -1; }
.hero-photo { width: 100%; height: 478px; object-fit: cover; object-position: center 43%; border-radius: 78px 14px 14px 14px; }
.photo-note { position: absolute; bottom: 0; left: -16px; width: 282px; background: var(--white); border: 1px solid var(--line); border-radius: 13px; padding: 20px 22px; box-shadow: var(--shadow); }
.photo-note .note-kicker { font-size: 9px; letter-spacing: 1.4px; color: var(--muted); display: block; margin-bottom: 8px; }
.photo-note strong { font-size: 15px; font-weight: 600; line-height: 1.4; display: block; }
.photo-note .note-status { display: flex; gap: 7px; align-items: center; font-size: 11px; color: var(--muted); margin-top: 12px; }
.status-dot { width: 7px; height: 7px; background: var(--green); border-radius: 50%; box-shadow: 0 0 0 4px #23765f12; display: inline-block; flex-shrink: 0; }
.hero-reassurance { display: flex; flex-wrap: wrap; gap: 8px 17px; margin-top: 20px; font-size: 11px; color: var(--muted); }
.hero-reassurance span::before { content: '✓'; color: var(--green); margin-right: 6px; }
.hero-other { margin-top: 21px; font-size: 12px; color: var(--muted); }
.hero-other a { color: var(--navy); }
.scope-strip { display: flex; align-items: center; justify-content: space-between; gap: 24px; border-block: 1px solid var(--line); padding-block: 25px; font-size: 12px; color: var(--muted); }
.scope-strip > strong { font-size: 9px; letter-spacing: 1.5px; font-weight: 600; max-width: 140px; color: var(--navy); }
.scope-strip > span { display: flex; align-items: center; gap: 12px; }
.scope-strip i { font-family: var(--serif); font-style: normal; font-size: 22px; color: var(--navy); }
.section { padding-block: 86px; }
.section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 35px; margin-bottom: 35px; }
.section-head h2 { margin-bottom: 0; }
.section-head p { margin: 0; color: var(--muted); max-width: 360px; font-size: 14px; }
.text-link { font-size: 13px; color: var(--navy); text-decoration: none; display: inline-flex; gap: 20px; align-items: center; padding-block: 5px; }
.text-link:hover { text-decoration: underline; }
.paths { display: grid; grid-template-columns: repeat(3, 1fr); gap: 21px; }
.path-card { display: flex; flex-direction: column; text-decoration: none; padding: 31px; border: 1px solid var(--line); background: var(--white); border-radius: 12px; min-height: 250px; transition: border-color .2s, transform .2s; }
.path-card:hover { border-color: var(--navy); transform: translateY(-3px); }
.path-index { font: 14px var(--serif); color: var(--muted); padding-bottom: 23px; }
.path-card h3 { font: 28px/1.15 var(--serif); margin-bottom: 15px; }
.path-card p { color: var(--muted); font-size: 13px; margin-bottom: 25px; }
.path-card .card-link { margin-top: auto; color: var(--navy); font-size: 12px; font-weight: 600; display: flex; justify-content: space-between; gap: 15px; }
.split { display: grid; grid-template-columns: 1fr 1fr; gap: 78px; align-items: center; }
.section-cream { background: var(--cream); }
.section-cream .section { padding-block: 77px; }
.editorial-photo { width: 100%; height: 440px; object-fit: cover; border-radius: var(--radius); }
.body-copy { color: var(--muted); font-size: 15px; }
.detail-list { list-style: none; padding: 0; margin: 28px 0; }
.detail-list li { display: grid; grid-template-columns: 30px 1fr; gap: 13px; padding-block: 18px; border-top: 1px solid var(--line); }
.detail-list .number { font: 18px var(--serif); color: var(--navy); }
.detail-list strong { display: block; font-size: 14px; font-weight: 600; margin-bottom: 4px; }
.detail-list p { font-size: 12px; color: var(--muted); margin: 0; }
.platform { background: var(--navy); border-radius: 18px; color: var(--white); padding: 57px; display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; }
.platform h2 { font-size: 40px; }
.platform p { color: #e0e6f2; font-size: 14px; }
.platform .eyebrow { color: #e0e6f2; }
.platform-image { border: 1px solid #ffffff30; border-radius: 11px; overflow: hidden; background: var(--cream); box-shadow: 0 18px 45px #14265035; }
.platform-image img { width: 100%; }
.platform-caption { font-size: 10px; color: #e0e6f2; margin-top: 12px; }
.stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 45px; padding-block: 42px; margin-top: 30px; border-block: 1px solid var(--line); }
.stats strong { font: 43px var(--serif); color: var(--navy); display: block; }
.stats span { font-size: 12px; color: var(--muted); }
.cta-panel { background: var(--cream); padding: 43px 48px; border-radius: 16px; display: flex; gap: 40px; align-items: center; justify-content: space-between; }
.cta-panel h2 { font-size: 33px; margin-bottom: 10px; }
.cta-panel p { color: var(--muted); font-size: 13px; margin-bottom: 0; }
.cta-panel .button { flex-shrink: 0; }
.site-footer { margin-top: 65px; background: var(--ink); color: var(--white); padding-block: 57px 28px; }
.footer-grid { display: grid; grid-template-columns: 1.7fr 1fr 1fr 1fr; gap: 40px; }
.footer-logo { display: block; width: 185px; height: 101px; overflow: hidden; margin-bottom: 23px; }
.footer-logo img { width: 300px; max-width: none; height: 101px; transform: translateX(-115px); }
.footer-about p { color: #c9d2e3; font-size: 12px; max-width: 220px; }
.footer-group strong { display: block; color: #e0e6f2; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 17px; }
.footer-group a { display: block; color: #c9d2e3; text-decoration: none; font-size: 12px; margin-block: 8px; }
.footer-group a:hover { text-decoration: underline; }
.footer-bottom { border-top: 1px solid #ffffff20; padding-top: 22px; margin-top: 35px; display: flex; align-items: center; flex-wrap: wrap; gap: 12px 24px; color: #c9d2e3; font-size: 10px; }
.footer-bottom > span { margin-right: auto; }
.footer-bottom a { text-decoration: none; }
.link-button { background: transparent; border: none; color: inherit; padding: 0; text-decoration: underline; font-size: inherit; }
.mobile-action { display: none; }
.page-hero { padding-top: 66px; }
.page-hero .hero { padding-top: 0; }
.page-hero .hero-photo { height: 438px; }
.breadcrumb { padding-top: 26px; color: var(--muted); font-size: 11px; }
.breadcrumb a { text-decoration: none; }
.form-section { background: var(--cream); padding-block: 74px; }
.form-layout { display: grid; grid-template-columns: .9fr 1fr; gap: 95px; align-items: start; }
.form-intro { padding-top: 15px; }
.form-intro h2 { font-size: 42px; }
.form-intro p { color: var(--muted); font-size: 14px; }
.form-card { background: var(--white); padding: 32px; border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--shadow); scroll-margin-top: 25px; }
.contact-choice { margin-bottom: 27px; }
.contact-choice legend { font-size: 12px; margin-bottom: 12px; }
.contact-choice > div { display: grid; grid-template-columns: 1fr 1.3fr; gap: 10px; }
.contact-choice input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.contact-choice label { display: flex; align-items: center; justify-content: center; min-height: 49px; text-align: center; padding: 10px 12px; border: 1px solid var(--line); border-radius: 8px; font-size: 12px; color: var(--muted); cursor: pointer; transition: background-color .2s, border-color .2s; }
.contact-choice input:checked + label { color: var(--navy); background: var(--soft-blue); border-color: var(--navy); font-weight: 650; }
.contact-choice input:focus-visible + label { outline: 3px solid var(--orange); outline-offset: 3px; }
.webinar-intro { font-size: 13px; color: var(--muted); }
.webinar-panel > .field-hint { margin-bottom: 20px; }
.webinar-register { width: 100%; margin-block: 5px 16px; }
.webinar-panel > .text-link { font-size: 12px; }
.form-title { font: 25px var(--serif); margin-bottom: 8px; }
.preview-note { font-size: 12px; color: var(--muted); margin: 0 0 22px; line-height: 1.6; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.form-progress-label { display: flex; justify-content: space-between; gap: 15px; color: var(--muted); font-size: 10px; margin-bottom: 7px; }
progress { width: 100%; height: 4px; margin-bottom: 24px; appearance: none; border: 0; background: var(--line); color: var(--navy); }
progress::-webkit-progress-bar { background: var(--line); border-radius: 4px; }
progress::-webkit-progress-value { background: var(--navy); border-radius: 4px; }
progress::-moz-progress-bar { background: var(--navy); border-radius: 4px; }
fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }
legend { font-size: 16px; font-weight: 600; margin-bottom: 18px; }
.field { margin-bottom: 17px; }
.field label { display: block; font-size: 12px; font-weight: 600; margin-bottom: 7px; }
.field input, .field select, .field textarea { display: block; width: 100%; min-height: 47px; background: var(--white); border: 1px solid #bac3d1; border-radius: 7px; padding: 10px 12px; font-size: 14px; }
.field textarea { min-height: 110px; resize: vertical; }
.field select { appearance: none; padding-right: 43px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='m3 5 4 4 4-4' fill='none' stroke='%231e387b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 16px center; }
.input-with-unit { position: relative; }
.input-with-unit input { padding-right: 58px; appearance: textfield; }
.input-with-unit input::-webkit-inner-spin-button, .input-with-unit input::-webkit-outer-spin-button { appearance: none; margin: 0; }
.field-unit { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: var(--muted); font-size: 14px; pointer-events: none; }
.field-hint { font-size: 11px; line-height: 1.5; color: var(--muted); margin: 8px 0 0; }
.field:has([data-place-search]) { position: relative; }
.place-popup { position: absolute; top: 76px; left: 0; right: 0; z-index: 10; border: 1px solid var(--line); background: var(--white); border-radius: 9px; box-shadow: 0 12px 30px #18264018; overflow: hidden; }
.place-option { font-size: 13px; padding: 12px 15px; cursor: pointer; border-bottom: 1px solid var(--line); }
.place-option:hover, .place-option[aria-selected=true] { background: var(--soft-blue); color: var(--navy); }
.place-attribution { padding: 10px 15px; display: flex; justify-content: flex-end; }
.place-attribution img { width: 120px; height: 14px; }
.feature-preview { padding: 16px; border-radius: 12px; background: var(--cream); color: var(--ink); }
.feature-preview-kicker { display: block; font-size: 9px; letter-spacing: 1px; color: var(--navy); font-weight: 650; margin-bottom: 14px; }
.feature-preview-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.feature-preview-card { border-radius: 8px; overflow: hidden; background: var(--white); border: 1px solid var(--line); }
.feature-preview-photo { width: 100%; height: 115px; object-fit: cover; }
.feature-preview-card > div { padding: 13px 10px; }
.feature-preview-card h3 { font-size: 12px; line-height: 1.45; margin-bottom: 9px; }
.feature-preview-card p, .platform .feature-preview-card p { font-size: 10px; line-height: 1.65; color: var(--muted); margin-bottom: 0; }
.field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.field input[aria-invalid] { border-color: #a73535; }
.check-label { display: flex; align-items: flex-start; gap: 10px; font-size: 11px; color: var(--muted); }
.check-label input { margin-top: 4px; flex-shrink: 0; width: 16px; height: 16px; accent-color: var(--navy); }
.form-actions { display: flex; align-items: center; gap: 20px; justify-content: space-between; margin-top: 24px; }
.form-actions .button { margin-left: auto; }
.form-error { min-height: 18px; color: #a73535; font-size: 12px; margin-top: 10px; margin-bottom: 0; }
.form-result { padding-block: 20px; }
.form-result .result-icon { font: 32px var(--serif); color: var(--green); }
.form-result h3 { font: 29px var(--serif); margin-top: 18px; }
.form-result p { font-size: 14px; color: var(--muted); }
.faq { max-width: 840px; margin-inline: auto; }
.faq h2 { margin-bottom: 34px; }
details { border-bottom: 1px solid var(--line); }
summary { cursor: pointer; font-size: 14px; font-weight: 600; padding: 23px 28px 23px 0; position: relative; list-style: none; }
summary::-webkit-details-marker { display: none; }
summary::after { content: '+'; position: absolute; right: 4px; color: var(--navy); font-weight: 400; font-size: 21px; top: 16px; }
details[open] summary::after { content: '−'; }
details p { color: var(--muted); font-size: 13px; padding-bottom: 12px; }
.steps-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 35px; margin-top: 38px; }
.step-item { border-top: 1px solid var(--line); padding-top: 22px; }
.step-item > span { font: 28px var(--serif); color: var(--navy); display: block; margin-bottom: 20px; }
.step-item h3 { font-size: 16px; }
.step-item p { font-size: 13px; color: var(--muted); }
.prose { max-width: 800px; padding-block: 55px 70px; }
.prose h1 { font-size: 52px; }
.prose h2 { font-size: 28px; margin-top: 40px; }
.prose p, .prose li { color: var(--muted); font-size: 15px; }
.notice { padding: 19px 22px; border-left: 3px solid var(--orange); background: var(--cream); border-radius: 0 9px 9px 0; font-size: 13px; color: var(--muted); }
.empty-listings { text-align: center; max-width: 720px; margin: 0 auto; padding: 49px 35px; background: var(--cream); border-radius: var(--radius); }
.empty-listings .display { font-size: 36px; }
.empty-listings p { color: var(--muted); font-size: 14px; }
.lab-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.lab-card { border: 1px solid var(--line); border-radius: 15px; padding: 30px; }
.lab-card .display { font-size: 29px; margin-bottom: 15px; }
.lab-card p { font-size: 14px; color: var(--muted); }
dialog { width: min(480px, calc(100% - 40px)); padding: 35px; border: 1px solid var(--line); border-radius: 15px; color: var(--ink); background: var(--paper); }
dialog::backdrop { background: #18264070; }
dialog h2 { font-size: 32px; }
dialog p { font-size: 14px; color: var(--muted); }
@media (min-width: 1500px) { .hero { gap: 105px; } }
@media (max-width: 1100px) {
  .container { width: calc(100% - 56px); }
  .navigation { gap: 19px; }
  .hero { gap: 45px; }
  h1 { font-size: 54px; }
  .hero-photo { height: 440px; }
  .split { gap: 45px; }
  .form-layout { gap: 45px; }
  .platform { padding: 40px; gap: 35px; }
}
@media (max-width: 850px) {
  .menu-toggle { display: block; }
  .header-inner { min-height: 83px; }
  .navigation { display: none; position: absolute; top: 100%; left: 0; right: 0; background: var(--paper); padding: 20px 28px 28px; border-bottom: 1px solid var(--line); box-shadow: var(--shadow); }
  .navigation.is-open { display: grid; gap: 0; }
  .navigation > a { padding: 13px 0; }
  .navigation > .button { margin-top: 12px; padding-inline: 20px; }
  .hero { gap: 32px; }
  h1 { font-size: 46px; letter-spacing: -1.8px; }
  .hero .lead { font-size: 15px; }
  .hero-photo { height: 410px; }
  .photo-note { width: 240px; padding: 16px; }
  .scope-strip { gap: 15px; font-size: 11px; }
  .scope-strip > strong { max-width: 100px; }
  .path-card { padding: 25px; }
  .paths { gap: 13px; }
  .footer-grid { grid-template-columns: 1.4fr 1fr 1fr; }
  .footer-group:last-child { grid-column: 2 / 4; }
  .platform { grid-template-columns: 1fr; }
}
@media (max-width: 650px) {
  html { scroll-padding-top: 20px; }
  .container { width: calc(100% - 40px); }
  .preview-strip { font-size: 9px; padding: 5px 12px; }
  .brand img { width: 125px; height: 56px; }
  .header-inner { min-height: 77px; }
  .hero { grid-template-columns: 1fr; padding-block: 38px 42px; gap: 32px; }
  .hero-copy { padding-bottom: 0; }
  .eyebrow { font-size: 9px; letter-spacing: 1.3px; margin-bottom: 20px; }
  h1 { font-size: clamp(40px, 10.5vw, 50px); line-height: 1.08; letter-spacing: -1.8px; margin-bottom: 20px; }
  .hero .lead { font-size: 15px; line-height: 1.7; margin-bottom: 24px; max-width: 430px; }
  .hero .button { width: 100%; }
  .hero-reassurance { font-size: 10px; gap: 7px 13px; margin-top: 16px; }
  .hero-other { font-size: 11px; margin-top: 18px; margin-bottom: 0; }
  .hero-visual { padding: 0 10px 27px 0; margin-top: 4px; }
  .hero-visual::before { right: 0; width: 85%; top: 15px; border-radius: 55px 12px 12px 12px; }
  .hero-photo, .page-hero .hero-photo { height: 320px; border-radius: 50px 12px 12px 12px; }
  .photo-note { width: 235px; left: 16px; bottom: 0; padding: 17px 19px; }
  .photo-note strong { font-size: 14px; }
  .photo-note .note-kicker { font-size: 8px; }
  .photo-note .note-status { font-size: 10px; }
  .scope-strip { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; padding-block: 22px; }
  .scope-strip > strong { grid-column: 1 / -1; max-width: none; font-size: 9px; }
  .scope-strip > span { gap: 9px; font-size: 11px; }
  .section { padding-block: 53px; }
  h2 { font-size: 34px; letter-spacing: -1.1px; }
  .section-head { display: block; margin-bottom: 25px; }
  .section-head p { margin-top: 17px; font-size: 13px; }
  .paths { grid-template-columns: 1fr; gap: 13px; }
  .path-card { min-height: 0; padding: 24px; }
  .path-index { padding-bottom: 15px; }
  .path-card h3 { font-size: 28px; margin-bottom: 10px; }
  .path-card p { margin-bottom: 20px; }
  .split { grid-template-columns: 1fr; gap: 32px; }
  .section-cream .section { padding-block: 50px; }
  .editorial-photo { height: 310px; }
  .body-copy { font-size: 14px; }
  .platform { padding: 31px 25px; gap: 30px; border-radius: 13px; }
  .platform h2 { font-size: 33px; }
  .platform p { font-size: 13px; }
  .platform .button { width: 100%; }
  .stats { gap: 16px; padding-block: 26px; margin-top: 25px; }
  .stats strong { font-size: 31px; }
  .stats span { font-size: 10px; line-height: 1.5; display: block; margin-top: 6px; }
  .cta-panel { display: block; padding: 29px 25px; }
  .cta-panel h2 { font-size: 31px; }
  .cta-panel .button { margin-top: 24px; width: 100%; }
  .site-footer { margin-top: 40px; padding-block: 40px 95px; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 30px 20px; }
  .footer-about { grid-column: 1 / -1; }
  .footer-about p { max-width: 290px; }
  .footer-logo { width: 185px; }
  .feature-preview-grid { grid-template-columns: 1fr; gap: 14px; }
  .feature-preview-photo { height: 160px; }
  .feature-preview-card > div { padding: 18px; }
  .feature-preview-card h3 { font-size: 16px; }
  .feature-preview-card p, .platform .feature-preview-card p { font-size: 12px; }
  .footer-group:last-child { grid-column: auto; }
  .footer-bottom { gap: 14px 20px; font-size: 10px; }
  .footer-bottom > span { width: 100%; }
  .mobile-action { display: flex; position: fixed; bottom: 10px; bottom: max(10px, env(safe-area-inset-bottom)); left: 15px; right: 15px; z-index: 15; min-height: 51px; box-shadow: 0 0 0 8px #fcfcfaf2, 0 5px 28px #18264030; }
  .mobile-action.is-hidden { visibility: hidden; pointer-events: none; }
  .page-hero { padding-top: 35px; }
  .page-hero .hero { padding-bottom: 36px; }
  .breadcrumb { padding-top: 18px; font-size: 10px; }
  .form-section { padding-block: 46px; }
  .form-layout { grid-template-columns: 1fr; gap: 25px; }
  .form-intro { padding-top: 0; }
  .form-intro h2 { font-size: 34px; }
  .form-intro p { font-size: 13px; }
  .form-intro .detail-list { display: none; }
  .form-card { padding: 24px 20px; }
  .form-title { font-size: 24px; }
  .field-grid { grid-template-columns: 1fr; gap: 0; }
  .form-actions .button { font-size: 13px; padding: 13px 18px; }
  .steps-grid { grid-template-columns: 1fr; gap: 14px; margin-top: 26px; }
  .step-item { display: grid; grid-template-columns: 36px 1fr; gap: 5px 12px; padding-top: 19px; }
  .step-item > span { grid-row: span 2; font-size: 24px; }
  .step-item h3 { margin-bottom: 5px; }
  .step-item p { grid-column: 2; }
  .faq summary { font-size: 13px; }
  .prose { padding-block: 40px; }
  .prose h1 { font-size: 39px; }
  .lab-grid { grid-template-columns: 1fr; }
  .empty-listings { padding: 33px 24px; }
  .empty-listings .display { font-size: 30px; }
}
/* Motion follows the diagnostic's quiet editorial rhythm. No looping effects. */
.button { transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease; }
.button > span[aria-hidden] { transition: transform .22s ease; }
.button:active { transform: translateY(0) scale(.985); }
.button:focus-visible > span[aria-hidden] { transform: translate(2px, -2px); }
.navigation > a:not(.button) { position: relative; }
.navigation > a:not(.button)::after { content: ''; position: absolute; left: 0; right: 0; bottom: -5px; height: 1px; background: var(--navy); transform: scaleX(0); transform-origin: left; transition: transform .22s ease; }
.navigation > a:not(.button):focus-visible::after { transform: scaleX(1); }
.path-card { transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease; }
.path-card .card-link > span { transition: transform .25s ease; }
.path-card:focus-visible { border-color: var(--navy); box-shadow: var(--shadow); }
.hero-photo, .editorial-photo { transition: transform .65s cubic-bezier(.2,.65,.3,1), box-shadow .65s ease; }
.photo-note { transition: transform .45s ease, box-shadow .45s ease; }
.feature-preview-card { transition: transform .3s ease, box-shadow .3s ease; }
.feature-preview-photo { transition: transform .6s cubic-bezier(.2,.65,.3,1); }
.feature-preview-card > div { position: relative; background: var(--white); }
.text-link > span { transition: transform .22s ease; }
.field input, .field select, .field textarea { transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease; }
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--navy); box-shadow: 0 3px 12px #1e387b0b; }
summary::after { transition: transform .25s ease; }
details[open] summary::after { transform: rotate(180deg); }
details[open] > p { animation: answer-enter .24s ease-out backwards; }
dialog[open] { animation: answer-enter .2s ease-out backwards; }
.form-result:not([hidden]) { animation: answer-enter .3s ease-out backwards; }
.motion-reveal.is-revealed { animation: section-enter .65s cubic-bezier(.2,.65,.3,1) var(--reveal-delay, 0ms) backwards; }
@keyframes section-enter { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }
@keyframes answer-enter { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
@media (hover: hover) and (pointer: fine) {
  .button:hover > span[aria-hidden] { transform: translate(3px, -3px); }
  .navigation > a:not(.button):hover::after { transform: scaleX(1); }
  .path-card:hover { transform: translateY(-5px); box-shadow: 0 15px 30px #18264009; }
  .path-card:hover .card-link > span { transform: translate(3px, -3px); }
  .hero-visual:hover .hero-photo { transform: scale(1.015); box-shadow: var(--shadow); }
  .hero-visual:hover .photo-note { transform: translateY(-5px); box-shadow: 0 23px 45px #18264012; }
  .editorial-photo:hover { transform: scale(1.012); }
  .feature-preview-card:hover { transform: translateY(-4px); box-shadow: 0 10px 22px #18264012; }
  .feature-preview-card:hover .feature-preview-photo { transform: scale(1.045); }
  .text-link:hover > span { transform: translate(3px, -3px); }
}
@media (hover: none) {
  .button:hover, .path-card:hover { transform: none; box-shadow: none; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; animation: none !important; }
  .button, .path-card, .hero-photo, .editorial-photo, .photo-note, .feature-preview-card, .feature-preview-photo, .button > span[aria-hidden], .card-link > span, .text-link > span { transform: none !important; }
}

/* The official wordmark uses its original vector paths, without the door. */
.footer-logo { width: 172px; height: auto; overflow: visible; }
.footer-logo img { width: 172px; max-width: 100%; height: auto; transform: none; }
.ecosystem-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; padding-block: 24px; border-block: 1px solid var(--line); font-size: 12px; font-weight: 600; color: var(--navy); }
.ecosystem-catalog { border-top: 1px solid var(--line); }
.ecosystem-group { display: grid; grid-template-columns: 1fr 1.5fr; gap: 80px; padding-block: 38px; border-bottom: 1px solid var(--line); }
.ecosystem-domain h3 { font-family: var(--serif); font-weight: 400; font-size: 29px; line-height: 1.25; margin: 14px 0 0; max-width: 340px; }
.ecosystem-feature { border-bottom: 1px solid var(--line); }
.ecosystem-feature:last-child { border-bottom: 0; }
.ecosystem-feature summary { display: flex; justify-content: space-between; align-items: center; gap: 24px; cursor: pointer; padding: 17px 8px; list-style: none; font-weight: 600; font-size: 15px; color: var(--navy); transition: background .2s; }
.ecosystem-feature summary::-webkit-details-marker { display: none; }
.ecosystem-feature summary:hover { background: var(--soft-blue); }
.ecosystem-feature summary span { font-size: 23px; font-weight: 400; transition: transform .2s; }
.ecosystem-feature[open] summary span { transform: rotate(45deg); }
.ecosystem-feature p { color: var(--muted); font-size: 14px; padding: 0 36px 16px 8px; margin: 0; }
@media (max-width: 760px) {
  .ecosystem-strip { grid-template-columns: 1fr 1fr; gap: 14px; font-size: 11px; }
  .ecosystem-group { grid-template-columns: 1fr; gap: 12px; padding-block: 28px; }
  .ecosystem-domain h3 { font-size: 26px; max-width: none; }
  .ecosystem-feature summary { font-size: 14px; padding-block: 18px; }
}
.ecosystem-feature summary::after, .ecosystem-feature[open] summary::after { content: none; }

/* Kairos product presentation. Keeps the diagnostic's typefaces and brand. */
.kairos-page { background: #fff; }
.kairos-page .site-header { border-bottom: 0; padding-top: 18px; }
.kairos-page .header-inner { background: #f3f5f7; border: 1px solid #e9edf0; border-radius: 60px; min-height: 76px; padding-inline: 24px; }
.kairos-page .brand img { height: 54px; width: 123px; }
.kairos-page .button { border-radius: 40px; }
.kairos-page .navigation { gap: 22px; }
.tech-hero { text-align: center; padding-top: 70px; }
.tech-intro { max-width: 850px; margin: 0 auto; }
.tech-intro .eyebrow, .tech-section-title .eyebrow { justify-content: center; }
.tech-intro h1 { font-size: clamp(43px, 5.1vw, 72px); letter-spacing: -2.8px; margin-bottom: 24px; line-height: 1.1; }
.tech-intro h1 em { color: #7b8497; }
.tech-intro > p { color: var(--muted); font-size: 16px; line-height: 1.8; margin-bottom: 26px; }
.tech-explore { display: block; width: fit-content; margin: 17px auto 0; font-size: 12px; color: var(--muted); text-decoration: none; }
.tech-explore span { margin-left: 10px; }
.product-stage { position: relative; padding: 56px 85px 35px; margin: 18px -10px 0; isolation: isolate; }
.product-stage::before { content: ''; position: absolute; z-index: -2; inset: 0 -20px; background: radial-gradient(ellipse at 50% 65%, #dce6f7 0, #eef3fa90 35%, #fff0 70%); }
.stage-orbit { position: absolute; z-index: -1; border: 1px solid #1e387b09; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 86%; height: 95%; }
.orbit-two { width: 103%; height: 120%; }
.product-window { border: 6px solid #182235; background: #fff; border-radius: 19px; box-shadow: 0 35px 65px -25px #18264060, 0 0 0 1px #b0b6c4; overflow: hidden; text-align: left; transform: perspective(1800px) rotateX(4deg); }
.window-toolbar { display: flex; justify-content: space-between; align-items: center; padding: 11px 17px; background: #f9fafc; border-bottom: 1px solid #e7ebf1; font-size: 11px; color: var(--navy); font-weight: 700; }
.window-dots { color: #bcc4d0; letter-spacing: 3px; font-size: 9px; }
.demo-tag { color: #7a8493; font-size: 9px; font-weight: 400; }
.workspace { display: grid; grid-template-columns: 150px 1fr; min-height: 370px; }
.workspace-sidebar { padding: 20px 12px; background: #f6f8fc; border-right: 1px solid #e8edf5; display: flex; flex-direction: column; gap: 9px; color: #758096; font-size: 9px; }
.workspace-sidebar > b { color: var(--navy); font-size: 28px; padding: 0 9px 10px; }
.workspace-sidebar > span { padding: 5px 9px; }
.workspace-sidebar .active { color: var(--navy); background: #e8edf8; border-radius: 6px; font-weight: 600; }
.workspace-sidebar small { margin-top: auto; font-size: 8px; padding: 12px 9px 0; }
.workspace-main { padding: 27px 25px 25px; }
.workspace-title { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 24px; }
.workspace-title small { font-size: 8px; letter-spacing: 1px; color: #778396; }
.workspace-title h2 { font-family: var(--font); font-size: 22px; font-weight: 600; letter-spacing: -.7px; margin: 4px 0 0; }
.workspace-search { font-size: 10px; color: #8290a4; border: 1px solid #e5eaf1; padding: 8px 10px; border-radius: 8px; }
.workspace-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-bottom: 20px; }
.workspace-stats > div { padding: 13px; border: 1px solid #e4e9f1; border-radius: 9px; background: #fff; }
.workspace-stats span { display: block; font-size: 9px; color: #7e8797; }
.workspace-stats strong { display: block; color: var(--navy); font-size: 17px; font-weight: 600; margin: 5px 0; }
.workspace-stats small { font-size: 7px; color: #8b95a5; }
.workspace-panels { display: grid; grid-template-columns: 1.2fr 1fr; gap: 18px; }
.mini-label { font-size: 9px; font-weight: 700; letter-spacing: 1.6px; color: var(--navy); }
.workspace-tasks { border: 1px solid #e4e9f1; padding: 12px; border-radius: 9px; }
.workspace-tasks > div { display: flex; gap: 10px; align-items: center; border-bottom: 1px solid #f0f2f7; padding: 12px 0; font-size: 10px; }
.workspace-tasks > div:last-child { border: 0; padding-bottom: 0; }
.workspace-tasks i { font-style: normal; border-radius: 6px; width: 25px; height: 25px; display: grid; place-items: center; background: #eef3fb; color: var(--navy); }
.workspace-tasks small { display: block; font-size: 8px; color: #8992a0; }
.workspace-tasks b { font-size: 8px; color: #9ba3b0; margin-left: auto; font-weight: 400; }
.workspace-property { overflow: hidden; border: 1px solid #e4e9f1; border-radius: 9px; }
.product-property-photo { width: 100%; height: 99px; object-fit: cover; object-position: center 35%; }
.workspace-property > div { padding: 9px 11px; }
.workspace-property small { font-size: 6px; letter-spacing: 1px; color: #8490a0; }
.workspace-property strong { display: block; font-size: 11px; margin-block: 3px; }
.workspace-property span { display: block; font-size: 7px; color: #8590a1; }
.floating-chip { position: absolute; display: flex; align-items: center; gap: 12px; background: #fffffff5; border: 1px solid #e6eaf1; box-shadow: 0 12px 30px #16254116; padding: 16px 20px; border-radius: 15px; text-align: left; }
.float-report { top: 100px; right: 0; transform: rotate(4deg); }
.float-mobile { bottom: 60px; left: 0; transform: rotate(-4deg); }
.chip-icon { width: 36px; height: 36px; border-radius: 11px; display: grid; place-items: center; background: #edf3fc; color: var(--navy); font-size: 21px; }
.floating-chip small { display: block; color: #8790a0; font-size: 10px; }
.floating-chip strong { display: block; font-size: 12px; }
.product-caption { color: #9299a6; font-size: 10px; margin: 10px 0 38px; }
.tech-section-title { text-align: center; max-width: 680px; margin: 0 auto 42px; }
.tech-section-title em { color: #8891a2; }
.tech-section-title > p { color: var(--muted); font-size: 15px; }
.tech-bento { display: grid; grid-template-columns: repeat(6,1fr); gap: 20px; }
.bento-card { grid-column: span 2; border: 1px solid #e8ebef; border-radius: 25px; overflow: hidden; background: #f9fafb; box-shadow: 0 8px 18px #14233b06; transition: transform .3s, box-shadow .3s; }
@media (hover: hover) { .bento-card:hover { transform: translateY(-5px); box-shadow: 0 18px 35px #14233b10; } }
.bento-copy { padding: 28px; }
.bento-copy h3 { font-family: var(--serif); font-size: 27px; font-weight: 400; line-height: 1.18; letter-spacing: -.6px; margin: 10px 0 14px; }
.bento-copy p { font-size: 13px; color: var(--muted); line-height: 1.7; margin: 0; }
.bento-map { height: 225px; position: relative; overflow: hidden; background: repeating-linear-gradient(25deg,transparent 0 31px,#fff 32px 38px,transparent 39px 95px),repeating-linear-gradient(115deg,#e6ece7 0 38px,#fff 39px 44px,#e9eee9 45px 82px); border-bottom: 1px solid #e4e9e6; }
.bento-map::before { content: ''; position: absolute; inset: 40px 20px 20px 110px; background: #c8d9ec90; border-radius: 50%; filter: blur(25px); }
.map-pin { position: absolute; display: grid; place-items: center; background: var(--navy); color: white; border: 4px solid #fff; width: 40px; height: 40px; border-radius: 50% 50% 50% 5px; transform: rotate(-45deg); box-shadow: 0 5px 13px #18264025; font-style: normal; font-size: 18px; }
.pin-one { top: 45px; left: 26%; }.pin-two { top: 95px; left: 60%; }.pin-three { top: 120px; left: 34%; background: var(--orange); }
.map-caption { position: absolute; bottom: 15px; left: 16px; border-radius: 20px; padding: 6px 12px; background: #fff; font-size: 9px; color: #657286; }
.report-illustration { min-height: 240px; position: relative; display: flex; justify-content: center; align-items: flex-end; padding-top: 8px; overflow: hidden; }
.report-illustration > div { background: white; border: 1px solid #e4e7ed; border-radius: 13px 13px 0 0; padding: 23px; width: 73%; transform: rotate(-6deg) translateY(12px); box-shadow: 0 10px 30px #16254120; }
.report-illustration > div > span { font-size: 7px; color: var(--navy); letter-spacing: 1px; }
.report-illustration strong { display: block; font-family: var(--serif); font-weight: 400; font-size: 18px; margin: 9px 0 15px; line-height: 1.25; }
.report-illustration i { display: block; width: 85%; background: #eef1f5; height: 4px; margin-top: 5px; border-radius: 5px; }
.report-illustration i:nth-of-type(2) { width: 65%; }
.report-illustration small { color: #8490a0; font-size: 7px; }
.report-bars { height: 63px; display: flex; align-items: flex-end; gap: 7px; margin-block: 17px; }
.report-bars b { background: #dbe4f5; width: 24px; border-radius: 5px 5px 0 0; height: 55%; }.report-bars b:nth-child(2){height:75%;background:#b1c4e6}.report-bars b:nth-child(3){height:95%;background:var(--navy)}.report-bars b:nth-child(4){height:70%;background:#e6ab5c}.report-bars b:nth-child(5){height:80%}
.report-seal { position: absolute; right: 26px; bottom: 70px; color: var(--navy); background: white; box-shadow: 0 6px 25px #16254120; padding: 5px 16px; border-radius: 12px; font-size: 28px; transform: rotate(9deg); }
.studio-illustration { position: relative; height: 225px; margin: 14px 14px 0; border-radius: 15px; overflow: hidden; }
.studio-photo { width: 100%; height: 100%; object-fit: cover; object-position: center 40%; }
.studio-pill { position: absolute; top: 12px; left: 12px; background: #fffffff2; font-size: 10px; padding: 7px 12px; border-radius: 25px; color: var(--navy); }
.studio-tools { position: absolute; bottom: 14px; left: 10%; right: 10%; text-align: center; font-size: 9px; padding: 9px; background: #182640e8; color: white; border-radius: 9px; }.studio-tools i { padding: 0 9px; font-style: normal; color: var(--orange); }
.bento-wide,.bento-dark { grid-column: span 3; display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; min-height: 290px; }
.relation-illustration { margin: 30px 20px 0 0; background: #fff; padding: 18px; border-radius: 15px 15px 0 0; border: 1px solid #e7ebf0; transform: rotate(-5deg) translateY(20px); box-shadow: 0 12px 35px #14233b14; }
.relation-illustration > div { display: flex; gap: 10px; align-items: center; font-size: 11px; line-height: 1.3; padding-bottom: 15px; }.relation-illustration i { font-size: 25px; font-style: normal; color: var(--navy); }.relation-illustration small { display: block; font-size: 8px; margin-top: 5px; color: #8e98a7; }.relation-item { display: block; padding: 14px 0; border-top: 1px solid #eff1f5; font-size: 10px; color: #758197; }.relation-item b { float: right; color: var(--navy); }
.bento-dark { background: #111d35; color: white; }.bento-dark .mini-label { color: #bbcce9; }.bento-dark p { color: #b8c3d5; }
.sale-illustration { border: 1px solid #ffffff18; border-radius: 13px; padding: 20px; margin: 20px 20px 0 0; background: #1d2b45; transform: rotate(5deg) translateY(15px); box-shadow: 0 15px 35px #0003; }.sale-illustration > span { display: block; font-size: 8px; letter-spacing: 1px; color: #9eacc5; padding-bottom: 16px; }.sale-illustration b { float: right; }.sale-illustration > div { display: flex; align-items: center; gap: 10px; font-size: 10px; padding: 15px 0; border-top: 1px solid #ffffff0f; }.sale-illustration i { font-style: normal; color: #c8d9f5; }
.tech-journey { background: #101a2d; color: white; border-radius: 34px; padding: 65px 55px; position: relative; overflow: hidden; }
.tech-journey::before { content: ''; position: absolute; inset: 20% 20%; background: radial-gradient(ellipse, #36559130,transparent 70%); pointer-events: none; }
.tech-journey .eyebrow { color: #aabddb; }.tech-journey .tech-section-title p { color: #9caac0; }.tech-journey .tech-section-title em { color: #9caac0; }
.journey-layout { display: grid; grid-template-columns: 1fr 260px 1fr; gap: 50px; align-items: center; position: relative; }
.journey-callouts { display: grid; gap: 24px; }.journey-callouts article { border: 1px solid #ffffff13; border-radius: 17px; padding: 22px; background: #ffffff04; }.journey-callouts article > span { font-size: 8px; letter-spacing: 1px; color: #9caec9; }.journey-callouts h3 { font-size: 17px; margin: 10px 0; font-weight: 500; }.journey-callouts p { color: #a4b1c6; font-size: 12px; margin: 0; line-height: 1.7; }.journey-last { align-self: center; }.journey-link { color: #c1cee1; text-decoration: none; font-size: 12px; padding: 10px 22px; }.journey-link span { margin-left: 14px; }
.tech-phone { background: #fff; color: var(--ink); border: 6px solid #080e19; border-radius: 40px; padding: 44px 19px 20px; position: relative; transform: rotate(-4deg); box-shadow: 0 0 0 2px #687489, 15px 20px 35px #0005; }
.phone-island { position: absolute; top: 10px; width: 85px; height: 23px; border-radius: 20px; background: #080e19; left: calc(50% - 42px); }.phone-top { display: flex; gap: 6px; color: var(--navy); font-size: 20px; align-items: center; margin-bottom: 24px; }.phone-top span { font-size: 12px; font-weight: 600; }.tech-phone > small { font-size: 7px; letter-spacing: 1px; color: #909bad; }.tech-phone h3 { font-family: var(--serif); font-weight: 400; font-size: 24px; letter-spacing: -.5px; line-height: 1.15; margin: 7px 0 16px; }.phone-photo { border-radius: 12px; width: 100%; height: 115px; object-fit: cover; object-position: center 35%; }.phone-row { border-bottom: 1px solid #e9edf3; font-size: 9px; padding: 13px 0; }.phone-row b { float: right; color: var(--navy); font-size: 11px; font-weight: 400; }.phone-note { display: block; text-align: center; border-radius: 20px; padding: 9px; margin-top: 18px; font-size: 9px; color: white; background: var(--navy); }.tech-phone .phone-demo { display: block; text-align: center; font-size: 6px; margin-top: 9px; letter-spacing: .4px; }
.kairos-page #fonctionnalites { padding-top: 95px; }
.tech-final { margin-top: clamp(40px, 6vw, 80px); margin-bottom: 70px; background: #eaf0fa; border: 1px solid #e0e7f3; border-radius: 30px; padding: 58px; display: grid; grid-template-columns: 1.4fr 1fr; align-items: center; overflow: hidden; }.tech-final p { color: var(--muted); font-size: 15px; max-width: 510px; }.tech-final h2 em { color: #7888a4; }.final-symbol { font-size: 180px; line-height: 1; color: var(--navy); text-align: center; transform: rotate(-9deg); text-shadow: 10px 15px 0 #1e387b0a; }.final-symbol span { font-size: 11px; display: block; margin-top: 25px; color: #6b7d9e; text-shadow: none; }
@media (max-width: 1100px) {
  .kairos-page .navigation { gap: 13px; }.kairos-page .navigation > a { font-size: 11px; }
  .product-stage { padding-inline: 45px; }.float-report { right: -12px; }.workspace { grid-template-columns: 115px 1fr; }.workspace-main { padding: 20px 17px; }.workspace-search { display: none; }.workspace-stats small { display: none; }.bento-copy { padding: 22px; }.bento-copy h3 { font-size: 24px; }.bento-wide,.bento-dark { grid-template-columns: 1fr 1fr; }.journey-layout { gap: 24px; }.tech-journey { padding-inline: 35px; }
}
@media (max-width: 760px) {
  .kairos-page .site-header { padding-top: 10px; }.kairos-page .header-inner { padding-inline: 16px; min-height: 65px; }.kairos-page .brand img { height: 42px; width: 100px; }.kairos-page .navigation { border-radius: 18px; }
  .tech-hero { padding-top: 43px; }.tech-intro h1 { font-size: 43px; letter-spacing: -1.9px; }.tech-intro > p { font-size: 14px; line-height: 1.7; }.tech-intro > p br { display: none; }.tech-intro .eyebrow { font-size: 8px; letter-spacing: 1.2px; }.tech-intro .button { width: auto; min-width: 230px; }.tech-explore { font-size: 11px; }
  .product-stage { padding: 32px 0 24px; margin-inline: 0; }.product-window { border-width: 4px; border-radius: 12px; transform: none; }.window-toolbar { padding: 8px; font-size: 8px; }.window-dots { font-size: 5px; letter-spacing: 1px; }.demo-tag { font-size: 6px; }.workspace { grid-template-columns: 1fr; min-height: 0; }.workspace-sidebar { display: none; }.workspace-main { padding: 18px 12px; }.workspace-title { margin-bottom: 16px; }.workspace-title h2 { font-size: 20px; }.workspace-title small { font-size: 7px; }.workspace-stats { gap: 6px; margin-bottom: 12px; }.workspace-stats > div { padding: 9px 7px; }.workspace-stats span { font-size: 7px; }.workspace-stats strong { font-size: 12px; }.workspace-panels { gap: 8px; grid-template-columns: 1.15fr 1fr; }.workspace-tasks { padding: 8px; }.workspace-tasks .mini-label { font-size: 6px; letter-spacing: .5px; }.workspace-tasks > div { font-size: 8px; gap: 5px; padding-block: 9px; }.workspace-tasks i { width: 20px; height: 20px; }.workspace-tasks small { font-size: 6px; }.workspace-tasks b { display: none; }.product-property-photo { height: 82px; }.workspace-property > div { padding: 7px; }.workspace-property strong { font-size: 9px; }.workspace-property span { font-size: 6px; }.workspace-property small { font-size: 5px; }
  .floating-chip { padding: 9px 12px; gap: 7px; border-radius: 10px; }.floating-chip small { font-size: 7px; }.floating-chip strong { font-size: 9px; }.chip-icon { width: 26px; height: 26px; font-size: 16px; border-radius: 7px; }.float-report { display: none; }.float-mobile { bottom: 7px; left: -4px; transform: rotate(-3deg); }.product-caption { font-size: 8px; margin-top: 12px; margin-bottom: 24px; }.stage-orbit { display: none; }
  .tech-section-title { margin-bottom: 27px; }.tech-section-title > p { font-size: 13px; }.tech-bento { grid-template-columns: 1fr; gap: 15px; }.bento-card,.bento-wide,.bento-dark { grid-column: auto; }.bento-card { border-radius: 22px; }.bento-copy { padding: 25px; }.bento-copy h3 { font-size: 28px; }.bento-map { height: 205px; }.bento-estimate { display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; }.bento-estimate .bento-copy { padding-right: 0; }.bento-estimate h3 { font-size: 25px; }.report-illustration { min-height: 275px; }.report-illustration > div { width: 90%; padding: 16px; }.report-illustration strong { font-size: 16px; }.report-seal { right: 5px; bottom: 45px; }.studio-illustration { height: 230px; }.bento-wide,.bento-dark { min-height: 290px; }.bento-wide h3,.bento-dark h3 { font-size: 25px; }.relation-illustration { margin-right: 10px; padding: 12px; }.sale-illustration { margin-right: 10px; padding: 12px; }.sale-illustration > div { font-size: 8px; gap: 7px; }
  .tech-journey { border-radius: 25px; padding: 38px 22px; }.journey-layout { grid-template-columns: 1fr; gap: 32px; }.tech-phone { width: 246px; margin: 0 auto; grid-row: 1; }.journey-callouts { gap: 15px; }.journey-last { margin-top: -17px; }.journey-callouts article { padding: 20px; }.journey-callouts p { font-size: 13px; }.journey-callouts article > span { font-size: 8px; }.journey-link { text-align: center; }
  .kairos-page #fonctionnalites { padding-top: 55px; }.tech-final { grid-template-columns: 1fr; padding: 33px 26px; border-radius: 24px; margin-bottom: 40px; }.tech-final p { font-size: 14px; }.final-symbol { display: none; }
}

.tech-spotlights { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-bottom: 22px; }
.tech-spotlights .bento-card { grid-column: auto; background: #f2f5fb; }
.tech-spotlights .bento-copy { padding: 34px; }
.tech-spotlights h3 { font-size: 36px; }
.tech-spotlights p { font-size: 14px; max-width: 440px; }
.tech-spotlights .text-link { display: inline-block; margin-top: 20px; font-size: 12px; }
.journey-illustration, .communication-illustration { margin: 0 34px; padding: 25px; border: 1px solid #e0e7f3; border-radius: 18px 18px 0 0; background: white; box-shadow: 0 12px 30px #1826400d; min-height: 215px; }
.journey-illustration > span,.communication-illustration > span { color: var(--navy); font-size: 9px; letter-spacing: 1px; }
.journey-illustration > strong { display: block; margin-top: 10px; font-size: 20px; font-family: var(--serif); font-weight: 400; }
.journey-track { display: flex; justify-content: space-between; height: 2px; background: #e5ebf6; margin: 23px 0; }
.journey-track i { width: 12px; height: 12px; border-radius: 50%; background: #d5deee; margin-top: -5px; border: 3px solid white; box-shadow: 0 0 0 1px #d5deee; }.journey-track i:first-child { background: var(--navy); box-shadow: 0 0 0 1px var(--navy); }
.mission-preview { padding: 12px 15px; border-radius: 10px; background: #f1f5fc; }.mission-preview b { display: block; font-size: 12px; font-weight: 600; }.mission-preview span { font-size: 10px; color: var(--muted); }.journey-illustration > small { display: block; font-size: 9px; margin-top: 13px; color: var(--muted); }
.tech-spotlights .spotlight-communication { background: #eef1f6; }.communication-formats { display: flex; gap: 8px; margin-block: 18px; }.communication-formats b { font-size: 9px; padding: 6px 12px; background: #edf2fb; color: var(--navy); border-radius: 20px; font-weight: 500; }.communication-draft { padding: 12px; border: 1px solid #e9edf4; border-radius: 10px; }.communication-draft i { display: block; background: #e9edf4; width: 85%; height: 4px; margin-bottom: 6px; }.communication-draft i:nth-child(2) { width: 65%; }.communication-draft > span { display: block; font-size: 12px; margin-top: 13px; }.communication-draft > small { display: block; color: #7f899b; font-size: 9px; margin-top: 5px; }
@media (max-width:760px) { .tech-spotlights { grid-template-columns: 1fr; gap: 16px; margin-bottom: 16px; }.tech-spotlights .bento-copy { padding: 25px; }.tech-spotlights h3 { font-size: 30px; }.journey-illustration,.communication-illustration { margin-inline: 25px; padding: 20px; }.tech-spotlights .mini-label { font-size: 8px; letter-spacing: 1px; }.workspace-stats strong { font-size: 11px; } }

/* Photo-led Kairos storytelling: people, generous images, editorial rhythm. */
.kairos-page { background: #fcfbf8; }
.kairos-page .site-header { background: #fcfbf8; }
.kairos-page .header-inner { background: #f3f1ec; border-color: #e9e6df; }
.kairos-page .tech-hero { text-align: left; padding-top: 65px; }
.kairos-page .tech-intro { max-width: none; position: relative; padding-right: 280px; }
.kairos-page .tech-intro .eyebrow { justify-content: flex-start; }
.kairos-page .tech-intro h1 { font-size: clamp(44px,5vw,69px); }
.kairos-page .tech-intro h1 em { color: #7f735f; }
.kairos-page .tech-intro > p { max-width: 660px; }
.kairos-page .tech-intro > .button { position: absolute; right: 0; top: 75px; border-radius: 10px; }
.kairos-page .tech-explore { margin: 0; padding-bottom: 30px; }
.kairos-life-hero { position: relative; border-radius: 15px; overflow: hidden; box-shadow: 0 18px 30px -22px #19251c80; }
.life-hero-photo { width: 100%; height: 495px; object-fit: cover; object-position: center 42%; }
.kairos-life-hero::after { content: ''; position: absolute; inset: 40% 0 0; background: linear-gradient(transparent,#17251e99); pointer-events: none; }
.life-photo-caption { position: absolute; bottom: 36px; left: 38px; color: white; z-index: 1; }.life-photo-caption > span { font-size: 10px; letter-spacing: 1.5px; }.life-photo-caption strong { display: block; font-family: var(--serif); font-weight: 400; font-size: 34px; line-height: 1.15; margin-top: 13px; }
.life-photo-badge { position: absolute; bottom: 36px; right: 35px; z-index: 1; display: flex; align-items: center; gap: 15px; color: white; background: #ffffff18; border: 1px solid #ffffff45; backdrop-filter: blur(14px); padding: 17px 23px; border-radius: 12px; }.life-photo-badge b { font-size: 52px; line-height: 1; font-weight: 400; letter-spacing: -3px; }.life-photo-badge > span { font-size: 12px; line-height: 1.5; }
.life-hero-baseline { display: flex; justify-content: space-between; gap: 60px; align-items: flex-start; padding: 27px 0 36px; }.life-hero-baseline > span { font-weight: 600; font-size: 14px; }.life-hero-baseline p { max-width: 440px; font-size: 16px; color: var(--muted); margin: 0; }
.kairos-page .tech-benefits > .tech-section-title { display: none; }
.kairos-page .tech-benefits { padding-top: 70px; }
.life-feature { padding-bottom: 80px; }.life-feature-top { display: flex; align-items: center; justify-content: space-between; gap: 35px; margin-bottom: 28px; }.life-feature-top h2 { font-size: clamp(35px,3.6vw,51px); margin: 0; }.life-feature-top em { color: #8a7c66; }.life-feature-top .eyebrow { margin-bottom: 20px; }.life-feature-top .button { border-radius: 9px; flex-shrink: 0; }
.life-feature-photo { position: relative; border-radius: 13px; overflow: hidden; }.life-wide-photo { height: 465px; width: 100%; object-fit: cover; object-position: center 38%; }
.life-glass-card { position: absolute; right: 28px; bottom: 28px; color: white; background: #1a2c3cc9; backdrop-filter: blur(12px); border: 1px solid #ffffff40; padding: 26px 32px; border-radius: 12px; }.life-glass-card > span { font-size: 9px; letter-spacing: 1.4px; }.life-glass-card strong { font-family: var(--serif); display: block; font-weight: 400; font-size: 31px; line-height: 1.2; margin-top: 12px; }.life-glass-card p { font-size: 11px; margin: 13px 0 0; color: #e4e9ec; }
.life-feature-bottom { display: grid; grid-template-columns: 1.15fr 1fr; gap: 100px; padding-top: 29px; }.life-feature-bottom strong { font-size: 14px; }.life-feature-bottom > p { color: var(--muted); font-size: 17px; line-height: 1.7; margin-bottom: 0; }
.life-feature ul { list-style: none; padding: 0; margin: 15px 0 0; }.life-feature li { font-size: 13px; margin-top: 8px; padding-left: 24px; position: relative; }.life-feature li::before { content: '✓'; color: var(--navy); position: absolute; left: 0; font-weight: 700; }
.life-communication { background: #f2eee6; margin-inline: -35px; padding: 42px 35px 48px; margin-bottom: 70px; border-radius: 16px; }.life-communication-grid { display: grid; grid-template-columns: .78fr 1.4fr; gap: 55px; align-items: center; }.life-communication-copy > p { font-size: 17px; line-height: 1.7; color: #645f56; }.life-communication-copy > strong { display: block; margin-top: 30px; font-size: 13px; }.life-communication-copy .button { border-radius: 9px; min-height: 46px; font-size: 12px; }.life-communication-photo { width: 100%; height: 420px; object-fit: cover; object-position: center; }.life-message { position: absolute; bottom: 22px; right: 22px; left: 22px; padding: 22px; background: #fffffff0; backdrop-filter: blur(10px); border: 1px solid #fff; border-radius: 12px; box-shadow: 0 15px 25px #18264018; }.life-message > span { font-size: 8px; letter-spacing: 1px; color: var(--navy); }.life-message strong { display: block; font-family: var(--serif); font-weight: 400; font-size: 25px; line-height: 1.2; margin: 12px 0; }.life-message > div { display: flex; gap: 8px; }.life-message > div span { font-size: 9px; border: 1px solid #deddd6; border-radius: 20px; padding: 4px 11px; }
.kairos-page .tech-bento { gap: 24px; }.kairos-page .bento-card { background: #f3f1ec; box-shadow: none; border-color: #e8e4dc; border-radius: 14px; }.kairos-page .bento-dark { background: #202e29; }.kairos-page .sale-illustration { background: #304239; }.kairos-page .bento-dark .mini-label { color: #c7d8ca; }.kairos-page .bento-dark p { color: #c1cec6; }
.life-90-band { padding: 65px 0; background: #1e387b; color: #fff; overflow: hidden; }.life-band-top .eyebrow { color: #d6e1fa; }.life-band-top h2 { font-size: clamp(35px,3.8vw,52px); }.life-big-number { font-size: clamp(140px,23vw,310px); line-height: .95; font-family: var(--serif); text-align: center; letter-spacing: -14px; padding: 24px 0 35px; }.life-big-number > span { color: #c2cee6; font-size: .46em; letter-spacing: -5px; margin-left: 20px; }.life-band-bottom { display: flex; justify-content: space-between; gap: 65px; align-items: flex-end; }.life-band-bottom strong { font-size: 16px; }.life-band-bottom p { font-size: 13px; color: #c6d1e9; max-width: 390px; margin: 12px 0 0; }.life-band-bottom > div:last-child { display: grid; gap: 10px; font-size: 12px; color: #d1dbef; }
.kairos-page .tech-final { background: #eee8dc; border-color: #e7dfd0; }.kairos-page .tech-final h2 em { color: #8a7c66; }
@media(max-width:760px) {
.kairos-page .tech-hero { padding-top: 38px; }.kairos-page .tech-intro { padding-right: 0; }.kairos-page .tech-intro h1 { font-size: 43px; }.kairos-page .tech-intro > .button { position: static; margin-bottom: 17px; }.kairos-page .tech-explore { padding-bottom: 25px; }.life-hero-photo { height: 440px; }.life-photo-caption { left: 22px; bottom: 25px; right: 20px; }.life-photo-caption strong { font-size: 28px; }.life-photo-badge { top: 20px; bottom: auto; right: 18px; padding: 12px; gap: 9px; }.life-photo-badge b { font-size: 38px; }.life-photo-badge > span { font-size: 9px; }.life-hero-baseline { flex-direction: column; gap: 12px; padding-block: 24px; }.life-hero-baseline p { font-size: 14px; }.kairos-page .tech-benefits { padding-top: 40px; }.life-feature-top { display: block; }.life-feature-top h2 { font-size: 35px; }.life-feature-top .button { margin-top: 22px; }.life-wide-photo { height: 400px; }.life-glass-card { right: 16px; bottom: 16px; padding: 20px; }.life-glass-card strong { font-size: 26px; }.life-feature-bottom { grid-template-columns: 1fr; gap: 22px; }.life-feature-bottom > p { font-size: 15px; }.life-feature { padding-bottom: 45px; }.life-communication { margin-inline: -8px; padding: 28px 20px; margin-bottom: 38px; }.life-communication-grid { grid-template-columns: 1fr; gap: 24px; }.life-communication-copy > p { font-size: 15px; }.life-communication-photo { height: 380px; }.life-message { inset: auto 15px 15px; padding: 18px; }.life-message strong { font-size: 23px; }.life-90-band { padding-block: 40px; }.life-big-number { letter-spacing: -8px; padding-block: 20px 30px; }.life-big-number > span { letter-spacing: -2px; margin-left: 10px; }.life-band-bottom { display: grid; gap: 25px; }.life-band-top h2 { font-size: 35px; }
}

.journey-invitation { display: grid; grid-template-columns: 1fr 1fr; gap: 75px; padding: 48px; border-radius: 18px; background: #eae6dc; border: 1px solid #e1dbce; }.journey-invitation h2 em { color: #82755f; }.journey-invitation > div > p { color: var(--muted); max-width: 430px; font-size: 15px; }.journey-invitation .button { border-radius: 9px; }.journey-steps { display: grid; gap: 15px; }.journey-steps article { display: flex; gap: 20px; align-items: flex-start; padding: 23px; background: #fcfbf8; border: 1px solid #e2ddd2; border-radius: 12px; }.journey-steps article > span { color: var(--navy); font-family: var(--serif); font-size: 28px; line-height: 1.1; }.journey-steps h3 { font-size: 17px; margin-bottom: 7px; }.journey-steps p { font-size: 13px; color: var(--muted); margin: 0; }
.feature-gallery { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }.gallery-card { background: #f1eee7; border: 1px solid #e4dfd5; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; transition: transform .25s, box-shadow .25s; }.gallery-photo { width: 100%; height: 230px; object-fit: cover; object-position: center 40%; }.gallery-copy { padding: 28px; display: flex; flex-direction: column; flex: 1; }.gallery-copy h3 { font-family: var(--serif); font-weight: 400; font-size: 29px; line-height: 1.15; letter-spacing: -.7px; margin: 14px 0; }.gallery-copy p { font-size: 13px; color: var(--muted); line-height: 1.75; }.gallery-copy .button { margin-top: auto; align-self: flex-start; min-height: 40px; padding: 9px 0; border: 0; background: none; border-radius: 0; font-size: 12px; box-shadow: none; text-align: left; }.gallery-card-0,.gallery-card-1 { grid-column: span 1; background: #eae6dc; }.gallery-card-9 { grid-column: span 3; display: grid; grid-template-columns: 1fr 1fr; }.gallery-card-9 .gallery-photo { height: 100%; min-height: 260px; }.gallery-graphic { height: 230px; flex-shrink: 0; background: #dfe7e2; padding: 25px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; position: relative; overflow: hidden; }.gallery-graphic > span { display: grid; place-items: center; width: 84px; height: 84px; border-radius: 22px; background: #fff; box-shadow: 8px 15px 25px #18264015; color: var(--navy); font-size: 43px; transform: rotate(-7deg); }.gallery-graphic small { color: #526658; font-size: 10px; margin-top: 10px; }.graphic-lines { display: flex; gap: 6px; }.graphic-lines i { width: 30px; height: 5px; background: #aebeb5; border-radius: 5px; }.graphic-lines i:first-child { background: var(--navy); }.graphic-2,.graphic-8 { background: #e5e9f3; }.graphic-2 small,.graphic-8 small { color: #586b8d; }.graphic-5 { background: #eee0cc; }
.official-kairos { text-align: center; }.official-kairos img { width: min(100%,420px); height: auto; margin: -80px auto -75px; }.official-kairos > span { display: block; font-size: 11px; color: #6e6a60; position: relative; }
.feature-page-intro { padding-block: 55px 40px; }.feature-page-intro > .text-link { display: inline-block; margin-bottom: 35px; font-size: 12px; }.feature-page-intro > p { max-width: 630px; font-size: 17px; color: var(--muted); }.feature-page-intro .button { border-radius: 9px; }.feature-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; padding-bottom: 70px; }.feature-detail-grid .gallery-photo,.feature-detail-grid .gallery-graphic { height: 290px; }.feature-detail-grid h2 { font-size: 32px; margin: 13px 0 18px; }.detail-card-1 { flex-direction: column-reverse; }.detail-card-2 { background: #202e29; color: #fff; }.detail-card-2 .mini-label,.detail-card-2 p { color: #c7d6cb; }
@media(hover:hover) { .gallery-card:hover { transform: translateY(-4px); box-shadow: 0 13px 28px #18264010; } }
@media(max-width:760px) { .journey-invitation { grid-template-columns: 1fr; padding: 28px 22px; gap: 25px; }.journey-steps article { padding: 18px; gap: 15px; }.feature-gallery,.feature-detail-grid { grid-template-columns: 1fr; gap: 18px; }.gallery-card-9 { grid-column: auto; display: flex; }.gallery-card-9 .gallery-photo { height: 230px; min-height: 0; }.gallery-copy { padding: 24px; }.gallery-copy h3 { font-size: 28px; }.feature-page-intro { padding-block: 35px; }.feature-page-intro h1 { font-size: 43px; }.feature-page-intro > p { font-size: 15px; }.feature-detail-grid .gallery-photo,.feature-detail-grid .gallery-graphic { height: 235px; }.feature-detail-grid h2 { font-size: 29px; }.detail-card-1 { flex-direction: column; }.official-kairos { margin-top: 25px; }.official-kairos img { width: 280px; margin: -65px auto -60px; } }

.platform-render { padding: 30px 20px 0; height: 270px; background: linear-gradient(135deg,#e7ecf3,#dce4e0); overflow: hidden; }.render-window { border: 1px solid #cdd4df; border-radius: 10px 10px 0 0; background: #fff; box-shadow: 0 15px 35px #18264019; transform: rotate(-3deg); transform-origin: bottom center; }.render-bar { display: flex; justify-content: space-between; gap: 12px; align-items: center; background: #f8f9fc; border-bottom: 1px solid #e8ecf2; padding: 9px 12px; font-size: 8px; color: var(--navy); }.render-bar > span { font-size: 5px; letter-spacing: 2px; color: #adb5c3; }.render-bar small { font-size: 6px; color: #8290a2; }.render-layout { display: grid; grid-template-columns: 36px 1fr; }.render-rail { background: #f0f3f9; display: grid; justify-content: center; align-content: start; gap: 19px; padding-top: 15px; color: #7385a6; font-size: 12px; }.render-rail b { color: var(--navy); font-size: 20px; }.render-content { padding: 18px 13px; }.render-content > small { font-size: 6px; color: #8390a2; letter-spacing: .7px; }.render-title { font-size: 14px; font-weight: 600; display: block; margin: 4px 0 13px; line-height: 1.25; }.render-tabs { display: flex; gap: 12px; font-size: 6px; color: #8693a6; border-bottom: 1px solid #e9edf3; padding-bottom: 8px; }.render-tabs > span:first-child { color: var(--navy); }.render-row { display: flex; gap: 10px; align-items: center; border-bottom: 1px solid #eef1f6; padding: 11px 0; }.render-row > span { color: var(--navy); font-size: 11px; }.render-row > span:last-child { margin-left: auto; }.render-row > div { flex: 1; }.render-row strong { font-size: 8px; display: block; font-weight: 500; }.render-row i { display: block; height: 3px; background: #eef1f6; width: 65%; margin-top: 5px; border-radius: 5px; }
.life-feature-photo > .platform-render { height: 465px; padding: 45px 90px 0; }.life-feature-photo .render-bar { padding: 15px; font-size: 13px; }.life-feature-photo .render-bar small { font-size: 9px; }.life-feature-photo .render-layout { grid-template-columns: 60px 1fr; }.life-feature-photo .render-content { padding: 25px; }.life-feature-photo .render-title { font-size: 29px; margin-bottom: 20px; }.life-feature-photo .render-content > small { font-size: 9px; }.life-feature-photo .render-tabs { font-size: 10px; }.life-feature-photo .render-row { padding-block: 19px; }.life-feature-photo .render-row strong { font-size: 13px; }.life-feature-photo .render-row > span { font-size: 18px; }.life-communication .life-feature-photo > .platform-render { padding-inline: 30px; height: 420px; }.life-communication .render-title { font-size: 24px; }
.gallery-card-9 { display: flex; grid-column: auto; }.gallery-card-9 .platform-render { height: 270px; }.feature-gallery { grid-template-columns: 1fr 1fr; }.gallery-card .platform-render { flex-shrink: 0; }.gallery-card .render-title { font-size: 18px; }.gallery-card .render-row strong { font-size: 10px; }
.revenue-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; }.revenue-grid article { padding: 35px; border: 1px solid #e0d9cd; border-radius: 17px; background: #eee8dc; }.revenue-grid article:last-child { background: #e5ebe5; border-color: #d7e0d7; }.revenue-grid h3 { font-family: var(--serif); font-weight: 400; font-size: 34px; line-height: 1.15; margin: 16px 0; }.revenue-grid p { color: var(--muted); font-size: 14px; line-height: 1.8; }.revenue-grid .button { border-radius: 9px; }
.feature-video-dialog { padding: 0; border: 1px solid #ffffff30; border-radius: 22px; width: min(760px,calc(100% - 32px)); max-width: 760px; max-height: calc(100dvh - 40px); overflow: auto; background: #fcfbf8; box-shadow: 0 40px 100px #0006; }.feature-video-dialog::backdrop { background: #111b32bf; backdrop-filter: blur(8px); }.video-close { position: absolute; right: 16px; top: 16px; width: 38px; height: 38px; border-radius: 50%; border: 1px solid #ffffff70; color: #fff; background: #182640b0; z-index: 1; font-size: 25px; line-height: 1; }.video-stage { aspect-ratio: 16/8; background: radial-gradient(ellipse at center,#eef0ee,#d9e0e7); display: grid; justify-items: center; align-content: center; overflow: hidden; }.video-stage img { width: 270px; height: 170px; object-fit: cover; }.video-stage > span { color: #677791; font-size: 9px; letter-spacing: 2px; }.video-dialog-copy { padding: 30px 36px 35px; }.video-dialog-copy h2 { font-size: 33px; margin-block: 10px 15px; }.video-dialog-copy p { font-size: 14px; color: var(--muted); }.video-dialog-copy .button { border-radius: 9px; }
@media(max-width:760px) { .feature-gallery,.revenue-grid { grid-template-columns: 1fr; }.life-feature-photo > .platform-render { height: 340px; padding: 25px 15px 0; }.life-feature-photo .render-layout { grid-template-columns: 35px 1fr; }.life-feature-photo .render-content { padding: 18px 12px; }.life-feature-photo .render-title { font-size: 20px; }.life-feature-photo .render-row strong { font-size: 10px; }.life-feature-photo .render-row { padding-block: 15px; }.life-feature-photo .render-tabs { font-size: 8px; }.life-feature-photo .render-bar { padding: 10px; font-size: 10px; }.life-feature-photo .render-bar small { font-size: 6px; }.life-communication .life-feature-photo > .platform-render { padding-inline: 12px; height: 350px; }.revenue-grid article { padding: 26px; }.revenue-grid h3 { font-size: 29px; }.video-dialog-copy { padding: 25px; }.video-dialog-copy h2 { font-size: 28px; }.video-stage img { width: 220px; height: 130px; } }
@media (max-width:1000px) { .life-communication { margin-inline: 0; } }

/* One connected story replaces the repeated feature catalogue. */
.accompaniment { padding: 70px 0; background: #f1eee6; border-block: 1px solid #e5dfd2; }
.accompaniment-heading { display: grid; grid-template-columns: 1.25fr 1fr; column-gap: 65px; align-items: end; margin-bottom: 45px; }.accompaniment-heading .eyebrow { grid-column: 1/-1; }.accompaniment-heading h2 { margin: 0; font-size: clamp(38px,3.8vw,53px); }.accompaniment-heading h2 em { color: #82755f; }.accompaniment-heading > p { font-size: 15px; color: #6b685e; max-width: 370px; margin: 0; }
.journey-navigation { display: grid; grid-template-columns: repeat(5,1fr); position: relative; gap: 15px; margin-bottom: 30px; }.journey-navigation::before { content: ''; position: absolute; left: 20px; right: 20px; height: 2px; top: 23px; background: #cdc7ba; }.journey-node { position: relative; background: none; border: 0; text-align: left; padding: 0 0 10px; color: #75766e; border-radius: 5px; }.journey-node-dot { display: grid; place-items: center; width: 48px; height: 48px; background: #f1eee6; border: 1px solid #bdbeb3; border-radius: 50%; font-size: 12px; margin-bottom: 15px; transition: background .2s,color .2s,box-shadow .2s; }.journey-node strong { display: block; font-size: 16px; font-weight: 600; }.journey-node small { display: block; font-size: 11px; margin-top: 5px; }.journey-node[aria-selected=true] { color: var(--navy); }.journey-node[aria-selected=true] .journey-node-dot { color: white; background: var(--navy); border-color: var(--navy); box-shadow: 0 0 0 6px #1e387b0c; }.journey-node:hover .journey-node-dot { border-color: var(--navy); }
.journey-chapter { display: grid; grid-template-columns: 1.12fr 1fr; border-radius: 18px; background: #fcfbf8; overflow: hidden; border: 1px solid #e1dcd0; min-height: 390px; }.chapter-copy { padding: 38px; }.chapter-copy h3 { font-family: var(--serif); font-weight: 400; letter-spacing: -.9px; font-size: 34px; line-height: 1.15; margin: 16px 0 20px; max-width: 430px; }.chapter-copy > p { color: #6c6c63; font-size: 14px; line-height: 1.8; }.chapter-tools { display: flex; gap: 22px; padding-top: 17px; border-top: 1px solid #e5e1d8; margin-top: 24px; }.chapter-tool { flex: 1; }.chapter-tool strong { color: var(--navy); font-size: 12px; }.chapter-tool p { color: #7c7c70; font-size: 11px; line-height: 1.65; margin: 6px 0 0; }
.chapter-scene { background: #dce6dc; display: flex; flex-direction: column; justify-content: center; padding: 35px; position: relative; overflow: hidden; }.chapter-scene-footer { border-top: 1px solid #263b2c20; margin-top: auto; padding-top: 20px; }.chapter-scene-footer strong { font-family: var(--serif); font-weight: 400; font-size: 29px; display: block; color: #293f32; }.chapter-scene-footer > span { font-size: 10px; color: #677969; }
.chapter-orbit { width: 210px; height: 210px; border: 1px solid #a6b8a8; border-radius: 50%; position: relative; margin: 10px auto 30px; display: grid; place-items: center; }.chapter-orbit::before { content: ''; position: absolute; inset: 24px; border: 1px dashed #a6b8a8; border-radius: 50%; }.chapter-orbit > span { background: #304d3b; color: #fff; width: 90px; height: 90px; border-radius: 50%; display: grid; place-items: center; font-size: 17px; letter-spacing: 2px; box-shadow: 0 10px 20px #304d3b25; }.orbit-label { position: absolute; font-style: normal; font-size: 10px; background: #f8faf6; padding: 8px 13px; border-radius: 20px; border: 1px solid #c9d4c8; white-space: nowrap; }.orbit-label-a { top: -10px; left: -15px; }.orbit-label-b { right: -30px; top: 100px; }.orbit-label-c { left: -25px; bottom: 6px; }
.stage-voice .chapter-scene { background: #e9dcc9; }.chapter-message { border-radius: 12px; padding: 27px; background: #fffaf0; box-shadow: 8px 14px 25px #6b502215; transform: rotate(-4deg); margin: 15px 0 35px; }.chapter-message > span,.chapter-expertise > span,.chapter-sale > span { font-size: 8px; letter-spacing: 1.5px; color: #8b7659; }.chapter-message strong { display: block; font-family: var(--serif); font-weight: 400; font-size: 29px; line-height: 1.15; margin: 18px 0; }.chapter-message > div { display: flex; gap: 7px; }.chapter-message i { font-style: normal; font-size: 9px; padding: 6px 9px; border: 1px solid #e0d2bd; border-radius: 20px; }
.stage-map .chapter-scene { background: #dbe5ed; }.chapter-map { height: 220px; border-radius: 14px; position: relative; margin-bottom: 25px; background: repeating-linear-gradient(25deg,transparent 0 31px,#f8fbfc 32px 39px,transparent 40px 95px),repeating-linear-gradient(115deg,#c4d6cf 0 38px,#f8fbfc 39px 45px,#d2dfd5 46px 82px); }.chapter-map i { position: absolute; width: 28px; height: 28px; border-radius: 50% 50% 50% 4px; background: var(--navy); border: 4px solid white; transform: rotate(-45deg); top: 35px; left: 24%; box-shadow: 0 7px 12px #18264030; }.chapter-map i:nth-child(2) { top: 125px; left: 45%; background: #c58e47; }.chapter-map i:nth-child(3) { top: 70px; left: 70%; }.chapter-map > span { position: absolute; bottom: 15px; left: 15px; background: #fff; padding: 6px 12px; font-size: 10px; border-radius: 15px; }
.stage-expertise .chapter-scene { background: #e5ddcf; }.chapter-expertise { padding: 20px; margin-bottom: 25px; }.chapter-expertise > div { display: flex; align-items: center; justify-content: center; gap: 15px; margin-block: 30px; }.chapter-expertise i { background: #fffaf0; border: 1px solid #cfc4b0; box-shadow: 0 5px 12px #6051370d; border-radius: 14px; padding: 20px 15px; font-size: 13px; font-style: normal; }.chapter-expertise b { color: #9f8b67; font-weight: 400; }.chapter-expertise > strong { display: block; font-family: var(--serif); font-weight: 400; font-size: 27px; line-height: 1.15; }
.stage-sale .chapter-scene { background: #dce3ef; }.chapter-sale { background: #f8faff; border: 1px solid #c6cfdf; border-radius: 13px; padding: 27px; transform: rotate(4deg); margin: 10px 0 35px; box-shadow: 10px 15px 20px #1826400c; }.chapter-sale > div { padding: 15px 0; border-bottom: 1px solid #e2e6ef; font-size: 12px; }.chapter-sale i { color: var(--navy); margin-right: 12px; font-style: normal; }
.collective-thread { display: flex; align-items: center; gap: 20px; margin-top: 27px; padding-top: 24px; border-top: 1px solid #d8d1c3; }.collective-thread-mark { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: #e0d5bd; color: #80633c; font-size: 25px; }.collective-thread strong { font-size: 14px; font-weight: 600; }.collective-thread p { color: #7d796d; font-size: 12px; margin: 4px 0 0; }.collective-thread .button { margin-left: auto; flex-shrink: 0; border-radius: 9px; min-height: 44px; font-size: 12px; }
@media(max-width:760px) { .accompaniment { padding-block: 40px; }.accompaniment-heading { grid-template-columns: 1fr; gap: 15px; margin-bottom: 28px; }.accompaniment-heading h2 { font-size: 38px; }.accompaniment-heading .eyebrow { font-size: 8px; }.accompaniment-heading > p { font-size: 13px; }.journey-navigation { gap: 4px; margin-bottom: 22px; }.journey-navigation::before { top: 17px; }.journey-node-dot { width: 35px; height: 35px; font-size: 10px; margin-bottom: 10px; }.journey-node strong { font-size: 9px; }.journey-node small { display: none; }.journey-chapter { grid-template-columns: 1fr; }.chapter-copy { padding: 25px; }.chapter-copy h3 { font-size: 29px; }.chapter-copy > p { font-size: 13px; }.chapter-tools { gap: 15px; }.chapter-scene { padding: 28px; min-height: 300px; }.chapter-orbit { width: 180px; height: 180px; }.chapter-scene-footer strong { font-size: 26px; }.collective-thread { flex-wrap: wrap; gap: 12px; }.collective-thread > div { flex: 1; }.collective-thread strong { font-size: 12px; }.collective-thread p { font-size: 11px; }.collective-thread .button { margin-left: 54px; }.chapter-message { margin-bottom: 30px; } }

/* Club identity: navy, white, pale blue, orange accents. */
.kairos-page { background: #fcfcfa; }.kairos-page .site-header { background: #fcfcfa; }.kairos-page .header-inner { background: #f3f5fa; border-color: #e0e6f0; }.kairos-page .tech-intro h1 em { color: var(--navy); }.life-hero-baseline p { color: var(--muted); }.kairos-life-hero::after { background: linear-gradient(transparent,#182640b3); }.ecosystem-strip { color: var(--navy); }
.accompaniment { background: #f0f3fa; border-color: #e0e6f1; }.accompaniment-heading h2 em { color: var(--navy); }.accompaniment-heading > p { color: var(--muted); }.journey-navigation::before { background: #c7d2e8; }.journey-node { color: #61718d; }.journey-node-dot { background: #f0f3fa; border-color: #b9c7df; }.journey-chapter { background: #fff; border-color: #dce3f0; }.chapter-copy > p,.chapter-tool p { color: var(--muted); }.chapter-tools { border-color: #e2e7f0; }.chapter-scene,.stage-voice .chapter-scene,.stage-map .chapter-scene,.stage-expertise .chapter-scene,.stage-sale .chapter-scene { background: #e1e9f8; }.stage-centralise .chapter-scene { background: var(--navy); }.chapter-scene-footer { border-color: #1e387b26; }.chapter-scene-footer strong { color: var(--navy); }.chapter-scene-footer > span { color: #5f749c; }.stage-centralise .chapter-scene-footer { border-color: #ffffff35; }.stage-centralise .chapter-scene-footer strong,.stage-centralise .chapter-scene-footer > span { color: #fff; }.chapter-orbit { border-color: #a2b5da; }.chapter-orbit::before { border-color: #a2b5da; }.chapter-orbit > span { background: var(--navy); box-shadow: 0 10px 20px #1e387b25; }.orbit-label { background: #fff; border-color: #c9d4e8; color: var(--navy); }.chapter-message { background: #fff; box-shadow: 8px 14px 25px #1e387b15; }.chapter-message > span,.chapter-expertise > span,.chapter-sale > span { color: var(--navy); }.chapter-message i { border-color: #c9d4e8; color: var(--navy); }.chapter-map { background: repeating-linear-gradient(25deg,transparent 0 31px,#fff 32px 39px,transparent 40px 95px),repeating-linear-gradient(115deg,#cfdbf0 0 38px,#fff 39px 45px,#e0e8f7 46px 82px); }.chapter-map i:nth-child(2) { background: var(--orange); }.chapter-expertise i { background: #fff; border-color: #bacbea; }.chapter-expertise b { color: var(--orange); }.collective-thread { border-color: #d1dbed; }.collective-thread-mark { background: #f9e6c8; color: var(--navy); }.collective-thread p { color: var(--muted); }
.kairos-page .revenue-grid article { background: #fff; border-color: #dbe3f1; border-top: 3px solid var(--orange); }.kairos-page .revenue-grid article:last-child { background: #eef3fc; border-color: #dbe3f1; border-top-color: var(--navy); }.kairos-page .tech-final { background: #eaf0fb; border-color: #dbe4f5; }.kairos-page .tech-final h2 em { color: var(--navy); }.official-kairos > span { color: #5f7091; }.video-stage { background: radial-gradient(ellipse,#fff,#dee8fb); }
.profile-switch { display: flex; align-items: stretch; padding: 6px; border: 1px solid #cdd9ef; border-radius: 14px; background: #fff; gap: 6px; width: fit-content; margin-bottom: 45px; position: relative; z-index: 2; }.profile-option { position: relative; }.profile-option > button { border: 0; border-radius: 9px; padding: 16px 24px; background: #fff; color: #60718f; font-size: 14px; font-weight: 600; transition: background .2s,color .2s; }.profile-option > button span { margin-left: 18px; color: var(--orange); }.profile-option > button[aria-pressed=true] { color: #fff; background: var(--navy); }.profile-option > button:hover:not([aria-pressed=true]) { background: #edf2fc; color: var(--navy); }.profile-help { display: none; position: absolute; top: calc(100% + 13px); left: 0; width: 290px; background: #182640; color: #fff; padding: 14px 17px; border-radius: 10px; font-size: 11px; line-height: 1.65; box-shadow: 0 12px 25px #18264020; pointer-events: none; }.profile-option:hover .profile-help,.profile-option:focus-within .profile-help { display: block; }
@media(max-width:760px) { .profile-switch { width: 100%; margin-bottom: 32px; }.profile-option { flex: 1; }.profile-option > button { width: 100%; padding: 13px 9px; font-size: 11px; }.profile-option > button span { display: none; }.profile-help { width: 230px; }.profile-option:last-child .profile-help { left: auto; right: 0; }.accompaniment-heading h2 { font-size: 35px; }.journey-node strong { font-size: 8px; } }
@media(hover:none) { .profile-option:hover .profile-help,.profile-option:focus-within .profile-help { display: none; } }
.journey-navigation { grid-template-columns: repeat(var(--journey-step-count,5),minmax(0,1fr)); }
.stage-paid-prospect .chapter-scene,.stage-early-income .chapter-scene { background: var(--navy); color: #fff; }.prospecting-stat { padding: 15px 0; }.prospecting-stat > span,.buyer-search-scene > span { font-size: 9px; letter-spacing: 1.4px; }.prospecting-stat > strong { display: block; font-family: var(--serif); font-weight: 400; font-size: clamp(42px,5vw,68px); letter-spacing: -2px; line-height: 1.05; margin: 27px 0 12px; }.prospecting-stat strong > span { display: block; font-size: 25px; color: #d9e4fb; margin: 4px 0; letter-spacing: 0; }.prospecting-stat > b { font-weight: 400; font-size: 20px; color: #f2bd72; }.prospecting-stat p { font-size: 13px; margin: 25px 0 14px; max-width: 300px; color: #e1e9fa; }.prospecting-stat small { display: block; border-top: 1px solid #ffffff35; padding-top: 14px; font-size: 10px; line-height: 1.6; color: #c6d4ef; }.stage-buyer-search .chapter-scene { background: #e3ebfb; }.buyer-search-scene { border: 1px solid #bdcdec; border-radius: 14px; background: #fff; padding: 28px; box-shadow: 8px 12px 20px #1e387b0c; transform: rotate(-3deg); color: var(--navy); }.buyer-search-scene > strong { display: block; font-family: var(--serif); font-weight: 400; font-size: 32px; line-height: 1.15; margin: 20px 0; }.buyer-search-scene > div { display: flex; gap: 6px; flex-wrap: wrap; }.buyer-search-scene i { font-style: normal; font-size: 10px; padding: 5px 10px; border-radius: 20px; background: #eef3fc; }.buyer-search-scene p { font-size: 11px; margin: 25px 0 15px; }.buyer-search-scene small { color: #677b9e; font-size: 10px; }
@media(max-width:760px) { .journey-navigation { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 17px 10px; }.journey-navigation::before { display: none; }.journey-node { border-bottom: 1px solid #d2dcef; padding-bottom: 12px; }.journey-node strong { font-size: 11px; }.journey-node-dot { margin-bottom: 8px; }.prospecting-stat > strong { font-size: 49px; }.buyer-search-scene { padding: 22px; }.buyer-search-scene > strong { font-size: 29px; } }

.stage-billing .chapter-scene { background: var(--navy); }.billing-scene { padding: 25px; background: #fff; color: var(--navy); border-radius: 13px; box-shadow: 10px 15px 25px #12245330; transform: rotate(-3deg); }.billing-scene > span { font-size: 9px; letter-spacing: 1.4px; }.billing-scene > strong { display: block; font-family: var(--serif); font-weight: 400; font-size: 31px; line-height: 1.15; margin: 20px 0; }.billing-scene > div { padding: 17px 0; border-top: 1px solid #e1e7f1; font-size: 12px; }.billing-scene b { float: right; font-weight: 400; }
.kairos-page .revenue-grid .opportunity-photo { position: relative; isolation: isolate; overflow: hidden; padding: 0; border: 0; background: var(--ink); min-height: 445px; display: flex; align-items: flex-end; }.opportunity-background { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 35%; z-index: -2; }.opportunity-photo::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg,#1826400a 0%,#182640bd 35%,#14213af2 100%); z-index: -1; }.opportunity-copy { padding: 35px; color: white; }.opportunity-copy .mini-label { color: #f3bc70; }.revenue-grid .opportunity-copy p { color: #e4eaf5; }.opportunity-copy .button { background: white; border-color: white; color: var(--navy); }.opportunity-copy .button:hover { background: #f0f4fc; }.kairos-page .tech-final .button { background: var(--orange); border-color: var(--orange); color: var(--ink); }.kairos-page .tech-final .button:hover { background: #efa849; border-color: #efa849; box-shadow: 0 10px 22px #e79a3430; }
@media(max-width:760px) { .kairos-page .revenue-grid .opportunity-photo { min-height: 435px; }.opportunity-copy { padding: 26px; }.billing-scene > strong { font-size: 28px; } }

/* Stronger Club colour accents, with a deliberately composed income range. */
.chapter-copy { position: relative; border-top: 4px solid var(--orange); }.chapter-copy > .mini-label { display: inline-block; padding: 6px 10px; background: #eaf0fc; border-radius: 5px; }.chapter-tool strong { border-left: 3px solid var(--orange); padding-left: 9px; }.chapter-tool p { padding-left: 12px; }
.chapter-scene { background: linear-gradient(135deg,#d3e2fc,#eef4ff); }.stage-map .chapter-scene { background: #bfd4fa; }.stage-expertise .chapter-scene { background: #f8dbb2; }.stage-voice .chapter-scene { background: #cdddfb; }.stage-buyer-search .chapter-scene { background: #d6e4ff; }.stage-sale .chapter-scene { background: #c6d8fa; }.stage-billing .chapter-scene { background: #1e387b; }
.chapter-message { border-top: 5px solid var(--orange); }.chapter-message i:first-child { background: var(--navy); border-color: var(--navy); color: #fff; }.chapter-expertise i:first-child { background: var(--navy); color: white; border-color: var(--navy); }.chapter-expertise i:last-child { border: 2px solid var(--orange); }.buyer-search-scene { border-top: 5px solid var(--orange); }.buyer-search-scene i:first-child { background: var(--navy); color: #fff; }.billing-scene { border-top: 5px solid var(--orange); }.billing-scene b { color: #b26b13; }.chapter-map i:nth-child(3) { background: #4773c6; }.chapter-orbit > span { border: 5px solid #e79a34; }.orbit-label-c { background: var(--orange); border-color: var(--orange); }
.stage-paid-prospect .chapter-scene,.stage-early-income .chapter-scene { background: linear-gradient(145deg,#172d69,#294d9e); }.prospecting-stat { position: relative; padding: 8px 0; }.prospecting-stat > span { color: #f9c378; }.prospecting-stat > .income-range { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; margin: 23px 0 8px; letter-spacing: -1.5px; line-height: 1; }.income-range > .income-amount { display: flex; align-items: baseline; gap: 9px; color: #fff; font-family: var(--serif); font-size: clamp(47px,5.4vw,69px); line-height: 1; white-space: nowrap; margin: 0; }.income-range .income-amount small { font-size: .56em; color: #f4b35b; border: 0; padding: 0; display: inline; }.income-range > .income-connector { display: flex; align-items: center; gap: 13px; font-size: 16px; font-family: var(--font); color: #c2d4fa; margin: 1px 0; letter-spacing: 0; }.income-connector::before { content: ''; width: 35px; height: 2px; background: #e79a34; }.prospecting-stat > b { display: block; font-family: var(--font); margin: 12px 0 0; color: #fff; font-size: 15px; }.prospecting-stat > p { margin-top: 20px; }.first-month-income { padding: 15px 18px; margin-top: 18px; border-radius: 10px; background: #f6b65f; color: #182640; }.first-month-income > span { font-size: 8px; letter-spacing: 1.2px; display: block; margin-bottom: 7px; }.first-month-income > b { font-family: var(--serif); font-weight: 400; font-size: 35px; line-height: 1.1; display: block; }.first-month-income b small { font: 11px var(--font); display: inline; margin-left: 10px; }
@media(max-width:760px) { .income-range > .income-amount { font-size: 57px; }.chapter-copy { border-top-width: 3px; }.first-month-income > b { font-size: 32px; } }
.first-month-income b small { border: 0; padding: 0; color: inherit; }
.prospecting-stat > .income-range { flex-direction: row; align-items: baseline; gap: 11px; flex-wrap: nowrap; }.income-range > .income-amount { font-size: clamp(33px,3.6vw,48px); gap: 5px; letter-spacing: -1px; }.income-range > .income-connector { font-size: 24px; align-self: center; }.income-connector::before { content: none; }
@media(max-width:760px) { .income-range > .income-amount { font-size: clamp(27px,6.6vw,45px); gap: 4px; }.prospecting-stat > .income-range { gap: 8px; }.income-range > .income-connector { font-size: 19px; } }

/* Home project choices: three distinct real photographs, existing copy and links. */
.path-card.project-photo-card { padding: 0; overflow: hidden; background: #fff; border-radius: 15px; }.project-card-photo { width: 100%; height: 195px; object-fit: cover; object-position: center 38%; transition: transform .4s ease; }.project-card-copy { padding: 27px; display: flex; flex: 1; flex-direction: column; border-top: 4px solid var(--orange); background: #fff; position: relative; }.project-card-copy .path-index { display: block; padding-bottom: 16px; font: 700 9px var(--font); letter-spacing: 1.5px; color: var(--navy); }.project-photo-card:nth-child(2) .project-card-copy { border-top-color: var(--navy); background: #eef3fc; }.project-photo-card:nth-child(3) .project-card-copy { background: var(--navy); border-top-color: var(--orange); color: #fff; }.project-photo-card:nth-child(3) .path-index { color: #f7ba6b; }.project-photo-card:nth-child(3) p { color: #e0e7f6; }.project-photo-card:nth-child(3) .card-link { color: #fff; }
@media(hover:hover) { .project-photo-card:hover .project-card-photo { transform: scale(1.035); } }
@media(max-width:760px) { .project-card-photo { height: 210px; }.project-card-copy { padding: 25px; } }

.club-tech-origin { display: grid; grid-template-columns: 1.1fr 1fr; gap: 75px; align-items: center; }.club-tech-principle { padding: 38px; border-radius: 18px; background: var(--navy); color: #fff; }.club-tech-principle .mini-label { color: #f4b45e; }.club-tech-principle > strong { display: block; font: 31px/1.2 var(--serif); margin: 20px 0 30px; }.club-tech-principle > div { display: grid; gap: 10px; }.club-tech-principle > div > span { border: 1px solid #ffffff35; border-radius: 8px; padding: 14px 16px; font-size: 12px; background: #ffffff08; }.club-tech-principle i { text-align: center; font-style: normal; color: var(--orange); }.club-convictions { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; padding-bottom: 65px; }.club-convictions article { border: 1px solid #dce4f2; border-top: 4px solid var(--orange); background: #f0f4fc; border-radius: 15px; padding: 35px; }.club-convictions article:last-child { background: #fff; border-top-color: var(--navy); }.club-convictions p { color: var(--muted); font-size: 14px; line-height: 1.8; }.club-convictions p:last-child { margin-bottom: 0; }
@media(max-width:760px) { .club-tech-origin,.club-convictions { grid-template-columns: 1fr; gap: 25px; }.club-tech-principle { padding: 28px; }.club-tech-principle > strong { font-size: 28px; }.club-convictions article { padding: 28px; }.club-convictions { padding-bottom: 40px; } }
.club-convictions article { padding: 0; overflow: hidden; }.conviction-copy { padding: 32px; }.conviction-photo { width: 100%; height: 245px; object-fit: cover; object-position: center 35%; }.club-ai-visual { height: 245px; position: relative; overflow: hidden; background: radial-gradient(ellipse at 50% 40%,#395da7,#1e387b 75%); display: grid; place-items: center; color: #fff; }.club-ai-visual > strong { display: grid; place-items: center; width: 80px; height: 80px; border-radius: 23px; border: 1px solid #ffcd8c; background: #e79a34; color: #182640; font: 36px var(--serif); box-shadow: 0 0 45px #e79a3425; position: relative; z-index: 1; }.ai-orbit { position: absolute; width: 205px; height: 140px; border: 1px solid #ffffff30; border-radius: 50%; transform: rotate(-25deg); }.ai-orbit-two { width: 255px; height: 185px; transform: rotate(25deg); border-style: dashed; opacity: .7; }.ai-use { position: absolute; font-size: 10px; background: #ffffffed; color: var(--navy); padding: 8px 12px; border-radius: 20px; border: 1px solid #ffffff80; z-index: 2; }.ai-use-one { top: 35px; left: 30px; }.ai-use-two { right: 20px; top: 70px; }.ai-use-three { left: 28px; bottom: 52px; }.ai-visual-caption { position: absolute; bottom: 17px; color: #d9e4f9; font-size: 9px; letter-spacing: .5px; }
@media(max-width:760px) { .club-convictions article { padding: 0; }.conviction-copy { padding: 27px; }.conviction-photo,.club-ai-visual { height: 230px; }.ai-use { font-size: 9px; padding: 7px 10px; }.ai-use-one { left: 15px; }.ai-use-two { right: 12px; }.ai-use-three { left: 15px; } }
.club-kairos-visual { height: 245px; display: grid; place-items: center; background: #e8effb; }.club-kairos-visual img { width: 350px; max-width: 100%; height: 245px; object-fit: cover; }
@media(max-width:760px) { .club-kairos-visual,.club-kairos-visual img { height: 230px; } }

.founder-perspectives { display: grid; grid-template-columns: repeat(3,1fr); gap: 28px; margin-top: 42px; }.founder-perspectives article { padding-top: 23px; border-top: 3px solid var(--orange); }.founder-perspectives article:nth-child(2) { border-color: var(--navy); }.founder-perspectives h3 { font: 28px/1.2 var(--serif); margin: 14px 0; }.founder-perspectives p { color: var(--muted); font-size: 13px; line-height: 1.8; margin: 0; }.founder-perspectives .mini-label { font-size: 8px; letter-spacing: 1.2px; }.founder-common-ground { display: grid; grid-template-columns: 1fr 1.5fr; gap: 45px; padding: 28px; border-radius: 13px; margin-top: 35px; background: #eef3fc; border-left: 4px solid var(--navy); }.founder-common-ground strong { font: 26px/1.2 var(--serif); color: var(--navy); }.founder-common-ground p { color: var(--muted); font-size: 14px; line-height: 1.8; margin: 0; }
.club-tech-origin { gap: 50px; grid-template-columns: 1fr 1.15fr; }.club-network { border-radius: 20px; padding: 30px 24px; background: var(--navy); color: #fff; text-align: center; overflow: hidden; }.club-network > .mini-label { color: #f5b96c; font-size: 8px; letter-spacing: 1px; }.network-team { width: 85%; margin: 25px auto 0; padding: 16px 12px; background: #ffffff0b; border: 1px solid #ffffff40; border-radius: 10px; }.network-team > span { color: #f6b963; font-size: 23px; display: block; line-height: 1; margin-bottom: 9px; }.network-team strong { font-size: 13px; display: block; font-weight: 600; }.network-team small { display: block; margin-top: 5px; font-size: 9px; color: #c3d1ed; }.network-connector { display: block; height: 24px; width: 2px; background: var(--orange); margin: 0 auto; position: relative; }.network-connector::after { content: ''; position: absolute; bottom: 0; left: -3px; border: solid var(--orange); border-width: 0 2px 2px 0; padding: 3px; transform: rotate(45deg); }.network-core { width: 200px; margin: 0 auto; background: #fff; border: 3px solid #e79a34; border-radius: 14px; padding: 0 14px 15px; box-shadow: 0 10px 30px #10204740; }.network-core img { width: 170px; height: 100px; object-fit: cover; margin: 0 auto -5px; }.network-core > span { font-size: 9px; color: var(--navy); }.network-connector-bottom { height: 23px; }.network-people { display: grid; grid-template-columns: repeat(6,1fr); gap: 10px; list-style: none; margin: 0; padding: 0; border-top: 1px solid #ffffff45; padding-top: 18px; position: relative; }.network-people li { grid-column: span 2; border: 1px solid #ffffff3d; border-radius: 9px; padding: 14px 6px; background: #ffffff0a; position: relative; }.network-people li:nth-last-child(-n+2) { grid-column: span 3; }.network-people li:nth-child(-n+3)::before { content: ''; position: absolute; height: 18px; width: 1px; background: #ffffff45; left: 50%; top: -19px; }.network-people strong { display: block; font-size: 11px; font-weight: 600; }.network-people span { display: block; color: #c3d1ed; font-size: 8px; line-height: 1.4; margin-top: 5px; }.network-caption { color: #c3d1ed; font-size: 10px; line-height: 1.6; margin: 22px 0 0; }
@media(max-width:760px) { .founder-perspectives { grid-template-columns: 1fr; gap: 24px; margin-top: 30px; }.founder-perspectives p { font-size: 14px; }.founder-common-ground { grid-template-columns: 1fr; gap: 16px; padding: 23px; }.club-tech-origin { grid-template-columns: 1fr; gap: 25px; }.club-network { padding: 26px 15px; }.network-team { width: 95%; }.network-people strong { font-size: 10px; }.network-people span { font-size: 8px; }.network-core { width: 180px; }.network-core img { width: 150px; height: 90px; } }

/* Real-listing local preview: imagery first, compact criteria and readable details. */
.listing-intro{padding-top:65px;padding-bottom:30px}
.listing-intro h1{max-width:850px}
.listing-intro>p{max-width:740px}
.listing-snapshot{font-size:13px;color:var(--muted);line-height:1.6}
.listing-catalogue{padding-bottom:80px}
.listing-filters{display:grid;grid-template-columns:1.3fr 1fr 1fr auto;align-items:end;gap:18px;padding:24px;border:1px solid var(--line);background:var(--soft-blue);border-radius:20px}
.listing-filters label{display:block;margin-bottom:8px;font-size:13px;font-weight:650}
.listing-filters input,.listing-filters select{width:100%;min-width:0;background:white}
.listing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.listing-card{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:white;transition:transform .25s,box-shadow .25s}
.listing-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #18264012}
.listing-card-link{color:inherit;text-decoration:none!important;display:block;height:100%}
.listing-cover{position:relative;overflow:hidden;aspect-ratio:1.7}
.listing-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.listing-card:hover img{transform:scale(1.025)}
.listing-tag{position:absolute;top:18px;left:18px;background:white;border-radius:30px;padding:7px 13px;font-size:12px;color:var(--navy);font-weight:650}
.listing-card-copy{padding:25px}
.listing-city{color:var(--navy);font-size:13px;font-weight:650}
.listing-card h2{font-size:29px;line-height:1.2;margin:12px 0}
.listing-card p{font-size:14px;color:var(--muted)}
.listing-card p span{margin:0 8px}
.listing-card-bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;align-items:center}
.listing-card-bottom strong{font-size:25px;color:var(--navy)}
.listing-card-bottom>span{background:var(--soft-blue);padding:5px 13px;border-radius:50%;font-size:24px}
.listing-search-callout{margin-top:45px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--navy);color:white;padding:35px;border-radius:22px}
.listing-search-callout h2{color:white;font-size:30px;margin:0}
.listing-search-callout p{color:#e1e8fa}
.listing-search-callout .button{background:var(--orange);color:var(--ink)}
.listing-no-results{padding:40px;background:var(--soft-blue);border-radius:20px}
.listing-detail{padding-top:35px;padding-bottom:85px}
.listing-back{font-size:14px;color:var(--navy);display:inline-block;margin-bottom:20px}
.listing-title{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:15px 0 30px}
.listing-title h1{font-size:clamp(32px,4vw,54px);max-width:850px;margin:0}
.listing-title>strong{font-size:clamp(26px,3vw,38px);color:var(--navy);white-space:nowrap}
.listing-main-photo{border-radius:25px;overflow:hidden;background:var(--soft-blue);height:520px}
.listing-main-photo img{width:100%;height:100%;object-fit:contain}
.listing-thumbnails{display:flex;gap:12px;overflow-x:auto;padding:16px 0 30px}
.listing-thumb{border:3px solid transparent;border-radius:12px;overflow:hidden;padding:0;flex:0 0 130px;height:88px;background:var(--soft-blue);cursor:pointer}
.listing-thumb[aria-pressed=true]{border-color:var(--orange)}
.listing-thumb img{width:100%;height:100%;object-fit:cover}
.listing-detail-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:55px;align-items:start}
.listing-facts{display:flex;gap:40px;padding:22px 0;border-bottom:1px solid var(--line);margin-bottom:35px}
.listing-facts span{display:flex;flex-direction:column;font-size:13px;color:var(--muted)}
.listing-facts strong{font-size:25px;color:var(--navy)}
.listing-description{line-height:1.8;overflow-wrap:anywhere}
.listing-description p{white-space:normal}
.listing-advisor{padding:30px;background:var(--soft-blue);border-radius:22px;position:sticky;top:110px}
.listing-advisor h2{font-size:32px}
.listing-advisor .button{width:100%;margin:15px 0}
.listing-advisor small{display:block;line-height:1.6;color:var(--muted)}

@media(max-width:760px){.listing-intro{padding-top:35px}
.listing-grid{grid-template-columns:1fr}
.listing-filters{grid-template-columns:1fr;padding:20px}
.listing-title{display:block}
.listing-title>strong{display:block;margin-top:18px}
.listing-main-photo{height:300px}
.listing-detail-grid{grid-template-columns:1fr;gap:25px}
.listing-advisor{position:static}
.listing-search-callout{display:block;padding:25px}
.listing-search-callout .button{margin-top:15px}
.listing-facts{gap:25px}
.listing-card h2{font-size:26px}
}

.listing-filters input,.listing-filters select{border:1px solid #d7deeb;border-radius:10px;padding:13px 15px;font:inherit;color:var(--ink);height:50px;box-shadow:none;appearance:none}
.listing-filters select{padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath d='m3 5 4 4 4-4' fill='none' stroke='%231e387b' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center}
.listing-filters :is(input,select):focus-visible{outline:2px solid var(--navy);outline-offset:3px}

@media(prefers-reduced-motion:reduce){.listing-card,.listing-cover img{transition:none}
.listing-card:hover,.listing-card:hover img{transform:none}
}

.listing-filter-bar { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:12px; position:relative; margin-bottom:26px; }
.listing-search { display:flex; align-items:center; gap:10px; flex:1; min-width:0; border:1px solid var(--line); border-radius:14px; background:white; padding:0 18px; }
.listing-search>span { font-size:28px; color:var(--navy); line-height:1; }
.listing-search input { width:100%; min-width:0; height:54px; border:0; background:transparent; font:inherit; color:var(--ink); outline-offset:0; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.listing-filter-menu { position:relative; }
.listing-filter-menu>summary { list-style:none; display:flex; align-items:center; justify-content:center; gap:9px; height:56px; padding:0 21px; border-radius:14px; background:var(--navy); color:white; cursor:pointer; font-size:14px; font-weight:600; }
.listing-filter-menu>summary::-webkit-details-marker { display:none; }
.listing-filter-menu>summary:hover { background:#152c65; }
[data-filter-badge] { background:white; color:var(--navy); border-radius:50%; min-width:20px; text-align:center; font-size:12px; }
.listing-filter-panel { grid-column:1/-1; width:100%; padding:24px; background:var(--soft-blue); border:1px solid var(--line); border-radius:18px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:end; gap:18px; }
.listing-filter-panel label { display:block; margin-bottom:8px; font-size:13px; font-weight:600; }
.listing-filter-panel input,.listing-filter-panel select { width:100%; height:48px; border:1px solid var(--line); border-radius:9px; padding:10px 14px; background:white; color:var(--ink); font:inherit; }
.listing-filter-panel select { padding-right:38px; appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath d='m3 5 4 4 4-4' fill='none' stroke='%231e387b' stroke-width='1.5'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; }
.listing-filter-panel .link-button { grid-column:1/-1; justify-self:start; color:var(--navy); font-size:13px; }
.listing-active-filters { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.listing-active-filters:empty { display:none; }
.listing-filter-chip { border:0; background:var(--soft-blue); color:var(--navy); border-radius:30px; padding:8px 13px; font:inherit; font-size:12px; cursor:pointer; }
.description-toggle { border:0; border-bottom:1px solid var(--navy); background:transparent; color:var(--navy); padding:5px 0; font:inherit; font-weight:600; cursor:pointer; display:inline-flex; gap:14px; align-items:center; }
.description-toggle:hover { color:var(--ink); border-color:var(--orange); }
.listing-description { scroll-margin-top:115px; }
@media(max-width:760px) { .listing-search { padding:0 12px; }.listing-search input { font-size:14px; }.listing-filter-menu>summary { padding:0 14px; }.listing-filter-panel { width:100%; grid-template-columns:1fr; padding:20px; } }
.listing-photo-missing { display:grid; place-items:center; height:100%; background:var(--soft-blue); color:var(--navy); font-size:16px; }
.listing-detail-status { display:block; font:600 12px/1.5 var(--font); color:var(--muted); margin-top:8px; text-align:right; }
.listing-pagination { display:flex; align-items:center; justify-content:center; gap:22px; margin-top:32px; font-size:14px; }
.listing-pagination button { border:1px solid var(--line); border-radius:30px; background:white; padding:10px 16px; color:var(--navy); font:inherit; cursor:pointer; }
.listing-pagination button:disabled { opacity:.4; cursor:default; }
.listing-filter-bar { scroll-margin-top:115px; }
@media(max-width:760px) { .listing-pagination { gap:12px; font-size:12px; }.listing-pagination button { padding:9px 11px; }.listing-detail-status { text-align:left; } }
.listing-sync-status { font-size:12px; line-height:1.6; color:var(--muted); margin-top:-5px; }
.listing-sync-status .link-button { color:var(--navy); font-size:inherit; }

.listing-sync-status:empty { display:none; }
.listing-active-filters:not(:empty) { margin-top:-12px; margin-bottom:22px; }
.listing-filter-menu>summary::after { display:none; }

.listing-filter-menu>summary { width:56px; padding:0; position:relative; }
.listing-filter-menu>summary svg { width:22px; height:22px; }
.listing-filter-menu [data-filter-badge] { position:absolute; top:4px; right:4px; min-width:16px; height:16px; line-height:16px; font-size:10px; }

.rotating-project-cta { width:100%; max-width:480px; min-height:76px; gap:18px; transition:background-color .6s ease,color .6s ease,border-color .6s ease,box-shadow .25s ease,transform .25s ease; }
.rotating-project-cta[data-tone=sell] { background:var(--navy); border-color:var(--navy); color:white; }
.rotating-project-cta[data-tone=buy] { background:white; border-color:var(--navy); color:var(--navy); }
.rotating-project-cta[data-tone=career] { background:var(--orange); border-color:var(--orange); color:white; }
.rotating-project-cta>.project-cta-labels { display:grid; flex:1; transform:none!important; text-align:center; }
.project-cta-labels>span { grid-area:1/1; opacity:0; transform:translateY(8px); transition:opacity .12s ease,transform .2s ease; pointer-events:none; }
.project-cta-labels>span.is-current { opacity:1; transform:translateY(0); transition:opacity .3s ease .15s,transform .3s ease .15s; }
@media(prefers-reduced-motion:reduce) { .rotating-project-cta,.project-cta-labels>span { transition:none; transform:none; } }
.video-placeholder { display:grid; justify-items:center; align-content:center; }
.video-placeholder img { width:270px; height:170px; object-fit:cover; }
.video-placeholder>span { color:#677791; font-size:9px; letter-spacing:2px; }
.feature-video-dialog.has-video[open] { display:grid; grid-template-columns:minmax(0,340px) minmax(0,1fr); width:min(800px,calc(100% - 32px)); max-width:800px; background:var(--paper); }
.has-video .video-stage { aspect-ratio:auto; background:#101b35; }
.has-video .video-stage video { display:block; width:100%; max-height:78dvh; aspect-ratio:9/16; object-fit:contain; }
.has-video .video-dialog-copy { align-self:center; padding:35px 28px; }
.has-video .video-dialog-copy h2 { font-size:30px; }
@media(max-width:600px) { .feature-video-dialog.has-video[open] { display:block; width:calc(100% - 24px); }.has-video .video-stage video { max-height:60dvh; }.has-video .video-dialog-copy { padding:23px; }.has-video .video-dialog-copy h2 { font-size:25px; } }

.chapter-mobile-tools { display:none; }
@media(max-width:760px) {
  [data-journey-explorer] { display:grid; grid-template-columns:38px minmax(0,1fr); gap:12px; align-items:start; }
  .journey-navigation { grid-column:1; grid-row:1; display:flex; flex-direction:column; gap:16px; margin:8px 0 0; position:relative; }
  .journey-navigation::before { display:block; position:absolute; top:18px; bottom:18px; left:18px; right:auto; width:2px; height:auto; background:#c7d2e8; }
  .journey-node { padding:0; border:0; flex:none; position:relative; }
  .journey-node-dot { width:36px; height:36px; margin:0; font-size:12px; background:#f0f3fa; }
  .journey-node strong,.journey-node small { display:none; }
  .journey-chapter { grid-column:2; grid-row:1; min-height:260px; border-radius:16px; }
  .chapter-copy { padding:18px 16px; }
  .chapter-copy>.mini-label { font-size:9px; letter-spacing:1px; padding:5px 7px; }
  .chapter-copy h3 { font-size:24px; line-height:1.12; letter-spacing:-.6px; margin:13px 0; }
  .chapter-copy>p { font-size:12px; line-height:1.55; margin-bottom:16px; }
  .chapter-desktop-tools { display:none; }
  .chapter-mobile-tools { display:block; border-top:1px solid var(--line); padding-top:11px; }
  .chapter-mobile-tools>summary { font-size:11px; padding:0; color:var(--navy); gap:6px; }
  .chapter-mobile-tools>summary::after { font-size:15px; }
  .chapter-mobile-tools .chapter-tools { flex-direction:column; gap:12px; padding:12px 0 0; border:0; margin:0; }
  .chapter-mobile-tools .chapter-tool p { font-size:11px; line-height:1.5; }
  .journey-chapter .chapter-scene { display:none; }
  .stage-paid-prospect .chapter-scene,.stage-early-income .chapter-scene { display:block; min-height:0; padding:17px; }
  .prospecting-stat { padding:0; }
  .prospecting-stat>span { font-size:8px; letter-spacing:1px; }
  .prospecting-stat>.income-range { margin:12px 0 4px; gap:7px; }
  .income-range>.income-amount { font-size:30px; letter-spacing:-1px; }
  .prospecting-stat>b { font-size:12px; margin-top:5px; }
  .prospecting-stat>p { font-size:10px; line-height:1.5; margin:10px 0; }
  .prospecting-stat>small { font-size:9px; padding-top:9px; line-height:1.4; }
  .prospecting-stat>strong:not(.income-range) { font-size:29px; letter-spacing:-1px; margin:12px 0; }
  .prospecting-stat>strong br { display:none; }
  .first-month-income { margin-top:10px; padding:10px 12px; }
  .first-month-income>b { font-size:28px; }
  .first-month-income b small { font-size:10px; margin-left:6px; }
  .profile-option>button { padding:12px 8px; font-size:11px; }
}
@media(max-width:760px) {
  .chapter-mobile-tools>summary { display:flex; align-items:center; justify-content:space-between; }
  .chapter-mobile-tools>summary::after { position:static; margin:0; }
  .profile-help { display:none!important; }
}

/* Display the supplied horizontal mark without its transparent square margins. */
.site-header .brand { display:block; position:relative; width:200px; height:80px; overflow:hidden; flex-shrink:0; }
.site-header .brand img { position:absolute; width:225px; height:225px; max-width:none; left:-14px; top:-73px; object-fit:contain; }
@media(max-width:1000px) {
  .site-header .brand { width:125px; height:56px; }
  .site-header .brand img { position:static; width:125px; height:56px; object-fit:contain; }
}

/* Review corrections reuse the existing typography, palette and components. */
.mobile-nav-extra { display:none; }
.home-project-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
.home-project-actions .button { min-height:54px; padding:15px 20px; font-size:14px; }
.hero-form { min-width:0; scroll-margin-top:20px; }
.hero-form .form-card { padding:28px; }
.hero-form .form-title { font-size:27px; }
.place-opt-in { font-size:12px; text-align:left; }
.site-header .brand { height:80px; }
.site-header .brand picture { display:block; }
@media(max-width:1000px) {
  .navigation > .mobile-nav-extra { display:block; }
  .site-header .brand { height:56px; }
  .navigation.is-open { max-height:calc(100dvh - 100px); overflow-y:auto; }
}
@media(max-width:760px) {
  .home-project-actions { display:grid; }
  .home-project-actions .button { width:100%; }
  .hero-form .form-card { padding:23px; }
}
.listing-energy { position:absolute; bottom:14px; left:14px; padding:7px 10px; border-radius:6px; background:var(--navy); color:white; font-size:12px; font-weight:600; }
.listing-regulatory { margin-top:36px; padding-top:28px; border-top:1px solid var(--line); }
.regulatory-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.regulatory-grid dt { font-weight:600; font-size:13px; color:var(--navy); }
.regulatory-grid dd { margin:5px 0 0; font-size:14px; overflow-wrap:anywhere; }
.listing-regulatory p { font-size:13px; }
.editorial-article { max-width:850px; padding-block:65px; }
.editorial-article > img { width:100%; height:auto; margin:25px 0; border-radius:20px; }
.editorial-article h1 { font-size:clamp(34px,4vw,60px); }
.article-content { line-height:1.8; overflow-wrap:anywhere; }
.article-content h2 { font-size:30px; margin-top:35px; }.article-content h3 { font-size:24px; }
.article-content table { width:100%; display:block; overflow-x:auto; border-collapse:collapse; }
.article-content td,.article-content th { padding:10px; border:1px solid var(--line); }
.article-card > a { color:inherit; text-decoration:none; }.article-card img { width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:12px; }.article-card h2 { font-size:27px; }.article-byline { font-size:12px; color:var(--muted); }
.article-pagination { display:flex; flex-wrap:wrap; gap:8px; padding-bottom:50px; }.article-pagination a { padding:8px 13px; border:1px solid var(--line); border-radius:7px; text-decoration:none; }.article-pagination a[aria-current] { background:var(--navy); color:white; }
@media(min-width:1100px) { .listing-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.listing-card h2 { font-size:25px; } }
@media(max-width:760px) { .regulatory-grid { grid-template-columns:1fr; }.editorial-article { padding-block:35px; } }
.hero-form .form-card { padding:22px; }
.hero-form .field { margin-bottom:11px; }
.hero-form .field input,.hero-form .field select { min-height:42px; padding-block:8px; }
.hero-form .form-actions { margin-top:12px; }
.hero-form .form-actions .button { min-height:45px; padding:12px 20px; }
.hero-form .preview-note { margin-bottom:14px; font-size:11px; }
@media(min-width:761px) { .page-hero:has(.hero-form) { padding-top:35px; }.page-hero:has(.hero-form) .hero { align-items:start; }.hero-form .form-progress-label { margin-top:10px; } }
@media(max-width:1000px) { .site-header .menu-toggle { display:block; }.site-header .navigation { display:none; position:absolute; top:100%; left:0; right:0; background:var(--paper); padding:20px 28px 28px; border-bottom:1px solid var(--line); box-shadow:var(--shadow); }.site-header .navigation.is-open { display:grid; gap:0; }.site-header .navigation > a { padding:13px 0; }.site-header .navigation > .button { margin-top:12px; padding-inline:20px; } }
.hero-form progress { margin:0 0 12px; }
.hero-form legend { margin-bottom:12px; }
.hero-form .form-error:empty { display:none; }
.hero-form .form-card { padding:18px; }
@media(min-width:761px) { .page-hero:has(.hero-form) { padding-top:20px; } }
.teaser-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin:30px 0; }.teaser-grid h3 { font-size:25px; }.mortgage-simulation { max-width:850px; margin:auto; }.mortgage-simulation > p { color:var(--muted); font-size:14px; }.mortgage-simulation [role=status] { margin-top:20px; color:var(--navy); font-weight:600; }
@media(max-width:760px) { .teaser-grid { grid-template-columns:1fr; } }

/* Supplied kit media use the established Club palette, type and card language. */
.site-header .brand { width:200px; height:73px; overflow:visible; }
.site-header .brand img { position:static; width:200px; height:73px; max-width:100%; object-fit:contain; }
@media(max-width:1000px) { .site-header .brand,.site-header .brand img { width:125px; height:56px; } }
.product-shot { display:block; width:100%; height:auto; border:1px solid var(--line); border-radius:16px; background:white; }
.product-shots { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,70%); gap:24px; overflow-x:auto; scroll-snap-type:x mandatory; padding:6px 2px 18px; }
.product-shots figure { margin:0; min-width:0; scroll-snap-align:start; }
.product-shots figure:only-child { grid-column:auto; }
.product-shots figcaption,.valuation-proof figcaption { color:var(--muted); font-size:12px; padding-top:10px; }
.gallery-hint { color:var(--navy); font-size:12px; }
.valuation-proof { margin:0; }.valuation-proof .product-shot { width:100%; }
.reels-track { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,calc((100% - 66px)/4)); gap:22px; overflow-x:auto; padding:6px 2px 18px; scroll-snap-type:x mandatory; }
.reel-card { min-width:0; scroll-snap-align:start; }.reel-card h3 { font:600 15px/1.4 var(--sans); margin:13px 0 0; }
.reel-trigger { display:block; width:100%; aspect-ratio:9/16; padding:0; border:0; border-radius:18px; overflow:hidden; position:relative; cursor:pointer; background:var(--navy); }
.reel-poster { display:block; width:100%; height:100%; object-fit:cover; transition:transform .3s; }
.reel-trigger:hover .reel-poster { transform:scale(1.025); }.reel-trigger:focus-visible { outline:3px solid var(--orange); outline-offset:4px; }
.reel-play { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#1e387be6; border:1px solid #ffffff80; color:white; width:55px; height:55px; display:grid; place-items:center; border-radius:50%; font-size:29px; }
.reel-duration { position:absolute; right:12px; bottom:12px; border-radius:20px; background:#182640d9; color:white; padding:5px 10px; font-size:11px; }
.founder-portraits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; }.founder-portraits h3 { font-size:27px; margin-top:18px; }.founder-portraits p { color:var(--muted); font-size:14px; }.founder-portrait { display:block; width:100%; aspect-ratio:4/5; object-fit:cover; object-position:center 22%; border-radius:18px; }
.team-panorama { display:block; width:100%; height:auto; border-radius:22px; }.territory-list { display:flex; flex-wrap:wrap; list-style:none; padding:0; gap:10px; margin:25px 0; }.territory-list li { padding:9px 14px; border:1px solid var(--line); border-radius:24px; font-size:13px; }
.proof-metrics,.commission-tiers { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; padding-block:28px; border-block:1px solid var(--line); }.proof-metrics strong,.commission-tiers strong { display:block; font:34px var(--serif); color:var(--navy); margin-bottom:8px; }.proof-metrics span,.commission-tiers span { display:block; color:var(--muted); font-size:13px; max-width:270px; }.proof-source { font-size:11px; color:var(--muted); margin-block:12px 0; }.commission-tiers { margin-bottom:24px; }
.testimonials-grid { display:grid; grid-template-columns:1fr 1fr; gap:25px; }.testimonials-grid figure { margin:0; padding:28px; background:white; border:1px solid var(--line); border-radius:18px; }.testimonial-portrait { width:70px; height:70px; object-fit:cover; border-radius:50%; }.testimonials-grid blockquote { margin:20px 0; font:22px/1.5 var(--serif); }.testimonials-grid figcaption { font-size:12px; color:var(--muted); }
@media(max-width:760px) { .reels-track { grid-auto-columns:72%; gap:16px; }.product-shots { grid-auto-columns:94%; gap:16px; }.founder-portraits { grid-template-columns:1fr; }.founder-portrait { max-height:380px; }.proof-metrics { grid-template-columns:1fr; gap:22px; }.proof-metrics strong { font-size:29px; }.commission-tiers { gap:12px; }.commission-tiers strong { font-size:29px; }.testimonials-grid { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { .reel-poster { transition:none; }.reel-trigger:hover .reel-poster { transform:none; } }

.product-shots:has(figure:only-child) { grid-auto-columns:100%; }

/* Product storytelling inspired by the purchased template, in Club tokens. */
.product-gallery-stage { padding:30px 30px 10px; border:1px solid #1e387b12; border-radius:28px; background:radial-gradient(ellipse at 85% 10%,#e79a3420,transparent 48%),linear-gradient(135deg,var(--soft-blue),var(--cream)); }
.product-shots { grid-auto-columns:82%; gap:30px; padding:10px 2px 24px; scrollbar-width:none; }
.product-shots::-webkit-scrollbar,.reels-track::-webkit-scrollbar { display:none; }
.product-window { border:1px solid #1e387b22; border-radius:14px; overflow:hidden; box-shadow:0 14px 28px #18264012; background:white; }
.product-window-bar { display:flex; align-items:center; justify-content:space-between; padding:11px 16px; border-bottom:1px solid var(--line); color:var(--muted); font-size:10px; }
.product-window-bar > :first-child { letter-spacing:3px; color:#c8cfdb; }.product-window-bar > :nth-child(2) { color:var(--navy); font-weight:650; }
.product-window .product-shot { border:0; border-radius:0; }
.product-shots figcaption { display:flex; align-items:center; gap:12px; padding-top:17px; font-size:14px; color:var(--ink); }
.shot-number { font-size:10px; letter-spacing:1px; border:1px solid #1e387b30; color:var(--navy); border-radius:50%; width:28px; height:28px; display:grid; place-items:center; flex-shrink:0; }
.gallery-footer { display:flex; justify-content:space-between; align-items:center; gap:14px; margin-top:20px; }.gallery-footer p { margin:0; }.gallery-controls { display:flex; align-items:center; gap:14px; flex-shrink:0; }.gallery-controls button { width:43px; height:43px; border-radius:50%; border:1px solid #1e387b30; color:var(--navy); background:transparent; transition:background .2s,color .2s; }.gallery-controls button:hover:not(:disabled) { background:var(--navy); color:white; }.gallery-controls button:disabled { opacity:.28; cursor:default; }.gallery-controls span { min-width:36px; text-align:center; color:var(--muted); font-size:12px; font-variant-numeric:tabular-nums; }
.reels-section { position:relative; }.reels-track { gap:20px; padding-bottom:10px; }.reel-trigger { aspect-ratio:3/4; border-radius:22px; isolation:isolate; text-align:left; box-shadow:0 8px 20px #18264012; }.reel-trigger::after { content:''; position:absolute; inset:0; z-index:0; background:linear-gradient(180deg,#18264045,transparent 35%,#182640e8 100%); }.reel-poster { transition:transform .5s ease; }.reel-trigger:hover .reel-poster { transform:scale(1.045); }.reel-topline { position:absolute; top:18px; left:18px; color:white; font-size:9px; letter-spacing:1.7px; z-index:1; }.reel-play { z-index:1; width:49px; height:49px; background:#ffffff22; backdrop-filter:blur(8px); font-size:25px; top:43%; transition:background .2s; }.reel-trigger:hover .reel-play { background:var(--navy); }.reel-caption { position:absolute; left:20px; right:20px; bottom:20px; color:white; z-index:1; }.reel-caption strong { display:block; font:24px/1.13 var(--serif); margin:10px 0; }.reel-caption .reel-duration { position:static; padding:0; font-size:10px; background:none; color:#ffffffb8; }.reel-watch { display:block; font-size:10px; color:#ffffffcb; padding-top:10px; border-top:1px solid #ffffff35; }
.proof-metrics { border:0; border-radius:22px; padding:30px; background:var(--soft-blue); gap:30px; }.proof-metrics > div + div { border-left:1px solid #1e387b20; padding-left:30px; }.proof-metrics strong { font-size:42px; }.proof-metrics > div:first-child strong { color:var(--navy); }.proof-metrics > div:first-child { position:relative; }.proof-metrics > div:first-child::before { content:''; display:block; width:30px; height:3px; background:var(--orange); margin-bottom:13px; }
@media(max-width:760px) { .product-gallery-stage { padding:14px 14px 4px; border-radius:20px; }.product-shots { grid-auto-columns:94%; gap:17px; }.product-window-bar { padding:9px; }.product-window-bar > :last-child { display:none; }.product-shots figcaption { font-size:12px; gap:8px; }.reels-track { grid-auto-columns:80%; }.reel-trigger { aspect-ratio:3/4; }.gallery-footer { align-items:start; }.gallery-hint { max-width:170px; font-size:11px; }.gallery-controls { gap:8px; }.gallery-controls button { width:36px; height:36px; }.proof-metrics { padding:25px; }.proof-metrics > div + div { border-left:0; border-top:1px solid #1e387b20; padding:20px 0 0; }.proof-metrics strong { font-size:36px; } }
@media(prefers-reduced-motion:reduce) { .reel-poster,.gallery-controls button,.reel-play { transition:none; }.reel-trigger:hover .reel-poster { transform:none; } }
.product-window .product-shot { aspect-ratio:16/10; object-fit:contain; background:white; }
.reel-topline { background:#182640b8; border:1px solid #ffffff35; border-radius:20px; padding:5px 9px; top:12px; left:12px; }
@media(min-width:761px) { .reels-track { grid-auto-columns:minmax(0,calc((100% - (var(--reel-columns,4) - 1)*20px)/var(--reel-columns,4))); } }

/* Kairos: a product-led opening and editorial bento, using Club identity. */
.kairos-opening { overflow:hidden; background:radial-gradient(ellipse at 50% 80%,#1e387b12,transparent 65%),var(--paper); padding-top:55px; }
.product-intro { text-align:center; max-width:900px; margin:auto; }.product-intro .eyebrow { justify-content:center; }.product-intro h1 { font-size:clamp(46px,5.3vw,76px); line-height:1.08; letter-spacing:-2.8px; margin:22px 0; }.product-intro h1 em { color:var(--navy); }.product-intro > p { max-width:740px; margin:0 auto; color:var(--muted); font-size:16px; }.product-intro-actions { display:flex; align-items:center; justify-content:center; gap:28px; margin-top:25px; }.product-intro-actions .text-link { font-size:13px; }
.ecosystem-scene { position:relative; max-width:1100px; margin:50px auto 0; padding:25px 120px 80px; }.scene-orbit { position:absolute; width:720px; height:720px; border:1px solid #1e387b15; border-radius:50%; top:0; left:50%; transform:translateX(-50%); pointer-events:none; }.scene-orbit::after { content:''; position:absolute; inset:60px; border:1px dashed #1e387b18; border-radius:50%; }.scene-browser { position:relative; z-index:1; background:white; border:1px solid #1e387b25; border-radius:16px; overflow:hidden; transform:perspective(1800px) rotateX(5deg) rotateY(-8deg); box-shadow:22px 32px 50px #18264020; }.scene-toolbar { display:flex; justify-content:space-between; padding:13px 20px; font-size:10px; color:var(--muted); border-bottom:1px solid var(--line); }.scene-toolbar strong { color:var(--navy); }.scene-toolbar > :first-child { color:#c8cfdb; letter-spacing:3px; }.scene-main { width:100%; aspect-ratio:16/10; object-fit:contain; }.scene-float { position:absolute; z-index:2; }.scene-90 { top:15px; right:0; background:var(--navy); color:white; padding:25px; border-radius:20px; width:205px; box-shadow:0 20px 40px #18264020; transform:rotate(5deg); }.scene-90 > span { font-size:9px; letter-spacing:2px; color:#ffffffaa; }.scene-90 strong { display:block; font:51px/1.2 var(--serif); margin:12px 0; }.scene-90 p { font-size:12px; color:#ffffffce; margin:0; }.scene-milestones { display:flex; gap:8px; margin-top:20px; }.scene-milestones i { width:35px; height:4px; border-radius:4px; background:#ffffff40; }.scene-milestones i:first-child { background:var(--orange); }.scene-human { position:absolute; bottom:38px; left:0; width:245px; z-index:2; transform:rotate(-5deg); padding:7px; background:white; border-radius:17px; box-shadow:0 15px 35px #18264025; }.scene-human img { aspect-ratio:16/10; width:100%; object-fit:cover; border-radius:12px; }.scene-human > span { display:block; padding:12px; font-size:11px; line-height:1.5; }.scene-label { position:absolute; top:45px; left:-20px; font:22px/1.2 var(--serif); color:var(--ink); }.scene-label em { color:var(--navy); }.scene-tag { position:absolute; right:25px; bottom:48px; background:white; border:1px solid var(--line); z-index:2; padding:13px 20px; border-radius:30px; font-size:11px; box-shadow:0 10px 25px #1826400c; }.scene-tag b { color:var(--orange); padding-inline:12px; }.scene-baseline { display:flex; flex-wrap:wrap; gap:25px; justify-content:center; padding:15px 0 45px; font-size:11px; color:var(--navy); position:relative; }.scene-baseline span::before { content:'✦'; color:var(--orange); margin-right:10px; }
.ecosystem-highlights { padding-block:90px; }.ecosystem-highlights h2 em { color:var(--navy); }.ecosystem-bento { display:grid; grid-template-columns:1.15fr 1fr; gap:24px; }.ecosystem-bento article { overflow:hidden; border:1px solid #1e387b16; border-radius:26px; min-width:0; position:relative; }.bento-copy { padding:35px; }.bento-copy .eyebrow { font-size:9px; letter-spacing:1.7px; }.bento-copy h3 { font-size:36px; line-height:1.12; margin:15px 0; }.bento-copy h3 em { color:var(--navy); }.bento-copy p { font-size:14px; color:var(--muted); max-width:460px; }.bento-copy .text-link { font-size:12px; }.bento-90 { background:var(--soft-blue); }.bento-screenshot { margin:0 -30px -20px 35px; transform:rotate(-4deg); border:6px solid white; border-radius:15px; overflow:hidden; box-shadow:0 10px 35px #18264015; }.bento-screenshot img { width:100%; }.bento-communication { background:var(--navy); color:white; display:flex; flex-direction:column; }.bento-communication > img { width:100%; height:240px; object-fit:cover; object-position:center 35%; }.bento-communication .bento-copy { flex:1; background:linear-gradient(140deg,var(--navy),#182640); }.bento-communication .eyebrow,.bento-communication .bento-copy p { color:#ffffffbe; }.bento-communication .bento-copy h3 em { color:white; }.bento-contact { background:var(--cream); }.bento-contact > img { width:calc(100% - 70px); margin:0 35px 35px; border-radius:12px; box-shadow:0 12px 25px #18264012; }.bento-evolution { background:white; }.bento-evolution > img { width:calc(100% - 70px); margin:0 35px 24px; border:1px solid var(--line); border-radius:12px; }.bento-evolution details { margin:0 35px 25px; border-top:1px solid var(--line); }.bento-evolution summary { padding-block:15px; font-size:12px; color:var(--navy); cursor:pointer; list-style:none; display:flex; justify-content:space-between; gap:10px; }.bento-evolution details img { border-radius:10px; border:1px solid var(--line); }
@media(max-width:1000px) { .scene-label { display:none; }.ecosystem-scene { padding:20px 70px 75px; }.scene-90 { width:170px; padding:20px; }.scene-90 strong { font-size:40px; }.scene-human { width:195px; }.bento-copy { padding:27px; }.bento-copy h3 { font-size:30px; } }
@media(max-width:760px) { .kairos-opening { padding-top:35px; }.product-intro h1 { font-size:43px; letter-spacing:-1.7px; }.product-intro > p { font-size:13px; line-height:1.7; }.product-intro-actions { flex-direction:column; gap:18px; }.product-intro-actions .button { width:100%; }.ecosystem-scene { margin-top:30px; padding:55px 6px 90px; }.scene-browser { transform:rotate(-3deg); border-radius:10px; }.scene-toolbar { padding:8px; font-size:8px; }.scene-toolbar > :last-child { display:none; }.scene-90 { top:0; right:-2px; width:130px; padding:12px; border-radius:13px; }.scene-90 strong { font-size:29px; margin:5px 0; }.scene-90 > span { font-size:7px; }.scene-90 p { font-size:9px; }.scene-milestones { margin-top:10px; }.scene-human { width:150px; bottom:10px; left:0; padding:5px; }.scene-human > span { padding:6px; font-size:8px; }.scene-tag { right:0; bottom:38px; padding:9px 10px; font-size:8px; }.scene-tag b { padding-inline:4px; }.scene-orbit { width:360px; height:360px; }.scene-baseline { gap:12px 18px; padding:25px 0 30px; font-size:10px; }.ecosystem-highlights { padding-block:50px; }.ecosystem-bento { grid-template-columns:1fr; gap:18px; }.bento-copy { padding:25px; }.bento-copy h3 { font-size:32px; }.bento-copy p { font-size:13px; }.bento-communication > img { height:210px; }.bento-contact > img,.bento-evolution > img { width:calc(100% - 40px); margin-inline:20px; }.bento-evolution details { margin-inline:20px; } }
.scene-90 strong { white-space:nowrap; font-size:44px; }.scene-label { top:-20px; left:5px; font-size:18px; }
@media(max-width:1000px) { .scene-90 strong { font-size:36px; } }
@media(max-width:760px) { .scene-90 strong { font-size:27px; } }
.revenue-path-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin:25px 0; }.revenue-path-grid article { padding:32px; border:1px solid #1e387b20; border-radius:22px; background:var(--soft-blue); }.revenue-path-grid article:nth-child(2) { background:var(--cream); }.revenue-path-grid h3 { font-size:30px; margin:20px 0 15px; }.revenue-path-grid p { font-size:14px; color:var(--muted); margin:0; }
@media(max-width:760px) { .revenue-path-grid { grid-template-columns:1fr; }.revenue-path-grid article { padding:25px; }.revenue-path-grid h3 { font-size:27px; } }
/* The supplied 90-day capture includes wide white gutters: frame the interface itself. */
.product-window:has(.product-shot[src$="/k-90-jours.webp"]) .product-shot { width:150%; max-width:none; margin-left:-25%; height:auto; aspect-ratio:auto; }
.founder-portraits h3 { font-family:var(--serif); font-weight:400; color:var(--navy); }
.platform-live-photo { width:100%; aspect-ratio:4/3; object-fit:cover; object-position:center 42%; border-radius:18px; border:1px solid #ffffff50; }
.testimonial-draft { display:block; margin-top:8px; font-size:11px; color:var(--muted); }

.collective-loop{display:block;width:100%;height:clamp(360px,45vw,580px);object-fit:cover;border-radius:24px;background:var(--navy)}

.lab-tabs{display:flex;gap:clamp(24px,4vw,60px);border-bottom:1px solid #dce3ef;margin-bottom:48px;overflow-x:auto;scrollbar-width:thin}.lab-tabs a{position:relative;flex-shrink:0;padding:22px 0 25px;color:var(--muted);font-weight:600;text-decoration:none}.lab-tabs a[aria-current],.lab-tabs a:hover{color:var(--navy)}.lab-tabs a[aria-current]::after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--orange);border-radius:5px 5px 0 0}@media(max-width:760px){.lab-tabs{gap:26px;margin-bottom:28px}.lab-tabs a{font-size:14px;padding-block:18px}}

.lab-intro{max-width:1184px;padding-bottom:40px}.lab-intro h1{max-width:800px}.lab-tabs{justify-content:space-between;gap:30px}.lab-tabs a{font-family:var(--serif);font-size:21px;font-weight:400;letter-spacing:-.3px;padding:20px 0 22px}.lab-tabs a[aria-current]{color:var(--navy)}@media(max-width:760px){.lab-intro{padding-bottom:24px}.lab-tabs{justify-content:flex-start;gap:28px}.lab-tabs a{font-size:18px;padding-block:16px}}

/* A welcoming entrance for people looking for their next home. */
.buyer-page .page-hero { background: radial-gradient(ellipse at 8% 15%,#f8e6cc 0,transparent 52%),linear-gradient(135deg,#f5f2eb,#faf7f1); border-bottom:1px solid #e7dfd2; }
.buyer-page .hero-form .form-card { background:#fffdf9; border-color:#e8ddcd; box-shadow:0 22px 60px #69503112; border-top:4px solid var(--orange); }
.buyer-page .hero-copy > p { color:#625e58; }
.buyer-page .hero-form input,.buyer-page .hero-form select,.buyer-page .hero-form textarea { background:#fff; }
.buyer-page .page-hero .trust-list { color:#60574b; }
.buyer-page .page-hero + section { background:#fbf8f2; }
.buyer-page .place-popup { background:#fffdf9; }