:root {
    --rm-bg: var(--tt-theme-bg);
    --rm-surface: var(--tt-theme-panel);
    --rm-ink: var(--tt-theme-ink);
    --rm-muted: var(--tt-theme-muted);
    --rm-line: var(--tt-theme-rule);
    --rm-amber: var(--tt-theme-accent);
    --rm-amber-bright: var(--tt-theme-accent-hover);
    --rm-ease: var(--tt-theme-ease);
}

.rm-product { background: var(--rm-bg); color: var(--rm-ink); font-family: Arial, Helvetica, sans-serif; overflow: hidden; -webkit-font-smoothing: antialiased; }
.rm-product * { box-sizing: border-box; }
.rm-product--pulsar .rm-edition-mark { margin-top: 11px; padding: 0; clip-path: none; background: transparent; color: var(--rm-amber); font-style: normal; letter-spacing: .11em; transform: none; }
.rm-product--pulsar .rm-hero__link { padding: 12px; background: #111319; }
.rm-product--pulsar .rm-hero__media img { width: 100%; object-fit: contain; box-shadow: none; }
.rm-product::selection, .rm-product *::selection { background: var(--rm-amber); color: #120c06; }
.rm-product a:focus-visible { outline: 3px solid var(--rm-amber-bright); outline-offset: 5px; }
.rm-shell { width: min(1120px, calc(100% - 56px)); margin: 0 auto; }

.rm-hero { padding: 22px 0 24px; }
.rm-hero__grid { display: grid; grid-template-columns: minmax(300px, .78fr) minmax(0, 1.22fr); align-items: center; gap: 24px; }
.rm-hero h1 { margin: 0; font-size: clamp(48px, 4.6vw, 64px); line-height: .92; letter-spacing: -.04em; font-weight: 800; }
.rm-edition-mark { width: max-content; margin-top: 10px; padding: 5px 11px 4px; display: block; clip-path: polygon(4px 0, 100% 2px, calc(100% - 5px) 100%, 0 calc(100% - 2px)); background: #2a1c17; color: var(--rm-amber-bright); font-family: "Courier New", monospace; font-size: 10px; font-style: italic; font-weight: 700; line-height: 1; letter-spacing: .18em; text-transform: uppercase; transform: rotate(-.5deg); }
.rm-hero__copy > .rm-hero__lead { margin: 10px 0 0; font-size: clamp(21px, 1.9vw, 28px); line-height: 1.08; letter-spacing: -.03em; font-weight: 700; }
.rm-hero__text { max-width: 38ch; margin: 13px 0 0; color: var(--rm-muted); font-size: 15px; line-height: 1.45; }
.rm-hero__media { margin: 0; }
.rm-hero__link { position: relative; display: block; overflow: hidden; border-radius: 14px; }
.rm-hero__media img { width: min(100%, 560px); height: auto; display: block; margin-left: auto; border-radius: 14px; box-shadow: 0 24px 48px rgba(0, 0, 0, .4); transition: transform .3s var(--rm-ease), filter .3s var(--rm-ease); }
.rm-hero__play { position: absolute; top: 50%; left: 50%; width: 58px; height: 58px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, .42); border-radius: 50%; background: var(--rm-amber); color: #170e06; box-shadow: 0 10px 28px rgba(0, 0, 0, .42); transform: translate(-50%, -50%); transition: transform .3s var(--rm-ease), background .3s var(--rm-ease); }
.rm-hero__play .fa { margin-left: 3px; font-size: 19px; }
.rm-hero__link:hover img { transform: scale(1.012); filter: brightness(.82); }
.rm-hero__link:hover .rm-hero__play { background: var(--rm-amber-bright); transform: translate(-50%, -50%) scale(1.06); }
.rm-hero__link:active .rm-hero__play { transform: translate(-50%, -50%) scale(.96); }

.rm-actions { margin-top: 20px; display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.rm-hero .rm-app-store-badge { width: 128px; height: 44px; align-items: center; }
.rm-hero .rm-app-store-badge img { width: 128px; height: 40px; }
.rm-actions__join { color: var(--rm-muted); font-size: 14px; font-weight: 700; line-height: 1; opacity: .7; }
.rm-button { min-height: 44px; min-width: 96px; display: inline-flex; align-items: center; justify-content: center; padding: 0 16px; border: 1px solid transparent; border-radius: 10px; font-size: 14px; font-weight: 800; text-decoration: none; transition: transform .3s var(--rm-ease), background .3s var(--rm-ease), border-color .3s var(--rm-ease); }
.rm-button:hover { transform: translateY(-2px); }
.rm-button:active { transform: translateY(0) scale(.98); }
.rm-button--primary { background: var(--rm-amber); }
.rm-button--primary:hover { background: var(--rm-amber-bright); }
.rm-button--secondary { background: transparent; border-color: var(--rm-line); }
.rm-button--secondary:hover { background: rgba(255,255,255,.06); border-color: rgba(244,239,231,.36); }
.rm-app-store-badge { display: inline-flex; width: 141px; height: 44px; flex: none; border-radius: 6px; }
.rm-app-store-badge img { display: block; width: 141px; height: 44px; object-fit: contain; }
.rm-mac-shortcut { width: auto; min-width: 76px; height: 44px; padding: 0 12px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; flex: none; border: 1px solid var(--rm-line); border-radius: 9px; color: var(--rm-ink); font-size: 12px; font-weight: 800; white-space: nowrap; text-decoration: none; }
.rm-mac-shortcut .fa { font-size: 16px; }
.rm-mac-shortcut:visited, .rm-mac-shortcut:hover, .rm-mac-shortcut:focus, .rm-mac-shortcut:active { color: var(--rm-ink) !important; }
.rm-mac-shortcut:hover { background: rgba(255,255,255,.06); border-color: rgba(244,239,231,.36); }
.rm-product a.rm-button--primary:link, .rm-product a.rm-button--primary:visited, .rm-product a.rm-button--primary:hover, .rm-product a.rm-button--primary:focus, .rm-product a.rm-button--primary:active { color: #170e06 !important; }
.rm-product a.rm-button--secondary:link, .rm-product a.rm-button--secondary:visited, .rm-product a.rm-button--secondary:hover, .rm-product a.rm-button--secondary:focus, .rm-product a.rm-button--secondary:active { color: var(--rm-ink) !important; }

.rm-intro { padding: 46px 0; border-top: 1px solid var(--rm-line); }
.rm-intro__inner { display: grid; grid-template-columns: .9fr 1.1fr; gap: 38px; align-items: start; }
.rm-intro h2, .rm-showcase > .rm-shell > h2, .rm-availability h2, .rm-video h2 { margin: 0; font-size: clamp(34px, 3.8vw, 48px); line-height: 1; letter-spacing: -.035em; font-weight: 800; text-wrap: balance; }
.rm-intro__copy p { margin: 0; max-width: 60ch; color: var(--rm-muted); font-size: 17px; line-height: 1.62; }
.rm-intro__copy p + p { margin-top: 14px; }

.rm-showcase { padding: 48px 0; background: var(--rm-surface); }
.rm-showcase > .rm-shell > h2 { margin-bottom: 28px; }
.rm-showcase figure { margin: 0; }
.rm-feature-list { margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; column-gap: 42px; list-style: none; border-top: 1px solid var(--rm-line); }
.rm-feature-list li { position: relative; min-height: 78px; padding: 16px 0 16px 20px; border-bottom: 1px solid var(--rm-line); color: var(--rm-muted); font-size: 15px; line-height: 1.5; }
.rm-feature-list li::before { content: ""; position: absolute; top: 24px; left: 0; width: 6px; height: 6px; border-radius: 50%; background: var(--rm-amber); }
.rm-feature-list strong { color: var(--rm-ink); }
.rm-feature-visuals { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; list-style: none; }
.rm-feature-visuals li { min-width: 0; overflow: hidden; display: flex; flex-direction: column; border: 1px solid var(--rm-line); border-radius: 12px; background: #0d0f14; }
.rm-feature-visuals__image { height: 164px; margin: 0; display: grid; place-items: center; overflow: hidden; border-bottom: 1px solid var(--rm-line); background: radial-gradient(circle at 50% 52%, rgba(112, 203, 232, .1), transparent 66%); }
.rm-feature-visuals__image img { width: 100%; height: 100%; display: block; padding: 18px; object-fit: contain; filter: saturate(.92) contrast(1.04); transition: transform .3s var(--rm-ease), filter .3s var(--rm-ease); }
.rm-feature-visuals li:hover .rm-feature-visuals__image img { transform: scale(1.035); filter: saturate(1.08) contrast(1.04); }
.rm-feature-visuals__copy { padding: 17px 18px 19px; }
.rm-feature-visuals__copy strong { display: block; color: var(--rm-ink); font-size: 15px; line-height: 1.25; }
.rm-feature-visuals__copy p { margin: 7px 0 0; color: var(--rm-muted); font-size: 13px; line-height: 1.48; }
.rm-feature-list--supporting { margin-top: 26px; }
.rm-feature-note { margin: 18px 0 0; color: var(--rm-muted); font-size: 13px; line-height: 1.5; }
.rm-collage { height: auto; aspect-ratio: 2 / 1; margin-top: 30px; display: grid; grid-template-columns: 2fr 1fr; grid-template-rows: 1fr 1fr; gap: 10px; }
.rm-collage figure { min-width: 0; min-height: 0; overflow: hidden; border-radius: 10px; }
.rm-collage__main { grid-row: 1 / 3; }
.rm-collage__item { position: relative; height: 100%; display: block; overflow: hidden; border-radius: 10px; cursor: zoom-in; }
.rm-collage img { width: 100%; height: 100%; display: block; object-fit: cover; border-radius: 10px; transition: transform .3s var(--rm-ease), filter .3s var(--rm-ease); }
.rm-collage__zoom { position: absolute; right: 10px; bottom: 10px; width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, .34); border-radius: 50%; background: rgba(20, 14, 10, .78); color: var(--rm-ink); font-size: 13px; transition: transform .3s var(--rm-ease), background .3s var(--rm-ease); }
.rm-collage figure:not(.rm-collage__main) .rm-collage__zoom { display: none; }
.rm-collage__item:hover img { transform: scale(1.012); filter: brightness(.86); }
.rm-collage__item:hover .rm-collage__zoom { background: var(--rm-amber); color: #170e06; transform: scale(1.06); }
.rm-collage__item:active .rm-collage__zoom { transform: scale(.96); }
.rm-collage--many { aspect-ratio: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; grid-auto-rows: auto; }
.rm-collage--many figure { aspect-ratio: 4 / 3; }
.rm-collage--many .rm-collage__main { grid-column: 1 / -1; grid-row: auto; aspect-ratio: 16 / 9; }
.rm-availability { padding: 48px 0; }
.rm-platforms { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin-top: 28px; background: var(--rm-line); border: 1px solid var(--rm-line); }
.rm-platform { min-height: 270px; padding: 28px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: var(--rm-bg); text-align: center; }
.rm-platform--desktop { grid-column: 1 / -1; min-height: 270px; padding-top: 22px; padding-bottom: 22px; }
.rm-platforms--single-mobile .rm-platform:last-child { grid-column: 1 / -1; }
.rm-platform__devices { height: 58px; display: flex; align-items: center; justify-content: center; gap: 10px; color: var(--rm-ink); font-size: 50px; line-height: 1; }
.rm-platform__devices-separator { color: var(--rm-muted); font-size: 18px; font-weight: 700; }
.rm-platform__devices--mobile { font-size: 48px; }
.rm-platform__devices--mobile .fa-tablet { font-size: 42px; }
.rm-platform h3 { margin: 14px 0 0; font-size: 23px; }
.rm-platform__formats { min-height: 32px; margin-top: 14px; display: flex; flex-wrap: wrap; justify-content: center; gap: 7px; }
.rm-platform__formats span { height: 28px; padding: 0 10px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: rgba(244,239,231,.08); color: var(--rm-muted); font-size: 12px; font-weight: 700; line-height: 1; white-space: nowrap; }
.rm-platform__systems { width: min(100%, 420px); margin-top: 12px; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.rm-platform__systems > div { min-width: 0; }
.rm-platform__systems strong { color: var(--rm-ink); font-size: 14px; }
.rm-platform__systems .rm-platform__formats { margin-top: 8px; }
.rm-platform__price { min-height: 32px; margin-top: 14px; display: flex; align-items: baseline; justify-content: center; gap: 8px; color: var(--rm-ink); font-size: 25px; font-weight: 800; line-height: 1; }
.rm-platform__price del { color: var(--rm-muted); font-size: 14px; font-weight: 600; opacity: 1; }
.rm-platform__price del .woocommerce-Price-amount.amount { color: var(--rm-muted); }
.rm-platform__price ins { text-decoration: none; }
.rm-platform__actions { margin-top: 14px; display: flex; align-items: center; justify-content: center; gap: 8px; flex-wrap: wrap; }
.rm-platform__download, .rm-platform__trial { min-height: 46px; padding: 0 17px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 9px; font-size: 14px; font-weight: 800; text-decoration: none; }
.rm-platform__download { background: var(--rm-amber); color: #170e06; }
.rm-platform__download:visited, .rm-platform__download:hover, .rm-platform__download:focus, .rm-platform__download:active { color: #170e06 !important; }
.rm-platform__download:hover { background: var(--rm-amber-bright); }
.rm-platform__trial { border: 1px solid var(--rm-line); color: var(--rm-ink); }
.rm-platform__trial:visited, .rm-platform__trial:hover, .rm-platform__trial:focus, .rm-platform__trial:active { color: var(--rm-ink) !important; }
.rm-platform__trial:hover { background: rgba(255,255,255,.06); border-color: rgba(244,239,231,.36); }
.rm-platform .rm-app-store-badge { margin-top: 16px; }
.rm-platform__status { min-height: 36px; margin-top: 16px; padding: 0 14px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid var(--rm-line); border-radius: 999px; color: var(--rm-ink); font-size: 13px; font-weight: 800; text-decoration: none; }
.rm-platform__status:visited, .rm-platform__status:hover, .rm-platform__status:focus, .rm-platform__status:active { color: var(--rm-ink) !important; }
.rm-platform__status:hover { background: rgba(255,255,255,.06); border-color: rgba(244,239,231,.36); }
.rm-platforms__soon { margin: 0; padding: 18px 0 0; display: flex; align-items: center; gap: 10px; color: var(--rm-muted); font-size: 14px; }
.rm-platforms__soon .fa { color: var(--rm-ink); font-size: 18px; }
.rm-platforms__soon strong { color: var(--rm-ink); }

.rm-video { padding: 48px 0 58px; border-top: 1px solid var(--rm-line); }
.rm-video h2 { margin-bottom: 24px; }
.rm-video__frame { position: relative; width: min(100%, 760px); margin: 0 auto; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 14px; background: #080808; box-shadow: 0 20px 44px rgba(0,0,0,.34); }
.rm-video__frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.rm-actions--center { justify-content: center; margin-top: 24px; }

@media (prefers-reduced-motion: no-preference) {
    .rm-hero__media { animation: rm-enter .8s var(--rm-ease) both; }
    @keyframes rm-enter { from { opacity: .01; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }
}

@media (max-width: 900px) {
    .rm-shell { width: min(100% - 40px, 740px); }
    .rm-hero__grid { grid-template-columns: 1fr; gap: 14px; }
    .rm-hero__copy { min-width: 0; }
    .rm-hero h1 { font-size: clamp(46px, 7vw, 58px); }
    .rm-hero__media img { width: 100%; }
    .rm-hero .rm-actions { flex-wrap: nowrap; gap: 4px; }
    .rm-hero .rm-button { width: auto; min-width: 76px; min-height: 44px; padding: 0 10px; font-size: 12px; }
    .rm-hero .rm-app-store-badge { width: 112px; height: 44px; }
    .rm-hero .rm-app-store-badge img { width: 112px; height: 35px; }
    .rm-hero .rm-mac-shortcut { width: auto; min-width: 70px; height: 44px; padding: 0 12px; gap: 4px; font-size: 12px; white-space: nowrap; }
    .rm-hero .rm-mac-shortcut .fa { font-size: 14px; }
    .rm-intro__inner { grid-template-columns: 1fr; }
    .rm-intro__inner { gap: 24px; }
    .rm-feature-visuals { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .rm-hero__grid { grid-template-columns: 1fr; gap: 14px; }
    .rm-hero__text { max-width: 46ch; }
}

@media (max-width: 620px) {
    .rm-shell { width: calc(100% - 32px); }
    .rm-hero { padding: 20px 0 24px; }
    .rm-hero__grid { grid-template-columns: 1fr; gap: 6px; }
    .rm-hero h1 { font-size: clamp(42px, 12vw, 50px); }
    .rm-hero__copy > .rm-hero__lead { margin-top: 10px; font-size: 21px; }
    .rm-hero__text { margin-top: 9px; font-size: 14px; line-height: 1.4; }
    .rm-hero__media img { width: 100%; margin: 0; }
    .rm-hero .rm-actions { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 6px; margin-top: 14px; }
    .rm-hero .rm-button { width: auto; min-width: 74px; min-height: 44px; padding: 0 10px; font-size: 13px; }
    .rm-hero .rm-app-store-badge { width: 112px; height: 44px; }
    .rm-hero .rm-app-store-badge img { width: 112px; height: 35px; }
    .rm-hero .rm-mac-shortcut { width: auto; min-width: 70px; height: 44px; padding: 0 12px; gap: 4px; font-size: 11px; white-space: nowrap; }
    .rm-hero .rm-mac-shortcut .fa { font-size: 14px; }
    .rm-intro, .rm-showcase, .rm-availability, .rm-video { padding: 32px 0; }
    .rm-intro h2, .rm-showcase > .rm-shell > h2, .rm-availability h2, .rm-video h2 { font-size: clamp(34px, 10vw, 40px); }
    .rm-intro__copy p { font-size: 16px; }
    .rm-showcase > .rm-shell > h2 { margin-bottom: 24px; }
    .rm-feature-list { grid-template-columns: 1fr; }
    .rm-feature-list li { min-height: 0; }
    .rm-feature-visuals { grid-template-columns: 1fr; gap: 10px; }
    .rm-feature-visuals li { min-height: 148px; display: grid; grid-template-columns: 118px minmax(0, 1fr); }
    .rm-feature-visuals__image { width: 118px; height: 100%; min-height: 148px; border-right: 1px solid var(--rm-line); border-bottom: 0; }
    .rm-feature-visuals__image img { padding: 14px; }
    .rm-feature-visuals__copy { align-self: center; padding: 16px; }
    .rm-feature-list--supporting { margin-top: 22px; }
    .rm-collage { height: auto; aspect-ratio: auto; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 7px; margin-top: 24px; }
    .rm-collage__main { grid-column: 1 / 3; grid-row: auto; }
    .rm-collage img { height: auto; aspect-ratio: 4 / 3; }
    .rm-platforms { grid-template-columns: 1fr; margin-top: 24px; }
    .rm-platform { min-height: 240px; padding: 24px 18px; }
    .rm-platform--desktop { min-height: 0; }
    .rm-platform__systems { grid-template-columns: 1fr; gap: 18px; }
    .rm-platforms__soon { align-items: flex-start; flex-wrap: wrap; }
    .rm-platforms__soon span { width: 100%; padding-left: 28px; }
    .rm-video h2 { margin-bottom: 22px; }
    .rm-video__frame { border-radius: 10px; }
}