/* ╔═══════════════════════════════════════════════════════════════════
   DONEZO · DZ-LP-03-Sections.css
   © 2026 Sequence Theory · Amsterdam · donezo.space
   All rights reserved. Unauthorised redistribution is prohibited.

   INTELLECTUAL PROPERTY NOTICE
   · EU Directive 2009/24/EC Art. 4 — Reproduction prohibited
   · Dutch Auteurswet Art. 1, 10, 13 — Copyright protection
   · EU Directive 2004/48/EC Art. 13 — Damages include infringer profits
   Infringement: legal@donezo.space · Source: https://donezo.space

   DZ:FILE:START
   slug:   dz-lp-sections
   id:     LP-CSS-003
   role:   Sections: suite render styles, review, how/vision
   canary: dz-c-lp-sec-2026
   build:  lp-1.0.0+2026.04.30
   name:   DZ-LP-03-Sections.css
╚═══════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────────────── */

    /* === DZ:SUITE_CSS BEGIN === */
    .dz-suite-section {
      padding: 20px 0 72px;
    }

    .dz-suiteHead {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 18px;
      margin-bottom: 14px;
    }
    .dz-suiteTitle {
      margin: 0;
      font-size: 24px;
      letter-spacing: -0.03em;
      font-weight: 980;
      line-height: 1.15;
    }
    .dz-suiteSub {
      margin: 8px 0 0;
      color: var(--muted);
      font-size: 14px;
      line-height: 1.65;
      max-width: 72ch;
    }
    .dz-suiteActions {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      justify-content: flex-end;
      align-items: center;
    }

    /* Tabs */
    .dz-tabs {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: center;
      justify-content: flex-start;
      margin-bottom: 14px;
    }
    .dz-tab {
      border-radius: 999px;
      border: 1px solid color-mix(in oklab, var(--fg) 12%, var(--border));
      background: color-mix(in oklab, var(--bg) 90%, var(--soft));
      color: color-mix(in oklab, var(--fg) 60%, transparent);
      padding: 9px 13px;
      font-size: 12.5px;
      font-weight: 950;
      cursor: pointer;
      transition: transform var(--fast) var(--ease), border-color var(--fast) ease, color var(--fast) ease, background var(--fast) ease;
      user-select: none;
      white-space: nowrap;
    }
    .dz-tab:hover {
      transform: translateY(-1px);
      border-color: color-mix(in oklab, var(--fg) 28%, var(--border));
      color: var(--fg);
    }
    .dz-tab.active {
      color: var(--fg);
      background: color-mix(in oklab, var(--fg) 10%, transparent);
      border-color: color-mix(in oklab, var(--fg) 50%, var(--border));
    }

    /* Suite grid */
    .dz-suiteGrid {
      display: grid;
      grid-template-columns: 340px 1fr;
      gap: 0;
      align-items: stretch;
      border-radius: var(--radius2);
      border: 1px solid color-mix(in oklab, var(--fg) 12%, var(--border));
      background: color-mix(in oklab, var(--soft) 85%, var(--bg));
      box-shadow: var(--shadow);
      overflow: hidden;
    }

    /* Left panel */
    .dz-leftPanel {
      border-right: 1px solid color-mix(in oklab, var(--fg) 12%, var(--border));
      background: color-mix(in oklab, var(--soft) 90%, var(--bg));
      display: flex;
      flex-direction: column;
      min-height: 580px;
    }

    .dz-leftTitle {
      font-size: 11.5px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--muted);
      margin: 14px 16px 10px;
    }

    .dz-appBtns {
      padding: 0 14px 14px;
      display: flex;
      flex-direction: column;
      gap: 8px;
      overflow: auto;
      max-height: 540px;
      flex: 1;
    }
    .dz-appBtns::-webkit-scrollbar { width: 10px; }
    .dz-appBtns::-webkit-scrollbar-thumb {
      background: color-mix(in oklab, var(--fg) 12%, transparent);
      border: 3px solid transparent;
      background-clip: padding-box;
      border-radius: 999px;
    }
    .dz-appBtns::-webkit-scrollbar-track { background: transparent; }

    .dz-appBtn {
      width: 100%;
      text-align: left;
      border-radius: 14px;
      border: 1px solid transparent;
      background: transparent;
      padding: 11px 12px;
      cursor: pointer;
      transition: transform var(--fast) var(--ease), border-color var(--fast) ease, background var(--fast) ease;
      user-select: none;
      color: var(--fg);
      display: flex;
      flex-direction: column;
      gap: 4px;
    }
    .dz-appBtn:hover {
      transform: translateY(-1px);
      border-color: color-mix(in oklab, var(--fg) 22%, var(--border));
      background: color-mix(in oklab, var(--fg) 4%, transparent);
    }
    .dz-appBtn.active {
      border-color: color-mix(in oklab, var(--fg) 45%, var(--border));
      background: color-mix(in oklab, var(--fg) 9%, transparent);
    }

    .dz-appNameRow {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
    }
    .dz-appTitle {
      font-weight: 980;
      letter-spacing: -0.01em;
      font-size: 13.5px;
      line-height: 1.2;
      margin: 0;
    }
    .dz-appTag {
      font-size: 10.5px;
      color: var(--muted);
      border: 1px solid color-mix(in oklab, var(--fg) 10%, var(--border));
      padding: 4px 8px;
      border-radius: 999px;
      white-space: nowrap;
      flex-shrink: 0;
    }
    .dz-appDesc {
      margin: 0;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.5;
    }

    .dz-bullets {
      margin: 2px 0 0;
      padding-left: 16px;
      font-size: 11.5px;
      line-height: 1.45;
    }
    .dz-bullets li {
      margin: 1px 0;
      color: color-mix(in oklab, var(--muted) 80%, var(--fg));
    }

    /* Right panel */
    .dz-rightPanel {
      display: flex;
      flex-direction: column;
      min-height: 580px;
      overflow: hidden;
      position: relative;
    }

    .dz-previewTop {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 14px;
      padding: 14px 16px;
      border-bottom: 1px solid color-mix(in oklab, var(--fg) 10%, var(--border));
    }
    .dz-previewMeta {
      display: flex;
      flex-direction: column;
      gap: 4px;
      min-width: 0;
    }
    .dz-previewH {
      margin: 0;
      font-size: 16px;
      font-weight: 980;
      letter-spacing: -0.02em;
    }
    .dz-previewP {
      margin: 0;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.55;
      max-width: 60ch;
    }

    /* previewBullets now handled inside dz-dpBullets in detailPane */
    .dz-previewBulletsWrap{display:none}
    .dz-previewBulletsLabel{display:none}
    .dz-previewBullets{display:none}
    html[dir="rtl"] .dz-previewBullets{
      padding-left: 0;
      padding-right: 18px;
    }
    /* ── View toggle ── */
    .dz-pvTagRow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;}
    .dz-pvTag{font-size:10px;font-weight:980;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:4px 9px;border-radius:999px;border:1px solid color-mix(in oklab,var(--fg) 11%,var(--border));}
    .dz-pvViewToggle{display:flex;border-radius:10px;border:1px solid color-mix(in oklab,var(--fg) 12%,var(--border));overflow:hidden;background:color-mix(in oklab,var(--bg) 80%,transparent);}
    .dz-pvVBtn{padding:5px 11px;font-size:11.5px;font-weight:960;border:none;background:transparent;color:var(--muted);cursor:pointer;transition:background .12s,color .12s;white-space:nowrap;}
    .dz-pvVBtn.active{background:color-mix(in oklab,var(--fg) 10%,transparent);color:var(--fg);}
    .dz-pvVBtn:hover:not(.active){color:var(--fg);}

    /* ── Detail pane ── */
    .dz-detailPane{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:0;}
    .dz-dpSection{padding:14px 16px;border-bottom:1px solid color-mix(in oklab,var(--fg) 8%,var(--border));}
    .dz-dpLabel{font-size:10px;font-weight:980;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:9px;}
    .dz-dpText{margin:0;font-size:13px;line-height:1.7;color:color-mix(in oklab,var(--muted) 85%,var(--fg));}
    .dz-dpBullets{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:7px;font-size:13px;line-height:1.6;color:color-mix(in oklab,var(--muted) 80%,var(--fg));}
    .dz-dpBullets li{padding-left:2px;}
    .dz-dpUserList{display:flex;flex-direction:column;gap:6px;}
    .dz-dpUser{display:flex;align-items:center;gap:9px;font-size:13px;color:color-mix(in oklab,var(--muted) 75%,var(--fg));line-height:1.5;}
    .dz-dpUser::before{content:"→";color: var(--fg);font-weight:980;font-size:12px;flex-shrink:0;}
    .dz-dpBenList li::marker{color: var(--fg);}
    .dz-dpVault{display:flex;align-items:flex-start;gap:10px;padding:13px 16px;font-size:12px;color:var(--muted);line-height:1.6;border-top:1px solid color-mix(in oklab,var(--fg) 6%,var(--border));margin-top:auto;}
    .dz-dpVaultIcon{flex-shrink:0;font-size:15px;margin-top:1px;}

    /* Animate detail pane in */
    @keyframes dpIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
    .dz-detailPane{animation:dpIn .22s ease both;}
    .dz-dpSection{opacity:0;animation:dpIn .25s ease both;}
    .dz-dpSection:nth-child(1){animation-delay:.04s}
    .dz-dpSection:nth-child(2){animation-delay:.10s}
    .dz-dpSection:nth-child(3){animation-delay:.16s}
    .dz-dpSection:nth-child(4){animation-delay:.22s}
    .dz-dpVault{opacity:0;animation:dpIn .25s ease .28s both;}

    .dz-previewActions {
      display: flex;
      gap: 8px;
      align-items: center;
      flex-wrap: wrap;
      justify-content: flex-end;
      flex-shrink: 0;
    }

    .dz-mini {
      border-radius: 999px;
      border: 1px solid color-mix(in oklab, var(--fg) 14%, var(--border));
      background: transparent;
      color: var(--fg);
      padding: 9px 13px;
      cursor: pointer;
      font-weight: 980;
      font-size: 12px;
      transition: transform var(--fast) var(--ease), border-color var(--fast) ease, opacity var(--fast) ease, background var(--fast) ease;
      user-select: none;
      white-space: nowrap;
    }
    .dz-mini:hover {
      transform: translateY(-1px);
      border-color: color-mix(in oklab, var(--fg) 50%, var(--border));
    }
    .dz-mini:active { transform: translateY(0); opacity: .90; }
    .dz-mini.primary {
      background: var(--fg);
      color: var(--bg);
      border-color: color-mix(in oklab, var(--fg) 20%, transparent);
    }
    .dz-mini:disabled {
      opacity: .40;
      cursor: not-allowed;
      transform: none !important;
    }

    /* Iframe chrome */
    .dz-iframeWrap {
      position: relative;
      flex: 1;
      display: flex;
      flex-direction: column;
    }

    .dz-iframeChrome {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      padding: 10px 14px;
      background: color-mix(in oklab, var(--soft) 60%, transparent);
      border-bottom: 1px solid color-mix(in oklab, var(--fg) 10%, var(--border));
      color: var(--muted);
      font-size: 12px;
      user-select: none;
    }
    .dz-dots { display: flex; gap: 6px; }
    .dz-dot {
      width: 10px;
      height: 10px;
      border-radius: 999px;
      border: 1px solid color-mix(in oklab, var(--fg) 14%, var(--border));
      background: color-mix(in oklab, var(--bg) 80%, transparent);
      opacity: .85;
    }
    .dz-url {
      max-width: 68%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .dz-iframe {
      width: 100%;
      flex: 1;
      border: none;
      background: color-mix(in oklab, var(--soft) 70%, transparent);
      opacity: 0;
      transform: scale(0.985);
      transition: opacity var(--slow) var(--ease), transform var(--slow) var(--ease);
      min-height: 420px;
    }
    .dz-iframe.ready {
      opacity: 1;
      transform: scale(1);
    }

    .dz-empty {
      position: absolute;
      inset: 42px 0 0 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 18px;
      color: var(--muted);
      z-index: 2;
      background:
        radial-gradient(600px 250px at 25% 30%, rgba(100, 180, 255, 0.06), transparent 60%),
        radial-gradient(600px 250px at 75% 70%, color-mix(in oklab, var(--fg) 14%, transparent), transparent 60%),
        color-mix(in oklab, var(--soft) 60%, transparent);
    }
    .dz-empty strong { color: var(--fg); font-weight: 980; letter-spacing: -0.02em; font-size: 15px; }
    .dz-empty div { margin-top: 8px; font-size: 13px; line-height: 1.6; }

    .dz-previewBlocked {
      position: absolute;
      inset: 42px 0 0 0;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 18px;
      z-index: 2;
    }
    .dz-previewBlocked .box {
      width: min(520px, 100%);
      border-radius: 18px;
      border: 1px solid color-mix(in oklab, var(--fg) 14%, var(--border));
      background: linear-gradient(180deg, var(--card), var(--card2));
      box-shadow: var(--shadow);
      padding: 18px;
      text-align: center;
    }
    .dz-previewBlocked h4 {
      margin: 0;
      font-size: 14px;
      font-weight: 980;
    }
    .dz-previewBlocked p {
      margin: 10px 0 0;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.6;
    }
    .dz-previewBlocked .row {
      margin-top: 14px;
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      justify-content: center;
    }
    .dz-smallBtn {
      border-radius: 14px;
      border: 1px solid color-mix(in oklab, var(--fg) 14%, var(--border));
      background: transparent;
      color: var(--fg);
      padding: 10px 14px;
      cursor: pointer;
      font-weight: 980;
      font-size: 12px;
      transition: transform var(--fast) var(--ease), border-color var(--fast) ease, opacity var(--fast) ease;
      user-select: none;
    }
    .dz-smallBtn:hover {
      transform: translateY(-1px);
      border-color: color-mix(in oklab, var(--fg) 42%, var(--border));
    }
    .dz-smallBtn.primary {
      background: var(--fg);
      color: var(--bg);
      border-color: color-mix(in oklab, var(--fg) 20%, transparent);
    }
    .dz-smallBtn:active { transform: translateY(0); opacity: .90; }

    /* Responsive */
    @media (max-width: 980px) {
      .dz-suiteGrid { grid-template-columns: 1fr; }
      .dz-leftPanel {
        border-right: none;
        border-bottom: 1px solid color-mix(in oklab, var(--fg) 12%, var(--border));
        min-height: auto;
      }
      .dz-appBtns { max-height: 340px; }
      .dz-suiteHead { flex-direction: column; align-items: flex-start; }
      .dz-previewTop { flex-direction: column; align-items: flex-start; }
    }
    @media (max-width: 640px) {
      .dz-url { max-width: 50%; }
      .dz-suiteActions { width: 100%; justify-content: flex-start; }
    }
    /* === DZ:SUITE_CSS END === */
  

/* ─────────────────────────────────────────────────────────── */

  /* ── Section gate ── */
  .dz-review-section{padding-top:0}
  body.dz-member .dz-review-section{display:block!important}

  /* ── Reviews wall ── */
  .dz-rvWall{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-bottom:28px}
  .dz-rvCard{border-radius:18px;border:1px solid color-mix(in oklab,var(--fg) 11%,var(--border));background:color-mix(in oklab,var(--soft) 85%,var(--bg));padding:18px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}
  .dz-rvCard::before{content:"";position:absolute;inset:-40% -30%;background:radial-gradient(320px 200px at 20% 30%,color-mix(in oklab, var(--fg) 8%, transparent),transparent 55%),radial-gradient(320px 200px at 70% 60%,rgba(100,180,255,.05),transparent 55%);pointer-events:none}
  .dz-rvCard>*{position:relative;z-index:1}
  .dz-rvCardHead{display:flex;align-items:center;gap:11px}
  .dz-rvCardAvatar{width:42px;height:42px;border-radius:999px;border:1.5px solid color-mix(in oklab,var(--fg) 14%,var(--border));background:color-mix(in oklab,var(--soft) 80%,var(--bg));overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}
  .dz-rvCardAvatar img{width:100%;height:100%;object-fit:cover}
  .dz-rvCardMeta{min-width:0;flex:1}
  .dz-rvCardName{font-weight:980;font-size:13.5px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .dz-rvCardRole{font-size:11.5px;color:var(--muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .dz-rvCardBadge{font-size:10px;color:var(--y);font-weight:980;letter-spacing:.06em;text-transform:uppercase;margin-left:auto;flex-shrink:0;white-space:nowrap}
  .dz-rvStars{display:flex;gap:2px;font-size:13px;color:var(--y)}
  .dz-rvText{font-size:13px;line-height:1.7;color:color-mix(in oklab,var(--muted) 80%,var(--fg));flex:1}
  .dz-rvCardFoot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:10px;border-top:1px solid color-mix(in oklab,var(--fg) 8%,var(--border))}
  .dz-rvSocial{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--muted);text-decoration:none;transition:color .12s}
  .dz-rvSocial:hover{color:var(--fg)}
  .dz-rvSocial svg{width:13px;height:13px;opacity:.7;flex-shrink:0}
  .dz-rvApp{margin-left:auto;font-size:10.5px;font-weight:980;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:3px 8px;border-radius:999px;border:1px solid color-mix(in oklab,var(--fg) 10%,var(--border))}
  .dz-rvEmpty{text-align:center;color:var(--muted);font-size:14px;padding:28px;border-radius:18px;border:1px dashed color-mix(in oklab,var(--fg) 12%,var(--border));margin-bottom:28px}

  /* ── Form grid ── */
  .dz-rv-grid{display:grid;grid-template-columns:280px 1fr;gap:20px;align-items:start}
  .dz-rv-profile{border-radius:20px;border:1px solid color-mix(in oklab,var(--fg) 12%,var(--border));background:color-mix(in oklab,var(--soft) 85%,var(--bg));padding:20px;display:flex;flex-direction:column;gap:14px;position:sticky;top:86px}
  .dz-rv-avatar-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}
  .dz-rv-avatar{width:72px;height:72px;border-radius:999px;border:2px solid color-mix(in oklab,var(--fg) 14%,var(--border));background:color-mix(in oklab,var(--soft) 80%,var(--bg));overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .dz-rv-avatar img{width:100%;height:100%;object-fit:cover}
  .dz-rv-avatar-badge{position:absolute;top:0;right:calc(50% - 46px);width:20px;height:20px;border-radius:999px;background:var(--y);color:#000;font-size:9px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px var(--bg);font-weight:980}
  .dz-rv-profile-fields{display:flex;flex-direction:column;gap:8px}
  .dz-rv-lbl{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700;display:flex;justify-content:space-between;align-items:center}
  .dz-rv-field{width:100%;border-radius:11px;border:1px solid color-mix(in oklab,var(--fg) 12%,var(--border));background:color-mix(in oklab,var(--bg) 80%,transparent);color:var(--fg);padding:9px 12px;font-size:13.5px;outline:none;transition:border-color .15s;box-sizing:border-box}
  .dz-rv-field:focus{border-color:color-mix(in oklab,var(--fg) 38%,var(--border))}
  .dz-rv-linkedinWrap{display:flex;align-items:center;gap:8px}
  .dz-rv-liIcon{width:16px;height:16px;color:var(--muted);flex-shrink:0}
  .dz-rv-field-li{flex:1}
  .dz-rv-note{font-size:11.5px;color:var(--muted);line-height:1.55;margin-top:4px}
  .dz-rv-form-wrap{border-radius:20px;border:1px solid color-mix(in oklab,var(--fg) 12%,var(--border));background:color-mix(in oklab,var(--soft) 85%,var(--bg));padding:22px;display:flex;flex-direction:column;gap:13px}
  .dz-rv-verStrip{display:flex;align-items:center;gap:9px;padding:10px 14px;border-radius:12px;background:color-mix(in oklab,var(--bg) 60%,transparent);border:1px solid color-mix(in oklab,var(--fg) 9%,var(--border));font-size:12.5px;color:var(--muted)}
  .dz-rv-verDot{width:8px;height:8px;border-radius:999px;background:var(--muted);flex-shrink:0;transition:background .3s}
  .dz-rv-verDot.on{background: color-mix(in oklab, var(--fg) 8%, transparent)}
  .dz-rv-rating-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
  .dz-rv-stars{display:flex;gap:4px}
  .dz-rv-star{background:transparent;border:none;font-size:28px;cursor:pointer;color:color-mix(in oklab,var(--fg) 18%,var(--border));transition:color .12s,transform .12s;padding:0;line-height:1}
  .dz-rv-star.on{color:var(--y);transform:scale(1.12)}
  .dz-rv-textarea{resize:vertical;min-height:110px;line-height:1.6;padding-top:10px}
  .dz-rv-count{font-size:10.5px;color:var(--muted);letter-spacing:0;text-transform:none;font-weight:400}
  .dz-rv-hint{font-size:11.5px;color:var(--muted);margin:-6px 0 0}
  .dz-rv-consent-row{padding:12px;border-radius:12px;border:1px solid color-mix(in oklab,var(--fg) 9%,var(--border));background:color-mix(in oklab,var(--bg) 60%,transparent)}
  .dz-rv-check-wrap{display:flex;align-items:flex-start;gap:10px;cursor:pointer;user-select:none}
  .dz-rv-checkbox{position:absolute;opacity:0;width:0;height:0}
  .dz-rv-check-box{width:18px;height:18px;border-radius:6px;border:1.5px solid color-mix(in oklab,var(--fg) 22%,var(--border));background:transparent;flex-shrink:0;margin-top:1px;transition:background .15s,border-color .15s;position:relative}
  .dz-rv-checkbox:checked+.dz-rv-check-box{background:var(--fg);border-color:var(--fg)}
  .dz-rv-checkbox:checked+.dz-rv-check-box::after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:980;color:var(--bg)}
  .dz-rv-consent-txt{font-size:12.5px;line-height:1.55;color:var(--muted)}
  .dz-rv-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
  .dz-rv-cooldown{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin-right:auto}
  .dz-rv-submit{height:46px;padding:0 24px;border-radius:13px;border:none;background:var(--fg);color:var(--bg);font-size:14px;font-weight:980;cursor:pointer;letter-spacing:-.01em;transition:opacity .15s,transform .15s;min-width:160px}
  .dz-rv-submit:disabled{opacity:.35;cursor:not-allowed;transform:none!important}
  .dz-rv-submit:not(:disabled):hover{opacity:.88;transform:translateY(-1px)}
  .dz-rv-success-wrap{border-radius:18px;border:1px solid color-mix(in oklab, var(--fg) 14%, transparent);background:radial-gradient(60% 180px at 50% 0%,color-mix(in oklab, var(--fg) 8%, transparent),transparent 70%);padding:32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
  .dz-rv-succ-icon{font-size:30px;color:var(--y)}
  .dz-rv-succ-title{font-size:19px;font-weight:980;letter-spacing:-.02em}
  .dz-rv-succ-sub{font-size:13.5px;color:var(--muted);line-height:1.6}
  @media(max-width:680px){.dz-rv-grid{grid-template-columns:1fr}.dz-rv-profile{position:static}.dz-rvWall{grid-template-columns:1fr}}