.marketing .future-story{background:radial-gradient(ellipse at 9% 5%,#15659d35,transparent 40%),radial-gradient(ellipse at 94% 75%,#8645bb2e,transparent 42%),linear-gradient(145deg,#061022,#10162e);border-block:1px solid #30456a}
.marketing .future-heading{max-width:820px;margin-bottom:34px}
.marketing .future-heading h2,.marketing .lab-heading h2{font-size:clamp(32px,4.5vw,56px);line-height:1.12}
.marketing .future-heading h2 span,.marketing .lab-heading h2 span{color:#63e9ee}
.marketing .future-heading>p:last-child,.marketing .lab-heading>p:last-child{font-size:18px;line-height:1.8;color:#c2cfe3}
.marketing .future-path{display:block;width:100%;height:auto;margin:0 0 26px}
.marketing .future-community{padding:22px 26px;margin:0 0 26px;border-left:3px solid #e6bc79;border-radius:0 14px 14px 0;background:#252136;color:#d9cfe1;font-size:16px;line-height:1.8}
.marketing .future-community strong{display:block;margin-bottom:6px;color:#f4d7a8;font-size:20px}.marketing .future-community p{margin:0}.marketing .future-community a{display:inline-block;margin-top:10px;color:#8eedee;font-weight:600}
.marketing .future-community .future-support{margin-top:18px;padding-top:18px;border-top:1px solid #544662}.marketing .future-support strong{color:#e7dcee;font-size:18px}
.marketing .future-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;counter-reset:future-step}
.marketing .future-steps>li{min-width:0;padding:26px;border:1px solid #38537a;border-radius:18px;background:linear-gradient(135deg,#10213ae6,#11162de6);counter-increment:future-step}
.marketing .future-step-label{display:flex;align-items:center;gap:12px;margin:0 0 18px;color:#a9bad2;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.marketing .future-step-label:before{content:counter(future-step,decimal-leading-zero);display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border:1px solid #65e5e4;border-radius:50%;color:#71f0e8;letter-spacing:0;font-size:12px;background:#123447}
.marketing .future-steps h3{margin:0 0 12px;color:#f5f8ff;font-size:23px;line-height:1.25}
.marketing .future-steps p{margin:0;color:#bfcbe0;font-size:15px;line-height:1.8}
.marketing .future-steps strong{color:#eef7ff;font-weight:600}
.marketing .platform-pipeline{display:flex;align-items:center;gap:24px;padding:23px 26px;margin-top:24px;border:1px solid #67538b;border-radius:18px;background:#191a36}
.marketing .pipeline-symbol{flex-shrink:0;width:48px;height:48px;color:#bba0ef}
.marketing .platform-pipeline h3{margin:0 0 7px;font-size:19px}
.marketing .platform-pipeline p{margin:0;font-size:15px;line-height:1.75;color:#c9c6de}
.marketing .future-priority{display:flex;align-items:center;gap:18px;margin:28px 0 0;padding-top:27px;border-top:1px solid #39516d;color:#e7f5f8;font-size:18px;line-height:1.6}
.marketing .future-priority svg{flex-shrink:0;width:30px;height:30px;color:#68e4e8}
.marketing .future-note{margin:16px 0 0;color:#a9b7ce;font-size:12px;line-height:1.8}
.marketing .testing-lab{background:radial-gradient(ellipse at 74% 8%,#0c88a72b,transparent 42%),linear-gradient(180deg,#050b19,#0b1930);border-bottom:1px solid #30456a}
.marketing .lab-heading{max-width:800px;margin-bottom:34px}
.marketing .lab-concept-label{display:inline-flex;align-items:center;gap:9px;margin:0 0 18px;padding:8px 12px;border:1px solid #6e6484;border-radius:100px;color:#dbc8ef;background:#201c34;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.marketing .lab-concept-label:before{content:"";width:7px;height:7px;border-radius:50%;background:#b792e8}
.marketing .lab-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.marketing .lab-gallery figure{margin:0;min-width:0;overflow:hidden;border:1px solid #3d5a7f;border-radius:18px;background:#0d1a2e}
.marketing .lab-gallery img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.marketing .lab-gallery figcaption{padding:20px 22px}
.marketing .lab-gallery figcaption strong{display:block;color:#eff6ff;font-size:18px;margin-bottom:8px}
.marketing .lab-gallery figcaption span{display:block;color:#afbdd3;font-size:13px;line-height:1.75}
.marketing .lab-focus{list-style:none;padding:0;margin:32px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.marketing .lab-focus li{padding-top:20px;border-top:1px solid #385477;min-width:0}
.marketing .lab-focus h3{margin:0 0 10px;font-size:20px;color:#f2f7ff}
.marketing .lab-focus p{margin:0;color:#b8c7dc;font-size:15px;line-height:1.8}
.marketing .lab-closing{margin:30px 0 0;color:#d0e1f1;font-size:clamp(18px,2vw,24px);line-height:1.7}
.marketing .platform-status{display:block;margin-top:12px;color:#6ee5e4;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
@media(max-width:900px){.marketing .future-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing .lab-gallery{gap:18px}.marketing .lab-focus{gap:20px}}
@media(max-width:600px){.marketing .future-story>.container,.marketing .testing-lab>.container{width:calc(100% - 36px)}.marketing .future-heading,.marketing .lab-heading{margin-bottom:26px}.marketing .future-heading>p:last-child,.marketing .lab-heading>p:last-child{font-size:16px}.marketing .future-path{display:none}.marketing .future-steps,.marketing .lab-gallery,.marketing .lab-focus{grid-template-columns:1fr}.marketing .future-steps{gap:14px}.marketing .future-steps>li{padding:22px}.marketing .future-steps h3{font-size:22px}.marketing .platform-pipeline{align-items:flex-start;gap:15px;padding:22px}.marketing .pipeline-symbol{width:34px;height:34px}.marketing .future-priority{align-items:flex-start;font-size:16px}.marketing .lab-gallery{gap:24px}.marketing .lab-gallery figcaption{padding:18px}.marketing .lab-focus{gap:23px}.marketing .lab-heading h2 br{display:none}}

/* Roadmap: a visual opening, ordered editorial stages, and a human closing. */
.marketing .roadmap-editorial{background:radial-gradient(ellipse at 84% 8%,#14556b2b,transparent 40%),linear-gradient(155deg,#050d1b,#0b1a2d);border-block-color:#243d55}
.marketing .roadmap-editorial .future-heading{max-width:860px;margin-bottom:36px}
.marketing .roadmap-panorama{position:relative;margin:0 0 62px;overflow:hidden;border-radius:22px;background:#081527;box-shadow:0 24px 64px #0005}
.marketing .roadmap-panorama img{display:block;width:100%;height:auto;object-fit:contain}
.marketing .roadmap-panorama figcaption{padding:16px 22px;border-top:1px solid #24425b;color:#bccede;font-size:14px;letter-spacing:.01em;background:#071421}
.marketing .roadmap-stages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:72px;row-gap:0;list-style:none;margin:0;padding:0}
.marketing .roadmap-stages>li{display:grid;grid-template-columns:66px minmax(0,1fr);gap:22px;min-width:0;padding:34px 0 40px;border-top:1px solid #335068}
.marketing .roadmap-stage-number{display:block;font-size:48px;font-weight:700;letter-spacing:-.06em;line-height:1;color:#62e4e8;font-variant-numeric:tabular-nums}
.marketing .roadmap-stages>li:nth-child(n+3) .roadmap-stage-number{color:#84aeca}
.marketing .roadmap-stages>li:nth-child(n+5) .roadmap-stage-number{color:#c9b284}
.marketing .roadmap-stage-label{margin:0 0 12px;color:#9bb5cc;font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:700}
.marketing .roadmap-stages h3{margin:0 0 14px;color:#f6f8fb;font-size:clamp(24px,2.3vw,31px);line-height:1.2;letter-spacing:-.035em}
.marketing .roadmap-stages p:not(.roadmap-stage-label){margin:0;color:#bacbdd;font-size:16px;line-height:1.8}
.marketing .roadmap-stages strong,.marketing .roadmap-platforms strong{color:#edf5fc;font-weight:600}
.marketing .roadmap-platforms{padding:32px 0 38px;border-top:1px solid #335068;max-width:850px}
.marketing .roadmap-platforms .eyebrow{margin-bottom:12px}
.marketing .roadmap-platforms h3{margin:0 0 14px;color:#f6f8fb;font-size:30px;letter-spacing:-.035em;line-height:1.2}
.marketing .roadmap-platforms>p:last-child{margin:0;color:#b9cbdd;font-size:17px;line-height:1.8}
.marketing .roadmap-community{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:68px;margin:12px 0 0;padding:52px 0 50px;border-top:2px solid #79c4d1;border-bottom:1px solid #335068}
.marketing .roadmap-community>section{min-width:0}
.marketing .roadmap-community .eyebrow{color:#bda777;letter-spacing:.11em;font-size:10px;line-height:1.7;margin:0 0 18px}
.marketing .roadmap-community h3{margin:0 0 24px;color:#fff2dc;font-size:clamp(30px,3vw,40px);line-height:1.1;letter-spacing:-.045em}
.marketing .roadmap-community p:not(.eyebrow){margin:0 0 18px;color:#cad6e3;font-size:17px;line-height:1.8}
.marketing .roadmap-community p:last-child{margin-bottom:0}
.marketing .roadmap-priority{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:68px;align-items:center;padding:48px 0 0}
.marketing .roadmap-priority .eyebrow{grid-column:1/-1;margin:0 0 18px}
.marketing .roadmap-priority h3{margin:0;color:#f2f7fc;font-size:clamp(32px,3.5vw,46px);line-height:1.12;letter-spacing:-.045em}
.marketing .roadmap-priority h3 span{color:#64e5e8}
.marketing .roadmap-priority>p:last-child{margin:0;color:#b9ccdf;font-size:18px;line-height:1.8}
@media(max-width:900px){.marketing .roadmap-stages{column-gap:38px}.marketing .roadmap-stages>li{grid-template-columns:46px minmax(0,1fr);gap:16px}.marketing .roadmap-stage-number{font-size:38px}.marketing .roadmap-community,.marketing .roadmap-priority{column-gap:36px}}
@media(max-width:600px){.marketing .roadmap-editorial .future-heading{margin-bottom:26px}.marketing .roadmap-panorama{margin-bottom:34px;border-radius:14px}.marketing .roadmap-panorama figcaption{padding:12px 14px;font-size:12px}.marketing .roadmap-stages{grid-template-columns:1fr}.marketing .roadmap-stages>li{grid-template-columns:42px minmax(0,1fr);gap:16px;padding:28px 0 30px}.marketing .roadmap-stage-number{font-size:34px}.marketing .roadmap-stages p:not(.roadmap-stage-label){font-size:15px;line-height:1.85}.marketing .roadmap-stage-label{font-size:10px;margin-bottom:10px}.marketing .roadmap-platforms{padding:28px 0 32px}.marketing .roadmap-platforms h3{font-size:27px}.marketing .roadmap-platforms>p:last-child{font-size:16px}.marketing .roadmap-community{grid-template-columns:1fr;gap:42px;padding:36px 0 38px}.marketing .roadmap-community h3{font-size:32px;margin-bottom:20px}.marketing .roadmap-community p:not(.eyebrow){font-size:16px}.marketing .roadmap-priority{grid-template-columns:1fr;gap:22px;padding-top:36px}.marketing .roadmap-priority .eyebrow{margin-bottom:0}.marketing .roadmap-priority>p:last-child{font-size:16px}}
/* Six named waypoints live on the path itself; the ordered list stays readable without graphics. */
.marketing .roadmap-journey{position:relative;isolation:isolate;min-height:630px}
.marketing .roadmap-ribbon{position:absolute;inset:0;width:100%;height:630px;z-index:-1;overflow:visible}
.marketing .roadmap-stages{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:260px 260px;gap:80px 0;padding:30px 0 0}
.marketing .roadmap-stages>li{display:block;min-width:0;padding:0 22px;text-align:center;position:relative;border:0}
.marketing .roadmap-stages>li:nth-child(4){grid-column:3;grid-row:2}
.marketing .roadmap-stages>li:nth-child(5){grid-column:2;grid-row:2}
.marketing .roadmap-stages>li:nth-child(6){grid-column:1;grid-row:2}
.marketing .roadmap-stage-number{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 22px;border:2px solid #79e7e4;border-radius:50%;color:#c5fff9;background:radial-gradient(circle at 30% 20%,#184650,#081a2d 75%);box-shadow:0 0 0 8px #0b2234,0 0 32px #4ee2da24;font-size:23px;font-weight:700;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.marketing .roadmap-stages>li:nth-child(n+3) .roadmap-stage-number{color:#c5fff9}
.marketing .roadmap-stages>li:nth-child(n+4) .roadmap-stage-number{border-color:#d5c19a;color:#ffe3b3;background:radial-gradient(circle at 30% 20%,#394139,#111e2b 75%);box-shadow:0 0 0 8px #102134,0 0 32px #e6bf7524}
.marketing .roadmap-stage-label{margin:0 0 10px;color:#9fbbd1;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;line-height:1.5}
.marketing .roadmap-stages h3{margin:0 0 14px;font-size:clamp(20px,2vw,25px)}
.marketing .roadmap-stages p:not(.roadmap-stage-label){max-width:300px;margin:0 auto;color:#b8cadd;font-size:15px;line-height:1.75}
.marketing .roadmap-plan-note{margin:0 0 35px;color:#91a9c1;font-size:13px;line-height:1.8}
/* Concept pictures remain full frame, now quieter, centered and stacked on every screen. */
.marketing .lab-gallery{grid-template-columns:1fr;width:100%;max-width:600px;margin-inline:auto;gap:24px}
.marketing .lab-gallery figcaption{padding:18px 20px}
@media(max-width:820px){
  .marketing .roadmap-journey{min-height:0}
  .marketing .roadmap-ribbon{display:none}
  .marketing .roadmap-stages{display:block;position:relative;padding:4px 0 0}
  .marketing .roadmap-stages:before{content:"";position:absolute;top:36px;bottom:calc(100% / 6 - 35px);left:29px;width:6px;border-radius:8px;background:linear-gradient(#68f0e8,#68bdea 50%,#edc886);box-shadow:0 0 22px #6ed9e93b;z-index:-1}
  .marketing .roadmap-stages>li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:24px;padding:0 0 40px;text-align:left}
  .marketing .roadmap-stage-number{margin:0;align-self:start}
  .marketing .roadmap-stages>li:last-child{padding-bottom:25px}
  .marketing .roadmap-stage-label{margin-top:4px}
  .marketing .roadmap-stages h3{font-size:26px}
  .marketing .roadmap-stages p:not(.roadmap-stage-label){max-width:520px;margin:0;font-size:16px}
  .marketing .roadmap-plan-note{margin-top:10px}
}
@media(max-width:600px){
  .marketing .roadmap-editorial .future-heading{margin-bottom:32px}
  .marketing .roadmap-stages>li{grid-template-columns:54px minmax(0,1fr);gap:20px;padding-bottom:36px}
  .marketing .roadmap-stage-number{width:54px;height:54px;font-size:20px;box-shadow:0 0 0 6px #0b2234,0 0 25px #4ee2da24}
  .marketing .roadmap-stages>li:nth-child(n+4) .roadmap-stage-number{box-shadow:0 0 0 6px #102134,0 0 25px #e6bf7524}
  .marketing .roadmap-stages:before{left:24px;top:31px;bottom:calc(100% / 6 - 30px)}
  .marketing .roadmap-stages h3{font-size:23px}
  .marketing .roadmap-stages p:not(.roadmap-stage-label){font-size:15px;line-height:1.8}
  .marketing .roadmap-stage-label{font-size:9px;letter-spacing:.08em}
  .marketing .lab-gallery figcaption{padding:16px 18px}
}
/* Testing Lab: paired mock-up stack on the left, all section copy on the right. */
.marketing .testing-lab>.lab-split{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-rows:auto auto auto 1fr;grid-template-areas:"pictures heading" "pictures label" "pictures focus" "pictures closing";column-gap:72px;row-gap:26px;max-width:1240px;align-items:start}
.marketing .lab-split>.lab-heading{grid-area:heading;margin:0;min-width:0}
.marketing .lab-split>.lab-heading h2{font-size:clamp(32px,3.5vw,48px);line-height:1.15}
.marketing .lab-split>.lab-heading>p:last-child{font-size:17px;margin-bottom:0}
.marketing .lab-split>.lab-concept-label{grid-area:label;justify-self:start;margin:0;max-width:100%;box-sizing:border-box}
.marketing .lab-split>.lab-gallery{grid-area:pictures;max-width:560px;margin:0;gap:24px}
.marketing .lab-split>.lab-focus{grid-area:focus;grid-template-columns:1fr;margin:0;gap:24px;min-width:0}
.marketing .lab-split>.lab-focus li{padding-top:20px}
.marketing .lab-split>.lab-focus h3{font-size:22px}
.marketing .lab-split>.lab-focus p{font-size:16px;line-height:1.8}
.marketing .lab-split>.lab-closing{grid-area:closing;align-self:end;margin:8px 0 0;font-size:clamp(20px,2vw,25px);line-height:1.65}
@media(max-width:1000px){.marketing .testing-lab>.lab-split{column-gap:40px}.marketing .lab-split>.lab-heading h2{font-size:36px}.marketing .lab-split>.lab-heading>p:last-child{font-size:16px}}
@media(max-width:850px){.marketing .testing-lab>.lab-split{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"heading" "label" "pictures" "focus" "closing";row-gap:26px}.marketing .lab-split>.lab-heading{max-width:720px}.marketing .lab-split>.lab-heading h2{font-size:clamp(32px,5.5vw,46px)}.marketing .lab-split>.lab-gallery{max-width:560px;margin-inline:auto}.marketing .lab-split>.lab-focus{max-width:720px}.marketing .lab-split>.lab-closing{align-self:start;margin:0}}
@media(max-width:600px){.marketing .lab-split>.lab-focus h3{font-size:20px}.marketing .lab-split>.lab-focus p{font-size:15px}.marketing .lab-split>.lab-closing{font-size:20px}}