/* Launch landing (recurz.ai/, served from public/site/) and its About and Security pages. Always light, like the product pages (Doug 2026-10-14). */
:root{color-scheme:light;--bg:#f6f6f4;--surface:#ffffff;--surface2:#ededea;--ink:#121518;--body:#3b434c;--muted:#5d6670;--line:#dcdfe3;--accent:#f25c2d;--accentText:#b93d12;--btnBg:#121518;--btnInk:#ffffff;--term:#121518;--termInk:#e9edf0;--termMuted:#8b96a1}
.on-dark{display:none!important}
/* Product wordmarks on the landing: one height for all, shrunk together on a phone so collectorz, the widest, still fits. */
.pword{display:block;width:auto;height:min(60px,calc((100vw - 48px) * .167))}
/* Coming soon: the questions only need a matching height while the columns sit side by side. */
@media (max-width:540px){.soon-q{min-height:0!important}}
.cta-band{border:1px solid var(--line);box-shadow:0 16px 44px rgba(0,0,0,.08)}
html,body{margin:0;background:var(--bg)}
.rz{font-family:'IBM Plex Sans',system-ui,sans-serif;font-kerning:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}
.rz h1,.rz h2,.rz h3{font-family:'Saira',system-ui,sans-serif;letter-spacing:-0.02em !important;font-weight:600;text-wrap:balance;margin:0}
.rz p,.rz li{text-wrap:pretty}
.rz code,.rz .mono{font-family:'JetBrains Mono',ui-monospace,monospace;font-variant-ligatures:none}
.rz img{max-width:100%}
a{color:inherit;text-decoration:none}
a:hover{color:var(--accentText)}
@media (max-width:560px){.rz .term{padding:20px!important;font-size:12px!important;overflow-x:auto}.rz .cta-band{padding:40px 24px!important}.rz .cta-band h2{font-size:34px!important}}
/* The header's Products menu (launch/menu.js closes it), shared with the product pages, About and Security. */
.pmenu { position: relative; }
.pmenu summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; }
.pmenu summary::-webkit-details-marker { display: none; }
.pmenu summary::after { content: ''; width: 6px; height: 6px; border: solid currentColor; border-width: 0 1.5px 1.5px 0; transform: translateY(-2px) rotate(45deg); }
.pmenu[open] summary, .pmenu summary:hover { color: var(--ink); }
.pmenu__list { position: absolute; top: calc(100% + 12px); left: -14px; width: min(360px, calc(100vw - 32px)); padding: 8px; display: grid; gap: 2px;
  background: var(--surface); border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 18px 44px rgba(0, 0, 0, .14); }
.pmenu__list a { display: grid; gap: 2px; padding: 10px 12px; border-radius: 8px; color: var(--ink); }
.pmenu__list a:hover, .pmenu__list a[aria-current="page"] { background: var(--surface2); color: var(--ink); }
.pmenu__list b { font: 600 15px/1.3 'Saira', system-ui, sans-serif; }
.pmenu__list span { font-size: 13px; line-height: 1.4; color: var(--muted); }
/* Each product section on the landing opens its page: its "More about" link stretches over the whole section. */
.prod{position:relative;border-radius:16px;transition:background .15s}
.prod:hover{background:var(--surface)}
.prod .plink::after{content:'';position:absolute;inset:0;border-radius:16px}
.prod a:not(.plink){position:relative;z-index:1}
/* Phones: logo and buttons on one row, the main menu under them. */
@media (max-width:720px){.rz>header{gap:10px 16px!important;padding:16px!important}.rz>header>div{gap:4px!important}.rz>header>div>a{font-size:14px!important;padding:9px 10px!important}.rz>header>div>a:last-child{padding:9px 14px!important}.rz>header>nav{order:3;flex-basis:100%!important}.rz>header>div{margin-left:auto}}
/* The landing's terminal keeps its column spacing. */
.rz .term>div{white-space:pre-wrap}
/* Text for screen readers only, and a skip link that shows when focused. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:16px;top:-60px;z-index:10;padding:10px 14px;border-radius:8px;background:var(--btnBg);color:var(--btnInk);font-weight:600}
.skip:focus{top:12px}