siblings into ONE card wrapping a
with N .prose-card-item children. Rather than mutating 92 HTML files, style prose-cards as an auto-fit grid so all items render side-by-side, and let a single card inside a grid-N container span the full width. Safe, additive, 100% idempotent. */
.prose-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:20px;text-align:left}
.prose-card-item{display:flex;gap:12px;align-items:flex-start;padding:16px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:10px;min-width:0;text-align:left}
.prose-card-num{flex-shrink:0;width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#7c3aed);color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}
.prose-card-body{min-width:0;text-align:left}
.prose-card-title{font-size:14.5px;margin:0 0 4px;color:#fff;font-weight:600}
.prose-card-text{font-size:13px;color:#94a3b8;line-height:1.55;margin:0}
.grid.grid-2>.card:only-child,.grid.grid-3>.card:only-child,.grid.grid-4>.card:only-child{grid-column:1/-1}
html[dir="rtl"] .prose-card-item,html[dir="rtl"] .prose-card-body,html[dir="rtl"] .prose-cards{text-align:right}
/* UNIVERSAL-GRID-ONLYCHILD-FIX: any *-grid container containing exactly one direct wrapper child
should let that wrapper span full width, and the inner list of *-card / prose-card-item
items should render as an auto-fit grid instead of stacking left-aligned. */
.persona-grid > *:only-child,
.features-grid > *:only-child,
.v2-grid > *:only-child,
.steps-grid > *:only-child,
.services-grid > *:only-child,
.blog-grid > *:only-child,
.product-grid > *:only-child,
.industry-grid > *:only-child,
.category-grid > *:only-child,
.feature-grid > *:only-child,
.grid.grid-2 > *:only-child,
.grid.grid-3 > *:only-child,
.grid.grid-4 > *:only-child {
grid-column: 1 / -1;
width: 100%;
}
/* When single wrap holds multiple prose-card-item children, force a fluid grid */
.persona-grid > *:only-child:has(.prose-card-item),
.features-grid > *:only-child:has(.prose-card-item),
.v2-grid > *:only-child:has(.prose-card-item),
.steps-grid > *:only-child:has(.prose-card-item),
.services-grid > *:only-child:has(.prose-card-item),
.grid.grid-2 > *:only-child:has(.prose-card-item),
.grid.grid-3 > *:only-child:has(.prose-card-item),
.grid.grid-4 > *:only-child:has(.prose-card-item) {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
gap: 16px;
align-items: stretch;
}
/* Blog-card and industry-card and feature-card inside a collapsed grid wrapper */
.blog-grid > *:only-child:has(.blog-card),
.industry-grid > *:only-child:has(.industry-card),
.feature-grid > *:only-child:has(.feature-card),
.features-grid > *:only-child:has(.industry-card),
.features-grid > *:only-child:has(.feature-card),
.category-grid > *:only-child:has(.category-card),
.product-grid > *:only-child:has(.product-card) {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
gap: 20px;
align-items: stretch;
}
/* Steps grid inside single wrap should be a horizontal flow of step cards */
.steps-grid > *:only-child:has(.prose-card-item) {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
gap: 12px;
}
/* GRID-CATCHALL-ONLYCHILD-FIX: attribute-substring safety net for ANY *-grid
container whose N intended sibling cards were merged into one wrapper
(covers pr-grid, benefits-grid, benefit-v2-prose-grid and future variants).
Also keeps .prose-cards a fluid grid everywhere. */
[class$="-grid"] > *:only-child{grid-column:1/-1;width:100%}
.prose-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px;align-items:stretch}
/* PERSONA-CARD-SINGLEWRAP-FIX: buy pages ship persona-grid > persona-card:only-child
> (span.persona-type + .prose-cards with N items). Without this the single card
rendered as a narrow split with an empty type box and vertically stacked 01/02/03.
Force the lone card to a full-width block and its prose-cards to a fluid grid. */
.persona-grid > .persona-card:only-child{display:block;grid-column:1/-1;width:100%}
.persona-grid > .persona-card:only-child > .persona-type{display:inline-block;margin-bottom:14px}
.persona-grid > .persona-card:only-child > .prose-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px;align-items:stretch}
.page-hero .unled-eng{margin:20px 0 8px;max-width:720px}
.page-hero .unled-share{margin:0 0 20px;max-width:720px;display:flex;align-items:center;gap:12px}
.page-hero .unled-share__label{display:flex;align-items:center;min-height:32px;margin:0;line-height:1.2;white-space:nowrap}
.page-hero .unled-share__list{display:flex;align-items:center;gap:6px}
#guides-cluster-hub .guide-cluster-header{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}
#guides-cluster-hub .guide-cluster-emoji{font-size:28px;line-height:1}
#guides-cluster-hub .guide-card.is-hidden{display:none!important}
#guides-empty-state[hidden]{display:none!important}
#guides-cluster-hub .guides-filter{margin-bottom:32px;padding:18px 20px;background:rgba(148,163,184,0.05);border:1px solid rgba(148,163,184,0.12);border-radius:12px}
@media (max-width:1024px){
html[dir="rtl"] .mobile-nav.open{
transform:translate3d(0,0,0)!important;
}
.mobile-nav{
width:100%!important;
max-width:100vw!important;
box-sizing:border-box!important;
padding-inline:max(16px,env(safe-area-inset-left,0px)) max(16px,env(safe-area-inset-right,0px))!important;
}
.mobile-nav-section,.mobile-nav-actions,.mobile-nav-title,.mobile-nav-title-link{
width:100%!important;
max-width:100%!important;
box-sizing:border-box!important;
}
.mobile-nav-link{
width:100%!important;
max-width:100%!important;
box-sizing:border-box!important;
align-items:center!important;
justify-content:flex-start!important;
gap:12px!important;
padding-block:11px!important;
padding-inline:0!important;
min-height:44px!important;
}
.mobile-nav-link>.nav-icon-slot{
width:32px!important;
height:32px!important;
min-width:32px!important;
max-width:32px!important;
flex:0 0 32px!important;
display:grid!important;
place-items:center!important;
align-self:center!important;
margin:0!important;
background:transparent!important;
border:none!important;
box-shadow:none!important;
}
.mobile-nav-link:hover>.nav-icon-slot{
background:transparent!important;
border:none!important;
box-shadow:none!important;
}
.mobile-nav-link>.nav-icon-slot>svg.mobile-nav-icon{
width:16px!important;
height:16px!important;
min-width:16px!important;
max-width:16px!important;
padding:0!important;
margin:0!important;
display:block!important;
background:transparent!important;
border:none!important;
box-shadow:none!important;
filter:none!important;
box-sizing:border-box!important;
}
.mobile-nav-link>span.mobile-nav-icon:not(.nav-icon-slot){
width:32px!important;
height:32px!important;
min-width:32px!important;
max-width:32px!important;
flex:0 0 32px!important;
display:grid!important;
place-items:center!important;
align-self:center!important;
font-size:17px!important;
line-height:1!important;
text-align:center!important;
}
.mobile-nav-section .mobile-nav-link>img.mobile-nav-icon,
.mobile-nav-section .mobile-nav-link>img[src*="platforms/"],
.mobile-nav-section .mobile-nav-link>.nav-icon-slot>img.mobile-nav-icon,
.mobile-nav-section .mobile-nav-link>.nav-icon-slot>img[src*="platforms/"]{
width:32px!important;
height:32px!important;
min-width:32px!important;
max-width:32px!important;
flex:0 0 32px!important;
margin:0!important;
padding:0!important;
box-sizing:border-box!important;
object-fit:contain!important;
object-position:center!important;
align-self:center!important;
background:transparent!important;
border:none!important;
box-shadow:none!important;
}
.mobile-nav-actions{
display:flex!important;
flex-wrap:wrap!important;
gap:10px!important;
padding-inline:0!important;
}
.mobile-nav-actions .btn{
flex:1 1 calc(50% - 5px)!important;
min-width:0!important;
justify-content:center!important;
text-align:center!important;
}
}
.nf-smart-hero{
min-height:calc(100dvh - var(--nav-height,72px) - 40px);
display:flex;
align-items:center;
justify-content:center;
padding:28px 16px 56px;
background:radial-gradient(ellipse 85% 55% at 50% -10%,rgba(59,130,246,.14),transparent 68%),linear-gradient(180deg,var(--bg-primary,#040719),var(--bg-secondary,#060c1f));
}
.nf-smart-inner{width:min(720px,100%);margin:0 auto;text-align:center}
.nf-smart-code{
font-size:clamp(3.5rem,16vw,6.5rem);
font-weight:800;
line-height:1;
margin:0 0 10px;
background:linear-gradient(135deg,var(--accent-blue-light,#60a5fa),var(--accent-purple-light,#a78bfa));
-webkit-background-clip:text;
background-clip:text;
color:transparent;
letter-spacing:-.03em;
}
.nf-smart-hero h1{margin:0 0 10px;font-size:clamp(1.5rem,4.5vw,2.25rem);font-weight:800;line-height:1.15;color:var(--text-primary,#fff)}
.nf-smart-sub{margin:0 auto 22px;max-width:540px;color:var(--text-secondary,#94a3b8);font-size:1rem;line-height:1.55}
.nf-smart-search{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 auto 20px;max-width:560px}
.nf-smart-search input[type=search],.nf-smart-search input[type=text]{
flex:1 1 220px;
min-width:0;
width:100%;
max-width:100%;
box-sizing:border-box;
padding:14px 16px;
border-radius:12px;
border:1px solid rgba(255,255,255,.12);
background:rgba(15,23,42,.75);
color:var(--text-primary,#fff);
font-size:16px;
outline:none;
transition:border-color .15s ease,box-shadow .15s ease;
}
.nf-smart-search input:focus{border-color:rgba(59,130,246,.55);box-shadow:0 0 0 3px rgba(59,130,246,.2)}
.nf-smart-search .btn{flex:0 0 auto;min-height:48px;padding-inline:20px}
.nf-smart-label{margin:0 0 10px;font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted,#7d8da3);text-align:left}
.nf-smart-suggest{margin:0 auto 20px;max-width:560px;text-align:left}
.nf-smart-results{display:flex;flex-direction:column;gap:8px}
.nf-smart-hit{
display:block;
padding:14px 16px;
border-radius:12px;
border:1px solid rgba(255,255,255,.08);
background:rgba(15,23,42,.65);
text-decoration:none;
color:inherit;
transition:border-color .15s ease,background .15s ease,transform .15s ease;
}
.nf-smart-hit:hover,.nf-smart-hit:focus-visible{border-color:rgba(59,130,246,.45);background:rgba(59,130,246,.1);outline:none}
.nf-smart-hit strong{display:block;font-size:.98rem;color:var(--text-primary,#fff);margin:4px 0 2px}
.nf-smart-hit span{display:block;font-size:.82rem;color:var(--text-secondary,#94a3b8);line-height:1.45}
.nf-smart-hit-cat{font-size:.68rem!important;text-transform:uppercase;letter-spacing:.07em;color:var(--accent-purple-light,#a78bfa)!important;font-weight:700}
.nf-ai-panel{
margin:24px auto 0;
max-width:560px;
padding:20px;
border-radius:16px;
border:1px solid rgba(139,92,246,.28);
background:rgba(15,23,42,.72);
text-align:left;
}
.nf-ai-panel h2{margin:0 0 6px;font-size:1.1rem;font-weight:700;color:var(--text-primary,#fff)}
.nf-ai-sub{margin:0 0 14px;font-size:.88rem;color:var(--text-secondary,#94a3b8);line-height:1.5}
.nf-ai-form{display:flex;flex-wrap:wrap;gap:10px}
.nf-ai-form input{
flex:1 1 200px;
min-width:0;
padding:12px 14px;
border-radius:10px;
border:1px solid rgba(255,255,255,.12);
background:rgba(4,7,25,.8);
color:var(--text-primary,#fff);
font-size:15px;
outline:none;
}
.nf-ai-form input:focus{border-color:rgba(139,92,246,.5);box-shadow:0 0 0 3px rgba(139,92,246,.18)}
.nf-ai-form .btn{min-height:44px}
.nf-ai-out{margin-top:14px;min-height:8px}
.nf-ai-loading,.nf-ai-error{margin:0;font-size:.88rem;line-height:1.5;color:var(--text-secondary,#94a3b8)}
.nf-ai-error{color:#fca5a5}
.nf-ai-answer-block{padding:14px;border-radius:12px;border:1px solid rgba(59,130,246,.22);background:rgba(59,130,246,.08)}
.nf-ai-answer-title{margin:0 0 8px;font-size:.95rem;color:var(--accent-blue-light,#93c5fd)}
.nf-ai-answer{font-size:.92rem;line-height:1.6;color:var(--text-primary,#e2e8f0)}
.nf-ai-answer a.nf-ai-inline-link{color:var(--accent-blue-light,#93c5fd);text-decoration:underline;text-underline-offset:2px}
.nf-ai-links{display:flex;flex-direction:column;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.nf-ai-link{display:block;padding:8px 10px;border-radius:8px;font-size:.85rem;color:var(--accent-blue-light,#93c5fd);text-decoration:none;background:rgba(255,255,255,.03)}
.nf-ai-link:hover,.nf-ai-link:focus-visible{background:rgba(59,130,246,.12);outline:2px solid rgba(59,130,246,.35);outline-offset:1px}
.nf-smart-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:26px auto 0;max-width:560px}
.nf-smart-actions .btn{min-height:44px;flex:1 1 140px;justify-content:center}
.nf-smart-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px auto 0;max-width:560px}
.nf-quick-card{
display:flex;
align-items:center;
justify-content:center;
min-height:52px;
padding:12px 10px;
border-radius:12px;
border:1px solid rgba(255,255,255,.08);
background:rgba(15,23,42,.55);
text-decoration:none;
font-size:.82rem;
font-weight:600;
color:var(--text-secondary,#94a3b8);
transition:border-color .15s ease,background .15s ease,color .15s ease;
}
.nf-quick-card:hover,.nf-quick-card:focus-visible{border-color:rgba(59,130,246,.4);background:rgba(59,130,246,.1);color:var(--text-primary,#fff);outline:none}
@media (max-width:600px){
.nf-smart-hero{padding:20px 12px 40px;min-height:auto}
.nf-smart-quick{grid-template-columns:1fr}
.nf-smart-actions .btn{flex:1 1 100%}
}
html[dir=rtl] .nf-smart-label,html[dir=rtl] .nf-smart-suggest,html[dir=rtl] .nf-ai-panel{text-align:right}
@media (min-width:1025px){
.site-header .nav-item>.nav-link{
position:relative!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
box-sizing:border-box!important;
}
.site-header .nav-item>.nav-link::after{
content:""!important;
position:absolute!important;
left:50%!important;
right:auto!important;
bottom:5px!important;
width:calc(100% - 14px)!important;
max-width:100%!important;
height:2px!important;
border-radius:1px!important;
background:linear-gradient(90deg,var(--accent-blue,#3b82f6),var(--accent-purple,#8b5cf6))!important;
transform:translateX(-50%) scaleX(0)!important;
transform-origin:center bottom!important;
transition:transform .22s ease!important;
}
.site-header .nav-item>.nav-link:hover::after,
.site-header .nav-item>.nav-link.active::after{
width:calc(100% - 14px)!important;
transform:translateX(-50%) scaleX(1)!important;
}
.site-header .mega-menu,
.site-header .mega-menu-wide{
top:100%!important;
margin-top:0!important;
padding-top:12px!important;
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
transition:opacity .16s ease,visibility .16s ease!important;
}
.site-header .nav-item:hover .mega-menu,
.site-header .nav-item:focus-within .mega-menu,
.site-header .nav-item.mega-open .mega-menu{
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
}
.site-header .lang-switcher{
display:flex!important;
align-items:center!important;
align-self:center!important;
}
.site-header .lang-switcher-panel{
top:calc(100% + 6px)!important;
bottom:auto!important;
transform-origin:top right!important;
}
html[dir=rtl] .site-header .lang-switcher-panel{
transform-origin:top left!important;
}
}
.answers-hub-shell{max-width:1120px}
.answers-hub-article{padding:48px 0 60px}
.answers-hub-kicker{color:#94a3b8;font-size:13px;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 8px}
.answers-hub-title{font-size:clamp(28px,4vw,34px);margin:0 0 12px;line-height:1.2}
.answers-hub-lede{color:#cbd5e1;max-width:680px;margin:0 0 24px;line-height:1.6}
.answers-hub-toolbar{margin-bottom:22px}
.answers-hub-toolbar__row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:14px}
.answers-hub-search{flex:1 1 240px;display:block}
.answers-hub-search input{width:100%;min-height:44px;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(15,23,42,.85);color:#f1f5f9;font-size:15px}
.answers-hub-search input:focus{outline:2px solid rgba(59,130,246,.45);outline-offset:1px;border-color:rgba(59,130,246,.35)}
.answers-hub-count{margin:0;font-size:14px;color:#94a3b8;white-space:nowrap}
.answers-hub-ask{margin-left:auto;text-decoration:none}
.answers-hub-filters{display:flex;flex-wrap:wrap;gap:8px}
.answers-hub-filter{border:1px solid rgba(255,255,255,.1);background:rgba(15,23,42,.6);color:#cbd5e1;border-radius:999px;padding:7px 14px;font-size:12px;font-weight:600;cursor:pointer;text-transform:capitalize}
.answers-hub-filter.is-active,.answers-hub-filter[aria-pressed=true]{background:rgba(59,130,246,.18);border-color:rgba(96,165,250,.45);color:#dbeafe}
.answers-hub-filter:hover{border-color:rgba(96,165,250,.35)}
.answers-hub-empty{margin:8px 0 0;font-size:14px;color:#94a3b8}
.answers-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:16px}
.answers-hub-card{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(15,23,42,.75),rgba(8,15,28,.9));text-decoration:none;color:inherit;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;min-height:140px}
.answers-hub-card:hover,.answers-hub-card:focus-visible{border-color:rgba(96,165,250,.45);box-shadow:0 14px 32px rgba(2,8,23,.35);outline:none}
.answers-hub-card__tag{display:inline-block;align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#93c5fd;background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.28);padding:4px 10px;border-radius:999px}
.answers-hub-card h3{margin:0;font-size:16px;line-height:1.45;color:#f1f5f9;font-weight:600}
.answers-hub-card p{margin:0;font-size:13px;line-height:1.55;color:#94a3b8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.listing-pagination{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;margin:28px 0 8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}
.listing-page-link,.listing-page-current{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:0 12px;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none}
.listing-page-link{color:#cbd5e1;border:1px solid rgba(255,255,255,.1);background:rgba(15,23,42,.6)}
.listing-page-link:hover{border-color:rgba(96,165,250,.4);color:#fff}
.listing-page-current{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border:1px solid transparent}
.nf-ai-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(148,163,184,.35);border-top-color:#93c5fd;border-radius:50%;vertical-align:-2px;margin-right:6px;animation:nf-ai-spin .8s linear infinite}
@keyframes nf-ai-spin{to{transform:rotate(360deg)}}
.nf-ai-loading[aria-busy=true]{color:#cbd5e1}
.svc-loc-hero{padding-bottom:24px}
.svc-loc-hero__title{font-size:clamp(26px,4vw,34px);line-height:1.2;margin:18px 0 0;color:var(--text-primary,#fff);max-width:920px;font-weight:700}
.svc-loc-hero .breadcrumb{margin-bottom:0}
.svc-loc-social{display:flex;flex-direction:column;gap:8px;margin:16px 0 0;max-width:920px;min-height:106px;width:100%}
.svc-loc-social .unled-eng{margin:0;padding:10px 14px;min-height:50px;max-width:none;width:100%;box-sizing:border-box;border-radius:10px}
.svc-loc-social .unled-share{margin:0;padding:8px 14px;min-height:48px;max-width:none;width:100%;box-sizing:border-box;display:flex;align-items:center;gap:12px;border-style:solid;border-color:rgba(96,165,250,.14);border-radius:10px}
.svc-loc-social .unled-share__label{display:flex;align-items:center;min-height:32px;margin:0;padding:0;line-height:1.2;white-space:nowrap}
.svc-loc-social .unled-share__list{display:flex;align-items:center;gap:6px;margin:0;padding:0;flex-wrap:wrap}
.unled-toc{margin:0 auto 24px;max-width:1080px;padding:0 20px}
.feature-card{padding:22px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(15,23,42,.55);height:100%}
.feature-card h3{margin:0 0 12px;font-size:17px;line-height:1.35;color:var(--text-primary,#f1f5f9)}
.feature-card ul{margin:0;padding-left:18px;color:var(--text-secondary,#94a3b8);line-height:1.55}
.feature-card p{margin:0;color:var(--text-secondary,#94a3b8);line-height:1.55}
.features-grid{align-items:stretch}
.loc-chip-grid{display:flex;flex-wrap:wrap;gap:10px}
.location-mesh .container{max-width:1080px}
.prose-content abbr{cursor:help;text-decoration:underline dotted rgba(147,197,253,.55);text-underline-offset:2px}
html{
--fs-body:1rem;
--fs-body-sm:0.9375rem;
--fs-label:0.8125rem;
--fs-nav:0.9375rem;
--fs-nav-compact:0.875rem;
--fs-nav-mobile:1rem;
--fs-mega-link:0.9375rem;
--fs-mega-title:0.8125rem;
--fs-footer:0.875rem;
--lh-body:1.5;
--lh-ui:1.45;
--ls-ui:0.01em;
--font-sans:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
--font-cjk:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Noto Sans JP","Noto Sans KR",sans-serif;
--font-ar:"Segoe UI",Tahoma,"Noto Sans Arabic","Geeza Pro",Arial,sans-serif;
--font-he:"Segoe UI","Noto Sans Hebrew","Arial Hebrew",Arial,sans-serif;
font-size:100%;
-webkit-text-size-adjust:100%;
text-size-adjust:100%;
}
body{
font-family:var(--font-sans);
font-size:var(--fs-body);
line-height:var(--lh-body);
letter-spacing:var(--ls-ui);
}
html[lang^="ja"] body,
html[lang^="ko"] body,
html[lang^="zh"] body{
font-family:var(--font-sans),var(--font-cjk);
}
html[lang^="ar"] body{
font-family:var(--font-ar);
}
html[lang="he"] body,
html[lang^="he-"] body{
font-family:var(--font-he);
}
main p,main li,main .prose,main .prose p,main .prose li,.article-body p,.article-body li,.blog-body p,.blog-body li,.bv2-desc,.prose-card-text{
font-size:var(--fs-body);
line-height:var(--lh-body);
}
.page-hero .breadcrumb,.page-hero--blog .breadcrumb{
font-size:var(--fs-body-sm)!important;
line-height:var(--lh-ui)!important;
}
.site-footer,.site-footer a,.site-footer p,.site-footer li{
font-size:var(--fs-footer);
line-height:var(--lh-ui);
}
@media (min-width:1025px){
.site-header .nav-item>.nav-link{
font-size:clamp(var(--fs-nav-compact),0.95vw,var(--fs-nav))!important;
line-height:var(--lh-ui)!important;
letter-spacing:var(--ls-ui)!important;
font-weight:500!important;
}
.site-header .nav-cta,.site-header .nav-cta .btn{
font-size:var(--fs-nav-compact)!important;
line-height:var(--lh-ui)!important;
}
.site-header .mega-menu .mega-link,.site-header .mega-menu-wide .mega-link{
font-size:var(--fs-mega-link)!important;
line-height:var(--lh-ui)!important;
}
.site-header .mega-menu .mega-menu-title,.site-header .mega-menu-wide .mega-menu-title{
font-size:var(--fs-mega-title)!important;
line-height:var(--lh-ui)!important;
letter-spacing:0.06em!important;
}
.site-header .lang-switcher-btn,.site-header .lang-current-label{
font-size:var(--fs-nav-compact)!important;
line-height:var(--lh-ui)!important;
}
}
@media (min-width:1025px) and (max-width:1280px){
.site-header .nav-item>.nav-link{
font-size:var(--fs-nav-compact)!important;
}
}
@media (max-width:1024px){
.mobile-nav,.mobile-nav-link,.mobile-nav .mega-link,.mobile-nav-section>.mobile-nav-link{
font-size:var(--fs-nav-mobile)!important;
line-height:var(--lh-ui)!important;
}
.mobile-nav-link,.mobile-nav .mega-link{
min-height:44px;
align-items:center;
}
.mobile-nav-section-title,.mobile-nav .mega-menu-title{
font-size:var(--fs-label)!important;
line-height:var(--lh-ui)!important;
letter-spacing:0.08em!important;
}
.site-header .nav-toggle,.site-header .hamburger{
font-size:var(--fs-nav-mobile)!important;
}
}
.answers-hub-filter,.answers-hub-card p{
font-size:var(--fs-body-sm)!important;
line-height:var(--lh-ui)!important;
}
.answers-hub-card h3{
font-size:var(--fs-body)!important;
line-height:var(--lh-ui)!important;
}
.answers-hub-kicker,.answers-hub-card__tag{
font-size:var(--fs-label)!important;
line-height:var(--lh-ui)!important;
}
#answers-hub-count{
min-height:1.5rem;
font-size:var(--fs-body-sm)!important;
line-height:var(--lh-ui)!important;
}
.unled-toc__list a,.unled-toc__list li{
font-size:var(--fs-body-sm)!important;
line-height:var(--lh-ui)!important;
}
.faq-list summary,.faq-list .faq-q{
font-size:var(--fs-body)!important;
line-height:var(--lh-ui)!important;
}
.faq-list .faq-a,.faq-list p{
font-size:var(--fs-body-sm)!important;
line-height:var(--lh-body)!important;
}
.marquee-item{
font-size:var(--fs-body-sm)!important;
line-height:var(--lh-ui)!important;
}
.hero-float,.hero-float span{
font-size:var(--fs-label)!important;
line-height:var(--lh-ui)!important;
}
.card-link-title,a h3.card-link-title,.author-article-title{
font-size:var(--fs-body)!important;
line-height:var(--lh-ui)!important;
}
.section-label,.mega-menu-title,.author-social-header .section-label{
font-size:var(--fs-label)!important;
line-height:var(--lh-ui)!important;
}
/* UNLED_NAV_LIVE_REGRESSION_V23:BEGIN */
/* Order-independent nav contract shared by every locale. */
.site-header,
.site-header .nav-container{
overflow:visible!important;
}
@media (min-width:1025px){
.site-header{
z-index:10000!important;
isolation:isolate!important;
}
.site-header .nav-item>.nav-link{
font-size:clamp(0.875rem,0.95vw,0.9375rem)!important;
line-height:1.45!important;
padding:8px clamp(5px,.6vw,10px)!important;
}
.site-header .nav-links>.nav-item:nth-child(n)>.mega-menu{
transform:translate3d(var(--mega-x,0px),0,0)!important;
}
.site-header .mega-menu .mega-link{
font-size:0.9375rem!important;
line-height:1.45!important;
}
.site-header .mega-menu .mega-menu-title{
font-size:0.8125rem!important;
line-height:1.45!important;
}
}
@media (min-width:1025px) and (max-width:1200px){
.site-header .nav-item>.nav-link{
font-size:0.875rem!important;
padding-inline:4px!important;
}
}
@media (max-width:1024px){
html[dir="rtl"] .mobile-nav.open{
transform:translate3d(0,0,0)!important;
}
}
/* UNLED_NAV_LIVE_REGRESSION_V23:END */
.unled-typography-v24-root{}
html{
--fs-body:1rem;
--fs-body-sm:0.9375rem;
--fs-label:0.8125rem;
--fs-nav:0.9375rem;
--fs-nav-compact:0.875rem;
--fs-nav-mobile:1rem;
--fs-mega-link:0.9375rem;
--fs-mega-title:0.8125rem;
--fs-footer:0.875rem;
--lh-body:1.5;
--lh-ui:1.45;
--ls-ui:0.01em;
--font-sans:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
--font-cjk:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Noto Sans JP","Noto Sans KR",sans-serif;
--font-ar:"Segoe UI",Tahoma,"Noto Sans Arabic","Geeza Pro",Arial,sans-serif;
--font-he:"Segoe UI","Noto Sans Hebrew","Arial Hebrew",Arial,sans-serif;
font-size:100%;
-webkit-text-size-adjust:100%;
text-size-adjust:100%;
}
body{
font-family:var(--font-sans);
font-size:var(--fs-body);
line-height:var(--lh-body);
letter-spacing:var(--ls-ui);
}
html[lang^="ja"] body,
html[lang^="ko"] body,
html[lang^="zh"] body{
font-family:var(--font-sans),var(--font-cjk);
}
html[lang^="ar"] body{
font-family:var(--font-ar);
}
html[lang="he"] body,
html[lang^="he-"] body{
font-family:var(--font-he);
}
main p,main li,main .prose,main .prose p,main .prose li,.article-body p,.article-body li,.blog-body p,.blog-body li,.bv2-desc,.prose-card-text{
font-size:var(--fs-body);
line-height:var(--lh-body);
}
.page-hero .breadcrumb,.page-hero--blog .breadcrumb{
font-size:var(--fs-body-sm)!important;
line-height:var(--lh-ui)!important;
}
.site-footer,.site-footer a,.site-footer p,.site-footer li{
font-size:var(--fs-footer);
line-height:var(--lh-ui);
}
@media (min-width:1025px){
.site-header .nav-item>.nav-link{
font-size:clamp(var(--fs-nav-compact),0.95vw,var(--fs-nav))!important;
line-height:var(--lh-ui)!important;
letter-spacing:var(--ls-ui)!important;
font-weight:500!important;
}
.site-header .nav-cta,.site-header .nav-cta .btn{
font-size:var(--fs-nav-compact)!important;
line-height:var(--lh-ui)!important;
}
.site-header .mega-menu .mega-link,.site-header .mega-menu-wide .mega-link{
font-size:var(--fs-mega-link)!important;
line-height:var(--lh-ui)!important;
}
.site-header .mega-menu .mega-menu-title,.site-header .mega-menu-wide .mega-menu-title{
font-size:var(--fs-mega-title)!important;
line-height:var(--lh-ui)!important;
letter-spacing:0.06em!important;
}
.site-header .lang-switcher-btn,.site-header .lang-current-label{
font-size:var(--fs-nav-compact)!important;
line-height:var(--lh-ui)!important;
}
}
@media (min-width:1025px) and (max-width:1280px){
.site-header .nav-item>.nav-link{
font-size:var(--fs-nav-compact)!important;
}
}
@media (max-width:1024px){
.mobile-nav,.mobile-nav-link,.mobile-nav .mega-link,.mobile-nav-section>.mobile-nav-link{
font-size:var(--fs-nav-mobile)!important;
line-height:var(--lh-ui)!important;
}
.mobile-nav-link,.mobile-nav .mega-link{
min-height:44px;
align-items:center;
}
.mobile-nav-section-title,.mobile-nav .mega-menu-title{
font-size:var(--fs-label)!important;
line-height:var(--lh-ui)!important;
letter-spacing:0.08em!important;
}
.site-header .nav-toggle,.site-header .hamburger{
font-size:var(--fs-nav-mobile)!important;
}
}
.answers-hub-filter,.answers-hub-card p{
font-size:var(--fs-body-sm)!important;
line-height:var(--lh-ui)!important;
}
.answers-hub-card h3{
font-size:var(--fs-body)!important;
line-height:var(--lh-ui)!important;
}
.answers-hub-kicker,.answers-hub-card__tag{
font-size:var(--fs-label)!important;
line-height:var(--lh-ui)!important;
}
#answers-hub-count{
min-height:1.5rem;
font-size:var(--fs-body-sm)!important;
line-height:var(--lh-ui)!important;
}
.unled-toc__list a,.unled-toc__list li{
font-size:var(--fs-body-sm)!important;
line-height:var(--lh-ui)!important;
}
.faq-list summary,.faq-list .faq-q{
font-size:var(--fs-body)!important;
line-height:var(--lh-ui)!important;
}
.faq-list .faq-a,.faq-list p{
font-size:var(--fs-body-sm)!important;
line-height:var(--lh-body)!important;
}
.marquee-item{
font-size:var(--fs-body-sm)!important;
line-height:var(--lh-ui)!important;
}
.hero-float,.hero-float span{
font-size:var(--fs-label)!important;
line-height:var(--lh-ui)!important;
}
.card-link-title,a h3.card-link-title,.author-article-title{
font-size:var(--fs-body)!important;
line-height:var(--lh-ui)!important;
}
.section-label,.mega-menu-title,.author-social-header .section-label{
font-size:var(--fs-label)!important;
line-height:var(--lh-ui)!important;
}
.unled-conversion-chrome-v25{}
#unled-tip-layer{
position:fixed;
inset:0;
z-index:10050;
pointer-events:none;
}
.unled-tip-bubble{
position:fixed;
max-width:min(300px,calc(100vw - 24px));
padding:10px 14px;
border-radius:10px;
background:#0b1220;
border:1px solid rgba(96,165,250,.45);
color:#cbd5e1;
font-size:0.875rem;
line-height:1.5;
box-shadow:0 12px 28px rgba(0,0,0,.45);
pointer-events:auto;
overflow-wrap:anywhere;
}
.unled-tip-bubble--hero{max-width:min(320px,calc(100vw - 24px))}
.unled-tip-bubble .info-tip-more{
display:block;
margin-top:8px;
color:#60a5fa;
font-weight:600;
font-size:0.8125rem;
text-decoration:none;
}
.info-tip .info-tip-content,.hero-float .hf-tooltip{
position:absolute!important;
width:1px!important;
height:1px!important;
padding:0!important;
margin:-1px!important;
overflow:hidden!important;
clip:rect(0,0,0,0)!important;
white-space:nowrap!important;
border:0!important;
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
}
.info-tip{
position:relative;
display:inline;
vertical-align:baseline;
white-space:normal;
}
.info-tip .info-mark{
display:inline-flex;
align-items:center;
justify-content:center;
width:15px;
height:15px;
margin-inline-start:3px;
font-size:10px;
font-weight:700;
font-style:normal;
color:#fff;
background:#3b82f6;
border-radius:50%;
line-height:1;
vertical-align:middle;
flex-shrink:0;
}
.feature-check-list,.feature-check-list li{
overflow:visible!important;
min-width:0;
}
.feature-check-list li{
flex-wrap:wrap;
align-items:flex-start;
line-height:1.5;
}
.hero-text-col,.page-hero-content,.page-hero .container{
min-width:0;
overflow:visible;
}
.page-hero-content{
display:grid!important;
grid-template-columns:minmax(0,1.08fr) minmax(0,0.92fr)!important;
gap:clamp(24px,4vw,48px)!important;
align-items:center!important;
}
@media (max-width:900px){
.page-hero-content{
grid-template-columns:1fr!important;
}
.page-hero-content .hero-img-illustration{
order:-1;
max-height:280px;
object-fit:contain;
}
}
.what-you-get-section,.what-you-get-section .container{
overflow:hidden;
}
.wyg-grid{
align-items:stretch;
grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));
}
.wyg-card{
display:flex;
flex-direction:column;
height:100%;
min-height:100%;
overflow:hidden;
transform:none!important;
}
.wyg-card:hover{
transform:none!important;
box-shadow:0 8px 28px rgba(59,130,246,.12);
border-color:var(--border-hover,rgba(59,130,246,.35));
}
.wyg-label,.wyg-desc{
overflow-wrap:anywhere;
word-break:break-word;
}
.prose-card-item,.benefit-v2-card{
overflow:hidden;
min-width:0;
}
.benefit-v2-card:hover,.prose-card-item:hover{
transform:none!important;
}
.site-header .nav-container{
align-items:center!important;
}
.site-header .nav-actions .nav-contact{
font-size:0.875rem!important;
padding:8px 12px!important;
white-space:nowrap;
}
@media (max-width:1200px){
.site-header .nav-actions .nav-contact{display:none!important}
}
.unled-money-hero-v47{}
main:has(.intent-triplet) .page-hero-content.money-hero-grid,
main:has(.intent-triplet) .page-hero-content.hero-split,
main:has(.intent-triplet) .page-hero-content[style*="grid"]{
display:grid!important;
grid-template-columns:minmax(0,1fr) 380px!important;
gap:clamp(20px,3vw,36px)!important;
align-items:center!important;
max-width:1180px!important;
width:100%!important;
margin-inline:auto;
box-sizing:border-box;
min-height:0!important;
height:auto!important;
overflow:visible!important;
}
main:has(.intent-triplet) .page-hero-content.money-hero-grid>.hero-text-col,
main:has(.intent-triplet) .page-hero-content .hero-text-col{
display:flex!important;
flex-direction:column!important;
align-items:stretch!important;
align-self:center!important;
width:100%!important;
max-width:none!important;
min-width:0!important;
grid-column:1!important;
grid-row:1!important;
}
main:has(.intent-triplet) .page-hero-content.money-hero-grid>.money-hero-visual-wrap{
grid-column:2!important;
grid-row:1!important;
}
main:has(.intent-triplet) .hero-text-col>.sp-bar{align-self:flex-start;margin-bottom:12px!important}
main:has(.intent-triplet) .hero-text-col>.section-label{margin:0!important;display:block!important}
main:has(.intent-triplet) .hero-text-col>h1{
margin:12px 0 0!important;
width:100%!important;
max-width:none!important;
line-height:1.15!important;
}
main:has(.intent-triplet) .hero-text-col>p,
main:has(.intent-triplet) .hero-text-col .money-hero-lead,
main:has(.intent-triplet) .hero-text-col .hero-lead{
font-size:18px!important;
color:#94a3b8!important;
margin:16px 0 0!important;
max-width:none!important;
width:100%!important;
}
main:has(.intent-triplet) .hero-text-col .feature-check-list{
list-style:none!important;
padding:0!important;
margin:12px 0 0!important;
display:flex!important;
flex-direction:column!important;
gap:8px!important;
width:100%!important;
max-width:none!important;
}
main:has(.intent-triplet) .hero-text-col .feature-check-list li{
display:flex!important;
align-items:flex-start!important;
gap:10px!important;
width:100%!important;
max-width:none!important;
margin:0!important;
padding:0!important;
flex-wrap:nowrap!important;
}
main:has(.intent-triplet) .hero-text-col .feature-check-list li .info-tip{
display:inline-flex!important;
vertical-align:baseline!important;
}
main:has(.intent-triplet) .hero-text-col .btn-group{
display:flex!important;
flex-direction:row!important;
flex-wrap:wrap!important;
align-items:center!important;
gap:12px!important;
margin-top:16px!important;
width:100%!important;
}
main:has(.intent-triplet) .money-hero-visual-wrap{
position:relative;
display:flex;
align-items:center;
justify-content:center;
grid-column:2;
grid-row:1;
width:380px;
max-width:380px;
min-width:380px;
height:320px;
min-height:320px;
max-height:320px;
margin:0;
padding:0;
background:transparent;
pointer-events:none;
flex:0 0 380px;
box-sizing:border-box;
overflow:visible;
}
main:has(.intent-triplet) .money-hero-visual-wrap::before{
content:"";
position:absolute;
left:50%;
top:52%;
transform:translate(-50%,-50%);
width:94%;
height:84%;
background:radial-gradient(ellipse at center,rgba(59,130,246,.32) 0%,rgba(139,92,246,.16) 36%,transparent 66%);
filter:blur(44px);
z-index:0;
pointer-events:none;
}
main:has(.intent-triplet) .money-hero-visual-wrap::after{
content:"";
position:absolute;
inset:-6%;
background:radial-gradient(ellipse 94% 90% at 50% 50%,transparent 36%,rgba(4,7,25,.62) 70%,#040719 100%);
z-index:2;
pointer-events:none;
}
main:has(.intent-triplet) img.hero-img-illustration,
main:has(.intent-triplet) img.money-hero-visual,
main:has(.intent-triplet) .money-hero-visual-wrap img,
main:has(.intent-triplet) .page-hero-content>.hero-img-illustration{
position:relative;
z-index:1;
display:block!important;
width:100%!important;
max-width:100%!important;
height:100%!important;
max-height:100%!important;
min-height:0!important;
margin:0!important;
padding:0!important;
background:transparent!important;
border:none!important;
border-radius:0!important;
box-shadow:none!important;
outline:none!important;
object-fit:contain!important;
object-position:center 50%!important;
-webkit-mask-image:radial-gradient(ellipse 84% 78% at 50% 48%,#000 44%,rgba(0,0,0,.92) 68%,transparent 100%)!important;
mask-image:radial-gradient(ellipse 84% 78% at 50% 48%,#000 44%,rgba(0,0,0,.92) 68%,transparent 100%)!important;
filter:saturate(1.14) contrast(1.08) brightness(1.07)!important;
mix-blend-mode:screen!important;
transform:scale(1.14)!important;
transition:none!important;
}
main:has(.intent-triplet) .page-hero-content .hero-img-illustration,
main:has(.intent-triplet) .page-hero-content img.hero-img-illustration{
order:unset!important;
}
main:has(.intent-triplet) img.hero-img-illustration:hover,
main:has(.intent-triplet) .money-hero-visual-wrap img:hover,
main:has(.intent-triplet) img.money-hero-visual:hover{
transform:scale(1.14)!important;
box-shadow:none!important;
filter:saturate(1.14) contrast(1.08) brightness(1.07)!important;
}
main:has(.intent-triplet) .product-hero-photo,
main:has(.intent-triplet) .product-hero-photo-img{
background:transparent!important;
border:none!important;
border-radius:0!important;
box-shadow:none!important;
padding:0!important;
}
@media (min-width:901px){
main:has(.intent-triplet) .page-hero-content.money-hero-grid,
main:has(.intent-triplet) .page-hero-content.hero-split,
main:has(.intent-triplet) .page-hero-content[style*="grid"]{
grid-template-columns:minmax(0,1fr) 380px!important;
}
main:has(.intent-triplet) .money-hero-visual-wrap,
main:has(.intent-triplet) .page-hero-content>.hero-img-illustration{
grid-column:2!important;
grid-row:1!important;
justify-self:end;
align-self:center;
width:380px!important;
max-width:380px!important;
min-width:380px!important;
height:320px!important;
min-height:320px!important;
max-height:320px!important;
}
}
main:has(.intent-triplet) .hero-grid img,
main:has(.intent-triplet) .hero-visual img{
background:transparent!important;
border:none!important;
border-radius:0!important;
box-shadow:none!important;
-webkit-mask-image:radial-gradient(ellipse 88% 82% at 50% 48%,#000 58%,rgba(0,0,0,.85) 78%,transparent 100%)!important;
mask-image:radial-gradient(ellipse 88% 82% at 50% 48%,#000 58%,rgba(0,0,0,.85) 78%,transparent 100%)!important;
filter:saturate(1.08) contrast(1.04) brightness(1.03)!important;
mix-blend-mode:screen!important;
}
@media (max-width:900px){
main:has(.intent-triplet) .page-hero-content.money-hero-grid,
main:has(.intent-triplet) .page-hero-content.hero-split{
grid-template-columns:1fr!important;
grid-template-rows:auto auto!important;
gap:20px!important;
align-items:stretch!important;
}
main:has(.intent-triplet) .page-hero-content .hero-text-col{
order:1!important;
grid-column:1!important;
grid-row:1!important;
z-index:2!important;
position:relative!important;
}
main:has(.intent-triplet) .money-hero-visual-wrap,
main:has(.intent-triplet) .page-hero-content>img.hero-img-illustration{
order:2!important;
grid-column:1!important;
grid-row:2!important;
width:280px!important;
max-width:280px!important;
min-width:280px!important;
height:220px!important;
min-height:220px!important;
max-height:220px!important;
margin-inline:auto!important;
margin-top:4px!important;
z-index:1!important;
}
main:has(.intent-triplet) img.hero-img-illustration,
main:has(.intent-triplet) .money-hero-visual-wrap img{
width:100%!important;
height:100%!important;
max-height:100%!important;
mix-blend-mode:screen!important;
transform:scale(1.1)!important;
}
main:has(.intent-triplet) section.page-hero{
padding-bottom:24px!important;
min-height:0!important;
}
}
.unled-contact-v50{}
main.contact-page{padding-bottom:48px}
main.contact-page .page-hero.contact-hero,main.contact-page .page-hero{padding-top:clamp(24px,4vw,40px);padding-bottom:clamp(32px,5vw,48px)}
main.contact-page .contact-main{padding-top:clamp(32px,5vw,56px);padding-bottom:clamp(48px,6vw,72px)}
main.contact-page .contact-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:clamp(24px,4vw,40px);align-items:center;max-width:1180px;margin-inline:auto;width:100%}
main.contact-page .contact-hero-visual-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:380px;max-width:100%;min-height:320px;height:320px;isolation:isolate;flex-shrink:0}
main.contact-page .contact-hero-visual-wrap::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:75%;height:70%;background:radial-gradient(ellipse at center,rgba(59,130,246,.2) 0%,rgba(139,92,246,.08) 45%,transparent 72%);filter:blur(34px);z-index:0;pointer-events:none}
main.contact-page .contact-hero-img{position:relative;z-index:1;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;mix-blend-mode:lighten;-webkit-mask-image:radial-gradient(ellipse 90% 85% at 50% 46%,#000 52%,rgba(0,0,0,.88) 74%,transparent 100%);mask-image:radial-gradient(ellipse 90% 85% at 50% 46%,#000 52%,rgba(0,0,0,.88) 74%,transparent 100%);filter:saturate(1.1) contrast(1.05) brightness(1.04)}
main.contact-page .contact-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
main.contact-page .contact-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(280px,400px);gap:clamp(32px,5vw,56px);align-items:start}
main.contact-page .contact-form-col h2,main.contact-page .contact-sidebar h2{font-size:clamp(1.35rem,2vw,1.5rem);margin-bottom:8px;line-height:1.25}
main.contact-page .contact-intro{color:var(--text-secondary,#94a3b8);margin-bottom:20px;line-height:1.6;max-width:62ch}
main.contact-page .contact-trust-strip{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
main.contact-page .contact-trust-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:13px;line-height:1.35}
main.contact-page .contact-trust-pill--green{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.25);color:#86efac}
main.contact-page .contact-trust-pill--blue{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.25);color:#93c5fd}
main.contact-page .contact-trust-pill--purple{background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.25);color:#c4b5fd}
main.contact-page .contact-form .form-row-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
main.contact-page .contact-form .form-label{font-weight:600}
main.contact-page .contact-form .form-input,main.contact-page .contact-form .form-select,main.contact-page .contact-form .form-textarea{min-height:44px;width:100%}
main.contact-page .contact-form .form-input:focus,main.contact-page .contact-form .form-select:focus,main.contact-page .contact-form .form-textarea:focus{outline:2px solid var(--accent-blue,#3b82f6);outline-offset:2px;border-color:var(--border-hover,rgba(59,130,246,.35))}
main.contact-page .contact-channel-list{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:16px}
main.contact-page .contact-channel{display:flex;align-items:center;gap:16px;padding:20px;text-decoration:none;color:inherit;border-radius:var(--radius-lg,16px);background:var(--bg-card,#0f172a);border:1px solid var(--border,rgba(255,255,255,.07));transition:border-color .2s ease,background .2s ease}
main.contact-page .contact-channel:hover{border-color:var(--border-hover,rgba(59,130,246,.35));background:var(--bg-card-hover,#1e293b)}
main.contact-page .contact-channel:focus-visible{outline:2px solid var(--accent-blue,#3b82f6);outline-offset:2px;border-color:var(--border-hover,rgba(59,130,246,.35))}
main.contact-page .contact-channel-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
main.contact-page .contact-channel-icon--telegram{background:rgba(55,174,226,.15)}
main.contact-page .contact-channel-icon--whatsapp{background:rgba(37,211,102,.15)}
main.contact-page .contact-channel-icon--email{background:rgba(59,130,246,.15)}
main.contact-page .contact-channel-body{display:flex;flex-direction:column;gap:2px;min-width:0}
main.contact-page .contact-channel-title{font-weight:700;margin-bottom:2px}
main.contact-page .contact-channel-value{font-size:14px;color:var(--accent-blue-light,#60a5fa)}
main.contact-page .contact-channel-value--wa{color:#25D366}
main.contact-page .contact-channel-note{font-size:13px;color:var(--text-muted,#7d8da3);margin-top:4px}
main.contact-page .contact-expect{padding:24px}
main.contact-page .contact-expect h3{margin:0 0 16px;font-size:1.1rem}
main.contact-page .contact-expect-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
main.contact-page .contact-expect-list li{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.5}
main.contact-page .contact-expect-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:7px}
main.contact-page .contact-status{margin-top:20px;padding:20px;border-radius:var(--radius-lg,16px);line-height:1.5}
main.contact-page .contact-status[hidden]{display:none!important}
main.contact-page .contact-status--success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#86efac}
main.contact-page .contact-status--error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#fca5a5}
main.contact-page .contact-privacy-note{font-size:13px;color:var(--text-muted,#7d8da3);margin-bottom:16px;line-height:1.5}
main.contact-page .contact-privacy-note a{color:var(--accent-blue-light,#60a5fa);text-decoration:underline}
main.contact-page .contact-sidebar h2{margin-bottom:24px}
main.contact-page .contact-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
[dir=rtl] main.contact-page .contact-channel{flex-direction:row-reverse;text-align:right}
[dir=rtl] main.contact-page .contact-expect-list li{flex-direction:row-reverse;text-align:right}
@media (max-width:900px){
main.contact-page .contact-hero-grid{grid-template-columns:1fr;gap:20px}
main.contact-page .contact-hero-visual-wrap{width:280px;height:220px;min-height:220px;margin-inline:auto;order:-1}
main.contact-page .contact-layout{grid-template-columns:1fr}
main.contact-page .contact-sidebar{order:-1}
main.contact-page .contact-form .form-row-2{grid-template-columns:1fr}
}
.unled-contact-v53{}
main.contact-page .contact-hero-actions{align-items:flex-start}
@media (max-width:640px){
main.contact-page .contact-hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:100%}
main.contact-page .contact-hero-actions .btn{width:100%!important;max-width:100%;min-width:0;min-height:44px;padding:11px 14px!important;font-size:14px!important;border-radius:10px!important;justify-content:center;box-sizing:border-box}
main.contact-page .contact-hero-actions .btn.btn-telegram{background:linear-gradient(135deg,#229ed9,#0b86c4)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;box-shadow:0 6px 18px -8px rgba(34,158,217,.55)!important}
main.contact-page .contact-hero-actions .btn.btn-whatsapp{background:linear-gradient(135deg,#25d366,#128c4a)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;box-shadow:0 6px 18px -8px rgba(37,211,102,.55)!important}
main.contact-page .contact-channel{padding:14px 16px;gap:12px}
main.contact-page .contact-channel-icon{width:40px;height:40px;border-radius:10px}
main.contact-page .contact-channel-note{font-size:12px;margin-top:2px}
}
.unled-guides-hero-v56{}
.page-hero-content:has(.guides-hero-visual-wrap){
grid-template-columns:minmax(0,1.06fr) minmax(0,0.94fr)!important;
align-items:center!important;
}
.guides-hero-visual-wrap{
position:relative;
display:flex;
align-items:center;
justify-content:center;
width:100%;
max-width:100%;
min-height:clamp(180px,26vw,280px);
margin-inline:auto;
isolation:isolate;
overflow:visible;
}
.guides-hero-visual-wrap::before{
content:"";
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
width:min(100%,460px);
height:min(88%,260px);
background:radial-gradient(ellipse at 50% 50%,rgba(59,130,246,.2) 0%,rgba(139,92,246,.1) 45%,transparent 74%);
filter:blur(34px);
z-index:0;
pointer-events:none;
}
.guides-hero-visual-wrap picture{
position:relative;
z-index:1;
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
}
.guides-hero-visual-wrap img.guides-index-hero-img,
.guides-hero-visual-wrap .hero-img-illustration{
display:block;
width:100%;
height:auto;
max-width:100%;
max-height:clamp(200px,30vw,300px);
object-fit:contain;
object-position:center center;
margin:0 auto;
}
@media (max-width:900px){
.page-hero-content:has(.guides-hero-visual-wrap) .guides-hero-visual-wrap{
order:-1!important;
max-width:min(100%,520px)!important;
min-height:clamp(150px,40vw,220px)!important;
}
.guides-hero-visual-wrap img.guides-index-hero-img,
.guides-hero-visual-wrap .hero-img-illustration{
max-height:min(48vw,240px)!important;
}
}
html[dir=rtl] .guides-hero-visual-wrap img.guides-index-hero-img{
object-position:center center;
}
.mobile-nav-title-link.active,
.mobile-nav-link.active,
.mobile-nav-link[aria-current="page"]{
color:#fff!important;
text-decoration:underline!important;
text-decoration-color:rgba(96,165,250,.85)!important;
text-underline-offset:3px!important;
text-decoration-thickness:2px!important;
}
.unled-mobile-nav-cta-v57{}
@media (max-width:1024px){
.mobile-nav-actions{
display:flex!important;
flex-direction:row!important;
flex-wrap:nowrap!important;
align-items:stretch!important;
gap:8px!important;
width:100%!important;
max-width:100%!important;
margin-top:16px!important;
padding:12px 16px max(12px,env(safe-area-inset-bottom))!important;
position:sticky!important;
bottom:0!important;
background:linear-gradient(180deg,transparent 0%,#040719 18%,#040719 100%)!important;
border-top:1px solid rgba(255,255,255,.06)!important;
box-sizing:border-box!important;
z-index:3!important;
}
.mobile-nav-actions .nav-cta,
.mobile-nav-actions a.nav-cta{display:none!important}
.mobile-nav-actions .btn,
.mobile-nav-actions .nav-cta-mobile,
.mobile-nav-actions .nav-contact-mobile,
.mobile-nav-actions .mobile-nav-cta-consult,
.mobile-nav-actions .mobile-nav-cta-contact{
flex:1 1 0!important;
width:auto!important;
max-width:none!important;
min-width:0!important;
min-height:38px!important;
max-height:42px!important;
padding:7px 10px!important;
font-size:12px!important;
font-weight:600!important;
line-height:1.15!important;
gap:5px!important;
border-radius:8px!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
margin:0!important;
justify-content:center!important;
align-items:center!important;
}
.mobile-nav-actions .btn span{
overflow:hidden!important;
text-overflow:ellipsis!important;
min-width:0!important;
}
.mobile-nav-actions .mobile-nav-btn-icon{
width:15px!important;
height:15px!important;
flex-shrink:0!important;
}
.mobile-nav{padding-bottom:0!important}
}
.unled-nav-active-v57{}
@media (min-width:1025px){
.site-header .nav-item>.nav-link.active{
color:#fff!important;
}
}
.mobile-nav-title-link.active,
.mobile-nav-link.active,
.mobile-nav-link[aria-current="page"]{
color:#fff!important;
text-decoration:underline!important;
text-decoration-color:rgba(96,165,250,.85)!important;
text-underline-offset:3px!important;
text-decoration-thickness:2px!important;
}
.unled-layout-health-v58{}
body.ai-page{overflow-x:clip!important;overflow-y:auto!important;height:auto!important;min-height:100dvh!important;display:flex!important;flex-direction:column!important}
body.ai-page .site-footer{display:block!important;flex-shrink:0!important}
body.ai-page .ai-shell,body.ai-page .ai-app{flex:1 1 auto!important;min-height:min(520px,calc(100dvh - var(--ai-header-h,var(--nav-height,72px)) - 200px))!important;height:auto!important;max-height:none!important;overflow:hidden!important;padding-top:0!important}
.page-hero:not(.guides-index-hero){padding-top:calc(var(--header-offset,88px) + 20px)!important;padding-bottom:44px!important}
.page-hero .container{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important}
.page-hero .breadcrumb{position:relative!important;margin:0 0 4px!important;width:100%!important}
.page-hero-content{width:100%!important;max-width:760px!important}
.prose-card-item{align-items:flex-start!important;min-width:0!important;overflow:hidden!important}
.prose-card-body{min-width:0!important;flex:1 1 auto!important}
.prose-card-title,.prose-card-text,.bv2-title,.bv2-desc{overflow-wrap:anywhere!important;word-break:break-word!important}
.prose-card-num{flex-shrink:0!important}
.cmpx-strip{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;align-items:stretch!important}
.cmpx-strip-item{min-width:0!important;text-align:center!important;padding:14px 10px!important}
.cmpx-strip-l{display:block!important;overflow-wrap:anywhere!important;word-break:break-word!important;font-size:12px!important;line-height:1.35!important}
@media (max-width:900px){.cmpx-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:520px){.cmpx-strip{grid-template-columns:1fr!important}}
.unled-nav-tagline-v59{}
.site-header{overflow-x:visible!important;overflow-y:visible!important}
.site-header .nav-container,.site-header .nav-container .nav-logo,body .site-header .nav-container .nav-logo{overflow:visible!important}
.site-header .nav-container .nav-logo,body .site-header .nav-container .nav-logo{position:relative!important;display:inline-flex!important;flex-direction:column!important;align-items:center!important;align-self:center!important;width:auto!important;min-width:0!important;max-width:none!important;flex-shrink:0!important;padding:0!important;margin:0!important;text-decoration:none!important;isolation:isolate!important}
.site-header .nav-container .nav-logo img,body .site-header .nav-container .nav-logo img{height:32px!important;width:auto!important;max-width:min(200px,38vw)!important;display:block!important;flex-shrink:0!important;margin:0!important;object-fit:contain!important}
@media (min-width:1025px){
.site-header .nav-container .nav-logo-tagline,body .site-header .nav-container .nav-logo-tagline,.site-header .nav-logo-tagline{display:block!important}
.site-header .nav-container .nav-logo-tagline,body .site-header .nav-container .nav-logo-tagline{position:absolute!important;top:calc(100% + 4px)!important;left:50%!important;transform:translateX(-50%) translateY(6px)!important;width:max-content!important;max-width:min(440px,calc(100vw - 48px))!important;margin:0!important;padding:0 6px!important;font-size:10.5px!important;font-weight:600!important;color:#a8b8d0!important;line-height:1.35!important;white-space:nowrap!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;z-index:1002!important;transition:opacity .22s ease,transform .22s ease,visibility 0s .22s!important;text-align:center!important;letter-spacing:.01em!important;overflow:visible!important}
.site-header .nav-container .nav-logo-tagline .tg-chevron,body .site-header .nav-container .nav-logo-tagline .tg-chevron{display:none!important}
}
@media (hover:hover) and (pointer:fine) and (min-width:1025px){
.site-header .nav-container .nav-logo:hover .nav-logo-tagline,.site-header .nav-container .nav-logo:focus-within .nav-logo-tagline,body .site-header .nav-container .nav-logo:hover .nav-logo-tagline,body .site-header .nav-container .nav-logo:focus-within .nav-logo-tagline{opacity:.95!important;visibility:visible!important;transform:translateX(-50%) translateY(0)!important;transition:opacity .22s ease,transform .22s ease,visibility 0s!important}
}
@media (max-width:1024px){
.site-header .nav-container .nav-logo-tagline,body .site-header .nav-container .nav-logo-tagline,.site-header .nav-logo-tagline{display:none!important}
}
.unled-contact-hero-v59{}
main.contact-page .contact-hero-visual-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:420px;min-height:clamp(200px,28vw,320px);margin-inline:auto;isolation:isolate;overflow:visible;flex-shrink:0}
main.contact-page .contact-hero-visual-wrap::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(100%,400px);height:min(88%,280px);background:radial-gradient(ellipse at 50% 50%,rgba(59,130,246,.22) 0%,rgba(139,92,246,.1) 45%,transparent 74%);filter:blur(34px);z-index:0;pointer-events:none}
main.contact-page .contact-hero-visual-wrap picture{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}
main.contact-page .contact-hero-img,main.contact-page .contact-hero-visual-wrap img{display:block;width:100%;height:auto;max-width:100%;max-height:clamp(200px,30vw,300px);object-fit:contain;object-position:center center;margin:0 auto;mix-blend-mode:normal!important;filter:none!important;-webkit-mask-image:none!important;mask-image:none!important}
main.contact-page .contact-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,420px)!important;align-items:center!important}
@media (max-width:900px){
main.contact-page .contact-hero-visual-wrap{order:-1!important;max-width:min(100%,360px)!important;min-height:clamp(160px,42vw,240px)!important}
main.contact-page .contact-hero-img,main.contact-page .contact-hero-visual-wrap img{max-height:min(46vw,240px)!important}
}
.unled-contact-hero-v60{}
main.contact-page .page-hero .hero-img-illustration,main.contact-page .contact-hero-img,main.contact-page .contact-hero-visual-wrap img{mix-blend-mode:normal!important;-webkit-mask-image:none!important;mask-image:none!important;filter:none!important;background:transparent!important}
main.contact-page .contact-hero-visual-wrap::before{opacity:.55!important;width:min(88%,360px)!important;height:min(80%,240px)!important}
main.contact-page .page-hero-content.contact-hero-grid,main.contact-page .page-hero-content[style*="display:grid"]{max-width:1180px!important;width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,420px)!important;gap:clamp(24px,4vw,40px)!important;align-items:center!important}
.unled-hero-visual-v61{}
.page-hero-visual-wrap,.hero-grid>.page-hero-visual-wrap{
position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:420px;min-height:clamp(180px,26vw,300px);margin-inline:auto;isolation:isolate;overflow:visible;flex-shrink:0
}
.page-hero-visual-wrap::before,.hero-grid>.page-hero-visual-wrap::before{
content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(88%,360px);height:min(80%,240px);background:radial-gradient(ellipse at 50% 50%,rgba(59,130,246,.22) 0%,rgba(139,92,246,.1) 45%,transparent 74%);filter:blur(34px);opacity:.55;z-index:0;pointer-events:none
}
.page-hero-visual-wrap picture,.hero-grid>.page-hero-visual-wrap picture{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.page-hero-visual-wrap img.hero-img-illustration,.hero-grid>.page-hero-visual-wrap img.hero-img-illustration{
display:block;width:100%;height:auto;max-width:100%;max-height:clamp(200px,30vw,300px);object-fit:contain;object-position:center;margin:0 auto;
mix-blend-mode:normal!important;filter:none!important;-webkit-mask-image:none!important;mask-image:none!important;background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important
}
.page-hero-content:has(.page-hero-visual-wrap),.hero-grid:has(.page-hero-visual-wrap){
display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,420px)!important;gap:clamp(24px,4vw,40px)!important;align-items:center!important;max-width:1180px!important;width:100%!important;margin-inline:auto!important
}
@media (max-width:900px){
.page-hero-content:has(.page-hero-visual-wrap) .page-hero-visual-wrap,.hero-grid:has(.page-hero-visual-wrap) .page-hero-visual-wrap{order:-1!important;max-width:min(100%,360px)!important;min-height:clamp(160px,42vw,240px)!important}
.page-hero-visual-wrap img.hero-img-illustration,.hero-grid>.page-hero-visual-wrap img.hero-img-illustration{max-height:min(46vw,240px)!important}
}
.unled-nav-primary-bold-v70{}
.site-header .nav-links>.nav-item>.nav-link[aria-haspopup="true"]{font-weight:700!important;color:#f1f5f9!important;letter-spacing:.01em!important}
.site-header .nav-links>.nav-item>.nav-link[aria-haspopup="true"]:hover{color:#fff!important}
.mobile-nav-title-link{font-weight:700!important;color:#f1f5f9!important;font-size:14px!important;letter-spacing:.01em!important}
.mobile-nav-title-link:hover,.mobile-nav-title-link:focus-visible{color:#60a5fa!important}
@media (min-width:1025px){
.site-header .nav-container .nav-logo-tagline,body .site-header .nav-container .nav-logo-tagline{max-width:min(440px,calc(100vw - 48px))!important;overflow:visible!important}
}
.avatar-author-svg{display:block;object-fit:cover;border-radius:18px;background:rgba(15,23,42,.35);border:1px solid rgba(255,255,255,.08)}
a.card>.avatar-author-svg,.authors-grid .avatar-author-svg{width:72px;height:72px;margin-bottom:12px;border-radius:18px}
.post-byline-avatar .avatar-author-svg,.post-byline-avatar img.avatar-author-svg{width:100%;height:100%;border-radius:50%;border:none;background:transparent}
.unled-comments__avatar--author .avatar-author-svg,.unled-comments__avatar--author img.comment-avatar-author{width:36px;height:36px;border-radius:50%;border:1px solid rgba(96,165,250,.28);background:transparent}
.author-hero-photo.avatar-author-svg{border-radius:24px!important;border:1px solid rgba(255,255,255,.1)!important;background:rgba(15,23,42,.25)!important}
/* UNLED_NAV_MEGA_OVERFLOW_V18:BEGIN */
/* v18: mega-menu viewport containment — no border spill (Services/Platforms/Resources/Industries) */
.site-header{
width:100%!important;
max-width:100vw!important;
box-sizing:border-box!important;
overflow-x:clip!important;
overflow-y:visible!important;
}
.site-header .nav-container{
width:100%!important;
max-width:min(var(--max-width,1280px),calc(100vw - 8px))!important;
box-sizing:border-box!important;
overflow:visible!important;
display:grid!important;
align-items:center!important;
column-gap:clamp(6px,1vw,16px)!important;
padding-inline:clamp(8px,1.2vw,20px)!important;
}
@media (min-width:1025px){
.site-header .nav-container{
grid-template-columns:minmax(100px,auto) minmax(0,1fr) auto!important;
grid-template-areas:"logo nav actions"!important;
}
}
.site-header .nav-logo{
grid-area:logo!important;
justify-self:start!important;
flex-shrink:1!important;
min-width:0!important;
max-width:min(200px,22vw)!important;
}
.site-header .nav-links{
grid-area:nav!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
justify-self:stretch!important;
min-width:0!important;
max-width:100%!important;
margin:0!important;
padding:0!important;
gap:clamp(0px,0.25vw,2px)!important;
overflow:visible!important;
flex-wrap:nowrap!important;
}
.site-header .nav-links>.nav-item{
flex:0 1 auto!important;
min-width:0!important;
position:relative!important;
}
.site-header .nav-actions{
grid-area:actions!important;
justify-self:end!important;
flex-shrink:0!important;
min-width:0!important;
position:relative!important;
z-index:1320!important;
}
@media (min-width:1025px){
.site-header .nav-links{display:flex!important}
.site-header .nav-mobile-toggle{display:none!important;visibility:hidden!important;pointer-events:none!important}
.site-header .nav-item>.nav-link{
white-space:nowrap!important;
font-size:clamp(11px,0.82vw,14px)!important;
padding:8px clamp(3px,0.45vw,9px)!important;
line-height:1.2!important;
min-height:40px!important;
max-width:100%!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.site-header .nav-cta{
font-size:clamp(11px,0.78vw,13px)!important;
padding:8px clamp(8px,0.9vw,16px)!important;
white-space:nowrap!important;
}
}
@media (min-width:1025px) and (max-width:1200px){
.site-header .nav-item>.nav-link{font-size:11px!important;padding:8px 2px!important;letter-spacing:-0.01em!important}
.site-header .nav-cta{font-size:11px!important;padding:7px 8px!important}
.site-header .nav-logo img{height:26px!important}
.site-header .nav-logo-tagline,.site-header .lang-current-label{display:none!important}
.site-header .lang-switcher-btn{padding:8px 8px!important}
.site-header .nav-cta .btn-text{display:none!important}
}
@media (min-width:1025px) and (max-width:1399px){
.site-header .nav-logo-tagline{display:none!important}
}
@media (min-width:1025px){
/* All mega panels: never wider than viewport.
v22 Fix B+C: top flush to trigger (no dead hover gap) and NO overflow
clipping on the panel itself: a scroll container clips the absolutely
positioned hover-bridge pseudo-elements, which made links unclickable. */
.site-header .mega-menu,
.site-header .mega-menu-wide{
position:absolute!important;
top:100%!important;
min-width:0!important;
max-width:min(920px,calc(100vw - 24px))!important;
width:min(920px,calc(100vw - 24px))!important;
box-sizing:border-box!important;
overflow:visible!important;
border:1px solid var(--border,rgba(255,255,255,.07))!important;
border-radius:var(--radius-lg,16px)!important;
background:var(--bg-card,#0f172a)!important;
z-index:1300!important;
}
/* Services + Platforms: grid layout (6 sections -> 3x2, no horizontal spill) */
.site-header .mega-menu-wide{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:0!important;
padding:0!important;
align-items:stretch!important;
}
.site-header .mega-menu-wide .mega-menu-section{
min-width:0!important;
max-width:100%!important;
overflow:hidden!important;
box-sizing:border-box!important;
padding:12px 14px!important;
border-inline-end:1px solid var(--border,rgba(255,255,255,.07))!important;
border-block-end:1px solid var(--border,rgba(255,255,255,.07))!important;
}
.site-header .mega-menu-wide .mega-menu-section:nth-child(3n){
border-inline-end:none!important;
}
.site-header .mega-menu-wide .mega-menu-section:nth-last-child(-n+3){
border-block-end:none!important;
}
.site-header .mega-menu-wide .mega-menu-title{
display:block!important;
width:100%!important;
margin:0 0 6px!important;
padding:0 0 8px!important;
box-sizing:border-box!important;
font-size:11px!important;
letter-spacing:.06em!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
}
.site-header .mega-menu-wide .mega-link{
display:flex!important;
align-items:flex-start!important;
gap:8px!important;
min-width:0!important;
max-width:100%!important;
padding:6px 4px!important;
font-size:12px!important;
line-height:1.35!important;
white-space:normal!important;
word-break:break-word!important;
overflow-wrap:anywhere!important;
hyphens:auto!important;
}
/* Compact menus (Industries / Resources): may be tall, so keep a scroll
guard here (hover bridge lives on .nav-item::after, not inside the panel,
so this overflow no longer breaks hover). */
.site-header .mega-menu:not(.mega-menu-wide){
display:flex!important;
flex-direction:column!important;
width:min(580px,calc(100vw - 32px))!important;
min-width:min(280px,calc(100vw - 32px))!important;
padding:0!important;
overflow-x:hidden!important;
overflow-y:auto!important;
max-height:calc(100dvh - var(--nav-height,72px) - 24px)!important;
}
.site-header .mega-menu:not(.mega-menu-wide) .mega-menu-section{
padding:14px 16px!important;
min-width:0!important;
}
.site-header .mega-menu:not(.mega-menu-wide) .mega-menu-section + .mega-menu-section{
border-top:1px solid var(--border,rgba(255,255,255,.07))!important;
}
.site-header .mega-menu:not(.mega-menu-wide) .mega-menu-title{
display:block!important;width:100%!important;margin:0 0 8px!important;padding:0 0 10px!important;
}
.site-header .mega-menu:not(.mega-menu-wide) .mega-menu-cols-2{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:4px 12px!important;
}
.site-header .mega-menu:not(.mega-menu-wide) .mega-link{
min-height:44px!important;align-items:center!important;min-width:0!important;
white-space:normal!important;word-break:break-word!important;
}
.site-header .mega-menu:not(.mega-menu-wide) > .mega-menu-title{padding:14px 16px 0!important;margin:0!important}
.site-header .mega-menu:not(.mega-menu-wide) > .mega-menu-cols{padding:0 16px 14px!important}
/* Anchor: Services/Platforms flush start; Industries/Resources flush end */
.site-header .nav-links>.nav-item:nth-child(-n+2) .mega-menu{
inset-inline-start:0!important;
inset-inline-end:auto!important;
transform:translate3d(0,0,0)!important;
}
.site-header .nav-links>.nav-item:nth-child(n+3) .mega-menu{
inset-inline-start:auto!important;
inset-inline-end:0!important;
transform:translate3d(0,0,0)!important;
}
/* v22: no html[dir=rtl] overrides here. inset-inline-* are logical
properties and already mirror in RTL; the old explicit flip anchored
panels to the wrong edge and pushed them off-screen on ar/he. */
}
@media (min-width:1025px) and (max-width:1280px){
.site-header .mega-menu-wide{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
width:min(640px,calc(100vw - 24px))!important;
max-width:calc(100vw - 24px)!important;
}
.site-header .mega-menu-wide .mega-menu-section:nth-child(3n){border-inline-end:1px solid var(--border,rgba(255,255,255,.07))!important}
.site-header .mega-menu-wide .mega-menu-section:nth-child(2n){border-inline-end:none!important}
.site-header .mega-menu:not(.mega-menu-wide){width:min(520px,calc(100vw - 24px))!important}
}
@media (max-width:1024px){
.site-header .nav-links{display:none!important}
.site-header .nav-mobile-toggle{display:flex!important;visibility:visible!important;pointer-events:auto!important}
.mobile-nav .mega-link,.mobile-nav-link{
white-space:normal!important;word-break:break-word!important;overflow-wrap:anywhere!important;
}
}
/* UNLED_NAV_MEGA_OVERFLOW_V18:END */
/* UNLED_NAV_MEGA_UX_V20:BEGIN */
/* v20: mega-menu stays open while moving pointer to links; laptop nav always visible */
@media (min-width:1025px){
/* Undo V11 rule that hid desktop nav on 1025-1280px laptops */
.site-header .nav-links{
display:flex!important;
visibility:visible!important;
pointer-events:auto!important;
height:auto!important;
overflow:visible!important;
margin:0!important;
padding:0!important;
}
.site-header .nav-links>.nav-item{
display:block!important;
visibility:visible!important;
pointer-events:auto!important;
height:auto!important;
overflow:visible!important;
}
.site-header .nav-links .mega-menu{
display:block!important;
visibility:hidden!important;
opacity:0!important;
pointer-events:none!important;
height:auto!important;
overflow:visible!important;
}
/* v22: don't let the block reset above defeat the v18 3-col grid layout of
wide panels (it outranked .mega-menu-wide on specificity, stacking all
sections into one very tall column) */
.site-header .nav-links .mega-menu.mega-menu-wide{
display:grid!important;
}
.site-header .nav-mobile-toggle{
display:none!important;
visibility:hidden!important;
pointer-events:none!important;
}
.site-header .nav-item{
position:relative!important;
}
/* No dead hover gap: bridge + menu flush to trigger */
.site-header .mega-menu{
top:100%!important;
margin-top:0!important;
padding-top:10px!important;
transition:opacity .18s ease,visibility .18s ease,transform .2s ease!important;
}
.site-header .mega-menu::before{
content:""!important;
position:absolute!important;
top:-14px!important;
left:0!important;
right:0!important;
height:14px!important;
background:transparent!important;
}
/* v22 Fix A: hover bridge on the nav-item itself (immune to mega-menu overflow
clipping). Only active while the item is hovered/open so it never blocks
clicks elsewhere when menus are closed. */
.site-header .nav-links>.nav-item:hover::after,
.site-header .nav-links>.nav-item:focus-within::after,
.site-header .nav-links>.nav-item.mega-open::after{
content:""!important;
position:absolute!important;
bottom:-16px!important;
left:0!important;
right:0!important;
height:16px!important;
background:transparent!important;
pointer-events:auto!important;
z-index:1299!important;
}
/* v22: no transform here. Anchoring is owned by the v18 block
(inset-inline-start/end per nav-item position, incl. RTL). The old v20
nth-child(n+3) centering rules outranked v18 and pushed the
Resources/Industries panel half off-screen. */
.site-header .nav-item:hover .mega-menu,
.site-header .nav-item:focus-within .mega-menu,
.site-header .nav-item.mega-open .mega-menu{
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
}
.site-header .mega-link,
.site-header .mega-menu a,
.site-header .mega-menu button{
pointer-events:auto!important;
cursor:pointer!important;
}
/* Language switcher must stay clickable above mega panels */
.site-header .nav-actions,
.site-header .lang-switcher{
position:relative!important;
z-index:1350!important;
pointer-events:auto!important;
}
.site-header .lang-switcher-btn{
pointer-events:auto!important;
cursor:pointer!important;
}
.site-header .lang-switcher.open .lang-switcher-panel{
z-index:1360!important;
pointer-events:auto!important;
}
}
/* UNLED_NAV_MEGA_UX_V20:END */
/* UNLED_NAV_MEGA_CLICK_V72:BEGIN */
.unled-nav-mega-click-v72{}
@media (min-width:1025px){
.site-header .nav-links>.nav-item{
position:relative!important;
}
.site-header .nav-links>.nav-item:hover::after,
.site-header .nav-links>.nav-item:focus-within::after,
.site-header .nav-links>.nav-item.mega-open::after{
content:""!important;
position:absolute!important;
bottom:-18px!important;
left:-6px!important;
right:-6px!important;
height:20px!important;
background:transparent!important;
pointer-events:auto!important;
z-index:1299!important;
}
.site-header .mega-menu,
.site-header .mega-menu-wide{
top:100%!important;
margin-top:0!important;
padding-top:12px!important;
overflow:visible!important;
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
z-index:1300!important;
}
.site-header .mega-menu::before{
content:""!important;
position:absolute!important;
top:-12px!important;
left:0!important;
right:0!important;
height:12px!important;
background:transparent!important;
pointer-events:auto!important;
}
.site-header .nav-item:hover .mega-menu,
.site-header .nav-item:focus-within .mega-menu,
.site-header .nav-item.mega-open .mega-menu{
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
}
.site-header .mega-menu:not(.mega-menu-wide){
overflow-x:hidden!important;
overflow-y:auto!important;
max-height:calc(100dvh - var(--nav-height,72px) - 24px)!important;
}
.site-header .mega-menu-wide .mega-menu-section{
overflow:hidden!important;
}
.site-header .mega-link,
.site-header .mega-menu a,
.site-header .mega-menu button{
pointer-events:auto!important;
cursor:pointer!important;
position:relative!important;
z-index:1!important;
}
}
/* UNLED_NAV_MEGA_CLICK_V72:END */
.unled-money-hero-v80{}
main:has(.intent-triplet) .money-hero-visual-wrap img.hero-img-illustration,
main:has(.intent-triplet) .money-hero-visual-wrap img.money-hero-visual,
main:has(.intent-triplet) .money-hero-visual-wrap img{
mix-blend-mode:screen!important;
-webkit-mask-image:radial-gradient(ellipse 84% 78% at 50% 48%,#000 44%,rgba(0,0,0,.92) 68%,transparent 100%)!important;
mask-image:radial-gradient(ellipse 84% 78% at 50% 48%,#000 44%,rgba(0,0,0,.92) 68%,transparent 100%)!important;
filter:saturate(1.14) contrast(1.08) brightness(1.07)!important;
transform:scale(1.02)!important;
transform-origin:center center!important;
max-width:100%!important;
background:transparent!important;
border:none!important;
box-shadow:none!important;
border-radius:0!important;
}
main:has(.intent-triplet) .page-hero-content.money-hero-grid>.hero-text-col+.money-hero-visual-wrap{
grid-column:2!important;
grid-row:1!important;
align-self:center!important;
justify-self:center!important;
margin-inline:auto!important;
overflow:hidden!important;
}
main:has(.intent-triplet) .hero-text-col .money-hero-visual-wrap{
display:none!important;
}
@media (min-width:901px){
main:has(.intent-triplet) .money-hero-visual-wrap,
main:has(.intent-triplet) .page-hero-content.money-hero-grid>.hero-text-col+.money-hero-visual-wrap{
justify-self:center!important;
}
}
.unled-products-hub-v81{}
body.products-hub-page main .page-hero>.container{
max-width:1180px!important;
width:100%!important;
margin-inline:auto!important;
box-sizing:border-box!important;
}
body.products-hub-page main .page-hero-content.hero-split{
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(280px,420px)!important;
gap:clamp(24px,4vw,40px)!important;
align-items:center!important;
max-width:1180px!important;
width:100%!important;
margin-inline:auto!important;
box-sizing:border-box!important;
}
body.products-hub-page main .page-hero-content.hero-split>.hero-text{
min-width:0!important;
max-width:none!important;
}
body.products-hub-page main .page-hero-content.hero-split>.hero-visual{
justify-self:center!important;
align-self:center!important;
width:100%!important;
max-width:420px!important;
}
body.products-hub-page .page-hero-visual-wrap{
position:relative!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
max-width:420px!important;
min-height:240px!important;
overflow:hidden!important;
}
body.products-hub-page .page-hero-visual-wrap::before{
content:""!important;
position:absolute!important;
left:50%!important;
top:52%!important;
transform:translate(-50%,-50%)!important;
width:94%!important;
height:84%!important;
background:radial-gradient(ellipse at center,rgba(59,130,246,.28) 0%,rgba(139,92,246,.14) 36%,transparent 66%)!important;
filter:blur(40px)!important;
z-index:0!important;
pointer-events:none!important;
}
body.products-hub-page .page-hero-visual-wrap img.hero-img-illustration{
position:relative!important;
z-index:1!important;
width:100%!important;
height:auto!important;
max-height:300px!important;
object-fit:contain!important;
mix-blend-mode:screen!important;
-webkit-mask-image:radial-gradient(ellipse 84% 78% at 50% 48%,#000 44%,rgba(0,0,0,.92) 68%,transparent 100%)!important;
mask-image:radial-gradient(ellipse 84% 78% at 50% 48%,#000 44%,rgba(0,0,0,.92) 68%,transparent 100%)!important;
filter:saturate(1.1) contrast(1.06) brightness(1.05)!important;
transform:scale(1.02)!important;
transform-origin:center center!important;
background:transparent!important;
border:none!important;
box-shadow:none!important;
}
body.products-hub-page main .section>.container{
max-width:1180px!important;
width:100%!important;
margin-inline:auto!important;
padding-inline:clamp(16px,3vw,24px)!important;
box-sizing:border-box!important;
}
body.products-hub-page .products-hub-toc{
margin:0 0 28px!important;
max-width:100%!important;
}
body.products-hub-page .products-hub-section-header{
margin:0 0 32px!important;
}
body.products-hub-page .products-hub-section-header h2{
margin:0!important;
}
body.products-hub-page .intent-trio{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:20px!important;
margin:0 0 48px!important;
}
body.products-hub-page .platform-tri-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:20px!important;
width:100%!important;
}
body.products-hub-page .platform-tri-card{
height:100%!important;
min-height:100%!important;
}
body.products-hub-page .products-hub-vcc-block{
margin-top:64px!important;
}
body.products-hub-page .products-hub-cta-block{
margin-top:64px!important;
text-align:center!important;
padding:48px!important;
background:var(--bg-card)!important;
border:1px solid var(--border)!important;
border-radius:var(--radius-xl)!important;
}
@media (max-width:980px){
body.products-hub-page main .page-hero-content.hero-split{
grid-template-columns:1fr!important;
}
body.products-hub-page .intent-trio{
grid-template-columns:1fr!important;
}
body.products-hub-page .platform-tri-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
}
@media (max-width:640px){
body.products-hub-page .platform-tri-grid{
grid-template-columns:1fr!important;
}
}