/* Homepage V2 extends the site's existing type, colour and button tokens. */
html { scroll-behavior: smooth; }
body { overflow-x: clip; }
.startup-loader { display: grid; place-items: center; }
.startup-loader img { width: min(410px, 72vw); height: auto; filter: invert(1); animation: intro-mark .65s ease both; }
@keyframes intro-mark { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.site-header { position: absolute; }
.mobile-menu-toggle { display: none; }
.capabilities { position: relative; overflow: hidden; padding: 90px 0 52px; background: radial-gradient(circle at 74% 42%, rgba(116,139,201,.14), transparent 37%), linear-gradient(180deg,#050608,#0b0d12 65%,#050608); color: var(--fg); }
.capabilities-head { max-width: 750px; }
.capabilities-head .section-title { max-width: 720px; }
.capabilities-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: clamp(30px,4vw,70px); align-items: start; margin-top: 24px; }
.capability-cards { display: grid; gap: 12px; position: relative; z-index: 5; }
.capability-card { display: grid; grid-template-columns: 38px 1fr; gap: 14px; width: 100%; min-height: 96px; padding: 18px 20px; border: 1px solid rgba(255,255,255,.12); border-radius: 18px; background: rgba(255,255,255,.035); color: #fff; text-align: left; cursor: pointer; transition: border-color .28s, background .28s, box-shadow .28s, transform .28s; }
.capability-card:hover,.capability-card:focus-visible { border-color: rgba(182,194,255,.65); outline: none; }
.capability-card:focus-visible { box-shadow: 0 0 0 3px rgba(130,169,255,.35); }
.capability-card[aria-pressed="true"] { border-color: transparent; background: linear-gradient(#131924,#131924) padding-box,linear-gradient(110deg,#79c5ff,#bfa5fa,#f282b6) border-box; box-shadow: 0 0 28px rgba(133,132,205,.14); transform: translateX(4px); }
.capability-index { padding-top: 2px; color: #a6a7ba; font: 11px/1.5 var(--font-mono); letter-spacing: .12em; }
.capability-card strong { display: block; font-size: 17px; font-weight: 570; line-height: 1.25; }
.capability-card small { display: block; margin-top: 5px; color: rgba(255,255,255,.64); font-size: 13px; line-height: 1.45; }
.capabilities .device-panel { width: 100%; height: 860px; min-height: 0; overflow: visible; padding: 0; place-items: start center; }
.capabilities .device-stack { width: min(100%,455px); aspect-ratio: 1080/2250; margin: 0; transform: translateY(-95px); filter: drop-shadow(0 36px 32px rgba(0,0,0,.47)); }
.capabilities .device-aura { width: 110%; }
.capabilities .device-overlay { z-index: 3; }
.screen-content { position: absolute; z-index: 1; left: 10.1%; top: 17.65%; width: 81.5%; height: 22.45%; overflow: hidden; border-radius: .4%; background: #101725; }
.screen-state { position: absolute; inset: 0; overflow: hidden; opacity: 0; visibility: hidden; transition: opacity .42s ease, visibility .42s ease; }
.screen-state.is-active { opacity: 1; visibility: visible; }
.screen-state img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.capability-tail { margin: 16px 0 0; color: rgba(255,255,255,.54); font-size: 12px; letter-spacing: .035em; }
.setup-section { padding: 88px 0 100px; background: #f3f3f4; }
.setup-head { margin-bottom: 38px; }
.setup-layout { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(320px,.75fr); gap: clamp(28px,4vw,70px); align-items: start; }
.setup-form { display: grid; gap: 28px; }
.setup-form fieldset { min-width: 0; margin: 0; padding: 0 0 24px; border: 0; border-bottom: 1px solid rgba(0,0,0,.13); }
.setup-form legend { width: 100%; padding: 0 0 14px; font-size: 18px; font-weight: 600; }
.setup-form legend > span:first-child { margin-right: 12px; color: #82828a; font: 11px var(--font-mono); }
.setup-options { display: flex; flex-wrap: wrap; gap: 9px; }
.setup-option { position: relative; cursor: pointer; }
.setup-option input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.setup-option > span { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 16px; border: 1px solid rgba(0,0,0,.15); border-radius: 999px; background: #fff; color: #36383d; font-size: 13px; line-height: 1.3; transition: border-color .2s,background .2s,color .2s; }
.setup-option input:checked + span { border-color: #15161a; background: #15161a; color: #fff; }
.setup-option input:focus-visible + span { outline: 3px solid #8aaaff; outline-offset: 2px; }
.setup-result { position: sticky; top: 20px; min-height: 410px; padding: 36px; border: 1px solid rgba(255,255,255,.12); border-radius: 26px; background: radial-gradient(circle at 80% 25%,rgba(153,151,215,.22),transparent 35%),linear-gradient(135deg,#161c29,#090b10); color: #fff; box-shadow: 0 24px 60px rgba(15,20,29,.14); }
.setup-result .eyebrow { color: rgba(255,255,255,.58); }
.setup-result-product { display: flex; align-items: center; gap: 20px; min-height: 170px; }
.setup-result-product img { width: 92px; height: 160px; object-fit: contain; }
.setup-result-product img[hidden] { display: none; }
.setup-result h3 { margin: 0; font: 500 clamp(27px,2.7vw,38px)/1.08 var(--font-display); letter-spacing: -.025em; }
.setup-result-product p { margin: 10px 0 0; color: #c5b5e9; font-size: 15px; }
.setup-result > p:not(.eyebrow) { color: rgba(255,255,255,.7); font-size: 14px; line-height: 1.55; }
.setup-result .btn { margin-top: 12px; }
.edition-context { max-width: 720px; margin: 30px 0 0; padding-left: 18px; border-left: 2px solid #a7a0c8; color: #565b65; font-size: 14px; line-height: 1.55; }
.usecases-section { padding: 90px 0; background: #f4f4f5; }
.usecases-head { display: flex; align-items: end; justify-content: space-between; gap: 35px; margin-bottom: 35px; }
.usecases-head .section-title { max-width: 720px; }
.usecases-head .section-copy { flex: 0 0 300px; }
.usecase-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.usecase-grid:focus-visible { outline: 3px solid #8aaaff; outline-offset: 4px; }
.usecase-card { min-width: 0; overflow: hidden; border: 1px solid rgba(0,0,0,.09); border-radius: 24px; background: #fff; }
.usecase-card img { display: block; width: 100%; aspect-ratio: 16/9; height: auto; object-fit: cover; background: #dfdfe3; }
.usecase-card > div { padding: 20px 24px 24px; }
.usecase-card h3 { margin: 0; font-size: 21px; font-weight: 580; }
.usecase-card p { margin: 9px 0 0; color: var(--ink-muted); font-size: 14px; line-height: 1.5; }
.sector-solutions { position: relative; isolation: isolate; overflow: hidden; padding: 100px 0 108px; background: radial-gradient(circle at 75% 38%,rgba(95,130,207,.14),transparent 34%),radial-gradient(circle at 89% 78%,rgba(211,111,162,.1),transparent 26%),linear-gradient(145deg,#0c111c,#050609 75%); color: #fff; }
.solutions-layout { display: grid; grid-template-columns: minmax(0,.83fr) minmax(0,1.17fr); gap: clamp(48px,6vw,100px); align-items: center; }
.solutions-intro { align-self: center; max-width: 510px; }
.solutions-intro .section-title { max-width: 520px; font-size: clamp(38px,3.5vw,53px); }
.solutions-intro .section-copy { max-width: 47ch; }
.featured-solution { min-width: 0; padding: clamp(24px,2.7vw,38px); border: 1px solid rgba(190,205,248,.19); border-radius: 28px; background: radial-gradient(circle at 76% 33%,rgba(104,157,255,.16),transparent 35%),radial-gradient(circle at 92% 59%,rgba(215,122,183,.13),transparent 28%),linear-gradient(145deg,rgba(28,34,49,.93),rgba(12,15,23,.97)); box-shadow: 0 28px 70px rgba(0,0,0,.2); }
.featured-solution-main { display: grid; grid-template-columns: minmax(0,1fr) minmax(135px,30%); gap: 12px; align-items: center; min-height: 312px; }
.featured-solution-copy { position: relative; z-index: 1; }
.solution-kicker { display: inline-block; margin: 0 0 18px; padding: 8px 11px; border: 1px solid rgba(195,194,240,.25); border-radius: 999px; color: #c8c5ee; font: 10px/1.2 var(--font-mono); letter-spacing: .11em; text-transform: uppercase; }
.featured-solution h3 { max-width: 15ch; margin: 0; font: 520 clamp(28px,2.45vw,38px)/1.1 var(--font-display); letter-spacing: -.025em; }
.featured-solution-copy > p:not(.solution-kicker) { max-width: 46ch; margin: 16px 0 0; color: rgba(255,255,255,.78); font-size: 14px; line-height: 1.55; }
.featured-solution-copy .featured-solution-detail { color: rgba(255,255,255,.58) !important; font-size: 12px !important; }
.featured-solution-device { display: grid; place-items: center; min-width: 0; height: 310px; overflow: hidden; }
.featured-solution-device img { display: block; width: 100%; max-height: 330px; object-fit: contain; filter: drop-shadow(0 18px 24px rgba(0,0,0,.5)); }
.solution-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; margin: 10px 0 26px; padding: 22px 0 0; border-top: 1px solid rgba(255,255,255,.13); list-style: none; }
.solution-steps li { min-width: 0; padding: 0 16px; border-left: 1px solid rgba(255,255,255,.12); }
.solution-steps li:first-child { padding-left: 0; border-left: 0; }
.solution-steps li:last-child { padding-right: 0; }
.solution-steps li > span { display: block; margin-bottom: 11px; color: #9dadcc; font: 10px/1 var(--font-mono); letter-spacing: .12em; }
.solution-steps strong { display: block; font-size: 14px; font-weight: 600; }
.solution-steps p { margin: 6px 0 0; color: rgba(255,255,255,.65); font-size: 12px; line-height: 1.45; }
.featured-solution .btn { max-width: 100%; }
.ecosystem-section { padding: 90px 0; }
.ecosystem-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8vw; align-items: center; }
.ecosystem-labels { display: flex; flex-wrap: wrap; gap: 10px; align-content: center; }
.ecosystem-labels > span { padding: 14px 18px; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; color: rgba(255,255,255,.8); font-size: 13px; }
.network-section { padding: 94px 0 100px; background: #f3f3f4; }
.network-layout { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr); gap: clamp(32px,6vw,100px); align-items: center; }
.network-head { max-width: 620px; }
.network-head .section-title { max-width: 600px; }
.network-values { display: grid; gap: 0; margin: 32px 0 34px; padding: 0; list-style: none; }
.network-values li { display: grid; grid-template-columns: 42px 1fr; gap: 12px; padding: 17px 0; border-top: 1px solid rgba(16,22,35,.12); }
.network-values li:last-child { border-bottom: 1px solid rgba(16,22,35,.12); }
.network-value-index { padding-top: 4px; color: #747b8c; font: 11px/1.4 var(--font-mono); letter-spacing: .12em; }
.network-values h3 { margin: 0; color: #171b27; font: 500 clamp(19px,2vw,23px)/1.2 var(--font-display); }
.network-values p { margin: 6px 0 0; color: var(--ink-muted); font-size: 14px; line-height: 1.5; }
.network-product { position: relative; display: grid; place-items: center; min-width: 0; min-height: 620px; overflow: hidden; border-radius: 30px; background: radial-gradient(circle at 54% 32%,rgba(113,144,219,.19),transparent 46%),radial-gradient(circle at 78% 62%,rgba(213,123,170,.17),transparent 46%),linear-gradient(145deg,#141927,#080a0f); }
.network-product-aura { position: absolute; width: 80%; aspect-ratio: 1; border-radius: 50%; background: conic-gradient(from 210deg,rgba(98,158,252,.34),rgba(181,130,239,.18),rgba(245,129,163,.3),rgba(98,158,252,.34)); filter: blur(65px); opacity: .55; }
.network-product img { position: relative; z-index: 1; display: block; width: min(78%,340px); height: auto; max-height: 570px; object-fit: contain; filter: drop-shadow(0 26px 26px rgba(0,0,0,.32)); }
@media (min-width: 901px) {
 .capabilities { padding: 64px 0 30px; }
 .capabilities .wrap { width: var(--wrap); position: relative; }
 .capabilities-head { width: 49%; max-width: none; position: relative; z-index: 4; }
 .capabilities-head .eyebrow { margin: 0; }
 .capabilities-head .section-title { max-width: none; width: 112%; margin-top: 8px; font-size: clamp(35px, 3.05vw, 47px); line-height: 1.07; }
 .capabilities-head .section-copy { margin-top: 6px; font-size: clamp(12px, 1.05vw, 15px); line-height: 1.45; }
 .capabilities-layout { display: block; margin-top: 8px; }
 .capability-cards { width: 48%; gap: 8px; }
 .capability-card { grid-template-columns: 24px 1fr; gap: 10px; min-height: 60px; padding: 7px 13px; border-radius: 12px; }
 .capability-index { font-size: 9px; }
 .capability-card strong { font-size: clamp(13px, 1.1vw, 16px); }
 .capability-card small { margin-top: 3px; font-size: clamp(10px, .84vw, 12px); line-height: 1.3; }
 .capabilities .device-panel { position: absolute; top: 0; left: calc(50% - 5px); width: clamp(440px, 38.3vw, 580px); height: 100%; }
 .capabilities .device-stack { width: 100%; max-width: 560px; transform: translateY(-110px); }
 .capability-tail { width: 48%; margin-top: 10px; font-size: 11px; }
}
@media (min-width: 901px) and (max-width: 1100px) {
 .capabilities-head .section-title { width: 107%; font-size: clamp(31px, 3vw, 35px); }
 .capabilities .device-stack { transform: translateY(-45px); }
}
@media (max-width: 900px) {
 .nav { grid-template-columns: minmax(0,1fr) auto auto; }
 .mobile-menu-toggle { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; padding: 0 14px; border: 1px solid rgba(255,255,255,.24); border-radius: 999px; background: transparent; color: #fff; font-size: 13px; cursor: pointer; }
 .mobile-menu-toggle span:last-child { font-size: 16px; }
 .nav-links.is-open { position: absolute; display: flex; flex-direction: column; align-items: stretch; gap: 0; top: 76px; left: 16px; right: 16px; padding: 10px 20px; border: 1px solid rgba(255,255,255,.18); border-radius: 18px; background: #101216; box-shadow: 0 25px 45px rgba(0,0,0,.3); }
 .nav-links.is-open a { padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,.1); }
 .nav-links.is-open a:last-child { border: 0; }
 .capabilities { padding-top: 70px; }
 .capabilities-layout { grid-template-columns: 1fr; gap: 18px; }
 .capability-cards { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .capability-card { min-height: 120px; }
 .capabilities .device-panel { height: 620px; min-height: 0; overflow: visible; }
 .capabilities .device-stack { width: min(70vw,320px); transform: translateY(-50px); }
 .network-layout { grid-template-columns: 1fr; gap: 28px; }
 .network-product { min-height: 520px; }
 .network-product img { max-height: 480px; width: min(65%,290px); }
 .setup-layout { grid-template-columns: 1fr; }
 .setup-result { position: static; min-height: 0; }
 .usecases-head { display: block; }
 .solutions-layout { grid-template-columns: 1fr; gap: 34px; }
 .solutions-intro { max-width: 680px; }
 .ecosystem-grid { grid-template-columns: 1fr; gap: 30px; }
}
@media (max-width: 600px) {
 body.homepage-v2-page .language-switcher { position: static; display: flex; width: max-content; margin: 16px auto 22px; }
 .nav { gap: 8px; }
 .nav > .btn { display: none; }
 .brand-logo { width: min(52vw,190px); }
 .mobile-menu-toggle { padding: 0 11px; }
 .capabilities { padding: 56px 0 35px; }
 .capability-cards { gap: 8px; }
 .capability-card { grid-template-columns: 1fr; gap: 6px; min-height: 116px; padding: 12px; }
 .capability-card[aria-pressed="true"] { transform: none; }
 .capability-index { font-size: 10px; }
 .capability-card strong { font-size: 14px; }
 .capability-card small { font-size: 11px; line-height: 1.35; }
 .capabilities .device-panel { height: 485px; margin-top: 0; }
 .capabilities .device-stack { width: min(62vw,245px); transform: translateY(-28px); }
 .network-values { margin: 25px 0 26px; }
 .network-values li { padding: 13px 0; }
 .network-values h3 { font-size: 18px; }
 .network-values p { font-size: 13px; }
 .network-product { min-height: 400px; border-radius: 24px; }
 .network-product img { width: min(62%,210px); max-height: 370px; }
 .setup-section,.usecases-section,.ecosystem-section,.network-section { padding: 60px 0; }
 .sector-solutions { padding: 64px 0; }
 .solutions-intro .section-title { font-size: clamp(34px,9vw,44px); }
 .featured-solution { padding: 23px; border-radius: 22px; }
 .featured-solution-main { grid-template-columns: minmax(0,1fr) 100px; min-height: 0; }
 .featured-solution h3 { font-size: clamp(25px,7vw,34px); }
 .featured-solution-device { height: 210px; }
 .featured-solution-device img { max-height: 210px; }
 .solution-steps { grid-template-columns: 1fr; gap: 15px; }
 .solution-steps li,.solution-steps li:first-child { display: grid; grid-template-columns: 25px 1fr; column-gap: 10px; padding: 0; border: 0; }
 .solution-steps li > span { grid-row: span 2; margin: 2px 0 0; }
 .solution-steps p { margin-top: 3px; }
 .edition-context { margin-top: 25px; font-size: 13px; }
 .setup-form { gap: 22px; }
 .setup-form legend { font-size: 16px; }
 .setup-result { padding: 28px; }
 .usecase-grid { display: flex; gap: 14px; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; padding: 0 2px 14px; scrollbar-width: none; -ms-overflow-style: none; }
 .usecase-grid::-webkit-scrollbar { display: none; }
 .usecase-card { flex: 0 0 min(82vw,330px); scroll-snap-align: start; }
 .usecase-card > div { padding: 16px 18px 20px; }
 .usecase-card h3 { font-size: 18px; }
}
@media (prefers-reduced-motion: reduce) {
 html { scroll-behavior: auto; }
 .startup-loader img { animation: none; }
 .capability-card,.screen-state,.setup-option span { transition: none; }
}

/* Audience choice uses the concept page's paired cards, adapted to the light homepage chapter. */
.audiences { position: relative; overflow: hidden; padding: 78px 0 88px; background: #f3f3f4; color: var(--ink); }
.audiences::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 12% 20%,rgba(64,126,226,.055),transparent 29%),radial-gradient(circle at 88% 30%,rgba(210,75,156,.055),transparent 30%); }
.audience-intro { position: relative; z-index: 1; }
.audience-intro .section-title { max-width: 1000px; }
.audience-intro .section-copy { max-width: 62ch; }
.mobile-audience-head,.audience-pagination { display: none; }
.audience-grid { position: relative; z-index: 1; width: var(--wrap); display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; margin: 38px auto 0; }
.audience { position: relative; isolation: isolate; overflow: hidden; min-width: 0; min-height: 410px; aspect-ratio: 1.32; padding: clamp(27px,3vw,44px); border-radius: 30px; color: white; box-shadow: inset 0 1px 0 rgba(255,255,255,.12); }
.audience::after { content: ""; position: absolute; z-index: -2; inset: 0; transition: transform .8s var(--ease); }
.audience::before { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg,rgba(0,0,0,.04) 28%,rgba(0,0,0,.8) 100%); }
.audience:hover::after { transform: scale(1.025); }
.audience-business { border: 1px solid rgba(93,165,255,.7); box-shadow: 0 0 7px rgba(83,157,255,.3),0 0 24px rgba(49,115,226,.14),inset 0 1px 0 rgba(255,255,255,.14); }
.audience-home { border: 1px solid rgba(255,142,210,.7); box-shadow: 0 0 7px rgba(255,125,200,.3),0 0 24px rgba(215,42,164,.14),inset 0 1px 0 rgba(255,255,255,.14); }
.audience-business::after { background: radial-gradient(circle at 82% 18%,rgba(69,134,236,.25),transparent 30%),radial-gradient(ellipse at 70% 72%,rgba(26,96,219,.2),transparent 42%),linear-gradient(145deg,#07101f,#081934 56%,#05080e); }
.audience-home::after { background: radial-gradient(circle at 80% 18%,rgba(214,60,210,.23),transparent 29%),radial-gradient(ellipse at 67% 72%,rgba(235,44,187,.21),transparent 42%),linear-gradient(145deg,#120918,#25102c 56%,#09060c); }
.audience-copy { position: relative; z-index: 4; max-width: 58%; }
.audience-copy h3 { margin: 0; font: 540 clamp(27px,2.6vw,40px)/1.02 var(--font-display); letter-spacing: -.035em; }
.audience-copy p { margin: 13px 0 0; color: rgba(255,255,255,.86); font-size: 15px; line-height: 1.45; }
.audience-link { position: absolute; z-index: 6; left: clamp(27px,3vw,44px); bottom: 93px; display: inline-flex; align-items: center; gap: 12px; padding: 11px 18px; border-radius: 999px; background: #fff; color: #09090b; font-size: 13px; font-weight: 650; }
.audience-devices { position: absolute; z-index: 2; inset: 0; pointer-events: none; }
.audience-device-titanium { position: absolute; top: -15px; right: -5%; width: 59%; height: 130%; object-fit: contain; object-position: top center; filter: drop-shadow(0 28px 38px rgba(0,0,0,.42)); }
.audience-business .audience-device-titanium { top: 50px; right: -2%; width: 54%; height: 133%; }
.audience-device-portable { position: absolute; top: 46%; right: 24%; width: 28%; height: auto; object-fit: contain; filter: drop-shadow(0 24px 30px rgba(0,0,0,.5)); }
.audience-features { position: absolute; z-index: 5; left: 26px; right: 20px; bottom: 17px; display: flex; align-items: end; }
.audience-features span { min-width: 0; flex: 1; min-height: 44px; display: flex; align-items: end; padding: 0 7px; border-left: 1px solid rgba(255,255,255,.28); color: rgba(255,255,255,.94); font-size: 10px; line-height: 1.15; }
.audience-features span:first-child { border-left: 0; }
.solutions-layout { grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: start; }
.sector-solutions { padding: 92px 0; background: #f7f7f8; color: var(--ink); }
.sector-solutions .dark .eyebrow,.sector-solutions .eyebrow { color: #656976; }
.sector-solutions .section-copy { color: var(--ink-muted); }
.solutions-intro { max-width: 600px; }
.solutions-intro .section-title { max-width: 640px; }
.solutions-principles { grid-column: 2; display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.solutions-principles li { display: grid; grid-template-columns: 42px 1fr; gap: 14px; padding: 19px 0; border-top: 1px solid rgba(16,22,35,.12); }
.solutions-principles li:last-child { border-bottom: 1px solid rgba(16,22,35,.12); }
.solutions-principles li > span { padding-top: 3px; color: #73798a; font: 11px/1.4 var(--font-mono); letter-spacing: .12em; }
.solutions-principles h3 { margin: 0; color: #171b27; font: 520 21px/1.2 var(--font-display); }
.solutions-principles p { margin: 6px 0 0; color: var(--ink-muted); font-size: 14px; line-height: 1.5; }
.featured-solution { grid-column: 1; min-height: 0; padding: 26px 28px; border-color: rgba(16,22,35,.1); border-radius: 22px; background: #fff; box-shadow: 0 12px 34px rgba(15,20,29,.055); }
.sector-solutions .featured-solution { display: flex; flex-direction: column; align-self: stretch; }
.sector-solutions .featured-solution-preview { flex-shrink: 0; }
.sector-solutions .featured-solution-copy { display: flex; flex-direction: column; flex: 1; }
.sector-solutions .featured-solution-copy > p:not(.solution-kicker) { flex: 1; }
.sector-solutions .featured-solution-copy > .solution-kicker,
.sector-solutions .featured-solution-copy > .btn { align-self: flex-start; }
.featured-solution h3 { max-width: none; font-size: clamp(25px,2.5vw,34px); }
.featured-solution-copy > p:not(.solution-kicker) { color: #555b68; }
.featured-solution .solution-kicker { margin-bottom: 12px; border-color: rgba(16,22,35,.14); color: #687082; }
.sector-solutions .featured-solution-preview { position: relative; display: block; overflow: hidden; margin: -26px -28px 24px; aspect-ratio: 16 / 8; border-radius: 22px 22px 0 0; background: #46372f; }
.sector-solutions .featured-solution-preview img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 47%; transition: transform .45s ease; }
.sector-solutions .featured-solution-preview:hover img { transform: scale(1.035); }
.sector-solutions .featured-solution-preview > span { position: absolute; right: 14px; bottom: 14px; left: 14px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 15px; border: 1px solid rgba(255,255,255,.34); border-radius: 12px; background: rgba(20,20,23,.68); color: #fff; font: 10px/1.2 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; backdrop-filter: blur(10px); }
.sector-solutions .featured-solution-preview > span > span { font-size: 16px; letter-spacing: 0; }
.sector-solutions .featured-solution-copy .solution-kicker { margin-top: 0; }
.solution-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0; padding: 0; list-style: none; }
.solution-tags li,.solutions-future .solution-tags span { padding: 8px 11px; border: 1px solid rgba(16,22,35,.12); border-radius: 999px; color: #515867; font-size: 11px; }
.sector-solutions .featured-solution-care { grid-column: 2; }
.sector-solutions .featured-solution-care .featured-solution-preview { background: #e9f4f9; }
.sector-solutions .featured-solution-preview > span > span[data-i18n] { font-size: inherit; letter-spacing: inherit; }
.solutions-future { grid-column: 1 / -1; align-self: center; padding: 0; }
.solutions-future > p { margin: 0; max-width: 38ch; color: #505765; font-size: 15px; line-height: 1.55; }
.solutions-future .solution-tags { margin-top: 14px; }
.solutions-future .solution-tags span { background: rgba(255,255,255,.78); }
.ecosystem-section { padding: 88px 0; }
.usecases-section { position: relative; isolation: isolate; overflow: hidden; padding: 96px 0; background: radial-gradient(ellipse at 16% 45%,rgba(72,130,239,.13),transparent 35%),radial-gradient(ellipse at 90% 20%,rgba(220,67,150,.12),transparent 34%),linear-gradient(155deg,#090c14,#050608 75%); color: #fff; }
.usecases-section::after { content: ""; position: absolute; z-index: -1; width: 440px; height: 440px; right: -210px; top: 30px; border: 1px solid rgba(228,143,201,.16); border-radius: 50%; box-shadow: 0 0 90px rgba(177,105,224,.08); }
.usecases-section .section-copy { color: rgba(255,255,255,.7); }
.usecase-card { border-color: rgba(255,255,255,.14); border-radius: 22px; background: rgba(255,255,255,.045); box-shadow: 0 20px 48px rgba(0,0,0,.16); }
.usecase-card > div { padding: 19px 22px 23px; }
.usecase-card h3 { color: #fff; }
.usecase-card p { color: rgba(255,255,255,.68); }
.final-cta { position: relative; overflow: hidden; padding: 78px 0 86px; text-align: center; }
.final-cta-inner { position: relative; z-index: 1; max-width: 920px; }
.final-cta .eyebrow { color: rgba(255,255,255,.58); }
.final-cta h2 { margin: 14px auto 0; max-width: 800px; font: 520 clamp(38px,5vw,60px)/1.04 var(--font-display); letter-spacing: -.035em; text-wrap: balance; }
.final-cta p:not(.eyebrow) { max-width: 62ch; margin: 18px auto 0; color: rgba(255,255,255,.72); font-size: 15px; line-height: 1.6; }
.final-cta-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
@media (max-width: 900px) {
 .audience-grid { grid-template-columns: 1fr; max-width: 720px; }
 .solutions-layout { grid-template-columns: 1fr; gap: 26px; }
 .solutions-principles,.featured-solution,.solutions-future,.sector-solutions .featured-solution-care { grid-column: 1; }
 .solutions-future { padding: 0; }
}
@media (max-width: 600px) {
 .audiences { padding: 54px 0 60px; }
 .audience-intro { padding-inline: 16px; }
 .audience-intro .eyebrow { font-size: 9px; }
 .audience-intro .section-title { font-size: 33px; }
 .audience-intro .section-copy { font-size: 14px; }
 .mobile-audience-head { display: block; position: relative; z-index: 2; margin: 20px 16px 14px; }
 .mobile-audience-head h2 { margin: 0; font-size: 16px; font-weight: 600; }
 .mobile-audience-tabs { display: grid; grid-template-columns: 1fr 1fr; height: 42px; margin-top: 11px; padding: 2px; border: 1px solid rgba(10,10,11,.16); border-radius: 999px; background: #fff; }
 .mobile-audience-tab { border: 0; border-radius: 999px; background: transparent; color: #111; font-size: 13px; font-weight: 650; }
 .mobile-audience-tab[aria-selected="true"] { background: linear-gradient(90deg,#87235f,#b62d85); color: #fff; }
 .mobile-audience-tab[data-audience-target="business"][aria-selected="true"] { background: linear-gradient(90deg,#0c2344,#2f63b1); }
 .audience-grid { width: auto; display: block; height: 390px; margin: 0 16px; touch-action: pan-y; }
 .audience { position: absolute; inset: 0; width: 100%; height: 390px; min-height: 0; aspect-ratio: auto; padding: 25px 23px; border-radius: 26px; opacity: 0; transform: translateX(32px); pointer-events: none; transition: opacity .3s ease,transform .3s ease; }
 .audience-home { z-index: 2; opacity: 1; transform: none; pointer-events: auto; }
 .audience-grid.is-business .audience-home { z-index: 1; opacity: 0; transform: translateX(-32px); pointer-events: none; }
 .audience-grid.is-business .audience-business { z-index: 2; opacity: 1; transform: none; pointer-events: auto; }
 .audience-copy { max-width: 55%; }
 .audience-copy h3 { font-size: 29px; }
 .audience-copy p { font-size: 12px; line-height: 1.3; }
 .audience-link { left: 23px; bottom: 96px; padding: 9px 14px; font-size: 12px; }
 .audience-device-titanium { top: 8px; right: -9%; width: 72%; height: 120%; }
 .audience-business .audience-device-titanium { top: 60px; right: -9%; width: 66%; height: 120%; }
 .audience-device-portable { top: 48%; right: 32%; width: 39%; }
 .audience-features { left: 12px; right: 8px; bottom: 12px; }
 .audience-features span { min-height: 44px; padding: 0 5px; font-size: 10px; }
 .audience-pagination { display: flex; justify-content: center; gap: 8px; padding-top: 13px; }
 .audience-dot { width: 8px; height: 8px; border-radius: 50%; background: #c5c5cb; }
 .audience-dot.is-active { background: #a52b79; }
 .audience-dot[data-audience-dot="business"].is-active { background: #397ad1; }
 .sector-solutions { padding: 60px 0; }
 .solutions-principles h3 { font-size: 19px; }
 .featured-solution { padding: 22px; }
 .sector-solutions .featured-solution-preview { margin: -22px -22px 21px; aspect-ratio: 16 / 9; border-radius: 22px 22px 0 0; }
 .sector-solutions .featured-solution-preview > span { right: 10px; bottom: 10px; left: 10px; padding: 10px 12px; font-size: 9px; }
 .solutions-future > p { font-size: 14px; }
 .final-cta { padding: 58px 0 64px; }
 .final-cta h2 { font-size: 36px; }
}

/* The use-case cards orbit as a single focused carousel on larger screens. */
.usecase-carousel { position: relative; }
.usecase-grid { position: relative; display: block; width: 100%; height: clamp(325px,33.8vw,429px); overflow: hidden; perspective: 1400px; perspective-origin: 50% 48%; isolation: isolate; outline-offset: 8px; }
.usecase-card { position: absolute; top: 50%; left: 50%; width: min(494px,37.7vw); min-width: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.16); border-radius: 18px; background: #090d16; box-shadow: 0 20px 48px rgba(0,0,0,.42); transform-origin: center center; transform-style: preserve-3d; transition: transform 820ms cubic-bezier(.2,.76,.22,1),opacity 620ms ease,filter 620ms ease,box-shadow 620ms ease; cursor: pointer; }
.usecase-card:focus-visible { outline: 3px solid #8aaaff; outline-offset: 4px; }
.usecase-card img { display: block; width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; background: #101521; user-select: none; -webkit-user-drag: none; }
.usecase-card > div { padding: 13px 16px 15px; background: linear-gradient(145deg,rgba(13,18,29,.98),rgba(7,9,14,.98)); }
.usecase-card h3 { margin: 0; color: #fff; font-size: 18px; font-weight: 580; }
.usecase-card p { margin: 6px 0 0; color: rgba(255,255,255,.68); font-size: 12px; line-height: 1.45; }
.usecase-card[data-orbit-position="active"] { z-index: 4; opacity: 1; filter: none; box-shadow: 0 34px 86px rgba(0,0,0,.5),0 0 32px rgba(112,152,255,.11); transform: translate(-50%,-50%) translateZ(0) scale(1); cursor: default; }
.usecase-card[data-orbit-position="right"] { z-index: 3; opacity: .68; filter: brightness(.76) saturate(.84); transform: translate(-50%,-50%) translateX(72%) translateZ(-220px) rotateY(-10deg) scale(.82); }
.usecase-card[data-orbit-position="left"] { z-index: 3; opacity: .68; filter: brightness(.76) saturate(.84); transform: translate(-50%,-50%) translateX(-72%) translateZ(-220px) rotateY(10deg) scale(.82); }
.usecase-card[data-orbit-position="back"] { z-index: 1; opacity: .28; filter: brightness(.58) saturate(.72) blur(.5px); transform: translate(-50%,-50%) translateZ(-400px) scale(.67); }
.usecase-card[data-orbit-position="right"] > div,.usecase-card[data-orbit-position="left"] > div,.usecase-card[data-orbit-position="back"] > div { position: absolute; inset: auto 0 0; padding: 48px 20px 16px; background: linear-gradient(transparent,rgba(4,7,12,.94)); }
.usecase-card[data-orbit-position="right"] p,.usecase-card[data-orbit-position="left"] p,.usecase-card[data-orbit-position="back"] p { display: none; }
.usecase-card[data-orbit-position="right"] h3,.usecase-card[data-orbit-position="left"] h3,.usecase-card[data-orbit-position="back"] h3 { font-size: clamp(16px,1.5vw,20px); }
.usecase-card[data-orbit-position="back"] { pointer-events: none; }
.usecase-controls { display: flex; align-items: center; justify-content: center; gap: 24px; margin-top: 8px; }
.usecase-arrow { display: inline-grid; place-items: center; width: 44px; height: 44px; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; background: rgba(255,255,255,.055); color: #fff; font-size: 22px; line-height: 1; cursor: pointer; transition: background .2s ease,border-color .2s ease,transform .2s ease; }
.usecase-arrow:hover { border-color: rgba(151,177,255,.65); background: rgba(255,255,255,.12); transform: scale(1.04); }
.usecase-arrow:focus-visible,.usecase-dots button:focus-visible { outline: 3px solid #8aaaff; outline-offset: 3px; }
.usecase-dots { display: flex; align-items: center; gap: 10px; }
.usecase-dots button { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 99px; background: rgba(255,255,255,.3); cursor: pointer; transition: width .28s ease,background .28s ease; }
.usecase-dots button[aria-current="true"] { width: 25px; background: linear-gradient(90deg,#69bfff,#bb91ff,#f17abc); }
@media (max-width: 768px) {
 .usecase-grid { width: calc(100% + 32px); height: clamp(280px,42vw,340px); margin-left: -16px; padding: 0; perspective: none; touch-action: pan-y; }
 .usecase-card { width: min(88vw,560px); border-radius: 16px; transition: transform 540ms cubic-bezier(.22,.72,.25,1),opacity 420ms ease,filter 420ms ease; }
 .usecase-card img { aspect-ratio: 16/8; }
 .usecase-card > div { padding: 11px 14px 13px; }
 .usecase-card h3 { font-size: 17px; }
 .usecase-card p { margin-top: 5px; font-size: 12px; line-height: 1.4; }
 .usecase-card[data-orbit-position="active"] { transform: translate(-50%,-50%); }
 .usecase-card[data-orbit-position="right"],.usecase-card[data-orbit-position="left"],.usecase-card[data-orbit-position="back"] { z-index: 1; opacity: 0; filter: none; transform: translate(-50%,-50%) scale(.96); pointer-events: none; }
 .usecase-card[data-orbit-position="right"] > div,.usecase-card[data-orbit-position="left"] > div,.usecase-card[data-orbit-position="back"] > div { display: none; }
 .usecase-controls { gap: 18px; margin-top: 18px; }
}
@media (prefers-reduced-motion: reduce) {
 .usecase-card,.usecase-arrow,.usecase-dots button { transition-duration: .01ms !important; }
}

/* Audience choice: compact image cards with a lower, split heading and no feature strip. */
.audience-intro { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(280px,.75fr); column-gap: clamp(28px,6vw,88px); align-items: end; padding-top: 22px; }
.audience-intro .eyebrow { grid-column: 1 / -1; margin-bottom: 0; }
.audience-intro .section-title { max-width: 850px; margin: 14px 0 0; }
.audience-intro .section-copy { max-width: 48ch; justify-self: end; margin: 0 0 4px; }
.audience-grid { max-width: 1080px; gap: 20px; margin-top: 30px; }
.audience { min-height: 0; aspect-ratio: 1.42; }
.audience-features { display: none; }
.audience-link { bottom: 24px; }
@media (max-width: 900px) {
 .audience-intro { grid-template-columns: 1fr; row-gap: 0; }
 .audience-intro .section-copy { justify-self: start; margin-top: 10px; }
 .audience-grid { max-width: 640px; }
 .audience { aspect-ratio: 1.8; }
}
@media (max-width: 600px) {
 .audience-intro { display: block; padding-top: 10px; }
 .audience-intro .section-title { margin-top: 8px; }
 .audience-grid { height: 340px; margin-top: 22px; }
 .audience { height: 340px; aspect-ratio: auto; }
 .audience-link { bottom: 22px; }
}

/* One product family connects the two audience routes. */
.audiences { padding: clamp(76px,7vw,108px) 0 clamp(142px,12vw,178px); background: radial-gradient(circle at 4% 11%,rgba(232,124,151,.075),transparent 28%),radial-gradient(circle at 98% 18%,rgba(101,154,238,.07),transparent 30%),#f8f8fa; }
.audiences::before { background: radial-gradient(circle at 51% 68%,rgba(186,140,189,.09),transparent 42%); }
.audiences .audience-intro { display: grid; grid-template-columns: minmax(0,1.36fr) minmax(290px,.72fr); column-gap: clamp(40px,7vw,110px); align-items: end; padding-top: 0; }
.audiences .audience-intro .eyebrow { grid-column: 1 / -1; margin: 0; }
.audiences .audience-intro .section-title { width: auto; max-width: 760px; margin: 16px 0 0; font-size: clamp(42px,4.1vw,58px); line-height: 1.06; text-wrap: balance; }
.audiences .audience-intro .section-copy { max-width: 38ch; justify-self: end; margin: 0 0 6px; font-size: clamp(15px,1.2vw,17px); line-height: 1.55; }
.audiences .audience-route-stage { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; width: var(--wrap); height: 420px; margin: 65px auto 0; }
.audiences .audience-route { position: relative; isolation: isolate; display: block; min-width: 0; min-height: 420px; overflow: hidden; padding: clamp(29px,3vw,40px); border: 1px solid rgba(255,255,255,.3); border-radius: 28px; color: #fff; text-decoration: none; box-shadow: 0 22px 60px rgba(28,20,36,.14); transition: transform .28s ease,box-shadow .28s ease,border-color .28s ease; }
.audiences .audience-route:hover { transform: translateY(-3px) scale(1.008); }
.audiences .audience-route:focus-visible { outline: 3px solid #7ca9ff; outline-offset: 5px; }
.audiences .audience-route-home { background: #2a1723; border-color: rgba(235,146,190,.45); box-shadow: 0 20px 54px rgba(56,20,49,.16),0 0 23px rgba(225,106,168,.14); }
.audiences .audience-route-home:hover { border-color: rgba(248,176,207,.85); box-shadow: 0 24px 62px rgba(56,20,49,.21),0 0 30px rgba(225,106,168,.21); }
.audiences .audience-route-business { background: #0b1c2f; border-color: rgba(126,178,237,.48); box-shadow: 0 20px 54px rgba(18,52,94,.16),0 0 23px rgba(90,149,237,.14); }
.audiences .audience-route-business:hover { border-color: rgba(159,202,247,.9); box-shadow: 0 24px 62px rgba(18,52,94,.21),0 0 30px rgba(90,149,237,.21); }
.audiences .audience-route-photo { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.audiences .audience-route-home .audience-route-photo { object-position: 38% center; }
.audiences .audience-route-business .audience-route-photo { object-position: right center; }
.audiences .audience-route:hover .audience-route-photo { transform: scale(1.025); }
.audiences .audience-route::before { content: ""; position: absolute; z-index: -1; inset: 0; pointer-events: none; }
.audiences .audience-route-home::before { background: linear-gradient(90deg,rgba(28,11,23,.94) 0%,rgba(31,15,26,.76) 49%,rgba(28,15,25,.4) 100%),linear-gradient(0deg,rgba(22,7,18,.37),transparent 52%); }
.audiences .audience-route-business::before { background: linear-gradient(90deg,rgba(6,18,33,.8),rgba(8,27,50,.84) 42%,rgba(7,25,47,.68)),linear-gradient(0deg,rgba(5,13,25,.34),transparent 58%); }
.audiences .audience-route-content { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; width: 47%; height: 100%; }
.audiences .audience-route-business .audience-route-content { width: 59%; margin-left: 39%; }
.audiences .audience-route-label { display: inline-flex; align-items: center; gap: 12px; color: rgba(255,255,255,.92); font: 600 11px/1.3 var(--font-mono); letter-spacing: .12em; text-transform: uppercase; }
.audiences .audience-route-label svg { flex: none; width: 27px; height: 27px; color: #f1afcd; }
.audiences .audience-route-business .audience-route-label svg { color: #a6d0ff; }
.audiences .audience-route-title { display: block; margin-top: 30px; font: 560 clamp(29px,2.8vw,39px)/1.07 var(--font-display); letter-spacing: -.035em; text-wrap: balance; }
.audiences .audience-route-description { display: block; margin-top: 15px; color: rgba(255,255,255,.9); font-size: clamp(13px,1.1vw,16px); line-height: 1.48; }
.audiences .audience-route-business .audience-route-title,.audiences .audience-route-business .audience-route-description { text-shadow: 0 2px 10px rgba(0,0,0,.75); }
.audiences .audience-route-cta { display: inline-flex; align-items: center; justify-content: center; gap: 13px; min-height: 43px; margin-top: auto; padding: 0 19px; border-radius: 999px; background: #fff; color: #11151b; font-size: 13px; font-weight: 650; white-space: nowrap; }
.audiences .audience-route-cta > span:last-child { font-size: 19px; line-height: 1; }
.audiences .audience-products { position: absolute; z-index: 3; inset: 0; pointer-events: none; transition: transform .3s ease; }
.audiences .audience-route-stage:has(.audience-route-home:hover) .audience-products { transform: translateX(-4px); }
.audiences .audience-route-stage:has(.audience-route-business:hover) .audience-products { transform: translateX(4px); }
.audiences .audience-products img { position: absolute; display: block; height: auto; object-fit: contain; filter: drop-shadow(0 30px 25px rgba(5,8,18,.5)) drop-shadow(0 7px 9px rgba(5,8,18,.3)); }
.audiences .audience-product-titanium { z-index: 1; top: calc(clamp(-115px,-8vw,-78px) - 5px); left: 52%; width: clamp(265px,26vw,330px); transform: translateX(-50%); }
.audiences .audience-product-portable { z-index: 2; bottom: -50px; left: calc(50% - clamp(208px,20vw,275px)); width: clamp(191.25px,18.7vw,255px); }
@media (max-width: 900px) {
 .audiences { padding: 70px 0 74px; }
 .audiences .audience-intro { display: block; }
 .audiences .audience-intro .section-title { max-width: 800px; font-size: clamp(37px,5.4vw,48px); }
 .audiences .audience-intro .section-copy { max-width: 56ch; margin: 16px 0 0; justify-self: start; }
 .audiences .audience-route-stage { display: flex; flex-direction: column; gap: 16px; height: auto; max-width: 720px; margin-top: 25px; }
 .audiences .audience-products { position: relative; flex: none; inset: auto; height: clamp(325px,52vw,400px); }
 .audiences .audience-product-titanium { top: -35px; left: 53%; width: clamp(188px,29vw,250px); }
 .audiences .audience-product-portable { right: auto; bottom: 22px; left: calc(50% - 160px); width: clamp(155px,24vw,195px); }
 .audiences .audience-route { flex: none; height: 280px; min-height: 0; padding: 27px 30px; }
 .audiences .audience-route-content,.audiences .audience-route-business .audience-route-content { width: min(100%,390px); margin-left: 0; }
 .audiences .audience-route-title { margin-top: 20px; font-size: clamp(28px,4.4vw,34px); }
 .audiences .audience-route-description { max-width: 38ch; }
 .audiences .audience-route-home .audience-route-photo { object-position: 34% center; }
 .audiences .audience-route-business .audience-route-photo { object-position: 69% center; }
 .audiences .audience-route-home::before { background: linear-gradient(90deg,rgba(25,10,21,.88),rgba(31,13,26,.56) 62%,rgba(28,15,25,.29)); }
 .audiences .audience-route-business::before { background: linear-gradient(90deg,rgba(5,16,31,.88),rgba(7,27,49,.7) 65%,rgba(9,28,53,.4)); }
}
@media (max-width: 600px) {
 .audiences { padding: 57px 0 62px; }
 .audiences .audience-intro { padding-inline: 0; }
 .audiences .audience-intro .section-title { margin-top: 12px; font-size: clamp(32px,8.5vw,39px); line-height: 1.1; }
 .audiences .audience-intro .section-copy { margin-top: 15px; font-size: 14px; line-height: 1.55; }
 .audiences .audience-route-stage { width: var(--wrap); gap: 12px; margin-top: 10px; }
 .audiences .audience-products { height: 325px; }
 .audiences .audience-product-titanium { left: 55%; width: 188px; }
 .audiences .audience-product-portable { left: calc(50% - 150px); width: 155px; }
 .audiences .audience-route { height: 255px; padding: 22px; border-radius: 20px; }
 .audiences .audience-route-label { gap: 8px; font-size: 10px; }
 .audiences .audience-route-label svg { width: 23px; height: 23px; }
 .audiences .audience-route-title { margin-top: 15px; font-size: 27px; }
 .audiences .audience-route-description { margin-top: 9px; max-width: 31ch; font-size: 12px; }
 .audiences .audience-route-cta { min-height: 36px; padding: 0 15px; font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
 .audiences .audience-route,.audiences .audience-route-photo,.audiences .audience-products { transition: none; }
}

/* The setup finder follows the use-case carousel in the dark homepage chapter. */
.setup-section { position: relative; isolation: isolate; overflow: hidden; padding: 96px 0 108px; background: radial-gradient(ellipse at 8% 18%,rgba(63,119,220,.13),transparent 34%),radial-gradient(ellipse at 94% 82%,rgba(204,63,151,.13),transparent 36%),linear-gradient(155deg,#090c14,#050608 76%); color: #fff; }
.setup-section::before { content: ""; position: absolute; z-index: -1; width: 480px; height: 480px; left: -270px; bottom: -300px; border: 1px solid rgba(107,164,255,.17); border-radius: 50%; box-shadow: 0 0 100px rgba(70,119,223,.08); pointer-events: none; }
.setup-section > .wrap { position: relative; z-index: 1; }
.setup-section .setup-head { margin-bottom: 34px; }
.setup-section .eyebrow { color: rgba(255,255,255,.58); }
.setup-section .section-title { color: #fff; }
.setup-section .section-copy { color: rgba(255,255,255,.7); }
.setup-section .setup-form fieldset { border-bottom-color: rgba(255,255,255,.15); }
.setup-section .setup-form legend { color: rgba(255,255,255,.94); }
.setup-section .setup-form legend > span:first-child { color: #9ba8c4; }
.setup-section .setup-option > span { border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.045); color: rgba(255,255,255,.88); }
.setup-section .setup-option input:checked + span { border-color: rgba(135,174,255,.8); background: linear-gradient(115deg,rgba(40,115,205,.34),rgba(128,83,181,.28),rgba(188,65,132,.28)); color: #fff; box-shadow: inset 0 0 18px rgba(123,151,255,.08); }
.setup-section .setup-option input:focus-visible + span { outline-color: #9dbbff; }
.setup-section .setup-result { border: 1px solid transparent; background: radial-gradient(circle at 82% 17%,rgba(100,154,255,.23),transparent 38%),radial-gradient(circle at 96% 82%,rgba(232,91,172,.2),transparent 43%),linear-gradient(145deg,#151a28,#090b12) padding-box,linear-gradient(125deg,rgba(107,184,255,.78),rgba(158,117,239,.42) 52%,rgba(242,110,177,.72)) border-box; box-shadow: 0 25px 70px rgba(0,0,0,.38),0 0 44px rgba(82,133,235,.14),0 0 48px rgba(218,73,152,.1); }
@media (max-width: 600px) {
 .setup-section { padding: 60px 0; }
 .setup-section .setup-head { margin-bottom: 28px; }
}

/* Compact product-category explanation, sharing the existing brand tokens. */
.display-category { padding: 76px 0; background: radial-gradient(circle at 78% 30%, rgba(116,139,201,.12), transparent 42%), linear-gradient(145deg, #0c111c, #050609 75%); color: var(--fg); }
.display-category-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(32px, 5vw, 72px); align-items: start; }
.display-category .section-title { font-size: clamp(32px, 3.5vw, 48px); }
.display-category-links { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.display-category-links .btn { white-space: normal; text-align: center; }
.display-category-compare { width: 100%; margin-top: 4px; font-size: 14px; text-decoration: underline; text-underline-offset: 4px; }
.display-category-questions { border-top: 1px solid var(--line-dark); }
.display-category-questions details { padding: 21px 0; border-bottom: 1px solid var(--line-dark); }
.display-category-questions summary { cursor: pointer; font-size: 17px; font-weight: 560; line-height: 1.4; }
.display-category-questions p { margin: 14px 0 0; color: rgba(255,255,255,.76); font-size: 15px; line-height: 1.65; }
.display-category a:focus-visible, .display-category summary:focus-visible { outline: 3px solid #8aaaff; outline-offset: 4px; }
@media (max-width: 760px) { .display-category { padding: 52px 0; } .display-category-grid { grid-template-columns: 1fr; gap: 32px; } }