/* Avlory Next /explore/explore. Built from the approved concept. */
.xp .sub{font:600 clamp(17px,2vw,20px) var(--f-display);color:#5A8BFF}
.xp .chip.planned{color:var(--brand-upnext)}
.xp .hero{padding-block:96px 40px;display:grid;gap:22px;justify-items:center;text-align:center}
.xp .hero h1{font-size:clamp(48px,9vw,104px);font-weight:800;letter-spacing:-.035em}
.xp .hero h1 em{font-style:normal;color:var(--p-base)}
.xp .hero .lead{font-size:18px;color:var(--muted);max-width:60ch;text-wrap:pretty}
.xp .hero .row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.xp .facts{display:flex;gap:36px;flex-wrap:wrap;justify-content:center;padding-top:10px}
.xp .facts div{display:grid;gap:2px}
.xp .facts b{font:800 26px var(--f-display)}
.xp .facts span{font-size:12px;color:var(--muted)}
.xp .spaces{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.xp .space{position:relative;display:grid;gap:10px;align-content:start;padding:24px;border-radius:28px;border:1px solid var(--border);background:var(--card);text-align:left;transition:transform .3s var(--ease),border-color .3s}
.xp .space:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--c) 55%,transparent)}
.xp .space .top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.xp .space .ico img{width:22px;height:auto}
.xp .space .ico{border-radius:50%!important;width:42px!important;height:42px!important}
.xp .space .ico.round{background:none!important}
.xp .space .ico.round img{width:42px;height:42px}
.xp .space .ico{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 16%,transparent);color:var(--c);font:800 15px var(--f-display)}
.xp .space h3{font-size:22px}
.xp .space p{font-size:13px;color:var(--muted)}
.xp .space .proof{font:500 11px var(--f-mono);color:var(--c)}
.xp .space .go{font:700 11px var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--c)}
.xp .corevband{margin-top:14px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:28px;border-radius:28px;border:1.5px solid transparent;background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(135deg,var(--c-violet),var(--p-base)) border-box}
.xp .corevband h3{font-size:26px;margin:6px 0}
.xp .map .stage{background:radial-gradient(70% 70% at 50% 50%,rgba(73,66,207,.16),transparent 70%),var(--card);border:1px solid var(--border);border-radius:var(--r-card);padding:16px;overflow-x:auto}
.xp .map .stage > svg{display:block;width:100%;min-width:560px;height:auto}
.xp .map .edge{fill:none;stroke:rgba(255,255,255,.10);stroke-width:1.2;transition:stroke .2s,opacity .2s}
.xp .map .edge.prod{stroke-dasharray:4 5}
.xp .map .edge.hot{stroke:var(--accent-text);stroke-width:2}
.xp .map .edge.dim{opacity:.25}
.xp .map .node{cursor:pointer}
.xp .map .node:focus{outline:none}
.xp .map .node:focus-visible circle.ring{stroke-width:3}
.xp .map .info{background:var(--card);border:1px solid var(--border);border-radius:var(--r-card);padding:26px;display:grid;gap:14px;align-content:start}
.xp .map .info h3{font-size:24px}
.xp .map .info ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.xp .map .info li{display:grid;grid-template-columns:1fr auto;gap:2px 10px;font-size:13.5px}
.xp .map .info li span.k{font:500 11px var(--f-mono);color:var(--faint);grid-column:1/-1}
.xp .api{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.xp .api .card{padding:26px;display:grid;gap:10px;align-content:start;border-radius:28px}
.xp .api .card h3{font-size:19px}
.xp .api .card p{font-size:13px;color:var(--muted)}
.xp .api .card .row{display:flex;gap:6px;flex-wrap:wrap}
.xp .tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.xp .tier{border-radius:28px;padding:28px;display:grid;gap:14px;align-content:start;background:var(--card);border:1px solid var(--border)}
.xp .tier.feat{border:1.5px solid transparent;background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(135deg,var(--p-base),var(--b-base)) border-box}
.xp .tier h3{font-size:24px}
.xp .tier .price{font:700 14px var(--f-display);color:var(--muted)}
.xp .tier ul{margin:0;padding-left:18px;color:var(--muted);font-size:13px;display:grid;gap:5px}
.xp .chat{display:grid;gap:12px}
.xp .col{margin:0;font:13px/1.35 var(--f-mono);color:#2b2216;white-space:pre;overflow-x:auto}
.xp .tools{display:flex;gap:6px;flex-wrap:wrap}
.xp .tools span{font:500 11px var(--f-mono);border:1px solid var(--border);padding:4px 8px;border-radius:6px;color:var(--muted)}
.xp .tools span.soon{opacity:.5;border-style:dashed}
.xp .ct{border:1px solid var(--border);border-radius:14px;background:var(--card);padding:10px;display:grid;gap:6px;justify-items:center;font:600 11.5px var(--f-body);color:var(--muted)}
.xp .ct svg{width:100%;height:46px}
.xp .phone{border:6px solid #222;border-radius:22px;padding:14px;display:grid;gap:8px;max-width:240px;background:#0c0c0f}
.xp .app .mail{font-size:11.5px;color:var(--muted);border-left:2px solid var(--c-coral);padding-left:6px}
.xp .space{text-decoration:none;color:inherit}