@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--base:#080a10;--base2:#0c0e17;--surface:#11141e;--raised:#171b29;--line:rgba(176,172,219,.13);--text:#f5f4fa;--muted:#9a9aac;--violet:#a38dff;--violet-strong:#896aff;--bright:#c3bbff;--wide:1220px;--font:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;--display:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif}
[hidden]{display:none!important}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--base);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}.shell{width:min(var(--wide),calc(100% - 90px));margin-inline:auto}::selection{background:rgba(163,141,255,.34)}
.site-body{background:radial-gradient(ellipse 90% 32% at 62% 9%,rgba(75,45,147,.12),transparent 65%),#080a10;overflow-x:hidden}.site-noise{position:fixed;pointer-events:none;inset:0;z-index:60;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
/* Shared header */
.site-header{height:88px;border-bottom:1px solid rgba(255,255,255,.065);position:relative;z-index:30;background:rgba(8,10,16,.72);backdrop-filter:blur(20px)}.topbar{height:100%;display:flex;align-items:center;justify-content:space-between;gap:36px}.brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;font:800 23px var(--display);letter-spacing:-1.2px}.brand img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 3px 9px #0006)}.brand-dot{color:var(--violet)}.nav-links{display:flex;gap:38px;color:#b4b5c5;font-size:13px;font-weight:600;margin-left:auto;margin-right:auto}.nav-links a{transition:color .2s}.nav-links a:hover{color:#fff}.nav-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:52px;padding:0 23px;border:1px solid transparent;border-radius:10px;font-weight:800;font-size:13px;letter-spacing:-.1px;white-space:nowrap;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-3px)}.button-header{background:#171925;border:1px solid rgba(197,188,251,.15);min-height:43px;padding:0 16px;color:#f6f5fc;border-radius:9px;gap:11px;font-size:12px}.button-header:hover{background:#222439;border-color:#685caa}.nav-disc{color:#ad9bff;font-size:18px;line-height:1}.arrow{font-size:18px;font-weight:400}.button-primary{background:linear-gradient(117deg,#b0a1ff,#9383ff 60%,#8675e9);color:#111022;box-shadow:0 11px 37px rgba(126,101,244,.18),inset 0 1px 0 #ffffff90}.button-primary:hover{box-shadow:0 15px 46px rgba(126,101,244,.28)}.button-secondary{border-color:rgba(205,202,246,.22);color:#e5e4ee;background:linear-gradient(150deg,#191c28,#12141e)}.button-secondary:hover{border-color:rgba(165,148,255,.58);background:#202130}.button-icon{font-size:19px;font-weight:400}.tiny-line{width:22px;height:1px;background:var(--violet);display:inline-block}.section-overline,.eyebrow{display:flex;align-items:center;gap:13px;font:800 10px var(--font);color:#b7a8ff;letter-spacing:2.15px}.eyebrow-sep,.section-overline span{color:#5d536f}
/* Hero */
.hero-shell{position:relative;overflow:hidden;border-bottom:1px solid rgba(184,162,255,.09);background:radial-gradient(ellipse 31% 46% at 76% 36%,rgba(87,57,172,.16),transparent 88%)}.hero-shell:before{content:'';position:absolute;right:-12%;top:0;height:100%;width:70%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(121,83,201,.02));transform:skewX(-15deg)}.hero-grid{position:relative;min-height:658px;display:grid;grid-template-columns:52% 48%;align-items:center;padding:28px 0 25px}.hero-copy{position:relative;z-index:3;padding-bottom:2px}.hero-copy h1{font:800 clamp(52px,5.6vw,81px)/1.115 var(--display);letter-spacing:-4.9px;margin:27px 0 22px;white-space:nowrap}.hero-heading-accent{color:#c2b2ff;text-shadow:0 0 54px rgba(123,93,237,.12)}.hero-copy>p{font:400 16px/1.95 var(--font);color:#a3a4bb;max-width:470px;margin:0 0 31px}.hero-buttons{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero-buttons .button{min-height:55px}.hero-corner-info{margin-top:66px;display:flex;align-items:center;gap:10px;color:#85889f;font-size:11px}.status-led{display:inline-block;min-width:6px;min-height:6px;border-radius:50%;background:#b3a3ff;box-shadow:0 0 15px #a68aff9a}.hero-visual{position:relative;height:590px;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:visible}.hero-visual::before{content:'';position:absolute;width:570px;height:570px;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 81px,rgba(167,139,255,.085) 82px 83px,transparent 84px 111px);opacity:.7;transform:scaleY(.78);z-index:-3}.hero-visual::after{content:'';position:absolute;width:540px;height:510px;background:radial-gradient(ellipse,rgba(100,65,213,.23),transparent 61%);filter:blur(22px);z-index:-2}.ambient-orb{position:absolute;width:480px;height:480px;background:radial-gradient(circle at 50% 55%,rgba(150,99,255,.13),transparent 60%);filter:blur(6px);z-index:-1}.logo-float{z-index:3;width:min(90%,470px);position:relative;margin-top:-45px;animation:logo-hover 5.8s ease-in-out infinite;will-change:transform}.motion-logo{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 24px 22px rgba(0,0,0,.7)) drop-shadow(0 0 47px rgba(122,97,249,.19));transition:filter .4s}.hero-visual:hover .motion-logo{filter:drop-shadow(0 22px 30px #000d) drop-shadow(0 0 58px rgba(154,114,255,.34))}.platform-floor{position:absolute;width:380px;height:94px;left:50%;top:74%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(147,111,255,.32) 0%,rgba(95,65,212,.13) 31%,rgba(95,65,212,.02) 59%,transparent 73%);filter:blur(9px);z-index:-1;animation:floor-pulse 5.8s ease-in-out infinite}.platform-floor::after{content:'';position:absolute;inset:35% 18%;border:1px solid rgba(188,153,255,.35);border-radius:50%;box-shadow:0 0 28px rgba(156,107,255,.35)}.platform-floor-center{position:absolute;inset:48% 43%;border-radius:50%;background:#bbaaff;filter:blur(15px)}.platform-ring{position:absolute;top:66%;left:50%;border:1px solid rgba(143,120,218,.3);border-radius:50%;transform:translate(-50%,-50%) rotateX(67deg);pointer-events:none}.platform-ring-outer{width:540px;height:410px;box-shadow:0 0 30px #7654db0b}.platform-ring-inner{width:395px;height:320px;border-color:rgba(186,163,255,.27)}.scene-rail{position:absolute;z-index:2;color:#777492;font:800 9px var(--font);letter-spacing:2px;display:flex;align-items:center;gap:11px}.scene-rail-top{top:64px;right:18px}.scene-rail-bottom{bottom:62px;left:58px}.rail-dash{display:block;width:42px;height:1px;background:#504563}.scene-cross{position:absolute;font:400 30px var(--font);color:#8474aa;opacity:.55;z-index:2}.scene-cross-left{top:28%;left:3%}.scene-cross-right{right:2%;bottom:29%;font-size:21px}.hero-serial{position:absolute;right:5%;bottom:22%;writing-mode:vertical-rl;letter-spacing:3px;color:#73678c;font-size:9px;font-weight:800}.hero-bottom{height:67px;display:flex;align-items:center;gap:30px;font:800 10px var(--font);letter-spacing:1.8px;color:#858199}.hero-bottom-track{flex:1;height:1px;background:linear-gradient(90deg,#4b3f71,rgba(146,135,181,.05))}.hero-bottom a{color:#c2b9e1;text-transform:none;letter-spacing:0;font-size:12px;font-weight:700}.hero-bottom a span{margin-left:12px}.hero-bottom a:hover{color:#fff}
/* Feature mosaic */
.feature-section{padding:119px 0 125px}.section-intro{margin-bottom:45px}.intro-grid{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:23px}.intro-grid h2,.how-copy h2,.final-cta h2{font:800 clamp(38px,4.5vw,57px)/1.15 var(--display);letter-spacing:-2.5px;margin:0}.intro-grid h2 em,.how-copy h2 em{color:#aaa1c6;font-style:normal}.intro-grid p{max-width:365px;font-size:14px;line-height:1.85;color:#9b9bb1;margin:0 0 6px}.feature-mosaic{display:grid;grid-template-columns:1.1fr 1fr 1fr;grid-template-rows:300px 267px;gap:15px}.feature-item{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:linear-gradient(154deg,#181b27,#0d0f18 74%);border:1px solid rgba(194,176,250,.12);border-radius:19px;padding:26px 27px;transition:transform .26s,border-color .26s,box-shadow .26s}.feature-item:hover{transform:translateY(-5px);border-color:rgba(188,159,255,.35);box-shadow:0 22px 48px rgba(0,0,0,.2)}.feature-primary{grid-row:span 2;background:radial-gradient(circle at 50% 39%,rgba(109,71,229,.22),transparent 40%),linear-gradient(150deg,#1b1935,#10121d 74%)}.feature-moderation{grid-column:2/4;background:radial-gradient(ellipse at 75% 10%,rgba(82,104,192,.09),transparent 58%),linear-gradient(145deg,#151822,#0d1019)}.feature-music{background:radial-gradient(ellipse at 79% 48%,rgba(112,64,198,.17),transparent 62%),#14151f}.feature-tools{background:linear-gradient(160deg,#181a25,#11141d)}.tile-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.tile-index{font:800 10px var(--font);letter-spacing:1.7px;color:#9c93b6}.tile-icon{font-size:19px;font-weight:400;color:#b4a2ff}.tile-copy{position:relative;z-index:2}.tile-copy h3{font:800 22px/1.25 var(--display);letter-spacing:-.75px;margin:0 0 12px}.feature-primary .tile-copy h3{font-size:29px;letter-spacing:-1.1px}.tile-copy p{max-width:320px;color:#9d9faf;font-size:13px;line-height:1.8;margin:0}.protection-scene{position:absolute;top:15%;left:12%;height:320px;width:76%;display:grid;place-items:center;isolation:isolate}.protection-ring{position:absolute;border:1px solid #9686e13b;border-radius:50%;width:260px;height:260px;box-shadow:0 0 35px #8d65f012}.pr-2{width:350px;height:350px;border-color:#a094e01a}.protection-ring:after{content:'';position:absolute;inset:30px;border:1px dashed #9788cb26;border-radius:50%}.protection-center{width:164px;height:164px;border-radius:50%;background:radial-gradient(circle,#27223c,#0f1320 78%);box-shadow:0 0 55px #9970d629,0 0 0 1px #a38df346;display:grid;place-items:center}.protection-center img{width:113px;filter:drop-shadow(0 10px 15px #0008)}.protection-spoke{position:absolute;bottom:-5px;color:#77748f;font:700 8px var(--font);letter-spacing:2px}.mini-command{width:78%;padding:17px 20px;display:flex;gap:9px;align-items:center;align-self:flex-end;background:#111722;border:1px solid #4d4a6929;border-radius:12px;box-shadow:0 15px 30px #0005;transform:rotate(-3deg) translate(5px,14px);font:800 22px var(--display);color:#f4f1fc;letter-spacing:-.4px}.cmd-prompt{color:#a992ff}.cmd-cursor{height:23px;width:2px;background:#a992ff;animation:blink 1.15s step-end infinite}.cmd-hint{font-size:11px;color:#777e91;margin-left:auto;letter-spacing:0}.music-scope{position:absolute;right:-12px;top:44px;width:138px;height:138px;display:grid;place-items:center;opacity:.85}.music-vinyl{position:absolute;width:121px;height:121px;border-radius:50%;background:repeating-radial-gradient(circle at center,#1e1933 0 2px,#32294b 3px 4px,#151726 5px 8px);border:1px solid #5d477b;box-shadow:0 0 42px #7c53b31e;animation:vinyl-spin 18s linear infinite}.music-vinyl:after{content:'';position:absolute;inset:41%;border-radius:50%;background:#9b84db;border:5px solid #272036}.music-bars{position:absolute;display:flex;align-items:center;gap:4px;bottom:-12px;right:49px}.music-bars i{height:14px;width:3px;background:#a896fa;box-shadow:0 0 13px #9e84fc94;border-radius:5px;animation:bar-rise 1s ease-in-out alternate infinite}.music-bars i:nth-child(2n){height:27px;animation-delay:-.37s}.music-bars i:nth-child(3n){height:19px;animation-delay:-.61s}.tool-flow{display:flex;gap:5px;margin-left:2px;margin-top:12px;flex-wrap:wrap}.tool-flow span{border:1px solid #504b633d;background:#212130;color:#9f99ba;padding:8px 10px;border-radius:6px;font-weight:800;font-size:9px;letter-spacing:.6px}.tool-flow span:nth-child(2){color:#c0afff;border-color:#7660a45b}
/* How */
.how-section{border-block:1px solid #8475ba22;background:radial-gradient(ellipse 45% 84% at 2% 50%,rgba(95,65,180,.1),transparent),#10121b}.how-inner{padding:112px 0;display:grid;grid-template-columns:1fr 1fr;gap:13%;align-items:center}.how-copy h2{margin:27px 0 22px}.how-copy>p{font-size:14px;line-height:1.9;color:#a2a0b6;max-width:450px}.text-link{display:inline-flex;align-items:center;gap:26px;color:#c1b0ff;font-size:13px;font-weight:800;border-bottom:1px solid rgba(188,159,255,.35);padding:12px 0;margin-top:11px}.text-link:hover{color:#fff;border-color:#fff}.how-flow{border-top:1px solid #5a507c63}.how-step{display:flex;gap:26px;padding:28px 0;border-bottom:1px solid #5a507c63;align-items:start}.step-count{font-size:11px;color:#b49dfb;font-weight:800}.how-step div{flex:1}.how-step strong{display:block;font:800 16px var(--display);letter-spacing:-.3px;margin-bottom:7px}.how-step small{display:block;font-size:13px;color:#9694ae;line-height:1.6}.step-mark{color:#8a79c4}.final-cta{padding:109px 0 106px;display:flex;align-items:center;justify-content:space-between;gap:40px}.final-cta h2{margin:24px 0 17px}.final-cta h2 span{color:#b9abed}.final-cta p{font-size:13px;color:#9592ab}.final-cta-action{display:flex;flex-direction:column;align-items:center;gap:26px}.final-cta-action img{filter:drop-shadow(0 0 17px #9a80ff52)}.footer{min-height:89px;border-top:1px solid #56527236;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:1.5px;color:#79798e}.footer a:hover{color:#b8a8ff}.toast{position:fixed;z-index:80;bottom:28px;left:50%;max-width:min(520px,90vw);padding:13px 20px;transform:translate(-50%,17px);opacity:0;pointer-events:none;color:#e9e5fc;font-size:13px;line-height:1.55;background:#1d1c2d;border:1px solid #6f6098;border-radius:11px;box-shadow:0 18px 52px #0009;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}
/* Dashboard: consistent with site, but a tool instead of a marketing landing page */
.dash-body{min-height:100vh;background:radial-gradient(ellipse 70% 45% at 78% 0%,rgba(97,68,184,.13),transparent 80%),#090b12}.dash-layout{min-height:100vh;display:grid;grid-template-columns:272px minmax(0,1fr)}.dash-sidebar{display:flex;flex-direction:column;gap:30px;border-right:1px solid #615a8538;background:linear-gradient(180deg,#12131f,#0d0f18);padding:28px 16px}.dash-sidebar .brand{padding:5px 15px 20px;border-bottom:1px solid #6d638633}.dash-sidebar .brand img{height:38px;width:38px}.sidebar-heading{font:800 10px var(--font);letter-spacing:1.7px;color:#777289;margin:10px 17px 13px}.side-items{display:grid;gap:5px}.side-items button{width:100%;display:flex;align-items:center;gap:15px;min-height:46px;text-align:left;color:#9b9aa9;font:700 13px var(--font);border:1px solid transparent;background:transparent;padding:10px 15px;border-radius:11px;transition:.2s}.side-items button:hover{background:#231f3685;color:#fff}.side-items button.active{background:linear-gradient(90deg,#3828539f,#201d325e);border-color:#7e61bf39;color:#e8e1ff;box-shadow:inset 3px 0 #ad97fc}.side-items button .symbol{min-width:21px;color:#a699d7;font-size:20px;text-align:center}.side-bottom{margin-top:auto;padding:18px 14px;border-top:1px solid #514b623e;font-size:12px;color:#88869b}.side-bottom a:hover{color:#d9d0ff}.dash-main-wrap{min-width:0}.dash-top{height:84px;display:flex;align-items:center;gap:20px;justify-content:space-between;padding:0 45px;border-bottom:1px solid #5b55733d;background:rgba(13,15,25,.34)}.dash-path{display:flex;align-items:center;gap:10px;font-size:12px;color:#77758e}.dash-path strong{font-weight:800;color:#e7e2f8}.dash-user{display:flex;align-items:center;gap:11px;border:1px solid #514c6a5b;background:#191a2a;border-radius:10px;padding:6px 8px 6px 7px}.dash-user img{width:31px;height:31px;border-radius:8px;object-fit:cover}.dash-user-name{font-weight:700;color:#dcd9e8;font-size:12px}.dash-logout{padding:7px 11px;border:0;border-left:1px solid #6057735b;background:transparent;color:#b9b3c8;font-size:11px;font-weight:800}.dash-logout:hover{color:#fff}.dash-main{max-width:1270px;margin:auto;padding:62px 53px 100px}.dash-kicker{display:inline-flex;align-items:center;gap:9px;color:#ad96f3;font-size:10px;font-weight:800;letter-spacing:2px}.dash-kicker::before{content:'';display:inline-block;width:18px;height:1px;background:#a48beb}.dash-title{font:800 clamp(34px,3.4vw,51px)/1.17 var(--display);letter-spacing:-2.1px;margin:21px 0 15px}.dash-description{color:#9593aa;font-size:14px;line-height:1.8;margin:0}.dash-toolbar{display:flex;align-items:center;justify-content:space-between;margin:44px 0 18px;gap:20px}.dash-toolbar h2{font:800 16px var(--display);letter-spacing:-.4px;margin:0}.reload{border:1px solid #615b784d;padding:10px 15px;background:#1a1a29;color:#c8c1dc;font-size:12px;border-radius:9px}.reload:hover{background:#29233c;color:#fff}.guild-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.guild-card{display:flex;align-items:center;gap:17px;position:relative;overflow:hidden;padding:22px 19px;min-height:116px;border:1px solid #5e567a53;background:linear-gradient(135deg,#1b1c2b,#121522);border-radius:14px;transition:transform .2s,border-color .2s}.guild-card::before{content:'';position:absolute;right:-70px;top:-65px;width:170px;height:170px;background:radial-gradient(circle,#9270e21a,transparent 70%);pointer-events:none}.guild-card:hover{transform:translateY(-3px);border-color:#9a85ef77}.guild-avatar{width:58px;height:58px;display:grid;place-items:center;flex-shrink:0;border-radius:16px;background:linear-gradient(140deg,#362e5c,#241d3c);color:#ddd0ff;font:800 23px var(--display);overflow:hidden}.guild-avatar img{width:100%;height:100%;object-fit:cover}.guild-text{min-width:0;flex:1}.guild-text strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:800;margin-bottom:8px}.guild-text small{font-size:11px;color:#a29cb7;line-height:1.4;display:block}.guild-card button,.guild-card a{position:relative;font:800 11px var(--font);padding:9px 13px;border-radius:8px;border:0;white-space:nowrap;background:#a998fa;color:#110f1e}.guild-card a.muted-link{background:#28283a;color:#e3ddf8;border:1px solid #665d8157}.empty-guilds,.status-notice{border:1px solid #665c804e;border-radius:12px;background:#161722;padding:22px 23px;color:#a5a0b5;font-size:13px;line-height:1.85}.status-notice{margin-top:26px}.lock-screen{position:relative;overflow:hidden;max-width:560px;margin:45px auto;padding:54px 45px 49px;border-radius:21px;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(112,79,214,.16),transparent),linear-gradient(150deg,#1e1b31,#10121d);border:1px solid #806ba65f;text-align:center;box-shadow:0 40px 110px #0007}.lock-screen::before{content:'';position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:340px;height:290px;border-radius:50%;border:1px solid #9f8dd123}.lock-screen img{width:92px;height:92px;object-fit:contain;filter:drop-shadow(0 0 25px #ad92ee52);animation:logo-hover 6s ease-in-out infinite}.lock-screen h1{font:800 31px var(--display);letter-spacing:-1px;margin:22px 0 11px}.lock-screen p{font-size:13px;color:#aaa7c1;line-height:1.9}.lock-screen .button{margin-top:19px}.lock-screen small{display:block;color:#85809b;margin-top:22px;line-height:1.7}.server-back{border:0;background:transparent;color:#bcabff;font-size:13px;font-weight:800;padding:0;margin:17px 0 0}.module-list{margin-top:29px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.module-card{background:linear-gradient(155deg,#1c1b2c,#11131e);border:1px solid #72628854;border-radius:15px;padding:29px 30px;min-height:170px;position:relative;overflow:hidden}.module-card:before{content:'';position:absolute;right:-70px;top:-70px;width:190px;height:190px;background:radial-gradient(circle,#a58bf41a,transparent 70%)}.module-card h3{font:800 20px var(--display);margin:0 0 13px;letter-spacing:-.4px}.module-card p{font-size:13px;color:#a09fb4;line-height:1.8}.module-card small{color:#ad9ce5;font-size:10px;letter-spacing:1.2px;font-weight:800}.mobile-side-toggle{display:none}.dash-body .status-notice#auth-loading{max-width:440px;margin:130px auto;text-align:center}.dashboard-hero{position:relative;padding:25px 27px 32px;margin:-10px -26px 20px;border-radius:18px;border:1px solid rgba(144,125,210,.11);background:linear-gradient(125deg,rgba(55,41,94,.14),transparent 68%)}.dashboard-hero::after{content:'R';position:absolute;font:800 170px/1 var(--display);right:34px;top:4px;color:#967bde0b;pointer-events:none}.dashboard-hero>*{position:relative;z-index:2}
@keyframes logo-hover{0%,100%{transform:translateY(-8px) rotate(-1deg)}50%{transform:translateY(17px) rotate(1deg)}}@keyframes floor-pulse{0%,100%{opacity:.85;transform:translateX(-50%) scale(.95)}50%{opacity:1;transform:translateX(-50%) scale(1.14)}}@keyframes blink{50%{opacity:0}}@keyframes vinyl-spin{to{transform:rotate(360deg)}}@keyframes bar-rise{to{transform:scaleY(.46)}}
@media(max-width:1110px){.hero-copy h1{font-size:clamp(44px,5vw,70px);letter-spacing:-3px}.feature-mosaic{grid-template-rows:285px 255px}.protection-scene{left:5%;width:90%}.hero-visual{height:520px}.scene-rail-bottom{left:20px}.platform-ring-outer{width:440px;height:340px}.hero-grid{min-height:610px}.dash-layout{grid-template-columns:244px 1fr}.dash-main{padding:50px 34px 80px}}
@media(max-width:830px){.shell{width:min(var(--wide),calc(100% - 48px))}.topbar{gap:15px}.nav-links{gap:18px;margin:auto}.hero-grid{grid-template-columns:1fr 1fr;min-height:550px}.hero-copy h1{font-size:clamp(41px,5.3vw,55px);letter-spacing:-2.6px}.hero-copy>p{font-size:14px}.hero-visual{height:440px}.scene-rail,.hero-serial{display:none}.platform-ring-outer{width:360px;height:270px}.platform-ring-inner{width:270px;height:210px}.feature-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:330px 260px 260px}.feature-primary{grid-row:span 2}.feature-moderation{grid-column:auto}.feature-tools{grid-column:1/3}.protection-scene{top:9%}.mini-command{width:100%;margin-bottom:35px}.how-inner{gap:8%}.dash-layout{grid-template-columns:218px 1fr}.dash-sidebar{padding:20px 10px}.dash-top{padding:0 25px}.guild-list{grid-template-columns:1fr}}
@media(max-width:660px){.shell{width:calc(100% - 36px)}.site-header{height:72px}.topbar{gap:10px}.brand{font-size:20px}.brand img{width:35px;height:35px}.nav-toggle{margin-left:auto;order:2;display:inline-flex;align-items:center;justify-content:center;border:1px solid #71669150;background:#15151f;color:#dbd5ed;border-radius:8px;width:38px;height:38px;font-size:18px}.nav-links{display:none;position:absolute;top:71px;left:0;right:0;padding:25px 22px;flex-direction:column;gap:24px;background:#12131f;border-bottom:1px solid #51456a;box-shadow:0 22px 45px #0008}.nav-links.open{display:flex}.button-header{margin-left:auto;min-height:37px;font-size:11px;padding:0 12px;gap:5px}.button-header .nav-disc{display:none}.hero-grid{grid-template-columns:1fr;min-height:0;padding:55px 0 0}.hero-copy h1{font-size:clamp(38px,10.1vw,59px);letter-spacing:-2.9px;white-space:normal}.hero-copy>p{max-width:490px;font-size:14px;line-height:1.8}.hero-buttons{gap:9px}.hero-buttons .button{flex:1;min-width:0;min-height:49px;padding:0 9px;font-size:12px;gap:8px}.hero-corner-info{margin-top:29px}.hero-visual{height:380px;margin-top:5px}.logo-float{width:min(79%,330px);margin-top:-21px}.platform-ring-outer{width:400px;height:290px}.platform-ring-inner{width:270px;height:205px}.platform-floor{width:310px;top:76%}.scene-cross{display:none}.hero-bottom{min-height:55px;height:auto;gap:12px;font-size:8px;letter-spacing:1px}.hero-bottom a{font-size:10px;white-space:nowrap}.feature-section{padding:73px 0 80px}.intro-grid{display:block}.intro-grid h2,.how-copy h2,.final-cta h2{font-size:clamp(34px,9vw,43px);letter-spacing:-1.5px}.intro-grid p{margin-top:18px}.feature-mosaic{grid-template-columns:1fr;grid-template-rows:390px 242px 242px 235px;gap:11px}.feature-primary,.feature-moderation,.feature-tools{grid-row:auto;grid-column:auto}.feature-item{padding:22px 24px}.feature-primary .tile-copy h3{font-size:25px}.protection-scene{top:-2%;left:20%;width:60%;transform:scale(.8)}.mini-command{width:86%;margin-bottom:0;transform:rotate(-2deg) translate(0,10px)}.music-scope{top:42px}.how-inner{grid-template-columns:1fr;gap:43px;padding:79px 0}.how-step{padding:22px 0}.final-cta{padding:78px 0;display:block}.final-cta-action{margin-top:32px;align-items:flex-start}.final-cta-action img{display:none}.footer{min-height:100px;gap:12px;flex-wrap:wrap;font-size:9px}.dash-layout{display:block}.dash-sidebar{position:fixed;z-index:45;inset:0 auto 0 0;width:266px;transform:translateX(-100%);transition:transform .25s;box-shadow:25px 0 75px #0009}.dash-sidebar.open{transform:translateX(0)}.mobile-side-toggle{display:block;background:#211c30;color:#c9bafa;border:1px solid #6c618c5b;border-radius:8px;padding:7px 10px;font-size:18px}.dash-top{height:72px;padding:0 15px;gap:9px}.dash-path{font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dash-user{padding:4px;gap:5px}.dash-user-name{display:none}.dash-logout{font-size:10px;padding:6px}.dash-main{padding:37px 18px 70px}.dashboard-hero{margin:-3px -5px 15px;padding:24px 18px;border-radius:13px}.dashboard-hero::after{font-size:130px;right:5px}.dash-title{font-size:34px}.guild-list,.module-list{grid-template-columns:1fr}.guild-card{padding:16px 13px;gap:12px;min-height:100px}.guild-avatar{width:48px;height:48px}.guild-card button,.guild-card a{font-size:10px;padding:8px 9px}.lock-screen{margin:40px 0;padding:40px 18px;border-radius:16px}.module-card{padding:23px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.logo-float{transform:none!important}}

/* Meaningful onboarding instead of artificial stats */
.dashboard-guidance{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;margin:38px 0 0;padding:33px 34px;border:1px solid rgba(153,127,230,.2);border-radius:18px;background:radial-gradient(ellipse at 4% 5%,rgba(97,77,198,.14),transparent 60%),linear-gradient(120deg,#151522,#11131d)}
.guide-head .section-overline{font-size:9px}.guide-head h2{font:800 25px var(--display);letter-spacing:-.9px;margin:18px 0 10px}.guide-head p{color:#9691aa;font-size:12px;line-height:1.8;max-width:400px;margin:0}.guide-steps{display:grid;gap:0}.guide-steps>div{display:grid;grid-template-columns:30px 1fr;column-gap:15px;padding:11px 0;border-bottom:1px solid #64577935}.guide-steps>div:last-child{border:0}.guide-steps span{grid-row:span 2;color:#b39efa;font-weight:800;font-size:11px}.guide-steps strong{font-size:12px;font-weight:800;color:#e7e2f0}.guide-steps small{color:#88869d;font-size:11px;margin-top:4px;line-height:1.4}
@media(max-width:1050px){.dashboard-guidance{grid-template-columns:1fr;gap:23px}}@media(max-width:660px){.dashboard-guidance{margin:25px 0 0;padding:25px 20px}}

/* v0.5 — quieter product design: one hero, one short feature strip, no clutter. */
.rexo-home-v05{background:#0a0b10;color:#f2f0f7;overflow-x:hidden}
.rexo-home-v05 .site-header{height:79px;background:rgba(10,11,16,.92);border-color:rgba(204,192,250,.075)}
.rexo-home-v05 .topbar{max-width:1120px}
.rexo-home-v05 .brand{font:800 22px var(--display);letter-spacing:-.9px;gap:10px}
.rexo-home-v05 .brand img{width:39px;height:39px;user-select:none;-webkit-user-drag:none}
.rexo-home-v05 .nav-links{margin-left:auto;margin-right:28px;font-weight:600;color:#a4a0b5}
.rexo-home-v05 .button{border-radius:9px;font-size:13px;min-height:49px;box-shadow:none;transition:background .18s,border-color .18s,transform .18s}
.rexo-home-v05 .button:hover{transform:translateY(-2px)}
.rexo-home-v05 .button-header{min-height:41px;background:#1b1a23;border:1px solid #3e3748;color:#efecf6}
.rexo-home-v05 .button-primary{background:#aa94f0;color:#120f1d;border-color:#c1b0ff;font-weight:800}
.rexo-home-v05 .button-primary:hover{background:#b6a2fb}
.rexo-home-v05 .button-secondary{background:transparent;border:1px solid #4a4556;color:#eae7f0}
.rexo-home-v05 .button-secondary:hover{background:#17151f;border-color:#8e7aa6}
.rexo-home-v05 .nav-disc{font-size:13px;color:#b9a1fe}
.v05-hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid #29252f;background:radial-gradient(ellipse 54% 90% at 79% 43%,rgba(67,46,91,.19),transparent 75%),linear-gradient(180deg,#0a0b10,#101018 110%)}
.v05-hero:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.35;background:repeating-linear-gradient(90deg,transparent 0,transparent 139px,rgba(190,171,216,.04) 140px);mask-image:linear-gradient(90deg,transparent 10%,#000 72%);pointer-events:none}
.v05-hero-grid{max-width:1120px;display:grid;grid-template-columns:50% 50%;align-items:center;min-height:645px;gap:0;padding-block:45px}
.v05-copy{position:relative;z-index:3;padding-bottom:0}
.v05-label{font-size:10px;letter-spacing:1.8px;color:#a599b5;font-weight:800;display:flex;align-items:center;gap:12px}
.v05-label span{width:22px;height:2px;border-radius:5px;background:#a58bdb}
.v05-copy h1{font:800 clamp(45px,5.0vw,70px)/1.115 var(--display);letter-spacing:-3.8px;white-space:nowrap;margin:27px 0 20px}
.v05-copy h1 em{color:#b5a7c9;font-style:normal}
.v05-copy p{color:#a8a4b6;font-size:16px;line-height:1.7;margin:0 0 31px;max-width:460px}
.v05-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.v05-actions .button{min-height:51px;gap:20px}
.v05-more{display:inline-flex;align-items:center;gap:17px;color:#9993a6;font-size:12px;border-bottom:1px solid #54475c;padding-block:8px;margin-top:56px}
.v05-more:hover{color:#e6dfea;border-color:#b0a3c7}
.v05-art{position:relative;display:grid;place-items:center;min-width:0;height:540px;isolation:isolate;user-select:none;-webkit-user-select:none}
.v05-art *, .v05-art img{user-select:none;-webkit-user-select:none;pointer-events:none;-webkit-user-drag:none}
.v05-art-halo{position:absolute;width:min(86%,490px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#3d304876 0%,#281e3570 29%,#19141f63 53%,transparent 72%);filter:blur(24px);z-index:-2}
.v05-art-arc{position:absolute;width:460px;height:460px;max-width:96%;max-height:90%;border:1px solid rgba(175,145,206,.13);border-left-color:rgba(175,145,206,.035);border-right-color:rgba(175,145,206,.035);border-radius:50%;transform:rotate(-16deg);z-index:-1}
.v05-logo-float{position:relative;width:min(92%,450px);aspect-ratio:1;display:grid;place-items:center;animation:v05-float 8.5s ease-in-out infinite;transform:translateY(-8px)}
.v05-motion{display:block;width:100%;height:auto;object-fit:contain;filter:brightness(.70) contrast(1.03) saturate(.75) drop-shadow(0 26px 40px rgba(0,0,0,.68));opacity:.94}
.v05-floor-glow{position:absolute;width:min(74%,350px);height:32px;left:50%;bottom:54px;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(154,110,209,.22) 0%,rgba(122,77,154,.11) 40%,transparent 74%);filter:blur(13px);z-index:-2}
.v05-floor-line{position:absolute;width:min(71%,340px);height:64px;left:50%;bottom:50px;transform:translateX(-50%) perspective(200px) rotateX(67deg);border:1px solid rgba(156,128,199,.32);border-radius:50%;background:radial-gradient(ellipse,rgba(102,74,125,.06),transparent 70%);z-index:-1}
@keyframes v05-float{0%,100%{transform:translateY(-16px)}50%{transform:translateY(11px)}}
.v05-capabilities{background:#101017;padding:70px 0 49px}
.v05-capabilities>.shell{max-width:1120px}
.v05-features-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px}
.v05-kicker{display:block;color:#b9a7db;font:800 10px var(--font);letter-spacing:1.8px;margin-bottom:13px}
.v05-features-heading h2{font:800 clamp(25px,3vw,35px)/1.25 var(--display);letter-spacing:-1.15px;margin:0}
.v05-features-heading p{font-size:12px;color:#aaa5b6;max-width:265px;margin:0}
.v05-feature-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.v05-feature-row article{display:flex;align-items:center;gap:17px;border:1px solid rgba(170,150,198,.16);border-radius:11px;background:#17171f;min-height:105px;padding:19px 21px;transition:border-color .2s,background .2s}
.v05-feature-row article:hover{border-color:rgba(180,150,216,.39);background:#1c1925}
.v05-feature-glyph{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:10px;color:#c1addc;font-size:25px;background:#2a2433}
.v05-feature-row h3{font:800 16px var(--display);letter-spacing:-.4px;margin:0 0 4px}
.v05-feature-row p{font-size:12px;color:#9b96aa;margin:0;line-height:1.45}
.v05-more-features{border-top:1px solid #37303e;margin-top:27px;padding-top:20px;color:#bdb4c9}
.v05-more-features summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;font-size:12px;font-weight:700;max-width:175px}
.v05-more-features summary::-webkit-details-marker{display:none}
.v05-more-features[open] summary span{transform:rotate(45deg)}
.v05-more-features summary span{font-size:18px;line-height:1.2;transition:transform .2s}
.v05-expanded{display:flex;gap:8px;flex-wrap:wrap;padding-top:20px}
.v05-expanded span{padding:11px 13px;font-size:12px;color:#bab2c4;background:#181621;border:1px solid #3a3143;border-radius:7px}
.rexo-home-v05 .footer{min-height:77px;border-color:#2b2534;color:#777184;letter-spacing:.4px;font-size:11px;max-width:1120px}
@media(max-width:1000px){.v05-copy h1{font-size:clamp(40px,5.25vw,60px);letter-spacing:-2.7px}.v05-hero-grid{min-height:570px}.v05-art{height:470px}.v05-features-heading{align-items:start}}
@media(max-width:760px){.v05-hero-grid{grid-template-columns:1fr;min-height:auto;padding:53px 0 25px}.v05-copy h1{font-size:clamp(40px,8.5vw,62px)}.v05-art{height:395px;margin-top:7px}.v05-logo-float{width:min(76%,320px)}.v05-art-arc{width:340px;height:340px}.v05-floor-line{bottom:30px}.v05-floor-glow{bottom:33px}.v05-more{margin-top:27px}.v05-features-heading{display:block}.v05-features-heading p{margin-top:9px}.v05-feature-row{grid-template-columns:1fr}.v05-feature-row article{min-height:81px}.rexo-home-v05 .nav-links{margin-left:auto;margin-right:0}}
@media(max-width:660px){.rexo-home-v05 .site-header{height:72px}.v05-hero-grid{padding-top:50px}.v05-copy h1{font-size:clamp(39px,10vw,55px);letter-spacing:-2.5px;white-space:normal}.v05-copy p{font-size:14px;line-height:1.7}.v05-actions .button{padding-inline:12px;flex:1;min-width:0;gap:7px;font-size:11px}.v05-label{font-size:9px}.v05-art{height:345px;margin-top:6px}.v05-logo-float{width:min(77%,290px)}.v05-art-arc{width:300px;height:300px}.v05-capabilities{padding:48px 0 37px}.v05-feature-row article{padding:14px 15px}.rexo-home-v05 .nav-links{margin:0}.rexo-home-v05 .nav-links.open{background:#14121a}.v05-features-heading h2{font-size:26px}.rexo-home-v05 .footer{min-height:85px}}
@media(prefers-reduced-motion:reduce){.v05-logo-float{animation:none}}


/* v0.6: Feature catalog. Shown as real capabilities, not fake dashboard statistics. */
.v06-capabilities{position:relative;background:radial-gradient(ellipse 62% 260px at 50% 0,rgba(95,61,176,.15),transparent 85%),#101119;padding:78px 0 92px;overflow:hidden;border-top:1px solid rgba(210,185,255,.09)}
.v06-capabilities:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(1120px,100%);height:1px;background:linear-gradient(90deg,transparent,rgba(164,139,255,.51),transparent)}
.v06-capabilities>.shell{max-width:1120px;position:relative}
.v06-features-heading{display:flex;align-items:end;justify-content:space-between;gap:34px;margin-bottom:31px}
.v06-features-heading .v05-kicker{color:#b9a1fc;font-size:10px;letter-spacing:2.1px;margin-bottom:12px}
.v06-features-heading h2{font-size:clamp(32px,3.8vw,44px);letter-spacing:-1.9px;line-height:1.15}
.v06-features-heading p{max-width:330px;font-size:13px;line-height:1.75;color:#a3a6b8;margin:0 0 3px}
.rexo-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.rexo-feature-card{--card-color:#b3a0fc;--card-bg:rgba(146,121,246,.12);position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:235px;padding:24px 25px 20px;background:linear-gradient(155deg,rgba(29,31,44,.97),rgba(21,22,31,.97));border:1px solid rgba(183,176,218,.12);border-radius:14px;isolation:isolate;overflow:hidden;transition:border-color .22s ease,background .22s ease,transform .22s ease}
.rexo-feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--card-color),transparent 70%);opacity:.56}
.rexo-feature-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--card-color) 40%,transparent);background:linear-gradient(160deg,rgba(36,38,51,.98),rgba(22,23,33,.98))}
.rexo-card-top{display:flex;width:100%;align-items:start;justify-content:space-between;margin-bottom:20px}
.rexo-feature-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:11px;color:var(--card-color);background:var(--card-bg);border:1px solid color-mix(in srgb,var(--card-color) 17%,transparent)}
.rexo-feature-icon svg{width:23px;height:23px;display:block;flex:none}
.rexo-card-index{font:700 11px var(--font);letter-spacing:1px;color:#5b5e73}
.rexo-feature-card h3{font:800 17px/1.3 var(--display);color:#f0f0f8;letter-spacing:-.55px;margin:0 0 9px}
.rexo-feature-card p{color:#a7a9ba;font-size:12.5px;line-height:1.63;margin:0 0 19px;max-width:320px}
.rexo-feature-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.rexo-feature-tags span{display:inline-block;padding:5px 8px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035);color:#9ca1b8;border-radius:5px;font:600 10px/1.1 var(--font)}
.rexo-tone-violet{--card-color:#aa91ff;--card-bg:rgba(149,119,255,.12)}
.rexo-tone-blue{--card-color:#7daaff;--card-bg:rgba(73,123,230,.13)}
.rexo-tone-teal{--card-color:#69cbbb;--card-bg:rgba(70,191,175,.10)}
.rexo-tone-pink{--card-color:#e69bbf;--card-bg:rgba(218,103,163,.10)}
.rexo-tone-amber{--card-color:#e8bc83;--card-bg:rgba(208,147,72,.11)}
@media(max-width:880px){.rexo-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rexo-feature-card{min-height:224px}.v06-features-heading{align-items:start}}
@media(max-width:620px){.v06-capabilities{padding:55px 0 65px}.v06-features-heading{display:block;margin-bottom:25px}.v06-features-heading h2{font-size:29px;letter-spacing:-1px}.v06-features-heading p{margin-top:13px;max-width:320px}.rexo-feature-grid{grid-template-columns:1fr;gap:10px}.rexo-feature-card{min-height:0;padding:21px 20px 19px}.rexo-card-top{margin-bottom:14px}.rexo-feature-card p{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.rexo-feature-card{transition:none}.rexo-feature-card:hover{transform:none}}


/* v0.7: Seven editorial feature categories; fewer cards, no artificial statistics. */
.v07-capabilities{background:#0e1018;padding:82px 0 66px;border-top:1px solid rgba(176,159,209,.10);position:relative;overflow:hidden}
.v07-capabilities:before{content:"";position:absolute;width:min(960px,90%);height:1px;top:0;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(168,142,245,.38),transparent)}
.v07-capabilities>.shell{max-width:1120px;position:relative}
.v07-features-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:29px}
.v07-section-label{font:800 10px var(--font);letter-spacing:2.1px;color:#ae9bd6;display:block;margin-bottom:13px}
.v07-features-heading h2{font:800 clamp(29px,3.6vw,42px)/1.17 var(--display);letter-spacing:-1.7px;color:#f5f2fb;margin:0}
.v07-features-heading>p{font-size:13px;line-height:1.65;max-width:285px;color:#9797a7;margin:0 0 3px}
.rexo-v07-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}
.rexo-v07-card{--accent:#ac91ff;--accent-rgb:172,145,255;grid-column:span 4;position:relative;display:flex;flex-direction:column;min-width:0;min-height:236px;padding:25px 25px 20px;background:#171a24;border:1px solid #2b2e3a;border-radius:13px;overflow:hidden;isolation:isolate;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.rexo-v07-card:after{content:"";position:absolute;top:-74px;right:-92px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.12),transparent 68%);pointer-events:none;z-index:-1;transition:transform .28s ease}
.rexo-v07-card:hover{transform:translateY(-2px);background:#1b1e2a;border-color:rgba(var(--accent-rgb),.42)}
.rexo-v07-card:hover:after{transform:scale(1.2)}
.rexo-v07-card:focus-within{outline:2px solid var(--accent);outline-offset:3px}
.rexo-v07-card:nth-child(1),.rexo-v07-card:nth-child(2),.rexo-v07-card:nth-child(6),.rexo-v07-card:nth-child(7){grid-column:span 6;min-height:215px}
.rexo-v07-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}
.rexo-v07-icon{width:47px;height:47px;border:1px solid rgba(var(--accent-rgb),.22);border-radius:11px;background:rgba(var(--accent-rgb),.105);display:grid;place-items:center;color:var(--accent)}
.rexo-v07-icon svg{width:23px;height:23px;display:block}
.rexo-v07-mark{display:flex;gap:4px;align-items:center;padding:7px 0;opacity:.38}
.rexo-v07-mark i{width:4px;height:4px;border-radius:50%;background:var(--accent);display:block}
.rexo-v07-card h3{font:800 19px/1.24 var(--display);letter-spacing:-.58px;color:#f2f0fa;margin:0 0 10px}
.rexo-v07-card p{font-size:13px;line-height:1.6;color:#a5a4b6;margin:0 0 18px;max-width:390px}
.rexo-v07-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}
.rexo-v07-tags span{font:600 10px/1.3 var(--font);letter-spacing:.1px;color:#c5c1d3;padding:6px 9px;border-radius:5px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.065)}
.rexo-v07-security{--accent:#b59cff;--accent-rgb:181,156,255}
.rexo-v07-moderation{--accent:#8bb9f5;--accent-rgb:139,185,245}
.rexo-v07-roles{--accent:#81d3c2;--accent-rgb:129,211,194}
.rexo-v07-messages{--accent:#e2b789;--accent-rgb:226,183,137}
.rexo-v07-support{--accent:#a6b8ed;--accent-rgb:166,184,237}
.rexo-v07-applications{--accent:#d6a7c7;--accent-rgb:214,167,199}
.rexo-v07-music{--accent:#bdadfd;--accent-rgb:189,173,253}
.v07-footnote{font-size:11px;color:#777a8a;line-height:1.5;margin:18px 0 0}
/* Fewer visual elements above the fold; keep the authentic user-supplied GIF. */
.rexo-home-v05 .v05-hero-grid{min-height:560px}
.rexo-home-v05 .v05-art{height:465px}
.rexo-home-v05 .v05-art-arc{opacity:.63}
.rexo-home-v05 .v05-art-halo{opacity:.72}
.rexo-home-v05 .v05-floor-line{opacity:.68}
.rexo-home-v05 .v05-motion{filter:brightness(.68) contrast(1.04) saturate(.78) drop-shadow(0 22px 36px rgba(0,0,0,.64))}
.rexo-home-v05 .v05-more{margin-top:41px}
@media(max-width:870px){.rexo-v07-card:nth-child(n){grid-column:span 6;min-height:220px}.rexo-v07-card:last-child{grid-column:span 12;min-height:200px}.v07-features-heading{align-items:start}}
@media(max-width:760px){.rexo-home-v05 .v05-hero-grid{min-height:auto}.rexo-home-v05 .v05-art{height:380px}}
@media(max-width:620px){.v07-capabilities{padding:55px 0 57px}.v07-features-heading{display:block;margin-bottom:25px}.v07-features-heading h2{font-size:30px;letter-spacing:-1px}.v07-features-heading>p{margin-top:10px;max-width:350px}.rexo-v07-grid{gap:10px}.rexo-v07-card:nth-child(n){grid-column:span 12;min-height:0;padding:19px 20px 20px}.rexo-v07-head{margin-bottom:15px}.rexo-v07-card h3{font-size:18px}.rexo-v07-card p{font-size:12.5px;margin-bottom:16px}.rexo-v07-tags span{font-size:10px}.rexo-home-v05 .v05-art{height:330px}}
@media(prefers-reduced-motion:reduce){.rexo-v07-card,.rexo-v07-card:after{transition:none}.rexo-v07-card:hover{transform:none}}


/* v0.8 / independent feature cards + bottom invite panel. */
.v08-capabilities{background:#202630;color:#f6f7fa;padding:94px 0 62px;border-top:1px solid #333948;position:relative}
.v08-capabilities:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,#9567fe 0 29%,#59adff 29% 52%,#6cdcc3 52% 75%,#ffca6d 75%)}
.v08-shell{max-width:1140px}
.v08-intro{display:flex;align-items:end;justify-content:space-between;gap:36px;margin:0 0 30px}
.v08-eyebrow{display:inline-flex;font-weight:800;letter-spacing:2.2px;font-size:10px;color:#bfb1ff;margin-bottom:12px}
.v08-intro h2{font:800 clamp(34px,4.3vw,47px)/1.1 var(--display);letter-spacing:-2px;margin:0;color:#fff}
.v08-intro>p{max-width:360px;font-size:14px;line-height:1.7;color:#c2c6d1;margin:0 0 4px}
.v08-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.v08-feature{--tone:#b9a0ff;--toneRGB:185,160,255;min-width:0;display:flex;flex-direction:column;min-height:293px;background:#2b323d;border:1px solid #444c59;border-radius:16px;padding:24px 25px 19px;box-shadow:0 4px 13px rgba(0,0,0,.08);position:relative;transition:transform .18s,border-color .18s,background .18s}
.v08-feature:hover{transform:translateY(-3px);background:#303844;border-color:rgba(var(--toneRGB),.7)}
.v08-feature-top{display:flex;align-items:start;justify-content:space-between;gap:8px;margin-bottom:21px}
.v08-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:13px;background:var(--tone);color:#131720;box-shadow:0 8px 20px rgba(var(--toneRGB),.19)}
.v08-icon svg{width:25px;height:25px}
.v08-status{font:700 10px var(--font);padding:7px 9px;background:#494154;color:#e2c1eb;border:1px solid #635169;border-radius:6px}
.v08-feature h3{font:800 19px/1.28 var(--display);letter-spacing:-.7px;margin:0 0 11px;color:#fff}
.v08-feature>p{font:500 13px/1.67 var(--font);color:#d0d4dc;margin:0 0 20px;max-width:330px}
.v08-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-bottom:16px}
.v08-tags span{font:700 10px/1.25 var(--font);background:rgba(8,12,20,.23);color:#d5dce6;padding:6px 9px;border-radius:6px;border:1px solid rgba(194,202,215,.12)}
.v08-feature-detail{border-top:1px solid rgba(255,255,255,.11);margin:0 -3px;padding-top:12px;font:600 12px/1.55 var(--font);color:#d2d5dd}
.v08-feature-detail summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;outline-offset:4px;min-height:21px}
.v08-feature-detail summary::-webkit-details-marker{display:none}
.v08-feature-detail summary span{font:500 22px/1 var(--font);color:var(--tone);transition:transform .18s}
.v08-feature-detail[open] summary span{transform:rotate(45deg)}
.v08-feature-detail ul{margin:13px 0 0;padding:0 0 0 16px;color:#c4c9d4;font:500 12px/1.65 var(--font)}
.v08-feature-detail li+li{margin-top:5px}
.v08-raid{--tone:#b6a0ff;--toneRGB:182,160,255}
.v08-automod{--tone:#6dd6a5;--toneRGB:109,214,165}
.v08-moderation{--tone:#ff8b80;--toneRGB:255,139,128}
.v08-roles{--tone:#95b5ff;--toneRGB:149,181,255}
.v08-welcome{--tone:#ffbd67;--toneRGB:255,189,103}
.v08-messages{--tone:#64d0cf;--toneRGB:100,208,207}
.v08-support{--tone:#ffa7cc;--toneRGB:255,167,204}
.v08-applications{--tone:#c29dff;--toneRGB:194,157,255}
.v08-community{--tone:#ffe16e;--toneRGB:255,225,110}
.v08-music{--tone:#cb98ff;--toneRGB:203,152,255}
.v08-voice{--tone:#78d3ff;--toneRGB:120,211,255}
.v08-utility{--tone:#9de3c3;--toneRGB:157,227,195}
.v08-disclaimer{font:500 12px/1.6 var(--font);color:#a8afbd;margin:22px 0 0}
.v08-join{background:#202630;padding:2px 0 74px}
.v08-join>.shell{max-width:1140px}
.v08-join-inner{position:relative;overflow:hidden;isolation:isolate;min-height:280px;display:flex;align-items:center;border-radius:20px;background:linear-gradient(105deg,#6c4bbe 0%,#5535a1 54%,#32265a 100%);border:1px solid #8a69d6;padding:44px 54px}
.v08-join-inner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.06),transparent 65%);z-index:-1}
.v08-join-copy{position:relative;z-index:2;max-width:640px}
.v08-join-overline{font:800 10px/1 var(--font);letter-spacing:2.4px;color:#d8c9ff}
.v08-join h2{font:800 clamp(30px,4.2vw,48px)/1.12 var(--display);letter-spacing:-1.6px;margin:16px 0 12px;color:#fff}
.v08-join h2 em{font-style:normal;color:#cfbfff}
.v08-join p{color:#f1ebff;font-size:14px;line-height:1.66;max-width:470px;margin:0 0 24px}
.v08-join-actions{display:flex;align-items:center;flex-wrap:wrap;gap:19px}
.v08-join-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:13px 19px;background:#fff;border:1px solid #fff;border-radius:8px;color:#342264;font:800 12px var(--font);transition:transform .18s,background .18s}
.v08-join-button:hover{transform:translateY(-2px);background:#f2ebff}
.v08-join-login{font:800 12px var(--font);color:white;text-decoration:underline;text-underline-offset:5px}
.v08-join-graphic{position:absolute;right:0;top:0;bottom:0;width:340px;pointer-events:none}
.v08-join-graphic img{position:absolute;right:75px;top:63px;width:138px;height:138px;object-fit:contain;filter:drop-shadow(0 18px 14px rgba(12,7,28,.25));transform:rotate(8deg)}
.v08-join-ring{position:absolute;display:block;width:410px;height:410px;border:1px solid rgba(221,210,255,.24);border-radius:50%;right:-100px;top:-70px}
.v08-join-ring.two{width:260px;height:260px;right:-28px;top:8px;border-width:18px;border-color:rgba(215,207,255,.095)}
@media(max-width:1020px){.v08-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v08-feature{min-height:285px}.v08-join-copy{max-width:530px}.v08-join-graphic{opacity:.65;right:-80px}}
@media(max-width:760px){.v08-capabilities{padding-top:64px}.v08-intro{display:block}.v08-intro>p{margin-top:13px}.v08-join-inner{padding:38px 30px}.v08-join-graphic{opacity:.17}}
@media(max-width:580px){.v08-capabilities{padding:54px 0 35px}.v08-intro h2{font-size:31px;letter-spacing:-1.3px}.v08-feature-grid{grid-template-columns:1fr;gap:11px}.v08-feature{min-height:0;padding:21px 21px 18px}.v08-feature-top{margin-bottom:15px}.v08-feature h3{font-size:18px}.v08-feature>p{margin-bottom:16px}.v08-join{padding-bottom:42px}.v08-join-inner{padding:32px 23px;min-height:0}.v08-join h2{font-size:29px}.v08-join p{font-size:13px}.v08-join-actions{gap:13px}}
@media(prefers-reduced-motion:reduce){.v08-feature,.v08-feature-detail summary span,.v08-join-button{transition:none}.v08-feature:hover,.v08-join-button:hover{transform:none}}


/* v0.9: explicit logging and moderation, distinct icon language, less generic card copy. */
.v09-capabilities{background:#202630}
.v09-capabilities .v08-feature{background:#292f3a;min-height:285px}
.v09-capabilities .v08-feature:hover{background:#313846}
.v09-capabilities .v08-feature-top{margin-bottom:19px}
.v09-capabilities .v08-icon{border-radius:12px;box-shadow:none;background:rgba(var(--toneRGB),.13);color:var(--tone);border:1px solid rgba(var(--toneRGB),.35)}
.v09-capabilities .v08-icon svg{width:28px;height:28px}
.v09-capabilities .v08-feature h3{font-size:19px;letter-spacing:-.55px}
.v09-capabilities .v08-feature>p{font-weight:500;color:#d2d7e2}
.v09-capabilities .v08-tags span{font-weight:600;color:#cbd4e4}
.v09-capabilities .v08-feature-detail summary{font-weight:700}
.v08-logging{--tone:#91c4f5;--toneRGB:145,196,245}
.v08-verification{--tone:#98e5a5;--toneRGB:152,229,165}
.v08-levels{--tone:#ffcf68;--toneRGB:255,207,104}
.v09-join .v08-join-inner{background:linear-gradient(111deg,#57348e 0%,#4a306f 49%,#29253f 100%);border-color:#8063af}
.v09-join h2{letter-spacing:-1.4px}
.v09-join .v08-join-copy{max-width:650px}
.v09-join .v08-join p{max-width:520px}
@media(max-width:580px){.v09-capabilities .v08-feature{min-height:0}.v09-join h2{font-size:28px}}

@media(max-width:580px){.v09-join .v08-join-graphic{display:none}}


/* v1.0 — consolidated marketing categories, exact CTA copy and less repetitive layout. */
.v10-capabilities .v08-feature-grid{align-items:stretch}
.v10-capabilities .v08-feature{min-height:282px}
.v10-capabilities .v08-feature>p{max-width:350px}
.v10-capabilities .v08-feature:last-child{grid-column:1/-1;min-height:240px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);grid-template-rows:auto auto 1fr;column-gap:28px}
.v10-capabilities .v08-feature:last-child .v08-feature-top{grid-column:1;grid-row:1}
.v10-capabilities .v08-feature:last-child h3{grid-column:1;grid-row:2}
.v10-capabilities .v08-feature:last-child>p{grid-column:1;grid-row:3;max-width:380px}
.v10-capabilities .v08-feature:last-child .v08-tags{grid-column:2;grid-row:2;align-self:start;margin-top:0}
.v10-capabilities .v08-feature:last-child .v08-feature-detail{grid-column:2;grid-row:3;align-self:start}
.v10-join h2{max-width:620px;line-height:1.12}
.v10-join .v08-join-copy{max-width:680px}
@media(max-width:760px){.v10-capabilities .v08-feature:last-child{display:flex;flex-direction:column;gap:0;min-height:0}}
@media(max-width:580px){.v10-capabilities .v08-feature{min-height:0}}

.demo-top-banner{position:sticky;top:0;z-index:99;background:#45365d;color:#fff;font:800 9px/1.5 system-ui;text-align:center;letter-spacing:.15em;padding:7px}.v08-feature.custom-last{border-color:#776c9b}.v08-feature.custom-last .v08-status{background:#45385e;color:#dbccff}

/* v1.14: original user-supplied animated 3D WebP restored in hero. Keep the
   clean v1.13 stage and floating feature chips, without decorative orbit lines. */
.rexo-home-v05 .v13-art{overflow:visible;isolation:isolate}
.rexo-home-v05 .v13-art .v05-art-arc,
.rexo-home-v05 .v13-art .v05-floor-line{display:none}
.rexo-home-v05 .v13-art .v05-art-halo{
  width:min(82%,420px);filter:blur(29px);opacity:.88;
  background:radial-gradient(circle,rgba(113,86,199,.18) 0%,rgba(75,54,124,.12) 40%,transparent 73%);
}
.v13-logo-stage{position:relative;display:grid;place-items:center;width:min(75%,370px);aspect-ratio:1;isolation:isolate}
.v13-logo-stage::before{content:"";position:absolute;inset:12%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(155,124,255,.16),rgba(91,67,171,.06) 53%,transparent 71%);filter:blur(16px)}
.rexo-home-v05 .v13-art .v05-logo-float{width:100%;animation:v13-float 7.8s ease-in-out infinite;transform-origin:50% 55%}
.rexo-home-v05 .v13-art .v05-motion{display:block;width:100%;height:100%;object-fit:contain;opacity:1;filter:brightness(1.12) contrast(1.03) drop-shadow(0 12px 28px rgba(0,0,0,.28))}
@keyframes v13-float{0%,100%{transform:translateY(-10px) rotate(-1.2deg)}50%{transform:translateY(9px) rotate(1.2deg)}}
.v13-feature-chip{position:absolute;z-index:3;min-height:64px;display:flex;align-items:center;gap:12px;padding:11px 15px;border:1px solid rgba(178,160,233,.28);border-radius:14px;background:linear-gradient(135deg,rgba(35,30,57,.91),rgba(24,22,36,.91));box-shadow:0 12px 33px rgba(0,0,0,.25);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:none}
.v13-feature-chip strong{display:block;font:700 14px/1.3 var(--font);color:#f5f2fb;white-space:nowrap}
.v13-feature-chip small{display:block;font:500 11px/1.5 var(--font);margin-top:2px;color:#b6a9cc;white-space:nowrap}
.v13-feature-icon{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:10px;background:rgba(156,119,238,.15);color:#d1c2ff}
.v13-feature-icon--music{background:rgba(117,158,241,.15);color:#a7c9ff}
.v13-feature-chip--security{top:19%;right:-2%;transform:rotate(3deg);animation:v13-chip-one 9.5s ease-in-out infinite}
.v13-feature-chip--music{bottom:17%;left:0;transform:rotate(-3deg);animation:v13-chip-two 8.5s ease-in-out infinite}
@keyframes v13-chip-one{0%,100%{transform:translateY(-6px) rotate(3deg)}50%{transform:translateY(6px) rotate(2deg)}}
@keyframes v13-chip-two{0%,100%{transform:translateY(4px) rotate(-3deg)}50%{transform:translateY(-7px) rotate(-2deg)}}
.v13-twinkle{position:absolute;z-index:1;width:5px;height:5px;border-radius:50%;background:#bca9f0;box-shadow:0 0 13px rgba(176,146,255,.6);opacity:.8;pointer-events:none;animation:v13-twinkle 6s ease-in-out infinite}
.v13-twinkle--one{top:23%;left:12%}
.v13-twinkle--two{top:65%;right:7%;animation-delay:-2s;width:3px;height:3px}
.v13-twinkle--three{bottom:25%;left:24%;animation-delay:-3.5s;width:3px;height:3px}
@keyframes v13-twinkle{0%,100%{opacity:.4;transform:scale(.7)}45%{opacity:.9;transform:scale(1.15)}}
@media(max-width:1050px){.v13-feature-chip--security{right:0}.v13-feature-chip--music{left:0}.rexo-home-v05 .v13-art .v13-logo-stage{width:min(68%,360px)}}
@media(max-width:760px){.rexo-home-v05 .v13-art{height:365px}.rexo-home-v05 .v13-art .v13-logo-stage{width:min(70%,285px)}.v13-feature-chip{min-height:55px;gap:9px;padding:8px 11px;border-radius:12px}.v13-feature-chip strong{font-size:12px}.v13-feature-chip small{font-size:10px}.v13-feature-icon{width:30px;height:30px}.v13-feature-chip--security{top:6%;right:0}.v13-feature-chip--music{bottom:6%;left:0}}
@media(max-width:440px){.rexo-home-v05 .v13-art{height:315px}.rexo-home-v05 .v13-art .v13-logo-stage{width:min(70%,260px)}.v13-feature-chip--security{top:1%}.v13-feature-chip--music{bottom:2%}}
@media(prefers-reduced-motion:reduce){.rexo-home-v05 .v13-art .v05-logo-float,.v13-feature-chip,.v13-twinkle{animation:none!important}.v13-feature-chip--security{transform:rotate(2deg)}.v13-feature-chip--music{transform:rotate(-2deg)}}

/* v1.15 — enlarged floating 3D emblem, with no orb/side artifacts; floating cards remain outside the emblem silhouette. */
.rexo-home-v05 .v13-art .v13-logo-stage{width:min(94%,500px);z-index:2}
.rexo-home-v05 .v13-art .v05-logo-float{animation:v15-emblem-hover 5.6s ease-in-out infinite;will-change:transform}
.rexo-home-v05 .v13-art .v05-motion{filter:brightness(1.22) contrast(1.045) drop-shadow(0 22px 42px rgba(0,0,0,.42))}
@keyframes v15-emblem-hover{
  0%,100%{transform:translate3d(0,-23px,0)}
  50%{transform:translate3d(0,24px,0)}
}
/* Chips sit in the top-right and bottom-left corners, clear of the rotating emblem. */
.rexo-home-v05 .v13-art .v13-feature-chip{z-index:4}
.rexo-home-v05 .v13-art .v13-feature-chip--security{top:-1%;right:-5%}
.rexo-home-v05 .v13-art .v13-feature-chip--music{bottom:-1%;left:-5%}
@media (max-width:1050px){
  .rexo-home-v05 .v13-art .v13-logo-stage{width:min(88%,460px)}
}
@media (max-width:760px){
  .rexo-home-v05 .v13-art{height:375px}
  .rexo-home-v05 .v13-art .v13-logo-stage{width:min(83%,348px)}
  .rexo-home-v05 .v13-art .v13-feature-chip--security{top:-1%;right:-2%}
  .rexo-home-v05 .v13-art .v13-feature-chip--music{bottom:0;left:-2%}
}
@media (max-width:440px){
  .rexo-home-v05 .v13-art{height:355px}
  .rexo-home-v05 .v13-art .v13-logo-stage{width:min(84%,320px)}
  .rexo-home-v05 .v13-art .v13-feature-chip--security{top:-2%;right:-3%}
  .rexo-home-v05 .v13-art .v13-feature-chip--music{bottom:-1%;left:-3%}
}
@media(prefers-reduced-motion:reduce){
  .rexo-home-v05 .v13-art .v05-logo-float{animation:none!important;transform:none}
}


/* v1.16: rebalance the hero only — preserve the animated 3D asset. */
/* On desktop the 500px stage dominated the whole column; reduce it by 19%. */
.rexo-home-v05 .v13-art .v13-logo-stage{
  width:min(79%,405px);
  z-index:2;
  transform:translateY(-12px);
}
/* Keep the cards above the base of the logo, with enough negative space. */
.rexo-home-v05 .v13-art .v13-feature-chip--security{top:2%;right:0}
.rexo-home-v05 .v13-art .v13-feature-chip--music{bottom:19%;left:-1%}
@media(max-width:1050px){
  .rexo-home-v05 .v13-art .v13-logo-stage{width:min(77%,385px)}
  .rexo-home-v05 .v13-art .v13-feature-chip--security{top:3%;right:0}
  .rexo-home-v05 .v13-art .v13-feature-chip--music{bottom:18%;left:0}
}
@media(max-width:760px){
  .rexo-home-v05 .v13-art .v13-logo-stage{width:min(73%,300px);transform:translateY(-5px)}
  .rexo-home-v05 .v13-art .v13-feature-chip--security{top:2%;right:0}
  .rexo-home-v05 .v13-art .v13-feature-chip--music{bottom:12%;left:0}
}
@media(max-width:440px){
  .rexo-home-v05 .v13-art .v13-logo-stage{width:min(75%,270px)}
  .rexo-home-v05 .v13-art .v13-feature-chip--security{top:1%;right:0}
  .rexo-home-v05 .v13-art .v13-feature-chip--music{bottom:11%;left:0}
}

/* v1.18 — precise, layered feature icons from the approved visual reference.
   These selectors intentionally affect only five feature symbols, not other cards. */
.v10-capabilities :is(.v08-raid,.v08-logging,.v08-roles,.v08-welcome,.v08-messages) .v08-icon{
  width:56px;height:56px;border-radius:14px;
  background:radial-gradient(ellipse at 32% 18%, rgba(var(--toneRGB),.25), rgba(var(--toneRGB),.12) 65%);
  border:1px solid rgba(var(--toneRGB),.5);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.11),0 0 16px rgba(var(--toneRGB),.09);
  color:var(--tone);
}
.v10-capabilities :is(.v08-raid,.v08-logging,.v08-roles,.v08-welcome,.v08-messages) .v08-icon svg.rexo-premium-svg{
  display:block;width:34px;height:34px;overflow:visible;
  filter:drop-shadow(0 1px 3px rgba(var(--toneRGB),.21));
}
@media(max-width:580px){
 .v10-capabilities :is(.v08-raid,.v08-logging,.v08-roles,.v08-welcome,.v08-messages) .v08-icon{width:52px;height:52px}
 .v10-capabilities :is(.v08-raid,.v08-logging,.v08-roles,.v08-welcome,.v08-messages) .v08-icon svg.rexo-premium-svg{width:32px;height:32px}
}


/* v1.26 hero only: orbit lines and independent living-glass cards.
   IMPORTANT: do not overwrite v15-emblem-hover (the logo's up/down motion). */
.rexo-home-v05 .v26-hero-art{
  isolation:isolate;
  perspective:1000px;
}
/* A compact non-3D crest, without the large rotating WebP silhouette. */
.rexo-home-v05 .v26-hero-art .v13-logo-stage{
  width:min(70%,365px);
  transform:translateY(-12px);
  z-index:2;
}
.rexo-home-v05 .v26-hero-art .v05-motion{
  width:100%;height:100%;object-fit:contain;
  filter:drop-shadow(0 22px 34px rgba(0,0,0,.36));
  opacity:1;
}
.rexo-home-v05 .v26-hero-art .v05-art-halo{
  width:min(95%,480px);
  background:radial-gradient(circle,rgba(91,52,172,.24) 0,rgba(63,41,127,.12) 43%,transparent 72%);
  filter:blur(30px);
}
/* Three hand-placed ellipses, not a rotating image. The rings sit BEHIND the logo. */
.v26-orbit-field{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:visible;}
.v26-orbit{display:block;position:absolute;left:50%;top:50%;border-radius:50%;pointer-events:none;
  transform-origin:center center;will-change:transform;
  box-shadow:0 0 10px rgba(153,111,246,.025);
}
.v26-orbit--outer{
  width:117%;height:43%;margin-left:-58.5%;margin-top:-21.5%;
  border:1px solid rgba(167,132,248,.33);
  border-left-color:rgba(167,132,248,.085);
  border-bottom-color:rgba(167,132,248,.21);
  transform:rotate(-16deg);
  animation:v26-orbit-outer 20s ease-in-out infinite alternate;
}
.v26-orbit--mid{
  width:103%;height:56%;margin-left:-51.5%;margin-top:-28%;
  border:1px solid rgba(134,101,228,.18);
  border-top-color:rgba(177,144,254,.32);
  border-right-color:rgba(177,144,254,.07);
  transform:rotate(17deg);
  animation:v26-orbit-mid 25s ease-in-out infinite alternate;
}
.v26-orbit--inner{
  width:100%;height:33%;margin-left:-50%;margin-top:-16.5%;
  border:1px solid rgba(166,139,238,.20);
  border-top-color:rgba(191,163,255,.30);
  border-left-color:rgba(166,139,238,.08);
  transform:rotate(-9deg);
  animation:v26-orbit-inner 17s ease-in-out infinite alternate;
}
@keyframes v26-orbit-outer{
  from{transform:rotate(-16deg) translateY(-5px)}
  to{transform:rotate(-12deg) translateY(5px)}
}
@keyframes v26-orbit-mid{
  from{transform:rotate(17deg) translateY(4px)}
  to{transform:rotate(12deg) translateY(-3px)}
}
@keyframes v26-orbit-inner{
  from{transform:rotate(-9deg) translateY(-4px)}
  to{transform:rotate(-12deg) translateY(4px)}
}
/* Subtle circular rim; not part of the emblem's animation. */
.v26-emblem-ring{
  position:absolute;inset:-2%;border-radius:50%;z-index:-1;pointer-events:none;
  border:1px solid rgba(158,111,233,.28);
  box-shadow:0 0 23px rgba(128,87,236,.16),inset 0 0 16px rgba(128,87,236,.07);
}
.v26-orbit-star{position:absolute;width:7px;height:7px;z-index:1;transform:rotate(45deg);pointer-events:none;
  animation:v26-star-flicker 5.8s ease-in-out infinite;
}
.v26-orbit-star:before,.v26-orbit-star:after{content:"";position:absolute;background:currentColor;border-radius:5px;left:50%;top:50%;transform:translate(-50%,-50%)}
.v26-orbit-star:before{height:16px;width:2px}
.v26-orbit-star:after{width:16px;height:2px}
.v26-orbit-star--amethyst{color:#b49bfc;left:15%;top:25%;filter:drop-shadow(0 0 7px rgba(185,148,255,.45))}
.v26-orbit-star--ice{color:#8dd1ff;right:8%;top:58%;animation-delay:-2.2s;transform:scale(.7) rotate(45deg)}
@keyframes v26-star-flicker{0%,100%{opacity:.55}45%{opacity:1}70%{opacity:.74}}
/* Different timing/direction for each badge, with soft, living edge lighting.
   No huge neon shadows or unrelated decorations. */
.rexo-home-v05 .v26-hero-art .v13-feature-chip{
  isolation:isolate;overflow:visible;min-height:65px;padding:11px 16px;
  border:1px solid rgba(182,167,235,.38);
  border-radius:14px;
  background:linear-gradient(132deg,rgba(49,39,83,.94),rgba(24,24,43,.92) 74%);
  box-shadow:0 17px 32px rgba(6,6,18,.42),inset 0 1px 0 rgba(255,255,255,.13),0 0 17px rgba(146,111,244,.08);
  -webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);
  will-change:transform;
}
.rexo-home-v05 .v26-hero-art .v13-feature-chip::before{
  content:"";position:absolute;z-index:-1;inset:-1px;border-radius:inherit;pointer-events:none;
  background:linear-gradient(110deg,rgba(175,160,255,.13),transparent 40%,rgba(198,168,255,.05) 68%,rgba(218,189,255,.22));
  opacity:.6;animation:v26-edge-breathe 6s ease-in-out infinite;
}
.rexo-home-v05 .v26-hero-art .v13-feature-chip::after{
  content:"";position:absolute;top:3px;bottom:3px;left:0;width:40%;border-radius:inherit;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(237,228,255,.09),transparent);
  transform:translateX(-145%) skewX(-16deg);opacity:0;
  animation:v26-edge-glint 7.9s ease-in-out infinite;
}
.rexo-home-v05 .v26-hero-art .v13-feature-chip--security{
  top:12%;right:-7%;z-index:5;
  border-color:rgba(187,139,255,.48);
  box-shadow:0 17px 32px rgba(6,6,18,.42),inset 0 1px 0 rgba(255,255,255,.13),0 0 22px rgba(153,91,242,.17);
  animation:v26-security-drift 6.9s ease-in-out infinite;
}
.rexo-home-v05 .v26-hero-art .v13-feature-chip--music{
  bottom:15%;left:-8%;z-index:5;
  border-color:rgba(139,174,255,.49);
  box-shadow:0 17px 32px rgba(6,6,18,.42),inset 0 1px 0 rgba(255,255,255,.13),0 0 22px rgba(108,136,240,.18);
  animation:v26-music-drift 8.2s ease-in-out infinite;
}
.rexo-home-v05 .v26-hero-art .v13-feature-chip--music::after{animation-delay:-3.4s}
.rexo-home-v05 .v26-hero-art .v13-feature-chip--security .v13-feature-icon{
  background:rgba(167,110,251,.21);box-shadow:inset 0 0 0 1px rgba(177,138,248,.17);color:#d6b8ff;
}
.rexo-home-v05 .v26-hero-art .v13-feature-chip--music .v13-feature-icon{
  background:rgba(111,155,251,.2);box-shadow:inset 0 0 0 1px rgba(145,181,255,.18);color:#a9ceff;
}
@keyframes v26-security-drift{
  0%,100%{transform:translate3d(0,-6px,0) rotate(3deg)}
  40%{transform:translate3d(9px,3px,0) rotate(1deg)}
  72%{transform:translate3d(4px,-2px,0) rotate(2deg)}
}
@keyframes v26-music-drift{
  0%,100%{transform:translate3d(0,4px,0) rotate(-4deg)}
  38%{transform:translate3d(-7px,-10px,0) rotate(-2deg)}
  70%{transform:translate3d(-2px,-5px,0) rotate(-3deg)}
}
@keyframes v26-edge-breathe{0%,100%{opacity:.35}50%{opacity:.8}}
@keyframes v26-edge-glint{0%,50%{transform:translateX(-145%) skewX(-16deg);opacity:0}61%{opacity:.75}79%{transform:translateX(330%) skewX(-16deg);opacity:0}100%{opacity:0}}
@media(max-width:1050px){
  .rexo-home-v05 .v26-hero-art .v13-logo-stage{width:min(71%,350px)}
  .rexo-home-v05 .v26-hero-art .v13-feature-chip--security{top:9%;right:-2%}
  .rexo-home-v05 .v26-hero-art .v13-feature-chip--music{bottom:12%;left:-2%}
  .v26-orbit--outer{width:112%;margin-left:-56%}
}
@media(max-width:760px){
  .rexo-home-v05 .v26-hero-art{height:355px;margin-top:20px}
  .rexo-home-v05 .v26-hero-art .v13-logo-stage{width:min(67%,265px);transform:translateY(-5px)}
  .rexo-home-v05 .v26-hero-art .v13-feature-chip--security{top:1%;right:0}
  .rexo-home-v05 .v26-hero-art .v13-feature-chip--music{bottom:1%;left:0}
  .v26-orbit--outer{width:100%;margin-left:-50%}
  .v26-orbit--mid{width:98%;margin-left:-49%}
  .v26-orbit--inner{width:89%;margin-left:-44.5%}
  .v26-orbit-star--amethyst{left:9%;top:31%}
  .v26-orbit-star--ice{right:5%;top:66%}
}
@media(max-width:440px){
  .rexo-home-v05 .v26-hero-art{height:325px}
  .rexo-home-v05 .v26-hero-art .v13-logo-stage{width:min(65%,238px)}
  .rexo-home-v05 .v26-hero-art .v13-feature-chip{padding:8px 11px;min-height:53px}
  .rexo-home-v05 .v26-hero-art .v13-feature-chip--security{right:0;top:-1%}
  .rexo-home-v05 .v26-hero-art .v13-feature-chip--music{left:0;bottom:0}
}
@media(prefers-reduced-motion:reduce){
  .v26-orbit,.v26-orbit-star,.rexo-home-v05 .v26-hero-art .v13-feature-chip,
  .rexo-home-v05 .v26-hero-art .v13-feature-chip::before,
  .rexo-home-v05 .v26-hero-art .v13-feature-chip::after{animation:none!important}
  .rexo-home-v05 .v26-hero-art .v13-feature-chip--security{transform:rotate(2deg)}
  .rexo-home-v05 .v26-hero-art .v13-feature-chip--music{transform:rotate(-3deg)}
}

/* Four-point light accents instead of decorative X shapes. */
.v26-orbit-star{width:9px;height:9px;clip-path:polygon(50% 0%,61% 40%,100% 50%,61% 60%,50% 100%,39% 60%,0% 50%,39% 40%);background:currentColor;box-shadow:0 0 9px currentColor;transform:none}
.v26-orbit-star::before,.v26-orbit-star::after{display:none}

/* v1.27: За по-дългото ново заглавие само в началния екран. */
.rexo-home-v05 .v05-copy h1{font-size:clamp(36px,4.0vw,55px);line-height:1.13;letter-spacing:-2.3px;white-space:normal;max-width:560px}
@media(max-width:660px){.rexo-home-v05 .v05-copy h1{font-size:clamp(33px,8.7vw,48px);letter-spacing:-1.7px}}