/* Teneo design system, Nov 2026 (Marie's approved design).
   Used by: /, /teneo10/, /teneo-personal-assistant/, /case-studies/, /solutions/partners/, /about-us/.
   Header, footer, colours, fonts and the dot background are in site.css (sitewide).
   Rules marked "component" are hand-written; the block marked "utility classes" lists the
   recurring card/heading/text styles from the design prototype, so the pages carry classes, not inline styles.
   No gradients anywhere. Animations stop under prefers-reduced-motion. */

/* ---- reset inside redesigned pages (zero specificity, so classes win) ---- */
:where(.dz){font-family:var(--font);color:var(--heading);line-height:normal}
:where(.dz) section{padding:0}
/* the design prototype uses the browser default box model (content-box); site.css sets border-box globally */
:where(.dz) *,:where(.dz) *::before,:where(.dz) *::after{box-sizing:content-box}
:where(.dz) :is(.calls,.calls *,.steps3 *,.ctabar,.ctabar *,.yt,.yt *,.form-box,.form-box *,.mfn-cards *,input,select,textarea,button){box-sizing:border-box}
:where(.dz) :is(h1,h2,h3,h4){color:inherit;line-height:normal;letter-spacing:normal}
:where(.dz) a{color:var(--heading)}
:where(.dz) a:hover{color:#fff}
.dz :focus-visible{outline:2px solid #fff;outline-offset:3px}
.dz [id]{scroll-margin-top:110px}

/* ---- hover lift (component) ---- */
.lift,.liftd{transition:transform .3s ease,box-shadow .3s ease}
.lift:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(47,40,110,.16)!important}
.liftd:hover{transform:translateY(-4px);box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 40px 88px rgba(47,40,110,.45),0 10px 24px rgba(47,40,110,.25)!important}

/* ---- logo marquee (component). No fade mask: the prototype's mask was a gradient. ---- */
@keyframes marq{to{transform:translateX(-50%)}}
.marq{animation:marq 48s linear infinite}

/* ---- live call animation, home hero (component). 12 s loop; the design shows its end state. ---- */
@keyframes hv-dots{0%,2.5%{opacity:0}4.5%{opacity:1}10%{opacity:1}12%,100%{opacity:0}}.hv-dots{opacity:0;animation:hv-dots 12s ease infinite}
@keyframes hv-ask{0%,10.8%{opacity:0;transform:translateY(8px)}14.3%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}.hv-ask{animation:hv-ask 12s ease infinite}
@keyframes hv-card{0%,18.3%{opacity:0;transform:translateY(8px)}21.8%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}.hv-card{animation:hv-card 12s ease infinite}
@keyframes hv-rows{0%,21.7%{opacity:0}25.2%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}.hv-rows{animation:hv-rows 12s ease infinite}
@keyframes hv-c0{0%,28.3%{opacity:0}31.8%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}.hv-c0{animation:hv-c0 12s ease infinite}
@keyframes hv-c1{0%,35.8%{opacity:0}39.3%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}.hv-c1{animation:hv-c1 12s ease infinite}
@keyframes hv-c2{0%,43.3%{opacity:0}46.8%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}.hv-c2{animation:hv-c2 12s ease infinite}
@keyframes hv-c3{0%,50.8%{opacity:0}54.3%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}.hv-c3{animation:hv-c3 12s ease infinite}
@keyframes hv-prog{0%,21.7%{opacity:0}23.7%{opacity:1}55.8%{opacity:1}57.8%,100%{opacity:0}}.hv-prog{opacity:0;animation:hv-prog 12s ease infinite}
@keyframes hv-done{0%,56.7%{opacity:0}60.2%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}.hv-done{animation:hv-done 12s ease infinite}
@keyframes hv-reply{0%,63.3%{opacity:0;transform:translateY(8px)}66.8%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}.hv-reply{animation:hv-reply 12s ease infinite}
@keyframes hvpulse{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.6)}50%{box-shadow:0 0 0 6px rgba(34,197,94,0)}}.hv-live{animation:hvpulse 2s ease infinite}

/* Reduced motion: no marquee scroll (logos wrap as a static row), no lift, call card shown in its final state */
@media (prefers-reduced-motion:reduce){
  .marq{animation:none;flex-wrap:wrap;justify-content:center;width:auto!important;row-gap:16px;padding:0 24px}
  .marq [aria-hidden=true]{display:none}
  .lift,.liftd{transition:none}.lift:hover,.liftd:hover{transform:none}
  .hv-ask,.hv-card,.hv-rows,.hv-done,.hv-reply,.hv-live,.hv-c0,.hv-c1,.hv-c2,.hv-c3{animation:none;opacity:1;transform:none}
  .hv-dots,.hv-prog{animation:none;opacity:0}
}

