/* Merope-C / PERC Bot section — scoped styles, shared site theme intact. */
.perc-site{--perc-soft:#a4b7c9;--perc-blue:#8bccfa;--perc-border:#2b4459}
.perc-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center;padding:64px 0 38px;min-height:580px}
.perc-intro{position:relative;z-index:2}.perc-intro h1{font-size:clamp(2.55rem,4.95vw,5rem);line-height:1.05;letter-spacing:-.063em;margin:.33em 0}.perc-intro h1 em{color:#91cdf5;font-style:normal}.perc-spark{font-size:.5em;vertical-align:top;color:#b4dfff}.perc-intro-lead{font-size:1.12rem;line-height:1.75;color:#b9cddd;max-width:600px}.perc-name{display:flex;flex-wrap:wrap;gap:5px 14px;border-left:3px solid #64afe0;padding-left:14px;margin:24px 0 20px}.perc-name-label{color:#96aabc;font-size:.84rem}.perc-name strong{color:#e7f5ff;font-size:.9rem}.perc-chip-row{display:flex;gap:9px;flex-wrap:wrap}.perc-chip{font-size:.76rem;font-weight:700;letter-spacing:.05em;border:1px solid #35536c;padding:6px 12px;background:#192b3b;border-radius:99px;color:#c7e9fc}.perc-chip-beta{background:#163852;color:#b3e1ff;border-color:#549bd0}
.perc-mascot-frame{height:510px;position:relative;overflow:hidden;border:1px solid #2c465e;border-radius:24px;background:radial-gradient(circle at 50% 42%,#2a5073 0%,#132c41 42%,#0c1722 76%);display:flex;align-items:end;justify-content:center;isolation:isolate}.perc-mascot-frame:before{content:"";position:absolute;inset:0;opacity:.65;pointer-events:none;background-image:radial-gradient(2px 2px at 14% 15%,#d4ecff 98%,transparent),radial-gradient(2px 2px at 79% 25%,#a1d8ff 98%,transparent),radial-gradient(1px 1px at 66% 61%,white 98%,transparent),radial-gradient(1.4px 1.4px at 19% 68%,#85c1fd 98%,transparent)}.perc-mascot-frame img{position:relative;z-index:2;object-fit:contain;object-position:center bottom;width:100%;height:100%;max-width:670px;filter:drop-shadow(0 18px 23px #03070ca8)}.perc-halo{position:absolute;width:320px;height:320px;top:55px;border:1px solid #95caff55;transform:rotate(-26deg) scaleX(1.3);border-radius:50%;box-shadow:0 0 92px #2c88b333}.perc-halo-star{position:absolute;color:#c4e9ff;font-size:2rem}.perc-halo-star-one{left:13%;top:26%}.perc-halo-star-two{right:12%;top:51%}.perc-hero-caption{position:absolute;z-index:3;bottom:0;left:0;right:0;font-size:.7rem;font-weight:700;letter-spacing:.2em;color:#d7ecff;background:#081521d7;border-top:1px solid #41607a;padding:12px 18px}.perc-hero-caption span{color:#8bd3ff}
.perc-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--perc-border);background:#101e2bd9;border-radius:15px;overflow:hidden}.perc-facts>div{display:flex;flex-direction:column;padding:19px 22px;border-right:1px solid #2a4358}.perc-facts>div:last-child{border-right:none}.perc-facts strong{font-size:1.46rem;color:#c5eaff;letter-spacing:-.03em}.perc-facts span{color:#91b0c4;font-size:.8rem;margin-top:2px}
.perc-toc{display:flex;flex-wrap:wrap;gap:6px 19px;border-bottom:1px solid var(--perc-border);padding:22px 0;margin-bottom:55px}.perc-toc a{color:#b7cede;font-size:.83rem;font-weight:700}.perc-toc a:hover{color:#a0d7fa}.perc-section{padding:45px 0 55px;scroll-margin-top:125px;border-bottom:1px solid #27394b}.perc-section h2{font-size:clamp(1.85rem,3.7vw,2.75rem);letter-spacing:-.045em;margin:12px 0 18px}.perc-section-lead{color:#a7bdce;max-width:800px;margin:0 0 27px}.perc-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.perc-feature{background:#111f2d;min-height:208px;padding:25px;border:1px solid #2c4358;border-radius:15px}.perc-feature h3{font-size:1.25rem;margin:17px 0 8px}.perc-feature p{color:#afc4d3;font-size:.9rem;margin:0 0 12px}.perc-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#1e3b52;color:#9cdbff;font-size:1.5rem}
.perc-rank-list{display:grid;gap:9px}.perc-rank{display:grid;grid-template-columns:45px minmax(130px,.7fr) 1.3fr;align-items:center;gap:12px;padding:13px 19px;border:1px solid #314458;background:#111c29;border-radius:12px}.perc-rank-number{font-size:.76rem;color:#8ba6b9;font-weight:700}.perc-rank strong{font-family:'Space Grotesk',sans-serif;font-size:1.13rem}.perc-rank>span:last-child{font-size:.87rem;color:#a8c0cf}.perc-common strong{color:#d9e5ed}.perc-uncommon strong{color:#9bd8b1}.perc-rare strong{color:#78caff}.perc-epic strong{color:#b7a4ef}.perc-legendary strong{color:#ffd895}.perc-mythic{background:linear-gradient(90deg,#213e56,#122436);border-color:#71b8e7}.perc-mythic strong{color:#b1e8ff}
.perc-split{display:grid;grid-template-columns:.95fr 1.05fr;gap:17px}.perc-panel,.perc-small-panel{background:#111e2b;border:1px solid #2e4559;border-radius:15px;padding:26px}.perc-cycle-panel{display:flex;flex-direction:column;background:radial-gradient(circle at 55% 25%,#284a65,#122333 63%,#101b27);min-height:450px}.perc-panel-top{font-size:.73rem;letter-spacing:.14em;color:#9edaff;font-weight:700}.perc-big-date{display:block;font:700 clamp(2.6rem,6.6vw,5.8rem)/1.2 'Space Grotesk',sans-serif;color:#f1f9ff;letter-spacing:-.05em;margin:30px 0 12px}.perc-big-date span{color:#87cff6}.perc-cycle-panel p{color:#b9d0e0;max-width:420px}.perc-panel-note{margin-top:auto;color:#b0daf2;border-top:1px solid #405a6e;padding-top:17px;font-size:.82rem}.perc-stack{display:grid;gap:15px}.perc-small-panel{padding:21px 24px}.perc-small-panel h3{margin:0;font-size:1.18rem}.perc-small-panel p{font-size:.86rem;color:#b0c6d7;margin:9px 0}.perc-inline-command{display:inline-block;border:1px solid #32536a;border-radius:6px;background:#1b3446;color:#b7e6ff;font:600 .78rem ui-monospace,SFMono-Regular,Consolas,monospace;padding:3px 8px;margin:4px 4px 0 0}
.perc-command-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.perc-command{display:flex;flex-direction:column;background:#132231;border:1px solid #2c4356;border-radius:11px;padding:15px 18px}.perc-command code{font-weight:700;font-size:.98rem;color:#9fe0ff}.perc-command span{font-size:.83rem;color:#aabfd0;margin-top:5px}.perc-command-note{margin-top:20px}.perc-tech-copy{background:#111d2a;border:1px solid #2e4256;padding:27px;border-radius:15px}.perc-tech-copy p{color:#b1c7d6}.perc-tech-copy strong{color:#e1f1fb}.perc-tech-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.perc-tech-tags span{border:1px solid #3a617c;background:#203950;padding:4px 10px;border-radius:7px;color:#c7e7fa;font-size:.78rem}.perc-system-card{background:#09141e;border:1px solid #35556a;border-radius:15px;padding:18px 22px;overflow:hidden}.perc-console-bar{border-bottom:1px solid #2d485e;padding-bottom:12px;margin-bottom:7px;display:flex;align-items:center;gap:5px}.perc-console-bar>span{width:8px;height:8px;border-radius:100%;background:#57768a}.perc-console-bar>span:nth-child(2){background:#659fbc}.perc-console-bar>span:nth-child(3){background:#9bcde6}.perc-console-bar small{margin-left:auto;color:#86a4b6;font-size:.68rem;letter-spacing:.1em}.perc-system-line{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #1e3445;padding:15px 0}.perc-system-line:last-child{border-bottom:none}.perc-system-line span{color:#89a8bc;font-size:.84rem}.perc-system-line strong{font-size:.87rem;text-align:right;color:#d9f1ff}.perc-back{display:flex;justify-content:space-between;gap:20px;padding:26px 0;color:#8cccfa;font-size:.88rem;font-weight:700}
@media(max-width:900px){.perc-hero{grid-template-columns:1fr;gap:19px;padding-top:44px}.perc-mascot-frame{max-width:610px;width:100%;height:430px}.perc-split{grid-template-columns:1fr}.perc-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.perc-command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.perc-hero{padding:34px 0 24px}.perc-mascot-frame{height:350px}.perc-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.perc-facts>div:nth-child(2){border-right:none}.perc-facts>div:nth-child(-n+2){border-bottom:1px solid #2a4358}.perc-feature-grid,.perc-command-grid{grid-template-columns:1fr}.perc-rank{grid-template-columns:28px 1fr}.perc-rank>span:last-child{grid-column:2}.perc-section{padding:30px 0 35px}.perc-toc{margin-bottom:23px}.perc-tech-copy{padding:20px}}
@media(prefers-reduced-motion:reduce){.perc-site *{scroll-behavior:auto!important}}

/* Featured project banner */
.perc-brand-banner{margin:0 0 24px;background:#080d13;border:1px solid #243749;border-radius:16px;overflow:hidden}
.perc-brand-banner img{width:100%;height:auto;display:block}
.perc-brand-banner figcaption{padding:9px 16px;color:#8fb4ca;font-size:.74rem;letter-spacing:.06em}

/* PERC community pulse: compact, expandable live-data placeholder. */
.perc-pulse{padding:12px 0 30px;scroll-margin-top:100px}
.perc-pulse-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:18px}
.perc-pulse-heading h2{font-size:clamp(1.55rem,2.6vw,2.35rem);margin:7px 0 0}
.perc-pulse-subtitle{color:#a9c5d9;max-width:400px;font-size:.86rem;margin:0}
.perc-pulse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.perc-pulse-item{padding:21px;background:linear-gradient(145deg,#102234,#0a1521);border:1px solid #36536a;border-radius:15px;display:flex;flex-direction:column;gap:8px;min-width:0}
.perc-pulse-label{font-size:.68rem;letter-spacing:.14em;font-weight:800;color:#85cef9}
.perc-pulse-item strong{color:#eff9ff;font-size:1.25rem;line-height:1.25;overflow-wrap:anywhere}
.perc-pulse-item small{color:#a2b9ce;font-size:.79rem}
.perc-pulse-details{border:1px solid #30485d;border-radius:12px;background:#0a1724;margin-top:13px;overflow:hidden}
.perc-pulse-details summary{cursor:pointer;list-style:none;padding:15px 19px;display:flex;align-items:center;justify-content:space-between;color:#c8e8ff;font-weight:700;font-size:.89rem}
.perc-pulse-details summary::-webkit-details-marker{display:none}.perc-pulse-details[open] summary{border-bottom:1px solid #30485d}
.perc-pulse-expanded{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:19px}.perc-pulse-expanded h3{font-size:1rem;margin:0 0 9px}
.perc-pulse-placeholder{color:#9db7ca;line-height:1.6;font-size:.88rem;padding:18px}
.perc-updates{scroll-margin-top:100px}.perc-release-current{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #37566d;border-radius:15px;background:linear-gradient(110deg,#142b3f,#0b1723);padding:22px}
.perc-release-current h3{font-size:1.75rem;margin:7px 0}.perc-release-current p{margin:0;max-width:720px;color:#aec5d7;font-size:.89rem}
.perc-release-tag{border:1px solid #71b7dc;color:#afe3ff;padding:7px 13px;border-radius:999px;font-size:.74rem;letter-spacing:.11em}
.perc-pulse-row{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #243f54;color:#d8edfb}
.perc-pulse-row small{color:#92c1df}
@media(max-width:700px){.perc-pulse-heading{display:block}.perc-pulse-subtitle{margin-top:12px}.perc-pulse-grid{grid-template-columns:1fr}.perc-pulse-item{padding:16px}.perc-pulse-expanded{grid-template-columns:1fr}}