/* Shared stylesheet for the Aria content pages on tradeboostuk.co.uk.
   index.html keeps its own inline <style> on purpose -- it is the live
   converting homepage and is not worth re-plumbing for this. */
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#0f172a;line-height:1.65;background:#fff;-webkit-font-smoothing:antialiased}
.wrap{max-width:820px;margin:0 auto;padding:0 20px}
a{color:#16a34a}

header{background:#0f172a;padding:18px 0}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo{font-size:1.35rem;font-weight:800;color:#f1f5f9;letter-spacing:-.03em;text-decoration:none;white-space:nowrap}
.logo span{color:#22c55e}
.nav a{color:#cbd5e1;text-decoration:none;font-size:.9rem;font-weight:600;margin-left:18px}
.nav a:hover{color:#22c55e}

.crumb{font-size:.84rem;color:#64748b;padding:16px 0 0}
.crumb a{color:#64748b;text-decoration:none}
.crumb a:hover{color:#16a34a}

h1{font-size:2.1rem;line-height:1.16;letter-spacing:-.025em;margin:18px 0 14px}
h2{font-size:1.42rem;letter-spacing:-.012em;margin:36px 0 10px}
h3{font-size:1.05rem;margin:22px 0 6px}
p{margin-bottom:14px}
.standfirst{font-size:1.14rem;color:#374151}
ul,ol{margin:0 0 16px 22px}
li{margin-bottom:7px}
section{padding-bottom:6px}
.rule{border:0;border-top:1px solid #eef2f6;margin:34px 0 0}

/* the call-to-action block, repeated on every page */
.cta{background:#0f172a;border-radius:14px;padding:26px 24px;margin:32px 0}
.cta h2{color:#f8fafc;font-size:1.2rem;margin:0 0 6px}
.cta p{color:#94a3b8;font-size:.95rem;margin-bottom:16px}
.cta .callbtn{display:flex;align-items:center;gap:16px;background:#22c55e;color:#06230f;text-decoration:none;border-radius:11px;padding:17px 22px;font-weight:700}
.cta .callbtn:hover{background:#16a34a;color:#fff}
.cta .callbtn svg{flex:none;width:28px;height:28px}
.cta .callnum{display:block;font-size:1.8rem;font-weight:800;letter-spacing:-.02em;line-height:1.05;font-variant-numeric:tabular-nums}
.cta .callsub{display:block;font-size:.84rem;font-weight:600;opacity:.82;margin-top:4px}
.cta .alt{color:#cbd5e1;font-size:.92rem;margin:16px 0 0}
.cta .alt a{color:#22c55e;font-weight:700}
@media(max-width:560px){.cta .callnum{font-size:1.45rem}.cta .callbtn{padding:15px 18px;gap:12px}}

.box{background:#f8fafc;border-radius:10px;padding:20px 22px;margin:20px 0}
.box h3{margin-top:0}
.box p:last-child{margin-bottom:0}

table{width:100%;border-collapse:collapse;margin:18px 0 22px;font-size:.95rem}
th,td{text-align:left;padding:11px 12px;border-bottom:1px solid #e5e7eb;vertical-align:top}
th{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#475569}
td strong{color:#0f172a}

.plans{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin:22px 0}
.plan{border:1px solid #e5e7eb;border-radius:12px;padding:22px 20px;display:flex;flex-direction:column}
.plan .who{font-size:.74rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#16a34a;margin-bottom:8px}
.plan h3{margin:0 0 4px;font-size:1.1rem}
.plan .price{font-size:1.5rem;font-weight:800;margin-bottom:12px}
.plan .price small{font-size:.8rem;font-weight:500;color:#64748b}
.plan ul{list-style:none;margin:0 0 18px}
.plan li{color:#475569;font-size:.93rem;padding-left:21px;position:relative}
.plan li:before{content:"\2713";color:#22c55e;font-weight:800;position:absolute;left:0}
.plan .go{margin-top:auto;background:#0f172a;color:#fff;font-weight:700;padding:11px 16px;border-radius:8px;text-decoration:none;text-align:center;font-size:.93rem}
.plan .go:hover{background:#1e293b}

.related{background:#f1f5f9;border-radius:12px;padding:22px 24px;margin:34px 0 0}
.related h2{margin:0 0 10px;font-size:1.1rem}
.related ul{list-style:none;margin:0;columns:2;column-gap:28px}
.related li{margin-bottom:8px;break-inside:avoid}

footer{background:#0f172a;padding:30px 0;margin-top:44px;font-size:.84rem;color:#94a3b8;text-align:center;line-height:1.8}
footer a{color:#22c55e;text-decoration:none}
footer .co{color:#e2e8f0;font-weight:600}

@media(max-width:700px){
  h1{font-size:1.68rem}
  .plans{grid-template-columns:1fr}
  .related ul{columns:1}
  .nav{display:none}
}
/* BUY ROUTE - added 10 Oct 2026. Measured that day: the six /ai-receptionist-for-*
   pages quoted GBP 59/250/449 and had forms=0, buttons=0 and zero links to anywhere
   a card could be entered, so a reader who had decided had no way to start paying.
   Prices in that block must match the #choose-plan tiers on https://pipeiq.co.uk/aria
   (Aria Starter 59/mo, "14 days free"). Do not put a price here that is not in those
   tiers, and do not remove or demote the demo-call CTA to make this stand out. */
.buyrow{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:20px 22px;margin:26px 0 0;text-align:center}
.buyrow p{margin:0 0 14px;color:#166534;font-size:.95rem}
.buybtn{display:inline-block;background:#22c55e;color:#06230f;font-weight:800;font-size:1.02rem;padding:15px 26px;border-radius:10px;text-decoration:none}
.buybtn:hover{background:#16a34a;color:#fff}
.buynote{display:block;margin:12px 0 0;color:#475569;font-size:.84rem}