/* ---- three-calls card: PA hero and home PA block (component) ---- */
.calls{width:100%;max-width:480px;margin:0 auto;background:#463e93;border:1px solid #5d55ae;border-radius:28px;padding:28px;color:#fff;display:flex;flex-direction:column;gap:6px;box-shadow:0 24px 64px rgba(47,40,110,.3)}
.calls-k{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:#d2cdf2}
.calls-h{margin:6px 0 8px;font-weight:600;font-size:20px;line-height:1.3;letter-spacing:-.01em}
.calls ul{list-style:none;margin:0;padding:0}
.calls li{padding:16px 0;border-top:1px solid rgba(255,255,255,.16)}
.calls li:first-child{border-top:0;padding-top:4px}
.calls li:last-child{padding-bottom:0}
.calls-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.calls-top b{display:block;font-weight:600;font-size:17px}
.calls-top small{display:block;font-size:13px;color:#d2cdf2;margin-top:2px}
.calls li p{margin:10px 0 0;font-size:15px;line-height:1.5;color:#e4e0fa}
.calls .pill{flex:0 0 auto;font-family:var(--mono);font-size:12px;padding:5px 12px;border-radius:999px;background:#2f286e;color:#fff;white-space:nowrap}
.calls .pill-blocked{background:transparent;border:1px dashed #d2cdf2;padding:4px 11px}

/* ---- Teneo10: CTA bar and the three-step Understand / Check / Act row (component) ---- */
.ctabar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;padding:26px 32px;border-radius:20px;background:#241f45;border:1px solid #2f286e}
.ctabar p{margin:0;font-weight:500;font-size:18px;line-height:1.4;color:var(--heading)}
.steps3{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}
.steps3 .st{flex:1 1 220px;padding:28px;border-radius:20px;background:#1b1736;border:1px solid #2a2450;display:flex;flex-direction:column;gap:8px}
.steps3 .st-on{background:#2f286e;border-color:#5d55ae}
.steps3 .st h3{margin:0;font-weight:600;font-size:22px;line-height:1.2;letter-spacing:-.02em}
.steps3 .st p{margin:0;font-size:15px;line-height:1.55;color:#b4aedb}
.steps3 .st span{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:#b4aedb}
.steps3 .st h3{font-size:24px}
.steps3 .st-on p,.steps3 .st-on span{color:#d2cdf2}
.steps3 .ar{align-self:center;color:#8a84b8;font-size:22px}
.lmrow{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.lmrow > span{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:#b4aedb}
.lmb{padding:18px 22px;border-radius:14px;border:1px dashed #3a3366;display:flex;flex-direction:column;gap:4px}
.lmb small{font-size:14px;color:#b4aedb}
@media (max-width:860px){.steps3{flex-direction:column}.steps3 .st{flex:none}.steps3 .ar{transform:rotate(90deg);align-self:center;line-height:1}}

/* ---- click-to-load YouTube (component): nothing loads from YouTube before consent + click ---- */
.yt{position:relative;aspect-ratio:16/9;width:100%;border-radius:20px;background:#1b1736;border:1px solid #2a2450;overflow:hidden}
.yt-play{all:unset;box-sizing:border-box;cursor:pointer;position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center}
.yt-play:focus-visible{outline:2px solid #fff;outline-offset:-4px;border-radius:20px}
.yt-icon{width:56px;height:56px;border-radius:999px;background:#f4f2ff;display:flex;align-items:center;justify-content:center;transition:transform .2s}
.yt-play:hover .yt-icon{transform:scale(1.06)}
.yt-cap{font-size:13px;color:#b4aedb;max-width:560px}
.yt-note{position:absolute;left:16px;right:16px;bottom:16px;margin:0;font-size:13px;line-height:1.45;color:#d2cdf2;text-align:center}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (prefers-reduced-motion:reduce){.yt-icon{transition:none}.yt-play:hover .yt-icon{transform:none}}

/* ---- certification cards (component): six on the home page ---- */
.cmp6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:1024px){.cmp6{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.cmp6{grid-template-columns:1fr}}

/* ---- home: "See Teneo in action" panel with the real HubSpot form (component) ---- */
.form-box.glass{flex:1 1 420px;position:relative;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:32px;box-shadow:none;display:flex;flex-direction:column;gap:14px;color:#fff}
.form-box.glass .hs-form .hs-input:not([type=checkbox]):not([type=radio]),.form-box.glass .hs-form input[type=text],.form-box.glass .hs-form input[type=email],.form-box.glass .hs-form textarea,.form-box.glass .hs-form select{background:rgba(18,15,42,.35)!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:14px!important;padding:14px 16px!important;color:#fff!important}
.form-box.glass .hs-form .hs-form-field > label,.form-box.glass .hs-form .hs-form-field > label span:not(.hs-form-required){color:#fff!important;font-size:14px}
.form-box.glass .hs-form,.form-box.glass .hs-form p,.form-box.glass .hs-form .legal-consent-container *{color:#d2cdf2!important}
.form-box.glass .hs-form ::placeholder{color:#b4aedb!important}
.form-box.glass .hs-form input[type=submit],.form-box.glass .hs-form .hs-button{background:var(--pink-btn)!important;width:100%!important;font-size:19px!important;padding:16px!important;border-radius:999px!important}
.form-box.glass .hs-form input[type=submit]:hover,.form-box.glass .hs-form .hs-button:hover{background:#c22a7b!important}
.form-box.glass .hs-form .hs_submit{margin-top:4px}
.form-box.glass form.hs-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));column-gap:14px}
.form-box.glass form.hs-form > *{grid-column:1/-1;min-width:0}
.form-box.glass form.hs-form > .hs-form-field{grid-column:auto}
.form-box.glass form.hs-form > .hs-form-field.hs-fieldtype-textarea,.form-box.glass form.hs-form > .hs-form-field.hs-fieldtype-select{grid-column:1/-1}
.form-box.glass form.hs-form > input[type=hidden],.form-box.glass form.hs-form > iframe{display:none}
.form-box.glass .hs-form .legal-consent-container,.form-box.glass .hs-form .legal-consent-container p{font-size:13px!important;line-height:1.5!important;margin:0 0 8px}
.form-box.glass .glass-note{margin:0;font-size:13px;line-height:1.5;color:#d2cdf2}
.form-box.glass .glass-note a{color:#fff}
.form-box.glass .glass-cal{align-self:flex-start;color:#fff;font-size:15px;font-weight:500}
/* PA and Partners: lead forms in a dark card under the closing CTA */
.form-box.dcard{background:#1b1736;border:1px solid #2a2450;border-radius:24px;padding:36px;box-shadow:none}
.form-box.dcard h3{margin:0 0 6px;font-weight:600;font-size:24px;letter-spacing:-.02em;color:var(--heading)}
.form-box.dcard > p{margin:0 0 20px;color:#b4aedb;font-size:16px;line-height:1.55}
.form-box.dcard .hs-form input[type=submit],.form-box.dcard .hs-form .hs-button{background:var(--pink-btn)!important}

/* ---- home: press releases from MFN as cards (component) ---- */
.mfn-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.mfn-cards li{position:relative;display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:10px;padding:24px;border-radius:20px;background:#1b1736;border:1px solid #2a2450;box-shadow:0 10px 28px rgba(0,0,0,.25);transition:transform .3s ease,box-shadow .3s ease}
.mfn-cards li:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(47,40,110,.16)}
.mfn-cards li a{font-size:16px;font-weight:500;line-height:1.4;text-decoration:none;color:var(--heading)}
.mfn-cards li a::after{content:"";position:absolute;inset:0;border-radius:20px}
.mfn-cards li a:focus-visible{outline:none}
.mfn-cards li:focus-within{outline:2px solid #fff;outline-offset:2px}
.mfn-cards li small{font-family:var(--mono);font-size:12px;color:#b4aedb}
@media (prefers-reduced-motion:reduce){.mfn-cards li{transition:none}.mfn-cards li:hover{transform:none}}

/* ---- phones: one column for the prototype's wide grids, no sticky columns ---- */
@media (max-width:600px){
  .dz [style*="minmax(26"],.dz [style*="minmax(28"],.dz [style*="minmax(3"],.dz [style*="minmax(4"],.dz [style*="minmax(5"]{grid-template-columns:minmax(0,1fr)!important}
  .dz [style*="flex: 1 1 3"],.dz [style*="flex: 1 1 4"],.dz [style*="flex: 1 1 5"],.dz [style*="flex: 1 1 6"]{flex-basis:100%!important;min-width:0}
}
@media (max-width:760px){
  .dz .sticky-col{position:static!important}
  .dz .grid-span2{grid-column:auto!important;grid-row:auto!important}
}

/* About: portraits inside the design's round avatar */
.avatar-img{width:100%;height:100%;border-radius:999px;object-fit:cover;display:block}

/* ---- utility classes: recurring card / heading / text styles from the design ---- */
.u1{margin: 0;font-weight: 600;font-size: 20px;line-height: 1.3;letter-spacing: -0.01em}
.u2{background: #1b1736;border: 1px solid #2a2450;border-radius: 20px;padding: 32px;display: flex;flex-direction: column;gap: 12px}
.u3{margin: 0;font-size: 17px;line-height: 1.6;color: #b4aedb;font-size: 16px}
.u4{font-family: 'Geist Mono', monospace;font-size: 12px;letter-spacing: 0.1em;color: #b4aedb}
.u5{padding-left: 4px}
.u6{max-width: 1280px;margin: 0 auto;display: flex;flex-direction: column;gap: 48px}
.u7{display: flex;flex-direction: column;gap: 18px;max-width: 860px}
.u8{margin: 0;font-weight: 600;font-size: clamp(32px, 4vw, 52px);line-height: 1.05;letter-spacing: -0.035em}
.u9{padding: 96px 24px}
.u10{display: flex;flex-direction: column;gap: 4px}
.u11{margin: 0;font-size: 20px;line-height: 1.55;color: #b4aedb;max-width: 640px}
.u12{margin: 0;font-family: 'Geist Mono', monospace;font-size: 13px;letter-spacing: 0.12em;color: #b4aedb}
.u13{height: 88px;border-radius: 14px;background: #1b1736;border: 1px solid #2a2450;display: flex;align-items: center;justify-content: center;padding: 0 16px;text-align: center;font-weight: 600;font-size: 16px;color: #b4aedb}
.u14{font-weight: 600;font-size: 17px}
.u15{display: flex;align-items: center;gap: 16px;padding: 20px 22px;border-radius: 16px;background: #241f45;border: 1px solid #2a2450;text-decoration: none;color: #f4f2ff}
.u16{width: 52px;height: 52px;flex: 0 0 52px;border-radius: 12px;background: #2f286e;display: flex;align-items: center;justify-content: center}
.u17{font-weight: 600;font-size: 19px;letter-spacing: -0.01em}
.u18{font-size: 14px;color: #b4aedb;line-height: 1.4}
.u19{font-weight: 600}
.u20{margin: 0;font-size: 17px;line-height: 1.6;color: #b4aedb;font-size: 15px}
.u21{margin: 0;font-size: 17px;line-height: 1.6;color: #b4aedb}
.u22{background: #d53088;color: #ffffff;font-weight: 600;font-size: 19px;padding: 18px 32px;border-radius: 999px;text-decoration: none}
.u23{display: flex;flex-direction: column;gap: 12px}
.u24{display: flex;flex-direction: column;gap: 10px;padding: 28px;background: #1b1736;border: 1px solid #2a2450;border-radius: 20px}
.u25{font-weight: 600;font-size: clamp(40px, 4.5vw, 64px);line-height: 1;letter-spacing: -0.04em}
.u26{font-size: 16px;line-height: 1.5;color: #b4aedb}
.u27{font-weight: 600;font-size: 15px}
.u28{display: grid;grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));gap: 16px}
.u29{margin: 0;padding-left: 20px;display: flex;flex-direction: column;gap: 10px;color: #b4aedb;font-size: 16px;line-height: 1.55}
.u30{display: flex;flex-direction: column;gap: 6px}
.u31{font-size: 15px;color: #b4aedb;line-height: 1.5}
.u32{font-weight: 700;font-size: 20px;color: #8a84b8}
.u33{background: #1b1736;border: 1px solid #2a2450;border-radius: 20px;padding: 32px;display: flex;flex-direction: column;gap: 12px;padding: 24px;flex-direction: row;align-items: center;gap: 16px}
.u34{width: 56px;height: 56px;flex: 0 0 56px;border-radius: 999px;background: #241f45;border: 1px solid #2a2450;display: flex;align-items: center;justify-content: center;font-weight: 600}
.u35{font-size: 14px;color: #b4aedb}
.u36{display: flex;flex-wrap: wrap;gap: 12px;align-items: center}
.u37{border: 1px solid #3a3366;color: #f4f2ff;font-weight: 600;font-size: 17px;padding: 17px 26px;border-radius: 999px;text-decoration: none}
.u38{background: #1b1736;border: 1px solid #2a2450;border-radius: 20px;padding: 32px;display: flex;flex-direction: column;gap: 12px;text-decoration: none;color: #f4f2ff;justify-content: space-between;gap: 20px}
.u39{max-width: 1280px;margin: 0 auto;display: flex;flex-wrap: wrap;align-items: center;gap: 64px}
.u40{display: flex;align-items: center;gap: 14px;padding: 18px 20px;border-radius: 20px;background: #1b1736;border: 1px solid #2a2450;box-shadow: 0 10px 28px rgba(0,0,0,0.25);text-decoration: none;color: #f4f2ff}
.u41{width: 44px;height: 44px;flex: 0 0 44px;border-radius: 12px;background: #2f286e;display: flex;align-items: center;justify-content: center}
.u42{display: flex;flex-direction: column;gap: 2px}
.u43{font-size: 13px;color: #b4aedb}
.u44{display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 16px}
.u45{max-width: 1280px;margin: 0 auto;display: flex;flex-direction: column;gap: 20px}
.u46{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: baseline;gap: 12px}
.u47{font-family: 'Geist Mono', monospace;font-size: 12px;letter-spacing: 0.1em;color: #b4aedb;color: #8a84b8}
.u48{padding: 8px 14px;border-radius: 999px;background: #241f45;border: 1px solid #2a2450;font-size: 14px}
.u49{padding: 20px;border-radius: 14px;background: #1b1736;border: 1px solid #2a2450;display: flex;flex-direction: column;gap: 6px}
.u50{font-family: 'Geist Mono', monospace;font-size: 12px;letter-spacing: 0.1em;color: #d2cdf2}
.u51{flex: 1 1 560px;display: flex;flex-direction: column;gap: 28px;align-items: flex-start}
.u52{padding: 40px 24px;background: transparent}
.u53{font-size: 15px;font-weight: 500}
.u54{display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 12px}
.u55{display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 16px}
.u56{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 16px}
.u57{padding: 10px 16px;border-radius: 999px;border: 1px solid #2a2450;font-size: 15px}
.u58{font-weight: 300;color: #8a84b8}
.u59{display: flex;align-items: center;gap: 12px}
.u60{position: relative;width: 26px;height: 26px;flex: 0 0 26px}
.u61{position: absolute;inset: 0;border-radius: 999px;border: 2px dashed #3a3366}
.u62{position: absolute;inset: 0;border-radius: 999px;background: #2f286e;color: #ffffff;display: flex;align-items: center;justify-content: center;font-size: 13px}
.u63{font-size: 16px;font-weight: 500;color: #f4f2ff}
.u64{margin-left: auto;font-size: 14px;color: #b4aedb}
.u65{margin: 0;font-weight: 600;font-size: 28px;letter-spacing: -0.02em}
.u66{padding: 32px;border-radius: 28px;background: #1b1736;border: 1px solid #2a2450;box-shadow: 0 10px 28px rgba(0,0,0,0.25);display: flex;flex-direction: column;gap: 12px}
.u67{font-family: 'Geist Mono', monospace;font-size: 12px;letter-spacing: 0.12em;color: #8a84b8}
.u68{font-size: 15px;line-height: 1.5;color: #b4aedb}
.u69{padding: 112px 24px 96px}
.u70{flex: 1 1 440px}
.u71{font-size: 16px}
.u72{color: #f4f2ff}
.u73{background: #1b1736;border: 1px solid #2a2450;border-radius: 20px;padding: 32px;display: flex;flex-direction: column;gap: 12px;text-decoration: none;color: #f4f2ff}
.u74{background: #1b1736;border: 1px solid #2a2450;border-radius: 20px;padding: 32px;display: flex;flex-direction: column;gap: 12px;gap: 16px}
.u75{margin: 0;font-weight: 600;font-size: 20px;line-height: 1.3;letter-spacing: -0.01em;font-size: 24px}
.u76{margin: 0;font-size: 16px;line-height: 1.55;color: #b4aedb}
.u77{border: 1px solid #2a2450;border-radius: 999px;padding: 6px 12px;font-family: 'Geist Mono', monospace;font-size: 12px;color: #b4aedb}
.u78{display: grid;grid-template-columns: 1.3fr 1fr auto;gap: 14px;align-items: center;padding: 12px 0;border-top: 1px solid #5d55ae}
.u79{font-family: 'Geist Mono', monospace;font-size: 14px}
.u80{font-size: 13px;color: #d2cdf2}
.u81{font-family: 'Geist Mono', monospace;font-size: 12px;padding: 4px 10px;border-radius: 999px;background: #463e93;white-space: nowrap}
.u82{min-height: 220px;padding: 36px;border-radius: 24px;background: #1b1736;border: 1px solid #2a2450;box-shadow: 0 10px 28px rgba(0,0,0,0.25);display: flex;flex-direction: column;gap: 14px}
.u83{font-family: 'Geist Mono', monospace;font-size: 12px;letter-spacing: 0.1em;color: #8a84b8}
.u84{padding: 0 24px 144px}
.u85{margin: 0;font-weight: 600;font-size: clamp(44px, 6.5vw, 96px);line-height: 0.98;letter-spacing: -0.045em}
.u86{color: #8a84b8}
.u87{display: flex;flex-direction: column;gap: 4px;padding: 14px 16px;border-radius: 12px;background: #463e93;border: 1px solid #5d55ae}
.u88{margin: 0;padding-left: 20px;display: flex;flex-direction: column;gap: 10px;color: #f4f2ff;font-size: 16px;line-height: 1.55}
.u89{margin: 0;font-weight: 600;font-size: 20px;line-height: 1.3;letter-spacing: -0.01em;font-size: 28px}
.u90{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 24px}
.u91{display: flex;justify-content: space-between;align-items: center;gap: 12px;border-top: 1px solid #2a2450;padding-top: 12px;max-width: 560px}
.u92{font-family: 'Geist Mono', monospace;font-size: 13px;letter-spacing: 0.04em;color: #b4aedb}
.u93{font-family: 'Geist Mono', monospace;font-size: 12px;padding: 3px 9px;border-radius: 999px;background: #2f286e;color: #ffffff}
.u94{margin: 0;font-size: clamp(40px, 5vw, 68px);line-height: 1;letter-spacing: -0.045em}
.u95{color: #ffffff;font-family: 'Geist Mono', monospace;font-size: 20px}
.u96{font-weight: 600;font-size: 24px;line-height: 1.25;letter-spacing: -0.02em}
.u97{background: #1b1736;border: 1px solid #2a2450;border-radius: 20px;padding: 32px;display: flex;flex-direction: column;gap: 12px;background: #241f45;border-color: #2a2450}
.u98{font-family: 'Geist Mono', monospace;font-size: 12px;letter-spacing: 0.1em;color: #b4aedb;color: #f4f2ff}
.u99{font-size: 17px}
.u100{display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 24px}
.u101{background: #1b1736;border: 1px solid #2a2450;border-radius: 20px;padding: 32px;display: flex;flex-direction: column;gap: 12px;text-decoration: none;color: #f4f2ff;justify-content: space-between;gap: 20px;background: #241f45;border-color: #2a2450}
.u102{margin: 0;font-size: 17px;line-height: 1.6;color: #b4aedb;font-size: 19px}
.u103{background: #1b1736;border: 1px solid #2a2450;border-radius: 20px;padding: 32px;display: flex;flex-direction: column;gap: 12px;padding: 40px;gap: 18px}
.u104{margin: 0;font-weight: 600;font-size: 20px;line-height: 1.3;letter-spacing: -0.01em;font-size: 32px}
.u105{margin: 0;font-size: 18px;color: #f4f2ff}
.u106{align-self: flex-start;border: 1px solid #3a3366;color: #f4f2ff;font-weight: 600;font-size: 16px;padding: 14px 22px;border-radius: 999px;text-decoration: none;margin-top: 8px}
.u107{position: relative;padding: 120px 24px 120px;overflow: hidden}
.u108{flex: 1 1 600px;display: flex;flex-direction: column;gap: 32px;align-items: flex-start}
.u109{margin: 0;font-size: clamp(56px, 8.4vw, 122px);line-height: 0.95;letter-spacing: -0.05em}
.u110{margin: 0;font-size: 21px;line-height: 1.55;color: #b4aedb;max-width: 560px}
.u111{background: rgba(18,15,42,0.72);border: 1px solid rgba(255,255,255,0.12);color: #f4f2ff;font-weight: 600;font-size: 17px;padding: 17px 26px;border-radius: 999px;text-decoration: none}
.u112{flex: 1 1 440px;position: relative}
.u113{position: relative;background: #2f286e;color: #ffffff;border-radius: 28px;padding: 32px;display: flex;flex-direction: column;gap: 18px;box-shadow: 0 32px 72px rgba(47,40,110,0.32)}
.u114{display: flex;justify-content: space-between;align-items: center;font-family: 'Geist Mono', monospace;font-size: 12px;color: #d2cdf2}
.u115{display: flex;align-items: center;gap: 8px}
.u116{width: 8px;height: 8px;border-radius: 999px;background: #22c55e}
.u117{position: relative;align-self: flex-start;max-width: 86%}
.u118{position: absolute;left: 0;top: 0;background: #463e93;border-radius: 16px 16px 16px 4px;padding: 14px 18px;display: flex;gap: 6px}
.u119{width: 7px;height: 7px;border-radius: 999px;background: #d2cdf2}
.u120{width: 7px;height: 7px;border-radius: 999px;background: #d2cdf2;opacity: .7}
.u121{width: 7px;height: 7px;border-radius: 999px;background: #d2cdf2;opacity: .4}
.u122{background: #463e93;border-radius: 16px 16px 16px 4px;padding: 13px 16px;font-size: 16px;line-height: 1.45}
.u123{background: #1b1736;border-radius: 22px;padding: 22px;display: flex;flex-direction: column;gap: 14px}
.u124{display: flex;justify-content: space-between;align-items: baseline}
.u125{font-weight: 600;font-size: 18px;color: #f4f2ff}
.u126{position: relative;display: inline-grid;justify-items: end}
.u127{grid-area: 1 / 1;font-family: 'Geist Mono', monospace;font-size: 13px;color: #8a84b8;white-space: nowrap}
.u128{grid-area: 1 / 1;font-family: 'Geist Mono', monospace;font-size: 13px;color: #b4aedb;white-space: nowrap}
.u129{display: flex;flex-direction: column;gap: 14px}
.u130{align-self: flex-end;max-width: 80%;background: #1b1736;color: #f4f2ff;border-radius: 16px 16px 4px 16px;padding: 12px 16px;font-size: 16px;font-weight: 500}
.u131{padding: 8px 0 56px;overflow: hidden}
.u132{margin: 0 0 24px;text-align: center;font-family: 'Geist Mono', monospace;font-size: 12px;letter-spacing: 0.12em;color: #8a84b8}
.u133{overflow: hidden}
.u134{display: flex;gap: 72px;width: max-content;font-weight: 700;font-size: 24px;letter-spacing: -0.02em;color: #8a84b8}
.u135{padding: 0 24px 40px}
.u136{max-width: 1280px;margin: 0 auto}
.u137{padding: 144px 24px}
.u138{max-width: 1280px;margin: 0 auto;display: flex;flex-wrap: wrap;gap: 64px;align-items: flex-start}
.u139{flex: 1 1 440px;position: sticky;top: 120px;display: flex;flex-direction: column;gap: 24px}
.u140{margin: 0;font-size: 19px;line-height: 1.6;color: #b4aedb;max-width: 480px}
.u141{align-self: flex-start;font-weight: 600;font-size: 16px}
.u142{margin-top: 12px;background: #2f286e;color: #ffffff;border-radius: 22px;padding: 24px;display: flex;flex-direction: column;max-width: 500px;box-shadow: 0 24px 56px rgba(47,40,110,0.28)}
.u143{display: flex;justify-content: space-between;font-family: 'Geist Mono', monospace;font-size: 12px;color: #d2cdf2;padding-bottom: 12px}
.u144{padding-top: 12px;border-top: 1px solid #5d55ae;font-family: 'Geist Mono', monospace;font-size: 12px;color: #d2cdf2}
.u145{flex: 1 1 520px;display: flex;flex-direction: column;gap: 20px}
.u146{min-height: 220px;padding: 36px;border-radius: 24px;background: #2f286e;color: #ffffff;border: 1px solid #463e93;box-shadow: 0 24px 56px rgba(47,40,110,0.28);display: flex;flex-direction: column;gap: 14px}
.u147{margin: 0;font-size: 17px;line-height: 1.6;color: #d2cdf2}
.u148{max-width: 1280px;margin: 0 auto;display: flex;flex-direction: column;gap: 40px}
.u149{display: flex;flex-direction: column;gap: 16px;max-width: 760px}
.u150{grid-column: span 2;grid-row: span 2;min-height: 420px;padding: 44px;border-radius: 28px;background: #2f286e;color: #ffffff;border: 1px solid #463e93;box-shadow: 0 32px 72px rgba(47,40,110,0.28);display: flex;flex-direction: column;justify-content: space-between;gap: 24px}
.u151{font-family: 'Geist Mono', monospace;font-size: 12px;letter-spacing: 0.12em;color: #d2cdf2}
.u152{font-family: 'Geist Mono', monospace;font-weight: 500;font-size: clamp(72px, 9vw, 132px);line-height: 0.9;letter-spacing: -0.06em;font-variant-numeric: tabular-nums}
.u153{font-size: 22px;line-height: 1.4;max-width: 520px}
.u154{display: flex;flex-wrap: wrap;gap: 32px;font-size: 15px;color: #d2cdf2}
.u155{font-family: 'Geist Mono', monospace;font-weight: 500;font-size: 56px;line-height: 1;letter-spacing: -0.05em}
.u156{font-weight: 600;font-size: 34px;line-height: 1.1;letter-spacing: -0.03em}
.u157{max-width: 1280px;margin: 0 auto;display: grid;grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));gap: 16px}
.u158{padding: 56px;border-radius: 28px;background: #1b1736;border: 1px solid #2a2450;box-shadow: 0 10px 28px rgba(0,0,0,0.25);display: flex;flex-direction: column;gap: 24px;align-items: flex-start;justify-content: center}
.u159{margin: 0;font-size: clamp(34px, 4vw, 52px);line-height: 1.02;letter-spacing: -0.04em}
.u160{margin: 0;font-size: 18px;line-height: 1.6;color: #b4aedb}
.u161{background: #1b1736;border: 1px solid #2a2450;color: #f4f2ff;font-weight: 600;font-size: 17px;padding: 15px 24px;border-radius: 999px;text-decoration: none}
.u162{padding: 48px;border-radius: 28px;background: #2f286e;color: #ffffff;display: flex;flex-direction: column;justify-content: center;gap: 16px;box-shadow: 0 32px 72px rgba(47,40,110,0.28)}
.u163{max-width: 1280px;margin: 0 auto;padding: 72px 56px;border-radius: 32px;background: #2f286e;color: #ffffff;display: flex;flex-wrap: wrap;gap: 56px;align-items: center;position: relative;overflow: hidden;box-shadow: 0 32px 80px rgba(47,40,110,0.3)}
.u164{flex: 1 1 400px;display: flex;flex-direction: column;gap: 20px;position: relative}
.u165{margin: 0;font-size: clamp(40px, 5vw, 72px);line-height: 1;letter-spacing: -0.045em}
.u166{font-weight: 300;color: #d2cdf2}
.u167{margin: 0;font-size: 20px;color: #d2cdf2;line-height: 1.5}
.u168{padding: 0 24px 96px}
.u169{margin: 0;font-family: 'Geist Mono', monospace;font-weight: 500;font-size: 13px;letter-spacing: 0.12em;color: #b4aedb}
.u170{display: flex;gap: 20px;font-size: 14px}
.u171{color: #ffffff;background: #2f286e;border: 1px solid #5d55ae;border-radius: 20px;padding: 24px;display: flex;flex-direction: column;gap: 10px;box-shadow: 0 24px 64px rgba(47,40,110,0.3)}
.u172{display: flex;flex-direction: column;gap: 4px;padding: 14px 16px;border-radius: 12px;background: #2f286e;border: 1px solid #5d55ae}
.u173{margin: 0;font-size: 17px;line-height: 1.6;color: #b4aedb;max-width: 760px}
.u174{display: flex;flex-wrap: wrap;gap: 8px;align-items: center}
.u175{font-family: 'Geist Mono', monospace;font-size: 12px;letter-spacing: 0.1em;color: #b4aedb;margin-right: 8px}
.u176{flex-basis: 100%;margin-top: 4px;font-size: 15px;color: #b4aedb}
.u177{margin: 0;font-size: 17px;line-height: 1.6;color: #b4aedb;font-size: 14px}
.u178{display: flex;flex-wrap: wrap;gap: 10px}
.u179{display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 16px}
.u180{background: #1b1736;border: 1px solid #2a2450;border-radius: 20px;padding: 32px;display: flex;flex-direction: column;gap: 12px;padding: 40px;background: #241f45}
.u181{margin: 0;font-weight: 600;font-size: clamp(44px, 6.5vw, 96px);line-height: 0.98;letter-spacing: -0.045em;font-size: clamp(40px, 5.5vw, 80px)}
.u182{margin: 0;font-size: 18px;font-weight: 600}
.u183{background: #1b1736;border: 1px solid #2a2450;border-radius: 20px;padding: 32px;display: flex;flex-direction: column;gap: 12px;padding: 40px;gap: 20px}
.u184{background: #1b1736;border: 1px solid #2a2450;border-radius: 20px;padding: 32px;display: flex;flex-direction: column;gap: 12px;padding: 40px;gap: 20px;background: #241f45}
.u185{display: grid;grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));gap: 12px}
.u186{display: flex;flex-wrap: wrap;gap: 48px;align-items: flex-start}
.u187{flex: 1 1 480px;display: flex;flex-direction: column;gap: 24px;align-items: flex-start}
.u188{flex: 1 1 400px;background: #1b1736;border: 1px solid #2a2450;border-radius: 20px;padding: 32px;display: flex;flex-direction: column;gap: 12px;padding: 40px}
.u189{padding: 96px 24px 72px}
.u190{padding: 72px 24px 96px}
.u191{display: grid;grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));gap: 16px}
.u192{background: #1b1736;border: 1px solid #2a2450;border-radius: 20px;padding: 32px;display: flex;flex-direction: column;gap: 12px;padding: 48px;background: #241f45;border-color: #2a2450;text-decoration: none;color: #f4f2ff;gap: 16px}
.u193{margin: 0;font-weight: 600;font-size: 20px;line-height: 1.3;letter-spacing: -0.01em;font-size: clamp(24px, 3vw, 34px);max-width: 900px}
.u194{margin: 0;font-size: 17px;line-height: 1.6;color: #b4aedb;max-width: 860px}
.u195{margin: 0;font-weight: 600;font-size: 20px;line-height: 1.4}
.u196{display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 12px}
.u197{height: 88px;border-radius: 14px;background: #1b1736;border: 1px solid #2a2450;display: flex;align-items: center;justify-content: center;padding: 0 16px;text-align: center;font-weight: 600;font-size: 16px;color: #b4aedb;text-decoration: none}
.u198{margin: 0;font-weight: 600;font-size: clamp(44px, 6.5vw, 96px);line-height: 0.98;letter-spacing: -0.045em;font-size: clamp(38px, 5vw, 72px)}
.u199{display: grid;grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));gap: 32px}
.u200{display: grid;grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));gap: 24px}
.u201{display: flex;flex-wrap: wrap;gap: 40px;align-items: center}
.u202{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 32px}
.u203{display: flex;flex-direction: column;gap: 16px;align-items: flex-start}
.u204{display: flex;flex-wrap: wrap;gap: 8px}
.u205{background: #1b1736;border: 1px solid #2a2450;border-radius: 20px;padding: 32px;display: flex;flex-direction: column;gap: 12px;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 16px}
.u206{display: flex;gap: 20px;font-size: 15px}
.u207{background: #1b1736;border: 1px solid #2a2450;border-radius: 20px;padding: 32px;display: flex;flex-direction: column;gap: 12px;padding: 40px;background: #241f45;border-color: #2a2450}
.u208{margin: 0;font-size: 18px;line-height: 1.6}
@media (max-width:600px){.dz .u9{padding:58px 24px}.dz .u52{padding:24px 24px}.dz .u69{padding:67px 24px 58px}.dz .u84{padding:0 24px 86px}.dz .u103{padding:24px}.dz .u107{padding:72px 24px 72px}.dz .u131{padding:8px 0 24px}.dz .u135{padding:0 24px 24px}.dz .u137{padding:86px 24px}.dz .u150{padding:24px}.dz .u158{padding:24px}.dz .u162{padding:24px}.dz .u163{padding:24px 24px}.dz .u168{padding:0 24px 58px}.dz .u180{padding:24px}.dz .u183{padding:24px}.dz .u184{padding:24px}.dz .u188{padding:24px}.dz .u189{padding:58px 24px 24px}.dz .u190{padding:24px 24px 58px}.dz .u192{padding:24px}.dz .u207{padding:24px}}
@media (max-width:600px){.dz .u28,.dz .u44,.dz .u55,.dz .u56,.dz .u100,.dz .u157,.dz .u191,.dz .u199,.dz .u200{grid-template-columns:minmax(0,1fr)!important}.dz .u51,.dz .u70,.dz .u108,.dz .u112,.dz .u139,.dz .u145,.dz .u164,.dz .u187,.dz .u188{flex-basis:100%!important;min-width:0}}