:root{color-scheme:dark;--ink:#090b19;--violet:#8875ff;--ice:#85ddff}
html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--ink)!important;color:#e9eafa!important}nav{background:rgba(9,11,25,.84)!important;border-color:#ffffff12!important}nav .text-primary{color:#a99bff}nav .bg-indigo-600{background:linear-gradient(145deg,#a393ff,#5743ca)}
body>div:first-of-type{isolation:isolate;background:#080b19;min-height:900px}body>div:first-of-type>div:first-child{z-index:0!important}body>div:first-of-type video{opacity:.7!important}body>div:first-of-type .bg-gradient-to-b{background:linear-gradient(180deg,rgba(8,11,25,.55),rgba(13,13,36,.62) 45%,#090b19)!important}body>div:first-of-type .bg-gradient-to-t{background:linear-gradient(0deg,#090b19,transparent)!important}
.outline-glow{color:#f4f2ff;-webkit-text-stroke:0;text-shadow:0 4px 35px #0009}.gradient-text{background-image:linear-gradient(110deg,#c2b8ff 10%,#9580ff 50%,#82e3f1);filter:drop-shadow(0 0 32px #8d74ff45)}h1{font-size:clamp(3rem,7.1vw,6.9rem)!important;letter-spacing:-.055em!important}h2{letter-spacing:-.035em!important}.text-slate-400,.text-gray-400{color:#b2b7cf!important}.text-gray-600,.text-gray-500{color:#929ab6!important}
.neon-button{background:linear-gradient(115deg,#9278ff,#6951df)!important;box-shadow:0 8px 36px #8765ff40!important;border:1px solid #c4b7ff60}.neon-button:hover{box-shadow:0 12px 44px #8765ff66!important;transform:translateY(-2px)}
#features{background:radial-gradient(ellipse at 5% 22%,#39306920,transparent 40%),radial-gradient(ellipse at 100% 68%,#174e6120,transparent 45%),#090b19!important}#features .aspect-video{border-color:#c0b4ff30;box-shadow:0 24px 70px #0008,0 0 0 7px #ffffff02}#features img{opacity:.93;filter:saturate(.85) contrast(1.06)}#features .text-indigo-500{color:#a798ff}#features .text-sky-500{color:#8bd8ec}#features .text-fuchsia-500{color:#d6a1ef}#features .text-amber-500{color:#e9c395}
#demo{background:radial-gradient(ellipse at 65% 60%,#37246344,transparent 65%),#0c0e20!important}.glass-panel{background:linear-gradient(150deg,#22233bba,#101324ef);border:1px solid #aaa0e530;box-shadow:0 18px 70px #0005}.demo-card{background:linear-gradient(140deg,#292840f5,#191d32f5);border:1px solid #bab0f13d;box-shadow:0 14px 40px #0006}.demo-card small{display:block;color:#b8aaff;margin-top:12px}.demo-card p{overflow-wrap:anywhere}#demo-wall-container{background:radial-gradient(ellipse at 65% 30%,#55439335,transparent 65%),linear-gradient(140deg,#131629,#0c101c)!important;border-color:#aaa0e530}#demo-wall-container>div:first-child{background:#131728dd!important}footer{background:#090b19!important;padding-bottom:75px!important}.preview-note{position:fixed;bottom:0;left:0;right:0;z-index:60;background:#101222ee;color:#b8bed4;font:10px/1.5 system-ui;text-align:center;padding:8px}.preview-sender{display:block;color:#49348f;font:bold 13px system-ui;padding-top:12px}.motion-toggle{position:absolute;bottom:15px;right:20px;z-index:20;color:#cad0e6;background:#14182abf;border:1px solid #ffffff30;border-radius:30px;padding:9px 16px;font:12px system-ui;min-height:44px}a:focus-visible,button:focus-visible{outline:3px solid #9fe5f4;outline-offset:5px}
@media(max-width:640px){body>div:first-of-type{min-height:850px}h1{font-size:clamp(2.8rem,10.5vw,4.5rem)!important}#features,#demo{padding-top:76px!important;padding-bottom:76px!important}#features .space-y-32>div+div{margin-top:84px}#features .gap-16{gap:32px}#features .lg\:w-1\/2{width:100%}#demo-wall-container{height:530px!important}#demo-messages{padding:80px 18px 18px!important;display:flex;flex-direction:column;gap:14px;overflow:hidden}#demo-messages .demo-card{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;animation:none!important;padding:18px}#demo .glass-panel{padding:28px}nav .gap-6{gap:12px}}
@media(max-width:640px){nav a[aria-label="MessageClouds home"]{gap:6px!important;flex-shrink:0}nav a[aria-label="MessageClouds home"] img{width:32px;height:32px}nav a[aria-label="MessageClouds home"]>span{font-size:16px!important}nav .flex.items-center.gap-6 a:last-child{padding:10px!important;font-size:9px!important;letter-spacing:.6px!important;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}