:root { --black:#050505; --ink:#0b0b0b; --panel:#101010; --panel-2:#171717; --yellow:#ffd21f; --amber:#ffb000; --text:#f7f7f2; --muted:#a3a39b; --line:#2b2b28; --radius:20px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--black); }
body { margin:0; color:var(--text); background:var(--black); font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
body.intro-open { overflow:hidden; }
button,input,select,textarea { font:inherit; }
button,a,input,select,textarea { outline-offset:3px; }
a { color:inherit; }
button { color:inherit; }
.sr-only { position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap; }

.entry-gate { --look-x:0deg;--look-y:0deg;position:fixed; inset:0; z-index:1000; display:grid; place-items:center; overflow:hidden; background:#000; isolation:isolate;perspective:1100px; }
.entry-gate[hidden] { display:none; }
.entry-world { position:absolute;inset:-5%;z-index:-5;transform-style:preserve-3d;transform:rotateX(var(--look-y)) rotateY(var(--look-x)) scale(1.07);transition:transform .18s ease-out;overflow:hidden; }
.entry-scene { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center bottom; opacity:.52;filter:saturate(.88) brightness(.7);animation:scene-breathe 14s ease-in-out infinite alternate;transform:translateZ(-80px) scale(1.09); }
.entry-shade { position:absolute; inset:0; z-index:-3; pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.56) 0%,rgba(0,0,0,.08) 55%,rgba(0,0,0,.16) 100%),radial-gradient(circle at 50% 44%,rgba(0,0,0,.04),rgba(0,0,0,.7) 90%); }
.entry-glow { position:absolute; width:46vw; height:46vw; border-radius:50%; background:radial-gradient(circle,rgba(255,210,31,.14),transparent 65%); filter:blur(18px); animation:glow-pulse 4s ease-in-out infinite; z-index:-2;pointer-events:none; }
.verse-grid { position:absolute;left:-10%;right:-10%;bottom:-32%;height:74%;transform:rotateX(67deg) translateZ(-20px);transform-origin:center top;background-image:linear-gradient(rgba(255,210,31,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(255,210,31,.1) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 78%);animation:grid-drift 9s linear infinite; }
.verse-beam { position:absolute;top:-22%;width:12vw;height:125%;background:linear-gradient(90deg,transparent,rgba(255,210,31,.07),transparent);filter:blur(8px);transform:rotate(14deg);animation:beam-sweep 9s ease-in-out infinite alternate; }
.beam-one { left:12%; }.beam-two { right:12%;animation-delay:-4.5s;transform:rotate(-14deg); }
.verse-particles { position:absolute;inset:0;overflow:hidden; }
.verse-particles i { --size:3px;position:absolute;left:var(--x);bottom:-6%;width:var(--size);height:var(--size);border-radius:50%;background:var(--yellow);box-shadow:0 0 13px rgba(255,210,31,.85);opacity:0;animation:particle-rise var(--duration) linear var(--delay) infinite; }
.verse-character { --char:0;--delay:0s;position:absolute;bottom:1%;width:clamp(120px,13vw,220px);aspect-ratio:306/734;background-image:url('./assets/mujpi-verse-characters.png?v=verse-1');background-repeat:no-repeat;background-size:700% 100%;background-position:calc(var(--char) * 16.6667%) center;filter:drop-shadow(0 25px 18px rgba(0,0,0,.72)) drop-shadow(0 0 12px rgba(255,190,0,.18));transform-origin:center bottom;animation:character-idle 3.8s ease-in-out var(--delay) infinite;transition:filter .25s,transform .25s;will-change:transform; }
.verse-character::after { content:"";position:absolute;left:18%;right:18%;bottom:-3%;height:8%;border-radius:50%;background:rgba(255,183,0,.34);filter:blur(12px);animation:shadow-breathe 3.8s ease-in-out var(--delay) infinite; }
.verse-character span { position:absolute;left:50%;top:-3%;transform:translate(-50%,-100%) scale(.75);white-space:nowrap;padding:7px 10px;border:1px solid rgba(255,210,31,.4);border-radius:12px 12px 12px 3px;background:rgba(5,5,5,.88);color:#fff4bd;font-size:.68rem;font-weight:850;letter-spacing:.02em;opacity:0;transition:opacity .2s,transform .2s;box-shadow:0 12px 35px #000; }
.verse-character:hover,.verse-character.is-reacting { z-index:3;filter:drop-shadow(0 30px 22px rgba(0,0,0,.8)) drop-shadow(0 0 26px rgba(255,210,31,.38));animation:character-react .72s cubic-bezier(.34,1.56,.64,1); }
.verse-character:hover span,.verse-character.is-reacting span { opacity:1;transform:translate(-50%,-100%) scale(1); }
.char-1{--char:0;--delay:-.4s;left:1.5%;}.char-2{--char:1;--delay:-2s;left:13%;width:clamp(105px,11vw,184px)}.char-3{--char:2;--delay:-1.1s;left:23.5%;}.char-4{--char:3;--delay:-2.8s;left:43.5%;bottom:-7%;width:clamp(105px,11vw,184px)}.char-5{--char:4;--delay:-1.7s;right:23%;}.char-6{--char:5;--delay:-.8s;right:12%;bottom:5%;width:clamp(105px,11vw,184px)}.char-7{--char:6;--delay:-2.4s;right:1%;}
.mobile-peek { display:none;position:absolute;z-index:7;width:132px;aspect-ratio:306/734;background-image:url('./assets/mujpi-verse-characters.png?v=verse-1');background-repeat:no-repeat;background-size:700% 100%;filter:drop-shadow(0 18px 15px #000) drop-shadow(0 0 18px rgba(255,210,31,.42));pointer-events:none; }
.mobile-peek span { position:absolute;top:3%;white-space:nowrap;padding:6px 9px;border:1px solid rgba(255,210,31,.44);border-radius:11px;background:rgba(5,5,5,.92);color:#fff1a8;font-size:.67rem;font-weight:900;opacity:0;animation:peek-message 4.4s ease-in-out infinite; }
.peek-left { background-position:0 center; }.peek-left span{left:74%;}.peek-right { background-position:100% center; }.peek-right span{right:72%;animation-delay:-1.8s;}
.entry-panel { position:relative;z-index:5;width:min(620px,calc(100% - 40px)); margin-top:-10vh; text-align:center; padding:40px; border:1px solid rgba(255,210,31,.28); background:linear-gradient(145deg,rgba(4,4,4,.84),rgba(10,9,4,.74)); box-shadow:0 30px 120px #000, inset 0 1px rgba(255,255,255,.05),0 0 80px rgba(255,210,31,.05); backdrop-filter:blur(20px); border-radius:28px; animation:panel-in .8s cubic-bezier(.16,1,.3,1) both; }
.entry-panel::before { content:"";position:absolute;inset:10px;border:1px solid rgba(255,210,31,.06);border-radius:20px;pointer-events:none; }
.entry-brand-logo { position:relative;z-index:2;display:block;width:220px;height:220px;object-fit:contain;margin:-52px auto -24px;filter:drop-shadow(0 0 24px rgba(255,255,255,.09)); }
.entry-kicker,.eyebrow { color:var(--yellow); font-size:.75rem; font-weight:850; letter-spacing:.16em; text-transform:uppercase; }
.entry-kicker { position:relative;z-index:2;margin:0 0 13px; }
.entry-panel h1 { margin:12px auto 16px; max-width:540px; font-size:clamp(2.35rem,5vw,4.6rem); line-height:.96; letter-spacing:-.06em; }
.entry-panel > p:not(.entry-kicker) { color:#c0c0b8; max-width:520px; margin:0 auto 28px; }
.vip-form { width:min(500px,100%);margin:0 auto; }
.vip-form > label { display:block;text-align:left;color:#aaa;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px 12px; }
.vip-form > div { display:grid;grid-template-columns:1fr auto;border:1px solid #45443b;border-radius:999px;padding:5px;background:#050505;box-shadow:0 12px 34px rgba(0,0,0,.3); }
.vip-form input { min-width:0;border:0;outline:0;background:transparent;color:white;padding:0 16px;font-size:.82rem;letter-spacing:.04em; }
.vip-form button { min-height:48px;border:0;border-radius:999px;padding:0 20px;background:var(--yellow);color:#090909;font-weight:900;cursor:pointer;display:flex;align-items:center;gap:12px;transition:transform .2s,box-shadow .2s; }
.vip-form button:hover { transform:translateY(-1px);box-shadow:0 12px 30px rgba(255,210,31,.2); }
.vip-form button b { font-size:1.2rem; }
.vip-form > p { min-height:21px;margin:7px 0 0;color:#ffcf40;font-size:.75rem; }
.vip-form.shake { animation:form-shake .35s ease; }
@keyframes form-shake { 25%{transform:translateX(-7px)}50%{transform:translateX(7px)}75%{transform:translateX(-4px)} }
.entry-panel small { display:block; color:#88887f; margin-top:18px; font-size:.75rem; }
.entry-gate.leaving { animation:gate-out .65s cubic-bezier(.7,0,.84,0) forwards; }
@keyframes panel-in { from { opacity:0; transform:translateY(28px) scale(.98); } to { opacity:1; transform:none; } }
@keyframes scene-breathe { from { transform:translateZ(-80px) scale(1.09); } to { transform:translate3d(0,-1.2%, -80px) scale(1.14); } }
@keyframes glow-pulse { 50% { opacity:.45; transform:scale(1.12); } }
@keyframes gate-out { to { opacity:0; transform:scale(1.03); visibility:hidden; } }
@keyframes grid-drift { to { background-position:0 70px,70px 0; } }
@keyframes beam-sweep { from { opacity:.22;translate:-10vw 0; } to { opacity:.9;translate:16vw 0; } }
@keyframes particle-rise { 0%{opacity:0;transform:translate3d(0,0,0) scale(.4)}12%{opacity:.8}82%{opacity:.25}100%{opacity:0;transform:translate3d(var(--drift),-108vh,100px) scale(1.4)} }
@keyframes character-idle { 0%,100%{transform:translate3d(0,0,35px) rotate(-.5deg)}50%{transform:translate3d(0,-13px,55px) rotate(.8deg)} }
@keyframes shadow-breathe { 50%{transform:scale(.78);opacity:.5} }
@keyframes character-react { 0%{transform:translate3d(0,0,35px) rotate(0)}35%{transform:translate3d(0,-25px,90px) rotate(-4deg) scale(1.07)}65%{transform:translate3d(0,-13px,75px) rotate(4deg) scale(1.04)}100%{transform:translate3d(0,0,35px) rotate(0)} }
@keyframes peek-message { 0%,28%,82%,100%{opacity:0;transform:translateY(8px) scale(.8)}38%,68%{opacity:1;transform:none} }

.topbar { min-height:78px;display:flex;align-items:center;gap:34px;padding:0 max(24px,4vw);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;background:rgba(5,5,5,.9);backdrop-filter:blur(18px); }
.brand { display:inline-flex;align-items:center;gap:12px;text-decoration:none;margin-right:auto; }
.brand-emblem { display:block;width:42px;height:42px;overflow:hidden;border:1px solid #34342e;border-radius:11px;background:#03040a;position:relative;box-shadow:0 0 18px rgba(255,210,31,.08); }
.brand-emblem img { position:absolute;width:128px;height:128px;max-width:none;left:-43px;top:-29px; }
.brand strong { display:block;font-size:1.05rem;letter-spacing:.01em; }
.brand small { color:#8d8d85;display:block;font-size:.69rem;letter-spacing:.1em;text-transform:uppercase; }
.topbar nav { display:flex;gap:25px; }
.topbar nav a { color:#b4b4ad;text-decoration:none;font-size:.88rem;transition:color .2s; }
.topbar nav a:hover { color:var(--yellow); }
.header-cta { text-decoration:none;border:1px solid #34342e;border-radius:999px;padding:10px 15px;font-size:.8rem;font-weight:800; }
.header-cta span { color:var(--yellow);margin-left:8px; }
main { width:min(1560px,100%);margin:auto; }

.hero { min-height:680px;padding:76px max(24px,5vw);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.7fr);gap:7vw;align-items:center;border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 40%,rgba(255,210,31,.08),transparent 26%); }
.eyebrow { margin:0 0 16px;display:flex;align-items:center;gap:9px; }
.eyebrow span { width:22px;height:2px;background:var(--yellow); }
.hero h2,.section-head h2,.integrations h2,.governance h2 { margin:0;letter-spacing:-.055em;line-height:.98;font-size:clamp(2.7rem,5vw,5.8rem); }
.hero h2 em { color:var(--yellow);font-style:normal; }
.hero-copy > p:not(.eyebrow) { color:var(--muted);max-width:720px;font-size:1.03rem;margin:22px 0 30px; }
.copilot-box { border:1px solid #383830;background:linear-gradient(145deg,#131313,#0a0a0a);border-radius:22px;padding:18px;box-shadow:0 22px 75px #0008; }
.copilot-box > label { display:block;color:#c6c6bd;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px 3px; }
.copilot-input-row { display:grid;grid-template-columns:1fr auto;gap:10px;align-items:stretch; }
.copilot-input-row textarea { resize:none;border:1px solid #30302b;border-radius:13px;background:#070707;color:white;padding:14px;min-height:72px; }
.copilot-input-row textarea:focus { border-color:var(--yellow);outline:2px solid rgba(255,210,31,.12); }
.copilot-input-row button { border:0;border-radius:13px;background:var(--yellow);color:#090909;padding:0 19px;font-weight:900;cursor:pointer; }
.copilot-input-row button span { margin-left:7px; }
.prompt-chips { display:flex;flex-wrap:wrap;gap:7px;margin-top:11px; }
.prompt-chips button { border:1px solid #30302b;background:#181818;border-radius:999px;padding:6px 10px;color:#a9a9a1;font-size:.74rem;cursor:pointer; }
.prompt-chips button:hover { border-color:#6d611b;color:var(--yellow); }
.copilot-results { min-height:440px;border:1px solid #302f29;border-radius:26px;background:linear-gradient(160deg,#151515,#090909);padding:18px;box-shadow:0 30px 100px #000a;align-self:center; }
.copilot-idle { height:400px;display:grid;place-content:center;text-align:center;color:#94948c;padding:35px; }
.copilot-idle strong { color:white;font-size:1.05rem; }
.signal { display:flex;align-items:end;justify-content:center;gap:7px;height:70px;margin-bottom:22px; }
.signal i { width:7px;border-radius:8px;background:var(--yellow);box-shadow:0 0 18px rgba(255,210,31,.4);animation:signal 1.2s ease-in-out infinite; }
.signal i:nth-child(1){height:22px}.signal i:nth-child(2){height:52px;animation-delay:.15s}.signal i:nth-child(3){height:34px;animation-delay:.3s}
@keyframes signal { 50% { transform:scaleY(.55);opacity:.55; } }
.match-head { display:flex;justify-content:space-between;align-items:center;padding:4px 4px 14px;color:#9e9e96;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em; }
.match-head b { color:var(--yellow); }
.match-card { width:100%;display:grid;grid-template-columns:32px 1fr 20px;gap:12px;text-align:left;border:1px solid #2d2d29;background:#0b0b0b;border-radius:15px;padding:15px;margin-bottom:9px;cursor:pointer;transition:border-color .2s,transform .2s; }
.match-card:hover { border-color:#7c6c12;transform:translateX(3px); }
.match-card > span { color:var(--yellow);font-weight:900;font-size:.78rem; }
.match-card small { color:#898981;text-transform:uppercase;letter-spacing:.08em;font-size:.65rem; }
.match-card strong { display:block;margin:2px 0;color:white; }
.match-card p { margin:3px 0 0;color:#8f8f87;font-size:.76rem;line-height:1.35; }
.match-card > b { color:var(--yellow);align-self:center; }
.match-note { color:#6f6f68;font-size:.7rem;padding:7px 5px 0;margin:0; }

.directory { padding:90px max(24px,4vw) 110px; }
.section-head { display:grid;grid-template-columns:1.1fr .7fr;gap:8vw;align-items:end;margin-bottom:40px; }
.section-head h2 { font-size:clamp(2.4rem,4vw,4.7rem); }
.section-head > p { color:var(--muted);max-width:580px;margin:0; }
.directory-toolbar { display:grid;grid-template-columns:minmax(280px,1fr) 260px;gap:12px;padding:16px;border:1px solid var(--line);background:#0b0b0b;border-radius:18px;position:sticky;top:90px;z-index:30;box-shadow:0 15px 55px #000b; }
.search-box { min-height:50px;display:grid;grid-template-columns:22px 1fr 22px;align-items:center;gap:9px;padding:0 12px;border:1px solid #30302c;border-radius:12px;background:#050505; }
.search-box svg { width:20px;fill:none;stroke:#8d8d86;stroke-width:2; }
.search-box input { min-width:0;border:0;outline:0;background:none;color:white; }
.search-box kbd { color:#76766e;border:1px solid #30302c;border-radius:5px;text-align:center;font-size:.7rem; }
.select-control { min-height:50px;border:1px solid #30302c;border-radius:12px;background:#050505;padding:5px 10px; }
.select-control span { display:block;color:#77776f;font-size:.61rem;text-transform:uppercase;letter-spacing:.08em; }
.select-control select { width:100%;border:0;outline:0;background:#050505;color:#deded7;font-size:.82rem; }
.class-filter { grid-column:1/-1;display:flex;gap:7px;overflow:auto; }
.class-filter button { white-space:nowrap;border:1px solid #30302c;border-radius:999px;background:#111;color:#999990;padding:8px 13px;cursor:pointer;font-size:.78rem; }
.class-filter button.active { color:#080808;background:var(--yellow);border-color:var(--yellow);font-weight:850; }
.directory-meta { display:flex;justify-content:space-between;align-items:center;margin:30px 0 12px; }
.directory-meta p { color:#8e8e86;margin:0; }
.directory-meta strong { color:var(--yellow);font-size:1.55rem; }
.directory-meta button { border:0;background:none;color:#a6a69e;cursor:pointer;text-decoration:underline;text-underline-offset:3px; }
.category-group { padding:30px 0 42px;border-top:1px solid var(--line); }
.category-group > header { display:flex;align-items:center;justify-content:space-between;margin-bottom:17px; }
.category-group > header > div { display:flex;align-items:center;gap:13px; }
.category-group header span { width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:#090909;font-size:.7rem;font-weight:900; }
.category-group h3 { font-size:1.4rem;margin:0;letter-spacing:-.025em; }
.category-group header button { border:0;background:none;color:#96968f;cursor:pointer;font-size:.8rem; }
.agent-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px; }
.agent-card { min-height:300px;border:1px solid #2b2b27;border-radius:18px;background:linear-gradient(155deg,#151515,#0b0b0b);padding:18px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s;overflow:hidden;position:relative; }
.agent-card::after { content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-60px;top:-60px;background:rgba(255,210,31,.12);filter:blur(20px); }
.agent-card:hover { transform:translateY(-3px);border-color:#6f6118; }
.card-top { display:flex;align-items:center;justify-content:space-between;margin-bottom:19px; }
.agent-icon { width:42px;height:42px;display:grid;place-items:center;background:#24220f;color:var(--yellow);border:1px solid #514916;border-radius:12px;font-weight:900;font-size:.8rem; }
.status-badge { color:#9d9d95;font-size:.68rem;border:1px solid #33332e;border-radius:999px;padding:5px 8px; }
.status-badge i { display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--yellow);margin-right:5px;box-shadow:0 0 8px var(--yellow); }
.agent-class { color:var(--yellow);font-size:.67rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800; }
.agent-card h4 { margin:7px 0;font-size:1.02rem;line-height:1.25; }
.agent-card > p { color:#909088;font-size:.8rem;margin:0; }
.platform-tags { display:flex;gap:5px;flex-wrap:wrap;margin-top:14px; }
.platform-tags span,.dialog-platforms span { border:1px solid #2f2f2a;border-radius:5px;padding:3px 5px;color:#85857d;font-size:.61rem;text-transform:uppercase;letter-spacing:.05em; }
.card-actions { margin-top:auto;padding-top:17px;display:flex;gap:7px; }
.card-actions button,.card-actions a { min-height:38px;border-radius:9px;padding:8px 10px;text-decoration:none;font-weight:800;font-size:.75rem;cursor:pointer; }
.card-actions button { border:1px solid #393933;background:#191919; }
.card-actions a { border:1px solid var(--yellow);background:var(--yellow);color:#070707;margin-left:auto; }
.load-more { min-height:50px;border:1px solid #3a3a34;border-radius:999px;background:#111;color:white;padding:10px 25px;margin:20px auto 0;display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:800; }
.load-more[hidden] { display:none; }
.load-more span { color:var(--yellow); }
.empty-state { text-align:center;padding:80px 20px;color:#8e8e86; }
.empty-state span { color:var(--yellow);font-size:3rem;font-weight:900; }

.integrations { padding:100px max(24px,5vw);border-top:1px solid var(--line);display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;background:linear-gradient(140deg,#080808,#11100a); }
.integrations h2 { font-size:clamp(2.4rem,4vw,4.8rem); }
.platform-grid { display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #34342e;border-left:1px solid #34342e; }
.platform-grid article { padding:24px;border-right:1px solid #34342e;border-bottom:1px solid #34342e;min-height:140px; }
.platform-grid strong { color:var(--yellow);font-size:.77rem;letter-spacing:.12em; }
.platform-grid p { color:#999990;font-size:.84rem;margin:15px 0 0; }
.governance { padding:90px max(24px,5vw);border-top:1px solid var(--line);display:grid;grid-template-columns:130px 1fr .75fr;gap:45px;align-items:center; }
.guardrail-mark { width:116px;height:126px;border:1px solid #625719;border-radius:55% 55% 45% 45% / 34% 34% 66% 66%;overflow:hidden;position:relative;background:#03040a;box-shadow:inset 0 0 45px rgba(255,210,31,.08); }
.guardrail-mark img { position:absolute;width:360px;height:360px;max-width:none;left:-122px;top:-80px; }
.governance h2 { font-size:clamp(2.5rem,4vw,4.8rem); }
.governance p:not(.eyebrow) { color:#999990;max-width:720px; }
.governance ul { color:#b9b9b0;line-height:1.9;padding-left:20px; }
.governance li::marker { color:var(--yellow); }
footer { min-height:140px;display:flex;align-items:center;gap:34px;padding:32px max(24px,4vw);border-top:1px solid var(--line);color:#85857e; }
footer .brand { margin:0; } .footer-meta { margin-left:auto;font-size:.78rem; }

dialog { width:min(900px,calc(100% - 28px));max-height:calc(100vh - 32px);color:white;background:#0b0b0b;border:1px solid #554b16;border-radius:24px;padding:0;box-shadow:0 35px 120px #000; }
dialog::backdrop { background:rgba(0,0,0,.84);backdrop-filter:blur(8px); }
.dialog-close { position:sticky;float:right;top:13px;margin:13px;z-index:3;width:40px;height:40px;border:1px solid #373731;border-radius:50%;background:#171717;color:white;cursor:pointer;font-size:1.35rem; }
.dialog-body { padding:42px; }
.dialog-heading { display:flex;align-items:center;gap:16px; }
.dialog-heading p { color:var(--yellow);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;margin:0 0 4px; }
.dialog-heading h2 { margin:0;font-size:clamp(2rem,4vw,3.7rem);line-height:1;letter-spacing:-.045em; }
.dialog-summary { color:#aaa9a1;max-width:760px;font-size:1rem; }
.dialog-platforms { display:flex;gap:6px;flex-wrap:wrap;margin:20px 0 28px; }
.detail-grid { display:grid;grid-template-columns:1fr 1fr;gap:10px; }
.detail-grid section { border:1px solid #2e2e29;background:#111;border-radius:14px;padding:17px; }
.detail-grid h3 { color:var(--yellow);font-size:.73rem;text-transform:uppercase;letter-spacing:.09em;margin:0 0 8px; }
.detail-grid p,.detail-grid li { color:#9e9e96;font-size:.82rem; }
.detail-grid ul { margin:0;padding-left:18px; }
.dialog-actions { margin-top:22px;display:flex;align-items:center;gap:15px; }
.dialog-actions a { background:var(--yellow);color:#070707;text-decoration:none;padding:12px 16px;border-radius:10px;font-weight:900; }
.dialog-actions small { color:#74746d; }

@media (max-width:1180px) { .agent-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{grid-template-columns:1fr .8fr;gap:4vw}.governance{grid-template-columns:100px 1fr}.governance ul{grid-column:2} }
@media (max-width:850px) {
  .topbar nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.copilot-results{min-height:340px}.copilot-idle{height:300px}.section-head,.integrations{grid-template-columns:1fr}.directory-toolbar{grid-template-columns:1fr}.agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.governance{grid-template-columns:1fr}.governance ul{grid-column:auto}.entry-panel{margin-top:-4vh}.entry-scene{object-position:center bottom}.platform-grid{margin-top:10px}.char-3,.char-4,.char-5{display:none}.char-1{left:-3%;}.char-2{left:12%;}.char-6{right:12%;}.char-7{right:-3%;}
}
@media (max-width:570px) {
  .topbar{padding:0 16px}.header-cta{display:none}.hero,.directory,.integrations,.governance{padding-left:18px;padding-right:18px}.hero{min-height:auto}.hero h2{font-size:2.75rem}.copilot-input-row{grid-template-columns:1fr}.copilot-input-row button{min-height:48px}.directory-toolbar{top:84px}.agent-grid{grid-template-columns:1fr}.platform-grid{grid-template-columns:1fr}.entry-panel{width:calc(100% - 46px);padding:24px 18px 26px;margin-top:-2vh;background:linear-gradient(145deg,rgba(4,4,4,.9),rgba(12,10,3,.82));border-radius:24px}.entry-panel h1{font-size:2.45rem}.entry-brand-logo{width:176px;height:176px;margin:-39px auto -18px}.entry-scene{width:190%;left:-45%;max-width:none;opacity:.3}.entry-shade{background:linear-gradient(180deg,rgba(0,0,0,.6),rgba(0,0,0,.08) 64%,rgba(0,0,0,.35)),radial-gradient(circle at center,transparent,#000 94%)}.verse-grid{height:58%;bottom:-25%;background-size:42px 42px}.verse-beam{width:28vw}.char-1,.char-2,.char-6,.char-7{display:none}.mobile-peek{display:block;top:56%;}.peek-left{left:-67px;animation:mobile-peek-left 4.3s ease-in-out infinite}.peek-right{right:-67px;animation:mobile-peek-right 4.8s ease-in-out -1.6s infinite}.verse-particles i:nth-child(even){display:none}.vip-form>div{grid-template-columns:1fr;border-radius:16px}.vip-form input{min-height:48px}.vip-form button{justify-content:center}.category-group header button{display:none}.detail-grid{grid-template-columns:1fr}.dialog-body{padding:30px 20px}.dialog-actions{align-items:flex-start;flex-direction:column}footer{align-items:flex-start;flex-direction:column;gap:12px}.footer-meta{margin:0}
}
@keyframes mobile-peek-left { 0%,100%{transform:translate3d(-20px,12px,30px) rotate(12deg)}38%,62%{transform:translate3d(16px,-8px,80px) rotate(5deg)}46%{transform:translate3d(18px,-18px,90px) rotate(-3deg)} }
@keyframes mobile-peek-right { 0%,100%{transform:translate3d(22px,12px,30px) rotate(-12deg)}38%,62%{transform:translate3d(-18px,-8px,80px) rotate(-5deg)}48%{transform:translate3d(-20px,-18px,90px) rotate(4deg)} }
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto}.entry-world,.entry-scene,.entry-glow,.entry-panel,.verse-grid,.verse-beam,.verse-particles i,.verse-character,.verse-character::after,.mobile-peek,.mobile-peek span,.signal i{animation:none;transition:none}.entry-gate.leaving{animation:none;opacity:0}.agent-card,.match-card{transition:none} }