/* v5 ยท hero isometric illustration */ .h4-hero__art { display: flex; justify-content: flex-end; align-items: center; margin-right: 0; } @media (min-width: 1081px) { .h4-hero__art { justify-content: center; } .h4-hero__grid { column-gap: clamp(32px, 4vw, 72px); } } /* hero fits the viewport: compact stats on desktop */ @media (min-width: 1081px) { .h4-hero .h5-stats > div { gap: 12px; padding-top: clamp(24px, 4.2vh, 40px); padding-bottom: clamp(24px, 4.2vh, 40px); } .h4-hero .h5-stats__num { font-size: clamp(2.5rem, 7.2vh, 4.25rem); } .h4-hero .h5-stats__desc { margin-top: 0; } .h4-hero { padding-top: clamp(16px, 3vh, 48px); } .h4-hero h1 { font-size: clamp(2.5rem, 8.4vh, 5rem); } .h4-hero__copy { --stack: clamp(14px, 2.6vh, 28px); } .h4-hero__copy > * + * { margin-top: var(--stack); } .h4-hero .hero__sub { font-size: clamp(1rem, 2.2vh, 1.1875rem); line-height: 1.55; } .h4-hero .hero__actions { margin-top: clamp(16px, 3.4vh, 36px); } .h4-hero__proof { margin-top: clamp(16px, 3vh, 40px); } } @media (min-width: 1281px) { .h4-hero__art { margin-right: clamp(-96px, calc((1200px - 100vw) / 4), -24px); } } .h4-hero__art .iso { display: block; height: min(650px, calc(100svh - var(--header-h) - 290px)); min-height: 380px; width: auto; aspect-ratio: 600 / 650; max-width: 100%; } .iso .iso-m { display: none; } .iso .iso-l { opacity: 1; transition: opacity .35s ease; cursor: default; } .iso.has-hov .iso-l { opacity: .45; } .iso.has-hov .iso-l.is-hov { opacity: 1; } .iso .iso-rv { transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); } .iso.js .iso-rv { opacity: 0; transform: translateY(14px); } .iso.js .iso-l.in .iso-rv { opacity: 1; transform: none; } .iso .iso-lift { transition: transform .3s ease; } .iso .iso-l.is-hov .iso-lift { transform: translateY(-6px); } .iso .iso-top { fill: #052F4B; fill-opacity: .62; transition: fill .3s ease, fill-opacity .3s ease; } .iso .iso-l.is-hov .iso-top { fill: #0A5991; fill-opacity: .32; } .iso .iso-conn { stroke-opacity: .45; transition: stroke-opacity .3s ease; } .iso .iso-l.is-hov .iso-conn { stroke-opacity: .95; } .iso .iso-pill { fill-opacity: 0; transition: fill-opacity .3s ease; } .iso .iso-l.is-hov .iso-pill { fill-opacity: .2; } .iso .iso-pill--gold { fill-opacity: .16; } .iso .iso-l.is-hov .iso-pill--gold { fill-opacity: .28; } .iso .iso-t { fill: #9AB3CA; transition: fill .3s ease; } .iso .iso-t--gold { fill: #DFA047; } .iso .iso-l.is-hov .iso-t:not(.iso-t--gold) { fill: #FFFFFF; } @media (max-width: 1080px) { .h4-hero__art { margin: 0; padding-top: var(--sp-6); justify-content: center; } .h4-hero__art .iso { height: auto; width: 100%; min-height: 0; max-width: 560px; } } @media (max-width: 720px) { .iso .iso-d { display: none; } .iso .iso-m { display: inline; } } @media (prefers-reduced-motion: reduce) { .iso .iso-rv, .iso .iso-l, .iso .iso-lift, .iso .iso-top { transition: none; } } /* Problem card v2: steps illustration (Claude Design "Steps") */ .stp { margin: clamp(40px, 4.4vw, 64px) 0 0; background: var(--white); border: 1px solid var(--line); } .stp__body { padding: 44px 48px 40px; display: flex; flex-direction: column; gap: 20px; } .stp__top { display: flex; justify-content: space-between; align-items: center; gap: 16px; font-family: var(--f-mono); font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--slate); } .stp__key, .stp__key > span { display: flex; align-items: center; } .stp__key { gap: 24px; } .stp__key > span { gap: 8px; } .stp__key i { width: 10px; height: 10px; display: block; box-sizing: border-box; } .k-y { background: var(--gold-light); } .k-r { border: 1px solid var(--gold); } .k-e { background: var(--navy-700); } .stp-svg { display: block; width: 100%; height: auto; overflow: visible; } .stp-t { font-family: var(--f-mono); font-size: 12px; } .stp__cols { display: grid; grid-template-columns: 1fr 1.35fr 1fr; column-gap: 40px; padding-top: 8px; } .stp__col { border-top: 2px solid var(--gold); padding-top: 18px; display: flex; flex-direction: column; gap: 8px; } .stp__col p { margin: 0; font-size: var(--fs-base, 16px); line-height: 1.6; color: var(--slate); } .stp__col .stp__lab { font-family: var(--f-mono); font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--gold-text); line-height: 1.4; } .stp__col--y { grid-column: 1; grid-row: 1; } .stp__col--r { grid-column: 2; grid-row: 1; border-top-style: dashed; } .stp__col--e { grid-column: 3; grid-row: 1; border-top-color: var(--navy-700); } .stp__col--e .stp__lab { color: var(--navy-700); } .stp__foot { border-top: 1px solid var(--line); padding: 34px 48px; display: flex; align-items: center; justify-content: flex-start; text-align: left; gap: 16px; font-family: var(--f-display); font-weight: var(--w-display); font-size: clamp(1.375rem, 1.1rem + 0.8vw, 1.875rem); letter-spacing: var(--track-display); color: var(--navy-900); line-height: 1.25; } .stp.is-armed .stp-r { opacity: 0; transform: translateY(10px); } .stp.is-armed .stp-r.is-on { opacity: 1; transform: none; transition: opacity 600ms ease, transform 600ms cubic-bezier(.2,.7,.2,1); } .stp.is-armed .stp-path { transform: none; } @media (prefers-reduced-motion: reduce) { .stp.is-armed .stp-r { opacity: 1; transform: none; } } @media (max-width: 1080px) { .stp__body { padding: 32px 28px; } .stp__foot { padding: 24px 28px; } .stp__cols { column-gap: 24px; } .stp__top { flex-direction: column; align-items: flex-start; } } @media (max-width: 760px) { .stp__body { padding: 24px 20px; gap: 16px; } .stp__foot { padding: 20px; } .stp__key { flex-wrap: wrap; gap: 8px 16px; } .stp-svg text { display: none; } .stp__cols { grid-template-columns: 1fr; row-gap: 24px; padding-top: 0; } .stp__col--y, .stp__col--r, .stp__col--e { grid-column: 1; grid-row: auto; } .stp__col--y { grid-row: 1; } .stp__col--r { grid-row: 3; } .stp__col--e { grid-row: 2; } } /* How it works: isometric line illustrations (Claude Design "Line only") */ #how .iso3 { display: block; width: 100%; max-width: 340px; height: auto; overflow: visible; } #how .iso3 polygon { stroke: var(--navy-700); stroke-width: 1; stroke-linejoin: miter; } #how .iso3 .ft, #how .iso3 .fl, #how .iso3 .fr { fill: var(--white); } #how .iso3 .pale .ft { fill: var(--line); } #how .iso3 .navy .ft { fill: var(--navy-900); } #how .iso3 .navy polygon { stroke: var(--navy-900); } #how .iso3 .gold polygon { stroke: var(--gold); } #how .iso3 .gold .ft { fill: var(--gold); } #how .iso3 .lane { fill: none; stroke: var(--mist); stroke-dasharray: 2 4; } #how .iso3 .ln { fill: none; stroke: var(--navy-700); stroke-width: 1; } #how .iso3 .m { fill: none; stroke: var(--mist); stroke-width: 1; } #how .iso3 .dash { stroke-dasharray: 3 3; } #how .iso3 .dot { stroke-dasharray: 1 4; } #how .iso3 .gl { fill: none; stroke: var(--gold); stroke-width: 1; } #how .iso3 .ck { fill: none; stroke: var(--navy-700); stroke-width: 1.5; } #how .iso3 .tile { transition: opacity .6s ease, transform .6s cubic-bezier(.2,.7,.2,1); } #how .iso3.is-pending .tile { opacity: 0; transform: translateY(8px); } #how .iso3 .lift { transition: opacity .3s ease, transform .3s ease; } #how .h4-card:hover .iso3 { transform: none; } #how .h4-card:hover .iso3 .lift { opacity: .6; } #how .h4-card:hover .iso3 .gold .lift { opacity: 1; transform: translateY(-6px); } @media (prefers-reduced-motion: reduce) { #how .iso3 .tile, #how .iso3 .lift { transition: none !important; } #how .iso3.is-pending .tile { opacity: 1; transform: none; } } /* Startup CTA (dark, big) + footer quote */ @media (max-width: 720px) { .f5-cta--start .f5-cta__actions .link-cta { justify-content: center; gap: 10px; text-align: center; } } .f5-cta--start h2 { max-width: 19ch; font-size: clamp(2.25rem, 1rem + 4vw, 4.75rem); } .f5-quote { justify-content: space-between; gap: var(--sp-8); } .f5-quote h2 { color: var(--white); font-size: clamp(1.75rem, 1.2rem + 1.5vw, 2.5rem); line-height: 1.1; max-width: 16ch; } .f5-quote > p.f5-quote__fine { margin: 0; font-family: var(--f-mono); font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; line-height: 1.7; color: var(--blue-300); max-width: 46ch; } .f5-cta--start .btn.btn--primary { --chip: 52px; min-height: 60px; padding-left: 28px; font-size: 1.0625rem; gap: 28px; } .f5-cta--start .btn.btn--primary::after { width: 52px; height: 52px; } /* Who we help: isometric icons */ #who .iso3 { display: block; width: 200px; height: auto; overflow: visible; } #who .iso3 polygon { stroke: var(--navy-700); stroke-width: 1; stroke-linejoin: miter; } #who .iso3 .ft, #who .iso3 .fl, #who .iso3 .fr { fill: var(--white); } #who .iso3 .pale .ft { fill: var(--line); } #who .iso3 .navy .ft { fill: var(--navy-900); } #who .iso3 .navy polygon { stroke: var(--navy-900); } #who .iso3 .gold polygon { stroke: var(--gold); } #who .iso3 .gold .ft { fill: var(--gold); } #who .iso3 .ring { fill: none; stroke: var(--mist); stroke-dasharray: 2 3; } #who .iso3 .ln { fill: none; stroke: var(--navy-700); stroke-width: 1; } #who .iso3 .gold { transition: transform 300ms var(--ease-out); } #who .h4-who__card:hover .iso3 .gold { transform: translateY(-6px); } @media (max-width: 720px) { #who .iso3 { width: 160px; } } @media (prefers-reduced-motion: reduce) { #who .iso3 .gold { transition: none; } #who .h4-who__card:hover .iso3 .gold { transform: none; } } /* Benefits bakeoff: flat line bracket */ .h4-bake .bk { width: 100%; height: auto; overflow: visible; } .h4-bake .bk-b { fill: var(--ink); stroke: var(--blue-300); } .h4-bake .bk-l { fill: none; stroke: var(--blue-300); } .h4-bake .bk-g { fill: none; stroke: var(--gold-light) !important; stroke-width: 2; stroke-dasharray: 4 5; } .h4-bake .bk-w { fill: var(--gold); stroke: var(--gold-light) !important; } .h4-bake .bk .faint { opacity: 0.45; } .h4-bake .bk .tl { transition: transform 300ms var(--ease-out); } .h4-bake:hover .bk .win { transform: translateY(-6px); } @media (prefers-reduced-motion: reduce) { .h4-bake .bk .tl { transition: none; } .h4-bake:hover .bk .win { transform: none; } } /* Benefits bakeoff: isometric (unused) */ .h4-bake .isoD { width: 100%; height: auto; overflow: visible; } .h4-bake .isoD polygon { stroke: var(--blue-300); stroke-width: 1; stroke-linejoin: miter; } .h4-bake .isoD .ft { fill: #0F4A76; } .h4-bake .isoD .fl { fill: var(--surface-dark); } .h4-bake .isoD .fr { fill: #083A5E; } .h4-bake .isoD .faint { opacity: 0.5; } .h4-bake .isoD .win polygon { stroke: var(--gold); } .h4-bake .isoD .win .ft { fill: var(--gold); } .h4-bake .isoD .win .fl { fill: #A56E1B; } .h4-bake .isoD .win .fr { fill: #8A5A14; } .h4-bake .isoD .flow { fill: none; stroke: var(--blue-300); stroke-width: 1; stroke-dasharray: 3 4; opacity: 0.8; } .h4-bake .isoD .flow.gp { stroke: var(--gold-light); opacity: 1; } .h4-bake .isoD .lbl rect { fill: none; stroke: var(--gold); stroke-width: 1; } .h4-bake .isoD .lbl text { fill: var(--gold-light); font-family: var(--f-mono); font-size: 12px; letter-spacing: 0.1em; } .h4-bake .isoD .tl { transition: transform 300ms var(--ease-out); } .h4-bake:hover .isoD .win { transform: translateY(-6px); } @media (prefers-reduced-motion: reduce) { .h4-bake .isoD .tl { transition: none; } .h4-bake:hover .isoD .win { transform: none; } } /* Footer band B (isometric field, gold cube) at the foot of the startup CTA */ .f5-cta--start .f5-cta__in { padding-bottom: 0; padding-top: clamp(120px, 13.5vw, 200px); } .f5-pat { justify-self: stretch; width: calc(100% + var(--sp-6) * 2); margin-left: calc(var(--sp-6) * -1); margin-right: calc(var(--sp-6) * -1); height: clamp(150px, 14vw, 200px); margin-top: clamp(56px, 6vw, 96px); background: var(--ink) url("/_p/img/6f231d7d10.svg") right bottom / auto 100% no-repeat; } @media (max-width: 720px) { .f5-pat { width: calc(100% + var(--page-pad) * 2); margin-left: calc(var(--page-pad) * -1); margin-right: calc(var(--page-pad) * -1); height: 130px; background-image: url("/_p/img/97b63fd988.svg"); } } /* Plus grid with filled squares at the top left of the startup CTA */ .f5-cta--start .f5-cta__in { position: relative; } .f5-cta--start .f5-cta__in > * { position: relative; z-index: 1; } .f5-cta--start .f5-cta__in::before { content: ""; position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 300px; pointer-events: none; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NDAiIGhlaWdodD0iMzIwIj48cmVjdCB4PSIxIiB5PSIxIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIGZpbGw9IiMwQTNGNjYiIG9wYWNpdHk9Ii44NSIvPjxyZWN0IHg9IjEyOSIgeT0iMTI5IiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIGZpbGw9IiMwQTNGNjYiIG9wYWNpdHk9Ii44NSIvPjxyZWN0IHg9IjI4OSIgeT0iMTYxIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIGZpbGw9IiMwQTNGNjYiIG9wYWNpdHk9Ii44NSIvPjxyZWN0IHg9IjQ0OSIgeT0iMTYxIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIGZpbGw9IiMwQTNGNjYiIG9wYWNpdHk9Ii44NSIvPjxyZWN0IHg9IjMzIiB5PSIyMjUiIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgZmlsbD0iIzBBM0Y2NiIgb3BhY2l0eT0iLjg1Ii8+PHJlY3QgeD0iMSIgeT0iMjg5IiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIGZpbGw9IiMwQTNGNjYiIG9wYWNpdHk9Ii44NSIvPjxyZWN0IHg9IjM2MCIgeT0iNzIiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iI0M5ODYyMyIvPjwvc3ZnPg==") 0 0 / 640px 320px no-repeat, url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PHBhdGggZD0iTTAgLjVIMzJNLjUgMFYzMiIgc3Ryb2tlPSIjMUE0RDczIiBzdHJva2Utb3BhY2l0eT0iLjQ1IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTS00IDBINE0wIC00VjRNMjggMEgzNk0zMiAtNFY0TS00IDMySDRNMCAyOFYzNk0yOCAzMkgzNk0zMiAyOFYzNiIgc3Ryb2tlPSIjOUFCM0NBIiBzdHJva2Utb3BhY2l0eT0iLjciIGZpbGw9Im5vbmUiLz48L3N2Zz4=") 0 0 / 32px 32px repeat; -webkit-mask-image: linear-gradient(to right, #000 0%, #000 25%, transparent 85%), linear-gradient(to bottom, #000 0%, #000 45%, transparent 100%); -webkit-mask-composite: source-in; mask-image: linear-gradient(to right, #000 0%, #000 25%, transparent 85%), linear-gradient(to bottom, #000 0%, #000 45%, transparent 100%); mask-composite: intersect; } @media (max-width: 720px) { .f5-cta--start .f5-cta__in::before { height: 160px; -webkit-mask-image: linear-gradient(to right, #000 0%, #000 30%, transparent 100%), linear-gradient(to bottom, #000 0%, #000 35%, transparent 100%); mask-image: linear-gradient(to right, #000 0%, #000 30%, transparent 100%), linear-gradient(to bottom, #000 0%, #000 35%, transparent 100%); } } /* Startup CTA: more breathing room under the plus grid */ .f5-cta--start .f5-cta__in { padding-top: clamp(200px, 21vw, 300px); } .f5-cta--start .f5-cta__in::before { height: clamp(220px, 22vw, 320px); } @media (max-width: 720px) { .f5-cta--start .f5-cta__in { padding-top: 150px; } .f5-cta--start .f5-cta__in::before { height: 130px; } } /* Footer band: fade the field in from the top and the left edge */ .f5-pat { -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 55%), linear-gradient(to right, transparent 0%, #000 22%); -webkit-mask-composite: source-in; mask-image: linear-gradient(to bottom, transparent 0%, #000 55%), linear-gradient(to right, transparent 0%, #000 22%); mask-composite: intersect; } @media (max-width: 720px) { .f5-pat { -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 60%); mask-image: linear-gradient(to bottom, transparent 0%, #000 60%); } } /* Startup CTA: shorter plus grid, more gap above the text */ .f5-cta--start .f5-cta__in { padding-top: clamp(216px, 22vw, 316px); } .f5-cta--start .f5-cta__in::before { height: clamp(160px, 15vw, 220px); } @media (max-width: 720px) { .f5-cta--start .f5-cta__in { padding-top: 150px; } .f5-cta--start .f5-cta__in::before { height: 100px; } } /* Startup CTA: compact so the top grid and the bottom field fit in one view */ .f5-cta--start .f5-cta__in { padding-top: clamp(140px, 12vw, 180px); } .f5-cta--start .f5-cta__in::before { height: clamp(120px, 11vw, 160px); } .f5-cta--start h2 { font-size: clamp(2.125rem, 1.1rem + 2.8vw, 3.5rem); max-width: 20ch; } .f5-cta--start .f5-cta__in > p:not(.eyebrow) { font-size: var(--fs-body); } .f5-cta--start .f5-cta__actions, .f5-cta--start .f5-cta__in > div:not(.f5-pat) { margin-top: var(--sp-6); } .f5-pat { height: clamp(120px, 11vw, 160px); margin-top: clamp(40px, 4vw, 64px); } @media (max-width: 720px) { .f5-cta--start .f5-cta__in { padding-top: 120px; } .f5-cta--start .f5-cta__in::before { height: 90px; } .f5-pat { height: 110px; margin-top: 40px; } } /* Startup CTA: standard-size primary button */ .f5-cta--start .btn.btn--primary { --chip: 44px; min-height: 0; padding-left: 20px; font-size: 1rem; gap: 20px; } .f5-cta--start .btn.btn--primary::after { width: 44px; height: 44px; } /* Startup CTA: equal gaps between the top grid / text and text / bottom field */ .f5-cta--start { --gridH: clamp(120px, 11vw, 160px); --gapV: clamp(40px, 4.4vw, 64px); } .f5-cta--start .f5-cta__in { padding-top: calc(var(--gridH) + var(--gapV)); } .f5-cta--start .f5-cta__in::before { height: var(--gridH); } .f5-cta--start .f5-pat { height: var(--gridH); margin-top: var(--gapV); } @media (max-width: 720px) { .f5-cta--start { --gridH: 100px; --gapV: 40px; } } /* Light-context primary buttons: gold chevron on the navy hover tile */ html .btn.btn--primary::after { background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22%3E%3Cpath d=%22M12.5 6 L18.5 12 L12.5 18 M5.5 6 L11.5 12 L5.5 18%22 stroke=%22%23FFFFFF%22 stroke-width=%221.8%22 stroke-linecap=%22square%22 stroke-linejoin=%22miter%22/%3E%3C/svg%3E") center 50% / 22px no-repeat, url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22%3E%3Cpath d=%22M12.5 6 L18.5 12 L12.5 18 M5.5 6 L11.5 12 L5.5 18%22 stroke=%22%23DFA047%22 stroke-width=%221.8%22 stroke-linecap=%22square%22 stroke-linejoin=%22miter%22/%3E%3C/svg%3E") center calc(50% + var(--chip)) / 22px no-repeat, linear-gradient(var(--gold), var(--gold)) 0 0 / 100% 100% no-repeat, linear-gradient(var(--tileB), var(--tileB)) 0 var(--chip) / 100% 100% no-repeat; } html .btn.btn--primary:is(:hover, :focus-visible)::after { background-position: center calc(50% - var(--chip)), center 50%, 0 calc(-1 * var(--chip)), 0 0; } /* Dark-context primary buttons: gold chevron on the white hover tile */ html :is(.hero, .section--dark, .h4--dark, .site-header, .site-footer, .cta-box, .closing, .startup-band, .f5-cta, .f5) .btn.btn--primary::after { background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22%3E%3Cpath d=%22M12.5 6 L18.5 12 L12.5 18 M5.5 6 L11.5 12 L5.5 18%22 stroke=%22%23FFFFFF%22 stroke-width=%221.8%22 stroke-linecap=%22square%22 stroke-linejoin=%22miter%22/%3E%3C/svg%3E") center 50% / 22px no-repeat, url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22%3E%3Cpath d=%22M12.5 6 L18.5 12 L12.5 18 M5.5 6 L11.5 12 L5.5 18%22 stroke=%22%23C98623%22 stroke-width=%221.8%22 stroke-linecap=%22square%22 stroke-linejoin=%22miter%22/%3E%3C/svg%3E") center calc(50% + var(--chip)) / 22px no-repeat, linear-gradient(var(--gold), var(--gold)) 0 0 / 100% 100% no-repeat, linear-gradient(var(--white), var(--white)) 0 var(--chip) / 100% 100% no-repeat; } html :is(.hero, .section--dark, .h4--dark, .site-header, .site-footer, .cta-box, .closing, .startup-band, .f5-cta, .f5) .btn.btn--primary:is(:hover, :focus-visible)::after { background-position: center calc(50% - var(--chip)), center 50%, 0 calc(-1 * var(--chip)), 0 0; } /* Closing CTA: Claude Design "A" exactly. 560px band, field fills it (1200x560 art), text column 520px */ .cta-lt { position: relative; overflow: hidden; background: #E8EEF4; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); } .cta-lt .cf { position: absolute; pointer-events: none; } .cta-lt .cf--d { top: 0; right: 0; left: auto; height: 560px; width: 1200px; max-width: none; } .cta-lt .cf--m { display: none; } .cta-lt__in { position: relative; z-index: 1; height: 560px; min-height: 560px; padding-top: 0; padding-bottom: 0; text-align: left; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } .cta-lt .eyebrow { justify-content: flex-start; margin: 0; } .cta-lt .eyebrow::before { content: ""; flex: none; width: 8px; height: 8px; background: var(--gold); } .cta-lt h2 { margin: 22px 0; max-width: 520px; text-align: left; font-size: clamp(2.5rem, 1.6rem + 2.2vw, 3.125rem); line-height: 1.04; letter-spacing: -0.02em; color: var(--navy-900); } .cta-lt h2 .soft { color: var(--blue-600); } .cta-lt__line { margin: 0 0 34px; max-width: 520px; font-size: 1.03rem; line-height: 1.6; color: var(--slate); } .cta-lt__actions { margin: 0; display: flex; flex-wrap: wrap; gap: 32px; justify-content: flex-start; align-items: center; } .cta-lt .cf polygon, .cta-lt .cf path { stroke-linejoin: miter; stroke-width: 1; vector-effect: non-scaling-stroke; } .cta-lt .cf-t polygon { fill: #E8EEF4; } .cta-lt .cf-n polygon { stroke: var(--navy-700); } .cta-lt .cf-m polygon { stroke: var(--mist); } .cta-lt .cf-g polygon { fill: none; stroke: var(--navy-700); stroke-dasharray: 4 4; } .cta-lt .cf-hero polygon { stroke: var(--navy-700); fill: var(--white); } .cta-lt .cf-hero .cf-top { fill: var(--line); } .cta-lt .cf-hero .cf-mk-t { fill: var(--blue-600); stroke: var(--blue-600); } .cta-lt .cf-hero .cf-mk-l { fill: var(--navy-700); stroke: var(--navy-700); } .cta-lt .cf-hero .cf-mk-r { fill: var(--navy-900); stroke: var(--navy-900); } .cta-lt .cf-hero .cf-arc { fill: none; stroke: var(--gold); stroke-width: 1.5; stroke-linecap: butt; stroke-linejoin: miter; } .cta-lt .cf-gt polygon { stroke: var(--gold); } .cta-lt .cf-gt .cf-top { fill: var(--gold); } .cta-lt .cf-gt .cf-side { fill: #E8EEF4; } .cta-lt .cf-gl { fill: none; stroke: var(--gold); stroke-width: 1; } @media (max-width: 900px) { .cta-lt__in { min-height: 0; padding-top: 56px; padding-bottom: 24px; } .cta-lt .cf--d { display: none; } .cta-lt .cf--m { display: block; position: relative; width: 100%; height: auto; aspect-ratio: 390 / 230; margin-top: 8px; } .cta-lt h2 { font-size: 2.25rem; line-height: 1.06; margin: 18px 0 16px; } .cta-lt__line { margin-bottom: 26px; } } @media (max-width: 720px) { .cta-lt__actions { width: 100%; flex-direction: column; align-items: stretch; gap: 18px; } .cta-lt__actions .btn { width: 100%; } .cta-lt__actions .link-cta { justify-content: flex-start; } } /* Security leaders: white navigation */ html:has(:is(.page[data-page="security-leaders"],.page[data-page="it-leaders"],.page[data-page="tech-detail"],.page[data-page="post"],.page[data-page="advisory-network"],.page[data-page="events"],.page[data-page="about"],.page[data-page="careers"],.page[data-page="for-startups"],.page[data-page="request-briefing"]):not([hidden])) .site-header { background: var(--white); border-bottom-color: var(--line); } html:has(:is(.page[data-page="security-leaders"],.page[data-page="it-leaders"],.page[data-page="tech-detail"],.page[data-page="post"],.page[data-page="advisory-network"],.page[data-page="events"],.page[data-page="about"],.page[data-page="careers"],.page[data-page="for-startups"],.page[data-page="request-briefing"]):not([hidden])) .logo__dark { display: none; } html:has(:is(.page[data-page="security-leaders"],.page[data-page="it-leaders"],.page[data-page="tech-detail"],.page[data-page="post"],.page[data-page="advisory-network"],.page[data-page="events"],.page[data-page="about"],.page[data-page="careers"],.page[data-page="for-startups"],.page[data-page="request-briefing"]):not([hidden])) .logo__light { display: block; } html:has(:is(.page[data-page="security-leaders"],.page[data-page="it-leaders"],.page[data-page="tech-detail"],.page[data-page="post"],.page[data-page="advisory-network"],.page[data-page="events"],.page[data-page="about"],.page[data-page="careers"],.page[data-page="for-startups"],.page[data-page="request-briefing"]):not([hidden])) .nav-trigger { color: var(--navy-700); } html:has(:is(.page[data-page="security-leaders"],.page[data-page="it-leaders"],.page[data-page="tech-detail"],.page[data-page="post"],.page[data-page="advisory-network"],.page[data-page="events"],.page[data-page="about"],.page[data-page="careers"],.page[data-page="for-startups"],.page[data-page="request-briefing"]):not([hidden])) .nav-trigger:hover, html:has(:is(.page[data-page="security-leaders"],.page[data-page="it-leaders"],.page[data-page="tech-detail"],.page[data-page="post"],.page[data-page="advisory-network"],.page[data-page="events"],.page[data-page="about"],.page[data-page="careers"],.page[data-page="for-startups"],.page[data-page="request-briefing"]):not([hidden])) .nav-trigger[aria-expanded="true"] { color: var(--navy-900); } html:has(:is(.page[data-page="security-leaders"],.page[data-page="it-leaders"],.page[data-page="tech-detail"],.page[data-page="post"],.page[data-page="advisory-network"],.page[data-page="events"],.page[data-page="about"],.page[data-page="careers"],.page[data-page="for-startups"],.page[data-page="request-briefing"]):not([hidden])) .menu-toggle { color: var(--navy-900); border-color: var(--line); } html:has(:is(.page[data-page="security-leaders"],.page[data-page="it-leaders"],.page[data-page="tech-detail"],.page[data-page="post"],.page[data-page="advisory-network"],.page[data-page="events"],.page[data-page="about"],.page[data-page="careers"],.page[data-page="for-startups"],.page[data-page="request-briefing"]):not([hidden])) .site-header .btn.btn--primary { background: var(--navy-900); color: var(--white); --tileB: var(--navy-900); } html:has(:is(.page[data-page="security-leaders"],.page[data-page="it-leaders"],.page[data-page="tech-detail"],.page[data-page="post"],.page[data-page="advisory-network"],.page[data-page="events"],.page[data-page="about"],.page[data-page="careers"],.page[data-page="for-startups"],.page[data-page="request-briefing"]):not([hidden])) .site-header .btn.btn--primary:is(:hover,:focus-visible) { background-color: var(--navy-700); } html:has(:is(.page[data-page="security-leaders"],.page[data-page="it-leaders"],.page[data-page="tech-detail"],.page[data-page="post"],.page[data-page="advisory-network"],.page[data-page="events"],.page[data-page="about"],.page[data-page="careers"],.page[data-page="for-startups"],.page[data-page="request-briefing"]):not([hidden])) .sl2-visual { padding-bottom: clamp(56px, 7vw, 96px); } @media (max-width: 900px){ .cta-lt__in { height: auto; } } @media (min-width: 901px) and (max-width: 1200px){ .cta-lt .cf--d { right: calc((1200px - 100vw) * -0.7); } } @media (min-width: 901px){ .cta-lt__in > h2 { zoom: 1; font-size: 50px; max-width: 540px; } } @media (min-width: 901px){ .cta-lt__in > h2 { font-size: 50px; max-width: 540px; } .cta-lt__in > .cta-lt__line { font-size: 16.5px; } .cta-lt .eyebrow { font-size: 12px; } } html:has(:is(.page[data-page="security-leaders"],.page[data-page="it-leaders"],.page[data-page="tech-detail"],.page[data-page="post"],.page[data-page="advisory-network"],.page[data-page="events"],.page[data-page="about"],.page[data-page="careers"],.page[data-page="for-startups"],.page[data-page="request-briefing"]):not([hidden])) .nav-trigger { color: var(--navy-900); position: relative; } html:has(:is(.page[data-page="security-leaders"],.page[data-page="it-leaders"],.page[data-page="tech-detail"],.page[data-page="post"],.page[data-page="advisory-network"],.page[data-page="events"],.page[data-page="about"],.page[data-page="careers"],.page[data-page="for-startups"],.page[data-page="request-briefing"]):not([hidden])) .nav-trigger:hover, html:has(:is(.page[data-page="security-leaders"],.page[data-page="it-leaders"],.page[data-page="tech-detail"],.page[data-page="post"],.page[data-page="advisory-network"],.page[data-page="events"],.page[data-page="about"],.page[data-page="careers"],.page[data-page="for-startups"],.page[data-page="request-briefing"]):not([hidden])) .nav-trigger:focus-visible, html:has(:is(.page[data-page="security-leaders"],.page[data-page="it-leaders"],.page[data-page="tech-detail"],.page[data-page="post"],.page[data-page="advisory-network"],.page[data-page="events"],.page[data-page="about"],.page[data-page="careers"],.page[data-page="for-startups"],.page[data-page="request-briefing"]):not([hidden])) .nav-trigger[aria-expanded="true"] { background: transparent; color: var(--navy-900); } html:has(:is(.page[data-page="security-leaders"],.page[data-page="it-leaders"],.page[data-page="tech-detail"],.page[data-page="post"],.page[data-page="advisory-network"],.page[data-page="events"],.page[data-page="about"],.page[data-page="careers"],.page[data-page="for-startups"],.page[data-page="request-briefing"]):not([hidden])) .nav-trigger::after { content: ""; position: absolute; left: var(--sp-3); right: var(--sp-3); bottom: 4px; height: 2px; background: var(--gold); transform: scaleX(0); transform-origin: left; transition: transform 180ms cubic-bezier(.22,1,.36,1); } html:has(:is(.page[data-page="security-leaders"],.page[data-page="it-leaders"],.page[data-page="tech-detail"],.page[data-page="post"],.page[data-page="advisory-network"],.page[data-page="events"],.page[data-page="about"],.page[data-page="careers"],.page[data-page="for-startups"],.page[data-page="request-briefing"]):not([hidden])) .nav-trigger:hover::after, html:has(:is(.page[data-page="security-leaders"],.page[data-page="it-leaders"],.page[data-page="tech-detail"],.page[data-page="post"],.page[data-page="advisory-network"],.page[data-page="events"],.page[data-page="about"],.page[data-page="careers"],.page[data-page="for-startups"],.page[data-page="request-briefing"]):not([hidden])) .nav-trigger:focus-visible::after, html:has(:is(.page[data-page="security-leaders"],.page[data-page="it-leaders"],.page[data-page="tech-detail"],.page[data-page="post"],.page[data-page="advisory-network"],.page[data-page="events"],.page[data-page="about"],.page[data-page="careers"],.page[data-page="for-startups"],.page[data-page="request-briefing"]):not([hidden])) .nav-trigger[aria-expanded="true"]::after { transform: scaleX(1); } /* leaders pages: truly white hero to match white nav */ .sl2-hero { background: var(--white); } .sl2-visual { padding-top: clamp(40px, 5vw, 72px); } /* leaders pages follow the home system */ .page:is([data-page="security-leaders"],[data-page="it-leaders"],[data-page="tech-detail"],[data-page="post"],[data-page="how-we-vet"],[data-page="advisory-network"],[data-page="events"],[data-page="about"],[data-page="careers"],[data-page="for-startups"],[data-page="request-briefing"]) .section .eyebrow::before, .page:is([data-page="security-leaders"],[data-page="it-leaders"],[data-page="tech-detail"],[data-page="post"],[data-page="how-we-vet"],[data-page="advisory-network"],[data-page="events"],[data-page="about"],[data-page="careers"],[data-page="for-startups"],[data-page="request-briefing"]) .eyebrow.hv-eyebrow::before { content: ""; flex: none; width: 8px; height: 8px; background: var(--gold); transform: translateY(-1px); } .page:is([data-page="security-leaders"],[data-page="it-leaders"],[data-page="tech-detail"],[data-page="post"],[data-page="how-we-vet"],[data-page="advisory-network"],[data-page="events"],[data-page="about"],[data-page="careers"],[data-page="for-startups"],[data-page="request-briefing"]) .section h2:not(.hv-prob__h) { font-size: clamp(2.25rem, 1.4rem + 2.6vw, 3.75rem); line-height: 1.03; letter-spacing: var(--track-h1); } .page:is([data-page="security-leaders"],[data-page="it-leaders"],[data-page="tech-detail"],[data-page="post"],[data-page="how-we-vet"],[data-page="advisory-network"],[data-page="events"],[data-page="about"],[data-page="careers"],[data-page="for-startups"],[data-page="request-briefing"]) .section h2 .soft { color: var(--blue-600); } .page:is([data-page="security-leaders"],[data-page="it-leaders"],[data-page="tech-detail"],[data-page="post"],[data-page="how-we-vet"],[data-page="advisory-network"],[data-page="events"],[data-page="about"],[data-page="careers"],[data-page="for-startups"],[data-page="request-briefing"]) .section--dark h2 .soft { color: var(--mist); } .page:is([data-page="security-leaders"],[data-page="it-leaders"],[data-page="tech-detail"],[data-page="post"],[data-page="how-we-vet"],[data-page="advisory-network"],[data-page="events"],[data-page="about"],[data-page="careers"],[data-page="for-startups"],[data-page="request-briefing"]) .section--dark .eyebrow { color: var(--gold-light); } .page:is([data-page="security-leaders"],[data-page="it-leaders"],[data-page="tech-detail"],[data-page="post"],[data-page="how-we-vet"],[data-page="advisory-network"],[data-page="events"],[data-page="about"],[data-page="careers"],[data-page="for-startups"],[data-page="request-briefing"]) .sl-faq__head h2 { max-width: 12ch; } .page:is([data-page="security-leaders"],[data-page="it-leaders"],[data-page="tech-detail"],[data-page="post"],[data-page="how-we-vet"],[data-page="advisory-network"],[data-page="events"],[data-page="about"],[data-page="careers"],[data-page="for-startups"],[data-page="request-briefing"]) .hv-prob__h { font-size: clamp(2.25rem, 1.4rem + 2.4vw, 3.5rem); line-height: 1.04; } html:has(:is(.page[data-page="security-leaders"],.page[data-page="it-leaders"],.page[data-page="tech-detail"],.page[data-page="post"],.page[data-page="advisory-network"],.page[data-page="events"],.page[data-page="about"],.page[data-page="careers"],.page[data-page="for-startups"],.page[data-page="request-briefing"]):not([hidden])) .dropdown { background: var(--white); border: 1px solid var(--line); box-shadow: 0 12px 28px rgba(5,47,75,.08); top: calc(100% + 12px); } html:has(:is(.page[data-page="security-leaders"],.page[data-page="it-leaders"],.page[data-page="tech-detail"],.page[data-page="post"],.page[data-page="advisory-network"],.page[data-page="events"],.page[data-page="about"],.page[data-page="careers"],.page[data-page="for-startups"],.page[data-page="request-briefing"]):not([hidden])) .dropdown a { position: relative; color: var(--navy-900); } html:has(:is(.page[data-page="security-leaders"],.page[data-page="it-leaders"],.page[data-page="tech-detail"],.page[data-page="post"],.page[data-page="advisory-network"],.page[data-page="events"],.page[data-page="about"],.page[data-page="careers"],.page[data-page="for-startups"],.page[data-page="request-briefing"]):not([hidden])) .dropdown a:hover, html:has(:is(.page[data-page="security-leaders"],.page[data-page="it-leaders"],.page[data-page="tech-detail"],.page[data-page="post"],.page[data-page="advisory-network"],.page[data-page="events"],.page[data-page="about"],.page[data-page="careers"],.page[data-page="for-startups"],.page[data-page="request-briefing"]):not([hidden])) .dropdown a:focus-visible { background: var(--paper); color: var(--navy-900); } html:has(:is(.page[data-page="security-leaders"],.page[data-page="it-leaders"],.page[data-page="tech-detail"],.page[data-page="post"],.page[data-page="advisory-network"],.page[data-page="events"],.page[data-page="about"],.page[data-page="careers"],.page[data-page="for-startups"],.page[data-page="request-briefing"]):not([hidden])) .dropdown a::before { content: ""; position: absolute; left: 0; top: 8px; bottom: 8px; width: 2px; background: var(--gold); transform: scaleY(0); transition: transform 180ms cubic-bezier(.22,1,.36,1); } html:has(:is(.page[data-page="security-leaders"],.page[data-page="it-leaders"],.page[data-page="tech-detail"],.page[data-page="post"],.page[data-page="advisory-network"],.page[data-page="events"],.page[data-page="about"],.page[data-page="careers"],.page[data-page="for-startups"],.page[data-page="request-briefing"]):not([hidden])) .dropdown a:hover::before, html:has(:is(.page[data-page="security-leaders"],.page[data-page="it-leaders"],.page[data-page="tech-detail"],.page[data-page="post"],.page[data-page="advisory-network"],.page[data-page="events"],.page[data-page="about"],.page[data-page="careers"],.page[data-page="for-startups"],.page[data-page="request-briefing"]):not([hidden])) .dropdown a:focus-visible::before { transform: scaleY(1); } .illo-iso { display:block; width:100%; height:auto; padding: clamp(16px,3vw,40px) 0 8px; } .illo-iso .it-grid path { stroke: rgba(111,143,173,.16); stroke-width:1; fill:none; vector-effect:non-scaling-stroke; } .illo-iso .it polygon { stroke-linejoin: miter; vector-effect:non-scaling-stroke; stroke-width:1; } .illo-iso .it-t { fill:#0E4A75; stroke:#6F8FAD; } .illo-iso .it-l { fill:#0A3F66; stroke:#6F8FAD; } .illo-iso .it-r { fill:#08365A; stroke:#6F8FAD; } .illo-iso .it-n { fill:none; stroke:#9AB3CA; } .illo-iso .it-bar { stroke:#6F8FAD; fill:none; stroke-width:1.2; vector-effect:non-scaling-stroke; } .illo-iso .it-slot polygon { fill:none; stroke:#C98623; stroke-dasharray:4 4; } .illo-iso .it-gold .it-t { fill:#C98623; stroke:#DFA047; } .illo-iso .it-gold .it-l { fill:#9A6516; stroke:#DFA047; } .illo-iso .it-gold .it-r { fill:#B27520; stroke:#DFA047; } .illo-iso .it-gn { fill:#fff; stroke:none; } .illo-iso .it-drop,.illo-iso .it-lead { stroke:#C98623; stroke-dasharray:3 4; fill:none; vector-effect:non-scaling-stroke; } .illo-iso .it-link { stroke:#6F8FAD; stroke-dasharray:3 4; fill:none; vector-effect:non-scaling-stroke; opacity:.6; } .illo-iso .it-lbl { font: 400 11px var(--f-mono); letter-spacing:.1em; fill:#9AB3CA; } .illo-iso .it-lbl--g { fill:#DFA047; } .illo-iso .it-lbl--in { fill:#9AB3CA; font-size:10px; } /* scroll-driven: --p 0..1 set by JS */ .sl2-visual { --p: 1; } .illo-iso .it-float { transform: translateY(calc((1 - var(--p)) * -90px)); opacity: calc(.25 + var(--p) * .75); } .illo-iso .it-drop { opacity: calc(1 - var(--p)); } .illo-iso .it-grid { transform: translateY(calc((1 - var(--p)) * 22px)); } .illo-iso .it-lbl--g, .illo-iso .it-lead { opacity: var(--p); } @media (prefers-reduced-motion: reduce) { .sl2-visual { --p: 1 !important; } } .sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; } .ix-bar { background: var(--white); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); position: sticky; top: var(--header-h); z-index: 20; } .ix-bar__in { display:flex; align-items:center; gap: var(--sp-6); padding-top: 16px; padding-bottom: 16px; flex-wrap: wrap; } .ix-search { position:relative; flex: 0 1 360px; width:100%; max-width:360px; } .ix-search svg { position:absolute; left:14px; top:50%; width:18px; height:18px; transform:translateY(-50%); color: var(--blue-300); } .ix-search input { width:100%; height:44px; padding:0 14px 0 42px; border:1px solid var(--line); background: var(--paper); color: var(--navy-900); font: 400 .9375rem var(--f-body); border-radius:0; } .ix-search input:focus { outline: 2px solid var(--navy-700); outline-offset: -1px; background: var(--white); } .ix-chips { display:flex; align-items:center; gap:8px; flex-wrap:wrap; } .ix-chips__lbl { font: 400 11px var(--f-mono); letter-spacing:.1em; text-transform:uppercase; color: var(--slate); margin-right:6px; } .ix-chip { height:36px; padding:0 16px; border:1px solid var(--line); background: var(--white); color: var(--navy-900); font: 400 .875rem var(--f-body); cursor:pointer; border-radius:0; transition: background-color 150ms, color 150ms, border-color 150ms; } .ix-chip:hover { border-color: var(--navy-700); } .ix-chip.is-on { background: var(--navy-900); color: var(--white); border-color: var(--navy-900); } .ix-grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px; margin-top: clamp(32px, 4vw, 56px); } .ix-card { display:flex; flex-direction:column; background: var(--white); border:1px solid var(--line); transition: border-color 180ms, box-shadow 180ms; } .ix-card:hover { border-color: var(--navy-700); } .ix-card__art { background: var(--paper); border-bottom:1px solid var(--line); overflow:hidden; } .ix-art { display:block; width:100%; height:auto; } .ix-art .l, .ix-art .r, .ix-art .t { stroke: var(--navy-700); stroke-width:1; vector-effect:non-scaling-stroke; stroke-linejoin:miter; } .ix-art .ix-s .t { fill:#fff; } .ix-art .ix-s .l { fill:#DCE4EC; } .ix-art .ix-s .r { fill:#C6D3E0; } .ix-art .ix-g .t { fill: var(--gold); stroke: var(--gold-light); } .ix-art .ix-g .l { fill:#9A6516; stroke: var(--gold-light); } .ix-art .ix-g .r { fill:#B27520; stroke: var(--gold-light); } .ix-art g { transition: transform 260ms cubic-bezier(.22,1,.36,1); } .ix-card:hover .ix-art .ix-g { transform: translateY(-8px); } .ix-card__body { display:flex; flex-direction:column; gap: 8px; padding: 24px; flex:1; } .ix-card h3 { font-size: 1.375rem; line-height:1.15; color: var(--navy-900); } .ix-card__tag { font-weight:500; color: var(--blue-600); font-size: .9375rem; line-height:1.4; } .ix-card__desc { color: var(--slate); font-size: .9375rem; line-height:1.6; flex:1; } .ix-card .link-cta { margin-top: 12px; align-self:flex-start; } .ix-card__meta { display:flex; gap:12px; align-items:center; font: 400 11px var(--f-mono); letter-spacing:.1em; text-transform:uppercase; color: var(--gold-text); } .ix-empty { padding: 48px 0; color: var(--slate); } .bl-feat { display:grid; grid-template-columns: 1fr 1fr; border:1px solid var(--line); margin-top: 24px; background: var(--white); } .bl-feat__art { border-bottom:0; border-right:1px solid var(--line); display:flex; align-items:center; } .bl-feat__body { padding: clamp(24px,4vw,56px); display:flex; flex-direction:column; gap:16px; justify-content:center; } .bl-feat__body h2 { font-size: clamp(1.75rem, 1.2rem + 1.6vw, 2.5rem) !important; line-height:1.08 !important; } @media (max-width: 1000px) { .ix-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } .bl-feat { grid-template-columns: 1fr; } .bl-feat__art { border-right:0; border-bottom:1px solid var(--line); } } @media (max-width: 640px) { .ix-grid { grid-template-columns: 1fr; } .ix-bar { position: static; } } /* shorter hero band, smaller illustration, soft scroll lift + bounce */ .sl2-visual { padding: clamp(24px, 3vw, 40px) 0 clamp(32px, 4vw, 56px); } .sl2-visual__panel .illo-iso { width: 66%; margin: 0 auto; padding: clamp(8px,1.5vw,20px) 0 0; transform: translateY(calc((1 - var(--p)) * 36px - var(--p) * 14px)); transition: transform 520ms cubic-bezier(.34,1.56,.64,1); will-change: transform; } .illo-iso .it-float { transition: transform 620ms cubic-bezier(.34,1.7,.64,1), opacity 300ms; } .illo-iso .it-grid { transition: transform 600ms cubic-bezier(.22,1,.36,1); } @media (max-width: 900px) { .sl2-visual__panel .illo-iso { width: 92%; } } @media (prefers-reduced-motion: reduce) { .sl2-visual__panel .illo-iso, .illo-iso .it-float { transition: none; transform: none; } } /* hero band: short section, full-size illustration peeking ~65%, rises on scroll */ .sl2-visual { overflow: hidden; padding: 0; height: clamp(230px, 25vw, 330px); } .sl2-visual .colgrid { display: none; } .sl2-visual > .container { height: 100%; } .sl2-visual__panel { background: none; border: 0; box-shadow: none; margin: 0; height: 100%; } .sl2-visual__panel .panel__cap { display: none; } .sl2-visual__panel .illo-iso { width: min(100%, 1000px); margin: 0 auto; padding: 24px 0 0; transform: translateY(calc((1 - var(--p)) * 70px - var(--p) * 8px)); } .page[data-page="it-leaders"] .sl2-visual { height: clamp(260px, 29vw, 390px); } @media (max-width: 900px) { .sl2-visual__panel .illo-iso { width: 120%; margin-left: -10%; } } .sl2-visual__panel { overflow: visible !important; height: auto !important; } .sl2-visual > .container { height: auto; } /* Cadvel-style: big full-bleed illustration, cropped by the band, lifts on scroll */ .sl2-visual { height: clamp(300px, 36vw, 540px); } .page[data-page="it-leaders"] .sl2-visual { height: clamp(320px, 38vw, 560px); } .sl2-visual__panel .illo-iso { width: clamp(900px, 112vw, 1700px); max-width: none; margin: 0 0 0 50%; padding: 16px 0 0; transform: translateX(-50%) translateY(calc((1 - var(--p)) * 90px - var(--p) * 10px)); } .sl2-visual > .container { max-width: none; padding: 0; } @media (max-width: 900px) { .sl2-visual__panel .illo-iso { width: 190vw; margin-left: 50%; } } .ix-hero { background: var(--ink); color: var(--mist); } .ix-hero h1 { color: var(--white); } .ix-hero h1 .soft { color: var(--mist); } .ix-hero .sl2-hero__sub { color: var(--mist); } .ix-hero .sl2-crumbs, .ix-hero .sl2-crumbs a, .ix-hero .sl2-crumbs span, .ix-hero .sl2-crumbs li { color: var(--blue-300); } .ix-hero .sl2-crumbs [aria-current] { color: var(--white); } .ix-hero .link-cta { color: var(--white); } .ix-hero { background-image: linear-gradient(rgba(111,143,173,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(111,143,173,.08) 1px, transparent 1px); background-size: 32px 32px; } .td-hero { text-align: left; } .td-hero__grid { display:grid; grid-template-columns: minmax(0,7fr) minmax(0,5fr); gap: clamp(24px,4vw,64px); align-items:center; } .td-hero .sl2-crumbs, .td-crumbs { justify-content: flex-start; } .td-hero h1 { margin: 0; text-align:left; max-width: none; } .td-tag { margin-top: 12px; font: 400 clamp(1.25rem,1rem + 1vw,1.75rem)/1.25 var(--f-display); color: var(--blue-600); } .td-desc { margin-top: 20px; max-width: 54ch; font-size: 1.125rem; line-height:1.6; color: var(--slate); } .td-actions { justify-content:flex-start; } .td-art { border:1px solid var(--line); } .td-checks { list-style:none; margin: clamp(32px,4vw,56px) 0 0; padding:0; display:grid; grid-template-columns: repeat(4,minmax(0,1fr)); border:1px solid var(--line); background: var(--white); } .td-checks li { padding: 24px; border-left:1px solid var(--line); display:flex; flex-direction:column; gap:10px; } .td-checks li:first-child { border-left:0; } .td-checks .mono { font: 400 11px var(--f-mono); letter-spacing:.1em; color: var(--gold-text); } .td-checks h3 { font-size:1.375rem; color: var(--navy-900); } .td-checks .q { color: var(--navy-900); line-height:1.4; } .td-checks .ph, .td-body { color: var(--slate); line-height:1.6; } .td-fit { display:grid; grid-template-columns: minmax(0,7fr) minmax(0,5fr); gap: clamp(32px,5vw,80px); align-items:start; } .td-body { margin-top: 20px; max-width: 56ch; } .td-facts { margin:0; border-top:1px solid var(--line); } .td-facts div { display:flex; justify-content:space-between; gap:24px; padding:16px 0; border-bottom:1px solid var(--line); } .td-facts dt { font: 400 11px var(--f-mono); letter-spacing:.1em; text-transform:uppercase; color: var(--slate); } .td-facts dd { margin:0; color: var(--navy-900); text-align:right; } @media (max-width: 1000px) { .td-hero__grid, .td-fit { grid-template-columns: 1fr; } .td-checks { grid-template-columns: repeat(2,minmax(0,1fr)); } .td-checks li:nth-child(3) { border-left:0; } .td-checks li:nth-child(n+3) { border-top:1px solid var(--line); } } @media (max-width: 560px) { .td-checks { grid-template-columns: 1fr; } .td-checks li { border-left:0; border-top:1px solid var(--line); } .td-checks li:first-child { border-top:0; } } /* brand patterns (Claude Design A-D) as quiet strips at the bottom of heroes */ .sl2-hero { position: relative; overflow: hidden; padding-bottom: clamp(150px, 16vw, 240px); } .sl2-hero > .container { position: relative; z-index: 1; } .bp-strip { position:absolute; left:0; right:0; bottom:0; height: clamp(140px, 15.3vw, 220px); pointer-events:none; -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 55%); mask-image: linear-gradient(to bottom, transparent 0, #000 55%); } .bp { display:block; width:100%; height:100%; --navy-900:#052F4B; --navy-700:#074673; --blue-300:#6F8FAD; --mist:#9AB3CA; --hair:#1A4D73; --surface:#0A3F66; --line:#DCE4EC; --gold:#C98623; --gold-light:#DFA047; } .bp--dark { --bg:#052F4B; --c1:var(--mist); --c2:var(--blue-300); --c3:var(--hair); --c4:var(--surface); --c5:var(--navy-700); } .bp--light { --bg:#FFFFFF; --c1:var(--navy-700); --c2:var(--mist); --c3:var(--mist); --c4:var(--line); --c5:var(--line); } .bp .bp-bg { fill: none; } .bp .bp-k0 { fill: var(--bg); } .bp .bp-k1 { fill: var(--c1); } .bp .bp-k2 { fill: var(--c2); } .bp .bp-k4 { fill: var(--c4); } .bp .bp-k5 { fill: var(--c5); } .bp .bp-s1 { fill:none; stroke: var(--c1); stroke-width:1; } .bp .bp-s2 { fill:none; stroke: var(--c2); stroke-width:1; } .bp .bp-s3 { fill:none; stroke: var(--c3); stroke-width:1; } .bp polygon.bp-s3, .bp polygon.bp-k0.bp-s3, .bp polygon.bp-k4.bp-s3 { stroke: var(--c3); stroke-width:1; } .bp .bp-gold { fill: var(--gold); } .bp .bp-sg { fill:none; stroke: var(--gold); stroke-width:1.25; stroke-linecap:square; } .bp polygon.bp-gold.bp-sg { fill: var(--gold); stroke-width:1; } .bp .bp-k0.bp-s3, .bp .bp-k0.bp-s1 { fill: var(--bg); } @media (max-width: 700px) { .bp-strip { height: 110px; } .sl2-hero { padding-bottom: 130px; } } /* index: filter belongs to the content, tighter rhythm, clearer titles */ .ix-bar { position: static; border: 0; background: var(--white); padding-top: 8px; } .ix-bar__in { padding-top: 32px; padding-bottom: 8px; } .ix-cat.section { padding-top: clamp(32px, 4vw, 56px); padding-bottom: clamp(32px, 4vw, 56px); } .ix-bar + .ix-cat.section { padding-top: 24px; } .ix-head { display:flex; align-items:baseline; justify-content:space-between; gap:24px; border-bottom:1px solid var(--line); padding-bottom: 16px; } .ix-head h2 { font-size: clamp(1.75rem, 1.2rem + 1.6vw, 2.5rem) !important; line-height:1.05 !important; margin:0; } .ix-count { font: 400 11px var(--f-mono); letter-spacing:.1em; text-transform:uppercase; color: var(--slate); margin:0; } .ix-grid { margin-top: 28px; } .ix-card h3 { font-size: 1.5rem; line-height:1.1; } .ix-card__tag { color: var(--navy-700); font-weight:500; } /* blog + detail rhythm */ .page[data-page="blog"] .section { padding-top: clamp(40px, 5vw, 72px); padding-bottom: clamp(40px, 5vw, 72px); } .page[data-page="blog"] .sl2-hero { padding-bottom: clamp(120px, 12vw, 180px); } .page[data-page="blog"] #bl-all-title { font-size: clamp(1.75rem, 1.2rem + 1.6vw, 2.5rem) !important; } .page[data-page="blog"] .ix-card h3 { font-size: 1.375rem; line-height:1.2; } .page[data-page="tech-detail"] .section { padding-top: clamp(40px, 5vw, 72px); padding-bottom: clamp(40px, 5vw, 72px); } .page[data-page="index"] .sl2-hero { padding-bottom: clamp(120px, 12vw, 180px); } a[aria-disabled="true"] { cursor: default; pointer-events: none; } .ix-hero, .ix-hero.hero { background-image: none !important; } .po-hero__in { text-align:center; } .po-hero h1 { max-width: 20ch; margin-left:auto; margin-right:auto; font-size: clamp(2.25rem, 1.2rem + 3vw, 4rem); } .po-meta { display:flex; justify-content:center; gap:16px; align-items:center; font: 400 11px var(--f-mono); letter-spacing:.1em; text-transform:uppercase; color: var(--gold-light); margin: 24px 0 20px; } .po-meta span:nth-child(2) { color: var(--blue-300); } .po-author { display:inline-flex; gap:12px; align-items:center; margin-top: 28px; text-align:left; font-size:.875rem; line-height:1.4; color: var(--mist); } .po-author b { color: var(--white); font-weight:500; } .po-author__ph { width:44px; height:44px; border:1px solid var(--hair); background: var(--surface); } .po-hero { padding-bottom: clamp(48px, 5vw, 72px) !important; } .po-grid { display:grid; grid-template-columns: 220px minmax(0, 720px); gap: clamp(32px, 6vw, 96px); justify-content:center; align-items:start; } .po-toc { position: sticky; top: calc(var(--header-h) + 24px); } .po-toc ol { list-style:none; margin:0; padding:0; border-top:1px solid var(--line); } .po-toc li { border-bottom:1px solid var(--line); } .po-toc a { display:block; padding:12px 0; color: var(--navy-700); text-decoration:none; font-size:.9375rem; } .po-toc a:hover { color: var(--navy-900); } .po-prose { font-size: 1.125rem; line-height: 1.75; color: var(--slate); } .po-prose p { margin: 0 0 1.25em; } .po-lede { font: 400 clamp(1.375rem,1.1rem + .9vw,1.75rem)/1.4 var(--f-display); color: var(--navy-900); } .po-prose h2 { font-size: clamp(1.75rem,1.3rem + 1.2vw,2.25rem) !important; line-height:1.1 !important; margin: 1.6em 0 .6em; color: var(--navy-900); } .po-prose ul { margin: 0 0 1.5em; padding:0; list-style:none; border-top:1px solid var(--line); } .po-prose li { padding: 14px 0; border-bottom:1px solid var(--line); } .po-prose li b { color: var(--navy-900); font-weight:500; } .po-quote { margin: 2em 0; padding: 8px 0 8px 28px; border-left: 3px solid var(--gold); font: 400 clamp(1.5rem,1.2rem + 1vw,2rem)/1.3 var(--f-display); color: var(--navy-900); } .po-quote cite { display:block; margin-top:16px; font: 400 11px var(--f-mono); letter-spacing:.1em; text-transform:uppercase; color: var(--slate); font-style:normal; } .po-note { font-size:.875rem; color: var(--blue-300); border-top:1px solid var(--line); padding-top:16px; margin-top:2em; } @media (max-width: 900px) { .po-grid { grid-template-columns: 1fr; } .po-toc { position: static; } } .po-author__ph { display:block; flex:none; } .po-head { background: var(--white); padding: clamp(40px, 5vw, 72px) 0 clamp(24px, 3vw, 40px); } .po-head__in { max-width: 760px; } .po-head .sl2-crumbs { justify-content: flex-start; margin-bottom: 28px; } .po-head h1 { font-size: clamp(2.25rem, 1.4rem + 2.8vw, 3.5rem); line-height: 1.06; letter-spacing: var(--track-h1); color: var(--navy-900); text-align:left; margin:0; } .po-head h1 .soft { color: var(--blue-600); } .po-sub { margin: 20px 0 0; font-size: 1.25rem; line-height:1.5; color: var(--slate); max-width: 40ch; } .po-byline { display:flex; gap:14px; align-items:center; margin-top: 32px; padding-top: 24px; border-top:1px solid var(--line); } .po-byline .po-author__ph { width:48px; height:48px; border:1px solid var(--line); background: var(--paper); } .po-byline__t { display:flex; flex-direction:column; gap:2px; font-size:.875rem; color: var(--slate); line-height:1.4; } .po-byline__t b { color: var(--navy-900); font-weight:500; font-size:.9375rem; } .po-byline em { font-style: normal; } .po-grid { grid-template-columns: minmax(0, 760px); justify-content: center; } .po-fig { margin: 0 0 2em; border:1px solid var(--line); background: var(--paper); } .po-fig svg { display:block; width:100%; height:auto; max-height: 360px; } .po-body { padding-top: clamp(16px, 2vw, 32px) !important; } .po-head .sl2-crumbs, .po-head .sl2-crumbs ol { justify-content:flex-start; text-align:left; } .po-head .sl2-crumbs ol { margin:0; padding:0; } .po-grid { grid-template-columns: 220px minmax(0, 780px); gap: clamp(32px, 5vw, 80px); justify-content:center; } .po-toc { position: sticky; top: calc(var(--header-h, 72px) + 32px); padding-top:4px; } .po-toc__h { font: 500 .75rem/1 var(--font-mono, 'IBM Plex Mono', monospace); letter-spacing:.08em; text-transform:uppercase; color: var(--blue-600, #1a5f94); margin:0 0 16px; } .po-toc ol { border-top:0; border-left:1px solid var(--line); } .po-toc li { border-bottom:0; } .po-toc a { padding:9px 0 9px 16px; margin-left:-1px; border-left:2px solid transparent; font-size:.9375rem; line-height:1.4; color: var(--slate); } .po-toc a:hover { color: var(--navy-900); } .po-toc a.is-on { border-left-color: var(--gold); color: var(--navy-900); font-weight:500; } .po-toc .po-toc__top { display:inline-block; margin-top:20px; padding:0; border:0; font-size:.875rem; color: var(--navy-700); text-decoration:underline; text-underline-offset:3px; } .po-prose { font-size: 1.1875rem; line-height: 1.75; } .po-prose .po-lede { font-size: 1.4rem; line-height:1.55; color: var(--navy-900); } .po-prose h2 { scroll-margin-top: 110px; } .po-fig svg { max-height: 420px; } @media (max-width: 1000px) { .po-grid { grid-template-columns: minmax(0,780px); } .po-toc { display:none; } } .pf .sh { margin-bottom: clamp(32px,4vw,56px); } .pf-panel { margin:0; border:1px solid var(--line); background:#fff; } .pf-head { display:flex; justify-content:space-between; gap:16px; padding:14px 24px; background:var(--paper); border-bottom:1px solid var(--line); font:500 .75rem/1.2 var(--font-mono,'IBM Plex Mono',monospace); letter-spacing:.06em; text-transform:uppercase; color:var(--navy-700); } .pf-cols, .pf-row { display:grid; grid-template-columns: 1.1fr 1.3fr 1.3fr 120px; gap:24px; align-items:center; padding:0 24px; } .pf-cols { padding-top:16px; padding-bottom:12px; font:500 .75rem/1.2 var(--font-mono,'IBM Plex Mono',monospace); letter-spacing:.06em; text-transform:uppercase; color:var(--blue-300); } .pf-list { list-style:none; margin:0; padding:0; } .pf-row { padding-top:20px; padding-bottom:20px; border-top:1px solid var(--line); font-size:1.0625rem; color:var(--slate); } .pf-c { font-family:'Newsreader',serif; font-size:1.375rem; color:var(--navy-900); } .pf-n { color:var(--navy-900); } .pf-r { display:inline-flex; align-items:center; gap:8px; justify-self:start; padding:6px 10px; border:1px solid #D92D20; background:#FEF3F2; color:#B42318; font:500 .75rem/1 var(--font-mono,'IBM Plex Mono',monospace); letter-spacing:.06em; text-transform:uppercase; } .pf-r i { width:8px; height:8px; background:#D92D20; } .pf-foot { padding:20px 24px; border-top:1px solid var(--line); background:var(--navy-900); color:var(--mist); font-size:1.0625rem; } .pf-foot b { color:#fff; font-weight:500; } .pf-four { list-style:none; margin:clamp(40px,5vw,72px) 0 0; padding:0; display:grid; grid-template-columns:repeat(4,1fr); gap:0; } .pf-four li { padding:24px 28px 0 0; border-top:2px solid var(--navy-900); margin-right:28px; } .pf-four li:last-child { margin-right:0; padding-right:0; } .pf-four .mono { color:var(--gold); font-size:.8125rem; } .pf-four h3 { font-size:1.5rem; margin:10px 0 10px; color:var(--navy-900); } .pf-four p { margin:0; color:var(--slate); font-size:1rem; line-height:1.6; } .pf-quote { padding-block: clamp(72px,9vw,128px); } .pf-q { margin:0 auto; max-width:980px; position:relative; } .pf-q__mark { display:block; font-family:'Newsreader',serif; font-size:9rem; line-height:.6; color:var(--gold); height:64px; } .pf-q blockquote { margin:0; font-family:'Newsreader',serif; font-size:clamp(2rem,1.2rem+2.8vw,3.5rem); line-height:1.12; letter-spacing:-.01em; color:#fff; } .pf-q figcaption { display:flex; align-items:center; gap:16px; margin-top:40px; padding-top:28px; border-top:1px solid var(--line-dark); color:var(--mist); font-size:.9375rem; line-height:1.4; } .pf-q figcaption b { color:#fff; font-weight:500; } .pf-q .lp-quote__photo { display:inline-grid; place-items:center; width:56px; height:56px; border:1px solid var(--line-dark); background:var(--surface-dark); flex:none; } .pf-q .lp-person { width:36px; height:36px; } .pf-q .lp-person .t { stroke:var(--mist); fill:none; } @media (max-width:900px){ .pf-cols{display:none} .pf-row{grid-template-columns:1fr auto; gap:6px 16px; padding-top:16px; padding-bottom:16px} .pf-c{grid-column:1} .pf-r{grid-column:2; grid-row:1} .pf-w,.pf-n{grid-column:1/-1; font-size:.9375rem} .pf-w::before{content:"Expects: "; color:var(--blue-300)} .pf-n::before{content:"Has: "; color:var(--blue-300)} .pf-head{flex-direction:column; gap:6px} .pf-four{grid-template-columns:1fr 1fr; row-gap:32px} .pf-four li:nth-child(2n){margin-right:0; padding-right:0} } @media (max-width:560px){ .pf-four{grid-template-columns:1fr} .pf-four li{margin-right:0; padding-right:0} } .pf-quote .pf-q blockquote { font-family: var(--f-display); font-weight: var(--w-display); font-size: clamp(2rem,1.2rem + 2.8vw,3.5rem); line-height:1.12; letter-spacing:-.015em; color:#fff; max-width: 22ch; } .uc-grid { list-style:none; margin: clamp(32px,4vw,56px) 0 0; padding:0; display:grid; grid-template-columns:repeat(4,1fr); gap:20px; } .uc { display:flex; flex-direction:column; height:100%; min-height:300px; padding:24px 24px 22px; background:#fff; border:1px solid var(--line); border-top:3px solid var(--line); text-decoration:none; color:inherit; transition: border-color .2s, transform .2s, box-shadow .2s; } .uc:hover, .uc:focus-visible { border-color: var(--navy-700); border-top-color: var(--gold); transform: translateY(-4px); } .uc__top { display:flex; justify-content:space-between; align-items:center; margin-bottom:28px; } .uc__top .mono { color: var(--gold); font-size:.8125rem; } .uc__tag { font:500 .6875rem/1 var(--font-mono,'IBM Plex Mono',monospace); letter-spacing:.07em; text-transform:uppercase; color: var(--navy-700); padding:5px 8px; background: var(--paper); border:1px solid var(--line); } .uc h3 { font-size:1.5rem; line-height:1.15; margin:0 0 12px; color: var(--navy-900); } .uc p { margin:0; font-size:.96875rem; line-height:1.6; color: var(--slate); } .uc__go { margin-top:auto; padding-top:24px; font-size:.875rem; font-weight:500; color: var(--navy-700); } .uc__go i { font-style:normal; color: var(--gold); display:inline-block; transition: transform .2s; } .uc:hover .uc__go i { transform: translateX(4px); } @media (max-width:1100px){ .uc-grid{grid-template-columns:repeat(2,1fr)} } @media (max-width:600px){ .uc-grid{grid-template-columns:1fr} .uc{min-height:0} } @media (prefers-reduced-motion: reduce){ .uc,.uc__go i{transition:none} .uc:hover{transform:none} } .gt { display:grid; grid-template-columns: 5fr 7fr; gap: clamp(24px,3vw,48px); margin-top: clamp(32px,4vw,56px); align-items:stretch; } .gt-lead { background: var(--navy-900); color: var(--mist); padding: clamp(28px,3vw,44px); display:flex; flex-direction:column; } .gt-lead__k { font:500 .75rem/1 var(--font-mono,'IBM Plex Mono',monospace); letter-spacing:.08em; text-transform:uppercase; color: var(--gold-light); margin:0 0 16px; } .gt-lead h3 { font-size: clamp(1.75rem,1.3rem + 1.2vw,2.5rem); line-height:1.08; color:#fff; margin:0 0 12px; } .gt-lead > p:not(.gt-lead__k) { margin:0; font-size:1.0625rem; line-height:1.6; max-width:38ch; } .gt-card { margin: 32px 0; border:1px solid var(--line-dark); background: var(--surface-dark); } .gt-card figcaption { display:flex; justify-content:space-between; padding:12px 18px; border-bottom:1px solid var(--line-dark); font:500 .6875rem/1 var(--font-mono,'IBM Plex Mono',monospace); letter-spacing:.07em; text-transform:uppercase; color: var(--blue-300); } .gt-card ul { list-style:none; margin:0; padding:6px 18px; } .gt-card li { display:flex; justify-content:space-between; align-items:center; padding:12px 0; border-bottom:1px solid var(--line-dark); color:#fff; font-size:.9375rem; } .gt-card li:last-child { border-bottom:0; } .gt-seg { display:inline-flex; gap:4px; } .gt-seg i { width:26px; height:8px; background: var(--line-dark); } .gt-seg i.on { background: var(--gold); } .gt-card__cav { margin:0; padding:12px 18px; border-top:1px solid var(--line-dark); font-size:.875rem; color: var(--mist); } .gt-card__cav b { color:#fff; font-weight:500; } .gt-lead .link-cta { margin-top:auto; color:#fff; } .gt-lead .link-cta .arr { color: var(--gold-light); } .gt-list { list-style:none; margin:0; padding:0; border-top:1px solid var(--navy-900); } .gt-row { display:grid; grid-template-columns: 44px 48px 1fr; gap:20px; align-items:start; padding: 28px 8px 28px 0; border-bottom:1px solid var(--line); transition: background .2s, padding .2s; } .gt-row:hover { background:#fff; padding-left:16px; } .gt-n { color: var(--gold); font-size:.8125rem; padding-top:6px; } .gt-i { color: var(--navy-700); } .gt-svg { width:40px; height:40px; display:block; } .gt-row h3 { font-size:1.625rem; line-height:1.15; margin:0 0 8px; color: var(--navy-900); } .gt-row p { margin:0; max-width:52ch; font-size:1.0625rem; line-height:1.6; color: var(--slate); } @media (max-width:1000px){ .gt{grid-template-columns:1fr} } @media (max-width:560px){ .gt-row{grid-template-columns:36px 1fr; gap:6px 14px} .gt-i{display:none} .gt-row:hover{padding-left:0} .gt-seg i{width:20px} } @media (prefers-reduced-motion: reduce){ .gt-row{transition:none} } .adv-sec .sh { margin-bottom: clamp(32px,4vw,56px); } .adv-grid { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,1fr); gap:24px; } .adv { display:flex; flex-direction:column; } .adv__ph { position:relative; aspect-ratio:4/5; overflow:hidden; border:1px solid var(--line-dark); margin-bottom:18px; transition: border-color .2s; } .adv__ph svg, .adv__ph img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; transition: transform .5s cubic-bezier(.2,.7,.2,1); } .adv:hover .adv__ph { border-color: var(--gold); } .adv:hover .adv__ph svg, .adv:hover .adv__ph img { transform: scale(1.04); } .adv__tag { position:absolute; left:12px; bottom:12px; padding:6px 9px; background: var(--navy-900); border:1px solid var(--line-dark); color:#fff; font:500 .6875rem/1 var(--font-mono,'IBM Plex Mono',monospace); letter-spacing:.07em; text-transform:uppercase; } .adv b { font-family: var(--f-display); font-weight: var(--w-display); font-size:1.5rem; line-height:1.1; color:#fff; } .adv span:not(.adv__ph):not(.adv__tag) { margin-top:6px; color: var(--mist); font-size:.9375rem; } .adv-foot { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; flex-wrap:wrap; margin-top: clamp(32px,4vw,56px); padding-top:28px; border-top:1px solid var(--line-dark); } .adv-stats { display:flex; gap: clamp(28px,5vw,72px); margin:0; } .adv-stats dt { font-family: var(--f-display); font-size: clamp(2.5rem,2rem+2vw,3.75rem); line-height:1; color: var(--gold-light); } .adv-stats dd { margin:8px 0 0; max-width:24ch; color: var(--mist); font-size:.9375rem; line-height:1.45; } .adv-note { margin:0; color: var(--mist); font-size:.875rem; display:flex; gap:10px; align-items:center; } .adv-sec .link-cta { color:#fff; } @media (max-width:1000px){ .adv-grid{grid-template-columns:repeat(2,1fr)} } @media (max-width:480px){ .adv-grid{gap:16px} .adv b{font-size:1.25rem} .adv-stats{flex-direction:column; gap:20px} } @media (prefers-reduced-motion: reduce){ .adv__ph svg,.adv__ph img{transition:none} .adv:hover .adv__ph svg{transform:none} } .cta-ct { position:relative; overflow:hidden; background:#E8EEF4; border-block:1px solid var(--line); } .cta-ct__art { position:absolute; top:0; left:50%; width:1200px; max-width:none; height:560px; transform:translateX(-50%); pointer-events:none; } .cta-ct__in { position:relative; z-index:1; min-height:560px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding-block:48px; } .page .cta-ct h2 { font-size: clamp(2.5rem, 1.6rem + 2.8vw, 3.75rem); line-height:1.05; letter-spacing:-.02em; max-width:15ch; margin:16px auto 0; color: var(--navy-900); } .page .cta-ct h2 .soft { color: var(--blue-600); } .cta-ct__line { margin:24px auto 0; max-width:52ch; font-size:1.0625rem; line-height:1.65; color: var(--slate); } .cta-ct__actions { display:flex; align-items:center; justify-content:center; gap:32px; flex-wrap:wrap; margin-top:36px; } @media (max-width:1100px){ .cta-ct__art{ opacity:.35 } } @media (max-width:560px){ .cta-ct__in{ min-height:0 } .cta-ct__actions{ flex-direction:column; gap:20px } } .pf-hd { text-align:center; max-width: 920px; margin: 0 auto clamp(36px,4.5vw,64px); } .pf-hd .eyebrow { justify-content:center; display:flex; } .page .pf-hd h2 { margin: 16px auto 0; max-width: 17ch; } .pf-hd__sub { margin: 24px auto 0; max-width: 62ch; font-size:1.125rem; line-height:1.65; color: var(--slate); } .pf-hd--sm { margin-bottom: clamp(32px,4vw,56px); } .pf-h3 { font-family: var(--f-display); font-weight: var(--w-display); font-size: clamp(1.75rem,1.2rem + 1.6vw,2.5rem); line-height:1.1; letter-spacing:-.015em; color: var(--navy-900); margin:16px 0 0; } .pf-h3 .soft { color: var(--blue-600); } .pf-panel { box-shadow: none; } .pf-foot { display:flex; align-items:center; gap:20px; flex-wrap:wrap; background: var(--paper); color: var(--slate); border-top:1px solid var(--line); border-left:3px solid var(--gold); padding:20px 24px; } .pf-foot b { color: var(--navy-900); } .pf-foot__k { font:500 .8125rem/1 var(--font-mono,'IBM Plex Mono',monospace); letter-spacing:.06em; text-transform:uppercase; color:#8a5a12; padding-right:20px; border-right:1px solid var(--line); } .pf-next { position:relative; } .pf-next .pf-four { margin-top:0; position:relative; } .pf-next .pf-four::before { content:""; position:absolute; left:0; right:0; top:5px; height:1px; background: var(--line); } .pf-next .pf-four li { border-top:0; position:relative; padding-top:36px; background:transparent; } .pf-next .pf-four li::before { content:""; position:absolute; top:0; left:0; width:11px; height:11px; background: var(--gold); box-shadow: 0 0 0 6px var(--paper); } .pf-next .pf-four .mono { color:#8a5a12; } @media (max-width:900px){ .pf-next .pf-four::before{display:none} .pf-next .pf-four li{border-top:1px solid var(--line); padding-top:24px} .pf-next .pf-four li::before{display:none} } @media (max-width:560px){ .pf-foot__k{border-right:0; padding-right:0} } .pf-hd { max-width: 1080px; } .page .pf-hd h2 { max-width: 24ch; } .pf-hd__sub { max-width: 84ch; } .pf-next .pf-four li::before { box-shadow: 0 0 0 6px #fff; } .pf-foot { background:#fff; border-top:1px solid var(--line); } .pf-panel { background:#fff; } .adv__ph img { z-index:1; filter: grayscale(1) contrast(1.05); object-position: center top; } .adv__ph::after { content:""; position:absolute; inset:0; z-index:1; background: linear-gradient(to top, rgba(5,47,75,.75), rgba(5,47,75,0) 45%); pointer-events:none; } .adv__tag { z-index:2; } /* ===== New nav pages (How we vet, Advisory network, Events, About, Careers, For startups, Request a briefing) ===== */ .section.np-tight { padding-top: clamp(40px, 5vw, 64px); padding-bottom: clamp(40px, 5vw, 64px); } .np-hd { max-width: 900px; } .np-hd2 { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: clamp(32px, 4vw, 48px); } .np-hd2 h2 { margin: 0; } .np-p { font-size: 1.0625rem; line-height: 1.65; color: var(--slate, #4A5D70); margin: 20px 0 28px; max-width: 52ch; } .section--dark .np-p { color: var(--mist); } .np-tag { display: inline-flex; align-items: center; font-family: var(--f-mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--navy-700); border: 1px solid var(--line); padding: 4px 8px; background: var(--white); white-space: nowrap; } /* stats */ .np-stats { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); margin: 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); } .np-stats > div { padding: 28px 28px 28px 0; } .np-stats > div + div { padding-left: 28px; border-left: 1px solid var(--line); } .np-stats dt { font-family: var(--f-display); font-size: clamp(2.5rem, 1.8rem + 2vw, 3.5rem); line-height: 1; color: var(--navy-900); letter-spacing: -0.02em; } .np-stats dd { margin: 12px 0 0; font-size: 0.9375rem; line-height: 1.5; color: var(--slate, #4A5D70); max-width: 22ch; } .np-stats--dark { border-color: var(--line-dark); } .np-stats--dark > div + div { border-color: var(--line-dark); } .np-stats--dark dt { color: var(--white); } .np-stats--dark dd { color: var(--mist); } /* four dimensions */ .np-dims { list-style: none; margin: clamp(40px, 5vw, 64px) 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 24px; } .np-dims > li { background: var(--white); border: 1px solid var(--line); padding: clamp(28px, 3vw, 40px); position: relative; } .np-dims > li::before { content: ""; position: absolute; left: -1px; top: -1px; width: 48px; height: 3px; background: var(--gold); } .np-dims__top .mono { font-family: var(--f-mono); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--gold); } .np-dims h3 { font-family: var(--f-display); font-weight: 400; font-size: clamp(1.5rem, 1.2rem + .8vw, 1.875rem); line-height: 1.15; color: var(--navy-900); margin: 16px 0 12px; letter-spacing: -0.01em; } .np-dims p { color: var(--slate, #4A5D70); line-height: 1.6; margin: 0 0 24px; } .np-dims ul, .np-ticks, .np-perks { list-style: none; margin: 0; padding: 0; } .np-dims ul li, .np-ticks li, .np-perks li { display: flex; gap: 12px; align-items: flex-start; padding: 12px 0; border-top: 1px solid var(--line); font-size: .9375rem; line-height: 1.5; color: var(--navy-900); } .np-dims ul li svg, .np-ticks li svg, .np-perks li svg { flex: none; width: 16px; height: 16px; margin-top: 3px; color: var(--gold); } .np-ticks { margin: 0 0 28px; max-width: 520px; } /* funnel */ .np-funsec .sh { margin-bottom: clamp(32px, 4vw, 48px); } .np-fun { margin: 0; border: 1px solid var(--line-dark); background: var(--surface-dark, #0A3F66); } .np-fun figcaption { display: flex; justify-content: space-between; padding: 14px 24px; border-bottom: 1px solid var(--line-dark); font-family: var(--f-mono); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--blue-300); } .np-fun ol { list-style: none; margin: 0; padding: 8px 24px; } .np-fun li { display: grid; grid-template-columns: 200px minmax(0,1fr) 64px 300px; align-items: center; gap: 24px; padding: 18px 0; } .np-fun li + li { border-top: 1px solid var(--line-dark); } .np-fun__k { color: var(--white); font-size: .9375rem; } .np-fun__bar { height: 12px; background: rgba(255,255,255,.04); position: relative; } .np-fun__bar i { position: absolute; inset: 0 auto 0 0; background: var(--blue-300); opacity: .55; } .np-fun li.is-pick .np-fun__bar i { background: var(--gold); opacity: 1; } .np-fun b { font-family: var(--f-display); font-weight: 400; font-size: 2rem; line-height: 1; color: var(--white); text-align: right; } .np-fun li.is-pick b { color: var(--gold-light); } .np-fun__d { color: var(--mist); font-size: .875rem; line-height: 1.45; } .np-funsec .lp-one { margin-top: 32px; } /* split */ .np-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(40px, 6vw, 96px); align-items: center; } .np-split--top { align-items: start; } .np-split h2 { margin: 0; } .np-split__art .gt-card { margin: 0; } .np-score { background: var(--navy-900); } .np-addr { font-family: var(--f-mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--navy-700); margin: 0 0 28px; } .np-split .np-stats { grid-template-columns: 1fr 1fr; border-bottom: 0; } .np-split .np-stats > div { padding: 28px 0; border-bottom: 1px solid var(--line); } .np-split .np-stats > div:nth-child(even) { padding-left: 28px; border-left: 1px solid var(--line); } .np-split .np-stats > div:nth-child(odd) { padding-left: 0; border-left: 0; } /* requirements list */ .np-req { list-style: none; margin: 0; padding: 0; border-top: 2px solid var(--navy-900); } .np-req li { display: grid; grid-template-columns: 48px 1fr; gap: 16px; padding: 24px 0; border-bottom: 1px solid var(--line); } .np-req .mono { font-family: var(--f-mono); font-size: 12px; color: var(--gold); padding-top: 6px; } .np-req h3 { font-family: var(--f-display); font-weight: 400; font-size: 1.375rem; line-height: 1.2; margin: 0 0 6px; color: var(--navy-900); } .np-req p { margin: 0; color: var(--slate, #4A5D70); line-height: 1.55; font-size: .9375rem; } /* chips (advisor filter) */ .np-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 32px; } .np-chips button { font: inherit; font-size: .875rem; color: var(--mist); background: transparent; border: 1px solid var(--line-dark); padding: 8px 16px; cursor: pointer; border-radius: 0; } .np-chips button:hover { color: var(--white); border-color: var(--blue-300); } .np-chips button.is-on { background: var(--white); color: var(--navy-900); border-color: var(--white); } .adv-sec .adv-grid + .adv-grid { margin-top: 24px; } /* events list */ .np-ev { list-style: none; margin: 0; padding: 0; border-top: 2px solid var(--navy-900); } .np-ev > li { display: grid; grid-template-columns: 112px minmax(0,1fr) 240px; gap: clamp(20px, 3vw, 40px); align-items: center; padding: 28px 0; border-bottom: 1px solid var(--line); transition: background .18s; } .np-ev > li:hover { background: linear-gradient(90deg, rgba(201,134,35,.06), transparent 60%); } .np-ev__date { border: 1px solid var(--line); background: var(--white); text-align: center; padding: 12px 0 14px; } .np-ev__date .mono { display: block; font-family: var(--f-mono); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--gold); } .np-ev__date b { display: block; font-family: var(--f-display); font-weight: 400; font-size: 2.75rem; line-height: 1; color: var(--navy-900); margin-top: 6px; } .np-ev__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin: 0 0 10px; font-size: .875rem; color: var(--slate, #4A5D70); } .np-ev h3 { font-family: var(--f-display); font-weight: 400; font-size: clamp(1.375rem, 1.1rem + .7vw, 1.75rem); line-height: 1.2; color: var(--navy-900); margin: 0 0 6px; } .np-ev__body > p:last-child { margin: 0; color: var(--slate, #4A5D70); line-height: 1.55; max-width: 60ch; } .np-ev__go { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; text-align: right; } .np-ev__seats { font-family: var(--f-mono); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--navy-700); } /* format / offer cards */ .np-fmt { list-style: none; margin: clamp(32px, 4vw, 56px) 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); border: 1px solid var(--line); background: var(--white); } .np-fmt li { padding: clamp(28px, 3vw, 40px); position: relative; } .np-fmt li + li { border-left: 1px solid var(--line); } .np-fmt__i { display: inline-flex; width: 48px; height: 48px; align-items: center; justify-content: center; border: 1px solid var(--line); color: var(--navy-900); margin-bottom: 28px; } .np-fmt__i svg { width: 24px; height: 24px; } .np-fmt h3 { font-family: var(--f-display); font-weight: 400; font-size: 1.625rem; line-height: 1.15; color: var(--navy-900); margin: 0 0 10px; } .np-fmt p { margin: 0; color: var(--slate, #4A5D70); line-height: 1.6; } .np-fmt--num .mono { position: absolute; top: clamp(28px, 3vw, 40px); right: clamp(28px, 3vw, 40px); font-family: var(--f-mono); font-size: 12px; color: var(--gold); } .section--white .np-fmt { background: var(--paper, #F3F6F9); } .section--white .np-fmt__i { background: var(--white); } /* story */ .np-story { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(40px, 6vw, 96px); align-items: start; } .np-story h2 { margin: 0; } .np-story__text p { color: var(--slate, #4A5D70); line-height: 1.7; font-size: 1.0625rem; margin: 0 0 20px; } .np-story__text .np-lead { font-family: var(--f-display); font-size: clamp(1.375rem, 1.1rem + .7vw, 1.75rem); line-height: 1.4; color: var(--navy-900); margin-bottom: 28px; } /* roles */ .np-roles { list-style: none; margin: 0; padding: 0; border-top: 2px solid var(--navy-900); } .np-roles a { display: grid; grid-template-columns: minmax(0, 1fr) 140px 200px 110px 120px; align-items: center; gap: 24px; padding: 28px 0; border-bottom: 1px solid var(--line); color: var(--slate, #4A5D70); text-decoration: none; font-size: .9375rem; } .np-roles h3 { font-family: var(--f-display); font-weight: 400; font-size: clamp(1.25rem, 1.05rem + .6vw, 1.625rem); line-height: 1.2; margin: 0; color: var(--navy-900); } .np-roles .np-tag { justify-self: start; } .np-roles__go { justify-self: end; color: var(--navy-900); font-weight: 500; white-space: nowrap; } .np-roles__go i { font-style: normal; color: var(--gold); margin-left: 6px; display: inline-block; transition: transform .18s; } .np-roles a:hover h3 { color: var(--navy-700); } .np-roles a:hover .np-roles__go i { transform: translateX(4px); } /* perks */ .np-perks { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); column-gap: 40px; margin-top: clamp(32px, 4vw, 48px); } .np-perks li { border-top-color: var(--line-dark); color: var(--white); font-size: 1.0625rem; padding: 20px 0; } /* forms */ .np-form { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: clamp(40px, 6vw, 96px); align-items: start; } .np-form h2 { margin: 0; } .np-next { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); } .np-next li { display: flex; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--line); color: var(--navy-900); font-size: .9375rem; line-height: 1.5; } .np-next .mono { font-family: var(--f-mono); font-size: 12px; color: var(--gold); padding-top: 2px; flex: none; width: 24px; } .np-next--lg div { display: flex; flex-direction: column; gap: 2px; } .np-next--lg b { font-weight: 600; } .np-next--lg div span { color: var(--slate, #4A5D70); } .fm { background: var(--white); border: 1px solid var(--line); padding: clamp(24px, 3vw, 40px); position: relative; } .fm-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .fm-f { display: flex; flex-direction: column; gap: 8px; min-width: 0; } .fm-f--full { grid-column: 1 / -1; } .fm-f > span, .fm legend { font-size: .8125rem; font-weight: 500; color: var(--navy-900); } .fm i { font-style: normal; color: var(--blue-300); font-weight: 400; } .fm input:not([type=radio]):not([type=checkbox]), .fm select, .fm textarea { font: inherit; font-size: .9375rem; color: var(--navy-900); background: var(--white); border: 1px solid #C9D5E1; border-radius: 0; padding: 12px 14px; height: 48px; width: 100%; box-sizing: border-box; transition: border-color .15s, box-shadow .15s; } .fm textarea { height: auto; min-height: 112px; resize: vertical; line-height: 1.5; } .fm select { appearance: none; -webkit-appearance: none; padding-right: 40px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4.5l4 4 4-4' fill='none' stroke='%23052F4B' stroke-width='1.4'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; } .fm input::placeholder, .fm textarea::placeholder { color: #8FA3B6; } .fm input:focus, .fm select:focus, .fm textarea:focus { outline: none; border-color: var(--navy-900); box-shadow: 0 0 0 3px rgba(201,134,35,.25); } .fm fieldset { border: 0; margin: 0 0 24px; padding: 0; min-width: 0; } .fm legend { padding: 0; margin-bottom: 10px; } .fm-seg { display: grid; grid-template-columns: repeat(4, 1fr); } .fm-seg legend { grid-column: 1 / -1; } .fm-seg label, .fm-chips label { position: relative; cursor: pointer; } .fm-seg input, .fm-chips input { position: absolute; opacity: 0; pointer-events: none; } .fm-seg span { display: flex; align-items: center; justify-content: center; height: 44px; border: 1px solid #C9D5E1; margin-left: -1px; font-size: .875rem; color: var(--navy-700); text-align: center; padding: 0 8px; transition: background .15s, color .15s; } .fm-seg label:first-of-type span { margin-left: 0; } .fm-seg input:checked + span { background: var(--navy-900); color: var(--white); border-color: var(--navy-900); position: relative; z-index: 1; } .fm-seg input:focus-visible + span, .fm-chips input:focus-visible + span { box-shadow: 0 0 0 3px rgba(201,134,35,.35); } .fm-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px !important; } .fm-chips legend { width: 100%; } .fm-chips span { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border: 1px solid #C9D5E1; font-size: .875rem; color: var(--navy-700); transition: all .15s; } .fm-chips span::before { content: ""; width: 8px; height: 8px; border: 1px solid #9AB3CA; } .fm-chips input:checked + span { border-color: var(--navy-900); color: var(--navy-900); background: #EEF3F8; } .fm-chips input:checked + span::before { background: var(--gold); border-color: var(--gold); } .fm > .fm-f--full { margin-bottom: 20px; } .fm-check { display: flex; gap: 12px; align-items: flex-start; font-size: .875rem; line-height: 1.5; color: var(--slate, #4A5D70); margin: 4px 0 24px; cursor: pointer; } .fm-check input { width: 18px; height: 18px; margin: 1px 0 0; accent-color: var(--navy-900); flex: none; } .fm-foot { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; margin-top: 28px; } .fm--card .fm-foot { margin-top: 0; } .fm-foot .btn { border: 0; cursor: pointer; font: inherit; } .fm-fine { margin: 0; font-size: .875rem; color: var(--slate, #4A5D70); } .fm-ok { display: none; margin: 20px 0 0; padding: 14px 16px; border-left: 3px solid var(--gold); background: #F6EFE3; color: var(--navy-900); font-size: .9375rem; } .fm.is-sent .fm-ok { display: block; } /* request a briefing page */ .np-rb { background: var(--white); padding: clamp(32px, 4vw, 56px) 0 clamp(64px, 8vw, 120px); } .np-rb .sl2-crumbs { margin-bottom: clamp(32px, 4vw, 56px); } .np-rb .sl2-crumbs ol { justify-content: flex-start; } .np-rb__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(40px, 6vw, 96px); align-items: start; } .np-rb h1 { font-family: var(--f-display); font-weight: 400; font-size: clamp(2.5rem, 1.6rem + 2.8vw, 4rem); line-height: 1.04; letter-spacing: var(--track-h1); color: var(--navy-900); margin: 16px 0 0; } .np-rb h1 .soft { color: var(--blue-600, #1D5F95); } .np-rb .eyebrow { display: inline-flex; align-items: center; gap: 12px; } .np-rb .eyebrow::before { content: ""; flex: none; width: 8px; height: 8px; background: var(--gold); } .np-rb .np-next { margin-bottom: 48px; } .np-contact { border: 1px solid var(--line); background: var(--paper, #F3F6F9); padding: 28px; } .np-contact__h { font-family: var(--f-display); font-weight: 400; font-size: 1.625rem; color: var(--navy-900); margin: 12px 0 16px; } .np-contact ul { list-style: none; margin: 0; padding: 0; } .np-contact li { display: grid; grid-template-columns: 72px 1fr; gap: 12px; padding: 12px 0; border-top: 1px solid var(--line); font-size: .9375rem; color: var(--navy-900); } .np-contact .mono { font-family: var(--f-mono); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--blue-300); padding-top: 3px; } .np-contact a { color: var(--navy-900); text-decoration: none; border-bottom: 1px solid var(--line); } .np-contact a:hover { border-color: var(--gold); } .fm--card { position: sticky; top: calc(var(--header-h, 73px) + 24px); } .fm--card { border-top: 3px solid var(--gold); } /* For startups page: hide the global startup band above the footer */ html:has(.page[data-page="for-startups"]:not([hidden])) .f5-cta--start { display: none; } /* responsive */ @media (max-width: 1100px) { .np-fun li { grid-template-columns: 160px minmax(0,1fr) 56px; } .np-fun__d { grid-column: 1 / -1; margin-top: -8px; } .np-roles a { grid-template-columns: minmax(0,1fr) 130px 110px; } .np-roles a > span:nth-of-type(2), .np-roles a > span:nth-of-type(3) { display: none; } } @media (max-width: 900px) { .np-stats { grid-template-columns: 1fr 1fr; } .np-stats > div { padding: 24px 16px 24px 0 !important; border-left: 0 !important; border-bottom: 1px solid var(--line); } .np-stats--dark > div { border-bottom-color: var(--line-dark); } .np-stats > div:nth-child(even) { padding-left: 20px !important; border-left: 1px solid var(--line) !important; } .np-stats--dark > div:nth-child(even) { border-left-color: var(--line-dark) !important; } .np-stats > div:nth-last-child(-n+2) { border-bottom: 0; } .np-dims, .np-split, .np-story, .np-form, .np-rb__grid { grid-template-columns: 1fr; } .np-fmt { grid-template-columns: 1fr; } .np-fmt li + li { border-left: 0; border-top: 1px solid var(--line); } .np-ev > li { grid-template-columns: 80px minmax(0,1fr); } .np-ev__go { grid-column: 2; align-items: flex-start; text-align: left; flex-direction: row; flex-wrap: wrap; gap: 8px 20px; } .np-ev__date b { font-size: 2.25rem; } .np-perks { grid-template-columns: 1fr; } .fm--card { position: static; } } @media (max-width: 640px) { .np-fun ol { padding: 0 16px; } .np-fun figcaption { padding: 12px 16px; } .np-fun li { grid-template-columns: minmax(0,1fr) 48px; gap: 8px 16px; } .np-fun__bar { grid-column: 1 / -1; grid-row: 2; } .np-fun__d { grid-column: 1 / -1; margin-top: 0; } .np-fun b { font-size: 1.625rem; } .np-roles a { grid-template-columns: minmax(0,1fr) auto; gap: 12px 16px; padding: 22px 0; } .np-roles .np-tag { grid-row: 2; } .np-roles__go { grid-row: 2; } .np-ev > li { grid-template-columns: 64px minmax(0,1fr); gap: 16px; } .np-ev__date b { font-size: 1.875rem; } .fm-grid { grid-template-columns: 1fr; } .fm-seg { grid-template-columns: 1fr 1fr; } .fm-seg span { margin-left: 0; margin-top: -1px; } .fm-seg label:nth-of-type(even) span { margin-left: -1px; } .fm-foot .btn { width: 100%; } .np-split .np-stats > div:nth-child(even) { padding-left: 16px !important; } } .np-rb { overflow-x: clip; } #ev-past .ix-grid { margin-top: clamp(32px, 4vw, 48px); } @media (max-width: 900px) { .np-ev > li { align-items: start; } .np-ev__go { justify-content: space-between; align-items: center; } } .logo svg { height: 28px; width: auto; flex: none; } .h4-hero__art .iso.stk { aspect-ratio: 700 / 760; } .stp-svg.trust text { display: inline; } .stp-svg.trust--m { display: none; } @media (max-width: 640px) { .stp-svg.trust--d { display: none; } .stp-svg.trust--m { display: block; max-width: 340px; margin: 0 auto; } } #how .hw { display: block; width: 100%; max-width: 340px; height: auto; margin: 0 auto; } .h4-hero__art .iso.frm { aspect-ratio: 700 / 760; } #how .flat--how { display: block; width: 100%; max-width: 300px; height: auto; margin: 0 auto; } #who .flat--who { display: block; width: 88px; height: 88px; } #how .h4-card:hover .flat--how, #who .h4-who__card:hover .flat--who { transform: none; } @media (max-width: 640px){ .stp__col--r { grid-row: 2; } .stp__col--e { grid-row: 3; } .stp-svg.trust--m { max-width: 390px; } } /* A3 final: card values from spec */ .stp__body{padding:44px 44px 40px;gap:0} .stp__top{font-size:13px;letter-spacing:.16em;color:#3E5268;line-height:1} .stp__cols{grid-template-columns:1fr 1.25fr 1fr;column-gap:40px;padding-top:8px} .stp__col{border-top:3px solid var(--gold);padding-top:22px;gap:14px} .stp__col--r{border-top:0;padding-top:25px;background:repeating-linear-gradient(90deg,#C98623 0 6px,transparent 6px 10px) top left/100% 3px no-repeat} .stp__col--e{border-top-color:#074673} .stp__col .stp__lab{font-size:13px;letter-spacing:.16em;line-height:1;color:#9A6516} .stp__col--e .stp__lab{color:#074673} .stp__col p:not(.stp__lab){color:#4A5D70} .stp__foot{padding:30px 44px;gap:18px;font-size:30px;letter-spacing:0} .stp__foot .tl__mark{width:14px;height:14px} @media (max-width:1080px){.stp__body{padding:32px 28px}.stp__foot{padding:24px 28px;font-size:26px}.stp__cols{column-gap:24px}} @media (max-width:760px){.stp__body{padding:32px 24px}.stp__cols{grid-template-columns:1fr;row-gap:28px;padding-top:8px}.stp__foot{padding:24px;font-size:24px}} @media (max-width:640px){.stp-svg.trust--m{width:calc(100% + 48px);max-width:none;margin:0 -24px}} /* Startup CTA ยท B3 ghost cards */ .b3{--out:#9AB3CA;--fade:#6F8FAD;--gold:#C98623;display:block} .b3 .o{fill:none;stroke:var(--out);stroke-opacity:.75;stroke-width:1.5} .b3 .r{fill:none;stroke:var(--fade);stroke-opacity:.32;stroke-width:1.5} .b3 .g{fill:none;stroke:var(--gold);stroke-width:1.5} .b3 .nd{fill:var(--ink);stroke:var(--out);stroke-opacity:.75;stroke-width:1.5} .b3 .dt{fill:none;stroke:var(--fade);stroke-width:1.5;stroke-dasharray:1.5 6;stroke-linecap:round;stroke-opacity:.35} .b3 .gd{fill:none;stroke:var(--gold);stroke-width:1.5;stroke-dasharray:1.5 6;stroke-linecap:round} .b3 .mk{fill:none;stroke:#fff;stroke-width:10;stroke-dasharray:1;stroke-dashoffset:0} .f5-cta--b3 .f5-cta__in{position:relative;padding-top:150px;padding-bottom:0;min-height:830px;align-content:start} .f5-cta--b3 .f5-cta__in::before{display:none} .f5-cta--b3 .f5-cta__in > svg.b3--d{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none} .f5-cta--b3 .f5-cta__in > svg.b3--m{display:none} .f5-cta--b3 h2{font-size:clamp(2.375rem,1rem + 3.4vw,4rem);max-width:860px;margin-top:24px} .f5-cta--b3 .f5-cta__line{margin-top:24px;font-size:17px;line-height:1.65;max-width:600px} .f5-cta--b3 .f5-cta__actions{margin-top:36px} @media (max-width:1100px){ .f5-cta--b3 .f5-cta__in{min-height:0;padding-top:56px} .f5-cta--b3 .f5-cta__in > svg.b3--d{display:none} .f5-cta--b3 .f5-cta__in > svg.b3--m{display:block;position:static;width:100%;max-width:520px;margin:32px auto 0} .f5-cta--b3 .f5-cta__line{font-size:15px;line-height:1.6;margin-top:16px} .f5-cta--b3 .f5-cta__actions{margin-top:28px} } @media (max-width:720px){.f5-cta--b3 .f5-cta__in{text-align:left;justify-items:start}.f5-cta--b3 .eyebrow{justify-content:flex-start}.f5-cta--b3 h2,.f5-cta--b3 .f5-cta__line{margin-left:0}} .b3-arm .b3 .rv{opacity:0;transform:translateY(6px)} .b3-arm .b3 .mk{stroke-dashoffset:1} .b3-arm.b3-in .b3 .rv{opacity:1;transform:none;transition:opacity .55s ease var(--d,0ms),transform .55s ease var(--d,0ms)} .b3-arm.b3-in .b3 .mk{stroke-dashoffset:0;transition:stroke-dashoffset .9s ease-out var(--d,0ms)} /* Emerging tech index: copy v2 sections */ .ix-one .np-stats{margin-top:clamp(40px,5vw,64px)} .ix-one__key dt{color:var(--gold-text)} .ix-intro{padding-top:clamp(64px,8vw,112px)} .ix-intro h2{font-size:var(--fs-h2);line-height:1.06;max-width:20ch} .ix-intro .eyebrow{margin-bottom:var(--sp-5)} .ix-get .np-ticks{margin-bottom:28px} .ix-get h2{font-size:var(--fs-h2);line-height:1.06;max-width:14ch} .ix-read{margin:0} .ix-read ul{padding:4px 22px 8px} .ix-read li{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;padding:18px 0;border-bottom:1px solid var(--line-dark);font-size:.9375rem;line-height:1.5;color:var(--mist)} .ix-read li:last-child{border-bottom:0} .ix-read__k{font:500 11px/1.6 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--blue-300)} .ix-read__want .ix-read__k{color:var(--gold-light)} .ix-read__want{border-left:2px solid var(--gold);margin:0 -22px;padding-left:20px!important;padding-right:22px!important} .ix-read__foot{display:flex;align-items:center;gap:10px;margin:0;padding:12px 22px;border-top:1px solid var(--line-dark);font:500 11px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue-300)} .ix-read__foot i{width:8px;height:8px;background:var(--gold);flex:none} @media (max-width:760px){.ix-read li{grid-template-columns:1fr;gap:6px}.ix-intro{padding-top:56px}} /* Rising-bars divider (P5): opens the FAQ chapter on every page */ .has-rbd.section{padding-top:0} .rbd-wrap{padding-top:clamp(56px,6vw,88px);padding-bottom:clamp(56px,6.5vw,96px)} .rbd{display:flex;align-items:flex-end;gap:9px} .rbd i{flex:1;height:1px;background:var(--line);margin-bottom:8px} .section--dark .rbd i,.h4--dark .rbd i{background:rgba(154,179,202,.3)} .rbd__mark{flex:none;width:30px;height:32px;overflow:visible} .rbd__mark rect{fill:none;stroke:var(--gold);stroke-width:1.5} .eyebrow::before,.eyebrow.eyebrow--mark::before{width:11px!important;height:11px!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11'%3E%3Crect x='0' y='3.44' width='2.75' height='7.56' fill='%23C98623'/%3E%3Crect x='3.78' y='1.72' width='2.75' height='9.28' fill='%23C98623'/%3E%3Crect x='7.56' y='0' width='2.75' height='11' fill='%23C98623'/%3E%3C/svg%3E") center/contain no-repeat!important;transform:none!important} /* motion: lines draw out from the mark, bars rise left to right */ .rbd-arm .rbd i{transform:scaleX(0);transition:transform .9s cubic-bezier(.2,.7,.2,1) .35s} .rbd-arm .rbd i:first-child{transform-origin:right center} .rbd-arm .rbd i:last-child{transform-origin:left center} .rbd-arm .rbd__mark rect{transform:scaleY(0);transform-origin:50% 100%;transform-box:fill-box;transition:transform .45s cubic-bezier(.2,.7,.2,1)} .rbd-arm .rbd__mark rect:nth-child(2){transition-delay:.1s} .rbd-arm .rbd__mark rect:nth-child(3){transition-delay:.2s} .rbd-arm .rbd.in i,.rbd-arm .rbd.in .rbd__mark rect{transform:none} /* Bakeoff ยท flat A, tournament bracket */ .h4-bake--a .bkA{display:block;width:100%;height:auto;overflow:visible} .h4-bake--a .bkA--m{display:none} @media (max-width:760px){.h4-bake--a .bkA--d{display:none}.h4-bake--a .bkA--m{display:block;margin:0 calc(var(--page-pad) * -1);width:calc(100% + var(--page-pad) * 2);max-width:none}} .bk-arm .bkA .rv{opacity:0;transform:translateY(6px)} .bk-arm .bkA .mk{stroke-dashoffset:1} .bk-arm.bk-in .bkA .rv{opacity:1;transform:none;transition:opacity .5s ease var(--d,0ms),transform .5s ease var(--d,0ms)} .bk-arm.bk-in .bkA .mk{stroke-dashoffset:0;transition:stroke-dashoffset .55s ease-out var(--d,0ms)} /* Bakeoff: re-laid-out A (larger, from Nov 2 screenshot); strokes tuned for ~0.5 scale */ .bkB .o,.bkB .r,.bkB .g,.bkB .nd{stroke-width:3} .bkB .dt,.bkB .gd{stroke-width:3;stroke-dasharray:3 11} .bkB .mk{stroke-width:20} .bkA .fn{fill:var(--ink);stroke:var(--gold);stroke-width:4}.bkA .fn--m{stroke-width:1.5} /* Closing CTA ยท flat line A/B/C (Nov 2) */ .cta-lt .lcf .o{fill:none;stroke:#1F4570;stroke-opacity:.62;stroke-width:1.5} .cta-lt .lcf .r{fill:none;stroke:#1F4570;stroke-opacity:.2;stroke-width:1.5} .cta-lt .lcf .g{fill:none;stroke:#C98623;stroke-width:1.5} .cta-lt .lcf .nd{fill:#E8EEF4;stroke:#1F4570;stroke-opacity:.62;stroke-width:1.5} .cta-lt .lcf .gd{fill:none;stroke:#C98623;stroke-width:1.5;stroke-dasharray:1.5 6;stroke-linecap:round} .cta-lt .lcf .mk{fill:none;stroke:#fff;stroke-width:12;stroke-dasharray:1;stroke-dashoffset:0} .cta-lt .lcf path,.cta-lt .lcf rect{vector-effect:none} @media (min-width:761px){ .cta-lt--b .cf--d{left:50%;right:auto!important;transform:translateX(-50%)} .cta-lt--b .cta-lt__in{align-items:center;text-align:center} .cta-lt--b .eyebrow{justify-content:center} .cta-lt--b .cta-lt__in > h2{text-align:center;max-width:640px;font-size:clamp(2.5rem,1.6rem + 2.4vw,3.75rem)} .cta-lt--b .cta-lt__line{text-align:center;max-width:560px} .cta-lt--b .cta-lt__actions{justify-content:center} } .cl-arm .lcf .rv{opacity:0;transform:translateY(6px)} .cl-arm .lcf .mk{stroke-dashoffset:1} .cl-arm.cl-in .lcf .rv{opacity:1;transform:none;transition:opacity .5s ease var(--d,0ms),transform .5s ease var(--d,0ms)} .cl-arm.cl-in .lcf .mk{stroke-dashoffset:0;transition:stroke-dashoffset .8s ease-out var(--d,0ms)} /* Placeholder headshots (stand-ins until real advisor photos arrive) */ .pf-1{background-image:url("/_p/img/7379815215.webp")!important} .pf-2{background-image:url("/_p/img/690a3d61cd.webp")!important} .pf-3{background-image:url("/_p/img/4a38cb1f12.webp")!important} .pf-4{background-image:url("/_p/img/ec128ee1aa.webp")!important} .pf-5{background-image:url("/_p/img/ccb62d9757.webp")!important} .adv__img{position:absolute;inset:0;z-index:1;background-position:center 25%;background-size:cover;background-repeat:no-repeat;filter:grayscale(1) contrast(1.05);transition:transform .5s cubic-bezier(.2,.7,.2,1)} .adv:hover .adv__img{transform:scale(1.04)} .adv__ph::after{z-index:2}.adv__tag{z-index:3} .has-pf{background-position:center 25%!important;background-size:cover!important;background-repeat:no-repeat!important;filter:grayscale(1) contrast(1.05)} .has-pf > svg{display:none} @media (prefers-reduced-motion: reduce){.adv__img{transition:none}.adv:hover .adv__img{transform:none}} .ix-brief{display:block;width:100%;max-width:480px;margin-left:auto;overflow:visible} .ix-brief .ib-doc{fill:#fff;stroke:#074673;stroke-width:1.5} .ix-brief .ib-h{stroke:#DCE4EC;stroke-width:1.5} .ix-brief .ib-l{fill:none;stroke:#074673;stroke-width:1.5} .ix-brief .ib-f{stroke:#9AB3CA} .ix-brief .ib-n,.ix-brief .ib-sq{fill:none;stroke:#074673;stroke-width:1.5} .ix-brief .ib-ck{fill:none;stroke:#074673;stroke-width:1.5} .ix-brief .ib-g{stroke:#C98623;stroke-width:3} .ix-brief .ib-gs{fill:none;stroke:#C98623;stroke-width:1.5} .ix-brief .ib-gl{stroke:#C98623} .pf-wd{background-image:url("/_p/img/324e97c334.webp")!important} /* Home ยท Solution: the four-point review */ .sol .h4-head{grid-template-columns:1fr!important;gap:var(--sp-5)} .sol .h4-head h2{max-width:none} .sol .h4-head h2 .soft{display:block} .sol .h4-lede{color:var(--mist);max-width:62ch} .sol .link-cta{color:var(--white)} .sol__track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative;border-top:1px solid var(--line-dark)} .sol__item{position:relative;padding:44px 32px 8px 0} .sol__item + .sol__item{padding-left:32px;border-left:1px solid var(--line-dark)} .sol__node{position:absolute;top:-7px;left:0;width:13px;height:13px;background:var(--ink);border:1.5px solid var(--mist)} .sol__item + .sol__item .sol__node{left:-7px} .sol__item:last-child .sol__node{background:var(--gold);border-color:var(--gold)} .sol__ic{width:40px;height:40px;fill:none;stroke:var(--mist);stroke-width:1.5;margin-bottom:28px;overflow:visible} .sol__n{display:block;font:500 12px/1 var(--f-mono);letter-spacing:.12em;color:var(--gold-light);margin-bottom:12px} .sol__item h3{font-family:var(--f-body);font-weight:500;font-size:1.0625rem;letter-spacing:0;color:var(--white);margin:0 0 12px} .sol__item p{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:clamp(1.375rem,1.1rem + .6vw,1.75rem)!important;line-height:1.2!important;letter-spacing:-.01em;color:var(--mist);margin:0;text-wrap:balance} .sol__foot{margin-top:clamp(40px,4.5vw,64px);padding-top:24px;border-top:1px solid var(--line-dark);display:flex;justify-content:flex-end} @media (max-width:1080px){.sol .h4-head{grid-template-columns:1fr!important;gap:var(--sp-5)}.sol__track{grid-template-columns:1fr 1fr;border-top:0} .sol__item,.sol__item + .sol__item{padding:40px 24px 32px 0;border-left:0;border-top:1px solid var(--line-dark)} .sol__item:nth-child(even){padding-left:24px;border-left:1px solid var(--line-dark)} .sol__item .sol__node,.sol__item + .sol__item .sol__node{left:0}.sol__item:nth-child(even) .sol__node{left:-7px}} @media (max-width:600px){.sol__track{grid-template-columns:1fr}.sol__item:nth-child(even){padding-left:0;border-left:0}.sol__item:nth-child(even) .sol__node{left:0}.sol__item{padding:36px 0 28px!important}.sol__ic{margin-bottom:20px}.sol__foot{justify-content:flex-start}} /* ===== Problem radar, flush into How it works ===== */ .rdr-sec{background:var(--white)!important;padding-bottom:0!important} .rdr-sec{padding-top:clamp(40px,5vw,72px)!important} .rdr .h4-head{margin-bottom:8px!important} .rdr{margin:0} .rdr-stick{display:flex;flex-direction:column;gap:20px} .rdr-eb{font-family:var(--f-mono);font-size:11.5px;letter-spacing:var(--track-mono);text-transform:uppercase;color:var(--slate);margin:0 0 10px} .rdr-eb--g{color:var(--gold-text)} .rdr-t{font-family:"Funnel Display","Funnel Sans",system-ui,sans-serif;font-weight:300;font-size:clamp(1.375rem,1rem + 1vw,2.125rem);line-height:1.15;letter-spacing:-.02em;color:var(--navy-900);margin:0} .rdr-t span{color:var(--blue-300)} .rdr-cap__b{opacity:1}.rdr-cap__a{opacity:0;transform:translateY(-6px)} .rdr.is-a .rdr-cap__a{opacity:1;transform:none}.rdr.is-a .rdr-cap__b{opacity:0;transform:translateY(6px)} .rdr-stage{position:relative;width:100%;margin:0 auto} .rd-svg{width:100%;height:auto;overflow:visible;display:block} .rd-rings path{fill:none;stroke:#C9D6E2;stroke-width:1} .rd-fan{fill:#E8EFF7;transform-box:view-box;transform-origin:600px 540px} .rd-lab{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;fill:var(--blue-300)} .rd-fanlab{fill:var(--navy-900)} .rd-d{fill:#7C8DA6}.rd-d.rd-h{fill:#fff;stroke:#7C8DA6;stroke-width:1.25} .rd-cone{fill:#D5DDE6;fill-opacity:.85;stroke:#052F4B;stroke-width:1;stroke-dasharray:4 4} .rd-l{fill:var(--navy-900)} .rd-qtag rect{fill:#fff;stroke:#C9D6E2}.rd-qtag text{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;fill:var(--navy-900)} .rd-gd{fill:var(--gold)}.rd-gr{fill:none;stroke:var(--gold);stroke-width:1} .rd-sels{fill:var(--gold)}.rd-selr{fill:#fff;fill-opacity:.6;stroke:var(--gold);stroke-width:1} .rd-sel,.rd-g{transform-box:fill-box;transform-origin:50% 50%} .rd-core{transform-box:fill-box;transform-origin:50% 100%} .rd-core > path{fill:var(--ink)} svg.rd-mark{width:66px;height:50px;max-width:none;display:inline} .rd-you rect{fill:var(--navy-900)}.rd-you text{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;fill:var(--navy-900)} .rd-rev{fill:none;stroke:var(--navy-900);stroke-width:1} .rd-node rect{fill:#fff;stroke:var(--navy-900);stroke-width:1} .rd-ic *{fill:none;stroke:var(--navy-900);stroke-width:1.2} .rd-node--g rect{stroke:var(--gold)}.rd-node--g .rd-ic *{stroke:var(--gold)} .rd-node text{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.1em;fill:var(--navy-900)} .rd-path{fill:none;stroke:var(--gold);stroke-width:1.75;stroke-dasharray:2 5;stroke-linecap:round} .rd-pm{fill:none;stroke:#fff;stroke-width:10;stroke-dasharray:1 1;stroke-dashoffset:0} .rd-conn{stroke:var(--navy-900);stroke-width:1} .rdr-leg{position:absolute;left:0;top:4%;display:grid;gap:9px;margin:0;padding:0;list-style:none} .rdr-leg li{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);display:flex;align-items:center;gap:9px} .rdr-leg li::before{content:"";width:9px;height:9px;border-radius:50%;flex:none} .lg-l::before{background:var(--navy-900)}.lg-g::before{background:#7C8DA6;transform:scale(.8)} .lg-h::before{border:1.25px solid #7C8DA6;transform:scale(.8)} .lg-v::before{background:var(--gold);border-radius:0!important} .lg-q::before{border-radius:0!important;background:#D5DDE6;outline:1px dashed var(--navy-900);outline-offset:-1px} .lg-f::before{border-radius:0!important;background:#E8EFF7} .rdr-card{position:absolute;width:18.5%;min-width:200px;background:var(--white);border:1px solid var(--navy-900);border-top:2px solid var(--gold);padding:14px 18px 16px;transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)} .rdr-card__h{display:flex;justify-content:space-between;gap:10px;font-family:var(--f-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--slate)} .rdr-v{color:var(--gold-text);display:inline-flex;align-items:center;gap:6px}.rdr-v::before{content:"";width:7px;height:7px;background:var(--gold)} .rdr-card__t{font-family:"Funnel Display","Funnel Sans",system-ui,sans-serif;font-weight:300;font-size:1.5rem;line-height:1.1;letter-spacing:-.02em;color:var(--navy-900);margin:10px 0 12px} .rdr-card ul{display:grid;gap:8px;margin:0;padding:0;list-style:none} .rdr-card li{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--navy-900);display:flex;align-items:center;gap:9px} .rdr-card li::before{content:"";width:8px;height:4px;border-left:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);transform:rotate(-45deg) translateY(-2px)} /* motion: B is resting; .is-a is the analyst-only state */ .rd-fan,.rd-fanlab,.rd-d,.rd-g,.rd-sel,.rd-core,.rd-you,.rd-rev,.rd-node,.rd-conn,.rd-gd,.rd-gr,.rd-sels,.rd-selr,.rd-pm,.rd-cone,.rd-l,.rd-qtag,.rdr-leg li{transition:opacity .55s var(--ease-out),transform .8s var(--ease-out),fill .5s ease,stroke .5s ease,stroke-dashoffset 1.1s ease-in-out} .rdr:not(.is-a) .rd-fan{transition-duration:.6s,1s} .rdr:not(.is-a) .rd-fanlab{transition-delay:.5s} .rdr:not(.is-a) .rd-d{transition-delay:calc(.35s + var(--i)*40ms)} .rdr:not(.is-a) .rd-core{transition-delay:.45s} .rdr:not(.is-a) .rd-rev{transition-delay:.8s} .rdr:not(.is-a) .rd-node{transition-delay:calc(.9s + var(--i)*110ms)} .rdr:not(.is-a) .rd-g,.rdr:not(.is-a) .rd-gd,.rdr:not(.is-a) .rd-gr{transition-delay:calc(1.1s + var(--i)*150ms)} .rdr:not(.is-a) .rd-sel,.rdr:not(.is-a) .rd-sels,.rdr:not(.is-a) .rd-selr{transition-delay:1.4s} .rdr:not(.is-a) .rd-pm{transition-delay:1.55s} .rdr:not(.is-a) .rd-conn{transition-delay:2.3s} .rdr:not(.is-a) .rdr-card--r{transition-delay:2.35s} .rdr.is-a .rd-fan{opacity:0!important;transform:scale(.4)} .rdr.is-a .rd-fanlab{opacity:0} .rdr.is-a .rd-d{fill:#CFD9E3}.rdr.is-a .rd-d.rd-h{fill:#fff;stroke:#CFD9E3} .rdr.is-a .rd-gd{fill:#CFD9E3}.rdr.is-a .rd-gr{opacity:0} .rdr.is-a .rd-sels{fill:#CFD9E3}.rdr.is-a .rd-selr{opacity:0}.rdr.is-a .rd-sel{transform:scale(.55)} .rdr.is-a .rd-rev,.rdr.is-a .rd-node,.rdr.is-a .rd-conn,.rdr.is-a .lg-v,.rdr.is-a .lg-f{opacity:0} .rdr.is-a .rd-pm{stroke-dashoffset:1} .rdr.is-a .rdr-card--r{opacity:0;transform:translateX(10px)} @media (max-width:1080px){ .rdr-leg{position:static;grid-template-columns:repeat(3,auto);justify-content:start;gap:8px 20px;margin-bottom:16px} .rdr-card{position:relative;left:auto!important;top:auto!important;width:auto;max-width:360px;min-width:0;margin:0 0 16px} .rdr.is-a .rdr-card--r{display:none} .rd-conn{display:none} .rdr-stage{display:flex;flex-direction:column} .rdr-stage .rd-svg{order:3} } @media (max-width:760px){ .rdr-leg{grid-template-columns:1fr 1fr} .rd-node text,.rd-qtag,.rd-rl{display:none} .rd-st{font-size:22px} .rd-ctA{font-size:20px}.rd-ctB{font-size:16px} } @media (prefers-reduced-motion:reduce){.rdr *{transition:none!important}} /* ===== How it works: continues the ATICO core as a navy band ===== */ .hwx{position:relative;overflow:hidden;background:var(--paper)} .hwx > .container{position:relative;z-index:1} .hwx-bg{position:absolute;left:0;right:0;top:0;height:var(--nh,62%);background:var(--ink);pointer-events:none} .hwx-net{position:absolute;inset:0;width:100%;height:100%} .hwx-net line{stroke:#1A4D73;stroke-width:1} .hwx-net circle{fill:#2E6189}.hwx-net .hn-g{fill:var(--gold-light)} .hwx .h4-head{display:block!important;text-align:center} .hwx .h4-head > div{margin:0 auto} .hwx-mark{display:block;width:72px;height:54px;margin:0 auto 28px} .hwx .eyebrow{justify-content:center;color:var(--gold-light)} .hwx .eyebrow::before{display:none} .hwx h2{color:var(--white)!important;margin:0 auto;max-width:30ch!important} .hwx h2 .soft{color:var(--mist)!important} .hwx .h4-card{background:var(--white)} .rd-bands .b3{fill:#F3F6F9}.rd-bands .b2{fill:#F8FAFC}.rd-bands .b1{fill:#FFFFFF} .rd-fan{fill:#D9E5F1;opacity:.75} .rd-st{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.12em;transition:opacity .5s var(--ease-out)} .rd-stA{fill:var(--slate)}.rd-stB{fill:var(--gold-text)} .rdr.is-a .rd-stB,.rdr:not(.is-a) .rd-stA{opacity:0} .rd-cd{fill:var(--ink);transition:fill .6s var(--ease-out)} .rdr.is-a .rd-cd{fill:#E3E9EF} .rd-ct{font-family:var(--f-mono);letter-spacing:.14em;transition:opacity .5s var(--ease-out)} .rd-ctA{font-size:12px;fill:var(--navy-900)}.rd-ctB{font-size:10px;fill:var(--mist)} .rd-cB{transition:opacity .6s var(--ease-out) .35s} .rdr.is-a .rd-cB,.rdr:not(.is-a) .rd-ctA{opacity:0} .rdr.is-a .rd-cB{transition-delay:0s} .rdr:not(.is-a) .rd-cd{transition-delay:.3s} @media (max-width:760px){.rd-st{font-size:24px!important;letter-spacing:.06em}.rd-ctA{font-size:22px!important}.rd-ctB{font-size:17px!important}} .rdr-stick{gap:28px} .rd-connL{stroke:#9DB0C3;stroke-width:1;stroke-dasharray:3 3} .rdr-card--l{border-color:#9DB0C3;border-top:2px solid #9DB0C3;background:#fff} .rdr-card--l .rdr-card__h span:last-child{color:var(--navy-900)} .rdr-card--l .rdr-card__t{color:var(--slate)} .rdr-card--l li{color:var(--slate)} .rdr-card--l li::before{width:8px;height:1.5px;border:0;background:#9DB0C3;transform:none} @media (max-width:1080px){.rdr-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rd-connL{display:none}.rdr-card--l{max-width:360px}} @media (max-width:760px){.rdr-card{max-width:none}} .rt-stats small.l{margin:0 0 8px;color:#4A5B6C;min-height:2.6em} .rt-stats small:not(.l){color:#7C8DA6} .rt-sec .h4-head{grid-template-columns:1fr!important} .rt-quote{border-bottom:0!important;border-top:1px solid #DCE4EC} .rt-tb{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #DCE4EC} .rt-tbi{position:relative;display:flex;align-items:flex-start;gap:18px;text-align:left;padding:26px 36px 24px;background:#F3F6F9;border:0;border-top:2px solid transparent;cursor:pointer;font:inherit;color:#6F8FAD;transition:background-color .3s ease,color .3s ease,border-color .3s ease} .rt-tbi+.rt-tbi{border-left:1px solid #DCE4EC} .rt-tbi:hover{color:#4A5B6C} .rt-tbi[aria-selected="true"]{background:#fff;color:#052F4B;border-top-color:#052F4B;margin-bottom:-1px;padding-bottom:25px} .rt-tbi .n{font-family:'Geist Mono',ui-monospace,monospace;text-transform:uppercase;letter-spacing:.12em;font-size:11px;padding-top:7px;opacity:.9} .rt-tbi .tx{display:flex;flex-direction:column;gap:6px;flex:1} .rt-tbi .h{display:block;font:500 clamp(18px,1.6vw,22px)/1.2 Inter,system-ui,sans-serif;letter-spacing:-.01em} .rt-tbi .d{display:block;font:400 14.5px/1.5 Inter,system-ui,sans-serif} .rt-tbi[aria-selected="true"] .d{color:#4A5B6C} .rt-tbi .v{position:absolute;right:28px;top:30px;font-family:'Geist Mono',ui-monospace,monospace;text-transform:uppercase;letter-spacing:.12em;font-size:10.5px;color:#9A6516;opacity:0;transition:opacity .3s ease} .rt-tbi .tx{min-width:0} .rt-tbi .h{padding-right:80px} .rt-tbi[aria-selected="true"] .v{opacity:1} .rt-tbi:focus-visible{outline:2px solid #DFA047;outline-offset:-4px} @media (max-width:760px){.rt-tbi{padding:16px 14px;gap:10px}.rt-tbi .d,.rt-tbi .v{display:none}.rt-tbi .h{font-size:15px}.rt-tbi .n{padding-top:3px}} .rt-amb{opacity:0;transition:opacity .9s ease} .rt-root.is-b .rt-amb{opacity:1;transition-delay:2.6s} .rt-sweep{transform-box:view-box;transform-origin:600px 650px;transform:rotate(-166deg)} .rt-swr{opacity:0} .rt-root.is-b .rt-swf{animation:rtSwF 22s ease-in-out 2.6s infinite} .rt-root.is-b .rt-swr{animation:rtSwR 22s ease-in-out 2.6s infinite} @keyframes rtSwF{0%{transform:rotate(-166deg);opacity:1}49.5%{opacity:1}50%{transform:rotate(0deg);opacity:0}99.5%{opacity:0}100%{transform:rotate(-166deg);opacity:1}} @keyframes rtSwR{0%{transform:rotate(-166deg);opacity:0}49.5%{opacity:0}50%{transform:rotate(0deg);opacity:1}99.5%{opacity:1}100%{transform:rotate(-166deg);opacity:0}} .rt-breath{transform-box:fill-box;transform-origin:center} .rt-root.is-b .rt-breath{animation:rtBreath 4.2s ease-out 2.6s infinite} @keyframes rtBreath{0%{transform:scale(1);stroke-opacity:.35}100%{transform:scale(1.22);stroke-opacity:0}} .rt-tw{animation:rtTw 5.5s ease-in-out infinite} @keyframes rtTw{0%,100%{fill-opacity:1}50%{fill-opacity:.35}} .rt-selp{transform-box:fill-box;transform-origin:center;opacity:0} .rt-root.is-b .rt-selp{animation:rtPulse 2.4s ease-out 3s infinite} .rt-root.is-b .rt-flow{animation:rtFlow 1.4s linear 3s infinite} @keyframes rtFlow{to{stroke-dashoffset:-12}} @media (prefers-reduced-motion:reduce){.rt-sweep,.rt-breath,.rt-tw,.rt-selp,.rt-flow{animation:none!important}.rt-sweepw{display:none}} .rt-tip{position:absolute;z-index:8;width:236px;background:#fff;border:1px solid #052F4B;border-top:2px solid #C98623;padding:12px 14px 12px;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .25s cubic-bezier(.2,.7,.2,1)} .rt-tip.on{opacity:1;transform:none} .rt-tip .k{display:flex;justify-content:space-between;font-family:'Geist Mono',ui-monospace,monospace;text-transform:uppercase;letter-spacing:.12em;font-size:9px;color:#4A5B6C} .rt-tip .k b{font-weight:400;color:#9A6516;display:flex;align-items:center;gap:5px}.rt-tip .k b:before{content:'';width:7px;height:7px;background:#C98623} .rt-tip .t{margin-top:8px;font:300 19px/1.15 'Funnel Display',system-ui,sans-serif;letter-spacing:-.02em;color:#052F4B} .rt-tip .m{margin-top:4px;font:400 12px/1.4 Inter,system-ui,sans-serif;color:#4A5B6C} .rt-tip ul{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 8px;font-family:'Geist Mono',ui-monospace,monospace;text-transform:uppercase;letter-spacing:.12em;font-size:9.5px;color:#052F4B} .rt-tip li{display:flex;align-items:center;gap:7px}.rt-tip li.no{color:#7C8DA6} .rt-tip .n{margin-top:10px;padding-top:9px;border-top:1px solid #DCE4EC;font:400 12px/1.4 Inter,system-ui,sans-serif;color:#052F4B} .rt-root.is-b .rt-gold{cursor:pointer} .rt-gold .rt-pulse{transform-box:fill-box;transform-origin:center;opacity:0} .rt-root.is-b .rt-gold .rt-pulse{animation:rtPulse 2.4s ease-out 2.4s infinite} .rt-gold:hover .rt-pulse,.rt-gold:focus .rt-pulse{animation:none;opacity:0} @keyframes rtPulse{0%{opacity:.7;transform:scale(1)}100%{opacity:0;transform:scale(2.2)}} @media (prefers-reduced-motion:reduce){.rt-root.is-b .rt-gold .rt-pulse{animation:none}} @media (max-width:760px){.rt-tip{display:none}} .rt-quote{display:grid;padding:24px 32px;border-bottom:1px solid #DCE4EC} .rt-quote p{grid-area:1/1;margin:0;display:flex;align-items:baseline;gap:14px;font:400 clamp(19px,1.9vw,26px)/1.3 Newsreader,Georgia,serif;color:#052F4B;transition:opacity .5s ease,transform .6s cubic-bezier(.2,.7,.2,1)} .rt-quote i{width:11px;height:11px;flex:none;transform:translateY(-1px);background:#9AB3CA} .rt-quote .b i{background:#C98623} .rt-quote .a{color:#4A5B6C} .rt-root .rt-quote .b,.rt-root.is-b .rt-quote .a{opacity:0;transform:translateY(6px);pointer-events:none} .rt-root.is-b .rt-quote .b{opacity:1;transform:none;transition-delay:.9s,.9s} @media (max-width:760px){.rt-quote{padding:18px 16px}} .rt-legend{top:28px!important;left:32px!important;z-index:6} .rt-root svg.rt-radar{overflow:visible} .rt-root{--navy:#052F4B;--blue:#0A5991;--mist:#9AB3CA;--slate:#4A5B6C;--hl:#DCE4EC;--paper:#F3F6F9;--gold:#C98623;--gt:#9A6516;--gl:#DFA047;--white:#fff; --serif:Newsreader,Georgia,serif;--display:'Funnel Display',system-ui,sans-serif;--sans:Inter,system-ui,sans-serif;--mono:'Geist Mono',ui-monospace,monospace;} .rt-ab{position:absolute;left:0;top:0;width:1200px;transform-origin:0 0} .rt-ab-panel{position:relative;background:linear-gradient(rgba(7,70,115,.05) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,rgba(7,70,115,.05) 1px,transparent 1px) 0 0/32px 32px,var(--white);border:1px solid var(--hl)} .rt-ab-svg{position:relative;height:720px} .rt-ab-svg svg{display:block} .rt-cap{position:absolute;left:56px;top:44px} .rt-capB{opacity:0} .rt-card{position:absolute;opacity:0} .rt-core{position:absolute;inset:0;background:var(--navy);clip-path:path("M0 0");z-index:3} .rt-core .rt-const{position:absolute;inset:0;width:100%;height:100%;opacity:0} .rt-mk{position:absolute;left:0;top:0;z-index:5;transform-origin:0 0;opacity:0;pointer-events:none} .rt-mk svg{display:block;width:100%;height:auto} .rt-sec{background:var(--paper)!important;padding-top:clamp(56px,6vw,88px)!important;padding-bottom:var(--section-y)!important} .rt-sec .h4-head{grid-template-columns:minmax(0,1fr) auto!important;align-items:end;gap:24px 48px;margin-bottom:clamp(20px,2.4vw,32px)!important} .rt-sec .h4-head .eyebrow{margin-bottom:16px} .rt-sec .h4-head h2{max-width:32ch!important;font-size:clamp(2rem,1.1rem + 2.3vw,3.5rem)!important} .rt-sec .rt-tabs{margin:0 0 6px} @media (max-width:900px){.rt-sec .h4-head{grid-template-columns:1fr!important}.rt-sec .rt-tabs{justify-self:start}} .rt-pnl{position:relative;background:#fff;border:1px solid var(--hl)} .rt-top{padding:clamp(28px,4vw,52px) clamp(16px,4vw,56px) 0;text-align:center;display:grid;justify-items:center;gap:22px} .rt-tabs{display:inline-flex;border:1px solid #DCE4EC;background:#fff;padding:3px;gap:3px;margin-bottom:10px} .rt-tab{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 18px;font:500 14px/1 Inter,system-ui,sans-serif;color:#052F4B;background:none;border:0;cursor:pointer;transition:background-color .2s ease,color .2s ease} .rt-tab:hover{background:#F3F6F9} .rt-tab span{font-family:'Geist Mono',ui-monospace,monospace;text-transform:uppercase;letter-spacing:.12em;font-size:10px;opacity:.7} .rt-tab[aria-selected="true"]{background:#052F4B;color:#fff} .rt-eb{display:flex;align-items:center;gap:10px;font-family:'Geist Mono',ui-monospace,monospace;text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--gt)} .rt-sw{display:grid} .rt-sw>*{grid-area:1/1;transition:opacity .55s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)} .rt-root .rt-sw .b,.rt-root.is-b .rt-sw .a{opacity:0;transform:translateY(8px);pointer-events:none} .rt-root.is-b .rt-sw .b{opacity:1;transform:none;pointer-events:auto} .rt-hl{margin:0;font:300 clamp(28px,3.4vw,40px)/1.12 'Funnel Display',system-ui,sans-serif;letter-spacing:-.02em} .rt-hl span{display:block;color:var(--navy)}.rt-hl span:first-child{color:#6F8FAD} .rt-sub{margin:0 auto;font:400 17px/1.6 Inter,system-ui,sans-serif;color:var(--slate);max-width:620px} .rt-stage{position:relative;overflow:hidden} .rt-root .rt-ab-panel{border:0;background:transparent!important} .rt-stage{background:linear-gradient(rgba(7,70,115,.04) 1px,transparent 1px) 0 0/56px 56px,linear-gradient(90deg,rgba(7,70,115,.04) 1px,transparent 1px) 0 0/56px 56px,#fff} .rt-root .rt-ab-panel>span[style*="position:absolute"]{display:none} .rt-root .rt-cap{display:none} .rt-root .rt-ab-panel>div:last-child{display:none!important} .rt-foot{display:flex;align-items:center;gap:16px;padding:20px clamp(16px,4vw,56px);border-top:1px solid transparent;transition:border-color .5s ease} .rt-foot>*{opacity:0;transform:translateY(8px);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)} .rt-root.is-b .rt-foot{border-top-color:#DCE4EC} .rt-root.is-b .rt-foot>*{opacity:1;transform:none;transition-delay:1.6s} .rt-foot span:last-child{font:400 clamp(18px,1.9vw,25px)/1.3 Newsreader,Georgia,serif;color:#052F4B} .rt-root .rt-const{display:none} .rt-root svg{max-width:none} .rt-legend{position:absolute;left:56px;top:150px;display:grid;gap:12px;font-family:'Geist Mono',ui-monospace,monospace;text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--navy)} .rt-legend div{display:flex;align-items:center;gap:10px} .rt-legend i{width:12px;height:12px;display:grid;place-items:center;flex:none} .rt-cardA{position:absolute;width:250px;box-sizing:border-box;background:#fff;border:1px solid var(--navy);padding:14px 16px 0} .rt-k{display:flex;justify-content:space-between;font-family:'Geist Mono',ui-monospace,monospace;text-transform:uppercase;letter-spacing:.12em;font-size:9px;color:var(--slate)} .rt-ct{margin-top:10px;font:300 24px/1.15 'Funnel Display',system-ui,sans-serif;letter-spacing:-.02em;color:var(--navy)} .rt-cd{margin-top:8px;font:400 12.5px/1.5 Inter,system-ui,sans-serif;color:var(--slate)} .rt-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:14px -16px 0;border-top:1px solid var(--hl)} .rt-stats div{padding:10px 12px 12px;font:300 22px/1 'Funnel Display',system-ui,sans-serif;color:var(--navy)} .rt-stats div+div{border-left:1px solid var(--hl)} .rt-stats small{display:block;margin-top:6px;font-family:'Geist Mono',ui-monospace,monospace;text-transform:uppercase;letter-spacing:.12em;font-size:8.5px;line-height:1.3;color:var(--slate)} .rt-mcards{display:none} @media (max-width:760px){ .rt-root .rt-legend,.rt-root .rt-stage .rt-cardA,.rt-root #rt-card{display:none} .rt-mcards{display:grid;padding:0 16px 20px} .rt-mcards>*{grid-area:1/1;transition:opacity .5s ease} .rt-root .rt-mcards .b,.rt-root.is-b .rt-mcards .a{opacity:0;pointer-events:none} .rt-root.is-b .rt-mcards .b{opacity:1} .rt-mcards .rt-cardA{position:static;width:auto} .rt-tab{padding:0 12px;font-size:13px} } @media (prefers-reduced-motion:reduce){.rt-root *{transition:none!important}} #how.hwx{background:var(--white)} #how.hwx .hwx-bg{display:none} #how.hwx h2{color:var(--navy-900)!important} #how.hwx h2 .soft{color:var(--blue-600)!important} #how.hwx .eyebrow{color:var(--gold-text)} /* Web copy v4 (Nov 10): page-specific bottom bands, process, funnel, advisor perks */ #startups .hv-alt,#startups .an-alt{display:none} html:has(.page[data-page="how-we-vet"]:not([hidden])) #startups .f5-cta__in>:is(.eyebrow,h2,.f5-cta__line,.f5-cta__actions):not(.hv-alt){display:none} html:has(.page[data-page="how-we-vet"]:not([hidden])) #startups .f5-cta__in>.hv-alt{display:revert} html:has(.page[data-page="how-we-vet"]:not([hidden])) #startups .f5-cta__in>.f5-cta__actions.hv-alt{display:flex} html:has(.page[data-page="advisory-network"]:not([hidden])) #startups .f5-cta__in>:is(.eyebrow,h2,.f5-cta__line,.f5-cta__actions):not(.an-alt){display:none} html:has(.page[data-page="advisory-network"]:not([hidden])) #startups .f5-cta__in>.an-alt{display:revert} html:has(.page[data-page="advisory-network"]:not([hidden])) #startups .f5-cta__in>.f5-cta__actions.an-alt{display:flex} html:has(.page[data-page="how-we-vet"]:not([hidden])) #startups .f5-cta__in>.eyebrow.hv-alt,html:has(.page[data-page="advisory-network"]:not([hidden])) #startups .f5-cta__in>.eyebrow.an-alt{display:flex} .ix-card__more{margin-top:12px;align-self:flex-start} .vt-proc p{max-width:34ch} html body .vst.vst--4 .vst__bars,html body .vst.vst--4 .vst__labs{grid-template-columns:repeat(4,minmax(0,1fr))} html body .vst-close.vst-close--one{grid-template-columns:auto 1fr;align-items:start} .vst-close__n{font-family:"Newsreader",Georgia,serif;font-weight:400;font-size:clamp(3.5rem,2.4rem + 3vw,5.5rem);line-height:.85;letter-spacing:-.03em;color:var(--gold-light)} .vst-close--one p{font-size:clamp(1.125rem,1rem + .5vw,1.375rem)!important;color:var(--mist)!important} .vst-close__h{display:block;color:#fff!important;font-size:clamp(1.375rem,1.1rem + .8vw,1.75rem);margin-bottom:6px} .vst-close--one p>span:last-child{color:#fff!important} .an-perks{list-style:none;margin:0;padding:0} .an-perks li{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:22px 0;border-top:1px solid var(--line)} .an-perks li:last-child{border-bottom:1px solid var(--line)} .an-perks__a{color:var(--gold);font-size:1.125rem;line-height:1.4} .an-perks h3{margin:0;font-family:var(--f-body)!important;font-weight:500!important;font-size:1.1875rem!important;letter-spacing:-.01em!important;line-height:1.35!important;color:var(--navy-900)} .an-perks p{margin:6px 0 0;font-size:.97rem;line-height:1.6;color:var(--slate)} .adv-foot .link-cta{color:var(--white)} @media (max-width:760px){html body .vst.vst--4 .vst__labs,html body .vst.vst--4 .vst__bars{grid-template-columns:repeat(2,minmax(0,1fr))}} /* Index: Oct 2026 portfolio, 12 categories */ .ix-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px} .ix-head__sub{margin:0;display:flex;gap:16px;font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--slate)} .ix-head__sub span+span{color:var(--gold-text)} .ix-chips{row-gap:8px} .ix-chip{height:34px;padding:0 14px} .ix-card__desc .pending{margin-right:6px} .np-ev__go .pending{margin-top:6px;align-self:flex-start} .bc{display:block;width:100%;height:auto;background:linear-gradient(rgba(7,70,115,.05) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,rgba(7,70,115,.05) 1px,transparent 1px) 0 0/32px 32px,#F7F9FB} .bc *{vector-effect:non-scaling-stroke;stroke-width:1.25} .bc .c{fill:#fff;stroke:#074673} .bc .n{fill:#fff;stroke:#074673} .bc .m{fill:none;stroke:#9AB3CA} .bc .p{fill:#DCE4EC;stroke:none} .bc .d{fill:none;stroke:#6F8FAD;stroke-dasharray:4 4} .bc .g{fill:#C98623;stroke:#C98623} .bc .w{fill:#fff;stroke:none} .bc .wl{fill:none;stroke:#fff} .bc .gl{fill:none;stroke:#C98623;stroke-width:1.5} .bc .gd{fill:none;stroke:#C98623;stroke-dasharray:3 4} .bc .ck{fill:none;stroke:#C98623;stroke-width:1.5} .bc text{font:500 7px 'Geist Mono',ui-monospace,monospace;letter-spacing:.12em;stroke:none} .bc .tx{fill:#4A5B6C}.bc .tg{fill:#9A6516} .bl-card .ix-card__art, .bl-feat__art { background: linear-gradient(rgba(7,70,115,.05) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,rgba(7,70,115,.05) 1px,transparent 1px) 0 0/32px 32px,#F7F9FB !important; } .bl-card .ix-card__art { height: 220px; display:flex; justify-content:center; } .bl-card .bc, .bl-feat__art .bc { background:none; height:100%; width:auto; max-width:100%; } .bl-feat__art { justify-content:center; min-height: 340px; } .bl-feat__art .bc { width:100%; height:auto; } .ix-card__meta .bl-date { color: var(--slate); } .bl-by { font-size:.875rem; color: var(--slate); margin:0; } .bl-grid { grid-template-columns: repeat(6, minmax(0,1fr)); } .bl-grid > :nth-child(-n+3) { grid-column: span 2; } .bl-grid > :nth-child(n+4) { grid-column: span 3; } .bl-card h3 { text-wrap: pretty; } @media (max-width: 1000px) { .bl-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } .bl-grid > * { grid-column: auto !important; } } @media (max-width: 640px) { .bl-grid { grid-template-columns: 1fr; } } .po-av { display:grid !important; place-items:center; font: 500 13px var(--f-mono); letter-spacing:.06em; color: var(--navy-700); } .po-fig { background: linear-gradient(rgba(7,70,115,.05) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,rgba(7,70,115,.05) 1px,transparent 1px) 0 0/32px 32px,#F7F9FB !important; } .po-fig .bc { background:none; width:100%; height:380px !important; max-height:380px; } @media (max-width:640px){ .po-fig .bc{ height:auto !important; } } .po-prose ol { margin: 0 0 1.5em; padding: 0; list-style: none; counter-reset: po; border-top:1px solid var(--line); } .po-prose ol > li { counter-increment: po; display:block; position:relative; padding: 14px 0 14px 44px; border-bottom:1px solid var(--line); } .po-prose ol > li::before { content: counter(po, decimal-leading-zero); position:absolute; left:0; top:14px; font: 400 12px/2.2 var(--f-mono); letter-spacing:.08em; color: var(--gold-text); } .po-prose ul > li { display:block; } .po-prose li strong, .po-prose p strong { color: var(--navy-900); font-weight:500; } .po-prose h3 { font-size: 1.375rem !important; line-height:1.25 !important; margin: 1.4em 0 .4em; color: var(--navy-900); font-weight:400; letter-spacing:-.01em; } .po-table { margin: 0 0 1.75em; overflow-x:auto; border:1px solid var(--line); } .po-table table { width:100%; border-collapse:collapse; font-size: .9375rem; line-height:1.5; min-width: 560px; } .po-table th { text-align:left; font: 400 11px var(--f-mono); letter-spacing:.1em; text-transform:uppercase; color: var(--slate); background: var(--paper); padding: 12px 16px; border-bottom:1px solid var(--line); } .po-table td { padding: 14px 16px; border-bottom:1px solid var(--line); vertical-align:top; } .po-table tr:last-child td { border-bottom:0; } .po-table td:first-child { color: var(--navy-900); font-weight:500; white-space:nowrap; } .ix-card__art .bc{background:none} .bc .d2{fill:none;stroke:#9AB3CA;stroke-width:1.25} .bc .gk{fill:none;stroke:#C98623;stroke-width:1.5} .bc .gl3{fill:none;stroke:#C98623;stroke-width:2} .bc .ck2{fill:none;stroke:#074673;stroke-width:1.25} .bc .sh{fill:#DCE4EC;stroke:none} .bc .shg{fill:#9A6516;stroke:none;opacity:.55} .bc text{font-size:7.5px} .ix-card .bc .gd{animation:coart-flow 1.6s linear infinite paused} .ix-card:hover .bc .gd{animation-play-state:running} @keyframes coart-flow{to{stroke-dashoffset:-14}} @media (prefers-reduced-motion:reduce){.ix-card .bc .gd{animation:none}} .bc .tw{fill:#fff;font:500 7px 'Geist Mono',ui-monospace,monospace;letter-spacing:.1em} .np-ev__thumb--img{padding:0!important;overflow:hidden}.np-ev__thumb--img img{width:100%;height:100%;object-fit:cover;display:block} #bl-arch-title{font-size:clamp(1.75rem,1.2rem + 1.6vw,2.5rem)!important;line-height:1.06} html body .page[data-page="index"] .ix-card .ix-card__body>h3:has(.ix-logo)::before{display:none}.ix-logo{width:20px;height:20px;object-fit:contain;flex:none;display:block} .ix-grid--g{grid-template-columns:repeat(3,minmax(0,1fr))!important} .ix-grid--g>.ix-card{grid-column:auto!important} @media (max-width:1000px){.ix-grid--g{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media (max-width:640px){.ix-grid--g{grid-template-columns:1fr!important}} .ix-card__cat{margin:0 0 6px!important;font:400 11px/1.3 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-text)} .ia *{vector-effect:non-scaling-stroke;stroke-width:1.25;stroke-linejoin:miter;stroke-linecap:square} .ia .c,.ia .n{fill:#fff;stroke:#074673}.ia .m{fill:none;stroke:#9AB3CA} .ia .p{fill:#DCE4EC;stroke:none}.ia .d{fill:none;stroke:#6F8FAD;stroke-dasharray:4 4} .ia .g{fill:#C98623;stroke:#C98623}.ia .w{fill:#fff;stroke:none}.ia .wl{fill:none;stroke:#fff} .ia .gl{fill:none;stroke:#C98623;stroke-width:1.5}.ia .gd{fill:none;stroke:#C98623;stroke-dasharray:3 4} .ia .ck{fill:none;stroke:#C98623;stroke-width:1.5} .ia text{font:500 7px 'Geist Mono',ui-monospace,monospace;letter-spacing:.12em;stroke:none} .ia .tx{fill:#4A5B6C}.ia .tg{fill:#9A6516}.ia .tw{fill:#fff} .page[data-page="index"] .ix-card .ix-card__art{background:linear-gradient(rgba(7,70,115,.06) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(7,70,115,.06) 1px,transparent 1px) 0 0/48px 48px,#F7F9FB!important} html body .page[data-page="index"] .ix-cat{padding-top:80px!important;padding-bottom:80px!important} html body .page[data-page="index"] .ix-cat[data-cat^="Network"]{padding-top:48px!important} html body .page[data-page="index"] .ix-cat .ix-grid{margin-top:36px!important} @media (max-width:760px){html body .page[data-page="index"] .ix-cat{padding-top:56px!important;padding-bottom:56px!important}} .nl{position:relative;padding:clamp(72px,8vw,112px) 0;background:var(--paper);background-image:linear-gradient(rgba(7,70,115,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(7,70,115,.05) 1px,transparent 1px);background-size:72px 72px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} .nl--onwhite{background-color:var(--white)} .nl-mark{display:block;flex:none}.nl-mark rect{fill:var(--gold)} .nl-eye{display:flex;align-items:center;gap:10px;margin:0;font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:var(--gold-text)} .nl-h{margin:18px 0 0;font-family:var(--f-display);font-weight:var(--w-display);letter-spacing:var(--track-display);font-size:clamp(2.25rem,1.4rem + 2.4vw,3.75rem);line-height:1.04;color:var(--navy-900)} .nl-h span{display:block;color:var(--blue-600)} .nl-p{margin:22px 0 0;font-size:clamp(1.0625rem,1rem + .2vw,1.1875rem);line-height:1.6;color:var(--slate);max-width:46ch} .nl-form{display:flex;width:560px;max-width:100%;height:60px;margin-top:36px;border:1px solid var(--navy-900);background:#fff} .nl-form input{flex:1;min-width:0;border:0;border-radius:0;padding:0 20px;font:400 16px var(--f-body);color:var(--navy-900);background:#fff;outline:none} .nl-form input::placeholder{color:#6F8FAD} .nl-form input:focus-visible{box-shadow:inset 0 0 0 2px var(--gold-light)} .nl-form button{display:flex;align-items:center;gap:10px;padding:0 26px;border:0;border-radius:0;background:var(--navy-900);color:#fff;font:500 16px var(--f-body);cursor:pointer;white-space:nowrap} .nl-form button:hover{background:var(--navy-700)} .nl-form.is-err{border-color:#B3261E} .nl-ok{margin:14px 0 0;font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-text)} .nl-pts{display:flex;flex-wrap:wrap;gap:8px 22px;margin:18px 0 0;padding:0;list-style:none;font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--slate)} .nl-pts li{display:flex;align-items:center;gap:8px}.nl-pts li::before{content:"";width:6px;height:6px;background:var(--gold)} /* G */ .nl-g{display:grid;grid-template-columns:minmax(0,1fr) 480px;gap:clamp(48px,7vw,96px);align-items:center} .nl-issue{background:#fff;border:1px solid var(--navy-900)} .nl-issue__top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;background:var(--paper);border-bottom:1px solid var(--line);font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-300)} .nl-issue__brand{display:flex;align-items:center;gap:10px;color:var(--navy-900)} .nl-sq{width:26px;height:26px;background:var(--navy-900);display:grid;place-items:center} .nl-issue__body{padding:22px} .nl-issue__t{margin:0;font-family:var(--f-display);font-size:24px;letter-spacing:-.015em;color:var(--navy-900)} .nl-issue__s{margin:6px 0 14px;font-size:14px;color:var(--slate)} .nl-row{display:grid;grid-template-columns:28px 1fr auto;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--line)} .nl-row>i{width:28px;height:28px;background:var(--line);display:block}.nl-row>i.on{background:var(--navy-900)} .nl-row b{display:block;font-weight:500;font-size:15px;color:var(--navy-900)}.nl-row small{display:block;font-size:13px;color:var(--slate)} .nl-row em{font-style:normal;font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-300);border:1px solid var(--line);padding:3px 8px} .nl-row em.on{background:var(--gold);border-color:var(--gold);color:#fff} .nl-issue__foot{padding:14px 22px;border-top:1px solid var(--line);font-size:14px;color:var(--slate)}.nl-issue__foot b{color:var(--navy-900);font-weight:500} /* H */ .nl-hc{text-align:center;display:flex;flex-direction:column;align-items:center} .nl-hc .nl-p{margin-left:auto;margin-right:auto}.nl-hc .nl-pts{justify-content:center} .nl-tl{position:relative;display:grid;grid-template-columns:repeat(4,1fr);width:100%;margin:64px 0 0;padding:44px 0 0;list-style:none;border-top:1px solid var(--line)} .nl-tl::before{content:"";position:absolute;top:51px;left:12.5%;right:62.5%;height:1px;background:var(--navy-700)} .nl-tl li{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px} .nl-tl i{width:14px;height:14px;background:#fff;border:1px solid var(--navy-700);position:relative;z-index:1} .nl-tl li.on i{background:var(--gold);border-color:var(--gold);width:18px;height:18px;margin-top:-2px} .nl-tl__k{margin-top:6px;font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-300)} .nl-tl li.on .nl-tl__k{color:var(--gold-text)} .nl-tl__v{font-size:15px;color:var(--slate)}.nl-tl li.on .nl-tl__v{color:var(--navy-900);font-weight:500} /* I */ .nl-card{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--navy-900);background:#fff} .nl-card__l{padding:clamp(32px,4vw,56px)} .nl-card__r{display:flex;align-items:center;justify-content:center;padding:clamp(24px,3vw,48px);border-left:1px solid var(--line);background:var(--paper);background-image:linear-gradient(rgba(7,70,115,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(7,70,115,.05) 1px,transparent 1px);background-size:48px 48px} .nl--i .nl-h{font-size:clamp(2rem,1.3rem + 1.8vw,3rem)} .nl--i .nl-form{width:100%} .nl-inbox{width:100%;max-width:500px;background:#fff;border:1px solid var(--line)} .nl-inbox__top{display:flex;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--line);font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--navy-900)} .nl-inbox__top span+span{color:var(--blue-300)} .nl-mail{display:grid;grid-template-columns:10px 110px 1fr;gap:12px;align-items:center;padding:16px 18px;border-top:1px solid var(--line);background:var(--paper);color:var(--blue-300)} .nl-mail:first-of-type{border-top:0} .nl-mail>i{width:7px;height:7px;display:block} .nl-mail.on{background:#fff;border-left:2px solid var(--gold);padding-left:16px}.nl-mail.on>i{background:var(--gold)} .nl-mail__f{font-size:14px}.nl-mail.on .nl-mail__f{font-weight:500;color:var(--navy-900)} .nl-mail__s b{display:block;font-weight:400;font-size:14px;color:var(--blue-300)}.nl-mail.on .nl-mail__s b{font-weight:500;color:var(--navy-900)} .nl-mail__s small{display:block;font-size:12.5px}.nl-mail.on .nl-mail__s small{color:var(--slate)} /* post: only one variant shows */ .po-nl>.nl{display:none}.po-nl>.nl.is-on{display:block} @media (max-width:1000px){.nl-g{grid-template-columns:minmax(0,1fr)}.nl-issue{max-width:520px}.nl-card{grid-template-columns:1fr}.nl-card__r{border-left:0;border-top:1px solid var(--line)}} @media (max-width:640px){.nl-form{flex-direction:column;height:auto;border:0;background:none;gap:10px}.nl-form input{flex:none;height:56px;border:1px solid var(--navy-900)}.nl-form button{height:56px;justify-content:center} .nl-tl{grid-template-columns:1fr 1fr;row-gap:28px}.nl-tl::before{display:none}.nl-mail{grid-template-columns:10px 1fr}.nl-card{grid-template-columns:minmax(0,1fr)}.nl-issue__top span:last-child{display:none}.nl-mail__f{display:none}} .ucx__art .ucx-ia{width:100%;height:100%;max-height:100%} .ucx-ia *{vector-effect:non-scaling-stroke;stroke-width:1.25;stroke-linejoin:miter;stroke-linecap:square} .ucx-ia .c,.ucx-ia .n{fill:none;stroke:#6F8FAD}.ucx-ia .m{fill:none;stroke:#3A6A90}.ucx-ia .p{fill:#1A4D73;stroke:none} .ucx-ia .d{fill:none;stroke:#6F8FAD;stroke-dasharray:4 4}.ucx-ia .g{fill:#C98623;stroke:#C98623}.ucx-ia .w{fill:#fff;stroke:none}.ucx-ia .wl{fill:none;stroke:#fff} .ucx-ia .gl{fill:none;stroke:#DFA047;stroke-width:1.5}.ucx-ia .gd{fill:none;stroke:#DFA047;stroke-dasharray:3 4}.ucx-ia .ck{fill:none;stroke:#DFA047;stroke-width:1.5} html body .ucx__art .ucx-ia .g{fill:#C98623!important;stroke:#C98623!important}html body .ucx__art .ucx-ia .w{fill:#fff!important;stroke:none!important}html body .ucx__art .ucx-ia .p{fill:#1A4D73!important}html body .ucx__art .ucx-ia .c,html body .ucx__art .ucx-ia .n{fill:#052F4B!important}.ucx-ia text{font:500 7px 'Geist Mono',ui-monospace,monospace;letter-spacing:.12em;stroke:none}.ucx-ia .tx{fill:#9AB3CA}.ucx-ia .tg{fill:#DFA047}.ucx-ia .tw{fill:#fff} html body .po-av.has-photo{background-size:cover!important;background-position:center 20%!important;color:transparent!important;font-size:0!important}.bl-by .kt-av{display:inline-block;width:22px;height:22px;vertical-align:-6px;margin-right:8px;background-size:cover;background-position:center 20%;border:1px solid var(--line)} html body .evp{margin-top:var(--sp-8);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(150px,17vw,230px);grid-auto-flow:dense;gap:var(--gutter)}html body .evp__i{margin:0;overflow:hidden;background:var(--paper);border:1px solid var(--line)}html body .evp__i--wide{grid-column:span 2;grid-row:span 2}html body .evp__i--tall{grid-row:span 2}html body .evp__i img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease-out)}html body .evp__i:hover img{transform:scale(1.03)}@media (max-width:760px){html body .evp{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(120px,32vw,200px);gap:12px}}@media (prefers-reduced-motion:reduce){html body .evp__i img{transition:none}} /* Review toggle */ .pf-ver { display:inline-flex; margin-top:24px; border:1px solid var(--line); } .pf-ver button { font:500 .75rem/1 var(--f-mono); letter-spacing:.08em; text-transform:uppercase; padding:9px 14px; background:#fff; color:var(--slate); border:0; cursor:pointer; } .pf-ver button + button { border-left:1px solid var(--line); } .pf-ver button[aria-pressed="true"] { background:var(--navy-900); color:#fff; } @media (max-width:900px){ } /* 0 of 4 passed: stronger result bar */ .pf-foot { border-left-color:#D92D20 !important; } .pf-foot__k { background:#FEF3F2; color:#B42318 !important; border:1px solid #D92D20 !important; padding:7px 10px !important; } .pf-foot > span:last-child { color:var(--slate); } .pf-foot b { font-weight:500; } /* Review toggles: dark variant */ .pf-ver--dark { border-color: var(--line-dark); margin: 0 0 clamp(32px,4vw,56px); } .pf-ver--dark button { background: transparent; color: var(--mist); } .pf-ver--dark button + button { border-left-color: var(--line-dark); } .pf-ver--dark button[aria-pressed="true"] { background: var(--white); color: var(--navy-900); } /* Quote version B: portrait column + quote, hairline split */ #sl-quote .pq2 { display: none; } #sl-quote.is-b .pf-q { display: none; } #sl-quote.is-b .pq2 { display: grid; grid-template-columns: minmax(0,4fr) minmax(0,8fr); margin: 0; border-top: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); } .pq2__who { display: grid; align-content: start; gap: 16px; padding: 40px 40px 40px 0; border-right: 1px solid var(--line-dark); color: var(--mist); font-size: .9375rem; line-height: 1.4; } .pq2__photo { display: grid; place-items: center; width: 100%; max-width: 240px; aspect-ratio: 1; border: 1px solid var(--line-dark); background: linear-gradient(var(--grid-dark) 1px, transparent 1px) 0 0 / 24px 24px, linear-gradient(90deg, var(--grid-dark) 1px, transparent 1px) 0 0 / 24px 24px, var(--surface-dark); } .pq2__photo .lp-person { width: 45%; height: auto; } .pq2__photo .lp-person .t { stroke: var(--blue-300); fill: none; } .pq2__name { display: grid; gap: 4px; } .pq2__name b { color: #fff; font-weight: 500; font-size: 1.0625rem; } .pq2__who .pending { justify-self: start; } .pq2__body { padding: 40px 0 48px 56px; position: relative; } .pq2__body::before { content: ""; position: absolute; left: -1px; top: 40px; width: 2px; height: 56px; background: var(--gold); } .pq2 blockquote { margin: 0; font-family: var(--f-display); font-weight: var(--w-display); font-size: clamp(1.875rem, 1.1rem + 2.4vw, 3.25rem); line-height: 1.14; letter-spacing: -.015em; color: #fff; max-width: 24ch; } .pq2 blockquote em { font-style: normal; color: var(--gold-light); } @media (max-width: 860px) { #sl-quote.is-b .pq2 { grid-template-columns: 1fr; } .pq2__who { order: 2; border-right: 0; border-top: 1px solid var(--line-dark); padding: 28px 0; grid-template-columns: 64px 1fr; align-items: center; } .pq2__photo { max-width: 64px; } .pq2__who .pending { grid-column: 1 / -1; } .pq2__body { padding: 32px 0 32px 24px; } .pq2__body::before { top: 32px; } } /* Use-case cards v2: joined hairline grid, clear footer action */ :is(#sl-uses,#it-uses) .uc-grid { gap: 0; border-top: 1px solid var(--line); border-left: 1px solid var(--line); background: var(--white); } :is(#sl-uses,#it-uses) .uc { position: relative; min-height: 340px; padding: 28px 28px 0; border: 0; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--white); transition: background-color .2s; } :is(#sl-uses,#it-uses) .uc::before { content: ""; position: absolute; left: -1px; right: -1px; top: -1px; height: 3px; background: var(--gold); transform: scaleX(0); transform-origin: left; transition: transform .3s var(--ease-out); } :is(#sl-uses,#it-uses) .uc:hover, :is(#sl-uses,#it-uses) .uc:focus-visible { transform: none; background: #FBFCFD; } :is(#sl-uses,#it-uses) .uc:hover::before, :is(#sl-uses,#it-uses) .uc:focus-visible::before { transform: scaleX(1); } :is(#sl-uses,#it-uses) .uc__top { margin-bottom: 40px; } :is(#sl-uses,#it-uses) .uc__tag { display: inline-flex; align-items: center; gap: 8px; padding: 0; background: none; border: 0; color: var(--gold-text); font-size: .75rem; letter-spacing: .1em; } :is(#sl-uses,#it-uses) .uc__tag::before { content: ""; width: 7px; height: 7px; background: var(--gold); } :is(#sl-uses,#it-uses) .uc__top { flex-direction: row-reverse; } :is(#sl-uses,#it-uses) .uc__top .mono { color: var(--blue-300); font-size: .75rem; } :is(#sl-uses,#it-uses) .uc h3 { font-size: 1.5rem; line-height: 1.18; margin: 0 0 14px; } :is(#sl-uses,#it-uses) .uc p { color: var(--slate); } :is(#sl-uses,#it-uses) .uc__go { display: flex; justify-content: space-between; align-items: center; margin: auto -28px 0; padding: 16px 28px; margin-top: auto; border-top: 1px solid var(--line); color: var(--navy-900); } :is(#sl-uses,#it-uses) .uc p { margin-bottom: 28px; } :is(#sl-uses,#it-uses) .uc__go i { display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid var(--line); color: var(--navy-900); transition: background-color .2s, border-color .2s, color .2s, transform .2s; } :is(#sl-uses,#it-uses) .uc:hover .uc__go i, :is(#sl-uses,#it-uses) .uc:focus-visible .uc__go i { background: var(--gold); border-color: var(--gold); color: var(--white); transform: none; } @media (max-width: 600px) { :is(#sl-uses,#it-uses) .uc { min-height: 0; padding: 24px 20px 0; } :is(#sl-uses,#it-uses) .uc__go { margin: 0 -20px; padding: 14px 20px; } :is(#sl-uses,#it-uses) .uc__top { margin-bottom: 24px; } } @media (prefers-reduced-motion: reduce) { :is(#sl-uses,#it-uses) .uc::before { transition: none; } } /* Steps v2: numbered tiles on a connecting rail, stronger numbers */ .lp-steps { counter-reset: none; } .lp-steps li { padding: var(--sp-6) var(--sp-6) var(--sp-7); gap: var(--sp-4); } .lp-steps li .mono { display: none; } .lp-steps__n { position: relative; display: grid; place-items: center; width: 56px; height: 56px; margin-bottom: var(--sp-4); border: 1px solid var(--navy-700); background: var(--white); font-family: var(--f-mono); font-size: 1rem; font-weight: 500; letter-spacing: .04em; line-height: 1; color: var(--navy-900); z-index: 1; } .lp-steps li::after { content: ""; position: absolute; top: calc(var(--sp-6) + 28px); left: calc(var(--sp-6) + 56px); right: 0; height: 1px; background: var(--navy-700); opacity: .35; } .lp-steps li:last-child::after { display: none; } .lp-steps li:not(:last-child) { background: var(--paper); } .lp-steps li:last-child { background: var(--navy-900); } .lp-steps li:last-child .lp-steps__n { background: var(--gold); border-color: var(--gold); color: var(--white); } .lp-steps li:last-child h3 { color: var(--white); } .lp-steps li:last-child p { color: var(--mist); } .lp-steps h3 { font-size: 1.5rem; line-height: 1.18; } .lp-steps p { font-size: var(--fs-body); line-height: 1.6; } @media (max-width: 1080px) { .lp-steps li:nth-child(2)::after { display: none; } } @media (max-width: 760px) { .lp-steps li::after { display: none; } .lp-steps li { padding: var(--sp-5); } } /* One company per problem: stronger rule band */ .lp-one { grid-template-columns: 140px minmax(0,1fr); gap: var(--sp-6); padding: var(--sp-6) var(--sp-7) var(--sp-6) var(--sp-6); background: var(--surface-dark); border: 1px solid var(--line-dark); border-left: 3px solid var(--gold); } .lp-one__icon { display: grid; justify-items: start; gap: 6px; padding-right: var(--sp-6); border-right: 1px solid var(--line-dark); } .lp-one__num { font-family: var(--f-display); font-weight: var(--w-display); font-size: 4.5rem; line-height: .9; letter-spacing: -.03em; color: var(--gold-light); } .lp-one__lab { font-family: var(--f-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--blue-300); } .lp-one p { font-size: var(--fs-lead); line-height: 1.6; } .lp-one b { display: block; margin-bottom: 6px; font-family: var(--f-display); font-weight: var(--w-display); font-size: clamp(1.5rem, 1.1rem + 1vw, 2rem); line-height: 1.15; letter-spacing: -.015em; color: var(--white); } @media (max-width: 760px) { .lp-one { grid-template-columns: 1fr; padding: var(--sp-5); } .lp-one__icon { border-right: 0; padding: 0; grid-auto-flow: column; align-items: baseline; gap: 12px; } .lp-one__num { font-size: 3rem; } } /* What you get: blue lead + white panel joined as one block */ .gt { gap: 0; border: 0; } .gt-side { background: var(--white); padding: clamp(28px,3vw,44px) clamp(28px,3vw,44px) 8px; display: flex; flex-direction: column; } .gt-side__k { margin: 0 0 8px; font: 500 .75rem/1 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--gold-text); display: flex; align-items: center; gap: 10px; } .gt-side__k::before { content: ""; width: 24px; height: 1px; background: var(--gold); } .gt-side .gt-list { border-top: 0; } .gt-side .gt-row { padding: 24px 0; } .gt-side .gt-row:last-child { border-bottom: 0; } .gt-side { --gp: clamp(28px,3vw,44px); overflow: hidden; } .gt-side .gt-row { position: relative; transition: none; } .gt-side .gt-row > * { position: relative; z-index: 1; } .gt-side .gt-row::before { content: ""; position: absolute; top: 0; bottom: -1px; left: calc(var(--gp) * -1); right: calc(var(--gp) * -1); background: var(--paper); opacity: 0; transition: opacity .25s ease; } .gt-side .gt-row::after { content: ""; position: absolute; top: 0; bottom: 0; left: calc(var(--gp) * -1); width: 3px; background: var(--gold); transform: scaleY(0); transform-origin: top; transition: transform .3s var(--ease-out); z-index: 1; } .gt-side .gt-row:hover { background: transparent; padding-left: 0; } .gt-side .gt-row:hover::before { opacity: 1; } .gt-side .gt-row:hover::after { transform: scaleY(1); } .gt-side .gt-i { transition: color .25s ease, transform .3s var(--ease-out); } .gt-side .gt-row:hover .gt-i { color: var(--gold); transform: translateY(-2px); } .gt-side .gt-row h3 { transition: color .25s ease, transform .3s var(--ease-out); } .gt-side .gt-row:hover h3 { color: var(--navy-900); transform: translateX(4px); } .gt-side .gt-row:hover .gt-n { color: var(--navy-900); } @media (prefers-reduced-motion: reduce) { .gt-side .gt-row::before, .gt-side .gt-row::after, .gt-side .gt-i, .gt-side .gt-row h3 { transition: none; } .gt-side .gt-row:hover h3, .gt-side .gt-row:hover .gt-i { transform: none; } } .gt-side .gt-n { color: var(--gold-text); } .gt-lead { position: relative; } .gt-lead::after { content: ""; position: absolute; top: clamp(28px,3vw,44px); right: -7px; width: 13px; height: 13px; background: var(--gold); z-index: 1; } @media (max-width:1000px){ .gt-lead::after { top: auto; bottom: -7px; right: auto; left: clamp(28px,3vw,44px); } } /* Security leaders FAQ: heading on exactly 2 lines */ section[aria-labelledby="sl-faq-title"] .sl-faq__head { grid-column: 1 / span 5; } #sl-faq-title { font-size: clamp(2rem, 0.6rem + 2.6vw, 3rem); line-height: 1.1; text-wrap: nowrap; max-width: none; } section[aria-labelledby="sl-faq-title"] .sl-faq__head .eyebrow { margin-bottom: 20px; } @media (max-width: 1080px) { section[aria-labelledby="sl-faq-title"] .sl-faq__head { grid-column: 1 / -1; } } @media (max-width: 560px) { #sl-faq-title .faq-br { display: none; } #sl-faq-title { text-wrap: balance; } } /* Benefits: every heading on one line, sized to its card */ #benefits .h4-ben li { container-type: inline-size; } #benefits .h4-ben h3 { white-space: nowrap; font-size: clamp(1.25rem, 6.9cqi, 2.125rem); } /* Nav dropdowns: top border sits exactly on the header's bottom hairline */ .site-header .dropdown { top: calc(100% + (var(--header-h) - 40px) / 2) !important; box-shadow: none !important; } /* How it works โ€” Version B: navy lead panel + white vertical steps */ .hiw__ver { margin: 0 0 32px; } .hiw__intro, .hiw__cta { display: none; } #sl-how.is-b .hiw__grid { display: grid; grid-template-columns: minmax(0,5fr) minmax(0,7fr); } #sl-how.is-b .hiw__lead { background: var(--navy-900); padding: clamp(32px,4vw,56px); display: flex; flex-direction: column; position: relative; } #sl-how.is-b .hiw__lead::after { content: ""; position: absolute; top: clamp(32px,4vw,56px); right: -7px; width: 13px; height: 13px; background: var(--gold); z-index: 2; } #sl-how.is-b .hiw__lead .eyebrow { color: var(--gold-light); } #sl-how.is-b .hiw__lead h2 { color: var(--white); font-size: clamp(2rem, 1.2rem + 2vw, 3rem); line-height: 1.08; } #sl-how.is-b .hiw__lead h2 .soft { color: var(--mist); } #sl-how.is-b .hiw__intro { display: block; margin-top: 24px; color: var(--mist); font-size: var(--fs-lead); line-height: 1.6; max-width: 40ch; } #sl-how.is-b .hiw__cta { display: inline-flex; align-self: flex-start; margin-top: auto; padding-top: 0; } #sl-how.is-b .hiw__lead .hiw__intro + .hiw__cta { margin-top: 40px; } #sl-how.is-b .hiw__cta.btn--primary { background: var(--white) !important; color: var(--navy-900) !important; padding-left: 22px; } #sl-how.is-b .hiw__cta.btn--primary:hover { background: var(--paper) !important; } #sl-how.is-b .lp-steps { margin: 0; display: block; border: 1px solid var(--line); border-left: 0; background: var(--white); padding: 8px clamp(28px,3.5vw,48px); position: relative; } #sl-how.is-b .lp-steps li { display: grid; grid-template-columns: 56px minmax(0,1fr); column-gap: 28px; row-gap: 8px; padding: 28px 0; background: transparent; border: 0; border-bottom: 1px solid var(--line); position: relative; } #sl-how.is-b .lp-steps li:last-child { border-bottom: 0; background: transparent; } #sl-how.is-b .lp-steps li::after { display: block; content: ""; position: absolute; left: 28px; right: auto; top: 84px; bottom: -28px; width: 1px; height: auto; background: var(--navy-700); opacity: .3; } #sl-how.is-b .lp-steps li:last-child::after { display: none; } #sl-how.is-b .lp-steps__n { grid-row: 1 / span 2; margin: 0; } #sl-how.is-b .lp-steps h3 { grid-column: 2; align-self: end; font-size: 1.5rem; color: var(--navy-900); } #sl-how.is-b .lp-steps p { grid-column: 2; color: var(--slate); max-width: 56ch; } #sl-how.is-b .lp-steps li:last-child h3 { color: var(--navy-900); } #sl-how.is-b .lp-steps li:last-child p { color: var(--slate); } #sl-how.is-b .lp-steps li:last-child .lp-steps__n { background: var(--gold); border-color: var(--gold); color: var(--white); } @media (max-width: 1000px) { #sl-how.is-b .hiw__grid { grid-template-columns: 1fr; } #sl-how.is-b .hiw__lead::after { top: auto; bottom: -7px; right: auto; left: clamp(32px,4vw,56px); } #sl-how.is-b .lp-steps { border-left: 1px solid var(--line); border-top: 0; } #sl-how.is-b .hiw__lead .hiw__intro + .hiw__cta { margin-top: 28px; } } @media (max-width: 560px) { #sl-how.is-b .lp-steps { padding: 0 20px; } #sl-how.is-b .lp-steps li { grid-template-columns: 44px minmax(0,1fr); column-gap: 16px; padding: 24px 0; } #sl-how.is-b .lp-steps__n { width: 44px; height: 44px; } #sl-how.is-b .lp-steps li::after { left: 22px; top: 68px; bottom: -24px; } } /* How we vet โ€” Version B: question โ†’ what we check */ .trq__ver, .trq__list { display: none; } #sl-trust .trq__ver { display: inline-flex; margin: clamp(32px,4vw,56px) 0 0; } #sl-trust.is-b .lp-q { display: none; } #sl-trust.is-b .trq__list { display: block; list-style: none; margin: 24px 0 0; padding: 0; border-top: 1px solid var(--line-dark); } .trq__list li { display: grid; grid-template-columns: 56px minmax(0,6fr) minmax(0,5fr); column-gap: clamp(20px,3vw,48px); align-items: start; padding: 32px 0; border-bottom: 1px solid var(--line-dark); transition: background-color .25s ease; position: relative; } .trq__list li::before { content: ""; position: absolute; left: 0; top: -1px; height: 2px; width: 0; background: var(--gold-light); transition: width .4s var(--ease-out); } .trq__list li:hover::before { width: 100%; } .trq__n { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid var(--line-dark); font: 500 .8125rem/1 var(--f-mono); color: var(--mist); transition: background-color .25s, color .25s, border-color .25s; } .trq__list li:hover .trq__n { background: var(--gold); border-color: var(--gold); color: var(--white); } .trq__q .mono { display: block; color: var(--gold-light); margin-bottom: 10px; } .trq__q p { margin: 0; font-family: var(--f-display); font-weight: var(--w-display); font-size: clamp(1.5rem, 1.1rem + 1.1vw, 2.125rem); line-height: 1.15; letter-spacing: -.015em; color: var(--white); } .trq__a { padding-left: clamp(20px,2.5vw,32px); border-left: 1px solid var(--line-dark); } .trq__k { display: block; font: 500 .6875rem/1 var(--f-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--blue-300); margin-bottom: 10px; } .trq__a p { margin: 0; color: var(--mist); font-size: var(--fs-body); line-height: 1.6; } @media (max-width: 860px) { .trq__list li { grid-template-columns: 48px minmax(0,1fr); row-gap: 16px; } .trq__a { grid-column: 2; padding-left: 0; border-left: 0; } } @media (prefers-reduced-motion: reduce) { .trq__list li::before, .trq__n { transition: none; } } /* Nav dropdown links: chevron slides in on the right on hover */ .site-header .dropdown a { position: relative; padding-right: 36px; } .site-header .dropdown a::after { content: ""; position: absolute; right: 14px; top: 50%; width: 7px; height: 7px; border-top: 1.5px solid currentColor; border-right: 1.5px solid currentColor; transform: translate(-6px, -50%) rotate(45deg); opacity: 0; transition: opacity .18s ease, transform .22s cubic-bezier(.22,1,.36,1); } .site-header .dropdown a:hover::after, .site-header .dropdown a:focus-visible::after { opacity: 1; transform: translate(0, -50%) rotate(45deg); } .site-header .dropdown a:hover::after { color: var(--gold); } @media (prefers-reduced-motion: reduce) { .site-header .dropdown a::after { transition: none; } } /* Security leaders FAQ: homepage FAQ layout, heading kept to 2 lines */ #sl-faq-title .soft { display: inline; } #sl-faq .faq { grid-column: auto; } /* Use cases heading: exactly 2 lines (statement / promise) */ :is(#sl-uses,#it-uses) .sh__title { container-type: inline-size; } @media (min-width: 1081px) { :is(#sl-uses,#it-uses) .sh__title { grid-column: 1 / span 8; } } @media (min-width: 761px) { #sl-uses-title { font-size: min(var(--fs-h2), 6.3cqi); } #sl-uses-title .soft { display: block; white-space: nowrap; } } /* Hero illustration: flat line A simplified (companies, advisor review, briefing, one gold line) */ .h4-hero__art--a { display: flex; justify-content: center; align-items: center; margin-right: 0 !important; } .h4-hero__art--a .fl { display: block; width: 100%; max-width: 520px; height: auto; margin-left: auto; } .fl.hero-a { --line: #9AB3CA; --soft: #6F8FAD; --gold: #C98623; } .fl.hero-a .cd { fill: none; stroke: var(--line); stroke-width: 1.5; stroke-opacity: .85; } .fl.hero-a .ct { fill: none; stroke: var(--soft); stroke-width: 1.5; stroke-opacity: .7; } .fl.hero-a .cd.dim, .fl.hero-a .ct.dim { stroke-opacity: .3; } .fl.hero-a .dot { fill: none; stroke: var(--line); stroke-width: 1.5; stroke-opacity: .45; } .fl.hero-a .nd { fill: #052F4B; stroke: var(--line); stroke-width: 1.5; } .fl.hero-a .g { fill: none; stroke: var(--gold); stroke-width: 1.75; } .fl.hero-a .gt { fill: none; stroke: var(--gold); stroke-width: 1.5; stroke-opacity: .85; } .fl.hero-a .gx { fill: none; stroke: var(--gold); stroke-width: 1.75; stroke-linejoin: miter; } .fl.hero-a .dl { fill: none; stroke: var(--soft); stroke-width: 1.5; } .fl.hero-a .dh { fill: none; stroke: var(--line); stroke-width: 1.5; } @media (max-width: 1080px) { .h4-hero__art--a .fl { max-width: 440px; margin: 8px auto 0; } } /* Hero A illustration ยท motion. Appear: companies settle in, the gold company is picked, the line draws through the advisors into the briefing. Hover: everything but the gold story steps back and a short gold signal runs down the line. */ .ha .ha-c, .ha .ha-n, .ha .ha-doc, .ha .ha-adv > path { opacity: 0; } .ha .ha-c { transform: translateY(-6px); transition: opacity .5s var(--ease-out), transform .5s var(--ease-out); transition-delay: calc(var(--i) * 45ms); } .ha .ha-adv > path { transition: opacity .6s ease .75s; } .ha .ha-n { transform-box: fill-box; transform-origin: center; transform: scale(.6); transition: opacity .35s ease, transform .35s var(--ease-out); transition-delay: calc(.8s + var(--i) * 70ms); } .ha .ha-line { stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 1.1s cubic-bezier(.6,0,.2,1) .7s; } .ha .ha-doc { transform: translateY(8px); transition: opacity .5s var(--ease-out) 1.6s, transform .5s var(--ease-out) 1.6s; } .ha .ha-sig { fill: none; stroke: #F2C46D; stroke-width: 2.5; stroke-dasharray: .08 1; stroke-dashoffset: .08; opacity: 0; } .ha.is-in .ha-c, .ha.is-in .ha-n, .ha.is-in .ha-doc, .ha.is-in .ha-adv > path { opacity: 1; transform: none; } .ha.is-in .ha-line { stroke-dashoffset: 0; } /* the picked company flashes once when the line leaves it */ .ha.is-in .ha-gold > rect { animation: ha-pick .9s ease .55s 1 both; } @keyframes ha-pick { 0% { stroke-width: 1.75; } 40% { stroke-width: 3.5; } 100% { stroke-width: 1.75; } } /* hover: the gold story comes forward, a gold signal travels the line */ .h4-hero__art--a .ha .ha-c:not(.ha-gold), .h4-hero__art--a .ha .ha-adv { transition-property: opacity, transform; } .h4-hero__art--a:hover .ha.is-in .ha-c:not(.ha-gold) { opacity: .35; transition-delay: 0s; } .h4-hero__art--a:hover .ha.is-in .ha-gold { transform: translateY(-3px); transition-delay: 0s; } .h4-hero__art--a:hover .ha.is-in .ha-sig { opacity: 1; animation: ha-sig 1.4s cubic-bezier(.5,0,.3,1) infinite; } .h4-hero__art--a:hover .ha.is-in .ha-doc { transform: translateY(-3px); transition-delay: .15s; } @keyframes ha-sig { from { stroke-dashoffset: .08; } to { stroke-dashoffset: -1; } } @media (prefers-reduced-motion: reduce) { .ha .ha-c, .ha .ha-n, .ha .ha-doc, .ha .ha-adv > path { opacity: 1 !important; transform: none !important; } .ha .ha-line { stroke-dashoffset: 0 !important; } .ha .ha-sig { display: none; } } /* How it works ยท version C: one journey drawing + numbered list with a connected rail */ .hwc .sc{--navy:#052F4B;--out:#9AB3CA;--fade:#6F8FAD;--gold:#C98623;display:block} .hwc .sc .bg{fill:var(--navy)} .hwc .sc .o{fill:none;stroke:var(--out);stroke-opacity:.75;stroke-width:1.5} .hwc .sc .r{fill:none;stroke:var(--fade);stroke-opacity:.32;stroke-width:1.5} .hwc .sc .g{fill:none;stroke:var(--gold);stroke-width:1.5} .hwc .sc .nd{fill:var(--navy);stroke:var(--out);stroke-opacity:.75;stroke-width:1.5} .hwc .sc .dt{fill:none;stroke:var(--fade);stroke-width:1.5;stroke-dasharray:1.5 6;stroke-linecap:round} .hwc .sc .dt.r{stroke-opacity:.35} .hwc .sc .gd{fill:none;stroke:var(--gold);stroke-width:1.5;stroke-dasharray:1.5 6;stroke-linecap:round} .hwc .sc .pl{fill:none;stroke:var(--fade);stroke-width:1} /* motion: cards fade in, then the gold path draws itself from the startup to the room when the section scrolls into view */ .hwc .sc .dt,.hwc .sc .gd{stroke-dasharray:none;stroke-linecap:square;stroke-linejoin:miter} .hwc .sc .dt.r{stroke-opacity:.16} .hwc__grid { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); column-gap: clamp(40px, 5vw, 72px); align-items: start; } .page .section.hwc h2.hwc__h:not(.x) { font-size: clamp(2rem, 1rem + 2.2vw, 2.75rem); line-height: 1.08; max-width: none; } @media (min-width: 1081px) { .hwc__h { white-space: nowrap; } .hwc__h .soft { display: block; } } .hwc__panel { margin-top: clamp(32px, 4vw, 48px); line-height: 0; } .hwc__svg { width: 100%; height: auto; display: block; } .hwc__list { list-style: none; margin: 0; padding: 8px 0 0; } .hwc__row { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 32px; padding: 32px 0; position: relative; } .hwc__row:first-child { padding-top: 0; } .hwc__row:not(.is-last)::before { content: ""; position: absolute; left: 80px; right: 0; bottom: 0; height: 1px; background: var(--line); } .hwc__row:not(.is-last)::after { content: ""; position: absolute; left: 23.25px; top: 80px; bottom: -32px; border-left: 1.5px solid #9AB3CA; } .hwc__row:first-child::after { top: 48px; } .hwc__row:nth-child(3)::after { border-left-color: var(--gold); } .hwc__n { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; background: #EDF1F5; color: var(--navy-700); font: 500 14px/1 var(--f-mono); position: relative; z-index: 1; } .hwc__row.is-last .hwc__n { background: var(--gold); color: var(--white); } .hwc__row h3 { font-family: var(--f-body); font-weight: 500; font-size: 1.1875rem; line-height: 1.3; letter-spacing: -.01em; color: var(--navy-900); margin: 12px 0 10px; } .hwc__row p { font-size: var(--fs-sm); line-height: 1.65; color: var(--slate); } @media (max-width: 1080px) { .hwc__grid { grid-template-columns: 1fr; row-gap: 48px; } .hwc__panel { max-width: 640px; } } @media (max-width: 760px) { .hwc__panel { margin-left: calc(-1 * var(--page-pad)); margin-right: calc(-1 * var(--page-pad)); } .hwc__row { gap: 20px; padding: 24px 0; } .hwc__row:not(.is-last)::before { left: 68px; } .hwc__row:not(.is-last)::after { top: 72px; bottom: -24px; } .hwc__row:first-child { padding-top: 0; } .hwc__row:first-child::after { top: 48px; } } /* IT leaders ยท The problem, version B: quote under the story in the left column, cards on the right */ .pqb__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: clamp(48px, 6vw, 80px); align-items: stretch; } .pqb__left { display: flex; flex-direction: column; } .page .section.pqb h2.pqb__h:not(.x) { font-size: clamp(2.25rem, 1.2rem + 2.6vw, 3.375rem); line-height: 1.06; margin: 0 0 clamp(24px, 3vw, 36px); max-width: none; } .pqb__h > span { display: block; } @media (min-width: 1081px) { .pqb__h > span { white-space: nowrap; } } .pqb__body { font-size: var(--fs-lead); line-height: 1.7; color: var(--slate); max-width: 46ch; margin: 0 0 48px; } .pqb__quote { margin: auto 0 0; padding-top: 28px; border-top: 1px solid var(--line); position: relative; display: grid; gap: 22px; } .pqb__quote::before { content: ""; position: absolute; left: 0; top: -1px; width: 48px; height: 2px; background: var(--gold); } .pqb__quote blockquote { font-family: var(--f-display); font-weight: 400; font-size: clamp(1.375rem, 1.1rem + .6vw, 1.5rem); line-height: 1.35; letter-spacing: -.01em; color: var(--navy-900); } .pqb__quote figcaption { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; } .pqb__photo { width: 44px; height: 44px; flex: none; line-height: 0; display: block; } .pqb__photo svg { width: 100%; height: 100%; } .pqb__who b { display: block; font-weight: 500; font-size: .9375rem; color: var(--navy-900); } .pqb__who span { display: block; font-size: .875rem; color: var(--slate); } .pqb__cards { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: 1fr; border-top: 1px solid var(--line); border-left: 1px solid var(--line); } .pqb__cards li { padding: clamp(28px, 3vw, 36px); border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); } .pqb__n { display: block; font: 500 12px/1 var(--f-mono); letter-spacing: .1em; color: var(--gold-text); margin-bottom: 16px; } .pqb__cards h3 { font-family: var(--f-body); font-weight: 500; font-size: 1.1875rem; line-height: 1.3; letter-spacing: -.01em; color: var(--navy-900); margin: 0 0 12px; } .pqb__cards p { font-size: var(--fs-sm); line-height: 1.65; color: var(--slate); } @media (max-width: 1080px) { .pqb__grid { grid-template-columns: 1fr; row-gap: 48px; } .pqb__quote { margin-top: 0; } } @media (max-width: 760px) { .pqb__cards { grid-template-columns: 1fr; grid-auto-rows: auto; } .pqb__body { margin-bottom: 40px; } } /* Who we help: flat line icons */ #who .wf { display: block; width: 160px; height: auto; overflow: visible; } #who .wf rect, #who .wf path { stroke-width: 1.5; vector-effect: non-scaling-stroke; } #who .wf .pale { fill: var(--paper); stroke: var(--navy-700); } #who .wf .ring { fill: none; stroke: var(--blue-300); stroke-dasharray: 3 4; } #who .wf .wt { fill: var(--white); stroke: var(--navy-700); } #who .wf .nv { fill: var(--navy-900); stroke: var(--navy-900); } #who .wf .ln { fill: none; stroke: var(--navy-700); } #who .wf .gs { fill: var(--gold); stroke: var(--gold); } #who .wf .gold { transition: transform 300ms var(--ease-out); } #who .h4-who__card:hover .wf .gold { transform: translateY(-4px); } @media (max-width: 720px) { #who .wf { width: 128px; } } @media (prefers-reduced-motion: reduce) { #who .wf .gold { transition: none; } #who .h4-who__card:hover .wf .gold { transform: none; } } /* How it works: entrance + hover motion for the flat illustrations */ #how .h4-card { transition: opacity .6s var(--ease-out), transform .6s var(--ease-out), border-color var(--t-fast); } #how.anim-ready .h4-card { opacity: 0; transform: translateY(16px); } #how.anim-ready.is-in .h4-card { opacity: 1; transform: none; } #how.anim-ready.is-in .h4-card:nth-child(2) { transition-delay: .12s; } #how.anim-ready.is-in .h4-card:nth-child(3) { transition-delay: .24s; } #how .flat--how > * { transform-box: fill-box; transform-origin: center; transition: opacity .5s var(--ease-out), transform .5s var(--ease-out); } #how.anim-ready .flat--how > * { opacity: 0; transform: translateY(6px); } #how.anim-ready .flat--how > .fx-gold { transform: scale(.6); } #how.anim-ready.is-in .flat--how > * { opacity: 1; transform: none; transition-delay: calc(var(--d, 0) * 1ms); } /* hover: lines march, tiles settle back, the gold mark lifts */ #how .h4-card:hover .flat--how > .fx-line { stroke-dasharray: 5 4; animation: fxMarch 1.2s linear infinite; } #how .h4-card:hover .flat--how > .fx-tile { opacity: .55; transition-delay: 0s; } #how .h4-card:hover .flat--how > .fx-gold { transform: scale(1.14); transition: transform .35s cubic-bezier(.3,1.4,.5,1); transition-delay: 0s; } @keyframes fxMarch { to { stroke-dashoffset: -18; } } @media (prefers-reduced-motion: reduce) { #how.anim-ready .h4-card, #how.anim-ready .flat--how > * { opacity: 1 !important; transform: none !important; } #how .h4-card:hover .flat--how > .fx-line { animation: none; } } /* Bakeoff bracket: plays the tournament on scroll, then the winning path keeps flowing */ .h4-bake .bk > * { transition: opacity .45s var(--ease-out), transform .45s var(--ease-out); } .h4-bake .bk path { transition: stroke-dashoffset .55s var(--ease-out), opacity .3s ease; } .h4-bake.bk-arm .bk > rect, .h4-bake.bk-arm .bk > .win, .h4-bake.bk-arm .bk > .lbl { opacity: 0; transform: translateY(6px); } .h4-bake.bk-arm .bk > .win { transform: scale(.7); transform-box: fill-box; transform-origin: center; } .h4-bake.bk-arm .bk path { stroke-dasharray: 1 !important; stroke-dashoffset: 1; } .h4-bake.bk-arm.bk-in .bk > rect:not(.faint), .h4-bake.bk-arm.bk-in .bk > .win, .h4-bake.bk-arm.bk-in .bk > .lbl { opacity: 1; transform: none; transition-delay: calc(var(--d,0) * 1ms); } .h4-bake.bk-arm.bk-in .bk > rect.faint { opacity: .45; transform: none; transition-delay: calc(var(--d,0) * 1ms); } .h4-bake.bk-arm.bk-in .bk path { stroke-dashoffset: 0; transition-delay: calc(var(--d,0) * 1ms); } /* after the draw: winning path flows, losers settle back */ .h4-bake.bk-done .bk .bk-g { stroke-dasharray: 4 5 !important; animation: bkFlow 1.6s linear infinite; } .h4-bake:hover .bk .bk-g { animation-duration: .8s; } .h4-bake:hover .bk .faint { opacity: .25 !important; } .h4-bake.bk-done .bk .win { animation: bkPulse 3.2s ease-in-out 1s infinite; transform-box: fill-box; transform-origin: center; } .h4-bake:hover .bk .win { animation: none; } @keyframes bkFlow { to { stroke-dashoffset: -18; } } @keyframes bkPulse { 0%, 100% { opacity: 1; } 50% { opacity: .82; } } @media (prefers-reduced-motion: reduce) { .h4-bake .bk > *, .h4-bake .bk path { opacity: revert !important; transform: none !important; stroke-dashoffset: 0 !important; } .h4-bake .bk .bk-g, .h4-bake .bk .win { animation: none !important; } } /* Trust card: equal columns so labels line up with the stacks above */ @media (min-width:761px){.stp__cols{grid-template-columns:repeat(3,minmax(0,1fr))}.stp__top{margin-bottom:28px}} /* Who we help: entrance + hover motion for the flat icons */ #who .h4-who__card { transition: opacity .6s var(--ease-out), transform .6s var(--ease-out), background-color var(--t-fast), border-color var(--t-fast); } #who.anim-ready .h4-who__card { opacity: 0; transform: translateY(16px); } #who.anim-ready.is-in .h4-who__card { opacity: 1; transform: none; } #who.anim-ready.is-in .h4-who__card:nth-child(2) { transition-delay: .14s; } #who .flat--who { overflow: visible; } #who .flat--who > * { transform-box: fill-box; transform-origin: center; transition: opacity .5s var(--ease-out), transform .5s var(--ease-out); } #who.anim-ready .flat--who > * { opacity: 0; transform: scale(.85); } #who.anim-ready.is-in .flat--who > * { opacity: 1; transform: none; transition-delay: calc(var(--d, 0) * 1ms); } /* hover: frames tighten in, lines flow, the gold square grows */ #who .h4-who__card:hover .flat--who > .fx-frame { transform: scale(.94); transition-delay: 0s; } #who .h4-who__card:hover .flat--who > .fx-frame:first-of-type { transform: scale(1.03); } #who .h4-who__card:hover .flat--who > .fx-line { stroke-dasharray: 4 3; animation: whoMarch 1.2s linear infinite; } #who .h4-who__card:hover .flat--who > .fx-tile { opacity: .55; transition-delay: 0s; } #who .h4-who__card:hover .flat--who > .fx-gold { transform: scale(1.18); transition: transform .35s cubic-bezier(.3,1.4,.5,1); transition-delay: 0s; } @keyframes whoMarch { to { stroke-dashoffset: -14; } } @media (prefers-reduced-motion: reduce) { #who.anim-ready .h4-who__card, #who.anim-ready .flat--who > * { opacity: 1 !important; transform: none !important; } #who .h4-who__card:hover .flat--who > * { animation: none !important; transform: none !important; } } /* Shortlist visual: flat line version */ .illo-flat .fs-card { fill: #0A3F66; stroke: #6F8FAD; stroke-width: 1.5; vector-effect: non-scaling-stroke; } .illo-flat .fs-node { fill: none; stroke: #9AB3CA; stroke-width: 1.5; vector-effect: non-scaling-stroke; } .illo-flat .fs-bar { fill: none; stroke: #6F8FAD; stroke-width: 1.5; vector-effect: non-scaling-stroke; } .illo-flat .fs-slot { fill: none; stroke: #C98623; stroke-width: 1.5; stroke-dasharray: 5 5; vector-effect: non-scaling-stroke; } .illo-flat .fs-gold .fs-card { fill: #C98623; stroke: #DFA047; } .illo-flat .fs-gold .fs-node { fill: #FFFFFF; stroke: #FFFFFF; } .illo-flat .fs-gold .fs-bar { stroke: #FBF3E6; } .illo-flat .it-lbl { font: 400 16px var(--f-mono); letter-spacing: .12em; } /* Use cases v3: separate cards with air between them, no inner dividers */ :is(#sl-uses,#it-uses) .uc-grid { gap: 20px; border: 0; background: transparent; } :is(#sl-uses,#it-uses) .uc { min-height: 300px; padding: 32px 28px 28px; border: 1px solid var(--line); background: var(--white); transition: border-color .25s ease, background-color .25s ease; } :is(#sl-uses,#it-uses) .uc::before { left: -1px; right: -1px; top: -1px; height: 3px; } :is(#sl-uses,#it-uses) .uc:hover, :is(#sl-uses,#it-uses) .uc:focus-visible { border-color: var(--navy-700); background: var(--white); } :is(#sl-uses,#it-uses) .uc__top { flex-direction: row; justify-content: flex-start; margin-bottom: 28px; } :is(#sl-uses,#it-uses) .uc__top .mono { display: none; } :is(#sl-uses,#it-uses) .uc__tag { padding: 6px 10px; background: var(--paper); border: 0; color: var(--navy-700); font-size: .6875rem; } :is(#sl-uses,#it-uses) .uc__tag::before { width: 6px; height: 6px; } :is(#sl-uses,#it-uses) .uc h3 { font-size: 1.5rem; margin-bottom: 12px; } :is(#sl-uses,#it-uses) .uc p { margin-bottom: 24px; } :is(#sl-uses,#it-uses) .uc__go { margin: auto 0 0; padding: 0; border-top: 0; justify-content: flex-start; gap: 10px; color: var(--navy-700); font-weight: 500; } :is(#sl-uses,#it-uses) .uc__go i { width: auto; height: auto; border: 0; background: none; color: var(--gold); display: inline-block; transition: transform .25s var(--ease-out); } :is(#sl-uses,#it-uses) .uc:hover .uc__go i, :is(#sl-uses,#it-uses) .uc:focus-visible .uc__go i { background: none; border: 0; color: var(--gold); transform: translateX(5px); } :is(#sl-uses,#it-uses) .uc:hover .uc__go { text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1px; } @media (max-width: 600px) { :is(#sl-uses,#it-uses) .uc { padding: 24px 20px; } :is(#sl-uses,#it-uses) .uc__go { margin: auto 0 0; padding: 0; } } /* Flat shortlist visual: fits the band instead of bleeding off it */ .sl2-visual:has(.illo-flat) { height: auto; padding: clamp(40px, 5vw, 72px) 0 clamp(48px, 6vw, 88px); } .sl2-visual__panel .illo-iso.illo-flat { width: min(760px, 100%); margin: 0 auto; padding: 0 var(--page-pad); transform: none; } @media (max-width: 900px) { .sl2-visual__panel .illo-iso.illo-flat { width: 100%; margin: 0; } } /* Trust illustration: builds in on appear */ #stp .stp-svg > * { transform-box: fill-box; transition: opacity .45s var(--ease-out), transform .5s var(--ease-out); } #stp.tr-arm .stp-svg > * { opacity: 0; } #stp.tr-arm .stp-svg > .tr-ground { transform: scaleX(0); transform-origin: left center; opacity: 1; } #stp.tr-arm .stp-svg > .tr-bar { transform: translateY(10px); } #stp.tr-arm .stp-svg > .tr-pop { transform: none; } #stp.tr-arm .stp-svg > .tr-line { transform: translateX(-12px); } #stp.tr-arm.tr-in .stp-svg > * { opacity: 1; transform: none; transition-delay: calc(var(--d, 0) * 1ms); } #stp.tr-arm.tr-in .stp-svg > .tr-ground { transition-duration: .8s; } #stp.tr-arm.tr-in .stp-svg > .tr-pop { transition: opacity .6s ease; transition-delay: calc(var(--d, 0) * 1ms); } @media (prefers-reduced-motion: reduce) { #stp.tr-arm .stp-svg > * { opacity: 1 !important; transform: none !important; } } /* Startups CTA: tighter band, illustration sits lower with more room under the buttons */ @media (min-width: 1081px) { .f5-cta--b3 .f5-cta__in { padding-top: 150px; min-height: 0; height: calc(min(1440px, 100vw) * 0.6); max-height: 864px; overflow: hidden; } .f5-cta--b3 .f5-cta__in > svg.b3--d { inset: auto; top: 0; left: 0; width: 100%; height: auto; aspect-ratio: 1440 / 830; } } /* Trust illustration hover: the bridge flows toward established, ATICO lifts, the endpoints glow */ #stp .stp-svg path[style*="dasharray"] { transition: stroke-dashoffset .3s; } #stp:hover .stp-svg path[style*="dasharray"] { animation: trFlow 1.1s linear infinite; } @keyframes trFlow { to { stroke-dashoffset: -44; } } #stp.tr-in:hover .stp-svg > .tr-pop { transform: translateY(-5px); transition: transform .35s cubic-bezier(.3,1.4,.5,1), opacity .3s; transition-delay: 0s; } #stp.tr-in .stp-svg > .tr-bar { transition: transform .35s var(--ease-out), opacity .45s; } #stp.tr-in:hover .stp-svg > .tr-bar { transition-delay: 0s; } #stp.tr-in:hover .stp-svg > rect.tr-bar:nth-child(-n+3) { transform: translateY(-2px); } @media (prefers-reduced-motion: reduce) { #stp:hover .stp-svg path[style*="dasharray"] { animation: none; } #stp.tr-in:hover .stp-svg > * { transform: none !important; } } /* "Making it in" visual: a briefing memo in navy + white */ .ix-memo { margin: 0; background: var(--white); border: 1px solid var(--line); } .ix-memo__bar { display: flex; justify-content: space-between; padding: 14px 22px; background: var(--navy-900); font: 500 11px/1 var(--f-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--mist); } .ix-memo__bar span:first-child { color: var(--white); } .ix-memo__co { display: grid; grid-template-columns: 40px minmax(0,1fr) auto; gap: 14px; align-items: center; padding: 18px 22px; border-bottom: 1px solid var(--line); } .ix-memo__logo { width: 40px; height: 40px; border: 1.5px solid var(--navy-700); display: grid; place-items: center; } .ix-memo__logo i { width: 14px; height: 14px; background: var(--gold); } .ix-memo__co b { display: block; font-family: var(--f-display); font-weight: 400; font-size: 1.125rem; color: var(--navy-900); line-height: 1.2; } .ix-memo__co small { font: 400 11px/1.4 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--slate); } .ix-memo__tag { display: inline-flex; align-items: center; gap: 6px; padding: 5px 8px; border: 1px solid var(--gold); font: 500 10.5px/1 var(--f-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--gold-text); } .ix-memo__tag::before { content: ""; width: 6px; height: 6px; background: var(--gold); } .ix-memo__dims { list-style: none; margin: 0; padding: 4px 22px; } .ix-memo__dims li { display: grid; grid-template-columns: 112px minmax(0,1fr) auto; gap: 14px; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--line); } .ix-memo__dims li:last-child { border-bottom: 0; } .ix-memo__k { font: 500 11px/1.4 var(--f-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--navy-700); } .ix-memo__v { font-size: .9375rem; line-height: 1.45; color: var(--slate); } .ix-memo__lvl { font: 500 10.5px/1 var(--f-mono); letter-spacing: .1em; text-transform: uppercase; padding: 5px 8px; border: 1px solid var(--navy-700); color: var(--navy-700); min-width: 62px; text-align: center; } .ix-memo__lvl.is-strong { background: var(--navy-900); border-color: var(--navy-900); color: var(--white); } .ix-memo__lvl.is-thin { border-color: var(--line); color: var(--slate); background: var(--paper); } .ix-memo__want { margin: 0 22px 18px; padding: 14px 16px; background: var(--paper); border-left: 3px solid var(--gold); display: grid; gap: 6px; } .ix-memo__want .ix-memo__k { color: var(--gold-text); } .ix-memo__want p { margin: 0; font-size: .9375rem; line-height: 1.5; color: var(--navy-900); } .ix-memo__foot { display: flex; align-items: center; gap: 10px; margin: 0; padding: 12px 22px; border-top: 1px solid var(--line); font: 500 11px/1 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--slate); } .ix-memo__foot i { width: 8px; height: 8px; background: var(--gold); flex: none; } @media (max-width: 560px) { .ix-memo__dims li { grid-template-columns: 1fr auto; } .ix-memo__v { grid-column: 1 / -1; grid-row: 2; } .ix-memo__co { grid-template-columns: 40px 1fr; } .ix-memo__tag { display: none; } } /* Shortlist visual v2: market -> ATICO review -> your shortlist */ .sl2-visual:has(.sg) { padding: clamp(48px, 6vw, 88px) 0 !important; height: auto !important; } .sl2-visual:has(.sg) .sl2-visual__panel { padding: 0 !important; margin: 0 !important; } @media (max-width: 760px) { .sl2-visual:has(.sg) { padding: 44px 0 52px !important; } } .sl2-visual__panel .sg { display: block; width: min(1120px, 100%); height: auto; margin: 0 auto; overflow: visible; } .sl2-visual__panel .sg--m { display: none; } @media (max-width: 760px) { .sl2-visual__panel .sg--d { display: none; } .sl2-visual__panel .sg--m { display: block; } } .sg text { font-family: var(--f-mono); } .sg .sg-k { font-size: 12px; letter-spacing: .14em; fill: #6F8FAD; } .sg .sg-n { font-family: var(--f-body); font-size: 14px; fill: #9AB3CA; } .sg .sg-sq { fill: none; stroke: #1A4D73; stroke-width: 1.5; } .sg .sg-sq.is-sel { stroke: #9AB3CA; fill: #0A3F66; } .sg .sg-ln { fill: none; stroke: #6F8FAD; stroke-width: 1.5; stroke-dasharray: 3 5; } .sg .sg-pn { fill: #0A3F66; stroke: #6F8FAD; stroke-width: 1.5; } .sg .sg-lg { fill: #052F4B; stroke: #C98623; stroke-width: 2; } .sg .sg-h { font-family: var(--f-display); font-size: 17px; fill: #FFFFFF; } .sg .sg-s { font-size: 10px; letter-spacing: .14em; fill: #6F8FAD; } .sg .sg-dv { stroke: #1A4D73; stroke-width: 1.5; } .sg .sg-dv--s { stroke-width: 1; } .sg .sg-ck rect { fill: #C98623; } .sg .sg-ck path { fill: none; stroke: #052F4B; stroke-width: 2; stroke-linecap: square; } .sg .sg-r { font-size: 12px; letter-spacing: .12em; fill: #DCE4EC; } .sg .sg-go { fill: none; stroke: #DFA047; stroke-width: 2; stroke-dasharray: 6 6; animation: sgFlow 1.4s linear infinite; } @keyframes sgFlow { to { stroke-dashoffset: -24; } } .sg .sg-c { fill: #0A3F66; stroke: #6F8FAD; stroke-width: 1.5; } .sg .sg-nd { fill: none; stroke: #9AB3CA; stroke-width: 1.5; } .sg .sg-b { fill: none; stroke: #6F8FAD; stroke-width: 1.5; } .sg .sg-slot { opacity: 0; transition: opacity .3s ease; fill: none; stroke: #C98623; stroke-width: 1.5; stroke-dasharray: 5 5; } .sg .sg-gc { fill: #C98623; } .sg .sg-gn { fill: #FFFFFF; } .sg .sg-gb { fill: none; stroke: #FBF3E6; stroke-width: 1.5; } .sg .sg-tag { fill: none; stroke: #FFFFFF; stroke-width: 1.5; } .sg .sg-tt { font-size: 10px; letter-spacing: .14em; fill: #FFFFFF; text-anchor: middle; } /* build-in */ .sg .sg-sq, .sg .sg-ck, .sg .sg-pick, .sg .sg-ln, .sg .sg-go, .sg .sg-card { transform-box: fill-box; transition: opacity .5s var(--ease-out), transform .6s var(--ease-out); } .sg-arm .sg .sg-sq { opacity: 0; } .sg-arm .sg .sg-ln, .sg-arm .sg .sg-go { opacity: 0; } .sg-arm .sg .sg-ck { opacity: 0; transform: scale(.4); transform-origin: center; } .sg-arm .sg .sg-slot { opacity: 1; } .sg-arm.sg-in .sg .sg-slot { opacity: 0; transition-delay: 1900ms; } .sg-arm .sg .sg-pick { opacity: 0; transform: translateX(-24px); } .sg-arm.sg-in .sg .sg-sq { opacity: 1; transition-delay: calc(var(--d) * 1ms); } .sg-arm.sg-in .sg .sg-sq:not(.is-sel) { opacity: .55; transition-delay: calc(var(--d) * 1ms); } .sg-arm.sg-in .sg .sg-ln { opacity: 1; transition-delay: 500ms; } .sg-arm.sg-in .sg .sg-ck { opacity: 1; transform: none; transition-delay: calc(var(--d) * 1ms); } .sg-arm.sg-in .sg .sg-go { opacity: 1; transition-delay: 1350ms; } .sg-arm.sg-in .sg .sg-pick { opacity: 1; transform: none; transition-delay: 1500ms; } /* hover */ .sl2-visual__panel:hover .sg .sg-pick { transform: translateY(-3px); transition-delay: 0ms; } .sl2-visual__panel:hover .sg .sg-sq.is-sel { stroke: #DFA047; } @media (prefers-reduced-motion: reduce) { .sg .sg-go { animation: none; } } /* Security leaders hero: no background pattern */ .page[data-page="security-leaders"] .sl2-hero .bp-strip { display: none; } .page[data-page="security-leaders"] .sl2-hero { padding-bottom: clamp(64px, 7vw, 104px); } /* Use cases header: centered stack */ :is(#sl-uses,#it-uses) > .container > .eyebrow { justify-content: center; } :is(#sl-uses,#it-uses) .sh { display: flex; flex-direction: column; align-items: center; text-align: center; row-gap: 20px; } :is(#sl-uses,#it-uses) .sh__title, :is(#sl-uses,#it-uses) .sh__side { grid-column: auto !important; width: 100%; } :is(#sl-uses,#it-uses) .sh__title { max-width: 900px; } :is(#sl-uses,#it-uses) .sh__side { justify-items: center; max-width: 640px; gap: 20px; } :is(#sl-uses,#it-uses) .sh-intro { margin: 0 auto; } :is(#sl-uses,#it-uses) .uc-grid { margin-top: 56px; } /* How it works header: left, exactly two lines */ #how .h4-head > div { container-type: inline-size; width: 100%; } #how .h4-head h2 { max-width: none; } @media (min-width: 761px) { #how-title { font-size: min(var(--fs-h2), 5.6cqi); } #how-title .soft { display: block; white-space: nowrap; } } /* Index cards: flat line art (no isometric) */ .ix-art .fl-c { fill: #fff; stroke: var(--navy-700); stroke-width: 1.25; vector-effect: non-scaling-stroke; } .ix-art .fl-n { fill: none; stroke: var(--navy-700); stroke-width: 1.25; vector-effect: non-scaling-stroke; } .ix-art .fl-b { fill: none; stroke: #9AB3CA; stroke-width: 1.25; vector-effect: non-scaling-stroke; } .ix-art .ix-g .fl-c { fill: var(--gold); stroke: var(--gold); } .ix-art .ix-g .fl-n { fill: #fff; stroke: #fff; } .ix-art .ix-g .fl-b { stroke: #FBF3E6; } .ix-card:hover .ix-art .ix-g { transform: translateY(-5px); } /* Making it in: Version B, navy review panel with level meters */ .ixv-wrap { display: grid; gap: 16px; justify-items: stretch; } .ixv-ver { margin: 0; justify-self: start; } .ixv-wrap.is-b .ix-memo { display: none; } .ixv-wrap:not(.is-b) .ixv { display: none; } .ixv { background: var(--ink); color: var(--mist); } .ixv__hd { display: grid; grid-template-columns: 40px 1fr auto; gap: 14px; align-items: center; padding: 22px 24px; border-bottom: 1px solid var(--line-dark); } .ixv__lg { width: 40px; height: 40px; display: grid; place-items: center; border: 1.5px solid var(--gold); } .ixv__lg svg { width: 18px; height: 18px; } .ixv__hd b { display: block; font: 400 1.25rem/1.2 var(--f-display); color: #fff; letter-spacing: -.01em; } .ixv__hd small { display: block; margin-top: 4px; font: 400 11px/1.3 var(--f-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--blue-300); } .ixv__ill { font: 400 10.5px/1 var(--f-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--blue-300); } .ixv__list { padding: 6px 24px; } .ixv__list li { padding: 16px 0; border-bottom: 1px solid var(--line-dark); } .ixv__list li:last-child { border-bottom: 0; } .ixv__r { display: flex; justify-content: space-between; align-items: center; gap: 16px; } .ixv__k { font: 400 11.5px/1 var(--f-mono); letter-spacing: .12em; text-transform: uppercase; color: #fff; } .ixv__m { display: flex; gap: 4px; } .ixv__m i { width: 22px; height: 8px; border: 1px solid var(--blue-300); } .ixv__m i.on { background: #fff; border-color: #fff; } .ixv__list li p { margin-top: 8px; font-size: .9375rem; color: var(--mist); } .ixv__out { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 18px 24px; background: var(--gold); } .ixv__out .ixv__k { color: var(--ink); } .ixv__dec { display: flex; align-items: baseline; gap: 12px; font: 400 1.125rem/1 var(--f-display); color: var(--ink); } .ixv__dec i { font: normal 400 10.5px/1 var(--f-mono); letter-spacing: .1em; text-transform: uppercase; color: rgba(5,47,75,.75); } .ixv__m i { transition: background-color .3s ease, border-color .3s ease; } .ixv:hover .ixv__m i.on { background: var(--gold-light); border-color: var(--gold-light); } @media (max-width: 560px) { .ixv__hd { grid-template-columns: 40px 1fr; } .ixv__ill { display: none; } .ixv__out { flex-direction: column; align-items: flex-start; } } /* Request a briefing: form on light grey, title on 2 lines */ .np-rb .fm--card { background: var(--paper); border-color: var(--paper); border-top-color: var(--gold); } .np-rb .fm--card :is(input[type="text"], input[type="email"], input[type="tel"], input:not([type]), select, textarea) { background-color: var(--white); } .np-rb__copy { container-type: inline-size; } #rb-title .rb-l { display: block; white-space: nowrap; } #rb-title { font-size: min(4rem, 12.4cqi); } /* Post header: spans the full article grid (TOC + prose), 2-line title */ .po-head .po-head__in { max-width: calc(1072px + 2 * var(--page-pad)); } .po-head h1 { font-size: clamp(2.25rem, 1.2rem + 2.6vw, 3.75rem); line-height: 1.04; max-width: none; text-wrap: balance; } .po-head h1 .soft { display: inline; } .po-sub { max-width: 62ch; font-size: clamp(1.125rem, 1rem + .35vw, 1.3125rem); margin-top: 24px; } .po-byline { margin-top: 40px; padding-top: 24px; } /* How we vet (SL): no background grid */ #sl-trust > .colgrid { display: none; } /* Request a briefing: proof band, heading + 2x2 stat tiles */ .rbp__in { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(40px, 6vw, 96px); align-items: center; } .rbp h2 { font-size: clamp(2rem, 1.2rem + 2.2vw, 3.25rem); line-height: 1.08; color: #fff; } .rbp h2 .soft { display: block; color: var(--mist); } .rbp__lede { margin-top: 20px; color: var(--mist); max-width: 40ch; } .rbp__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 0; } .rbp__grid > div { background: var(--surface-dark); padding: 28px 28px 30px; transition: background-color .25s ease, transform .25s var(--ease-out); } .rbp__grid > div::before { content: ""; display: block; width: 14px; height: 14px; margin-bottom: 22px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11'%3E%3Crect x='0' y='3.44' width='2.75' height='7.56' fill='%23DFA047'/%3E%3Crect x='3.78' y='1.72' width='2.75' height='9.28' fill='%23DFA047'/%3E%3Crect x='7.56' y='0' width='2.75' height='11' fill='%23DFA047'/%3E%3C/svg%3E") center/contain no-repeat; } .rbp__grid dt { font-family: var(--f-display); font-size: clamp(2.5rem, 1.8rem + 2vw, 3.5rem); line-height: 1; letter-spacing: -.02em; color: #fff; } .rbp__grid dd { margin: 12px 0 0; color: var(--mist); font-size: .9375rem; line-height: 1.5; } .rbp__grid > div:hover { transform: translateY(-3px); } .rbp__grid > .is-key { background: var(--gold); } .rbp__grid > div::before { display: none; } .rbp__grid > .is-key::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11'%3E%3Crect x='0' y='3.44' width='2.75' height='7.56' fill='%23052F4B'/%3E%3Crect x='3.78' y='1.72' width='2.75' height='9.28' fill='%23052F4B'/%3E%3Crect x='7.56' y='0' width='2.75' height='11' fill='%23052F4B'/%3E%3C/svg%3E"); } .rbp__grid > .is-key dt, .rbp__grid > .is-key dd { color: var(--ink); } @media (max-width: 1080px) { .rbp__in { grid-template-columns: 1fr; } } @media (max-width: 480px) { .rbp__grid > div { padding: 22px 18px 24px; } } /* Advisory network perspective: Version B, split quote + CTA */ .pfq .pfq-ver { margin: 0 0 clamp(32px,4vw,48px); } .pfq.is-b .pf-q { display: none; } .pfq:not(.is-b) .pfb { display: none; } .pfb { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: clamp(32px, 5vw, 80px); margin: 0; align-items: start; } .pfb__who { display: grid; gap: 14px; justify-items: start; padding-top: 12px; border-top: 2px solid var(--gold); color: var(--mist); font-size: .9375rem; line-height: 1.45; } .pfb__who b { display: block; color: #fff; font-weight: 500; font-size: 1rem; } .pfb__ph { width: 96px; height: 96px; margin-top: 12px; display: grid; place-items: center; background: var(--surface-dark); border: 1px solid var(--line-dark); } .pfb__ph svg { width: 26px; height: 26px; } .pfb blockquote { margin: 0; font-family: var(--f-display); font-weight: var(--w-display); font-size: clamp(2rem, 1.2rem + 2.6vw, 3.5rem); line-height: 1.1; letter-spacing: -.015em; color: #fff; } .pfb blockquote em { font-style: normal; color: var(--gold-light); } .pfb__cta { display: flex; flex-wrap: wrap; gap: 16px 32px; align-items: center; margin-top: clamp(32px, 4vw, 48px); padding-top: 28px; border-top: 1px solid var(--line-dark); } .pfb__cta .link-cta { color: #fff; } @media (max-width: 900px) { .pfb { grid-template-columns: 1fr; } .pfb__who { grid-template-columns: auto 1fr; align-items: center; } .pfb__ph { width: 64px; height: 64px; margin: 0; grid-row: span 2; } } /* How we vet process: Version B, narrowing funnel rows */ .vfun .vfun-ver { margin: clamp(28px,3vw,40px) 0 0; } .vfun.is-b .lp-steps { display: none; } .vfun:not(.is-b) .vfun__list, .vfun:not(.is-b) .vfun__note { display: none; } .vfun__list { list-style: none; margin: 32px 0 0; padding: 0; border-top: 1px solid var(--navy-900); } .vfun__list li { display: grid; grid-template-columns: 180px minmax(0, 1fr) 150px minmax(0, 340px); gap: 32px; align-items: center; padding: 28px 0; border-bottom: 1px solid var(--line); } .vfun__k .mono { display: block; color: var(--gold-text); font-size: 11px; margin-bottom: 6px; } .vfun__k h3 { font-size: 1.5rem; font-weight: 400; letter-spacing: -.01em; } .vfun__bar { height: 28px; background: var(--paper); position: relative; } .vfun__bar i { position: absolute; left: 0; top: 0; bottom: 0; width: var(--w); background: var(--navy-900); transition: width .9s var(--ease-out); } .vfun__list li:last-child .vfun__bar i { background: var(--gold); min-width: 28px; } .vfun__n b { display: block; font-family: var(--f-display); font-weight: 400; font-size: 2.25rem; line-height: 1; letter-spacing: -.02em; color: var(--navy-900); } .vfun__n span { display: block; margin-top: 6px; font: 400 11px/1.3 var(--f-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--slate); } .vfun__list li:last-child .vfun__n b { color: var(--gold-text); } .vfun__list p { font-size: .9375rem; color: var(--slate); margin: 0; } .vfun__list li:hover .vfun__bar i { background: var(--navy-700); } .vfun__list li:last-child:hover .vfun__bar i { background: var(--gold-light); } .vfun__note { margin-top: 16px; font: 400 11px/1.4 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--blue-300); } .vfun-arm .vfun__bar i { width: 0; } .vfun-arm.vfun-in .vfun__bar i { width: var(--w); } .vfun-arm.vfun-in li:nth-child(2) .vfun__bar i { transition-delay: .12s; } .vfun-arm.vfun-in li:nth-child(3) .vfun__bar i { transition-delay: .24s; } .vfun-arm.vfun-in li:nth-child(4) .vfun__bar i { transition-delay: .36s; } @media (max-width: 1080px) { .vfun__list li { grid-template-columns: 1fr auto; gap: 14px 24px; } .vfun__bar { grid-column: 1 / -1; grid-row: 2; } .vfun__list p { grid-column: 1 / -1; } .vfun__n { text-align: right; } } @media (prefers-reduced-motion: reduce) { .vfun__bar i { transition: none; } } /* IT roadmap visual: flat line version */ .sg .sg-pc { fill: #0A3F66; stroke: #C98623; stroke-width: 1.5; } .sg .sg-gn2 { fill: #C98623; } .sg .sg-tag2 { fill: none; stroke: #DFA047; stroke-width: 1.25; } .sg .sg-tt2 { font-size: 10px; letter-spacing: .14em; fill: #DFA047; text-anchor: middle; } .sg .sg-tt3 { font-size: 10px; letter-spacing: .12em; fill: #DFA047; } .sg .sg-k--g { fill: #DFA047; } .sg--m .sg-r { font-size: 11px; } .sl2-visual__panel:hover .sg .sg-pc { fill: #0F4A75; } @media (max-width: 760px) { .sl2-visual__panel .sg--m { width: calc(100% - 32px); margin: 0 16px; } } /* IT how we vet: no background grid */ section[aria-labelledby="it-trust-title"] > .colgrid { display: none; } /* IT network: title on 2 lines, 2-line intro */ section[aria-labelledby="it-behind-title"] .lp-adv__text { container-type: inline-size; } #it-behind-title .ib-l { display: block; white-space: nowrap; } #it-behind-title { font-size: min(var(--fs-h2), 9.4cqi); } .ib-intro { max-width: 46ch; } /* Observability cards: varied flat motifs */ .ix-art .fl-l { fill: none; stroke: var(--navy-700); stroke-width: 1.25; vector-effect: non-scaling-stroke; } /* IT FAQ title on 2 lines like the homepage */ section[aria-labelledby="it-faq-title"] .h4-faq > div:first-child { container-type: inline-size; } @media (min-width: 1081px) { #it-faq-title .soft { white-space: nowrap; } #it-faq-title { font-size: min(clamp(2.5rem, 1.3rem + 2.8vw, 4rem), 8.2cqi); } } /* Careers: Why ATICO, split head + 2x2 cards on grey */ .crw__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(40px, 6vw, 96px); align-items: start; } .crw__head { position: sticky; top: calc(var(--header-h, 72px) + 32px); } .crw__head h2 .soft { display: block; } .crw__lede { margin: 20px 0 28px; font-size: 1.0625rem; color: var(--slate); max-width: 38ch; } .crw .crw__list { display: grid !important; grid-template-columns: 1fr 1fr; gap: 16px; margin: 0; padding: 0; list-style: none; border: 0 !important; } .crw .crw__list li { position: relative; background: var(--white); border: 0 !important; padding: 32px 28px 30px !important; min-height: 220px; display: flex; flex-direction: column; transition: transform .25s var(--ease-out); } .crw .crw__list li::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: var(--gold); transform: scaleX(0); transform-origin: left; transition: transform .35s var(--ease-out); } .crw .crw__list li:hover { transform: translateY(-3px); } .crw .crw__list li { max-width: none !important; width: auto !important; margin: 0 !important; } .crw .crw__list li:hover::before { transform: scaleX(1); } .crw .crw__list .mono { font-size: 12px; color: var(--gold-text); margin: 0; padding-bottom: 48px; } .crw .crw__list h3 { font-size: 1.5rem; font-weight: 400; letter-spacing: -.01em; line-height: 1.2; margin: 0 0 10px; } .crw .crw__list p { font-size: .9375rem; color: var(--slate); margin: 0; } .crw .crw__list li:first-child { background: var(--ink); } .crw .crw__list li:first-child h3 { color: #fff; } .crw .crw__list li:first-child p { color: var(--mist); } .crw .crw__list li:first-child .mono { color: var(--gold-light); } @media (max-width: 1080px) { .crw__grid { grid-template-columns: 1fr; } .crw__head { position: static; } } @media (max-width: 600px) { .crw .crw__list { grid-template-columns: 1fr; } .crw .crw__list li { min-height: 0; } .crw .crw__list .mono { padding-bottom: 20px; } } /* IT hero: flat card-field pattern */ .itp .itp-c { fill: #fff; stroke: #DCE4EC; stroke-width: 1; vector-effect: non-scaling-stroke; } .itp .itp-c--hi { stroke: #9AB3CA; } .itp .itp-b { fill: none; stroke: #DCE4EC; stroke-width: 1; vector-effect: non-scaling-stroke; } .itp .itp-g { fill: #fff; stroke: #C98623; stroke-width: 1.25; vector-effect: non-scaling-stroke; } .itp .itp-gn { fill: #C98623; } .itp .itp-gb { fill: none; stroke: #DFA047; stroke-width: 1; vector-effect: non-scaling-stroke; } .itp .itp-go { fill: none; stroke: #C98623; stroke-width: 1; stroke-dasharray: 3 4; vector-effect: non-scaling-stroke; animation: itpFlow 1.6s linear infinite; } @keyframes itpFlow { to { stroke-dashoffset: -14; } } @media (prefers-reduced-motion: reduce) { .itp .itp-go { animation: none; } } /* IT problem: Version B, the two pressures + numbered rows */ .itpb-wrap .itpb-ver { margin: 0 0 clamp(28px,3vw,40px); } .itpb-wrap.is-b .lp-prob { display: none; } .itpb-wrap:not(.is-b) .itpb { display: none; } .itpb__hd { display: grid; grid-template-columns: 1fr; gap: 20px; } .itpb__h { font-size: clamp(2rem, 1.2rem + 2.6vw, 3.5rem); line-height: 1.06; } .itpb__h .soft { display: block; } .itpb__body { color: var(--slate); font-size: 1.125rem; max-width: 64ch; } .itpb__pull { display: grid; grid-template-columns: 1fr 64px 1.2fr 64px 1fr; align-items: stretch; margin: clamp(48px, 5vw, 72px) 0 clamp(40px, 4vw, 56px); } .itpb__side, .itpb__mid { display: flex; flex-direction: column; justify-content: center; gap: 10px; padding: 28px; min-height: 140px; } .itpb__side { background: var(--white); border: 1px solid var(--line); } .itpb__side--navy { background: var(--ink); border-color: var(--ink); } .itpb__mid { background: var(--gold); } .itpb__pull .mono { font-size: 11px; color: var(--slate); } .itpb__pull b { font: 400 1.5rem/1.2 var(--f-display); letter-spacing: -.01em; color: var(--navy-900); } .itpb__side--navy .mono { color: var(--gold-light); } .itpb__side--navy b { color: #fff; } .itpb__mid .mono { color: var(--ink); opacity: .75; } .itpb__mid b { color: var(--ink); } .itpb__arrow { position: relative; display: grid; place-items: center; } .itpb__arrow i { position: relative; display: block; width: 100%; height: 0; border-top: 1.5px dashed var(--navy-700); } .itpb__arrow i::after { content: ""; position: absolute; right: 0; top: -6px; width: 9px; height: 9px; border-top: 1.5px solid var(--navy-700); border-right: 1.5px solid var(--navy-700); transform: translateY(-1px) rotate(45deg); transform-origin: center; } .itpb__arrow--l i::after { right: auto; left: 0; transform: translateY(-1px) rotate(-135deg); } .itpb__list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--navy-900); } .itpb__list li { display: grid; grid-template-columns: 64px minmax(0, 4fr) minmax(0, 6fr); gap: 24px; align-items: baseline; padding: 24px 0; border-bottom: 1px solid var(--line); transition: background-color .2s ease; } .itpb__list li:hover { background: var(--paper); } .itpb__list .mono { color: var(--gold-text); font-size: 12px; padding-left: 4px; } .itpb__list h3 { font-size: 1.375rem; font-weight: 400; letter-spacing: -.01em; } .itpb__list p { margin: 0; color: var(--slate); font-size: .9375rem; } @media (max-width: 1080px) { .itpb__hd { grid-template-columns: 1fr; } .itpb__pull { grid-template-columns: 1fr; gap: 0; } .itpb__arrow { height: 36px; } .itpb__arrow i { width: 0; height: 100%; border-top: 0; border-left: 1.5px dashed var(--navy-700); } .itpb__arrow i::after { display: none; } .itpb__side, .itpb__mid { min-height: 0; padding: 22px; } } @media (max-width: 700px) { .itpb__list li { grid-template-columns: 40px 1fr; } .itpb__list p { grid-column: 2; } } /* IT use cases header: centered stack, title on 2 lines */ #it-uses > .container > .eyebrow { justify-content: center; } #it-uses .sh { display: flex; flex-direction: column; align-items: center; text-align: center; row-gap: 20px; } #it-uses .sh__title, #it-uses .sh__side { grid-column: auto !important; width: 100%; } #it-uses .sh__title { max-width: 980px; container-type: inline-size; } #it-uses .sh__side { justify-items: center; max-width: 640px; gap: 20px; } #it-uses .sh-intro { margin: 0 auto; } #it-uses-title .soft { display: block; } @media (min-width: 761px) { #it-uses-title .soft { white-space: nowrap; } #it-uses-title { font-size: min(var(--fs-h2), 5.6cqi); } } #it-uses .lp-uses { margin-top: 56px; } /* IT what you get: Version B, index banner + 4 columns */ .igb-wrap .igb-ver { margin: clamp(24px,3vw,36px) 0 clamp(24px,3vw,32px); } .igb-wrap.is-b .lp-get { display: none; } .igb-wrap:not(.is-b) .igb { display: none; } .igb__lead { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(32px,5vw,72px); align-items: center; padding: clamp(32px,4vw,56px); background: var(--ink); text-decoration: none; color: var(--mist); } .igb__lead .mono { color: var(--gold-light); font-size: 11px; } .igb__lead h3 { margin: 14px 0 12px; color: #fff; font-size: clamp(1.75rem, 1.2rem + 1.4vw, 2.5rem); font-weight: 400; letter-spacing: -.015em; } .igb__lead p { color: var(--mist); max-width: 46ch; margin: 0 0 24px; } .igb__lead .link-cta { color: #fff; } .igb__art { width: 100%; height: auto; } .igb__art rect, .igb__art path { fill: none; stroke: #6F8FAD; stroke-width: 1.25; vector-effect: non-scaling-stroke; } .igb__art .s rect:first-child { fill: #0A3F66; } .igb__art .g rect:first-child { fill: #C98623; stroke: #C98623; } .igb__art .g .n { fill: #fff; stroke: #fff; } .igb__art .g path { stroke: #FBF3E6; } .igb__art g { transition: transform .3s var(--ease-out); transform-box: fill-box; } .igb__lead:hover .igb__art .g { transform: translateY(-4px); } .igb__lead:hover .link-cta { text-decoration: underline; } .igb__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); background: var(--white); } .igb__list li { padding: 32px 28px 36px; border-right: 1px solid var(--line); display: flex; flex-direction: column; gap: 10px; } .igb__list li:last-child { border-right: 0; } .igb__list .mono { color: var(--gold-text); font-size: 11px; margin-bottom: 18px; } .igb__list h3 { font-size: 1.3125rem; font-weight: 400; letter-spacing: -.01em; line-height: 1.25; } .igb__list p { margin: 0; font-size: .9375rem; color: var(--slate); } .igb__list .link-cta { margin-top: auto; padding-top: 12px; } @media (max-width: 1080px) { .igb__lead { grid-template-columns: 1fr; } .igb__art { max-width: 420px; } .igb__list { grid-template-columns: 1fr 1fr; } .igb__list li:nth-child(2) { border-right: 0; } .igb__list li:nth-child(-n+2) { border-bottom: 1px solid var(--line); } } @media (max-width: 600px) { .igb__list { grid-template-columns: 1fr; } .igb__list li { border-right: 0; border-bottom: 1px solid var(--line); } } /* Home: blog carousel on navy */ .hbl__hd { display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; flex-wrap: wrap; margin-bottom: clamp(32px, 4vw, 48px); } .hbl h2 { font-size: clamp(2rem, 1.2rem + 2.4vw, 3.5rem); line-height: 1.06; color: #fff; } .hbl h2 .soft { display: block; color: var(--mist); } .hbl__ctrl { display: flex; align-items: center; gap: 12px; } .hbl__ctrl .link-cta { color: #fff; margin-right: 16px; } .hbl__btn { width: 48px; height: 48px; display: grid; place-items: center; background: transparent; border: 1px solid var(--line-dark); color: #fff; cursor: pointer; transition: background-color .2s ease, border-color .2s ease, color .2s ease; } .hbl__btn svg { width: 16px; height: 16px; } .hbl__btn:hover:not(:disabled) { background: var(--gold); border-color: var(--gold); color: var(--ink); } .hbl__btn:disabled { opacity: .35; cursor: default; } .hbl__track { list-style: none; margin: 0; padding: 0 0 4px; display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 48px) / 3); gap: 24px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; } .hbl__track::-webkit-scrollbar { display: none; } .hbl__card { scroll-snap-align: start; } .hbl__card a { display: flex; flex-direction: column; height: 100%; text-decoration: none; background: var(--surface-dark); transition: transform .3s var(--ease-out); } .hbl__card a:hover { transform: translateY(-4px); } .hbl__art { background: var(--paper); aspect-ratio: 16 / 9; display: grid; place-items: center; overflow: hidden; } .hbl__art svg { width: 100%; height: 100%; } .hbl__body { display: flex; flex-direction: column; gap: 10px; padding: 24px 24px 28px; flex: 1; } .hbl__body .mono { color: var(--gold-light); font-size: 11px; } .hbl__body h3 { color: #fff; font-size: 1.375rem; font-weight: 400; letter-spacing: -.01em; line-height: 1.25; } .hbl__body p { color: var(--mist); font-size: .9375rem; margin: 0; } .hbl__go { margin-top: auto; padding-top: 12px; color: #fff; font-weight: 500; font-size: .9375rem; display: inline-flex; align-items: baseline; gap: 6px; white-space: nowrap; } .hbl__card a:hover .hbl__go { text-decoration: underline; text-underline-offset: 5px; } .hbl__card a:hover .hbl__go .arr { transform: translateX(4px); } .hbl__foot { display: flex; align-items: center; gap: 24px; margin-top: 32px; } .hbl__bar { flex: 1; height: 2px; background: var(--line-dark); position: relative; } .hbl__bar i { position: absolute; left: 0; top: 0; bottom: 0; width: 33%; background: var(--gold); transition: left .3s var(--ease-out), width .3s var(--ease-out); } @media (max-width: 1080px) { .hbl__track { grid-auto-columns: calc((100% - 24px) / 2); } } @media (max-width: 640px) { .hbl__track { grid-auto-columns: 84%; gap: 16px; } .hbl__ctrl .link-cta { margin-right: auto; } .hbl__ctrl { width: 100%; } } /* SL problem: new title, fewer lines */ #sl-problem-title { max-width: 1040px; margin-left: auto; margin-right: auto; } #sl-problem-title .soft { display: block; } /* Checklist: simpler, more spacious */ .pf-panel { border: 0 !important; background: transparent !important; } .pf-panel .pf-head, .pf-panel .pf-cols { display: none; } .pf-panel .pf-list { border-top: 1px solid var(--navy-900); } .pf-panel .pf-row { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr) 96px; gap: 32px; padding: 36px 0; border-top: 0; border-bottom: 1px solid var(--line); align-items: end; } .pf-panel .pf-c { font-family: var(--f-display); font-size: clamp(1.5rem, 1.1rem + 1vw, 2rem); line-height: 1.15; letter-spacing: -.015em; } .pf-panel .pf-w, .pf-panel .pf-n { display: block; font-size: 1rem; line-height: 1.4; } .pf-panel .pf-w::before, .pf-panel .pf-n::before { display: block; margin-bottom: 8px; font: 400 11px/1 var(--f-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--blue-300); } .pf-panel .pf-w::before { content: "Expected"; } .pf-panel .pf-n::before { content: "Has"; } .pf-panel .pf-w { color: var(--blue-300); } .pf-panel .pf-r { justify-self: end; padding: 0; border: 0 !important; background: none !important; color: #B42318; font: 500 .75rem/1 var(--f-mono); letter-spacing: .12em; text-transform: uppercase; } .pf-panel .pf-r i { width: 8px; height: 8px; } .pf-panel .pf-foot { display: flex; align-items: baseline; gap: 24px; flex-wrap: wrap; padding: 40px 0 0 !important; border: 0 !important; background: transparent !important; } .pf-panel .pf-foot__k { background: none !important; border: 0 !important; padding: 0 !important; color: #B42318 !important; font-size: .8125rem; } .pf-panel .pf-foot b { font-family: var(--f-display); font-weight: 400; font-size: clamp(1.5rem, 1.1rem + 1.2vw, 2.25rem); line-height: 1.15; letter-spacing: -.015em; color: var(--navy-900); } @media (max-width: 760px) { .pf-panel .pf-row { grid-template-columns: 1fr 1fr; gap: 16px 20px; padding: 28px 0; } .pf-panel .pf-c { grid-column: 1; } .pf-panel .pf-r { grid-column: 2; grid-row: 1; align-self: center; } .pf-panel .pf-w, .pf-panel .pf-n { grid-column: auto; font-size: .9375rem; } .pf-panel .pf-w::before { content: "Expected"; } .pf-panel .pf-n::before { content: "Has"; } } /* Events as a top-level nav item (client, 2026-11-13) */ .mobile-menu .mobile-menu__link { display: flex; padding: var(--sp-4) 0; border-bottom: 1px solid var(--line-dark); color: var(--white); text-decoration: none; font-size: 17px; } html:has(:is(.page[data-page="security-leaders"],.page[data-page="it-leaders"],.page[data-page="tech-detail"],.page[data-page="post"],.page[data-page="advisory-network"],.page[data-page="events"],.page[data-page="about"],.page[data-page="careers"],.page[data-page="for-startups"],.page[data-page="request-briefing"]):not([hidden])) .mobile-menu .mobile-menu__link { color:var(--navy-900)!important; border-bottom:1px solid var(--line)!important } .nav-trigger--link { text-decoration: none; } /* Apply to our portfolio: the form card is the light gray (client, 2026-11-13), white fields as on the briefing card */ #apply .fm { background: var(--paper); border-color: var(--paper); } #apply .fm :is(input[type="text"], input[type="url"], input[type="email"], select, textarea) { background-color: var(--white); } /* Wei Dong photo: original colors */ .has-pf.pf-wd { filter: none !important; } /* Checklist v3: white card, simplified content inside */ .pf-panel { background: #fff !important; border: 1px solid var(--line) !important; padding: clamp(28px, 4vw, 56px) clamp(24px, 4vw, 56px) 0; } .pf-panel .pf-head { display: flex !important; padding: 0 0 24px; background: none; border: 0; } .pf-panel .pf-list { border-top: 1px solid var(--navy-900); } .pf-panel .pf-row { padding: 28px 0; } .pf-panel .pf-row:last-child { border-bottom: 0; } .pf-panel .pf-r { padding: 6px 10px; border: 1px solid #F3C7C3 !important; background: #FEF3F2 !important; } .pf-panel .pf-foot { margin: 0 calc(-1 * clamp(24px, 4vw, 56px)); padding: 28px clamp(24px, 4vw, 56px) !important; border-top: 1px solid var(--line) !important; background: var(--paper) !important; align-items: center; } .pf-panel .pf-foot__k { padding: 7px 10px !important; background: #FEF3F2 !important; border: 1px solid #F3C7C3 !important; } .pf-panel .pf-foot b { font-size: clamp(1.375rem, 1.1rem + .8vw, 1.875rem); } @media (max-width: 760px) { .pf-panel .pf-head { flex-direction: column; gap: 6px; } } /* Checklist footer: navy verdict band */ .pf-panel .pf-foot { display: grid !important; grid-template-columns: auto minmax(0, 1fr); gap: clamp(24px, 4vw, 56px); align-items: center; background: var(--ink) !important; border: 0 !important; border-left: 0 !important; } .pf-panel .pf-foot__k { display: flex; align-items: baseline; gap: 12px; padding: 0 clamp(24px, 4vw, 56px) 0 0 !important; background: none !important; border: 0 !important; border-right: 1px solid var(--line-dark) !important; color: #F97066 !important; font: 500 .75rem/1 var(--f-mono); letter-spacing: .12em; text-transform: uppercase; } .pf-panel .pf-foot__k em { font: 400 clamp(2.75rem, 2rem + 2vw, 4rem)/1 var(--f-display); font-style: normal; letter-spacing: -.03em; color: #fff; } .pf-panel .pf-foot__k small { font-size: .5em; color: var(--blue-300); } .pf-panel .pf-foot > span:last-child { color: #fff; } .pf-panel .pf-foot b { color: #fff !important; } @media (max-width: 600px) { .pf-panel .pf-foot { grid-template-columns: 1fr; gap: 16px; } .pf-panel .pf-foot__k { border-right: 0 !important; padding: 0 !important; } } /* People photos: original colors everywhere */ .has-pf, .adv__ph img, .adv__img { filter: none !important; } /* Checklist footer: subtle verdict */ .pf-panel .pf-foot { background: #fff !important; border-top: 1px solid var(--line) !important; padding-top: 28px !important; padding-bottom: 32px !important; } .pf-panel .pf-foot__k { border-right-color: var(--line) !important; color: #B42318 !important; } .pf-panel .pf-foot__k em { color: var(--navy-900); font-size: clamp(2.25rem, 1.8rem + 1.2vw, 3rem); } .pf-panel .pf-foot__k small { color: var(--blue-300); } .pf-panel .pf-foot > span:last-child, .pf-panel .pf-foot b { color: var(--navy-900) !important; } .pf-panel .pf-foot b { font-size: clamp(1.25rem, 1rem + .7vw, 1.625rem); } .pf-panel .pf-list { border-top-color: var(--line) !important; } .pf-panel .pf-foot { background: var(--paper) !important; border-left: 3px solid #D92D20 !important; padding-left: calc(clamp(24px, 4vw, 56px) - 3px) !important; } .pf-panel .pf-foot__k { border-right-color: #DCE4EC !important; } /* SL use cases: CTA under the cards */ .slu-cta { display: flex; justify-content: center; margin-top: clamp(40px, 4vw, 56px); } /* Checklist verdict v5: white row, dashed divider, red score tile */ .pf-panel .pf-foot { background: #fff !important; border-left: 0 !important; border-top: 1px dashed #C9D3DD !important; padding: 28px clamp(24px, 4vw, 56px) 32px !important; } .pf-panel .pf-foot__k { flex-direction: column; align-items: center; justify-content: center; gap: 6px; min-width: 104px; padding: 14px 18px !important; background: #FEF3F2 !important; border: 1px solid #F3C7C3 !important; border-right: 1px solid #F3C7C3 !important; color: #B42318 !important; font-size: 10.5px; } .pf-panel .pf-foot__k em { color: #B42318; font-size: clamp(2rem, 1.6rem + 1vw, 2.5rem); } .pf-panel .pf-foot__k small { color: #D92D20; opacity: .6; } .pf-panel .pf-foot__k { justify-self: start; } section[aria-labelledby="sl-problem-title"] .pf-hd__sub { max-width: 60ch; margin-left: auto; margin-right: auto; font-size: 1.125rem; line-height: 1.65; text-wrap: pretty; } /* Home blog carousel v2: fully dark cards, soft shadows */ .hbl__card a { background: #0A3F66; border: 1px solid #154B74; box-shadow: 0 1px 0 rgba(255,255,255,.04) inset, 0 10px 24px -14px rgba(0,0,0,.45); transition: transform .35s var(--ease-out), box-shadow .35s var(--ease-out), border-color .35s ease; } .hbl__card a:hover { transform: translateY(-6px); border-color: #2A6596; box-shadow: 0 1px 0 rgba(255,255,255,.06) inset, 0 28px 48px -20px rgba(0,0,0,.6); } .hbl__art { background: #073A5E; border-bottom: 1px solid #154B74; } .hbl__art .fl-c { fill: #0C4670; stroke: #6F8FAD; } .hbl__art .fl-n { stroke: #9AB3CA; } .hbl__art .fl-b, .hbl__art .fl-l { stroke: #6F8FAD; } .hbl__art .ix-g .fl-c { fill: #C98623; stroke: #DFA047; } .hbl__art .ix-g .fl-n { fill: #fff; stroke: #fff; } .hbl__art .ix-g .fl-b { stroke: #FBF3E6; } .hbl__card a:hover .hbl__art .ix-g { transform: translateY(-4px); } .hbl__body { padding: 26px 26px 30px; } .hbl__body .mono { display: inline-flex; align-self: flex-start; padding: 5px 8px; background: rgba(223,160,71,.1); border: 1px solid rgba(223,160,71,.35); } .hbl__go { color: var(--gold-light); } .hbl__btn { box-shadow: 0 8px 18px -12px rgba(0,0,0,.5); } .hbl__foot { margin-top: 40px; } .hbl__bar { height: 2px; } /* Home blog carousel: no shadows, light-border hover */ .hbl__card a { position: relative; box-shadow: none !important; border: 1px solid #154B74; } .hbl__card a::after { content: ""; position: absolute; left: -1px; right: -1px; top: -1px; height: 2px; background: var(--gold-light); transform: scaleX(0); transform-origin: left; transition: transform .35s var(--ease-out); z-index: 2; } .hbl__card a:hover { transform: translateY(-4px); border-color: rgba(154,179,202,.55); background: #0C4670; box-shadow: none !important; } .hbl__card a:hover::after { transform: scaleX(1); } .hbl__card a:hover .hbl__art { border-bottom-color: rgba(154,179,202,.35); } .hbl__btn { box-shadow: none !important; } /* Checklist verdict v6: 4-cell score meter + statement */ .pf-panel .pf-foot { display: grid !important; grid-template-columns: auto minmax(0, 1fr); gap: clamp(28px, 4vw, 56px); align-items: center; background: #fff !important; border: 0 !important; border-top: 1px solid #C9D3DD !important; padding: 32px clamp(24px, 4vw, 56px) 36px !important; } .pf-vd { display: grid; gap: 10px; padding-right: clamp(28px, 4vw, 56px); border-right: 1px solid var(--line); } .pf-vd__lab { font: 400 10.5px/1 var(--f-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--blue-300); } .pf-vd__meter { display: flex; gap: 6px; } .pf-vd__meter i { position: relative; width: 28px; height: 28px; border: 1.5px solid #E8A39D; background: #FEF3F2; } .pf-vd__meter i::before, .pf-vd__meter i::after { content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 1.5px; background: #D92D20; transform: translate(-50%, -50%) rotate(45deg); } .pf-vd__meter i::after { transform: translate(-50%, -50%) rotate(-45deg); } .pf-vd__num { font: 500 .75rem/1 var(--f-mono); letter-spacing: .1em; text-transform: uppercase; color: #B42318; } .pf-panel .pf-foot > span:last-child { color: var(--navy-900); } .pf-panel .pf-foot b { font-family: var(--f-display); font-weight: 400; font-size: clamp(1.375rem, 1.05rem + 1vw, 2rem); line-height: 1.2; letter-spacing: -.015em; color: var(--navy-900) !important; } @media (max-width: 600px) { .pf-panel .pf-foot { grid-template-columns: 1fr; gap: 20px; } .pf-vd { border-right: 0; padding-right: 0; } } /* Checklist verdict: big 0/4 */ .pf-vd { display: flex; align-items: baseline; gap: 14px; } .pf-vd__big { font: 400 clamp(3rem, 2.2rem + 2.4vw, 4.5rem)/.9 var(--f-display); letter-spacing: -.04em; color: var(--blue-600); font-weight: 300; } .pf-vd__big small { font-size: .45em; letter-spacing: -.01em; color: var(--blue-300); margin-left: 2px; } .pf-vd__num { font: 500 .75rem/1 var(--f-mono); letter-spacing: .14em; text-transform: uppercase; color: #B42318; } /* Wei Dong caption: two balanced rows; global rule against 1-2 word last lines */ .pq2__l { display: block; white-space: nowrap; } p, li, dd, figcaption, blockquote, .sh-intro, .np-p { text-wrap: pretty; } /* SL use cases: secondary outline button */ .slu-btn { display: inline-flex; align-items: center; gap: 10px; min-height: 52px; padding: 0 24px; border: 1px solid var(--navy-900); background: transparent; color: var(--navy-900); font: 500 .9375rem/1 var(--f-body); text-decoration: none; transition: background-color .2s ease, color .2s ease; } .slu-btn .arr { color: var(--gold); } .slu-btn:hover { background: var(--navy-900); color: #fff; } .slu-btn:hover .arr { color: var(--gold-light); transform: translateX(4px); } /* Homepage hero: illustration version A (framed stack with labelled layers) */ .h4-hero__art { margin-right: 0 !important; display: flex; justify-content: flex-end; } .h4-hero__art .ia { display: block; width: 100%; max-width: 600px; height: auto; overflow: visible; } .h4-hero__art .ia--m { display: none; } @media (max-width: 760px) { .h4-hero__art .ia--d { display: none; } .h4-hero__art .ia--m { display: block; max-width: 520px; margin: 0 auto; } .h4-hero__art { justify-content: center; } } .ia .ia-top { fill: #052F4B; fill-opacity: .62; transition: fill .3s ease, fill-opacity .3s ease; } .ia .ia-tc { fill: #9AB3CA; transition: fill .3s ease; } .ia .ia-gold .ia-tc { fill: #DFA047; } .ia .ia-pf { fill-opacity: 0; transition: fill-opacity .3s ease; } .ia .ia-gold .ia-pf { fill-opacity: .16; } .ia .ia-cc { stroke-opacity: .45; transition: stroke-opacity .3s ease; } .ia [class^="ia-L"] { transition: opacity 350ms ease; } .ia .ia-ty { transition: transform 300ms ease; } .ia:hover [class^="ia-L"] { opacity: .45; } .ia [class^="ia-L"]:hover { opacity: 1; } .ia [class^="ia-L"]:hover .ia-ty { transform: translateY(-6px); } .ia [class^="ia-L"]:hover .ia-top { fill: #0A5991; fill-opacity: .32; } .ia [class^="ia-L"]:hover .ia-tc { fill: #fff; } .ia .ia-gold:hover .ia-tc { fill: #DFA047; } .ia [class^="ia-L"]:hover .ia-pf { fill-opacity: .2; } .ia .ia-gold:hover .ia-pf { fill-opacity: .28; } .ia [class^="ia-L"]:hover .ia-cc { stroke-opacity: .95; } .ia .ia-rv { transition: opacity 700ms ease, transform 700ms cubic-bezier(.2,.7,.2,1); transition-delay: calc(var(--k) * 170ms + 120ms); } .ia-arm .ia .ia-rv { opacity: 0; transform: translateY(14px); } .ia-arm.ia-in .ia .ia-rv { opacity: 1; transform: none; } @media (prefers-reduced-motion: reduce) { .ia .ia-rv, .ia .ia-ty { transition: none; } } /* hero illus 7% smaller */ .h4-hero__art--a .fl{max-width:484px} @media (max-width:760px){.h4-hero__art--a .fl{max-width:409px;width:93%}} /* blog card hover: no grow, visible border */ .hbl__track{padding-top:2px} .hbl__card a,.hbl__card a:hover{transform:none!important} .hbl__card a:hover{border-color:rgba(154,179,202,.38)} .hbl__card a:hover .hbl__art .ix-g{transform:none} .hbl__card a{transition:border-color .25s ease,background-color .25s ease} [data-page="security-leaders"] #solution h2 .soft{color:var(--mist)} /* hero illus: ambient loop instead of hover */ .h4-hero__art--a:hover .ha.is-in .ha-c:not(.ha-gold){opacity:1} .h4-hero__art--a .ha.is-in .ha-sig{opacity:0;animation:ha-loop 3.2s cubic-bezier(.5,0,.3,1) 2.4s infinite} .h4-hero__art--a .ha.is-in .ha-gold{animation:ha-bob 3.2s ease-in-out 2.4s infinite} .h4-hero__art--a .ha.is-in .ha-doc{animation:ha-bob 3.2s ease-in-out 3s infinite} @keyframes ha-loop{0%{stroke-dashoffset:.08;opacity:0}6%{opacity:1}68%{stroke-dashoffset:-1;opacity:1}76%,100%{stroke-dashoffset:-1;opacity:0}} @keyframes ha-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}} @media (prefers-reduced-motion: reduce){.h4-hero__art--a .ha .ha-sig,.h4-hero__art--a .ha .ha-gold,.h4-hero__art--a .ha .ha-doc{animation:none!important}} /* sol items: serif only for titles; questions in sans body */ .sol__item h3{font-family:var(--f-body);font-weight:500;font-size:1.25rem;line-height:1.3;letter-spacing:-.005em;color:var(--white);margin:0 0 10px} .sol__item p{font-family:var(--f-body)!important;font-weight:400;font-size:1rem!important;line-height:1.55!important;letter-spacing:0;color:var(--mist);max-width:26ch} /* SL quote: light version */ #sl-quote.pq-light{background:var(--white);color:var(--slate)} #sl-quote.pq-light .pq2{border-color:var(--line)!important} #sl-quote.pq-light .pq2__who{border-color:var(--line);color:var(--slate)} #sl-quote.pq-light .pq2__name b{color:var(--navy-900)} #sl-quote.pq-light .pq2 blockquote{color:var(--navy-900)} #sl-quote.pq-light .pq2 blockquote em{color:var(--blue-600)} #sl-quote.pq-light .eyebrow{color:var(--gold-text)} #sl-quote.pq-light .pq2__photo{background:var(--paper);border-color:var(--line)} #sl-quote.pq-light .pq2__photo .lp-person .t{stroke:var(--navy-700)} .itp-l{display:block;white-space:nowrap} /* SL quote: dark card continuing the solution section */ [data-page="security-leaders"] #solution{padding-bottom:clamp(40px,5vw,64px)} #sl-quote.pq-card{padding-top:0;padding-bottom:var(--section-y)} #sl-quote.pq-card .pq2{background:var(--surface-dark);border:1px solid var(--line-dark)!important;padding:0 clamp(28px,4vw,56px);position:relative} #sl-quote.pq-card .pq2__who{padding-top:48px;padding-bottom:48px} #sl-quote.pq-card .pq2__body{padding-top:48px;padding-bottom:56px} #sl-quote.pq-card .pq2__body::before{top:48px} #sl-quote.pq-card .pq2__photo{border-color:var(--line-dark)} #sl-quote.pq-card .pq2 blockquote{font-size:clamp(1.625rem,1rem + 1.7vw,2.5rem);line-height:1.18;max-width:26ch} @media (max-width:1080px){#sl-quote.pq-card .pq2__who{padding:24px 0}#sl-quote.pq-card .pq2__body{padding:32px 0 32px 24px}#sl-quote.pq-card .pq2__body::before{top:32px}} .slu-cta .link-cta .arr{color:var(--gold)} /* IT solution: 3-up variant of .sol */ .sol--3 .sol__track{grid-template-columns:repeat(3,minmax(0,1fr))} .sol--3 .sol__n{text-transform:uppercase} .sol--3 .sol__item p{max-width:32ch} #it-solution h2 .soft{color:var(--mist)} @media (max-width:1080px){.sol--3 .sol__track{grid-template-columns:1fr}.sol--3 .sol__item,.sol--3 .sol__item + .sol__item{padding:36px 0 28px;border-left:0;border-top:1px solid var(--line-dark)}.sol--3 .sol__item .sol__node{left:0}.sol--3 .sol__track{border-top:0}} @media (max-width:760px){#it-solution .itp-l{white-space:normal;display:inline}} /* IT how steps: sans titles (serif only for h1/h2) */ [aria-labelledby="it-how-title"] .lp-steps h3{font-family:var(--f-body);font-weight:500;font-size:1.1875rem;line-height:1.3;letter-spacing:-.005em} [aria-labelledby="it-how-title"] .lp-steps p{font-size:.9375rem;line-height:1.55} /* IT leaders: no startup band above footer */ html:has(.page[data-page="it-leaders"]:not([hidden])) .f5-cta--start{display:none} /* IT trust: sans for everything except H2 */ [aria-labelledby="it-trust-title"] .lp-q p{font-family:var(--f-body)!important;font-weight:400;font-size:1.25rem!important;line-height:1.4!important;letter-spacing:-.005em} [aria-labelledby="it-trust-title"] .lp-one b{font-family:var(--f-body)!important;font-weight:500;font-size:1.25rem!important;line-height:1.35;letter-spacing:0} [aria-labelledby="it-trust-title"] .lp-one__num{font-family:var(--f-body)!important;font-weight:300;letter-spacing:-.02em} /* IT solution ยท C3: the track rises into the CTA */ #it-solution .ss3{position:relative;margin-top:64px} #it-solution .ss3__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 0 72px;margin:0;list-style:none} #it-solution .ss3__steps li{position:relative;padding:60px 40px 0 0} #it-solution .ss3__steps li::before{content:"";position:absolute;left:0;right:0;top:7px;height:1.5px;background:var(--line-dark)} #it-solution .ss3__steps li:last-child::before{right:19px;background:var(--gold)} #it-solution .ss3__node{position:absolute;left:0;top:1px;width:13px;height:13px;box-sizing:border-box;background:var(--ink);border:1.5px solid var(--mist);z-index:1} #it-solution .ss3__n{display:block;font:500 12px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-light);margin-bottom:16px} .page .section#it-solution .ss3__steps h3{font-family:var(--f-body);font-weight:500;font-size:1.3125rem;line-height:1.3;letter-spacing:0;color:var(--white);margin:0 0 12px} .page .section#it-solution .ss3__steps p{font-family:var(--f-body);font-size:1rem;line-height:1.7;color:var(--mist);max-width:33ch;margin:0} #it-solution .ss3__steps li:last-child::after{content:"";position:absolute;right:19.25px;top:7px;bottom:-72px;width:1.5px;background:var(--gold)} #it-solution .ss3__gold{flex:none;width:40px;margin-left:8px;background:var(--gold)} #it-solution .ss3__cta{display:flex;justify-content:space-between;align-items:stretch;min-height:240px;background:var(--surface-dark)} #it-solution .ss3__body{padding:40px 48px;display:flex;flex-direction:column;justify-content:center;min-width:0} .page .section#it-solution h3.ss3__t{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:clamp(1.75rem,1.2rem + 1vw,2.125rem);line-height:1.15;letter-spacing:-.01em;color:var(--white);margin:14px 0 8px} .page .section#it-solution p.ss3__p{font-size:.96875rem;line-height:1.6;color:var(--mist);max-width:600px;margin:0 0 22px} #it-solution .ss3__actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px} #it-solution .ss3__btn{display:inline-flex;align-items:center;gap:16px;height:48px;padding:0 4px 0 20px;background:var(--white);color:var(--ink);font:500 15px/1 var(--f-body);text-decoration:none;transition:background-color var(--t-fast)} #it-solution .ss3__btn span{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--ink);color:var(--white);transition:background-color var(--t-fast)} #it-solution .ss3__btn:hover span{background:var(--gold)} #it-solution .ss3__bars{flex:none;display:block;height:240px;width:auto;align-self:flex-end;margin-left:auto} #it-solution .ss3__bars rect{fill:none;stroke:var(--line-dark);stroke-width:1.5} #it-solution .ss3__bars rect.g{fill:var(--gold);stroke:none} @media (max-width:1080px){ #it-solution .ss3__steps{grid-template-columns:1fr;padding-bottom:0} #it-solution .ss3__steps li{padding:0 0 40px 36px} #it-solution .ss3__steps li::before{left:6px;right:auto;top:0;bottom:0;width:1.5px;height:auto} #it-solution .ss3__steps li:last-child::before{right:auto;bottom:0} #it-solution .ss3__node{top:2px} #it-solution .ss3__steps li:last-child::after,#it-solution .ss3__gold{display:none} #it-solution .ss3__cta{border-left:1.5px solid var(--gold);margin-left:6px} #it-solution .ss3__bars{height:180px} } @media (max-width:760px){ #it-solution .ss3__cta{flex-direction:column} #it-solution .ss3__body{padding:32px 24px} #it-solution .ss3__bars{display:none} #it-solution .ss3__actions .btn{width:100%} } .hwc__cta{margin-top:28px;padding-left:80px}@media (max-width:600px){.hwc__cta{padding-left:0}} /* SL how illustration: light version */ .hwc .sc{--navy:#F3F6F9;--out:#074673;--fade:#6F8FAD} .hwc__svg > rect:first-of-type{fill:#F3F6F9} .hwc .sc .r{stroke-opacity:.5} .hwc .sc .dt.r{stroke-opacity:.35} .hwc__svg text[fill="#DFA047"]{fill:#9A6516} .hwc__panel{border:1px solid var(--line)} /* SL quote card background options */ #sl-quote .pqc-ver{display:inline-flex;margin:0 0 20px;border:1px solid var(--line-dark)}#sl-quote .pqc-ver button{font:500 .75rem/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;padding:9px 14px;background:transparent;color:var(--mist);border:0;cursor:pointer}#sl-quote .pqc-ver button+button{border-left:1px solid var(--line-dark)}#sl-quote .pqc-ver button[aria-pressed="true"]{background:#fff;color:var(--navy-900)} #sl-quote.pq-card[data-bg="d"] .pq2{background:#04263D;border-color:transparent!important} #sl-quote.pq-card[data-bg="a"] .pq2{background:#04263D;border-color:var(--line-dark)!important} #sl-quote.pq-card[data-bg="b"] .pq2{background:transparent;border-color:#2A5F87!important} #sl-quote.pq-card[data-bg="c"] .pq2{background:linear-gradient(120deg,#0A3F66 0%,rgba(5,47,75,0) 75%);border-color:var(--line-dark)!important} .hwc__cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:36px}.hwc__note{font-size:.875rem;color:var(--slate)} /* SL uses: left-aligned header */ :is(#sl-uses,#it-uses) > .container > .eyebrow{justify-content:flex-start} :is(#sl-uses,#it-uses) .sh{align-items:flex-start;text-align:left} :is(#sl-uses,#it-uses) .sh__side{justify-items:start} :is(#sl-uses,#it-uses) .sh-intro{margin:0} :is(#sl-uses,#it-uses) .slu-cta{text-align:left;justify-content:flex-start} /* IT solution ยท C4 B: one framed grid, track inside, CTA as the bottom row */ #it-solution .ss3{border:1.5px solid var(--line-dark)} #it-solution .ss3__steps{padding:0} #it-solution .ss3__steps li{padding:96px 40px 48px} #it-solution .ss3__steps li + li{border-left:1.5px solid var(--line-dark)} #it-solution .ss3__steps li::before{top:46px;left:0;right:0} #it-solution .ss3__steps li:first-child::before{left:40px} #it-solution .ss3__steps li:last-child::before{right:19.25px} #it-solution .ss3__steps li:last-child::after{top:46px;bottom:0} #it-solution .ss3__node{left:40px;top:40px} #it-solution .ss3__cta{border-top:1.5px solid var(--line-dark)} @media (max-width:1080px){ #it-solution .ss3__steps li,#it-solution .ss3__steps li + li{padding:28px 24px 32px 60px;border-left:0} #it-solution .ss3__steps li + li{border-top:1.5px solid var(--line-dark)} #it-solution .ss3__steps li::before,#it-solution .ss3__steps li:first-child::before{left:30px;right:auto;top:0;bottom:0;width:1.5px;height:auto} #it-solution .ss3__steps li:first-child::before{top:34px} #it-solution .ss3__steps li:last-child::before{right:auto;background:var(--gold);top:34px} #it-solution .ss3__node{left:24px;top:28px} #it-solution .ss3__cta{border-left:0;margin-left:0;border-top:1.5px solid var(--gold)} } /* GLOBAL TYPE RULE: serif only for h1, h2, h3. Everything else uses the sans body font. */ .faq summary:not(h1):not(h2):not(h3), .lp-steps__n:not(h1):not(h2):not(h3), .lp-q p:not(h1):not(h2):not(h3), .h5-stats__num:not(h1):not(h2):not(h3), .stp__foot:not(h1):not(h2):not(h3), .td-tag:not(h1):not(h2):not(h3), .po-lede:not(h1):not(h2):not(h3), .po-quote:not(h1):not(h2):not(h3), .pf-c:not(h1):not(h2):not(h3), .pf-q__mark:not(h1):not(h2):not(h3), .pf-q blockquote:not(h1):not(h2):not(h3), .pf-quote .pf-q blockquote:not(h1):not(h2):not(h3), .adv b:not(h1):not(h2):not(h3), .adv-stats dt:not(h1):not(h2):not(h3), .np-stats dt:not(h1):not(h2):not(h3), .np-fun b:not(h1):not(h2):not(h3), .np-ev__date b:not(h1):not(h2):not(h3), .np-story__text .np-lead:not(h1):not(h2):not(h3), .sol__item p:not(h1):not(h2):not(h3), .pq2 blockquote:not(h1):not(h2):not(h3), .lp-one__num:not(h1):not(h2):not(h3), .lp-one b:not(h1):not(h2):not(h3), .pqb__quote blockquote:not(h1):not(h2):not(h3), .rbp__grid dt:not(h1):not(h2):not(h3), .pfb blockquote:not(h1):not(h2):not(h3), .vfun__n b:not(h1):not(h2):not(h3), .pf-panel .pf-c:not(h1):not(h2):not(h3), .pf-panel .pf-foot b:not(h1):not(h2):not(h3), h4:not(h1):not(h2):not(h3), .sector:not(h1):not(h2):not(h3), .aud-card p:not(h1):not(h2):not(h3), .stat__num:not(h1):not(h2):not(h3), .stat__statement:not(h1):not(h2):not(h3), .quote blockquote:not(h1):not(h2):not(h3), .proof-line b:not(h1):not(h2):not(h3), .pull-quote blockquote:not(h1):not(h2):not(h3), .use-table__row > span:first-child:not(h1):not(h2):not(h3), .q-tile p:not(h1):not(h2):not(h3), .hv-proof b:not(h1):not(h2):not(h3), .hv-close:not(h1):not(h2):not(h3), .hv-stats dd:not(h1):not(h2):not(h3), .lp-quote__mark:not(h1):not(h2):not(h3), .lp-quote blockquote:not(h1):not(h2):not(h3), .pb-close:not(h1):not(h2):not(h3), .pc-num:not(h1):not(h2):not(h3), .pc-close:not(h1):not(h2):not(h3), .pv1__big:not(h1):not(h2):not(h3), .pv1__foot:not(h1):not(h2):not(h3), .pv2__end--yes b:not(h1):not(h2):not(h3), .pv2__foot:not(h1):not(h2):not(h3), .pv3__big:not(h1):not(h2):not(h3), .pv3__close:not(h1):not(h2):not(h3), .h4-stats dd:not(h1):not(h2):not(h3), .tl__foot:not(h1):not(h2):not(h3), .tl__stat b:not(h1):not(h2):not(h3), .pf-h3:not(h1):not(h2):not(h3), .trq__q p:not(h1):not(h2):not(h3), .ix-memo__co b:not(h1):not(h2):not(h3), .ixv__hd b:not(h1):not(h2):not(h3), .ixv__dec:not(h1):not(h2):not(h3), .itpb__pull b:not(h1):not(h2):not(h3), .pf-vd__big:not(h1):not(h2):not(h3), .pf-vd__big small:not(h1):not(h2):not(h3) {font-family:var(--f-body)!important} /* SL use cases: interactive list + stage */ .ucx{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:0;border:1px solid var(--line);background:#fff} .ucx__list{list-style:none;margin:0;padding:0;border-right:1px solid var(--line)} .ucx__list li+li{border-top:1px solid var(--line)} .ucx__item{width:100%;display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:18px 24px;background:transparent;border:0;text-align:left;cursor:pointer;position:relative;color:var(--navy-900);font:400 1rem/1.35 var(--f-body);transition:background-color .25s ease,color .25s ease,opacity .25s ease} .ucx__item::before{content:"";position:absolute;left:-1px;top:-1px;bottom:-1px;width:3px;background:var(--gold);transform:scaleY(0);transform-origin:top;transition:transform .35s var(--ease-out)} .ucx__n{font:500 .75rem/1 var(--f-mono);letter-spacing:.1em;color:var(--blue-300)} .ucx__tag{font:500 .6875rem/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--blue-300)} .ucx__list:hover .ucx__item:not(.is-on){opacity:.55} .ucx__list .ucx__item:hover{opacity:1!important} .ucx__item.is-on{background:var(--paper);opacity:1!important} .ucx__item.is-on::before{transform:scaleY(1)} .ucx__item.is-on .ucx__n,.ucx__item.is-on .ucx__tag{color:var(--gold-text)} .ucx__item:focus-visible{outline:2px solid var(--gold);outline-offset:-2px} .ucx__stage{position:relative;background:var(--ink);color:var(--mist);min-height:100%;display:flex} .ucx__pane{display:grid;grid-template-rows:auto 1fr;width:100%} .ucx__pane[hidden]{display:none} .ucx__art{padding:36px 40px 0;border-bottom:1px solid var(--line-dark)} .ucx__art svg{display:block;width:100%;max-width:420px;height:auto;margin:0 auto} .ucx__art .b{fill:none;stroke:var(--blue-300);stroke-width:1.5} .ucx__art .l{fill:none;stroke:var(--blue-300);stroke-opacity:.6;stroke-width:1.5} .ucx__art .f{stroke-opacity:.18} .ucx__art .d{stroke-dasharray:4 6} .ucx__art .x{fill:none;stroke:var(--mist);stroke-width:1.5} .ucx__art .g{fill:none;stroke:var(--gold-light);stroke-width:2} .ucx__art .gf{fill:var(--gold);stroke:none} .ucx__art .w{fill:none;stroke:#fff;stroke-width:2} .ucx__art .w2{fill:var(--ink)} .ucx__body{padding:32px 40px 40px;display:flex;flex-direction:column;gap:14px} .ucx__meta{display:flex;justify-content:space-between;font:500 .75rem/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--blue-300);margin:0} .ucx__ptag{color:var(--gold-light)} .ucx__body h3{color:#fff;font-size:clamp(1.5rem,1.1rem + 1vw,2rem);line-height:1.15;margin:0} .ucx__p{color:var(--mist);font-size:1.0625rem;line-height:1.55;max-width:44ch;margin:0} .ucx__body .link-cta{color:#fff;margin-top:8px;align-self:flex-start} .ucx__body .link-cta .arr{color:var(--gold-light)} .ucx__nav{position:absolute;right:24px;bottom:24px;display:flex;gap:8px} .ucx__nav button{width:40px;height:40px;display:grid;place-items:center;background:transparent;border:1px solid var(--line-dark);color:#fff;cursor:pointer;font:400 1rem/1 var(--f-body);transition:background-color .2s,border-color .2s,color .2s} .ucx__nav button:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)} /* switch animation */ .ucx__pane.is-on .ucx__body>*{animation:ucxIn .5s var(--ease-out) both} .ucx__pane.is-on .ucx__body>*:nth-child(2){animation-delay:.05s}.ucx__pane.is-on .ucx__body>*:nth-child(3){animation-delay:.1s}.ucx__pane.is-on .ucx__body>*:nth-child(4){animation-delay:.15s} .ucx__pane.is-on .ug-a{animation:ucxIn .55s var(--ease-out) both;animation-delay:var(--d)} @keyframes ucxIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} @media (prefers-reduced-motion:reduce){.ucx__pane.is-on .ug-a,.ucx__pane.is-on .ucx__body>*{animation:none}} @media (max-width:900px){.ucx{grid-template-columns:1fr}.ucx__stage{order:-1}.ucx__list{border-right:0;border-top:1px solid var(--line)}.ucx__art{padding:24px 20px 0}.ucx__body{padding:24px 20px 76px}.ucx__nav{right:20px;bottom:20px}.ucx__item{padding:16px 20px}.ucx__list:hover .ucx__item:not(.is-on){opacity:1}} @media (max-width:600px){.ucx__tag{display:none}.ucx__item{grid-template-columns:32px 1fr}} /* hero art slightly smaller + serif stats */.h4-hero__art--a .fl{max-width:460px}@media (max-width:760px){.h4-hero__art--a .fl{max-width:390px}} html body .h5-stats .h5-stats__num,html body .h5-stats .h5-stats__num *{font-family:var(--f-display)!important} /* Home problem ยท Concept 7C: early line + light brief */ #stp.stp--c7 .stp__body.c7c{padding:0} #stp .c7c > svg{display:block;width:100%;height:auto;max-width:none} #stp .c7c .c7cm{display:none} @media (max-width:760px){#stp .c7c .c7cd{display:none}#stp .c7c .c7cm{display:block;max-width:420px;margin:0 auto}} /* ucx rows taller, fill list height */@media (min-width:761px){.ucx__list{display:flex;flex-direction:column}.ucx__list>li{flex:1 1 0;display:flex}.ucx__list>li>.ucx__item{flex:1;min-height:76px;padding-top:22px;padding-bottom:22px}} /* How it works ยท A: wide flow, steps underneath (Security + IT leaders) */ .hwa__head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px} .hwa__head .eyebrow{margin-bottom:var(--sp-5)} .hwa__cta{flex:none} .hwa__panel{margin-top:56px;background:var(--paper);border:1px solid var(--line);padding:clamp(20px,3vw,40px) 0} .hwa__panel .hwa__art{display:block;width:100%;height:auto;max-width:none} .hwa__steps{position:relative;margin:-22px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))} .hwa__steps::before{content:"";position:absolute;left:22px;right:calc(50% - 22px);top:21px;height:1.5px;background:var(--mist)} .hwa__steps::after{content:"";position:absolute;left:calc(50% + 22px);right:calc(25% - 22px);top:21px;height:1.5px;background:var(--gold)} .hwa__steps li{position:relative;padding-right:36px} .hwa__n{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:#EDF1F5;color:var(--navy-900);font:500 13px/1 var(--f-mono)} .hwa__steps li:last-child .hwa__n{background:var(--gold);color:#fff} .page .section.hwa .hwa__steps h3{margin:22px 0 8px;font-family:var(--f-body);font-weight:500;font-size:1.25rem;line-height:1.3;letter-spacing:0;color:var(--navy-900)} .page .section.hwa .hwa__steps p{margin:0;font-size:.97rem;line-height:1.6;color:var(--slate);max-width:30ch} @media (max-width:900px){ .hwa__head{flex-direction:column;align-items:flex-start} .hwa__steps{grid-template-columns:1fr 1fr;row-gap:36px;margin-top:28px} .hwa__steps::before,.hwa__steps::after{display:none} } @media (max-width:560px){.hwa__steps{grid-template-columns:1fr;row-gap:28px}.hwa__steps li{padding-right:0}} /* How it works (Security + IT leaders), phones: number on the left, heading and text beside it (client, 2026-11-13) */ @media (max-width:560px){ .hwa__steps{row-gap:24px} .hwa__steps li{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:16px;align-items:start} .hwa__steps li .hwa__n{grid-column:1;grid-row:1 / span 2} .page .section.hwa .hwa__steps h3{grid-column:2;margin:0;padding-top:9px} .page .section.hwa .hwa__steps p{grid-column:2;margin:6px 0 0;max-width:none} } /* Blog cards: the whole card opens the article (client, 2026-11-13). The "Read article" link stays the one real link; its ::after covers the card. */ .bl-card,.bl-feat{position:relative;cursor:pointer} .bl-card .link-cta::after,.bl-feat .link-cta::after{content:"";position:absolute;inset:0;z-index:1} .bl-feat:hover{border-color:var(--navy-700)} .bl-card .link-cta:focus-visible,.bl-feat .link-cta:focus-visible{outline:none} .bl-card:has(.link-cta:focus-visible),.bl-feat:has(.link-cta:focus-visible){outline:2px solid var(--gold-text);outline-offset:3px} /* illustration label sans */svg .sg-h{font-family:var(--f-body)!important;font-weight:500;font-size:16px;letter-spacing:0} /* IT solution ยท CTA row: outline only, no fill (shade E) */ #it-solution .ss3__cta{background:transparent} /* serif plus: match numeral weight */html body .h5-stats .h5-stats__num i{font-family:"Newsreader",Georgia,serif!important;font-weight:400!important;font-size:.82em;font-variation-settings:"opsz" 72;margin-left:.04em;position:relative;top:-.04em} /* Home problem 7C ยท subtle draw-in animation */ .c7anim .a-base,.c7anim .a-curve,.c7anim .a-gold{stroke-dasharray:1 1;stroke-dashoffset:1} .c7anim .a-fill1,.c7anim .a-fill2,.c7anim .a-else,.c7anim .a-head,.c7anim .a-ck{opacity:0} .c7anim .a-card{opacity:0;transform:translateY(10px)} .c7anim .a-dot{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.2)} .c7anim.is-in .a-base{animation:c7draw .7s ease-out forwards} .c7anim.is-in .a-curve{animation:c7draw 1.6s cubic-bezier(.3,0,.45,1) .3s forwards} .c7anim.is-in .a-dot{animation:c7pop .45s ease-out .8s forwards} .c7anim.is-in .a-gold{animation:c7draw .45s ease-out 1.1s forwards} .c7anim.is-in .a-card{animation:c7rise .5s ease-out 1.45s forwards} .c7anim.is-in .a-ck{animation:c7fade .25s ease-out calc(1.85s + var(--i) * .12s) forwards} .c7anim.is-in .a-else{animation:c7fade .5s ease-out 1.9s forwards} .c7anim.is-in .a-fill1{animation:c7fade .8s ease-out 1.9s forwards} .c7anim.is-in .a-fill2{animation:c7fade .8s ease-out 2.2s forwards} .c7anim.is-in .a-head{animation:c7rise .6s ease-out 2.4s forwards} @keyframes c7draw{to{stroke-dashoffset:0}} @keyframes c7fade{to{opacity:1}} @keyframes c7rise{to{opacity:1;transform:none}} @keyframes c7pop{60%{opacity:1;transform:scale(1.3)}100%{opacity:1;transform:scale(1)}} @media (prefers-reduced-motion:reduce){.c7anim *{animation:none!important;opacity:1!important;transform:none!important;stroke-dashoffset:0!important}} /* CTA-lt: larger type */ html body .cta-lt h2{font-size:clamp(2.5rem,1.4rem + 3.2vw,4rem)!important;line-height:1.04!important;max-width:min(780px,62%)!important} html body .cta-lt .eyebrow{font-size:13px}@media (max-width:760px){html body .cta-lt h2{max-width:100%!important}} html body .cta-lt .cta-lt__line{font-size:clamp(1.0625rem,.95rem + .45vw,1.25rem)!important;line-height:1.6;max-width:560px} html body .cta-lt .cta-lt__actions .btn{min-height:56px;font-size:16px} html body .cta-lt .cta-lt__actions .link-cta{font-size:16px} /* Security leaders ยท Problem checklist, version B: two cards, ticks vs crosses */ .pf figure.pfb{display:block;margin-top:var(--sp-8);width:100%;max-width:none;grid-column:1/-1;padding:0;border:0;background:none} .pf figure.pfb .pfb__grid{display:grid} .pfb__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter)} .pfb__card{background:var(--white);border:1px solid var(--line);border-top:3px solid var(--navy-900);padding:32px 36px 20px} .pfb__card--no{border-top-color:#B42318} .pfb__sub{margin:0;font:500 11px/1.3 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--navy-900)} .pfb__card--no .pfb__sub{color:#B42318} .page .section .pfb h3.pfb__t{margin:10px 0 18px;font:500 1.5rem/1.25 var(--f-body);letter-spacing:-.01em;color:var(--navy-900)} .pfb__list{list-style:none;margin:0;padding:0} .pfb__list li{display:flex;gap:14px;align-items:flex-start;padding:18px 0;border-top:1px solid var(--line)} .pfb__ic{width:15px;height:13px;flex:none;margin-top:3px;color:var(--navy-900)} .pfb__card--no .pfb__ic{color:#B42318;width:13px} .pfb__k{display:block;font:500 10.5px/1.3 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--blue-300)} .pfb__v{display:block;margin-top:6px;font:400 1.25rem/1.35 var(--f-body);color:var(--slate)} .pfb__card--no .pfb__v{font-weight:500;color:var(--navy-900)} .pfb__foot{margin-top:var(--gutter);background:var(--white);border:1px solid var(--line);padding:28px 40px;display:flex;align-items:center;gap:32px} .pfb__score{display:flex;align-items:baseline;gap:6px;flex:none;padding-right:32px;border-right:1px solid var(--line)} .pfb__score b{font:300 56px/1 var(--f-body);color:#B42318} .pfb__score small{font:300 26px/1 var(--f-body);color:#E3928A} .pfb__score em{font:500 11px/1 var(--f-mono);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:#B42318;margin-left:10px} .pfb__line{font:400 1.5rem/1.35 var(--f-body);color:var(--navy-900)} @media (max-width:860px){.pfb__grid{grid-template-columns:1fr}.pfb__card{padding:26px 22px 14px}.pfb__foot{flex-direction:column;align-items:flex-start;gap:16px;padding:24px 22px}.pfb__score{border-right:0;padding-right:0}.pfb__line{font-size:1.25rem}} /* breadcrumb separator: visible */html body .sl2-crumbs li+li::before{color:var(--blue-300)!important;opacity:1}html body .ix-hero .sl2-crumbs li+li::before,html body .section--dark .sl2-crumbs li+li::before{color:#4F7598!important} /* checklist icons on the right */.pfb__list li{align-items:center}.pfb__list li>div{flex:1;min-width:0}.pfb__list li>.pfb__ic{order:2;margin:0 0 0 16px;width:18px;height:16px}.pfb__card--no .pfb__list li>.pfb__ic{width:15px;height:15px} /* serif plus v2: full-size Newsreader plus, aligned to numerals */html body .h5-stats .h5-stats__num i{font-size:1.08em!important;font-weight:400!important;top:.02em!important;margin-left:.02em!important;line-height:0} /* How it works (hwa): build-in + loop signal */ .hwa-anim .hwa__art>g{opacity:0;transition:opacity .6s var(--ease-out)} .hwa-anim .hwa__art>line,.hwa-anim .hwa__art>path{stroke-dasharray:var(--hl);stroke-dashoffset:var(--hl);transition:stroke-dashoffset .7s var(--ease-out)} .hwa-anim .hwa__steps>li{opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)} .hwa-anim.hwa-go .hwa__art>g{opacity:1}.hwa-anim.hwa-go .hwa__steps>li{opacity:1;transform:none} .hwa-anim.hwa-go .hwa__art>line,.hwa-anim.hwa-go .hwa__art>path{stroke-dashoffset:0} .hwa-anim .hwa__art>g:nth-of-type(2){transition-delay:.45s}.hwa-anim .hwa__art>g:nth-of-type(3){transition-delay:.9s}.hwa-anim .hwa__art>g:nth-of-type(4){transition-delay:1.35s} .hwa-anim .hwa__art>line:nth-of-type(1){transition-delay:.25s}.hwa-anim .hwa__art>path{transition-delay:.7s}.hwa-anim .hwa__art>line:nth-of-type(2){transition-delay:1.15s} .hwa-anim .hwa__steps>li:nth-child(1){transition-delay:.3s}.hwa-anim .hwa__steps>li:nth-child(2){transition-delay:.55s}.hwa-anim .hwa__steps>li:nth-child(3){transition-delay:.8s}.hwa-anim .hwa__steps>li:nth-child(4){transition-delay:1.05s} .hwa__art .hwa-dot{opacity:0} @media (prefers-reduced-motion:reduce){.hwa-anim .hwa__art>g{opacity:1!important}.hwa-anim .hwa__steps>li{opacity:1!important;transform:none!important}.hwa-anim .hwa__art>line,.hwa-anim .hwa__art>path{stroke-dashoffset:0!important}.hwa__art .hwa-dot{display:none}} /* IT leaders ยท How we vet: layout A, rule as row 05 */ .vt3{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:clamp(48px,7vw,96px);align-items:start} .page .section.vt3s h2.vt3__h{font-size:clamp(2rem,1.3rem + 1.7vw,2.875rem);line-height:1.1;color:var(--white);max-width:none} .vt3__intro{margin:28px 0;font-size:1.125rem;line-height:1.65;color:var(--mist)} .vt3__list{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--line-dark)} .vt3__list li{display:grid;grid-template-columns:56px 1fr;gap:12px;padding:30px 0;border-top:1px solid var(--line-dark)} .vt3__n{font:500 13px/1.8 var(--f-mono);color:var(--blue-300)} .vt3__k{display:block;font:500 12px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-light)} .vt3__q{margin:12px 0 0;font:400 1.5rem/1.35 var(--f-body);color:var(--white)} .vt3__list .vt3__rule{border-top:1px solid var(--gold);padding-bottom:34px;background:linear-gradient(90deg,rgba(201,134,35,.08),transparent 60%)} .vt3__one{font:300 44px/.9 var(--f-body);color:var(--gold-light)} .vt3__rt{margin:12px 0 0;font:500 1.5rem/1.35 var(--f-body);color:var(--white)} .vt3__rp{margin:8px 0 0;font-size:1rem;line-height:1.65;color:var(--mist);max-width:62ch} @media (max-width:960px){.vt3{grid-template-columns:1fr}} @media (max-width:560px){.vt3__list li{grid-template-columns:40px 1fr;padding:24px 0}.vt3__q,.vt3__rt{font-size:1.25rem}.vt3__one{font-size:36px}} /* index cards on paper: lighter art panel than bg */html body .section--paper .ix-card__art{background:#F9FBFC} /* Index: closing CTA lives in the navy band above footer */ #startups .ix-alt{display:none} html:has(.page[data-page="index"]:not([hidden])) #startups .f5-cta__in>:is(.eyebrow,h2,.f5-cta__line,.f5-cta__actions):not(.ix-alt){display:none} html:has(.page[data-page="index"]:not([hidden])) #startups .f5-cta__in>.ix-alt{display:revert} html:has(.page[data-page="index"]:not([hidden])) #startups .f5-cta__in>.f5-cta__actions.ix-alt{display:flex} /* serif plus glyph (drawn, bracketed terminals) */ html body .h5-stats .h5-stats__num i.sp{display:inline-block;width:.56em;height:.56em;margin-left:.06em;vertical-align:.12em;font-size:1em!important;top:0!important;line-height:0} .h5-stats__num i.sp svg{width:100%;height:100%;display:block}.h5-stats__num i.sp path{fill:var(--gold-light)} /* IT what's included: refined icons in a tile */ .lp-get .gi{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter} .lp-get .gi .ga{stroke:var(--gold)}.lp-get .gi .gaf{fill:var(--gold);stroke:none} .lp-get__card>svg.gi{width:60px!important;height:60px!important;padding:12px;box-sizing:border-box;overflow:visible;border:1px solid var(--line);color:var(--navy-700);background:var(--paper);transition:border-color var(--t-fast)} .lp-get__card:hover>svg.gi{border-color:var(--navy-700)} .lp-get__art svg.gi{width:72px!important;height:72px!important;padding:14px;box-sizing:border-box;overflow:visible;border:1px solid var(--line-dark);color:#8FAAC4} .lp-get__art svg.gi .ga{stroke:var(--gold-light)} /* IT one-rule row: inner spacing */ html body .vt3__list li.vt3__rule{padding-left:20px;padding-right:24px;grid-template-columns:36px 1fr} @media (max-width:560px){html body .vt3__list li.vt3__rule{padding-left:16px;padding-right:16px;grid-template-columns:24px 1fr}} html body .vt3s .vt3__list li.vt3__rule{border-top:1px solid var(--gold)} /* SL advisor quote in serif (exception to headings-only rule) */html body #sl-quote blockquote,html body #sl-quote blockquote *{font-family:"Newsreader",Georgia,serif!important;font-weight:400!important;letter-spacing:-.015em!important} /* SL use cases header: title left, intro right on the title baseline, room before component */ html body :is(#sl-uses,#it-uses) .sh{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,380px)!important;column-gap:clamp(32px,5vw,80px)!important;row-gap:20px!important;align-items:end!important;margin-bottom:clamp(40px,5vw,64px)!important} html body :is(#sl-uses,#it-uses) .sh__title{grid-column:1!important;max-width:none!important} html body :is(#sl-uses,#it-uses) .sh__side{grid-column:2!important;max-width:none!important;align-self:end!important;padding-bottom:6px} html body :is(#sl-uses,#it-uses) .sh-intro{max-width:none!important;margin:0!important;font-size:17px!important;line-height:1.6!important} @media (max-width:900px){html body :is(#sl-uses,#it-uses) .sh{grid-template-columns:1fr!important}html body :is(#sl-uses,#it-uses) .sh__side{grid-column:1!important;max-width:600px!important;padding-bottom:0}} /* SL relationship list: titles in sans */html body .gt-list .gt-row h3{font-family:var(--f-body)!important;font-weight:500!important;font-size:1.1875rem!important;letter-spacing:-.01em!important;line-height:1.3!important} /* #stp: headline + footer join the build-in so the whole box flows */ #stp .c7anim>text:nth-of-type(-n+2){opacity:0;transform:translateY(10px)} #stp .c7anim.is-in>text:nth-of-type(1){animation:c7rise .6s ease-out 0s forwards} #stp .c7anim.is-in>text:nth-of-type(2){animation:c7rise .6s ease-out .15s forwards} #stp .c7anim.is-in .a-base{animation:c7draw .7s ease-out 0.45s forwards} #stp .c7anim.is-in .a-curve{animation:c7draw 1.6s cubic-bezier(.3,0,.45,1) 0.75s forwards} #stp .c7anim.is-in .a-dot{animation:c7pop .45s ease-out 1.25s forwards} #stp .c7anim.is-in .a-gold{animation:c7draw .45s ease-out 1.55s forwards} #stp .c7anim.is-in .a-card{animation:c7rise .5s ease-out 1.90s forwards} #stp .c7anim.is-in .a-else{animation:c7fade .5s ease-out 2.35s forwards} #stp .c7anim.is-in .a-fill1{animation:c7fade .8s ease-out 2.35s forwards} #stp .c7anim.is-in .a-fill2{animation:c7fade .8s ease-out 2.65s forwards} #stp .c7anim.is-in .a-head{animation:c7rise .6s ease-out 2.85s forwards} #stp .c7anim.is-in .a-ck{animation:c7fade .25s ease-out calc(2.30s + var(--i) * .12s) forwards} #stp .stp__foot{opacity:0;transform:translateY(8px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)} #stp:has(.c7anim.is-in) .stp__foot{opacity:1;transform:none;transition-delay:3.2s} @media (prefers-reduced-motion:reduce){#stp .c7anim>text{opacity:1!important;animation:none!important}#stp .stp__foot{opacity:1!important;transform:none!important}} /* How we vet C: spec table */ .vtc__head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(32px,6vw,96px);align-items:end} .page .section.vtcs h2.vtc__h{font-size:clamp(2rem,1.2rem + 2.2vw,3.375rem);line-height:1.08;color:var(--white);max-width:none} .page .section.vtcs h2.vtc__h .soft{display:block;color:var(--mist)} .vtc__side{display:grid;gap:20px;justify-items:start} .vtc__intro{font-size:1.0625rem;line-height:1.65;color:var(--mist)} .vtc__th{margin-top:clamp(48px,6vw,80px);display:grid;grid-template-columns:320px 1fr;gap:40px;padding-bottom:14px;font:400 11px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--blue-300)} .vtc__tbl{list-style:none;margin:0;padding:0} .vtc__row{display:grid;grid-template-columns:320px 1fr;gap:40px;align-items:baseline;padding:30px 0;border-top:1px solid var(--line-dark)} .vtc__k{display:flex;align-items:center;gap:14px;font:500 1.25rem/1.3 var(--f-body);color:var(--white)} .vtc__chk{width:16px;height:16px;flex:none;fill:none;stroke:var(--gold-light);stroke-width:1.5} .vtc__q{font:400 1.375rem/1.4 var(--f-body);color:var(--mist)} .vtc__rule{border-top:1px solid var(--gold);border-bottom:1px solid var(--line-dark);align-items:center} .vtc__one{font:300 44px/1 var(--f-body);color:var(--gold-light)} .vtc__rp{font-size:1.0625rem;line-height:1.65;color:var(--mist);max-width:720px} @media (max-width:960px){.vtc__head{grid-template-columns:1fr;align-items:start}.vtc__th,.vtc__row{grid-template-columns:240px 1fr;gap:24px}} @media (max-width:640px){.vtc__th{display:none}.vtc__row{grid-template-columns:1fr;gap:10px;padding:24px 0}.vtc__q{font-size:1.1875rem;padding-left:30px}.vtc__rp{padding-left:0}.vtc__one{font-size:38px}} /* one-rule row: bring back the soft gold gradient */html body .vtc__row.vtc__rule{background:linear-gradient(90deg,rgba(201,134,35,.10),rgba(201,134,35,.03) 45%,transparent 75%);padding-left:20px} /* What you get A: index band + four tiles (IT) */ .wga__head{display:flex;justify-content:space-between;align-items:flex-end;gap:clamp(32px,5vw,64px)} .page .section.wga-s h2.wga__h{font-size:clamp(2rem,1.2rem + 2.4vw,3.625rem);line-height:1.05;max-width:none} .wga__intro{max-width:400px;font-size:1.125rem;line-height:1.6;color:var(--slate)} .wga__band{margin-top:56px;background:var(--ink);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:56px;padding:44px 48px;align-items:center;color:var(--mist)} .wga__k{font:400 12px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-light)} .page .wga__band h3{margin-top:14px;font:500 clamp(1.625rem,1.2rem + 1vw,2.125rem)/1.3 var(--f-body);letter-spacing:-.005em;color:var(--white)} .wga__band > div > p:not(.wga__k){margin-top:8px;font-size:1.125rem;line-height:1.6;color:var(--mist);max-width:56ch} .wga__band .link-cta{margin-top:28px;color:var(--white)}.wga__band .link-cta .arr{color:var(--gold-light)} .wga__card{background:var(--surface-dark);border:1px solid var(--line-dark);padding:18px 24px} .wga__card figcaption{display:flex;justify-content:space-between;padding-bottom:14px;font:400 10.5px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mist)} .wga__card li{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-top:1px solid var(--line-dark);font-size:1rem;color:var(--white)} .wga__card li > span:last-of-type{margin-left:auto} .wga__seg{display:inline-flex;gap:4px}.wga__seg i{width:22px;height:6px;background:var(--line-dark)}.wga__seg i.on{background:var(--gold)} .wga__card li b{width:34px;text-align:right;font:500 12px/1 var(--f-mono);color:var(--mist)} .wga__card > p{border-top:1px solid var(--line-dark);padding-top:14px;font-size:.84rem;line-height:1.5;color:var(--mist)}.wga__card > p b{color:var(--white);font-weight:500} .wga__then{margin-top:20px;display:flex;align-items:center;gap:14px;font:400 12px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-text)} .wga__then span{width:28px;height:1px;background:var(--gold)} .wga__tiles{margin-top:20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px} .wga__tile{background:var(--white);border:1px solid var(--line);padding:28px 26px 30px;display:flex;flex-direction:column;gap:18px} .wga__top{display:flex;justify-content:space-between;align-items:flex-start} .wga__tile .get-card__icon{width:28px;height:28px;margin:0} .wga__tile .gi{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter;color:var(--navy-700);overflow:visible}.wga__tile .gi .ga{stroke:var(--gold)}.wga__tile .gi .gaf{fill:var(--gold);stroke:none} .wga__n{font:500 12px/1 var(--f-mono);color:var(--gold-text)} .page .wga__tile h3{font:500 1.1875rem/1.3 var(--f-body);letter-spacing:-.005em;color:var(--navy-900)} .wga__tile p{margin-top:-10px;font-size:.9375rem;line-height:1.6;color:var(--slate)} @media (max-width:1080px){.wga__band{grid-template-columns:1fr;gap:36px}.wga__card{max-width:520px}.wga__tiles{grid-template-columns:1fr 1fr}} @media (max-width:760px){.wga__head{flex-direction:column;align-items:flex-start;gap:20px}.wga__band{padding:32px 24px;margin-top:40px}.wga__tiles{grid-template-columns:1fr}.wga__card{padding:16px 18px}.wga__seg i{width:16px}} /* How we vet B: gapless 2x2 grid + rule row (SL) */ .vtb__head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(32px,6vw,96px);align-items:end} .page .section.vtbs h2.vtb__h{font-size:clamp(2rem,1.2rem + 2.2vw,3.375rem);line-height:1.08;color:var(--white);max-width:none} .page .section.vtbs h2.vtb__h .soft{display:block;color:var(--mist)} .vtb__side{display:grid;gap:20px;justify-items:start} .vtb__intro{font-size:1.0625rem;line-height:1.65;color:var(--mist)} .vtb__grid{list-style:none;margin:clamp(48px,6vw,64px) 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line-dark);border-left:1px solid var(--line-dark)} .vtb__cell{border-right:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);padding:40px 40px 44px;display:flex;flex-direction:column;gap:22px} .vtb__k{display:flex;align-items:center;gap:12px;font:400 12px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-light)} .vtb__chk{width:14px;height:12px;flex:none;fill:none;stroke:var(--gold-light);stroke-width:1.75;stroke-linecap:square} .vtb__q{font:500 1.5rem/1.35 var(--f-body);letter-spacing:-.01em;color:var(--white)} .vtb__rule{border:1px solid var(--line-dark);border-top:0;padding:40px;display:grid;grid-template-columns:auto 1fr;gap:36px;align-items:center} .vtb__one{font:300 88px/.8 var(--f-body);letter-spacing:-.03em;color:var(--gold-light)} .vtb__rbody{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:48px;align-items:center;border-left:1px solid var(--line-dark);padding-left:36px} .vtb__rk{font:400 12px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--blue-300)} .vtb__rt{margin-top:14px;font:500 1.5rem/1.35 var(--f-body);letter-spacing:-.01em;color:var(--white)} .vtb__rp{font-size:1.0625rem;line-height:1.65;color:var(--mist)} @media (max-width:1080px){.vtb__rbody{grid-template-columns:1fr;gap:16px}} @media (max-width:960px){.vtb__head{grid-template-columns:1fr;align-items:start}} @media (max-width:640px){.vtb__grid{grid-template-columns:1fr}.vtb__cell{padding:28px 24px 30px;gap:16px}.vtb__q,.vtb__rt{font-size:1.25rem}.vtb__rule{grid-template-columns:1fr;gap:16px;padding:28px 24px}.vtb__rbody{border-left:0;padding-left:0}.vtb__one{font-size:64px}} /* Insights carousel: soft edge fades while scrolling */ @property --fl{syntax:'';inherits:false;initial-value:0px} @property --fr{syntax:'';inherits:false;initial-value:0px} .hbl__track.has-fade{--fl:0px;--fr:0px;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--fl),#000 calc(100% - var(--fr)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--fl),#000 calc(100% - var(--fr)),transparent 100%);transition:--fl .35s ease,--fr .35s ease} .hbl__track.has-fade.fade-l{--fl:96px}.hbl__track.has-fade.fade-r{--fr:96px} @media (max-width:760px){.hbl__track.has-fade.fade-l{--fl:40px}.hbl__track.has-fade.fade-r{--fr:40px}} /* hero stats: plus back to sans */html body .h5-stats .h5-stats__num i.ps{font-family:var(--f-body)!important;font-weight:300!important;font-size:.9em!important;font-variation-settings:normal;position:relative;top:-.04em!important;margin-left:.04em!important;line-height:1} /* insights carousel: card titles in sans */html body .hbl__track .hbl__body h3{font-family:var(--f-body)!important;font-weight:500!important;font-size:1.1875rem!important;line-height:1.35!important;letter-spacing:-.01em!important} /* Index stats: serif numbers, sans plus */html body .page .ix-one__stats.np-stats dt:not(h1):not(h2):not(h3):not(h4){font-family:"Newsreader",Georgia,serif!important;font-weight:400!important;letter-spacing:-.02em!important}html body .page .ix-one__stats.np-stats dt i.pl:not(h1):not(h2):not(h3):not(h4){font-family:var(--f-body)!important;font-style:normal;font-weight:300;font-size:.9em;margin-left:.04em;position:relative;top:-.04em} /* ATICO button system (final): solid navy primary, editorial text link */ html body .btn.btn--primary{display:inline-flex!important;align-items:center;justify-content:center!important;gap:12px!important;min-height:52px!important;height:auto;padding:0 24px!important;background:#052F4B!important;background-image:none!important;color:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;font:600 16px/1.1 Inter,system-ui,sans-serif!important;letter-spacing:0!important;text-decoration:none!important;transition:background-color 150ms ease,color 150ms ease!important} html body .btn.btn--primary::after{content:""!important;display:block!important;flex:none;width:16px!important;height:16px!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 8h11.5M9 3.5 13.5 8 9 12.5' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E") center/16px 16px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 8h11.5M9 3.5 13.5 8 9 12.5' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E") center/16px 16px no-repeat;animation:none!important;transform:translateX(0)!important;transition:transform 150ms ease!important} html body .btn.btn--primary .arr{display:none!important} html body .btn.btn--primary:hover{background:#0A3F66!important} html body .btn.btn--primary:hover::after{transform:translateX(4px)!important} html body .btn.btn--primary:active{background:#03243A!important;transition-duration:80ms!important} html body .btn.btn--primary:active::after{transform:translateX(0)!important} html body .btn.btn--primary:focus-visible{outline:2px solid #9A6516!important;outline-offset:3px!important} html body :is(.hero,.section--dark,.h4--dark,.site-header,.site-footer,.cta-box,.closing,.startup-band,.f5-cta,.f5,.mobile-menu) .btn.btn--primary{background:#fff!important;color:#052F4B!important} html body :is(.hero,.section--dark,.h4--dark,.site-header,.site-footer,.cta-box,.closing,.startup-band,.f5-cta,.f5,.mobile-menu) .btn.btn--primary:hover{background:#DDE7F0!important} html body :is(.hero,.section--dark,.h4--dark,.site-header,.site-footer,.cta-box,.closing,.startup-band,.f5-cta,.f5,.mobile-menu) .btn.btn--primary:active{background:#C7D6E4!important} html body :is(.hero,.section--dark,.h4--dark,.site-header,.site-footer,.cta-box,.closing,.startup-band,.f5-cta,.f5,.mobile-menu) .btn.btn--primary:focus-visible{outline-color:#DFA047!important} html body .btn.btn--primary.btn--sm{min-height:36px!important;padding:0 14px!important;gap:10px!important} html body .btn.btn--primary[aria-disabled="true"],html body .btn.btn--primary:disabled{background:#DCE4EC!important;color:#4A5B6C!important;cursor:not-allowed} @media (max-width:760px){html body .btn.btn--primary{min-height:52px!important}html body .btn.btn--primary.btn--sm{position:relative}html body .btn.btn--primary.btn--sm::before{content:"";position:absolute;inset:-4px 0}} /* text link: always underlined in a soft tone, arrow nudges on hover */ html body a.link-cta{display:inline-flex!important;align-items:baseline;gap:8px!important;font:600 16px/1.4 Inter,system-ui,sans-serif!important;letter-spacing:0;color:#052F4B!important;text-decoration:underline!important;text-decoration-color:#9AB0C4!important;text-decoration-thickness:1px!important;text-underline-offset:6px!important;transition:color 150ms ease,text-decoration-color 150ms ease!important;min-height:24px} html body a.link-cta:hover{text-decoration-color:currentColor!important} html body a.link-cta:active{color:#0B6CB1!important} html body a.link-cta:focus-visible{outline:2px solid #9A6516!important;outline-offset:4px!important} html body a.link-cta .arr{display:inline-block;color:inherit!important;text-decoration:none;transform:translateX(0);transition:transform 150ms ease!important;animation:none!important} html body a.link-cta:hover .arr{transform:translateX(4px)!important} html body :is(.hero,.section--dark,.h4--dark,.site-header,.site-footer,.cta-box,.closing,.startup-band,.f5-cta,.f5,.mobile-menu) a.link-cta, html body :is(.ix-get,.wga__band,.lp-get__lead,.get-card--lead,.vtc,.vtcs,.vtbs) a.link-cta{color:#fff!important;text-decoration-color:#6F8FAD!important} html body :is(.hero,.section--dark,.h4--dark,.site-header,.site-footer,.cta-box,.closing,.startup-band,.f5-cta,.f5,.mobile-menu) a.link-cta:hover{text-decoration-color:#fff!important} html body :is(.hero,.section--dark,.h4--dark,.site-header,.site-footer,.cta-box,.closing,.startup-band,.f5-cta,.f5,.mobile-menu) a.link-cta:active{color:#9AB3CA!important} html body :is(.hero,.section--dark,.h4--dark,.site-header,.site-footer,.cta-box,.closing,.startup-band,.f5-cta,.f5,.mobile-menu) a.link-cta:focus-visible{outline-color:#DFA047!important} html body a.link-cta .arr{font-size:0!important;width:16px!important;height:16px!important;align-self:center!important;background:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 8h11.5M9 3.5 13.5 8 9 12.5' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E") center/16px 16px no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 8h11.5M9 3.5 13.5 8 9 12.5' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E") center/16px 16px no-repeat!important} /* context classes set by script: whatever the real background is */ html body .btn.btn--primary.btn--primary.is-ondark{background:#fff!important;color:#052F4B!important} html body .btn.btn--primary.btn--primary.is-ondark:hover{background:#DDE7F0!important} html body .btn.btn--primary.btn--primary.is-ondark:active{background:#C7D6E4!important} html body .btn.btn--primary.btn--primary.is-ondark:focus-visible{outline-color:#DFA047!important} html body .btn.btn--primary.btn--primary.is-onlight{background:#052F4B!important;color:#fff!important} html body .btn.btn--primary.btn--primary.is-onlight:hover{background:#0A3F66!important} html body .btn.btn--primary.btn--primary.is-onlight:active{background:#03243A!important} html body .btn.btn--primary.btn--primary.is-onlight:focus-visible{outline-color:#9A6516!important} html body a.link-cta.link-cta.is-ondark{color:#fff!important;text-decoration-color:#6F8FAD!important} html body a.link-cta.link-cta.is-ondark:hover{text-decoration-color:#fff!important} html body a.link-cta.link-cta.is-ondark:active{color:#9AB3CA!important} html body a.link-cta.link-cta.is-ondark:focus-visible{outline-color:#DFA047!important} html body a.link-cta.link-cta.is-onlight{color:#052F4B!important;text-decoration-color:#9AB0C4!important} html body a.link-cta.link-cta.is-onlight:hover{text-decoration-color:#052F4B!important} html body a.link-cta.link-cta.is-onlight:active{color:#0B6CB1!important} /* buttons: weight 500, hover = focus ring, links without underline */ html body .btn.btn--primary.btn--primary,html body a.link-cta.link-cta{font-weight:500!important} html body .btn.btn--primary.btn--primary:hover,html body .btn.btn--primary.btn--primary.is-onlight:hover{background:#052F4B!important;outline:2px solid #9A6516!important;outline-offset:3px!important} html body .btn.btn--primary.btn--primary.is-ondark:hover{background:#fff!important;outline:2px solid #DFA047!important;outline-offset:3px!important} html body a.link-cta.link-cta,html body a.link-cta.link-cta:hover,html body a.link-cta.link-cta.is-ondark,html body a.link-cta.link-cta.is-onlight,html body a.link-cta.link-cta.is-ondark:hover,html body a.link-cta.link-cta.is-onlight:hover{text-decoration:none!important} /* #stp card: gold outline on hover */#stp .a-card{cursor:default}#stp .a-card>rect:first-child{transition:stroke .25s ease,stroke-width .25s ease}#stp .a-card:hover>rect:first-child,#stp:hover .a-card>rect:first-child{stroke:#C98623!important;stroke-width:1.5} /* hover: same 2px gold ring as focus, but it eases out from the button edge and fades in; arrow glides */ html body .btn.btn--primary.btn--primary{outline:2px solid transparent;outline-offset:0;transition:background-color 150ms ease,color 150ms ease,outline-color 280ms cubic-bezier(.2,.7,.2,1),outline-offset 280ms cubic-bezier(.2,.7,.2,1)!important} html body .btn.btn--primary.btn--primary::after{transition:transform 280ms cubic-bezier(.2,.7,.2,1)!important} html body .btn.btn--primary.btn--primary:hover::after{transform:translateX(3px)!important} html body .btn.btn--primary.btn--primary:hover,html body .btn.btn--primary.btn--primary.is-onlight:hover{background:#052F4B!important;outline:2px solid #9A6516!important;outline-offset:3px!important} html body .btn.btn--primary.btn--primary.is-ondark:hover{background:#fff!important;outline:2px solid #DFA047!important;outline-offset:3px!important} html body .btn.btn--primary.btn--primary:focus-visible{outline:2px solid #9A6516!important;outline-offset:3px!important} html body .btn.btn--primary.btn--primary.is-ondark:focus-visible{outline:2px solid #DFA047!important} html body a.link-cta .arr{transition:transform 280ms cubic-bezier(.2,.7,.2,1)!important} html body a.link-cta:hover .arr{transform:translateX(3px)!important} /* header button: a little taller, more side room, label one step smaller so it breathes */ html body .btn.btn--primary.btn--primary.btn--sm{min-height:40px!important;padding:0 20px!important;gap:10px!important;font-size:15px!important} html body .btn.btn--primary.btn--primary.btn--sm::after{width:14px!important;height:14px!important;-webkit-mask-size:14px 14px!important;mask-size:14px 14px!important} /* Insights fades v2: subtle, only while scrolling */ .hbl__track.has-fade{-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,var(--fa)) 0,#000 var(--fl),#000 calc(100% - var(--fr)),rgba(0,0,0,var(--fb)) 100%)!important;mask-image:linear-gradient(to right,rgba(0,0,0,var(--fa)) 0,#000 var(--fl),#000 calc(100% - var(--fr)),rgba(0,0,0,var(--fb)) 100%)!important;--fa:1;--fb:1} @property --fa{syntax:'';inherits:false;initial-value:1} @property --fb{syntax:'';inherits:false;initial-value:1} .hbl__track.has-fade{transition:--fl .4s ease,--fr .4s ease,--fa .4s ease,--fb .4s ease!important} .hbl__track.has-fade.fade-l,.hbl__track.has-fade.fade-r{--fl:0px;--fr:0px} .hbl__track.has-fade.is-scrolling.fade-l{--fl:48px;--fa:.4} .hbl__track.has-fade.is-scrolling.fade-r{--fr:48px;--fb:.4} @media (max-width:760px){.hbl__track.has-fade.is-scrolling.fade-l{--fl:28px}.hbl__track.has-fade.is-scrolling.fade-r{--fr:28px}} /* text links: a 1px line draws in under the label on hover (stops before the arrow) */ html body a.link-cta.link-cta{background-image:linear-gradient(currentColor,currentColor)!important;background-repeat:no-repeat!important;background-position:0 100%!important;background-size:0 1px!important;padding-bottom:3px!important;transition:color 150ms ease,background-size 300ms cubic-bezier(.2,.7,.2,1)!important} html body a.link-cta.link-cta:hover{background-size:calc(100% - 24px) 1px!important} @media (prefers-reduced-motion:reduce){html body a.link-cta.link-cta{transition:none!important}} /* FAQ questions: slightly smaller everywhere */html body .faq details>summary:not(h1):not(h2):not(h3){font-size:clamp(1.125rem,1rem + .45vw,1.3125rem)!important;line-height:1.4!important} /* Index cards: post title serif + larger, company name sans + smaller */ html body .ix-card .ix-card__body>h3:not(h4){font-family:var(--f-body)!important;font-size:15px!important;font-weight:500!important;letter-spacing:0!important;line-height:1.3!important;color:var(--navy-700)!important;margin:0!important} html body .ix-card .ix-card__body>p.ix-card__tag:not(h1):not(h2):not(h3){font-family:"Newsreader",Georgia,serif!important;font-size:clamp(1.375rem,1.2rem + .5vw,1.625rem)!important;font-weight:400!important;line-height:1.2!important;letter-spacing:-.015em!important;color:var(--navy-900)!important;margin:8px 0 12px!important;text-wrap:balance} /* events: date numbers serif */html body .page .np-ev__date b:not(h1):not(h2):not(h3):not(h4){font-family:"Newsreader",Georgia,serif!important;font-weight:400!important;letter-spacing:-.02em!important} /* v1: company detail page hidden; no links into it */.ix-open{display:none!important}.page[data-page="tech-detail"]{display:none!important} /* Mobile nav: legible on white header pages + tidy toggle/CTA on all */ @media (max-width:1080px){ html body .menu-toggle{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center} html body .menu-toggle svg{width:20px!important;height:20px!important;display:block} html body .site-header__inner>.site-header__cta,html body .site-header__inner .btn.site-header__cta{white-space:nowrap} .mobile-menu summary{font-size:17px} .mobile-menu details a{font-size:15px} } @media (max-width:560px){html body .site-header__inner .btn.site-header__cta{display:none!important}html body .menu-toggle{margin-left:auto;flex:none}} html:has(:is(.page[data-page="security-leaders"],.page[data-page="it-leaders"],.page[data-page="tech-detail"],.page[data-page="post"],.page[data-page="advisory-network"],.page[data-page="events"],.page[data-page="about"],.page[data-page="careers"],.page[data-page="for-startups"],.page[data-page="request-briefing"]):not([hidden])) .mobile-menu{background:var(--white);border-top:1px solid var(--line)} html:has(:is(.page[data-page="security-leaders"],.page[data-page="it-leaders"],.page[data-page="tech-detail"],.page[data-page="post"],.page[data-page="advisory-network"],.page[data-page="events"],.page[data-page="about"],.page[data-page="careers"],.page[data-page="for-startups"],.page[data-page="request-briefing"]):not([hidden])) .mobile-menu details{border-bottom:1px solid var(--line)!important} html:has(:is(.page[data-page="security-leaders"],.page[data-page="it-leaders"],.page[data-page="tech-detail"],.page[data-page="post"],.page[data-page="advisory-network"],.page[data-page="events"],.page[data-page="about"],.page[data-page="careers"],.page[data-page="for-startups"],.page[data-page="request-briefing"]):not([hidden])) .mobile-menu summary{color:var(--navy-900)!important} html:has(:is(.page[data-page="security-leaders"],.page[data-page="it-leaders"],.page[data-page="tech-detail"],.page[data-page="post"],.page[data-page="advisory-network"],.page[data-page="events"],.page[data-page="about"],.page[data-page="careers"],.page[data-page="for-startups"],.page[data-page="request-briefing"]):not([hidden])) .mobile-menu summary::after{color:var(--gold-text)!important} html:has(:is(.page[data-page="security-leaders"],.page[data-page="it-leaders"],.page[data-page="tech-detail"],.page[data-page="post"],.page[data-page="advisory-network"],.page[data-page="events"],.page[data-page="about"],.page[data-page="careers"],.page[data-page="for-startups"],.page[data-page="request-briefing"]):not([hidden])) .mobile-menu details a{color:var(--slate)!important} html:has(:is(.page[data-page="security-leaders"],.page[data-page="it-leaders"],.page[data-page="tech-detail"],.page[data-page="post"],.page[data-page="advisory-network"],.page[data-page="events"],.page[data-page="about"],.page[data-page="careers"],.page[data-page="for-startups"],.page[data-page="request-briefing"]):not([hidden])) .mobile-menu details a:hover,html:has(:is(.page[data-page="security-leaders"],.page[data-page="it-leaders"],.page[data-page="tech-detail"],.page[data-page="post"],.page[data-page="advisory-network"],.page[data-page="events"],.page[data-page="about"],.page[data-page="careers"],.page[data-page="for-startups"],.page[data-page="request-briefing"]):not([hidden])) .mobile-menu details a:focus-visible{color:var(--navy-900)!important} html:has(:is(.page[data-page="security-leaders"],.page[data-page="it-leaders"],.page[data-page="tech-detail"],.page[data-page="post"],.page[data-page="advisory-network"],.page[data-page="events"],.page[data-page="about"],.page[data-page="careers"],.page[data-page="for-startups"],.page[data-page="request-briefing"]):not([hidden])) .menu-toggle{color:var(--navy-900)!important;border-color:var(--line)!important} html:has(:is(.page[data-page="security-leaders"],.page[data-page="it-leaders"],.page[data-page="tech-detail"],.page[data-page="post"],.page[data-page="advisory-network"],.page[data-page="events"],.page[data-page="about"],.page[data-page="careers"],.page[data-page="for-startups"],.page[data-page="request-briefing"]):not([hidden])) .menu-toggle[aria-expanded="true"]{border-color:var(--navy-700)!important} /* home problem panel: no bg grid, no corner marks */html body .ss-ab-panel{background:var(--white)!important}html body .ss-ab-panel>span[style*="position:absolute"]{display:none!important} /* home scroll story: no step rail */#ss-rail{display:none!important} /* scroll story: no logo above the How it works heading */#ss-mkph{display:none!important} /* v1: Advisory network page parked for phase 2 */.page[data-page="advisory-network"]{display:none!important} /* Events: hero photo slot + event thumbnails */ [data-page="events"] .sl2-hero .bp-strip{display:none} .ev-photo{margin:clamp(40px,5vw,64px) auto 0;max-width:1200px} .ev-photo__ph{aspect-ratio:12/5;background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--blue-300)} .ev-photo__ph span{font:500 12px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--navy-700)} .ev-photo__ph small{font:400 12px/1.4 var(--f-body);color:var(--blue-300)} .ev-photo img{display:block;width:100%;aspect-ratio:12/5;object-fit:cover} html body .np-ev>li{grid-template-columns:112px 200px minmax(0,1fr) 220px} .np-ev__thumb{aspect-ratio:3/2;background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--blue-300)} .np-ev__thumb span{font:500 10px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--blue-300)} .np-ev__thumb img{width:100%;height:100%;object-fit:cover;display:block} @media (max-width:1080px){html body .np-ev>li{grid-template-columns:80px minmax(0,1fr);align-items:start}html body .np-ev__date{grid-column:1;grid-row:1/span 3}html body .np-ev__thumb{grid-column:2;grid-row:1;max-width:360px;width:100%}html body .np-ev__body{grid-column:2;grid-row:2}html body .np-ev__go{grid-column:2;grid-row:3}} @media (max-width:640px){html body .np-ev>li{grid-template-columns:64px minmax(0,1fr)}html body .np-ev__date{grid-row:1}html body .np-ev__thumb{grid-column:2;grid-row:1;max-width:none;aspect-ratio:16/9}html body .np-ev__body{grid-column:1/-1;grid-row:2}html body .np-ev__go{grid-column:1/-1;grid-row:3}.ev-photo__ph{aspect-ratio:4/3}} /* Events: image slots (formats, past events, gallery) */ .ev-ph{width:100%;height:100%;background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--blue-300)} .ev-ph span{font:500 10.5px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--blue-300)} .ev-ph img,.ev-gal img{width:100%;height:100%;object-fit:cover;display:block} .np-fmt>li>.ev-ph{aspect-ratio:4/3;height:auto;margin-bottom:24px} .ev-art{position:relative;aspect-ratio:16/10;height:auto!important;min-height:0}.ev-art>svg{display:none!important}.ev-art>.ev-ph{position:absolute;inset:0;border:0} .ev-gal{list-style:none;margin:clamp(32px,4vw,56px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(150px,15vw,220px);gap:16px} .ev-gal__i--1{grid-column:span 2;grid-row:span 2}.ev-gal__i--4,.ev-gal__i--5,.ev-gal__i--6{grid-column:span 2} .ev-gal__i .ev-ph{background:var(--white)} @media (max-width:760px){.ev-gal{grid-template-columns:1fr 1fr;grid-auto-rows:150px;gap:12px}.ev-gal__i--1{grid-column:1/-1;grid-row:span 2}.ev-gal__i--4,.ev-gal__i--5,.ev-gal__i--6{grid-column:span 1}.ev-gal__i--4{grid-column:1/-1}} /* Events quote: light version of the advisor quote card */ .ev-q{padding:clamp(56px,7vw,96px) 0!important} .evq{margin:0;display:grid;grid-template-columns:minmax(0,418px) minmax(0,1fr);background:var(--paper);position:relative} .evq::before{content:"";position:absolute;left:417px;top:clamp(32px,4vw,48px);width:2px;height:56px;background:var(--gold)} .evq__who{padding:clamp(32px,4vw,48px) clamp(32px,4vw,56px);border-right:1px solid var(--line);display:grid;gap:18px;align-content:start} .evq__photo{display:block;width:100%;max-width:240px;aspect-ratio:1;line-height:0}.evq__photo svg{width:100%;height:100%} .evq__name{display:grid;gap:4px}.evq__name b{font-weight:500;font-size:1rem;color:var(--navy-900)}.evq__name>span:not(.pending){font-size:.9375rem;color:var(--slate);line-height:1.45}.evq__name .pending{justify-self:start;margin-top:8px} .evq__body{padding:clamp(32px,4vw,48px) clamp(32px,5vw,56px);align-self:start}.evq__body .eyebrow{margin-bottom:20px} html body .evq blockquote,html body .evq blockquote *{font-family:"Newsreader",Georgia,serif!important;font-weight:400!important} .evq blockquote{margin:0;max-width:17em;font-size:clamp(1.75rem,1.2rem + 1.5vw,2.5rem);line-height:1.22;letter-spacing:-.015em;color:var(--navy-900)} .evq blockquote em{font-style:normal;color:var(--gold-text)} @media (max-width:860px){.evq{grid-template-columns:1fr}.evq::before{display:none}.evq__who{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:72px 1fr;align-items:center;order:2;border-top:1px solid var(--line);border-bottom:0}.evq__photo{max-width:72px}.evq__body{order:1}} /* Events: alternating section backgrounds โ€” surfaces adjusted */ [data-page="events"] .section--paper .np-ev__thumb{background:var(--white)} [data-page="events"] .ev-q.section--paper .evq{background:var(--white)} [data-page="events"] .ev-gal-s.section--white .ev-gal__i .ev-ph{background:var(--paper)} [data-page="events"] .section--white .np-fmt{background:var(--paper)} /* Events images: subtle zoom on hover */ .ev-gal__i,.ev-photo,.np-ev__thumb,.ev-art{overflow:hidden} .ev-gal__i img,.ev-photo img,.np-ev__thumb img,.ev-art img,.ev-gal__i .ev-ph,.np-ev__thumb .ev-ph{transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .7s ease;will-change:transform} .ev-gal__i{position:relative;cursor:default} .ev-gal__i::after{content:"";position:absolute;inset:0;border:1px solid transparent;transition:border-color .3s ease;pointer-events:none} @media (hover:hover){ .ev-gal__i:hover img{transform:scale(1.05);filter:saturate(1.08)} .ev-gal__i:hover::after{border-color:var(--gold)} .ev-photo:hover img{transform:scale(1.025)} .np-ev>li:hover .np-ev__thumb img{transform:scale(1.06)} .ix-card:hover .ev-art img{transform:scale(1.05)} } @media (prefers-reduced-motion:reduce){.ev-gal__i img,.ev-photo img,.np-ev__thumb img,.ev-art img{transition:none!important;transform:none!important}} /* How we vet: stats attached to the hero, like the homepage hero stats */ html body section[aria-labelledby="vt-stats-title"]{padding:0!important;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} html body section[aria-labelledby="vt-stats-title"] .np-stats{border:0!important} html body section[aria-labelledby="vt-stats-title"] .np-stats>div{padding:clamp(28px,3.4vw,44px) 32px clamp(28px,3.4vw,44px) 0} html body section[aria-labelledby="vt-stats-title"] .np-stats>div+div{padding-left:32px} html body section[aria-labelledby="vt-stats-title"] .np-stats dt:not(h1):not(h2):not(h3):not(h4){font-family:"Newsreader",Georgia,serif!important;font-weight:400!important;font-size:clamp(2.75rem,1.7rem + 2.6vw,4.25rem)!important;letter-spacing:-.02em!important;line-height:1} html body section[aria-labelledby="vt-stats-title"] .np-stats dt i.pl:not(h1):not(h2):not(h3):not(h4){font-family:var(--f-body)!important;font-style:normal;font-weight:300;font-size:.9em;color:var(--gold);margin-left:.04em;position:relative;top:-.04em} html body section[aria-labelledby="vt-stats-title"] .np-stats>div:last-child dt{color:var(--gold-text)} html body section[aria-labelledby="vt-stats-title"] .np-stats dd{margin-top:14px} @media (max-width:760px){html body section[aria-labelledby="vt-stats-title"] .np-stats>div{padding:24px 16px 24px 0}html body section[aria-labelledby="vt-stats-title"] .np-stats>div:nth-child(odd){padding-left:0;border-left:0}html body section[aria-labelledby="vt-stats-title"] .np-stats>div:nth-child(n+3){border-top:1px solid var(--line)}} /* How we vet: dimension card titles in sans */ html body .np-dims>li h3:not(h1):not(h2){font-family:var(--f-body)!important;font-weight:500!important;font-size:clamp(1.25rem,1.1rem + .4vw,1.5rem)!important;letter-spacing:-.01em!important;line-height:1.3!important} /* How we vet: checkmarks on the right */html body .np-dims ul li,html body [data-page="how-we-vet"] .np-ticks li{align-items:center}html body .np-dims ul li>span,html body [data-page="how-we-vet"] .np-ticks li>span{flex:1;min-width:0}html body .np-dims ul li>svg,html body [data-page="how-we-vet"] .np-ticks li>svg{order:2;margin:0 0 0 16px;width:18px;height:18px} /* About four rules: titles in sans */html body .np-four>li h3:not(h1):not(h2){font-family:var(--f-body)!important;font-weight:500!important;font-size:clamp(1.1875rem,1.05rem + .35vw,1.375rem)!important;letter-spacing:-.01em!important;line-height:1.3!important} /* How we vet: scorecard illustration, light version */ html body [data-page="how-we-vet"] .np-score{background:var(--white)!important;border-color:var(--line)!important} html body [data-page="how-we-vet"] .np-score figcaption{border-color:var(--line)!important;color:var(--slate)!important} html body [data-page="how-we-vet"] .np-score li{border-color:var(--line)!important;color:var(--navy-900)!important} html body [data-page="how-we-vet"] .np-score .gt-seg i{background:var(--line)!important}html body [data-page="how-we-vet"] .np-score .gt-seg i.on{background:var(--gold)!important} html body [data-page="how-we-vet"] .np-score .gt-card__cav{border-color:var(--line)!important;color:var(--slate)!important;background:var(--paper)}html body [data-page="how-we-vet"] .np-score .gt-card__cav b{color:var(--navy-900)!important} /* How we vet dimensions: more breathing room in lists */html body .np-dims>li>ul{margin-top:8px!important}html body .np-dims>li>ul>li{padding:16px 0!important}html body .np-dims>li>ul>li:last-child{padding-bottom:4px!important} /* How we vet: scorecard section, report sheet version (canvas B) */ html body .vsn{list-style:none;margin:28px 0 32px;padding:0;max-width:520px;border-top:1px solid var(--line)} html body .vsn li{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);font-family:var(--f-body);font-size:1rem;line-height:1.5;color:var(--navy-900)} html body .vsn__n{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;color:var(--gold-text);padding-top:4px} html body .vsh-wrap{position:relative;padding:28px 0 0 28px;max-width:576px;margin-left:auto} html body .vsh-bk{position:absolute;background:#fff;border:1px solid var(--line);width:calc(100% - 56px)} html body .vsh-bk--2{left:56px;top:0;bottom:0;opacity:.5} html body .vsh-bk--1{left:28px;top:14px;bottom:0;opacity:.8} html body .vsh{position:relative;margin:0;width:calc(100% - 28px);background:#fff;border:1px solid var(--line);padding:32px 36px 30px;box-sizing:border-box;transition:transform .5s cubic-bezier(.2,.7,.2,1)} html body .vsh-wrap:hover .vsh{transform:translate(-4px,4px)} html body .vsh__top,html body .vsh__foot{display:flex;justify-content:space-between;gap:12px;font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-300);margin:0} html body .vsh__co:not(h1):not(h2):not(h3){margin:22px 0 0;font-family:var(--f-body)!important;font-weight:300;letter-spacing:-.02em;font-size:30px;line-height:1.1;color:var(--navy-900)} html body .vsh__meta{margin:4px 0 0;font-family:var(--f-body);font-size:14px;color:#4A5B6C} html body .vsh__rows{list-style:none;margin:22px 0 0;padding:0;border-top:1px solid var(--navy-900)} html body .vsh__rows li{display:grid;grid-template-columns:1fr auto 44px;gap:18px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)} html body .vsh__dim{font-family:var(--f-body);font-size:15.5px;color:var(--navy-900)} html body .vsh__seg{display:inline-flex;gap:4px} html body .vsh__seg i{width:22px;height:5px;background:var(--line);transform-origin:left;transition:transform .5s cubic-bezier(.2,.7,.2,1)} html body .vsh__seg i.on{background:var(--navy-900)} html body .vsh__val:not(h1):not(h2):not(h3){font-family:var(--f-body)!important;font-weight:300;letter-spacing:-.02em;font-size:20px;color:var(--navy-900);text-align:right} html body .vsh__lbl{margin:22px 0 0;font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-text)} html body .vsh__cav{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:10px} html body .vsh__cav li{position:relative;padding-left:19px;font-family:var(--f-body);font-size:14.5px;line-height:1.5;color:var(--navy-900)} html body .vsh__cav li::before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;border:1px solid var(--gold-text);box-sizing:border-box} html body .vsh__foot{margin-top:26px;padding-top:16px;border-top:1px solid var(--line)} html body .reveal:not(.is-in):not(.in):not(.visible) .vsh__seg i{transform:scaleX(0)} @media (max-width:980px){html body .vsh-wrap{margin:8px 0 0;max-width:none}} @media (max-width:560px){html body .vsh-wrap{padding:16px 0 0 16px}html body .vsh-bk{width:calc(100% - 32px)}html body .vsh-bk--2{left:32px}html body .vsh-bk--1{left:16px;top:8px}html body .vsh{width:calc(100% - 16px);padding:24px 20px 22px}html body .vsh__rows li{grid-template-columns:1fr auto 36px;gap:12px}html body .vsh__seg i{width:14px}html body .vsh__foot{flex-direction:column;gap:6px}} /* How we vet: bakeoff as staircase bars (canvas D) */ html body .vst{margin:72px 0 0} html body .vst figcaption{display:flex;justify-content:space-between;gap:16px;margin-bottom:24px;font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#6F8FAD} html body .vst__bars,html body .vst__labs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:24px} html body .vst__bars{height:420px;border-bottom:1px solid #1A4D73} html body .vst__c{position:relative;height:100%;--th:300px} html body .vst__tr{position:absolute;left:0;right:0;bottom:0;height:var(--th);background:rgba(154,179,202,.035)} html body .vst__stack{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:flex-start} html body .vst__b{display:block;width:100%;height:calc(var(--th) * var(--r));min-height:6px;background:#2C5F8A;transform-origin:bottom;transition:transform 1.2s cubic-bezier(.2,.7,.2,1) calc(var(--d) * 1.6)} html body .vst__c.is-rep .vst__b{background:var(--gold);opacity:.55} html body .vst__c.is-one .vst__b{background:var(--gold)} html body .vst__n:not(h1):not(h2):not(h3){display:block;margin-bottom:10px;font-family:var(--f-serif,"Newsreader",Georgia,serif)!important;font-weight:400;letter-spacing:-.03em;line-height:.9;color:#fff;font-size:clamp(2.5rem,1rem + 4.6vw,6.75rem);transition:opacity .6s ease calc(var(--d) * 1.6 + .5s),transform .6s cubic-bezier(.2,.7,.2,1) calc(var(--d) * 1.6 + .5s)} html body .vst__c:nth-child(2) .vst__n{font-size:clamp(2.25rem,.9rem + 3.9vw,5.625rem)} html body .vst__c:nth-child(3) .vst__n{font-size:clamp(2.125rem,.85rem + 3.5vw,5.0625rem)} html body .vst__c:nth-child(4) .vst__n{font-size:clamp(2rem,.8rem + 3.3vw,4.75rem);color:var(--gold-light)} html body .vst__c:nth-child(5) .vst__n{color:var(--gold-light)} html body .vst:not(.vst-go) .vst__b{transform:scaleY(0)} html body .vst:not(.vst-go) .vst__n{opacity:0;transform:translateY(12px)} html body .vst__labs li{padding:22px 24px 0 0} html body .vst__k{display:block;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#6F8FAD} html body .vst__labs li.is-rep .vst__k,html body .vst__labs li.is-one .vst__k{color:var(--gold-light)} html body .vst__labs p{margin:10px 0 0;font-family:var(--f-body);font-size:14.5px;line-height:1.55;color:#9AB3CA} html body .vst-close{margin-top:56px;padding-top:28px;border-top:1px solid #1A4D73;display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center} html body .vst-close__sq{width:14px;height:14px;background:var(--gold)} html body .vst-close p{margin:0;font-family:var(--f-serif,"Newsreader",Georgia,serif);font-weight:400;letter-spacing:-.02em;font-size:clamp(1.375rem,1.1rem + .8vw,1.75rem);line-height:1.35;color:#fff} html body .vst-close p span{color:#9AB3CA} @media (prefers-reduced-motion:reduce){html body .vst__b,html body .vst__n{transition:none!important;transform:none!important;opacity:1!important}} @media (max-width:900px){html body .vst__bars{height:320px;column-gap:12px}html body .vst__c{--th:220px}html body .vst__labs{column-gap:12px}html body .vst__labs li{padding-right:8px}} @media (max-width:640px){html body .vst{margin-top:48px}html body .vst figcaption{flex-direction:column;gap:6px}html body .vst__bars{height:240px;column-gap:8px}html body .vst__c{--th:150px}html body .vst__n:not(h1):not(h2):not(h3),html body .vst__c .vst__n{font-size:clamp(1.5rem,7vw,2rem)!important}html body .vst__labs{grid-template-columns:1fr}html body .vst__labs li{display:grid;grid-template-columns:132px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid #1A4D73}html body .vst__labs p{margin:0}html body .vst-close{gap:16px;align-items:start;margin-top:40px}html body .vst-close__sq{margin-top:10px}} /* How we vet scorecard: subtle entry + hover animations */ @media (prefers-reduced-motion:no-preference){ html body .np-split .vsh-bk,html body .np-split .vsh,html body .np-split .vsh__co,html body .np-split .vsh__meta,html body .np-split .vsh__rows li,html body .np-split .vsh__lbl,html body .np-split .vsh__cav li,html body .np-split .vsh__foot,html body .np-split .vsn li{transition:opacity .6s ease,transform .7s cubic-bezier(.2,.7,.2,1)} html body .np-split .vsh-bk--2{transition-delay:.1s}html body .np-split .vsh-bk--1{transition-delay:.2s} html body .np-split .vsh{transition-delay:.3s} html body .np-split .vsh__co,html body .np-split .vsh__meta{transition-delay:.5s} html body .vsh__rows li:nth-child(1){--rd:0.67s}html body .vsh__rows li:nth-child(2){--rd:0.79s}html body .vsh__rows li:nth-child(3){--rd:0.91s}html body .vsh__rows li:nth-child(4){--rd:1.03s} html body .np-split .vsh__rows li{transition-delay:var(--rd)} html body .np-split .vsh__lbl{transition-delay:1.1s} html body .np-split .vsh__cav li:nth-child(1){transition-delay:1.2s}html body .np-split .vsh__cav li:nth-child(2){transition-delay:1.3s} html body .np-split .vsh__foot{transition-delay:1.45s} html body .vsh__seg i:nth-child(1){--sd:0.00s}html body .vsh__seg i:nth-child(2){--sd:0.06s}html body .vsh__seg i:nth-child(3){--sd:0.12s}html body .vsh__seg i:nth-child(4){--sd:0.18s}html body .vsh__seg i:nth-child(5){--sd:0.24s} html body .np-split .vsh__seg i{transition:transform .6s cubic-bezier(.2,.7,.2,1) calc(var(--rd) + .15s + var(--sd)),background-color .3s ease} html body .vsn li:nth-child(1){--nd:0.25s}html body .vsn li:nth-child(2){--nd:0.35s}html body .vsn li:nth-child(3){--nd:0.45s} html body .np-split .vsn li{transition-delay:var(--nd)} html body .np-split.reveal:not(.in) .vsh-bk{opacity:0;transform:translate(-28px,28px)} html body .np-split.reveal:not(.in) .vsh-bk--1{transform:translate(-14px,14px)} html body .np-split.reveal:not(.in) .vsh{opacity:0;transform:translateY(16px)} html body .np-split.reveal:not(.in) :is(.vsh__co,.vsh__meta,.vsh__rows li,.vsh__lbl,.vsh__cav li,.vsh__foot,.vsn li){opacity:0;transform:translateY(8px)} html body .np-split.reveal:not(.in) .vsh__seg i{transform:scaleX(0)} html body .np-split.in .vsh-wrap:hover .vsh{transform:translate(-4px,4px);transition-delay:0s} html body .np-split.in .vsh-wrap:hover .vsh-bk--1{transform:translate(4px,-3px);transition-delay:0s} html body .np-split.in .vsh-wrap:hover .vsh-bk--2{transform:translate(8px,-6px);transition-delay:0s} html body .vsh__rows li{position:relative} html body .vsh__rows li::before{content:"";position:absolute;inset:0 -12px;background:#F3F6F9;opacity:0;transition:opacity .25s ease;z-index:0} html body .vsh__rows li>*{position:relative;z-index:1} html body .np-split.in .vsh__rows li:hover{transition-delay:0s} html body .vsh__rows li:hover::before{opacity:1} html body .vsh__rows li:hover .vsh__seg i.on{background:var(--gold)} html body .vsh__cav li::before{animation:vshPulse 3.2s ease-in-out 2s infinite} @keyframes vshPulse{0%,70%,100%{background:transparent}80%{background:var(--gold)}} } /* About: four rules as a rule book (canvas Rules A) */ html body .rbk{margin-top:clamp(32px,4vw,64px);position:relative;background:#fff;border:1px solid var(--line)} html body .rbk__x{position:absolute;width:13px;height:13px;z-index:2;background:linear-gradient(#6F8FAD,#6F8FAD) center/1px 13px no-repeat,linear-gradient(#6F8FAD,#6F8FAD) center/13px 1px no-repeat} html body .rbk__x--tl{left:-7px;top:-7px}html body .rbk__x--br{right:-7px;bottom:-7px} html body .rbk__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr} html body .rbk__list>li{display:grid;grid-template-columns:120px 1fr;gap:28px;padding:44px 48px 40px;transition:background-color .3s ease} html body .rbk__list>li:nth-child(even){border-left:1px solid var(--line)} html body .rbk__list>li:nth-child(n+3){border-top:1px solid var(--line)} html body .rbk__n:not(h1):not(h2):not(h3){font-family:"Newsreader",Georgia,serif!important;font-weight:400;letter-spacing:-.02em;font-size:96px;line-height:.8;color:#C9D6E2;transition:color .35s ease,transform .5s cubic-bezier(.2,.7,.2,1)} html body .rbk__list>li:first-child .rbk__n{color:var(--gold)} html body .rbk__list h3:not(h1):not(h2){margin:0;font-family:var(--f-body)!important;font-weight:500!important;font-size:clamp(1.375rem,1.1rem + .7vw,1.75rem)!important;letter-spacing:-.015em!important;line-height:1.2!important;color:var(--navy-900)} html body .rbk__list p{margin:14px 0 0;font-family:var(--f-body);font-size:16.5px;line-height:1.65;color:#4A5B6C;max-width:420px} html body .rbk__list p.rbk__you{margin-top:22px;padding-top:14px;border-top:1px solid var(--line);display:flex;gap:10px;align-items:center;font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.12em;font-size:10.5px;line-height:1.5;color:#6F8FAD;max-width:none} html body .rbk__you i{flex:none;width:7px;height:7px;background:#6F8FAD;transition:background-color .3s ease} html body .rbk__list>li:first-child .rbk__you{color:var(--gold-text)}html body .rbk__list>li:first-child .rbk__you i{background:var(--gold)} html body .rbk__list>li:hover{background:#F8FAFC} html body .rbk__list>li:hover .rbk__n{color:var(--gold);transform:translateY(-4px)} html body .rbk__list>li:hover .rbk__you i{background:var(--gold)} html body .rbk__list>li:hover .rbk__you{color:var(--gold-text)} html body .rbk__list:hover>li:first-child:not(:hover) .rbk__n{color:#C9D6E2} html body .rbk__list:hover>li:first-child:not(:hover) .rbk__you{color:#6F8FAD} html body .rbk__list:hover>li:first-child:not(:hover) .rbk__you i{background:#6F8FAD} html body .rbk__you{transition:color .3s ease} @media (prefers-reduced-motion:no-preference){ html body .rbk__list>li>*{transition:opacity .6s ease calc(var(--k)*.12s + .2s),transform .7s cubic-bezier(.2,.7,.2,1) calc(var(--k)*.12s + .2s)} html body .reveal:not(.in) .rbk__list>li>*{opacity:0;transform:translateY(10px)} } @media (max-width:1100px){html body .rbk__list>li{grid-template-columns:72px 1fr;gap:20px;padding:36px 32px 32px}html body .rbk__n:not(h1):not(h2):not(h3){font-size:72px}} @media (max-width:760px){html body .rbk__list{grid-template-columns:1fr}html body .rbk__list>li:nth-child(even){border-left:0}html body .rbk__list>li:nth-child(n+2){border-top:1px solid var(--line)}html body .rbk__list>li{grid-template-columns:48px 1fr;gap:16px;padding:28px 20px 26px}html body .rbk__n:not(h1):not(h2):not(h3){font-size:56px}} /* How we vet: four questions as stacking cards on scroll */ html body .np-dims{grid-template-columns:1fr!important;gap:28px;counter-reset:dim} html body .np-dims>li{counter-increment:dim;position:sticky;top:calc(97px + var(--i,0)*18px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-rows:auto auto 1fr;column-gap:clamp(40px,6vw,96px);padding:clamp(36px,4vw,56px) clamp(32px,4vw,56px) clamp(32px,4vw,48px);min-height:420px;box-sizing:border-box;transform-origin:50% 0;will-change:transform} html body .np-dims>li>.np-dims__top{grid-column:1;grid-row:1} html body .np-dims>li>h3{grid-column:1;grid-row:2} html body .np-dims>li>p{grid-column:1;grid-row:3;max-width:440px} html body .np-dims>li>ul{grid-column:2;grid-row:1/4;align-self:center;margin-top:0!important} html body .np-dims>li>h3:not(h1):not(h2){font-size:clamp(1.625rem,1.2rem + 1.1vw,2.25rem)!important;line-height:1.2!important;margin:20px 0 16px} html body .np-dims>li>p{font-size:1.0625rem} html body .np-dims>li::after{content:counter(dim,decimal-leading-zero);position:absolute;left:clamp(32px,4vw,56px);bottom:clamp(24px,3vw,40px);font-family:"Newsreader",Georgia,serif;font-size:clamp(4rem,2rem + 5vw,7.5rem);line-height:.8;letter-spacing:-.03em;color:#E3EAF1;pointer-events:none} html body .np-dims>li>ul>li:first-child{border-top-color:#9DB0C3} html body .np-dims>li:nth-child(1){--i:0}html body .np-dims>li:nth-child(2){--i:1}html body .np-dims>li:nth-child(3){--i:2}html body .np-dims>li:nth-child(4){--i:3} html body .np-dims>li .dim-shade{position:absolute;inset:0;background:var(--navy-900);opacity:0;pointer-events:none;transition:none} @media (max-width:900px){html body .np-dims>li{grid-template-columns:1fr;grid-template-rows:none;min-height:0;padding-bottom:clamp(32px,4vw,48px)}html body .np-dims>li>*{grid-column:1!important;grid-row:auto!important}html body .np-dims>li>ul{margin-top:8px!important}html body .np-dims>li::after{display:none}html body .np-dims>li{top:calc(81px + var(--i,0)*12px)}} @media (max-width:640px),(max-height:620px){html body .np-dims>li{position:relative;top:auto}} /* Index: "Making it in" briefing page (canvas Index A) */ html body .ixb-wrap{position:relative;padding:24px 24px 0 0;max-width:588px;margin-left:auto} html body .ixb-bk{position:absolute;left:24px;top:0;right:0;bottom:24px;border:1px solid var(--line);background:#fff;transition:transform .6s cubic-bezier(.2,.7,.2,1)} html body .ixb{position:relative;margin:0;background:#fff;border:1px solid var(--navy-900);padding:28px 32px 24px;box-sizing:border-box;transition:transform .6s cubic-bezier(.2,.7,.2,1)} html body .ixb-wrap:hover .ixb{transform:translate(-4px,4px)}html body .ixb-wrap:hover .ixb-bk{transform:translate(4px,-4px)} html body .ixb__top,html body .ixb__foot{display:flex;justify-content:space-between;gap:12px;margin:0;font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#6F8FAD} html body .ixb__co:not(h1):not(h2):not(h3){margin:16px 0 0;font-family:var(--f-body)!important;font-weight:300;letter-spacing:-.02em;font-size:28px;line-height:1.15;color:var(--navy-900)} html body .ixb__meta{margin:4px 0 0;font-family:var(--f-body);font-size:14px;color:#4A5B6C} html body .ixb__chips{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px} html body .ixb__chips li{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 10px;border:1px solid var(--navy-900);font-family:var(--f-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--navy-900)} html body .ixb__chips svg{width:13px;height:11px;flex:none} html body .ixb__groups{margin-top:20px} html body .ixb__g{padding:18px 0;border-top:1px solid var(--line)} html body .ixb__gh{display:flex;align-items:center;gap:8px;margin:0;font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--navy-900)} html body .ixb__gh i{width:7px;height:7px;background:var(--navy-900);box-sizing:border-box} html body .ixb__g.is-thin .ixb__gh{color:#6F8FAD}html body .ixb__g.is-thin .ixb__gh i{background:none;border:1px solid #6F8FAD} html body .ixb__g.is-want .ixb__gh{color:var(--gold-text)}html body .ixb__g.is-want .ixb__gh i{background:var(--gold-text)} html body .ixb__g ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:7px} html body .ixb__g li{font-family:var(--f-body);font-size:14px;line-height:1.5;color:var(--navy-900)} html body .ixb__foot{padding-top:14px;border-top:1px solid var(--navy-900);align-items:center;color:#4A5B6C}html body .ixb__foot span:last-child{color:var(--gold-text)} @media (prefers-reduced-motion:no-preference){ html body .ix-get .np-split :is(.ixb-bk,.ixb,.ixb__chips li,.ixb__g,.ixb__foot){transition:opacity .6s ease,transform .7s cubic-bezier(.2,.7,.2,1)} html body .ix-get .np-split .ixb-bk{transition-delay:.1s}html body .ix-get .np-split .ixb{transition-delay:.2s} html body .ix-get .np-split .ixb__chips li:nth-child(1){transition-delay:.45s}html body .ix-get .np-split .ixb__chips li:nth-child(2){transition-delay:.52s}html body .ix-get .np-split .ixb__chips li:nth-child(3){transition-delay:.59s}html body .ix-get .np-split .ixb__chips li:nth-child(4){transition-delay:.66s} html body .ix-get .np-split .ixb__g:nth-child(1){transition-delay:.8s}html body .ix-get .np-split .ixb__g:nth-child(2){transition-delay:.92s}html body .ix-get .np-split .ixb__g:nth-child(3){transition-delay:1.04s}html body .ix-get .np-split .ixb__foot{transition-delay:1.18s} html body .ix-get .np-split.in .ixb-wrap:hover :is(.ixb,.ixb-bk){transition-delay:0s} html body .ix-get .np-split.reveal:not(.in) .ixb-bk{opacity:0;transform:translate(-24px,24px)} html body .ix-get .np-split.reveal:not(.in) .ixb{opacity:0;transform:translateY(16px)} html body .ix-get .np-split.reveal:not(.in) :is(.ixb__chips li,.ixb__g,.ixb__foot){opacity:0;transform:translateY(8px)} } @media (max-width:980px){html body .ixb-wrap{margin:8px 0 0;max-width:none}} @media (max-width:560px){html body .ixb-wrap{padding:12px 12px 0 0}html body .ixb-bk{left:12px;right:0;bottom:12px}html body .ixb{padding:22px 20px 20px}html body .ixb__foot{flex-direction:column;align-items:flex-start;gap:6px}} /* About: Small team. Big network. as network map (canvas Team A) */ html body .tm-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,622px);gap:clamp(40px,5vw,72px);align-items:center} html body .tm-copy .np-p{max-width:520px;margin-top:28px} html body .tm-stats{margin:36px 0 0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} html body .tm-stats>div{padding:22px 0} html body .tm-stats>div:nth-child(even){padding-left:28px;border-left:1px solid var(--line)} html body .tm-stats>div:nth-child(n+3){border-top:1px solid var(--line)} html body .tm-stats dt:not(h1):not(h2):not(h3){font-family:"Newsreader",Georgia,serif!important;font-weight:400;letter-spacing:-.02em;font-size:clamp(2.5rem,1.9rem + 1.6vw,3.25rem);line-height:1;color:var(--navy-900)} html body .tm-stats dd{margin:10px 0 0;font-family:var(--f-body);font-size:15px;color:#4A5B6C} html body .tm-foot{margin-top:32px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap} html body .tm-addr{margin:0;font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--navy-900)} html body .tmap{position:relative;background:linear-gradient(rgba(7,70,115,.05) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,rgba(7,70,115,.05) 1px,transparent 1px) 0 0/32px 32px,#fff;border:1px solid var(--line);padding:20px 0} html body .tmap__svg{display:block;width:100%;height:auto} html body .tmap .tm-t{font-family:var(--f-mono)} @media (prefers-reduced-motion:no-preference){ html body .tmap .tm-l1,html body .tmap .tm-l2{transition:opacity .8s ease} html body .tmap .tm-l1{transition-delay:.4s}html body .tmap .tm-l2{transition-delay:.8s} html body .tmap .tm-ad,html body .tmap .tm-co{transform-box:fill-box;transform-origin:center;transition:opacity .5s ease,transform .6s cubic-bezier(.2,.7,.2,1)} html body .tmap .tm-ad{transition-delay:calc(.5s + var(--n,0)*12ms)} html body .tmap .tm-co{transition-delay:calc(.9s + var(--n,0)*14ms)} html body .tmap .tm-core{transform-box:fill-box;transform-origin:center;transition:transform .7s cubic-bezier(.2,.7,.2,1) .1s} html body .tmap .tm-path{animation:tmDash 1.4s linear infinite} html body .tmap .tm-ring{transform-box:fill-box;transform-origin:center;animation:tmRing 2.8s ease-in-out infinite} html body .tmap .tm-gold{transform-box:fill-box;transform-origin:center;animation:tmRing 2.8s ease-in-out .4s infinite} html body .tmap__svg{transition:opacity .9s ease .2s,transform .9s cubic-bezier(.2,.7,.2,1) .2s}html body .reveal:not(.in) .tmap__svg{opacity:0;transform:scale(.96)} html body .reveal:not(.in) .tmap :is(.tm-ad,.tm-co){opacity:0;transform:scale(.3)} html body .reveal:not(.in) .tmap .tm-core{transform:scale(.6)} html body .tmap :is(.tm-path,.tm-ring,.tm-gold){transition:opacity .6s ease 1.6s} } @keyframes tmDash{to{stroke-dashoffset:-12}} @keyframes tmRing{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.18);opacity:.55}} @media (max-width:980px){html body .tm-grid{grid-template-columns:1fr}html body .tmap{max-width:622px}} @media (max-width:560px){html body .tm-stats>div:nth-child(even){padding-left:20px}html body .tm-foot{flex-direction:column;align-items:flex-start}} /* Bakeoff step labels: simpler, more readable */ html body .vst__labs li{padding:24px 20px 0 0} html body .vst__k{display:flex;align-items:baseline;gap:8px;font-family:var(--f-body)!important;font-size:1.0625rem!important;font-weight:500;letter-spacing:0!important;text-transform:none!important;color:#fff!important;line-height:1.3} html body .vst__no{font-family:var(--f-mono);font-size:12px;font-weight:400;letter-spacing:.06em;color:#9AB3CA} html body .vst__labs li.is-rep .vst__no,html body .vst__labs li.is-one .vst__no{color:var(--gold-light)} html body .vst__labs p{margin:8px 0 0;font-size:15px;line-height:1.55;color:#C3D3E2;max-width:24ch} @media (max-width:640px){html body .vst__labs li{display:block;padding:16px 0}html body .vst__labs p{margin-top:6px;max-width:none}} /* Security leaders: network section hidden for v1 */section[data-phase2="advisors"][hidden]{display:none!important} /* How we vet: dark hero, stats strip dark to stay attached */ html body section[aria-labelledby="vt-stats-title"]{background:var(--ink)!important;border-top-color:var(--line-dark,#1A4D73)!important;border-bottom:0!important} html body section[aria-labelledby="vt-stats-title"] .np-stats>div{border-color:var(--line-dark,#1A4D73)!important} html body section[aria-labelledby="vt-stats-title"] .np-stats dt:not(h1):not(h2):not(h3):not(h4){color:#fff!important} html body section[aria-labelledby="vt-stats-title"] .np-stats>div:last-child dt:not(h1):not(h2):not(h3):not(h4){color:var(--gold-light)!important} html body section[aria-labelledby="vt-stats-title"] .np-stats dt i.pl:not(h1):not(h2):not(h3):not(h4){color:var(--gold-light)!important} html body section[aria-labelledby="vt-stats-title"] .np-stats dd{color:#C3D3E2!important} /* Index: briefing being written (canvas Index A3) */ @keyframes iak-pp0{0%{opacity:1;transform:translate(-14px,14px);z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}1.5%{opacity:1;transform:none;z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}22.25%{opacity:1;transform:none;z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}22.75%{opacity:1;transform:translate(0,-10px);z-index:2;box-shadow:0 18px 32px -18px rgba(5,47,75,.35)}23.625%{opacity:1;transform:translate(50px,calc(100% + 8px)) scale(var(--fs,0.36));z-index:2;box-shadow:0 18px 32px -18px rgba(5,47,75,.35)}24.125%{opacity:1;transform:translate(50px,calc(100% + 76px)) scale(var(--fs,0.36));z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}24.375%{opacity:1;transform:translate(50px,calc(100% + 76px)) scale(var(--fs,0.36));z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}24.99%{opacity:0;transform:translate(50px,calc(100% + 76px)) scale(var(--fs,0.36));z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}25.0%{opacity:0;transform:translate(50px,calc(100% + 76px)) scale(var(--fs,0.36));z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}25.01%{opacity:0;transform:translate(-14px,14px);z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}97.0%{opacity:0;transform:translate(-14px,14px);z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}97.125%{opacity:1;transform:translate(-14px,14px);z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}99.99%{opacity:1;transform:translate(-14px,14px);z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}100%{opacity:1;transform:translate(-14px,14px);z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}}@keyframes iak-c1_0{0%{opacity:0}2.0%{opacity:0;transform:scale(.6)}2.75%{opacity:1;transform:none}25.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes iak-c2_0{0%{opacity:0}3.0%{opacity:0;transform:scale(.6)}3.75%{opacity:1;transform:none}25.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes iak-c3_0{0%{opacity:0}4.0%{opacity:0;transform:scale(.6)}4.75%{opacity:1;transform:none}25.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes iak-c4_0{0%{opacity:0}5.0%{opacity:0;transform:scale(.6)}5.75%{opacity:1;transform:none}25.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes iak-num0{0%{opacity:0}6.25%{opacity:0}7.0%{opacity:1}9.5%{opacity:1}10.25%{opacity:0}100%{opacity:0}}@keyframes iak-strike0{0%{transform:scaleX(0)}8.0%{transform:scaleX(0)}9.0%{transform:scaleX(1)}25.0%{transform:scaleX(1)}100%{transform:scaleX(0)}}@keyframes iak-nos0{0%{opacity:0}10.5%{opacity:0}11.5%{opacity:1}25.0%{opacity:1}100%{opacity:0}}@keyframes iak-r1_0{0%{opacity:0}12.5%{opacity:0;transform:scale(.9)}13.25%{opacity:1;transform:none}25.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes iak-b1_0{0%{transform:scaleX(0)}12.75%{transform:scaleX(0)}14.5%{transform:scaleX(1)}25.0%{transform:scaleX(1)}100%{transform:scaleX(0)}}@keyframes iak-r2_0{0%{opacity:0}14.0%{opacity:0;transform:scale(.9)}14.75%{opacity:1;transform:none}25.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes iak-b2_0{0%{transform:scaleX(0)}14.25%{transform:scaleX(0)}16.0%{transform:scaleX(1)}25.0%{transform:scaleX(1)}100%{transform:scaleX(0)}}@keyframes iak-r3_0{0%{opacity:0}15.5%{opacity:0;transform:scale(.9)}16.25%{opacity:1;transform:none}25.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes iak-b3_0{0%{transform:scaleX(0)}15.75%{transform:scaleX(0)}17.5%{transform:scaleX(1)}25.0%{transform:scaleX(1)}100%{transform:scaleX(0)}}@keyframes iak-rev0{0%{opacity:0}0.0%{opacity:1}17.0%{opacity:1}17.5%{opacity:0}100%{opacity:0}}@keyframes iak-vet0{0%{opacity:0}17.25%{opacity:0;transform:scale(1.25)}18.0%{opacity:1;transform:scale(.96)}18.5%{opacity:1;transform:scale(1)}25.0%{opacity:1;transform:scale(1)}100%{opacity:0}}@keyframes iak-h1_0{0%{opacity:0}0.5%{opacity:0}1.0%{opacity:1}5.5%{opacity:1}6.0%{opacity:0}100%{opacity:0}}@keyframes iak-h2_0{0%{opacity:0}6.0%{opacity:0}6.5%{opacity:1}11.5%{opacity:1}12.0%{opacity:0}100%{opacity:0}}@keyframes iak-h3_0{0%{opacity:0}12.0%{opacity:0}12.5%{opacity:1}16.5%{opacity:1}17.0%{opacity:0}100%{opacity:0}}@keyframes iak-pp1{0%{opacity:0;transform:translate(-14px,14px);z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}22.0%{opacity:0;transform:translate(-14px,14px);z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}22.125%{opacity:1;transform:translate(-14px,14px);z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}24.99%{opacity:1;transform:translate(-14px,14px);z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}25.0%{opacity:1;transform:translate(-14px,14px);z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}26.5%{opacity:1;transform:none;z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}47.25%{opacity:1;transform:none;z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}47.75%{opacity:1;transform:translate(0,-10px);z-index:2;box-shadow:0 18px 32px -18px rgba(5,47,75,.35)}48.625%{opacity:1;transform:translate(50px,calc(100% + 8px)) scale(var(--fs,0.36));z-index:2;box-shadow:0 18px 32px -18px rgba(5,47,75,.35)}49.125%{opacity:1;transform:translate(50px,calc(100% + 76px)) scale(var(--fs,0.36));z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}49.375%{opacity:1;transform:translate(50px,calc(100% + 76px)) scale(var(--fs,0.36));z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}49.99%{opacity:0;transform:translate(50px,calc(100% + 76px)) scale(var(--fs,0.36));z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}50.0%{opacity:0;transform:translate(50px,calc(100% + 76px)) scale(var(--fs,0.36));z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}50.01%{opacity:0;transform:translate(-14px,14px);z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}100%{opacity:0;transform:translate(-14px,14px);z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}}@keyframes iak-c1_1{0%{opacity:0}27.0%{opacity:0;transform:scale(.6)}27.75%{opacity:1;transform:none}50.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes iak-c2_1{0%{opacity:0}28.0%{opacity:0;transform:scale(.6)}28.75%{opacity:1;transform:none}50.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes iak-c3_1{0%{opacity:0}29.0%{opacity:0;transform:scale(.6)}29.75%{opacity:1;transform:none}50.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes iak-c4_1{0%{opacity:0}30.0%{opacity:0;transform:scale(.6)}30.75%{opacity:1;transform:none}50.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes iak-num1{0%{opacity:0}31.25%{opacity:0}32.0%{opacity:1}34.5%{opacity:1}35.25%{opacity:0}100%{opacity:0}}@keyframes iak-strike1{0%{transform:scaleX(0)}33.0%{transform:scaleX(0)}34.0%{transform:scaleX(1)}50.0%{transform:scaleX(1)}100%{transform:scaleX(0)}}@keyframes iak-nos1{0%{opacity:0}35.5%{opacity:0}36.5%{opacity:1}50.0%{opacity:1}100%{opacity:0}}@keyframes iak-r1_1{0%{opacity:0}37.5%{opacity:0;transform:scale(.9)}38.25%{opacity:1;transform:none}50.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes iak-b1_1{0%{transform:scaleX(0)}37.75%{transform:scaleX(0)}39.5%{transform:scaleX(1)}50.0%{transform:scaleX(1)}100%{transform:scaleX(0)}}@keyframes iak-r2_1{0%{opacity:0}39.0%{opacity:0;transform:scale(.9)}39.75%{opacity:1;transform:none}50.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes iak-b2_1{0%{transform:scaleX(0)}39.25%{transform:scaleX(0)}41.0%{transform:scaleX(1)}50.0%{transform:scaleX(1)}100%{transform:scaleX(0)}}@keyframes iak-r3_1{0%{opacity:0}40.5%{opacity:0;transform:scale(.9)}41.25%{opacity:1;transform:none}50.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes iak-b3_1{0%{transform:scaleX(0)}40.75%{transform:scaleX(0)}42.5%{transform:scaleX(1)}50.0%{transform:scaleX(1)}100%{transform:scaleX(0)}}@keyframes iak-rev1{0%{opacity:0}25.0%{opacity:1}42.0%{opacity:1}42.5%{opacity:0}100%{opacity:0}}@keyframes iak-vet1{0%{opacity:0}42.25%{opacity:0;transform:scale(1.25)}43.0%{opacity:1;transform:scale(.96)}43.5%{opacity:1;transform:scale(1)}50.0%{opacity:1;transform:scale(1)}100%{opacity:0}}@keyframes iak-h1_1{0%{opacity:0}25.5%{opacity:0}26.0%{opacity:1}30.5%{opacity:1}31.0%{opacity:0}100%{opacity:0}}@keyframes iak-h2_1{0%{opacity:0}31.0%{opacity:0}31.5%{opacity:1}36.5%{opacity:1}37.0%{opacity:0}100%{opacity:0}}@keyframes iak-h3_1{0%{opacity:0}37.0%{opacity:0}37.5%{opacity:1}41.5%{opacity:1}42.0%{opacity:0}100%{opacity:0}}@keyframes iak-pp2{0%{opacity:0;transform:translate(-14px,14px);z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}47.0%{opacity:0;transform:translate(-14px,14px);z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}47.125%{opacity:1;transform:translate(-14px,14px);z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}49.99%{opacity:1;transform:translate(-14px,14px);z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}50.0%{opacity:1;transform:translate(-14px,14px);z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}51.5%{opacity:1;transform:none;z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}72.25%{opacity:1;transform:none;z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}72.75%{opacity:1;transform:translate(0,-10px);z-index:2;box-shadow:0 18px 32px -18px rgba(5,47,75,.35)}73.625%{opacity:1;transform:translate(50px,calc(100% + 8px)) scale(var(--fs,0.36));z-index:2;box-shadow:0 18px 32px -18px rgba(5,47,75,.35)}74.125%{opacity:1;transform:translate(50px,calc(100% + 76px)) scale(var(--fs,0.36));z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}74.375%{opacity:1;transform:translate(50px,calc(100% + 76px)) scale(var(--fs,0.36));z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}74.99%{opacity:0;transform:translate(50px,calc(100% + 76px)) scale(var(--fs,0.36));z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}75.0%{opacity:0;transform:translate(50px,calc(100% + 76px)) scale(var(--fs,0.36));z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}75.01%{opacity:0;transform:translate(-14px,14px);z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}100%{opacity:0;transform:translate(-14px,14px);z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}}@keyframes iak-c1_2{0%{opacity:0}52.0%{opacity:0;transform:scale(.6)}52.75%{opacity:1;transform:none}75.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes iak-c2_2{0%{opacity:0}53.0%{opacity:0;transform:scale(.6)}53.75%{opacity:1;transform:none}75.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes iak-c3_2{0%{opacity:0}54.0%{opacity:0;transform:scale(.6)}54.75%{opacity:1;transform:none}75.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes iak-c4_2{0%{opacity:0}55.0%{opacity:0;transform:scale(.6)}55.75%{opacity:1;transform:none}75.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes iak-num2{0%{opacity:0}56.25%{opacity:0}57.0%{opacity:1}59.5%{opacity:1}60.25%{opacity:0}100%{opacity:0}}@keyframes iak-strike2{0%{transform:scaleX(0)}58.0%{transform:scaleX(0)}59.0%{transform:scaleX(1)}75.0%{transform:scaleX(1)}100%{transform:scaleX(0)}}@keyframes iak-nos2{0%{opacity:0}60.5%{opacity:0}61.5%{opacity:1}75.0%{opacity:1}100%{opacity:0}}@keyframes iak-r1_2{0%{opacity:0}62.5%{opacity:0;transform:scale(.9)}63.25%{opacity:1;transform:none}75.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes iak-b1_2{0%{transform:scaleX(0)}62.75%{transform:scaleX(0)}64.5%{transform:scaleX(1)}75.0%{transform:scaleX(1)}100%{transform:scaleX(0)}}@keyframes iak-r2_2{0%{opacity:0}64.0%{opacity:0;transform:scale(.9)}64.75%{opacity:1;transform:none}75.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes iak-b2_2{0%{transform:scaleX(0)}64.25%{transform:scaleX(0)}66.0%{transform:scaleX(1)}75.0%{transform:scaleX(1)}100%{transform:scaleX(0)}}@keyframes iak-r3_2{0%{opacity:0}65.5%{opacity:0;transform:scale(.9)}66.25%{opacity:1;transform:none}75.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes iak-b3_2{0%{transform:scaleX(0)}65.75%{transform:scaleX(0)}67.5%{transform:scaleX(1)}75.0%{transform:scaleX(1)}100%{transform:scaleX(0)}}@keyframes iak-rev2{0%{opacity:0}50.0%{opacity:1}67.0%{opacity:1}67.5%{opacity:0}100%{opacity:0}}@keyframes iak-vet2{0%{opacity:0}67.25%{opacity:0;transform:scale(1.25)}68.0%{opacity:1;transform:scale(.96)}68.5%{opacity:1;transform:scale(1)}75.0%{opacity:1;transform:scale(1)}100%{opacity:0}}@keyframes iak-h1_2{0%{opacity:0}50.5%{opacity:0}51.0%{opacity:1}55.5%{opacity:1}56.0%{opacity:0}100%{opacity:0}}@keyframes iak-h2_2{0%{opacity:0}56.0%{opacity:0}56.5%{opacity:1}61.5%{opacity:1}62.0%{opacity:0}100%{opacity:0}}@keyframes iak-h3_2{0%{opacity:0}62.0%{opacity:0}62.5%{opacity:1}66.5%{opacity:1}67.0%{opacity:0}100%{opacity:0}}@keyframes iak-pp3{0%{opacity:0;transform:translate(-14px,14px);z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}72.0%{opacity:0;transform:translate(-14px,14px);z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}72.125%{opacity:1;transform:translate(-14px,14px);z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}74.99%{opacity:1;transform:translate(-14px,14px);z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}75.0%{opacity:1;transform:translate(-14px,14px);z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}76.5%{opacity:1;transform:none;z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}97.25%{opacity:1;transform:none;z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}97.75%{opacity:1;transform:translate(0,-10px);z-index:2;box-shadow:0 18px 32px -18px rgba(5,47,75,.35)}98.625%{opacity:1;transform:translate(50px,calc(100% + 8px)) scale(var(--fs,0.36));z-index:2;box-shadow:0 18px 32px -18px rgba(5,47,75,.35)}99.125%{opacity:1;transform:translate(50px,calc(100% + 76px)) scale(var(--fs,0.36));z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}99.375%{opacity:1;transform:translate(50px,calc(100% + 76px)) scale(var(--fs,0.36));z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}99.99%{opacity:0;transform:translate(50px,calc(100% + 76px)) scale(var(--fs,0.36));z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}100.0%{opacity:0;transform:translate(50px,calc(100% + 76px)) scale(var(--fs,0.36));z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}}@keyframes iak-c1_3{0%{opacity:0}77.0%{opacity:0;transform:scale(.6)}77.75%{opacity:1;transform:none}100.0%{opacity:1;transform:none}}@keyframes iak-c2_3{0%{opacity:0}78.0%{opacity:0;transform:scale(.6)}78.75%{opacity:1;transform:none}100.0%{opacity:1;transform:none}}@keyframes iak-c3_3{0%{opacity:0}79.0%{opacity:0;transform:scale(.6)}79.75%{opacity:1;transform:none}100.0%{opacity:1;transform:none}}@keyframes iak-c4_3{0%{opacity:0}80.0%{opacity:0;transform:scale(.6)}80.75%{opacity:1;transform:none}100.0%{opacity:1;transform:none}}@keyframes iak-num3{0%{opacity:0}81.25%{opacity:0}82.0%{opacity:1}84.5%{opacity:1}85.25%{opacity:0}100%{opacity:0}}@keyframes iak-strike3{0%{transform:scaleX(0)}83.0%{transform:scaleX(0)}84.0%{transform:scaleX(1)}100.0%{transform:scaleX(1)}}@keyframes iak-nos3{0%{opacity:0}85.5%{opacity:0}86.5%{opacity:1}100.0%{opacity:1}}@keyframes iak-r1_3{0%{opacity:0}87.5%{opacity:0;transform:scale(.9)}88.25%{opacity:1;transform:none}100.0%{opacity:1;transform:none}}@keyframes iak-b1_3{0%{transform:scaleX(0)}87.75%{transform:scaleX(0)}89.5%{transform:scaleX(1)}100.0%{transform:scaleX(1)}}@keyframes iak-r2_3{0%{opacity:0}89.0%{opacity:0;transform:scale(.9)}89.75%{opacity:1;transform:none}100.0%{opacity:1;transform:none}}@keyframes iak-b2_3{0%{transform:scaleX(0)}89.25%{transform:scaleX(0)}91.0%{transform:scaleX(1)}100.0%{transform:scaleX(1)}}@keyframes iak-r3_3{0%{opacity:0}90.5%{opacity:0;transform:scale(.9)}91.25%{opacity:1;transform:none}100.0%{opacity:1;transform:none}}@keyframes iak-b3_3{0%{transform:scaleX(0)}90.75%{transform:scaleX(0)}92.5%{transform:scaleX(1)}100.0%{transform:scaleX(1)}}@keyframes iak-rev3{0%{opacity:0}75.0%{opacity:1}92.0%{opacity:1}92.5%{opacity:0}100%{opacity:0}}@keyframes iak-vet3{0%{opacity:0}92.25%{opacity:0;transform:scale(1.25)}93.0%{opacity:1;transform:scale(.96)}93.5%{opacity:1;transform:scale(1)}100.0%{opacity:1;transform:scale(1)}}@keyframes iak-h1_3{0%{opacity:0}75.5%{opacity:0}76.0%{opacity:1}80.5%{opacity:1}81.0%{opacity:0}100%{opacity:0}}@keyframes iak-h2_3{0%{opacity:0}81.0%{opacity:0}81.5%{opacity:1}86.5%{opacity:1}87.0%{opacity:0}100%{opacity:0}}@keyframes iak-h3_3{0%{opacity:0}87.0%{opacity:0}87.5%{opacity:1}91.5%{opacity:1}92.0%{opacity:0}100%{opacity:0}}@keyframes iak-fold{0%{transform:none}23.875%{transform:none}24.075%{transform:scale(1.05,.97)}24.3%{transform:none}48.875%{transform:none}49.075%{transform:scale(1.05,.97)}49.3%{transform:none}73.875%{transform:none}74.075%{transform:scale(1.05,.97)}74.3%{transform:none}98.875%{transform:none}99.075%{transform:scale(1.05,.97)}99.3%{transform:none}100%{transform:none}} #ixa3 .ia-an{animation-duration:44.64s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.2,.7,.2,1);animation-fill-mode:both} #ixa3.wait .ia-an{animation-play-state:paused} .ia-blink{animation:iak-blink 1.1s ease-in-out infinite}@keyframes iak-blink{50%{opacity:.25}} .ia-paper{grid-area:1/1;position:relative;transform-origin:50% 0} @media (prefers-reduced-motion:reduce){#ixa3 .ia-an,.ia-blink{animation:none!important}#ixa3 .ia-paper:not(.ia-p0){display:none}#ixa3 .ia-rev,#ixa3 .ia-num{display:none}} html body .iab-box{max-width:600px;margin-left:auto;background:linear-gradient(rgba(7,70,115,.05) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(7,70,115,.05) 1px,transparent 1px) 0 0/48px 48px,var(--paper,#F3F6F9)!important}html body section.ix-get{background:var(--white,#fff)!important} .ix-get h2{max-width:none!important;white-space:nowrap}.ix-get h2 .soft{display:block} html body .iab-box #ixa3{zoom:.9}html body .iab-box{padding-top:32px!important} @media (max-width:1180px){html body .iab-box #ixa3{zoom:.82}} @media (max-width:980px){html body .iab-box{margin:8px auto 0;max-width:none}html body .iab-box #ixa3{zoom:1}} @media (max-width:600px){html body .iab-box{padding-top:24px!important}html body .iab-box #ixa3{zoom:.64}} @media (max-width:380px){html body .iab-box #ixa3{zoom:.58}} /* How we vet scorecard: canvas B latest (briefing-style sheet) */ html body .vsh-wrap{padding:28px 0 28px 28px!important;max-width:548px!important} html body .vsh-bk{width:auto!important} html body .vsh-bk--2{left:0!important;top:56px!important;bottom:0!important;right:28px!important;opacity:1!important} html body .vsh-bk--1{left:14px!important;top:42px!important;bottom:14px!important;right:14px!important;opacity:1!important} html body .vsh--b{width:100%!important;padding:0!important;border-color:var(--navy-900)!important} html body .vsh--b .vsh__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 32px;background:var(--paper,#F3F6F9);border-bottom:1px solid var(--line)} html body .vsh--b .vsh__brand{display:flex;align-items:center;gap:10px;font-family:var(--f-mono);font-size:10.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--navy-900)} html body .vsh--b .vsh__logo{flex:none;display:block} html body .vsh--b .vsh__vet{display:flex;align-items:center;gap:8px;padding:7px 14px 7px 10px;margin-right:3px;background:var(--gold);outline:1px solid var(--gold);outline-offset:3px;font-family:var(--f-mono);font-size:11.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#fff;white-space:nowrap}html body .vsh--b .vsh__vet svg{display:block;flex:none} html body .vsh--b .vsh__vet i{width:8px;height:8px;background:var(--gold)} html body .vsh--b .vsh__head{padding:22px 32px 20px} html body .vsh--b .vsh__co:not(h1):not(h2):not(h3){margin:0!important} html body .vsh--b .vsh__meta{margin-top:6px!important} html body .vsh--b .vsh__sec{padding:22px 32px;border-top:1px solid var(--line);display:grid;grid-template-columns:28px 1fr;gap:16px} html body .vsh--b .vsh__no{font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;color:#6F8FAD;padding-top:1px} html body .vsh--b .vsh__lbl{margin:0!important;font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#4A5B6C!important} html body .vsh--b .vsh__lbl.is-gold{color:var(--gold-text)!important} html body .vsh--b .vsh__rows{margin:12px 0 0!important;border-top:0!important} html body .vsh--b .vsh__rows li{padding:9px 0!important;border-bottom:0!important} html body .vsh--b .vsh__rows li::before{inset:0 -10px!important} html body .vsh--b .vsh__cav{margin-top:12px!important;gap:8px!important} html body .vsh--b .vsh__foot{margin:0!important;padding:14px 32px!important;border-top:1px solid var(--navy-900)!important} html body .np-split.in .vsh-wrap:hover .vsh-bk--1{transform:translate(-3px,3px)!important} html body .np-split.in .vsh-wrap:hover .vsh-bk--2{transform:translate(-6px,6px)!important} html body .np-split.in .vsh-wrap:hover .vsh{transform:translate(3px,-3px)!important} html body .np-split.reveal:not(.in) .vsh-bk{transform:translate(28px,-28px)!important} html body .np-split :is(.vsh__bar,.vsh__head,.vsh__sec){transition:opacity .6s ease,transform .7s cubic-bezier(.2,.7,.2,1)} html body .np-split .vsh__bar{transition-delay:.4s}html body .np-split .vsh__head{transition-delay:.5s} html body .np-split.reveal:not(.in) :is(.vsh__bar,.vsh__head){opacity:0;transform:translateY(8px)} @media (max-width:560px){html body .vsh-wrap{padding:16px 0 16px 16px!important}html body .vsh-bk--2{top:32px!important;right:16px!important}html body .vsh-bk--1{left:8px!important;top:24px!important;bottom:8px!important;right:8px!important}html body .vsh--b .vsh__bar,html body .vsh--b .vsh__head,html body .vsh--b .vsh__sec,html body .vsh--b .vsh__foot{padding-left:18px!important;padding-right:18px!important}html body .vsh--b .vsh__sec{grid-template-columns:22px 1fr;gap:10px}} /* About: network section, canvas Team A4 (intro path, vertical) */ @keyframes tak-gp2{to{stroke-dashoffset:-36}} @keyframes tak-gate{0%,100%{opacity:1}50%{opacity:.35}} @keyframes tak-np2{0%{transform:scale(1);opacity:.45}100%{transform:scale(3.2);opacity:0}} @keyframes tak-tw2{0%,100%{opacity:1}50%{opacity:.35}} @keyframes tak-blk{0%,100%{opacity:.9}50%{opacity:.3}} .tmap4 .tac-gp2{animation:tak-gp2 2.4s linear infinite} .tmap4 .tac-np2{animation:tak-np2 5s cubic-bezier(.2,.6,.3,1) infinite}.tmap4 .tac-tw2{animation:tak-tw2 5s ease-in-out infinite} @media (prefers-reduced-motion:reduce){.tmap4 .tac-gp2,.tmap4 .tac-np2,.tmap4 .tac-tw2,.tmap4 .tac-pk{animation:none!important}.tmap4 .tac-np2{opacity:0}.tmap4 .tac-pk{display:none}} html body .tmap4 .tmap__svg{width:100%;height:auto;display:block} @media (max-width:980px){html body .tmap4{margin:0!important}} /* Bakeoff bars: canvas D latest, 3px lighter top edge */ html body .vst__b{box-sizing:border-box;border-top:3px solid #4F85B3} html body .vst__c.is-rep .vst__b{background:#715F35!important;opacity:1!important;border-top-color:#E3A54A} html body .vst__c.is-one .vst__b{background:var(--gold)!important;border-top-color:#F2BE6B} .ev-photo--evi{border:1px solid var(--line);overflow:hidden}.ev-photo--evi svg.evi{width:100%;max-width:none;margin:0} .evi .evi-card,.evi .evi-env,.evi .evi-row,.evi .evi-pc,.evi .evi-seat{transform-box:fill-box;animation:evi-up .8s cubic-bezier(.2,.7,.2,1) both} .evi .evi-env{animation-name:evi-fade;animation-delay:.05s} .evi .evi-card{animation-delay:.15s} .evi .evi-row{animation-name:evi-fade;animation-duration:.5s;animation-delay:var(--d)} .evi .evi-pc{animation-name:evi-in;animation-delay:var(--d)} .evi .evi-seat{transform-origin:center;animation-name:evi-pop;animation-duration:.5s;animation-delay:1.55s} .evi .evi-link{stroke-dashoffset:0;animation:evi-draw 1s ease 1.75s both,evi-flow 1.4s linear 2.75s infinite} @keyframes evi-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}} @keyframes evi-in{from{opacity:0;transform:translateX(32px)}to{opacity:1;transform:none}} @keyframes evi-fade{from{opacity:0}to{opacity:1}} @keyframes evi-pop{0%{opacity:0;transform:scale(1.3)}70%{opacity:1;transform:scale(.97)}100%{opacity:1;transform:none}} @keyframes evi-draw{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}} @keyframes evi-flow{to{stroke-dashoffset:-18}} .evi.wait *{animation-play-state:paused!important} @media (prefers-reduced-motion:reduce){.evi *{animation:none!important}} .sl2-hero--scan{padding-bottom:clamp(48px,6vw,96px)!important}.scn-panel{max-width:1200px;margin:clamp(40px,5vw,64px) auto 0;border:1px solid var(--line);background:var(--paper);background-image:linear-gradient(rgba(7,70,115,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(7,70,115,.05) 1px,transparent 1px);background-size:72px 72px;padding:24px 0 28px;overflow:hidden}.scn-cap{display:flex;justify-content:space-between;gap:16px;padding:0 32px;font:400 10.5px/1.4 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--blue-300)}.sl2-hero--scan .bp-strip{display:none}.scn-wrap{display:grid;gap:14px;margin-top:4px;text-align:left}@media (max-width:760px){.scn-band{height:470px!important;--lift:190px}.scn-cap{padding:0 16px}.scn-cap span:last-child{display:none}.scn-wrap>div:last-child{flex-wrap:wrap;gap:10px 24px!important}} .cnv-band *{box-sizing:border-box} .cnv-up{position:relative} .cnv-tr{animation:v14m 50s linear infinite}@keyframes v14m{to{transform:translateX(-50%)}} .cnv-up{animation:v14u 5s ease-in-out infinite}@keyframes v14u{0%,100%{transform:none}50%{transform:translateY(5px)}} .cnv-drop{background-size:100% 9px!important;animation:v14d 1.2s linear infinite}@keyframes v14d{to{background-position:0 9px}} .cnv-c.on{border-color:#052F4B!important;box-shadow:none} @media (prefers-reduced-motion:reduce){.cnv-tr,.cnv-up,.cnv-drop{animation:none}} @media (max-width:760px){.cnv-band{height:470px!important}} .sl2-hero--who .bp-strip{display:none}.sl2-hero--who{padding-bottom:clamp(48px,6vw,96px)!important}.who-fig{margin:clamp(40px,5vw,64px) auto 0;max-width:1200px;border:1px solid var(--line);overflow:hidden}.who-fig:not(.itv15) svg{width:100%;height:auto;display:block} .evw .w-list,.evw .w-gate,.evw .w-row{transform-box:fill-box;animation:w-up .7s cubic-bezier(.2,.7,.2,1) both} .evw .w-list{animation-delay:.1s}.evw .w-gate{animation-delay:.5s}.evw .w-row{animation-name:w-fade;animation-delay:var(--d)} .evw .w-sq{animation:w-fade .4s ease both;animation-delay:calc(.4s + var(--k)*12ms)} .evw .w-pick{animation:w-fade .4s ease .4s both,w-pick .4s ease 1.3s forwards} .evw .w-in{opacity:0;animation:w-draw .7s ease 1.5s forwards} .evw .w-ck{opacity:0;transform-box:fill-box;transform-origin:center;animation:w-pop .3s cubic-bezier(.2,.7,.2,1) var(--d) forwards} .evw .w-out{opacity:0;animation:w-draw .8s ease 3.4s forwards,w-flow 1.4s linear 4.2s infinite} .evw .w-fill{opacity:0;transform-box:fill-box;transform-origin:center;animation:w-pop .5s cubic-bezier(.2,.7,.2,1) 4.1s forwards} .evw .w-gap{animation:w-gone .3s ease 4.1s forwards} @keyframes w-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}} @keyframes w-fade{from{opacity:0}to{opacity:1}} @keyframes w-pick{to{fill:#052F4B;stroke:#052F4B}} @keyframes w-draw{from{opacity:0;clip-path:inset(0 0 0 100%)}to{opacity:1;clip-path:inset(0)}} @keyframes w-flow{to{stroke-dashoffset:-18}} @keyframes w-pop{0%{opacity:0;transform:scale(1.3)}70%{opacity:1;transform:scale(.97)}100%{opacity:1;transform:none}} @keyframes w-gone{to{opacity:0}} .evw.wait *{animation-play-state:paused!important} @media (prefers-reduced-motion:reduce){.evw *{animation:none!important;opacity:1!important}.evw .w-gap{opacity:0!important}} /* Events hero: dinner-table illustration (replaces photo) */ html body .ev-photo--ill{overflow:visible} html body .ev-photo--ill .evx{display:block;width:100%;height:auto} html body .evx .evx-t{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase} @media (prefers-reduced-motion:no-preference){ html body .evx .evx-arc{animation:evxDash 3.2s linear infinite;animation-delay:var(--d)} html body .evx .evx-gold{animation:evxDash 1.6s linear infinite} html body .evx .evx-flame{transform-box:fill-box;transform-origin:center;animation:evxFlame 3s ease-in-out infinite} html body .evx .evx-bub{opacity:0;animation:evxBub 6s ease-in-out infinite;animation-delay:var(--b)} html body .evx .evx-seat{transition:opacity .5s ease} } @keyframes evxDash{to{stroke-dashoffset:-32}} @keyframes evxFlame{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.35);opacity:.35}} @keyframes evxBub{0%,4%{opacity:0;transform:translateY(4px)}10%,30%{opacity:1;transform:none}36%,100%{opacity:0}} @media (max-width:640px){html body .ev-photo--ill{overflow:hidden;border:1px solid #DCE4EC;background:#F3F6F9}html body .ev-photo--ill .evx{width:150%;max-width:none;margin:-6% 0 -6% -25%}html body .evx .evx-bg,html body .evx .evx-note{display:none}} /* About story: large text that fills in word by word on scroll */ html body .np-story:has(.ab-read){display:block!important} html body .np-story:has(.ab-read)>div:first-child{max-width:900px} html body .ab-read{margin-top:clamp(40px,5vw,72px);max-width:1080px} html body .ab-read p,html body .ab-read p.np-lead{font-family:var(--f-body)!important;font-size:clamp(1.625rem,1.05rem + 1.9vw,2.75rem)!important;line-height:1.32!important;letter-spacing:-.015em!important;font-weight:400!important;color:var(--navy-900)!important;margin:0 0 .9em!important;max-width:none!important} html body .ab-read p:last-child{margin-bottom:0!important} html body .ab-read .ab-w{opacity:var(--o,1);transition:opacity .18s ease-out} html body .ab-read em.ab-read__g{font-style:normal} html body .ab-read em.ab-read__g .ab-w{color:var(--gold-text)} html body .ab-read.is-armed .ab-w{--o:.16} @media (prefers-reduced-motion:reduce){html body .ab-read.is-armed .ab-w{opacity:1!important}} /* Events: past events as video highlight reels */ html body .evr{margin-top:clamp(40px,5vw,64px);display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-rows:auto auto;gap:24px 24px} html body .evr__item--feat{grid-row:1/3} html body .evr__item{display:flex;flex-direction:column;min-width:0} html body .evr__media{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;background:#0A3A5C;cursor:pointer;overflow:hidden;font:inherit;color:#fff} html body .evr__item--feat .evr__media{flex:1;aspect-ratio:auto;min-height:100%} html body .evr__item--feat{display:grid;grid-template-rows:1fr auto} html body .evr__frame,html body .evr__frame svg{position:absolute;inset:0;width:100%;height:100%;display:block} html body .evr__frame svg{transition:transform .8s cubic-bezier(.2,.7,.2,1)} html body .evr__media:hover .evr__frame svg{transform:scale(1.04)} html body .evr__tag{position:absolute;left:16px;top:16px;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#C3D3E2} html body .evr__dur{position:absolute;right:16px;bottom:16px;padding:4px 8px;background:rgba(5,47,75,.85);font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;color:#fff} html body .evr__play{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;display:grid;place-items:center;background:var(--gold);color:#fff;transition:transform .35s cubic-bezier(.2,.7,.2,1),background-color .25s} html body .evr__item:not(.evr__item--feat) .evr__play{width:48px;height:48px;margin:-24px 0 0 -24px} html body .evr__play svg{width:42%;height:42%} html body .evr__media:hover .evr__play{transform:scale(1.08);background:#B57719} html body .evr__media:focus-visible{outline:2px solid var(--gold);outline-offset:3px} html body .evr__body{padding-top:16px} html body .evr__meta{margin:0;font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-text)} html body .evr__body h3:not(h1):not(h2){margin:8px 0 0;font-family:var(--f-body)!important;font-weight:500!important;font-size:clamp(1.125rem,1rem + .4vw,1.375rem)!important;line-height:1.3!important;letter-spacing:-.01em!important;color:var(--navy-900)} html body .evr__item--feat .evr__body h3:not(h1):not(h2){font-size:clamp(1.375rem,1.1rem + .8vw,1.75rem)!important} /* lightbox */ html body .evr-lb{position:fixed;inset:0;z-index:200;background:rgba(5,47,75,.92);display:grid;place-items:center;padding:24px} html body .evr-lb[hidden]{display:none} html body .evr-lb__box{position:relative;width:min(1100px,100%);aspect-ratio:16/9;background:#0A3A5C;display:grid;place-items:center;color:#C3D3E2;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;text-align:center} html body .evr-lb__box video,html body .evr-lb__box iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000} html body .evr-lb__x{position:absolute;right:0;top:-48px;width:40px;height:40px;border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;font-size:20px;cursor:pointer} @media (max-width:860px){html body .evr{grid-template-columns:1fr}html body .evr__item--feat{grid-row:auto;display:flex}html body .evr__item--feat .evr__media{aspect-ratio:16/9;min-height:0}} /* Events list: hover highlights the date box instead of the row background */html body .np-ev>li:hover{background:none!important}html body .np-ev__date{position:relative;transition:border-color .3s ease,background-color .3s ease}html body .np-ev__date::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.7,.2,1)}html body .np-ev__date b{transition:color .3s ease}html body .np-ev>li:hover .np-ev__date{border-color:var(--gold)}html body .np-ev>li:hover .np-ev__date::before{transform:scaleX(1)}html body .np-ev>li:hover .np-ev__date b:not(h1):not(h2):not(h3):not(h4){color:var(--gold-text)}html body .np-ev .np-ev__body h3{transition:color .3s ease}html body .np-ev>li:hover .np-ev__body h3{color:var(--blue-600)}html body .np-ev>li:hover .np-ev__go .link-cta .arr{transform:translateX(4px)} /* Events list: event titles in sans */html body .np-ev .np-ev__body h3:not(h1):not(h2){font-family:var(--f-body)!important;font-weight:500!important;font-size:clamp(1.25rem,1.05rem + .6vw,1.625rem)!important;line-height:1.25!important;letter-spacing:-.012em!important} /* Index cards: tagline in sans (overrides earlier serif) */ html body .ix-card .ix-card__body>p.ix-card__tag:not(h1):not(h2):not(h3){font-family:var(--f-body)!important;font-weight:500!important;font-size:clamp(1.1875rem,1.05rem + .4vw,1.375rem)!important;line-height:1.3!important;letter-spacing:-.01em!important} /* Events calendar: show 5, load more */ html body .np-ev>li.is-more-hidden{display:none!important} html body .np-ev>li.is-more-in{animation:evMoreIn .5s cubic-bezier(.2,.7,.2,1) both} @keyframes evMoreIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}} html body .ev-more{margin-top:32px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap} html body .ev-more__count{margin:0;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--slate,#4A5B6C)} html body .ev-more__count b{font-weight:500;color:var(--navy-900)} html body .ev-more__btn{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:0 20px 0 22px;background:var(--white);border:1px solid var(--navy-900);color:var(--navy-900);font:500 1rem/1 var(--f-body);cursor:pointer;transition:background-color .25s,color .25s} html body .ev-more__btn svg{width:16px;height:16px;transition:transform .3s cubic-bezier(.2,.7,.2,1)} html body .ev-more__btn:hover{background:var(--navy-900);color:#fff} html body .ev-more__btn:hover svg{transform:rotate(90deg)} html body .ev-more__btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px} html body .ev-more[hidden]{display:none} @media (max-width:560px){html body .ev-more{flex-direction:column-reverse;align-items:stretch}html body .ev-more__btn{justify-content:center}html body .ev-more__count{text-align:center}} /* Index cards: company name as a label box inside the illustration */ html body .page[data-page="index"] .ix-card:has(>.ix-card__art){position:relative} html body .page[data-page="index"] .ix-card:has(>.ix-card__art)>.ix-card__body>h3:not(h1):not(h2){position:absolute;left:16px;top:16px;z-index:2;margin:0!important;display:inline-flex;align-items:center;gap:8px;padding:8px 12px 8px 10px;background:#fff;border:1px solid var(--navy-900);font-family:var(--f-body)!important;font-size:15px!important;font-weight:600!important;letter-spacing:-.005em!important;line-height:1.1!important;color:var(--navy-900)!important;transition:background-color .25s,color .25s} html body .page[data-page="index"] .ix-card:has(>.ix-card__art)>.ix-card__body>h3::before{content:"";width:8px;height:8px;background:var(--gold);flex:none;transition:background-color .25s} html body .page[data-page="index"] .ix-card:has(>.ix-card__art):hover>.ix-card__body>h3{background:#fff;border-color:var(--gold)} html body .page[data-page="index"] .ix-card:has(>.ix-card__art)>.ix-card__body>.ix-card__tag{margin-top:0!important} /* Bakeoff closer: text in sans (big "1" stays serif) */ html body .vst-close.vst-close--one p,html body .vst-close.vst-close--one p span{font-family:var(--f-body)!important;letter-spacing:-.005em!important} html body .vst-close.vst-close--one p{font-size:clamp(1.0625rem,1rem + .3vw,1.25rem)!important;line-height:1.6!important} html body .vst-close.vst-close--one .vst-close__h{font-weight:500!important;font-size:clamp(1.375rem,1.15rem + .7vw,1.75rem)!important;letter-spacing:-.015em!important;line-height:1.25!important} /* Blog: Read article links hug their text, so the hover underline follows content width */ html body .page[data-page="blog"] article .link-cta,html body .page[data-page="post"] article .link-cta{align-self:flex-start;width:max-content;max-width:100%} /* Blog closing CTA: newsletter subscribe form */ html body .nlf{margin:32px auto 0;width:100%;max-width:560px} html body .nlf__row{display:flex;background:#fff;border:1px solid var(--navy-900);transition:box-shadow .25s} html body .nlf__row:focus-within{outline:2px solid var(--gold);outline-offset:3px} html body .nlf input{flex:1;min-width:0;height:60px!important;box-sizing:border-box;padding:0 20px;border:0;background:transparent;font:400 1.0625rem/1 var(--f-body);color:var(--navy-900);outline:none;border-radius:0} html body .nlf input::placeholder{color:#7C93AD} html body .nlf__btn{flex:none;display:inline-flex;align-items:center;gap:12px;height:60px;padding:0 24px 0 28px;border:0;background:var(--navy-900);color:#fff;font:500 1.0625rem/1 var(--f-body);cursor:pointer;transition:background-color .25s} html body .nlf__btn:hover{background:var(--gold);color:var(--navy-900)} html body .nlf__arr{transition:transform .3s cubic-bezier(.2,.7,.2,1)} html body .nlf__btn:hover .nlf__arr{transform:translateX(4px)} html body .nlf__note{margin:16px 0 0;display:flex;justify-content:center;flex-wrap:wrap;gap:6px 22px;font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--slate,#4A5B6C)} html body .nlf__note span{display:inline-flex;align-items:center;gap:8px} html body .nlf__note span::before{content:"";width:6px;height:6px;background:var(--gold)} html body .nlf__msg{margin:12px 0 0;min-height:1.4em;font-family:var(--f-body);font-size:.9375rem;color:var(--navy-900)} html body .nlf.is-err .nlf__row{border-color:#B4532A} html body .nlf.is-err .nlf__msg{color:#B4532A} html body .nlf.is-ok .nlf__row,html body .nlf.is-ok .nlf__note{display:none} html body .nlf.is-ok .nlf__msg{display:inline-flex;align-items:center;gap:10px;padding:16px 20px;background:#fff;border:1px solid var(--navy-900);font-weight:500} html body .nlf.is-ok .nlf__msg::before{content:"";width:10px;height:10px;background:var(--gold)} @media (max-width:560px){html body .nlf{margin-left:0}html body .nlf__note{justify-content:flex-start}html body .nlf__row{flex-direction:column;background:transparent;border:0;gap:10px}html body .nlf input{flex:none!important;background:#fff;border:1px solid var(--navy-900);height:56px!important;min-height:56px}html body .nlf__btn{justify-content:center;height:56px}} /* Blog + post images: larger background grid */html body .page:is([data-page="blog"],[data-page="post"]) :is(.ix-card__art,.po-fig){background-size:48px 48px,48px 48px,auto!important} /* Blog cards: slightly larger post titles */ html body .bl-card .ix-card__body>h3:not(h1):not(h2){font-family:var(--f-body)!important;font-weight:500!important;font-size:clamp(1.0625rem,.95rem + .3vw,1.1875rem)!important;line-height:1.3!important;letter-spacing:-.01em!important} .tp-tok{animation:tp-mv 12s cubic-bezier(.4,0,.2,1) infinite} @keyframes tp-mv{0%,21%{left:219px;opacity:0;border-color:#052F4B}22%,30%{left:219px;opacity:1}38%,46%{left:443px}54%,62%{left:667px}71%{left:909px;border-color:#052F4B}73%,92%{left:909px;border-color:#C98623;opacity:1}97%,100%{left:909px;opacity:0;border-color:#C98623}} .tp-ph0{animation:tp-ph0 12s linear infinite}@keyframes tp-ph0{0%,21%{opacity:1}22.5%,97%{opacity:0}100%{opacity:1}}.tp-dn0{animation:tp-dn0 12s linear infinite}@keyframes tp-dn0{0%,31%{opacity:0}34%,95%{opacity:1}97%,100%{opacity:0}}.tp-ph1{animation:tp-ph1 12s linear infinite}@keyframes tp-ph1{0%,37%{opacity:1}38.5%,97%{opacity:0}100%{opacity:1}}.tp-dn1{animation:tp-dn1 12s linear infinite}@keyframes tp-dn1{0%,47%{opacity:0}50%,95%{opacity:1}97%,100%{opacity:0}}.tp-ph2{animation:tp-ph2 12s linear infinite}@keyframes tp-ph2{0%,53%{opacity:1}54.5%,97%{opacity:0}100%{opacity:1}}.tp-dn2{animation:tp-dn2 12s linear infinite}@keyframes tp-dn2{0%,63%{opacity:0}66%,95%{opacity:1}97%,100%{opacity:0}} .tp-dot{animation:tp-dot 12s cubic-bezier(.4,0,.2,1) infinite}@keyframes tp-dot{0%,8%{left:52px;top:164px;width:16px;height:16px;opacity:0}9%,11%{left:52px;top:164px;width:16px;height:16px;opacity:1}14%{left:52px;top:112px;width:16px;height:16px;opacity:1}20%{left:231px;top:107px;width:26px;height:26px;opacity:1}22%,100%{left:231px;top:107px;width:26px;height:26px;opacity:0}} .tp-pick{animation:tp-pk 12s linear infinite}@keyframes tp-pk{0%,10%{background:#052F4B;border-color:#052F4B}11%,97%{background:#fff;border-color:#DCE4EC}100%{background:#052F4B;border-color:#052F4B}} .tp-sub{animation:tp-sub 12s linear infinite}@keyframes tp-sub{0%,72%{opacity:1}74%,100%{opacity:0}} .tp-ad{animation:tp-ad 12s linear infinite}@keyframes tp-ad{0%,72%{opacity:0}74%,95%{opacity:1}100%{opacity:0}} .tp-slot{animation:tp-sl 12s linear infinite}@keyframes tp-sl{0%,70%{opacity:1}72%,95%{opacity:0}100%{opacity:1}} .tp-b svg{opacity:1}.tp-b{animation-duration:12s;animation-timing-function:linear;animation-iteration-count:infinite} @keyframes tp-b0{0%,26%{background:#fff;border-color:#6F8FAD}27%,95%{background:#052F4B;border-color:#052F4B}100%{background:#fff;border-color:#6F8FAD}}@keyframes tp-g0{0%,21%{border-color:#DCE4EC}22%,30%{border-color:#052F4B}31%,100%{border-color:#DCE4EC}}.tp-b0{animation-name:tp-b0}.tp-g0{animation:tp-g0 12s linear infinite}@keyframes tp-b1{0%,42%{background:#fff;border-color:#6F8FAD}43%,95%{background:#052F4B;border-color:#052F4B}100%{background:#fff;border-color:#6F8FAD}}@keyframes tp-g1{0%,37%{border-color:#DCE4EC}38%,46%{border-color:#052F4B}47%,100%{border-color:#DCE4EC}}.tp-b1{animation-name:tp-b1}.tp-g1{animation:tp-g1 12s linear infinite}@keyframes tp-b2{0%,58%{background:#fff;border-color:#6F8FAD}59%,95%{background:#052F4B;border-color:#052F4B}100%{background:#fff;border-color:#6F8FAD}}@keyframes tp-g2{0%,53%{border-color:#DCE4EC}54%,62%{border-color:#052F4B}63%,100%{border-color:#DCE4EC}}.tp-b2{animation-name:tp-b2}.tp-g2{animation:tp-g2 12s linear infinite} @media (prefers-reduced-motion:reduce){.tp *{animation:none!important}} html body .who-fig.itv15{border:0;overflow:hidden} html body .who-fig.itv15 .tpz{width:1200px;transform-origin:0 0;text-align:left} .v18-band *{box-sizing:border-box} .v18-a{animation:v18l 56s linear infinite}.v18-b{animation:v18r 64s linear infinite} @keyframes v18l{to{transform:translateX(-50%)}}@keyframes v18r{from{transform:translateX(-50%)}to{transform:none}} @media (prefers-reduced-motion:reduce){.v18-a,.v18-b{animation:none}} html body .scn-v16{gap:10px;margin-top:0} html body .page[data-page="how-we-vet"] .vt-hero,html body .page[data-page="index"] .ix-hero.hero,html body .page[data-page="blog"] .ix-hero.hero,html body .page[data-page="about"]>section.sl2-hero:first-of-type{padding-bottom:clamp(64px,7vw,104px)} html body #it-uses-title .soft{display:inline} html body .page[data-page="index"] .ix-bar{background:var(--paper)}html body .page[data-page="index"] .ix-search input{background:var(--white)} html body .page[data-page="index"] .ix-get h2{font-size:clamp(2.25rem,1.4rem + 2.6vw,3.75rem);line-height:1.03;letter-spacing:var(--track-h1)}html body .ix-get .vsn{margin:28px 0 32px} html body .page[data-page="request-briefing"] .fm--card>.fm-f--full{margin-top:22px}html body .page[data-page="request-briefing"] .fm-f i{font-style:normal;color:var(--blue-300)} html body .hbl .hbl__art.hbl__art--bc{background:linear-gradient(rgba(111,143,173,.1) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(111,143,173,.1) 1px,transparent 1px) 0 0/48px 48px,#073A5E!important;border-bottom:1px solid #154B74}html body .hbl .hbl__art--bc .bc .c,html body .hbl .hbl__art--bc .bc .n{fill:#052F4B!important;stroke:#6F8FAD!important}html body .hbl .hbl__art--bc .bc .m{stroke:#3A6A90!important;fill:none!important}html body .hbl .hbl__art--bc .bc .p{fill:#1A4D73!important}html body .hbl .hbl__art--bc .bc .d,html body .hbl .hbl__art--bc .bc .d2{stroke:#6F8FAD!important;fill:none!important}html body .hbl .hbl__art--bc .bc .g{fill:#C98623!important;stroke:#C98623!important}html body .hbl .hbl__art--bc .bc .w{fill:#fff!important}html body .hbl .hbl__art--bc .bc .wl{stroke:#fff!important}html body .hbl .hbl__art--bc .bc .gl,html body .hbl .hbl__art--bc .bc .gd,html body .hbl .hbl__art--bc .bc .ck{stroke:#DFA047!important}html body .hbl .hbl__art--bc .bc .tx{fill:#9AB3CA!important}html body .hbl .hbl__art--bc .bc .tg{fill:#DFA047!important}html body .hbl .hbl__art--bc .bc{width:100%;height:100%;background:none;padding:6% 4%} #it-solution .so-pulse{display:none} @media (min-width:1081px){ html body #it-solution .h4-head{display:flex;justify-content:space-between;align-items:flex-end;gap:64px} html body #it-solution .h4-head .h4-lede{max-width:400px;margin:0;flex:none} #it-solution .ss3.so-ready .ss3__steps li>:is(.ss3__n,h3,p){opacity:0;transform:translateY(10px)} #it-solution .ss3.so-ready .ss3__steps li::before{transform:scaleX(0);transform-origin:left} #it-solution .ss3.so-ready .ss3__steps li:last-child::after{transform:scaleY(0);transform-origin:top} #it-solution .ss3.so-ready .ss3__node{opacity:0;transform:scale(.4)} #it-solution .ss3.so-ready .ss3__body{opacity:0;transform:translateY(10px)} #it-solution .ss3.so-ready .ss3__gold{transform:scaleY(0);transform-origin:top} #it-solution .ss3.so-ready .ss3__bars rect{transform:scaleY(0);transform-origin:50% 100%;transform-box:fill-box} #it-solution .so-pulse{display:block;position:absolute;width:7px;height:7px;background:var(--gold-light,#DFA047);z-index:3;margin:-3px 0 0 -3px;opacity:0;left:46.5px;top:46.75px} #it-solution .ss3__steps{position:relative} #it-solution .ss3.so-go .ss3__steps li>:is(.ss3__n,h3,p){animation:so-up .6s cubic-bezier(.2,.7,.2,1) var(--d) forwards} #it-solution .ss3.so-go .ss3__steps li:nth-child(1){--d:.35s} #it-solution .ss3.so-go .ss3__steps li:nth-child(2){--d:.85s} #it-solution .ss3.so-go .ss3__steps li:nth-child(3){--d:1.35s} #it-solution .ss3.so-go .ss3__steps li:nth-child(1)::before{animation:so-x .5s ease-out .2s forwards} #it-solution .ss3.so-go .ss3__steps li:nth-child(2)::before{animation:so-x .5s ease-out .7s forwards} #it-solution .ss3.so-go .ss3__steps li:nth-child(3)::before{animation:so-x .5s ease-out 1.2s forwards} #it-solution .ss3.so-go .ss3__steps li:nth-child(1) .ss3__node{animation:so-pop .35s cubic-bezier(.2,.7,.2,1) .15s forwards} #it-solution .ss3.so-go .ss3__steps li:nth-child(2) .ss3__node{animation:so-pop .35s cubic-bezier(.2,.7,.2,1) .65s forwards} #it-solution .ss3.so-go .ss3__steps li:nth-child(3) .ss3__node{animation:so-pop .35s cubic-bezier(.2,.7,.2,1) 1.15s forwards,so-fill .4s ease 1.65s forwards} #it-solution .ss3.so-go .ss3__steps li:last-child::after{animation:so-y .5s ease-in-out 1.7s forwards} #it-solution .ss3.so-go .ss3__body{animation:so-up .6s cubic-bezier(.2,.7,.2,1) 2.1s forwards} #it-solution .ss3.so-go .ss3__gold{animation:so-y .7s ease-in-out 2.1s forwards} #it-solution .ss3.so-go .ss3__bars rect{animation:so-y .5s cubic-bezier(.2,.7,.2,1) forwards} #it-solution .ss3.so-go .ss3__bars rect:nth-child(1){animation-delay:2.3s} #it-solution .ss3.so-go .ss3__bars rect:nth-child(2){animation-delay:2.39s} #it-solution .ss3.so-go .ss3__bars rect:nth-child(3){animation-delay:2.48s} #it-solution .ss3.so-go .ss3__bars rect:nth-child(4){animation-delay:2.57s} #it-solution .ss3.so-go .ss3__bars rect:nth-child(5){animation-delay:2.66s} #it-solution .ss3.so-go .ss3__bars rect:nth-child(6){animation-delay:2.75s} #it-solution .ss3.so-go .so-pulse{animation:so-run 7s linear 3.4s 1} } @keyframes so-up{to{opacity:1;transform:none}}@keyframes so-x{to{transform:scaleX(1)}}@keyframes so-y{to{transform:scaleY(1)}} @keyframes so-pop{to{opacity:1;transform:none}}@keyframes so-fill{to{background:#C98623;border-color:#C98623}} @keyframes so-run{0%{left:46.5px;top:46.75px;opacity:0}4%{opacity:1}50%{left:calc(100% - 20px);top:46.75px}68%{left:calc(100% - 20px);top:var(--olh,266px);opacity:1}72%,100%{left:calc(100% - 20px);top:var(--olh,266px);opacity:0}} @media (prefers-reduced-motion:reduce){#it-solution .ss3 *,#it-solution .ss3 *::before,#it-solution .ss3 *::after{animation:none!important;opacity:1!important;transform:none!important}#it-solution .so-pulse{display:none!important}} html body #it-uses .ucx__art{padding:44px 40px;display:grid;place-items:center}html body #it-uses .ucx__art svg.ucx-v2{max-width:440px} html body #it-uses .ucx__body h3{font-family:var(--f-body);font-weight:500;font-size:clamp(1.375rem,1.1rem + .6vw,1.625rem);line-height:1.2;letter-spacing:-.01em}@media (min-width:1181px){html body #it-uses .ucx{grid-template-columns:600px minmax(0,1fr)}html body #it-uses .ucx__t{white-space:nowrap;font-size:17px}} html body .pqb__cards h3{font-size:clamp(1.1875rem,1.05rem + .3vw,1.3125rem);line-height:1.25} html body #sl-uses .ucx__body h3{font-family:var(--f-body);font-weight:500;font-size:clamp(1.375rem,1.1rem + .6vw,1.625rem);line-height:1.2;letter-spacing:-.01em}html body #sl-uses .ucx__art{padding:44px 40px;display:grid;place-items:center}@media (min-width:1181px){html body #sl-uses .ucx{grid-template-columns:600px minmax(0,1fr)}html body #sl-uses .ucx__t{white-space:nowrap;font-size:17px}} html body section.hbl{overflow-x:clip}html body .hbl__track{--bl:0px;margin-inline:calc(var(--bl)*-1);padding-inline:var(--bl);scroll-padding-inline:var(--bl)}html body .hbl__track.has-fade,html body .hbl__track.has-fade.is-scrolling{-webkit-mask-image:none!important;mask-image:none!important} html body #sl-uses-title .soft{display:inline}html body .ucx__item{cursor:pointer}html body .ucx__item:not(.is-on):hover{background:#F8FAFC}html body .ucx__item:not(.is-on):hover .ucx__t{color:var(--navy-900)} html body .wj .wj-panel{margin-top:clamp(40px,5vw,72px);background:#F3F6F9;background-image:linear-gradient(rgba(7,70,115,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(7,70,115,.05) 1px,transparent 1px);background-size:72px 72px;border:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:clamp(40px,6vw,88px);align-items:center;padding:clamp(28px,4vw,56px) clamp(24px,4.4vw,64px)} html body .wj .wj-k{font:400 12px/1.4 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-text,#9A6516);margin:0} html body .wj .wj-lead h3{margin:16px 0 0;font-family:var(--f-display,Newsreader),Georgia,serif;font-weight:400;letter-spacing:-.025em;font-size:clamp(2rem,1.4rem + 1.6vw,2.75rem);line-height:1.1;color:var(--navy-900)} html body .wj .wj-lead>p:not(.wj-k){margin:16px 0 28px;font-size:1.0625rem;line-height:1.65;color:#4A5B6C;max-width:44ch} html body .wj .wj-card{margin:0;background:#fff;border:1px solid var(--line);padding:22px 26px 20px} html body .wj .wj-card__hd{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px} html body .wj .wj-card__co{display:flex;align-items:center;gap:12px} html body .wj .wj-card__n{margin:0;font:500 16px/1.3 var(--f-body);color:var(--navy-900)} html body .wj .wj-card__k{margin:3px 0 0;font:400 10px/1.3 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#6F8FAD} html body .wj .wj-vet{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;background:#C98623;font:500 9.5px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#fff;flex:none} html body .wj .wj-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border-top:1px solid var(--line);font:400 16px/1.3 var(--f-body);color:var(--navy-900)} html body .wj .wj-bars{display:flex;gap:5px} html body .wj .wj-bars i{width:34px;height:5px;background:#DCE4EC;display:block} html body .wj .wj-bars i.on{background:#052F4B;animation:wj-b 8s ease-out var(--d) infinite both} @keyframes wj-b{0%{background:#DCE4EC}6%,94%{background:#052F4B}100%{background:#DCE4EC}} html body .wj .wj-cav{margin:0;border-top:1px solid var(--line);padding-top:14px;font:400 14px/1.5 var(--f-body);color:#4A5B6C} html body .wj .wj-cav b{color:var(--navy-900);font-weight:500} html body .wj .wj-ben{margin-top:clamp(48px,5vw,72px)} html body .wj .wj-ben .wj-k{padding-bottom:20px} html body .wj .wj-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 32px} html body .wj .wj-grid li{padding:28px 28px 0 0;border-top:1px solid var(--line)} html body .wj .wj-grid svg{display:block} html body .page .section.wj .wj-grid h3{margin:20px 0 10px;font-family:var(--f-body);font-size:1.25rem;font-weight:500;line-height:1.3;letter-spacing:0;color:var(--navy-900)} html body .wj .wj-grid p{margin:0;font-size:.96875rem;line-height:1.6;color:#4A5B6C} @media (max-width:1080px){html body .wj .wj-panel{grid-template-columns:1fr}html body .wj .wj-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 32px}} @media (max-width:560px){html body .wj .wj-grid{grid-template-columns:1fr;gap:24px}html body .wj .wj-grid li{padding:24px 0 0}html body .wj .wj-bars i{width:24px}html body .wj .wj-card{padding:18px 18px 16px}} @media (prefers-reduced-motion:reduce){html body .wj .wj-bars i.on{animation:none}} html body .wj .wjk{margin-top:clamp(40px,5vw,72px);display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:clamp(40px,5vw,72px);align-items:stretch} html body .wj .wjk-panel{margin-top:0;grid-template-columns:1fr;gap:40px;align-content:start;align-items:start;padding:clamp(28px,3.4vw,48px) clamp(24px,3vw,44px)} html body .wj .wjk-ben{display:flex;flex-direction:column} html body .wj .wjk-ben .wj-k{padding-bottom:20px} html body .wj .wjk-grid{grid-template-columns:1fr 1fr;gap:0 40px;flex:1} html body .wj .wjk-grid li{padding:32px 32px 36px 0} @media (max-width:1080px){html body .wj .wjk{grid-template-columns:1fr}html body .wj .wjk-grid{grid-template-columns:1fr 1fr;gap:0 32px}} @media (max-width:560px){html body .wj .wjk-grid{grid-template-columns:1fr}html body .wj .wjk-grid li{padding:24px 0 28px}} .ha-vf{animation:ha-vf 9s cubic-bezier(.4,0,.2,1) infinite}@keyframes ha-vf{0%,6%{transform:translate(-120px,-30px)}22%,30%{transform:translate(-60px,30px)}46%,100%{transform:none}} .ha-pick{animation:ha-pick 9s linear infinite}@keyframes ha-pick{0%,50%{fill:#fff;stroke:#6F8FAD}55%,96%{fill:#C98623;stroke:#C98623}100%{fill:#fff;stroke:#6F8FAD}} .ha-box{animation:9s linear infinite}.ha-ck{animation:9s linear infinite} .ha-box0{animation-name:ha-b0}@keyframes ha-b0{0%,10%{fill:#fff}13%,96%{fill:#052F4B}100%{fill:#fff}}.ha-ck0{animation-name:ha-c0}@keyframes ha-c0{0%,10%{opacity:0}13%,96%{opacity:1}100%{opacity:0}}.ha-box1{animation-name:ha-b1}@keyframes ha-b1{0%,22%{fill:#fff}25%,96%{fill:#052F4B}100%{fill:#fff}}.ha-ck1{animation-name:ha-c1}@keyframes ha-c1{0%,22%{opacity:0}25%,96%{opacity:1}100%{opacity:0}}.ha-box2{animation-name:ha-b2}@keyframes ha-b2{0%,34%{fill:#fff}37%,96%{fill:#052F4B}100%{fill:#fff}}.ha-ck2{animation-name:ha-c2}@keyframes ha-c2{0%,34%{opacity:0}37%,96%{opacity:1}100%{opacity:0}}.ha-box3{animation-name:ha-b3}@keyframes ha-b3{0%,46%{fill:#fff}49%,96%{fill:#052F4B}100%{fill:#fff}}.ha-ck3{animation-name:ha-c3}@keyframes ha-c3{0%,46%{opacity:0}49%,96%{opacity:1}100%{opacity:0}} .ha-seal{transform-box:fill-box;transform-origin:center;animation:ha-seal 9s cubic-bezier(.2,.7,.2,1) infinite}@keyframes ha-seal{0%,58%{opacity:0;transform:scale(1.4)}64%,96%{opacity:1;transform:none}100%{opacity:0}} .ha-l1,.ha-l2{stroke-dasharray:60;animation:9s ease-in-out infinite}.ha-l1{animation-name:ha-l1}.ha-l2{animation-name:ha-l2} @keyframes ha-l1{0%,10%{stroke-dashoffset:60}28%,96%{stroke-dashoffset:0}100%{stroke-dashoffset:60}}@keyframes ha-l2{0%,30%{stroke-dashoffset:60}48%,96%{stroke-dashoffset:0}100%{stroke-dashoffset:60}} .ha-f{animation:ha-f 9s linear infinite}@keyframes ha-f{0%,46%{opacity:.25}54%,96%{opacity:1}100%{opacity:.25}} @media (prefers-reduced-motion:reduce){.ha-vf,.ha-pick,.ha-box,.ha-ck,.ha-seal,.ha-l1,.ha-l2,.ha-f{animation:none}.ha-pick{fill:#C98623;stroke:#C98623}.ha-box{fill:#052F4B}} html body #how .h4-card__art svg.hwa-v{display:block;width:100%;max-width:420px;height:auto;margin:0 auto} html body #who .h4-who__top svg.who-ic{display:block;width:96px!important;height:96px!important;max-width:none} .bk-bar{transform-box:view-box;animation:bk-bar 8s cubic-bezier(.3,.6,.2,1) infinite both}@keyframes bk-bar{0%,4%{transform:scaleX(0)}40%,94%{transform:scaleX(1)}100%{transform:scaleX(0)}} .bk-end{animation:bk-end 8s linear infinite}@keyframes bk-end{0%,42%{opacity:0}46%,94%{opacity:1}100%{opacity:0}} .bk-you{animation:bk-you 8s linear infinite}@keyframes bk-you{0%,46%{opacity:.2}54%,94%{opacity:1}100%{opacity:.2}} .bk-p1,.bk-p2{stroke-dasharray:240;animation:8s ease-in-out infinite}.bk-p1{animation-name:bk-p1}.bk-p2{animation-name:bk-p2} @keyframes bk-p1{0%,8%{stroke-dashoffset:240}26%,94%{stroke-dashoffset:0}100%{stroke-dashoffset:240}}@keyframes bk-p2{0%,26%{stroke-dashoffset:240}44%,94%{stroke-dashoffset:0}100%{stroke-dashoffset:240}} .bk-win{animation:bk-win 8s linear infinite}@keyframes bk-win{0%,42%{opacity:.2}48%,94%{opacity:1}100%{opacity:.2}} @media (prefers-reduced-motion:reduce){.bk-bar,.bk-end,.bk-you,.bk-p1,.bk-p2,.bk-win{animation:none}} html body #benefits .h4-bake--b2{margin:0}html body #benefits .h4-bake--b2 svg.bkn{display:block;width:100%;max-width:560px;height:auto;margin-left:auto} html body #who .h4-who__card svg.who-ic *{transition:transform .45s cubic-bezier(.2,.7,.2,1),fill .3s,opacity .3s} html body #who .who-ic .wi-core{transform-box:fill-box;transform-origin:center} html body #who .h4-who__card:hover .wi-core{transform:scale(1.12)} html body #who .h4-who__card:hover .wi-sh{transform:translateY(4px)} html body #who .h4-who__card:hover .wi-n{fill:#052F4B} @media (prefers-reduced-motion:reduce){html body #who .h4-who__card svg.who-ic *{transition:none}} .hb-box,.hb-ck{animation:9s linear infinite}.hb-box0{animation-name:hb-b0}@keyframes hb-b0{0%,8%{fill:#052F4B;stroke:#6F8FAD}11%,95%{fill:#9AB3CA;stroke:#9AB3CA}100%{fill:#052F4B;stroke:#6F8FAD}}.hb-ck0{animation-name:hb-c0}@keyframes hb-c0{0%,8%{opacity:0}11%,95%{opacity:1}100%{opacity:0}}.hb-box1{animation-name:hb-b1}@keyframes hb-b1{0%,19%{fill:#052F4B;stroke:#6F8FAD}22%,95%{fill:#9AB3CA;stroke:#9AB3CA}100%{fill:#052F4B;stroke:#6F8FAD}}.hb-ck1{animation-name:hb-c1}@keyframes hb-c1{0%,19%{opacity:0}22%,95%{opacity:1}100%{opacity:0}}.hb-box2{animation-name:hb-b2}@keyframes hb-b2{0%,30%{fill:#052F4B;stroke:#6F8FAD}33%,95%{fill:#9AB3CA;stroke:#9AB3CA}100%{fill:#052F4B;stroke:#6F8FAD}}.hb-ck2{animation-name:hb-c2}@keyframes hb-c2{0%,30%{opacity:0}33%,95%{opacity:1}100%{opacity:0}}.hb-box3{animation-name:hb-b3}@keyframes hb-b3{0%,41%{fill:#052F4B;stroke:#6F8FAD}44%,95%{fill:#9AB3CA;stroke:#9AB3CA}100%{fill:#052F4B;stroke:#6F8FAD}}.hb-ck3{animation-name:hb-c3}@keyframes hb-c3{0%,41%{opacity:0}44%,95%{opacity:1}100%{opacity:0}} .hb-seal{animation:hb-seal 9s linear infinite}@keyframes hb-seal{0%,54%{opacity:0}60%,95%{opacity:1}100%{opacity:0}} .hc-bar{transform-box:view-box;animation:hc-bar 9s cubic-bezier(.2,.7,.2,1) infinite both}@keyframes hc-bar{0%,3%{transform:scaleY(0)}22%,95%{transform:scaleY(1)}100%{transform:scaleY(0)}} .hc-tag{animation:hc-tag 9s linear infinite}@keyframes hc-tag{0%,30%{opacity:0}36%,95%{opacity:1}100%{opacity:0}} @media (prefers-reduced-motion:reduce){.hb-box,.hb-ck,.hb-seal,.hc-bar,.hc-tag{animation:none}.hb-box{fill:#9AB3CA;stroke:#9AB3CA}} html body .h4-hero__art--a svg.hhA{display:block;width:100%;max-width:520px;height:auto;margin-left:auto} .tb-l0{animation:tb-l0 12s linear infinite}@keyframes tb-l0{0%,4%{opacity:0}7%,24%{opacity:1}27%,100%{opacity:0}}.tb-s0{animation:tb-s0 12s linear infinite}@keyframes tb-s0{0%,4%{background:#fff;color:#052F4B}7%,24%{background:#052F4B;color:#fff}27%,100%{background:#fff;color:#052F4B}}.tb-l1{animation:tb-l1 12s linear infinite}@keyframes tb-l1{0%,28%{opacity:0}31%,48%{opacity:1}51%,100%{opacity:0}}.tb-s1{animation:tb-s1 12s linear infinite}@keyframes tb-s1{0%,28%{background:#fff;color:#052F4B}31%,48%{background:#052F4B;color:#fff}51%,100%{background:#fff;color:#052F4B}}.tb-l2{animation:tb-l2 12s linear infinite}@keyframes tb-l2{0%,52%{opacity:0}55%,72%{opacity:1}75%,100%{opacity:0}}.tb-s2{animation:tb-s2 12s linear infinite}@keyframes tb-s2{0%,52%{background:#fff;color:#052F4B}55%,72%{background:#052F4B;color:#fff}75%,100%{background:#fff;color:#052F4B}}.tb-l3{animation:tb-l3 12s linear infinite}@keyframes tb-l3{0%,76%{opacity:0}79%,96%{opacity:1}99%,100%{opacity:0}}.tb-s3{animation:tb-s3 12s linear infinite}@keyframes tb-s3{0%,76%{background:#fff;color:#052F4B}79%,96%{background:#052F4B;color:#fff}99%,100%{background:#fff;color:#052F4B}}@media (prefers-reduced-motion:reduce){.tb *{animation:none!important}.tb-l1{opacity:1}} .cv-s{transition:background .5s}.cv-l{opacity:0;transition:opacity .5s} .cv[data-s="0"] .s0{background:#052F4B!important}.cv[data-s="0"] .l0{opacity:1}.cv[data-s="1"] .s1{background:#052F4B!important}.cv[data-s="1"] .l1{opacity:1}.cv[data-s="2"] .s2{background:#052F4B!important}.cv[data-s="2"] .l2{opacity:1} html body .ev-photo.evI2{border:0;overflow:hidden;text-align:left} html body .ev-photo.evI2 .evz{width:1200px;transform-origin:0 0}html body .ev-photo.evI2.is-crop{border:1px solid var(--line);background:#F3F6F9} @media (prefers-reduced-motion:reduce){.cv-s,.cv-l{transition:none}} html body .hb2 .hb2-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap} html body .hb2 .hb2-all{display:inline-flex;align-items:center;gap:12px;height:52px;padding:0 26px;background:#fff;color:#052F4B;font:500 16px/1 var(--f-body);text-decoration:none;transition:background-color .2s} html body .hb2 .hb2-all:hover{background:#E9EEF3} html body .hb2 .hb2-feat{margin-top:clamp(40px,5vw,64px);border:1px solid #1A4D73;background:#0A3F66;display:grid;grid-template-columns:1fr 1fr;text-decoration:none;color:inherit;position:relative} html body .hb2 .hb2-feat__art{background:#052F4B!important;background-image:linear-gradient(rgba(111,143,173,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(111,143,173,.07) 1px,transparent 1px)!important;background-size:48px 48px!important;border-right:1px solid #1A4D73;border-bottom:0!important;padding:40px 64px;display:grid;place-items:center;min-height:320px} html body .hb2 .hb2-feat__art svg{width:100%;max-width:440px;height:auto!important}html body .hb2 .hb2-feat__art{aspect-ratio:auto!important;height:auto!important;align-self:stretch}html body .hb2 .hb2-feat__art .bc{padding:0!important} html body .hb2 .hb2-feat__body{padding:48px;display:flex;flex-direction:column;justify-content:center} html body .hb2 .hb2-tags{display:flex;gap:12px;align-items:center} html body .hb2 .hb2-tag{display:inline-flex;align-items:center;align-self:flex-start;height:26px;padding:0 10px;border:1px solid #1A4D73;font:400 10.5px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#DFA047} html body .hb2 .hb2-k{font:400 10.5px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#6F8FAD} html body .page .hb2 .hb2-feat h3{margin:20px 0 0;font-family:var(--f-display,Newsreader),Georgia,serif;font-weight:400;letter-spacing:-.025em;font-size:clamp(1.75rem,1.2rem + 1.2vw,2.375rem);line-height:1.15;color:#fff} html body .hb2 .hb2-feat p{margin:16px 0 0;font-size:1.0625rem;line-height:1.65;color:#9AB3CA} html body .hb2 .hb2-go{margin-top:28px;font:500 15.5px/1.3 var(--f-body);color:#DFA047;display:inline-flex;gap:8px} html body .hb2 .hb2-go .arr{transition:transform .2s} html body .hb2 a:hover .hb2-go .arr{transform:translateX(4px)} html body .hb2 .hb2-feat::after,html body .hb2 .hb2-card::after{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:2px;background:#DFA047;transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.7,.2,1)} html body .hb2 .hb2-feat:hover::after,html body .hb2 .hb2-card:hover::after{transform:scaleX(1)} html body .hb2 .hb2-grid{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} html body .hb2 .hb2-card{position:relative;height:100%;box-sizing:border-box;border:1px solid #1A4D73;padding:32px 32px 36px;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:background-color .25s} html body .hb2 .hb2-card:hover{background:rgba(10,63,102,.5)} html body .page .hb2 .hb2-card h3{margin:18px 0 0;font-family:var(--f-body);font-size:1.3125rem;font-weight:500;line-height:1.35;letter-spacing:0;color:#fff} html body .hb2 .hb2-card p{margin:12px 0 0;font-size:.96875rem;line-height:1.6;color:#9AB3CA} html body .hb2 .hb2-card .hb2-go{margin-top:auto;padding-top:24px} @media (max-width:1080px){html body .hb2 .hb2-feat{grid-template-columns:1fr}html body .hb2 .hb2-feat__art{border-right:0;border-bottom:1px solid #1A4D73!important;min-height:0;padding:32px}html body .hb2 .hb2-grid{grid-template-columns:1fr}} @media (max-width:560px){html body .hb2 .hb2-feat__body{padding:28px 24px}html body .hb2 .hb2-card{padding:24px}html body .hb2 .hb2-all{height:48px;padding:0 20px}} html body .page[data-page="events"] section.nl.nl--i{background-image:none!important} html body .hba .hba-grid{margin-top:clamp(40px,5vw,64px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(32px,4.4vw,64px);align-items:stretch} html body .hba .hba-feat{margin-top:0;grid-template-columns:1fr;display:flex;flex-direction:column} html body .hba .hba-feat .hb2-feat__art{border-right:0;border-bottom:1px solid #1A4D73!important;padding:32px 80px;min-height:0} html body .hba .hba-feat .hb2-feat__body{padding:36px 40px 40px;justify-content:flex-start} html body .page .hba .hba-feat h3{font-size:clamp(1.75rem,1.3rem + 1vw,2.25rem)} html body .hba .hba-feat p{max-width:52ch} html body .hba .hba-side{display:flex;flex-direction:column;gap:20px} html body .hba .hba-row{position:relative;flex:1;border:1px solid #1A4D73;padding:26px 28px;display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:24px;align-items:center;text-decoration:none;color:inherit;transition:background-color .25s} html body .hba .hba-row:hover{background:rgba(10,63,102,.5)} html body .hba .hba-row::after{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:2px;background:#DFA047;transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.7,.2,1)} html body .hba .hba-row:hover::after{transform:scaleX(1)} html body .page .hba .hba-row h3{margin:16px 0 0;font-family:var(--f-body);font-size:1.3125rem;font-weight:500;line-height:1.35;letter-spacing:0;color:#fff} html body .hba .hba-arr{font:400 20px/1 var(--f-body);color:#DFA047;transition:transform .2s} html body .hba .hba-row:hover .hba-arr{transform:translateX(4px)} html body .hba .hba-all{padding-top:12px} @media (max-width:1080px){html body .hba .hba-grid{grid-template-columns:1fr}html body .hba .hba-feat .hb2-feat__art{padding:32px}} @media (max-width:560px){html body .hba .hba-feat .hb2-feat__body{padding:28px 24px}html body .hba .hba-row{padding:22px 20px}} html body .crt .crt-grid{margin-top:clamp(32px,4vw,56px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,220px));gap:16px} html body .crt .crt-ph{margin:0;background:#E9EEF3;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:16px;background-image:linear-gradient(135deg,transparent calc(50% - .5px),rgba(111,143,173,.25) 50%,transparent calc(50% + .5px))} html body .crt .crt-ph span{font:500 11px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--navy-700,#074673);background:#E9EEF3;padding:4px 6px} html body .crt .crt-ph small{font:400 13px/1.4 var(--f-body);color:#6F8FAD;background:#E9EEF3;padding:0 6px} html body .crt .crt-ph--a{grid-column:span 2;grid-row:span 2} @media (max-width:900px){html body .crt .crt-grid{grid-template-columns:1fr 1fr;grid-template-rows:none;grid-auto-rows:180px}html body .crt .crt-ph--a{grid-column:span 2;grid-row:span 1;min-height:240px}} html body .hbc h2 .soft{display:block} html body .hbc .hbc-grid{margin-top:clamp(40px,5vw,64px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(40px,5vw,72px);align-items:stretch} html body .hbc a{text-decoration:none;color:inherit} html body .hbc .hbc-art{background:#fff;background-image:linear-gradient(rgba(7,70,115,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(7,70,115,.05) 1px,transparent 1px);background-size:48px 48px;border:1px solid var(--line);padding:36px clamp(24px,6vw,90px);transition:border-color .25s} html body .hbc .hbc-art svg,html body .hbc .hbc-thumb svg{display:block;width:100%;height:auto} html body .hbc .hbc-feat:hover .hbc-art{border-color:#9AB3CA} html body .hbc .hbc-body{padding-top:32px} html body .hbc .hbc-tags{display:flex;gap:12px;align-items:center} html body .hbc .hbc-tag{display:inline-flex;align-items:center;height:26px;padding:0 10px;border:1px solid var(--line);font:400 10.5px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#9A6516;background:#fff} html body .hbc .hbc-k{font:400 10.5px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#6F8FAD} html body .page .hbc .hbc-feat h3{margin:20px 0 0;font-family:var(--f-display,Newsreader),Georgia,serif;font-weight:400;letter-spacing:-.025em;font-size:clamp(1.75rem,1.2rem + 1.2vw,2.375rem);line-height:1.15;color:var(--navy-900)} html body .hbc .hbc-feat p{margin:16px 0 0;font-size:1.0625rem;line-height:1.65;color:#4A5B6C;max-width:54ch} html body .hbc .hbc-go{display:inline-flex;gap:8px;margin-top:24px;font:500 15.5px/1.3 var(--f-body);color:var(--navy-900)} html body .hbc .hbc-go .arr{color:#C98623;transition:transform .2s} html body .hbc .hbc-feat:hover .hbc-go .arr{transform:translateX(4px)} html body .hbc .hbc-side{display:flex;flex-direction:column} html body .hbc .hbc-more{margin:0;padding-bottom:16px;font:400 11px/1.4 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#6F8FAD} html body .hbc .hbc-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;align-items:center;padding:24px 0;border-top:1px solid var(--line)} html body .hbc .hbc-thumb{background:#fff;border:1px solid var(--line);padding:8px;transition:border-color .25s} html body .hbc .hbc-row:hover .hbc-thumb{border-color:#9AB3CA} html body .page .hbc .hbc-row h3{margin:12px 0 0;font-family:var(--f-body);font-size:1.1875rem;font-weight:500;line-height:1.35;letter-spacing:0;color:var(--navy-900);transition:color .2s} html body .hbc .hbc-row:hover h3{color:#0A5991} html body .hbc .hbc-all{margin-top:auto;padding-top:32px;border-top:1px solid var(--line)} @media (max-width:1080px){html body .hbc .hbc-grid{grid-template-columns:1fr}} @media (max-width:560px){html body .hbc .hbc-row{grid-template-columns:96px minmax(0,1fr);gap:16px}html body .hbc .hbc-all .btn{width:100%}} html body .np-ev__thumb--ill svg{display:block;width:100%;height:100%}html body .np-ev__thumb--ill{border-color:#0A3F66!important;background:#052F4B!important} html body [data-read].is-armed .ab-w{opacity:var(--o,.16);transition:opacity .18s ease-out!important} html body .ev-gal.ev-gal--j{display:grid;grid-template-columns:none;grid-auto-rows:auto;gap:16px;margin:clamp(32px,4vw,56px) 0 0} html body .ev-gal--j .ev-gal__row{list-style:none;margin:0;padding:0;display:flex;gap:16px} html body .ev-gal--j .ev-gal__i{flex:var(--r) 1 0;aspect-ratio:var(--r);min-width:0;grid-column:auto;grid-row:auto;margin:0} html body .ev-gal--j .ev-gal__i img{width:100%;height:100%;object-fit:cover;display:block} @media (max-width:560px){html body .ev-gal--j,html body .ev-gal--j .ev-gal__row{gap:12px}html body .ev-gal--j .ev-gal__row{flex-direction:column}html body .ev-gal--j .ev-gal__i{flex:none;width:100%}} html body .crt .crp{margin-top:clamp(32px,4vw,56px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,clamp(180px,20vw,270px));gap:var(--gutter)} html body .crp__i{margin:0;overflow:hidden;background:var(--paper);border:1px solid var(--line)} html body .crp__i--g{grid-row:span 2} html body .crp__i--w{grid-column:span 2} html body .crp__i:nth-child(1){grid-column:1;grid-row:1/span 2} html body .crp__i:nth-child(2){grid-column:2/span 2;grid-row:1} html body .crp__i:nth-child(3){grid-column:2;grid-row:2} html body .crp__i:nth-child(4){grid-column:3;grid-row:2} html body .crp__i:nth-child(5){grid-column:4;grid-row:1/span 2} html body .crp__i img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease-out)} html body .crp__i:hover img{transform:scale(1.03)} @media (max-width:760px){html body .crt .crp{grid-template-columns:1fr 1fr;grid-template-rows:none;grid-auto-rows:170px} html body .crp__i:nth-child(1){grid-column:1;grid-row:1/span 2} html body .crp__i:nth-child(3){grid-column:2;grid-row:1} html body .crp__i:nth-child(4){grid-column:2;grid-row:2} html body .crp__i:nth-child(2){grid-column:1/-1;grid-row:3} html body .crp__i:nth-child(5){grid-column:1/-1;grid-row:4/span 2}} html body .tmb{margin-top:var(--sp-8);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:clamp(32px,4vw,56px);align-items:stretch} html body .tmb__grid{list-style:none;margin:0;padding:0;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:40px 20px;align-content:space-between;align-items:start!important} html body .tmb__grid>li{margin:0;align-self:start!important} html body .tmb__f{all:unset;box-sizing:border-box;cursor:pointer;display:grid;justify-items:start;width:100%} html body .tmb__f:focus-visible{outline:2px solid var(--gold-light);outline-offset:4px} html body .tmb__ph{display:block;width:100%;border:1px solid var(--line-dark);padding:5px;transition:border-color var(--t-fast)} html body .tmb__f:hover .tmb__ph{border-color:var(--blue-300)} html body .tmb__f.is-on .tmb__ph{border:2px solid var(--gold);padding:4px} html body .tmb__ph img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;filter:saturate(.75);opacity:.8;transition:opacity var(--t-fast),filter var(--t-fast)} html body .tmb__f:hover img,html body .tmb__f.is-on img{filter:none;opacity:1} html body .tmb__n{margin-top:14px;font:500 16.5px/1.3 var(--f-body);color:var(--white)} html body .tmb__r{margin-top:9px;font:500 11px/1.2 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-light)} html body .tmb__r--tbd{border:1px dashed var(--gold);padding:5px 8px} html body .tmb__l{margin-top:9px;font:400 10px/1.2 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--blue-300)} html body .tmb__panel{background:var(--surface-dark);border:1px solid var(--line-dark);padding:40px 40px 44px;align-self:stretch} html body .tmb__p[hidden]{display:none!important} html body .tmb__p{animation:tmbIn .25s ease} @keyframes tmbIn{from{opacity:0}to{opacity:1}} html body .tmb__ph2{display:flex;justify-content:space-between;align-items:flex-start;gap:24px} html body .tmb__ph2 h3{margin:0;font-family:var(--f-display);font-weight:400;letter-spacing:-.025em;font-size:clamp(32px,3vw,44px);line-height:1.05;color:var(--white)} html body .tmb__c{font:400 11px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--blue-300);padding-top:14px;white-space:nowrap} html body .tmb__meta{margin-top:18px;display:grid;gap:12px;justify-items:start} html body .tmb__meta .tmb__r{margin:0;font-size:12.5px} html body .tmb__meta .tmb__l{margin:0;font-size:10.5px} html body .tmb__p p{margin:24px 0 0;font-size:16px;line-height:1.7;color:var(--mist)} @media (max-width:1080px){html body .tmb{grid-template-columns:1fr}} @media (max-width:760px){html body .tmb__grid{gap:20px 10px} html body .tmb__ph{padding:3px}html body .tmb__f.is-on .tmb__ph{padding:2px} html body .tmb__n{margin-top:8px;font-size:12.5px;line-height:1.25} html body .tmb__f .tmb__r,html body .tmb__f .tmb__l{display:none} html body .tmb__panel{padding:28px 22px 30px}} html body .cbn{list-style:none;margin:clamp(40px,5vw,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} html body .cbn__i{border:1px solid #1A4D73;padding:28px 32px 32px;min-height:216px;box-sizing:border-box;display:flex;flex-direction:column;transition:border-color .3s,background-color .3s} html body .cbn__i:hover{border-color:#DFA047;background:rgba(10,63,102,.35)} html body .cbn__top{display:flex;justify-content:space-between;align-items:flex-start} html body .cbn__n{font:400 11px/1 var(--f-mono);letter-spacing:.12em;color:#6F8FAD} html body .cbn__t{margin:auto 0 0;padding-top:32px;font:500 clamp(1.1875rem,1rem + .4vw,1.375rem)/1.3 var(--f-body);color:#fff;max-width:14em} @media (max-width:900px){html body .cbn{grid-template-columns:1fr 1fr}} @media (max-width:560px){html body .cbn{grid-template-columns:1fr;gap:16px}html body .cbn__i{min-height:0;padding:24px}html body .cbn__t{padding-top:24px}} html body .rbp--b .rbp__in{display:block} html body .rbp--b .rbp__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);column-gap:48px;align-items:end;max-width:none} html body .rbp--b .rbp__head .eyebrow{grid-column:1/-1} html body .rbp--b .rbp__head h2{grid-column:1;margin-bottom:0} html body .rbp--b .rbp__head .rbp__lede{grid-column:2;margin:0;max-width:380px} html body .rbp--b .sbn{margin:clamp(40px,5vw,64px) 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;border:0;padding:0} html body .rbp--b .sbn__i{border:1px solid #1A4D73!important;padding:32px 32px 36px;display:flex;flex-direction:column;min-height:300px;box-sizing:border-box;background:none!important;margin:0} html body .rbp--b .sbn__top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px} html body .rbp--b .sbn__top svg{max-width:100%;height:auto} html body .rbp--b .sbn__n{font:400 11px/1 var(--f-mono);letter-spacing:.12em;color:#6F8FAD} html body .rbp--b .sbn__b{margin-top:auto;padding-top:48px} html body .rbp--b .sbn dt{font:400 clamp(2.75rem,2rem + 2vw,4rem)/1 var(--f-display)!important;letter-spacing:-.02em;color:#fff!important;margin:0} html body .rbp--b .sbn dd{margin:16px 0 0;min-height:48px;font:400 17px/1.4 var(--f-body);color:#9AB3CA!important} @media (max-width:1080px){html body .rbp--b .sbn{grid-template-columns:1fr 1fr}html body .rbp--b .rbp__head{grid-template-columns:1fr}html body .rbp--b .rbp__head .rbp__lede{grid-column:1;margin-top:20px}} @media (max-width:560px){html body .rbp--b .sbn{grid-template-columns:1fr;gap:16px}html body .rbp--b .sbn__i{min-height:0;padding:24px}html body .rbp--b .sbn__b{padding-top:32px}html body .rbp--b .sbn dd{min-height:0}} html body .np-roles{border-top:1px solid var(--line)} @keyframes tak-np2{0%{transform:scale(1);opacity:.4}100%{transform:scale(2.05);opacity:0}} html body .wa-sec .wa-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:64px} html body .wa-sec .wa-hd h2{margin:0} html body .wa-sec .wa-lede{margin:0;max-width:400px;font-family:var(--f-body);font-size:1.125rem;line-height:1.6;color:#4A5B6C;padding-bottom:6px} html body .wa-grid{list-style:none;margin:64px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px} html body .wa-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))} html body .wa-card{background:#fff;border:1px solid #DCE4EC;display:flex;flex-direction:column;transition:border-color .15s} html body .wa-card:hover{border-color:#052F4B} html body .wa-art{background-image:linear-gradient(rgba(7,70,115,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(7,70,115,.05) 1px,transparent 1px);background-size:48px 48px;border-bottom:1px solid #DCE4EC;padding:20px 24px} html body .wa-art svg{display:block;width:100%;height:auto} html body .wa-body{padding:28px 28px 32px} html body .wa-body .mono{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:#9A6516} html body .wa-body h3{margin:14px 0 0;font-family:var(--f-body);font-size:1.375rem;font-weight:500;line-height:1.3;color:#052F4B;letter-spacing:0} html body .wa-body p{margin:10px 0 0;font-family:var(--f-body);font-size:1rem;line-height:1.6;color:#4A5B6C} html body .wa-cta{margin-top:48px} @media (max-width:1100px){html body .wa-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html body .wa-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}} @media (max-width:900px){html body .wa-sec .wa-hd{flex-direction:column;align-items:flex-start;gap:20px}html body .wa-grid--3{grid-template-columns:1fr}} @media (max-width:640px){html body .wa-grid{grid-template-columns:1fr;margin-top:40px}html body .wa-art{padding:4px 48px}html body .wa-body{padding:22px 24px 26px}} html body .bn-side{display:grid;gap:24px;justify-items:start} html body .bn-side .wa-lede{max-width:420px} html body .bn-grid{list-style:none;margin:64px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))} html body .bn-art{background:#F3F6F9 linear-gradient(rgba(7,70,115,.05) 1px,transparent 1px) 0 0/48px 48px;background-image:linear-gradient(rgba(7,70,115,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(7,70,115,.05) 1px,transparent 1px);background-size:48px 48px;border-top:1px solid #DCE4EC;border-bottom:2px solid #052F4B;padding:16px 28px 0} html body .bn-grid li:first-child .bn-art{border-left:1px solid #DCE4EC} html body .bn-grid li:last-child .bn-art{border-right:1px solid #DCE4EC} html body .bn-art svg{display:block;width:100%;height:auto} html body .bn-txt{margin-top:32px;padding-right:48px} html body .bn-txt .mono{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:#9A6516} html body .bn-txt h3{margin:14px 0 0;font-family:var(--f-body);font-size:1.5rem;font-weight:500;line-height:1.25;color:#052F4B;letter-spacing:0} html body .bn-txt p{margin:10px 0 0;font-family:var(--f-body);font-size:1rem;line-height:1.6;color:#4A5B6C} @media (max-width:1100px){html body .bn-txt{padding-right:24px}} @media (max-width:900px){html body .bn-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}html body .bn-art{border:1px solid #DCE4EC!important;border-bottom:2px solid #052F4B!important}html body .bn-txt{margin-top:22px;padding-right:0}} @media (max-width:640px){html body .bn-grid{grid-template-columns:1fr;margin-top:40px;gap:36px}html body .bn-art{padding:8px 48px 0}} html body .hw-sec .hw-h2{margin:0} html body .hw-steps{list-style:none;margin:64px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))} html body .hw-rail{display:flex;align-items:center} html body .hw-n{width:44px;height:44px;box-sizing:border-box;display:grid;place-items:center;flex:none;background:#fff;border:1.5px solid #052F4B;font-family:var(--f-mono);font-size:13px;font-weight:500;letter-spacing:.04em;color:#052F4B} html body .hw-rail i{flex:1;height:1.5px;background:#052F4B} html body .hw-gold .hw-rail i{background:#C98623} html body .hw-end .hw-n{background:#C98623;border-color:#C98623;color:#fff} html body .hw-end .hw-rail i{background:none} html body .hw-body{margin:28px 24px 0 0} html body .hw-art{background:#fff;background-image:linear-gradient(rgba(7,70,115,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(7,70,115,.05) 1px,transparent 1px);background-size:48px 48px;border:1px solid #DCE4EC;padding:12px 20px} html body .hw-end .hw-art{border-color:#C98623} html body .hw-art svg{display:block;width:100%;height:auto} html body .hw-body h3{margin:26px 0 0;font-family:var(--f-body);font-size:1.5rem;font-weight:500;line-height:1.25;color:#052F4B;letter-spacing:0} html body .hw-body p{margin:10px 0 0;font-family:var(--f-body);font-size:1rem;line-height:1.6;color:#4A5B6C} @media (max-width:900px){html body .hw-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:48px}html body .hw-steps li:nth-child(2) .hw-rail i{background:none}} @media (max-width:640px){html body .hw-steps{grid-template-columns:1fr;margin-top:40px;row-gap:0} html body .hw-steps li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:0 18px} html body .hw-rail{flex-direction:column;align-items:center} html body .hw-rail i{width:1.5px;height:auto;flex:1} html body .hw-steps li:nth-child(2) .hw-rail i{background:#052F4B} html body .hw-body{margin:0 0 40px} html body .hw-art{padding:4px 24px} html body .hw-body h3{margin-top:20px}} html body .be-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;align-items:start} html body .be-copy h2{margin:0} html body .be-lede{margin:32px 0 0;font-family:var(--f-body);font-size:1.125rem;line-height:1.6;color:#4A5B6C;max-width:440px} html body .be-copy .link-cta{margin-top:28px;display:inline-flex} html body .be-sheet{background:#fff;border:1px solid #052F4B} html body .be-top{display:flex;justify-content:space-between;align-items:center;padding:18px 32px;background:#F3F6F9;font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:#052F4B} html body .be-bar{display:inline-flex;align-items:center;gap:10px;color:#9A6516} html body .be-bar i{width:2px;height:16px;background:#C98623} html body .be-sheet ul{list-style:none;margin:0;padding:0} html body .be-row{display:grid;grid-template-columns:26px minmax(0,1fr) 180px;gap:24px;align-items:center;padding:24px 32px;border-top:1px solid #DCE4EC} html body .be-ck{width:26px;height:26px;background:#052F4B;display:grid;place-items:center;align-self:start;margin-top:2px} html body .be-row h3{margin:0;font-family:var(--f-body);font-size:1.375rem;font-weight:500;line-height:1.2;color:#052F4B;letter-spacing:0} html body .be-row p{margin:8px 0 0;font-family:var(--f-body);font-size:1rem;line-height:1.6;color:#4A5B6C;max-width:34ch} html body .be-meter{display:block;width:180px;height:36px} html body .be-fill{transform-box:fill-box;transform-origin:left center;transition:transform 1s cubic-bezier(.2,.7,.2,1)} html body .be-sheet:not(.is-in) .be-fill{transform:scaleX(0)} html body .be-row:nth-child(2) .be-fill{transition-delay:.12s}html body .be-row:nth-child(3) .be-fill{transition-delay:.24s}html body .be-row:nth-child(4) .be-fill{transition-delay:.36s} html body .be-res{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;border-top:1px solid #052F4B;font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:#6F8FAD} html body .be-tag{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px;background:#C98623;font-weight:500;color:#fff} @media (max-width:1000px){html body .be-grid{grid-template-columns:1fr;gap:48px}} @media (max-width:640px){html body .be-row{grid-template-columns:26px minmax(0,1fr);gap:8px 16px;padding:20px}html body .be-meter{grid-column:2;width:100%;max-width:220px;height:auto}html body .be-top,html body .be-res{padding:16px 20px}} @media (prefers-reduced-motion:reduce){html body .be-sheet .be-fill{transform:none!important;transition:none}} html body .lg-meta{margin-top:var(--sp-6);display:flex;justify-content:center;flex-wrap:wrap;gap:12px 20px;align-items:center;font:400 12px/1.2 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--blue-300)} html body .lg-hero{padding-bottom:clamp(48px,6vw,80px)!important;min-height:0!important}html body .lg-sec{padding-top:clamp(48px,6vw,80px)!important;border-top:1px solid var(--line)} html body .lg{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:start} html body .lg-toc{position:sticky;top:calc(var(--header-h) + 32px);border-top:1px solid var(--navy-700);padding-top:20px} html body .lg-toc__h{font:400 11px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--slate);margin-bottom:12px} html body .lg-toc ol{list-style:none;margin:0;padding:0} html body .lg-toc li a{display:grid;grid-template-columns:28px 1fr;gap:6px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14.5px;line-height:1.35;color:var(--slate);text-decoration:none;transition:color var(--t-fast)} html body .lg-toc li a span{font:400 11px/1.7 var(--f-mono);color:var(--gold-text)} html body .lg-toc li a:hover,html body .lg-toc li a.is-on{color:var(--navy-900)} html body .lg-toc__o{margin-top:24px} html body .lg-body{max-width:72ch} html body .lg-s{padding:0 0 40px;margin:0 0 40px;border-bottom:1px solid var(--line);scroll-margin-top:calc(var(--header-h) + 24px)} html body .lg-s:last-child{border-bottom:0;margin-bottom:0} html body .lg-n{display:block;font:400 12px/1 var(--f-mono);letter-spacing:.12em;color:var(--gold-text);margin-bottom:12px} html body .lg-s h2{font-size:clamp(1.5rem,1.2rem + .9vw,2rem);line-height:1.15;margin:0 0 16px} html body .lg-s p{margin:0 0 14px;color:var(--slate);line-height:1.7} html body .lg-s ul{list-style:none;margin:0 0 14px;padding:0} html body .lg-s li{position:relative;padding:0 0 8px 22px;color:var(--slate);line-height:1.6} html body .lg-s li::before{content:"";position:absolute;left:2px;top:.62em;width:6px;height:6px;background:var(--blue-500)} html body .lg-s a{color:var(--navy-700);text-underline-offset:3px} html body .f5-legal a+a{margin-left:0} @media (max-width:900px){html body .lg{grid-template-columns:1fr}html body .lg-toc{position:static}} html body .sha-hero{text-align:center;padding-bottom:112px} html body .sha-hero .sl2-crumbs ol{justify-content:center} html body .sha-hero h1{margin-left:auto;margin-right:auto} html body .sha-hero .sl2-hero__sub{margin-left:auto;margin-right:auto;max-width:66ch} html body .sha-hero .sl2-hero__actions{justify-content:center} html body .sha-wrap{margin-top:64px} html body .sha-box{border:1px solid #DCE4EC;background-color:#F3F6F9;background-image:linear-gradient(rgba(7,70,115,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(7,70,115,.05) 1px,transparent 1px);background-size:72px 72px;overflow-x:auto;scrollbar-width:none} html body .sha-box::-webkit-scrollbar{display:none} html body .sha-svg{display:block;width:100%;height:auto;min-width:760px} html body .sha-g1,html body .sha-g2{stroke-dasharray:1;stroke-dashoffset:0;animation:shaDraw 1.1s cubic-bezier(.2,.7,.2,1) .4s both} html body .sha-g2{animation-delay:1.3s} @keyframes shaDraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}} @media (max-width:640px){html body .sha-hero{text-align:left;padding-bottom:72px}html body .sha-hero .sl2-crumbs ol,html body .sha-hero .sl2-hero__actions{justify-content:flex-start}html body .sha-hero h1 br{display:none}html body .sha-wrap{margin-top:40px}} @media (prefers-reduced-motion:reduce){html body .sha-g1,html body .sha-g2{animation:none}} html body .ofd-sec{overflow:visible} html body .ofd-list{list-style:none;margin:64px 0 0;padding:0;display:grid;gap:28px} html body .ofd-card{position:sticky;top:calc(97px + var(--i)*18px);min-height:400px;box-sizing:border-box;background:#fff;border:1px solid #DCE4EC;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr)} html body .ofd-card:last-child{border-color:#052F4B} html body .ofd-txt{padding:40px 48px 44px;display:flex;flex-direction:column} html body .ofd-n{display:flex;align-items:center;gap:14px} html body .ofd-n .mono{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:#9A6516} html body .ofd-n i{flex:1;height:1px;background:#DCE4EC} html body .ofd-txt h3{margin:auto 0 0;padding-top:40px;font-family:var(--f-body);font-weight:500;letter-spacing:-.01em;font-size:clamp(1.75rem,1.3rem + 1.1vw,2.5rem);line-height:1.12;color:#052F4B} html body .ofd-txt p{margin:16px 0 0;font-family:var(--f-body);font-size:1.0625rem;line-height:1.65;color:#4A5B6C;max-width:40ch} html body .ofd-art{background-color:#F3F6F9;background-image:linear-gradient(rgba(7,70,115,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(7,70,115,.05) 1px,transparent 1px);background-size:48px 48px;border-left:1px solid #DCE4EC;display:flex;flex-direction:column;padding:24px 36px 20px} html body .ofd-cap{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.12em;font-size:10.5px;color:#6F8FAD} html body .ofd-svg{flex:1;display:grid;align-items:center} html body .ofd-svg svg{display:block;width:100%;height:auto} @media (max-width:900px){html body .ofd-card{grid-template-columns:1fr;min-height:0;top:calc(81px + var(--i)*12px)}html body .ofd-art{order:-1;border-left:0;border-bottom:1px solid #DCE4EC;padding:18px 24px 8px}html body .ofd-txt{padding:28px 28px 32px}html body .ofd-txt h3{padding-top:24px}} @media (max-width:640px),(max-height:620px){html body .ofd-card{position:relative;top:auto}html body .ofd-list{gap:16px;margin-top:40px}html body .ofd-txt{padding:22px 22px 26px}html body .ofd-txt h3{padding-top:18px;font-size:1.5rem}html body .ofd-sec h2 br{display:none}} html body .section.rbp--b{padding-top:clamp(72px,8vw,112px);padding-bottom:clamp(80px,8.5vw,120px)} html body .rbp--b .sbn{margin-top:clamp(48px,6vw,80px)!important} html body .rbp--b .sbn__i{padding:36px 36px 40px!important;min-height:320px!important} html body .rbp--b .rbp__head h2{margin-top:20px} html body .cha-seat{animation:chaSeat 1.6s linear infinite} html body .cha-link{animation:chaLink 2.4s linear infinite} @keyframes chaSeat{to{stroke-dashoffset:-20}} @keyframes chaLink{to{stroke-dashoffset:-22}} @media (prefers-reduced-motion:reduce){html body .cha-seat,html body .cha-link{animation:none}} @keyframes sx-ay{0%,3%{fill:#F3F6F9}8%,93%{fill:#C98623}100%{fill:#F3F6F9}}html body .sx-ay{animation:sx-ay 10s cubic-bezier(.4,0,.2,1) infinite}@keyframes sx-ays{0%,3%{stroke:#6F8FAD}8%,93%{stroke:#C98623}100%{stroke:#6F8FAD}}html body .sx-ays{animation:sx-ays 10s cubic-bezier(.4,0,.2,1) infinite}@keyframes sx-al1{0%,8%{stroke-dashoffset:1}24%,93%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}html body .sx-al1{animation:sx-al1 10s cubic-bezier(.4,0,.2,1) infinite}@keyframes sx-ac0{0%,26%{opacity:0}30%,93%{opacity:1}100%{opacity:0}}html body .sx-ac0{animation:sx-ac0 10s cubic-bezier(.4,0,.2,1) infinite}@keyframes sx-ac1{0%,33%{opacity:0}37%,93%{opacity:1}100%{opacity:0}}html body .sx-ac1{animation:sx-ac1 10s cubic-bezier(.4,0,.2,1) infinite}@keyframes sx-ac2{0%,40%{opacity:0}44%,93%{opacity:1}100%{opacity:0}}html body .sx-ac2{animation:sx-ac2 10s cubic-bezier(.4,0,.2,1) infinite}@keyframes sx-ac3{0%,47%{opacity:0}51%,93%{opacity:1}100%{opacity:0}}html body .sx-ac3{animation:sx-ac3 10s cubic-bezier(.4,0,.2,1) infinite}@keyframes sx-at{0%,54%{stroke-dashoffset:1}60%,93%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}html body .sx-at{animation:sx-at 10s cubic-bezier(.4,0,.2,1) infinite}@keyframes sx-ab{0%,60%{stroke-dashoffset:1}72%,93%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}html body .sx-ab{animation:sx-ab 10s cubic-bezier(.4,0,.2,1) infinite}@keyframes sx-ai{0%,72%{opacity:0}78%,93%{opacity:1}100%{opacity:0}}html body .sx-ai{animation:sx-ai 10s cubic-bezier(.4,0,.2,1) infinite}@keyframes sx-ak{0%,72%{stroke:#052F4B}78%,93%{stroke:#C98623}100%{stroke:#052F4B}}html body .sx-ak{animation:sx-ak 10s cubic-bezier(.4,0,.2,1) infinite} @media (prefers-reduced-motion:reduce){html body [class^="sx-"]{animation:none!important}} html body .rtm-wrap{display:none} @media (max-width:640px){html body #problem .rt-root{display:none!important}html body .rtm-wrap{display:block;margin-top:28px}} html body .rtm-mt{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:10px;height:52px;padding:0 14px;background:#F3F6F9;color:#6F8FAD;border-top:2px solid transparent;border-bottom:1px solid #DCE4EC;transition:background-color .2s,color .2s}html body .rtm-mt1{border-left:1px solid #DCE4EC}html body .rtm:not(.is-b) .rtm-mt0,html body .rtm.is-b .rtm-mt1{background:#fff;color:#052F4B;border-top-color:#052F4B;border-bottom-color:#fff}html body .rtm-mt:focus-visible{outline:2px solid #9A6516;outline-offset:-4px}html body .rtm-vA,html body .rtm-vB{grid-area:1/1;transition:opacity .35s}html body .rtm-vB{opacity:0;visibility:hidden}html body .rtm.is-b .rtm-vB{opacity:1;visibility:visible}html body .rtm.is-b .rtm-vA{opacity:0;visibility:hidden}html body .mB,html body .rtm-mG,html body .rtm-mS,html body .mN,html body .rtm-mC,html body .rtm-mLg{opacity:0;transition:opacity .45s}html body .rtm-mD{opacity:.28;transition:opacity .6s}html body .rtm-mA{transition:opacity .3s}html body .rtm.is-b .mB{opacity:1}html body .rtm.is-b .rtm-mD{opacity:1}html body .rtm.is-b .rtm-mC{opacity:1;transition-delay:.25s}html body .rtm.is-b .mN{opacity:1;transition-delay:.45s}html body .rtm.is-b .rtm-mG{opacity:1;transition-delay:.7s}html body .rtm.is-b .rtm-mS{opacity:1;transition-delay:.95s}html body .rtm.is-b .rtm-mLg{opacity:1;transition-delay:.7s}html body .rtm.is-b .rtm-mA{opacity:0} @media (prefers-reduced-motion:reduce){html body .rtm *{transition:none!important}}html body svg .rtm-vA,html body svg .rtm-vB{transition:opacity .35s}html body .rtm-mFan{stroke-dasharray:1;stroke-dashoffset:.813;transition:stroke-dashoffset .5s cubic-bezier(.4,0,.2,1)}html body .rtmf.is-b .rtm-mFan{stroke-dashoffset:0;transition:stroke-dashoffset 1.1s cubic-bezier(.4,0,.2,1)}html body .rtmf .rtm-mD{transition:opacity .25s}html body .rtmf.is-b .rtm-mD{opacity:1;transition:opacity .3s var(--dd)}html body .rtmf.is-b .mB{transition-delay:.8s}html body .rtmf .rtm-mC{transform-box:view-box;transform-origin:178px 220px;transform:scale(.6);transition:opacity .4s,transform .6s cubic-bezier(.2,.7,.2,1)}html body .rtmf.is-b .rtm-mC{transform:none;transition-delay:.45s}html body .rtm-mRing{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .3s}html body .rtmf.is-b .rtm-mRing{stroke-dashoffset:0;transition:stroke-dashoffset .9s cubic-bezier(.4,0,.2,1) .7s}html body .rtmf.is-b .mN{transition-delay:calc(1.3s + var(--d))}html body .rtmf.is-b .rtm-mG{transition-delay:1.75s}html body .rtmf.is-b .rtm-mS{transition-delay:2s}html body .rtmf.is-b .rtm-mLg{transition-delay:1.75s}html body .rtmf .rtm-cdB{transform:translateY(10px);transition:opacity .4s,transform .5s cubic-bezier(.2,.7,.2,1),visibility 0s}html body .rtmf.is-b .rtm-cdB{transform:none;transition-delay:2.2s}html body .rtm-mSw{opacity:0;transition:opacity .9s ease}html body .rtmf.is-b .rtm-mSw{opacity:1;transition-delay:2.6s}html body .rtm-mSwp{transform-box:view-box;transform-origin:178px 220px;transform:rotate(-166deg)}html body .rtm-mSwR{opacity:0}html body .rtmf.is-b .rtm-mSwF{animation:rtm-kmSwF 22s ease-in-out 2.6s infinite}html body .rtmf.is-b .rtm-mSwR{animation:rtm-kmSwR 22s ease-in-out 2.6s infinite} @keyframes rtm-kmSwF{0%{transform:rotate(-166deg);opacity:1}49.5%{opacity:1}50%{transform:rotate(0deg);opacity:0}99.5%{opacity:0}100%{transform:rotate(-166deg);opacity:1}} @keyframes rtm-kmSwR{0%{transform:rotate(-166deg);opacity:0}49.5%{opacity:0}50%{transform:rotate(0deg);opacity:1}99.5%{opacity:1}100%{transform:rotate(-166deg);opacity:0}} @media (prefers-reduced-motion:reduce){html body .rtm-mSw{display:none}} @keyframes rtm-kmpl{0%{transform:scale(1);opacity:.8}70%,100%{transform:scale(2);opacity:0}}html body .rtm-mPl{transform-box:fill-box;transform-origin:center;animation:rtm-kmpl 3.2s ease-out infinite} @media (prefers-reduced-motion:reduce){html body .rtm-mPl{animation:none}} /* Mobile pass, Nov 12 */ @media (max-width:760px){ html body input:not([type=radio]):not([type=checkbox]),html body select,html body textarea{font-size:16px!important} html body .page a.link-cta,html body .site-footer a.link-cta{min-height:44px;align-items:center} html body .sl2-crumbs a{display:inline-block;padding:12px 0;margin:-12px 0} html body .sl2-crumbs ol{flex-wrap:nowrap!important;white-space:nowrap;max-width:100%;align-items:center!important} html body .sl2-crumbs li{white-space:nowrap;flex:none} html body .sl2-crumbs li:not(:first-child):not(:last-child){display:none!important} html body .sl2-crumbs li:last-child{overflow:hidden;text-overflow:ellipsis;min-width:0;flex:0 1 auto} html body .f5-legal a{display:inline-block;padding:8px 0} html body .f5-contact a{min-height:40px;display:flex;align-items:center} html body .f5-quote{justify-content:flex-start!important;padding:40px 16px 32px!important} html body .f5-quote__fine{margin-top:20px!important} html body .f5-logo{padding:28px 16px!important} html body .f5-logo svg{width:180px!important;max-width:180px!important;height:auto!important} html body .vsh-bk{width:calc(100% - 64px)!important} html body .ix-head__sub{flex-wrap:wrap;gap:6px 16px} html body .ab-read p,html body .ab-read p.np-lead{font-size:21px!important;line-height:1.42!important} html body .bl-arch .ix-card__art{display:none!important} html body .rbp--b .sbn__i,html body .sbn__i{min-height:0!important;height:auto!important}html body .sbn__b{margin-top:28px!important}html body .rbp__grid.sbn{grid-template-columns:1fr 1fr!important;grid-template-rows:none!important;grid-auto-rows:auto!important;gap:12px!important}html body .rbp--b .rbp__grid.sbn .sbn__i{padding:20px 16px!important}html body .rbp__grid.sbn .sbn__top{transform:scale(.8);transform-origin:left top} } @media (max-width:1080px){ html body .mobile-menu.is-open{position:fixed!important;left:0;right:0;top:calc(var(--header-h) + 1px + env(safe-area-inset-top,0px));bottom:0;max-height:none!important;overflow-y:auto;overscroll-behavior:contain;background:inherit;z-index:60} html body .menu-toggle{position:relative} html body .menu-toggle[aria-expanded="true"] svg{opacity:0} html body .menu-toggle::before,html body .menu-toggle::after{content:"";position:absolute;left:50%;top:50%;width:18px;height:1.5px;background:currentColor;opacity:0;transition:opacity .15s,transform .2s} html body .menu-toggle[aria-expanded="true"]::before{opacity:1;transform:translate(-50%,-50%) rotate(45deg)} html body .menu-toggle[aria-expanded="true"]::after{opacity:1;transform:translate(-50%,-50%) rotate(-45deg)} html body .mobile-menu details a{padding-top:11px!important;padding-bottom:11px!important} html.menu-lock,html.menu-lock body{overflow:hidden!important} } html body #problem .rt-root{display:none!important} html body .rtd-wrap{margin-top:56px} @media (max-width:640px){html body .rtd-wrap{display:none}} html body .rtd-mt{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:10px;height:52px;padding:0 14px;background:#F3F6F9;color:#6F8FAD;border-top:2px solid transparent;border-bottom:1px solid #DCE4EC;transition:background-color .2s,color .2s}html body .rtd-mt1{border-left:1px solid #DCE4EC}html body .rtd:not(.is-b) .rtd-mt0,html body .rtd.is-b .rtd-mt1{background:#fff;color:#052F4B;border-top-color:#052F4B;border-bottom-color:#fff}html body .rtd-mt:focus-visible{outline:2px solid #9A6516;outline-offset:-4px}html body .rtd-vA,html body .rtd-vB{grid-area:1/1;transition:opacity .35s}html body .rtd-vB{opacity:0;visibility:hidden}html body .rtd.is-b .rtd-vB{opacity:1;visibility:visible}html body .rtd.is-b .rtd-vA{opacity:0;visibility:hidden}html body .rtd-mB,html body .rtd-mG,html body .rtd-mS,html body .rtd-mN,html body .rtd-mC,html body .rtd-mLg{opacity:0;transition:opacity .45s}html body .rtd-mD{opacity:.28;transition:opacity .6s}html body .rtd-mA{transition:opacity .3s}html body .rtd.is-b .rtd-mB{opacity:1}html body .rtd.is-b .rtd-mD{opacity:1}html body .rtd.is-b .rtd-mC{opacity:1;transition-delay:.25s}html body .rtd.is-b .rtd-mN{opacity:1;transition-delay:.45s}html body .rtd.is-b .rtd-mG{opacity:1;transition-delay:.7s}html body .rtd.is-b .rtd-mS{opacity:1;transition-delay:.95s}html body .rtd.is-b .rtd-mLg{opacity:1;transition-delay:.7s}html body .rtd.is-b .rtd-mA{opacity:0} @media (prefers-reduced-motion:reduce){html body .rtd *{transition:none!important}}html body .rtd:not(.is-b) .rtd-mt1 .rtd-vw,html body .rtd.is-b .rtd-mt0 .rtd-vw{visibility:hidden}html body .mBand{transition:opacity .3s}html body .rtd.is-b .mBand{opacity:0}html body svg .rtd-vA,html body svg .rtd-vB{transition:opacity .35s}html body .rtd-mFan{stroke-dasharray:1;stroke-dashoffset:.816;transition:stroke-dashoffset .5s cubic-bezier(.4,0,.2,1)}html body .rtdf.is-b .rtd-mFan{stroke-dashoffset:0;transition:stroke-dashoffset 1.1s cubic-bezier(.4,0,.2,1)}html body .rtdf .rtd-mD{transition:opacity .25s}html body .rtdf.is-b .rtd-mD{opacity:1;transition:opacity .3s var(--dd)}html body .rtdf .rtd-mB{transition-delay:0s}html body .rtdf.is-b .rtd-mB{transition-delay:.8s}html body .rtdf .rtd-mC{transform-box:view-box;transform-origin:600px 560px;transform:scale(.6);transition:opacity .4s,transform .6s cubic-bezier(.2,.7,.2,1)}html body .rtdf.is-b .rtd-mC{transform:none;transition-delay:.45s}html body .rtd-mRing{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .3s}html body .rtdf.is-b .rtd-mRing{stroke-dashoffset:0;transition:stroke-dashoffset .9s cubic-bezier(.4,0,.2,1) .7s}html body .rtdf.is-b .rtd-mN{transition-delay:calc(1.3s + var(--d))}html body .rtdf.is-b .rtd-mG{transition-delay:1.75s}html body .rtdf.is-b .rtd-mS{transition-delay:2s}html body .rtdf.is-b .rtd-mLg{transition-delay:1.75s}html body .rtd-mLn{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .2s}html body .rtdf.is-b .rtd-mLn{stroke-dashoffset:0;transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1) 2.2s}html body .rtdf .rtd-cdB{transform:translateX(14px);transition:opacity .4s,transform .5s cubic-bezier(.2,.7,.2,1),visibility 0s}html body .rtdf.is-b .rtd-cdB{transform:none;transition-delay:2.3s}html body .rtdf.is-b div>.rtd-vA{transition-delay:0s} @keyframes rtd-kmpl{0%{transform:scale(1);opacity:.8}70%,100%{transform:scale(2);opacity:0}}html body .rtd-mPl{transform-box:fill-box;transform-origin:center;animation:rtd-kmpl 3.2s ease-out infinite}html body .rtd-mSw{opacity:0;transition:opacity .9s ease}html body .rtdf.is-b .rtd-mSw{opacity:1;transition-delay:2.6s}html body .rtd-mSwp{transform-box:view-box;transform-origin:600px 560px;transform:rotate(-166deg)}html body .rtd-mSwR{opacity:0}html body .rtdf.is-b .rtd-mSwF{animation:rtd-kmSwF 22s ease-in-out 2.6s infinite}html body .rtdf.is-b .rtd-mSwR{animation:rtd-kmSwR 22s ease-in-out 2.6s infinite} @keyframes rtd-kmSwF{0%{transform:rotate(-166deg);opacity:1}49.5%{opacity:1}50%{transform:rotate(0deg);opacity:0}99.5%{opacity:0}100%{transform:rotate(-166deg);opacity:1}} @keyframes rtd-kmSwR{0%{transform:rotate(-166deg);opacity:0}49.5%{opacity:0}50%{transform:rotate(0deg);opacity:1}99.5%{opacity:1}100%{transform:rotate(-166deg);opacity:0}} @media (prefers-reduced-motion:reduce){html body .rtd-mSw{display:none}} @media (prefers-reduced-motion:reduce){html body .rtd-mPl{animation:none}} @media (max-width:1100px){html body .rtd .rtd-mt span[style*="nowrap"]{white-space:normal!important}html body .rtd div[style*="width:296px"]{transform:scale(.78);transform-origin:100% 0}} html body .ixm-wrap{display:none} @media (max-width:640px){html body .ix-get .iab-box{display:none!important}html body .ixm-wrap{display:block;margin-top:8px}html body .ixm-box{margin:0 -16px;border-left:0!important;border-right:0!important}} @keyframes mk-pp0{0%{opacity:1;transform:translate(-14px,14px);z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}1.5%{opacity:1;transform:none;z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}22.25%{opacity:1;transform:none;z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}22.75%{opacity:1;transform:translate(0,-10px);z-index:2;box-shadow:0 18px 32px -18px rgba(5,47,75,.35)}23.625%{opacity:1;transform:translate(37px,calc(100% + 8px)) scale(var(--fs,0.36));z-index:2;box-shadow:0 18px 32px -18px rgba(5,47,75,.35)}24.125%{opacity:1;transform:translate(37px,calc(100% + 76px)) scale(var(--fs,0.36));z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}24.375%{opacity:1;transform:translate(37px,calc(100% + 76px)) scale(var(--fs,0.36));z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}24.99%{opacity:0;transform:translate(37px,calc(100% + 76px)) scale(var(--fs,0.36));z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}25.0%{opacity:0;transform:translate(37px,calc(100% + 76px)) scale(var(--fs,0.36));z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}25.01%{opacity:0;transform:translate(-14px,14px);z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}97.0%{opacity:0;transform:translate(-14px,14px);z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}97.125%{opacity:1;transform:translate(-14px,14px);z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}99.99%{opacity:1;transform:translate(-14px,14px);z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}100%{opacity:1;transform:translate(-14px,14px);z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}}@keyframes mk-c1_0{0%{opacity:0}2.0%{opacity:0;transform:scale(.6)}2.75%{opacity:1;transform:none}25.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes mk-c2_0{0%{opacity:0}3.0%{opacity:0;transform:scale(.6)}3.75%{opacity:1;transform:none}25.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes mk-c3_0{0%{opacity:0}4.0%{opacity:0;transform:scale(.6)}4.75%{opacity:1;transform:none}25.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes mk-c4_0{0%{opacity:0}5.0%{opacity:0;transform:scale(.6)}5.75%{opacity:1;transform:none}25.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes mk-num0{0%{opacity:0}6.25%{opacity:0}7.0%{opacity:1}9.5%{opacity:1}10.25%{opacity:0}100%{opacity:0}}@keyframes mk-strike0{0%{transform:scaleX(0)}8.0%{transform:scaleX(0)}9.0%{transform:scaleX(1)}25.0%{transform:scaleX(1)}100%{transform:scaleX(0)}}@keyframes mk-nos0{0%{opacity:0}10.5%{opacity:0}11.5%{opacity:1}25.0%{opacity:1}100%{opacity:0}}@keyframes mk-r1_0{0%{opacity:0}12.5%{opacity:0;transform:scale(.9)}13.25%{opacity:1;transform:none}25.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes mk-b1_0{0%{transform:scaleX(0)}12.75%{transform:scaleX(0)}14.5%{transform:scaleX(1)}25.0%{transform:scaleX(1)}100%{transform:scaleX(0)}}@keyframes mk-r2_0{0%{opacity:0}14.0%{opacity:0;transform:scale(.9)}14.75%{opacity:1;transform:none}25.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes mk-b2_0{0%{transform:scaleX(0)}14.25%{transform:scaleX(0)}16.0%{transform:scaleX(1)}25.0%{transform:scaleX(1)}100%{transform:scaleX(0)}}@keyframes mk-r3_0{0%{opacity:0}15.5%{opacity:0;transform:scale(.9)}16.25%{opacity:1;transform:none}25.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes mk-b3_0{0%{transform:scaleX(0)}15.75%{transform:scaleX(0)}17.5%{transform:scaleX(1)}25.0%{transform:scaleX(1)}100%{transform:scaleX(0)}}@keyframes mk-rev0{0%{opacity:0}0.0%{opacity:1}17.0%{opacity:1}17.5%{opacity:0}100%{opacity:0}}@keyframes mk-vet0{0%{opacity:0}17.25%{opacity:0;transform:scale(1.25)}18.0%{opacity:1;transform:scale(.96)}18.5%{opacity:1;transform:scale(1)}25.0%{opacity:1;transform:scale(1)}100%{opacity:0}}@keyframes mk-h1_0{0%{opacity:0}0.5%{opacity:0}1.0%{opacity:1}5.5%{opacity:1}6.0%{opacity:0}100%{opacity:0}}@keyframes mk-h2_0{0%{opacity:0}6.0%{opacity:0}6.5%{opacity:1}11.5%{opacity:1}12.0%{opacity:0}100%{opacity:0}}@keyframes mk-h3_0{0%{opacity:0}12.0%{opacity:0}12.5%{opacity:1}16.5%{opacity:1}17.0%{opacity:0}100%{opacity:0}}@keyframes mk-pp1{0%{opacity:0;transform:translate(-14px,14px);z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}22.0%{opacity:0;transform:translate(-14px,14px);z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}22.125%{opacity:1;transform:translate(-14px,14px);z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}24.99%{opacity:1;transform:translate(-14px,14px);z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}25.0%{opacity:1;transform:translate(-14px,14px);z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}26.5%{opacity:1;transform:none;z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}47.25%{opacity:1;transform:none;z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}47.75%{opacity:1;transform:translate(0,-10px);z-index:2;box-shadow:0 18px 32px -18px rgba(5,47,75,.35)}48.625%{opacity:1;transform:translate(37px,calc(100% + 8px)) scale(var(--fs,0.36));z-index:2;box-shadow:0 18px 32px -18px rgba(5,47,75,.35)}49.125%{opacity:1;transform:translate(37px,calc(100% + 76px)) scale(var(--fs,0.36));z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}49.375%{opacity:1;transform:translate(37px,calc(100% + 76px)) scale(var(--fs,0.36));z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}49.99%{opacity:0;transform:translate(37px,calc(100% + 76px)) scale(var(--fs,0.36));z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}50.0%{opacity:0;transform:translate(37px,calc(100% + 76px)) scale(var(--fs,0.36));z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}50.01%{opacity:0;transform:translate(-14px,14px);z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}100%{opacity:0;transform:translate(-14px,14px);z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}}@keyframes mk-c1_1{0%{opacity:0}27.0%{opacity:0;transform:scale(.6)}27.75%{opacity:1;transform:none}50.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes mk-c2_1{0%{opacity:0}28.0%{opacity:0;transform:scale(.6)}28.75%{opacity:1;transform:none}50.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes mk-c3_1{0%{opacity:0}29.0%{opacity:0;transform:scale(.6)}29.75%{opacity:1;transform:none}50.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes mk-c4_1{0%{opacity:0}30.0%{opacity:0;transform:scale(.6)}30.75%{opacity:1;transform:none}50.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes mk-num1{0%{opacity:0}31.25%{opacity:0}32.0%{opacity:1}34.5%{opacity:1}35.25%{opacity:0}100%{opacity:0}}@keyframes mk-strike1{0%{transform:scaleX(0)}33.0%{transform:scaleX(0)}34.0%{transform:scaleX(1)}50.0%{transform:scaleX(1)}100%{transform:scaleX(0)}}@keyframes mk-nos1{0%{opacity:0}35.5%{opacity:0}36.5%{opacity:1}50.0%{opacity:1}100%{opacity:0}}@keyframes mk-r1_1{0%{opacity:0}37.5%{opacity:0;transform:scale(.9)}38.25%{opacity:1;transform:none}50.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes mk-b1_1{0%{transform:scaleX(0)}37.75%{transform:scaleX(0)}39.5%{transform:scaleX(1)}50.0%{transform:scaleX(1)}100%{transform:scaleX(0)}}@keyframes mk-r2_1{0%{opacity:0}39.0%{opacity:0;transform:scale(.9)}39.75%{opacity:1;transform:none}50.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes mk-b2_1{0%{transform:scaleX(0)}39.25%{transform:scaleX(0)}41.0%{transform:scaleX(1)}50.0%{transform:scaleX(1)}100%{transform:scaleX(0)}}@keyframes mk-r3_1{0%{opacity:0}40.5%{opacity:0;transform:scale(.9)}41.25%{opacity:1;transform:none}50.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes mk-b3_1{0%{transform:scaleX(0)}40.75%{transform:scaleX(0)}42.5%{transform:scaleX(1)}50.0%{transform:scaleX(1)}100%{transform:scaleX(0)}}@keyframes mk-rev1{0%{opacity:0}25.0%{opacity:1}42.0%{opacity:1}42.5%{opacity:0}100%{opacity:0}}@keyframes mk-vet1{0%{opacity:0}42.25%{opacity:0;transform:scale(1.25)}43.0%{opacity:1;transform:scale(.96)}43.5%{opacity:1;transform:scale(1)}50.0%{opacity:1;transform:scale(1)}100%{opacity:0}}@keyframes mk-h1_1{0%{opacity:0}25.5%{opacity:0}26.0%{opacity:1}30.5%{opacity:1}31.0%{opacity:0}100%{opacity:0}}@keyframes mk-h2_1{0%{opacity:0}31.0%{opacity:0}31.5%{opacity:1}36.5%{opacity:1}37.0%{opacity:0}100%{opacity:0}}@keyframes mk-h3_1{0%{opacity:0}37.0%{opacity:0}37.5%{opacity:1}41.5%{opacity:1}42.0%{opacity:0}100%{opacity:0}}@keyframes mk-pp2{0%{opacity:0;transform:translate(-14px,14px);z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}47.0%{opacity:0;transform:translate(-14px,14px);z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}47.125%{opacity:1;transform:translate(-14px,14px);z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}49.99%{opacity:1;transform:translate(-14px,14px);z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}50.0%{opacity:1;transform:translate(-14px,14px);z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}51.5%{opacity:1;transform:none;z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}72.25%{opacity:1;transform:none;z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}72.75%{opacity:1;transform:translate(0,-10px);z-index:2;box-shadow:0 18px 32px -18px rgba(5,47,75,.35)}73.625%{opacity:1;transform:translate(37px,calc(100% + 8px)) scale(var(--fs,0.36));z-index:2;box-shadow:0 18px 32px -18px rgba(5,47,75,.35)}74.125%{opacity:1;transform:translate(37px,calc(100% + 76px)) scale(var(--fs,0.36));z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}74.375%{opacity:1;transform:translate(37px,calc(100% + 76px)) scale(var(--fs,0.36));z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}74.99%{opacity:0;transform:translate(37px,calc(100% + 76px)) scale(var(--fs,0.36));z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}75.0%{opacity:0;transform:translate(37px,calc(100% + 76px)) scale(var(--fs,0.36));z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}75.01%{opacity:0;transform:translate(-14px,14px);z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}100%{opacity:0;transform:translate(-14px,14px);z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}}@keyframes mk-c1_2{0%{opacity:0}52.0%{opacity:0;transform:scale(.6)}52.75%{opacity:1;transform:none}75.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes mk-c2_2{0%{opacity:0}53.0%{opacity:0;transform:scale(.6)}53.75%{opacity:1;transform:none}75.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes mk-c3_2{0%{opacity:0}54.0%{opacity:0;transform:scale(.6)}54.75%{opacity:1;transform:none}75.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes mk-c4_2{0%{opacity:0}55.0%{opacity:0;transform:scale(.6)}55.75%{opacity:1;transform:none}75.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes mk-num2{0%{opacity:0}56.25%{opacity:0}57.0%{opacity:1}59.5%{opacity:1}60.25%{opacity:0}100%{opacity:0}}@keyframes mk-strike2{0%{transform:scaleX(0)}58.0%{transform:scaleX(0)}59.0%{transform:scaleX(1)}75.0%{transform:scaleX(1)}100%{transform:scaleX(0)}}@keyframes mk-nos2{0%{opacity:0}60.5%{opacity:0}61.5%{opacity:1}75.0%{opacity:1}100%{opacity:0}}@keyframes mk-r1_2{0%{opacity:0}62.5%{opacity:0;transform:scale(.9)}63.25%{opacity:1;transform:none}75.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes mk-b1_2{0%{transform:scaleX(0)}62.75%{transform:scaleX(0)}64.5%{transform:scaleX(1)}75.0%{transform:scaleX(1)}100%{transform:scaleX(0)}}@keyframes mk-r2_2{0%{opacity:0}64.0%{opacity:0;transform:scale(.9)}64.75%{opacity:1;transform:none}75.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes mk-b2_2{0%{transform:scaleX(0)}64.25%{transform:scaleX(0)}66.0%{transform:scaleX(1)}75.0%{transform:scaleX(1)}100%{transform:scaleX(0)}}@keyframes mk-r3_2{0%{opacity:0}65.5%{opacity:0;transform:scale(.9)}66.25%{opacity:1;transform:none}75.0%{opacity:1;transform:none}100%{opacity:0}}@keyframes mk-b3_2{0%{transform:scaleX(0)}65.75%{transform:scaleX(0)}67.5%{transform:scaleX(1)}75.0%{transform:scaleX(1)}100%{transform:scaleX(0)}}@keyframes mk-rev2{0%{opacity:0}50.0%{opacity:1}67.0%{opacity:1}67.5%{opacity:0}100%{opacity:0}}@keyframes mk-vet2{0%{opacity:0}67.25%{opacity:0;transform:scale(1.25)}68.0%{opacity:1;transform:scale(.96)}68.5%{opacity:1;transform:scale(1)}75.0%{opacity:1;transform:scale(1)}100%{opacity:0}}@keyframes mk-h1_2{0%{opacity:0}50.5%{opacity:0}51.0%{opacity:1}55.5%{opacity:1}56.0%{opacity:0}100%{opacity:0}}@keyframes mk-h2_2{0%{opacity:0}56.0%{opacity:0}56.5%{opacity:1}61.5%{opacity:1}62.0%{opacity:0}100%{opacity:0}}@keyframes mk-h3_2{0%{opacity:0}62.0%{opacity:0}62.5%{opacity:1}66.5%{opacity:1}67.0%{opacity:0}100%{opacity:0}}@keyframes mk-pp3{0%{opacity:0;transform:translate(-14px,14px);z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}72.0%{opacity:0;transform:translate(-14px,14px);z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}72.125%{opacity:1;transform:translate(-14px,14px);z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}74.99%{opacity:1;transform:translate(-14px,14px);z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}75.0%{opacity:1;transform:translate(-14px,14px);z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}76.5%{opacity:1;transform:none;z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}97.25%{opacity:1;transform:none;z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}97.75%{opacity:1;transform:translate(0,-10px);z-index:2;box-shadow:0 18px 32px -18px rgba(5,47,75,.35)}98.625%{opacity:1;transform:translate(37px,calc(100% + 8px)) scale(var(--fs,0.36));z-index:2;box-shadow:0 18px 32px -18px rgba(5,47,75,.35)}99.125%{opacity:1;transform:translate(37px,calc(100% + 76px)) scale(var(--fs,0.36));z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}99.375%{opacity:1;transform:translate(37px,calc(100% + 76px)) scale(var(--fs,0.36));z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}99.99%{opacity:0;transform:translate(37px,calc(100% + 76px)) scale(var(--fs,0.36));z-index:2;box-shadow:0 0 0 rgba(5,47,75,0)}100.0%{opacity:0;transform:translate(37px,calc(100% + 76px)) scale(var(--fs,0.36));z-index:1;box-shadow:0 0 0 rgba(5,47,75,0)}}@keyframes mk-c1_3{0%{opacity:0}77.0%{opacity:0;transform:scale(.6)}77.75%{opacity:1;transform:none}100.0%{opacity:1;transform:none}}@keyframes mk-c2_3{0%{opacity:0}78.0%{opacity:0;transform:scale(.6)}78.75%{opacity:1;transform:none}100.0%{opacity:1;transform:none}}@keyframes mk-c3_3{0%{opacity:0}79.0%{opacity:0;transform:scale(.6)}79.75%{opacity:1;transform:none}100.0%{opacity:1;transform:none}}@keyframes mk-c4_3{0%{opacity:0}80.0%{opacity:0;transform:scale(.6)}80.75%{opacity:1;transform:none}100.0%{opacity:1;transform:none}}@keyframes mk-num3{0%{opacity:0}81.25%{opacity:0}82.0%{opacity:1}84.5%{opacity:1}85.25%{opacity:0}100%{opacity:0}}@keyframes mk-strike3{0%{transform:scaleX(0)}83.0%{transform:scaleX(0)}84.0%{transform:scaleX(1)}100.0%{transform:scaleX(1)}}@keyframes mk-nos3{0%{opacity:0}85.5%{opacity:0}86.5%{opacity:1}100.0%{opacity:1}}@keyframes mk-r1_3{0%{opacity:0}87.5%{opacity:0;transform:scale(.9)}88.25%{opacity:1;transform:none}100.0%{opacity:1;transform:none}}@keyframes mk-b1_3{0%{transform:scaleX(0)}87.75%{transform:scaleX(0)}89.5%{transform:scaleX(1)}100.0%{transform:scaleX(1)}}@keyframes mk-r2_3{0%{opacity:0}89.0%{opacity:0;transform:scale(.9)}89.75%{opacity:1;transform:none}100.0%{opacity:1;transform:none}}@keyframes mk-b2_3{0%{transform:scaleX(0)}89.25%{transform:scaleX(0)}91.0%{transform:scaleX(1)}100.0%{transform:scaleX(1)}}@keyframes mk-r3_3{0%{opacity:0}90.5%{opacity:0;transform:scale(.9)}91.25%{opacity:1;transform:none}100.0%{opacity:1;transform:none}}@keyframes mk-b3_3{0%{transform:scaleX(0)}90.75%{transform:scaleX(0)}92.5%{transform:scaleX(1)}100.0%{transform:scaleX(1)}}@keyframes mk-rev3{0%{opacity:0}75.0%{opacity:1}92.0%{opacity:1}92.5%{opacity:0}100%{opacity:0}}@keyframes mk-vet3{0%{opacity:0}92.25%{opacity:0;transform:scale(1.25)}93.0%{opacity:1;transform:scale(.96)}93.5%{opacity:1;transform:scale(1)}100.0%{opacity:1;transform:scale(1)}}@keyframes mk-h1_3{0%{opacity:0}75.5%{opacity:0}76.0%{opacity:1}80.5%{opacity:1}81.0%{opacity:0}100%{opacity:0}}@keyframes mk-h2_3{0%{opacity:0}81.0%{opacity:0}81.5%{opacity:1}86.5%{opacity:1}87.0%{opacity:0}100%{opacity:0}}@keyframes mk-h3_3{0%{opacity:0}87.0%{opacity:0}87.5%{opacity:1}91.5%{opacity:1}92.0%{opacity:0}100%{opacity:0}}@keyframes mk-fold{0%{transform:none}23.875%{transform:none}24.075%{transform:scale(1.05,.97)}24.3%{transform:none}48.875%{transform:none}49.075%{transform:scale(1.05,.97)}49.3%{transform:none}73.875%{transform:none}74.075%{transform:scale(1.05,.97)}74.3%{transform:none}98.875%{transform:none}99.075%{transform:scale(1.05,.97)}99.3%{transform:none}100%{transform:none}} html body #ixa3m .mk-an{animation-duration:48s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.2,.7,.2,1);animation-fill-mode:both} html body #ixa3m.wait .mk-an{animation-play-state:paused} .mk-blink{animation:mk-blink 1.1s ease-in-out infinite}@keyframes mk-blink{50%{opacity:.25}} .mk-paper{grid-area:1/1;position:relative;transform-origin:50% 0} @media (prefers-reduced-motion:reduce){html body #ixa3m .mk-an,.mk-blink{animation:none!important}#ixa3m .mk-paper:not(.p0){display:none}#ixa3m .mk-rev,#ixa3m .mk-num{display:none}} @keyframes mk-x1_0{0%{height:98px;padding-top:8px;opacity:1}5.5%{height:98px;padding-top:8px;opacity:1}6.125%{height:0px;padding-top:0px;opacity:0}25.0%{height:0px;padding-top:0px;opacity:0}100%{height:98px;padding-top:8px;opacity:1}}@keyframes mk-x2_0{0%{height:0px;padding-top:0px;opacity:0}5.5%{height:0px;padding-top:0px;opacity:0}6.125%{height:98px;padding-top:8px;opacity:1}11.5%{height:98px;padding-top:8px;opacity:1}12.125%{height:0px;padding-top:0px;opacity:0}25.0%{height:0px;padding-top:0px;opacity:0}100%{height:0px;padding-top:0px;opacity:0}}@keyframes mk-x3_0{0%{height:0px;padding-top:0px;opacity:0}11.5%{height:0px;padding-top:0px;opacity:0}12.125%{height:98px;padding-top:8px;opacity:1}25.0%{height:98px;padding-top:8px;opacity:1}100%{height:0px;padding-top:0px;opacity:0}}@keyframes mk-dn1_0{0%{opacity:0}5.75%{opacity:0}6.25%{opacity:1}25.0%{opacity:1}100%{opacity:0}}@keyframes mk-dn2_0{0%{opacity:0}11.75%{opacity:0}12.25%{opacity:1}25.0%{opacity:1}100%{opacity:0}}@keyframes mk-x1_1{0%{height:98px;padding-top:8px;opacity:1}30.5%{height:98px;padding-top:8px;opacity:1}31.125%{height:0px;padding-top:0px;opacity:0}50.0%{height:0px;padding-top:0px;opacity:0}100%{height:98px;padding-top:8px;opacity:1}}@keyframes mk-x2_1{0%{height:0px;padding-top:0px;opacity:0}30.5%{height:0px;padding-top:0px;opacity:0}31.125%{height:98px;padding-top:8px;opacity:1}36.5%{height:98px;padding-top:8px;opacity:1}37.125%{height:0px;padding-top:0px;opacity:0}50.0%{height:0px;padding-top:0px;opacity:0}100%{height:0px;padding-top:0px;opacity:0}}@keyframes mk-x3_1{0%{height:0px;padding-top:0px;opacity:0}36.5%{height:0px;padding-top:0px;opacity:0}37.125%{height:98px;padding-top:8px;opacity:1}50.0%{height:98px;padding-top:8px;opacity:1}100%{height:0px;padding-top:0px;opacity:0}}@keyframes mk-dn1_1{0%{opacity:0}30.75%{opacity:0}31.25%{opacity:1}50.0%{opacity:1}100%{opacity:0}}@keyframes mk-dn2_1{0%{opacity:0}36.75%{opacity:0}37.25%{opacity:1}50.0%{opacity:1}100%{opacity:0}}@keyframes mk-x1_2{0%{height:98px;padding-top:8px;opacity:1}55.5%{height:98px;padding-top:8px;opacity:1}56.125%{height:0px;padding-top:0px;opacity:0}75.0%{height:0px;padding-top:0px;opacity:0}100%{height:98px;padding-top:8px;opacity:1}}@keyframes mk-x2_2{0%{height:0px;padding-top:0px;opacity:0}55.5%{height:0px;padding-top:0px;opacity:0}56.125%{height:98px;padding-top:8px;opacity:1}61.5%{height:98px;padding-top:8px;opacity:1}62.125%{height:0px;padding-top:0px;opacity:0}75.0%{height:0px;padding-top:0px;opacity:0}100%{height:0px;padding-top:0px;opacity:0}}@keyframes mk-x3_2{0%{height:0px;padding-top:0px;opacity:0}61.5%{height:0px;padding-top:0px;opacity:0}62.125%{height:98px;padding-top:8px;opacity:1}75.0%{height:98px;padding-top:8px;opacity:1}100%{height:0px;padding-top:0px;opacity:0}}@keyframes mk-dn1_2{0%{opacity:0}55.75%{opacity:0}56.25%{opacity:1}75.0%{opacity:1}100%{opacity:0}}@keyframes mk-dn2_2{0%{opacity:0}61.75%{opacity:0}62.25%{opacity:1}75.0%{opacity:1}100%{opacity:0}}@keyframes mk-x1_3{0%{height:98px;padding-top:8px;opacity:1}80.5%{height:98px;padding-top:8px;opacity:1}81.125%{height:0px;padding-top:0px;opacity:0}100.0%{height:0px;padding-top:0px;opacity:0}}@keyframes mk-x2_3{0%{height:0px;padding-top:0px;opacity:0}80.5%{height:0px;padding-top:0px;opacity:0}81.125%{height:98px;padding-top:8px;opacity:1}86.5%{height:98px;padding-top:8px;opacity:1}87.125%{height:0px;padding-top:0px;opacity:0}100.0%{height:0px;padding-top:0px;opacity:0}}@keyframes mk-x3_3{0%{height:0px;padding-top:0px;opacity:0}86.5%{height:0px;padding-top:0px;opacity:0}87.125%{height:98px;padding-top:8px;opacity:1}100.0%{height:98px;padding-top:8px;opacity:1}}@keyframes mk-dn1_3{0%{opacity:0}80.75%{opacity:0}81.25%{opacity:1}100.0%{opacity:1}}@keyframes mk-dn2_3{0%{opacity:0}86.75%{opacity:0}87.25%{opacity:1}100.0%{opacity:1}}html body #ixa3m .mk-paper{height:351px;overflow:hidden} html body .mhero{display:none} html body .mhero-box svg{display:block;width:100%;height:auto} @keyframes mevl{to{stroke-dashoffset:-20}} html body .mev-l{animation:mevl 1.6s linear infinite} @media (prefers-reduced-motion:reduce){html body .mev-l{animation:none}} @media (max-width:640px){html body .mhero{display:block}html body .sha-wrap .sha-box{display:none}html body .sha-wrap{margin-top:32px}html body [data-page="events"] .ev-photo.evI2{display:none}html body .mhero--ev{margin-top:32px}} html body .vshm{display:none}@media (max-width:640px){html body .vsh-wrap{display:none!important}html body .vshm{display:block}} @keyframes pgRise { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } } html body .pg-in { animation: pgRise 700ms cubic-bezier(0.2, 0.7, 0.2, 1) both; animation-delay: var(--pg-d, 0ms); } @media (prefers-reduced-motion: reduce) { html body .pg-in { animation: none; } } html body .tmb__panel { position: relative; padding-bottom: 96px; } html body .tmb__nav { position: absolute; right: 40px; bottom: 32px; display: flex; gap: 8px; } html body .tmb__nav button { width: 40px; height: 40px; display: grid; place-items: center; padding: 0; background: transparent; color: var(--white); border: 1px solid var(--line-dark); border-radius: 0; cursor: pointer; transition: background-color var(--t-fast), border-color var(--t-fast); } html body .tmb__nav button:hover { background: var(--surface-dark); border-color: var(--mist); } html body .tmb__nav button:focus-visible { outline: 2px solid var(--gold-light); outline-offset: 2px; } html body .tmb__nav svg { width: 16px; height: 16px; } @media (max-width: 760px) { html body .tmb__panel { padding-bottom: 88px; } html body .tmb__nav { right: 24px; bottom: 24px; } }