.home-page h1{font-size:clamp(42px,3.62vw,52px);line-height:1;letter-spacing:-.015em}.home-page h2,.brief-copy h3{font-size:clamp(36px,3.34vw,48px);line-height:1;letter-spacing:normal}.home-page p{color:#515151}.home-page>section:first-child{display:flex;flex-direction:column;min-height:calc(100vh - var(--home-header));min-height:calc(100lvh - var(--home-header))}.home-hero{min-height:var(--home-hero-height);display:flex;align-items:center;padding-block:var(--hero-space);flex:none}.home-hero p{max-width:630px;line-height:1.6;margin:var(--home-copy-gap) 0}.home-bay{display:block;position:relative;overflow:hidden;width:100%;flex:1 0 var(--home-panorama);min-height:var(--home-panorama)}.home-bay img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.home-section{padding-block:var(--section-space)}.home-lead{margin-top:32px;line-height:1.5}.stage-grid,.home-metrics,.offer-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.stage-grid{margin-top:24px}.stage-card{min-height:471px;padding-bottom:56px;border-radius:20px;background:#f6f5f3;overflow:hidden;position:relative;isolation:isolate}.stage-card>img{position:absolute;z-index:-2;bottom:0;width:100%;height:70%;object-fit:cover;filter:blur(4px)}.stage-card:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(#f6f5f3 0%,#f6f5f3 41%,transparent 65%)}.stage-copy{padding:24px}.stage-card h3,.home-metrics h3,.offer-cards h4{font-size:28px;line-height:1.07}.stage-card p{font-size:16px;line-height:24px;margin-top:16px}.learn-row,.offer-end{display:flex;align-items:flex-start;justify-content:space-between;gap:28px}.learn-row{margin-top:24px}.learn-row h3,.offer-story h3{font-size:clamp(32px,2.78vw,40px);line-height:1.4;letter-spacing:-.02em}.learn-row em{font-style:normal;color:#f34a25}.learn-row p,.offer-end p{max-width:630px}.learn-row p{margin-top:16px}
.home-outcomes,.home-offers,.home-integrations,.home-faq{padding-block-start:var(--section-start)}.brief{display:grid;grid-template-columns:1fr 1fr;gap:5.7%;align-items:center;padding:48px;min-height:416px;border-radius:12px;margin:var(--home-outcomes-gap) 0;background:linear-gradient(90deg,#f9f6f1 0%,#f9f6f1 36%,transparent 62%),url('/assets/home/cost-per-result-image-and-cta.webp') center/cover}.brief-copy{min-height:320px;display:flex;flex-direction:column;justify-content:space-between}.brief-copy p{max-width:470px;margin-bottom:24px}.brief-example{width:100%;max-width:490px;margin-inline:auto;background:#fffE;border-radius:16px;padding:28px}.brief-example h4{font-size:26px;line-height:1.15;margin-bottom:18px}.brief-example p{font-size:16px;line-height:1.5;color:#242424;margin-top:12px}.brief-example p:last-child{border-top:1px solid #ccc;padding-top:16px}.home-metrics{gap:36px}.home-metrics p,.offer-cards p{margin-top:9px;font-size:17px;line-height:1.5}
.offer-tabs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:36px 0}.offer-tabs button{display:inline-flex;align-items:center;gap:6px;border-radius:28px;padding:12px clamp(14px,1.3vw,21px);font-size:18px;font-weight:500;line-height:27px;background:#f4f3f1;white-space:nowrap}.offer-tabs button[aria-selected=true]{background:#242424;color:#fff}.offer-tabs button img{filter:brightness(0)}.offer-tabs button[aria-selected=true] img{filter:brightness(0) invert(1)}.offer-intro{max-width:810px;margin:0 0 36px}.ck-scene{width:100%;overflow:hidden;border-radius:24px;background:#f4f3f1;container-type:inline-size}.ck-scene>div{width:100%;max-width:100%}.offer-cards h4{margin-top:21px;font-size:27px}.offer-story{padding-top:var(--home-offer-half-gap);margin-top:var(--home-offer-half-gap);border-top:1px solid #e3e2de}.offer-story h3 img{display:inline-block;vertical-align:middle;margin-right:8px;filter:brightness(0)}.offer-story h3 a{background:var(--accent);color:white;padding:0 .14em}.offer-qa{max-width:577px;margin:40px 0 40px auto;display:grid;gap:12px}.offer-qa details{background:#eef5f4;position:relative}.offer-qa details[open]{background:#d2e3e2}.offer-qa details:before{content:'';pointer-events:none;position:absolute;inset:0;background:radial-gradient(circle at 2px 2px,#486965 1.4px,transparent 2px) 0 0/4px 4px no-repeat,radial-gradient(circle at 2px 2px,#486965 1.4px,transparent 2px) 100% 100%/4px 4px no-repeat}.offer-qa summary,.faq-list summary{font-family:var(--serif);font-size:24px;line-height:1.25;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:24px}.offer-qa details p,.faq-list details p{padding:0 24px 24px}.offer-qa summary span,.faq-list summary span{width:20px;height:20px;flex:none;position:relative}.offer-qa summary span:before,.offer-qa summary span:after,.faq-list summary span:before,.faq-list summary span:after{content:'';background:currentColor;width:13px;height:1.5px;position:absolute;top:50%;left:3px}.offer-qa details:not([open]) summary span:after,.faq-list details:not([open]) summary span:after{transform:rotate(90deg)}.offer-end{align-items:center}.home-integrations h2{margin-bottom:48px}.integration-flow{font-size:clamp(22px,2.1vw,30px);line-height:1.75}.product-mention{white-space:nowrap;color:#202020}.product-logo{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin-right:6px}.product-unit.rapid{display:inline-block;vertical-align:middle}.integration-note{margin-top:26px}
.home-faq{display:grid;grid-template-columns:minmax(0,440fr) minmax(0,740fr);gap:6.3%}.home-faq .home-lead{margin-top:24px}.faq-list{display:grid;gap:8px}.faq-list details{border-radius:12px}.faq-list details[open]{background:#f6f5f3}.offer-qa summary{font-variation-settings:'SERF' 0;font-weight:400;letter-spacing:-.02em;line-height:1.21}.faq-list summary{gap:24px;line-height:1;font-size:28px;font-weight:420;font-variation-settings:'SERF' 50}.home-closing{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:960px;padding:var(--section-start) 0 48px;isolation:isolate}.home-closing picture,.home-closing picture img,.home-closing:before{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.home-closing:before{content:'';z-index:-1;background:linear-gradient(to bottom,white 0%,#fffffff8 13%,#ffffffcb 27%,#ffffff40 46%,transparent 67%),linear-gradient(to top,#f8e8d3de 0%,#f8e8d34d 12%,transparent 21%)}.invitation{text-align:center}.invitation h2{font-size:clamp(40px,4.45vw,64px);line-height:1}.invitation p{max-width:820px;margin:24px auto}.closing-foot{display:flex;align-items:end;justify-content:space-between;gap:20px}.closing-foot a{font-size:24px}.closing-foot small{display:block;font-size:14px}
@media(max-width:1000px){.brief{padding:32px;gap:24px}.offer-cards,.stage-grid{gap:16px}.ck-scene>div{zoom:.8}.home-faq{grid-template-columns:1fr 1.5fr}.stage-card{min-height:410px}}
@media(max-width:700px){.wide-break{display:none}.stage-grid,.home-metrics,.offer-cards,.home-faq,.brief{grid-template-columns:1fr}.stage-card{min-height:360px}.stage-card>img{height:70%}.stage-copy{padding:20px}.stage-copy p{max-width:440px;margin-top:10px}.stage-card h3 br{display:none}.learn-row,.offer-end{flex-direction:column;align-items:flex-start;gap:20px}.brief{padding:24px;gap:28px;min-height:0;background:linear-gradient(to bottom,#f9f6f1 0%,#f9f6f1 24%,transparent 82%),url('/assets/home/cost-per-result-image-and-cta.webp') center/cover}.brief-copy{min-height:0;gap:16px}.brief-example{padding:20px}.home-metrics{gap:24px}.offer-tabs{margin:24px 0;gap:8px}.offer-tabs button{min-height:42px;padding:8px 12px;font-size:14px}.offer-intro{margin-bottom:24px}.offer-cards{gap:28px}.offer-cards h4{margin-top:12px}.ck-scene>div{zoom:1}.offer-qa{margin:28px 0;max-width:none}.offer-qa summary,.faq-list summary{font-size:22px;padding:18px}.offer-qa details p,.faq-list details p{padding:0 18px 18px}.home-faq{gap:24px}.home-integrations h2{margin-bottom:24px}.closing-foot{align-items:start;flex-wrap:wrap}.home-closing{padding-bottom:32px}.home-page .product-unit.rapid img{width:100px;height:auto}.home-page .product-logo{width:25px;height:25px}}

.home-page {
  --home-header: 80px;
  --home-hero-height: 520px;
  --home-panorama: 450px;
  --home-process-gap: 96px;
  --home-outcomes-gap: 80px;
  --home-copy-gap: 32px;
  --home-offer-half-gap: 48px;
}
.home-process[id] { scroll-margin-block-start: calc(-1 * var(--section-space)); }
.home-offers[id] { scroll-margin-block-start: calc(-1 * var(--section-start)); }
@media (min-width: 1600px) {
  .home-page { --home-hero-height: 560px; --home-panorama: 510px; }
}
@media (max-width: 1000px) {
  .home-page { --home-hero-height: 480px; --home-panorama: 360px; --home-process-gap: 64px; }
  .home-closing { min-height: 850px; }
}
@media (max-width: 920px) {
  .home-page { --home-header: 68px; }
}
@media (max-width: 760px) {
  .home-page { --home-hero-height: 0px; }
  .home-bay img { object-position: 60% center; }
  .home-closing { min-height: 800px; }
}
@media (max-width: 600px) {
  .home-page { --home-offer-half-gap: 32px; }
}
@media (max-width: 480px) {
  .home-page { --home-copy-gap: 40px; --home-panorama: 290px; --home-outcomes-gap: 64px; }
  .home-closing { min-height: 780px; }
}
@media (orientation: landscape) and (max-height: 550px) {
  .home-page { --home-hero-height: 0px; --hero-space: 40px; --home-panorama: 45vh; }
}

.home-actions, .closing-foot nav { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 20px; }
.invitation .home-actions { justify-content: center; }
.home-text-link { display: inline-block; padding-block: 8px; text-decoration: underline; text-underline-offset: .2em; }
.stage-card .process-step, .learn-row .process-step { margin: 0 0 8px; font-size: 15px; line-height: 1.35; }
.stage-copy .home-text-link { position: relative; z-index: 1; font-size: 15px; line-height: 1.4; }
.closing-foot nav a, .closing-foot > a { font-size: 16px; color: inherit; }

/* Keep the offer controls in place while the previous panel leaves. */
.offer-panels { position: relative; }
.offer-panels > [hidden] { position: absolute; inset: 0 0 auto; pointer-events: none; }
.offer-panels[data-direction=right] { --offer-x: 12px; --offer-y: 0px; }
.offer-panels[data-direction=left]  { --offer-x: -12px; --offer-y: 0px; }
.offer-panels[data-direction=down]  { --offer-x: 0px; --offer-y: 8px; }
.offer-panels[data-direction=up]    { --offer-x: 0px; --offer-y: -8px; }

.offer-tabs button, .home-page details {
  transition: background-color 130ms ease, color 130ms ease;
}
.offer-tabs button:active { background: #d9d8d3; }
.offer-tabs button[aria-selected=true]:active { background: #3c3c3c; }
.offer-story h3 a:focus-visible { text-decoration: underline; }

@media (hover: hover) and (pointer: fine) {
  .offer-tabs button:not([aria-selected=true]):hover { background: #e8e7e2; }
  .offer-story h3 a:hover { text-decoration: underline; }
}
@media (prefers-reduced-motion: no-preference) {
  .offer-tabs button {
    transition: transform 130ms cubic-bezier(.22,1,.36,1), background-color 130ms ease, color 130ms ease;
  }
  .offer-tabs button:active {
    transform: scale(.97);
    transition-duration: 0s;
  }
  .home-page details summary span::after { transition: transform 150ms cubic-bezier(.22,1,.36,1); }

  @supports (transition-behavior: allow-discrete) {
    .offer-panels[data-direction] > [role=tabpanel] {
      transition: opacity 160ms ease-out, transform 190ms cubic-bezier(.25,1,.5,1), display 190ms allow-discrete;
    }
    .offer-panels[data-direction] > [hidden] {
      opacity: 0;
      transform: translate(calc(-1 * var(--offer-x)), calc(-1 * var(--offer-y)));
      transition-duration: 110ms;
    }
    @starting-style {
      .offer-panels[data-direction] > [role=tabpanel]:not([hidden]) {
        opacity: 0;
        transform: translate(var(--offer-x), var(--offer-y));
      }
    }
  }
  /* This small container tween keeps neighbouring questions attached to the answer. */
  @supports (interpolate-size: allow-keywords) and selector(details::details-content) {
    .home-page details::details-content {
      interpolate-size: allow-keywords;
      block-size: 0;
      opacity: 0;
      overflow: clip;
      transition: block-size 160ms cubic-bezier(.22,1,.36,1), opacity 120ms ease-out, content-visibility 160ms allow-discrete;
    }
    .home-page details[open]::details-content { block-size: auto; opacity: 1; }
  }
}

.home-hero em { color:var(--accent); font-style:normal; }
.home-process>h2 { max-width:505px; }
.home-process>.home-lead { max-width:560px; margin-top:16px; }
.home-process > .home-lead u { color:var(--ink); text-underline-position:from-font; }
.process-intro { margin:48px 0 0; display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:4px 24px; }
.process-intro h3 { font:inherit; color:var(--secondary); }
.process-intro strong, .process-intro p span { font-family:var(--serif); font-variation-settings:'SERF' 50; color:var(--ink); }
.process-intro strong { font-weight:580; }
.process-intro p { color:var(--ink); }
.process-intro p span { font-weight:420; }
.stage-card h3 { line-height:1; }
.stage-card .process-step,.learn-row .process-step { font-size:11px; line-height:normal; margin:0 0 16px; }
.meet-chameleon { position:absolute; bottom:7px; left:7px; right:7px; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:12px 16px; border-radius:18px; background:white; z-index:2; line-height:24px; }
.meet-chameleon em { color:var(--accent); font-style:normal; }
.meet-chameleon img { filter:brightness(0); }
.learn-row { background:#f6f5f3; border-radius:20px; padding:32px 24px; align-items:center; }
.learn-row h3 { letter-spacing:normal; font-size:28px; line-height:1; }
.learn-row p { max-width:410px; font-size:16px; line-height:24px; }
.home-band { background:var(--accent); color:white; padding-block:var(--section-space); }
.home-band>.wrap { display:flex; align-items:center; justify-content:space-between; gap:32px; }
.home-band p { max-width:470px; color:white; margin-top:64px; }
.band-actions { display:grid; justify-items:start; gap:24px; }
.band-actions .ck-action { background:white; color:var(--ink); }
.band-actions img { filter:brightness(0); }
.offer-art { width:100%; container-type:inline-size; overflow:hidden; border-radius:24px; }

.home-closing::before { pointer-events:none; }
.invitation>.ck-action { margin-top:24px; }
@media(max-width:700px) {
 .home-band>.wrap,.learn-row { flex-direction:column; align-items:start; }
 .home-band p { margin-top:24px; }


 .closing-foot nav { flex-wrap:wrap; }
}

.faq-list summary span { width:32px; height:32px; background:center/contain no-repeat url('/assets/faq-imgExpandPlus.svg'); }
.faq-list details[open] summary span { background-image:url('/assets/faq-imgCollapseMinus.svg'); }
.faq-list summary span::before, .faq-list summary span::after { content:none; }