/* Refer & Earn marketing page. Mobile first, brand colours: navy #0B5D5B, gold #FFC93C, cream #FFFDF9. */
:root{--rn:#0B5D5B;--rg:#FFC93C;--rc:#FFFDF9;--ri:#1b2433;--rm:#5b6577;--rl:#e5e0d3}
body{background:var(--rc);color:var(--ri);margin:0;font-family:var(--sans,Inter,system-ui,sans-serif);-webkit-text-size-adjust:100%}
.rin{max-width:1040px;margin:0 auto;padding:0 16px}
.rhead{display:flex;align-items:center;justify-content:space-between;max-width:1040px;margin:0 auto;padding:14px 16px}
.rbrand{font:700 20px var(--serif,Georgia,serif);color:var(--rn);text-decoration:none}.rbrand i{color:var(--rg);font-style:normal}
.rhome{color:var(--rn);font-weight:600;text-decoration:none;font-size:14px}
.rhero{background:linear-gradient(165deg,#0B5D5B 0%,#0a2f70 60%,#08265a 100%);color:#fff;padding:28px 0 36px}
.rhero .rin{display:grid;gap:22px}
.reyebrow{display:inline-block;background:rgba(201,162,74,.18);color:#f1d98f;border:1px solid rgba(201,162,74,.5);border-radius:99px;padding:4px 12px;font:700 12px var(--sans,inherit);letter-spacing:.12em;text-transform:uppercase}
.rhero h1{font:700 clamp(30px,8vw,52px)/1.08 var(--serif,Georgia,serif);margin:12px 0 10px}
.rhero h1 em{font-style:normal;color:var(--rg);text-shadow:0 1px 0 rgba(0,0,0,.25)}
.rlead{font-size:17px;line-height:1.5;color:#CFEDEA;margin:0 0 14px}.rlead b{color:#fff}
.rticks{list-style:none;padding:0;margin:0;display:grid;gap:8px;color:#e8effc;font-size:15px}
.rticks li{position:relative;padding-left:26px}.rticks li:before{content:"";position:absolute;left:0;top:3px;width:16px;height:16px;border-radius:50%;background:var(--rg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B3D91' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/10px no-repeat}
.rcard{background:var(--rc);color:var(--ri);border-radius:18px;padding:6px 14px 14px;box-shadow:0 14px 44px rgba(0,0,0,.35);scroll-margin-top:12px}
.rcard .zcard{border:0;background:transparent;padding:8px 0;margin:6px 0}
.rcard .zhead{display:none}
.rcard h2{font:700 20px var(--serif,Georgia,serif)!important;letter-spacing:0!important;text-transform:none!important;color:var(--rn)!important}
.rcard .zbtn{width:100%;min-height:50px;font-size:17px;background:var(--rg);color:#1b1b1b;border:0;border-radius:12px;font-weight:800}
.rband{background:#fff;border-bottom:1px solid var(--rl)}
.rstats{display:grid;grid-template-columns:1fr 1fr;gap:0}
.rstats div{padding:16px 10px;text-align:center;border-right:1px solid var(--rl);border-bottom:1px solid var(--rl)}
.rstats b{display:block;font:800 26px var(--serif,Georgia,serif);color:var(--rn)}.rstats span{font-size:13px;color:var(--rm)}
.rsec{padding:36px 0}.rsec.ralt{background:#f6f2e8}
.rsec h2{font:700 clamp(24px,5.5vw,34px)/1.15 var(--serif,Georgia,serif);color:var(--rn);margin:0 0 8px}
.rsub{color:var(--rm);margin:0 0 16px;font-size:16px}
.rtable{display:grid;gap:8px;margin:12px 0 22px}
.rrow{display:grid;grid-template-columns:1.1fr 1fr 1.2fr;gap:8px;align-items:center;background:#fff;border:1px solid var(--rl);border-radius:12px;padding:12px 14px}
.rrow.rh{background:transparent;border:0;padding:0 14px;font:700 12px var(--sans,inherit);letter-spacing:.08em;text-transform:uppercase;color:var(--rm)}
.rrow b.e{color:#0a7a45;font:800 20px var(--serif,Georgia,serif)}
.rrow.hot{border-color:var(--rg);box-shadow:0 0 0 2px #f1dca0}
.rcalc{background:var(--rn);color:#fff;border-radius:16px;padding:18px}
.rcalc h3{margin:0 0 10px;font:700 18px var(--serif,Georgia,serif)}
.rcalc label{display:block;margin:12px 0 6px;font-size:14px;color:#CFEDEA}
.rcalc select{width:100%;min-height:44px;border-radius:10px;border:0;padding:0 10px;font-size:16px;background:#fff;color:#1b2433}
.rcalc input[type=range]{width:100%;accent-color:var(--rg)}
.rbig{margin-top:14px;font-size:18px}.rbig b{display:block;font:800 40px/1.1 var(--serif,Georgia,serif);color:var(--rg)}
.rfine{font-size:12px;color:#b9c9ea;margin:8px 0 0}
.rsteps,.rgrid{display:grid;gap:12px;margin:16px 0}
.rstep,.rbox{background:#fff;border:1px solid var(--rl);border-radius:14px;padding:16px}
.rnum{width:34px;height:34px;border-radius:50%;background:var(--rn);color:#fff;font:800 17px var(--serif,Georgia,serif);display:flex;align-items:center;justify-content:center;margin-bottom:8px}
.rstep h3,.rbox h3{margin:0 0 6px;font:700 17px var(--sans,inherit);color:var(--ri)}.rstep p,.rbox p{margin:0;color:var(--rm);font-size:15px;line-height:1.5}
.rcta{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:12px;background:var(--rn);color:#fff;text-decoration:none;font-weight:800;font-size:16px}
.rcta.gold{background:var(--rg);color:#1b1b1b}
.rfaq details{background:#fff;border:1px solid var(--rl);border-radius:12px;margin:8px 0;padding:0 14px}
.rfaq summary{cursor:pointer;padding:14px 0;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:10px}
.rfaq summary:after{content:"+";color:var(--rg);font-size:22px;line-height:1}.rfaq details[open] summary:after{content:"\2212"}
.rfaq p{margin:0 0 14px;color:var(--rm);line-height:1.55}
.rfinal{background:linear-gradient(165deg,#0B5D5B,#08265a);color:#fff;text-align:center;padding:40px 0 90px}
.rfinal h2{font:700 clamp(24px,6vw,36px) var(--serif,Georgia,serif);margin:0 0 8px}.rfinal p{color:#CFEDEA;margin:0 0 18px}
.rsticky{position:fixed;left:0;right:0;bottom:0;z-index:20;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(255,253,249,.96);border-top:1px solid var(--rl);backdrop-filter:blur(6px)}
.rsticky a{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:12px;background:var(--rg);color:#1b1b1b;font-weight:800;text-decoration:none}
.rfoot{text-align:center;padding:16px 16px 70px;color:var(--rm);font-size:13px}.rfoot a{color:var(--rn)}
/* signed in: only the partner's own page shows */
body.signed .mk,body.signed .rsticky{display:none}
.rsticky.off{display:none}
body.signed .rhead{border-bottom:1px solid var(--rl)}
body.signed main{max-width:760px;margin:0 auto;padding:0 12px}
body.signed #dash{display:block}
#dash{display:none}
@media (min-width:760px){
  .rhero{padding:48px 0 56px}.rhero .rin{grid-template-columns:1.15fr .85fr;align-items:center;gap:36px}
  .rstats{grid-template-columns:repeat(4,1fr)}.rstats div{border-bottom:0}
  .rsteps{grid-template-columns:repeat(3,1fr)}.rgrid{grid-template-columns:repeat(2,1fr)}
  .rtable{grid-template-columns:1fr 1fr}.rtable .rh{display:none}
  .rsticky{display:none}.rfinal{padding-bottom:48px}.rfoot{padding-bottom:20px}
}
@media (prefers-reduced-motion:no-preference){.rcta,.rsticky a,.rcard .zbtn{transition:transform .12s}.rcta:hover,.rcard .zbtn:hover{transform:translateY(-1px)}}