/* ============================================
   VORTEX — Bento Dashboard + SEO nav
   ============================================ */
   *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
   html{scroll-behavior:smooth}
   body{font-family:'Segoe UI',system-ui,sans-serif;background:#07070c;color:#b8b8c8;line-height:1.72;overflow-x:hidden;-webkit-font-smoothing:antialiased}
   img{max-width:100%;height:auto;display:block}
   a{color:#a78bfa;text-decoration:none;transition:color .2s}
   a:hover{color:#c4b5fd}
   .wrap{max-width:1100px;margin:0 auto;padding:0 28px}
   
   /* -- BG -- */
   .bg-blobs{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
   .blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.07}
   .b1{width:550px;height:550px;background:#8b5cf6;top:-120px;left:-80px;animation:bd1 22s ease-in-out infinite}
   .b2{width:400px;height:400px;background:#6d28d9;bottom:-80px;right:-60px;animation:bd2 26s ease-in-out infinite}
   .b3{width:300px;height:300px;background:#a78bfa;top:45%;left:55%;animation:bd3 20s ease-in-out infinite}
   @keyframes bd1{0%,100%{transform:translate(0,0)}50%{transform:translate(50px,30px)}}
   @keyframes bd2{0%,100%{transform:translate(0,0)}50%{transform:translate(-40px,-25px)}}
   @keyframes bd3{0%,100%{transform:translate(0,0)}50%{transform:translate(-30px,40px)}}
   
   .noise{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.4;
       background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.04'/%3E%3C/svg%3E")}
   
   /* -- Side dots -- */
   .side-dots{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:900;display:flex;flex-direction:column;gap:16px}
   .sd{width:8px;height:8px;border-radius:50%;background:rgba(139,92,246,.12);border:1px solid rgba(139,92,246,.18);transition:all .3s;display:block}
   .sd.active{background:#8b5cf6;border-color:#8b5cf6;box-shadow:0 0 8px rgba(139,92,246,.5)}
   
   /* -- Header -- */
   .header{position:sticky;top:0;z-index:1000;padding:14px 0;
       background:rgba(7,7,12,.6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
       border-bottom:1px solid rgba(139,92,246,.06);transition:box-shadow .3s}
   .header.scrolled{box-shadow:0 4px 32px rgba(0,0,0,.5)}
   .header .wrap{display:flex;align-items:center;justify-content:space-between}
   .brand-logo{height:26px;width:auto;object-fit:contain;filter:drop-shadow(0 0 6px rgba(139,92,246,.3));transition:filter .3s}
   .brand-logo:hover{filter:drop-shadow(0 0 14px rgba(139,92,246,.6))}
   .nav{display:flex;gap:22px}
   .nav a{color:#6b6b80;font-size:.82rem;font-weight:500;letter-spacing:.03em}
   .nav a:hover{color:#a78bfa}
   .burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;z-index:10}
   .burger span{width:20px;height:2px;background:#fff;border-radius:2px;transition:transform .3s,opacity .3s}
   .burger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
   .burger.open span:nth-child(2){transform:rotate(-45deg) translate(5px,-5px)}
   
   /* -- Hero -- */
   .hero{position:relative;z-index:2;height:100vh;min-height:580px;display:flex;align-items:center;justify-content:center;overflow:hidden}
   .hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
   .hero-over{position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,rgba(7,7,12,.3),rgba(7,7,12,.85) 70%,#07070c 100%)}
   .hero-content{position:relative;z-index:2;text-align:center;max-width:720px;padding:0 28px}
   .hero-logo{height:52px;margin:0 auto 24px;filter:drop-shadow(0 0 20px rgba(139,92,246,.3));animation:hFloat 4s ease-in-out infinite}
   @keyframes hFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
   .hero h1{font-size:2rem;font-weight:800;color:#fff;line-height:1.2;margin-bottom:14px}
   .hero p{font-size:.95rem;color:#9898a8;margin-bottom:24px;line-height:1.68}
   .hero-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
   .chip{font-size:.7rem;letter-spacing:.06em;padding:5px 14px;border-radius:20px;background:rgba(139,92,246,.05);border:1px solid rgba(139,92,246,.14);color:#a78bfa}
   
   /* -- News strip -- */
   .news-strip{position:relative;z-index:2;padding:24px 0;border-bottom:1px solid rgba(139,92,246,.04)}
   .news-inner{max-width:1100px;margin:0 auto;padding:0 28px;display:flex;gap:14px;align-items:flex-start;font-size:.84rem;color:#9898a8;line-height:1.72}
   .news-inner strong{color:#a78bfa}
   .news-pulse{flex-shrink:0;margin-top:7px;width:8px;height:8px;border-radius:50%;background:#8b5cf6;animation:np 2s ease-in-out infinite}
   @keyframes np{0%,100%{box-shadow:0 0 0 0 rgba(139,92,246,.4)}50%{box-shadow:0 0 0 8px rgba(139,92,246,0)}}
   
   /* -- Bento -- */
   #bento{position:relative;z-index:2;padding:60px 0}
   .bento{max-width:1100px;margin:0 auto;padding:0 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
   .tile{padding:26px;border-radius:14px;background:rgba(255,255,255,.014);border:1px solid rgba(139,92,246,.05);transition:border-color .3s,transform .3s}
   .tile:hover{border-color:rgba(139,92,246,.14);transform:translateY(-2px)}
   .tile-wide{grid-column:span 2}
   .tile-tall{grid-row:span 2}
   .tile-text h2{font-size:1.2rem;color:#fff;margin-bottom:12px;font-weight:700}
   .tile-text h3{font-size:.96rem;color:#fff;margin-bottom:8px;font-weight:600}
   .tile-text p{font-size:.85rem;color:#9898a8;line-height:1.7}
   .tile-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(139,92,246,.025)}
   .stat-val{font-size:2.2rem;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}
   .stat-label{font-size:.66rem;color:#6b6b80;text-transform:uppercase;letter-spacing:.08em;margin-top:4px}
   .tile-img{padding:0;overflow:hidden}
   .tile-img img{width:100%;height:100%;object-fit:cover;border-radius:13px;transition:transform .5s}
   .tile-img:hover img{transform:scale(1.03)}
   
   /* -- Compare section -- */
   .sec-compare{position:relative;z-index:2;padding:60px 0;background:rgba(139,92,246,.01);border-top:1px solid rgba(139,92,246,.04);border-bottom:1px solid rgba(139,92,246,.04)}
   .sec-heading{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:20px}
   .sec-sub{font-size:.88rem;color:#9898a8;margin-bottom:18px}
   .tbl-wrap{overflow-x:auto;border-radius:12px;border:1px solid rgba(139,92,246,.06);background:rgba(255,255,255,.01)}
   table{width:100%;border-collapse:collapse;font-size:.83rem}
   thead{background:rgba(139,92,246,.04)}
   th{padding:12px 16px;text-align:left;font-weight:600;color:#e0e0e8;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid rgba(139,92,246,.08)}
   th.hl{color:#a78bfa}
   td{padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.02)}
   td.hl{color:#e0e0e8;font-weight:500;background:rgba(139,92,246,.02)}
   tr:last-child td{border-bottom:none}
   tr:hover td{background:rgba(139,92,246,.015)}
   .yes{color:#34d399;font-weight:600}
   .warn{color:#fbbf24;font-weight:500}
   
   /* -- Intel -- */
   .sec-intel{position:relative;z-index:2;padding:60px 0}
   .intel-card{padding:32px;border-radius:14px;background:linear-gradient(135deg,rgba(139,92,246,.04),rgba(139,92,246,.01));border:1px solid rgba(139,92,246,.07)}
   .intel-tag{display:inline-block;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#8b5cf6;background:rgba(139,92,246,.1);padding:4px 10px;border-radius:4px;margin-bottom:14px}
   .intel-card p{font-size:.88rem;line-height:1.76;margin-bottom:16px}
   .src-list{display:flex;gap:10px;flex-wrap:wrap}
   .src-list span{font-size:.7rem;color:#6b6b80;padding:3px 10px;border-radius:4px;background:rgba(139,92,246,.04);border:1px solid rgba(139,92,246,.06)}
   
   /* -- FAQ -- */
   .sec-faq{position:relative;z-index:2;padding:60px 0;background:rgba(139,92,246,.01);border-top:1px solid rgba(139,92,246,.04)}
   .faq-list{display:flex;flex-direction:column;gap:10px;max-width:780px}
   .faq{border-radius:10px;overflow:hidden;border:1px solid rgba(139,92,246,.05);background:rgba(255,255,255,.01);transition:border-color .3s}
   .faq:hover{border-color:rgba(139,92,246,.15)}
   .faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;background:none;border:none;color:#e0e0e8;font-size:.88rem;font-weight:600;text-align:left;font-family:inherit}
   .faq-ico{width:18px;height:18px;flex-shrink:0;stroke:#8b5cf6;stroke-width:2;stroke-linecap:round;fill:none;transition:transform .3s}
   .faq.open .faq-ico{transform:rotate(45deg)}
   .faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s;padding:0 20px}
   .faq.open .faq-a{max-height:300px;padding:0 20px 16px}
   .faq-a p{font-size:.84rem;color:#9898a8;line-height:1.68}
   
   /* -- Footer -- */
   .footer{position:relative;z-index:2;padding:48px 0 24px;border-top:1px solid rgba(139,92,246,.04);background:rgba(0,0,0,.2)}
   .footer-cols{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-bottom:28px}
   .footer-col h3{font-size:.88rem;color:#fff;margin-bottom:10px;font-weight:600}
   .footer-logo{height:28px;margin-bottom:12px;filter:drop-shadow(0 0 6px rgba(139,92,246,.2))}
   .footer-col p{font-size:.8rem;color:#9898a8;line-height:1.65;margin-bottom:6px}
   .footer-col a{font-size:.76rem}
   .footer-list{list-style:none}
   .footer-list li{font-size:.78rem;color:#9898a8;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.02);display:flex;gap:8px}
   .footer-list li span{color:#6b6b80;min-width:60px;flex-shrink:0}
   .footer-bottom{text-align:center;padding-top:18px;border-top:1px solid rgba(255,255,255,.03)}
   .footer-bottom p{font-size:.72rem;color:#3f3f50}
   
   /* -- Reveals -- */
   .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
   .reveal.visible{opacity:1;transform:translateY(0)}
   
   /* -- Responsive -- */
   @media(max-width:900px){.bento{grid-template-columns:1fr 1fr}.tile-wide{grid-column:span 2}}
   @media(max-width:640px){
       .bento{grid-template-columns:1fr}.tile-wide,.tile-tall{grid-column:span 1;grid-row:span 1}
       .footer-cols{grid-template-columns:1fr}
       .hero h1{font-size:1.5rem}
       .side-dots{display:none}
       .nav{position:fixed;top:0;right:-100%;width:260px;height:100vh;background:rgba(7,7,12,.97);flex-direction:column;padding:80px 32px 32px;gap:18px;transition:right .35s;z-index:5}
       .nav.open{right:0}.nav a{font-size:1rem;color:#9898a8}.burger{display:flex}
   }