/* Leonardo's v3 homepage. Existing v2 type, colour and cinematic language. */
@font-face{font-family:'Public Sans';src:url('/assets/v3-reference/assets/fonts/public-sans-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Public Sans';src:url('/assets/v3-reference/assets/fonts/public-sans-medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Public Sans';src:url('/assets/v3-reference/assets/fonts/public-sans-bold.woff2') format('woff2');font-weight:600 800;font-display:swap}
@font-face{font-family:'Abhaya Libre';src:url('/assets/v3-reference/assets/fonts/abhaya-libre-regular.woff2') format('woff2');font-weight:400 500;font-display:swap}
@font-face{font-family:'Roboto Mono';src:url('/assets/v3-reference/assets/fonts/roboto-mono-regular.woff2') format('woff2');font-weight:400;font-display:swap}
body.v3-home{--body:var(--f-b);--display:var(--f-d);--mono:var(--f-m);--paper:#fafafa;--cta:#ff9626;--hairline:#e4e4dc;--ink-soft:#393939;--r-0:0;--r-slight:0;--sh-1:none;--gutter:var(--gut)}
.v3-home button{font-family:var(--f-b);cursor:pointer}
.v3-home [hidden]{display:none!important}
.v3-home section{scroll-margin-top:94px}
.v3-home :focus-visible{outline:2px solid #ec7523;outline-offset:5px}
.v3-home .v3-skip{position:fixed;top:-70px;left:20px;z-index:400;padding:12px 18px;background:#ff9626;color:#252820;font-size:14px}
.v3-home .v3-skip:focus{top:12px}
.v3-home .hero .btn,.v3-home .entb .btn{background:var(--orange);border-color:var(--orange);color:#fff}
.v3-home .hero .btn:hover,.v3-home .entb .btn:hover{background:var(--orange-br);border-color:var(--orange-br);color:#fff}
.v3-home .hero-scrim{background:linear-gradient(180deg,rgba(8,10,14,.32) 0%,rgba(8,10,14,.04) 30%,rgba(8,10,14,.35) 56%,rgba(8,10,14,.86) 100%)}
.v3-home .hero-heading{min-width:0}
.v3-home .hero-eyebrow{font-family:var(--f-m);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#ec7523;margin-bottom:23px;display:flex;gap:10px;align-items:center}
.v3-home .hero-eyebrow:before{content:'';width:5px;height:5px;background:#ff9626}
.v3-home .hero .d1{max-width:none}
.v3-home .hero-right .lead{line-height:1.42;font-size:18px;max-width:35ch}
.v3-home .hero-grid{grid-template-columns:1.25fr .8fr;gap:55px}
.v3-home .hero-cap input{border-color:rgba(255,255,255,.68);background:rgba(10,17,24,.2)}
.v3-home .wall-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 16px 28px}
.v3-home .wall-title{text-align:left;margin:0;color:var(--muted);font-size:14px}
.v3-home .wall-stories{font-size:12px;color:var(--ink);display:flex;gap:16px;white-space:nowrap}
.v3-home .wall-stories:hover{color:#ec7523}
.v3-home .wc{position:relative}
.v3-home .wc-story{transition:background .25s}
.v3-home .wc-story:hover{background:#f0f0ec}
.v3-home .wall .wc img{transform:scale(1.13);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.v3-home .wall .wc-story img{transform:translateY(-7px) scale(1.13)}
.v3-home .wall .wc:hover img{transform:scale(1.19)}
.v3-home .wall .wc-story:hover img{transform:translateY(-7px) scale(1.19)}
.v3-home .wc-label{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);white-space:nowrap;border:0;padding:0;background:none;text-align:center;font-family:var(--f-m);font-size:9px;letter-spacing:.015em;text-transform:uppercase;color:#ec7523;display:flex;gap:6px;justify-content:center;align-items:center;transition:color .2s}
.v3-home .wc-story:hover .wc-label,.v3-home .wc-story:focus-visible .wc-label{color:#ec7523;text-decoration:underline;text-underline-offset:4px}
.v3-home .wc-label>span{font-size:10px}
.v3-home #proof{padding-top:85px}
.v3-home .rail-pause{font-size:13px}
.v3-home .cs{aspect-ratio:auto;background:transparent;overflow:visible}
.v3-home .cs-visual{display:block;position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1/1.08;background:#141e28}
.v3-home .cs .shade{background:linear-gradient(180deg,rgba(8,10,14,.58),rgba(8,10,14,.06) 42%,rgba(8,10,14,.78) 100%)}
/* Round 4: the rail's hover zoom runs at 1.04 over 400ms, scoped so it does not
   change the .cs zoom used by other rail instances (solution pages etc.). */
.v3-home #rail .cs video,.v3-home #rail .cs .still{transition:transform .4s var(--ease),opacity .45s var(--ease)}
.v3-home #rail .cs:hover video,.v3-home #rail .cs:hover .still{transform:scale(calc(var(--zoom,1) * 1.04))}
.v3-home .cs-industry{position:absolute;z-index:6;top:75px;left:28px;right:28px;color:#fff;font-size:14px;font-weight:500;line-height:1.4;max-width:28ch;text-shadow:0 1px 8px #0008}
.v3-home .cs .in{justify-content:flex-end;gap:13px;padding:28px}
.v3-home .cs-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:61px;padding:16px 0;border-bottom:1px solid var(--line);color:var(--ink)}
.v3-home .cs-agent{font-family:var(--f-b);font-size:16px;font-weight:500;line-height:1.4;letter-spacing:-.01em;color:var(--ink)}
.v3-home .cs:hover .cs-caption,.v3-home .cs:hover .cs-agent{color:#ec7523}
.v3-home .cs .ttl{margin-top:0;max-width:17ch;font-size:clamp(26px,2.3vw,34px);line-height:1.07}
.v3-home .cs-timer{position:absolute;left:0;right:0;bottom:0;height:3px;z-index:8;background:rgba(210,210,194,.45);opacity:0;transition:opacity .3s}
.v3-home .cs.is-current .cs-timer{opacity:1}
.v3-home .cs-timer i{display:block;height:100%;width:0;background:#ec7523}
.v3-home .cs.is-timing .cs-timer i{animation:v3-fill var(--rail-interval,3000ms) linear forwards}
@keyframes v3-fill{from{width:0}to{width:100%}}
.v3-home .v3-morebar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:34px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;line-height:1.5;color:var(--muted)}
.v3-home .v3-arrow-link{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:500;letter-spacing:.02em;color:#ec7523;white-space:nowrap}
.v3-home .v3-arrow-link>span{font-size:15px;line-height:1;transition:transform .25s var(--ease)}
.v3-home .v3-arrow-link:hover,.v3-home .v3-arrow-link:focus-visible{color:#ec7523;text-decoration:underline;text-underline-offset:4px}
.v3-home .v3-arrow-link:hover>span{transform:translateX(3px)}
.v3-home .v3-morebar>a:only-child{margin-left:auto}
.v3-home .cs.playing .tint{opacity:0}
.v3-home .v3-section{max-width:var(--max);margin:0 auto;padding:85px var(--gut) 110px}
.v3-home .section-rule{border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;gap:20px;font-family:var(--f-m);font-size:9px;line-height:1.5;color:var(--muted);letter-spacing:.02em}
.v3-home .use-case-heading{display:grid;grid-template-columns:40% 60%;gap:0;align-items:start;padding:65px 0 50px}
.v3-home .use-case-heading h2,.v3-home .center-heading,.v3-home .entb h2,.v3-home .tstm-title{font-family:var(--f-d);font-weight:400}
.v3-home .use-case-heading h2 em,.v3-home .center-heading em{font-weight:400;font-style:italic;color:#797975}
.v3-home .use-case-heading>p{font-size:clamp(18px,2vw,27px);line-height:1.42;letter-spacing:-.025em;padding-left:28px;max-width:670px}
.v3-home .use-case-layout{display:grid;grid-template-columns:40% 60%}
.v3-home .case-tabs{padding-right:35px}
.v3-home .case-tabs button{position:relative;display:flex;align-items:flex-start;width:100%;padding:24px 0;text-align:left;border:0;border-bottom:1px solid var(--line);background:none;gap:22px;font-size:20px;font-weight:400;line-height:1.25;color:var(--ink)}
.v3-home .case-number{font-family:var(--f-m);font-size:10px;min-width:21px;padding-top:6px;color:var(--muted)}
.v3-home .case-arrow{margin-left:auto;font-size:19px;opacity:0}
.v3-home .case-tabs button[aria-selected=true],.v3-home .case-tabs button:hover{color:#ec7523}
.v3-home .case-tabs button[aria-selected=true] .case-arrow{opacity:1;color:#ec7523}
.v3-home .case-timer{position:absolute;left:0;right:0;bottom:-1px;height:2px;pointer-events:none}
.v3-home .case-timer i{display:block;height:100%;width:0;background:#ec7523}
.v3-home .case-tabs.is-cycling button[aria-selected=true] .case-timer i{animation:v3-fill var(--case-interval,3000ms) linear forwards}
.v3-home .case-tabs.is-cycling.is-paused button[aria-selected=true] .case-timer i{animation-play-state:paused}
.v3-home .case-tabs small{display:none;font-size:12px;line-height:1.65;color:var(--muted);margin-top:14px;max-width:310px}
.v3-home .case-tabs button[aria-selected=true] small{display:block}
.v3-home .case-panel{position:relative;isolation:isolate;overflow:hidden;min-width:0;min-height:0;padding:35px 28px;display:flex;align-items:center;justify-content:center;background:#141e28;margin:0 0 0 28px}
.v3-home .case-panel>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.65) brightness(.72)}
.v3-home .case-panel:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#141e2800,#141e2850);z-index:-1;pointer-events:none}
.v3-home .case-demo-wrap{width:100%;min-width:0}
.v3-home .case-demo-wrap>.case-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;margin-top:22px;min-height:44px;padding:0 22px;border:1px solid rgba(146,60,10,.42);background:#ff9626;color:#252820;font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;transition:background .3s var(--ease),border-color .3s var(--ease)}
.v3-home .case-demo-wrap>.case-link>span{font-size:15px;line-height:1;letter-spacing:0;transition:transform .25s var(--ease)}
.v3-home .case-demo-wrap>.case-link:hover,.v3-home .case-demo-wrap>.case-link:focus-visible{background:#ec7523;border-color:#ec7523;color:#252820}
.v3-home .case-demo-wrap>.case-link:hover>span{transform:translateX(3px)}
.v3-home .ld-demo{--ld-paper:#fafafa;--ld-ink:#171719;--ld-muted:#6b6b6b;--ld-line:#dededa;--ld-sage:#ededeb;--ld-green:#637566;--ld-orange:#ec7523;--ld-body:var(--f-b);--ld-display:var(--f-d);--ld-mono:var(--f-m);border-radius:0;border:1px solid #ffffffa0;background:rgba(250,250,250,.97);box-shadow:none;backdrop-filter:blur(12px)}
.v3-home .ld-topbar{background:#f0f0ec;border-bottom-color:#dededa}
.v3-home .ld-pause,.v3-home .ld-document,.v3-home .ld-source,.v3-home .ld-customer-message,.v3-home .ld-record-card,.v3-home .ld-approval,.v3-home .ld-completion-note,.v3-home .ld-tracking-card{border-radius:2px}
.v3-home .ld-pause{min-height:32px}
.v3-home .stories{padding-top:25px}
.v3-home .center-heading{text-align:center;padding:65px 0 50px}
.v3-home .story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.v3-home .story-grid>.story{display:block;min-width:0;width:auto;max-width:none;margin:0;padding:0;border:0}
.v3-home .video-cover{display:block;width:100%;aspect-ratio:16/11;position:relative;overflow:hidden;background:#141e28}
.v3-home .video-cover>img{width:100%;height:100%;object-fit:cover;filter:brightness(.6) saturate(.75);transition:transform .7s,filter .5s}
.v3-home .video-cover:hover>img{transform:scale(1.035);filter:brightness(.76) saturate(.9)}
/* Round 4: #stories defaults to covers-logo (dark card, centred logo, no face photo).
   Flip the section's class to covers-photo to restore the original photo cards -- see V3-NOTES. */
.v3-home #stories.covers-logo .video-cover>img{display:none}
.v3-home #stories.covers-logo .video-cover{background:#141e28}
.v3-home #stories.covers-logo .cover-brand img{width:52%;max-width:200px;max-height:96px}
.v3-home .cover-brand{position:absolute;inset:0;display:grid;place-items:center}
.v3-home .cover-brand img{width:45%;max-width:180px;max-height:90px;object-fit:contain;filter:brightness(0) invert(1)}
.v3-home .play-circle{position:absolute;bottom:14px;left:18px;width:34px;height:34px;display:grid;place-items:center;border:1px solid #ffffff90;background:#141e28b0;border-radius:50%;font-size:12px;color:#fff;z-index:2;padding-left:2px}
.v3-home .watch-label{position:absolute;bottom:0;left:0;right:0;height:62px;background:linear-gradient(transparent,#141e28e0);display:flex;align-items:center;padding:5px 15px 0 65px;font-size:10px;color:#fff}
.v3-home .story-result{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-top:25px}
.v3-home .story-result strong{font-family:var(--f-d);font-size:52px;font-weight:400;line-height:1;letter-spacing:-.035em}
.v3-home .story-result p{font-size:12px;line-height:1.45;max-width:210px;margin-top:5px;color:var(--muted)}
.v3-home .story-result a{font-size:10px;padding:8px 0;white-space:nowrap;border-bottom:1px solid var(--line)}
.v3-home .story-result a:hover,.v3-home .story-result a:focus-visible{color:#ec7523;border-bottom-color:#ec7523}
.v3-home .stories blockquote{margin:25px 0 20px;font-size:15px;line-height:1.65;color:#4a4a48}
.v3-home .attribution{font-size:12px;line-height:1.6;font-weight:500}
.v3-home .attribution span{display:block;color:var(--muted);font-weight:400}
.v3-home .entb{padding:110px var(--gut) 70px;background:#141e28;color:#fff}
.v3-home .entb .container{max-width:calc(var(--max) - 2 * var(--gut));padding:0;margin:0 auto}
.v3-home .entb-head{max-width:750px;margin-bottom:54px}
.v3-home .entb h2{color:#fafafa}
.v3-home .entb h2 .accent{color:#ff9626;font-weight:400}
.v3-home .entb-sub{font-size:16px;line-height:1.65;max-width:640px;margin:22px 0 27px}
.v3-home .entb .eb-title{font-family:var(--f-b);font-weight:400;font-size:22px}
.v3-home .entb .eb-desc{color:#c1c6cb;opacity:1;max-width:95%;font-size:13px;line-height:1.6}
.v3-home .eb-flag{position:absolute;top:0;left:0;width:48px;height:32px;display:block;border:1px solid rgba(255,255,255,.22);opacity:.92;z-index:2}
/* Data residency: hand-traced low-poly Europe, EU tinted sand with a warm outline glow, the Netherlands as one orange dot. */
.v3-home .entb .eb-eu .eb-ui{overflow:visible}
.v3-home .entb .eb-eu .eb-viz{top:-32px;left:-32px;right:auto;bottom:auto;width:calc(100% + 64px);height:calc(100% + 52px);opacity:.78}
.v3-home .entb .eb-eu:hover .eb-viz{opacity:1}
.v3-home .eb-map .map-eu{transition:stroke-opacity .5s var(--ease)}
.v3-home .eb-eu:hover .map-eu{stroke-opacity:.85}
.v3-home .eb-map .map-nl-ring{transform-box:fill-box;transform-origin:center}
.v3-home .eb-eu:hover .map-nl-ring{animation:drPing 2.1s ease-out infinite}
/* Compliant by design: in-house seals, brighter on hover like the chips. */
.v3-home .entb .eb-adopt .eb-viz{opacity:.62}
.v3-home .entb .eb-adopt:hover .eb-viz{opacity:1}
.v3-home .eb-adopt:hover .cp-seal{animation:cpGlow 2.4s ease-in-out infinite}
.v3-home .security-cta{max-width:calc(var(--max) - 2 * var(--gut));margin:40px auto 0;padding-top:26px;border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:flex-end;align-items:center;gap:32px}
.v3-home .security-cta>p{margin:0;font-size:15px;line-height:1.5;color:#c1c6cb;max-width:46ch}
.v3-home .security-cta-actions{display:flex;align-items:center;gap:28px;flex-shrink:0}
.v3-home .security-cta .v3-arrow-link{color:#ec7523}
.v3-home .security-cta .v3-arrow-link:hover,.v3-home .security-cta .v3-arrow-link:focus-visible{color:#ec7523}
.v3-home .tstm{background:#fafafa;padding:110px 0 100px}
.v3-home .tstm-wrap{max-width:var(--max);padding:0 var(--gut)}
.v3-home .tstm-kicker{font-family:var(--f-m);font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.v3-home .tstm-title{margin:26px 0 35px}
.v3-home .tstm-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;gap:0}
.v3-home .tstm-cell{padding:12px;border-color:var(--line);border-radius:0}
.v3-home .tstm-in{display:grid;aspect-ratio:auto;height:100%}
.v3-home .tstm-face{margin:0;border-radius:0}
.v3-home .tstm-face.tf-qt{position:relative;inset:auto;min-height:355px;padding:28px 24px 24px;background:#fff;box-shadow:none}
.v3-home .tstm-face blockquote{font-family:var(--f-b);font-size:14px;line-height:1.65;margin:0;color:#393939;letter-spacing:-.01em}
.v3-home .tstm-au{padding-top:25px}
.v3-home .tstm-logo{width:54px;height:45px;border:0;border-radius:0}
.v3-home .tstm-logo img{max-width:48px;max-height:34px}
.v3-home .tstm-au b{font-weight:500;font-size:12px}
.v3-home .tstm-au i{font-size:11px}
@media(max-width:1100px){
 .v3-home .hero-grid{gap:30px;grid-template-columns:1.2fr .9fr}
 .v3-home .hero-right .lead{font-size:16px}
 .v3-home .case-panel{padding:26px 18px;margin-left:15px}
 .v3-home .case-tabs{padding-right:20px}
 .v3-home .case-tabs button{font-size:18px;gap:16px}
 .v3-home .tstm-face.tf-qt{padding:22px 18px;min-height:400px}
 .v3-home .tstm-face blockquote{font-size:13px}
}
@media(max-width:800px){
 .v3-home .hero{min-height:680px}.v3-home .hero-grid{grid-template-columns:1fr;gap:27px}
 .v3-home .hero-body{padding-bottom:60px}
 .v3-home .hero-eyebrow{margin-bottom:18px;font-size:9px}
 .v3-home .hero-right{padding:0}.v3-home .hero-right .lead{max-width:44ch;font-size:16px;margin-bottom:20px}
 .v3-home .hero-cap{max-width:480px}
 .v3-home .wall-heading{display:block;margin:0 0 24px}.v3-home .wall-stories{margin-top:12px;font-size:11px}
 .v3-home .wall-title{font-size:13px}.v3-home .wc-label{font-size:8px;bottom:10px;padding:0}
 .v3-home #proof{padding:60px 0 75px}.v3-home .rail-head{gap:24px;align-items:flex-start}
 .v3-home .rail-nav{gap:5px}.v3-home .rail-btn{width:34px;height:38px}
 .v3-home .cs{flex-basis:300px;aspect-ratio:auto}
 .v3-home .cs .ttl{font-size:29px}.v3-home .cs .in{padding:24px}.v3-home .cs .clg{left:24px}.v3-home .cs-industry{left:24px;font-size:13px;max-width:25ch}
 .v3-home .v3-section{padding-top:50px;padding-bottom:70px}
 .v3-home .use-case-heading{display:block;padding:42px 0 30px}
 .v3-home .use-case-heading>p{padding:0;margin-top:23px;font-size:18px;max-width:35ch}
 .v3-home .use-case-layout{display:flex;flex-direction:column}.v3-home .case-tabs{padding:0}
 .v3-home .case-tabs button{font-size:19px;padding:20px 0}
 .v3-home .case-panel{margin:28px 0 0;padding:30px 18px;min-height:360px}
 .v3-home .stories{padding-top:15px}.v3-home .center-heading{padding:45px 0 36px;text-align:left}
 .v3-home .story-grid{grid-template-columns:1fr;gap:45px}.v3-home .video-cover{aspect-ratio:16/10}
 .v3-home .stories blockquote{max-width:58ch}
 .v3-home .entb{padding-top:75px;padding-bottom:55px}
 .v3-home .entb-grid{grid-template-columns:1fr;gap:15px}
 .v3-home .entb .eb{grid-column:auto;min-height:295px;padding:28px}
 .v3-home .entb-head{margin-bottom:36px}.v3-home .entb-sub{font-size:15px}
 .v3-home .security-cta{flex-direction:column;align-items:flex-start;gap:20px;margin-top:30px}.v3-home .security-cta-actions{flex-wrap:wrap;gap:18px}
 .v3-home .v3-morebar{flex-direction:column;align-items:flex-start;gap:12px}
 .v3-home .tstm{padding:70px 0}.v3-home .tstm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v3-home .tstm-cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
 .v3-home .tstm-cell:nth-child(2n){border-right:0}.v3-home .tstm-cell:nth-child(n+5){border-bottom:0}
 .v3-home .tstm-face.tf-qt{min-height:420px}
}
@media(max-width:560px){
 .v3-home .hero{min-height:700px}.v3-home .hero-cap{gap:10px}
 .v3-home .hero-cap .btn{padding:0 15px;font-size:10px;min-width:122px}
 .v3-home .hero-right .lead{font-size:15px;line-height:1.5}
 .v3-home .rail-head{display:block}.v3-home .rail-nav{margin-top:20px}.v3-home .rail-btn{width:40px;height:40px}
 .v3-home .case-panel{padding:24px 12px;min-height:340px}
 .v3-home .tstm-grid{grid-template-columns:1fr}
 .v3-home .tstm-cell{padding:10px;border-right:0!important;border-bottom:1px solid var(--line)!important}
 .v3-home .tstm-cell:last-child{border-bottom:0!important}
 .v3-home .tstm-face.tf-qt{min-height:350px;padding:25px 22px}
 .v3-home .tstm-face blockquote{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
 .v3-home *, .v3-home *:before,.v3-home *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .v3-home .rv{opacity:1;transform:none}
 .v3-home .hero-motion{display:none}
}
/* A thin signing announcement, following the supplied midnight reference. */
.v3-home .v3-announcement{height:43px;position:relative;background:#141e28;color:#e4e8eb;z-index:301;padding:0 46px;border-bottom:1px solid #ffffff20}
.v3-home .v3-announcement-inner{height:100%;display:flex;align-items:center;justify-content:center;gap:20px;font-family:var(--f-m);font-size:9px;letter-spacing:.11em;text-transform:uppercase}
.v3-home .v3-signed{color:#ff9626;display:flex;gap:12px;align-items:center;padding-right:20px;border-right:1px solid #ffffff2a;white-space:nowrap}
.v3-home .v3-signed i{width:6px;height:6px;border-radius:50%;background:#ff9626;box-shadow:0 0 8px #ff962625}
.v3-home .v3-announcement img{height:16px;width:94px;object-fit:contain;filter:brightness(0) invert(1)}
.v3-home .v3-signed-copy{white-space:nowrap}
.v3-home .v3-announcement-link{background:none;border:0;border-left:1px solid #ffffff2a;color:#ff9626;font:inherit;letter-spacing:inherit;text-transform:inherit;padding:5px 0 5px 20px;display:flex;gap:13px;align-items:center;white-space:nowrap}
.v3-home .v3-announcement-link:hover{color:#ec7523}
.v3-home .v3-announcement-close{position:absolute;right:6px;top:0;width:42px;height:43px;border:0;background:none;color:#9ca7af;font-size:20px}
.v3-home .nav{top:var(--announcement-offset,0px)}
.v3-home.announcement-dismissed .nav{top:0}
.v3-home .v3-announcement-preview{max-width:520px;width:calc(100% - 40px);border:1px solid #ffffff2b;background:#141e28;color:#fff;padding:50px;box-shadow:0 25px 100px #0007}
.v3-home .v3-announcement-preview::backdrop{background:#080c12b0;backdrop-filter:blur(8px)}
.v3-home .v3-announcement-preview form{position:absolute;right:10px;top:8px}.v3-home .v3-announcement-preview form button{background:none;border:0;color:#aab7c1;font-size:25px;padding:8px}
.v3-home .v3-announcement-preview>span{font-family:var(--f-m);font-size:9px;color:#ff9626;text-transform:uppercase;letter-spacing:.08em}
.v3-home .v3-announcement-preview h3{font-family:var(--f-d);font-size:46px;font-weight:400;line-height:1.05;margin:25px 0 20px;letter-spacing:-.03em}
.v3-home .v3-announcement-preview p{font-size:13px;line-height:1.8;color:#b8c3cb}
@media(max-width:760px){.v3-home .v3-announcement{height:44px;padding:0 40px 0 15px}.v3-home .v3-announcement-inner{gap:12px;justify-content:flex-start;font-size:9px;letter-spacing:.04em}.v3-home .v3-signed{display:none}.v3-home .v3-announcement img{width:69px;height:15px}.v3-home .v3-announcement-link{font-size:0;padding:0 0 0 12px;min-height:40px;margin-left:auto;gap:0}.v3-home .v3-announcement-link>span{font-size:19px}.v3-home .v3-announcement-preview{padding:36px 27px}.v3-home .v3-announcement-preview h3{font-size:40px}}

/* Interview films play inside the same cover with a minimal player of our own: play/pause and a progress bar. */
.v3-home .story-player{width:100%;aspect-ratio:16/11;position:relative;background:#141e28;overflow:hidden}
.v3-home .story-player .video-cover{height:100%;aspect-ratio:auto;padding:0;border:0;color:inherit;text-align:left}
/* The interview covers carry a burned-in caption line along the bottom; the cover is scaled from the top so that line stays out of frame. */
.v3-home .story-player .video-cover>img{transform:scale(1.22);transform-origin:50% 0}
.v3-home .story-player .video-cover:hover>img{transform:scale(1.25)}
.v3-home .story-player .cover-brand{transform:translateY(-30px)}
.v3-home .story-player .play-circle{left:50%;top:50%;bottom:auto;width:58px;height:58px;transform:translate(-50%,-50%) translateY(36px);font-size:17px;padding-left:4px;border-color:#ffffffb0;transition:background .3s var(--ease),transform .3s var(--ease)}
.v3-home .story-player .video-cover:hover .play-circle{background:#ec7523;border-color:#ec7523;transform:translate(-50%,-50%) translateY(36px) scale(1.05)}
.v3-home .story-player .watch-label{padding-left:15px;justify-content:flex-start}
.v3-home .story-player video{position:absolute;inset:0;display:block;width:100%;height:100%;background:#141e28;object-fit:contain;cursor:pointer}
.v3-home .story-player:focus-within{outline:2px solid #ec7523;outline-offset:4px}
.v3-home .story-controls{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:center;gap:14px;padding:26px 16px 14px;background:linear-gradient(transparent,#141e28d9);opacity:1;transition:opacity .35s var(--ease)}
.v3-home .story-player.is-playing.is-idle .story-controls{opacity:0;pointer-events:none}
.v3-home .story-player.is-playing.is-idle video{cursor:none}
.v3-home .story-toggle{flex:none;width:36px;height:36px;display:grid;place-items:center;border:1px solid #ffffffb0;border-radius:50%;background:#141e28c0;color:#fff;padding:0}
.v3-home .story-toggle svg{width:12px;height:12px;display:block;fill:currentColor}
.v3-home .story-toggle:hover,.v3-home .story-toggle:focus-visible{background:#ec7523;border-color:#ec7523}
.v3-home .story-toggle .ico-pause{display:none}
.v3-home .story-player.is-playing .story-toggle .ico-pause{display:block}
.v3-home .story-player.is-playing .story-toggle .ico-play{display:none}
.v3-home .story-seek{position:relative;flex:1;height:22px;display:flex;align-items:center;cursor:pointer;touch-action:none}
.v3-home .story-seek:before{content:'';position:absolute;left:0;right:0;top:50%;height:3px;transform:translateY(-50%);background:#141e28;box-shadow:0 0 0 1px #fafafa40}
.v3-home .story-seek i{position:absolute;left:0;top:50%;height:3px;width:0;transform:translateY(-50%);background:#ec7523}
.v3-home .story-seek i:after{content:'';position:absolute;right:-5px;top:50%;width:10px;height:10px;border-radius:50%;background:#d2d2c2;transform:translateY(-50%) scale(0);transition:transform .2s var(--ease)}
.v3-home .story-seek:hover i:after,.v3-home .story-seek:focus-visible i:after,.v3-home .story-seek.is-scrubbing i:after{transform:translateY(-50%) scale(1)}
.v3-home .story-seek:focus-visible{outline:none}
.v3-home .story-seek:focus-visible:before{box-shadow:0 0 0 1px #ec7523}
/* Round 5: one added control, the fullscreen toggle, styled identically to the play/pause circle. */
.v3-home .story-fullscreen svg{width:10px;height:10px}
@media(max-width:760px){.v3-home .story-player{aspect-ratio:16/10}.v3-home .story-controls{padding:22px 12px 12px;gap:12px}}

/* Section labels (2026-09-24, Matteo: "bigger and nicer"). One style for every
   label above a section: v2's .ank grammar (mono, caps, wide tracking) at 12px. */
body.v3-home .wall-title, body.v3-home .section-rule, body.v3-home .v3-platform .v3p-rule, body.v3-home .tstm-kicker,
body.v3-home .tstm-kicker .bp-label{font-family:var(--f-m);font-size:12px;font-weight:400;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
body.v3-home .v3-platform .v3p-rule{color:rgba(250,250,250,.62)}
body.v3-home .tstm-kicker .bp-hatch{display:none}
@media(max-width:800px){body.v3-home .wall-title, body.v3-home .section-rule, body.v3-home .v3-platform .v3p-rule, body.v3-home .tstm-kicker, body.v3-home .tstm-kicker .bp-label{font-size:11px;letter-spacing:.12em}}

/* ── Homepage hygiene pass (Matteo, 2026-09-24) ── */
/* 1. "Trusted by" row flush with the logo wall's outer edges */
.v3-home .wall-heading{margin:0 0 28px}
/* 2. no underline under the outcome-card captions, no rule above "See all customer stories" */
.v3-home .cs-caption{border-bottom:0}
.v3-home #proof .v3-morebar{border-top:0;padding-top:0}
/* 3. no rule above the Use cases / Customer stories labels, label sits close to its title */
body.v3-home .section-rule{border-top:0;padding-top:0}
.v3-home .use-case-heading{padding-top:18px}
.v3-home #stories .center-heading{padding-top:18px}
.v3-home #stories .section-rule{justify-content:center}
.v3-home #stories .section-rule>span:empty{display:none}
/* 4. the "+" register line above "More customer stories", like the one under the outcome title */
.v3-home #stories .reg{margin:34px 0 18px}
.v3-home #stories .v3-morebar{border-top:0;margin-top:0;padding-top:0}
/* 5. "How Lleverage works" as a centred title over the statement */
.v3-home .v3-platform .v3p-sectitle{margin:0 0 30px;font-family:var(--f-m);font-size:16px;line-height:1.4;letter-spacing:.2em;text-transform:uppercase;color:rgba(250,250,250,.72)}
@media(max-width:800px){
 .v3-home .use-case-heading{padding-top:14px}
 .v3-home #stories .center-heading{padding-top:14px;text-align:center}
 .v3-home .v3-platform .v3p-sectitle{font-size:13px;margin-bottom:22px}
}
/* 5. the stages fade up as they scroll in, tied to scroll where the browser can */
@keyframes v3p-fadeup{from{opacity:0;translate:0 56px}to{opacity:1;translate:0 0}}
@supports (animation-timeline: view()){
 .v3-home .v3-platform .v3p-stage:not(.v3p-stage-statement)>:is(.v3p-copy,.v3p-visual-area,.v3p-captions,.v3p-link){
  animation:v3p-fadeup linear both;animation-timeline:view();animation-range:entry 5% cover 38%}
}
@supports not (animation-timeline: view()){
 .v3-home .v3-platform .v3p-stage:not(.v3p-stage-statement)>:is(.v3p-copy,.v3p-visual-area,.v3p-captions,.v3p-link){opacity:0;translate:0 56px;transition:opacity 1.1s cubic-bezier(.22,1,.36,1),translate 1.1s cubic-bezier(.22,1,.36,1)}
 .v3-home .v3-platform .v3p-stage.v3p-seen>:is(.v3p-copy,.v3p-visual-area,.v3p-captions,.v3p-link){opacity:1;translate:0 0}
}
@media (prefers-reduced-motion: reduce){
 .v3-home .v3-platform .v3p-stage>:is(.v3p-copy,.v3p-visual-area,.v3p-captions,.v3p-link){animation:none!important;opacity:1!important;translate:none!important}
}
/* more air between Use cases and Customer stories (2026-09-24) */
.v3-home #stories{padding-top:170px}
@media(max-width:800px){.v3-home #stories{padding-top:90px}}

/* Governance & security heading in v2's grammar (2026-09-24): v2's d2 size, the second
   half in 40% white (not orange italic), and v2's white outline button */
body.v3-home .entb h2#security-title{font-size:52px!important;line-height:1.04;letter-spacing:-.03em;font-weight:400;color:#FAFAFA}
body.v3-home .entb h2 .accent{color:rgba(250,250,250,.4);font-style:normal;font-weight:400}
body.v3-home .entb .btn{background:transparent;border-color:rgba(255,255,255,.55);color:#fff}
body.v3-home .entb .btn:hover{background:var(--orange);border-color:var(--orange);color:#fff}
@media(max-width:800px){body.v3-home .entb h2#security-title{font-size:36px!important}}
/* "Explore …" links: no underline on hover, only the arrow moves (2026-09-24) */
body.v3-home .v3-arrow-link:hover,body.v3-home .v3-arrow-link:focus-visible,
body.v3-home .wall-stories,body.v3-home .wall-stories:hover,body.v3-home .wall-stories:focus-visible{text-decoration:none!important}
body.v3-home .wall-stories>span{display:inline-block;transition:transform .25s var(--ease)}
body.v3-home .wall-stories:hover>span{transform:translate(3px,-3px)}
body.v3-home .security-cta .v3-arrow-link:hover>span{transform:translate(3px,-3px)}
/* logo-wall "Customer story ↗": no underline on hover, only the arrow moves */
body.v3-home .wc-story:hover .wc-label,body.v3-home .wc-story:focus-visible .wc-label{text-decoration:none!important}
body.v3-home .wc-label>span{display:inline-block;transition:transform .25s var(--ease)}
body.v3-home .wc-story:hover .wc-label>span{transform:translate(3px,-3px)}

/* ── Use cases, visual pass (Matteo 2026-09-24) ──────────────────────────── */
/* the panel is exactly as tall as the tab list; its content cannot push it taller */
@media(min-width:801px){
 .v3-home .use-case-layout{align-items:stretch}
 .v3-home .case-panel{align-self:stretch;min-height:0;padding:0;background:#EDEDE5}
 .v3-home .case-demo-wrap{position:absolute;inset:34px 40px;display:flex;align-items:center;justify-content:center}
 .v3-home #case-demo{width:100%;height:100%;--ld-height:100%}
}
/* the ground: platform soft images, light, cross-fading */
.v3-home .case-panel>img{filter:none;z-index:-2;transition:opacity .9s ease}
.v3-home .case-panel>img.case-ground-in{opacity:0}
.v3-home .case-panel>img.case-ground-in.is-in{opacity:1}
.v3-home .case-panel:after{background:linear-gradient(140deg,rgba(250,250,249,.30) 0%,rgba(250,250,249,.06) 52%,rgba(250,250,249,.34) 100%)}
/* the demo swaps behind a soft fade */
.v3-home #case-demo{transition:opacity .26s ease,transform .45s cubic-bezier(.22,1,.36,1)}
.v3-home #case-demo.is-out{opacity:0;transform:translateY(6px)}
/* the demo card in the product-card grammar: white, square, hairline, one lift */
.v3-home .case-panel .ld-demo{--ld-paper:#FFFFFF;--ld-muted:#6F736E;--ld-line:rgba(20,30,40,.10);--ld-sage:#F4F4F0;--ld-green:#5E7A52;
 background:#FFFFFF;border:1px solid rgba(20,30,40,.12);border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;
 box-shadow:0 22px 44px rgba(8,10,14,.16),0 2px 4px rgba(8,10,14,.06)}
.v3-home .case-panel .ld-demo *:not(.ld-round-check):not(.ld-received-dot):not(.ld-dot):not([class*="avatar"]){border-radius:0!important}
.v3-home .case-panel .ld-topbar{background:#FAFAF8;border-bottom:1px solid rgba(20,30,40,.08)}
.v3-home .case-panel .ld-source,.v3-home .case-panel .ld-document{background:#FFFFFF;border-color:rgba(20,30,40,.12);box-shadow:none}
.v3-home .case-panel .ld-document-top,.v3-home .case-panel .ld-extracted-field,.v3-home .case-panel .ld-compare-row{border-color:rgba(20,30,40,.07)}
.v3-home .case-panel .ld-erp-result,.v3-home .case-panel .ld-completion-note{background:#F4F6F1;border-color:rgba(94,122,82,.25);color:#4E6645}
.v3-home .case-panel .ld-status-mark{background:#F4F4F0;border-color:rgba(20,30,40,.10)}
.v3-home .case-panel .ld-eyebrow,.v3-home .case-panel .ld-mini-status,.v3-home .case-panel .ld-example-label{color:#8A8D88;letter-spacing:.12em;text-transform:uppercase}
.v3-home .case-panel .ld-progress i{height:2px;background:rgba(20,30,40,.10)}
.v3-home .case-panel .ld-progress i.ld-passed{background:#5E7A52}
.v3-home .case-panel .ld-progress i.ld-current{background:var(--orange)}
.v3-home .case-panel .ld-pause{border-color:rgba(20,30,40,.14);background:#FFFFFF;color:#5A5E59}
.v3-home .case-panel .ld-reveal{transition:opacity .6s ease,transform .8s cubic-bezier(.22,1,.36,1)}
@media(min-width:801px){
 .v3-home .use-case-layout{grid-template-columns:40% minmax(0,1fr)}
 .v3-home .case-demo-wrap{inset:30px 36px}
 .v3-home #case-demo{height:auto;flex:none}
}
@media(min-width:801px){ .v3-home .case-demo-wrap{width:auto} }
.v3-home .case-panel .ld-demo{background:#FFFFFF!important;opacity:1}
/* use cases: the demo fills its card (no 630px column in the middle), less inset */
@media(min-width:801px){ .v3-home .case-demo-wrap{inset:22px 26px} }
.v3-home .case-panel .ld-scene{padding:16px 22px}
.v3-home .case-panel .ld-scene>div{max-width:none}
.v3-home #case-demo{transition:opacity .45s ease,transform .6s cubic-bezier(.22,1,.36,1)}
.v3-home #case-demo.is-out{transition:none}
