/* Hero styling is shared with the AI homepage through refinement.css. */
/* Match the fade endpoint to the white section immediately below. */
.data-page #hero::after{--paper:#fff}

/* Supplied copy, set in the existing paper, serif, brass and green palette. */
.copy-opening-grid,.copy-premise-grid,.copy-section-heading,.copy-privacy-grid,.copy-process-grid,.copy-price-grid,.copy-industry-grid,.copy-questions-grid{display:grid}
.copy-opening-grid>*,.copy-premise-grid>*,.copy-section-heading>*,.copy-privacy-grid>*,.copy-process-grid>*,.copy-price-grid>*,.copy-industry-grid>*,.copy-questions-grid>*{min-width:0}
.copy-opening-grid{grid-template-columns:1.1fr .9fr;gap:100px;align-items:center}
.copy-opening h2{font-size:clamp(48px,5vw,72px);max-width:650px}
.copy-opening-body p{font-size:21px;line-height:1.7;max-width:470px}
.copy-opening-body .btn-dark{margin-top:32px}
.copy-premise{padding-top:0}
.copy-premise-grid{grid-template-columns:1fr .85fr;gap:110px;align-items:start;padding-top:68px}
.copy-premise h2{font-size:clamp(38px,3.6vw,52px);max-width:610px}
.copy-premise p{font-size:18px;line-height:1.8}
.copy-premise p+p{margin-top:24px}
.copy-section-heading{grid-template-columns:1.1fr .8fr;gap:100px;align-items:end;margin-bottom:58px}
.copy-section-heading h2{font-size:clamp(46px,4.8vw,68px);max-width:690px}
.copy-section-heading>p{font-size:18px;line-height:1.75;max-width:440px}
.copy-assets{background:#fff;border-bottom:1px solid #e0e1d7}
.copy-assets .copy-section-heading{margin-bottom:0}
/* Match the homepage's muted integration marks. */
.copy-data-sources{border-top:1px solid #dde1d6;margin-top:48px;padding-top:36px;text-align:center}
.copy-data-sources h3{font:400 38px/1.2 var(--serif);letter-spacing:-.02em;margin-bottom:32px}
.copy-source-logo-row{gap:48px 56px}
.copy-source-logo-row img{height:36px;max-width:84px;object-fit:contain}
@media(max-width:700px){
  .copy-data-sources{margin-top:36px;padding-top:32px}
  .copy-data-sources h3{font-size:32px;margin-bottom:28px}
  .copy-source-logo-row{display:grid;grid-template-columns:repeat(3,64px);gap:28px 24px;justify-items:center}
  .copy-source-logo-row img{height:32px;max-width:64px}
}
/* One conversation, revealed before and after anonymisation. */
.anonymisation-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:80px;align-items:center}
.anonymisation-layout>h2{font-size:clamp(44px,4.5vw,64px);max-width:480px;text-wrap:pretty}
.anonymisation-demo{min-width:0;margin:0}
.conversation-compare{position:relative;isolation:isolate;border:1px solid #d8ddd1;border-radius:12px;overflow:hidden;background:#fffefa;box-shadow:0 14px 45px #26302108}
.conversation-compare:focus-within{outline:2px solid var(--gold);outline-offset:5px}
.conversation-layer{background:#fffefa;min-width:0}
.conversation-layer--original{position:absolute;inset:0;z-index:0}
.conversation-layer--anonymised{position:relative;z-index:1;background:#f4f6ef}
.is-interactive .conversation-layer--anonymised{clip-path:inset(0 calc(100% - var(--anonymised-amount,55%)) 0 0)}
.conversation-channel{display:flex;align-items:center;gap:7px;padding:16px 22px;border-bottom:1px solid #dce1d5;font-size:14px;font-weight:500;color:#37412f}
.conversation-channel>span:first-child{font-size:23px;font-weight:400;line-height:1;color:#87917c}
.conversation-messages{padding:22px;display:grid;gap:23px}
.conversation-message{display:grid;grid-template-columns:32px minmax(0,1fr);gap:11px;align-items:start}
.conversation-avatar{width:32px;height:32px;border-radius:7px;display:grid;place-items:center;font-size:11px;font-weight:500;color:#5a5d45;background:#e6e2ce;margin-top:2px}
.conversation-avatar--second{background:#dfe5d8;color:#516047}
.conversation-avatar .conversation-token{width:100%;text-align:center}
.conversation-avatar .token-anonymised{background:none;padding:0;color:inherit}
.conversation-byline{display:flex;align-items:baseline;gap:9px;margin-bottom:4px;font-size:13px;line-height:1.4}
.conversation-name{font-weight:500;color:#293225}
.conversation-byline time{font-size:10px;font-weight:400;color:#838878}
.conversation-message-body>p{font-size:13px;line-height:1.8;color:#495140}
.conversation-token{display:inline-grid;grid-template-columns:1fr;white-space:nowrap;vertical-align:baseline}
.conversation-token>span{grid-area:1/1;padding:0 3px}
.token-original{visibility:hidden}
.token-anonymised{background:#e3e9d8;border-radius:3px;color:#4b5d3c}
.conversation-layer--original .token-original{visibility:visible}
.conversation-layer--original .token-anonymised{visibility:hidden}
.conversation-message-body>p .conversation-token{position:relative}
.conversation-message-body>p .conversation-token>span{padding:0}
.conversation-message-body>p .token-anonymised{position:absolute;inset:5px 0;font-size:0;background:#dbe3cf}
.conversation-divider{position:absolute;top:0;bottom:0;left:var(--anonymised-amount,55%);width:2px;transform:translateX(-1px);background:#aa9155;z-index:2;pointer-events:none}
.conversation-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;display:grid;place-items:center;border:1px solid #aa9155;border-radius:50%;background:#fffefa;color:#826a34;font-size:21px;line-height:1;box-shadow:0 2px 7px #26302114}
.conversation-divider.is-at-edge>span{visibility:hidden}
.conversation-slider{position:absolute;inset:0;z-index:3;width:100%;height:100%;margin:0;padding:0;appearance:none;-webkit-appearance:none;opacity:0;background:transparent;border:0;cursor:ew-resize;touch-action:pan-y}
.conversation-slider::-webkit-slider-runnable-track{height:100%;background:transparent;border:0}
.conversation-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1px;height:44px;border:0;background:transparent}
.conversation-slider::-moz-range-track{height:100%;background:transparent;border:0}
.conversation-slider::-moz-range-thumb{width:1px;height:44px;border:0;background:transparent}
.conversation-divider[hidden],.conversation-slider[hidden]{display:none}
.anonymisation-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:1100px){.anonymisation-layout{gap:45px;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}.conversation-messages{padding:18px;gap:20px}.conversation-channel{padding-inline:18px}}
@media(max-width:900px){.anonymisation-layout{grid-template-columns:1fr;gap:36px}.anonymisation-layout>h2{max-width:600px;font-size:clamp(44px,6vw,58px)}.anonymisation-demo{width:100%;max-width:680px}.conversation-messages{padding:24px;gap:24px}.conversation-channel{padding-inline:24px}.conversation-message-body>p{font-size:14px}}
@media(max-width:700px){.anonymisation-layout{gap:30px}.anonymisation-layout>h2{font-size:46px}.conversation-channel{padding:15px 16px;font-size:13px}.conversation-messages{padding:20px 15px;gap:22px}.conversation-message{grid-template-columns:29px minmax(0,1fr);gap:9px}.conversation-avatar{width:29px;height:29px;font-size:10px}.conversation-byline{gap:7px;font-size:12px}.conversation-message-body>p{font-size:13px;line-height:1.85}.conversation-token>span{padding-inline:2px}}
.copy-process{background:var(--dark);color:var(--paper);margin:0 10px;border-radius:18px}
.copy-process .copy-section-heading{margin-bottom:64px}
.copy-process-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 44px}
.copy-step{display:grid;grid-template-columns:48px minmax(0,1fr);gap:26px;border-top:1px solid #59604f;padding-top:28px}
.copy-step-number{font:400 48px/1 var(--serif);color:#dac28b}
.copy-step h3{font:400 33px/1.2 var(--serif);letter-spacing:-.02em;margin:2px 0 17px}
.copy-step p{font-size:16px;line-height:1.8;max-width:420px;color:#c2cbb9}

.copy-revenue{background:var(--dark);color:var(--paper);margin:0 10px;border-radius:18px}
.copy-revenue .copy-section-heading>p{color:#bac4b1}
.copy-price-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;margin-top:64px}
.copy-price{border-top:1px solid #59604f;padding-top:29px}
.copy-price h3{font:400 clamp(56px,6vw,82px)/1.05 var(--serif);letter-spacing:-.04em;color:#dac28b;margin-bottom:25px}
.copy-price p{font-size:16px;line-height:1.8;color:#c2cbb9;max-width:310px}
.copy-revenue-cta{margin-top:52px}
.copy-revenue .btn-dark{background:#e9dfc2;border-color:#e9dfc2;color:#24291d}
.copy-revenue .btn-dark:hover{background:#fff1ca;color:#24291d!important}
.copy-industry-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 42px}
.copy-industry-grid article{border-top:1px solid #ccd1c1;padding-top:24px}
.copy-industry-grid h3{font:400 30px/1.2 var(--serif);letter-spacing:-.02em;margin-bottom:16px}
.copy-industry-grid p{font-size:16px;line-height:1.8}

.data-page #questions{background:var(--paper)}
.copy-questions-grid{grid-template-columns:.65fr 1fr;gap:100px}
.copy-questions h2{font-size:clamp(44px,4.5vw,62px);max-width:430px}
.copy-question-list{border-top:1px solid #cdd2c3}
.copy-question-list details{border-bottom:1px solid #cdd2c3}
.copy-question-list details:first-child{border-top:0}
.copy-question-list summary{padding:24px 0;font-size:17px;line-height:1.65;color:#48523f}
.copy-question-list summary .copy-question-text{font-size:inherit;color:inherit;flex-shrink:1;transform:none}
.copy-question-list details[open] summary .copy-question-text{transform:none}
.copy-question-list summary .copy-question-toggle{color:#9b7c34;font-size:24px}
.copy-question-list .faq-answer p{font-size:16px;line-height:1.8;color:var(--muted);padding-bottom:24px}
.copy-industry-icon{width:44px;height:44px;object-fit:contain;margin-bottom:23px}
.data-page #team{padding-top:40px}
.data-page #contact{background:var(--dark);color:var(--paper)}
.data-contact .cta-left p{color:#bbc1b6}
.data-contact .form-fields{border-color:#535b49}
.data-contact .form-row{border-color:#535b49}
.data-contact .form-row label{color:#cbd0c0}
.data-contact .form-row input{color:var(--paper)}
.data-contact .form-row input::placeholder{color:#a3ac97}
.data-contact .form-note{color:#bbc1b6}
.data-contact .btn-dark{background:#e9dfc2;border-color:#e9dfc2;color:#24291d}
.data-contact .btn-dark:hover{background:#fff1ca;color:#24291d!important}
.data-page .footer-top p{max-width:390px;text-align:right}

@media(max-width:1100px){
  .copy-opening-grid,.copy-premise-grid,.copy-section-heading{gap:55px}
  .copy-privacy-grid{gap:60px}.copy-process-grid{gap:42px 45px}
  .copy-industry-grid{gap:36px 28px}.copy-price-grid{gap:30px}
  .copy-questions-grid{gap:60px}
}
@media(max-width:850px){
  .copy-opening-grid{gap:35px;grid-template-columns:1fr .85fr}
  .copy-opening-body p{font-size:18px}.copy-opening h2{font-size:53px}
  .copy-section-heading{gap:35px;grid-template-columns:1.1fr .85fr}
  .copy-section-heading>p{font-size:16px}.copy-section-heading h2{font-size:49px}
  .copy-premise-grid{gap:40px;grid-template-columns:1fr 1fr}.copy-premise p{font-size:16px}
  .copy-privacy-grid{grid-template-columns:1fr 1fr;gap:40px}.copy-privacy h2{font-size:49px}
  .copy-privacy-grid>div>p{font-size:16px}.copy-privacy-list li{font-size:16px}
  .copy-process-grid{grid-template-columns:1fr;gap:40px 30px}.copy-step{grid-template-columns:32px minmax(0,1fr);gap:14px}
  .copy-step-number{font-size:39px}.copy-step h3{font-size:29px}.copy-step p{font-size:15px}
  .copy-price-grid{gap:25px}.copy-price p{font-size:14px}
  .copy-industry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
  .copy-questions-grid{grid-template-columns:.7fr 1fr;gap:35px}.copy-questions h2{font-size:46px}
  .copy-question-list summary{font-size:16px;padding:21px 0}

}
@media(max-width:700px){

  .copy-opening-grid,.copy-premise-grid,.copy-section-heading,.copy-privacy-grid,.copy-questions-grid{grid-template-columns:1fr;gap:28px}
  .copy-opening h2{font-size:49px}.copy-opening-body p{font-size:18px}
  .copy-opening-body .btn-dark{margin-top:26px}
  .copy-premise{padding-top:0}.copy-premise-grid{padding-top:49px}
  .copy-premise h2{font-size:39px}.copy-premise p{font-size:17px}.copy-premise p+p{margin-top:20px}
  .copy-section-heading{gap:24px;margin-bottom:40px}.copy-section-heading h2{font-size:46px}
  .copy-section-heading>p{font-size:17px;max-width:520px}
  .copy-privacy-grid{gap:34px}.copy-privacy h2{font-size:46px}.copy-privacy-grid>div>p{font-size:17px;margin-top:23px}
  .copy-privacy-list{padding-top:0}.copy-privacy-grid .copy-privacy-list>p{margin-bottom:21px}
  .copy-privacy-list li{font-size:16px;padding:22px 0 22px 27px}.copy-privacy-list li::before{top:34px}
  .copy-process .copy-section-heading{margin-bottom:40px}
  .copy-process{margin:0 6px;border-radius:14px}
  .copy-process-grid{grid-template-columns:1fr;gap:37px}
  .copy-step{grid-template-columns:35px minmax(0,1fr);gap:20px;padding-top:25px}
  .copy-step-number{font-size:41px}.copy-step h3{font-size:32px;margin-bottom:15px}.copy-step p{font-size:16px}
  .copy-revenue{margin:0 6px;border-radius:14px}.copy-revenue .container{padding:0 24px}
  .copy-price-grid{grid-template-columns:1fr;gap:33px;margin-top:40px}
  .copy-price{padding-top:25px}.copy-price h3{font-size:70px;margin-bottom:17px}
  .copy-price p{font-size:16px;max-width:450px}.copy-revenue-cta{margin-top:36px}
  .copy-industry-grid{grid-template-columns:1fr;gap:32px}.copy-industry-grid article{padding-top:22px}
  .copy-industry-grid h3{font-size:30px;margin-bottom:13px}.copy-industry-grid p{font-size:16px;max-width:490px}

  .copy-questions h2{font-size:46px}.copy-questions-grid{gap:34px}
  .copy-question-list summary{font-size:16px;line-height:1.7;padding:22px 0}
  .copy-industry-icon{width:40px;height:40px;margin-bottom:18px}
  .data-page #team{padding-top:24px}
  .data-page .footer-top p{text-align:left}
}
@media(max-width:380px){

  .copy-opening h2{font-size:44px}.copy-premise h2{font-size:36px}
  .copy-section-heading h2,.copy-privacy h2,.copy-questions h2{font-size:42px}
  .copy-step{grid-template-columns:29px minmax(0,1fr);gap:15px}
  .copy-step h3{font-size:30px}.copy-step p{font-size:15px}
}

/* Keep the return link and booking button visible on phones. */
@media(max-width:700px){
  .data-page .nav-container{padding-inline:16px}
  .data-page .nav-inner{gap:12px}
  .data-page .nav-right{display:flex;position:static;padding:0;background:none;border:0;align-items:center;gap:12px;flex-direction:row;flex-shrink:0;margin-left:auto}
  .data-page .nav-right>a:not(.btn-dark){font-size:13px;padding:10px 0;white-space:nowrap}
  .data-page .nav-right .btn-dark{margin-top:0;padding:12px 10px;font-size:12px;gap:8px;white-space:nowrap}
  .data-page nav .brand{gap:8px}
  .data-page nav .brand img{width:24px;height:24px}
  .data-page nav .brand span{font-size:18px;line-height:1.05;max-width:86px;white-space:normal}
}
@media(max-width:350px){.data-page nav .brand span{display:none}}

/* Longer data-page action labels fit together at the tablet breakpoint. */
@media(min-width:760px) and (max-width:900px){
  .data-page .hero-actions{gap:20px}
  .data-page .hero-actions .btn-dark{font-size:14px;padding-inline:20px;gap:20px}
  .data-page .hero-actions .btn-ghost{font-size:14px}
}