/* Opaque fallbacks keep content readable without backdrop-filter support. */
.card,.resource-card,.contact-channels article{position:relative;isolation:isolate;background:#f9fcff;border-color:#d2e0ef;box-shadow:inset 0 1px 0 #fff,0 5px 18px #15375a06;transition:border-color .25s,box-shadow .25s,transform .25s}
.card::before,.resource-card::before,.contact-channels article::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;background:radial-gradient(340px circle at var(--light-x,50%) var(--light-y,15%),#66c9ff38,transparent 70%),linear-gradient(125deg,#ffffffad,transparent 45%,#91bfff12);opacity:.35;transition:opacity .25s}
.card:hover,.card:focus-within,.resource-card:hover,.resource-card:focus-within,.contact-channels article:hover,.contact-channels article:focus-within{border-color:#75b7e6;box-shadow:inset 0 1px 0 #fff,0 0 0 1px #b7e2ff55,0 10px 34px #238fd321,0 0 28px #69ceff18;transform:translateY(-2px)}
.card:is(:hover,:focus-within)::before,.resource-card:is(:hover,:focus-within)::before,.contact-channels article:is(:hover,:focus-within)::before{opacity:1}
.icon-box{position:relative;isolation:isolate;color:#e2f7ff;background:linear-gradient(145deg,#3b8cc8 0%,#145490 48%,#092e57 100%);border:1px solid #91c6e6;box-shadow:inset 0 1px 1px #ffffffa1,inset 0 -2px 5px #001d4755,0 5px 12px #164a7926;overflow:hidden}
.icon-box::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--light-x,25%) var(--light-y,0%),#d2f7ff88,transparent 65%);z-index:-1}
.icon-box .icon{filter:drop-shadow(0 1px 2px #001c4e80);stroke-width:1.8}
.card:is(:hover,:focus-within) .icon-box{color:white;box-shadow:inset 0 1px 1px #fff,0 0 18px #4ac9ff50,0 5px 12px #164a7926}
.header{background:#0a2035f2;box-shadow:inset 0 -1px 0 #c3ecff19,0 8px 25px #001a3212}
.header .brand img{mix-blend-mode:lighten}
.product-app-logo{width:76px;height:76px;flex:0 0 76px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#f7fcff,#e8f1f8);border:1px solid #d5e3ee;box-shadow:inset 0 1px 0 #fff,0 5px 16px #193c5b0d;transition:box-shadow .25s,border-color .25s}
.product-app-logo img{width:58px;height:58px;object-fit:contain;display:block}
.product-app-logo-arca img{filter:brightness(0) saturate(100%) invert(19%) sepia(38%) saturate(1400%) hue-rotate(169deg) brightness(90%)}
.product-list>a:is(:hover,:focus-visible) .product-app-logo{border-color:#85bcdf;box-shadow:inset 0 1px 0 white,0 0 22px #4ba5dc25}
@media(max-width:640px){.product-app-logo{width:62px;height:62px;flex-basis:62px;border-radius:14px}.product-app-logo img{width:48px;height:48px}.product-list>a{gap:14px}}
.dropdown{background:#f7fbfff5;border-color:#c6ddec;box-shadow:inset 0 1px 0 white,0 18px 48px #001d3933}
.dropdown a:hover,.dropdown a:focus-visible{background:#dcefff;color:#092b4a}
.dropdown a:focus-visible span{color:#39516c}
.trust-strip,.library-filters,.contact-form{box-shadow:inset 0 1px 0 #ffffff5c,0 8px 25px #183d5d0a}
.library-filters{padding:20px;border:1px solid #d4e3ee;border-radius:14px;background:#f5faff}
.menu-toggle,.motion-toggle{box-shadow:inset 0 1px 0 #e1f5ff22;background:#15344d9e}
@supports ((backdrop-filter:blur(16px)) or (-webkit-backdrop-filter:blur(16px))){
 .header{-webkit-backdrop-filter:blur(22px) saturate(125%);backdrop-filter:blur(22px) saturate(125%);background:#091f35e8}
 .dropdown,.library-filters,.contact-form{-webkit-backdrop-filter:blur(18px) saturate(115%);backdrop-filter:blur(18px) saturate(115%);background:#f7fbfff0}
 .card,.feature-section .card,.resource-card,.contact-channels article{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbfdfff0}
}
/* A continuous glass rail and individual landing pads link the seven stages. */
.sector-grid a{position:relative;isolation:isolate;min-height:112px;padding:24px 20px;gap:15px;border:1px solid #d2e0ef;border-radius:16px;background:#f7fbff;color:#17334d;box-shadow:inset 0 1px 0 #fff,0 5px 18px #15375a08;transition:transform .25s,box-shadow .25s,border-color .25s}
.sector-grid a::before{content:'';position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(230px circle at var(--light-x,25%) var(--light-y,10%),#6acaff40,transparent 75%),linear-gradient(135deg,#ffffffbd,transparent);opacity:.4;transition:opacity .25s}
.sector-grid a:is(:hover,:focus-visible){background:#f7fbff;border-color:#78b7df;box-shadow:inset 0 1px 0 #fff,0 0 0 1px #b7e2ff55,0 10px 30px #238fd322;transform:translateY(-3px)}
.sector-grid a:is(:hover,:focus-visible)::before{opacity:1}
.sector-grid a:focus-visible{outline:2px solid #1769ac;outline-offset:4px}
.sector-grid .sector-symbol{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;margin:0;border-radius:12px;background:linear-gradient(145deg,#3b8cc8,#145490 50%,#092e57);border:1px solid #91c6e6;box-shadow:inset 0 1px 1px #ffffffa1,0 5px 12px #164a7926}
.sector-grid .sector-symbol .icon{width:24px;height:24px;color:#e2f7ff;filter:drop-shadow(0 1px 2px #001c4e80)}
.sector-grid .sector-name{line-height:1.45}
.sector-grid .sector-arrow{font-size:20px;opacity:.65}
@supports(backdrop-filter:blur(12px)){.sector-grid a{background:#f7fbfff0;backdrop-filter:blur(12px)}}
@media(max-width:640px){.sector-grid a{padding:20px 16px;display:grid;grid-template-columns:1fr auto;gap:16px;align-content:start;min-height:148px}.sector-grid .sector-name{grid-column:1/-1;font-size:15px}.sector-grid a>.sector-arrow:last-child{display:block;position:absolute;right:15px;top:26px;font-size:18px}.sector-grid .sector-symbol{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.sector-grid a,.sector-grid a::before{transition:none}.sector-grid a:is(:hover,:focus-visible){transform:none}}
@media(forced-colors:active){.sector-grid a::before{display:none}.sector-grid .sector-symbol{background:ButtonFace;border-color:ButtonText}.sector-grid .sector-symbol .icon{color:ButtonText}}
.flow-illuminated li{gap:12px}
.flow-illuminated .flow-art{width:132px;max-width:100%;height:132px;aspect-ratio:auto;perspective:600px}
.flow-illuminated .flow-art img{width:85%;filter:saturate(.64) contrast(.84) brightness(1.04) drop-shadow(0 7px 5px #17395118);transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .2s ease-out,filter .3s}
.flow-illuminated li:hover .flow-art img{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-2px);filter:saturate(.78) contrast(.88) brightness(1.04) drop-shadow(0 9px 7px #357ead22)}
.flow-illuminated .flow-art::before{inset:auto 12% 0;height:15px;border-radius:50%;border:1px solid #b8d7e9;background:radial-gradient(ellipse at var(--light-x,50%) 40%,#a2ddf85e,transparent 72%),linear-gradient(#f8fdffad,#c5e2ef4a);box-shadow:inset 0 1px 0 #fff,0 4px 8px #1c6d9e0d;z-index:-1}
.flow-illuminated .flow-art::after{content:'';position:absolute;inset:7% 9% 16%;border-radius:40%;pointer-events:none;background:radial-gradient(65px circle at var(--light-x,50%) var(--light-y,20%),#daf6ff28,transparent 75%);mix-blend-mode:soft-light}
.flow-illuminated li:not(:last-child)::after{content:'';top:155px;right:calc(-50% - 10px);width:calc(100% + 20px);height:2px;background:linear-gradient(90deg,#b1d4e0,#79b4cf,#c1dae5);box-shadow:0 2px 0 #ffffffd9;opacity:.75;z-index:-1}
.flow-illuminated li{isolation:isolate}
.flow-illuminated strong{margin-top:8px}
@media(min-width:641px) and (max-width:1000px){.flow-illuminated li:nth-child(4)::after{display:none}}
@media(max-width:950px){
 .header nav{background:#092039f5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
 .dropdown{background:#17364df5}.dropdown a{color:#e0f2ff}.dropdown a span{color:#c2d6e5}
 .dropdown a:hover,.dropdown a:focus-visible{background:#254c66;color:#fff}.dropdown a:is(:hover,:focus-visible) span{color:#d4e7f4}
}
@media(max-width:640px){
 .flow-illuminated li{grid-template-columns:22px 92px minmax(0,1fr)}
 .flow-illuminated .flow-art{width:92px;height:104px}
 .flow-illuminated strong{margin-top:0}
 .flow-illuminated li:not(:last-child)::after{top:auto;bottom:-18px;left:79px;right:auto;width:2px;height:27px;background:linear-gradient(#94c5d9,#cfE4ed);box-shadow:1px 0 0 white}
 .library-filters{padding:16px}
}
@media(prefers-reduced-motion:reduce){
 .card,.resource-card,.contact-channels article,.flow-art img{transition:none!important;transform:none!important}
 .card::before,.resource-card::before,.contact-channels article::before{transition:none}
}
@media(forced-colors:active){.icon-box{color:ButtonText;background:ButtonFace;border:1px solid ButtonText}.card::before,.resource-card::before,.flow-art::after{display:none}}