/* MemoryPulse public presentation: aligns to memorypulse.tech home visual system.
   Purely presentational. No controller, optimization engine, API, or entitlement logic. */
.mp-marketing{
  --mpm-bg:#06070a;--mpm-panel:#0d1016;--mpm-card:#11151d;--mpm-ink:#f5f7fb;
  --mpm-muted:#9ba6b7;--mpm-dim:#707b8c;--mpm-border:rgba(255,255,255,.105);
  --mpm-cyan:#72ecff;--mpm-blue:#6378ff;--mpm-violet:#8d65ff;--mpm-tint:rgba(255,255,255,.025);
  background:var(--mpm-bg);color:var(--mpm-ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;isolation:isolate;position:relative;overflow:clip;
}
.mp-marketing *{box-sizing:border-box}
.mp-marketing a{text-decoration:none;color:inherit}
.mp-marketing button,.mp-marketing input{font:inherit}
.mp-marketing button:focus-visible,.mp-marketing a:focus-visible,.mp-marketing input:focus-visible{outline:2px solid var(--mpm-cyan);outline-offset:3px}
.mp-marketing .mp-page-container{width:min(1180px,calc(100% - 48px));margin-inline:auto;position:relative;z-index:1}
/* Same brand mark, wordmark, navigation sequence and dark-first glass treatment as the primary website. */
.mp-site-header{position:relative;z-index:50;background:rgba(6,7,10,.91);border-bottom:1px solid var(--mpm-border);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.mp-nav-shell{width:min(1180px,calc(100% - 48px));min-height:82px;display:flex;align-items:center;gap:20px;margin:0 auto}
.mp-site-brand{flex:none;display:inline-flex;align-items:center;gap:11px;white-space:nowrap;font-size:20px;font-weight:800;letter-spacing:-.035em;color:var(--mpm-ink)!important}
.mp-site-brand img{width:33px;height:33px;display:block}
.mp-desktop-nav{display:flex;align-items:center;gap:clamp(10px,1.5vw,20px);margin-left:auto}
.mp-desktop-nav a{font-size:clamp(11px,1vw,14px);color:var(--mpm-muted)!important;white-space:nowrap;transition:color .2s}
.mp-desktop-nav a:hover,.mp-desktop-nav a[aria-current=page]{color:var(--mpm-ink)!important}
.mp-desktop-nav a[aria-current=page]{position:relative}
.mp-desktop-nav a[aria-current=page]:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:-12px;background:linear-gradient(90deg,var(--mpm-cyan),var(--mpm-blue));border-radius:2px}
.mp-header-cta{border:1px solid var(--mpm-border);background:rgba(255,255,255,.05);border-radius:999px;padding:11px 15px;font-size:12px;font-weight:750;white-space:nowrap;transition:.2s}
.mp-header-cta:hover{border-color:rgba(114,236,255,.4);background:rgba(114,236,255,.085)}
.mp-header-theme{width:42px;height:42px;border-radius:50%;border:1px solid var(--mpm-border);background:rgba(255,255,255,.04);display:grid;place-items:center;position:relative;flex:none;color:var(--mpm-ink);cursor:pointer}
.mp-header-theme svg{position:absolute;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s,opacity .2s}
.mp-header-theme .mp-sun{opacity:0;transform:rotate(-35deg) scale(.7)}
.mp-header-theme .mp-moon{opacity:1}
.mp-mobile-toggle{display:none;border:1px solid var(--mpm-border);background:rgba(255,255,255,.04);border-radius:12px;width:42px;height:42px;flex:none;cursor:pointer;padding:10px;align-content:center}
.mp-mobile-toggle span{display:block;height:2px;background:var(--mpm-ink);border-radius:2px;margin:4px 0}
.mp-mobile-nav[hidden]{display:none!important}
.mp-mobile-nav{padding:12px 24px 22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border-top:1px solid var(--mpm-border);background:var(--mpm-panel)}
.mp-mobile-nav a{font-size:14px;color:var(--mpm-muted);padding:12px;border-radius:9px;border:1px solid var(--mpm-border)}
.mp-mobile-nav a[aria-current=page]{color:var(--mpm-cyan);border-color:rgba(114,236,255,.32)}
/* Marketing hero: home-site violet / blue / cyan colors and typography. */
.mp-brand-hero{background:radial-gradient(ellipse at 12% 5%,rgba(99,120,255,.12),transparent 36%),radial-gradient(ellipse at 95% 42%,rgba(114,236,255,.06),transparent 38%),var(--mpm-bg);position:relative;overflow:hidden;padding:76px 0 44px}
.mp-ambient{position:absolute;border-radius:50%;filter:blur(35px);pointer-events:none;opacity:.7}
.mp-ambient-one{height:370px;width:370px;top:0;left:-120px;background:radial-gradient(circle,rgba(110,95,255,.16),transparent 70%)}
.mp-ambient-two{height:450px;width:450px;top:80px;right:-220px;background:radial-gradient(circle,rgba(50,183,255,.14),transparent 70%)}
.mp-hero-grid{position:absolute;inset:0;opacity:.24;pointer-events:none;background-image:linear-gradient(rgba(135,157,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(135,157,255,.08) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 75%)}
.mp-hero-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(38px,5vw,72px);align-items:center;min-height:450px}
.mp-hero-copy,.mp-proof-visual{min-width:0}
.mp-eyebrow,.mp-section-kicker{font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--mpm-cyan);display:inline-flex;align-items:center;gap:9px}
.mp-eyebrow{padding:9px 13px;background:rgba(114,236,255,.055);border:1px solid rgba(114,236,255,.18);border-radius:999px}
.mp-status-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#8cffc4;box-shadow:0 0 12px rgba(140,255,196,.55);flex:none}
.mp-hero-copy h1{font-size:clamp(45px,5.25vw,76px);line-height:1.045;letter-spacing:-.065em;margin:24px 0 24px;max-width:700px;font-weight:790;color:var(--mpm-ink)}
.mp-hero-copy h1 span,.mp-section-head h2 span,.mp-demo-transition h2 span{background:linear-gradient(95deg,#72ecff,#6378ff 58%,#a784ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.mp-hero-lede{font-size:clamp(15px,1.5vw,17px);line-height:1.76;color:var(--mpm-muted);max-width:620px;margin:0}
.mp-hero-lede em{font-style:normal;font-weight:700;color:var(--mpm-ink)}
.mp-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 25px}
.mp-button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:15px 20px;min-height:50px;border-radius:999px;font-size:13px;font-weight:800;line-height:1.2;transition:transform .2s,box-shadow .2s,border-color .2s}
.mp-button:hover{transform:translateY(-2px)}
.mp-button span{font-size:17px}
.mp-primary{background:linear-gradient(100deg,#72ecff,#729bff);color:#071019!important;box-shadow:0 13px 34px rgba(99,120,255,.20)}
.mp-primary:hover{box-shadow:0 17px 40px rgba(99,120,255,.34)}
.mp-outline{border:1px solid var(--mpm-border);background:rgba(255,255,255,.035);color:var(--mpm-ink)!important}
.mp-outline:hover{border-color:rgba(114,236,255,.45)}
.mp-hero-trust{display:flex;flex-wrap:wrap;align-items:center;gap:11px;color:var(--mpm-dim);font-size:11px;line-height:1.5}
.mp-hero-trust i{width:3px;height:3px;background:var(--mpm-dim);border-radius:50%;opacity:.9}
.mp-proof-visual{position:relative;border:1px solid rgba(125,148,255,.24);padding:clamp(22px,2.8vw,32px);border-radius:26px;background:linear-gradient(145deg,rgba(20,27,43,.95),rgba(10,13,22,.97));box-shadow:0 35px 90px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.045);overflow:hidden}
.mp-proof-visual:after{content:"";pointer-events:none;position:absolute;width:380px;height:380px;right:-150px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(99,120,255,.16),transparent 72%)}
.mp-visual-head,.mp-visual-bottom,.mp-bar-row>div:first-child{display:flex;justify-content:space-between;gap:15px;align-items:center}
.mp-visual-head{color:var(--mpm-dim);font-size:9px;font-weight:800;letter-spacing:.13em;position:relative;z-index:1}
.mp-visual-chip{padding:6px 8px;border:1px solid rgba(114,236,255,.24);border-radius:5px;color:var(--mpm-cyan);white-space:nowrap;letter-spacing:.07em}
.mp-visual-big{display:flex;gap:22px;align-items:center;padding:26px 0 19px;border-bottom:1px solid var(--mpm-border);position:relative;z-index:1}
.mp-visual-big>strong{font-weight:850;font-size:clamp(68px,7.5vw,105px);letter-spacing:-.085em;line-height:.93;background:linear-gradient(100deg,#72ecff,#86a8ff 58%,#aa8bff);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
.mp-visual-big>strong span{font-size:.55em;letter-spacing:-.05em}
.mp-visual-big>div{display:grid;gap:6px}
.mp-visual-big b{font-size:clamp(13px,1.4vw,16px);line-height:1.28;color:var(--mpm-ink)}
.mp-visual-big small{font-size:11px;line-height:1.5;color:var(--mpm-muted)}
.mp-bar-rows{display:grid;gap:21px;margin:24px 0 24px;position:relative;z-index:1}
.mp-bar-row>div:first-child{margin-bottom:9px;font-size:12px;color:var(--mpm-muted)}
.mp-bar-row b{font-size:14px;color:var(--mpm-ink)}
.mp-track{height:14px;border:1px solid rgba(255,255,255,.07);border-radius:999px;overflow:hidden;background:rgba(255,255,255,.065)}
.mp-track i{display:block;height:100%;border-radius:999px}
.mp-bar-before{width:100%;background:linear-gradient(90deg,#6d7d98,#a8bacf)}
.mp-bar-after{width:23.1%;background:linear-gradient(90deg,#72ecff,#6378ff);box-shadow:0 0 22px rgba(114,236,255,.3)}
.mp-visual-bottom{padding-top:20px;border-top:1px solid var(--mpm-border);align-items:start}
.mp-visual-bottom strong{font-size:14px;color:var(--mpm-cyan)}
.mp-visual-bottom span{font-size:10px;color:var(--mpm-dim);text-align:right;max-width:130px}
.mp-evidence-limitation{color:var(--mpm-dim);font-size:10px;line-height:1.55;margin-top:11px}
.mp-measured-strip{margin-top:65px;border-top:1px solid var(--mpm-border);padding-top:27px}
.mp-strip-caption{font-size:10px;letter-spacing:.15em;color:var(--mpm-muted);display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:800}
.mp-strip-caption a{letter-spacing:0;color:var(--mpm-cyan);font-size:12px}
.mp-strip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:22px 0}
.mp-strip-grid>div{padding:0 20px;border-left:1px solid var(--mpm-border);display:grid;gap:9px;min-width:0}
.mp-strip-grid>div:first-child{border-left:0;padding-left:0}
.mp-strip-grid strong{font-size:clamp(25px,3vw,43px);font-weight:800;letter-spacing:-.05em;color:var(--mpm-ink);white-space:nowrap;line-height:1}
.mp-strip-grid span{font-size:11px;color:var(--mpm-muted);line-height:1.5}
.mp-measured-strip p{font-size:10px;color:var(--mpm-dim);line-height:1.6;margin:10px 0 0}
.mp-buyer-section{padding:66px 0 63px;background:linear-gradient(180deg,rgba(99,120,255,.035),transparent 30%),var(--mpm-bg);border-top:1px solid var(--mpm-border)}
.mp-section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:31px}
.mp-section-head>div{max-width:830px}
.mp-section-head h2{font-size:clamp(32px,3.5vw,47px);line-height:1.09;letter-spacing:-.055em;margin:14px 0 14px;color:var(--mpm-ink)}
.mp-section-head p{font-size:15px;line-height:1.72;color:var(--mpm-muted);margin:0;max-width:750px}
.mp-inline-link{flex:none;font-size:12px;font-weight:800;color:var(--mpm-cyan)!important;padding-bottom:5px;border-bottom:1px solid rgba(114,236,255,.3)}
.mp-benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mp-benefit{padding:26px;border:1px solid var(--mpm-border);border-radius:19px;background:linear-gradient(145deg,rgba(19,24,36,.85),rgba(13,16,22,.95));min-width:0;transition:transform .2s,border-color .2s}
.mp-benefit:hover{transform:translateY(-3px);border-color:rgba(114,236,255,.27)}
.mp-benefit-num{letter-spacing:.14em;font-size:10px;font-weight:750;color:var(--mpm-cyan)}
.mp-benefit-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:24px;margin:25px 0 14px;color:var(--mpm-cyan);background:rgba(114,236,255,.055);border:1px solid rgba(114,236,255,.15)}
.mp-benefit h3{font-size:20px;letter-spacing:-.035em;margin:0 0 10px;color:var(--mpm-ink)}
.mp-benefit p{font-size:13px;line-height:1.7;color:var(--mpm-muted);margin:0}
.mp-pilot-row{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:32px 0;margin:38px 0 18px;border-top:1px solid var(--mpm-border);border-bottom:1px solid var(--mpm-border)}
.mp-pilot-row>div{max-width:730px}
.mp-pilot-row h3{font-size:23px;letter-spacing:-.04em;margin:10px 0;color:var(--mpm-ink)}
.mp-pilot-row p{font-size:13px;line-height:1.7;color:var(--mpm-muted);margin:0}
.mp-pilot-row>.mp-button{flex:none}
.mp-example-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;margin-top:34px;padding:30px;border-radius:21px;background:linear-gradient(115deg,rgba(99,120,255,.11),rgba(17,22,33,.7) 55%,rgba(114,236,255,.055));border:1px solid rgba(118,148,255,.23)}
.mp-example-copy h3{font-size:clamp(19px,2.2vw,27px);line-height:1.2;letter-spacing:-.04em;margin:12px 0 12px;color:var(--mpm-ink)}
.mp-example-copy p{font-size:12px;color:var(--mpm-muted);line-height:1.65;margin:0 0 22px}
.mp-example-copy label{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:var(--mpm-muted);margin:0 0 11px}
.mp-example-copy label strong{font-size:14px;color:var(--mpm-ink)}
#demoWorkloadGb{width:100%;height:6px;appearance:none;-webkit-appearance:none;border-radius:999px;background:linear-gradient(90deg,#72ecff,#6378ff);cursor:pointer;display:block;margin:13px 0 4px}
#demoWorkloadGb::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:#f2faff;border:3px solid #6378ff;width:19px;height:19px;border-radius:50%;box-shadow:0 2px 14px rgba(99,120,255,.4)}
#demoWorkloadGb::-moz-range-thumb{background:#f2faff;border:3px solid #6378ff;width:15px;height:15px;border-radius:50%}
.mp-example-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;align-content:center}
.mp-example-results>div{border:1px solid var(--mpm-border);border-radius:14px;background:rgba(5,7,12,.3);padding:21px 16px;min-width:0}
.mp-example-results>div span{color:var(--mpm-muted);font-size:11px;display:block;margin-bottom:10px}
.mp-example-results>div strong{font-size:clamp(22px,2.4vw,31px);font-weight:800;letter-spacing:-.04em;color:var(--mpm-cyan);white-space:nowrap}
.mp-example-results>a{display:flex;align-items:center;justify-content:space-between;gap:12px;grid-column:1/-1;font-size:12px;font-weight:750;color:var(--mpm-cyan);padding:13px 16px;border:1px solid rgba(114,236,255,.24);border-radius:12px}
.mp-evidence-fineprint{font-size:10px;color:var(--mpm-dim);line-height:1.7;margin:16px 0 0}
.mp-demo-transition{padding:36px 0;background:linear-gradient(180deg,#0b101c,#07100b);border-top:1px solid rgba(114,236,255,.13);border-bottom:1px solid rgba(91,255,156,.14);scroll-margin-top:15px}
.mp-demo-transition-inner{display:flex;gap:30px;align-items:center;justify-content:space-between}
.mp-demo-transition-inner>div:first-child{max-width:800px}
.mp-demo-transition h2{font-size:clamp(29px,3vw,43px);letter-spacing:-.055em;line-height:1.1;margin:13px 0;color:#f5f7fb}
.mp-demo-transition p{font-size:12px;line-height:1.75;color:#9ba6b7;margin:0}
.mp-demo-badge{display:flex;gap:12px;align-items:center;background:rgba(255,201,95,.05);border:1px solid rgba(255,201,95,.22);padding:14px 18px;border-radius:12px;flex:none}
.mp-demo-dot{width:10px;height:10px;background:#ffcc72;box-shadow:0 0 18px rgba(255,201,95,.33);border-radius:50%;flex:none}
.mp-demo-badge strong{font-size:10px;letter-spacing:.09em;color:#ffdeac;display:block}
.mp-demo-badge small{display:block;margin-top:5px;font-size:10px;color:#b8bcb9}
/* Homepage light mode applies to the public storytelling, not to the authentic dark RackOps console below it. */
html[data-theme="light"] .mp-marketing{
 --mpm-bg:#f6f8fc;--mpm-panel:#fff;--mpm-card:#f4f7fb;--mpm-ink:#101827;--mpm-muted:#536174;--mpm-dim:#65768a;
 --mpm-border:rgba(19,35,57,.13);--mpm-cyan:#087f98;--mpm-blue:#5367dc;--mpm-violet:#7258d8;--mpm-tint:rgba(19,35,57,.025);
}
html[data-theme="light"] .mp-site-header{background:rgba(246,248,252,.93)}
html[data-theme="light"] .mp-header-cta,html[data-theme="light"] .mp-header-theme,html[data-theme="light"] .mp-mobile-toggle{background:#fff}
html[data-theme="light"] .mp-header-theme .mp-sun{opacity:1;transform:rotate(0) scale(1)}
html[data-theme="light"] .mp-header-theme .mp-moon{opacity:0;transform:rotate(35deg) scale(.75)}
html[data-theme="light"] .mp-brand-hero{background:radial-gradient(ellipse at 12% 5%,rgba(99,120,255,.085),transparent 37%),radial-gradient(ellipse at 95% 40%,rgba(8,127,152,.08),transparent 38%),var(--mpm-bg)}
html[data-theme="light"] .mp-eyebrow{background:rgba(255,255,255,.65);border-color:rgba(8,127,152,.16)}
html[data-theme="light"] .mp-hero-copy h1 span,html[data-theme="light"] .mp-section-head h2 span{background:linear-gradient(95deg,#087f98,#5367dc 60%,#7258d8);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme="light"] .mp-proof-visual{background:linear-gradient(145deg,#fff,#f6f9fd);border-color:rgba(19,35,57,.13);box-shadow:0 28px 70px rgba(42,57,83,.10)}
html[data-theme="light"] .mp-visual-chip{color:#087f98;border-color:rgba(8,127,152,.27)}
html[data-theme="light"] .mp-visual-big>strong{background:linear-gradient(100deg,#087f98,#5367dc 58%,#7258d8);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme="light"] .mp-track{background:#e4eaf1}
html[data-theme="light"] .mp-buyer-section{background:linear-gradient(180deg,rgba(83,103,220,.035),transparent 25%),#f6f8fc}
html[data-theme="light"] .mp-benefit{background:linear-gradient(145deg,#fff,#f8fafe)}
html[data-theme="light"] .mp-benefit-icon{background:rgba(8,127,152,.05)}
html[data-theme="light"] .mp-example-wrap{background:linear-gradient(120deg,#f7fbff,#edf2fa)}
html[data-theme="light"] .mp-example-results>div{background:rgba(255,255,255,.75)}
html[data-theme="light"] .mp-demo-transition{background:linear-gradient(180deg,#e9eef7,#0a1515);}
html[data-theme="light"] .mp-demo-transition .mp-eyebrow{color:#087f98}
@media(max-width:1240px){.mp-nav-shell{gap:14px}.mp-desktop-nav{gap:11px}}
@media(max-width:1100px){.mp-desktop-nav{display:none}.mp-mobile-toggle{display:block}.mp-header-cta{margin-left:auto}}
@media(max-width:950px){.mp-hero-layout{grid-template-columns:1fr;max-width:730px;gap:36px}.mp-hero-copy h1{max-width:800px}.mp-proof-visual{max-width:730px}.mp-measured-strip{margin-top:48px}.mp-strip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.mp-strip-grid>div:nth-child(3){border-left:0;padding-left:0}.mp-section-head{align-items:start;flex-direction:column;gap:18px}.mp-pilot-row{align-items:flex-start;flex-direction:column}.mp-demo-transition-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:730px){.mp-brand-hero{padding:48px 0 35px}.mp-hero-copy h1{font-size:clamp(42px,9vw,66px)}.mp-hero-trust{font-size:10px}.mp-benefits-grid{grid-template-columns:1fr}.mp-benefit{padding:20px}.mp-benefit-icon{margin:14px 0}.mp-example-wrap{grid-template-columns:1fr;padding:23px;gap:25px}.mp-buyer-section{padding:50px 0}.mp-visual-big>strong{font-size:clamp(65px,13vw,95px)}}
@media(max-width:480px){.mp-marketing .mp-page-container,.mp-nav-shell{width:calc(100% - 32px)}.mp-nav-shell{min-height:70px;gap:10px}.mp-site-brand{font-size:17px}.mp-site-brand img{width:29px;height:29px}.mp-header-cta{display:none}.mp-header-theme{margin-left:auto;width:38px;height:38px}.mp-mobile-toggle{width:38px;height:38px}.mp-mobile-nav{grid-template-columns:1fr 1fr;padding:10px 16px}.mp-mobile-nav a{font-size:12px}.mp-hero-copy h1{font-size:clamp(39px,10.7vw,53px);margin:20px 0}.mp-hero-lede{font-size:14px}.mp-hero-actions{flex-direction:column}.mp-button{width:100%}.mp-hero-trust i{display:none}.mp-hero-trust{gap:6px 10px}.mp-proof-visual{padding:20px;border-radius:20px}.mp-visual-head{flex-wrap:wrap;gap:10px}.mp-visual-big{gap:12px}.mp-visual-big>strong{font-size:61px}.mp-visual-big>div b{font-size:13px}.mp-visual-big>div small{font-size:10px}.mp-visual-bottom{flex-direction:column;gap:7px}.mp-visual-bottom span{text-align:left;max-width:none}.mp-strip-grid strong{font-size:28px}.mp-strip-grid span{font-size:10px}.mp-strip-grid>div{padding-left:15px}.mp-section-head h2{font-size:33px}.mp-pilot-row h3{font-size:20px}.mp-example-results>div{padding:16px 10px}.mp-example-results>div strong{font-size:21px}.mp-demo-transition{padding:29px 0}.mp-demo-badge{width:100%}.mp-strip-caption{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.mp-marketing *{scroll-behavior:auto!important;transition:none!important}}

/* V28: Same public demo destination appears in this page's site navigation. */
.mp-desktop-nav a.nav-live-demo{
  display:inline-flex;align-items:center;gap:7px;padding:8px 11px;margin:-8px 0;
  color:#c9f7ff!important;font-weight:750;
  border:1px solid rgba(114,236,255,.25);border-radius:999px;
  background:linear-gradient(110deg,rgba(114,236,255,.08),rgba(99,120,255,.09))
}
.mp-desktop-nav a.nav-live-demo::before,.mp-mobile-nav a.nav-live-demo::before{
  content:"";width:6px;height:6px;flex:0 0 6px;border-radius:50%;
  background:#72ecff;box-shadow:0 0 9px rgba(114,236,255,.5)
}
.mp-desktop-nav a.nav-live-demo:hover{color:white!important;border-color:rgba(114,236,255,.52)}
.mp-desktop-nav a.nav-live-demo[aria-current=page]:after{display:none}
.mp-mobile-nav a.nav-live-demo{display:flex;align-items:center;gap:9px;color:#a9f2ff;border-color:rgba(114,236,255,.28)}
html[data-theme="light"] .mp-desktop-nav a.nav-live-demo{
  color:#075870!important;background:linear-gradient(110deg,rgba(0,127,150,.09),rgba(55,80,194,.07));
  border-color:rgba(0,127,150,.30)
}
html[data-theme="light"] .mp-mobile-nav a.nav-live-demo{color:#075870}
html[data-theme="light"] .mp-mobile-nav a.nav-live-demo::before,
html[data-theme="light"] .mp-desktop-nav a.nav-live-demo::before{background:#078aa9;box-shadow:0 0 8px rgba(0,127,150,.25)}