:root {
      --bg:#07070c; --bg2:#0d0d16; --bg3:#12121f;
      --card:rgba(255,255,255,0.035); --card-border:rgba(255,255,255,0.07);
      --gold:#c5a547; --gold-light:#e2c77a; --gold-dim:rgba(197,165,71,0.15); --gold-glow:rgba(197,165,71,0.3);
      --text:#f0f0f8; --muted:rgba(240,240,248,0.45);
      --danger:#ff4f4f; --success:#2ecc71; --accent:#7b5ea7; --blue:#4a9eff;
      --radius:14px; --radius-sm:8px; --shadow:0 24px 64px rgba(0,0,0,0.6);
    }
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    html,body{min-height:100%;background:var(--bg);color:var(--text);font-family:'Inter',sans-serif;overflow-x:hidden}
    body::before{content:'';position:fixed;inset:0;z-index:0;
      background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(197,165,71,0.07) 0%,transparent 70%),
                 radial-gradient(ellipse 50% 40% at 90% 80%,rgba(123,94,167,0.05) 0%,transparent 60%);
      pointer-events:none}

    /* ─── HEADER ─── */
    .header{position:sticky;top:0;z-index:100;background:rgba(7,7,12,0.9);backdrop-filter:blur(20px);
      border-bottom:1px solid var(--card-border);padding:14px 24px;
      display:flex;align-items:center;justify-content:space-between;gap:16px}
    .header-brand{display:flex;align-items:center;gap:10px;text-decoration:none}
    .header-logo{width:32px;height:32px;border-radius:8px;
      background:linear-gradient(135deg,var(--gold),#8b6e2e);
      display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:#07070c}
    .header-title{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:700;color:var(--gold-light);letter-spacing:-0.3px}
    .header-sub{font-size:11px;color:var(--muted);margin-top:1px}
    .free-counter{display:flex;align-items:center;gap:8px;background:var(--gold-dim);
      border:1px solid var(--gold-glow);border-radius:50px;padding:6px 14px;transition:all 0.3s}
    .free-counter .fc-number{font-weight:800;font-size:18px;color:var(--gold);line-height:1}
    .free-counter .fc-label{font-size:11px;color:var(--muted);line-height:1.3}
    .free-counter.urgent{border-color:var(--danger);background:rgba(255,79,79,0.1)}
    .free-counter.urgent .fc-number{color:var(--danger)}

    /* ─── HERO ─── */
    .hero{position:relative;z-index:1;text-align:center;padding:40px 24px 32px}
    .hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--gold-dim);
      border:1px solid var(--gold-glow);border-radius:50px;padding:6px 16px;
      font-size:12px;font-weight:600;color:var(--gold);margin-bottom:20px;letter-spacing:0.5px}
    .hero h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(26px,5vw,42px);font-weight:700;
      letter-spacing:-1px;line-height:1.15;margin-bottom:14px}
    .hero h1 span{background:linear-gradient(135deg,var(--gold),#e8d5a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
    .hero p{font-size:16px;color:var(--muted);max-width:520px;margin:0 auto 24px;line-height:1.6}
    .pitch-qr{display:inline-flex;flex-direction:column;align-items:center;gap:8px;
      background:white;border-radius:12px;padding:12px;cursor:pointer;
      box-shadow:0 0 0 3px var(--gold-glow)}
    .pitch-qr-label{font-size:10px;color:#333;font-weight:700;letter-spacing:0.5px}

    /* ─── BUSINESS MODEL EXPLAINER ─── */
    .bm-explainer{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:0 16px 16px}
    .bm-header{text-align:center;cursor:pointer;padding:8px 0 4px}
    .bm-header h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(16px,3vw,20px);font-weight:700;
      color:var(--text);letter-spacing:-0.3px;margin-bottom:6px}
    .bm-stackable{background:linear-gradient(135deg,var(--gold),#e8d5a0);-webkit-background-clip:text;
      -webkit-text-fill-color:transparent;background-clip:text;font-weight:800}
    .bm-sub{font-size:13px;color:var(--muted);line-height:1.5;max-width:560px;margin:0 auto}
    .bm-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:14px;
      transition:max-height 0.4s ease,opacity 0.3s;max-height:400px;overflow:hidden;opacity:1}
    .bm-grid.collapsed{max-height:0;opacity:0;margin-top:0}
    .bm-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-sm);
      padding:14px 10px;text-align:center;transition:all 0.25s;cursor:default;position:relative}
    .bm-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,0.15);
      box-shadow:0 8px 24px rgba(0,0,0,0.4)}
    .bm-icon{font-size:24px;margin-bottom:6px}
    .bm-name{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;
      letter-spacing:0.5px;margin-bottom:4px}
    .bm-one{font-size:11px;color:var(--muted);line-height:1.4}
    .bm-license .bm-name{color:var(--gold-light)}
    .bm-license{border-bottom:2px solid var(--gold)}
    .bm-commerce .bm-name{color:var(--success)}
    .bm-commerce{border-bottom:2px solid var(--success)}
    .bm-monetize .bm-name{color:#b39ddb}
    .bm-monetize{border-bottom:2px solid #b39ddb}
    .bm-protect .bm-name{color:var(--blue)}
    .bm-protect{border-bottom:2px solid var(--blue)}
    .bm-insure .bm-name{color:#ff9a4d}
    .bm-insure{border-bottom:2px solid #ff9a4d}
    .bm-stack-hint{text-align:center;margin-top:10px;font-size:12px;color:var(--muted);line-height:1.5}
    .bm-stack-pill{display:inline-flex;align-items:center;gap:4px;background:var(--gold-dim);
      border:1px solid var(--gold-glow);border-radius:50px;padding:3px 10px;
      font-size:11px;font-weight:700;color:var(--gold);margin-right:4px}
    .bm-inline-hint{font-size:11px;color:var(--muted);padding:6px 0 2px;line-height:1.4;
      font-style:italic;transition:opacity 0.2s}
    @media(max-width:680px){
      .bm-grid{grid-template-columns:repeat(3,1fr)}
    }
    @media(max-width:400px){
      .bm-grid{grid-template-columns:repeat(2,1fr)}
    }

    /* ─── TABS ─── */
    .tabs-wrap{position:relative;z-index:1;padding:0 16px 8px;overflow-x:auto;
      display:flex;gap:6px;justify-content:center;white-space:nowrap}
    .tabs-wrap::-webkit-scrollbar{height:3px}
    .tabs-wrap::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:2px}
    .tab-btn{padding:12px 16px;border-radius:50px;font-size:13px;font-weight:600;
      border:1px solid var(--card-border);background:var(--card);color:var(--muted);
      cursor:pointer;transition:all 0.2s;white-space:nowrap}
    .tab-btn:hover{color:var(--text);border-color:rgba(255,255,255,0.15)}
    .tab-btn.active{background:var(--gold-dim);border-color:var(--gold-glow);color:var(--gold)}

    /* ─── MAIN LAYOUT ─── */
    main{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:24px 16px 80px}
    .tab-panel{display:none}
    .tab-panel.active{display:block}

    /* ─── CARD ─── */
    .card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);
      padding:24px;margin-bottom:20px;transition:border-color 0.3s}
    .card:hover{border-color:rgba(255,255,255,0.12)}
    .card-title{font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:700;
      color:var(--gold-light);margin-bottom:6px;display:flex;align-items:center;gap:8px}
    .card-desc{font-size:13px;color:var(--muted);margin-bottom:18px;line-height:1.5}

    /* ─── UPLOAD ZONE ─── */
    .upload-zone{border:2px dashed var(--card-border);border-radius:var(--radius);
      padding:32px 16px;text-align:center;cursor:pointer;transition:all 0.3s;background:transparent;
      position:relative;overflow:hidden}
    .upload-zone:hover,.upload-zone.drag{border-color:var(--gold);background:var(--gold-dim)}
    .upload-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
    .upload-icon{font-size:40px;margin-bottom:10px;display:block}
    .upload-label{font-size:14px;color:var(--muted)}
    .upload-label strong{color:var(--text)}
    .camera-btn{display:inline-flex;align-items:center;gap:6px;margin-top:10px;
      padding:8px 16px;background:var(--bg3);border:1px solid var(--card-border);
      border-radius:50px;font-size:12px;color:var(--muted);cursor:pointer;transition:all 0.2s}
    .camera-btn:hover{color:var(--text);border-color:var(--gold)}

    /* ─── CANVAS PREVIEW ─── */
    .preview-wrap{display:none;flex-direction:column;align-items:center;gap:12px;margin-top:16px}
    .preview-wrap.show{display:flex}
    .preview-wrap canvas{max-width:100%;border-radius:var(--radius-sm);
      box-shadow:0 8px 32px rgba(0,0,0,0.5)}

    /* ─── INPUTS ─── */
    .field-label{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:6px;display:block;letter-spacing:0.3px}
    .text-input{width:100%;padding:12px 14px;background:var(--bg3);border:1px solid var(--card-border);
      border-radius:var(--radius-sm);color:var(--text);font-family:'Inter',sans-serif;font-size:14px;
      outline:none;transition:border-color 0.2s;resize:vertical}
    .text-input:focus{border-color:var(--gold)}
    textarea.text-input{min-height:80px}

    /* ─── BUTTONS ─── */
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
      padding:13px 24px;border-radius:50px;font-size:14px;font-weight:700;cursor:pointer;
      border:none;transition:all 0.25s;font-family:'Inter',sans-serif;letter-spacing:0.2px;width:100%}
    .btn-gold{background:linear-gradient(135deg,var(--gold),#8b6e2e);color:#07070c;box-shadow:0 4px 20px var(--gold-glow)}
    .btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 32px var(--gold-glow)}
    .btn-gold:active{transform:translateY(0)}
    .btn-ghost{background:var(--bg3);border:1px solid var(--card-border);color:var(--text)}
    .btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
    .btn-danger{background:rgba(255,79,79,0.15);border:1px solid rgba(255,79,79,0.3);color:var(--danger)}
    .btn:disabled{opacity:0.4;cursor:not-allowed;transform:none!important}

    /* ─── STATUS BOX ─── */
    .status-box{border-radius:var(--radius-sm);padding:14px 16px;font-size:13px;line-height:1.6;display:none}
    .status-box.show{display:block}
    .status-box.success{background:rgba(46,204,113,0.1);border:1px solid rgba(46,204,113,0.3);color:var(--success)}
    .status-box.error{background:rgba(255,79,79,0.1);border:1px solid rgba(255,79,79,0.3);color:var(--danger)}
    .status-box.info{background:var(--gold-dim);border:1px solid var(--gold-glow);color:var(--gold-light)}

    /* ─── METRIC ROW ─── */
    .metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
    .metric{background:var(--bg3);border-radius:var(--radius-sm);padding:12px;text-align:center}
    .metric-val{font-size:22px;font-weight:800;color:var(--gold);font-family:'Space Grotesk',sans-serif}
    .metric-key{font-size:10px;color:var(--muted);margin-top:3px;letter-spacing:0.3px}

    /* ─── FORENSIC REPORT ─── */
    .forensic-block{background:var(--bg2);border:1px solid var(--card-border);border-radius:var(--radius-sm);
      padding:16px;font-family:'Space Grotesk',monospace;font-size:12px;line-height:1.8;
      color:var(--success);margin-top:14px;display:none}
    .forensic-block.show{display:block}
    .forensic-block .fl{color:var(--muted)}
    .forensic-block .fv{color:var(--gold-light)}

    /* ─── PROGRESS BAR ─── */
    .progress-wrap{height:4px;background:var(--bg3);border-radius:2px;overflow:hidden;margin:10px 0}
    .progress-bar{height:100%;background:linear-gradient(90deg,var(--gold),var(--accent));
      border-radius:2px;width:0;transition:width 0.4s ease}

    /* ─── TRL BADGE ─── */
    .trl-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:50px;
      font-size:11px;font-weight:700;letter-spacing:0.5px}
    .trl-6{background:rgba(46,204,113,0.15);border:1px solid rgba(46,204,113,0.4);color:var(--success)}
    .trl-4{background:rgba(197,165,71,0.15);border:1px solid rgba(197,165,71,0.4);color:var(--gold)}
    .trl-3{background:rgba(74,158,255,0.15);border:1px solid rgba(74,158,255,0.4);color:var(--blue)}

    /* ─── AUDIO VIZ ─── */
    #audioCanvas{width:100%;height:80px;background:var(--bg3);border-radius:var(--radius-sm);margin:10px 0}

    /* ─── TEXT AREA STEGO ─── */
    .stego-preview{background:var(--bg2);border:1px solid var(--card-border);border-radius:var(--radius-sm);
      padding:12px;font-size:13px;line-height:1.7;word-break:break-all;color:var(--text);
      min-height:80px;margin-top:10px;display:none}
    .stego-preview.show{display:block}
    .stego-invisible{color:transparent;font-size:0px;letter-spacing:0px}

    /* ─── COMMERCE TAGS ─── */
    .tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
    .tag{padding:6px 14px;border-radius:50px;font-size:12px;font-weight:600;cursor:pointer;transition:all 0.2s;border:1px solid}
    .tag.license{background:rgba(197,165,71,0.1);border-color:var(--gold-glow);color:var(--gold)}
    .tag.commerce{background:rgba(46,204,113,0.1);border-color:rgba(46,204,113,0.3);color:var(--success)}
    .tag.monetize{background:rgba(123,94,167,0.1);border-color:rgba(123,94,167,0.3);color:#b39ddb}
    .tag.selected{filter:brightness(1.4);transform:scale(1.05)}

    /* ─── GATE OVERLAY ─── */
    .gate-overlay{position:fixed;inset:0;z-index:200;background:rgba(7,7,12,0.97);
      backdrop-filter:blur(20px);display:none;align-items:center;justify-content:center;padding:24px}
    .gate-overlay.show{display:flex}
    .gate-card{background:var(--bg2);border:1px solid var(--gold-glow);border-radius:20px;
      padding:40px 32px;max-width:440px;text-align:center;box-shadow:var(--shadow)}
    .gate-icon{font-size:56px;margin-bottom:16px}
    .gate-title{font-family:'Space Grotesk',sans-serif;font-size:26px;font-weight:700;
      color:var(--gold-light);margin-bottom:10px}
    .gate-desc{font-size:14px;color:var(--muted);line-height:1.6;margin-bottom:24px}
    .waitlist-input{width:100%;padding:14px 16px;background:var(--bg3);border:1px solid var(--card-border);
      border-radius:var(--radius-sm);color:var(--text);font-family:'Inter',sans-serif;font-size:14px;
      outline:none;margin-bottom:12px;transition:border-color 0.2s}
    .waitlist-input:focus{border-color:var(--gold)}

    /* ─── FOOTER ─── */
    footer{position:relative;z-index:1;text-align:center;padding:24px;
      font-size:12px;color:var(--muted);border-top:1px solid var(--card-border)}

    /* ─── SDC BUYER EXPERIENCE ─── */
    .sdc-feed-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);
      overflow:hidden;cursor:pointer;transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1),box-shadow 0.3s}
    .sdc-feed-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,0.5)}
    .sdc-feed-card:hover img{transform:scale(1.03)}
    .sdc-cc{position:absolute;top:12px;right:12px;width:200px;opacity:0;
      transform:translateY(-10px) scale(0.95);transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);
      pointer-events:none;z-index:5}
    .sdc-feed-card:hover .sdc-cc,.sdc-cc.sdc-cc-show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
    .sdc-buy-btn{width:100%;padding:10px;background:linear-gradient(135deg,#6e50ff,#00e5a0);
      color:white;border:none;border-radius:10px;font-size:11px;font-weight:800;cursor:pointer;
      transition:all 0.2s;font-family:'Inter',sans-serif}
    .sdc-buy-btn:hover{transform:scale(1.02);box-shadow:0 4px 16px rgba(110,80,255,0.5)}

    /* SDC Checkout Modal */
    .sdc-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.85);backdrop-filter:blur(10px);
      z-index:300;display:none;align-items:center;justify-content:center;padding:24px}
    .sdc-modal-overlay.show{display:flex}
    .sdc-modal{background:var(--bg2);border:1px solid rgba(110,80,255,0.3);border-radius:20px;
      padding:32px;width:440px;max-width:90vw;position:relative;
      transform:scale(0.95) translateY(20px);transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1);
      box-shadow:0 24px 64px rgba(0,0,0,0.8)}
    .sdc-modal-overlay.show .sdc-modal{transform:scale(1) translateY(0)}
    @keyframes sdcBoing{0%{transform:scale(0)}60%{transform:scale(1.2)}100%{transform:scale(1)}}
    @keyframes sdcSpin{to{transform:rotate(360deg)}}
    .sdc-biometric-scanning::after{content:'';position:absolute;inset:-8px;border-radius:50%;
      border:3px solid #6e50ff;border-top-color:transparent;animation:sdcSpin 1s linear infinite}

    @media(max-width:480px){
      .metrics{grid-template-columns:repeat(2,1fr)}
      .header-title{font-size:15px}
    }