html{scroll-behavior:smooth}@font-face{font-family:'Space Grotesk';src:url('/assets/lander/SpaceGrotesk-VariableFont_wght.ttf') format('truetype');font-weight:300 700;font-display:swap}
body{margin:0;background:#f1f0fb;font-family:'Inter','Gantari',sans-serif}
h1,h2{-webkit-text-stroke:.5px currentColor}
a{color:#191830;text-decoration:none}a:hover{color:#6353dd}
details summary::-webkit-details-marker{display:none}
[data-anim="off"] *{animation-play-state:paused !important}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes floatyR{0%,100%{transform:rotate(-10deg) translateY(0)}50%{transform:rotate(-7deg) translateY(-10px)}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes march{from{background-position:0 0}to{background-position:18px 0}}
@keyframes caret{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes travel{0%{transform:translateX(0);opacity:0}6%{opacity:1}94%{opacity:1}100%{transform:translateX(944px);opacity:0}}
@keyframes ringspin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes counterspin{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}
@keyframes travelWide{0%{transform:translateX(-220px)}100%{transform:translateX(calc(100vw + 80px))}}
@keyframes cloudDrift{0%{transform:translateX(-160px)}100%{transform:translateX(1440px)}}
@keyframes twinkleStar{0%,100%{opacity:.15}50%{opacity:1}}
@keyframes floatSoft{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes assetIn{from{opacity:0}to{opacity:1}}
@keyframes travelLine{0%{left:0;opacity:0}6%{opacity:1}94%{opacity:1}100%{left:100%;opacity:0}}
@keyframes pulseRing{0%{transform:scale(.75);opacity:.9}100%{transform:scale(1.45);opacity:0}}
@keyframes truckDriveDay{0%{left:-14%}100%{left:104%}}
@keyframes truckDriveNight{0%{left:-12%}100%{left:104%}}
@keyframes cloudSway{0%,100%{transform:translate(0,0)}50%{transform:translate(14px,-6px)}}
@keyframes cloudBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media (max-width:1023px){
[data-screen-label]:not(.rmd-hero):not([data-screen-label="Proof marquee"]):not([data-screen-label="Final CTA + Footer"]){padding-left:22px !important;padding-right:22px !important}
[data-screen-label].rmd-nav{padding:12px 18px !important}
.rmd-root{min-width:0 !important}
.rmd-navlinks{display:none !important}
.rmd-stage{display:contents !important}
.rmd-hero{display:flex !important;flex-direction:column !important}
.rmd-herocopy{position:static !important;order:-1;width:auto !important;max-width:560px;margin:0 auto !important;padding:30px 22px 24px;box-sizing:border-box}
h1{font-size:clamp(30px,8.4vw,46px) !important;letter-spacing:-1.2px !important}
h2{font-size:clamp(26px,6.4vw,34px) !important;letter-spacing:-.8px !important}
.rmd-sechead{flex-direction:column !important;align-items:flex-start !important;gap:14px}
.rmd-g3,.rmd-g2,.rmd-bento,.rmd-cgrid,.rmd-frow,.rmd-artgrid{grid-template-columns:1fr !important}
.rmd-vs,.rmd-g2x{grid-template-columns:1fr !important}
.rmd-vslabel{justify-self:center}
.rmd-tablewrap{border-radius:18px !important}
.rmd-feature{grid-template-columns:1fr !important}
.rmd-featart{min-height:200px !important;order:-1}
.rmd-featart img{width:32% !important;bottom:12% !important;right:8% !important}
.rmd-feature>div:first-child{padding:26px 22px !important}
.rmd-feature h2{font-size:26px !important}
.rmd-sub{padding:24px 22px !important}
.rmd-toc{position:static !important;flex-direction:row !important;flex-wrap:wrap;gap:8px !important}
.rmd-toc>div{display:none !important}
.rmd-toc>a{border-left:none !important;padding:6px 12px !important;background:#f1f0fb;border-radius:999px;font-size:12.5px !important}
.rmd-bento>div{grid-row:auto !important}
.rmd-bentorow{flex-direction:column}
.rmd-g6{grid-template-columns:repeat(3,1fr) !important}
.rmd-console{grid-template-columns:1fr !important}
.rmd-console>div:first-child{border-right:none !important;border-bottom:1px solid #e4e1f5}
.rmd-tblwrap{overflow-x:auto !important}
.rmd-tblrow{min-width:560px}
.rmd-stations{flex-wrap:wrap;justify-content:center !important;gap:22px;margin-top:14px !important}
.rmd-dot{display:none !important}
.rmd-ctarow{flex-wrap:wrap}
.rmd-toast{font-size:clamp(8px,1.7vw,12px) !important;padding:1vw 1.8vw !important;gap:1vw !important;box-shadow:0 3px 0 #7a63f0,0 8px 14px rgba(0,0,0,.4) !important}
.rmd-nchip{font-size:clamp(7px,1.6vw,11px) !important;padding:.9vw 1.6vw !important;border-width:1px !important;box-shadow:0 0 0 2px rgba(122,108,240,.25),0 4px 9px rgba(0,0,0,.5) !important}
.rmd-daychip{width:15% !important}
.rmd-foot{grid-template-columns:1fr 1fr !important;gap:26px !important}
}
@media (max-width:1023px){
.rmd-stage{-webkit-mask-image:none !important;mask-image:none !important;max-width:100% !important}
.rmd-fpill{position:static !important;display:block !important;width:130px !important;margin:18px auto 0 !important}
.rmd-fbanner{display:none !important}
.rmd-fcta{position:static !important;padding:26px 22px 4px}
.rmd-fcta p{font-size:14px !important;max-width:420px !important;margin:12px auto 0 !important}
.rmd-fcta h2 span{border-radius:12px !important;padding:2px 12px 4px !important;margin-top:6px !important}
.rmd-fcta .rmd-ctarow{gap:10px !important;margin-top:16px !important}
.rmd-fcta a{font-size:14px !important;padding:12px 20px !important;border-width:1.5px !important}
[data-screen-label="Final CTA + Footer"] .rmd-stage{display:flex !important;flex-direction:column !important;align-items:stretch !important}
.rmd-fcol{position:static !important;display:flex !important;flex-direction:column;width:auto !important;flex:1 1 0 !important;min-width:0;height:auto !important;box-sizing:border-box;padding:14px 8px 4px 22px;gap:8px !important;justify-content:flex-start !important;order:3}
.rmd-fbrand{order:2;flex:none !important;width:100% !important;padding:8px 22px 4px !important;align-items:center !important;text-align:center !important}
.rmd-fbrand>div{justify-content:center !important;gap:12px !important;flex-wrap:wrap}
.rmd-fcta{order:1}
.rmd-fbadge{order:4}
.rmd-flinks{display:flex !important;width:100%;order:3}
.rmd-cert{gap:9px !important;padding:10px 13px !important;border-radius:16px !important}
.rmd-seal{padding:0 !important;background:none !important;box-shadow:none !important;align-self:center}
.rmd-seal img{height:74px !important}
.rmd-cert svg{width:30px !important;height:30px !important}
.rmd-cert span span:first-child{font-size:14px !important}
.rmd-cert span span:last-child{font-size:9.5px !important}
.rmd-fcol:first-of-type div span{font-size:18px !important}
.rmd-fcol:first-of-type div div{width:16px !important;height:16px !important}
.rmd-fcol p{font-size:13px !important}
.rmd-fcol>span{font-size:11px !important;padding:4px 12px !important;letter-spacing:.1em !important}
.rmd-fcol a{font-size:13.5px !important;gap:7px !important}
.rmd-fcol a>span{width:6px !important;height:6px !important}
.rmd-fcol>div{font-size:11px !important}
.rmd-fbadge{position:static !important;float:none !important;font-size:11px !important;padding:6px 14px !important;border-width:1px !important;width:fit-content !important;max-width:calc(100% - 44px);box-sizing:border-box;white-space:nowrap;align-self:flex-start !important;margin:14px 0 8px 22px !important}
.rmd-fbadge:last-child{align-self:flex-end !important;margin:0 22px 20px 0 !important}
[data-screen-label="Final CTA + Footer"]{padding-bottom:8px;overflow:hidden}
.rmd-fcta{padding-top:8px !important}
}
@media (max-width:640px){
.rmd-cband{padding:52px 22px 62px !important}
.rmd-cband img[src*="cloud"]{width:22% !important}
.rmd-cband img[src*="mascot"],.rmd-cband img[src*="footer-pill"]{width:20% !important;right:5% !important}
.rmd-cband h1{font-size:clamp(30px,8.6vw,40px) !important}
.rmd-cband p{font-size:15.5px !important;max-width:100% !important}
.rmd-cform{padding:22px !important;border-radius:20px !important}
.rmd-cform>div:first-child{font-size:21px !important}
.rmd-cform button{width:100% !important;justify-content:center}
.rmd-cform>div:last-child{flex-direction:column-reverse !important;align-items:stretch !important;gap:12px !important}
.rmd-cform>div:last-child>span{text-align:center}
.rmd-cgrid{gap:20px !important}
}
@media (max-width:560px){
.rmd-g6{grid-template-columns:repeat(2,1fr) !important}
}
/* --- day/night mode switch (replaces dc-runtime ) ---
Only ever HIDE the inactive branch. The design sets display inline
(flex on .rmd-nav, default block on .rmd-hero), and an inline style beats a
stylesheet rule, so the hide needs !important -- while the visible branch must
carry no display rule at all, letting its own inline value apply untouched.
Specificity here (0,2,1) also outranks the mobile .rmd-hero display:flex
!important override, so a hidden hero stays hidden on small screens. */
html:not(.rmd-mode-night) .rmd-night{display:none !important}
html.rmd-mode-night .rmd-day{display:none !important}
[data-rmd-toggle]{-webkit-tap-highlight-color:transparent}
[data-rmd-toggle]:focus-visible{outline:2px solid #6353dd;outline-offset:3px}
@media (prefers-reduced-motion:reduce){
.rmd-root *,.rmd-root *::before,.rmd-root *::after{
animation-duration:.01ms !important;animation-iteration-count:1 !important;
transition-duration:.01ms !important
}
}
/* --- mobile fixes (owner review, 2026-07-30) ---
1. Phones: drop the nav "Start building" pill AND the hero's secondary
"See the platform" button. On small screens the nav pill wrapped to two
lines (logo + pill + toggle can't share the row), and with the hero's
two CTAs directly below the page read as four calls to action in the
first viewport — the owner wants exactly one. 767px covers every phone
including large ones; tablets and up keep the full set.
2. Grid items default to min-width:auto, so the operator console's columns
sized themselves to the 560px-wide table instead of letting its
overflow-x:auto wrapper scroll — the table's right edge was clipped
offscreen on phones. min-width:0 restores the intended inner scroll. */
@media (max-width:767px){
.rmd-nav a[data-rmd-cta="nav"]{display:none !important}
a[data-rmd-cta="hero-secondary"]{display:none !important}
}
/* Badge pills never wrap (owner report from a real device, 2026-07-30):
"B leading +18%" / "AOV +$38" style chips were breaking into two-line
blobs when their card-header flex rows tightened on phones. A pill is a
pill at every viewport; titles wrap instead. */
.rmd-root span[style*="border-radius:999px"]{white-space:nowrap}
@media (max-width:767px){
/* Console title bar: stack "Remedora · Operations · Today" above
"LIVE · 218ms p95" as whole units instead of both wrapping mid-phrase. */
.rmd-consolebar{flex-wrap:wrap;row-gap:4px}
.rmd-consolebar>div{white-space:nowrap}
/* Operator console patient table (owner report from a real device,
2026-07-30): min-width:0 made the 4-column table scrollable, but a
side-scrolling table on a phone has no affordance — it just looks cut
off. Restack instead: each row becomes patient + status on line one,
program + time on line two, so nothing needs horizontal scroll. The
header row hides; the stacked rows are self-labeling. */
.rmd-tblwrap .rmd-tblrow{grid-template-columns:1fr auto !important;min-width:0 !important;row-gap:3px;padding:12px 16px !important}
.rmd-tblwrap .rmd-tblrow:first-child{display:none !important}
.rmd-tblwrap .rmd-tblrow>span:nth-child(1){order:0}
.rmd-tblwrap .rmd-tblrow>span:nth-child(3){order:1;justify-self:end}
.rmd-tblwrap .rmd-tblrow>span:nth-child(2){order:2;font-size:12.5px !important;color:#6f6c90}
.rmd-tblwrap .rmd-tblrow>span:nth-child(4){order:3;justify-self:end}
}
@media (max-width:1023px){
.rmd-console>div{min-width:0}
/* Pipeline (owner report, 2026-07-30): below 1024px the stations stack, but
the animated dashed track stayed horizontal — orphaned dashes floating
above the first station. Hide the horizontal track and its traveling dot
and run the progress line vertically instead: a single centered column of
stations joined by short dashed connectors between the steps. */
.rmd-track{display:none !important}
.rmd-stations{flex-direction:column;align-items:center}
.rmd-stations>div:not(:last-child)::after{
content:"";width:3px;height:28px;margin-top:16px;border-radius:999px;
background-image:repeating-linear-gradient(180deg,#8a7bff 0 7px,transparent 7px 14px)
}
}
/* --- generated from style-hover (dc-runtime createPseudoSheet) --- */
.rh0:hover{transform:translateY(-1px) !important;box-shadow:0 12px 26px rgba(99,83,221,.5) !important}
.rh1:hover{transform:translate(-1px,-1px) !important;box-shadow:3px 3px 0 #191830 !important}
.rh2:hover{transform:translateY(-1px) !important;box-shadow:0 12px 26px rgba(255,201,61,.4) !important}
.rh3:hover{transform:translate(-1px,-1px) !important;box-shadow:0 8px 18px rgba(0,0,0,.5) !important}
.rh4:hover{transform:translateY(-2px) !important}
.rh5:hover{background:rgba(99,83,221,.5) !important}
.rh6:hover{color:#ffc93d !important}