/*
  Peeryx v82 global redesign layer
  Goal: readable premium dark UI, coherent responsive layout, stronger blog/article UX,
  loaded after legacy CSS/inline locks so it can neutralize low-contrast rules.
*/
:root{
  --px82-bg-0:#020712;
  --px82-bg-1:#07111f;
  --px82-bg-2:#0b1726;
  --px82-surface:#0d1b2d;
  --px82-surface-2:#102238;
  --px82-surface-3:#142b46;
  --px82-card:rgba(13,27,45,.88);
  --px82-card-strong:rgba(16,34,56,.96);
  --px82-line:rgba(176,205,235,.16);
  --px82-line-strong:rgba(126,189,255,.30);
  --px82-text:#f5f8ff;
  --px82-text-soft:#e2ecf7;
  --px82-muted:#a9bad0;
  --px82-muted-2:#8297ad;
  --px82-blue:#3b82f6;
  --px82-blue-2:#2563eb;
  --px82-cyan:#67e8f9;
  --px82-cyan-soft:#baf5ff;
  --px82-green:#34d399;
  --px82-amber:#fbbf24;
  --px82-danger:#fb7185;
  --px82-shadow:0 24px 80px rgba(0,0,0,.34);
  --px82-shadow-soft:0 16px 46px rgba(0,0,0,.24);
  --px82-radius-xl:32px;
  --px82-radius-lg:24px;
  --px82-radius-md:18px;
  --px82-container:min(1220px,calc(100% - 48px));
  --px82-container-wide:min(1380px,calc(100% - 48px));
  --px82-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
}

