
/* ============ INDUSTRIES v2, editorial redesign ============ */
html,body{background:#FFFFFF!important}
.section,main#main>section{background-color:#FFFFFF}
nav.topnav.scrolled{background:rgba(255,255,255,.74)!important;border-bottom-color:rgba(27,27,27,.06)!important}

/* ---- chapter 1: the sky hero ---- */
.skyhero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#050607 0%,#060809 16%,#080B11 30%,#0B1220 42%,#101A2C 53%,#17263E 62%,#1F3252 70%,#2A4470 78%,#3A5A8C 85%,#4E76AA 91%,#6892C4 96%,#7CA4D4 100%)!important;padding:clamp(180px,21vh,264px) 0 clamp(90px,9vw,140px)!important;text-align:center}
.skyhero .sh-in{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center}
.skyhero .kicker{color:rgba(247,245,242,.55)!important}
.skyhero h1{color:#F7F5F2!important;max-width:22ch;margin:0 auto 18px!important}
.skyhero p{color:rgba(247,245,242,.72)!important;max-width:52ch;margin:0 auto!important}
.mist{position:absolute;inset:-12% -6%;z-index:0;overflow:hidden;pointer-events:none}
.mist i{position:absolute;left:-30%;width:170%;border-radius:44% 56% 48% 52%;filter:blur(clamp(44px,5vw,84px));will-change:transform;animation:mistdrift 52s ease-in-out infinite alternate}
.mist i:nth-child(1){top:44%;height:38%;background:linear-gradient(96deg,rgba(150,186,223,0) 0%,rgba(170,200,232,.7) 26%,rgba(214,231,247,.85) 48%,rgba(160,192,228,.55) 72%,rgba(150,186,223,0) 100%);transform:rotate(-7deg);opacity:.42}
.mist i:nth-child(2){top:60%;height:30%;background:linear-gradient(94deg,rgba(224,236,250,0) 0%,rgba(232,241,251,.75) 30%,rgba(246,250,254,.9) 52%,rgba(214,231,247,.55) 76%,rgba(224,236,250,0) 100%);transform:rotate(4deg);opacity:.38;animation-duration:42s;animation-direction:alternate-reverse}
.mist i:nth-child(3){top:76%;height:32%;background:linear-gradient(92deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.55) 24%,rgba(236,231,222,.5) 46%,rgba(255,255,255,.45) 70%,rgba(255,255,255,0) 100%);transform:rotate(-3deg);opacity:.28;animation-duration:58s}
.mist i:nth-child(4){top:-18%;height:56%;background:linear-gradient(98deg,rgba(5,7,11,.92) 0%,rgba(5,7,11,.98) 40%,rgba(9,14,24,.9) 70%,rgba(9,14,24,.7) 100%);transform:rotate(-5deg);opacity:.95;animation-duration:48s;animation-direction:alternate-reverse}
.mist::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,5,7,.88) 0%,rgba(5,7,10,.74) 26%,rgba(7,10,16,.54) 44%,rgba(10,16,28,.36) 60%,rgba(14,22,38,.2) 76%,rgba(18,28,46,.1) 100%)}
@keyframes mistdrift{from{transform:translate3d(-3%,0,0) rotate(-6deg)}to{transform:translate3d(4%,2%,0) rotate(-2deg)}}
@media(prefers-reduced-motion:reduce){.mist i{animation:none}}
.skyhero::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");background-size:200px 200px;opacity:.14;mix-blend-mode:overlay}

/* ---- chapter 2: industry cards, one deck colour each ---- */
.section[data-screen-label="Industry tiles"]{padding-top:clamp(70px,7vw,110px)!important}

