@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500;600&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--v3-ink:#111315;--v3-paper:#f5f2ea;--v3-orange:#fd6200;--v3-slate:#66717b;--v3-blue:#8ea9c1;--v3-lime:#c9e86a;--v3-line:rgba(17,19,21,.14)}
body.site-v3{background:var(--v3-paper);font-family:Manrope,"Segoe UI",sans-serif}
body.site-v3::before{background:var(--v3-orange);content:"";height:3px;left:0;position:fixed;right:0;top:0;z-index:90}
.site-v3 .site-header{background:rgba(17,19,21,.96);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px)}
.site-v3 .nav-wrap{height:88px;max-width:1600px;padding:0 clamp(24px,4vw,72px)}
.site-v3 .brand img{filter:none;width:230px}
.site-v3 .main-nav{gap:clamp(18px,2vw,34px)}
.site-v3 .main-nav>a,.site-v3 .nav-group>button{color:#b9bfbc;font-size:13px;font-weight:600}
.site-v3 .main-nav a:hover,.site-v3 .nav-group>button:hover,.site-v3 .main-nav a[aria-current="page"]{color:var(--v3-paper)}
.site-v3 .dropdown{background:#171a1c;border:1px solid #343a3d;box-shadow:0 24px 60px rgba(0,0,0,.28);padding:12px}
.site-v3 .dropdown a{color:#b9bfbc}
.site-v3 .nav-cta{background:var(--v3-orange)!important;color:#fff!important;padding:15px 20px}
.site-v3 .nav-cta span{color:#fff}
.site-v3 .lang-link{border-color:#43494c;color:#fff!important;padding:12px 11px}
.site-v3 .menu-button span{background:#fff}

.site-v3 .page-intro{background:var(--v3-ink);color:var(--v3-paper);padding:0;position:relative}
.site-v3 .page-intro::after{background:linear-gradient(90deg,transparent,rgba(142,169,193,.18),var(--v3-orange));bottom:0;content:"";height:2px;left:0;position:absolute;right:0}
.site-v3 .page-intro .hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(460px,.96fr);margin:0 auto;max-width:1760px;min-height:650px;padding:0;width:100%}
.site-v3 .hero-copy{align-self:center;padding:82px clamp(34px,5vw,90px) 72px clamp(28px,5vw,88px);position:relative;z-index:2}
.site-v3 .hero-copy .eyebrow{align-items:center;display:flex;gap:12px}
.site-v3 .hero-copy .eyebrow::before{background:var(--v3-orange);content:"";height:8px;width:8px}
.site-v3 .page-intro h1{color:var(--v3-paper);font-size:clamp(48px,5.5vw,78px);letter-spacing:-.065em;line-height:.98;margin-top:26px;max-width:760px}
.site-v3 .home-hero h1{font-size:clamp(50px,4.8vw,70px);max-width:780px}
.site-v3 .page-intro .lead{color:#bdc4c0;font-size:clamp(17px,1.25vw,20px);line-height:1.65;margin-top:30px;max-width:700px}
.site-v3 .hero-actions-v3{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-top:38px}
.site-v3 .hero-actions-v3 .button{background:var(--v3-orange)!important;color:#fff!important;padding:18px 22px}
.site-v3 .hero-actions-v3 .button span{color:#fff}
.site-v3 .hero-actions-v3 .text-link{border-bottom:1px solid #4b5350;color:var(--v3-paper);padding:15px 0}
.site-v3 .hero-sequence{border-top:1px solid #343a3d;display:grid;grid-template-columns:repeat(4,1fr);margin-top:54px;max-width:700px}
.site-v3 .hero-sequence span{border-right:1px solid #343a3d;color:#8e9893;font-family:"IBM Plex Mono",monospace;font-size:9px;letter-spacing:.08em;line-height:1.45;padding:15px 12px 0 0;text-transform:uppercase}
.site-v3 .hero-sequence span+span{padding-left:12px}
.site-v3 .hero-sequence b{color:var(--v3-orange);display:block;font-size:9px;margin-bottom:7px}
.site-v3 .hero-media{min-height:650px;overflow:hidden;position:relative}
.site-v3 .hero-media::after{background:linear-gradient(90deg,var(--v3-ink) 0%,rgba(17,19,21,.35) 20%,transparent 55%),linear-gradient(0deg,rgba(17,19,21,.55),transparent 48%);content:"";inset:0;pointer-events:none;position:absolute}
.site-v3 .hero-image{background:#202527;border:0;cursor:zoom-in;display:block;height:100%;inset:0;overflow:hidden;padding:0;position:absolute;width:100%}
.site-v3 .hero-image img{height:100%;object-fit:cover;object-position:var(--photo-position,center);transform:scale(1.02);transition:transform 1.2s cubic-bezier(.2,.75,.2,1);width:100%}
.site-v3 .hero-image:hover img{transform:scale(1.055)}
.site-v3 .hero-note{background:rgba(17,19,21,.92);border-left:3px solid var(--v3-orange);bottom:42px;color:#fff;left:44px;max-width:320px;padding:19px 22px;position:absolute;z-index:2}
.site-v3 .hero-note small{color:var(--v3-blue);display:block;font-family:"IBM Plex Mono",monospace;font-size:9px;letter-spacing:.11em;text-transform:uppercase}
.site-v3 .hero-note strong{display:block;font-size:18px;line-height:1.25;margin-top:9px}
.site-v3 .hero-note span{color:#a8b0ac;display:block;font-size:12px;line-height:1.5;margin-top:7px}
.site-v3 .inner-hero .hero-grid{min-height:530px}
.site-v3 .inner-hero .hero-media{min-height:530px}
.site-v3 .inner-hero h1{font-size:clamp(44px,4.5vw,66px);max-width:720px}
.site-v3 .legal-hero .hero-grid{display:block;min-height:auto;max-width:1280px}
.site-v3 .legal-hero .hero-copy{max-width:980px;padding-bottom:86px;padding-top:86px}
.site-v3 .legal-hero .hero-media{display:none}

.site-v3 .visual-section{background:linear-gradient(180deg,var(--v3-ink) 0 78px,var(--v3-paper) 78px);padding:0 clamp(24px,4vw,72px) 112px}
.site-v3 .visual-section .wrap{max-width:1440px}
.site-v3 .product-view,.site-v3 .profile-view,.site-v3 .campaign-view{border:1px solid #3a4144;box-shadow:0 35px 80px rgba(17,19,21,.18);padding:34px}
.site-v3 .product-bar{align-items:center}
.site-v3 .product-tabs button{background:transparent;border:1px solid #3a4144;color:#9aa39f;cursor:pointer;padding:11px 16px}
.site-v3 .product-tabs button.active{background:var(--v3-orange);border-color:var(--v3-orange);color:#fff}
.site-v3 .metric-row div{background:#15191b;padding:20px}
.site-v3 .task{transition:background .2s,padding .2s}
.site-v3 .task:hover{background:#171b1d;padding-left:12px;padding-right:12px}

.site-v3 .split-section,.site-v3 .content-section,.site-v3 .decision-section,.site-v3 .private-note,.site-v3 .direction,.site-v3 .detail-content,.site-v3 .audience-section,.site-v3 .not-for,.site-v3 .demo-section,.site-v3 .legal,.site-v3 .process-preview{padding:clamp(82px,8vw,128px) clamp(24px,4vw,72px)}
.site-v3 .split,.site-v3 .direction-grid,.site-v3 .demo-grid,.site-v3 .process-preview>.wrap,.site-v3 .detail-grid,.site-v3 .audience-grid,.site-v3 .legal>.wrap{max-width:1340px}
.site-v3 .split{align-items:start;grid-template-columns:.9fr 1.1fr}
.site-v3 .split h2,.site-v3 .direction h2,.site-v3 .section-heading h2,.site-v3 .prose h2,.site-v3 .booking h2,.site-v3 .next-step h2{font-size:clamp(34px,3.8vw,56px)}
.site-v3 .split>p{font-size:18px;max-width:680px}
.site-v3 .split-section:nth-of-type(even){background:#ece8dd}
.site-v3 .process-preview{background:#ece8dd}
.site-v3 .timeline{border-top:0;gap:0;margin-top:58px}
.site-v3 .timeline li{background:var(--v3-paper);border:1px solid #d6d1c7;margin-right:-1px;min-height:280px;overflow:hidden;position:relative;transition:background .25s,color .25s,transform .25s}
.site-v3 .timeline li::after{background:var(--v3-orange);bottom:0;content:"";height:4px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .3s;width:100%}
.site-v3 .timeline li:hover{background:var(--v3-ink);color:var(--v3-paper);transform:translateY(-8px);z-index:2}
.site-v3 .timeline li:hover p{color:#aab2ae}
.site-v3 .timeline li:hover::after{transform:scaleX(1)}
.site-v3 .timeline h3{font-size:21px;margin-top:72px}
.site-v3 .feature-band,.site-v3 .workflow-section{padding:clamp(90px,8vw,130px) clamp(24px,4vw,72px)}
.site-v3 .feature-band>.wrap,.site-v3 .workflow-section>.wrap{max-width:1400px}
.site-v3 .feature-grid{gap:0}
.site-v3 .feature-grid a{min-height:370px;padding:34px;position:relative;transition:background .25s,transform .25s}
.site-v3 .feature-grid a:hover{background:#171b1d;transform:translateY(-8px)}
.site-v3 .feature-grid h3{font-size:clamp(25px,2.2vw,34px);margin-top:86px}
.site-v3 .workflow{box-shadow:0 30px 80px rgba(0,0,0,.22)}
.site-v3 .workflow-tabs button{font-family:"IBM Plex Mono",monospace;transition:background .2s,color .2s}
.site-v3 .workflow-panel{min-height:380px;padding:70px}
.site-v3 .workflow-panel h2{max-width:780px}

.site-v3 .detail-content{background:var(--v3-paper)}
.site-v3 .detail-grid{grid-template-columns:280px minmax(0,850px);justify-content:space-between}
.site-v3 .detail-nav{background:#ece8dd;padding:12px 24px;top:118px}
.site-v3 .detail-nav a{transition:color .2s,padding .2s}
.site-v3 .detail-nav a:hover{color:var(--v3-orange);padding-left:7px}
.site-v3 .detail-prose section{padding-bottom:68px}
.site-v3 .detail-prose h2{font-size:clamp(30px,3vw,44px)}
.site-v3 .detail-prose p:last-child{font-size:17px}
.site-v3 .audience-grid{gap:0}
.site-v3 .audience-grid article{background:var(--v3-paper);min-height:300px;position:relative;transition:background .25s,transform .25s}
.site-v3 .audience-grid article:nth-child(3n+2){background:#ece8dd}
.site-v3 .audience-grid article:hover{background:var(--v3-ink);color:var(--v3-paper);transform:translateY(-6px);z-index:2}
.site-v3 .audience-grid article:hover p{color:#aab2ae}
.site-v3 .booking{border-top:4px solid var(--v3-orange);box-shadow:0 30px 70px rgba(17,19,21,.16);padding:48px}
.site-v3 .legal{background:#ece8dd}
.site-v3 .legal .prose{background:var(--v3-paper);box-shadow:0 24px 70px rgba(17,19,21,.08);max-width:1000px;padding:clamp(28px,5vw,72px)}
.site-v3 .legal .prose h2{font-size:clamp(26px,2.4vw,36px)}

.site-v3 .next-step{background:var(--v3-orange);color:#fff;padding:clamp(82px,7vw,118px) clamp(24px,5vw,88px);position:relative}
.site-v3 .next-step::after{border:1px solid rgba(255,255,255,.35);border-radius:50%;content:"";height:260px;position:absolute;right:7vw;top:50%;transform:translateY(-50%);width:260px}
.site-v3 .next-step>.wrap{max-width:1340px;position:relative;z-index:2}
.site-v3 .next-step .button{background:var(--v3-ink)!important}
.site-v3 .next-step .button span{color:var(--v3-orange)}
.site-v3 .next-step .text-link{color:#fff}
.site-v3 .site-footer{padding-left:clamp(24px,4vw,72px);padding-right:clamp(24px,4vw,72px)}
.site-v3 .footer-grid,.site-v3 .footer-base{max-width:1340px}
.site-v3 .footer-grid img{filter:none}

.site-v3 [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.site-v3 [data-reveal].is-visible{opacity:1;transform:none}
.site-v3 .image-dialog{background:#111315;border:1px solid #343a3d;max-height:92vh;max-width:92vw;padding:12px}
.site-v3 .image-dialog img{display:block;max-height:85vh;max-width:88vw}
.site-v3 .image-dialog button{background:var(--v3-orange);border:0;color:#fff;cursor:pointer;font-size:22px;height:42px;position:absolute;right:18px;top:18px;width:42px;z-index:2}

@media(max-width:1050px){
  .site-v3 .page-intro .hero-grid{grid-template-columns:1fr 42%;min-height:600px}
  .site-v3 .hero-copy{padding-left:32px;padding-right:32px}
  .site-v3 .hero-sequence{grid-template-columns:1fr 1fr}
  .site-v3 .hero-sequence span{border-bottom:1px solid #343a3d;padding-bottom:12px}
}
@media(max-width:850px){
  .site-v3 .nav-wrap{height:78px}
  .site-v3 .main-nav{background:var(--v3-ink);border-color:#343a3d;top:78px}
  .site-v3 .main-nav>a,.site-v3 .nav-group>button{color:#d0d5d2}
  .site-v3 .dropdown{position:static}
  .site-v3 .page-intro .hero-grid{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;width:100%}
  .site-v3 .hero-copy{min-width:0;order:1;overflow:hidden;padding:60px 24px 46px;width:100%}
  .site-v3 .page-intro h1,.site-v3 .inner-hero h1{font-size:clamp(42px,10vw,64px)}
  .site-v3 .hero-media,.site-v3 .inner-hero .hero-media{min-height:440px;order:2}
  .site-v3 .hero-media::after{background:linear-gradient(0deg,var(--v3-ink),transparent 28%)}
  .site-v3 .hero-note{bottom:22px;left:24px}
  .site-v3 .visual-section{background:var(--v3-ink);padding-bottom:80px}
  .site-v3 .split{grid-template-columns:1fr}
  .site-v3 .timeline{grid-template-columns:1fr 1fr}
  .site-v3 .timeline li{min-height:240px}
  .site-v3 .workflow-panel{padding:48px 28px}
  .site-v3 .next-step::after{opacity:.25;right:-90px}
}
@media(max-width:560px){
  .site-v3 .brand img{width:180px}
  .site-v3 .hero-copy{padding-top:48px}
  .site-v3 .page-intro h1,.site-v3 .inner-hero h1{font-size:10.4vw;line-height:1.04;overflow-wrap:break-word;width:100%}
  .site-v3 .home-hero h1{font-size:10.4vw}
  .site-v3 .page-intro .lead{font-size:16px;line-height:1.58}
  .site-v3 .hero-actions-v3{align-items:stretch;flex-direction:column}
  .site-v3 .hero-actions-v3 .button{justify-content:space-between}
  .site-v3 .hero-sequence{grid-template-columns:1fr 1fr;margin-top:40px}
  .site-v3 .hero-media,.site-v3 .inner-hero .hero-media{min-height:360px}
  .site-v3 .hero-note{max-width:calc(100% - 48px)}
  .site-v3 .visual-section{padding-left:14px;padding-right:14px}
  .site-v3 .product-view,.site-v3 .profile-view,.site-v3 .campaign-view{padding:20px}
  .site-v3 .timeline{grid-template-columns:1fr}
  .site-v3 .timeline li{min-height:210px}
  .site-v3 .timeline h3{margin-top:42px}
  .site-v3 .booking{padding:30px 24px}
}
@media(prefers-reduced-motion:reduce){.site-v3 [data-reveal]{opacity:1;transform:none;transition:none}.site-v3 .hero-image img{transition:none}}
