:root{color-scheme:dark;--bg:#0b0d19;--card:#171c2e;--ink:#f6f8ff;--muted:#a8afc2;--cyan:#64dbeb;--purple:#a993f5;--pink:#e88bcb}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.16;letter-spacing:-.05em}p{color:var(--muted)}:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}::selection{background:var(--cyan);color:#121727}
.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-100px;background:var(--cyan);color:#101827;padding:10px 16px;z-index:100;border-radius:9px}.skip-link:focus{top:12px}
.header{height:82px;position:relative;z-index:40;background:#101422e8;border-bottom:1px solid #ffffff12;backdrop-filter:blur(18px)}.nav-shell{height:100%;display:flex;align-items:center;gap:30px}
.brand{display:inline-flex;align-items:center;gap:11px;font-size:24px;letter-spacing:-.06em;font-weight:900;white-space:nowrap}.brand img{object-fit:contain;filter:drop-shadow(0 0 11px #6a9dea50)}.accent{color:var(--cyan)}.pink{color:var(--pink)}
.navigation{display:flex;gap:26px;align-items:center;margin-left:auto}.navigation a{color:#bec6d8;font-size:13px;font-weight:700;transition:color .2s}.navigation a:hover,.footer-links a:hover{color:var(--cyan)}
.nav-button{white-space:nowrap;padding:11px 14px;background:linear-gradient(110deg,#69d9eb,#ab93e8);border-radius:10px;color:#111527;font-size:12px;font-weight:850}.nav-button span{margin-left:5px}.nav-toggle{display:none}
.hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 78% 45%,#32275550,transparent 45%),linear-gradient(160deg,#13192d,#0b0d19 65%);padding:112px 0 113px;overflow:hidden}
.ambient{position:absolute;z-index:-1;border-radius:100%;pointer-events:none;filter:blur(90px)}.ambient-1{background:#2377b241;width:400px;height:350px;left:-220px;top:75px}.ambient-2{background:#9748a239;width:370px;height:350px;right:-175px;bottom:35px}
.hero-grid{display:grid;grid-template-columns:.94fr 1.06fr;align-items:center;gap:45px}.hero-copy{position:relative;z-index:4}.overline,.section-tag{color:#79dceb;letter-spacing:.16em;font-size:10px;font-weight:850;display:inline-flex;align-items:center;gap:9px}
.pill{background:#152b3b90;border:1px solid #4b8ca05e;border-radius:100px;padding:10px 14px}.pulse{display:inline-block;width:7px;height:7px;border-radius:100%;background:#71e2b8;box-shadow:0 0 12px #74e6b78f}.divider-dot{color:#8493aa}
h1{font-size:clamp(49px,5.7vw,79px);font-weight:950;letter-spacing:-.08em;line-height:1.06;margin:30px 0 24px}.gradient{background:linear-gradient(100deg,#68e0ee 0%,#a596f6 56%,#eb8ecc 100%);color:transparent;background-clip:text;-webkit-background-clip:text}
.hero-copy>p{font-size:18px;line-height:1.9;max-width:535px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0 26px}.btn{min-height:51px;padding:12px 20px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:10px;font-size:13px;font-weight:800;text-align:center;transition:transform .18s,border-color .18s}.btn:not(.is-disabled):hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(105deg,#60d9e9,#8a9be9);color:#11162b;box-shadow:0 11px 36px #5498d829}.btn.outline{background:#ffffff0b;border:1px solid #8896b451;color:#f6f8ff}.btn.outline:hover{border-color:#88d9ea}
.hero-note{display:flex;gap:23px;flex-wrap:wrap;color:#a4afc3;font-size:12px}.hero-note b{color:#7fe6b5;margin-right:7px}
.hero-illustration{min-width:0;position:relative;padding:15px 0}.app-window{position:relative;z-index:2;overflow:hidden;background:#12182a;border:1px solid #8ca0d153;border-radius:15px;box-shadow:0 25px 70px #030612b0,0 0 70px #8256bb23;transform:perspective(1100px) rotateY(-6deg) rotateX(2deg)}
.app-top{height:43px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#171d31;padding:0 15px;border-bottom:1px solid #ffffff16;font-size:10px;font-weight:800}.app-top small{color:#7886a0}.dots{display:flex;gap:5px}.dots i{width:7px;height:7px;background:#8a8399;border-radius:50%}.dots i:first-child{background:#f18ba4}.dots i:nth-child(2){background:#f6c577}.dots i:nth-child(3){background:#79dcac}.online-caption{font-size:10px;color:#8b9aaa}.online-caption i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#87e3bb;margin-right:6px}
.app-view{display:flex;min-height:338px}.app-rail{width:53px;background:#111729;border-right:1px solid #ffffff12;padding:11px 7px;display:flex;align-items:center;flex-direction:column;gap:11px}.app-rail img{width:37px;height:37px;object-fit:contain;background:#26314c;border-radius:12px}.app-rail span{width:29px;height:29px;display:grid;place-items:center;background:#28334e;border-radius:11px;color:#c1c7f0;font-size:13px;font-weight:900}.app-rail span:last-child{background:#225145;color:#91e8c0}
.app-channels{width:170px;flex:none;background:#1a2238;display:flex;flex-direction:column;padding:0 7px;border-right:1px solid #ffffff12}
.app-channels .server-name{height:49px;display:flex;align-items:center;padding:0 6px;border-bottom:1px solid #ffffff15;font-size:10px;white-space:nowrap}.app-channels>.channel-header{font-size:8px;letter-spacing:.11em;color:#8291a9;font-weight:850;margin:19px 7px 7px}
.app-channels>span{color:#a4b0c9;font-size:9px;padding:6px 8px;border-radius:6px;white-space:nowrap}.app-channels>.chosen{background:#3a436d;color:#fff}
.self{background:#111b2d;margin:0 -7px;margin-top:auto;padding:10px 7px;display:flex;align-items:center;gap:7px}.self b{width:28px;height:28px;border-radius:50%;background:linear-gradient(#4dd6e1,#7d7be2);display:grid;place-items:center;font-size:11px}.self span{font-size:9px;font-weight:750}.self span small{display:block;font-size:8px;color:#95a6bb}.self i{margin-left:auto;color:#8ae5bd;font-style:normal;font-size:10px}
.app-stage{min-width:0;flex:1;padding:0 11px;background:#121728;display:flex;flex-direction:column}.stage-top{display:flex;justify-content:space-between;align-items:center;height:49px;border-bottom:1px solid #ffffff12;gap:8px}.stage-top strong{font-size:9px}.stage-top span{color:#fcb2c3;font-size:8px;border:1px solid #d8668b66;border-radius:5px;padding:4px;background:#803b5670;font-weight:850}
.stage-area{display:grid;grid-template-columns:1fr 73px;flex:1;gap:8px;margin-top:10px}.shared-screen{position:relative;overflow:hidden;border-radius:8px;min-height:182px;background:radial-gradient(circle at 55% 50%,#5655aab1,transparent 54%),linear-gradient(135deg,#233968,#232448)}
.planet{position:absolute;width:125px;height:125px;border-radius:50%;left:28%;top:14%;background:radial-gradient(circle at 27% 26%,#8bd0e6,#826ddc 60%,#263e79);box-shadow:0 0 32px #7f90cb8a}
.planet:after{content:"";position:absolute;left:-16px;top:42px;width:150px;height:40px;border-radius:50%;border:5px solid #ae9adb88;transform:rotate(-29deg)}
.shared-screen>span{position:absolute;left:20px;top:10px;color:#aee3fa}.shared-screen>small{position:absolute;bottom:0;left:0;right:0;padding:9px;background:#10182abf;color:#e5eefa;font-size:8px}
.faces{display:flex;flex-direction:column;gap:7px}.faces>div{background:#28304b;flex:1;border-radius:7px;display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:55px;gap:4px}.faces b{display:grid;place-items:center;background:linear-gradient(#b386e6,#b95eaa);width:26px;height:26px;border-radius:50%;font-size:10px}.faces>div:nth-child(2) b{background:linear-gradient(#70bee0,#54a88d)}.faces>div:nth-child(3) b{background:linear-gradient(#d699ab,#9b81d9)}.faces small{font-size:7px}
.stage-controls{height:58px;display:flex;justify-content:center;align-items:center;gap:7px}.stage-controls span{width:28px;height:27px;border-radius:8px;background:#2c3653;display:grid;place-items:center;color:#dbe8ff}.stage-controls span:last-child{background:#9e526e}
.floating-label{position:absolute;z-index:4;background:#192740e8;border:1px solid #91b3c870;color:#eaf3fb;padding:10px 13px;border-radius:10px;box-shadow:0 10px 34px #02081999;font-size:11px;font-weight:850}.label-left{top:-11px;left:-22px}.label-right{right:-18px;bottom:44px}
.illustration-disclaimer{margin:13px 0 0;text-align:right;font-size:10px;color:#8293a8}
.section{padding:105px 0}.section-heading{display:flex;justify-content:space-between;gap:45px;align-items:end;margin:19px 0 42px}
.section-heading h2,.technology h2,.download-heading h2,.faq h2,.contact-card h2{font-size:clamp(34px,3.6vw,53px);font-weight:900;letter-spacing:-.065em;max-width:610px;margin:0}
.section-heading>p{max-width:390px;font-size:13px;margin:0;line-height:1.85}
.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.feature{min-height:265px;background:linear-gradient(130deg,#1c2235,#121724);border:1px solid #ffffff17;border-radius:14px;padding:28px;transition:transform .2s,border-color .2s;position:relative;overflow:hidden}
.feature:hover{transform:translateY(-3px);border-color:#8eb5da7a}.feature:first-child{border-color:#7ad4df5c;background:linear-gradient(140deg,#203149,#171a2b)}
.feature-icon{height:49px;width:49px;display:grid;place-items:center;background:#3d92ad30;border-radius:13px;color:#9de9f1;font-size:25px;margin-bottom:22px}.feature-icon.violet{background:#6e53ad38;color:#c2b4fa}.feature-icon.pink-icon{background:#a5498b38;color:#edb8df}
.feature h3{font-size:18px;margin:0 0 9px}.feature p{font-size:12px;line-height:1.85;margin-bottom:25px}.feature small{position:absolute;bottom:23px;left:28px;color:#7dcce0;font-size:9px;letter-spacing:.1em;font-weight:900}
.technology{background:linear-gradient(125deg,#111b2c,#171629);border-block:1px solid #ffffff14}.technology-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:95px;align-items:center}
.technology h2{margin:18px 0}.technology-grid>div>p{max-width:460px;font-size:14px;line-height:1.9}
.tech-list{display:flex;flex-direction:column;gap:14px}.tech-list article{display:flex;gap:20px;align-items:start;padding:22px;background:#ffffff0a;border:1px solid #ffffff19;border-radius:12px}.tech-list article>strong{font-size:12px;color:#8fe4ed;padding-top:4px}.tech-list article>div{flex:1;min-width:0}.tech-list h3{font-size:17px;margin:0 0 5px}.tech-list p{font-size:12px;line-height:1.7;margin:0}
.tech-state{white-space:nowrap;color:#9ce0c1;font-weight:900;font-size:9px;padding:6px 8px;border:1px solid #57ab8e83;border-radius:25px}.tech-state.test-state{color:#eccc9b;border-color:#c29d677e}
.progress{background:#0e1320}.timeline{max-width:870px;margin:auto;border:1px solid #ffffff17;border-radius:14px;background:#191f2f9c;padding:10px 38px}
.timeline article{display:flex;gap:27px;padding:24px 0;border-bottom:1px solid #ffffff14}.timeline article:last-child{border-bottom:0}.timeline .index{font-size:24px;font-weight:850;color:#6b7894;min-width:45px}
.timeline small{font-size:10px;letter-spacing:.12em;font-weight:850;color:#96a1b9}.timeline .completed{color:#81d4ae}.timeline .developing{color:#e4c189}
.timeline h3{font-size:18px;margin:9px 0}.timeline p{font-size:12px;margin:0}
.downloads{background:radial-gradient(ellipse at 48% 13%,#27395b65,transparent 60%),#0b0f1d}.download-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:18px 0 35px}.download-heading p{font-size:13px;line-height:1.85;max-width:640px;margin:17px 0 0}
.status-box{display:flex;align-items:center;gap:9px;border:1px solid #657e9b5a;background:#19253a;padding:9px 11px;border-radius:100px;font-size:10px;color:#b9c8d8;white-space:nowrap}.status-box i{width:7px;height:7px;background:#78dcb7;border-radius:50%;box-shadow:0 0 12px #84e2c19f}
.download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.download-card{border-radius:17px;background:linear-gradient(150deg,#1b3043,#171b29);border:1px solid #6899ab75;padding:32px;min-width:0}.download-card.testers{background:linear-gradient(150deg,#2a2443,#171825);border-color:#8677b877}
.download-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:33px}.download-icon{height:51px;width:51px;background:#3f7d9042;border-radius:12px;display:grid;place-items:center;font-size:25px;color:#9fe5ed}.testers .download-icon{background:#9558b344;color:#e1b3f1}.download-top small{border:1px solid #7bbaad8c;color:#b7ebd7;font-size:9px;font-weight:850;letter-spacing:.11em;padding:6px 10px;border-radius:25px}.testers .download-top small{color:#d8bff9;border-color:#9660c286}
.download-card h3{font-size:26px;margin:0 0 15px}.download-card>p{font-size:13px;line-height:1.8;min-height:70px}.download-version{display:block;font-size:12px;color:#8ddde9;margin:23px 0}.testers .download-version{color:#d0bbf1}
.download-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.download-actions .btn{flex:1;min-width:170px}.secondary-link{font-size:12px;color:#cedcf0;text-decoration:underline;text-underline-offset:4px;font-weight:750}.is-disabled{pointer-events:none;opacity:.42;filter:grayscale(.35)}
.download-caption{display:block;font-size:10px;color:#91a4b8;line-height:1.7;margin-top:18px}.download-footer{display:flex;justify-content:space-between;gap:20px;margin-top:23px;font-size:11px;color:#9aaac1}.download-footer a{color:#93ddec;font-weight:850}
.faq{background:#101624;border-top:1px solid #ffffff15}.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.faq h2{margin:18px 0}.faq-grid>div>p{font-size:14px}.questions{border-top:1px solid #ffffff21}.questions details{border-bottom:1px solid #ffffff21}.questions summary{list-style:none;cursor:pointer;padding:20px 29px 20px 0;position:relative;font-size:14px;font-weight:800}.questions summary::-webkit-details-marker{display:none}.questions summary:after{content:"+";position:absolute;right:2px;top:16px;color:#91e0ed;font-size:20px}.questions details[open] summary:after{content:"−"}.questions details p{font-size:13px;line-height:1.85;margin:-5px 10px 25px 0}
.contact-section{padding:15px 0 100px;background:#101624}.contact-card{background:radial-gradient(circle at 85% 40%,#995da445,transparent 45%),linear-gradient(110deg,#1d3049,#272038);border:1px solid #9e83be68;border-radius:17px;padding:44px;display:flex;justify-content:space-between;align-items:center;gap:40px}.contact-card h2{font-size:clamp(32px,3.3vw,46px);margin:18px 0}.contact-card p{max-width:570px;font-size:12px;line-height:1.8;margin:0}.contact-actions{display:flex;flex-direction:column;gap:12px;flex-shrink:0}
.footer{background:#090c15;border-top:1px solid #ffffff1a;padding:40px 0 22px}.footer-main{display:flex;justify-content:space-between;gap:35px;align-items:center}.footer-brand p{font-size:11px;margin:10px 0 0}.footer-links{display:flex;gap:23px;flex-wrap:wrap}.footer-links a{font-size:12px;color:#adb8c9}
.footer-end{display:flex;justify-content:space-between;gap:22px;border-top:1px solid #ffffff17;margin-top:30px;padding-top:20px;color:#828ea5;font-size:10px;flex-wrap:wrap}
.policy-wrap{max-width:840px;margin:0 auto;padding:85px 0}.policy-wrap h1{font-size:clamp(38px,5vw,58px)}.policy-wrap h2{font-size:21px;margin:36px 0 12px}.policy-wrap p,.policy-wrap li{font-size:14px;line-height:1.9;color:#b5c0d2}.policy-wrap a{text-decoration:underline;text-underline-offset:3px;color:#94deee}.policy-note{padding:18px;background:#192c40;border-radius:12px;border:1px solid #73a4ba6e}
@media(max-width:1100px){.nav-shell{gap:18px}.navigation{gap:14px}.hero-grid{gap:22px}.app-channels{width:140px}.technology-grid{gap:40px}.faq-grid{gap:50px}}
@media(max-width:850px){.nav-button{display:none}.nav-toggle{margin-left:auto;background:transparent;border:1px solid #ffffff48;border-radius:9px;width:40px;height:40px;padding:10px;display:flex;flex-direction:column;justify-content:center;gap:5px}.nav-toggle span{width:100%;height:2px;background:#ecf0fa}.navigation{display:none;position:absolute;top:81px;left:0;right:0;background:#121b2a;border-bottom:1px solid #ffffff21;padding:20px 26px;flex-direction:column;align-items:flex-start;gap:18px;margin:0}.navigation.open{display:flex}.hero{padding:70px 0}.hero-grid{grid-template-columns:1fr;gap:45px}.hero-illustration{max-width:610px;width:100%;margin:auto}.section{padding:75px 0}.section-heading,.download-heading{display:block}.section-heading>p,.download-heading p{margin-top:17px}.status-box{display:inline-flex;margin-top:22px}.features{grid-template-columns:repeat(2,minmax(0,1fr))}.technology-grid,.faq-grid{grid-template-columns:1fr;gap:28px}.contact-card{flex-direction:column;align-items:flex-start}.contact-actions{flex-direction:row;flex-wrap:wrap}.footer-main{align-items:flex-start;flex-direction:column}}
@media(max-width:570px){.container{width:min(100% - 30px,1160px)}.header{height:73px}.navigation{top:72px}.brand{font-size:21px}.brand img{width:38px;height:38px}.hero{padding:55px 0 65px}.hero-copy>p{font-size:15px}.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%}.hero-note{gap:11px}.app-window{transform:none}.app-rail{width:38px;padding:8px 4px}.app-rail img{width:29px;height:29px}.app-rail span{width:26px;height:26px}.app-channels{width:110px;padding:0 4px}.app-channels .server-name{font-size:8px}.app-channels>.channel-header{font-size:7px;margin:15px 2px 4px}.app-channels>span{font-size:7px;padding:5px 2px}.self{padding:7px 3px;margin:0 -4px;margin-top:auto;gap:4px}.self b{width:22px;height:22px;font-size:8px}.self span{font-size:8px}.self span small{font-size:7px}.self i{display:none}.app-view{min-height:285px}.app-stage{padding:0 5px}.stage-top strong{font-size:8px}.stage-area{grid-template-columns:1fr 43px;gap:4px}.shared-screen{min-height:160px}.planet{height:82px;width:82px;left:20%;top:19%}.planet:after{width:100px;left:-12px;height:27px;top:28px}.faces b{width:21px;height:21px;font-size:9px}.faces small{font-size:6px}.stage-controls{height:46px}.stage-controls span{width:24px;height:24px;font-size:12px}.floating-label{display:none}.illustration-disclaimer{text-align:center}.section-heading h2,.technology h2,.download-heading h2,.faq h2,.contact-card h2{font-size:35px}.features,.download-grid{grid-template-columns:1fr}.feature{min-height:225px}.download-card{padding:26px}.download-footer{flex-direction:column}.tech-list article{padding:16px;gap:12px;flex-wrap:wrap}.tech-state{margin-left:28px}.timeline{padding:8px 15px}.timeline article{gap:15px}.timeline .index{font-size:18px;min-width:30px}.contact-card{padding:28px}.contact-actions{width:100%;flex-direction:column}.footer-links{gap:16px}.policy-wrap{padding:65px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:after,*:before{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* UIDiscordiaV2 visual identity on the official website. */
.ui2-site-hero{width:100%;align-self:center;min-width:0;position:relative;z-index:1}
.ui2-site-preview{display:block;width:100%;height:auto;border:1px solid rgba(179,108,250,.5);
 border-radius:18px;background:#0b1120;box-shadow:0 28px 80px #020614ab,0 0 40px #7935cd30}
.ui2-site-hero .illustration-disclaimer{text-align:center;margin:11px 0 0;
 color:#a0a7bf;font-size:11px;line-height:1.6}
.ui2-site-showcase{background:linear-gradient(170deg,rgba(68,35,116,.12),transparent 65%);
 border-top:1px solid #b899ef22;border-bottom:1px solid #b899ef22}
.ui2-site-points{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ui2-site-points article{padding:22px;background:#161b2bb3;border:1px solid #af8ed63d;
 border-radius:16px;min-width:0}
.ui2-site-points span{display:inline-flex;color:#c193ff;font-size:12px;font-weight:850;
 letter-spacing:.1em}
.ui2-site-points h3{font-size:17px;margin:15px 0 9px;color:#f5f5ff}
.ui2-site-points p{font-size:13px;line-height:1.7;color:#abb0c8}
@media(max-width:1050px){.ui2-site-points{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:630px){.ui2-site-points{grid-template-columns:1fr}.ui2-site-points article{padding:18px}}

/* Discórdia 2026 — official site product presentation */
.ui2-site-story{background:linear-gradient(165deg,#10172a,#111a2f 70%,#0d1323)}
.ui2-site-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.ui2-site-story-card{min-width:0;padding:28px;background:linear-gradient(145deg,#1b2741,#151d31);
 border:1px solid #7085b045;border-radius:17px}
.ui2-site-story-card h3{font-size:20px;margin-bottom:13px;color:#f3f4ff}
.ui2-site-story-card p{font-size:13px;line-height:1.75;margin:0;color:#b8c4df}
.ui2-site-tech{display:grid;gap:12px}
.ui2-site-tech article{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:14px;
 background:#19243b;border:1px solid #7895b04a;border-radius:13px;padding:20px}
.ui2-site-tech article strong{font-size:22px;color:#95dfff;letter-spacing:.015em}
.ui2-site-tech article span{font-size:13px;line-height:1.6;color:#b5c4dc}
.ui2-release-notes{display:inline-block;font-size:12px;color:#a7e4f6;text-decoration:underline;
 text-underline-offset:4px;margin-top:-8px;margin-bottom:15px;font-weight:700}
.download-card .is-disabled{opacity:.52;pointer-events:none}
.download-card.testers{border-color:#9f75d080}
.hero .ui2-site-preview{border-radius:15px}
@media(max-width:900px){.ui2-site-story-grid{grid-template-columns:1fr 1fr}}
@media(max-width:630px){.ui2-site-story-grid{grid-template-columns:1fr}.ui2-site-tech article{grid-template-columns:64px 1fr;padding:15px}}

/* Capturas reais de testes: galeria acessível, sem auto-play e sem fotos de marketing. */
.ui2-real-slides{position:relative;display:flex;flex-direction:column;min-width:0;width:100%;padding:9px;border-radius:18px;border:1px solid #766ca782;background:#10182d;box-shadow:0 24px 55px #030819ad}
.ui2-real-slide{position:relative;width:100%;min-width:0}
.ui2-real-slide[hidden]{display:none!important}
.ui2-real-slide>img{display:block;width:100%;height:auto;min-height:205px;max-height:440px;object-fit:contain;aspect-ratio:400/209;border-radius:12px;background:#080d18;image-rendering:auto}
.ui2-real-slide>div{display:grid;gap:5px;min-width:0;padding:12px 9px 5px}
.ui2-real-slide strong{font-size:15px;color:#f7f6ff}
.ui2-real-slide p{font-size:12px;line-height:1.5;color:#b5c3e1;margin:0}
.ui2-real-slide-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 5px 5px}
.ui2-real-slide-controls>button{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;border:1px solid #667cb260;background:#233357;color:#f5f7ff;font-size:23px;cursor:pointer}
.ui2-real-slide-controls>button:hover{background:#50409d}
.ui2-real-slide-dots{display:flex;gap:8px;align-items:center;justify-content:center}
.ui2-real-slide-dots>button{width:9px;height:9px;border:0;border-radius:50%;background:#8393b56e;padding:0;cursor:pointer}
.ui2-real-slide-dots>button.is-current{background:#bd86ff;box-shadow:0 0 0 3px #8b65d536}
.ui2-real-slides :is(button):focus-visible{outline:2px solid #81d5fa;outline-offset:3px}
@media(max-width:700px){.ui2-real-slide>img{min-height:0}.ui2-real-slide>div{padding:10px 6px 3px}}

/* RC7.12: small illustrative status preview, hidden until official assets verify. */
.site-stream-connect-demo{display:flex;align-items:center;justify-content:center;gap:23px;margin:6px 0 25px;padding:24px 28px;border-radius:18px;background:radial-gradient(ellipse at 36% 25%,#263b59,#0c152a 82%);border:1px solid #87d7ff3f;color:#f4f8ff;min-height:116px}
.site-stream-connect-demo strong{font-weight:800;font-size:16px}
.site-stream-connect-demo p{margin:6px 0 0;color:#aabbdd;font-size:12px}
.site-stream-connect-dots{display:flex;gap:6px;align-items:center;min-height:36px}
.site-stream-connect-dots i{display:block;width:9px;height:9px;background:#80ddff;border-radius:100%;animation:site-stream-dot 1.1s ease-in-out infinite;box-shadow:0 0 16px #50c3f55f}
.site-stream-connect-dots i:nth-child(2){animation-delay:.17s}
.site-stream-connect-dots i:nth-child(3){animation-delay:.34s}
@keyframes site-stream-dot{0%,65%,100%{opacity:.4;transform:translateY(0)}33%{opacity:1;transform:translateY(-8px)}}
@media(max-width:600px){.site-stream-connect-demo{flex-direction:column;gap:12px;text-align:center}}
@media(prefers-reduced-motion:reduce){.site-stream-connect-dots i{animation:none;opacity:.95}}

/* Crédito permanente à comunidade de testers, inclusive @Merakh. */
.footer-testers{margin:0 auto;padding:0 24px 20px;max-width:1180px;text-align:center;color:#aeb6c8;font-size:12px;line-height:1.7}
.footer-testers strong{font-weight:750;color:#cee6f5}

/* RC18 — visual concept, not a screenshot or a simulation of actual runtime metrics. */
.concept-hero{isolation:isolate;padding:30px 0 35px;min-height:460px}
.concept-glow{position:absolute;z-index:-1;inset:6% -12%;background:radial-gradient(ellipse at center,#58c7fa2e,transparent 67%);filter:blur(28px);pointer-events:none}
.concept-window{position:relative;overflow:hidden;max-width:670px;margin-inline:auto;border:1px solid #7ebee355;border-radius:19px;background:linear-gradient(147deg,#12223ee9,#101420fa);box-shadow:0 35px 90px #020617bd,0 0 75px #5ec1ed16;transform:perspective(1100px) rotateY(-4deg) rotateX(2deg)}
.concept-titlebar{display:flex;align-items:center;gap:9px;height:44px;padding:0 15px;border-bottom:1px solid #a6d8e122;background:#071321a8}
.concept-titlebar strong{font-size:10px;letter-spacing:.14em}.concept-title-sub{font-size:9px;color:#95adca}.concept-window-dots{margin-left:auto;font-size:7px;letter-spacing:2px;color:#98a9c5}.concept-brandmark{display:grid;place-items:center;width:23px;height:23px;background:#1f4260;border-radius:7px;font-weight:900;font-size:15px;line-height:1}.concept-brandmark span{color:#8fe4f7;font-size:9px}
.concept-layout{display:flex;min-height:344px}
.concept-rail{width:48px;flex:none;display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 7px;background:#071323c7;border-right:1px solid #aedbff1f}
.concept-rail span{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:#ffffff08;color:#aabed1;font-size:20px}.concept-rail .concept-rail-active{border:1px solid #71d9ef77;background:#21577c77;color:#a3edff}
.concept-channels{width:145px;flex:none;background:linear-gradient(180deg,#0e2539bd,#0d1727de);border-right:1px solid #b1def21c;padding:12px 9px}
.concept-community{display:flex;align-items:center;gap:8px;padding:6px 0 13px;margin-bottom:12px;border-bottom:1px solid #b9dce522}
.concept-community-art{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#8fd8ed14;border:1px solid #a9e9fc42;color:#a9edfc;font-size:18px}
.concept-community strong,.concept-community small{display:block;white-space:nowrap}.concept-community strong{font-size:10px;line-height:1.2}.concept-community small{font-size:8px;color:#8fabc2;margin-top:4px}
.concept-channel-heading{font-size:8px;font-weight:800;letter-spacing:.16em;color:#89a5bc;margin:14px 3px 7px}.concept-channel{border-radius:6px;padding:5px 7px;color:#a0b8d4;font-size:10px;white-space:nowrap}.concept-channel.active{color:#b5e8f9;background:#5ebdea22}
.concept-stage{flex:1;min-width:0;display:flex;flex-direction:column;padding:15px;background:linear-gradient(150deg,#11203972,#07142172)}
.concept-stage-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.concept-stage-top small{color:#77bad4;font-size:8px;letter-spacing:.17em;font-weight:800;display:block}.concept-stage-top strong{font-size:13px;color:#e5f0ff}.concept-live{font-size:8px;font-weight:850;border:1px solid #67c6b775;background:#183e4077;color:#9cecd5;border-radius:20px;padding:5px 7px;white-space:nowrap}.concept-live span{display:inline-block;background:#83e5b8;width:5px;height:5px;border-radius:50%}
.concept-visual{flex:1;min-height:205px;position:relative;overflow:hidden;display:grid;place-items:center;margin:14px 0;border-radius:12px;border:1px solid #77c9e84b;background:radial-gradient(ellipse at 58% 44%,#609fd35e,transparent 31%),radial-gradient(circle at 24% 72%,#925cd83d,transparent 35%),linear-gradient(135deg,#11283d,#071523 75%)}
.concept-visual::before,.concept-visual::after{content:"";position:absolute;inset:-50%;background:repeating-conic-gradient(from 40deg at 50% 50%,transparent 0 22deg,#b6e9ff05 23deg 25deg,transparent 26deg 46deg);animation:concept-drift 28s linear infinite;pointer-events:none}.concept-visual::after{animation-direction:reverse;opacity:.4}
.concept-visual-orbit{position:absolute;width:210px;height:210px;border:1px solid #91c9ff2d;border-radius:50%;box-shadow:0 0 90px #83b9f02b, inset 0 0 70px #446dce21}
.concept-visual-core{position:relative;z-index:2;text-align:center;display:grid;justify-items:center;gap:8px}.concept-play{display:grid;place-items:center;width:48px;height:48px;border:1px solid #92e5ff92;border-radius:50%;color:#d9f7ff;background:#2c6c9c4d;box-shadow:0 0 36px #65c6ff6b;font-size:18px}.concept-visual-core strong{font-size:12px;letter-spacing:.01em;color:#f6fbff}.concept-visual-core small{font-size:9px;color:#b0c6d9}
.concept-stage-bottom{display:flex;align-items:center;gap:6px;font-size:9px;color:#9eb2ca}.concept-face{display:grid;place-items:center;width:22px;height:22px;border:2px solid #102238;border-radius:50%;font-size:9px;font-weight:800}.face-a{background:#4d7b92;color:white}.face-b{background:#704978;color:white}.face-c{background:#ae6554;color:white}.concept-stage-bottom>span{margin-left:4px}
.concept-meter{display:flex;align-items:flex-end;gap:3px;margin-left:auto;height:15px}.concept-meter i{width:3px;border-radius:3px;background:#72e0c3;height:7px;animation:concept-level 1.6s ease-in-out infinite alternate}.concept-meter i:nth-child(2){height:12px;animation-delay:.3s}.concept-meter i:nth-child(3){height:9px;animation-delay:.5s}.concept-meter i:nth-child(4){height:15px;animation-delay:.2s}.concept-meter i:nth-child(5){height:5px;animation-delay:.6s}
.concept-bubble{position:absolute;z-index:3;padding:10px 14px;border-radius:12px;border:1px solid #a5dcf761;backdrop-filter:blur(16px);background:#122038de;box-shadow:0 16px 38px #04081684;color:#e7f8ff;font-size:11px;font-weight:750;letter-spacing:.01em}.concept-bubble-theme{top:7px;right:-15px}.concept-bubble-stream{bottom:45px;left:-12px;border-color:#b69beb6c}.concept-caption{margin:11px 0 0;font-size:10px;text-align:center;color:#9cb0c7;letter-spacing:.03em}
.concept-rc{padding:85px 0;border-top:1px solid #94c8ef20;background:radial-gradient(ellipse at 50% 5%,#23426338,transparent 62%)}
.concept-theme-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.concept-theme{min-height:217px;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;border-radius:16px;border:1px solid #c1e2ed24;box-shadow:inset 0 -95px 90px #070b17ac,0 20px 50px #03061275;transition:transform .22s}.concept-theme:hover{transform:translateY(-5px)}.concept-theme>span{font-size:45px;margin-bottom:auto}.concept-theme h3{font-size:19px;color:#fff;letter-spacing:-.03em;margin:8px 0 5px}.concept-theme p{font-size:12px;color:#c9d6e5;line-height:1.5;margin:0}
.concept-theme-fuyuki{background:radial-gradient(circle at 50% 30%,#a2bb6c61,transparent 42%),linear-gradient(140deg,#2c4639,#071313)}.concept-theme-ctr{background:radial-gradient(circle at 50% 15%,#f5a43d7d,transparent 44%),linear-gradient(140deg,#19549d,#0c1c38)}.concept-theme-night{background:radial-gradient(circle at 50% 20%,#f8ca7685,transparent 32%),linear-gradient(145deg,#4e266b,#1b0a3b)}
@keyframes concept-drift{to{transform:rotate(360deg)}}@keyframes concept-level{to{height:3px;opacity:.55}}
@media(max-width:1100px){.concept-window{transform:none}.concept-bubble-theme{right:0}.concept-bubble-stream{left:0}}
@media(max-width:760px){.concept-hero{min-height:0;padding-top:20px}.concept-window{max-width:560px}.concept-theme-row{grid-template-columns:1fr}.concept-theme{min-height:160px}.concept-theme>span{font-size:32px}}
@media(max-width:510px){.concept-channels{display:none}.concept-layout{min-height:285px}.concept-rail{width:40px}.concept-stage{padding:9px}.concept-visual{min-height:175px}.concept-bubble{position:relative;display:inline-flex;top:auto;bottom:auto;left:auto;right:auto;margin:8px 7px 0 0;padding:7px 9px;font-size:10px}.concept-caption{margin-top:14px}.concept-title-sub{display:none}}
@media(prefers-reduced-motion:reduce){.concept-visual::before,.concept-visual::after,.concept-meter i{animation:none}.concept-theme{transition:none}}


/* Histórico público das RCs — mantido após a transição para Stable. */
[hidden]{display:none!important}
.release-history{background:linear-gradient(150deg,#101a2b,#111324);border-block:1px solid #ffffff17}
.release-history-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 24px}
.release-history-highlights article{padding:22px;border:1px solid #ffffff20;border-radius:15px;background:#ffffff08;min-width:0}
.release-history-highlights strong{font-size:16px;color:#a1e5ec}
.release-history-highlights p{font-size:12px;line-height:1.75;margin:9px 0 0}
.release-history-expand{border:1px solid #7086a45c;border-radius:14px;background:#141d2c;overflow:hidden}
.release-history-expand summary{cursor:pointer;padding:18px 23px;color:#e5edf8;font-size:14px;font-weight:800}
.release-history-expand[open] summary{border-bottom:1px solid #ffffff1f}
.release-history-list{list-style:none;counter-reset:milestones;padding:12px 22px 18px;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:26px;row-gap:0}
.release-history-list li{min-width:0;border-bottom:1px solid #ffffff12;padding:16px 0}
.release-history-list strong{font-size:13px;color:#a3e2ed}
.release-history-list p{margin:7px 0 0;font-size:12px;line-height:1.7}
.release-history-footnote{font-size:11px;margin:16px 0 0}
.download-grid:has(#rc-download-card[hidden]){grid-template-columns:minmax(0,700px);justify-content:center}
@media(max-width:800px){.release-history-highlights{grid-template-columns:1fr}.release-history-list{grid-template-columns:1fr}}

/* Aviso de compatibilidade dos canais legados com regras Firebase em evolução. */
.n27-compatibility-alert{
 margin-top:22px;padding:17px 20px;border:1px solid #debd734d;
 border-radius:14px;background:#251d20;color:#ecd8b4;
 font-size:13px;line-height:1.7
}
.n27-compatibility-alert strong{color:#ffe3b6}