.ind-grid2{gap:clamp(14px,1.4vw,20px)!important}
.ind-tile{border-radius:26px!important;padding:clamp(30px,3vw,48px)!important;min-height:clamp(280px,24vw,340px)!important;border:0!important;box-shadow:none!important}
.ind-grid2>.ind-tile:nth-child(1){background:radial-gradient(30rem 18rem at 20% 0%,rgba(77,110,156,.5),transparent 64%),linear-gradient(160deg,#0F1725 0%,#16233A 58%,#1d2f4c 100%)!important}
.ind-grid2>.ind-tile:nth-child(2){background:linear-gradient(160deg,#dbe9f9 0%,#cfe0f5 60%,#c3d8f1 100%)!important}
.ind-grid2>.ind-tile:nth-child(3){background:linear-gradient(160deg,#eef3fb 0%,#e4ecf8 60%,#d8e5f5 100%)!important}
.ind-grid2>.ind-tile:nth-child(4){background:linear-gradient(160deg,#f0f0ee 0%,#e9e9e6 60%,#e2e2de 100%)!important}
.ind-grid2>.ind-tile:nth-child(5){background:radial-gradient(28rem 16rem at 82% 0%,rgba(111,143,216,.3),transparent 66%),linear-gradient(160deg,#121212 0%,#1B1B1B 58%,#26262a 100%)!important}
.ind-grid2>.ind-tile:nth-child(6){background:linear-gradient(160deg,#e7e9e1 0%,#dee1d6 60%,#d5d9cb 100%)!important}
.ind-grid2>.ind-tile:nth-child(1) h2,.ind-grid2>.ind-tile:nth-child(1) h3,
.ind-grid2>.ind-tile:nth-child(5) h2,.ind-grid2>.ind-tile:nth-child(5) h3,
.ind-grid2>.ind-tile:nth-child(1) .xgo,.ind-grid2>.ind-tile:nth-child(5) .xgo{color:#F7F5F2!important}
.ind-grid2>.ind-tile:nth-child(1) p,.ind-grid2>.ind-tile:nth-child(5) p{color:rgba(247,245,242,.72)!important}
.ind-grid2>.ind-tile:nth-child(1) .ind-tools,.ind-grid2>.ind-tile:nth-child(5) .ind-tools{color:rgba(247,245,242,.5)!important}
.ind-grid2>.ind-tile:not(:nth-child(1)):not(:nth-child(5)) h2,
.ind-grid2>.ind-tile:not(:nth-child(1)):not(:nth-child(5)) h3,
.ind-grid2>.ind-tile:not(:nth-child(1)):not(:nth-child(5)) .xgo{color:#141a2e!important}
.ind-grid2>.ind-tile:not(:nth-child(1)):not(:nth-child(5)) p,
.ind-grid2>.ind-tile:not(:nth-child(1)):not(:nth-child(5)) .ind-tools{color:var(--stone-6)!important}

/* ---- centred section heads, as on About ---- */
.section[data-screen-label="Live demo intro"] .lhead,
.section[data-screen-label="Every firm"] .lhead,
#explore .lhead{text-align:center!important;margin-left:auto!important;margin-right:auto!important;max-width:1180px}
.section[data-screen-label="Live demo intro"] .lsec,
.section[data-screen-label="Every firm"] .lsec,
#explore .lsec{margin-left:auto!important;margin-right:auto!important;max-width:32ch;text-wrap:pretty}
.section[data-screen-label="Every firm"] .lsec span,
.section[data-screen-label="Live demo intro"] .lsec span{display:block;margin-top:14px;font-size:.44em;line-height:1.6;color:var(--stone-6)!important;max-width:60ch;margin-left:auto;margin-right:auto}

/* ---- chapter 4: the busywork list, hairline rows ---- */
.bwlist{display:block;margin-top:clamp(40px,4.6vw,70px);border-top:1px solid rgba(27,27,27,.1)}
.bwrow{display:grid;grid-template-columns:minmax(70px,.5fr) minmax(0,1.5fr) minmax(0,1.6fr);gap:clamp(20px,3vw,56px);align-items:start;padding:clamp(28px,3.2vw,46px) 0;border-bottom:1px solid rgba(27,27,27,.1)}
.bwrow .bw-n{font-family:var(--f-ui);font-size:11px;font-weight:500;letter-spacing:.16em;color:var(--stone-4);padding-top:7px}
.bwrow h3{margin:0;font-family:var(--f-display);font-weight:460;font-size:clamp(19px,1.7vw,26px);line-height:1.2;letter-spacing:-.015em;color:var(--ink);text-wrap:pretty}
.bwrow .bw-b{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.bwrow p{margin:0;font-family:var(--f-ui);font-size:14.5px;line-height:1.7;color:var(--stone-6);max-width:52ch}
.bwrow .bw-rung{font-family:var(--f-ui);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#4D6E9C;border:1px solid rgba(77,110,156,.3);border-radius:999px;padding:6px 13px}
@media(max-width:900px){.bwrow{grid-template-columns:minmax(0,1fr);gap:12px;padding:24px 0}.bwrow .bw-n{padding-top:0}}

/* ---- closing tail: CTA into the footer as one piece ---- */
#waitlist{position:relative;isolation:isolate;overflow:hidden;max-width:none!important;width:100%!important;margin:0!important;opacity:1!important;transform:none!important}
#waitlist .cta-band{position:relative;z-index:1;background:transparent!important;border:0!important}
#waitlist::before{display:none!important}
#waitlist::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(64rem 26rem at 50% 46%,rgba(77,110,156,.3),transparent 70%),linear-gradient(180deg,#1b2030 0%,#1a1e29 40%,#181c25 72%,#15181f 100%)}
#waitlist .cta-band h2,#waitlist .cta-band h2 span{color:#F7F5F2!important}
#waitlist .cta-band .band-kicker,#waitlist .cta-band .band-note{color:rgba(247,245,242,.58)!important}
#waitlist .cta-band .wl{background:transparent!important;border:0!important;border-bottom:1px solid rgba(247,245,242,.26)!important;border-radius:0!important;box-shadow:none!important;padding:6px 0 10px!important}
#waitlist .cta-band .wl input{background:transparent!important;color:#F7F5F2!important;border:0!important}
#waitlist .cta-band .wl input::placeholder{color:rgba(247,245,242,.5)!important}
#waitlist .cta-band .wl .btn.primary{background:transparent!important;border:0!important;color:#F7F5F2!important;box-shadow:none!important}
footer{background:linear-gradient(180deg,#15181f 0%,#13161c 40%,#111318 100%)!important;margin-top:-2px!important;border-radius:0!important}
footer .ftag{color:rgba(247,245,242,.4)!important;line-height:1.65!important}
/* explore: first panel picks up the deck navy */
#explore .exrail>.expan:nth-child(1){background:linear-gradient(150deg,#0F1725 0%,#16233A 60%,#1d2f4c 100%)!important}


/* ---- industry story cards ---- */
.stgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.2vw,34px);margin-top:clamp(30px,3.4vw,52px)}
@media(max-width:1024px){.stgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.stgrid{grid-template-columns:minmax(0,1fr)}}
.stcard{display:flex;flex-direction:column;text-decoration:none;color:var(--ink)}
.stcard:hover{color:var(--ink)}
.st-vis{position:relative;display:block;width:100%;aspect-ratio:16/10;border-radius:18px;overflow:hidden;isolation:isolate;transition:transform .5s cubic-bezier(.3,.8,.2,1)}
.stcard:hover .st-vis{transform:translateY(-4px)}
.st-vis i,.st-vis b{position:absolute;inset:0;display:block}
/* per-industry grounds, investor-deck palette */
.st-vis.v1{background:radial-gradient(28rem 16rem at 18% 8%,rgba(111,143,216,.45),transparent 64%),linear-gradient(150deg,#0F1725 0%,#16233A 60%,#1d2f4c 100%)}
.st-vis.v2{background:radial-gradient(24rem 14rem at 78% 14%,rgba(255,255,255,.75),transparent 62%),linear-gradient(150deg,#cfe0f5 0%,#bcd4ef 60%,#a8c6e6 100%)}
.st-vis.v3{background:radial-gradient(22rem 13rem at 22% 82%,rgba(255,255,255,.8),transparent 60%),linear-gradient(150deg,#e9f0fa 0%,#dde8f6 60%,#cddff2 100%)}
.st-vis.v4{background:radial-gradient(22rem 13rem at 80% 20%,rgba(255,255,255,.7),transparent 60%),linear-gradient(150deg,#f0f0ee 0%,#e6e6e2 60%,#d9d9d4 100%)}
.st-vis.v5{background:radial-gradient(26rem 15rem at 82% 10%,rgba(111,143,216,.32),transparent 64%),linear-gradient(150deg,#121212 0%,#1B1B1B 58%,#282a2e 100%)}
.st-vis.v6{background:radial-gradient(22rem 13rem at 20% 84%,rgba(255,255,255,.7),transparent 60%),linear-gradient(150deg,#e7e9e1 0%,#dde1d4 60%,#d1d6c6 100%)}
/* structure layer: dot field + drifting band, tuned per card */
.st-vis i{background-image:radial-gradient(currentColor 1px,transparent 1px);background-size:14px 14px;opacity:.16;color:#0B1220}
.st-vis.v1 i,.st-vis.v5 i{color:#DCE8F7;opacity:.2}
.st-vis b{background:linear-gradient(96deg,transparent 0%,rgba(255,255,255,.5) 34%,rgba(255,255,255,.75) 52%,rgba(255,255,255,.4) 70%,transparent 100%);filter:blur(26px);transform:rotate(-8deg) scaleY(.5);opacity:.5;transition:opacity .5s,transform .8s cubic-bezier(.3,.8,.2,1)}
.st-vis.v1 b,.st-vis.v5 b{background:linear-gradient(96deg,transparent 0%,rgba(122,160,215,.55) 34%,rgba(196,214,244,.7) 52%,rgba(122,160,215,.4) 70%,transparent 100%);opacity:.6}
.stcard:hover .st-vis b{opacity:.85;transform:rotate(-6deg) scaleY(.62) translateY(-4%)}
.stcard h3{margin:clamp(18px,1.8vw,26px) 0 0;font-family:var(--f-display);font-weight:460;font-size:clamp(19px,1.6vw,25px);line-height:1.2;letter-spacing:-.015em;color:var(--ink);text-wrap:pretty}
.stcard p{margin:10px 0 0;font-family:var(--f-ui);font-size:14.5px;line-height:1.6;color:var(--stone-6);max-width:38ch}
.st-tools{display:block;margin-top:12px;font-family:var(--f-ui);font-size:11.5px;letter-spacing:.1em;color:var(--stone-4)}
.st-go{display:inline-flex;margin-top:16px;font-family:var(--f-ui);font-size:14px;font-weight:500;color:#4D6E9C;transition:transform .2s}
.stcard:hover .st-go{transform:translateX(3px)}

/* ---- busywork accordion ---- */
.bwrow{display:block!important;padding:0!important}
.bw-head{display:grid;grid-template-columns:minmax(60px,.4fr) minmax(0,1fr) auto;gap:clamp(16px,2.4vw,44px);align-items:center;width:100%;background:none;border:0;padding:clamp(24px,2.6vw,36px) 0;text-align:left;cursor:pointer;font:inherit}
.bw-head .bw-n{font-family:var(--f-ui);font-size:11px;font-weight:500;letter-spacing:.16em;color:var(--stone-4);transition:color .25s}
.bwrow.open .bw-head .bw-n{color:#4D6E9C}
.bw-t{font-family:var(--f-display);font-weight:460;font-size:clamp(19px,1.7vw,26px);line-height:1.2;letter-spacing:-.015em;color:var(--stone-4);transition:color .25s;text-wrap:pretty}
.bwrow.open .bw-t,.bw-head:hover .bw-t{color:var(--ink)}
.bw-plus{position:relative;width:26px;height:26px;border-radius:50%;border:1px solid rgba(27,27,27,.2);flex:0 0 auto;transition:transform .35s cubic-bezier(.3,.8,.2,1),background .25s,border-color .25s}
.bw-plus::before,.bw-plus::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;background:currentColor;transform:translate(-50%,-50%)}
.bw-plus::after{transform:translate(-50%,-50%) rotate(90deg)}
.bwrow.open .bw-plus{transform:rotate(45deg);background:#141a2e;border-color:#141a2e;color:#F7F5F2}
.bw-body{max-height:0;overflow:hidden;opacity:0;transition:max-height .5s cubic-bezier(.3,.8,.2,1),opacity .35s,padding .5s;display:grid;grid-template-columns:minmax(60px,.4fr) minmax(0,1fr);gap:clamp(16px,2.4vw,44px)}
.bw-body>p{grid-column:2}
.bw-body>.bw-rung{grid-column:2}
.bwrow.open .bw-body{max-height:260px;opacity:1;padding-bottom:clamp(24px,2.6vw,36px)}
@media(max-width:900px){.bw-head{grid-template-columns:auto minmax(0,1fr) auto}.bw-body{grid-template-columns:minmax(0,1fr)}.bw-body>p,.bw-body>.bw-rung{grid-column:1}}

/* ---- explore: the navy panel reads light ---- */
#explore .exrail>.expan:nth-child(1),
#explore .exrail>.expan:nth-child(1) .ex-h,
#explore .exrail>.expan:nth-child(1) .ex-k,
#explore .exrail>.expan:nth-child(1) .ex-p,
#explore .exrail>.expan:nth-child(1) .ex-go,
#explore .exrail>.expan:nth-child(1) .ex-tab,
#explore .exrail>.expan:nth-child(1) .ex-tab b,
#explore .exrail>.expan:nth-child(1) .ex-n{color:#F7F5F2!important}
#explore .exrail>.expan:nth-child(1) .vz-chips i{border-color:rgba(247,245,242,.32)!important;color:#F7F5F2!important}


/* nav reads light while it sits on the dark sky hero */
nav.topnav:not(.scrolled):not(:hover):not(:focus-within) .tn-logo{filter:invert(1)}
nav.topnav:not(.scrolled):not(:hover):not(:focus-within) .tn-links a,
nav.topnav:not(.scrolled):not(:hover):not(:focus-within) .tn-links .ndl,
nav.topnav:not(.scrolled):not(:hover):not(:focus-within) .mnav-btn{color:#F7F5F2!important}
nav.topnav:not(.scrolled):not(:hover):not(:focus-within) .tn-ghost{color:#F7F5F2!important;background:rgba(247,245,242,.13)!important}
nav.topnav:not(.scrolled):not(:hover):not(:focus-within) .tn-cta{background:#F7F5F2!important;color:#0B0C10!important}
/* closed accordion rows keep full ink */
.bw-t{color:var(--ink)!important}
.bwrow:not(.open) .bw-head:hover .bw-t{color:#4D6E9C!important}
.bw-head .bw-n{color:var(--stone-6)!important}
.bwrow.open .bw-head .bw-n{color:#4D6E9C!important}


/* hero: a full sky band, warm wisps, cloud structure */
.skyhero{background:linear-gradient(180deg,#4E77AC 0%,#5B85B9 14%,#6B94C6 30%,#7CA3D2 46%,#8CB1DB 60%,#9CBEE3 72%,#AECBEA 84%,#BFD8F0 94%,#C9DFF4 100%)!important;padding:clamp(256px,30vh,400px) 0 clamp(150px,15vw,240px)!important}
.mist::after{background:radial-gradient(60rem 26rem at 50% 34%,rgba(20,34,58,.42),transparent 68%),linear-gradient(180deg,rgba(24,40,66,.34) 0%,rgba(24,40,66,.14) 34%,rgba(24,40,66,.04) 60%,rgba(24,40,66,0) 100%)!important}
.mist i{filter:blur(clamp(36px,4.4vw,74px))!important}
.mist i:nth-child(1){top:18%!important;height:34%!important;background:linear-gradient(96deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.55) 26%,rgba(255,255,255,.8) 48%,rgba(255,255,255,.45) 72%,rgba(255,255,255,0) 100%)!important;opacity:.5!important}
.mist i:nth-child(2){top:44%!important;height:30%!important;background:linear-gradient(94deg,rgba(255,246,232,0) 0%,rgba(255,243,224,.5) 30%,rgba(255,250,240,.7) 52%,rgba(246,238,226,.4) 76%,rgba(255,246,232,0) 100%)!important;opacity:.42!important}
.mist i:nth-child(3){top:66%!important;height:34%!important;background:linear-gradient(92deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.6) 24%,rgba(232,240,250,.55) 46%,rgba(255,255,255,.5) 70%,rgba(255,255,255,0) 100%)!important;opacity:.45!important}
.mist i:nth-child(4){top:-12%!important;height:34%!important;background:linear-gradient(98deg,rgba(46,74,114,.5) 0%,rgba(46,74,114,.6) 40%,rgba(58,88,132,.45) 70%,rgba(58,88,132,.3) 100%)!important;opacity:.6!important}
.skyhero::after{opacity:.2!important}
.skyhero h1{text-shadow:0 2px 26px rgba(16,28,48,.34)}
.skyhero p{color:rgba(255,255,255,.92)!important;text-shadow:0 1px 16px rgba(16,28,48,.36)}
.skyhero .kicker{color:rgba(255,255,255,.8)!important;text-shadow:0 1px 12px rgba(16,28,48,.3)}
/* industry cards: no tool list */
.st-tools{display:none!important}


/* white line symbol per industry */
.st-ic{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38%;height:auto;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin="round";opacity:.62;z-index:2;transition:transform .6s cubic-bezier(.3,.8,.2,1),opacity .4s}
.stcard:hover .st-ic{transform:translate(-50%,-52%) scale(1.05);opacity:.8}
.st-vis.v3 .st-ic,.st-vis.v4 .st-ic,.st-vis.v6 .st-ic,.st-vis.v2 .st-ic{stroke:#fff;opacity:.85}
.st-vis.v3,.st-vis.v4,.st-vis.v6,.st-vis.v2{--x:0}
/* light cards get a deeper ground so a white mark reads */
.st-vis.v2{background:radial-gradient(24rem 14rem at 78% 14%,rgba(255,255,255,.4),transparent 62%),linear-gradient(150deg,#5F8CC4 0%,#4E79B2 60%,#3E6699 100%)!important}
.st-vis.v3{background:radial-gradient(22rem 13rem at 22% 82%,rgba(255,255,255,.32),transparent 60%),linear-gradient(150deg,#7C9AC0 0%,#6A88AF 60%,#5A7799 100%)!important}
.st-vis.v4{background:radial-gradient(22rem 13rem at 80% 20%,rgba(255,255,255,.24),transparent 60%),linear-gradient(150deg,#8A8E92 0%,#767a7f 60%,#63676b 100%)!important}
.st-vis.v6{background:radial-gradient(22rem 13rem at 20% 84%,rgba(255,255,255,.26),transparent 60%),linear-gradient(150deg,#8B9382 0%,#788072 60%,#666e60 100%)!important}
.st-vis.v2 i,.st-vis.v3 i,.st-vis.v4 i,.st-vis.v6 i{color:#fff;opacity:.14}

/* hero: rougher structure, more intense blue, white and light-red wisps */
.skyhero{background:linear-gradient(180deg,#2F5C99 0%,#3C6AA8 14%,#4B79B5 28%,#5C88C0 42%,#6E97CB 56%,#82A7D6 68%,#98B9E0 80%,#B0CBEA 91%,#C0D6F0 100%)!important}
.mist i:nth-child(2){background:linear-gradient(94deg,rgba(232,150,130,0) 0%,rgba(236,158,136,.5) 28%,rgba(246,196,178,.62) 50%,rgba(230,150,132,.42) 74%,rgba(232,150,130,0) 100%)!important;opacity:.5!important}
.mist i:nth-child(3){background:linear-gradient(92deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.72) 24%,rgba(255,236,226,.55) 46%,rgba(255,255,255,.6) 70%,rgba(255,255,255,0) 100%)!important;opacity:.55!important}
.mist i:nth-child(4){background:linear-gradient(98deg,rgba(28,52,90,.62) 0%,rgba(28,52,90,.7) 40%,rgba(38,64,104,.5) 70%,rgba(38,64,104,.32) 100%)!important;opacity:.7!important}
.skyhero::after{opacity:.3!important;mix-blend-mode:soft-light!important}


/* clean grounds: no dot field */
.st-vis i{display:none!important}
.st-ic{stroke-width:1.9!important;opacity:.8!important}
.st-vis.v1 .st-ic,.st-vis.v5 .st-ic{opacity:.72!important}


.st-ic{opacity:.5!important}
.stcard:hover .st-ic{opacity:.66!important}
.st-vis.v1 .st-ic,.st-vis.v5 .st-ic{opacity:.46!important}


.stcard p{display:none!important}
.st-go{margin-top:12px!important}


/* ---- accordion body: two clean columns, no full-width pill ---- */
.bw-body{grid-template-columns:minmax(60px,.4fr) minmax(0,1fr) minmax(0,1fr)!important;gap:clamp(18px,2.6vw,48px)!important}
.bw-body>.bw-col:first-child{grid-column:2}
.bw-body>.bw-col:last-child{grid-column:3}
.bw-col{display:flex;flex-direction:column;gap:10px}
.bw-lab{font-family:var(--f-ui);font-size:10.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--stone-4)}
.bw-col:last-child .bw-lab{color:#4D6E9C}
.bw-body p{margin:0;font-family:var(--f-ui);font-size:15px;line-height:1.7;color:var(--stone-6);max-width:46ch}
.bw-pain{color:var(--ink)!important;font-family:var(--f-display)!important;font-weight:420!important;font-size:clamp(16px,1.25vw,19px)!important;line-height:1.5!important;letter-spacing:-.008em}
.bwrow.open .bw-body{max-height:360px!important}
@media(max-width:900px){.bw-body{grid-template-columns:minmax(0,1fr)!important}.bw-body>.bw-col:first-child,.bw-body>.bw-col:last-child{grid-column:1}}

/* ---- header: an uneven sky, not a linear fade ---- */
.skyhero{background:
  radial-gradient(80rem 40rem at 82% 8%,rgba(226,238,250,.9),transparent 62%),
  radial-gradient(64rem 34rem at 12% 26%,rgba(246,226,214,.7),transparent 60%),
  radial-gradient(70rem 30rem at 38% 78%,rgba(255,255,255,.55),transparent 64%),
  radial-gradient(90rem 46rem at 60% 120%,rgba(178,206,236,.9),transparent 66%),
  linear-gradient(158deg,#2A5490 0%,#39679F 22%,#4B79B0 42%,#6390C2 60%,#83A9D3 76%,#A4C1E2 90%,#BCD3EC 100%)!important}
.mist i{border-radius:46% 54% 42% 58%!important;filter:blur(clamp(40px,5vw,86px))!important}
.mist i:nth-child(1){top:8%!important;left:-36%!important;width:150%!important;height:40%!important;transform:rotate(-13deg)!important;opacity:.5!important}
.mist i:nth-child(2){top:36%!important;left:-20%!important;width:132%!important;height:26%!important;transform:rotate(6deg)!important;opacity:.55!important}
.mist i:nth-child(3){top:58%!important;left:-40%!important;width:160%!important;height:36%!important;transform:rotate(-9deg)!important;opacity:.5!important}
.mist i:nth-child(4){top:-16%!important;left:-24%!important;width:150%!important;height:32%!important;transform:rotate(-16deg)!important;opacity:.62!important}
.mist::after{background:radial-gradient(56rem 24rem at 50% 36%,rgba(18,32,56,.44),transparent 68%),linear-gradient(172deg,rgba(20,36,62,.34) 0%,rgba(20,36,62,.1) 40%,rgba(20,36,62,0) 72%)!important}
.skyhero::after{opacity:.34!important}


.skyhero{background:
  radial-gradient(80rem 40rem at 82% 8%,rgba(206,230,250,.95),transparent 62%),
  radial-gradient(64rem 34rem at 12% 26%,rgba(244,196,172,.8),transparent 58%),
  radial-gradient(70rem 30rem at 38% 78%,rgba(255,255,255,.6),transparent 62%),
  radial-gradient(90rem 46rem at 60% 122%,rgba(140,184,228,.95),transparent 66%),
  linear-gradient(158deg,#173F7A 0%,#22518F 20%,#2E63A3 38%,#4079B8 56%,#5C93CB 74%,#83B0DD 88%,#A2C6E9 100%)!important}
.mist i:nth-child(2){background:linear-gradient(94deg,rgba(236,138,110,0) 0%,rgba(240,148,118,.62) 28%,rgba(250,192,168,.72) 50%,rgba(236,140,112,.52) 74%,rgba(236,138,110,0) 100%)!important;opacity:.6!important}
.mist i:nth-child(4){background:linear-gradient(98deg,rgba(14,40,80,.72) 0%,rgba(14,40,80,.8) 40%,rgba(24,56,102,.6) 70%,rgba(24,56,102,.38) 100%)!important;opacity:.75!important}
.skyhero::after{opacity:.28!important}


/* six clearly distinct grounds, each strong enough for a white mark */
.st-vis.v1{background:radial-gradient(26rem 15rem at 22% 12%,rgba(120,158,214,.5),transparent 62%),linear-gradient(150deg,#0B1120 0%,#132443 55%,#1E3A66 100%)!important}
.st-vis.v2{background:radial-gradient(24rem 14rem at 76% 16%,rgba(255,255,255,.42),transparent 60%),linear-gradient(150deg,#1E6FA8 0%,#2E8BC0 55%,#49A6D2 100%)!important}
.st-vis.v3{background:radial-gradient(22rem 13rem at 24% 82%,rgba(255,255,255,.3),transparent 58%),linear-gradient(150deg,#1C5E52 0%,#25786A 55%,#349384 100%)!important}
.st-vis.v4{background:radial-gradient(22rem 13rem at 80% 20%,rgba(255,255,255,.26),transparent 58%),linear-gradient(150deg,#3E3B4E 0%,#514C63 55%,#665F79 100%)!important}
.st-vis.v5{background:radial-gradient(24rem 14rem at 82% 14%,rgba(240,170,140,.4),transparent 62%),linear-gradient(150deg,#7A3B2E 0%,#9A4E3A 55%,#B96548 100%)!important}
.st-vis.v6{background:radial-gradient(22rem 13rem at 20% 84%,rgba(255,255,255,.22),transparent 58%),linear-gradient(150deg,#3F4630 0%,#525B3C 55%,#68724C 100%)!important}
.st-vis b{opacity:.4!important}
.st-ic{opacity:.62!important;stroke:#fff!important}
.stcard:hover .st-ic{opacity:.8!important}


/* ---- busywork rows: one clean answer, opens on hover too ---- */
.bw-body{display:grid!important;grid-template-columns:minmax(60px,.4fr) minmax(0,1fr)!important;gap:clamp(16px,2.4vw,44px)!important}
.bw-body>p{grid-column:2;margin:0;font-family:var(--f-ui);font-size:15.5px;line-height:1.7;color:var(--stone-6);max-width:64ch}
.bwrow.open .bw-body{max-height:200px!important;padding-bottom:clamp(22px,2.4vw,34px)!important}
.bw-lab{display:none!important}
.bw-head{padding:clamp(22px,2.4vw,32px) 0!important}

/* ---- industry cards: soft blurred colour fields ---- */
.st-vis{background:#0B1120!important}
.st-vis b{inset:-25%!important;filter:blur(46px)!important;opacity:1!important;transform:none!important;transition:transform .9s cubic-bezier(.3,.8,.2,1),opacity .5s}
.stcard:hover .st-vis b{transform:scale(1.06) rotate(2deg)!important}
.st-vis.v1 b{background:radial-gradient(38% 46% at 18% 22%,#2E63A3 0%,transparent 62%),radial-gradient(44% 50% at 82% 12%,#7FB6D8 0%,transparent 64%),radial-gradient(52% 56% at 62% 88%,#0C1A31 0%,transparent 66%),linear-gradient(150deg,#14243F 0%,#1B3557 100%)!important}
.st-vis.v2 b{background:radial-gradient(42% 48% at 14% 18%,#F0C9A0 0%,transparent 60%),radial-gradient(46% 52% at 86% 26%,#2E9BC4 0%,transparent 62%),radial-gradient(56% 60% at 50% 92%,#0E3A4C 0%,transparent 66%),linear-gradient(150deg,#1B4E63 0%,#256E86 100%)!important}
.st-vis.v3 b{background:radial-gradient(40% 46% at 20% 80%,#8FD6C4 0%,transparent 60%),radial-gradient(46% 50% at 82% 18%,#4FB3E8 0%,transparent 62%),radial-gradient(54% 58% at 46% 46%,#12463F 0%,transparent 64%),linear-gradient(150deg,#12433C 0%,#1C6357 100%)!important}
.st-vis.v4 b{background:radial-gradient(40% 46% at 16% 24%,#8E86C9 0%,transparent 60%),radial-gradient(44% 50% at 84% 76%,#5E9BD6 0%,transparent 62%),radial-gradient(56% 60% at 52% 40%,#241F34 0%,transparent 64%),linear-gradient(150deg,#2A2740 0%,#3E3A58 100%)!important}
.st-vis.v5 b{background:radial-gradient(42% 48% at 82% 20%,#F0855A 0%,transparent 60%),radial-gradient(40% 46% at 16% 74%,#F2C79A 0%,transparent 60%),radial-gradient(56% 60% at 54% 52%,#5A2418 0%,transparent 64%),linear-gradient(150deg,#6B2E1F 0%,#93482F 100%)!important}
.st-vis.v6 b{background:radial-gradient(40% 46% at 20% 22%,#C8CE9A 0%,transparent 60%),radial-gradient(44% 50% at 84% 74%,#6E8A72 0%,transparent 62%),radial-gradient(54% 58% at 48% 48%,#2A3020 0%,transparent 64%),linear-gradient(150deg,#333A26 0%,#4B543A 100%)!important}
.st-vis::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");background-size:180px 180px;opacity:.2;mix-blend-mode:overlay}


/* bottom row: stay in the blue family, cooler and calmer */
.st-vis.v4 b{background:radial-gradient(40% 46% at 16% 22%,#5E86C0 0%,transparent 60%),radial-gradient(44% 50% at 84% 76%,#7FB0DC 0%,transparent 62%),radial-gradient(56% 60% at 52% 44%,#152C4A 0%,transparent 64%),linear-gradient(150deg,#16294A 0%,#254268 100%)!important}
.st-vis.v5 b{background:radial-gradient(42% 48% at 80% 18%,#9FC6E6 0%,transparent 60%),radial-gradient(40% 46% at 16% 76%,#DCE9F6 0%,transparent 60%),radial-gradient(56% 60% at 54% 50%,#1E3D5E 0%,transparent 64%),linear-gradient(150deg,#22415F 0%,#3B6288 100%)!important}
.st-vis.v6 b{background:radial-gradient(40% 46% at 20% 22%,#8FB6CE 0%,transparent 60%),radial-gradient(44% 50% at 84% 74%,#4C7893 0%,transparent 62%),radial-gradient(54% 58% at 48% 48%,#132A38 0%,transparent 64%),linear-gradient(150deg,#16303E 0%,#274C5F 100%)!important}
