/* Rondeo landing page, from board 14 of the brand canvas (ADR-0073). Type: Manrope in the app's four cuts, served from /fonts. */
@font-face{font-family:"Manrope";src:url("/fonts/manrope_medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("/fonts/manrope_semibold.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("/fonts/manrope_bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("/fonts/manrope_extrabold.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap}
:root{
  --ground:#ffffff;--surface:#f5f5f7;--surface-track:#ebebee;
  --line:#dadae0;--line-strong:#bdbdc6;
  --ink:#0b0b0d;--ink-2:#505059;--muted:#686872;--decor:#94949e;
  --accent:#c8f03c;--on-accent:#0b0b0d;--accent-text:#5b7a00;
  --inverse:#0b0b0d;--on-inverse:#ffffff;--on-inverse-2:#bdbdc6;--on-inverse-muted:#94949e;
  --inverse-panel:#151518;--inverse-track:#242429;--inverse-line:#38383f;--accent-on-inverse:#c8f03c;
  --warn-fg:#b54708;
  --focus:#0b0b0d;
  --sans:"Manrope",system-ui,sans-serif;
  --col:1248px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --ground:#0b0b0d;--surface:#151518;--surface-track:#242429;
  --line:#38383f;--line-strong:#505059;
  --ink:#ffffff;--ink-2:#bdbdc6;--muted:#94949e;--decor:#6e6e78;
  --accent-text:#c8f03c;
  --inverse:#ffffff;--on-inverse:#0b0b0d;--on-inverse-2:#505059;--on-inverse-muted:#6e6e78;
  --inverse-panel:#f5f5f7;--inverse-track:#ebebee;--inverse-line:#dadae0;--accent-on-inverse:#5b7a00;
  --warn-fg:#fdb022;--focus:#ffffff;color-scheme:dark}}
:root[data-theme="dark"]{
  --ground:#0b0b0d;--surface:#151518;--surface-track:#242429;
  --line:#38383f;--line-strong:#505059;
  --ink:#ffffff;--ink-2:#bdbdc6;--muted:#94949e;--decor:#6e6e78;
  --accent-text:#c8f03c;
  --inverse:#ffffff;--on-inverse:#0b0b0d;--on-inverse-2:#505059;--on-inverse-muted:#6e6e78;
  --inverse-panel:#f5f5f7;--inverse-track:#ebebee;--inverse-line:#dadae0;--accent-on-inverse:#5b7a00;
  --warn-fg:#fdb022;--focus:#ffffff;color-scheme:dark}

*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.45;font-weight:500;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,p{margin:0}
h1,h2,h3{text-wrap:balance}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
[hidden]{display:none!important}
.tn{font-variant-numeric:tabular-nums}
.wrap{max-width:var(--col);margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
@media (min-width:1024px){.wrap{padding-left:max(48px,env(safe-area-inset-left,0px));padding-right:max(48px,env(safe-area-inset-right,0px))}}

/* type */
h1{font-size:clamp(44px,6.2vw,84px);line-height:.98;font-weight:800;letter-spacing:-.035em}
h2{font-size:clamp(32px,3.6vw,44px);line-height:1.05;font-weight:800;letter-spacing:-.025em}
h3{font-size:20px;line-height:1.2;font-weight:800;letter-spacing:-.01em}
.lead{font-size:clamp(17px,1.6vw,21px);line-height:1.45;font-weight:500;color:var(--ink-2)}
.eyebrow{display:block;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1;border-radius:4px;padding:5px 8px;background:var(--surface-track);color:var(--ink);white-space:nowrap}
.tag i{width:6px;height:6px;border-radius:50%;background:var(--accent);display:block}
.fine{font-size:14px;color:var(--muted)}

/* pills */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 22px;border-radius:24px;font-weight:700;font-size:16px;line-height:1;text-decoration:none;border:0;cursor:pointer;white-space:nowrap;background:var(--inverse);color:var(--on-inverse)}
.btn.sec{background:var(--surface-track);color:var(--ink)}
.btn.w{background:var(--on-inverse);color:var(--inverse)}
.btn.lg{height:56px;padding:0 28px;border-radius:28px;font-size:17px}
.btn:active{transform:translateY(1px)}

/* header */
.site-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--ground);border-bottom:1px solid var(--line)}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:21;background:var(--ground)}
.site-head .wrap{display:flex;align-items:center;gap:36px;height:72px}
@media (min-width:1024px){.site-head .wrap{height:88px}}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.brand svg{flex:none}
.wordmark{font-weight:800;letter-spacing:-.03em;text-transform:uppercase;font-size:26px;line-height:1}
.nav{display:flex;gap:36px;font-size:15px;font-weight:600;color:var(--ink-2)}
.nav a{text-decoration:none;color:inherit}
.nav a:hover{color:var(--ink)}
.head-right{margin-left:auto;display:flex;align-items:center;gap:24px}
.lang{display:flex;font-size:15px;font-weight:600;color:var(--muted)}
.lang a{text-decoration:none;color:inherit}
.lang a+a::before{content:" · ";color:var(--muted)}
.lang a:hover,.lang a[aria-current="page"]{color:var(--ink)}
@media (max-width:960px){.nav{display:none}}
@media (max-width:480px){.site-head .btn{display:none}}

/* hero */
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:64px;align-items:center;padding-block:72px 96px}
.hero-copy{display:flex;flex-direction:column;gap:32px}
.hero .lead{max-width:560px}
.stores{display:flex;flex-wrap:wrap;gap:12px}
.facts{display:flex;flex-wrap:wrap;gap:28px;font-size:14px;font-weight:600;color:var(--muted)}
@media (max-width:880px){.hero .wrap{grid-template-columns:1fr;gap:48px;padding-block:40px 64px}.hero-copy{gap:24px}.stores .btn{flex:1 1 220px}}

