*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    html{overflow-x:hidden;width:100%}
    body {
      font-family: 'Inter', -apple-system, sans-serif;
      background: #030305;
      color: #d4d4d8;
      line-height: 1.6;
      overflow-x: hidden;
      width:100%;
      -webkit-font-smoothing: antialiased;
    }
    a { text-decoration: none; color: inherit; }

    /* ========== ANIMATIONS ========== */
    @keyframes fadeInUp { from { opacity:0; transform:translateY(40px); } to { opacity:1; transform:translateY(0); } }
    @keyframes pulseGlow { 0%,100%{opacity:.6}50%{opacity:1} }
    @keyframes gradientShift { 0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%} }
    @keyframes float { 0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)} }
    @keyframes borderPulse { 0%,100%{border-color:rgba(124,58,237,.15)}50%{border-color:rgba(251,191,36,.35)} }
    @keyframes spin { to{transform:rotate(360deg)} }
    @keyframes rouletteSpin { 0%{transform:rotate(0deg)}100%{transform:rotate(360deg)} }
    @keyframes slideIn { from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)} }
    @keyframes typing { 0%{width:0}100%{width:100%} }
    .anim { opacity:0; transform:translateY(40px); transition:all .8s cubic-bezier(.16,1,.3,1); }
    .anim.visible { opacity:1; transform:translateY(0); }
    .d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}.d5{transition-delay:.5s}.d6{transition-delay:.6s}

    /* ========== HEX PATTERN ========== */
    .hex-bg {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M30 0L60 15v22L30 52 0 37V15z' fill='none' stroke='%237c3aed' stroke-width='.5'/%3E%3C/svg%3E");
      background-size: 60px 52px;
      position:absolute;inset:0;opacity:.03;pointer-events:none;
    }

    /* ========== LAYOUT ========== */
    .container { max-width:1200px; margin:0 auto; padding:0 24px; }
    section { position:relative; }
    .label {
      display:inline-flex;align-items:center;gap:8px;
      font-size:11px;font-weight:700;color:#7c3aed;
      text-transform:uppercase;letter-spacing:3px;margin-bottom:16px;
    }
    .stitle {
      font-size:clamp(34px,4.5vw,52px);font-weight:900;color:#fafafa;
      letter-spacing:-.04em;line-height:1.08;margin-bottom:18px;
    }
    .ssub { font-size:18px;color:#52525b;font-weight:300;line-height:1.75;max-width:600px;margin-bottom:72px; }
    .grad-text {
      background:linear-gradient(135deg,#7c3aed 0%,#a78bfa 30%,#fbbf24 60%,#7c3aed 100%);
      background-size:300% 300%;animation:gradientShift 5s ease-in-out infinite;
      -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
    }

    /* ========== NAV ========== */
    nav {
      position:fixed;top:0;left:0;right:0;z-index:1000;padding:14px 0;
      background:rgba(3,3,5,.7);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
      border-bottom:1px solid rgba(255,255,255,.04);
    }
    .nav-inner{display:flex;align-items:center;justify-content:space-between}
    .logo {
      font-size:22px;font-weight:800;letter-spacing:-.04em;
      background:linear-gradient(135deg,#fbbf24,#f59e0b);
      -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
    }
    .nav-links{display:flex;gap:20px;align-items:center}
    .nav-links a{font-size:13px;font-weight:500;color:#71717a;transition:color .2s}
    .nav-links a:hover{color:#e4e4e7}
    .nav-right{display:flex;align-items:center;gap:10px}
    .btn-nav {
      padding:8px 22px;border-radius:10px;font-size:13px;font-weight:600;
      background:rgba(251,191,36,.12);color:#fbbf24;
      border:1px solid rgba(251,191,36,.25);transition:all .3s;
    }
    .btn-nav:hover{background:#fbbf24;color:#000;box-shadow:0 0 24px rgba(251,191,36,.3)}
    .btn-login{padding:6px 16px;border-radius:8px;font-size:12px;font-weight:600;color:#a1a1aa;background:transparent;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .2s;font-family:inherit}
    .btn-login:hover{color:#fafafa;border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.04)}
    .btn-register{padding:6px 16px;border-radius:8px;font-size:12px;font-weight:600;color:#fff;background:rgba(124,58,237,.8);border:1px solid rgba(124,58,237,.5);cursor:pointer;transition:all .2s;font-family:inherit}
    .btn-register:hover{background:rgba(124,58,237,1);box-shadow:0 2px 12px rgba(124,58,237,.3)}
    .lang-toggle{display:flex;align-items:center;gap:0;border-radius:6px;border:1px solid rgba(255,255,255,.06);overflow:hidden;flex-shrink:0}
    .lang-btn{padding:4px 8px;font-size:10px;font-weight:600;color:#52525b;background:transparent;border:none;cursor:pointer;transition:all .2s;font-family:inherit;letter-spacing:.5px}
    .lang-btn.active{color:#fbbf24;background:rgba(251,191,36,.08)}
    .lang-btn:hover:not(.active){color:#a1a1aa}
    /* Mobile nav */
    .nav-hamburger{display:none;width:36px;height:36px;border-radius:8px;background:transparent;border:1px solid rgba(255,255,255,.08);cursor:pointer;align-items:center;justify-content:center;color:#71717a}
    @media(max-width:900px){
      .nav-links{display:none}
      .nav-hamburger{display:flex}
      .btn-login,.btn-register,.btn-nav{display:none}
      .nav-right{gap:8px}
    }
    @media(max-width:520px){
      .nav-right{gap:6px}
      .lang-toggle{order:-1}
    }

    /* Cookie banner */
    .cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;padding:0;transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);pointer-events:none}
    .cookie-banner.show{transform:translateY(0);pointer-events:auto}
    .cookie-inner{max-width:640px;margin:0 auto 16px;padding:20px 24px;border-radius:16px;background:rgba(10,10,15,.95);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);box-shadow:0 -4px 40px rgba(0,0,0,.4)}
    .cookie-top{display:flex;align-items:flex-start;gap:14px}
    .cookie-icon{width:36px;height:36px;border-radius:10px;background:rgba(251,191,36,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}
    .cookie-text h3{font-size:13px;font-weight:700;color:#fafafa;margin-bottom:4px}
    .cookie-text p{font-size:11px;color:#52525b;line-height:1.6}
    .cookie-details{margin-top:12px;padding:12px;border-radius:10px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);display:none}
    .cookie-details.open{display:block}
    .cookie-detail-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0}
    .cookie-detail-row+.cookie-detail-row{border-top:1px solid rgba(255,255,255,.03)}
    .cookie-detail-name{font-size:11px;font-weight:600;color:#a1a1aa}
    .cookie-detail-desc{font-size:10px;color:#3f3f46}
    .cookie-detail-badge{font-size:9px;padding:2px 8px;border-radius:4px;font-weight:600}
    .cookie-btns{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
    .cookie-btn-accept{padding:8px 20px;border-radius:10px;background:linear-gradient(135deg,#fbbf24,#7c3aed);border:none;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}
    .cookie-btn-accept:hover{box-shadow:0 2px 16px rgba(251,191,36,.3);transform:translateY(-1px)}
    .cookie-btn-essential{padding:8px 20px;border-radius:10px;background:transparent;border:1px solid rgba(255,255,255,.08);color:#71717a;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}
    .cookie-btn-essential:hover{border-color:rgba(255,255,255,.15);color:#a1a1aa}
    .cookie-btn-details{background:none;border:none;color:#52525b;font-size:10px;cursor:pointer;text-decoration:underline;text-underline-offset:2px;font-family:inherit;padding:4px 0}
    .cookie-btn-details:hover{color:#a78bfa}
    .cookie-legal{display:flex;gap:12px;justify-content:center;margin-top:10px}
    .cookie-legal a{font-size:9px;color:#3f3f46;transition:color .2s}
    .cookie-legal a:hover{color:#a78bfa}
    @media(max-width:520px){
      .cookie-inner{margin:0 8px 8px;padding:16px;border-radius:14px}
      .cookie-icon{width:28px;height:28px;font-size:14px;border-radius:8px}
      .cookie-text h3{font-size:12px}
      .cookie-text p{font-size:10px}
      .cookie-btns{flex-direction:column}
      .cookie-btn-accept,.cookie-btn-essential{width:100%;text-align:center}
      .cookie-detail-row{flex-direction:column;align-items:flex-start;gap:4px}
      .cookie-legal{flex-wrap:wrap;gap:8px}
    }

    /* ========== HERO ========== */
    .hero {
      min-height:100vh;display:flex;align-items:center;justify-content:center;
      padding:140px 24px 100px;position:relative;overflow:hidden;
    }
    .hero-glow-1 {
      position:absolute;top:-15%;left:25%;width:700px;height:700px;
      background:radial-gradient(circle,rgba(251,191,36,.1) 0%,transparent 65%);
      filter:blur(80px);pointer-events:none;
    }
    .hero-glow-2 {
      position:absolute;bottom:-10%;right:15%;width:500px;height:500px;
      background:radial-gradient(circle,rgba(124,58,237,.12) 0%,transparent 65%);
      filter:blur(60px);pointer-events:none;
    }
    .hero-content{position:relative;z-index:1;text-align:center;max-width:860px}
    .hero-badge {
      display:inline-flex;align-items:center;gap:10px;
      padding:8px 20px;border-radius:100px;margin-bottom:36px;
      background:rgba(251,191,36,.06);border:1px solid rgba(251,191,36,.15);
      backdrop-filter:blur(12px);font-size:13px;font-weight:500;color:#fbbf24;
    }
    .hero-badge-dot {
      width:7px;height:7px;border-radius:50%;background:#fbbf24;
      box-shadow:0 0 10px #fbbf24;animation:pulseGlow 2s ease-in-out infinite;
    }
    .hero h1 {
      font-size:clamp(42px,7vw,78px);font-weight:900;line-height:1.03;
      letter-spacing:-.04em;color:#fafafa;margin-bottom:28px;
    }
    .hero p {
      font-size:clamp(17px,2vw,21px);color:#71717a;font-weight:300;
      max-width:620px;margin:0 auto 44px;line-height:1.75;
    }
    .hero-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
    .btn-primary {
      display:inline-flex;align-items:center;gap:10px;
      padding:16px 36px;border-radius:14px;border:none;cursor:pointer;
      background:linear-gradient(135deg,#fbbf24,#f59e0b);
      color:#000;font-size:16px;font-weight:800;font-family:inherit;transition:all .3s;
      box-shadow:0 4px 24px rgba(251,191,36,.3),0 0 0 1px rgba(251,191,36,.2);
    }
    .btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 44px rgba(251,191,36,.5)}
    .btn-ghost {
      display:inline-flex;align-items:center;gap:10px;
      padding:16px 36px;border-radius:14px;border:1px solid rgba(255,255,255,.08);
      cursor:pointer;background:rgba(255,255,255,.03);color:#d4d4d8;
      font-size:16px;font-weight:500;font-family:inherit;backdrop-filter:blur(8px);transition:all .3s;
    }
    .btn-ghost:hover{background:rgba(255,255,255,.08);transform:translateY(-3px)}

    /* Hero mockup */
    .hero-mockup{margin-top:72px;position:relative;max-width:960px;margin-left:auto;margin-right:auto}
    .mockup-frame {
      border-radius:20px;overflow:hidden;
      border:1px solid rgba(255,255,255,.06);background:rgba(15,15,20,.6);backdrop-filter:blur(20px);
      box-shadow:0 40px 80px rgba(0,0,0,.6),0 0 80px rgba(251,191,36,.04),0 0 0 1px rgba(255,255,255,.04);
    }
    .mockup-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.04)}
    .dot{width:10px;height:10px;border-radius:50%}.dot.r{background:#ef4444}.dot.y{background:#fbbf24}.dot.g{background:#22c55e}
    .mockup-url{flex:1;margin-left:12px;padding:6px 14px;border-radius:8px;background:rgba(255,255,255,.04);font-size:12px;color:#52525b}
    .mockup-body{position:relative}
    .mockup-body img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}
    .mockup-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(3,3,5,.85) 0%,transparent 50%)}
    .float-card {
      position:absolute;padding:18px 24px;border-radius:16px;z-index:2;
      background:rgba(10,10,15,.75);backdrop-filter:blur(24px);
      animation:float 4s ease-in-out infinite;
    }
    .fc-1 {
      bottom:40px;right:40px;
      border:1px solid rgba(251,191,36,.2);
      box-shadow:0 8px 30px rgba(251,191,36,.1);
    }
    .fc-2 {
      top:60px;left:30px;animation-delay:1.5s;
      border:1px solid rgba(124,58,237,.2);
      box-shadow:0 8px 30px rgba(124,58,237,.1);
    }
    .fc-label{font-size:11px;font-weight:600;margin-bottom:4px}
    .fc-label.gold{color:#fbbf24}.fc-label.vio{color:#a78bfa}
    .fc-value{font-size:22px;font-weight:900;color:#fff}

    /* ========== AUTOMATE SECTION ========== */
    .automate{padding:130px 0;overflow:hidden}
    .auto-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:64px}
    .auto-card {
      padding:32px 24px;border-radius:18px;text-align:center;
      background:rgba(255,255,255,.015);border:1px solid rgba(255,255,255,.05);
      position:relative;overflow:hidden;transition:all .4s;
    }
    .auto-card:hover{background:rgba(251,191,36,.03);border-color:rgba(251,191,36,.15);transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,0,0,.3)}
    .auto-icon{width:56px;height:56px;border-radius:16px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;background:rgba(251,191,36,.06);border:1px solid rgba(251,191,36,.1)}
    .auto-icon svg{width:26px;height:26px;stroke:#fbbf24;fill:none;stroke-width:1.8}
    .auto-card h4{font-size:16px;font-weight:700;color:#fafafa;margin-bottom:8px}
    .auto-card p{font-size:13px;color:#52525b;line-height:1.7}
    .auto-badge{display:inline-block;margin-top:12px;padding:3px 10px;border-radius:6px;font-size:10px;font-weight:700;background:rgba(34,197,94,.1);color:#22c55e}
    .auto-center{text-align:center;margin-top:48px}

    /* ========== VS COMPARISON ========== */
    .vs{padding:130px 0}
    .vs-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:64px}
    .vs-card { padding:40px;border-radius:20px;position:relative;overflow:hidden; }
    .vs-others { background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05); }
    .vs-beelive {
      background:linear-gradient(135deg,rgba(251,191,36,.04),rgba(124,58,237,.04));
      border:1px solid rgba(251,191,36,.15);
      box-shadow:0 0 40px rgba(251,191,36,.04);
    }
    .vs-card h3{font-size:22px;font-weight:800;margin-bottom:28px;display:flex;align-items:center;gap:10px}
    .vs-card h3 .tag{font-size:11px;padding:4px 10px;border-radius:6px;font-weight:700}
    .tag-gray{background:rgba(255,255,255,.06);color:#71717a}
    .tag-gold{background:rgba(251,191,36,.12);color:#fbbf24}
    .vs-list{list-style:none}
    .vs-list li{display:flex;align-items:flex-start;gap:14px;padding:10px 0;font-size:15px;line-height:1.6}
    .vs-icon{width:22px;height:22px;border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:2px}
    .vs-icon.no{background:rgba(239,68,68,.1)}.vs-icon.no svg{stroke:#ef4444}
    .vs-icon.yes{background:rgba(251,191,36,.1)}.vs-icon.yes svg{stroke:#fbbf24}
    .vs-list li span{color:#71717a}
    .vs-list .highlight{color:#e4e4e7;font-weight:500}
    .vs-icon svg{width:14px;height:14px;fill:none;stroke-width:2.5}

    /* ========== FEATURES DEEP ========== */
    .features{padding:130px 0}
    .feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
    .feat-card {
      padding:36px 30px;border-radius:18px;
      background:rgba(255,255,255,.015);border:1px solid rgba(255,255,255,.05);
      position:relative;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);
    }
    .feat-card::after {
      content:'';position:absolute;top:0;left:0;right:0;height:1px;
      background:linear-gradient(90deg,transparent,rgba(251,191,36,.4),transparent);
      opacity:0;transition:opacity .4s;
    }
    .feat-card:hover{background:rgba(255,255,255,.03);transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,0,0,.3)}
    .feat-card:hover::after{opacity:1}
    .feat-card.vio:hover{border-color:rgba(124,58,237,.2);box-shadow:0 20px 50px rgba(0,0,0,.3),0 0 30px rgba(124,58,237,.05)}
    .feat-card.vio::after{background:linear-gradient(90deg,transparent,rgba(124,58,237,.4),transparent)}
    .feat-icon {
      width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:22px;
    }
    .fi-gold{background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.15)}
    .fi-gold svg{stroke:#fbbf24}
    .fi-vio{background:rgba(124,58,237,.08);border:1px solid rgba(124,58,237,.12)}
    .fi-vio svg{stroke:#7c3aed}
    .feat-icon svg{width:24px;height:24px;fill:none;stroke-width:2}
    .feat-card h3{font-size:17px;font-weight:700;color:#fafafa;margin-bottom:10px}
    .feat-card p{font-size:14px;color:#52525b;line-height:1.75}
    .feat-tag {
      display:inline-block;margin-top:14px;padding:4px 10px;border-radius:6px;
      font-size:11px;font-weight:700;
    }
    .ft-new{background:rgba(251,191,36,.1);color:#fbbf24}
    .ft-exclusive{background:rgba(124,58,237,.1);color:#a78bfa}

    /* ========== ORGCHART ========== */
    .orgchart{padding:130px 0}
    .org-wrapper{display:flex;flex-direction:column;align-items:center;gap:0;margin-top:64px}
    .org-level{display:flex;justify-content:center;gap:24px;position:relative}
    .org-connector{width:2px;height:40px;background:linear-gradient(to bottom,rgba(251,191,36,.4),rgba(124,58,237,.2));margin:0 auto}
    .org-branch-line{position:relative;height:40px;display:flex;align-items:flex-end;justify-content:center}
    .org-branch-line::before{content:'';position:absolute;bottom:0;left:25%;right:25%;height:2px;background:linear-gradient(90deg,rgba(124,58,237,.3),rgba(251,191,36,.3))}
    .org-branch-connectors{display:flex;justify-content:center;gap:24px}
    .org-branch-connectors .org-mini-conn{width:2px;height:24px;background:rgba(124,58,237,.2)}
    .org-node {
      padding:20px 28px;border-radius:16px;text-align:center;min-width:160px;
      background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);
      backdrop-filter:blur(12px);transition:all .3s;
    }
    .org-node:hover{border-color:rgba(251,191,36,.2);box-shadow:0 8px 30px rgba(0,0,0,.3)}
    .org-node.ceo{
      background:linear-gradient(135deg,rgba(251,191,36,.06),rgba(124,58,237,.04));
      border:1px solid rgba(251,191,36,.25);
      box-shadow:0 0 40px rgba(251,191,36,.06);
    }
    .org-node.leader{border-color:rgba(124,58,237,.15);background:rgba(124,58,237,.03)}
    .org-avatar{width:44px;height:44px;border-radius:12px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800}
    .org-avatar.gold{background:linear-gradient(135deg,rgba(251,191,36,.15),rgba(251,191,36,.05));color:#fbbf24}
    .org-avatar.vio{background:linear-gradient(135deg,rgba(124,58,237,.15),rgba(124,58,237,.05));color:#a78bfa}
    .org-avatar.green{background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(34,197,94,.05));color:#22c55e}
    .org-avatar.blue{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(59,130,246,.05));color:#3b82f6}
    .org-avatar.pink{background:linear-gradient(135deg,rgba(236,72,153,.15),rgba(236,72,153,.05));color:#ec4899}
    .org-name{font-size:14px;font-weight:700;color:#fafafa}
    .org-role{font-size:11px;color:#52525b;margin-top:2px}
    .org-status{display:inline-block;margin-top:8px;padding:2px 8px;border-radius:4px;font-size:9px;font-weight:700;background:rgba(34,197,94,.1);color:#22c55e}

    /* ========== BEETANK SECTION ========== */
    .beetank{padding:130px 0}
    .bt-split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
    .bt-visual{position:relative}
    .bt-card {
      border-radius:24px;overflow:hidden;
      background:rgba(15,15,20,.6);backdrop-filter:blur(20px);
      border:1px solid rgba(251,191,36,.12);
      box-shadow:0 30px 60px rgba(0,0,0,.4),0 0 50px rgba(251,191,36,.04);
      padding:32px;
    }
    .bt-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}
    .bt-icon-big{width:48px;height:48px;border-radius:14px;background:rgba(251,191,36,.1);display:flex;align-items:center;justify-content:center}
    .bt-icon-big svg{width:24px;height:24px;stroke:#fbbf24;fill:none;stroke-width:2}
    .bt-header h4{font-size:18px;font-weight:800;color:#fafafa}
    .bt-item {
      display:flex;align-items:center;gap:14px;padding:14px 16px;
      border-radius:12px;background:rgba(255,255,255,.02);
      border:1px solid rgba(255,255,255,.04);margin-bottom:10px;
      transition:all .3s;
    }
    .bt-item:hover{border-color:rgba(251,191,36,.15);background:rgba(251,191,36,.03)}
    .bt-thumb{width:48px;height:36px;border-radius:6px;background:#1a1a2e;object-fit:cover;flex-shrink:0}
    .bt-meta{flex:1;min-width:0}
    .bt-meta p{font-size:13px;color:#a1a1aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .bt-meta small{font-size:11px;color:#3f3f46}
    .bt-status{font-size:10px;font-weight:700;padding:4px 8px;border-radius:6px}
    .bt-done{background:rgba(34,197,94,.1);color:#22c55e}
    .bt-loading{background:rgba(251,191,36,.1);color:#fbbf24}
    .bt-text h3{font-size:32px;font-weight:900;color:#fafafa;letter-spacing:-.03em;margin-bottom:18px}
    .bt-text p{font-size:16px;color:#52525b;line-height:1.8;margin-bottom:24px}
    .bt-bullets{list-style:none}
    .bt-bullets li{display:flex;align-items:flex-start;gap:12px;padding:8px 0;font-size:15px;color:#a1a1aa}
    .bt-bullets li svg{width:20px;height:20px;stroke:#fbbf24;fill:none;stroke-width:2;flex-shrink:0;margin-top:2px}

    /* ========== AGENT ROUND ========== */
    .agent-round{padding:130px 0;position:relative;overflow:hidden}
    .round-container{max-width:700px;margin:0 auto}
    .round-msg{display:flex;gap:14px;margin-bottom:20px;opacity:0;transform:translateY(16px);transition:all .4s ease}
    .round-msg.visible{opacity:1;transform:translateY(0)}
    .round-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;flex-shrink:0;margin-top:4px}
    .round-avatar.gary{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000}
    .round-avatar.samantha{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff}
    .round-avatar.brian{background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff}
    .round-content{flex:1}
    .round-name{font-size:12px;font-weight:700;margin-bottom:4px;letter-spacing:.5px}
    .round-name.gary{color:#fbbf24}
    .round-name.samantha{color:#ec4899}
    .round-name.brian{color:#a78bfa}
    .round-bubble{padding:14px 18px;border-radius:4px 16px 16px 16px;font-size:14px;line-height:1.7;color:#a1a1aa;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05)}
    .round-audio-row{display:flex;align-items:center;gap:10px;margin-top:10px}
    .round-play-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;border:none;flex-shrink:0}
    .round-play-btn.gary{background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.2)}
    .round-play-btn.samantha{background:rgba(236,72,153,.1);border:1px solid rgba(236,72,153,.2)}
    .round-play-btn.brian{background:rgba(167,139,250,.1);border:1px solid rgba(167,139,250,.2)}
    .round-play-btn:hover{transform:scale(1.1)}
    .round-bars{display:flex;align-items:center;gap:2px;height:20px;flex:1;max-width:160px}
    .round-bars span{display:block;width:3px;border-radius:2px;transition:all .2s}
    .round-bars.playing span{animation:wave .8s ease-in-out infinite}
    .round-bars.done span{opacity:.3;height:3px!important}
    .round-bars.gary span{background:rgba(251,191,36,.5)}
    .round-bars.samantha span{background:rgba(236,72,153,.5)}
    .round-bars.brian span{background:rgba(167,139,250,.5)}
    .round-dur{font-size:10px;color:#3f3f46;min-width:28px}
    .round-connector{width:1px;height:16px;background:rgba(255,255,255,.04);margin:0 0 0 20px}
    .round-play-all{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 32px;border-radius:16px;background:linear-gradient(135deg,rgba(251,191,36,.08),rgba(124,58,237,.08));border:1px solid rgba(251,191,36,.12);cursor:pointer;transition:all .3s;margin:40px auto 0;font-family:inherit;font-size:15px;font-weight:700;color:#fafafa}
    .round-play-all:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(251,191,36,.15);border-color:rgba(251,191,36,.25)}
    .round-play-all svg{width:20px;height:20px}

    /* ========== WIDGET DEMO (WhatsApp + Agent Switch) ========== */
    .widget-demo{padding:130px 0}
    .wd-layout{display:grid;grid-template-columns:1fr 350px;gap:64px;align-items:center}

    /* iPhone frame */
    .iphone-frame {
      position:relative;width:375px;margin:0 auto;
      background:#000;border-radius:52px;padding:14px;
      box-shadow:
        0 0 0 2px #1a1a1a,
        0 0 0 4px #0d0d0d,
        inset 0 0 0 2px #1a1a1a,
        0 40px 80px rgba(0,0,0,.7),
        0 0 60px rgba(251,191,36,.04);
    }
    .iphone-screen {
      border-radius:40px;overflow:hidden;
      background:#0b141a;position:relative;
    }
    .iphone-notch {
      position:absolute;top:0;left:50%;transform:translateX(-50%);
      width:130px;height:30px;background:#000;border-radius:0 0 20px 20px;z-index:10;
    }
    .iphone-notch::after {
      content:'';position:absolute;top:8px;left:50%;transform:translateX(-50%);
      width:10px;height:10px;border-radius:50%;background:#1a1a2e;
      box-shadow:inset 0 0 2px rgba(255,255,255,.1);
    }
    .iphone-statusbar {
      display:flex;justify-content:space-between;align-items:center;
      padding:10px 24px 6px;font-size:12px;font-weight:600;color:#fff;
      background:#1f2c33;position:relative;z-index:5;
    }
    .iphone-statusbar .sb-icons{display:flex;gap:5px;align-items:center}

    .wa-bar{background:#1f2c33;padding:10px 16px 10px;display:flex;align-items:center;gap:10px}
    .wa-back{color:#00a884;font-size:18px;margin-right:2px;cursor:pointer}
    .wa-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;color:#fff;transition:all .4s}
    .wa-avatar.a1{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000}
    .wa-avatar.a2{background:linear-gradient(135deg,#7c3aed,#6d28d9)}
    .wa-avatar.a3{background:linear-gradient(135deg,#22c55e,#16a34a)}
    .wa-avatar.a4{background:linear-gradient(135deg,#ec4899,#db2777)}
    .wa-name{font-size:15px;font-weight:600;color:#e4e4e7}
    .wa-sub{font-size:11px;color:#52525b}
    .wa-body{padding:14px 12px;min-height:380px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;
      background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Crect fill='%23091418'/%3E%3C/svg%3E") #091418;
    }
    .wa-msg{max-width:82%;padding:8px 12px;border-radius:8px;font-size:13px;line-height:1.5;opacity:0;transform:translateY(8px);transition:all .35s ease}
    .wa-msg.show{opacity:1;transform:translateY(0)}
    .wa-msg.user{background:#005c4b;color:#e4e4e7;align-self:flex-end;border-top-right-radius:0}
    .wa-msg.agent{background:#1f2c33;color:#d4d4d8;align-self:flex-start;border-top-left-radius:0}
    .wa-msg .agent-tag{font-size:10px;font-weight:700;color:#fbbf24;margin-bottom:3px}
    .wa-msg .agent-tag.vio{color:#a78bfa}
    .wa-msg .agent-tag.green{color:#22c55e}
    .wa-msg .agent-tag.pink{color:#ec4899}
    .wa-msg small{display:block;text-align:right;font-size:10px;color:#52525b;margin-top:3px}
    .wa-msg small .read-tick{color:#53bdeb}

    /* Audio message bubble */
    .wa-audio{display:flex;align-items:center;gap:8px;padding:4px 0}
    .wa-audio-btn{width:34px;height:34px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s}
    .wa-audio-btn.agent-btn{background:rgba(255,255,255,.1)}
    .wa-audio-btn.user-btn{background:rgba(255,255,255,.15)}
    .wa-audio-btn svg{width:14px;height:14px;fill:#e4e4e7;stroke:none}
    .wa-audio-btn.playing svg{fill:#25d366}
    .wa-audio-bars{display:flex;align-items:center;gap:1.5px;height:24px;flex:1}
    .wa-audio-bars span{display:block;width:2.5px;border-radius:2px;background:rgba(255,255,255,.15);transition:all .15s}
    .wa-audio-bars.playing span{animation:audioBar .5s ease-in-out infinite alternate}
    .wa-audio-bars.playing span:nth-child(1){height:5px;animation-delay:0s}
    .wa-audio-bars.playing span:nth-child(2){height:12px;animation-delay:.04s}
    .wa-audio-bars.playing span:nth-child(3){height:7px;animation-delay:.08s}
    .wa-audio-bars.playing span:nth-child(4){height:16px;animation-delay:.06s}
    .wa-audio-bars.playing span:nth-child(5){height:9px;animation-delay:.1s}
    .wa-audio-bars.playing span:nth-child(6){height:14px;animation-delay:.03s}
    .wa-audio-bars.playing span:nth-child(7){height:5px;animation-delay:.07s}
    .wa-audio-bars.playing span:nth-child(8){height:11px;animation-delay:.05s}
    .wa-audio-bars.playing span:nth-child(9){height:7px;animation-delay:.09s}
    .wa-audio-bars.playing span:nth-child(10){height:13px;animation-delay:.02s}
    .wa-audio-bars.playing span:nth-child(11){height:6px;animation-delay:.11s}
    .wa-audio-bars.playing span:nth-child(12){height:10px;animation-delay:.04s}
    .wa-audio-bars.done span{background:#25d366}
    .wa-audio-dur{font-size:10px;color:#52525b;white-space:nowrap;min-width:30px}
    @keyframes audioBar{0%{transform:scaleY(.4)}100%{transform:scaleY(1)}}

    /* Play prompt badge */
    .play-prompt {
      position:absolute;bottom:-48px;left:50%;transform:translateX(-50%);
      display:flex;align-items:center;gap:8px;
      padding:10px 22px;border-radius:100px;
      background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.2);
      backdrop-filter:blur(12px);font-size:13px;font-weight:600;color:#fbbf24;
      white-space:nowrap;animation:pulseGlow 2s ease-in-out infinite;
      box-shadow:0 4px 20px rgba(251,191,36,.1);
    }
    .play-prompt svg{width:16px;height:16px;fill:#fbbf24;flex-shrink:0}

    /* Typing indicator */
    .wa-typing{display:flex;align-items:center;gap:4px;padding:12px 16px;align-self:flex-start}
    .wa-typing span{width:6px;height:6px;border-radius:50%;background:#52525b;animation:typingDot 1.2s ease-in-out infinite}
    .wa-typing span:nth-child(2){animation-delay:.2s}
    .wa-typing span:nth-child(3){animation-delay:.4s}
    @keyframes typingDot{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}

    /* Switch notification */
    .wa-switch-notif{text-align:center;padding:6px 14px;font-size:11px;color:#71717a;background:rgba(255,255,255,.03);border-radius:8px;align-self:center;margin:4px 0}

    /* Cursor blink in input */
    @keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
    .wa-input-field.typing-anim{color:#e4e4e7;caret-color:transparent}
    .wa-input{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#1f2c33}
    .wa-input-field{flex:1;background:rgba(255,255,255,.05);border:none;border-radius:22px;padding:10px 16px;color:#e4e4e7;font-size:13px;font-family:inherit;outline:none}
    .wa-send{width:38px;height:38px;border-radius:50%;background:#00a884;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}
    .wa-send svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:2}
    .wa-mic{width:38px;height:38px;border-radius:50%;background:#00a884;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}
    .wa-mic svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:2}
    .iphone-home{width:130px;height:4px;border-radius:2px;background:rgba(255,255,255,.15);margin:8px auto}

    /* ========== KANBAN BOARD ========== */
    .kanban{padding:130px 0}
    .kb-board{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:64px}
    .kb-col{border-radius:16px;background:rgba(255,255,255,.015);border:1px solid rgba(255,255,255,.04);padding:20px;min-height:320px}
    .kb-col-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.04)}
    .kb-col-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
    .kb-col-title.pending{color:#fbbf24}.kb-col-title.progress{color:#3b82f6}.kb-col-title.done{color:#22c55e}
    .kb-col-count{font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;background:rgba(255,255,255,.04);color:#71717a}
    .kb-card{padding:16px;border-radius:12px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);margin-bottom:12px;transition:all .3s;cursor:default}
    .kb-card:hover{border-color:rgba(251,191,36,.15);background:rgba(255,255,255,.03);transform:translateY(-2px)}
    .kb-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
    .kb-card-tag{font-size:9px;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:uppercase}
    .kb-tag-marketing{background:rgba(251,191,36,.1);color:#fbbf24}
    .kb-tag-strategy{background:rgba(124,58,237,.1);color:#a78bfa}
    .kb-tag-finance{background:rgba(34,197,94,.1);color:#22c55e}
    .kb-tag-content{background:rgba(236,72,153,.1);color:#ec4899}
    .kb-card-agent{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}
    .kb-card h5{font-size:13px;font-weight:600;color:#e4e4e7;margin-bottom:6px;line-height:1.4}
    .kb-card p{font-size:11px;color:#52525b;line-height:1.5}
    .kb-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:10px;color:#3f3f46}
    .kb-card-footer .kb-priority{padding:2px 6px;border-radius:3px;font-weight:700;font-size:9px}
    .kb-priority.high{background:rgba(239,68,68,.1);color:#ef4444}
    .kb-priority.med{background:rgba(251,191,36,.1);color:#fbbf24}
    .kb-priority.low{background:rgba(34,197,94,.1);color:#22c55e}
    .kb-approve-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:8px;border:1px solid rgba(251,191,36,.2);background:rgba(251,191,36,.06);color:#fbbf24;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:8px}
    .kb-approve-btn:hover{background:#fbbf24;color:#000}

    /* ========== AGENT ROULETTE ========== */
    .roulette{padding:100px 0}
    .roulette-demo{display:flex;align-items:center;justify-content:center;gap:48px;margin-top:64px;flex-wrap:wrap}
    .roulette-wheel{position:relative;width:260px;height:260px}
    .roulette-ring{width:100%;height:100%;border-radius:50%;border:2px solid rgba(251,191,36,.15);position:relative}
    .roulette-agent{position:absolute;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;border:2px solid rgba(255,255,255,.08);transition:all .5s;cursor:pointer}
    .roulette-agent:hover{transform:scale(1.15);border-color:rgba(251,191,36,.4);box-shadow:0 0 20px rgba(251,191,36,.15)}
    .roulette-agent.ra1{top:-10px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,rgba(251,191,36,.15),rgba(251,191,36,.05));color:#fbbf24}
    .roulette-agent.ra2{top:50%;right:-10px;transform:translateY(-50%);background:linear-gradient(135deg,rgba(124,58,237,.15),rgba(124,58,237,.05));color:#a78bfa}
    .roulette-agent.ra3{bottom:-10px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(34,197,94,.05));color:#22c55e}
    .roulette-agent.ra4{top:50%;left:-10px;transform:translateY(-50%);background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(59,130,246,.05));color:#3b82f6}
    .roulette-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;background:rgba(251,191,36,.06);border:2px solid rgba(251,191,36,.2);display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 0 30px rgba(251,191,36,.1)}
    .roulette-info{max-width:340px}
    .roulette-info h3{font-size:28px;font-weight:900;color:#fafafa;margin-bottom:14px}
    .roulette-info p{font-size:15px;color:#52525b;line-height:1.8;margin-bottom:20px}
    .roulette-tags{display:flex;gap:8px;flex-wrap:wrap}
    .roulette-tag{padding:6px 14px;border-radius:8px;font-size:12px;font-weight:600;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);color:#a1a1aa}



    /* ========== WAITLIST ========== */
    .waitlist{padding:130px 0;position:relative;overflow:hidden}
    .wl-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:500px;background:radial-gradient(ellipse,rgba(251,191,36,.06) 0%,rgba(124,58,237,.03) 40%,transparent 70%);filter:blur(80px);pointer-events:none}
    .wl-content{position:relative;z-index:1;max-width:560px;margin:0 auto;text-align:center}
    .wl-form{margin-top:40px;display:flex;flex-direction:column;gap:14px}
    .wl-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
    .wl-input{width:100%;padding:16px 20px;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);backdrop-filter:blur(12px);color:#fafafa;font-size:15px;font-family:inherit;transition:all .3s;outline:none}
    .wl-input:focus{border-color:rgba(251,191,36,.3);box-shadow:0 0 20px rgba(251,191,36,.06)}
    .wl-input::placeholder{color:#3f3f46}
    .wl-submit {
      padding:18px 36px;border-radius:14px;border:none;cursor:pointer;
      background:linear-gradient(135deg,#fbbf24,#f59e0b);
      color:#000;font-size:17px;font-weight:800;font-family:inherit;transition:all .3s;
      box-shadow:0 4px 24px rgba(251,191,36,.25);
      margin-top:8px;
    }
    .wl-submit:hover{transform:translateY(-3px);box-shadow:0 8px 44px rgba(251,191,36,.4)}
    .wl-note{font-size:12px;color:#3f3f46;margin-top:14px}

    /* ========== DASHBOARD PREVIEW ========== */
    .dash-preview{padding:120px 0;position:relative;overflow:hidden}
    .dash-preview .hex-bg{opacity:.3}
    .dash-frame{position:relative;max-width:1000px;margin:0 auto;border-radius:16px;overflow:hidden;
      background:#09090b;border:1px solid rgba(255,255,255,.06);
      box-shadow:0 40px 100px rgba(0,0,0,.6),0 0 80px rgba(124,58,237,.06)}
    .dash-titlebar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:rgba(255,255,255,.02);border-bottom:1px solid rgba(255,255,255,.04)}
    .dash-dot{width:10px;height:10px;border-radius:50%}
    .dash-dot.r{background:#ef4444}.dash-dot.y{background:#eab308}.dash-dot.g{background:#22c55e}
    .dash-url{flex:1;text-align:center;font-size:11px;color:#3f3f46;letter-spacing:.5px}
    .dash-body{display:grid;grid-template-columns:220px 1fr;min-height:480px}
    .dash-sidebar{background:rgba(255,255,255,.015);border-right:1px solid rgba(255,255,255,.04);padding:20px 0}
    .dash-nav-item{display:flex;align-items:center;gap:10px;padding:10px 20px;font-size:13px;color:#52525b;cursor:default;transition:all .2s}
    .dash-nav-item.active{color:#fafafa;background:rgba(124,58,237,.1);border-right:2px solid #7c3aed}
    .dash-nav-item svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}
    .dash-nav-label{font-size:10px;color:#27272a;text-transform:uppercase;letter-spacing:1.5px;padding:20px 20px 8px;font-weight:600}
    .dash-main{padding:24px;overflow:hidden}
    .dash-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
    .dash-agent-info{display:flex;align-items:center;gap:14px}
    .dash-agent-avatar{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#fbbf24,#f59e0b);display:flex;align-items:center;justify-content:center;font-weight:800;color:#000;font-size:18px}
    .dash-agent-name{font-size:18px;font-weight:700;color:#fafafa}
    .dash-agent-role{font-size:12px;color:#52525b}
    .dash-status{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.15);font-size:11px;color:#22c55e;font-weight:600}
    .dash-status-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;animation:pulse 2s infinite}
    .dash-chat-area{background:rgba(255,255,255,.015);border-radius:12px;border:1px solid rgba(255,255,255,.04);padding:16px;height:320px;display:flex;flex-direction:column;gap:10px;overflow:hidden}
    .dash-bubble{max-width:80%;padding:10px 14px;border-radius:12px;font-size:13px;line-height:1.6;animation:slideIn .3s ease}
    .dash-bubble.user{background:rgba(124,58,237,.1);border:1px solid rgba(124,58,237,.15);color:#c4b5fd;align-self:flex-end;border-radius:12px 12px 4px 12px}
    .dash-bubble.agent{background:rgba(251,191,36,.04);border:1px solid rgba(251,191,36,.08);color:#a1a1aa;align-self:flex-start;border-radius:12px 12px 12px 4px}
    .dash-bubble .dash-agent-tag{font-size:9px;font-weight:700;color:#fbbf24;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}
    .dash-tools{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}
    .dash-tool{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;background:rgba(124,58,237,.06);border:1px solid rgba(124,58,237,.1);font-size:9px;color:#a78bfa;letter-spacing:.5px}
    .dash-tool svg{width:10px;height:10px;stroke:currentColor;fill:none;stroke-width:2}
    .dash-input-bar{display:flex;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.03)}
    .dash-input-fake{flex:1;padding:10px 14px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);font-size:12px;color:#3f3f46}
    .dash-send-fake{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#7c3aed,#6d28d9);display:flex;align-items:center;justify-content:center}
    .dash-send-fake svg{width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2}
    @media(max-width:768px){
      .dash-body{grid-template-columns:1fr}
      .dash-sidebar{display:none}
    }

    /* ========== METRICS ========== */
    .metrics{padding:90px 0;background:rgba(251,191,36,.015);border-top:1px solid rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.03)}
    .met-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;text-align:center}
    .met-val{font-size:52px;font-weight:900;color:#fafafa;letter-spacing:-.04em;line-height:1;margin-bottom:8px}
    .met-val .gold{color:#fbbf24}.met-val .vio{color:#7c3aed}
    .met-label{font-size:14px;color:#3f3f46;font-weight:500}

    /* ========== CTA ========== */
    .cta{padding:140px 0;text-align:center;position:relative;overflow:hidden}
    .cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:400px;background:radial-gradient(ellipse,rgba(251,191,36,.08) 0%,transparent 70%);filter:blur(60px);pointer-events:none}
    .cta-content{position:relative;z-index:1}
    .cta h2{font-size:clamp(38px,5.5vw,60px);font-weight:900;color:#fafafa;letter-spacing:-.04em;margin-bottom:22px;line-height:1.05}
    .cta p{font-size:19px;color:#52525b;max-width:500px;margin:0 auto 44px;font-weight:300}

    /* Audio CTA button */
    .btn-audio {
      display:inline-flex;align-items:center;gap:12px;
      padding:18px 40px;border-radius:16px;border:none;cursor:pointer;
      background:linear-gradient(135deg,#fbbf24,#f59e0b);
      color:#000;font-size:18px;font-weight:800;font-family:inherit;transition:all .3s;
      box-shadow:0 4px 24px rgba(251,191,36,.3);
      position:relative;overflow:hidden;
    }
    .btn-audio:hover{transform:translateY(-3px);box-shadow:0 8px 50px rgba(251,191,36,.5)}
    .btn-audio .wave{display:flex;align-items:center;gap:2px;height:20px}
    .btn-audio .wave span{display:block;width:3px;background:#000;border-radius:2px;animation:wave .8s ease-in-out infinite}
    .btn-audio .wave span:nth-child(1){height:8px;animation-delay:0s}
    .btn-audio .wave span:nth-child(2){height:16px;animation-delay:.1s}
    .btn-audio .wave span:nth-child(3){height:10px;animation-delay:.2s}
    .btn-audio .wave span:nth-child(4){height:18px;animation-delay:.15s}
    .btn-audio .wave span:nth-child(5){height:6px;animation-delay:.25s}
    @keyframes wave{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.3)}}

    /* ========== PIAZZOLA WIDGET — ChatGPT-style ========== */
    .pz-trigger{position:fixed;bottom:24px;right:24px;z-index:999;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#7c3aed);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 24px rgba(251,191,36,.3);transition:all .3s}
    .pz-trigger:hover{transform:scale(1.08);box-shadow:0 6px 32px rgba(251,191,36,.4)}
    .pz-trigger svg{width:24px;height:24px;fill:#fff}

    /* Panel */
    .pz-overlay{position:fixed;inset:0;z-index:10000;display:none;opacity:0;transition:opacity .3s}
    .pz-overlay.open{display:flex;opacity:1}
    .pz-overlay.closing{opacity:0}
    .pz-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px)}
    .pz-panel{position:absolute;right:0;top:0;bottom:0;width:100%;max-width:480px;background:#0a0a0f;border-left:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);box-shadow:-8px 0 40px rgba(0,0,0,.5)}
    .pz-overlay.open .pz-panel{transform:translateX(0)}
    @media(max-width:520px){.pz-panel{max-width:100%}}

    /* Header */
    .pz-head{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:12px;flex-shrink:0}
    .pz-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#7c3aed);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;color:#fff;flex-shrink:0}
    .pz-head-info{flex:1}
    .pz-head-title{font-size:15px;font-weight:700;color:#fafafa}
    .pz-head-sub{font-size:11px;color:#52525b}
    .pz-close{width:32px;height:32px;border-radius:8px;background:transparent;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#71717a;font-size:18px;transition:all .2s;flex-shrink:0}
    .pz-close:hover{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.15);color:#ef4444}

    /* Messages area */
    .pz-msgs{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:16px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}

    /* Bubbles */
    .pz-bubble{max-width:100%;animation:pzSlide .3s ease}
    @keyframes pzSlide{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
    .pz-bubble-user{align-self:flex-end;max-width:80%;padding:10px 16px;border-radius:18px 18px 4px 18px;background:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.15);color:#e4e4e7;font-size:14px;line-height:1.6}
    .pz-bubble-ai{align-self:flex-start;max-width:100%}
    .pz-bubble-ai-inner{display:flex;gap:10px;align-items:flex-start}
    .pz-bubble-av{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#7c3aed);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;flex-shrink:0;margin-top:2px}
    .pz-bubble-body{flex:1;min-width:0}
    .pz-bubble-name{font-size:12px;font-weight:700;color:#fafafa;margin-bottom:4px}
    .pz-bubble-text{font-size:14px;color:#a1a1aa;line-height:1.65}

    /* Expert cards grid */
    .pz-experts-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
    .pz-expert-card{padding:12px;border-radius:12px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:all .25s;position:relative}
    .pz-expert-card:hover{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12);transform:translateY(-1px)}
    .pz-expert-card.selected{border-width:2px}
    .pz-expert-card.dimmed{opacity:.35;pointer-events:none;transform:scale(.97)}
    .pz-expert-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}
    .pz-expert-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
    .pz-expert-name{font-size:11px;font-weight:700;color:#e4e4e7}
    .pz-expert-area{font-size:9px;color:#52525b;font-weight:500}
    .pz-expert-text{font-size:12px;color:#a1a1aa;line-height:1.55}
    .pz-expert-pick{display:none;margin-top:8px;padding:4px 10px;border-radius:6px;font-size:10px;font-weight:600;border:none;cursor:pointer;font-family:inherit;transition:all .2s;width:100%}
    .pz-expert-card:hover .pz-expert-pick{display:block}

    /* Synthesis card */
    .pz-synth{margin-top:12px;padding:16px;border-radius:14px;background:linear-gradient(135deg,rgba(251,191,36,.03),rgba(124,58,237,.03));border:1px solid rgba(251,191,36,.12)}
    .pz-synth-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;background:linear-gradient(90deg,#fbbf24,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
    .pz-synth-text{font-size:13px;color:#d4d4d8;line-height:1.65}
    .pz-section{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.04)}
    .pz-section-title{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:6px}
    .pz-section-item{font-size:12px;color:#a1a1aa;line-height:1.5;display:flex;align-items:flex-start;gap:6px;margin-bottom:4px}

    /* Loading dots */
    .pz-loading{display:flex;gap:4px;padding:8px 0;align-items:center}
    .pz-loading span{width:6px;height:6px;border-radius:50%;background:rgba(251,191,36,.4);animation:typingDot 1.2s ease-in-out infinite}
    .pz-loading span:nth-child(2){animation-delay:.2s}
    .pz-loading span:nth-child(3){animation-delay:.4s}

    /* Status bar */
    .pz-status{padding:8px 20px;display:flex;align-items:center;gap:6px;font-size:10px;color:#3f3f46;border-top:1px solid rgba(255,255,255,.03)}
    .pz-status-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;flex-shrink:0}

    /* Voice */
    .pz-voice{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 10px;border-radius:8px;background:rgba(251,191,36,.04);border:1px solid rgba(251,191,36,.08);cursor:pointer;transition:all .2s}
    .pz-voice:hover{background:rgba(251,191,36,.08)}
    .pz-voice-bars{display:flex;align-items:center;gap:2px;height:14px}
    .pz-voice-bars span{width:2.5px;border-radius:2px;background:rgba(251,191,36,.6);animation:jvBar 1s ease-in-out infinite}
    .pz-voice-bars span:nth-child(1){height:5px;animation-delay:0s}
    .pz-voice-bars span:nth-child(2){height:10px;animation-delay:.15s}
    .pz-voice-bars span:nth-child(3){height:7px;animation-delay:.3s}
    .pz-voice-bars span:nth-child(4){height:12px;animation-delay:.1s}
    .pz-voice-bars span:nth-child(5){height:4px;animation-delay:.25s}
    @keyframes jvBar{0%,100%{transform:scaleY(.4);opacity:.5}50%{transform:scaleY(1);opacity:1}}
    .pz-voice-label{font-size:9px;color:rgba(251,191,36,.5);font-weight:600}
    .pz-voice.ended .pz-voice-bars span{animation:none;transform:scaleY(.3);opacity:.3}
    .pz-voice.ended .pz-voice-label{color:rgba(251,191,36,.3)}

    /* Input */
    .pz-input-area{padding:12px 16px;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0;background:rgba(255,255,255,.01)}
    .pz-input-row{display:flex;gap:8px;align-items:center;padding:6px 6px 6px 16px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);transition:all .3s}
    .pz-input-row:focus-within{border-color:rgba(251,191,36,.2);box-shadow:0 0 0 3px rgba(251,191,36,.04)}
    .pz-input{flex:1;background:transparent;border:none;color:#fafafa;font-size:14px;font-family:inherit;outline:none;padding:6px 0}
    .pz-input::placeholder{color:#3f3f46}
    .pz-send{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#fbbf24,#7c3aed);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}
    .pz-send:hover{transform:scale(1.05);box-shadow:0 2px 12px rgba(251,191,36,.3)}
    .pz-send:disabled{opacity:.3;cursor:default;transform:none;box-shadow:none}
    .pz-send svg{width:16px;height:16px;fill:#fff}

    /* ========== FOOTER ========== */
    footer{padding:64px 0 40px;border-top:1px solid rgba(255,255,255,.03)}
    .foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:56px}
    .foot-brand .logo{font-size:26px}
    .foot-brand p{font-size:14px;color:#3f3f46;max-width:280px;margin-top:14px;line-height:1.75}
    .foot-col h4{font-size:12px;font-weight:700;color:#71717a;text-transform:uppercase;letter-spacing:2px;margin-bottom:18px}
    .foot-col a{display:block;font-size:14px;color:#3f3f46;padding:5px 0;transition:color .2s}
    .foot-col a:hover{color:#a1a1aa}
    .foot-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:32px;border-top:1px solid rgba(255,255,255,.03);font-size:13px;color:#27272a}

    /* ========== RESPONSIVE ========== */
    @media(max-width:1024px){
      .feat-grid{grid-template-columns:repeat(2,1fr)}
      .vs-grid{grid-template-columns:1fr}
      .auto-grid{grid-template-columns:repeat(2,1fr)}
      .foot-grid{grid-template-columns:1fr 1fr;gap:32px}
      .wd-layout{grid-template-columns:1fr}
    }
    @media(max-width:768px){
      .nav-links{display:none}
      .hero{padding:110px 16px 70px}
      h1{font-size:28px!important;line-height:1.2!important}
      .stitle{font-size:24px!important}
      .ssub{font-size:14px!important;padding:0 4px}
      section{padding:80px 0!important}
      .container{padding:0 16px;overflow:hidden}
      .feat-grid,.auto-grid{grid-template-columns:1fr}
      .met-grid{grid-template-columns:repeat(2,1fr);gap:20px}
      /* BeeTank + Piazzola + all splits */
      .bt-split,.wa-split,.vs-grid,.wd-layout{grid-template-columns:1fr!important;gap:24px!important}
      .bt-card{padding:16px!important}
      .bt-text h3{font-size:24px!important}
      .bt-text p{font-size:14px!important}
      .bt-bullets li{font-size:13px}
      .beetank{padding:80px 0!important}
      .bt-item{padding:10px 12px;gap:10px}
      .bt-thumb{width:40px;height:30px}
      .bt-meta p{font-size:12px}
      .org-level{flex-direction:column;align-items:center;gap:16px}
      .foot-grid{grid-template-columns:1fr;gap:24px}
      .hero-btns{flex-direction:column;align-items:center}
      .btn-primary,.btn-ghost,.btn-audio{width:100%;max-width:320px;justify-content:center}
      .float-card{display:none}
      .wl-row{grid-template-columns:1fr}
      .roulette-demo{flex-direction:column}
      .iphone-frame{width:100%;max-width:300px;padding:8px;border-radius:36px}
      .iphone-screen{border-radius:28px}
      .kb-board{grid-template-columns:1fr}
      .play-prompt{font-size:11px;padding:8px 16px}
      .foot-bottom{flex-direction:column;gap:8px;text-align:center}
      .pz-experts-grid{grid-template-columns:1fr}
      /* Force ALL inline grids to stack */
      [style*="grid-template-columns:repeat(3"]{grid-template-columns:1fr!important}
      [style*="grid-template-columns:repeat(4"]{grid-template-columns:1fr!important}
      [style*="grid-template-columns:repeat(5"]{grid-template-columns:repeat(2,1fr)!important}
      [style*="grid-template-columns:repeat(6"]{grid-template-columns:repeat(3,1fr)!important}
      [style*="grid-template-columns:1fr 360px"]{grid-template-columns:1fr!important}
      [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}
      [style*="grid-template-columns:1fr auto 1fr"]{grid-template-columns:1fr!important}
      [style*="grid-template-columns:1fr auto auto"]{grid-template-columns:1fr!important}
      /* Overflow prevention */
      *{max-width:100%!important;box-sizing:border-box!important}
      img,svg,video,iframe{max-width:100%!important;height:auto}
      [style*="width:600px"]{width:100%!important}
      [style*="width:500px"]{width:100%!important}
      [style*="width:400px"]{width:100%!important}
      [style*="width:700px"]{width:100%!important}
      [style*="display:flex;flex-wrap"]{justify-content:center}
      [style*="display:flex;gap:48px"]{flex-direction:column!important;gap:24px!important}
      [style*="display:flex;gap:40px"]{flex-direction:column!important;gap:24px!important}
      [style*="display:flex;gap:64px"]{flex-direction:column!important;gap:24px!important}
      /* Max widths → 100% */
      [style*="max-width:1050px"]{max-width:100%!important}
      [style*="max-width:1100px"]{max-width:100%!important}
      [style*="max-width:1000px"]{max-width:100%!important}
      [style*="max-width:800px"]{max-width:100%!important}
      [style*="max-width:650px"]{max-width:100%!important}
      [style*="max-width:600px"]{max-width:100%!important}
      [style*="max-width:360px"]{max-width:100%!important}
      /* Padding reduction */
      [style*="padding:32px"]{padding:16px!important}
      [style*="padding:28px 32px"]{padding:14px!important}
      [style*="padding:28px"]{padding:14px!important}
      [style*="padding:24px 28px"]{padding:12px!important}
      [style*="padding:24px"]{padding:14px!important}
      /* Gap reduction */
      [style*="gap:64px"]{gap:20px!important}
      [style*="gap:48px"]{gap:20px!important}
      [style*="gap:40px"]{gap:16px!important}
      /* Glow effects — reduce size for mobile */
      [style*="width:600px"][style*="filter:blur"]{width:300px!important;height:300px!important}
      [style*="width:500px"][style*="filter:blur"]{width:250px!important;height:250px!important}
    }
    @media(max-width:480px){
      h1{font-size:24px!important}
      .stitle{font-size:20px!important}
      .ssub{font-size:13px!important}
      .label{font-size:10px!important;letter-spacing:2px}
      [style*="grid-template-columns:repeat(2"]{grid-template-columns:1fr!important}
      [style*="grid-template-columns:repeat(5"]{grid-template-columns:1fr!important}
      [style*="grid-template-columns:repeat(6"]{grid-template-columns:repeat(2,1fr)!important}
      .met-grid{grid-template-columns:1fr!important}
      .iphone-frame{max-width:280px}
    }
    @media(max-width:380px){
      .container{padding:0 12px}
      .pz-head{padding:12px 14px}
      .pz-msgs{padding:12px 14px}
      .pz-input-area{padding:10px 12px}
      h1{font-size:22px!important}
      .stitle{font-size:18px!important}
    }

    /* Mobile menu overlay */
    .mobile-menu{position:fixed;inset:0;z-index:9998;display:none;flex-direction:column;background:rgba(3,3,5,.97);backdrop-filter:blur(20px);padding:80px 24px 40px;gap:0}
    .mobile-menu.open{display:flex}
    .mobile-menu a,.mobile-menu button{display:block;width:100%;padding:16px 0;font-size:16px;font-weight:500;color:#a1a1aa;border:none;border-bottom:1px solid rgba(255,255,255,.04);background:none;text-align:left;cursor:pointer;font-family:inherit;transition:color .2s}
    .mobile-menu a:hover,.mobile-menu button:hover{color:#fafafa}
    .mobile-menu .mm-cta{margin-top:20px;padding:14px;border-radius:12px;background:linear-gradient(135deg,#fbbf24,#7c3aed);color:#fff;font-weight:700;text-align:center;border:none;font-size:15px}
    .mobile-menu .mm-auth{display:flex;gap:10px;margin-top:12px}
    .mobile-menu .mm-auth button{flex:1;padding:12px;border-radius:10px;font-size:13px;font-weight:600;text-align:center;border-bottom:none}
    .mobile-menu .mm-login{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#a1a1aa}
    .mobile-menu .mm-register{background:rgba(124,58,237,.15);border:1px solid rgba(124,58,237,.3);color:#a78bfa}
    .mobile-menu .mm-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#71717a;font-size:22px}
    .mobile-menu .mm-close:hover{color:#ef4444;border-color:rgba(239,68,68,.2)}