/* quicklimes.com lime-rate pages — same family as the marketing site:
   Space Grotesk headlines, Inter body, brand blue, light industrial surfaces.
   Solid cards (not glass) on purpose: rate tables are read, not admired. */
:root{
  --blue:#2563EB; --blue-700:#1D4ED8; --blue-50:#EFF6FF;
  --ink:#0B1220; --ink-2:#1E293B; --mut:#4A5A75; --line:rgba(15,23,42,.1);
  --bg:#F6F8FC; --card:#fff; --ok:#16A34A; --wa:#22C55E;
  --r:16px; --d1:'Space Grotesk',Inter,sans-serif; --d2:Inter,system-ui,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--d2);color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--blue);text-decoration:none}
img{max-width:100%}
.rt-wrap{max-width:1080px;margin:0 auto;padding:0 20px}

/* nav */
.rt-nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.rt-nav-in{display:flex;align-items:center;gap:18px;height:62px}
.rt-logo{display:flex;align-items:center;gap:9px;font:600 1.02rem var(--d1);color:var(--ink)}
.rt-nav nav{display:flex;gap:16px;margin-left:auto;flex-wrap:wrap}
.rt-nav nav a{font-size:.9rem;font-weight:500;color:var(--ink-2)}
.rt-nav nav a.on{color:var(--blue);font-weight:600}
.rt-cta-mini{background:var(--wa);color:#fff;font-weight:600;font-size:.86rem;padding:.5rem .95rem;border-radius:999px}
@media(max-width:820px){.rt-nav nav{display:none}}

/* breadcrumb */
.rt-crumb{font-size:.82rem;color:var(--mut);padding:14px 0 0}
.rt-crumb .sep{margin:0 6px;color:var(--line)}
.rt-crumb span{color:var(--ink-2);font-weight:600}

/* hero */
.rt-hero{padding:34px 0 10px}
.rt-hero h1{font:700 clamp(1.7rem,4vw,2.5rem)/1.15 var(--d1);letter-spacing:-.02em}
.rt-hero .sub{color:var(--mut);max-width:640px;margin-top:10px;font-size:1.02rem}
.rt-updated{display:inline-flex;align-items:center;gap:8px;margin-top:14px;background:var(--blue-50);color:var(--blue-700);
  font-weight:600;font-size:.9rem;border:1px solid rgba(37,99,235,.2);border-radius:999px;padding:.45rem 1rem}
.rt-updated .dot{width:8px;height:8px;border-radius:50%;background:var(--ok)}

/* rate card (above the fold on product pages) */
.rt-ratecard{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px 24px;margin-top:22px;
  display:flex;gap:26px;align-items:center;flex-wrap:wrap;box-shadow:0 14px 40px -22px rgba(15,42,120,.22)}
.rt-ratecard .big{font:700 clamp(1.8rem,4.5vw,2.6rem)/1 var(--d1)}
.rt-ratecard .big .rt-unit{font:600 1rem var(--d2);color:var(--mut)}
.rt-ratecard .lbl{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.rt-ratecard .meta{color:var(--mut);font-size:.9rem}
.rt-onreq{font:600 1.15rem var(--d1);color:var(--ink-2)}

/* table */
.rt-tblwrap{overflow-x:auto;background:var(--card);border:1px solid var(--line);border-radius:var(--r);margin:22px 0;box-shadow:0 14px 40px -24px rgba(15,42,120,.2)}
.rt-tbl{width:100%;border-collapse:collapse;min-width:680px}
.rt-tbl th{font:600 .74rem var(--d2);letter-spacing:.07em;text-transform:uppercase;color:var(--mut);text-align:left;
  padding:13px 16px;border-bottom:1px solid var(--line);background:#FAFBFE;white-space:nowrap}
.rt-tbl td{padding:14px 16px;border-bottom:1px solid var(--line);font-size:.96rem}
.rt-tbl tr:last-child td{border-bottom:none}
.rt-tbl .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.rt-amt{font-family:var(--d1);font-size:1.06rem}
.rt-unit{color:var(--mut);font-size:.85rem}
.rt-plink{font-weight:600}

/* sections */
.rt-sec{padding:26px 0 6px}
.rt-sec h2{font:700 1.35rem var(--d1);margin-bottom:10px}
.rt-sec h3{font:600 1.05rem var(--d1);margin:18px 0 6px}
.rt-sec p{color:var(--ink-2);max-width:760px;margin-bottom:10px}
.rt-sec ul{margin:6px 0 12px 20px;color:var(--ink-2)}
.rt-sec li{margin:4px 0}
.rt-cols{display:grid;grid-template-columns:1fr 1fr;gap:26px}
@media(max-width:760px){.rt-cols{grid-template-columns:1fr}}
.rt-disc{font-size:.86rem;color:var(--mut);border-left:3px solid var(--blue);background:var(--blue-50);
  padding:10px 14px;border-radius:0 10px 10px 0;max-width:760px;margin:14px 0}

/* FAQ */
.rt-faq details{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:8px;padding:0 16px}
.rt-faq summary{font-weight:600;padding:13px 0;cursor:pointer;list-style:none}
.rt-faq summary::-webkit-details-marker{display:none}
.rt-faq p{padding:0 0 13px;color:var(--ink-2)}

/* trust */
.rt-trust{margin:30px 0 0}
.rt-trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.rt-trust-grid>div{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.rt-trust-grid b{display:block;font-family:var(--d1);margin-bottom:4px}
.rt-trust-grid span{font-size:.88rem;color:var(--mut)}

/* CTA + form */
.rt-cta{background:linear-gradient(160deg,#0B1220,#15296b);color:#fff;margin-top:40px;padding:40px 0}
.rt-cta h2{font:700 1.6rem var(--d1)}
.rt-cta>p, .rt-cta .rt-wrap>p{color:#C7D4F5;max-width:640px;margin-top:8px}
.rt-cta-btns{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 8px}
.rt-btn{display:inline-flex;align-items:center;justify-content:center;font-weight:600;border-radius:12px;padding:.75rem 1.35rem;border:0;cursor:pointer;font-size:.95rem}
.rt-btn-primary{background:var(--blue);color:#fff}
.rt-btn-primary:hover{background:var(--blue-700)}
.rt-btn-wa{background:var(--wa);color:#fff}
.rt-btn-ghost{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.25)}
.rt-btn-sm{padding:.4rem .85rem;font-size:.82rem;background:var(--blue-50);color:var(--blue-700)}
/* enquiry form — every field selector is scoped to .rt-f (the label wrapper) so
   the product radios and the honeypot never inherit text-input chrome */
.rt-form{background:var(--card);color:var(--ink);border-radius:20px;margin-top:26px;overflow:hidden;
  border:1px solid var(--line);box-shadow:0 1px 2px rgba(15,23,42,.05),0 14px 38px -14px rgba(15,23,42,.3)}
.rt-form-head{padding:24px 24px 0}
.rt-form-tag{display:inline-block;font:700 .7rem/1 var(--d2);letter-spacing:.08em;text-transform:uppercase;
  color:var(--blue-700);background:var(--blue-50);padding:6px 10px;border-radius:999px;margin-bottom:12px}
.rt-form-head h3{font:700 1.45rem/1.2 var(--d1);letter-spacing:-.02em;margin:0}
.rt-form-head p{margin:8px 0 0;color:var(--mut);font-size:.95rem;line-height:1.55;max-width:52ch}
.rt-form-body{padding:20px 24px 24px}
/* product picker: radios as tap targets, not a dropdown */
.rt-chips{border:0;padding:0;margin:0 0 18px;min-width:0}
.rt-chips legend{font:600 .8rem var(--d2);color:var(--ink-2);padding:0;margin-bottom:9px}
.rt-chip-row{display:flex;flex-wrap:wrap;gap:8px}
.rt-chip{position:relative;display:flex}
.rt-chip input{position:absolute;opacity:0;width:0;height:0;margin:0}
.rt-chip span{display:flex;align-items:center;min-height:44px;padding:0 1.05rem;border:1.5px solid var(--line);
  border-radius:999px;font:600 .88rem var(--d2);color:var(--ink-2);background:#fff;cursor:pointer;
  transition:background .15s,border-color .15s,color .15s}
.rt-chip span:hover{border-color:#B9C6DC}
.rt-chip input:checked+span{background:var(--blue);border-color:var(--blue);color:#fff}
.rt-chip input:focus-visible+span{outline:3px solid rgba(37,99,235,.35);outline-offset:2px}
.rt-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}
.rt-form-full{grid-column:1/-1}
.rt-f{display:flex;flex-direction:column;gap:6px;min-width:0}
.rt-lab{display:flex;align-items:center;gap:7px;font:600 .8rem var(--d2);color:var(--ink-2)}
.rt-req,.rt-opt{font:700 .64rem/1 var(--d2);font-style:normal;letter-spacing:.05em;text-transform:uppercase;
  padding:3px 6px;border-radius:5px}
.rt-req{color:var(--blue-700);background:var(--blue-50)}
.rt-opt{color:var(--mut);background:rgba(15,23,42,.055)}
.rt-f input,.rt-f textarea{width:100%;min-height:48px;font:400 .98rem var(--d2);color:var(--ink);
  padding:.78rem .85rem;border:1.5px solid var(--line);border-radius:12px;background:#fff;
  transition:border-color .15s,box-shadow .15s}
.rt-f textarea{min-height:100px;resize:vertical;line-height:1.55}
.rt-f input::placeholder,.rt-f textarea::placeholder{color:#93A3BC}
.rt-f input:hover,.rt-f textarea:hover{border-color:#B9C6DC}
.rt-f input:focus,.rt-f textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 4px rgba(37,99,235,.14)}
.rt-f .rt-bad,.rt-f .rt-bad:focus{border-color:#DC2626;box-shadow:0 0 0 4px rgba(220,38,38,.13)}
.rt-form-foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px}
.rt-submit{min-height:52px;padding:0 1.9rem;border:0;border-radius:12px;background:var(--blue);color:#fff;
  font:700 1rem var(--d2);cursor:pointer;box-shadow:0 8px 18px -8px rgba(37,99,235,.85);
  transition:background .15s,transform .15s,box-shadow .15s}
.rt-submit:hover{background:var(--blue-700);transform:translateY(-1px)}
.rt-submit:disabled{opacity:.62;cursor:progress;transform:none;box-shadow:none}
.rt-alt{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 1.15rem;
  border:1.5px solid var(--line);border-radius:12px;color:var(--ink-2);font:600 .92rem var(--d2);
  text-decoration:none;transition:border-color .15s,color .15s}
.rt-alt:hover{border-color:var(--wa);color:var(--wa)}
.rt-alt svg{width:19px;height:19px;fill:var(--wa)}
.rt-form-msg{margin:12px 0 0;font-size:.9rem;line-height:1.5;color:#DC2626;min-height:1.35em}
.rt-form-note{margin:12px 0 0;font-size:.79rem;line-height:1.5;color:var(--mut)}
/* success state — replaces the fields, so there is nothing left to re-submit */
.rt-form-done{padding:36px 24px 38px;text-align:center}
.rt-form-done:focus{outline:0}
.rt-done-tick{width:58px;height:58px;margin:0 auto 15px;border-radius:50%;background:rgba(22,163,74,.11);
  display:flex;align-items:center;justify-content:center}
.rt-done-tick svg{width:29px;height:29px;fill:none;stroke:var(--ok);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.rt-form-done h3{font:700 1.35rem var(--d1);letter-spacing:-.01em;margin:0 0 9px}
.rt-form-done p{max-width:44ch;margin:0 auto 6px;color:var(--mut);font-size:.95rem;line-height:1.6}
.rt-form-done b{color:var(--ink);font-weight:700}
.rt-form-done .rt-btn{margin-top:18px}
.rt-form .rt-hp{position:absolute;left:-9999px;height:0;width:0;opacity:0}
@media(max-width:640px){
  .rt-form{border-radius:16px;margin-top:20px}
  .rt-form-head{padding:20px 16px 0}
  .rt-form-head h3{font-size:1.26rem}
  .rt-form-body{padding:16px}
  .rt-form-grid{grid-template-columns:1fr}
  .rt-chip{flex:1 1 auto}
  .rt-chip span{width:100%;justify-content:center}
  .rt-submit,.rt-alt{width:100%}
  .rt-form-done{padding:30px 16px 32px}
}

/* footer + sticky WA */
.rt-foot{border-top:1px solid var(--line);margin-top:0;padding:34px 0;background:#fff}
.rt-foot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:22px;font-size:.92rem;color:var(--ink-2)}
.rt-foot-grid a{display:inline-block;margin-top:2px}
.rt-foot-note{margin-top:20px;font-size:.8rem;color:var(--mut)}
.rt-sticky-wa{position:fixed;right:18px;bottom:18px;z-index:60;background:var(--wa);color:#fff;font-weight:700;
  border-radius:999px;padding:.8rem 1.25rem;box-shadow:0 12px 30px -8px rgba(34,197,94,.55)}
@media(min-width:821px){.rt-sticky-wa{display:none}}

/* history */
.rt-hist td:first-child{color:var(--mut)}
