:root{--is-cyan:#69e8ff;--is-blue:#2477ff;--is-violet:#8a6cff;--is-line:rgba(116,181,255,.18);--is-glass:rgba(7,12,30,.66)}
.interstellarPage{background:#02030a;color:#f5f8ff}.isMain{position:relative;z-index:2}.isBreadcrumb,.isSection,.isMethod,.isExplore{width:min(1180px,calc(100% - 48px));margin-left:auto;margin-right:auto}.isBreadcrumb{display:block;padding:26px 0 16px;color:#7f91b8;font-size:11px;letter-spacing:.16em;text-decoration:none}.isHero{position:relative;width:min(1320px,calc(100% - 32px));height:min(720px,72vh);min-height:600px;margin:0 auto 92px;border:1px solid rgba(101,180,255,.18);border-radius:28px;overflow:hidden;background:#050818;box-shadow:0 30px 100px rgba(0,0,0,.38)}.isHeroArt{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.isHeroShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,3,10,.94) 0%,rgba(2,3,10,.78) 35%,rgba(2,3,10,.18) 68%,rgba(2,3,10,.28)),linear-gradient(0deg,rgba(2,3,10,.72),transparent 48%)}.isHeroCopy{position:absolute;left:max(48px,6vw);top:50%;transform:translateY(-50%);width:min(610px,48%)}.isKicker{color:var(--is-cyan);font-size:11px;letter-spacing:.2em;font-weight:700}.isHero h1{font-size:clamp(64px,7vw,108px);line-height:.84;letter-spacing:-.055em;margin:18px 0 24px}.isHero h1 span{background:linear-gradient(90deg,var(--is-cyan),var(--is-blue),var(--is-violet));-webkit-background-clip:text;color:transparent}.isHero h2{font-size:clamp(22px,2vw,32px);line-height:1.15;max-width:540px;margin:0 0 18px}.isHero p{color:#b3bfd8;line-height:1.65;max-width:560px}.isHeroMeta{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.isHeroMeta span,.isNext{border:1px solid rgba(105,232,255,.2);background:rgba(6,11,28,.58);backdrop-filter:blur(14px);border-radius:999px;padding:9px 13px;color:#b9c8e6;font-size:10px;letter-spacing:.12em}.isNext{position:absolute;right:30px;bottom:28px;border-radius:16px;padding:13px 17px}.isNext small,.isNext b{display:block}.isNext small{color:#7890b8;font-size:9px;letter-spacing:.18em}.isNext b{margin-top:4px;color:#fff;font-size:12px}.isSection{margin-top:92px}.isSectionHead{display:flex;justify-content:space-between;align-items:end;gap:48px;margin-bottom:28px}.isSectionHead h2,.isTransition h2,.isSignal h2,.isStaking h2,.isVerdict h2{font-size:clamp(32px,4vw,56px);line-height:1.02;letter-spacing:-.035em;margin:10px 0 0}.isSectionHead>p{max-width:460px;color:#8fa0bf;line-height:1.55;margin:0}.isFlow,.isChartCard,.isEconomicGrid,.isStaking,.isSignal,.isVerdict,.isMethod details{border:1px solid var(--is-line);background:linear-gradient(145deg,rgba(12,19,43,.74),rgba(5,8,22,.64));box-shadow:inset 0 1px rgba(255,255,255,.035),0 24px 80px rgba(0,0,0,.22);backdrop-filter:blur(18px);border-radius:24px}.isFlow{padding:30px;display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:20px;align-items:stretch}.isFlowNode,.isFlowResult,.isFlowSplit>div{padding:24px;border-radius:18px;background:rgba(9,15,35,.7);border:1px solid rgba(107,178,255,.14)}.isFlowSplit{display:grid;gap:12px}.isFlow small,.isFlow b,.isFlow em{display:block}.isFlow small{color:#6f89b7;font-size:9px;letter-spacing:.16em}.isFlow b{margin-top:8px;font-size:17px}.isFlow em{font-style:normal;color:#8799ba;font-size:12px;margin-top:8px}.isFlowExplain{margin:12px 0 0;color:#a1afc8;font-size:12px;line-height:1.55;max-width:30ch}.isFlowNode .isFlowExplain+em{margin-top:14px;padding-top:12px;border-top:1px solid rgba(105,232,255,.10);color:#7fdff4;line-height:1.45}.isFlowResult{display:flex;flex-direction:column;justify-content:center}.isFlowResult b{font-size:23px;color:var(--is-cyan)}[data-icon]{display:block;width:34px;height:34px;margin-bottom:18px;border:1px solid rgba(105,232,255,.32);border-radius:10px;box-shadow:0 0 24px rgba(36,119,255,.18);position:relative}[data-icon]:after{content:'';position:absolute;inset:8px;border:1.5px solid var(--is-cyan);transform:rotate(45deg);border-radius:3px}.isTimeline{display:flex;align-items:center;overflow-x:auto;padding:12px 2px 18px;scrollbar-width:none}.isTimeline::-webkit-scrollbar{display:none}.isCheckpoint{appearance:none;border:0;background:none;color:#7182a5;min-width:155px;text-align:left;position:relative;padding:38px 0 0;cursor:pointer}.isCheckpoint:before{content:'';position:absolute;left:0;top:13px;width:12px;height:12px;border-radius:50%;background:#1a2948;border:2px solid #52698f;z-index:2}.isCheckpoint:after{content:'';position:absolute;left:12px;right:0;top:19px;height:1px;background:#283a5f}.isCheckpoint:last-child:after{display:none}.isCheckpoint b,.isCheckpoint small{display:block}.isCheckpoint b{font-size:11px;letter-spacing:.12em}.isCheckpoint small{font-size:10px;margin-top:4px}.isCheckpoint.published{color:#c9d7ef}.isCheckpoint.published:before{background:var(--is-blue);border-color:var(--is-cyan);box-shadow:0 0 18px rgba(36,119,255,.7)}.isCheckpoint.selected{color:#fff}.isCheckpoint.selected:before{width:16px;height:16px;top:11px;background:var(--is-cyan);box-shadow:0 0 25px var(--is-blue)}.isCheckpoint.future{cursor:default;opacity:.42}.isKpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}.isKpi{padding:22px;border:1px solid var(--is-line);background:rgba(8,13,31,.72);border-radius:18px}.isKpi small,.isKpi b,.isKpi em{display:block}.isKpi small{font-size:9px;letter-spacing:.15em;color:#7085aa}.isKpi b{font-size:30px;margin:10px 0 6px}.isKpi em{font-size:11px;font-style:normal;color:#9aaccc}.isKpi em.up{color:#7be7ff}.isKpi em.down{color:#a99cff}.isChartCard{padding:28px}.isChartHead{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.isChartHead small,.isChartHead b{display:block}.isChartHead small{color:#7185aa;font-size:9px;letter-spacing:.16em}.isChartHead b{font-size:20px;margin-top:5px}.isChartHead span{font-size:9px;letter-spacing:.13em;color:#65799f}.isDeltaRow{display:grid;grid-template-columns:170px 1fr 74px;gap:14px;align-items:center;margin:14px 0}.isDeltaRow label{font-size:11px;color:#aebbd3}.isDeltaTrack{height:9px;background:rgba(91,113,157,.13);border-radius:999px;overflow:hidden;position:relative}.isDeltaTrack i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--is-blue),var(--is-cyan));box-shadow:0 0 16px rgba(36,119,255,.45)}.isDeltaRow.negative .isDeltaTrack i{background:linear-gradient(90deg,var(--is-violet),var(--is-blue))}.isDeltaRow strong{text-align:right;font-size:12px}.isTransition,.isSignal{display:grid;grid-template-columns:1.08fr .92fr;gap:0;overflow:hidden;border:1px solid var(--is-line);border-radius:24px;background:#060a19}.isTransitionArt img,.isSignalArt img{width:100%;height:100%;min-height:480px;object-fit:cover}.isTransitionCopy,.isSignalCopy{padding:50px;display:flex;flex-direction:column;justify-content:center}.isTransitionCopy p,.isSignalCopy p,.isStaking p{color:#93a4c2;line-height:1.65}.isUpgradeSeq{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:25px}.isUpgradeSeq>div{padding:14px;border:1px solid rgba(100,150,230,.14);border-radius:12px}.isUpgradeSeq small,.isUpgradeSeq b{display:block}.isUpgradeSeq small{font-size:8px;color:#6f85ab;letter-spacing:.12em}.isUpgradeSeq b{font-size:11px;margin-top:5px}.isUpgradeSeq .active{border-color:rgba(105,232,255,.4);box-shadow:inset 0 0 28px rgba(36,119,255,.12)}.isEconomicGrid{display:grid;grid-template-columns:1fr 1fr 1.35fr;padding:18px;gap:14px}.isMetricHero,.isRatio{padding:28px;border-radius:18px;background:rgba(5,10,26,.72);border:1px solid rgba(104,165,255,.12)}.isMetricHero small,.isMetricHero b,.isMetricHero em{display:block}.isMetricHero small{font-size:9px;letter-spacing:.15em;color:#7288ae}.isMetricHero b{font-size:34px;margin:12px 0 6px}.isMetricHero em{font-style:normal;font-size:11px;color:var(--is-cyan)}.isMetricHero.awaiting b{font-size:17px;color:#a8b4ca;line-height:1.25}.isRatioTop{display:flex;justify-content:space-between;font-size:11px}.isRatioTop b{color:#91a2c1}.isGauge{height:12px;background:linear-gradient(90deg,rgba(36,119,255,.18) 0 80%,rgba(105,232,255,.2) 80% 100%);border-radius:999px;margin:34px 0 22px;position:relative}.isGauge:after{content:'';position:absolute;left:80%;top:-8px;width:1px;height:28px;background:var(--is-cyan)}.isGauge i{position:absolute;left:80%;top:24px;transform:translateX(-50%);font-size:8px;white-space:nowrap;font-style:normal;color:#7790b8}.isRatio p{font-size:11px;line-height:1.55;color:#7f91b1;margin-top:36px}.isStaking{padding:42px;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.isStakeBars>div{display:grid;grid-template-columns:70px 1fr 60px;gap:12px;align-items:center;margin:18px 0}.isStakeBars small{font-size:9px;letter-spacing:.12em;color:#7187ac}.isStakeBars span{height:12px;background:rgba(83,105,151,.15);border-radius:999px;overflow:hidden}.isStakeBars i{display:block;height:100%;background:linear-gradient(90deg,var(--is-blue),var(--is-cyan));border-radius:999px}.isStakeBars>em{display:block;font-size:11px;color:#788caf;font-style:normal;margin-top:24px}.isSignalStats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:22px 0}.isSignalStats>div{padding:14px;border-radius:12px;background:rgba(8,14,34,.7);border:1px solid rgba(105,169,255,.13)}.isSignalStats small,.isSignalStats b{display:block}.isSignalStats small{font-size:8px;letter-spacing:.13em;color:#6e83aa}.isSignalStats b{font-size:18px;margin-top:4px}.isEvidenceTag{align-self:flex-start;border:1px solid rgba(105,232,255,.28);border-radius:999px;padding:8px 11px;color:var(--is-cyan);font-size:9px;letter-spacing:.12em}.isLedger{display:grid;gap:8px}.isLedgerRow{display:grid;grid-template-columns:1fr auto;gap:20px;padding:16px 18px;border:1px solid rgba(100,158,239,.13);background:rgba(7,12,28,.58);border-radius:13px;align-items:center}.isLedgerRow span{font-size:13px;color:#b8c5dc}.isLedgerRow b{font-size:9px;letter-spacing:.12em;border:1px solid rgba(105,232,255,.2);padding:7px 9px;border-radius:999px;color:#8fdff4}.isVerdict{padding:46px}.isVerdictGrid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.isAssessment{display:grid;grid-template-columns:1fr 1fr;gap:10px}.isAssessment>div{padding:16px;border:1px solid rgba(105,164,255,.13);border-radius:13px;background:rgba(7,12,29,.55)}.isAssessment small{font-size:8px;letter-spacing:.13em;color:#7186aa}.isAssessment p{font-size:12px;line-height:1.5;color:#a9b7cf}.isMethod{margin-top:30px;margin-bottom:90px}.isMethod details{padding:0 24px}.isMethod summary{list-style:none;cursor:pointer;padding:22px 0;font-size:10px;letter-spacing:.16em;color:#9db0d0;display:flex;justify-content:space-between}.isMethod summary::-webkit-details-marker{display:none}.isMethod details>div{padding:0 0 24px;color:#8799b8;line-height:1.6;font-size:12px}.isExplore{margin-bottom:30px}
@media(max-width:800px){.isBreadcrumb,.isSection,.isMethod,.isExplore{width:calc(100% - 28px)}.isBreadcrumb{padding-top:18px}.isHero{width:calc(100% - 20px);height:700px;min-height:0;margin-bottom:62px;border-radius:20px}.isHeroArt{object-position:64% center}.isHeroShade{background:linear-gradient(0deg,rgba(2,3,10,.98) 0%,rgba(2,3,10,.88) 43%,rgba(2,3,10,.12) 78%),linear-gradient(90deg,rgba(2,3,10,.25),rgba(2,3,10,.1))}.isHeroCopy{left:22px;right:22px;top:auto;bottom:86px;transform:none;width:auto}.isHero h1{font-size:58px}.isHero h2{font-size:22px}.isHero p{font-size:13px;line-height:1.55}.isHeroMeta span:nth-child(2){display:none}.isNext{right:14px;bottom:14px}.isSection{margin-top:62px}.isSectionHead{display:block}.isSectionHead>p{margin-top:14px;font-size:12px}.isSectionHead h2,.isTransition h2,.isSignal h2,.isStaking h2,.isVerdict h2{font-size:34px}.isFlow{grid-template-columns:1fr;padding:14px}.isFlowSplit{grid-template-columns:1fr 1fr}.isFlowNode,.isFlowResult,.isFlowSplit>div{padding:18px}.isKpis{grid-template-columns:1fr 1fr}.isKpi{padding:17px}.isKpi b{font-size:24px}.isChartCard{padding:18px}.isChartHead span{display:none}.isDeltaRow{grid-template-columns:112px 1fr 58px;gap:8px}.isDeltaRow label{font-size:9px}.isTransition,.isSignal{grid-template-columns:1fr}.isTransitionArt img,.isSignalArt img{min-height:250px;max-height:300px}.isTransitionCopy,.isSignalCopy{padding:26px}.isUpgradeSeq{overflow-x:auto;grid-template-columns:repeat(3,145px);padding-bottom:8px}.isEconomicGrid{grid-template-columns:1fr;padding:12px}.isStaking{padding:26px;grid-template-columns:1fr;gap:20px}.isVerdict{padding:26px}.isVerdictGrid{grid-template-columns:1fr;gap:25px}.isAssessment{grid-template-columns:1fr}.isLedgerRow{grid-template-columns:1fr}.isLedgerRow b{justify-self:start}.isTimeline{margin-right:-14px}.isCheckpoint{min-width:132px}.isSignalStats{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.isFlowSplit{grid-template-columns:1fr}.isKpis{grid-template-columns:1fr 1fr}.isKpi small{min-height:22px}.isHeroMeta{gap:5px}.isHeroMeta span{font-size:8px}.isSignalStats{grid-template-columns:1fr 1fr}}
/* Preview 02 evidence-communication refinements */
.isIcon{display:flex;width:38px;height:38px;margin-bottom:18px;align-items:center;justify-content:center;border:1px solid rgba(105,232,255,.34);border-radius:11px;background:linear-gradient(145deg,rgba(36,119,255,.12),rgba(105,232,255,.035));box-shadow:0 0 26px rgba(36,119,255,.15)}.isIcon svg{width:22px;height:22px;fill:none;stroke:var(--is-cyan);stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(105,232,255,.28))}[data-icon]{display:none!important}
.isKpi em.negStrong,.isDeltaRow strong.negStrong{color:#ff5f6d}.isKpi em.negMedium,.isDeltaRow strong.negMedium{color:#ff916d}.isKpi em.negMild,.isDeltaRow strong.negMild{color:#f3b65f}.isKpi em.neutral,.isDeltaRow strong.neutral{color:#8999b7}.isKpi em.posMild,.isDeltaRow strong.posMild{color:#69e8ff}.isKpi em.posMedium,.isDeltaRow strong.posMedium{color:#65e6b3}.isKpi em.posStrong,.isDeltaRow strong.posStrong{color:#7cf59a}
.isDeltaAxis{display:grid;grid-template-columns:170px 1fr 74px;gap:14px;margin-bottom:4px}.isDeltaAxis:before{content:''}.isDeltaAxis>span:first-of-type,.isDeltaAxis>span:last-of-type{position:absolute}.isDeltaAxis>b{grid-column:2;text-align:center;font-size:8px;letter-spacing:.12em;color:#7285a8;font-weight:600}.isDeltaRow{grid-template-columns:170px 1fr 74px}.isDiverge{height:16px;position:relative;background:linear-gradient(90deg,rgba(255,95,109,.035),rgba(91,113,157,.08) 48%,rgba(91,113,157,.08) 52%,rgba(105,232,255,.035));border-radius:4px;overflow:visible}.isZero{position:absolute;left:50%;top:-5px;bottom:-5px;width:1px;background:rgba(207,221,247,.5);box-shadow:0 0 10px rgba(105,232,255,.18)}.isDiverge i{position:absolute;top:4px;height:8px;border-radius:999px}.isDiverge i.negStrong{background:linear-gradient(90deg,#ff916d,#ff5f6d)}.isDiverge i.negMedium{background:linear-gradient(90deg,#f3b65f,#ff7a68)}.isDiverge i.negMild{background:linear-gradient(90deg,#f0c66a,#f3b65f)}.isDiverge i.posMild{background:linear-gradient(90deg,#2477ff,#69e8ff)}.isDiverge i.posMedium{background:linear-gradient(90deg,#3ccfd2,#65e6b3)}.isDiverge i.posStrong{background:linear-gradient(90deg,#65e6b3,#7cf59a)}.isDiverge i.neutral{background:#8999b7}.isNoDelta{padding:22px;color:#8495b4;font-size:12px;border-left:1px solid rgba(105,232,255,.2)}
.isExplore{width:min(1180px,calc(100% - 96px));box-sizing:border-box}
@media(max-width:800px){.isDeltaAxis,.isDeltaRow{grid-template-columns:112px 1fr 58px;gap:8px}.isExplore{width:calc(100% - 44px)}}
/* Preview 03 checkpoint narrative + alignment refinements */
.isNext{display:flex;align-items:center;gap:12px;padding:14px 18px;border:1px solid transparent;background:linear-gradient(rgba(5,10,27,.88),rgba(5,10,27,.88)) padding-box,linear-gradient(115deg,#69e8ff,#2477ff 52%,#8a6cff) border-box;box-shadow:0 0 32px rgba(36,119,255,.24),inset 0 0 26px rgba(105,232,255,.045)}
.isNextIcon{display:flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:9px;background:linear-gradient(145deg,rgba(105,232,255,.13),rgba(138,108,255,.1));box-shadow:0 0 18px rgba(105,232,255,.13)}
.isNextIcon svg{width:18px;height:18px;fill:none;stroke:#69e8ff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.isNext small{color:#8ca6d1}.isNext b{font-size:13px;letter-spacing:.055em;background:linear-gradient(90deg,#fff,#b9f6ff 55%,#c8bcff);-webkit-background-clip:text;color:transparent}
.isExplore{width:min(1180px,calc(100% - 48px));padding-left:24px;padding-right:24px;box-sizing:border-box}
.isStakeBars .isStakeSecondary.isHidden{display:none}.isStakeBars.isBaselineOnly>div:first-child{margin-top:10px}.isStakeBars.isBaselineOnly>em{margin-top:18px}
@media(max-width:800px){.isExplore{width:calc(100% - 28px);padding-left:14px;padding-right:14px}.isNext{gap:8px;padding:11px 13px}.isNextIcon{width:26px;height:26px}.isNext b{font-size:11px}}
/* Preview 04 — timeline affordance + diverging chart header fix */
.isDeltaAxis{position:relative;display:grid;grid-template-columns:170px 1fr 74px;gap:14px;min-height:18px;margin-bottom:8px}
.isDeltaAxis:before{content:'';grid-column:1}
.isDeltaAxis>b{grid-column:2;grid-row:1;text-align:center;align-self:center;font-size:8px;letter-spacing:.12em;color:#7285a8;font-weight:600}
.isDeltaAxis>span:first-of-type,.isDeltaAxis>span:last-of-type{position:static;grid-row:1;align-self:center;font-size:8px;letter-spacing:.12em;font-weight:650}
.isDeltaAxis>span:first-of-type{grid-column:2;justify-self:start;color:#e89080}
.isDeltaAxis>span:last-of-type{grid-column:2;justify-self:end;color:#78dcca}

.isTimeline{position:relative;isolation:isolate;padding-top:14px}
.isCheckpoint{min-height:72px;padding-top:40px;transition:color .25s ease,filter .25s ease,transform .25s ease}
.isCheckpoint:before{transition:width .25s ease,height .25s ease,top .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.isCheckpoint.published:before{animation:isCheckpointBreathe 3.8s ease-in-out infinite}
.isCheckpoint.published:nth-child(2):before{animation-delay:.7s}.isCheckpoint.published:nth-child(3):before{animation-delay:1.4s}
.isCheckpoint.published:after{background:linear-gradient(90deg,rgba(105,232,255,.72),rgba(36,119,255,.48));box-shadow:0 0 10px rgba(36,119,255,.16)}
.isCheckpoint.selected:before{animation:isSelectedCheckpoint 2.5s ease-in-out infinite;transform:scale(1.04)}
.isCheckpoint.selected b{color:#fff;text-shadow:0 0 14px rgba(105,232,255,.25)}
.isCheckpoint.future:after{background:#283a5f;box-shadow:none}
.isCheckpoint.future:before{animation:none}
.isCheckpoint.published:focus-visible{outline:1px solid var(--is-cyan);outline-offset:5px;border-radius:7px}
@media(hover:hover) and (pointer:fine){.isCheckpoint.published:hover{color:#fff;filter:brightness(1.18)}.isCheckpoint.published:hover:before{transform:scale(1.28);box-shadow:0 0 10px rgba(105,232,255,.95),0 0 28px rgba(36,119,255,.8),0 0 46px rgba(138,108,255,.34)}}
.isTimelinePulse{position:absolute;z-index:4;top:25px;left:6px;width:9px;height:9px;border-radius:50%;pointer-events:none;background:#d8fbff;box-shadow:0 0 7px #fff,0 0 18px var(--is-cyan),0 0 34px var(--is-blue);animation:isTimelineTravel 6.8s cubic-bezier(.45,0,.25,1) infinite}
.isTimelinePulse:after{content:'';position:absolute;inset:-7px;border-radius:50%;border:1px solid rgba(105,232,255,.42);animation:isPulseRing 1.5s ease-out infinite}
@keyframes isCheckpointBreathe{0%,100%{box-shadow:0 0 10px rgba(36,119,255,.35)}50%{box-shadow:0 0 11px rgba(105,232,255,.72),0 0 25px rgba(36,119,255,.55)}}
@keyframes isSelectedCheckpoint{0%,100%{box-shadow:0 0 12px rgba(105,232,255,.8),0 0 25px rgba(36,119,255,.55)}50%{box-shadow:0 0 16px rgba(105,232,255,1),0 0 38px rgba(36,119,255,.8),0 0 56px rgba(138,108,255,.28)}}
@keyframes isTimelineTravel{0%,6%{left:6px;opacity:0}10%{opacity:1}28%{left:calc(155px + 6px);opacity:1}48%{left:calc(310px + 6px);opacity:1}70%{left:calc(465px + 6px);opacity:1}82%,100%{left:calc(465px + 6px);opacity:0}}
@keyframes isPulseRing{0%{transform:scale(.55);opacity:.8}100%{transform:scale(1.55);opacity:0}}
@media(prefers-reduced-motion:reduce){.isCheckpoint.published:before,.isCheckpoint.selected:before,.isTimelinePulse,.isTimelinePulse:after{animation:none!important}.isTimelinePulse{display:none}.isCheckpoint{transition:none}}
@media(max-width:800px){.isDeltaAxis,.isDeltaRow{grid-template-columns:112px 1fr 58px;gap:8px}.isCheckpoint{min-width:142px;min-height:76px;padding-top:42px}.isCheckpoint:before{width:15px;height:15px;top:12px}.isCheckpoint:after{left:15px;top:19px}.isCheckpoint.selected:before{width:19px;height:19px;top:10px}.isTimelinePulse{display:none}}
/* Preview 05 — final desktop QA corrections */
@media(min-width:801px){
  .isTimelinePulse{top:29px}
}
/* Preview 06 — semantic SVG icon palette */
.isIcon{--icon-accent:#69e8ff;--icon-rgb:105,232,255;border-color:rgba(var(--icon-rgb),.42);background:linear-gradient(145deg,rgba(var(--icon-rgb),.14),rgba(var(--icon-rgb),.035));box-shadow:0 0 26px rgba(var(--icon-rgb),.14),inset 0 0 18px rgba(var(--icon-rgb),.025)}
.isIcon svg{stroke:var(--icon-accent);filter:drop-shadow(0 0 5px rgba(var(--icon-rgb),.34))}
.isIcon--upgrade{--icon-accent:#69e8ff;--icon-rgb:105,232,255}
.isIcon--network{--icon-accent:#3f91ff;--icon-rgb:63,145,255}
.isIcon--efficiency{--icon-accent:#a777ff;--icon-rgb:167,119,255}
.isIcon--issuance{--icon-accent:#ffc65c;--icon-rgb:255,198,92}
.isIcon--burn{--icon-accent:#ff765f;--icon-rgb:255,118,95}

@media(max-width:800px){.isFlowExplain{max-width:none;font-size:11.5px;line-height:1.5}.isFlowNode .isFlowExplain+em{font-size:11px}}
/* Preview 08 — mobile viewport composition pass */
@media(max-width:800px){
  html,body,.interstellarPage,.isMain{max-width:100%;overflow-x:hidden}
  .isSection,.isTransition,.isTransitionCopy,.isSignal,.isSignalCopy,.isChartCard,.isEconomicGrid,.isStaking,.isVerdict,.isSectionHead,.isFlow,.isFlowNode,.isFlowResult{min-width:0;box-sizing:border-box}

  /* Hero: preserve the V as a deliberate mobile focal area, then give copy its own field. */
  .isHero{height:720px;background:#040714}
  .isHeroArt{inset:0 0 auto;height:43%;object-fit:cover;object-position:76% 48%}
  .isHeroShade{background:linear-gradient(0deg,#040714 0%,rgba(4,7,20,.98) 42%,rgba(4,7,20,.34) 58%,rgba(2,3,10,.04) 100%)}
  .isHeroCopy{left:20px;right:20px;bottom:112px;width:auto}
  .isHero h1{font-size:clamp(48px,14vw,60px);line-height:.88}
  .isHero h2{font-size:20px;line-height:1.16}
  .isHero p{font-size:12.5px}
  .isHeroMeta{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:100%}
  .isHeroMeta span{display:flex!important;align-items:center;justify-content:center;min-height:38px;padding:7px 9px;text-align:center;box-sizing:border-box;font-size:7.5px;line-height:1.25}
  .isHeroMeta span:nth-child(2){display:none!important}
  .isNext{left:20px;right:20px;bottom:16px;min-height:58px;justify-content:center;box-sizing:border-box;border-radius:15px}
  .isNext>span:last-child{min-width:0}.isNext small,.isNext b{text-align:left}.isNext b{font-size:10.5px}

  /* Mobile rhythm */
  .isSection{margin-top:54px}.isSectionHead{margin-bottom:20px}.isTransitionCopy,.isSignalCopy{padding:24px 20px}.isVerdict,.isStaking{padding:22px 20px}
  .isSectionHead h2,.isTransition h2,.isSignal h2,.isStaking h2,.isVerdict h2{font-size:clamp(29px,8.6vw,36px);line-height:1.05;overflow-wrap:anywhere}
  .isTransitionCopy p,.isSignalCopy p,.isStaking p{font-size:13px;line-height:1.6}

  /* Canonical NeuralWorks mobile carousel primitive. */
  .isKpis,.isUpgradeSeq,.isSignalStats,.isLedger{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:0;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 12% 8px 0;margin-right:-14px}
  .isKpis::-webkit-scrollbar,.isUpgradeSeq::-webkit-scrollbar,.isSignalStats::-webkit-scrollbar,.isLedger::-webkit-scrollbar{display:none}
  .isKpis>.isKpi,.isUpgradeSeq>div,.isSignalStats>div,.isLedger>.isLedgerRow{flex:0 0 84%;width:84%;scroll-snap-align:start;box-sizing:border-box}
  .isKpis>.isKpi{min-height:122px}.isUpgradeSeq{grid-template-columns:none;margin-top:22px}.isUpgradeSeq>div{padding:16px;min-height:86px}.isSignalStats{margin:20px -14px 18px 0}.isSignalStats>div{min-height:92px}.isLedgerRow{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:14px;min-height:126px}
  .isCarouselDots{display:flex;justify-content:center;gap:6px;margin:5px 0 2px}
  .isCarouselDots button{appearance:none;border:0;padding:0;width:6px;height:6px;border-radius:999px;background:rgba(120,148,195,.32);box-shadow:none;transition:width .2s ease,background .2s ease,box-shadow .2s ease}
  .isCarouselDots button.active{width:18px;background:#69e8ff;box-shadow:0 0 10px rgba(105,232,255,.42)}

  /* Portrait diverging-chart header: baseline gets its own centred row. */
  .isDeltaAxis{display:grid;grid-template-columns:112px 1fr 58px;grid-template-rows:auto auto;gap:2px 8px;min-height:32px;margin-bottom:8px}
  .isDeltaAxis:before{grid-column:1;grid-row:1/3}
  .isDeltaAxis>span:first-of-type{grid-column:2;grid-row:1;justify-self:start}
  .isDeltaAxis>span:last-of-type{grid-column:2;grid-row:1;justify-self:end}
  .isDeltaAxis>b{grid-column:2;grid-row:2;justify-self:center;font-size:7px}
  .isDeltaAxis>span:first-of-type,.isDeltaAxis>span:last-of-type{font-size:7px;letter-spacing:.09em}
}
@media(max-width:430px){
  .isHero{height:735px}.isHeroArt{height:42%;object-position:77% 48%}.isHeroCopy{bottom:114px}
  .isDeltaRow{grid-template-columns:104px minmax(0,1fr) 54px;gap:7px}.isDeltaAxis{grid-template-columns:104px minmax(0,1fr) 54px;gap:2px 7px}.isDeltaRow label{font-size:8px}.isDeltaRow strong{font-size:10px}
}
@media(min-width:431px) and (max-width:800px) and (orientation:landscape){
  .isDeltaAxis{grid-template-columns:112px 1fr 58px;grid-template-rows:1fr;min-height:18px}.isDeltaAxis>span:first-of-type,.isDeltaAxis>span:last-of-type,.isDeltaAxis>b{grid-row:1}.isDeltaAxis>b{grid-column:2}.isDeltaAxis>span:first-of-type{grid-column:2}.isDeltaAxis>span:last-of-type{grid-column:2}
}
/* Preview 09 — stronger investigation atmosphere / glass contrast */
.interstellarPage{position:relative;isolation:isolate;background:
  radial-gradient(ellipse at 18% 16%,rgba(36,119,255,.13),transparent 31%),
  radial-gradient(ellipse at 84% 34%,rgba(138,108,255,.11),transparent 29%),
  radial-gradient(ellipse at 22% 61%,rgba(30,180,225,.085),transparent 27%),
  radial-gradient(ellipse at 78% 82%,rgba(80,72,220,.11),transparent 31%),
  #02030a}
.interstellarPage:before,.interstellarPage:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:0}
.interstellarPage:before{opacity:.34;background-image:
  linear-gradient(118deg,transparent 0 47.8%,rgba(92,173,255,.11) 48%,transparent 48.25%),
  linear-gradient(63deg,transparent 0 49.1%,rgba(131,105,255,.075) 49.25%,transparent 49.45%),
  radial-gradient(circle at 12% 20%,rgba(105,232,255,.72) 0 1px,transparent 1.8px),
  radial-gradient(circle at 76% 29%,rgba(114,154,255,.68) 0 1px,transparent 1.8px),
  radial-gradient(circle at 29% 54%,rgba(142,113,255,.55) 0 1px,transparent 1.8px),
  radial-gradient(circle at 87% 70%,rgba(105,232,255,.56) 0 1px,transparent 1.8px),
  radial-gradient(circle at 45% 88%,rgba(89,141,255,.5) 0 1px,transparent 1.8px);
  background-size:720px 720px,920px 920px,210px 230px,270px 260px,250px 290px,300px 250px,240px 280px}
.interstellarPage:after{background:
  radial-gradient(ellipse at 50% 28%,transparent 0 35%,rgba(2,3,10,.24) 70%),
  linear-gradient(180deg,rgba(2,3,10,.04),rgba(2,3,10,.18) 44%,rgba(2,3,10,.05) 72%,rgba(2,3,10,.24));opacity:.72}
.isMain{position:relative;z-index:1}
.isFlow,.isChartCard,.isEconomicGrid,.isStaking,.isSignal,.isVerdict,.isMethod details{background:linear-gradient(145deg,rgba(12,19,43,.70),rgba(5,8,22,.58));border-color:rgba(116,181,255,.22);box-shadow:inset 0 1px rgba(255,255,255,.045),0 24px 80px rgba(0,0,0,.25),0 0 42px rgba(36,119,255,.025)}
.isKpi,.isLedgerRow{background:rgba(8,13,31,.67);backdrop-filter:blur(16px)}
@media(max-width:800px){
  .interstellarPage{background:
    radial-gradient(ellipse at 12% 13%,rgba(36,119,255,.14),transparent 25%),
    radial-gradient(ellipse at 92% 37%,rgba(138,108,255,.12),transparent 24%),
    radial-gradient(ellipse at 8% 66%,rgba(30,180,225,.09),transparent 23%),
    radial-gradient(ellipse at 88% 87%,rgba(80,72,220,.12),transparent 26%),#02030a}
  .interstellarPage:before{opacity:.28;background-size:520px 520px,650px 650px,180px 200px,220px 210px,200px 230px,240px 200px,190px 220px}
}
/* Preview 10 — contrast refinement: visible investigation atmosphere without competing with evidence */
.interstellarPage{
  background:
    radial-gradient(ellipse 72% 34% at 12% 14%,rgba(28,126,255,.18),transparent 64%),
    radial-gradient(ellipse 62% 30% at 91% 32%,rgba(128,76,255,.15),transparent 66%),
    radial-gradient(ellipse 68% 28% at 8% 59%,rgba(27,190,225,.115),transparent 68%),
    radial-gradient(ellipse 66% 31% at 92% 82%,rgba(93,66,238,.15),transparent 67%),
    #02030a;
}
.interstellarPage:before{
  opacity:.44;
  background-image:
    linear-gradient(118deg,transparent 0 47.8%,rgba(92,173,255,.105) 48%,transparent 48.22%),
    linear-gradient(63deg,transparent 0 49.1%,rgba(131,105,255,.07) 49.25%,transparent 49.44%),
    radial-gradient(circle at 12% 20%,rgba(105,232,255,.76) 0 1px,transparent 1.9px),
    radial-gradient(circle at 76% 29%,rgba(114,154,255,.72) 0 1px,transparent 1.9px),
    radial-gradient(circle at 29% 54%,rgba(142,113,255,.62) 0 1px,transparent 1.9px),
    radial-gradient(circle at 87% 70%,rgba(105,232,255,.62) 0 1px,transparent 1.9px),
    radial-gradient(circle at 45% 88%,rgba(89,141,255,.58) 0 1px,transparent 1.9px);
}
/* Let the ambient field read through glass while keeping text/data contrast high. */
.isFlow,.isChartCard,.isEconomicGrid,.isStaking,.isSignal,.isVerdict,.isMethod details{
  background:linear-gradient(145deg,rgba(11,18,42,.66),rgba(5,8,22,.54));
  border-color:rgba(122,188,255,.24);
  box-shadow:inset 0 1px rgba(255,255,255,.05),0 24px 80px rgba(0,0,0,.27),0 0 48px rgba(36,119,255,.035);
}
.isKpi,.isLedgerRow{background:rgba(7,12,29,.62)}
@media(max-width:800px){
  .interstellarPage{
    background:
      radial-gradient(ellipse 92% 19% at 0% 12%,rgba(28,126,255,.18),transparent 67%),
      radial-gradient(ellipse 86% 18% at 100% 34%,rgba(128,76,255,.15),transparent 69%),
      radial-gradient(ellipse 90% 17% at 0% 64%,rgba(27,190,225,.11),transparent 70%),
      radial-gradient(ellipse 88% 19% at 100% 88%,rgba(93,66,238,.15),transparent 68%),
      #02030a;
  }
  .interstellarPage:before{opacity:.34}
  .isFlow,.isChartCard,.isEconomicGrid,.isStaking,.isSignal,.isVerdict,.isMethod details{background:linear-gradient(145deg,rgba(11,18,42,.68),rgba(5,8,22,.56))}
}
/* Preview 12 — screenshot-led mobile QA + stronger ambient depth */
.interstellarPage{
  background:
    radial-gradient(ellipse 78% 34% at 4% 13%,rgba(27,137,255,.28),transparent 66%),
    radial-gradient(ellipse 70% 32% at 98% 34%,rgba(136,77,255,.23),transparent 67%),
    radial-gradient(ellipse 74% 30% at 0% 61%,rgba(26,198,231,.18),transparent 69%),
    radial-gradient(ellipse 72% 34% at 100% 84%,rgba(100,70,245,.22),transparent 68%),#02030a;
}
.interstellarPage:before{opacity:.62;filter:drop-shadow(0 0 7px rgba(57,143,255,.12))}
.isFlow,.isChartCard,.isEconomicGrid,.isStaking,.isSignal,.isVerdict,.isMethod details{
  background:linear-gradient(145deg,rgba(10,18,42,.62),rgba(4,8,21,.50));
  border-color:rgba(126,194,255,.28);
}
@media(max-width:800px){
  /* Keep the canonical mobile brand as two clean lines; never let wordmark/tagline concatenate. */
  body.interstellarPage header.nwCanonicalHeader .brand{gap:10px!important;max-width:calc(100% - 62px)!important;min-width:0!important;overflow:hidden!important}
  body.interstellarPage header.nwCanonicalHeader .brand img{width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:9px!important}
  body.interstellarPage header.nwCanonicalHeader .brand>div{display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important;overflow:hidden!important}
  body.interstellarPage header.nwCanonicalHeader .brand b{display:block!important;font:600 14px/1 Inter,system-ui,sans-serif!important;letter-spacing:.19em!important;white-space:nowrap!important}
  body.interstellarPage header.nwCanonicalHeader .brand small{display:block!important;position:static!important;margin:5px 0 0!important;font-size:6.5px!important;line-height:1.1!important;letter-spacing:.16em!important;white-space:nowrap!important;color:#6ce9ff!important}

  .interstellarPage{background:
    radial-gradient(ellipse 115% 20% at -12% 10%,rgba(25,139,255,.28),transparent 66%),
    radial-gradient(ellipse 105% 19% at 112% 32%,rgba(136,77,255,.24),transparent 68%),
    radial-gradient(ellipse 110% 18% at -10% 61%,rgba(26,198,231,.18),transparent 69%),
    radial-gradient(ellipse 108% 20% at 112% 87%,rgba(100,70,245,.23),transparent 68%),#02030a}
  .interstellarPage:before{opacity:.52}

  /* Stronger carousel affordance: active glass card + obvious next-card peek + integrated rail. */
  .isKpis,.isUpgradeSeq,.isSignalStats,.isLedger{gap:12px;padding-right:14%;margin-right:-18px;scroll-snap-stop:always}
  .isKpis>.isKpi,.isUpgradeSeq>div,.isSignalStats>div,.isLedger>.isLedgerRow{flex-basis:86%;width:86%;border-color:rgba(113,187,255,.27);background:linear-gradient(145deg,rgba(11,24,52,.80),rgba(6,10,28,.72));box-shadow:inset 0 1px rgba(255,255,255,.045),0 14px 38px rgba(0,0,0,.24)}
  .isCarouselDots{gap:7px;margin:8px 0 4px}
  .isCarouselDots button{width:7px;height:7px;background:rgba(121,153,207,.38)}
  .isCarouselDots button.active{width:22px;background:#69e8ff;box-shadow:0 0 13px rgba(105,232,255,.58)}

  /* Portrait diverging scale: labels occupy the true left/right halves of the graph. */
  .isDeltaAxis{grid-template-columns:104px minmax(0,1fr) 54px!important;grid-template-rows:18px 16px!important;gap:0 7px!important;margin-bottom:9px!important}
  .isDeltaAxis:before{grid-column:1!important;grid-row:1/3!important}
  .isDeltaAxis>span:first-of-type,.isDeltaAxis>span:last-of-type{grid-row:1!important;position:static!important;font-size:7px!important;letter-spacing:.09em!important;align-self:end!important}
  .isDeltaAxis>span:first-of-type{grid-column:2!important;justify-self:start!important;transform:translateX(5%)!important}
  .isDeltaAxis>span:last-of-type{grid-column:2!important;justify-self:end!important;transform:translateX(-5%)!important}
  .isDeltaAxis>b{grid-column:2!important;grid-row:2!important;justify-self:center!important;align-self:start!important;font-size:7px!important;line-height:1!important}
}
@media(max-width:380px){
  body.interstellarPage header.nwCanonicalHeader .brand b{font-size:12.5px!important;letter-spacing:.16em!important}
  body.interstellarPage header.nwCanonicalHeader .brand small{font-size:5.8px!important;letter-spacing:.13em!important}
}

/* Preview 13 — mobile carousel parity, portrait atmosphere and true edge labels */
@media(max-width:800px){
  /* Portrait atmosphere is centred on the content rail so glass/carousels sit over visible light. */
  .interstellarPage{
    background:
      radial-gradient(ellipse 92% 11% at 50% 13%,rgba(33,151,255,.30),transparent 72%),
      radial-gradient(ellipse 96% 12% at 50% 34%,rgba(120,78,255,.25),transparent 73%),
      radial-gradient(ellipse 98% 12% at 50% 58%,rgba(31,200,232,.20),transparent 74%),
      radial-gradient(ellipse 96% 13% at 50% 82%,rgba(104,73,245,.24),transparent 73%),
      #02030a!important;
  }
  .interstellarPage:before{opacity:.56!important}

  /* Match the established ClaimCheck mobile carousel visual language. */
  .isKpis>.isKpi,.isUpgradeSeq>div,.isSignalStats>div,.isLedger>.isLedgerRow{
    flex:0 0 84%!important;width:84%!important;
    border-color:rgba(91,197,255,.20)!important;
    background:linear-gradient(135deg,rgba(8,22,43,.82),rgba(7,9,27,.78))!important;
    transition:border-color .22s ease,box-shadow .22s ease,background .22s ease,transform .22s ease!important;
  }
  .isKpis>.isKpi.is-active,.isUpgradeSeq>div.is-active,.isSignalStats>div.is-active,.isLedger>.isLedgerRow.is-active{
    border-color:rgba(89,210,255,.58)!important;
    background:linear-gradient(135deg,rgba(9,31,57,.94),rgba(12,10,39,.91))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 0 1px rgba(89,210,255,.10),0 0 26px rgba(77,197,255,.13)!important;
  }
  .isCarouselDots{gap:10px!important;margin:12px 0 22px!important}
  .isCarouselDots button{width:30px!important;height:4px!important;border-radius:999px!important;background:rgba(102,125,166,.26)!important;transition:background .22s ease,box-shadow .22s ease,transform .22s ease!important}
  .isCarouselDots button.active{width:30px!important;background:linear-gradient(90deg,#4edcff,rgba(141,85,255,.95))!important;box-shadow:0 0 10px rgba(78,220,255,.25)!important;transform:scaleX(1.06)!important}

  /* Mobile diverging graph: direction labels belong to the OUTER TABLE EDGES. */
  .isDeltaAxis{
    display:grid!important;
    grid-template-columns:104px minmax(0,1fr) 54px!important;
    grid-template-rows:18px 16px!important;
    gap:0 7px!important;
    width:100%!important;
    margin:0 0 9px!important;
  }
  .isDeltaAxis:before{grid-column:1!important;grid-row:1/3!important}
  .isDeltaAxis>span:first-of-type{
    grid-column:1!important;grid-row:1!important;justify-self:start!important;
    transform:none!important;text-align:left!important;
  }
  .isDeltaAxis>span:last-of-type{
    grid-column:3!important;grid-row:1!important;justify-self:end!important;
    transform:none!important;text-align:right!important;
  }
  .isDeltaAxis>b{
    grid-column:2!important;grid-row:2!important;justify-self:center!important;
    transform:none!important;text-align:center!important;
  }
  .isDeltaAxis>span:first-of-type,.isDeltaAxis>span:last-of-type{font-size:7px!important;letter-spacing:.09em!important;align-self:end!important}
  .isDeltaAxis>b{font-size:7px!important;line-height:1!important;align-self:start!important}
}
@media(max-width:430px){
  .isDeltaAxis{grid-template-columns:104px minmax(0,1fr) 54px!important;gap:0 7px!important}
}


/* Preview 14 — smarter mobile Evidence Ledger wrapping */
@media(max-width:800px){
  .isLedger>.isLedgerRow{align-items:flex-start!important}
  .isLedgerRow span{
    text-wrap:balance;
    line-height:1.48;
    max-width:32ch;
    overflow-wrap:normal;
    word-break:normal;
  }
  .isLedgerRow b{white-space:nowrap;flex-shrink:0}
}

/* Preview 15.20 — Day-7 published evidence presentation */
.isDay7Finding{border:1px solid rgba(105,232,255,.22);background:linear-gradient(145deg,rgba(10,25,50,.78),rgba(7,8,27,.68));border-radius:24px;padding:42px;box-shadow:inset 0 1px rgba(255,255,255,.05),0 24px 80px rgba(0,0,0,.24)}
.isFindingTop{display:flex;justify-content:space-between;gap:40px;align-items:flex-start}.isFindingTop h2{font-size:clamp(38px,5vw,66px);line-height:.98;letter-spacing:-.045em;margin:10px 0 16px}.isFindingTop p{max-width:760px;color:#a8b8d2;line-height:1.65;margin:0}.isEarlyTag{flex:0 0 auto;border:1px solid rgba(105,232,255,.28);border-radius:999px;padding:10px 13px;color:#86eaff;font-size:9px;letter-spacing:.13em;white-space:nowrap}.isLensGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:32px}.isLensGrid article{padding:20px;border:1px solid rgba(102,168,255,.15);border-radius:15px;background:rgba(5,11,28,.64)}.isLensGrid small,.isLensGrid b,.isLensGrid em{display:block}.isLensGrid small{font-size:8px;letter-spacing:.15em;color:#7087ad}.isLensGrid b{font-size:15px;margin:8px 0;color:#eaf6ff}.isLensGrid p{font-size:11px;line-height:1.55;color:#91a4c4;min-height:86px}.isLensGrid em{font-size:8px;letter-spacing:.1em;color:#68dcf5;font-style:normal;margin-top:14px}
.isGaugeMeasured:before{content:'';position:absolute;left:0;top:0;bottom:0;width:max(5px,.43%);border-radius:999px;background:var(--is-cyan);box-shadow:0 0 12px rgba(105,232,255,.7)}
.isAnomalyGrid{border:1px solid rgba(116,181,255,.22);background:linear-gradient(145deg,rgba(12,19,43,.70),rgba(5,8,22,.58));border-radius:24px;padding:18px;display:grid;grid-template-columns:.7fr 1.3fr;gap:14px}.isAnomalyLead,.isAnomalyPath>div,.isAnomalyVerdict{border:1px solid rgba(104,165,255,.13);background:rgba(5,10,26,.72);border-radius:18px;padding:26px}.isAnomalyLead{display:flex;flex-direction:column;justify-content:center}.isAnomalyLead small,.isAnomalyPath small{font-size:9px;letter-spacing:.15em;color:#7288ae}.isAnomalyLead b{font-size:42px;margin:10px 0;color:#fff}.isAnomalyLead p,.isAnomalyPath p,.isAnomalyVerdict p{color:#91a4c4;font-size:12px;line-height:1.6}.isAnomalyPath{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.isAnomalyPath b{display:block;font-size:23px;margin:9px 0}.isAnomalyPath .isAnomalyReveal{border-color:rgba(105,232,255,.36);box-shadow:inset 0 0 30px rgba(36,119,255,.09)}.isAnomalyVerdict{grid-column:1/-1;display:flex;align-items:center;gap:30px}.isAnomalyVerdict span{flex:0 0 auto;color:#6fe4fb;font-size:9px;letter-spacing:.14em}.isAnomalyVerdict p{margin:0;color:#b4c3da}
@media(max-width:900px){.isLensGrid{grid-template-columns:1fr 1fr}.isAnomalyGrid{grid-template-columns:1fr}.isAnomalyPath{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:800px){.isDay7Finding{padding:24px 20px}.isFindingTop{display:block}.isEarlyTag{display:inline-block;margin-top:20px;white-space:normal}.isLensGrid{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 14% 8px 0;margin-right:-20px;scrollbar-width:none}.isLensGrid::-webkit-scrollbar{display:none}.isLensGrid article{flex:0 0 84%;scroll-snap-align:start;min-height:230px;transition:border-color .22s ease,box-shadow .22s ease,background .22s ease}.isLensGrid article.is-active{border-color:rgba(89,210,255,.58);background:linear-gradient(135deg,rgba(9,31,57,.94),rgba(12,10,39,.91));box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 26px rgba(77,197,255,.13)}.isLensGrid article p{min-height:0}.isAnomalyGrid{padding:12px}.isAnomalyLead{padding:22px}.isAnomalyLead b{font-size:36px}.isAnomalyPath{display:grid;grid-template-columns:1fr;gap:10px;overflow:visible;padding-right:0}.isAnomalyPath>div{padding:20px}.isAnomalyVerdict{display:block;padding:22px}.isAnomalyVerdict span{display:block;margin-bottom:12px}}

/* v3.16.0 preview — Day 30 adoption signal */
.isAdoptionShell{border:1px solid rgba(116,181,255,.24);background:linear-gradient(145deg,rgba(10,18,42,.70),rgba(4,8,21,.58));border-radius:24px;padding:18px;box-shadow:inset 0 1px rgba(255,255,255,.05),0 24px 80px rgba(0,0,0,.25)}
.isAdoptionTabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.isAdoptionTabs button{appearance:none;text-align:left;color:#9fb0ce;border:1px solid rgba(116,181,255,.16);background:rgba(7,12,29,.58);border-radius:16px;padding:16px;cursor:pointer;transition:.25s}.isAdoptionTabs button.active{color:#fff;border-color:rgba(105,232,255,.52);background:linear-gradient(135deg,rgba(18,57,92,.76),rgba(26,20,72,.66));box-shadow:0 0 30px rgba(36,119,255,.12)}.isAdoptionTabs .isIcon{margin:0 0 10px}.isAdoptionTabs b{font-size:11px;letter-spacing:.14em}.isIcon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.isAdoptionBody{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.65fr);gap:14px}.isAdoptionGraph,.isAdoptMetrics>div,.isAdoptRead{border:1px solid rgba(116,181,255,.14);background:rgba(6,11,28,.64);border-radius:18px}.isAdoptionGraph{padding:24px}.isAdoptionGraphHead{display:flex;justify-content:space-between;gap:20px;align-items:end}.isAdoptionGraphHead small,.isAdoptionGraphHead b{display:block}.isAdoptionGraphHead small{font-size:9px;letter-spacing:.15em;color:#7187ac}.isAdoptionGraphHead b{font-size:19px;margin-top:5px}.isAdoptionGraphHead>span{font-size:8px;letter-spacing:.12em;color:#7f92b7}.isAdoptPlot{display:grid;gap:16px;margin:28px 0 20px}.isAdoptRow{display:grid;grid-template-columns:145px 1fr 66px;gap:12px;align-items:center}.isAdoptRow label{font-size:10px;color:#aebbd3}.isAdoptPair{display:grid;grid-template-columns:1fr 1fr;gap:4px;position:relative}.isAdoptPair:after{content:'';position:absolute;left:50%;top:-6px;bottom:-6px;width:1px;background:linear-gradient(transparent,rgba(105,232,255,.55),transparent)}.isAdoptBar{height:13px;border-radius:999px;background:rgba(94,116,162,.13);overflow:hidden}.isAdoptBar i{display:block;height:100%;border-radius:inherit}.isAdoptBar.pre i{margin-left:auto;background:linear-gradient(90deg,rgba(126,142,185,.32),rgba(126,142,185,.72))}.isAdoptBar.post i{background:linear-gradient(90deg,var(--is-blue),var(--is-cyan));box-shadow:0 0 14px rgba(36,119,255,.4)}.isAdoptRow.neg .isAdoptBar.post i{background:linear-gradient(90deg,var(--is-violet),#586bff)}.isAdoptRow strong{text-align:right;font-size:12px}.isAdoptRow.pos strong{color:var(--is-cyan)}.isAdoptRow.neg strong{color:#a99cff}.isAdoptLegend{display:grid;grid-template-columns:1fr 20px auto 20px 1fr;align-items:center;text-align:center;font-size:8px;letter-spacing:.09em;color:#667ca4}.isAdoptLegend i{height:1px;background:rgba(105,232,255,.25)}.isAdoptLegend strong{color:#b8c9e7;font-size:8px}.isAdoptMetrics{display:grid;gap:10px}.isAdoptMetrics>div{padding:19px}.isAdoptMetrics small,.isAdoptMetrics b,.isAdoptMetrics em{display:block}.isAdoptMetrics small{font-size:8px;letter-spacing:.14em;color:#7085aa}.isAdoptMetrics b{font-size:26px;margin:8px 0 5px}.isAdoptMetrics em{font-size:10px;font-style:normal;color:#8fa1c1}.isAdoptRead{margin-top:14px;padding:20px 22px;display:grid;grid-template-columns:190px 1fr;gap:24px}.isAdoptRead small{color:var(--is-cyan);font-size:9px;letter-spacing:.16em}.isAdoptRead p{margin:0;color:#a9b6cf;line-height:1.6}.isHeroArt{object-position:center}.isHeroShade{background:linear-gradient(90deg,rgba(2,3,10,.97) 0%,rgba(2,3,10,.84) 35%,rgba(2,3,10,.15) 70%,rgba(2,3,10,.2)),linear-gradient(0deg,rgba(2,3,10,.72),transparent 48%)}
@media(max-width:800px){.isAdoptionShell{padding:12px}.isAdoptionTabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-right:16%;scrollbar-width:none}.isAdoptionTabs::-webkit-scrollbar{display:none}.isAdoptionTabs button{flex:0 0 42%;scroll-snap-align:start;min-width:138px}.isAdoptionBody{grid-template-columns:1fr}.isAdoptionGraph{padding:18px 14px}.isAdoptionGraphHead{display:block}.isAdoptionGraphHead>span{display:block;margin-top:8px}.isAdoptRow{grid-template-columns:96px minmax(0,1fr) 50px;gap:7px}.isAdoptRow label{font-size:8px}.isAdoptRow strong{font-size:10px}.isAdoptLegend{grid-template-columns:1fr 10px auto 10px 1fr;font-size:6.5px}.isAdoptLegend strong{font-size:6.5px}.isAdoptMetrics{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-right:15%;scrollbar-width:none}.isAdoptMetrics>div{flex:0 0 70%;scroll-snap-align:start}.isAdoptRead{grid-template-columns:1fr;gap:8px}.isHeroArt{height:43%;object-position:76% center}}

/* Day-30 adoption daily line graph */
.isAdoptPlot{display:block;margin:18px 0 8px;min-height:0}.isAdoptSvg{display:block;width:100%;height:auto;overflow:visible}.isAdoptSvg .grid{stroke:rgba(128,158,207,.13);stroke-width:1}.isAdoptSvg .axis,.isAdoptSvg .date,.isAdoptSvg .indexLabel,.isAdoptSvg .activationLabel{fill:#7187ac;font:700 10px Inter,system-ui,sans-serif;letter-spacing:.08em}.isAdoptSvg .indexLabel{fill:#8198bd;font-size:9px}.isAdoptSvg .date{font-size:9px}.isAdoptSvg .postShade{fill:rgba(55,83,160,.055)}.isAdoptSvg .activation{stroke:#69e8ff;stroke-width:1.5;stroke-dasharray:5 6;filter:drop-shadow(0 0 5px rgba(105,232,255,.55))}.isAdoptSvg .activationLabel{fill:#69e8ff;font-size:9px}.isAdoptSvg .signal{fill:none;stroke:var(--signal);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--signal) 45%,transparent));transition:opacity .25s}.isLineLegend{display:flex;flex-wrap:wrap;gap:9px 18px;padding:8px 2px 2px}.isLineLegend span{display:flex;align-items:center;gap:7px;color:#9aacca;font-size:9px;letter-spacing:.08em}.isLineLegend i{width:18px;height:2px;background:var(--signal);box-shadow:0 0 8px var(--signal)}.isAdoptMetrics b.up{color:var(--is-cyan)}.isAdoptMetrics b.down{color:#a99cff}
@media(max-width:800px){.isAdoptSvg{min-width:0}.isAdoptSvg .axis{font-size:9px}.isAdoptSvg .date{font-size:8px}.isAdoptSvg .activationLabel{font-size:8px}.isLineLegend{gap:8px 12px}.isLineLegend span{font-size:8px}.isAdoptionGraph{overflow:hidden}}

/* Day-30 preview v3.16.3 refinements */
@media(min-width:801px){
  .isKpis{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.isAdoptionGraphHead{position:relative;padding-right:116px}
.isChartTypeSwitch{position:absolute;right:0;top:0;display:flex;gap:6px;padding:4px;border:1px solid rgba(116,181,255,.16);border-radius:12px;background:rgba(5,10,25,.68)}
.isChartTypeSwitch button{appearance:none;width:30px;height:30px;padding:6px;border:1px solid transparent;border-radius:8px;background:transparent;color:#7187aa;cursor:pointer;transition:.2s}
.isChartTypeSwitch button.active{color:#69e8ff;border-color:rgba(105,232,255,.38);background:rgba(29,94,137,.35);box-shadow:0 0 16px rgba(36,119,255,.16)}
.isChartTypeSwitch svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.isChartTypeSwitch rect{fill:none}
.isAdoptSvg .preShade{fill:rgba(31,89,120,.025)}.isAdoptSvg .baseline100{stroke:rgba(105,232,255,.36);stroke-width:1;stroke-dasharray:3 5}.isAdoptSvg .baselineLabel,.isAdoptSvg .periodLabel{fill:#6880a7;font:700 8px Inter,system-ui,sans-serif;letter-spacing:.08em}.isAdoptSvg .signalArea{fill:var(--signal);fill-opacity:.10;stroke:none}.isAdoptSvg .signalBar{fill:var(--signal);fill-opacity:.74}.isAdoptSvg .hoverCapture{fill:transparent;pointer-events:all}.isAdoptSvg .hoverLine{stroke:rgba(255,255,255,.4);stroke-width:1;stroke-dasharray:2 4;pointer-events:none}.isAdoptPlot{position:relative}.isChartTooltip{position:absolute;z-index:4;top:48px;min-width:180px;padding:10px 12px;border:1px solid rgba(105,232,255,.25);border-radius:10px;background:rgba(3,8,21,.94);backdrop-filter:blur(12px);box-shadow:0 12px 30px rgba(0,0,0,.32);pointer-events:none}.isChartTooltip>b{display:block;color:#dce8fa;font-size:9px;letter-spacing:.1em;margin-bottom:7px}.isChartTooltip span{display:grid;grid-template-columns:8px 1fr auto;gap:7px;align-items:center;color:#8fa3c5;font-size:8px;margin:5px 0}.isChartTooltip i{width:6px;height:6px;border-radius:50%;background:var(--signal);box-shadow:0 0 7px var(--signal)}.isChartTooltip strong{color:#fff;font-size:9px}
@media(max-width:800px){
  .isAdoptionTabs{padding-right:10%;gap:8px}
  .isAdoptionTabs button{flex:0 0 43%;min-width:124px;padding:13px}
  .isAdoptionTabs .isIcon{margin-bottom:8px}
  .isAdoptMetrics{padding-right:10%;gap:8px}
  .isAdoptMetrics>div{flex:0 0 70%;padding:17px}
  .isAdoptionGraphHead{padding-right:0;padding-top:46px}
  .isChartTypeSwitch{top:0;left:0;right:auto}
  .isChartTypeSwitch button{width:29px;height:29px}
  .isAdoptSvg .periodLabel{font-size:7px}
  .isChartTooltip{min-width:154px;padding:8px 9px}
}

/* Day-30 preview refinement: consistent Network Pulse + chart modes */
.isChartTypeSwitch{display:flex;align-items:center;gap:6px;margin-left:auto}.isChartTypeSwitch button{appearance:none;border:1px solid rgba(116,181,255,.16);background:rgba(7,12,29,.58);color:#7489ad;border-radius:10px;padding:7px 9px;display:flex;align-items:center;gap:6px;cursor:pointer;font:700 8px Inter,system-ui,sans-serif;letter-spacing:.08em;white-space:nowrap}.isChartTypeSwitch button.active{color:#dffcff;border-color:rgba(105,232,255,.5);background:rgba(23,54,91,.72);box-shadow:0 0 18px rgba(36,119,255,.12)}.isChartTypeSwitch svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.isChangeAxis{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin:6px 72px 18px 160px;color:#60779e;font-size:8px;letter-spacing:.1em}.isChangeAxis span:last-child{text-align:right}.isChangeAxis b{color:#91a5c7;font-size:8px}.isChangeRow{display:grid;grid-template-columns:145px 1fr 66px;gap:12px;align-items:center;margin:14px 0}.isChangeRow label{font-size:10px;color:#aebbd3}.isChangeTrack{position:relative;height:16px;border-radius:999px;background:rgba(94,116,162,.09);overflow:hidden}.isChangeZero{position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(210,229,255,.48);z-index:2}.isChangeTrack i{position:absolute;top:3px;height:10px;border-radius:999px}.isChangeTrack i.pos{background:linear-gradient(90deg,#2477ff,#62e8ff);box-shadow:0 0 12px rgba(98,232,255,.22)}.isChangeTrack i.neg{background:linear-gradient(90deg,#6d5cff,#b078ff);box-shadow:0 0 12px rgba(176,120,255,.18)}.isChangeRow strong{text-align:right;font-size:11px}.isChangeRow strong.up{color:#62e8ff}.isChangeRow strong.down{color:#b69cff}
@media(max-width:800px){.isChartTypeSwitch{margin:12px 0 0;overflow-x:auto;scrollbar-width:none}.isChartTypeSwitch::-webkit-scrollbar{display:none}.isChartTypeSwitch button{padding:7px 8px}.isChangeAxis{margin:4px 48px 14px 103px;font-size:6.5px}.isChangeAxis b{font-size:6.5px}.isChangeRow{grid-template-columns:96px minmax(0,1fr) 50px;gap:7px;margin:12px 0}.isChangeRow label{font-size:8px}.isChangeRow strong{font-size:9px}}

/* v3.16.5 final QA refinements */
@media(max-width:800px){
  .isKpis>.isKpi{flex:0 0 63%!important;width:63%!important}
  .isAdoptMetrics{padding-right:22%!important}
  .isAdoptMetrics>div{flex:0 0 63%!important;width:63%!important}
}
.isChartTypeSwitch button{width:34px!important;height:34px!important;padding:7px!important;display:grid!important;place-items:center!important}
.isChartTypeSwitch svg{width:18px!important;height:18px!important}
@media(max-width:800px){.isChartTypeSwitch{display:flex!important;gap:7px!important;overflow:visible!important}.isChartTypeSwitch button{width:34px!important;height:34px!important;flex:0 0 34px!important}}

/* v3.17.0 preview — interaction system + chart-control flow fix */
.isAdoptionGraphHead{
  position:relative;
  padding-right:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:18px;
  align-items:end;
}
.isChartTypeSwitch{
  position:static;
  inset:auto;
  margin:0;
  flex:0 0 auto;
}
.isChartTypeSwitch button{
  position:relative;
  overflow:visible;
  transition:border-color .24s ease,background .24s ease,color .24s ease,box-shadow .24s ease,transform .18s ease!important;
}
.isChartTypeSwitch button::after{
  content:'';
  position:absolute;
  inset:-4px;
  border-radius:13px;
  border:1px solid transparent;
  opacity:0;
  pointer-events:none;
}
.isChartTypeSwitch button.is-discovery-glow{
  color:#e9fdff;
  border-color:rgba(105,232,255,.72);
  background:rgba(24,67,106,.72);
  box-shadow:0 0 10px rgba(105,232,255,.32),0 0 28px rgba(36,119,255,.28),inset 0 0 16px rgba(105,232,255,.07);
  transform:translateY(-1px);
}
.isChartTypeSwitch button.is-discovery-glow::after{animation:isControlHalo 1.8s cubic-bezier(.22,.61,.36,1)}
.isChartTypeSwitch button:active{transform:scale(.94)}
@keyframes isControlHalo{0%{opacity:0;transform:scale(.88);border-color:rgba(105,232,255,.1)}35%{opacity:1;border-color:rgba(105,232,255,.62)}100%{opacity:0;transform:scale(1.18);border-color:rgba(105,232,255,0)}}

/* New chart states resolve rather than hard-cut. */
.isAdoptPlot .isAdoptSvg{animation:isChartResolve .8s cubic-bezier(.2,.72,.25,1) both}
.isAdoptSvg .signal{stroke-dasharray:2200;stroke-dashoffset:2200;animation:isTraceIn 2.4s cubic-bezier(.3,.72,.25,1) forwards}
.isAdoptSvg .signalBar{transform-box:fill-box;transform-origin:center bottom;animation:isBarResolve 1.25s cubic-bezier(.2,.72,.25,1) both}
.isChangeTrack i{transform-origin:center;animation:isChangeResolve 1.25s cubic-bezier(.2,.72,.25,1) both}
@keyframes isChartResolve{from{opacity:.3;transform:translateY(3px)}to{opacity:1;transform:none}}
@keyframes isTraceIn{to{stroke-dashoffset:0}}
@keyframes isBarResolve{from{opacity:.15;transform:scaleY(.08)}to{opacity:.74;transform:scaleY(1)}}
@keyframes isChangeResolve{from{opacity:.15;transform:scaleX(.08)}to{opacity:1;transform:scaleX(1)}}

/* Tie an interaction back to its evidence readout. */
.isAdoptRead.is-evidence-flash,.isAdoptMetrics.is-evidence-flash>div{
  animation:isEvidenceResponse 1.1s ease-out;
}
@keyframes isEvidenceResponse{0%{border-color:rgba(105,232,255,.14);box-shadow:none}35%{border-color:rgba(105,232,255,.5);box-shadow:inset 0 0 24px rgba(36,119,255,.08),0 0 20px rgba(36,119,255,.08)}100%{border-color:rgba(116,181,255,.14);box-shadow:none}}

@media(max-width:800px){
  .isAdoptionGraphHead{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding-top:0;
  }
  .isAdoptionGraphHead .isChartTypeSwitch{
    order:-1;
    align-self:flex-start;
    margin:0 0 18px;
    overflow:visible;
  }
  .isAdoptionGraphHead>span{margin-top:8px}
}
@media(prefers-reduced-motion:reduce){
  .isChartTypeSwitch button,.isChartTypeSwitch button::after,.isAdoptPlot .isAdoptSvg,.isAdoptSvg .signal,.isAdoptSvg .signalBar,.isChangeTrack i,.isAdoptRead,.isAdoptMetrics>div{animation:none!important;transition:none!important}
}

/* v3.19.1 preview — canonical carousel selection + position indicators */
@media(max-width:800px){
 .isKpis>.is-active,.isUpgradeSeq>.is-active,.isSignalStats>.is-active,.isLedger>.is-active,.isLensGrid>.is-active,.isAdoptMetrics>.is-active{
   border-color:rgba(86,224,255,.9)!important;box-shadow:inset 0 0 0 1px rgba(126,237,255,.18),0 0 18px rgba(62,205,255,.30),0 0 38px rgba(139,91,255,.18)!important;
 }
 .isCarouselDots{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:10px 0 4px!important}
 .isCarouselDots button{appearance:none!important;border:0!important;padding:0!important;margin:0!important;width:7px!important;height:7px!important;border-radius:999px!important;background:rgba(133,207,255,.28)!important;box-shadow:none!important;transform:none!important;transition:width .24s ease,background .24s ease,box-shadow .24s ease!important}
 .isCarouselDots button.active{width:24px!important;height:7px!important;background:linear-gradient(90deg,#55ddff,#8d55ff)!important;box-shadow:0 0 12px rgba(78,220,255,.38)!important}
}