/* Navigation, catalogue and promotion phase. Loaded after the existing hub theme. */
:root{--gold:#f5ce78}
.access-badge{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid;border-radius:5px;font-size:10px;font-weight:700;letter-spacing:.035em;line-height:1.4;white-space:nowrap}
.access-badge.free{color:#9ce8d5;border-color:#336456;background:#12362c80}
.access-badge.pro{color:#ecd9ff;border-color:#76519b;background:linear-gradient(120deg,#48275b80,#2a2248)}
.tool-category{display:block;color:#929bb5;font-size:9px;letter-spacing:.14em;margin-bottom:12px}
.tool-card .tool-pro-note{font-size:12px;border-top:1px solid #343047;padding-top:14px;margin-top:0;color:#d1c3e5}
.tool-category-group+.tool-category-group{margin-top:44px}
.tool-group-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:20px}
.tool-group-heading h3{font-size:25px}.tool-group-heading p{font-size:13px;color:var(--muted);margin:8px 0 0}
.tool-group-heading>a{font-size:12px;color:#cbb5ff;white-space:nowrap}
.hub-crosslink{color:var(--muted);font-size:13px;padding:20px 0;margin:0}.hub-crosslink a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}
.pro-upsell{margin-top:34px;padding:26px 30px;border:1px solid #51355f;border-radius:13px;background:linear-gradient(115deg,#25172c,#111823);display:flex;justify-content:space-between;align-items:center;gap:30px}
.pro-upsell h2{font-size:23px;margin:14px 0 10px}.pro-upsell p{font-size:13px;color:#c4bed6;max-width:640px;margin:8px 0}.pro-upsell small{font-size:11px;color:#a7a0b9}.pro-upsell>.button{flex-shrink:0}
.future-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.future-tool{border:1px dashed #38354c;border-radius:14px;padding:30px;position:relative;overflow:hidden;background:linear-gradient(120deg,#171322,#0e151f)}
.future-tool h3{margin-top:32px}.future-tool p{color:var(--muted);font-size:14px;max-width:330px}.future-symbol{position:absolute;right:28px;top:24px;font:70px var(--font);color:#bca6ee33;letter-spacing:-.07em}
.advertise-hero{padding-top:42px;padding-bottom:65px}.advertise-hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:center}.advertise-hero h1{font-size:clamp(44px,5.2vw,68px)}
.advertise-hero p{max-width:590px;color:var(--muted);font-size:16px;line-height:1.8;margin:24px 0 28px}.advertise-facts{display:flex;flex-wrap:wrap;gap:22px;font-size:9px;letter-spacing:.1em;color:#a5a4ba;margin-top:24px}
.spotlight-art{position:relative;min-height:380px;display:grid;place-items:center;isolation:isolate;background:radial-gradient(ellipse,#713ca62e,transparent 70%)}
.spotlight-orbit{position:absolute;width:320px;height:320px;border:1px solid #b389f355;border-radius:50%;transform:rotate(-30deg) scaleY(.67)}
.spotlight-orbit.second{transform:rotate(45deg) scaleY(.8);border-color:#65dce938}
.spotlight-ticket{position:relative;z-index:1;display:flex;flex-direction:column;gap:24px;width:280px;padding:28px;border:1px solid #a77bed8c;border-radius:18px;background:linear-gradient(130deg,#38204dce,#161a2df2);backdrop-filter:blur(12px);box-shadow:0 20px 60px #0006,0 0 50px #8d41c21c;transform:rotate(-8deg)}
.spotlight-ticket>small{font-size:9px;letter-spacing:.17em;color:#d9beff}.spotlight-ticket b{font:100px/.9 var(--font);color:#e1cbff;letter-spacing:-.08em}.spotlight-ticket b span{display:block;font:9px/1.5 var(--font);letter-spacing:.12em;color:#a7dce9;margin-top:18px}.spotlight-ticket>span:last-child{font-size:8px;letter-spacing:.04em;color:#baafd1}.ticket-rule{border-top:1px dashed #9474bd6b}
.spotlight-spark{position:absolute;right:28px;top:25px;color:var(--gold);font-size:68px;z-index:2;text-shadow:0 0 30px #eac57344}
.preview-label{font-size:9px;letter-spacing:.09em;border:1px solid #3c374e;border-radius:5px;padding:8px 12px;color:#bdb0d5;white-space:normal}
.placement-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.placement-card{min-width:0;padding:32px;border:1px solid #60487c;border-radius:17px;background:radial-gradient(ellipse at top left,#59316f36,transparent 70%),#11131f;display:flex;flex-direction:column}
.placement-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:26px;min-height:26px}.placement-icon{font-size:25px;color:#bb98f4}.placement-card h3{font-size:29px;max-width:340px;line-height:1.15}.placement-description{min-height:76px;color:var(--muted);font-size:14px;line-height:1.75;margin:16px 0 24px}
.placement-price{font:64px/1 var(--font);color:#c2a1ff;letter-spacing:-.055em}.placement-price span{font:13px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:0;color:#b0a7c2}.placement-subtitle{font-size:12px;color:#aba5be;margin:12px 0 0}
.placement-benefits{list-style:none;padding:20px 0;margin:10px 0 18px;border-top:1px solid #363047;flex-grow:1}.placement-benefits li{font-size:13px;color:#d7d2e4;padding:8px 0 8px 25px;position:relative}.placement-benefits li:before{content:'✓';position:absolute;left:0;color:var(--cyan)}
.directory-placement{border-color:#bb954a;background:radial-gradient(ellipse at top right,#8b631b22,transparent 65%),#17151b;box-shadow:0 0 24px #d6b5610b,inset 0 1px 0 #e7c67a1a}.directory-placement .eyebrow{color:#e0c382}
.gold-badge{font-size:8px;letter-spacing:.07em;color:var(--gold);border:1px solid #896c36;border-radius:4px;padding:5px 7px;white-space:nowrap}.gold-text{color:var(--gold)}.gold-button{background:linear-gradient(120deg,#f0d393,#ddb96a);color:#251c0d;border-color:#f5d88f}
.checkout-note{text-align:center;font-size:11px;color:#a8a0b5;margin:12px 0 0}.placement-secondary{font-size:12px;color:#d4bbff;margin-top:25px;display:block;text-align:center}
.directory-preview{display:flex;align-items:center;gap:13px;margin-top:24px;border:1px solid #edc972b3;box-shadow:0 0 18px #edc97212,inset 0 0 18px #edc97208;background:#16131d;border-radius:9px;padding:15px}.preview-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:8px;background:#3b3020;color:var(--gold);font-size:22px;flex-shrink:0}.directory-preview strong{font-size:13px;display:block;color:#f5e5c4}.directory-preview small{font-size:7px;letter-spacing:.1em;color:#b7a783;display:block}.directory-preview div>span{font-size:10px;color:#b4a99a}.preview-shop{font-size:11px;color:var(--gold);margin-left:auto;white-space:nowrap}
.promotion-path{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:20px 0}.promotion-path p{font-size:14px;color:var(--muted);max-width:420px}.promotion-path ol{list-style:none;padding:0;margin:0}.promotion-path li{display:flex;gap:25px;padding:20px 0;border-bottom:1px solid var(--border)}.promotion-path li>span{font:13px var(--font);color:var(--purple);padding-top:3px}.promotion-path h3{font-size:20px}.promotion-path li p{margin:8px 0 0;font-size:13px}
.pro-future-panel{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;padding:38px 42px;background:linear-gradient(115deg,#201627,#121c27);border:1px solid #4b3b5f;border-radius:17px}.pro-future-panel h2{margin-top:20px}.pro-future-panel p{font-size:14px;color:#bcb7cd}.pro-future-panel .helper{font-size:12px;color:#9c9bb1}.pro-feature-list{display:grid;gap:12px}.pro-feature-list>span{display:flex;align-items:center;gap:17px;padding:17px;border:1px solid #3d3b54;border-radius:8px;background:#13142099;color:var(--cyan);font-size:24px}.pro-feature-list strong{font-size:13px;color:#d8d1e7;font-weight:500}.pro-feature-list small{font-size:8px;letter-spacing:.13em;color:#a2a0b8;margin-top:5px}
.advertise-faq h2{margin-bottom:25px;font-size:30px}.advertise-faq details{border-bottom:1px solid var(--border);padding:20px 0;max-width:850px}.advertise-faq summary{cursor:pointer;font-size:15px}.advertise-faq p{font-size:13px;color:var(--muted);max-width:750px}.advertise-faq a{color:var(--cyan);text-decoration:underline}
.offer-dialog{color:var(--text);background:linear-gradient(140deg,#25182d,#101823);border:1px solid #7e61a2;border-radius:17px;width:min(540px,calc(100% - 36px));max-height:85vh;padding:36px;box-shadow:0 30px 90px #0009}.offer-dialog::backdrop{background:#05060dc9;backdrop-filter:blur(7px)}.offer-dialog h2{font-size:29px;margin:18px 0}.offer-dialog p{font-size:14px;color:#c5bed3}.offer-dialog .helper{font-size:12px}.offer-dialog>.button{margin:12px 0}.offer-dialog form:last-child{margin-top:8px}.dialog-close{position:absolute;right:12px;top:10px;background:transparent;border:0;color:#dcc8f6;font-size:26px;width:40px;height:40px;cursor:pointer}
.site-footer>div:nth-child(2){flex-wrap:wrap;max-width:430px;row-gap:12px}
@media(max-width:1000px){.advertise-hero-grid{grid-template-columns:1.3fr 1fr}.spotlight-ticket{width:235px;padding:24px}.spotlight-orbit{width:260px;height:260px}.spotlight-spark{right:5px}.placement-card{padding:25px}.placement-top{align-items:start;flex-wrap:wrap}.placement-description{min-height:100px}.pro-upsell{align-items:start;flex-direction:column;gap:20px}}
@media(max-width:760px){.tool-group-heading{align-items:start;flex-direction:column;gap:12px}.tool-category-group+.tool-category-group{margin-top:32px}.future-grid,.placement-grid,.promotion-path,.pro-future-panel{grid-template-columns:1fr}.advertise-hero{padding-top:27px;padding-bottom:40px}.advertise-hero-grid{grid-template-columns:1fr}.advertise-hero h1{font-size:clamp(39px,10vw,60px)}.spotlight-art{min-height:300px;max-width:390px;width:100%;margin:auto}.spotlight-ticket{width:250px}.spotlight-ticket b{font-size:82px}.spotlight-spark{right:20px;top:5px;font-size:52px}.advertise-facts{gap:15px;font-size:8px}.preview-label{display:inline-block;margin-top:16px}.placement-card{padding:25px}.placement-card h3{font-size:27px}.placement-description{min-height:0}.placement-price{font-size:58px}.placement-grid{gap:23px}.promotion-path{gap:20px}.promotion-path h2{font-size:30px}.pro-future-panel{padding:28px;gap:25px}.pro-future-panel h2{font-size:30px}.pro-upsell{padding:24px}.pro-upsell .button{white-space:normal}.offer-dialog{padding:30px 24px}.offer-dialog h2{font-size:26px}.directory-preview{gap:10px;padding:12px}.preview-shop{font-size:10px}.future-tool{padding:25px}}
@media(max-width:360px){.placement-top{gap:10px}.directory-preview{flex-wrap:wrap}.preview-shop{margin-left:53px}.access-badge{font-size:9px}.pro-future-panel{padding:24px}.advertise-hero .button{width:100%}.orbital-art .orbit{width:240px;height:240px}.spotlight-art .spotlight-orbit{width:220px;height:220px}}