/* the phone: the app's live round screen as it draws itself, so its colours are the app's dark theme and stay fixed */
.ps{width:281px;height:608px;position:relative;margin:0 auto}
.phone{width:390px;height:844px;transform:scale(.72);transform-origin:top left;position:absolute;left:0;top:0;overflow:hidden;border-radius:40px;background:#0b0b0d;color:#fff;box-shadow:0 0 0 1px #38383f;padding:54px 20px 0;display:flex;flex-direction:column;font-size:16px;line-height:1.3}
.p-top{display:flex;justify-content:space-between;align-items:center;height:56px}
.p-top .tn{font-size:24px;font-weight:800;letter-spacing:-.02em}
.p-top .tag{background:#242429;color:#fff}
.p-timer{background:#fff;color:#0b0b0d;border-radius:16px;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;margin-top:4px}
.p-time{font-size:40px;font-weight:800;letter-spacing:-.03em;line-height:1}
.p-sub{font-size:13px;font-weight:600;color:#686872}
.p-label{font-size:13px;font-weight:700;color:#94949e;padding:16px 0 8px}
.p-court{border-top:1px solid #38383f;padding:12px 0;display:flex;flex-direction:column;gap:8px}
.p-court.last{border-bottom:1px solid #38383f}
.p-court .hd{display:flex;justify-content:space-between;font-size:13px;font-weight:700;color:#94949e}
.p-court .hd .now{color:#fff}
.p-court .pairs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;font-size:15px;font-weight:700}
.p-court .pairs .r{text-align:right}
.p-court .sc{font-size:28px;font-weight:800;letter-spacing:-.03em;min-width:92px;text-align:center}
.p-court .slot{width:92px;height:40px;border:2px dashed #6e6e78;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#6e6e78}
.p-cta{margin-top:auto;margin-bottom:42px;height:52px;border-radius:26px;background:#242429;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700}

/* sections */
.section{padding-block:96px;border-top:1px solid var(--line)}
.wrap.row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.sec-copy{display:flex;flex-direction:column;gap:20px}
.sec-copy .btn{align-self:flex-start;margin-top:8px}
.stack{display:flex;flex-direction:column;gap:48px}
.stack .sec-copy{max-width:760px}
@media (max-width:880px){.section{padding-block:56px}.wrap.row{grid-template-columns:minmax(0,1fr);gap:40px}.stack{gap:32px}}

/* rows on lines */
.list{display:flex;flex-direction:column}
.list>div{display:flex;gap:24px;align-items:baseline;padding:18px 0;border-top:1px solid var(--line)}
.list>div:last-child{border-bottom:1px solid var(--line)}
.list b{font-size:18px;font-weight:800;letter-spacing:-.01em;flex:none;width:200px}
.list span{font-size:16px;font-weight:500;color:var(--ink-2);line-height:1.45}
@media (max-width:640px){.list>div{flex-direction:column;gap:4px}.list b{width:auto}}

/* steps */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}
.steps li{display:flex;flex-direction:column;gap:12px;border-top:3px solid var(--ink);padding-top:18px}
.steps .n{font-size:44px;font-weight:800;letter-spacing:-.03em;line-height:1}
.steps p{font-size:15px;line-height:1.45;font-weight:500;color:var(--ink-2)}
@media (max-width:880px){.steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}}
@media (max-width:480px){.steps{grid-template-columns:1fr}}

/* live link band */
.band{background:var(--inverse);color:var(--on-inverse);border-top:0}
.band .eyebrow{color:var(--on-inverse-muted)}
.band .lead{color:var(--on-inverse-2)}
.band .tag{background:var(--inverse-track);color:var(--on-inverse);align-self:flex-start}
.live-card{background:var(--inverse-panel);border-radius:16px;padding:28px 32px}
.live-card .hd{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;padding-bottom:16px}
.live-card .hd b{font-size:18px;font-weight:800;letter-spacing:-.01em}
.live-card .hd span{font-size:13px;font-weight:600;color:var(--on-inverse-muted)}
.table{display:grid;grid-template-columns:28px minmax(0,1fr) 60px 60px;gap:0 8px;font-size:15px;font-weight:600}
.table>div{display:contents}
.table span{padding:10px 0;border-bottom:1px solid var(--inverse-line)}
.table .h{color:var(--on-inverse-muted);font-weight:600}
.table .r{color:var(--on-inverse-muted)}
.table .d{text-align:right;color:var(--on-inverse-2)}
.table .p{text-align:right;font-weight:800;font-size:17px}
.table .nm{font-weight:700}
@media (max-width:560px){.live-card{padding:20px}}

/* season pro */
.price{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.plan{border-radius:16px;padding:36px;display:flex;flex-direction:column;gap:18px;background:var(--surface)}
.plan.pro{background:var(--inverse);color:var(--on-inverse)}
.plan.pro .eyebrow{color:var(--on-inverse-muted)}
.plan.pro .lead{color:var(--on-inverse-2)}
.plan .big{font-size:44px;font-weight:800;letter-spacing:-.03em;line-height:1}
.plan .big small{font-size:18px;font-weight:600;letter-spacing:0;color:var(--muted)}
.plan.pro .big small{color:var(--on-inverse-muted)}
.plan .lead{font-size:17px}
.plan ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;font-size:16px;font-weight:500}
.plan.pro ul{color:var(--on-inverse-2)}
.plan li{display:flex;align-items:baseline;gap:12px}
.plan li::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:currentColor;position:relative;top:-2px}
.plan .btn{align-self:flex-start}
@media (max-width:760px){.price{grid-template-columns:1fr}.plan{padding:28px}}

/* support: a USDT tip address (ADR-0072); no script, the address selects in one tap */
.tip{background:var(--surface);border-radius:16px;padding:28px 32px;display:flex;flex-direction:column;gap:14px}
.tip dl{margin:0;display:grid;gap:6px}
.tip dt{color:var(--muted)}
.tip dd{margin:0 0 8px;font-weight:600;font-size:17px}
.wallet{display:block;font-family:ui-monospace,Menlo,monospace;font-size:15px;font-weight:500;background:var(--surface-track);padding:10px 12px;border-radius:8px;overflow-wrap:anywhere;user-select:all;-webkit-user-select:all}
.tip-warn{font-size:14px;font-weight:600;color:var(--warn-fg);background:var(--surface-track);border-radius:8px;padding:10px 12px}
@media (max-width:560px){.tip{padding:20px}}

/* footer */
.foot{border-top:1px solid var(--line);padding:40px 0 calc(48px + env(safe-area-inset-bottom,0px))}
.foot .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;font-size:14px;font-weight:600;color:var(--muted)}
.foot .brand{gap:12px}
.foot .wordmark{font-size:16px}
.foot .brand span+span{color:var(--muted);font-weight:500}
.foot nav{display:flex;flex-wrap:wrap;gap:12px 28px}
.foot a{text-decoration:none}
.foot nav a:hover{color:var(--ink);text-decoration:underline}
.section{scroll-margin-top:88px}