/* v17 adapter for the supplied Pilot page: maps its palette to shared night/day tokens. */
@import "./reps-v17-tokens.css";
:root{--ink:var(--foreground);--muted:var(--muted-foreground);--bg:var(--background);--panel:var(--card);--panel2:var(--surface-raised);--line:transparent;--blue:var(--brand-orange);--cyan:var(--blue-text);--green:var(--success);--warm:var(--brand-orange);--shadow:none;--radius:20px;font-family:var(--font-reps)}
body{background:var(--background);color:var(--foreground);font-family:var(--font-reps)}
h1,h2,h3{font-family:var(--font-reps);font-weight:800;letter-spacing:-.02em}
.eyebrow,.num,.fly-num,.icon,.mock-row b{color:var(--blue-text)}
.hero p,.hero-note,.muted,.small,.count-card .small,.manager .small,.manager .app-tag{color:var(--muted-foreground)}
.topbar{background:var(--background);border:0;box-shadow:none}
.brand span{color:var(--brand-orange)}
nav a.active{color:var(--foreground);border-bottom-color:var(--brand-orange)}
.btn{border:0;background:var(--surface-raised);color:var(--foreground);min-height:44px}
.btn:hover{background:var(--surface-hover);color:var(--foreground)}
.btn.primary,.btn.primary:hover{background:var(--brand-orange);color:var(--brand-navy)}
.section{border-top:0}.section:nth-of-type(even){background:var(--surface-band)}
.card,.flow-item,.fly-tile,.manager,.count-card,.mockup{background:var(--card);color:var(--foreground);border:0;border-radius:20px;box-shadow:none}
.card:hover,.flow-item:hover{background:var(--surface-raised);box-shadow:none}
.fly-tile strong,.count-card .digit strong{color:var(--foreground)}
.icon,.manager .metric,.count-card .digit,.metric,.digit,.browser,.browser-bar,.mock-card,.mock-row{background:var(--surface-raised);color:var(--foreground);border:0}
.mock-card.feature{background:var(--surface-hover)}.mock-card p,.app-tag{color:var(--muted-foreground)}
.mvp,.road{background:var(--brand-lime);color:var(--brand-navy)}
.mock-bar,.progress{background:var(--surface-hover)}
.mock-bar i,.progress i,.manager .bars i,.bars i{background:var(--brand-orange)}
.flywheel-ring{border-color:var(--surface-hover)}.flywheel-ring:after{color:var(--brand-orange);background:var(--background)}
.flywheel-core{background:var(--brand-orange);color:var(--brand-navy);box-shadow:none}
.feedback .quote{color:var(--foreground)}
.form input,.form textarea,.date-control input{background:var(--surface-raised);color:var(--foreground);border:0;border-radius:12px}
.form textarea:focus{outline:2px solid var(--brand-orange)}
.flow-arrow{color:var(--brand-orange)}
/* Shared site header/footer */
.rs-header{background:var(--background)}
.rs-logo{content:url("/__l5e/assets-v1/a08d77e2-1686-4900-b620-a964992f088d/reps-logo-on-dark.png")}
[data-theme="light"] .rs-logo{content:url("/__l5e/assets-v1/e676bc78-be36-497c-89b7-2c64b51a8c1d/reps-logo-on-light.png")}
.rs-row{gap:13px}.rs-row>a:first-child{margin-right:auto}
.rs-nav{gap:13px}
.rs-nav a,.rs-nav button,.rs-theme{display:inline-flex;align-items:center;min-height:44px;padding:10px 26px;border:0;border-radius:999px;background:var(--surface-raised);color:var(--foreground);font:700 14px var(--font-reps);cursor:pointer}
.rs-nav a:hover,.rs-nav button:hover,.rs-theme:hover,.rs-nav a[aria-current=page]{background:var(--surface-hover);border:0}
.rs-theme{padding:10px 14px}
.rs-toggle{background:var(--surface-raised);border:0;border-radius:999px}
.rs-footer{background:var(--surface-band);border:0;color:var(--muted-foreground)}
@media(max-width:767px){.rs-nav{background:var(--card);border:0;border-radius:20px;gap:13px}}
/* Header parity with the app's site header */
.rs-row{width:min(var(--content-max),calc(100% - 104px))}
.rs-row>a:first-child{padding:15px;margin-left:-15px}
.rs-logo{width:auto;height:64px}
.rs-theme{flex:none;width:44px;height:44px;min-height:44px;padding:0;justify-content:center;background:var(--secondary);color:var(--secondary-foreground)}
.rs-theme svg{width:16px;height:16px}
.rs-moon{display:none}[data-theme="light"] .rs-sun{display:none}[data-theme="light"] .rs-moon{display:block}
.rs-nav a,.rs-nav button{background:var(--secondary)}
@media(max-width:1024px){.rs-row{width:calc(100% - 52px)}}
@media(max-width:767px){.rs-row{width:calc(100% - 40px);gap:20px}.rs-logo{height:52px}.rs-toggle{margin-left:auto}}