html{scroll-behavior:smooth;background:var(--px82-bg-0);overflow-x:hidden;color-scheme:dark;}
body,
.site-shell{
  width:100%;min-width:0;overflow-x:hidden!important;
  background:
    radial-gradient(circle at 12% -4%,rgba(59,130,246,.20),transparent 34rem),
    radial-gradient(circle at 88% 2%,rgba(103,232,249,.12),transparent 30rem),
    linear-gradient(180deg,var(--px82-bg-0) 0%,var(--px82-bg-1) 34%,var(--px82-bg-0) 100%)!important;
  color:var(--px82-text-soft)!important;
  font-family:var(--px82-font)!important;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
body.menu-open{overflow:hidden!important;}
*,*::before,*::after{box-sizing:border-box;}
img,svg,video,canvas{max-width:100%;height:auto;}
a{color:inherit;}
main{position:relative;isolation:isolate;}
main::before{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.38;
  background-image:
    linear-gradient(rgba(126,189,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(126,189,255,.055) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(180deg,black 0%,transparent 88%);
}
::selection{background:rgba(103,232,249,.28);color:#fff;}

/* Global text contrast reset: legacy blue-on-blue gradients were hurting readability. */
html body main :where(h1,h2,h3,h4,h5,h6,strong,summary,.brand-name,.section-title,.hero-title,.card-title){
  color:var(--px82-text)!important;-webkit-text-fill-color:var(--px82-text)!important;background:none!important;text-shadow:none!important;
}
html body main :where(p,li,dd,dt,small,label,blockquote,figcaption,.hero-text,.section-heading p,.card-copy,.resource-card-copy,.article-header-lead,.lead-paragraph){
  color:var(--px82-text-soft)!important;-webkit-text-fill-color:var(--px82-text-soft)!important;
}
html body main :where(.muted,.blog-date,.blog-meta-row,.panel-kicker,.card-kicker,.article-meta-row,.eyebrow + p){
  color:var(--px82-muted)!important;-webkit-text-fill-color:var(--px82-muted)!important;
}
html body main :where(.eyebrow,.pill,.tag,.capability-pill,.blog-topic-pill,.footer-partners-eyebrow){
  color:var(--px82-cyan-soft)!important;-webkit-text-fill-color:var(--px82-cyan-soft)!important;
  background:linear-gradient(180deg,rgba(103,232,249,.11),rgba(59,130,246,.08))!important;
  border:1px solid rgba(103,232,249,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
html body main :where(a:not(.button):not(.nav-link):not(.brand):not(.article-card-clean):not(.blog-feature-card-v80)){
  color:#d8efff!important;-webkit-text-fill-color:#d8efff!important;text-decoration-color:rgba(103,232,249,.34)!important;text-underline-offset:.18em;
}
html body main :where(a:not(.button):not(.nav-link):not(.brand):hover){color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;text-decoration-color:rgba(103,232,249,.70)!important;}

/* Containers and sections */
html body .container{width:var(--px82-container)!important;max-width:1220px!important;margin-inline:auto!important;}
html body .container.narrow{max-width:1040px!important;}
html body .section,
html body .px26-section{
  padding-block:clamp(68px,8vw,118px)!important;
  position:relative;overflow:clip;
}
html body .section-alt{
  background:
    linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.035)),
    radial-gradient(circle at 12% 0%,rgba(59,130,246,.09),transparent 24rem)!important;
  border-block:1px solid rgba(176,205,235,.08)!important;
}
html body .section-heading,
html body .px26-section-head{
  width:min(850px,100%)!important;margin-bottom:clamp(28px,4vw,48px)!important;
}
html body .section-heading.center,
html body .px26-section-head{text-align:center!important;margin-inline:auto!important;}
html body .section-heading h2,
html body .px26-section-head h2{
  font-size:clamp(2rem,4.4vw,3.85rem)!important;line-height:1.03!important;letter-spacing:-.055em!important;margin:0 0 16px!important;
}
html body .section-heading p,
html body .px26-section-head p{font-size:clamp(1rem,1.35vw,1.16rem)!important;line-height:1.74!important;max-width:780px!important;}
html body .section-heading.center p,
html body .px26-section-head p{margin-inline:auto!important;}

/* Header: stable desktop/mobile nav */
html body .site-header{
  position:sticky!important;top:0!important;z-index:10000!important;padding:0!important;overflow:visible!important;
  background:rgba(3,9,18,.88)!important;border-bottom:1px solid rgba(176,205,235,.14)!important;
  box-shadow:0 18px 56px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(22px) saturate(1.18)!important;-webkit-backdrop-filter:blur(22px) saturate(1.18)!important;
}
html body .site-header.scrolled{background:rgba(3,9,18,.94)!important;border-bottom-color:rgba(103,232,249,.18)!important;}
html body .site-header .container.header-inner{
  width:var(--px82-container-wide)!important;max-width:1380px!important;min-height:78px!important;
  display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:22px!important;margin-inline:auto!important;
}
html body .site-header .brand{display:inline-flex!important;align-items:center!important;gap:13px!important;min-width:max-content!important;text-decoration:none!important;}
html body .site-header .brand-mark{
  width:50px!important;height:50px!important;border-radius:18px!important;display:grid!important;place-items:center!important;overflow:hidden!important;
  background:linear-gradient(145deg,rgba(103,232,249,.17),rgba(59,130,246,.10))!important;
  border:1px solid rgba(103,232,249,.18)!important;box-shadow:0 16px 36px rgba(59,130,246,.16),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
html body .site-header .brand-mark img{width:38px!important;height:38px!important;object-fit:contain!important;}
html body .site-header .brand-name{font-size:1rem!important;letter-spacing:.13em!important;font-weight:900!important;line-height:1!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}
html body .site-header .brand-sub{font-size:.72rem!important;letter-spacing:.20em!important;text-transform:uppercase!important;color:var(--px82-muted)!important;-webkit-text-fill-color:var(--px82-muted)!important;}
html body .site-header .desktop-nav{
  justify-self:center!important;display:flex!important;align-items:center!important;gap:3px!important;min-width:0!important;
  padding:5px!important;border-radius:999px!important;background:rgba(13,27,45,.62)!important;border:1px solid rgba(176,205,235,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
html body .site-header .desktop-nav a:not(.button){
  white-space:nowrap!important;min-height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:10px 14px!important;border-radius:999px!important;font-weight:800!important;font-size:.88rem!important;letter-spacing:-.01em!important;
  color:#dbe8f6!important;-webkit-text-fill-color:#dbe8f6!important;background:transparent!important;text-decoration:none!important;
}
html body .site-header .desktop-nav a:not(.button):hover,
html body .site-header .desktop-nav a.active:not(.button){
  color:#fff!important;-webkit-text-fill-color:#fff!important;background:rgba(103,232,249,.105)!important;box-shadow:inset 0 0 0 1px rgba(103,232,249,.14)!important;
}
html body .site-header .header-actions{display:flex!important;align-items:center!important;gap:10px!important;min-width:max-content!important;}
html body .site-header .desktop-cta{min-height:44px!important;padding:11px 17px!important;}
html body .locale-switcher{position:relative!important;z-index:10020!important;}
html body .locale-trigger,
html body .mobile-toggle{
  min-height:44px!important;border-radius:15px!important;background:rgba(13,27,45,.84)!important;border:1px solid rgba(176,205,235,.16)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:none!important;
}
html body .locale-menu{
  right:0!important;top:calc(100% + 12px)!important;border-radius:20px!important;padding:8px!important;min-width:232px!important;
  background:rgba(7,15,28,.98)!important;border:1px solid rgba(176,205,235,.16)!important;box-shadow:var(--px82-shadow)!important;z-index:10030!important;
}
html body .locale-menu a{border-radius:14px!important;padding:12px!important;color:#e7f0fb!important;-webkit-text-fill-color:#e7f0fb!important;background:transparent!important;text-decoration:none!important;}
html body .locale-menu a:hover,
html body .locale-menu a.active{background:rgba(103,232,249,.10)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}
html body .mobile-toggle{width:46px!important;padding:0!important;display:none!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important;}
html body .mobile-toggle span{width:20px!important;height:2px!important;background:#eaf6ff!important;border-radius:99px!important;transition:transform .2s ease,opacity .2s ease!important;}
html body .mobile-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)!important;}
html body .mobile-toggle.active span:nth-child(2){opacity:0!important;}
html body .mobile-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important;}
html body .mobile-nav{
  position:fixed!important;left:16px!important;right:16px!important;top:86px!important;z-index:9990!important;display:block!important;
  opacity:0!important;visibility:hidden!important;transform:translateY(-10px) scale(.985)!important;pointer-events:none!important;
  border-radius:26px!important;background:rgba(6,14,26,.985)!important;border:1px solid rgba(176,205,235,.16)!important;box-shadow:var(--px82-shadow)!important;
  max-height:calc(100dvh - 106px)!important;overflow:auto!important;transition:opacity .18s ease,visibility .18s ease,transform .18s ease!important;
}
html body .mobile-nav.open{opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important;}
html body .mobile-nav .mobile-nav-inner{width:100%!important;max-width:none!important;padding:16px!important;display:grid!important;gap:8px!important;}
html body .mobile-nav-title{color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:900!important;letter-spacing:.08em!important;}
html body .mobile-nav a:not(.button){
  display:flex!important;align-items:center!important;min-height:48px!important;padding:13px 14px!important;border-radius:16px!important;
  background:rgba(16,34,56,.78)!important;border:1px solid rgba(176,205,235,.09)!important;color:#edf7ff!important;-webkit-text-fill-color:#edf7ff!important;text-decoration:none!important;font-weight:800!important;
}
html body .mobile-nav a.active:not(.button){background:rgba(103,232,249,.13)!important;border-color:rgba(103,232,249,.25)!important;}

/* Buttons */
html body .button,
html body button.button,
html body a.button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;min-height:48px!important;padding:13px 20px!important;
  border-radius:999px!important;font-weight:900!important;letter-spacing:-.012em!important;text-decoration:none!important;line-height:1.1!important;white-space:normal!important;text-align:center!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease!important;
}
html body .button:hover{transform:translateY(-1px)!important;}
html body .button-primary,
html body .desktop-cta,
html body .footer-link-cta{
  color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;background:linear-gradient(135deg,var(--px82-blue-2),#2dd4bf)!important;
  border:1px solid rgba(186,245,255,.34)!important;box-shadow:0 18px 44px rgba(37,99,235,.30)!important;
}
html body .button-secondary,
html body .button-ghost{
  color:#f1f8ff!important;-webkit-text-fill-color:#f1f8ff!important;background:rgba(16,34,56,.76)!important;border:1px solid rgba(176,205,235,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
html body .button-secondary:hover,
html body .button-ghost:hover{background:rgba(20,43,70,.94)!important;border-color:rgba(103,232,249,.30)!important;box-shadow:0 16px 38px rgba(0,0,0,.22)!important;}

/* Cards and grids */
html body main :where(.glass-card,.resource-card,.blog-card,.article-card,.capability-hero-card,.feature-card,.pricing-card,.timeline-card,.step-card,.delivery-card,.method-card,.benefit-card,.faq-item,.article-bottom-cta,.article-sidebar,.article-header-card,.px26-solution-card,.px26-infra-card,.px26-blog-card,.trust-hero-card){
  background:linear-gradient(180deg,var(--px82-card-strong),rgba(10,21,36,.92))!important;
  border:1px solid var(--px82-line)!important;border-radius:var(--px82-radius-lg)!important;box-shadow:var(--px82-shadow-soft)!important;color:var(--px82-text-soft)!important;
}
html body main :where(.glass-card,.resource-card,.blog-card,.article-card,.capability-hero-card,.feature-card,.pricing-card,.timeline-card,.step-card,.delivery-card,.method-card,.benefit-card,.faq-item,.article-bottom-cta,.article-sidebar,.article-header-card,.px26-solution-card,.px26-infra-card,.px26-blog-card,.trust-hero-card):hover{
  border-color:rgba(103,232,249,.25)!important;box-shadow:0 22px 60px rgba(0,0,0,.32)!important;
}
html body main :where(.feature-grid,.solutions-grid,.benefit-grid,.cards-grid,.steps-grid,.timeline-grid,.delivery-grid,.method-grid,.resource-card-grid,.article-card-grid,.blog-grid,.pricing-grid,.px26-solutions-grid){
  display:grid!important;gap:clamp(16px,2vw,24px)!important;align-items:stretch!important;
}
html body main :where(.feature-grid,.solutions-grid,.benefit-grid,.cards-grid,.delivery-grid,.method-grid,.resource-card-grid,.article-card-grid,.blog-grid,.px26-solutions-grid){grid-template-columns:repeat(3,minmax(0,1fr))!important;}
html body main :where(.steps-grid,.timeline-grid,.pricing-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important;}

/* Hero systems */
html body main :where(.hero,.px26-hero){
  position:relative;overflow:clip!important;padding:clamp(82px,9vw,142px) 0 clamp(64px,7vw,104px)!important;
  background:
    radial-gradient(circle at 17% 20%,rgba(59,130,246,.23),transparent 30rem),
    radial-gradient(circle at 82% 12%,rgba(103,232,249,.13),transparent 28rem),
    linear-gradient(180deg,rgba(3,9,18,.96),rgba(7,17,31,.90))!important;
  border-bottom:1px solid rgba(176,205,235,.10)!important;
}
html body main :where(.hero)::after,
html body main :where(.px26-hero)::after{
  content:"";position:absolute;left:5%;right:5%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(103,232,249,.50),transparent);opacity:.75;pointer-events:none;
}
html body main :where(.hero-grid,.px26-hero-grid,.transit-hero-grid-v81){
  width:var(--px82-container-wide)!important;max-width:1380px!important;margin-inline:auto!important;display:grid!important;grid-template-columns:minmax(0,1.02fr) minmax(420px,.88fr)!important;gap:clamp(30px,5vw,72px)!important;align-items:center!important;
}
html body main :where(.hero-copy,.px26-hero-copy,.transit-hero-copy-v81){max-width:760px!important;}
html body main :where(.hero-copy h1,.px26-hero-copy h1,.transit-hero-copy-v81 h1){
  font-size:clamp(2.65rem,6.1vw,5.95rem)!important;line-height:.94!important;letter-spacing:-.075em!important;margin:16px 0 18px!important;
  max-width:960px!important;
}
html body main :where(.hero-text,.px26-hero-lead,.px26-hero-text,.transit-hero-kicker-v81){
  font-size:clamp(1.05rem,1.45vw,1.28rem)!important;line-height:1.72!important;max-width:760px!important;color:#d9e8f7!important;-webkit-text-fill-color:#d9e8f7!important;
}
html body main :where(.hero-actions){display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin-top:clamp(22px,3vw,34px)!important;}
html body main :where(.hero-panel,.hero-visual,.px26-hero-visual,.transit-hero-visual-v81){
  min-width:0!important;border-radius:var(--px82-radius-xl)!important;
}
html body main :where(.hero-panel-card,.panel-primary,.panel-secondary,.px26-hero-visual,.transit-hero-visual-v81){
  background:linear-gradient(180deg,rgba(16,34,56,.93),rgba(10,21,36,.92))!important;border:1px solid rgba(176,205,235,.16)!important;box-shadow:var(--px82-shadow)!important;
}

/* Homepage v26 exact section cleanup */
html body main .px26-container{width:var(--px82-container-wide)!important;max-width:1380px!important;margin-inline:auto!important;}
html body main .px26-hero-lead{font-weight:700!important;}
html body main .px26-hero-visual{padding:clamp(20px,3vw,30px)!important;overflow:hidden!important;}
html body main .px26-solutions-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
html body main .px26-solution-card,
html body main .px26-infra-card,
html body main .px26-blog-card{padding:clamp(20px,2.4vw,28px)!important;min-width:0!important;}
html body main .px26-solution-card img,
html body main .px26-infra-card img,
html body main .px26-blog-card img{border-radius:18px!important;background:rgba(255,255,255,.03)!important;}

/* Transit v81 refinements */
html body.page-transit main .transit-hero-v81{padding-top:clamp(86px,9vw,138px)!important;}
html body.page-transit main .transit-quicknav-v81{
  top:78px!important;z-index:120!important;background:rgba(3,9,18,.72)!important;border-block:1px solid rgba(176,205,235,.10)!important;backdrop-filter:blur(16px)!important;
}
html body.page-transit main .transit-quicknav-inner-v81{display:flex!important;gap:10px!important;overflow-x:auto!important;scrollbar-width:none!important;padding-block:10px!important;}
html body.page-transit main .transit-quicknav-inner-v81::-webkit-scrollbar{display:none;}
html body.page-transit main .transit-quicknav-inner-v81 a{white-space:nowrap!important;color:#e8f6ff!important;-webkit-text-fill-color:#e8f6ff!important;background:rgba(16,34,56,.72)!important;border:1px solid rgba(176,205,235,.14)!important;}
html body.page-transit main .transit-quicknav-inner-v81 a:hover{border-color:rgba(103,232,249,.34)!important;background:rgba(103,232,249,.10)!important;}
html body.page-transit main .pricing-card,
html body.page-transit main .transit-pricing-section-v81 .glass-card{overflow:hidden!important;}

/* Blog index */
html body.page-blog main .hero-blog,
html body.page-blog main .blog-index-hero-v9{
  padding-bottom:clamp(54px,6vw,92px)!important;
}
html body.page-blog main .blog-all-section{padding-top:clamp(54px,6vw,90px)!important;}
html body.page-blog main .blog-feature-card-v80{
  display:grid!important;grid-template-columns:minmax(0,.82fr) minmax(0,1fr)!important;gap:0!important;overflow:hidden!important;border-radius:var(--px82-radius-xl)!important;
  background:linear-gradient(180deg,rgba(16,34,56,.97),rgba(10,21,36,.94))!important;border:1px solid rgba(176,205,235,.16)!important;box-shadow:var(--px82-shadow)!important;text-decoration:none!important;
}
html body.page-blog main .blog-feature-card-v80 img{width:100%!important;height:100%!important;min-height:320px!important;object-fit:cover!important;filter:saturate(.95) contrast(1.04)!important;}
html body.page-blog main .blog-feature-copy-v80{padding:clamp(24px,3.6vw,44px)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;}
html body.page-blog main .blog-filter-shell-v80{
  display:grid!important;grid-template-columns:minmax(220px,1fr) auto!important;gap:14px!important;align-items:center!important;margin:28px 0!important;
  padding:14px!important;border-radius:24px!important;background:rgba(13,27,45,.68)!important;border:1px solid rgba(176,205,235,.13)!important;
}
html body.page-blog main [data-article-search]{
  width:100%!important;min-height:50px!important;border-radius:18px!important;background:rgba(3,9,18,.66)!important;border:1px solid rgba(176,205,235,.14)!important;color:#fff!important;padding:0 16px!important;outline:none!important;
}
html body.page-blog main [data-article-search]::placeholder{color:#91a6bc!important;}
html body.page-blog main .blog-topic-filter-v80{display:flex!important;gap:8px!important;flex-wrap:wrap!important;justify-content:flex-end!important;}
html body.page-blog main [data-topic-filter]{
  border:1px solid rgba(176,205,235,.14)!important;background:rgba(16,34,56,.72)!important;color:#e8f6ff!important;border-radius:999px!important;min-height:42px!important;padding:10px 14px!important;font-weight:850!important;cursor:pointer!important;
}
html body.page-blog main [data-topic-filter].active,
html body.page-blog main [data-topic-filter]:hover{background:rgba(103,232,249,.12)!important;border-color:rgba(103,232,249,.30)!important;color:#fff!important;}
html body.page-blog main .blog-all-grid-v80,
html body.page-blog main .blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;}
html body.page-blog main [data-article-card],
html body.page-blog main .article-card-clean{
  min-height:100%!important;padding:0!important;overflow:hidden!important;text-decoration:none!important;color:inherit!important;
}
html body.page-blog main .article-card-clean img{width:100%!important;aspect-ratio:16/9!important;object-fit:cover!important;background:rgba(255,255,255,.035)!important;}
html body.page-blog main .article-card-clean :where(.article-card-body,.blog-card-body,.article-card-copy){padding:22px!important;}
html body.page-blog main .article-card-clean h3{font-size:1.13rem!important;line-height:1.24!important;letter-spacing:-.026em!important;margin:8px 0 10px!important;}
html body.page-blog main .article-card-clean p{font-size:.96rem!important;line-height:1.62!important;color:#c8d9e9!important;-webkit-text-fill-color:#c8d9e9!important;}

/* Article reading experience */
html body[class*="page-article"] main .article-page-clean,
html body[class*="page-article"] main .section-blog-article{padding-top:clamp(50px,6vw,86px)!important;}
html body[class*="page-article"] main .article-shell,
html body[class*="page-article"] main .article-clean-grid{
  width:var(--px82-container)!important;max-width:1220px!important;margin-inline:auto!important;display:grid!important;grid-template-columns:minmax(240px,300px) minmax(0,1fr)!important;gap:clamp(20px,3vw,36px)!important;align-items:start!important;
}
html body[class*="page-article"] main .article-header-card{width:var(--px82-container)!important;max-width:1220px!important;margin:0 auto 28px!important;padding:clamp(24px,4vw,48px)!important;overflow:hidden!important;}
html body[class*="page-article"] main .article-header-card h1,
html body[class*="page-article"] main .article-main h1,
html body[class*="page-article"] main article > h1{
  font-size:clamp(2.05rem,5vw,4.55rem)!important;line-height:1.02!important;letter-spacing:-.06em!important;margin:14px 0 18px!important;
}
html body[class*="page-article"] main .article-sidebar,
html body[class*="page-article"] main .article-sidebar-clean{position:sticky!important;top:108px!important;padding:20px!important;max-height:calc(100dvh - 130px)!important;overflow:auto!important;}
html body[class*="page-article"] main .article-prose,
html body[class*="page-article"] main .article-prose-clean,
html body[class*="page-article"] main .article-main{padding:clamp(24px,3.5vw,46px)!important;}
html body[class*="page-article"] main .article-prose :where(p,li),
html body[class*="page-article"] main .article-main :where(p,li){font-size:1.04rem!important;line-height:1.82!important;color:#dceafb!important;-webkit-text-fill-color:#dceafb!important;}
html body[class*="page-article"] main .article-prose h2,
html body[class*="page-article"] main .article-main h2{font-size:clamp(1.55rem,3vw,2.45rem)!important;line-height:1.12!important;letter-spacing:-.04em!important;margin-top:2.1em!important;}
html body[class*="page-article"] main .article-prose h3,
html body[class*="page-article"] main .article-main h3{font-size:clamp(1.22rem,2vw,1.58rem)!important;margin-top:1.7em!important;}
html body[class*="page-article"] main .article-prose img,
html body[class*="page-article"] main .article-main img,
html body[class*="page-article"] main .article-figure img{border-radius:24px!important;border:1px solid rgba(176,205,235,.12)!important;background:#06111e!important;}
html body[class*="page-article"] main .article-toc a{display:block!important;padding:10px 12px!important;border-radius:13px!important;color:#ddecfb!important;-webkit-text-fill-color:#ddecfb!important;text-decoration:none!important;background:transparent!important;}
html body[class*="page-article"] main .article-toc a:hover,
html body[class*="page-article"] main .article-toc a.active{background:rgba(103,232,249,.10)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}
html body[class*="page-article"] main details.faq-item{padding:0!important;overflow:hidden!important;}
html body[class*="page-article"] main details.faq-item summary{padding:18px 20px!important;cursor:pointer!important;list-style:none!important;}
html body[class*="page-article"] main details.faq-item p{padding:0 20px 20px!important;margin:0!important;}
.article-read-progress-v80{height:3px!important;background:linear-gradient(90deg,var(--px82-blue),var(--px82-cyan))!important;box-shadow:0 0 22px rgba(103,232,249,.35)!important;}

/* Tables/forms */
html body main table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;overflow:hidden!important;border-radius:20px!important;border:1px solid rgba(176,205,235,.13)!important;background:rgba(13,27,45,.68)!important;}
html body main th,html body main td{padding:14px 16px!important;border-bottom:1px solid rgba(176,205,235,.10)!important;color:#e6f1fd!important;-webkit-text-fill-color:#e6f1fd!important;vertical-align:top!important;}
html body main th{background:rgba(103,232,249,.08)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:900!important;}
html body main input,html body main textarea,html body main select{
  background:rgba(3,9,18,.68)!important;border:1px solid rgba(176,205,235,.16)!important;border-radius:18px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;min-height:50px!important;
}
html body main textarea{min-height:150px!important;}
html body main input:focus,html body main textarea:focus,html body main select:focus{outline:2px solid rgba(103,232,249,.30)!important;border-color:rgba(103,232,249,.38)!important;}

/* Footer */
html body .site-footer{
  background:linear-gradient(180deg,rgba(3,9,18,.95),#020712)!important;border-top:1px solid rgba(176,205,235,.12)!important;color:#dbe8f5!important;-webkit-text-fill-color:#dbe8f5!important;
}
html body .site-footer .footer-grid,
html body .site-footer .footer-grid-rich,
html body .site-footer > .container{width:var(--px82-container-wide)!important;max-width:1380px!important;}
html body .site-footer h2,html body .site-footer h3,html body .site-footer strong{color:#fff!important;-webkit-text-fill-color:#fff!important;}
html body .site-footer p,html body .site-footer li{color:#b9cadc!important;-webkit-text-fill-color:#b9cadc!important;}
html body .site-footer a:not(.button):not(.footer-link-cta){color:#dcefff!important;-webkit-text-fill-color:#dcefff!important;text-decoration:none!important;}
html body .site-footer a:not(.button):not(.footer-link-cta):hover{color:#fff!important;-webkit-text-fill-color:#fff!important;}
html body .site-footer .footer-partner-rail{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;}
html body .site-footer .footer-partner-card{grid-template-columns:112px minmax(0,1fr)!important;min-height:auto!important;padding:18px!important;border-radius:24px!important;background:rgba(13,27,45,.78)!important;border:1px solid rgba(176,205,235,.13)!important;}
html body .site-footer .footer-partner-logo{min-height:120px!important;height:auto!important;background:rgba(255,255,255,.035)!important;border-radius:18px!important;}
html body .site-footer .footer-partner-logo img{max-height:82px!important;object-fit:contain!important;}

/* Accessibility and performance */
html body .reveal{opacity:1!important;transform:none!important;}
:focus-visible{outline:2px solid rgba(103,232,249,.75)!important;outline-offset:3px!important;border-radius:12px!important;}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important;}
}

/* Responsive desktop/tablet/mobile */
@media (max-width:1240px){
  :root{--px82-container:min(1120px,calc(100% - 40px));--px82-container-wide:min(1120px,calc(100% - 40px));}
  html body .site-header .desktop-nav a:not(.button){padding-inline:10px!important;font-size:.84rem!important;}
  html body main .px26-solutions-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:1100px){
  html body .site-header .container.header-inner{display:flex!important;justify-content:space-between!important;min-height:70px!important;}
  html body .site-header .desktop-nav,
  html body .site-header .desktop-cta{display:none!important;}
  html body .mobile-toggle{display:flex!important;}
  html body main :where(.hero-grid,.px26-hero-grid,.transit-hero-grid-v81){grid-template-columns:1fr!important;gap:34px!important;}
  html body main :where(.hero-panel,.hero-visual,.px26-hero-visual,.transit-hero-visual-v81){max-width:760px!important;width:100%!important;}
  html body main :where(.feature-grid,.solutions-grid,.benefit-grid,.cards-grid,.delivery-grid,.method-grid,.resource-card-grid,.article-card-grid,.blog-grid,.blog-all-grid-v80){grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html body[class*="page-article"] main .article-shell,
  html body[class*="page-article"] main .article-clean-grid{grid-template-columns:1fr!important;}
  html body[class*="page-article"] main .article-sidebar,
  html body[class*="page-article"] main .article-sidebar-clean{position:relative!important;top:auto!important;max-height:none!important;}
}
@media (max-width:820px){
  :root{--px82-container:min(100% - 28px,720px);--px82-container-wide:min(100% - 28px,720px);}
  html body .section,html body .px26-section{padding-block:62px!important;}
  html body main :where(.hero,.px26-hero){padding:72px 0 56px!important;}
  html body main :where(.hero-copy h1,.px26-hero-copy h1,.transit-hero-copy-v81 h1){font-size:clamp(2.25rem,12vw,3.8rem)!important;letter-spacing:-.06em!important;}
  html body main :where(.hero-actions){display:grid!important;grid-template-columns:1fr!important;}
  html body .button{width:100%!important;min-height:50px!important;}
  html body.page-blog main .blog-feature-card-v80{grid-template-columns:1fr!important;}
  html body.page-blog main .blog-feature-card-v80 img{min-height:220px!important;}
  html body.page-blog main .blog-filter-shell-v80{grid-template-columns:1fr!important;}
  html body.page-blog main .blog-topic-filter-v80{justify-content:flex-start!important;}
  html body main :where(.feature-grid,.solutions-grid,.benefit-grid,.cards-grid,.delivery-grid,.method-grid,.resource-card-grid,.article-card-grid,.blog-grid,.blog-all-grid-v80,.steps-grid,.timeline-grid,.pricing-grid,.px26-solutions-grid){grid-template-columns:1fr!important;}
  html body .site-footer .footer-partner-rail{grid-template-columns:1fr!important;}
  html body .site-footer .footer-partner-card{grid-template-columns:1fr!important;}
}
@media (max-width:560px){
  :root{--px82-container:min(100% - 22px,520px);--px82-container-wide:min(100% - 22px,520px);}
  html body .site-header .container.header-inner{min-height:62px!important;}
  html body .site-header .brand-mark{width:42px!important;height:42px!important;border-radius:15px!important;}
  html body .site-header .brand-mark img{width:32px!important;height:32px!important;}
  html body .site-header .brand-sub{display:none!important;}
  html body .locale-trigger{min-width:58px!important;padding-inline:10px!important;}
  html body .mobile-nav{left:10px!important;right:10px!important;top:72px!important;border-radius:22px!important;}
  html body main :where(.glass-card,.resource-card,.blog-card,.article-card,.capability-hero-card,.feature-card,.pricing-card,.timeline-card,.step-card,.delivery-card,.method-card,.benefit-card,.faq-item,.article-bottom-cta,.article-sidebar,.article-header-card,.px26-solution-card,.px26-infra-card,.px26-blog-card){border-radius:20px!important;}
  html body[class*="page-article"] main .article-prose,
  html body[class*="page-article"] main .article-prose-clean,
  html body[class*="page-article"] main .article-main{padding:20px!important;}
  html body main th,html body main td{padding:12px!important;font-size:.92rem!important;}
}