/* Homepage */
.h-hero{padding:calc(var(--nav-h) + 56px) 0 72px}
.h-hero .wrap{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:40px;align-items:center}
.h-hero .hero-orbit{justify-self:center;max-width:100%;position:relative;top:-9px}
.h-hero h1{font-size:clamp(32px,3.6vw,52px);line-height:1.05;font-weight:500;letter-spacing:-.025em;margin:0 0 20px}
.h-hero .x-lead{font-size:18px;line-height:1.6;color:var(--muted);max-width:30em;margin:0 0 28px}
.x-note-sm{margin:18px 0 0;font-size:14px;color:var(--dim)}
.x-shot{margin:0}
.x-shot img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:10px}
.x-shot figcaption{margin-top:10px;font-size:13px;color:var(--dim)}
.x-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.x-facts div{padding:30px 24px;border-left:1px solid var(--line)}
.x-facts div:first-child{border-left:0;padding-left:0}
.x-facts strong{display:block;font-size:44px;line-height:1;font-weight:700;letter-spacing:-.03em}
.x-facts span{display:block;margin-top:12px;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.x-facts small{display:block;margin-top:5px;font-size:14.5px;color:var(--muted)}
.x-title{font-size:clamp(24px,2.2vw,30px);line-height:1.2;margin:0 0 36px;max-width:24em}
.x-rows{border-top:1px solid var(--line)}
.x-row{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr) minmax(0,2fr);gap:28px;padding:26px 0;border-bottom:1px solid var(--line);align-items:baseline}
.x-row h3{font-size:21px;margin:0}
.x-row p{margin:0;color:var(--muted)}
.x-row a{justify-self:end;white-space:nowrap}
.x-rows-more{margin:26px 0 0;color:var(--muted)}
.x-rows-more a,.x-more a{color:var(--text);border-bottom:1px solid var(--line)}
.x-rows-more a:hover,.x-more a:hover{border-color:var(--violet);color:var(--violet)}
.x-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}
.x-split h2{font-size:clamp(28px,3vw,38px);line-height:1.15;margin:0 0 16px}
.x-split p{color:var(--muted);margin:0 0 18px}
.x-steps{list-style:none;margin:26px 0;padding:0;border-top:1px solid var(--line)}
.x-steps li{display:flex;gap:18px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--line);font-weight:500}
.x-steps span{font-family:var(--mono);font-size:13px;color:var(--dim);font-weight:400}
.x-botgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 36px;margin-top:56px}
.x-bot{display:block;padding:20px 0;border-top:1px solid var(--line);color:inherit}
.x-bot b{display:block;font-size:17px;font-weight:600;margin-bottom:4px}
.x-bot span{display:block;color:var(--muted);font-size:15.5px;line-height:1.5}
.x-bot:hover b{color:var(--violet)}
.x-listcols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;border-top:1px solid var(--line)}
.x-listcols a{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);color:var(--text);font-weight:500}
.x-listcols a span{color:var(--dim);font-weight:400;font-size:15px}
.x-listcols a:hover{color:var(--violet)}
.x-after{margin:24px 0 0}
.x-more{margin:24px 0 0;display:flex;gap:28px;flex-wrap:wrap}
@media (max-width:900px){
  .h-hero{padding-bottom:48px}
  .h-hero .wrap,.x-split{grid-template-columns:1fr;gap:32px}
  .x-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .x-facts div:nth-child(3){border-left:0;padding-left:0}
  .x-facts div:nth-child(n+3){border-top:1px solid var(--line)}
  .x-row{grid-template-columns:1fr;gap:8px}
  .x-row a{justify-self:start}
  .x-botgrid,.x-listcols{grid-template-columns:1fr}
}
.band-flush{padding:0}

/* Hero wheel: plum colours for the dark theme (the wheel shape itself lives in seovoro-v10.css) */
.h-hero .hero-orbit{justify-self:center;margin:0}
html:not([data-theme=light]) .ho-plate{background:radial-gradient(circle at 34% 28%,#4A2A78 0%,#301B52 55%,#1C0F33 100%)!important;border-color:rgba(255,255,255,.14)!important}
html:not([data-theme=light]) :is(.ho-side,.ho-ring){background:#1C0F33!important}
html:not([data-theme=light]) .ho-disc{background:radial-gradient(circle at 40% 30%,#4A2A78,#301B52 72%)!important}
html:not([data-theme=light]) .ho-halo{background:#1C0F33!important;box-shadow:0 30px 70px -10px rgba(0,0,0,.35)!important}
html:not([data-theme=light]) .ho-chip{background:#1B1126!important;color:#F6EEFA!important;border:1px solid #3A2850!important}
html:not([data-theme=light]) .ho-chip i{background:#D4A3FF!important}
html:not([data-theme=light]) .ho-chip.agent{background:#D4A3FF!important;color:#110A19!important;border-color:#D4A3FF!important}
html:not([data-theme=light]) .ho-chip.agent i{background:#110A19!important}
html:not([data-theme=light]) .ho-tile{background:linear-gradient(145deg,#4A2A78,#301B52)!important}
html:not([data-theme=light]) .ho-tile.top{background:#1B1126!important;color:#F6EEFA!important}

/* the 3D wheel leans past its box, so the hero must not let the page scroll sideways */
.h-hero{overflow-x:clip}
html:not([data-theme=light]) .h-hero h1 .hl{color:#FFB6DC}