:root {
  --bg: #070914;
  --surface: #0d1020;
  --surface-2: #12162a;
  --surface-3: #171c33;
  --border: rgba(160, 174, 220, .14);
  --border-strong: rgba(151, 119, 255, .32);
  --text: #f7f8ff;
  --muted: #9299b3;
  --muted-2: #6e7590;
  --purple: #7c3aed;
  --purple-2: #9a6bff;
  --cyan: #26d3ee;
  --green: #18c994;
  --yellow: #fbbf24;
  --red: #fb5c72;
  --max: 1220px;
  --shadow: 0 22px 70px rgba(0,0,0,.38);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--text); font-family: Inter, "Segoe UI", Arial, sans-serif; line-height: 1.5; overflow-x: hidden; }
button, input, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }
svg { width: 1.15em; height: 1.15em; display: block; stroke-width: 1.8; }
.hidden { display: none !important; }
.container { width: min(var(--max), calc(100% - 48px)); margin: 0 auto; position: relative; }
.ambient { position: fixed; border-radius: 50%; filter: blur(130px); opacity: .14; pointer-events: none; z-index: -1; }
.ambient-one { width: 480px; height: 480px; background: #5a20ff; top: 60px; right: -200px; }
.ambient-two { width: 420px; height: 420px; background: #123bff; top: 620px; left: -280px; }

.site-header { height: 74px; border-bottom: 1px solid var(--border); background: rgba(7, 9, 20, .84); backdrop-filter: blur(16px); display: flex; align-items: center; padding: 0 max(28px, calc((100vw - var(--max))/2)); position: sticky; top: 0; z-index: 50; }
.brand { display: inline-flex; align-items: center; gap: 10px; flex: 0 0 auto; }
.brand-mark { width: 36px; height: 36px; display: grid; place-items: center; font-weight: 900; font-size: 21px; font-style: italic; background: linear-gradient(145deg, #ab79ff 5%, #7c3aed 50%, #28d3ef); clip-path: polygon(40% 0, 100% 100%, 71% 100%, 59% 74%, 28% 74%, 18% 100%, 0 100%); color: transparent; position: relative; }
.brand-mark::after { content: "A"; color: white; position: absolute; inset: 2px; display: grid; place-items: center; clip-path: none; }
.brand-copy { display: flex; flex-direction: column; line-height: 1; }
.brand-copy strong { letter-spacing: .04em; font-size: 17px; }
.brand-copy small { color: var(--muted); font-size: 8px; letter-spacing: .13em; margin-top: 5px; }
.main-nav { margin-left: 60px; display: flex; align-items: center; gap: 34px; height: 100%; }
.main-nav a { color: #b6bad0; font-size: 14px; height: 100%; display: flex; align-items: center; position: relative; transition: .2s; }
.main-nav a:hover, .main-nav a.active { color: white; }
.main-nav a.active::after { content: ""; position: absolute; bottom: -1px; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, var(--purple), var(--cyan)); }
.header-actions { margin-left: auto; display: flex; align-items: center; gap: 12px; }
.icon-button, .avatar-button, .text-button { border: 0; background: transparent; cursor: pointer; }
.icon-button { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--border); border-radius: 10px; }
.mobile-search-trigger { display: none; }
.wallet-button { border: 1px solid var(--border); background: var(--surface); border-radius: 10px; padding: 7px 12px; display: flex; align-items: center; gap: 10px; cursor: pointer; }
.wallet-button > svg { color: var(--green); }
.wallet-button span { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.15; }
.wallet-button small { font-size: 9px; color: var(--muted); text-transform: uppercase; letter-spacing: .08em; }
.wallet-button b { font-size: 12px; margin-top: 3px; }
.text-button { color: #c4c8da; font-weight: 600; font-size: 13px; padding: 10px; }
.text-button:hover { color: white; }
.avatar-button { width: 38px; height: 38px; border-radius: 12px; background: linear-gradient(145deg, #7c3aed, #3b21a1); font-weight: 700; font-size: 12px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); }

.hero { min-height: 570px; display: grid; grid-template-columns: 1.5fr .85fr; gap: 74px; align-items: center; padding-top: 52px; padding-bottom: 54px; }
.hero::before { content: ""; position: absolute; width: 680px; height: 420px; right: -110px; top: 40px; background: radial-gradient(ellipse, rgba(115, 56, 255, .17), transparent 68%); pointer-events: none; }
.eyebrow, .kicker { font-size: 11px; font-weight: 800; letter-spacing: .13em; color: #ae91ff; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; padding: 7px 10px; border: 1px solid rgba(139, 92, 246, .22); border-radius: 99px; background: rgba(124,58,237,.07); }
.status-dot { width: 6px; height: 6px; background: var(--green); border-radius: 50%; box-shadow: 0 0 0 4px rgba(24,201,148,.1); }
.hero h1 { font-size: clamp(48px, 5vw, 72px); line-height: 1.04; letter-spacing: -.055em; margin: 23px 0 18px; max-width: 710px; }
.hero h1 span { background: linear-gradient(95deg, #9c70ff 10%, #4bc8f5 85%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero-copy > p { max-width: 660px; color: #a9afc5; font-size: 17px; line-height: 1.7; }
.hero-search { height: 62px; max-width: 710px; margin-top: 30px; border: 1px solid rgba(147, 112, 255, .36); background: rgba(16, 18, 35, .94); border-radius: 15px; display: flex; align-items: center; padding: 7px; box-shadow: 0 12px 34px rgba(0,0,0,.24), inset 0 0 22px rgba(124,58,237,.05); transition: .2s; }
.hero-search:focus-within { border-color: #8b5cf6; box-shadow: 0 0 0 4px rgba(124,58,237,.1); }
.search-spark { color: var(--purple-2); margin: 0 13px; font-size: 22px; }
.hero-search input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; color: white; font-size: 14px; }
.hero-search input::placeholder, input::placeholder { color: #69708a; }
.hero-search button, .primary-button { border: 0; background: linear-gradient(135deg, #8b5cf6, #6332e8); border-radius: 10px; font-weight: 700; cursor: pointer; box-shadow: 0 8px 24px rgba(103, 49, 232, .28); transition: transform .2s, filter .2s; }
.hero-search button { height: 46px; padding: 0 18px; display: flex; align-items: center; gap: 8px; font-size: 13px; }
.hero-search button:hover, .primary-button:hover { transform: translateY(-1px); filter: brightness(1.1); }
.quick-prompts { margin-top: 13px; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; font-size: 11px; }
.quick-prompts span { color: var(--muted-2); }
.quick-prompts button { border: 0; border-radius: 99px; background: rgba(255,255,255,.05); color: #aeb4ca; padding: 6px 10px; cursor: pointer; }
.quick-prompts button:hover { background: rgba(124,58,237,.14); color: white; }
.trust-row { display: flex; gap: 40px; margin-top: 31px; }
.trust-row div { display: flex; flex-direction: column; position: relative; }
.trust-row div:not(:last-child)::after { content:""; position: absolute; width: 1px; height: 28px; background: var(--border); right: -20px; top: 5px; }
.trust-row strong { font-size: 18px; }
.trust-row span { color: var(--muted); font-size: 10px; margin-top: 2px; }

.hero-advisor-card { position: relative; border: 1px solid var(--border-strong); background: linear-gradient(155deg, rgba(24,22,48,.96), rgba(11,13,27,.98)); border-radius: 20px; padding: 20px; box-shadow: var(--shadow); overflow: hidden; }
.advisor-glow { position: absolute; inset: -100px 0 auto 0; height: 180px; background: radial-gradient(ellipse, rgba(125,58,237,.35), transparent 67%); }
.advisor-head, .drawer-head { display: flex; align-items: center; gap: 11px; position: relative; }
.ai-orb { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 13px; color: white; background: linear-gradient(145deg, #7c3aed, #224ed9); box-shadow: 0 0 24px rgba(124,58,237,.35); }
.advisor-head div:nth-child(2), .drawer-head div:nth-child(2) { display: flex; flex-direction: column; }
.advisor-head b, .drawer-head b { font-size: 15px; }
.advisor-head span, .drawer-head span { font-size: 10px; color: var(--muted); margin-top: 3px; }
.advisor-head span i, .drawer-head span i { display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: var(--green); margin-right: 4px; }
.advisor-head em { margin-left: auto; font-style: normal; font-size: 8px; font-weight: 800; letter-spacing: .08em; padding: 4px 6px; background: rgba(124,58,237,.2); color: #b99cff; border-radius: 5px; }
.advisor-body { border-top: 1px solid var(--border); margin-top: 17px; padding-top: 17px; display: flex; flex-direction: column; gap: 9px; }
.message { padding: 12px 14px; font-size: 12px; line-height: 1.55; max-width: 88%; border-radius: 13px; }
.ai-message { background: rgba(124,58,237,.14); border: 1px solid rgba(139,92,246,.17); border-bottom-left-radius: 4px; color: #d8d4ea; }
.advisor-option { height: 47px; border: 1px solid var(--border); background: rgba(255,255,255,.025); border-radius: 10px; padding: 0 12px; display: flex; align-items: center; gap: 11px; font-size: 12px; text-align: left; cursor: pointer; transition: .2s; }
.advisor-option:hover { border-color: var(--border-strong); background: rgba(124,58,237,.08); transform: translateX(2px); }
.advisor-option span { display: grid; place-items: center; width: 25px; height: 25px; background: rgba(124,58,237,.15); border-radius: 7px; color: #ad8cff; font-size: 9px; }
.advisor-option i { margin-left: auto; color: var(--muted); }
.advisor-cta { width: 100%; height: 43px; border: 0; border-radius: 10px; background: linear-gradient(135deg, #7950eb, #5630cb); font-weight: 700; font-size: 12px; margin-top: 14px; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 7px; }
.advisor-foot { margin-top: 13px; color: var(--muted-2); font-size: 9px; display: flex; align-items: center; justify-content: center; gap: 5px; }
.advisor-foot svg { color: var(--green); }

.category-strip { border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); background: rgba(11,13,25,.72); padding: 40px 0 44px; }
.section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 23px; }
.section-heading h2 { margin: 6px 0 0; font-size: 27px; letter-spacing: -.025em; }
.section-heading.compact h2 { font-size: 23px; }
.link-button { background: none; border: 0; color: #aa8bff; display: flex; align-items: center; gap: 6px; cursor: pointer; font-size: 12px; }
.category-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 11px; }
.category-card { border: 1px solid var(--border); background: var(--surface); border-radius: 13px; min-height: 112px; padding: 14px; text-align: left; cursor: pointer; transition: .2s; display: flex; flex-direction: column; align-items: flex-start; }
.category-card:hover, .category-card.active { border-color: var(--border-strong); background: linear-gradient(145deg, rgba(124,58,237,.13), var(--surface)); transform: translateY(-2px); }
.category-icon { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 9px; margin-bottom: 12px; }
.category-icon.purple { color:#b195ff;background:rgba(124,58,237,.16) }.category-icon.pink {color:#ff78cc;background:rgba(234,63,164,.13)}.category-icon.orange {color:#ffac55;background:rgba(255,138,43,.14)}.category-icon.cyan {color:#45d7e9;background:rgba(34,211,238,.13)}.category-icon.blue {color:#6faaff;background:rgba(67,129,255,.13)}.category-icon.rose {color:#ff688b;background:rgba(251,92,114,.13)}.category-icon.green {color:#4ddeae;background:rgba(24,201,148,.13)}
.category-card b { font-size: 12px; }
.category-card small { color: var(--muted-2); font-size: 9px; margin-top: 3px; }

.market-section { padding-top: 72px; padding-bottom: 76px; }
.market-controls { display: flex; gap: 10px; }
.small-search { border: 1px solid var(--border); background: var(--surface); height: 39px; min-width: 215px; padding: 0 11px; border-radius: 9px; display: flex; align-items: center; gap: 8px; color: var(--muted); }
.small-search input { border: 0; background: transparent; outline: 0; color: white; min-width: 0; width: 100%; font-size: 11px; }
.market-controls select { color: #bdc2d7; background: var(--surface); border: 1px solid var(--border); border-radius: 9px; padding: 0 30px 0 12px; font-size: 11px; outline: 0; }
.filter-row { display: flex; gap: 8px; margin: 0 0 22px; overflow-x: auto; scrollbar-width: none; }
.filter-row::-webkit-scrollbar { display: none; }
.filter-row button { flex: 0 0 auto; border: 1px solid var(--border); background: transparent; color: #989fb7; border-radius: 8px; padding: 8px 13px; font-size: 10px; cursor: pointer; }
.filter-row button.active, .filter-row button:hover { color: white; border-color: var(--border-strong); background: rgba(124,58,237,.12); }
.product-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.product-card { border: 1px solid var(--border); background: linear-gradient(160deg, rgba(18,21,39,.98), rgba(11,13,25,.98)); border-radius: 15px; overflow: hidden; cursor: pointer; transition: .25s; position: relative; }
.product-card:hover { transform: translateY(-4px); border-color: var(--border-strong); box-shadow: 0 18px 44px rgba(0,0,0,.26); }
.product-cover { height: 142px; position: relative; overflow: hidden; display: grid; place-items: center; }
.product-cover::before { content:""; position:absolute; inset:0; background: radial-gradient(circle at 70% 20%, rgba(255,255,255,.15), transparent 28%), linear-gradient(130deg, var(--cover-a), var(--cover-b)); opacity: .7; }
.product-cover::after { content:""; position:absolute; width:170px;height:170px;border:1px solid rgba(255,255,255,.1);border-radius:38%;transform:rotate(20deg);right:-70px;bottom:-95px;box-shadow:0 0 0 28px rgba(255,255,255,.025),0 0 0 58px rgba(255,255,255,.018); }
.product-icon { width: 68px; height: 68px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.25); border-radius: 18px; background: rgba(8,10,20,.48); backdrop-filter: blur(12px); position:relative; font-size: 25px; font-weight: 900; letter-spacing: -.05em; box-shadow: 0 14px 35px rgba(0,0,0,.28); }
.product-badge { position: absolute; top: 10px; left: 10px; z-index: 1; border: 1px solid rgba(255,255,255,.13); background: rgba(7,9,20,.64); backdrop-filter: blur(8px); border-radius: 6px; padding: 4px 7px; font-size: 8px; font-weight: 800; letter-spacing: .04em; }
.product-badge.hot { color:#ffd368 }.product-badge.new {color:#70e9ce}.product-badge.free {color:#74d9ff}
.wishlist { position: absolute; right: 10px; top: 10px; z-index: 2; width: 29px; height: 29px; border: 1px solid rgba(255,255,255,.13); background: rgba(7,9,20,.54); border-radius: 8px; display:grid;place-items:center;cursor:pointer; }
.wishlist.active { color:#ff688b;background:rgba(251,92,114,.15); }
.product-body { padding: 14px; }
.product-category { display:flex;align-items:center;justify-content:space-between;color:#8e96af;font-size:9px;text-transform:uppercase;letter-spacing:.08em; }
.verified { color: #6fe1ca; display:flex;align-items:center;gap:3px;text-transform:none;letter-spacing:0; }
.product-body h3 { margin: 9px 0 4px; font-size: 15px; letter-spacing: -.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.product-tagline { color: #9299b1; font-size: 10px; margin: 0; height: 30px; line-height: 1.45; }
.seller { display:flex;align-items:center;gap:6px;color:#707891;font-size:9px;margin-top:12px; }
.seller-avatar, #modal-avatar { display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:rgba(124,58,237,.2);color:#bda8ff;font-size:8px;font-weight:800; }
.product-meta { display:flex;align-items:center;gap:10px;border-top:1px solid var(--border);padding-top:11px;margin-top:11px;color:#7d859e;font-size:9px; }
.product-meta span { display:flex;align-items:center;gap:3px; }
.product-meta .rating { color:#f7c64e; }
.product-footer { display:flex;align-items:flex-end;justify-content:space-between;margin-top:14px; }
.price { display:flex;flex-direction:column; }
.price small { color:#6f7690;font-size:8px; }
.price strong { font-size:16px; margin-top:2px; }
.product-open { width:31px;height:31px;border:1px solid var(--border);background:rgba(255,255,255,.03);border-radius:8px;display:grid;place-items:center;color:#aa8cff; }
.empty-state { min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed var(--border);border-radius:15px;color:var(--muted); }
.empty-state > svg { font-size:34px;color:#7d5be8 }.empty-state h3 {color:white;margin:15px 0 3px}.empty-state p{font-size:12px}.empty-state button{margin-top:10px}
.center-action { text-align:center;margin-top:28px; }
.outline-button { border:1px solid var(--border-strong);background:rgba(124,58,237,.06);color:#cbbcff;border-radius:10px;padding:11px 17px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer; }
.outline-button:hover {background:rgba(124,58,237,.13)}

.industry-section { padding: 70px 0; background: rgba(11,13,25,.74); border-top:1px solid var(--border);border-bottom:1px solid var(--border); }
.section-note {max-width:400px;color:var(--muted);font-size:12px;text-align:right;margin:0}
.industry-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.industry-card {min-height:220px;border:1px solid var(--border);border-radius:16px;padding:23px;position:relative;overflow:hidden;display:flex;align-items:flex-end;background:linear-gradient(145deg,var(--industry-a),var(--industry-b));}
.industry-card::after{content:"";position:absolute;width:200px;height:200px;right:-55px;top:-60px;border:1px solid rgba(255,255,255,.07);border-radius:50%;box-shadow:0 0 0 30px rgba(255,255,255,.02),0 0 0 60px rgba(255,255,255,.015)}
.industry-card > svg{position:absolute;right:40px;top:43px;font-size:54px;color:rgba(255,255,255,.16);stroke-width:1.2}
.industry-spa{--industry-a:#2f143a;--industry-b:#111326}.industry-realestate{--industry-a:#102d43;--industry-b:#111326}.industry-education{--industry-a:#292555;--industry-b:#111326}
.industry-card div{position:relative;z-index:1}.industry-card small{color:#b4a4ea;font-size:8px;letter-spacing:.12em;font-weight:800}.industry-card h3{font-size:20px;margin:5px 0}.industry-card p{font-size:10px;color:#a3aac0;margin:0 0 14px}.industry-card button{background:none;border:0;padding:0;color:white;font-size:10px;font-weight:700;display:flex;align-items:center;gap:5px;cursor:pointer}

.developer-banner { min-height:260px; margin-top:80px;margin-bottom:80px;border:1px solid var(--border-strong);border-radius:20px;background:linear-gradient(120deg,rgba(49,28,92,.7),rgba(13,16,32,.95) 58%,rgba(12,29,46,.8));display:grid;grid-template-columns:220px 1fr 245px;align-items:center;gap:28px;padding:36px 43px;overflow:hidden; }
.dev-visual{height:170px;position:relative;display:grid;place-items:center}.code-window{width:135px;height:115px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(8,10,20,.45);transform:rotate(-5deg);display:flex;gap:5px;padding:13px;position:relative;box-shadow:0 22px 50px rgba(0,0,0,.25)}.code-window i{width:6px;height:6px;border-radius:50%;background:#fb5c72}.code-window i:nth-child(2){background:#fbbf24}.code-window i:nth-child(3){background:#18c994}.code-window b{position:absolute;inset:0;display:grid;place-items:center;font-size:28px;color:#b99bff}.floating-chip{position:absolute;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.17);background:rgba(124,58,237,.32);border-radius:12px;font-size:10px;font-weight:800;box-shadow:0 10px 28px rgba(0,0,0,.25)}.chip-one{right:14px;top:10px}.chip-two{left:5px;bottom:8px;background:rgba(34,211,238,.18)}
.dev-copy h2{font-size:28px;margin:6px 0 9px}.dev-copy p{color:#a2a8c0;font-size:12px;max-width:590px;margin:0 0 19px}.dev-copy>div{display:flex;align-items:center;gap:10px}.primary-button{padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px}.dev-stats{border-left:1px solid var(--border);padding-left:35px;display:flex;flex-direction:column;gap:18px}.dev-stats div{display:flex;flex-direction:column}.dev-stats strong{font-size:22px;color:#b79fff}.dev-stats span{font-size:9px;color:#8f97b0;margin-top:1px}

.site-footer{border-top:1px solid var(--border);padding:50px 0 95px;background:#080a14}.footer-main{display:grid;grid-template-columns:1.7fr repeat(3,1fr) 1.3fr;gap:38px}.footer-brand p,.footer-news p{font-size:10px;color:#8189a2;max-width:240px}.footer-brand>span{font-size:9px;color:#555c71}.footer-main>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start;gap:9px}.footer-main>div>b{font-size:11px;margin-bottom:7px}.footer-main>div>a{font-size:9px;color:#8189a2}.footer-main>div>a:hover{color:white}.footer-news label{display:flex;border:1px solid var(--border);border-radius:9px;background:var(--surface);padding:4px;width:100%}.footer-news input{border:0;outline:0;background:transparent;color:white;min-width:0;flex:1;padding:0 8px;font-size:10px}.footer-news button{border:0;background:var(--purple);width:30px;height:30px;border-radius:7px;display:grid;place-items:center;cursor:pointer}
.mobile-nav{display:none}

.modal-backdrop{position:fixed;inset:0;background:rgba(2,3,10,.8);backdrop-filter:blur(9px);z-index:100;display:grid;place-items:center;padding:24px}.product-modal-card{width:min(920px,100%);max-height:90vh;overflow:auto;background:#0d1020;border:1px solid var(--border-strong);border-radius:20px;box-shadow:var(--shadow);display:grid;grid-template-columns:270px 1fr 245px;position:relative}.modal-close{position:absolute;right:12px;top:12px;z-index:2;border:1px solid var(--border);background:rgba(7,9,20,.7);width:32px;height:32px;border-radius:9px;display:grid;place-items:center;cursor:pointer}.modal-media{min-height:420px;background:linear-gradient(145deg,var(--modal-a,#3e1c80),var(--modal-b,#12162a));position:relative;display:grid;place-items:center}.modal-media::after{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(255,255,255,.09);border-radius:36%;transform:rotate(25deg);box-shadow:0 0 0 32px rgba(255,255,255,.025),0 0 0 64px rgba(255,255,255,.016)}.modal-product-icon{width:100px;height:100px;display:grid;place-items:center;position:relative;z-index:1;border:1px solid rgba(255,255,255,.25);border-radius:26px;background:rgba(7,9,20,.4);font-size:38px;font-weight:900}.verified-chip{position:absolute;bottom:20px;left:20px;z-index:1;background:rgba(7,9,20,.6);border:1px solid rgba(255,255,255,.14);border-radius:7px;padding:6px 8px;font-size:9px;display:flex;align-items:center;gap:4px;color:#6ee4ca}.modal-content{padding:35px 28px}.modal-category{font-size:9px;color:#a98bff;letter-spacing:.1em;text-transform:uppercase}.modal-content h2{font-size:26px;line-height:1.2;margin:9px 0}.modal-content>p{font-size:11px;color:#9da4ba;line-height:1.6}.modal-meta{display:flex;gap:14px;color:#8d95ac;font-size:9px;margin:14px 0;padding-bottom:16px;border-bottom:1px solid var(--border)}.feature-list{display:flex;flex-direction:column;gap:9px;font-size:10px;color:#bec3d4}.feature-list div{display:flex;align-items:center;gap:7px}.feature-list svg{color:var(--green)}.seller-row{display:flex;align-items:center;gap:9px;border-top:1px solid var(--border);margin-top:18px;padding-top:17px}.seller-row>#modal-avatar{width:34px;height:34px;border-radius:9px}.seller-row div{display:flex;flex-direction:column}.seller-row small{font-size:8px;color:var(--muted)}.seller-row b{font-size:10px}.seller-row em{margin-left:auto;font-style:normal;font-size:8px;color:#6ee4ca;background:rgba(24,201,148,.08);padding:4px 6px;border-radius:5px}.modal-purchase{border-left:1px solid var(--border);padding:35px 22px;display:flex;flex-direction:column}.modal-purchase>span{font-size:9px;color:var(--muted)}.modal-purchase>strong{font-size:25px;margin-top:3px}.modal-purchase>small{font-size:8px;color:#707891;margin-bottom:22px}.balance-line{border:1px solid var(--border);background:rgba(255,255,255,.025);border-radius:9px;padding:10px;margin-bottom:12px;display:flex;flex-direction:column}.balance-line span{font-size:8px;color:var(--muted)}.balance-line b{font-size:11px;margin-top:3px}.full{width:100%;margin-bottom:8px}.modal-purchase>p{color:#69718a;font-size:8px;display:flex;align-items:center;justify-content:center;gap:4px;margin-top:13px}.modal-purchase>p svg{color:var(--green)}

.drawer{position:fixed;right:18px;bottom:18px;width:370px;max-height:620px;height:calc(100vh - 36px);z-index:120;background:#0c0f1d;border:1px solid var(--border-strong);border-radius:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}.drawer-head{padding:15px;border-bottom:1px solid var(--border)}.drawer-head .ai-orb{width:37px;height:37px;border-radius:10px}.drawer-head button{margin-left:auto;border:0;background:transparent;color:var(--muted);cursor:pointer}.drawer-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.user-message{align-self:flex-end;background:#6734e5;border-bottom-right-radius:4px}.drawer-suggestions{padding:0 16px 11px;display:flex;gap:6px;overflow-x:auto}.drawer-suggestions button{flex:0 0 auto;border:1px solid var(--border);background:transparent;color:#9ca3ba;border-radius:99px;padding:6px 9px;font-size:9px;cursor:pointer}.drawer-input{border-top:1px solid var(--border);padding:11px;display:flex;gap:8px}.drawer-input input{flex:1;min-width:0;border:1px solid var(--border);background:var(--surface-2);border-radius:9px;outline:0;color:white;padding:10px;font-size:11px}.drawer-input button{width:37px;border:0;background:var(--purple);border-radius:9px;display:grid;place-items:center;cursor:pointer}
.wallet-popover{position:fixed;right:72px;top:68px;width:260px;z-index:80;background:#101326;border:1px solid var(--border-strong);border-radius:14px;box-shadow:var(--shadow);padding:18px;display:flex;flex-direction:column}.wallet-popover>div{display:flex;justify-content:space-between;color:var(--green);margin-bottom:15px}.wallet-popover>div button{background:none;border:0;color:var(--muted);cursor:pointer}.wallet-popover>small{font-size:8px;color:var(--muted);letter-spacing:.1em}.wallet-popover>strong{font-size:22px;margin:3px 0}.wallet-popover p{font-size:9px;color:#8991a9;margin:0 0 13px}.toast{position:fixed;left:50%;bottom:-80px;transform:translateX(-50%);z-index:200;border:1px solid rgba(24,201,148,.3);background:#101d22;color:#bff4e4;border-radius:10px;padding:10px 14px;display:flex;align-items:center;gap:7px;font-size:11px;box-shadow:var(--shadow);transition:bottom .3s}.toast.show{bottom:25px}.toast svg{color:var(--green)}
.wallet-popover .qr-grid{width:156px;height:156px;align-self:center;background:#fff;padding:9px;margin:0 auto 10px;display:grid;grid-template-columns:repeat(17,1fr);grid-template-rows:repeat(17,1fr);gap:1px;border-radius:9px}.qr-grid i{background:#fff}.qr-grid i.on{background:#090b16}.wallet-popover .qr-amount{text-align:center;font-size:18px;margin:3px 0}.wallet-popover .qr-note{text-align:center;line-height:1.6;margin-bottom:12px}.wallet-popover .qr-note b{color:#c4b5fd}

@media (max-width: 1050px){
  .main-nav{margin-left:32px;gap:20px}.hero{gap:35px}.category-grid{grid-template-columns:repeat(4,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.developer-banner{grid-template-columns:170px 1fr}.dev-stats{display:none}.footer-main{grid-template-columns:1.5fr repeat(3,1fr)}.footer-news{display:none!important}
}
@media (max-width: 800px){
  .container{width:min(100% - 30px,var(--max))}.site-header{height:64px;padding:0 15px}.brand-copy small,.main-nav,.wallet-button,.desktop-only{display:none}.header-actions{gap:8px}.mobile-search-trigger{display:grid}.hero{grid-template-columns:1fr;min-height:auto;padding:48px 0 44px;gap:35px}.hero h1{font-size:48px}.hero-copy>p{font-size:14px}.hero-advisor-card{max-width:520px}.trust-row{gap:24px}.trust-row div:not(:last-child)::after{right:-12px}.category-grid{grid-template-columns:repeat(4,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:flex-start}.market-section{padding-top:55px}.market-controls{display:none}.industry-grid{grid-template-columns:1fr}.industry-card{min-height:180px}.developer-banner{grid-template-columns:1fr;margin-top:55px;margin-bottom:55px;padding:30px}.dev-visual{display:none}.footer-main{grid-template-columns:1.5fr 1fr 1fr}.footer-main>div:nth-child(4){display:none!important}.mobile-nav{position:fixed;z-index:60;left:0;right:0;bottom:0;height:66px;border-top:1px solid var(--border);background:rgba(8,10,20,.95);backdrop-filter:blur(14px);display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom)}.mobile-nav a,.mobile-nav button{border:0;background:transparent;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-size:8px;color:#7d859e}.mobile-nav .active,.mobile-nav button:nth-child(3){color:#a88aff}.mobile-nav button:nth-child(3) svg{width:30px;height:30px;padding:7px;border-radius:9px;background:var(--purple);color:white;margin-top:-15px;box-shadow:0 5px 20px rgba(124,58,237,.4)}.site-footer{padding-bottom:90px}.product-modal-card{grid-template-columns:210px 1fr}.modal-purchase{grid-column:1/-1;border-left:0;border-top:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr;gap:8px}.modal-purchase>span,.modal-purchase>strong,.modal-purchase>small{grid-column:1/-1}.balance-line{grid-column:1/-1}.modal-purchase>p{grid-column:1/-1}.modal-media{min-height:350px}
}
@media (max-width: 560px){
  .hero{padding-top:36px}.hero h1{font-size:39px}.hero-search{height:auto;padding:6px}.hero-search button{width:44px;padding:0;font-size:0}.hero-search button svg{font-size:14px}.quick-prompts button:nth-of-type(3){display:none}.trust-row{justify-content:space-between;gap:8px}.trust-row div:not(:last-child)::after{display:none}.hero-advisor-card{padding:16px}.category-strip{padding:35px 0}.section-heading h2,.section-heading.compact h2{font-size:22px}.link-button{display:none}.category-grid{display:flex;overflow-x:auto;margin-right:-15px;padding-right:15px;scrollbar-width:none}.category-card{flex:0 0 112px}.market-section{padding-top:45px}.product-grid{grid-template-columns:1fr 1fr;gap:10px}.product-cover{height:108px}.product-icon{width:54px;height:54px;border-radius:14px;font-size:20px}.product-body{padding:11px}.product-body h3{font-size:13px}.product-tagline{font-size:9px}.seller{display:none}.product-meta{gap:5px}.product-meta span:nth-child(3){display:none}.price strong{font-size:13px}.product-footer{margin-top:11px}.product-open{width:28px;height:28px}.section-note{display:none}.industry-section{padding:48px 0}.developer-banner{margin-left:15px;margin-right:15px;width:auto;padding:24px}.dev-copy h2{font-size:23px}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-main>div:nth-child(4){display:flex!important}.product-modal-card{display:block;max-height:92vh}.modal-media{min-height:190px}.modal-product-icon{width:72px;height:72px;border-radius:19px;font-size:28px}.verified-chip{bottom:12px;left:12px}.modal-content{padding:23px 18px}.modal-purchase{display:flex;padding:20px 18px}.drawer{right:0;bottom:0;width:100%;height:100%;max-height:none;border-radius:0}.wallet-popover{right:15px;top:60px}.toast.show{bottom:78px}
}

/* Full-stack account and API states */
.account-drawer{overflow-y:auto}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:22px 0 16px}.auth-tabs button{height:39px;border:1px solid var(--border);border-radius:9px;background:transparent;color:var(--muted);cursor:pointer}.auth-tabs button.active{background:rgba(124,58,237,.16);border-color:var(--border-strong);color:white}.account-form{display:flex;flex-direction:column;gap:13px}.account-form label,.topup-field{display:flex;flex-direction:column;gap:6px;color:#aab0c4;font-size:10px}.account-form input,.topup-field input{height:43px;border:1px solid var(--border);border-radius:9px;background:#0b0e1c;color:white;padding:0 12px;outline:0}.account-form input:focus,.topup-field input:focus{border-color:var(--purple-2);box-shadow:0 0 0 3px rgba(124,58,237,.1)}.demo-note{font-size:9px;color:var(--muted-2);padding:10px;border:1px dashed var(--border);border-radius:8px}.account-summary{display:flex;align-items:center;gap:12px;margin:23px 0 14px}.account-summary>span{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#7c3aed,#263e9e);font-weight:800}.account-summary div{display:flex;flex-direction:column}.account-summary small{color:var(--muted);font-size:10px;margin-top:2px}.account-balance{border:1px solid rgba(24,201,148,.18);background:rgba(24,201,148,.06);border-radius:12px;padding:14px;display:flex;flex-direction:column}.account-balance span{color:#82aa9e;font-size:9px}.account-balance strong{font-size:22px;margin-top:4px}.library-head{display:flex;justify-content:space-between;align-items:center;margin:22px 0 10px}.library-head button{border:0;background:transparent;color:#a78bfa;font-size:9px;cursor:pointer}.library-list{display:flex;flex-direction:column;gap:7px;margin-bottom:18px;max-height:330px;overflow-y:auto}.library-list>button{border:1px solid var(--border);background:rgba(255,255,255,.02);border-radius:9px;padding:9px;display:flex;align-items:center;gap:9px;color:inherit;text-align:left;cursor:pointer}.library-list>button>span{width:32px;height:32px;border-radius:8px;background:rgba(124,58,237,.17);display:grid;place-items:center;font-size:9px;font-weight:800}.library-list>button div{display:flex;flex-direction:column}.library-list>button b{font-size:10px}.library-list>button small{font-size:8px;color:var(--muted);margin-top:2px}.library-list>p{color:var(--muted);font-size:10px}.topup-field{margin:13px 0}.advisor-results{display:flex;flex-direction:column;gap:6px;margin-top:10px}.advisor-results button{border:1px solid rgba(124,58,237,.2);background:rgba(255,255,255,.03);border-radius:8px;padding:8px;color:inherit;text-align:left;cursor:pointer}.advisor-results button b,.advisor-results button span{display:block}.advisor-results button span{font-size:9px;color:var(--muted);margin-top:2px}.load-error{grid-column:1/-1;min-height:220px;border:1px dashed rgba(251,92,114,.3);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fb7185}.load-error span{color:var(--muted);font-size:11px;margin-top:4px}