@font-face{font-family:Poppins;src:url('assets/poppins-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url('assets/poppins-medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Poppins;src:url('assets/poppins-semibold.woff2') format('woff2');font-weight:600;font-display:swap}
:root{--ink:#061425;--accent:#3875ee;--content-max:1680px;--gutter:clamp(24px,4vw,76px);--brand-radius:8px 8px 8px 24px;--section-inset:clamp(12px,1.2vw,24px);--section-radius:28px}
/* Bound the modern home variants without narrowing article/sidebar layouts. */
.home-two{--gutter:max(clamp(24px,4vw,76px),calc((100vw - var(--content-max))/2))}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:#fff;font-family:Poppins,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:3px solid #a3d9ff;outline-offset:6px}
.skip{position:fixed;top:-100px;left:20px;z-index:20;background:#fff;padding:12px 20px;color:var(--ink);clip-path:inset(100%)}
.skip:focus{top:20px;clip-path:none}
.hero{position:relative;isolation:isolate;min-height:680px;min-height:max(680px,100svh);overflow:hidden;display:flex;flex-direction:column;background:#07182c}
.film,.shade{position:absolute;inset:0;z-index:-2}
.film{background:url('assets/hero-current-poster.webp') center/cover no-repeat}
.film video{width:100%;height:100%;object-fit:cover;object-position:center}
.shade{z-index:-1;background:linear-gradient(90deg,#020c1ee8 0%,#041229a6 38%,#04122926 78%),linear-gradient(0deg,#020c1e59,transparent 36%,#020c1e33 80%,#020c1e66)}
.header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px var(--gutter);position:relative;z-index:5}
.brand{display:inline-flex;flex-shrink:0}
.brand img{width:220px;height:auto;display:block}
.header nav{display:flex;gap:34px;align-items:center;margin:0 auto}
.header nav a{font-size:13px;white-space:nowrap;transition:color .2s}
.header nav a:hover{color:#a3d9ff}
.header-cta{display:flex;align-items:center;gap:22px;border:1px solid #ffffff3d;border-radius:var(--brand-radius);padding:14px 20px;font-size:12px;background:#ffffff08;backdrop-filter:blur(16px);transition:background .2s,border-color .2s}
.header-cta:hover{background:#ffffff18;border-color:#ffffff80}
.header-cta span{font-size:18px}
.menu-toggle,.mobile-contact{display:none!important}
.hero-main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:65px var(--gutter) 135px}
h1{font-size:clamp(46px,4.7vw,84px);font-weight:600;line-height:1.16;letter-spacing:-.05em;margin:0;max-width:1160px;text-wrap:balance}
h1>span{display:block}
.headline-second{color:#a4d8ff;margin-top:.1em}
.hero-description{font-size:15px;line-height:1.85;font-weight:400;color:#d0dcec;max-width:560px;margin:30px 0 0;text-wrap:pretty}
.hero-actions{display:flex;align-items:center;gap:16px;margin-top:35px}
.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:58px;padding:0 22px 0 25px;font-size:13px;font-weight:500;border:1px solid transparent;border-radius:var(--brand-radius);transition:background .2s,border-color .2s,transform .2s}
.primary-button{background:var(--accent);color:#fff;box-shadow:0 8px 30px #123d9b25}
.primary-button:hover{background:#4c86ff;transform:translateY(-2px)}
.button-arrow{display:inline-grid;place-items:center;width:24px;height:24px;flex-shrink:0}
.primary-button>span:first-child{min-width:0;text-align:left}
.primary-button .button-arrow{position:relative;width:37px;flex:0 0 37px}
.primary-button .button-arrow::before{content:"";position:absolute;left:0;top:0;height:24px;width:1px;background:#ffffff40}
.primary-button .button-arrow .arrow-fallback,.primary-button .button-arrow .arrow-player{left:auto;right:0;width:24px}
.secondary-button{background:#ffffff05;border-color:#ffffff45;backdrop-filter:blur(12px)}
.secondary-button:hover{background:#ffffff12;border-color:#ffffff90;transform:translateY(-2px)}

.video-toggle{position:absolute;right:var(--gutter);bottom:28px;width:38px;height:38px;display:grid;place-items:center;border:1px solid #ffffff35;border-radius:8px;background:#06142540;backdrop-filter:blur(12px);color:#fff;transition:background .2s}
.video-toggle[hidden]{display:none}
.video-toggle:hover{background:#ffffff20}
.video-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}
.video-toggle .play-icon{display:none}
.video-toggle[aria-pressed=true] .pause-icon{display:none}
.video-toggle[aria-pressed=true] .play-icon{display:block}
@media(min-width:1700px){.hero-main{padding-bottom:165px}.hero-description{font-size:17px;max-width:630px}.primary-button,.secondary-button{font-size:14px;min-height:62px}}
@media(max-width:1100px){.brand img{width:185px}.header nav{gap:22px}.header nav a{font-size:11px}.header-cta{font-size:11px;padding:12px 17px;gap:15px}h1{font-size:5.3vw}.hero-description{font-size:14px;max-width:540px}}
@media(max-width:760px){.hero{min-height:100svh}.header{padding:23px var(--gutter)}.brand img{width:190px}.header-cta{display:none}.menu-toggle{display:flex!important;flex-direction:column;justify-content:center;gap:6px;width:42px;height:42px;border:1px solid #ffffff45;border-radius:8px;background:#06142560;color:#fff;z-index:6}.menu-toggle span{width:16px;height:1px;background:currentColor;margin:0 auto;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.header nav{display:none;position:absolute;top:83px;left:16px;right:16px;flex-direction:column;align-items:stretch;background:#091c30f5;border:1px solid #ffffff25;border-radius:12px;padding:18px 24px;margin:0;backdrop-filter:blur(24px);gap:0;box-shadow:0 20px 50px #0005}.header nav.open{display:flex}.header nav a{padding:15px 0;font-size:14px;border-bottom:1px solid #ffffff18}.header nav a:last-child{border:0;color:#a4d8ff}.mobile-contact{display:block!important}.hero-main{padding-top:66px;padding-bottom:115px;justify-content:center}h1{font-size:clamp(35px,8.8vw,52px);letter-spacing:-.045em;line-height:1.16;max-width:600px}.headline-second{margin-top:.22em}.hero-description{font-size:13px;line-height:1.9;max-width:450px;margin-top:25px}.hero-actions{margin-top:28px;gap:12px;flex-wrap:wrap}.primary-button,.secondary-button{font-size:12px;min-height:54px;padding:0 18px 0 21px;gap:16px}.video-toggle{bottom:22px}.film video{object-position:60% center}.shade{background:linear-gradient(90deg,#020c1edb,#04122973),linear-gradient(0deg,#020c1e80,transparent 65%,#020c1e66)}}
@media(max-width:420px){.hero-actions{flex-direction:column;align-items:stretch;width:100%;max-width:300px}.hero-description{font-size:12px}.hero-main{padding-top:44px;padding-bottom:90px}.brand img{width:177px}}
@media(prefers-reduced-motion:no-preference){h1,.hero-description,.hero-actions{animation:rise .8s both}.hero-description{animation-delay:.1s}.hero-actions{animation-delay:.2s}@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
html{scroll-behavior:smooth;scroll-padding-top:20px}
.hero-main{padding-bottom:55px}
.hero-bottom{display:flex;justify-content:flex-end;padding:22px calc(var(--gutter) + 66px) 42px var(--gutter)}
.credentials{max-width:490px}
.credentials>p{margin:0 0 23px;color:#d0dcec;font-size:13px;line-height:1.6}
.facts{display:flex;gap:28px}
.facts>div{display:flex;flex-direction:column;border-left:1px solid #ffffff35;padding-left:25px}
.facts>div:first-child{border:0;padding-left:0}
.facts strong{font-size:29px;font-weight:500;letter-spacing:-1px;line-height:1.2}
.facts span{font-size:10px;color:#b8c9db;white-space:nowrap;margin-top:8px}
.hero .video-toggle{bottom:43px}
.animated-arrow{position:relative;display:inline-grid;place-items:center;width:24px;height:24px;flex-shrink:0;vertical-align:middle;line-height:0}
.animated-arrow .arrow-fallback,.animated-arrow .arrow-player{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.animated-arrow .arrow-player svg{display:block;width:100%;height:100%}
.animated-arrow.is-ready .arrow-fallback{display:none}
.header-cta{min-height:56px}
.header nav .mobile-contact .nav-arrow{margin-left:12px}

/* Editorial services: open columns, typography and original brand geometry. */
.expertise{position:relative;background:#f7f8fa;color:var(--ink);padding:110px var(--gutter) 70px;scroll-margin-top:0}
.expertise-heading{display:grid;grid-template-columns:1.8fr 1fr;align-items:end;gap:70px;margin-bottom:78px}
.expertise h2{font-size:clamp(42px,5.7vw,88px);font-weight:600;letter-spacing:-.065em;line-height:1.12;margin:0}
.expertise h2 span{color:#3875ee}
.expertise-intro{max-width:355px;font-size:14px;line-height:1.85;color:#526477;margin:0 0 7px;justify-self:end;text-wrap:pretty}
.expertise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.expertise-card{position:relative;padding:30px 38px 12px 0;display:flex;flex-direction:column;border-top:1px solid #b9c7d8;transition:border-color .25s}
.expertise-card+.expertise-card{padding-left:38px;border-left:1px solid #d7e0eb}
.expertise-card:last-child{padding-right:0}
.expertise-card:hover{border-top-color:#3875ee}
.card-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:36px}
.card-number{font-size:10px;letter-spacing:1px;color:#526477;font-weight:500}
.expertise-icon{position:relative;width:60px;height:60px;display:grid;place-items:center;color:#3875ee;flex-shrink:0}
.expertise-icon svg{display:block;width:46px;height:46px;transition:transform .3s}
.expertise-card:focus-visible{outline:2px solid #3875ee;outline-offset:5px}
.service-icon-static{display:grid;place-items:center;position:absolute;inset:0}
.service-icon-static img{display:block;width:100%;height:100%}
.service-icon-player{position:absolute;inset:0;pointer-events:none}
.expertise-icon .service-icon-player svg{width:100%;height:100%;transition:none}
.expertise-icon.is-ready .service-icon-static{display:none}
.expertise-card h3{font-size:clamp(22px,2vw,31px);line-height:1.3;letter-spacing:-1px;font-weight:600;margin:0 0 22px;min-height:81px}
.expertise-card p{font-size:13px;line-height:1.85;color:#526477;margin:0 0 28px;max-width:370px;text-wrap:pretty}
.expertise-card ul{padding:0;margin:auto 0 0;list-style:none;display:flex;flex-direction:column;gap:9px}
.expertise-card li{font-size:12px;line-height:1.6;color:#29415e}
.expertise-card li::before{content:'+';color:#3875ee;display:inline-block;width:20px;font-size:15px;font-weight:500}
.expertise-contact{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:60px;padding-top:30px;border-top:1px solid #d7e0eb}
.expertise-contact p{font-size:15px;font-weight:500;line-height:1.8;margin:0;letter-spacing:-.3px}
.expertise-contact p span{font-size:12px;font-weight:400;color:#526477;display:block;letter-spacing:0}
.expertise-contact .primary-button{min-height:54px}
/* Light portrait composition with the supplied arrow from Zasób 9.svg. */
.about{position:relative;overflow:hidden;background:#fff;color:var(--ink);padding:95px var(--gutter) 42px;scroll-margin-top:0}
.about-inner{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:50px;max-width:1600px;margin:0 auto}
.about-copy{position:relative;z-index:2;padding:0 0 30px;max-width:650px}
.about h2{font-size:clamp(48px,5.45vw,88px);font-weight:600;letter-spacing:-.065em;line-height:1.1;margin:0}
.about h2 span{color:#3875ee}
.about-description{margin-top:35px;max-width:465px}
.about-description p{font-size:13px;line-height:1.9;color:#526477;margin:0 0 18px;text-wrap:pretty}
.about-cta{margin-top:15px}
.about-visual{position:relative;isolation:isolate;aspect-ratio:1/1;align-self:center;overflow:hidden;background:#fff;border-radius:8px 8px 8px 48px}


.about-pattern{position:absolute;inset:0;z-index:-1;background:url("assets/about-arrow-tile.svg") center/175px 175px repeat}
.about-portrait{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:96%;height:94%;object-fit:contain;object-position:center bottom;display:block}
.about-signature{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;border-top:1px solid #d7e0eb;margin-top:50px;padding-top:30px;max-width:1600px;margin-left:auto;margin-right:auto}
.about-name{font-size:clamp(44px,6.35vw,103px);font-weight:600;letter-spacing:-.065em;line-height:1.1;margin:0}
.signature-dot{color:#3875ee}
.about-role{font-size:11px;line-height:1.8;color:#526477;margin:0 0 6px;text-align:right;flex-shrink:0}
@media(min-width:1700px){.hero-main{padding-bottom:70px}.credentials{max-width:540px}.facts strong{font-size:33px}.facts span{font-size:11px}.expertise-intro{font-size:15px;max-width:420px}.expertise-card p{font-size:14px}.expertise-card li{font-size:12px}.about-inner{gap:80px}.about-description{max-width:560px}.about-description p{font-size:15px}}
@media(max-width:1100px){.credentials>p{font-size:12px}.facts{gap:22px}.facts>div{padding-left:20px}.expertise{padding-top:80px}.expertise-heading{gap:30px;margin-bottom:55px}.expertise h2{font-size:5.7vw}.expertise-intro{font-size:12px}.expertise-card{padding-right:24px}.expertise-card+.expertise-card{padding-left:24px}.expertise-card h3{font-size:22px;min-height:87px}.expertise-card p{font-size:11px}.expertise-icon svg{width:40px;height:40px}.about{padding-top:75px}.about-inner{gap:30px}.about h2{font-size:6vw}.about-description p{font-size:12px}.about-cta{font-size:12px;gap:20px;padding-left:20px;padding-right:20px}}
@media(max-width:760px){.hero-main{padding-bottom:45px}.hero-bottom{justify-content:flex-start;padding:0 var(--gutter) 30px}.credentials{width:100%;max-width:450px;padding-top:24px;border-top:1px solid #ffffff25}.credentials>p{font-size:11px;margin-bottom:18px}.facts{gap:24px}.facts>div{padding-left:20px}.facts strong{font-size:25px}.facts span{font-size:9px}.hero .video-toggle{top:112px;bottom:auto}.expertise{padding:64px var(--gutter) 45px}.expertise-heading{display:block;margin-bottom:40px}.expertise h2{font-size:clamp(38px,8.1vw,58px)}.expertise-intro{margin-top:25px;font-size:12px;max-width:460px}.expertise-grid{grid-template-columns:1fr}.expertise-card,.expertise-card+.expertise-card{padding:22px 0 30px;border-left:0}.expertise-card:last-child{padding-bottom:0}.card-top{margin-bottom:12px}.expertise-icon{width:50px;height:50px}.expertise-icon svg{width:38px;height:38px}.expertise-card h3{font-size:27px;min-height:0;margin-bottom:18px;max-width:450px}.expertise-card p{font-size:12px;max-width:530px;margin-bottom:20px}.expertise-card li{font-size:11px}.expertise-contact{flex-direction:column;align-items:flex-start;gap:22px;margin-top:36px;padding-top:25px}.expertise-contact .primary-button{width:100%;max-width:300px}.about{padding:65px var(--gutter) 35px}.about-inner{grid-template-columns:1fr;gap:20px}.about-copy{padding-bottom:0}.about h2{font-size:clamp(44px,10.5vw,68px)}.about h2 span br{display:none}.about-description{margin-top:28px;max-width:550px}.about-description p{font-size:12px}.about-cta{margin-top:10px;max-width:100%;font-size:12px;gap:20px}.about-visual{height:auto;aspect-ratio:1/1;max-width:600px;width:100%;margin-top:12px}.about-pattern{background-size:120px 120px}.about-portrait{width:96%;height:94%}.about-signature{display:block;margin-top:35px;padding-top:25px}.about-name{font-size:clamp(33px,8.7vw,57px)}.about-role{font-size:10px;text-align:left;margin:15px 0 0}.about-role br{display:block}}
@media(max-width:370px){.facts{gap:16px}.facts>div{padding-left:14px}.facts span{font-size:8px}.facts strong{font-size:23px}.expertise h2{font-size:34px}.expertise-card h3{font-size:24px}.about h2{font-size:40px}.about-cta{font-size:11px;padding-left:18px;padding-right:17px;gap:16px}.about-name{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Iconly icons woven into one continuous statement, with no icon badges. */
.statement{background:#f7f8fa;color:var(--ink);padding:115px var(--gutter) 100px;scroll-margin-top:0}
.statement-inner{max-width:1230px;margin:0 auto}
.statement-text{font-size:clamp(36px,3.7vw,60px);font-weight:600;letter-spacing:-.045em;line-height:1.5;text-align:center;margin:0;text-wrap:pretty}
.inline-concept{white-space:nowrap}
.statement-text .statement-accent{color:#3875ee}
.statement-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:1.35em;height:1.05em;margin:0 .07em 0 .05em;color:#3875ee;line-height:0;position:relative;top:-.05em}
.statement-icon svg{display:block;width:100%;height:100%;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.statement-icon--process svg{transform:rotate(-9deg)}
.statement-icon--data svg{transform:rotate(8deg)}
.statement-icon--ai{color:#215bca}
.statement-icon--ai svg{transform:rotate(-8deg)}
.statement-icon--time svg{transform:rotate(9deg)}
.inline-concept:hover .statement-icon svg{transform:rotate(0deg) translateY(-3px)}
.statement-outcome{color:#6d7a8b}
.statement-emphasis{color:#215bca}
.statement-actions{display:flex;flex-direction:column;align-items:center;gap:24px;margin-top:44px}
.statement-actions p{font-size:12px;line-height:1.7;color:#526477;margin:0}
.statement-actions .primary-button{min-height:56px}
@media(min-width:1700px){.statement-inner{max-width:1450px}.statement-actions p{font-size:14px}}
@media(max-width:1100px){.statement{padding-top:85px;padding-bottom:80px}.statement-text{font-size:4.2vw}}
@media(max-width:760px){.statement{padding:65px var(--gutter) 60px}.statement-text{font-size:clamp(28px,6.8vw,42px);line-height:1.5;letter-spacing:-.045em}.statement-icon{width:1.2em;height:1em;margin-right:.02em}.statement-actions{margin-top:30px;gap:20px}.statement-actions p{font-size:11px}.statement-actions .primary-button{font-size:12px;max-width:100%}}
@media(max-width:370px){.statement-text{font-size:26px}.statement-actions .primary-button{font-size:11px;gap:18px;padding-left:20px}}

.statement-brand{display:flex;justify-content:center;margin-bottom:40px}
.statement-brand img{display:block;width:230px;height:auto;max-width:100%}
@media(max-width:760px){.statement-brand{margin-bottom:30px}.statement-brand img{width:185px}}

/* Rounded sections sit on the white page while their content keeps its alignment. */
.hero,.expertise,.statement{margin:var(--section-inset);border-radius:var(--section-radius)}
.hero{min-height:max(680px,calc(100svh - var(--section-inset) - var(--section-inset)))}
.hero .header,.hero .hero-main,.expertise,.statement{padding-inline:calc(var(--gutter) - var(--section-inset))}
.hero-bottom{padding-left:calc(var(--gutter) - var(--section-inset));padding-right:calc(var(--gutter) - var(--section-inset) + 66px)}
.hero .video-toggle{right:calc(var(--gutter) - var(--section-inset))}
@media(max-width:760px){:root{--section-inset:8px;--section-radius:18px}.hero{min-height:calc(100svh - var(--section-inset) - var(--section-inset))}.hero-bottom{padding-inline:calc(var(--gutter) - var(--section-inset))}}

/* Small Iconly labels with the same asymmetric corner language as our buttons. */
.section-label{display:inline-flex;align-items:center;gap:7px;width:fit-content;min-height:31px;margin:0 0 24px;padding:6px 12px;border:1px solid #9db9e3;border-radius:18px 18px 18px 7px;background:transparent;color:#29415e;font-size:11px;font-weight:500;line-height:1.5;letter-spacing:0}
.section-label svg{display:block;width:15px;height:15px;color:#3875ee;flex-shrink:0}
.statement-label-wrap{display:flex;justify-content:center}
.statement-label-wrap .section-label{margin-bottom:22px}
.statement-brand{margin-bottom:24px}
@media(max-width:760px){.section-label{font-size:10px;min-height:29px;padding:5px 11px;margin-bottom:21px}.section-label svg{width:14px;height:14px}.statement-brand{margin-bottom:22px}.statement-label-wrap .section-label{margin-bottom:20px}}

/* Subtle, consistently sized service animations. */
.expertise-icon{width:42px;height:42px}
.expertise-card{scroll-margin-top:35px}
/* FAQ: quiet conversation panel beside accessible native accordions. */
.faq{background:#fff;color:var(--ink);padding:100px var(--gutter) 90px}
.faq-heading{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:60px;padding-bottom:40px;border-bottom:1px solid #d7e0eb}
.faq h2{font-size:clamp(36px,4.1vw,64px);font-weight:600;letter-spacing:-.055em;line-height:1.15;margin:0}
.faq h2 span{color:#3875ee}
.faq-heading>p{justify-self:end;margin:0 0 5px;font-size:13px;line-height:1.8;color:#526477}
.faq-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:100px;padding-top:45px;align-items:center}
.faq-conversation{max-width:375px}
.faq-conversation-image{position:relative;overflow:hidden;border-radius:10px 10px 10px 32px;aspect-ratio:1.6;isolation:isolate;background:#07172d}
.faq-conversation-image>img:first-child{display:block;width:100%;height:100%;object-fit:cover;object-position:70% center}
.faq-conversation-image::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#061425c9,transparent 85%);z-index:0}
.faq-conversation-image .faq-image-logo{position:absolute;z-index:1;bottom:22px;left:22px;width:170px;height:auto}
.faq-conversation-title{font-size:17px;font-weight:600;letter-spacing:-.4px;line-height:1.5;margin:24px 0 10px}
.faq-conversation>p:not(.faq-conversation-title){font-size:12px;line-height:1.9;color:#526477;margin:0 0 22px;max-width:300px}
.faq-conversation .primary-button{min-height:52px;font-size:12px}
.faq-list{display:flex;flex-direction:column;gap:14px}
.faq-item{border-radius:10px 10px 10px 22px;background:#f3f5f8;overflow:hidden}
.faq-item[open]{background:#edf3ff}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:76px;padding:20px 24px;list-style:none;cursor:pointer;font-size:13px;font-weight:500;line-height:1.7}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover{color:#215bca}
.faq-item summary:focus-visible{outline:2px solid #3875ee;outline-offset:-3px;border-radius:10px}
.faq-chevron{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:50%;background:#fff;color:#29415e}
.faq-chevron::before{content:'';width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.faq-item[open] .faq-chevron::before{transform:translateY(2px) rotate(225deg)}
.faq-answer{padding:0 24px 24px}
.faq-answer p{margin:0;font-size:12px;line-height:1.9;color:#526477;max-width:560px;text-wrap:pretty}
/* A still from the user's film forms the footer, fading in from the white page. */
.site-footer{position:relative;isolation:isolate;overflow:hidden;margin:var(--section-inset);border-radius:var(--section-radius);background:#061425 url('assets/footer-logo-detail.webp') 65% center/cover no-repeat;color:#fff;padding:165px calc(var(--gutter) - var(--section-inset)) 42px}
.site-footer::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#fff 0,#ffffff00 140px),linear-gradient(90deg,#041021ed,#041021aa 50%,#04102166)}
.footer-top{display:grid;grid-template-columns:1fr 1.15fr;gap:85px;align-items:start}
.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.footer-links nav{display:flex;flex-direction:column;align-items:flex-start;gap:13px}
.footer-links p,.footer-invitation>p:first-child{font-size:10px;line-height:1.7;color:#b7c9e1;margin:0 0 9px}
.footer-links a{font-size:12px;line-height:1.7;color:#d4dfed;transition:color .2s}
.footer-links a:hover,.footer-bottom>a:hover{color:#a4d8ff}
.footer-contact{display:inline-flex;align-items:center;gap:25px;font-size:clamp(32px,3.6vw,58px);line-height:1.2;font-weight:500;letter-spacing:-.045em;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:9px}
.footer-contact .button-arrow{width:32px;height:32px}
.footer-contact-note{font-size:11px;line-height:1.8;color:#b7c9e1;margin:24px 0 0}
.footer-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:120px}
.footer-brand{display:inline-flex}
.footer-brand img{display:block;width:230px;height:auto}
.footer-bottom p,.footer-bottom>a{font-size:10px;line-height:1.8;color:#b7c9e1;margin:20px 0 0}
@media(max-width:1100px){.faq{padding-top:80px;padding-bottom:70px}.faq-layout{gap:55px}.faq-heading{gap:30px}.faq-item summary{font-size:12px;padding:18px 20px;min-height:72px}.footer-top{gap:40px}.footer-links{gap:25px}.footer-links a{font-size:11px}.footer-contact{font-size:36px}.footer-contact-note{max-width:340px}}
@media(max-width:760px){.expertise-icon{width:36px;height:36px}.faq{padding:65px var(--gutter) 50px}.faq-heading{display:block;padding-bottom:28px}.faq h2{font-size:clamp(34px,7.8vw,48px)}.faq-heading>p{font-size:12px;margin:22px 0 0}.faq-layout{grid-template-columns:1fr;gap:35px;padding-top:30px}.faq-list{grid-row:1;gap:12px}.faq-conversation{max-width:440px}.faq-item summary{font-size:12px;gap:15px;padding:17px 18px;min-height:72px}.faq-answer{padding:0 18px 22px}.faq-answer p{font-size:12px}.faq-conversation-image{aspect-ratio:1.8}.faq-conversation-title{font-size:17px}.site-footer{padding-top:135px;padding-bottom:30px;background-position:62% center}.footer-top{grid-template-columns:1fr;gap:42px}.footer-invitation{grid-row:1}.footer-contact{font-size:clamp(32px,8.2vw,44px);gap:16px}.footer-contact .button-arrow{width:27px;height:27px}.footer-contact-note{font-size:11px;margin-top:22px;max-width:320px}.footer-links{gap:24px}.footer-links a{font-size:11px}.footer-bottom{display:block;margin-top:60px}.footer-brand img{width:200px}.footer-bottom p{font-size:9px;margin-top:18px}.footer-bottom>a{display:inline-block;margin-top:25px}}
@media(max-width:370px){.footer-contact{font-size:29px;gap:12px}.footer-contact .button-arrow{width:24px;height:24px}.footer-links{gap:18px}.footer-links a{font-size:10px}.faq-item summary{font-size:11px}.faq-conversation-title{font-size:16px}}
@media(max-width:760px){.faq-heading>p{justify-self:start;width:100%}}

/* A full viewport devoted to the statement and its inline icons. */
.statement{min-height:calc(100svh - var(--section-inset) - var(--section-inset));display:grid;place-items:center;padding-block:64px;scroll-margin-top:calc(var(--section-inset) - 20px)}
.statement-inner{width:100%;max-width:1280px}
.statement-text{font-size:clamp(38px,4.3vw,74px);line-height:1.38;letter-spacing:-.045em}
@media(min-width:1700px){.statement-inner{max-width:1500px}}
@media(max-width:760px){.statement{padding:40px 24px}.statement-text{font-size:clamp(26px,7.2vw,44px);line-height:1.4}}
@media(max-width:370px){.statement{padding-inline:18px}.statement-text{font-size:26px}}
@media(max-height:500px) and (min-width:761px){.statement{padding-block:40px}.statement-text{font-size:clamp(32px,3.5vw,48px)}}

/* Process optimization: a working illustration built from the visitor's assumptions. */
.optimization{margin:var(--section-inset);border-radius:var(--section-radius);padding:80px calc(var(--gutter) - var(--section-inset));background:#071a32;color:#fff;overflow:hidden}
.optimization-heading,.comparison-heading{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:60px;margin-bottom:48px}
.optimization .section-label{border-color:#4d698e;color:#d0e1fa}
.optimization .section-label svg{color:#8cb4ff}
.optimization h2,.comparison h2{font-size:clamp(36px,4.1vw,64px);font-weight:600;line-height:1.16;letter-spacing:-.055em;margin:0}
.optimization h2 span{color:#8cb4ff}
.optimization-heading>p,.comparison-heading>p{font-size:13px;line-height:1.9;max-width:380px;justify-self:end;margin:0 0 5px;color:#bdcce0}
.optimization-layout{display:grid;grid-template-columns:.85fr 1.4fr;gap:65px;align-items:center}
.optimization-controls{max-width:470px}
.optimization-controls h3{font-size:16px;font-weight:500;letter-spacing:-.025em;margin:0 0 20px}
.process-options{display:flex;flex-wrap:wrap;gap:8px}
.process-options button{border:1px solid #426082;border-radius:16px 16px 16px 6px;color:#bfcde0;background:transparent;padding:9px 13px;font-size:11px;line-height:1.5;transition:background .2s,color .2s,border-color .2s}
.process-options button:hover{background:#ffffff0d;color:#fff}
.process-options button[aria-pressed=true]{background:#3875ee;color:#fff;border-color:#3875ee}
.process-assumption{font-size:11px;line-height:1.8;color:#a6bad4;margin:18px 0 30px;min-height:40px}
.process-inputs{display:flex;flex-direction:column;gap:16px}
.process-inputs label{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;line-height:1.7}
.process-field{display:flex;align-items:center;gap:9px;flex-shrink:0;border-bottom:1px solid #58728f;padding-bottom:6px;width:104px;color:#a6bad4;font-size:11px}
.process-field input{width:65px;min-width:0;padding:5px 0;border:0;background:transparent;color:#fff;outline-offset:3px;font:500 23px Poppins,Arial,sans-serif;font-variant-numeric:tabular-nums;appearance:textfield;-moz-appearance:textfield}
.process-field input::-webkit-inner-spin-button,.process-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.process-field input:focus-visible{outline:2px solid #8cb4ff;border-radius:3px}
.process-method{font-size:10px;line-height:1.9;color:#a6bad4;margin:24px 0 28px;max-width:360px}
.optimization-link{display:inline-flex;align-items:center;gap:20px;font-size:12px;font-weight:500;color:#e4edfc}
.optimization-link .button-arrow{width:20px;height:20px}
.optimization-link:hover{color:#8cb4ff}
.process-chart{margin:0;background:#f4f7fc;color:var(--ink);border-radius:12px 12px 12px 38px;padding:30px 30px 26px;min-width:0}
.process-chart figcaption{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:12px;font-weight:500;line-height:1.6}
.process-chart figcaption>span{font-size:9px;font-weight:400;letter-spacing:.06em;color:#627289}
.process-result{margin:20px 0 18px}
.process-result strong{display:block;color:#3875ee;font-size:clamp(46px,5vw,76px);font-weight:500;line-height:1.2;letter-spacing:-.055em;font-variant-numeric:tabular-nums}
.process-result strong>span{font-size:.55em;letter-spacing:0}
.process-result p{font-size:12px;color:#526477;margin:5px 0 0}
.chart-legend{display:flex;gap:22px;flex-wrap:wrap;font-size:10px;color:#526477;line-height:1.6}
.chart-legend>span{display:flex;align-items:center;gap:7px}
.chart-legend i{display:block;width:18px;height:2px;border-radius:2px}
.legend-before{background:#8a98ac}.legend-after{background:#3875ee}
#process-chart-svg{display:block;width:100%;height:auto;margin:8px 0 0;overflow:visible}
#process-chart-grid text{fill:#627289;font-family:Poppins,Arial,sans-serif;font-size:13px}
#process-chart-grid line{stroke:#dce5f0;stroke-width:1}
.chart-line-before{fill:none;stroke:#8a98ac;stroke-width:2;stroke-dasharray:5 6;stroke-linecap:round;stroke-linejoin:round}
.chart-line-after{fill:none;stroke:#3875ee;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
#process-chart-points circle{stroke-width:2;fill:#f4f7fc}
.chart-totals{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #dce5f0;padding-top:18px;gap:25px}
.chart-totals>div{display:flex;flex-direction:column;gap:5px}
.chart-totals span{font-size:10px;color:#627289}
.chart-totals strong{font-weight:500;font-size:23px;line-height:1.5;font-variant-numeric:tabular-nums;letter-spacing:-.035em}
.chart-totals>div:last-child strong{color:#3875ee}
.process-noscript{font-size:11px;color:#526477;line-height:1.7}
/* Compare ways of working, rather than making claims about other agencies. */
.comparison{padding:95px var(--gutter) 55px;background:#fff;color:var(--ink)}
.comparison-heading{margin-bottom:42px}
.comparison h2 span{color:#3875ee}
.comparison-heading>p{color:#526477}
.comparison-table-wrap{overflow:hidden;border-radius:12px 12px 12px 38px}
.comparison-table{width:100%;table-layout:fixed;border-spacing:0;border-collapse:separate;text-align:left}
.comparison-table th,.comparison-table td{width:50%;background:#f7f8fa;padding:24px 32px}
.comparison-table th{vertical-align:bottom;padding-top:30px;padding-bottom:25px;font-weight:500}
.comparison-table th:last-child,.comparison-table td:last-child{background:#eaf1ff}
.comparison-heading-label{font-size:25px;letter-spacing:-.04em;line-height:1.4}
.comparison-table th img{display:block;width:190px;height:auto;max-width:100%;margin-bottom:5px}
.comparison-heading-note{display:block;font-weight:400;font-size:11px;line-height:1.8;color:#627289;margin-top:8px}
.comparison-table td{position:relative;font-size:14px;line-height:1.8;color:#526477;vertical-align:middle;padding-top:24px;padding-bottom:24px}
.comparison-table td:last-child{color:#143b71;font-weight:500}
.comparison-table tbody tr:not(:last-child) td::after{content:'';position:absolute;bottom:0;left:32px;right:32px;height:1px;background:#dbe2ed}
.comparison-table td>span:last-child{display:block;padding-left:34px}
.comparison-row-number{position:absolute;left:32px;top:26px;color:#8a98ac;font-size:10px;font-weight:400}
.comparison-row-check{position:absolute;left:34px;top:30px;width:12px;height:7px;border-left:1.8px solid #3875ee;border-bottom:1.8px solid #3875ee;transform:rotate(-45deg)}
@media(min-width:1700px){.optimization-layout{gap:100px}.optimization-controls{max-width:560px}.optimization-controls h3{font-size:18px}.process-inputs label{font-size:14px}.process-options button{font-size:12px}.process-chart{padding:35px}.comparison-table td{font-size:16px}}
@media(max-width:1100px){.optimization{padding-block:65px}.optimization-heading,.comparison-heading{gap:30px}.optimization-layout{gap:35px;grid-template-columns:1fr 1.25fr}.optimization-heading>p,.comparison-heading>p{font-size:12px}.process-chart{padding:24px}.process-inputs label{font-size:11px;gap:10px}.process-options button{padding:8px 11px;font-size:10px}.comparison-table td{font-size:12px}.comparison-table th,.comparison-table td{padding-left:24px;padding-right:24px}.comparison-table td>span:last-child{padding-left:28px}.comparison-row-number{left:24px}.comparison-row-check{left:26px}.comparison-table tbody tr:not(:last-child) td::after{left:24px;right:24px}}
@media(max-width:760px){.optimization{padding:55px calc(var(--gutter) - var(--section-inset)) 35px}.optimization-heading,.comparison-heading{display:block;margin-bottom:30px}.optimization h2,.comparison h2{font-size:clamp(33px,7.8vw,48px)}.optimization-heading>p,.comparison-heading>p{font-size:12px;margin:23px 0 0;max-width:480px}.optimization-layout{grid-template-columns:1fr;gap:30px}.optimization-controls{max-width:none}.optimization-controls h3{font-size:14px}.process-assumption{margin:17px 0 22px;min-height:0}.process-inputs label{font-size:12px}.process-field{width:103px}.process-method{max-width:450px;margin-top:22px}.optimization-link{font-size:11px}.process-chart{padding:24px 18px 20px;border-radius:10px 10px 10px 28px}.process-chart figcaption{font-size:11px;gap:10px}.process-chart figcaption>span{font-size:8px}.process-result strong{font-size:58px}.process-result p{font-size:11px}.chart-legend{font-size:9px;gap:18px}.chart-totals strong{font-size:22px}.comparison{padding:60px var(--gutter) 30px}.comparison-table-wrap{border-radius:10px 10px 10px 25px}.comparison-table th,.comparison-table td{padding:19px 14px}.comparison-heading-label{font-size:19px}.comparison-table th img{width:130px}.comparison-heading-note{font-size:9px;line-height:1.6}.comparison-table td{font-size:11px;line-height:1.7}.comparison-table td>span:last-child{padding-left:0;padding-top:20px}.comparison-row-number{left:14px;top:17px;font-size:9px}.comparison-row-check{left:16px;top:19px;width:10px;height:6px}.comparison-table tbody tr:not(:last-child) td::after{left:14px;right:14px}}
@media(max-width:370px){.optimization h2,.comparison h2{font-size:30px}.process-chart{padding-inline:14px}.process-chart figcaption>span{font-size:7px}.process-result strong{font-size:51px}.comparison-table th,.comparison-table td{padding-left:11px;padding-right:11px}.comparison-table th img{width:108px}.comparison-heading-label{font-size:17px}.comparison-table td{font-size:10px}.comparison-row-number{left:11px}.comparison-row-check{left:13px}}

/* The portrait belongs to an edge-to-edge composition, without a framed image. */
.about{margin:0;padding:0;width:100%;border-radius:0;background:#fff}
.about-inner{max-width:none;margin:0;grid-template-columns:48% 52%;gap:0;align-items:stretch}
.about-copy{padding:85px 45px 75px var(--gutter);max-width:none;align-self:center}
.about h2{font-size:clamp(48px,4.6vw,78px)}
.about-description{max-width:490px;margin-top:30px}
.about-visual{width:100%;height:auto;min-height:660px;aspect-ratio:auto;border-radius:0;margin:0;max-width:none;align-self:stretch;overflow:visible}
.about-pattern{inset:0 0 0 -65px;background-size:128px 128px;background-position:18px -26px;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}
.about-portrait{width:94%;height:calc(100% - 48px);max-width:740px;max-height:740px;left:50%;bottom:0;object-fit:contain;object-position:center bottom}
.about-signature{display:block;margin:27px 0 0;padding:0;border:0;max-width:none}
.about-name{font-size:26px;letter-spacing:-.045em;line-height:1.3}
.about-role{font-size:10px;text-align:left;line-height:1.8;margin:6px 0 0}
.about-role br{display:block}
.about-cta{margin-top:28px}
@media(min-width:1700px){.about-copy{padding-top:110px;padding-bottom:100px;padding-right:70px}.about-visual{min-height:780px}.about-pattern{background-size:140px 140px}.about-portrait{max-width:850px;max-height:850px}.about-name{font-size:30px}}
@media(max-width:1100px) and (min-width:761px){.about-inner{grid-template-columns:48% 52%;gap:0}.about-copy{padding:65px 30px 60px var(--gutter)}.about h2{font-size:5.3vw}.about-visual{min-height:610px}.about-pattern{inset-inline-start:-35px;background-size:108px 108px}.about-portrait{width:96%;height:calc(100% - 35px)}.about-cta{font-size:11px;gap:16px;padding-inline:17px}.about-name{font-size:24px}}
@media(max-width:760px){.about-inner{display:flex;flex-direction:column;gap:0}.about-copy{width:100%;padding:60px var(--gutter) 35px}.about h2{font-size:clamp(42px,10.5vw,64px)}.about-description{margin-top:28px;max-width:540px}.about-signature{margin-top:23px;padding:0}.about-name{font-size:25px}.about-role{margin-top:5px}.about-cta{margin-top:23px}.about-visual{min-height:0;height:clamp(330px,100vw,590px);width:100%;max-width:none;margin:0;aspect-ratio:auto;overflow:visible}.about-pattern{inset:0;background-size:96px 96px;background-position:24px -30px;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)}.about-portrait{width:90%;height:calc(100% - 24px);max-width:550px;max-height:550px;left:52%}}
@media(max-width:370px){.about h2{font-size:40px}.about-name{font-size:24px}.about-cta{font-size:11px;gap:16px}.about-pattern{background-size:86px 86px}}

/* Original accent mark and slightly stronger service dividers and type. */
.statement-mark{display:block;width:128px;height:auto;margin:0 auto 34px}
.expertise-card{border-top-width:2px;border-top-color:#9aacc3}
.expertise-card+.expertise-card{border-left-width:2px;border-left-color:#adbbce}
.expertise-card h3{color:#142234}
.expertise-card p,.expertise-card li,.expertise-intro{font-weight:500;color:#243446}
.card-number{color:#35475e}
@media(max-width:760px){.statement-mark{width:92px;margin-bottom:26px}.expertise-card+.expertise-card{border-left:0}}

/* A floating navigation bar stays independent of animated section layers. */
:root{--nav-clearance:112px}
html{scroll-padding-top:var(--nav-clearance)}
.skip{z-index:120}
.header{position:fixed;z-index:100;top:24px;left:50%;transform:translateX(-50%);width:calc(100% - var(--gutter) - var(--gutter));max-width:1400px;min-height:82px;padding:14px 24px;border:1px solid #ffffff29;border-radius:18px 18px 18px 32px;background:#07182cc9;color:#fff;box-shadow:0 10px 35px #020c1e14;backdrop-filter:blur(20px) saturate(125%);-webkit-backdrop-filter:blur(20px) saturate(125%);transition:background .35s,box-shadow .35s,max-width .45s cubic-bezier(.22,1,.36,1),top .35s,padding .35s,min-height .35s}
.header .brand img{width:200px;transition:width .35s}
.header .header-cta{min-height:52px;padding:10px 18px;background:#ffffff09}
.header.is-scrolled{max-width:none;top:16px;min-height:72px;padding-block:10px;background:#07182cf2;box-shadow:0 12px 35px #06142526;border-color:#ffffff24}
.header.is-scrolled .brand img{width:185px}
.header nav a[aria-current=location]{color:#a3c7ff}
.hero{padding-top:96px}
.statement{scroll-margin-top:calc(var(--section-inset) - var(--nav-clearance))}
@media(max-width:1100px){.header{width:calc(100% - 40px);padding-inline:20px;gap:22px}.header .brand img{width:180px}.header nav{gap:22px}.header.is-scrolled .brand img{width:175px}}
@media(max-width:760px){:root{--nav-clearance:96px}.header,.header.is-scrolled{top:12px;width:calc(100% - 24px);min-height:66px;padding:11px 14px;border-radius:13px 13px 13px 23px;gap:18px}.header .brand img,.header.is-scrolled .brand img{width:155px}.header nav{top:calc(100% + 9px);left:0;right:0;border-radius:13px 13px 13px 24px;background:#07182cf5}.hero{padding-top:86px}.header .menu-toggle{background:#ffffff05;width:42px;height:42px}}

/* Elements resolve from blur as they enter from either viewport edge. */
@media(prefers-reduced-motion:no-preference){
  .motion-reveal{--reveal-offset:26px;--reveal-delay:0ms;opacity:0;filter:blur(8px);translate:0 var(--reveal-offset);animation:none;transition:opacity .3s ease,filter .4s ease,translate .45s cubic-bezier(.22,1,.36,1)}
  .motion-reveal.is-visible,.motion-reveal:focus-within{opacity:1;filter:none;translate:0 0;transition-duration:.75s,.85s,.85s;transition-delay:var(--reveal-delay);transition-timing-function:cubic-bezier(.22,1,.36,1)}
  .motion-reveal.motion-reveal--portrait{--reveal-offset:18px}
}
.about-pattern.is-animated{background-image:none}
.about-pattern-symbol{position:absolute;display:block;background:url('assets/logo-symbol-accent.svg') center/calc(100% - 24px) auto no-repeat;pointer-events:none;transform-origin:center}
@media(prefers-reduced-motion:reduce){.motion-reveal{opacity:1;filter:none;translate:none}.header{transition:none}}

/* The user's outlined name retains its exact curves, proportions and color. */
.about-name img{display:block;width:290px;max-width:100%;height:auto}
@media(min-width:1700px){.about-name img{width:330px}}
@media(max-width:760px){.about-name img{width:265px}}
@media(max-width:370px){.about-name img{width:240px}}

/* A circular opening from the center of the full-screen statement. */
.statement .statement-label-wrap .section-label{min-width:210px;min-height:44px;justify-content:center;gap:10px;padding:10px 20px;font-size:13px;line-height:1.5;white-space:nowrap;flex-shrink:0;border-width:1.5px;border-radius:24px 24px 24px 9px;margin-bottom:28px}
.statement .statement-label-wrap .section-label svg{width:18px;height:18px}
.statement.statement--animated{position:relative;isolation:isolate;overflow:hidden;background:transparent}
.statement--animated::before{content:'';position:absolute;inset:0;z-index:-1;background:#f7f8fa;clip-path:circle(0% at 50% 50%);transition:clip-path .65s cubic-bezier(.4,0,.6,1)}
.statement--animated .statement-inner{opacity:0;filter:blur(7px);scale:.91;transform-origin:50% 50%;transition:opacity .3s,filter .4s,scale .5s cubic-bezier(.22,1,.36,1)}
.statement--animated.is-open::before{clip-path:circle(72% at 50% 50%);transition-duration:1.25s;transition-timing-function:cubic-bezier(.22,1,.36,1)}
.statement--animated.is-open .statement-inner{opacity:1;filter:blur(0);scale:1;transition-duration:.8s,1s,1.15s;transition-delay:.14s;transition-timing-function:cubic-bezier(.22,1,.36,1)}
@media(max-width:760px){.statement .statement-label-wrap .section-label{min-width:198px;min-height:40px;padding:9px 18px;font-size:12px;margin-bottom:24px}.statement .statement-label-wrap .section-label svg{width:17px;height:17px}}
@media(prefers-reduced-motion:reduce){.statement--animated::before{clip-path:none}.statement--animated .statement-inner{opacity:1;filter:none;scale:1}}

/* The original open header turns into a floating bar only after scrolling. */
.header{position:absolute;top:calc(var(--section-inset) + 28px);min-height:56px;padding:0;border:1px solid transparent;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;max-width:none}
.header .brand img{width:220px}
.header.is-scrolled{position:fixed;border:1px solid #ffffff29;border-radius:18px 18px 18px 32px;padding:10px 24px;background:#07182cf2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.header.is-scrolled .brand img{width:185px}

/* An open, animated data landscape rather than a dashboard/calculator. */
.growth-section{background:#fff;color:var(--ink);padding-block:90px 65px;overflow:hidden}
.growth-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:80px;align-items:end}
.growth-section h2{font-size:clamp(46px,5.3vw,84px);line-height:1.08;letter-spacing:-.06em}
.growth-section h2 span{color:#436cb3}
.growth-heading>div{max-width:400px;justify-self:end}
.growth-heading p{font-size:14px;line-height:1.9;color:#35475e;margin:0 0 22px}
.growth-link{display:inline-flex;align-items:center;gap:20px;font-size:12px;font-weight:500;color:#243446}
.growth-link .button-arrow{width:21px;height:21px;filter:brightness(0) saturate(100%)}
.growth-figure{margin:60px 0 0}
.growth-caption{display:flex;justify-content:space-between;gap:20px;font-size:12px;font-weight:500;color:#35475e}
.growth-caption>span:last-child{font-size:9px;letter-spacing:.08em;color:#627289}
.growth-canvas{position:relative;height:390px;margin-top:40px}
.growth-chart{display:block;width:100%;height:100%;overflow:visible}
.growth-grid path{fill:none;stroke:#e8edf4;stroke-width:1}
.growth-area{fill:url(#growth-fill)}
.growth-scattered{fill:none;stroke:#b6c2d1;stroke-width:2.5;stroke-linecap:round}
.growth-progress{fill:none;stroke:#436cb3;stroke-width:3.5;stroke-linecap:round}
.growth-chart path{vector-effect:non-scaling-stroke}
.growth-dots circle{fill:#fff;stroke:#436cb3;stroke-width:3}
.growth-callout{position:absolute;background:#fff;box-shadow:0 8px 40px #153a6c12;border:1px solid #edf1f7;border-radius:8px 8px 8px 20px;padding:17px 22px;min-width:190px}
.growth-callout span{display:block;font-size:9px;letter-spacing:.06em;color:#627289;margin-bottom:7px}
.growth-callout strong{font-size:13px;font-weight:500;letter-spacing:-.02em;color:#243446}
.growth-callout--data{left:20%;top:30%}
.growth-callout--process{right:15%;top:0}
.growth-line-label{position:absolute;right:4%;top:17%;font-size:11px;font-weight:500;color:#436cb3;display:flex;align-items:center;gap:7px}
.growth-line-label i{width:6px;height:6px;border-radius:50%;background:#436cb3;box-shadow:0 0 0 5px #436cb31a}
.growth-muted-label{position:absolute;right:3%;bottom:9%;font-size:10px;color:#627289}
.growth-stages{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #dbe3ee;padding-top:20px;font-size:11px;color:#526477}
.growth-note{text-align:right;color:#627289;font-size:10px;line-height:1.8;margin:20px 0 0}
@media(prefers-reduced-motion:no-preference){
  .growth-section.growth--animated .growth-progress,.growth-section.growth--animated .growth-scattered{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.8s cubic-bezier(.22,1,.36,1)}
  .growth-section.growth--animated .growth-area,.growth-section.growth--animated .growth-callout,.growth-section.growth--animated .growth-dots{opacity:0;transition:opacity .8s .55s}
  .growth-section.growth--animated.is-drawn .growth-progress,.growth-section.growth--animated.is-drawn .growth-scattered{stroke-dashoffset:0}
  .growth-section.growth--animated.is-drawn .growth-area,.growth-section.growth--animated.is-drawn .growth-callout,.growth-section.growth--animated.is-drawn .growth-dots{opacity:1}
  .growth-section.is-drawn .growth-callout{animation:chart-float 5s ease-in-out 1.8s infinite}
  .growth-section.is-drawn .growth-callout--process{animation-delay:2.5s}
  @keyframes chart-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
}

/* Whole arrows make a stepped boundary; the portrait has more breathing room. */
.about-inner{grid-template-columns:48% 52%}
.about-copy{padding:75px 45px 65px var(--gutter)}
.about-visual{min-height:630px}
.about-pattern{inset:0 0 0 -160px;clip-path:none;background:none;background-size:116px 116px}
.about-portrait{width:76%;height:calc(100% - 70px);max-width:570px;max-height:570px;left:54%}
.about-signature{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin:0;padding:32px var(--gutter) 55px;border-top:1px solid #e6ecf4}
.about-name{display:flex;align-items:center;gap:9px;margin:0;min-width:0}
.about-name img{width:min(63vw,900px);max-width:100%;height:auto}
.about-name .signature-dot{font-size:clamp(60px,7.5vw,110px);font-weight:600;line-height:.7;margin-top:16px}
.about-role{font-size:11px;line-height:1.9;text-align:right;flex-shrink:0;margin:0 0 7px}

/* Scroll controls the radius of concentric circles within a sticky stage. */
.statement{padding:0;display:block;min-height:0;isolation:auto;background:transparent}
.statement-stage{position:relative;isolation:isolate;display:grid;place-items:center;width:100%;max-width:none;min-width:0;justify-self:stretch;min-height:calc(100svh - var(--section-inset) - var(--section-inset));padding:70px calc(var(--gutter) - var(--section-inset));border-radius:var(--section-radius);overflow:hidden;background:#f7f8fa}
.statement-orbit{display:none;pointer-events:none}
.statement.statement--scroll{height:230svh;overflow:visible;background:transparent}
.statement--scroll .statement-stage{position:sticky;top:var(--section-inset);height:calc(100svh - var(--section-inset) - var(--section-inset));background:#fff}
.statement--scroll .statement-orbit{display:block;position:absolute;z-index:-1;left:50%;top:50%;width:var(--orbit-size,180px);height:var(--orbit-size,180px);translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,#f7f8fa 0 52%,#dfe8f7 52% 64%,#8eaad9 64% 74%,#edf2fa 74% 100%)}
.statement--scroll .statement-inner{opacity:var(--orbit-opacity,0);filter:blur(var(--orbit-blur,8px));scale:var(--orbit-scale,.84);transform-origin:center}

/* A clean cinematic footer, with no white fade across the film frame. */
.site-footer{padding-top:85px;background-position:70% center}
.site-footer::before{background:#031023b8}
.footer-bottom{margin-top:100px}
.footer-legal{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:15px 24px;max-width:380px}
.footer-legal a,.footer-legal button{font-size:10px;line-height:1.8;color:#c8d7eb;margin:0;background:none;border:0;padding:0;text-align:left}
.footer-legal a:hover,.footer-legal button:hover{color:#fff}
@media(min-width:1700px){.about-visual{min-height:710px}.about-portrait{max-width:620px;max-height:620px}.about-pattern{background-size:128px 128px}.about-copy{padding-top:90px;padding-bottom:85px}}
@media(max-width:1100px){.header .brand img{width:185px}.growth-heading{gap:35px}.growth-heading p{font-size:12px}.growth-canvas{height:330px}.growth-callout{min-width:165px;padding:15px 17px}.growth-callout strong{font-size:11px}.about-visual{min-height:570px}.about-portrait{width:82%;height:calc(100% - 60px)}.about-pattern{inset-inline-start:-110px;background-size:100px 100px}.about-copy{padding:60px 30px 55px var(--gutter)}}
@media(max-width:760px){
 .header{top:calc(var(--section-inset) + 20px);width:calc(100% - 48px);min-height:44px;padding:0;border:0;border-radius:0}
 .header.is-scrolled{top:12px;width:calc(100% - 24px);min-height:66px;padding:11px 14px;border:1px solid #ffffff29;border-radius:13px 13px 13px 23px}
 .header .brand img,.header.is-scrolled .brand img{width:165px}
 .growth-section{padding-block:55px 35px}.growth-heading{display:block}.growth-section h2{font-size:clamp(40px,10vw,64px)}.growth-heading>div{max-width:none;margin-top:25px}.growth-heading p{font-size:12px}.growth-figure{margin-top:35px}.growth-caption{font-size:10px;gap:14px;align-items:start}.growth-caption>span:last-child{font-size:7px;max-width:80px;text-align:right;line-height:1.6}.growth-canvas{height:270px;margin-top:35px}.growth-chart{width:calc(100% + 50px);margin-left:-25px}.growth-callout{min-width:0;padding:12px 13px;max-width:145px}.growth-callout strong{font-size:10px}.growth-callout span{font-size:8px;margin-bottom:5px}.growth-callout--data{left:0;top:31%}.growth-callout--process{right:0;top:0}.growth-line-label{right:0;top:38%;font-size:9px}.growth-muted-label{right:0;bottom:13%;font-size:8px}.growth-stages{font-size:8px;gap:8px;padding-top:15px}.growth-note{font-size:9px;text-align:left;max-width:250px}
 .about-copy{padding:60px var(--gutter) 35px}.about-visual{height:clamp(350px,100vw,560px);min-height:0}.about-pattern{inset:0;background-size:86px 86px}.about-portrait{height:calc(100% - 30px);width:81%;left:56%;max-width:460px;max-height:460px}.about-signature{display:block;padding:25px var(--gutter) 40px}.about-name{gap:5px;width:100%;max-width:520px}.about-name img{width:calc(100% - 22px)}.about-name .signature-dot{font-size:45px;margin-top:5px}.about-role{text-align:left;font-size:10px;margin:15px 0 0}.statement-stage{padding:60px 24px}.statement.statement--scroll{height:205svh}.site-footer{padding-top:65px}.footer-bottom{margin-top:60px}.footer-legal{justify-content:flex-start;max-width:none;margin-top:28px;gap:14px 20px}
}
@media(prefers-reduced-motion:reduce){.statement.statement--scroll{height:auto}.statement--scroll .statement-stage{position:relative;background:#f7f8fa;height:auto}.statement--scroll .statement-inner{opacity:1;filter:none;scale:1}.statement--scroll .statement-orbit{display:none}}
@media(max-height:600px) and (min-width:600px){.statement-stage{padding:95px 30px 30px}.statement-text{font-size:clamp(24px,3.2vw,38px);line-height:1.3}.statement-mark{width:72px;margin-bottom:16px}.statement .statement-label-wrap .section-label{margin-bottom:12px}}

/* Cookieless information and readable legal documents. */
.privacy-notice[hidden]{display:none}
.privacy-notice{position:fixed;z-index:110;bottom:24px;left:24px;width:350px;max-width:calc(100% - 32px);padding:24px;background:#fff;color:#142234;border:1px solid #dbe4f0;border-radius:14px 14px 14px 30px;box-shadow:0 10px 50px #06142526}
.privacy-notice-heading{display:flex;align-items:start;gap:16px}
.privacy-notice-heading>img{margin-top:6px}
.privacy-notice h2{font-size:19px;font-weight:600;letter-spacing:-.04em;line-height:1.3;margin:0}
.privacy-notice>p{font-size:11px;line-height:1.8;color:#526477;margin:16px 0 20px}
.privacy-notice-actions{display:flex;align-items:center;justify-content:space-between;gap:20px}
.privacy-notice-actions>a{font-size:10px;text-decoration:underline;text-underline-offset:4px;color:#35475e}
.privacy-dismiss{border:0;background:#436cb3;color:#fff;border-radius:8px 8px 8px 18px;min-height:40px;padding:9px 18px;font-size:11px;font-weight:500}
.privacy-dismiss:hover{background:#315998}
.legal-page{color:#142234;background:#fff}
.legal-header{display:flex;align-items:center;justify-content:space-between;gap:24px;position:sticky;top:0;z-index:100;padding:25px var(--gutter);background:#ffffffef;backdrop-filter:blur(16px);border-bottom:1px solid #edf1f7}
.legal-header img{display:block;width:210px;height:auto}
.legal-back{display:inline-flex;align-items:center;gap:25px;font-size:12px;color:#35475e}
.legal-back span{font-size:20px;color:#436cb3}
.legal-hero{margin:var(--section-inset);border-radius:var(--section-radius);background:#f4f7fc;padding:70px calc(var(--gutter) - var(--section-inset)) 45px}
.legal-hero .section-label{gap:9px}
.legal-hero h1{font-size:clamp(40px,5.4vw,80px);font-weight:600;line-height:1.12;letter-spacing:-.055em;max-width:950px;animation:none}
.legal-hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-top:40px}
.legal-hero-bottom>p{font-size:13px;line-height:1.8;margin:0;color:#526477}
.legal-hero-bottom>p:last-child{flex-shrink:0;text-align:right}
.legal-hero-bottom>p:last-child span{display:block;font-size:10px;margin-bottom:4px}
.legal-hero time{font-weight:500;font-size:14px;color:#243446}
.legal-layout{display:grid;grid-template-columns:290px minmax(0,780px);gap:clamp(55px,8vw,150px);padding:65px var(--gutter) 100px;justify-content:space-between;align-items:start;max-width:1600px;margin:auto}
.legal-sidebar{position:sticky;top:128px}
.legal-sidebar nav{display:flex;flex-direction:column;gap:13px}
.legal-sidebar nav>p{font-size:10px;color:#627289;margin:0 0 8px}
.legal-sidebar nav a{display:flex;align-items:baseline;gap:12px;font-size:11px;line-height:1.6;color:#35475e}
.legal-sidebar nav a:hover{color:#436cb3}
.legal-sidebar nav a>span{font-size:9px;color:#627289;min-width:18px}
.legal-contact{padding-top:24px;margin-top:25px;border-top:1px solid #dbe4f0}
.legal-contact>span{display:block;font-size:10px;color:#627289;margin-bottom:8px}
.legal-contact>a{font-size:11px;color:#436cb3;overflow-wrap:anywhere}
.legal-section{position:relative;scroll-margin-top:16px;padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #e0e7f0}
.legal-number{display:block;font-size:10px;line-height:1;color:#436cb3;margin-bottom:16px}
.legal-section h2{font-size:clamp(22px,2vw,30px);font-weight:500;line-height:1.35;letter-spacing:-.035em;margin:0 0 22px}
.legal-section p,.legal-section li{font-size:13px;line-height:1.95;color:#35475e}
.legal-section p{margin:0 0 16px}
.legal-section strong{font-weight:600}
.legal-section ul{padding-left:20px;margin:0 0 20px}
.legal-section li{padding-left:5px;margin-bottom:7px}
.legal-section li::marker{color:#436cb3}
.legal-section a{text-decoration:underline;text-underline-offset:3px;color:#315998;overflow-wrap:anywhere}
.legal-footer{margin:var(--section-inset);border-radius:var(--section-radius);padding:60px calc(var(--gutter) - var(--section-inset)) 30px;background:#07182c;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:45px}
.legal-footer img{display:block;width:220px;height:auto}
.legal-footer p{font-size:11px;line-height:1.8;color:#bdcce0;margin:20px 0 0}
.legal-footer nav{display:flex;flex-direction:column;align-items:flex-end;gap:15px}
.legal-footer a,.legal-footer button{background:none;border:0;padding:0;font-size:11px;color:#d2dff1}
.legal-footer small{font-size:9px;color:#bdcce0;grid-column:1/-1}
@media(max-width:1100px){.legal-layout{grid-template-columns:230px minmax(0,1fr);gap:45px}.legal-sidebar nav{gap:11px}.legal-sidebar nav a{font-size:10px}}
@media(max-width:760px){.privacy-notice{bottom:16px;left:16px;width:330px;padding:20px}.privacy-notice h2{font-size:17px}.privacy-notice>p{margin:12px 0 16px;font-size:10px}.privacy-notice-heading{gap:13px}.legal-header{padding:19px var(--gutter);gap:16px}.legal-header img{width:160px}.legal-back{font-size:10px;gap:9px}.legal-hero{padding:45px 20px 30px}.legal-hero h1{font-size:clamp(35px,9vw,54px)}.legal-hero-bottom{display:block;margin-top:25px}.legal-hero-bottom>p{font-size:12px}.legal-hero-bottom>p:last-child{text-align:left;margin-top:25px}.legal-layout{display:block;padding:35px var(--gutter) 55px}.legal-sidebar{position:static;margin-bottom:40px}.legal-sidebar nav{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.legal-sidebar nav>p{grid-column:1/-1}.legal-contact{display:none}.legal-section h2{font-size:23px}.legal-section p,.legal-section li{font-size:12px}.legal-section{margin-bottom:28px;padding-bottom:25px}.legal-footer{display:block;padding:40px 20px 25px}.legal-footer img{width:190px}.legal-footer nav{align-items:start;margin:32px 0}.legal-footer small{display:block}}

/* Keep the floating navigation compact and centered after scrolling. */
.header.is-scrolled{width:calc(100% - var(--gutter) - var(--gutter));max-width:1120px;top:16px;padding-inline:24px;border-radius:18px 18px 18px 32px}
@media(max-width:1100px){.header.is-scrolled{width:calc(100% - 40px);padding-inline:20px}}
@media(max-width:760px){.header.is-scrolled{width:calc(100% - 24px);top:12px;padding-inline:14px;border-radius:13px 13px 13px 23px}}

/* A short, earlier scroll reveal, beginning as the signature leaves the viewport. */
.statement.statement--scroll{height:145svh}

/* Position the dot on the baseline of the supplied outlined lettering. */
.about-name{position:relative;display:block;width:min(63vw,900px);container-type:inline-size;gap:0}
.about-name img{width:100%;max-width:none}
.about-name .signature-dot{--dot-size:clamp(8px,1.9cqw,18px);position:absolute;left:calc(100% + 10px);top:calc(8.62cqw - var(--dot-size));width:var(--dot-size);height:var(--dot-size);margin:0;display:block;border-radius:50%;background:#3875ee;font-size:0;line-height:0}

/* Use a clip reveal rather than scaled dash lengths, so the line always reaches the end. */
.growth-canvas{height:clamp(410px,32vw,620px)}
.growth-section.growth--animated .growth-progress,.growth-section.growth--animated .growth-scattered{stroke-dasharray:none;stroke-dashoffset:0;transition:none}
.growth-section.growth--animated .growth-area{opacity:1;transition:none}
.growth-node{position:absolute;width:12px;height:12px;border:3px solid #436cb3;border-radius:50%;background:#fff;translate:-50% -50%;pointer-events:none}
.growth-node--one{left:33.333%;top:62%}
.growth-node--two{left:65.833%;top:30%}
.growth-node--end{left:100%;top:6%}
.growth-callout--data{left:22%;top:31%}
.growth-callout--process{right:17%;top:2%}
.growth-line-label{right:0;top:14%}
.growth-muted-label{right:0;bottom:10%}
@media(prefers-reduced-motion:no-preference){.growth--animated .growth-lines{clip-path:inset(0 100% 0 0);transition:clip-path 1.1s cubic-bezier(.22,1,.36,1)}.growth--animated.is-drawn .growth-lines{clip-path:inset(0 0 0 0)}.growth--animated .growth-node{opacity:0;transition:opacity .35s .7s}.growth--animated.is-drawn .growth-node{opacity:1}}
@media(max-width:1100px){.growth-canvas{height:400px}}
@media(max-width:760px){.statement.statement--scroll{height:150svh}.about-name{width:calc(100% - 24px);max-width:520px}.about-name img{width:100%}.about-name .signature-dot{left:calc(100% + 8px);margin:0}.growth-canvas{height:320px}.growth-chart{width:100%;margin-left:0}.growth-node{width:10px;height:10px;border-width:2px}.growth-callout--data{left:0;top:34%}.growth-callout--process{right:6%;top:0}.growth-line-label{top:23%}.growth-muted-label{bottom:10%;font-size:8px}}

/* Wide brand symbols keep their original SVG ratio and a quiet presence behind the portrait. */
.about-pattern{--pattern-cell-width:216;--pattern-cell-height:132;opacity:.76}
@media(min-width:1700px){.about-pattern{--pattern-cell-width:240;--pattern-cell-height:142}}
@media(max-width:1100px){.about-pattern{--pattern-cell-width:180;--pattern-cell-height:114}}
@media(max-width:760px){.about-pattern{--pattern-cell-width:156;--pattern-cell-height:100}}

/* Center the hero content on phones, retaining the desktop composition. */
@media(max-width:760px){
  .hero .hero-main{align-items:center;text-align:center}
  .hero h1{width:100%}
  .hero .hero-description{margin-inline:auto}
  .hero .hero-actions{justify-content:center}
  .hero .credentials{text-align:center;margin-inline:auto}
  .hero .facts{justify-content:center}
}

/* Keep the complete conversation artwork and its native proportions on every screen. */
.faq-conversation-image--chat{aspect-ratio:1586/992}
.faq-conversation-image--chat>img:first-child{object-position:center}
.faq-conversation-image--chat::after{background:linear-gradient(0deg,#06142566,transparent 45%)}
.faq-conversation-image--chat .faq-image-logo{width:40%;max-width:150px;left:18px;bottom:18px}

/* Consent controls use equal emphasis for acceptance and refusal. */
.privacy-notice{width:420px;max-height:calc(100dvh - 32px);overflow-y:auto}
.privacy-notice>p,.privacy-notice #privacy-options p{font-size:12px;line-height:1.6}
.privacy-consent-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.privacy-notice [data-consent]{min-height:44px;padding:10px 12px;border:1px solid #35475e;border-radius:8px;background:#fff;color:#142234;font:inherit;font-size:12px;cursor:pointer}
.privacy-consent-buttons [data-consent="accept"],.privacy-consent-buttons [data-consent="reject"]{flex:1 1 150px;background:#edf3fc}
.privacy-notice [data-consent]:focus-visible,.privacy-notice input:focus-visible{outline:3px solid #2860c4;outline-offset:3px}
.privacy-notice #privacy-options{border-top:1px solid #dbe4f0;padding-top:14px;margin-bottom:14px}
.privacy-notice #privacy-options[hidden]{display:none}
.privacy-notice #privacy-options label{display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.5;min-height:44px}
.privacy-notice input{width:20px;height:20px;flex-shrink:0}
.privacy-notice [hidden]{display:none}
@media(max-width:760px){.privacy-notice{width:calc(100% - 32px)}.privacy-notice>p{font-size:12px}}

/* Compact privacy panel: equally accessible choices and visible Advanced disclosure. */
.privacy-notice{width:420px;max-height:calc(100dvh - 32px);padding:20px;border-radius:16px;overscroll-behavior:contain}
.privacy-notice-heading{align-items:center;gap:12px}
.privacy-notice-heading>img{margin:0}
.privacy-notice h2{font-size:19px;letter-spacing:-.02em}
.privacy-notice-heading [data-consent="close"]{margin-left:auto;min-width:44px;font-size:24px;padding:0}
.privacy-notice>p,.privacy-notice #privacy-options p{font-size:14px;line-height:1.5;margin:10px 0}
.privacy-consent-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.privacy-notice [data-consent]{font-size:14px;min-height:44px}
.privacy-consent-buttons [data-consent="reject"]{background:#fff;border-color:#35475e}
.privacy-consent-buttons [data-consent="accept"]{background:#2860c4;border-color:#2860c4;color:#fff;font-weight:600}
.privacy-consent-buttons [data-consent="accept"]:hover{background:#204e9f}
.privacy-consent-buttons [data-consent="settings"]{grid-column:1/-1;border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;padding:4px 10px}
.privacy-notice #privacy-options h3{font-size:15px;margin:0}
.privacy-notice #privacy-options label{font-size:15px}
.privacy-notice-actions{gap:12px;flex-wrap:wrap}
.privacy-notice-actions>a{font-size:13px;line-height:1.6}
.privacy-choice{font-weight:500}
.privacy-shortcut{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom));right:16px;z-index:105;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #c7d3e2;border-radius:50%;background:#fff;color:#243d60;box-shadow:0 4px 18px #06142526;cursor:pointer}
.privacy-shortcut:hover{color:#2860c4;border-color:#2860c4;background:#f2f6fc}
.privacy-shortcut svg{display:block;pointer-events:none}
.privacy-shortcut[hidden],.privacy-feedback[hidden],.privacy-popover [hidden]{display:none}
.privacy-shortcut:focus-visible{outline:3px solid #2860c4;outline-offset:3px}
/* Cookie icon popover: current state, withdrawal and a route to the full settings. */
.privacy-popover{position:fixed;right:16px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:112;width:340px;max-width:calc(100% - 32px);max-height:calc(100dvh - 100px);overflow-y:auto;padding:16px 20px 20px;background:#fff;color:#142234;border:1px solid #dbe4f0;border-radius:16px;box-shadow:0 12px 40px #06142533}
.privacy-popover[hidden]{display:none}
.privacy-popover-heading{display:flex;align-items:center;gap:12px;padding-bottom:10px;border-bottom:1px solid #dbe4f0}
.privacy-popover h2{font-size:17px;font-weight:600;letter-spacing:-.02em;line-height:1.3;margin:0}
.privacy-popover p{font-size:14px;line-height:1.5;margin:12px 0 0}
.privacy-popover-state{font-weight:500}
.privacy-popover-note{color:#526477}
.privacy-popover-feedback:empty{display:none}
.privacy-popover-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.privacy-popover button{min-height:44px;padding:10px 12px;border:1px solid #35475e;border-radius:8px;background:#fff;color:#142234;font:inherit;font-size:14px;cursor:pointer}
.privacy-popover [data-popover="close"]{margin-left:auto;min-width:44px;padding:0;border:0;font-size:24px;line-height:1}
.privacy-popover [data-popover="change"]{background:#2860c4;border-color:#2860c4;color:#fff;font-weight:600}
.privacy-popover [data-popover="change"]:hover{background:#204e9f}
.privacy-popover [data-popover="withdraw"][hidden]+[data-popover="change"]{grid-column:1/-1}
.privacy-popover button:focus-visible{outline:3px solid #2860c4;outline-offset:3px}
.privacy-feedback{position:fixed;bottom:calc(76px + env(safe-area-inset-bottom));right:12px;z-index:111;width:420px;max-width:calc(100% - 24px);padding:16px;background:#fff;color:#142234;border:1px solid #35475e;border-radius:8px;font-size:14px;line-height:1.5;box-shadow:0 8px 24px #06142526}
.contact-privacy{font-size:13px;line-height:1.7;color:#c4d1df;margin:20px 0}
.contact-privacy a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.privacy-notice{left:16px;bottom:16px;width:calc(100% - 32px);padding:16px}.privacy-notice h2{font-size:19px}.privacy-notice>p,.privacy-notice #privacy-options p{font-size:14px}.privacy-consent-buttons{grid-template-columns:1fr 1fr}.privacy-consent-buttons [data-consent="settings"]{grid-column:1/-1}}

.privacy-feedback:empty{width:1px;height:1px;padding:0;border:0;clip-path:inset(50%);overflow:hidden}

/* Legal data/storage tables remain usable on narrow screens. */
.legal-table-wrap{max-width:100%;overflow-x:auto;margin:22px 0;border:1px solid #dbe4f0;border-radius:10px}
.legal-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.65;text-align:left;color:#35475e}
.legal-table caption{text-align:left;padding:16px;font-weight:600;background:#edf3fc;color:#142234}
.legal-table th,.legal-table td{padding:16px;vertical-align:top;border-bottom:1px solid #dbe4f0;overflow-wrap:anywhere}
.legal-table thead th{background:#f3f6fb;color:#142234;font-weight:600}
.legal-table th[scope="row"]{width:28%;font-weight:500;color:#142234}
@media(max-width:760px){.legal-table{font-size:13px;min-width:0}.legal-table th,.legal-table td{padding:10px 8px}.legal-table caption{padding:12px}.legal-content code{overflow-wrap:anywhere}}

/* On phones each table row becomes a labelled record; keep native table markup. */
@media(max-width:760px){.legal-table{display:block}.legal-table caption{display:block;width:100%}.legal-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.legal-table tbody{display:block}.legal-table tbody tr{display:block}.legal-table tbody tr+tr{border-top:2px solid #dbe4f0}.legal-table th[scope="row"],.legal-table td{display:block;width:auto;padding:12px 14px;border:0}.legal-table th[scope="row"]{background:#f3f6fb;font-size:14px}.legal-table td::before{content:attr(data-label);display:block;font-weight:600;color:#142234;margin-bottom:5px}.legal-table td{font-size:14px;line-height:1.65}}