/* T0G Nexus website / real desktop-app-inspired interactive tour.
   Uses the same colors and platform assets as app/renderer, with no external animation libraries. */
.brand-actual-logo{display:block;width:46px;height:46px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 0 13px rgba(139,92,246,.18))}
.brand-actual-logo.footer-logo{width:36px;height:36px}
.discord-mark img{width:49px;height:49px;object-fit:contain}
:root{--wrap:1360px}
/* Subtle site-wide atmospheric motion, with no canvas or external dependencies. */
.ambient.a1{background:radial-gradient(circle,#713ddb4f,transparent 67%);animation:nx-ambient-drift 21s ease-in-out infinite alternate}
.ambient.a2{background:radial-gradient(circle,#41248f36,transparent 68%);animation:nx-ambient-drift 29s ease-in-out infinite alternate-reverse}
.gradient{background:linear-gradient(110deg,#ddcaff 0%,#a474ff 58%,#bd92ef 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.btn-primary{background:linear-gradient(125deg,#7540da,#8b5cf6 67%,#9669e7);border-color:#ac88ef7d}
.hero{grid-template-columns:minmax(0,.80fr) minmax(0,1.28fr);gap:42px;padding-block:85px 106px}
.hero-copy h1{font-size:clamp(58px,6vw,89px)}
.nexus-hero-demo{min-width:0;padding:32px 0 21px;position:relative;isolation:isolate}
.nexus-hero-demo::before{content:"";position:absolute;z-index:-3;inset:-15% -22%;border-radius:50%;filter:blur(80px);opacity:.52;background:radial-gradient(ellipse at 55% 40%,#6532b770 0%,#1c154431 45%,transparent 72%)}
.hero-light-field{pointer-events:none;position:absolute;inset:-18% -17%;z-index:-2;overflow:hidden;filter:blur(.25px)}
.hero-light-field::before{content:"";position:absolute;inset:13%;background:conic-gradient(from 20deg,transparent 0 20%,#7d3ffa14 27%,transparent 34% 56%,#a571fa18 62%,transparent 72%);animation:nx-halo-turn 23s linear infinite}
.hero-light-ring{width:90%;height:65%;position:absolute;left:5%;top:17%;border:1px solid #8651fa36;border-radius:50%;box-shadow:0 0 32px #6d28d91b,inset 0 0 26px #7b43c91f;transform:rotate(-20deg);animation:nx-ring-float 15s ease-in-out infinite alternate}
.hero-light-ring.second{width:68%;height:95%;top:1%;left:16%;transform:rotate(43deg);opacity:.4;animation-duration:20s}
.hero-light-orb{position:absolute;width:190px;height:190px;right:0;top:3%;border-radius:50%;background:#7446de5c;filter:blur(67px);animation:nx-orb-float 15s ease-in-out infinite alternate}
.nx-window{position:relative;width:100%;overflow:hidden;border-radius:17px;border:1px solid #4a3e69;background:#0b0b11;box-shadow:0 26px 95px #000b,0 0 0 1px #ae82ff0e inset,0 0 55px #6d28d925;animation:nx-arrive 800ms cubic-bezier(.2,.7,.2,1) both}
.nx-window::after{content:"";pointer-events:none;position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 #ffffff19,inset 0 -1px 0 #ffffff05}
.nx-titlebar{height:47px;background:linear-gradient(100deg,#17131f,#111017);border-bottom:1px solid #2d283a;display:flex;align-items:center;gap:12px;padding:0 15px}
.nx-titlebrand{display:flex;align-items:center;gap:7px;white-space:nowrap}
.nx-titlebrand img{object-fit:contain;flex-shrink:0}
.nx-titlebrand strong{font-size:11px;font-weight:800;letter-spacing:-.025em}
.nx-titlebrand small{font-size:9px;color:#bf94ff;background:#42266655;border:1px solid #6c4883;border-radius:5px;padding:0 5px}
.nx-title-meta{margin:auto;color:#7f7891;letter-spacing:.10em;font-size:8px;white-space:nowrap}
.nx-demo-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#9b74f3;box-shadow:0 0 12px #ab81fc90;vertical-align:middle}
.nx-title-meta .nx-demo-dot{margin-right:5px}
.nx-window-controls{display:flex;gap:14px;font-size:14px;color:#777187;line-height:1}
.nx-shell{min-height:390px;display:grid;grid-template-columns:146px minmax(0,1fr)}
.nx-sidebar{background:#0c0c13;border-right:1px solid #252333;padding:18px 9px 12px;display:flex;flex-direction:column;gap:3px;min-width:0}
.nx-sidebar-heading{color:#625e73;font-size:8px;letter-spacing:.17em;font-weight:850;padding:3px 9px 11px}
.nx-nav-item{min-height:33px;display:flex;align-items:center;gap:9px;width:100%;border:1px solid transparent;border-radius:7px;background:transparent;text-align:left;color:#938fa5;font-size:10px;font-weight:590;padding:7px 8px;white-space:nowrap}
button.nx-nav-item{cursor:pointer;transition:background .25s,border-color .25s,color .25s}
button.nx-nav-item:hover{color:#eee7ff;background:#272033}
button.nx-nav-item.is-current{border-color:#6347838a;background:linear-gradient(90deg,#38214e88,#24203477);color:#f7f0ff}
.nx-nav-symbol{font-size:14px;width:16px;text-align:center;color:#b59bd7;flex-shrink:0}
.nx-nav-item img{object-fit:contain;flex-shrink:0;width:16px;height:16px}
.nx-nav-static{cursor:default}
.nx-sidebar-bottom{margin-top:auto;padding:14px 8px 5px;border-top:1px solid #23212f;color:#c4bdd3;font-weight:650;font-size:9px;line-height:1.65}
.nx-sidebar-bottom small{display:block;margin-left:13px;color:#716d82;font-weight:400}
.nx-online-dot{width:6px;height:6px;background:#3bd8a1;border-radius:50%;display:inline-block;box-shadow:0 0 10px #33d69b77;margin-right:5px}
.nx-content{padding:17px 17px 16px;min-width:0;background:radial-gradient(circle at 70% 0%,#6d28d90b,transparent 45%),#101017}
.nx-content-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.nx-kicker{font-size:8px;letter-spacing:.16em;color:#b18cea;font-weight:820}
.nx-content-top h3{font-size:19px;line-height:1.1;letter-spacing:-.04em;margin:4px 0 0}
.nx-preview-status,.nx-platform-head>span{font-size:9px;color:#61e1ad;white-space:nowrap}
.nx-preview-status i,.nx-live-indicator i{display:inline-block;vertical-align:1px;width:6px;height:6px;background:#39d99b;box-shadow:0 0 9px #39d99b44;border-radius:50%;margin-right:4px;animation:nx-status-blink 2.3s ease-in-out infinite}
.nx-screen{min-height:298px;animation:nx-screen-show .45s ease-out both}
.nx-screen[hidden]{display:none!important}
.nx-platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.nx-platform-card{padding:12px 13px;background:linear-gradient(145deg,#1c1927,#14131d);border:1px solid #353045;border-radius:10px;min-width:0;overflow:hidden}
.nx-platform-head{display:flex;align-items:center;gap:7px}
.nx-platform-head img{flex-shrink:0;object-fit:contain}
.nx-platform-head strong{font-size:11px}
.nx-platform-head>span{margin-left:auto;font-size:8px}
.nx-handle{font-size:9px;color:#aaa5b9;margin:7px 0 11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.nx-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;border-top:1px solid #302a3d;padding-top:9px}
.nx-stats div{min-width:0}
.nx-stats small{display:block;color:#807a90;font-size:8px}
.nx-stats strong{display:block;color:#f6f1ff;font-size:13px;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.nx-lower-grid{display:grid;grid-template-columns:1.14fr 1fr;gap:10px;margin-top:10px}
.nx-panel{background:linear-gradient(165deg,#191722,#13131b);border:1px solid #302b40;border-radius:10px;min-width:0;overflow:hidden;padding:12px 13px}
.nx-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.nx-panel-heading strong{font-size:11px;white-space:nowrap}
.nx-soft-indicator{font-size:7px;color:#9890aa;letter-spacing:.08em;white-space:nowrap}
.nx-live-indicator{color:#91e8c3;font-size:8px;white-space:nowrap}
.nx-chat-stream{display:grid;gap:10px;overflow:hidden}
.nx-chat-row{display:flex;gap:7px;align-items:start;min-width:0;animation:nx-chat-enter .5s ease-out both}
.nx-chat-avatar{display:grid;place-items:center;flex-shrink:0;width:21px;height:21px;border-radius:7px;color:#fff;font-size:9px;background:#6b36aa}
.nx-chat-avatar.tw{background:#5941a8}
.nx-chat-row div{min-width:0}
.nx-chat-row strong{display:block;color:#ddd0ff;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nx-chat-row strong small{color:#7e778d;font-weight:500;font-size:8px;margin-left:3px}
.nx-chat-row p{margin:2px 0 0;color:#a9a3b5;font-size:9px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nx-event{display:flex;gap:7px;align-items:center;padding:5px 0}
.nx-event-icon{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;flex-shrink:0;color:#7df5c4;background:#17372f;font-size:12px}
.nx-event-icon.purple-event{color:#d7bbff;background:#3c285d}
.nx-event-icon.blue-event{color:#a9b5ff;background:#232c51}
.nx-event div{min-width:0;flex:1}
.nx-event strong,.nx-event small{font-size:8px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.nx-event small{color:#777384}
.nx-event time{color:#6f6b7c;font-size:8px}
.nx-wave{display:flex;align-items:end;justify-content:center;gap:4px;height:25px;border-top:1px solid #252234;margin-top:6px;padding:9px 5px 0}
.nx-wave span{width:4px;height:30%;max-height:100%;min-height:3px;border-radius:3px;background:linear-gradient(#b48aff,#6637cc);opacity:.73;animation:nx-wave 1.5s ease-in-out infinite alternate}
.nx-wave span:nth-child(3n+1){animation-delay:-.9s}.nx-wave span:nth-child(3n+2){animation-delay:-.4s}.nx-wave span:nth-child(4n){animation-duration:1.9s}
.nx-full-chat{min-height:300px}
.nx-chat-options{display:flex;gap:6px;margin:12px 0 15px}
.nx-filter-pill{border:1px solid #373244;border-radius:7px;background:#171620;color:#9c97ac;padding:5px 8px;font-size:9px}
.nx-filter-pill.active{background:#372148;border-color:#6b4b92;color:#ecd9ff}
.nx-big-chat{gap:17px}
.nx-big-chat .nx-chat-avatar{width:27px;height:27px;font-size:11px}
.nx-big-chat .nx-chat-row strong,.nx-big-chat .nx-chat-row p{font-size:11px}
.nx-chat-footer{border-top:1px solid #2b2738;margin-top:14px;padding-top:10px;color:#8a8599;font-size:9px;display:flex;justify-content:space-between;gap:5px}
.nx-chat-footer span{color:#a778e9}
.nx-overlay-intro{font-size:12px;font-weight:750;display:flex;justify-content:space-between;gap:8px;margin-bottom:13px}
.nx-overlay-intro span{font-weight:400;font-size:9px;color:#888196}
.nx-overlay-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.nx-overlay-card{min-height:190px}
.nx-overlay-top{color:#cec8dc;font-size:10px;font-weight:750;display:flex;justify-content:space-between;gap:5px}
.nx-overlay-top span{color:#88809b;font-size:8px;font-weight:600}
.nx-overlay-stage{min-height:118px;margin-top:12px;display:flex;flex-direction:column;justify-content:center;padding:14px;background:repeating-conic-gradient(#181720 0% 25%,#20202b 0% 50%) 0/16px 16px;border:1px solid #35303e;border-radius:8px}
.nx-overlay-stage>strong{font-size:14px;text-shadow:0 2px 8px #100820}
.nx-goal-values{display:flex;align-items:baseline;gap:5px;margin-top:6px}
.nx-goal-values b{font-size:18px}.nx-goal-values small{font-size:10px;color:#aaa1b5}
.nx-goal-track{height:7px;background:#423359;border-radius:9px;overflow:hidden;margin-top:12px}
.nx-goal-track span{display:block;height:100%;width:94.8%;background:linear-gradient(90deg,#895cf8,#c993ff);border-radius:inherit;position:relative;animation:nx-goal-glow 3s ease-in-out infinite alternate}
.nx-gift-preview{display:flex;align-items:center;gap:10px;background:linear-gradient(110deg,#271c37,#1d172b);border:1px solid #8758d0;padding:11px;border-radius:9px;box-shadow:0 0 15px #5c36b63a}
.nx-gift-preview img{flex-shrink:0}.nx-gift-preview strong{font-size:11px;display:block}.nx-gift-preview small{display:block;font-size:9px;color:#c29fe6}
.nx-overlay-help{color:#8a8499;font-size:9px;padding-top:13px;text-align:center}
.nx-demo-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 2px 0;color:#9990ad;font-size:9px;letter-spacing:.08em;font-weight:720}
.nx-demo-footer .nx-demo-dot{margin-right:5px}
.nx-footer-separator{color:#635572;margin:0 5px}
.nx-demo-progress{display:flex;gap:6px}
.nx-demo-progress button{width:21px;height:4px;min-height:4px;padding:0;border:0;border-radius:8px;background:#443853;transition:background .2s,width .2s}
.nx-demo-progress button.is-current{width:34px;background:#aa7cfa}
.nx-demo-progress button:hover{background:#c8afff}
.nx-demo-progress button:focus-visible{outline:2px solid #e4c6ff;outline-offset:6px}
@keyframes nx-ambient-drift{to{transform:translate(72px,-58px) scale(1.15);opacity:.68}}
@keyframes nx-arrive{from{opacity:0;transform:translateY(18px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes nx-screen-show{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes nx-chat-enter{from{opacity:.1;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes nx-status-blink{50%{box-shadow:0 0 13px #39d99ba0;opacity:.8}}
@keyframes nx-wave{0%{height:20%}100%{height:90%}}
@keyframes nx-goal-glow{to{filter:brightness(1.25)}}
@keyframes nx-halo-turn{to{transform:rotate(360deg)}}
@keyframes nx-orb-float{to{transform:translate(-90px,60px);opacity:.65}}
@keyframes nx-ring-float{to{transform:rotate(-9deg) translateY(-20px)}}
@media(max-width:1100px){
 .hero{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:24px}
 .nx-shell{grid-template-columns:105px minmax(0,1fr)}
 .nx-sidebar{padding-inline:5px}
 .nx-content{padding:13px 11px}
 .nx-nav-item{font-size:9px;gap:5px;padding-inline:6px}
 .nx-platform-card{padding:10px 8px}
 .nx-panel{padding:10px}
 .nx-title-meta{display:none}
 .nx-window-controls{margin-left:auto}
}
@media(max-width:750px){
 .hero{grid-template-columns:1fr;gap:16px}
 .nexus-hero-demo{max-width:680px;width:100%;margin-inline:auto;padding-top:34px}
 .nx-shell{grid-template-columns:125px minmax(0,1fr)}
 .nx-content{padding:16px}
}
@media(max-width:540px){
 .nexus-hero-demo{padding-top:18px}
 .nx-shell{grid-template-columns:41px minmax(0,1fr)}
 .nx-sidebar{padding:12px 4px}
 .nx-sidebar-heading,.nx-sidebar-bottom{display:none}
 .nx-nav-item{padding:6px 4px;justify-content:center;font-size:0;min-height:34px}
 .nx-nav-item img{width:18px;height:18px}
 .nx-nav-symbol{font-size:15px}
 .nx-content{padding:12px 8px}
 .nx-platform-grid{gap:5px}
 .nx-platform-card{padding:9px 7px}
 .nx-platform-head{gap:3px}
 .nx-platform-head img{width:14px;height:14px}
 .nx-platform-head strong{font-size:10px}
 .nx-platform-head>span{display:none}
 .nx-stats strong{font-size:11px}
 .nx-stats small{font-size:7px}
 .nx-lower-grid{grid-template-columns:1fr}
 .nx-activity-panel{display:none}
 .nx-chat-panel{min-height:152px}
 .nx-titlebar{padding-inline:8px}
 .nx-content-top h3{font-size:17px}
 .nx-preview-status{font-size:8px}
 .nx-screen{min-height:277px}
 .nx-overlay-intro{display:block}
 .nx-overlay-intro span{display:block;margin-top:3px}
 .nx-overlay-grid{grid-template-columns:1fr}
 .nx-overlay-card{min-height:0}
 .nx-overlay-card:nth-child(2){display:none}
 .nx-demo-footer{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
 .ambient,.hero-light-field::before,.hero-light-ring,.hero-light-orb,.nx-window,.nx-screen,.nx-chat-row,.nx-preview-status i,.nx-live-indicator i,.nx-wave span,.nx-goal-track span{animation:none!important}
}