:root {
      --bg:#000; --bg2:#050508; --glass:rgba(255,255,255,0.04); --gb:rgba(255,255,255,0.07);
      --accent:#8b5cf6; --accent2:#c4b5fd; --violet:#8b5cf6; --text:#f1f5f9; --text2:#94a3b8; --text3:#475569;
      --r:14px; --rl:22px; --container:1200px;
      --grad:linear-gradient(135deg,#8b5cf6,#a78bfa,#7c3aed);
    }
    *{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth;overflow-x:hidden}
    body{background:var(--bg);color:var(--text);font-family:'Space Grotesk','Inter',system-ui,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}

    .cursor,.cursor-follower{position:fixed;border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%)}
    .cursor{width:8px;height:8px;background:var(--accent);transition:transform .1s}
    .cursor-follower{width:30px;height:30px;border:1px solid rgba(139,92,246,.35);transition:left .25s ease,top .25s ease}
    @media(hover:none){.cursor,.cursor-follower{display:none}}

    .loader{position:fixed;inset:0;background:#000;z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity .6s ease,visibility .6s}
    .loader.hidden{opacity:0;visibility:hidden;pointer-events:none}
    .loader-inner{text-align:center}
    .loader-logo{height:56px;margin-bottom:2rem;filter:drop-shadow(0 0 24px rgba(139,92,246,.6))}
    .loader-bar{width:220px;height:2px;background:var(--gb);border-radius:2px;margin:0 auto 1rem;overflow:hidden}
    .loader-fill{height:100%;width:0;background:var(--grad);animation:ldFill 1.8s ease forwards}
    @keyframes ldFill{to{width:100%}}
    .loader-text{color:var(--text3);font-size:.78rem;letter-spacing:3px;text-transform:uppercase}

    .nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .3s,border-color .3s;border-bottom:1px solid transparent}
    .nav.scrolled{background:rgba(0,0,0,.92);backdrop-filter:blur(22px);border-color:var(--gb)}
    .nav-inner{max-width:var(--container);margin:0 auto;padding:1.1rem 2rem;display:flex;align-items:center;justify-content:space-between}
    .logo img{height:38px;display:block}
    .nav-back{display:flex;align-items:center;gap:.55rem;color:var(--text2);text-decoration:none;font-size:.9rem;font-weight:500;padding:.45rem .9rem;border-radius:50px;border:1px solid var(--gb);transition:color .2s,border-color .2s,transform .2s}
    .nav-back:hover{color:var(--text);border-color:var(--accent);transform:translateX(-2px)}
    .nav-badge{background:var(--grad);color:#fff;padding:.38rem 1rem;border-radius:50px;font-size:.8rem;font-weight:600}

    .hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}
    #hero-canvas{position:absolute;inset:0;width:100%;height:100%}
    .hero-overlay{position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 60% 50%,rgba(139,92,246,.12) 0%,transparent 70%),radial-gradient(ellipse 50% 50% at 20% 80%,rgba(124,58,237,.08) 0%,transparent 60%),linear-gradient(180deg,transparent 60%,#000 100%)}
    .hero-inner{position:relative;z-index:2;max-width:var(--container);margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding-top:90px}
    .hero-content{max-width:580px}
    .hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.25);padding:.4rem 1rem;border-radius:50px;font-size:.8rem;color:var(--accent2);margin-bottom:1.8rem;font-weight:500}
    .badge-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:pulse 1.8s ease-in-out infinite}
    @keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}
    .hero-title{font-size:clamp(2.6rem,5vw,4rem);font-weight:700;line-height:1.08;margin-bottom:1.4rem;letter-spacing:-1px}
    .hero-title span{display:block}
    .gradient-text{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
    .hero-sub{color:var(--text2);font-size:1.05rem;line-height:1.75;margin-bottom:2rem}
    .hero-cta{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2.5rem}
    .btn-primary{display:inline-flex;align-items:center;gap:.55rem;background:var(--grad);color:#fff;padding:.75rem 1.8rem;border-radius:50px;font-size:.95rem;font-weight:600;text-decoration:none;transition:opacity .2s,transform .2s,box-shadow .2s;box-shadow:0 4px 24px rgba(139,92,246,.3)}
    .btn-primary:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 8px 32px rgba(139,92,246,.45)}
    .btn-ghost{display:inline-flex;align-items:center;gap:.55rem;background:transparent;color:var(--text2);padding:.75rem 1.8rem;border-radius:50px;font-size:.95rem;font-weight:600;text-decoration:none;border:1px solid var(--gb);transition:color .2s,border-color .2s,transform .2s}
    .btn-ghost:hover{color:var(--text);border-color:rgba(139,92,246,.4);transform:translateY(-2px)}
    .hero-stats{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}
    .stat-item{text-align:center}
    .stat-val{font-size:1.6rem;font-weight:700;line-height:1;margin-bottom:.2rem}
    .stat-val .stat-num{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
    .stat-plus{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.6rem;font-weight:700}
    .stat-label{color:var(--text3);font-size:.75rem;text-transform:uppercase;letter-spacing:1px}
    .stat-divider{width:1px;height:32px;background:var(--gb)}

    .hero-visual{position:relative;display:flex;align-items:center;justify-content:center;height:480px}
    .visual-ring{position:absolute;border-radius:50%;border:1px solid;animation:spin linear infinite}
    .ring-1{width:280px;height:280px;border-color:rgba(139,92,246,.2);animation-duration:18s}
    .ring-2{width:380px;height:380px;border-color:rgba(124,58,237,.15);animation-duration:28s;animation-direction:reverse}
    .ring-3{width:460px;height:460px;border-color:rgba(167,139,250,.1);animation-duration:38s}
    @keyframes spin{to{transform:rotate(360deg)}}
    .visual-core{position:relative;z-index:2;width:120px;height:120px;border-radius:30px;background:linear-gradient(135deg,rgba(139,92,246,.15),rgba(124,58,237,.15));border:1px solid rgba(139,92,246,.3);display:flex;align-items:center;justify-content:center;box-shadow:0 0 60px rgba(139,92,246,.2),inset 0 0 30px rgba(139,92,246,.05)}
    .visual-core i{font-size:3.2rem;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
    .orbit-item{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;gap:.3rem;background:rgba(0,0,0,.8);border:1px solid var(--gb);padding:.6rem .85rem;border-radius:14px;font-size:.72rem;color:var(--text2);font-weight:500;backdrop-filter:blur(12px);transition:transform .2s,box-shadow .2s}
    .orbit-item:hover{transform:scale(1.08);box-shadow:0 4px 20px rgba(139,92,246,.2)}
    .orbit-item i{font-size:1.2rem}
    .orbit-prop{top:10%;left:8%} .orbit-prop i{color:#8b5cf6}
    .orbit-lead{top:10%;right:8%} .orbit-lead i{color:#06b6d4}
    .orbit-ai{bottom:18%;left:5%} .orbit-ai i{color:#10b981}
    .orbit-emi{bottom:10%;right:8%} .orbit-emi i{color:#f59e0b}
    .orbit-chart{bottom:48%;right:3%} .orbit-chart i{color:#ec4899}

    .section{padding:7rem 0}
    .container{max-width:var(--container);margin:0 auto;padding:0 2rem}
    .section-dark{background:var(--bg2)}
    .section-header{text-align:center;margin-bottom:3.5rem}
    .eyebrow-badge{display:inline-block;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.25);color:var(--accent2);font-size:.78rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:.35rem 1rem;border-radius:50px;margin-bottom:1rem}
    .section-heading{font-size:clamp(2rem,3.5vw,2.8rem);font-weight:700;line-height:1.15;letter-spacing:-.5px;margin-bottom:.75rem}
    .section-sub{color:var(--text2);font-size:1.05rem;max-width:560px;margin:0 auto}

    .reveal-up,.reveal-left,.reveal-right{opacity:0;transition:opacity .7s ease,transform .7s ease}
    .reveal-up{transform:translateY(36px)} .reveal-left{transform:translateX(-36px)} .reveal-right{transform:translateX(36px)}
    .revealed{opacity:1!important;transform:none!important}

    .marquee-section{background:var(--bg2);border-top:1px solid var(--gb);border-bottom:1px solid var(--gb);padding:1.2rem 0;overflow:hidden}
    .marquee-track{display:flex;align-items:center;gap:2rem;width:max-content;animation:marqueeScroll 30s linear infinite;font-size:.82rem;font-weight:500;color:var(--text2);letter-spacing:1px;text-transform:uppercase}
    @keyframes marqueeScroll{to{transform:translateX(-50%)}}
    .dot{color:var(--accent)}

    .overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
    .overview-text h2{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;margin-bottom:1rem;line-height:1.2}
    .overview-text p{color:var(--text2);line-height:1.8;margin-bottom:1rem}
    .feature-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}
    .chip{display:inline-flex;align-items:center;gap:.4rem;background:rgba(139,92,246,.08);border:1px solid rgba(139,92,246,.2);color:var(--accent2);font-size:.8rem;padding:.35rem .85rem;border-radius:50px;font-weight:500}
    .chip i{font-size:.7rem}
    .ov-card{background:var(--glass);border:1px solid var(--gb);border-radius:var(--rl);padding:1.8rem;backdrop-filter:blur(12px);transition:transform .3s,box-shadow .3s,border-color .3s}
    .ov-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(139,92,246,.12);border-color:rgba(139,92,246,.25)}
    .ov-card-head{display:flex;align-items:center;gap:.8rem;margin-bottom:1.2rem}
    .ov-icon{width:44px;height:44px;border-radius:12px;background:rgba(139,92,246,.12);display:flex;align-items:center;justify-content:center}
    .ov-icon i{color:var(--accent);font-size:1.1rem}
    .ov-card-head h4{font-weight:600;font-size:.95rem}
    .ov-metrics{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
    .ov-metric{background:rgba(255,255,255,.03);border:1px solid var(--gb);border-radius:10px;padding:.75rem 1rem}
    .ov-metric .val{font-size:1.4rem;font-weight:700;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
    .ov-metric .lbl{font-size:.75rem;color:var(--text3);margin-top:.15rem}

    .cs-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
    .cs-panel{background:var(--glass);border:1px solid var(--gb);border-radius:var(--rl);padding:2.5rem;backdrop-filter:blur(12px);transition:border-color .3s,transform .3s}
    .cs-panel:hover{border-color:rgba(139,92,246,.25);transform:translateY(-3px)}
    .cs-panel-head{display:flex;align-items:center;gap:1rem;margin-bottom:1.8rem}
    .cs-num{font-size:2.5rem;font-weight:700;line-height:1;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
    .cs-panel-head h3{font-size:1.3rem;font-weight:600}
    .cs-list{list-style:none;display:flex;flex-direction:column;gap:.9rem}
    .cs-list li{display:flex;align-items:flex-start;gap:.8rem;color:var(--text2);font-size:.95rem;line-height:1.5}
    .cs-list li i{color:var(--accent);margin-top:.15rem;flex-shrink:0}
    .cs-panel.solution .cs-list li i{color:var(--violet)}

    .features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}
    .feat-card{background:var(--glass);border:1px solid var(--gb);border-radius:var(--rl);padding:2rem;backdrop-filter:blur(12px);position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}
    .feat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad);opacity:0;transition:opacity .3s}
    .feat-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(139,92,246,.1);border-color:rgba(139,92,246,.2)}
    .feat-card:hover::before{opacity:1}
    .feat-icon-wrap{width:52px;height:52px;border-radius:14px;margin-bottom:1.2rem;display:flex;align-items:center;justify-content:center}
    .feat-icon-wrap i{font-size:1.4rem}
    .feat-card h4{font-size:1.05rem;font-weight:600;margin-bottom:.6rem}
    .feat-card p{color:var(--text2);font-size:.9rem;line-height:1.65}
    .feat-card .feat-num{position:absolute;top:1.5rem;right:1.5rem;font-size:.75rem;color:var(--text3);font-weight:600;letter-spacing:1px}

    .tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.2rem}
    .tech-item{background:var(--glass);border:1px solid var(--gb);border-radius:var(--r);padding:1.5rem;display:flex;align-items:center;gap:1rem;backdrop-filter:blur(10px);transition:transform .2s,border-color .2s}
    .tech-item:hover{transform:translateY(-3px);border-color:rgba(139,92,246,.25)}
    .tech-icon{width:44px;height:44px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
    .tech-icon i{font-size:1.2rem}
    .tech-item h4{font-size:.9rem;font-weight:600;margin-bottom:.15rem}
    .tech-item p{font-size:.78rem;color:var(--text3)}

    .impact-section{background:var(--bg2);border-top:1px solid var(--gb);border-bottom:1px solid var(--gb)}
    .impact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--gb);border:1px solid var(--gb);border-radius:var(--rl);overflow:hidden}
    .impact-cell{background:var(--bg2);padding:2.2rem 2rem;text-align:center;transition:background .3s}
    .impact-cell:hover{background:rgba(139,92,246,.05)}
    .impact-cell .metric{font-size:2.2rem;font-weight:700;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;margin-bottom:.4rem}
    .impact-cell .metric-label{font-size:.85rem;color:var(--text2);font-weight:500}
    .impact-cell .metric-detail{font-size:.75rem;color:var(--text3);margin-top:.2rem}

    .results-table{width:100%;border-collapse:collapse;border-radius:var(--rl);overflow:hidden}
    .results-table thead th{background:rgba(139,92,246,.1);padding:1rem 1.5rem;text-align:left;font-size:.82rem;letter-spacing:1px;text-transform:uppercase;color:var(--accent2);border-bottom:1px solid var(--gb)}
    .results-table tbody tr{border-bottom:1px solid var(--gb);transition:background .2s}
    .results-table tbody tr:hover{background:rgba(139,92,246,.04)}
    .results-table tbody td{padding:1rem 1.5rem;font-size:.9rem;color:var(--text2)}
    .results-table tbody td:first-child{color:var(--text);font-weight:500}
    .results-table tbody td:last-child{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}

    .testimonial-wrap{background:var(--glass);border:1px solid rgba(139,92,246,.2);border-radius:var(--rl);padding:3rem;backdrop-filter:blur(20px);position:relative;overflow:hidden;text-align:center;max-width:760px;margin:0 auto}
    .testimonial-wrap::before{content:'\201C';position:absolute;top:-1rem;left:2rem;font-size:10rem;color:rgba(139,92,246,.08);font-family:Georgia,serif;line-height:1}
    .quote{font-size:1.15rem;line-height:1.8;color:var(--text2);margin-bottom:2rem;font-style:italic;position:relative;z-index:1}
    .quote strong{color:var(--text);font-style:normal}
    .author{display:flex;align-items:center;justify-content:center;gap:1rem}
    .author-avatar{width:52px;height:52px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center}
    .author-avatar i{font-size:1.4rem;color:#fff}
    .author-name{font-weight:600;font-size:.95rem}
    .author-role{color:var(--text3);font-size:.82rem}
    .stars{display:flex;gap:.25rem;justify-content:center;margin-bottom:1.5rem}
    .stars i{color:#f59e0b;font-size:.95rem}

    .ideal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}
    .ideal-item{background:var(--glass);border:1px solid var(--gb);border-radius:var(--r);padding:1.4rem 1.5rem;display:flex;align-items:center;gap:.9rem;backdrop-filter:blur(8px);transition:border-color .2s,transform .2s}
    .ideal-item:hover{border-color:rgba(139,92,246,.3);transform:translateY(-2px)}
    .ideal-item i{color:var(--violet);font-size:1rem;flex-shrink:0}
    .ideal-item span{font-size:.9rem;font-weight:500}

    .stats-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem}
    .stat-box{background:var(--glass);border:1px solid var(--gb);border-radius:var(--r);padding:1.8rem;text-align:center;backdrop-filter:blur(10px);transition:transform .2s,border-color .2s}
    .stat-box:hover{transform:translateY(-4px);border-color:rgba(139,92,246,.25)}
    .stat-box .big{font-size:2rem;font-weight:700;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
    .stat-box small{display:block;color:var(--text2);font-size:.82rem;margin-top:.3rem}

    .unique-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.2rem}
    .unique-item{background:var(--glass);border:1px solid var(--gb);border-radius:var(--r);padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;backdrop-filter:blur(8px);transition:border-color .2s,transform .2s}
    .unique-item:hover{border-color:rgba(139,92,246,.25);transform:translateY(-2px)}
    .unique-emoji{font-size:1.6rem;flex-shrink:0;margin-top:.1rem}
    .unique-item h5{font-size:.95rem;font-weight:600;margin-bottom:.3rem}
    .unique-item p{font-size:.83rem;color:var(--text2);line-height:1.6}

    .cta-section{position:relative;overflow:hidden;text-align:center;background:linear-gradient(135deg,rgba(124,58,237,.15) 0%,rgba(139,92,246,.1) 50%,rgba(167,139,250,.08) 100%);border-top:1px solid rgba(139,92,246,.15);border-bottom:1px solid rgba(139,92,246,.15)}
    .cta-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 50%,rgba(139,92,246,.08) 0%,transparent 70%)}
    .cta-inner{position:relative;z-index:1}
    .cta-section h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:1rem;line-height:1.2}
    .cta-section p{color:var(--text2);font-size:1.05rem;margin-bottom:2.5rem;max-width:520px;margin-left:auto;margin-right:auto}
    .cta-btns{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}

    .footer{background:var(--bg2);border-top:1px solid var(--gb);padding:3rem 2rem}
    .footer-inner{max-width:var(--container);margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem}
    .footer-logo img{height:32px;filter:opacity(.7)}
    .footer-copy{color:var(--text3);font-size:.8rem}
    .footer-links-row{display:flex;gap:1.5rem}
    .footer-links-row a{color:var(--text3);font-size:.82rem;text-decoration:none;transition:color .2s}
    .footer-links-row a:hover{color:var(--text)}

    .scroll-indicator{position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text3);font-size:.75rem;letter-spacing:2px;text-transform:uppercase;z-index:5}
    .scroll-mouse{width:22px;height:35px;border:1.5px solid rgba(139,92,246,.35);border-radius:12px;display:flex;align-items:flex-start;justify-content:center;padding-top:5px}
    .scroll-wheel{width:3px;height:7px;background:var(--accent);border-radius:2px;animation:scrollWheel 1.8s ease infinite}
    @keyframes scrollWheel{0%{transform:translateY(0);opacity:1}100%{transform:translateY(14px);opacity:0}}

    .showcase-grid{display:grid;grid-template-columns:290px 1fr;gap:2.2rem;align-items:start}
    .showcase-tabs{position:sticky;top:100px;display:flex;flex-direction:column;gap:.5rem}
    .showcase-tab{display:flex;align-items:center;gap:.9rem;padding:.95rem 1.1rem;border-radius:var(--r);background:var(--glass);border:1px solid var(--gb);cursor:pointer;transition:all .25s;text-align:left;width:100%}
    .showcase-tab:hover{border-color:rgba(139,92,246,.3);background:rgba(139,92,246,.04)}
    .showcase-tab.active{border-color:rgba(139,92,246,.45);background:rgba(139,92,246,.1)}
    .s-tab-icon{width:38px;height:38px;border-radius:10px;flex-shrink:0;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;font-size:.95rem;color:var(--text3);transition:all .25s}
    .showcase-tab.active .s-tab-icon{background:var(--grad);color:#fff}
    .s-tab-text{overflow:hidden;min-width:0}
    .s-tab-text h4{font-size:.88rem;font-weight:600;color:var(--text2);transition:color .2s;white-space:nowrap}
    .s-tab-text p{font-size:.75rem;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .showcase-tab.active .s-tab-text h4{color:var(--accent2)}
    .s-tab-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);margin-left:auto;flex-shrink:0;opacity:0;transition:opacity .2s}
    .showcase-tab.active .s-tab-dot{opacity:1}
    .showcase-display{min-width:0}
    .showcase-panel{display:none}
    .showcase-panel.s-active{display:block;animation:panelIn .38s ease}
    @keyframes panelIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
    .panel-header{margin-bottom:1.4rem}
    .panel-tag{display:inline-flex;align-items:center;gap:.45rem;font-size:.7rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent2);margin-bottom:.65rem}
    .panel-header h3{font-size:1.45rem;font-weight:700;line-height:1.22;margin-bottom:.55rem}
    .panel-header p{color:var(--text2);font-size:.91rem;line-height:1.68;max-width:560px}

    .browser-frame{background:#0c0c14;border:1px solid rgba(255,255,255,.09);border-radius:14px;overflow:hidden;position:relative;box-shadow:0 28px 72px rgba(0,0,0,.7),0 0 0 1px rgba(139,92,246,.07);margin-bottom:1.1rem}
    .browser-bar{background:#13131c;padding:.6rem .95rem;display:flex;align-items:center;gap:.65rem;border-bottom:1px solid rgba(255,255,255,.05)}
    .b-dots{display:flex;gap:6px}
    .b-dots span{width:11px;height:11px;border-radius:50%}
    .bd1{background:#ff5f56}.bd2{background:#febc2e}.bd3{background:#28c840}
    .b-url{flex:1;background:rgba(255,255,255,.05);border-radius:5px;padding:.26rem .8rem;font-size:.7rem;color:var(--text3);font-family:monospace}

    /* MOCK SCREENS */
    .mock-screen{background:#0a0a12;min-height:380px;display:flex;flex-direction:column;filter:blur(3px) brightness(0.65);transform:scale(1.06);transition:transform .45s ease;overflow:hidden}
    .browser-frame:hover .mock-screen{transform:scale(1.07)}
    .mk-nav{background:#111119;height:44px;display:flex;align-items:center;padding:0 1rem;gap:1rem;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}
    .mk-brand{width:80px;height:10px;background:#8b5cf6;border-radius:4px;opacity:.8}
    .mk-nav-links{display:flex;gap:.5rem;margin-left:1rem}
    .mk-nl{width:38px;height:7px;background:rgba(255,255,255,.1);border-radius:3px}
    .mk-nl.a{background:rgba(139,92,246,.45)}
    .mk-body{padding:1rem;flex:1;display:flex;flex-direction:column;gap:.8rem;overflow:hidden}
    .mk-stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}
    .mk-stat{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:.75rem}
    .mk-lbl{height:7px;background:rgba(255,255,255,.1);border-radius:3px;width:60%;margin-bottom:.5rem}
    .mk-val{height:13px;border-radius:3px;width:50%}
    .mk-v{background:rgba(139,92,246,.55)} .mk-b{background:rgba(14,165,233,.45)} .mk-g{background:rgba(16,185,129,.45)} .mk-o{background:rgba(245,158,11,.45)} .mk-r{background:rgba(239,68,68,.4)}
    .mk-table{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:8px;overflow:hidden}
    .mk-thead{background:rgba(255,255,255,.05);padding:.45rem 1rem;display:flex;gap:1.5rem}
    .mk-th{height:6px;background:rgba(255,255,255,.18);border-radius:3px}
    .mk-row{padding:.45rem 1rem;display:flex;gap:1.5rem;align-items:center;border-top:1px solid rgba(255,255,255,.04)}
    .mk-td{height:7px;background:rgba(255,255,255,.08);border-radius:3px}
    .mk-pill{height:13px;border-radius:10px;flex-shrink:0}
    .mk-pill.pg{background:rgba(16,185,129,.4);width:44px} .mk-pill.pr{background:rgba(239,68,68,.35);width:52px} .mk-pill.py{background:rgba(245,158,11,.35);width:48px} .mk-pill.pv{background:rgba(139,92,246,.4);width:46px}
    .mk-chart-area{display:flex;align-items:flex-end;gap:.4rem;height:80px;padding:.5rem}
    .mk-bar{border-radius:4px 4px 0 0;flex:1}
    .mk-2col{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
    .mk-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:.75rem;display:flex;flex-direction:column;gap:.4rem}
    .mk-avatar-row{display:flex;gap:.6rem;align-items:center}
    .mk-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0}
    .mk-text-block{display:flex;flex-direction:column;gap:.3rem;flex:1}
    .mk-line{height:7px;background:rgba(255,255,255,.1);border-radius:3px}
    .mk-line.s{width:60%} .mk-line.xs{width:40%}
    .mk-kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}
    .mk-col{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:.5rem;display:flex;flex-direction:column;gap:.4rem}
    .mk-col-head{height:8px;border-radius:3px;margin-bottom:.3rem}
    .mk-kcard{background:rgba(255,255,255,.05);border-radius:6px;padding:.5rem;display:flex;flex-direction:column;gap:.3rem}
    .mk-progress{height:5px;background:rgba(255,255,255,.06);border-radius:3px;overflow:hidden;margin-top:.2rem}
    .mk-progress-fill{height:100%;border-radius:3px}

    .demo-gate{position:absolute;inset:42px 0 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(5,5,12,0.45);backdrop-filter:blur(3px);z-index:10;gap:.75rem;padding:2rem;text-align:center}
    .demo-gate-icon{width:54px;height:54px;border-radius:50%;background:rgba(139,92,246,.12);border:1px solid rgba(139,92,246,.35);display:flex;align-items:center;justify-content:center}
    .demo-gate-icon i{font-size:1.3rem;color:var(--accent)}
    .demo-gate h4{font-size:1.05rem;font-weight:700;color:var(--text)}
    .demo-gate p{color:var(--text2);font-size:.84rem;line-height:1.6;max-width:260px}
    .demo-gate-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--grad);color:#fff;padding:.6rem 1.4rem;border-radius:50px;font-size:.86rem;font-weight:600;text-decoration:none;box-shadow:0 4px 22px rgba(139,92,246,.4);transition:opacity .2s,transform .2s}
    .demo-gate-btn:hover{opacity:.9;transform:translateY(-2px)}
    .panel-why{display:flex;flex-wrap:wrap;gap:.55rem}
    .why-chip{display:inline-flex;align-items:center;gap:.42rem;background:rgba(255,255,255,.03);border:1px solid var(--gb);border-radius:8px;padding:.48rem .88rem;font-size:.81rem;color:var(--text2);transition:border-color .2s}
    .why-chip:hover{border-color:rgba(139,92,246,.25)}
    .why-chip i{color:var(--violet);font-size:.72rem}

    @media(max-width:960px){.showcase-grid{grid-template-columns:1fr}.showcase-tabs{position:static;flex-direction:row;flex-wrap:wrap;gap:.4rem;overflow-x:auto;padding-bottom:.2rem}.showcase-tab{flex:0 0 auto;width:auto}.s-tab-text p,.s-tab-dot{display:none}}
    @media(max-width:900px){.hero-inner{grid-template-columns:1fr;text-align:center}.hero-visual{display:none}.hero-stats{justify-content:center}.hero-cta{justify-content:center}.overview-grid,.cs-grid{grid-template-columns:1fr}.impact-grid{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:repeat(2,1fr)}.tech-grid{grid-template-columns:repeat(2,1fr)}.unique-grid{grid-template-columns:1fr}.ideal-grid{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:600px){.impact-grid{grid-template-columns:1fr}.mk-stat-row{grid-template-columns:repeat(2,1fr)}.nav-inner{padding:1rem}.section{padding:5rem 0}.results-table{font-size:.82rem}.results-table thead th,.results-table tbody td{padding:.75rem 1rem}}
    @media (max-width: 768px) {
      .mock-screen { transform: none !important; }
      .browser-frame:hover .mock-screen { transform: none !important; }
      .showcase-panel { overflow: hidden; }
      .nav-inner     { padding: .9rem 1.2rem; }
      .nav-badge     { font-size: .72rem; padding: .28rem .75rem; }
      .section       { padding: 5rem 0; }
      .container     { padding: 0 1.2rem; }
      .hero-title    { font-size: clamp(2rem, 7vw, 3rem); }
      .features-grid { grid-template-columns: 1fr; }
      .tech-grid     { grid-template-columns: repeat(2,1fr); }
      .stats-row     { grid-template-columns: repeat(2,1fr); }
      .unique-grid   { grid-template-columns: 1fr; }
      .ideal-grid    { grid-template-columns: repeat(2,1fr); }
      .cs-panel      { padding: 1.8rem; }
      .testimonial-wrap { padding: 2.2rem 1.5rem; }
      .cta-section h2 { font-size: clamp(1.7rem, 5vw, 2.4rem); }
      .cta-btns      { flex-direction: column; align-items: center; }
      .btn-primary, .btn-ghost { width: 100%; justify-content: center; max-width: 320px; }
      .footer-inner  { flex-direction: column; text-align: center; gap: 1rem; }
      .footer-links-row { justify-content: center; flex-wrap: wrap; }
    }
    @media (max-width: 480px) {
      .section       { padding: 4rem 0; }
      .container     { padding: 0 1rem; }
      .hero-stats    { gap: .8rem; }
      .stat-divider  { display: none; }
      .features-grid { grid-template-columns: 1fr; }
      .tech-grid     { grid-template-columns: 1fr; }
      .ideal-grid    { grid-template-columns: 1fr; }
      .stats-row     { grid-template-columns: repeat(2,1fr); }
      .impact-grid   { grid-template-columns: 1fr; }
      .mk-stat-row   { grid-template-columns: repeat(2,1fr); }
      .mk-2col       { grid-template-columns: 1fr; }
      .section-heading { font-size: clamp(1.6rem, 6vw, 2.2rem); }
      .results-table { display: block; overflow-x: auto; white-space: nowrap; }
      .hero-badge    { font-size: .72rem; }
      .nav-back      { padding: .35rem .7rem; font-size: .82rem; }
    }
    @media (max-width: 375px) {
      .hero-cta      { flex-direction: column; align-items: center; }
      .stats-row     { grid-template-columns: 1fr; }
      .impact-grid   { grid-template-columns: 1fr; }
    }