/* Area and alternative pages (tools/seo-pages/seo-pages.cjs). The hero, bands, closing card and demo form come from
   /assets/ed/site/legal.css and the kit; this sheet only adds what these pages carry of their own. */
.sp-hero .ph-g{grid-template-columns:1.22fr .78fr}
.sp-hero h1{font-size:clamp(40px,4.5vw,68px);line-height:.98;letter-spacing:-.055em;color:#fff;margin:20px 0 20px;text-wrap:balance}
.sp-hero .lede{max-width:640px;font-size:clamp(18px,1.5vw,21px);line-height:1.5}
.sp-crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 20px;font:700 14px Manrope,sans-serif;color:#a9c4b7}
.sp-crumbs a{color:#d3e3da;text-decoration:none;border-bottom:1px solid #ffffff40}
.sp-crumbs a:hover{color:#fff}
.sp-crumbs [aria-current]{color:var(--gold)}
.sp-card{padding:30px;border-radius:28px;background:#0619158c;border:1px solid #ffffff26;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.sp-card-h{font:800 13px Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0 0 16px}
.sp-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sp-chips li{padding:7px 13px;border-radius:999px;background:#ffffff12;border:1px solid #ffffff22;font:700 14.5px Manrope,sans-serif;color:#fff}
.sp-clock{margin:20px 0 0;padding-top:18px;border-top:1px solid #ffffff1f;font-size:15.5px;line-height:1.5;color:#cfe3d8}
.sp-clock b{display:block;font:800 22px/1.2 Manrope,sans-serif;color:#fff;letter-spacing:-.02em;margin-bottom:4px}
.sp-ticks{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.sp-ticks li{position:relative;padding-left:26px;font-size:16.5px;line-height:1.45;color:#d9e8e0}
.sp-ticks li::before{content:'';position:absolute;left:2px;top:.5em;width:10px;height:10px;border-radius:50%;background:var(--gold)}
.sp-ticks a{color:#fff}
.sp-glance{margin:0;display:grid;gap:14px}
.sp-glance div{display:grid;gap:2px}
.sp-glance dt{font:700 13.5px Manrope,sans-serif;color:#a9c4b7}
.sp-glance dd{margin:0;font:700 17px/1.35 Manrope,sans-serif;color:#fff}
.sp-glance a{color:var(--gold)}

.sp-split{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:start}
.sp-split>*{min-width:0}
.h-m{margin:14px 0 0;color:var(--ink)}
.band-d .h-m{color:#fff}
.sp-prose p{font-size:18.5px;line-height:1.65;color:var(--body);margin:0 0 18px}
.sp-prose a,.sp-gintro a,.sp-tile a:not(.tlink),.sp-fair a,.sp-table a,.sp-qs a{color:var(--work);font-weight:700}
.sp-price{padding:18px 20px;border-radius:16px;background:var(--mint);font-size:16.5px!important;color:var(--ink)!important}
.sp-gintro{max-width:760px;margin:16px 0 0;font-size:18px;line-height:1.6;color:var(--body)}
.sp-three{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
.sp-tile{position:relative;padding:30px 28px 28px;border-radius:24px;background:#fff;border:1px solid var(--hair);box-shadow:0 24px 50px -40px #103d3666}
.sp-no{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--gold);color:var(--green);font:800 15px Manrope,sans-serif}
.sp-tile h3{margin:16px 0 10px;font:800 21px/1.25 Manrope,sans-serif;letter-spacing:-.02em;color:var(--ink)}
.sp-tile p{margin:0;font-size:16.5px;line-height:1.6;color:var(--body)}
.sp-near-h{margin:28px 0 10px;font:800 13px Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--work)}
.sp-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.sp-links a{display:inline-block;padding:9px 15px;border-radius:999px;border:1.5px solid var(--hair);font:700 15px Manrope,sans-serif;color:var(--ink);text-decoration:none;background:#fff}
.sp-links a:hover{border-color:var(--work);color:var(--work)}
.sp-cards{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sp-cardlink{display:grid;gap:6px;align-content:start;height:100%;padding:22px 22px 24px;border-radius:20px;background:#fff;border:1px solid var(--hair);text-decoration:none;transition:border-color .2s,transform .25s var(--ease)}
.sp-cardlink:hover{border-color:var(--work);transform:translateY(-2px)}
.sp-cardlink b{font:800 20px/1.2 Manrope,sans-serif;color:var(--ink);letter-spacing:-.02em}
.sp-cardlink span{font-size:15.5px;line-height:1.5;color:var(--body)}

.sp-table-wrap{margin-top:32px;border-radius:22px;border:1px solid var(--hair);background:#fff;overflow:hidden}
.sp-table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.5}
.sp-table th,.sp-table td{padding:16px 20px;text-align:left;vertical-align:top;border-top:1px solid var(--hair)}
.sp-table thead th{border-top:0;font:800 17px Manrope,sans-serif;color:var(--ink);background:var(--chalk)}
.sp-table thead th small{display:block;font:600 13px Manrope,sans-serif;color:var(--muted);margin-top:2px}
.sp-table thead th.us{background:var(--green);color:#fff}
.sp-table thead th.us small{color:#cfe3d8}
.sp-table tbody th{width:20%;font:800 15.5px/1.35 Manrope,sans-serif;color:var(--ink)}
.sp-table td{width:40%;color:var(--body)}
.sp-table td.us{background:#f6faf7;color:var(--ink)}
.sp-cite{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:5px;padding:0 5px;border-radius:6px;background:var(--chalk);border:1px solid var(--hair);font:800 11.5px Manrope,sans-serif;color:var(--work)!important;text-decoration:none;vertical-align:2px}
.sp-fit-h{margin:44px 0 12px;font:800 22px/1.25 Manrope,sans-serif;color:var(--ink);letter-spacing:-.02em}
.sp-fair{margin:0;padding:0;list-style:none;display:grid;gap:12px;max-width:900px}
.sp-fair li{padding:16px 20px;border-radius:16px;background:#fff;border:1px solid var(--hair);font-size:16.5px;line-height:1.55;color:var(--body)}
.sp-fair b{color:var(--ink)}
.sp-qs{display:grid;gap:12px}
.sp-qs details{border-radius:16px;background:#fff;border:1px solid var(--hair);padding:0 20px}
.sp-qs summary{cursor:pointer;padding:18px 0;font:800 17.5px/1.35 Manrope,sans-serif;color:var(--ink);list-style:none}
.sp-qs summary::-webkit-details-marker{display:none}
.sp-qs summary::after{content:'+';float:right;font-weight:800;color:var(--work)}
.sp-qs details[open] summary::after{content:'–'}
.sp-qs p{margin:0 0 18px;font-size:16.5px;line-height:1.6;color:var(--body)}
.sp-sources{margin:0;padding-left:26px;list-style:decimal;display:grid;gap:6px;font-size:15px;line-height:1.5;color:var(--body)}
.sp-sources li::marker{font-weight:800;color:var(--work)}
.sp-cards--two{grid-template-columns:repeat(2,1fr)}
.sp-sources a{color:var(--work);font-weight:700;word-break:break-word}
.sp-sources li:target{background:#eac51b33;border-radius:6px}
.sp-note{margin:18px 0 0;font-size:14.5px;line-height:1.55;color:var(--muted);max-width:760px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

@media(max-width:1100px){
 .sp-split{grid-template-columns:1fr;gap:24px}
 .sp-hero .ph-g{grid-template-columns:1fr}
 .sp-cards{grid-template-columns:1fr 1fr}
}
@media(max-width:860px){
 .sp-three{grid-template-columns:1fr}
 .sp-table thead{display:none}
 .sp-table,.sp-table tbody,.sp-table tr,.sp-table th,.sp-table td{display:block;width:auto}
 .sp-table tr{border-top:1px solid var(--hair);padding:6px 0}
 .sp-table tr:first-child{border-top:0}
 .sp-table tbody th{border:0;padding:14px 18px 4px;font-size:16.5px;width:auto}
 .sp-table td{width:auto}
 .sp-table td{border:0;padding:8px 18px}
 .sp-table td::before{content:attr(data-l);display:block;font:800 12.5px Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
 .sp-table td.us{margin:4px 10px 10px;border-radius:12px}
 .sp-table td.us::before{color:var(--work)}
}
@media(max-width:760px){
 .sp-hero h1{font-size:40px}
 .sp-card{padding:24px 20px;border-radius:22px}
 .sp-cards{grid-template-columns:1fr}
 .sp-prose p{font-size:17px}
 .sp-tile{padding:24px 22px}
}

.sp-sell{grid-template-columns:repeat(3,1fr)}
@media(max-width:860px){.sp-sell{grid-template-columns:1fr}}
.sell-lead{margin:30px 0 8px;padding:34px 36px;border-radius:26px;background:radial-gradient(90% 120% at 100% 0%,#1d5a4e,#0b2d28 60%,#061915);color:#d9e8e0;display:grid;gap:12px;box-shadow:0 40px 80px -50px #103d36}
.sell-k{justify-self:start;padding:6px 14px;border-radius:999px;background:var(--gold);color:var(--green);font:800 13px Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.sell-lead h3{margin:4px 0 0;font:800 clamp(26px,2.8vw,38px)/1.1 Manrope,sans-serif;letter-spacing:-.035em;color:#fff}
.sell-lead p{margin:0;max-width:820px;font-size:18px;line-height:1.6}
.sell-lead .btn{justify-self:start;margin-top:6px}
@media(max-width:760px){.sell-lead{padding:26px 22px;border-radius:22px}.sell-lead .btn{justify-self:stretch;text-align:center}}

/* /alternatives/ hub: one section per rival (Colin 9 Nov 2026) */
.hub-rivals{display:grid;gap:18px;margin-top:30px}
.hub-rival{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;padding:28px 30px;border-radius:24px;background:#fff;border:1px solid var(--hair);box-shadow:0 24px 50px -40px #103d3666}
.hub-rival h3{margin:0 0 10px;font:800 26px/1.15 Manrope,sans-serif;letter-spacing:-.03em;color:var(--ink)}
.hub-rival p{margin:0;font-size:16.5px;line-height:1.6;color:var(--body)}
.hub-ahead{padding:18px 20px;border-radius:18px;background:linear-gradient(90deg,#eac51b24,#eac51b10);border:1px solid #eac51b66}
.hub-k{margin:0 0 10px!important;font:800 13px Manrope,sans-serif!important;letter-spacing:.08em;text-transform:uppercase;color:var(--work)!important}
.hub-ahead ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.hub-ahead li{display:grid;gap:1px}
.hub-ahead b{font:800 15.5px/1.3 Manrope,sans-serif;color:var(--ink)}
.hub-ahead span{font-size:14.5px;color:var(--body)}
@media(max-width:860px){.hub-rival{grid-template-columns:1fr;gap:18px;padding:22px 20px}}

/* AroFlo and Simpro: where the AI lives (Colin 9 Nov 2026) */
.sp-edge .h-m{color:#fff}
.sp-edge .sp-prose p{color:#d9e8e0}
.sp-edge-ours{padding:18px 20px;border-radius:16px;background:#ffffff12;border:1px solid #eac51b66}
.sp-edge-ours b{color:var(--gold)}
.sp-edge .sp-cite{background:#ffffff14;border-color:#ffffff30;color:#fff!important}