:root{
      --bg:var(--ds-color-bg-950);
      --bg2:var(--ds-color-bg-900);
      --text:var(--ds-color-text-high);
      --muted:var(--ds-color-text-medium);
      --muted2:var(--ds-color-text-low);

      --stroke:var(--ds-color-border-soft);
      --stroke2:var(--ds-color-border-strong);
      --shadow:var(--ds-shadow-lg);
      --radius:var(--ds-radius-xl);

      --green:var(--ds-color-success);
      --green2:var(--ds-color-success-strong);
      --red:var(--ds-color-danger);

      --orange:var(--ds-color-accent);
      --orange2:var(--ds-color-accent-strong);
      --yellow:var(--ds-color-warning);
      --silver:#cfd6df;
      --purple:var(--ds-color-premium);
      --blue:var(--ds-color-info);

      --grid:var(--ds-color-grid);
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:var(--ds-font-sans);
      color:var(--text);
      background:
        radial-gradient(1100px 650px at 20% 8%, rgba(35,176,11,.18), transparent 58%),
        radial-gradient(900px 600px at 80% 18%, rgba(255,138,31,.12), transparent 62%),
        radial-gradient(900px 700px at 60% 86%, rgba(168,85,247,.10), transparent 60%),
        linear-gradient(180deg, var(--bg) 0%, var(--bg2) 50%, var(--bg) 100%);
      overflow-x:hidden;
    }
    html.protect-mode,
    body.protect-mode{
      -webkit-user-select:none;
      user-select:none;
      -webkit-touch-callout:none;
    }
    body.protect-mode img{
      -webkit-user-drag:none;
      user-drag:none;
    }
    @media print{
      body *{
        display:none !important;
      }
      body::before{
        content:"Impressão desativada nesta página.";
        display:block;
        padding:24px;
        color:#fff;
        font-weight:900;
        text-align:center;
      }
    }

    /* Fundo grid + vinheta */
    .grid-bg{
      position:fixed; inset:0;
      pointer-events:none;
      opacity:.16;
      background:
        linear-gradient(to right, var(--grid) 1px, transparent 1px),
        linear-gradient(to bottom, var(--grid) 1px, transparent 1px);
      background-size: 64px 64px;
      mask-image: radial-gradient(circle at 50% 18%, rgba(0,0,0,1) 0%, rgba(0,0,0,.65) 45%, rgba(0,0,0,0) 76%);
    }
    .vignette{
      position:fixed; inset:-40px;
      pointer-events:none;
      background: radial-gradient(circle at 50% 22%, transparent 0%, rgba(0,0,0,.35) 55%, rgba(0,0,0,.75) 90%);
    }
    .aurora-bg{
      position:fixed;
      inset:-18%;
      pointer-events:none;
      overflow:hidden;
      z-index:0;
      opacity:.78;
      filter:saturate(1.08);
    }
    .aurora-blob{
      position:absolute;
      width:min(62vw, 820px);
      min-width:320px;
      aspect-ratio:1/1;
      border-radius:999px;
      filter: blur(92px);
      mix-blend-mode:screen;
      opacity:.26;
      transform: translate3d(0,0,0);
      will-change: transform;
    }
    .aurora-blob.a{
      top:-16%;
      left:-8%;
      background: radial-gradient(circle at 36% 34%, rgba(35,176,11,.46), rgba(35,176,11,.12) 50%, transparent 74%);
      animation: auroraDriftA 24s ease-in-out infinite alternate;
    }
    .aurora-blob.b{
      top:8%;
      right:-22%;
      background: radial-gradient(circle at 44% 40%, rgba(74,163,255,.42), rgba(74,163,255,.12) 52%, transparent 76%);
      animation: auroraDriftB 30s ease-in-out infinite alternate;
      animation-delay: -7s;
    }
    .aurora-blob.c{
      bottom:-24%;
      left:18%;
      background: radial-gradient(circle at 50% 44%, rgba(255,138,31,.34), rgba(240,90,26,.09) 50%, transparent 76%);
      animation: auroraDriftC 34s ease-in-out infinite alternate;
      animation-delay: -12s;
    }
    @keyframes auroraDriftA{
      0%{ transform: translate3d(-4%, -1%, 0) scale(1); }
      50%{ transform: translate3d(8%, -6%, 0) scale(1.08); }
      100%{ transform: translate3d(-2%, 9%, 0) scale(.96); }
    }
    @keyframes auroraDriftB{
      0%{ transform: translate3d(1%, -3%, 0) scale(.98); }
      50%{ transform: translate3d(-8%, 6%, 0) scale(1.10); }
      100%{ transform: translate3d(5%, -2%, 0) scale(.95); }
    }
    @keyframes auroraDriftC{
      0%{ transform: translate3d(0, 3%, 0) scale(1); }
      50%{ transform: translate3d(-7%, -7%, 0) scale(1.07); }
      100%{ transform: translate3d(6%, 5%, 0) scale(.94); }
    }
    @media (prefers-reduced-motion: reduce){
      .aurora-blob{
        animation:none !important;
        opacity:.18;
      }
    }

    .container{width:min(1120px, 92vw); margin:0 auto;}
    .sp{height:18px}

    /* Pílula topo (timer) */
    .top-pill{
      margin: 14px auto 10px;
      width: fit-content;
      padding: 10px 16px;
      border-radius: 999px;
      border: 2px solid rgba(255,58,58,.80);
      color: rgba(255,130,130,1);
      background: rgba(255,58,58,.06);
      font-weight: 900;
      letter-spacing:.2px;
      display:flex;
      gap:10px;
      align-items:center;
      box-shadow: 0 16px 45px rgba(255,58,58,.10);
    }
    .top-pill .dot{
      width:10px; height:10px;
      border-radius:999px;
      background: rgba(255,58,58,1);
      box-shadow: 0 0 18px rgba(255,58,58,.55);
    }

    /* Botões */
    .btn{
      appearance:none;
      border:0;
      cursor:pointer;
      font-weight: 1000;
      letter-spacing:.2px;
      border-radius: 14px;
      padding: 12px 16px;
      display:inline-flex;
      align-items:center;
      gap:10px;
      transition: .18s transform, .18s filter, .18s box-shadow;
      user-select:none;
      position:relative;
      isolation:isolate;
      text-decoration:none;
      white-space:nowrap;
    }
    .btn:hover{transform: translateY(-1px); filter: brightness(1.06);}
    .btn:active{transform: translateY(0px) scale(.99);}
    .btn.green{
      background: linear-gradient(180deg, rgba(35,176,11,1), rgba(29,143,9,1));
      color:#03100b;
      box-shadow: 0 18px 46px rgba(35,176,11,.18);
    }
    .btn.green:before{
      content:"";
      position:absolute; inset:0;
      border-radius: inherit;
      background: radial-gradient(320px 90px at 30% 10%, rgba(255,255,255,.35), transparent 60%);
      opacity:.55;
      z-index:-1;
      pointer-events:none;
    }
    .btn.white{
      background:#fff;
      color:#000;
      box-shadow: 0 16px 50px rgba(0,0,0,.25);
    }
    .btn.ghost{
      background: rgba(255,255,255,.03);
      border: 1px solid rgba(255,255,255,.10);
      color: rgba(255,255,255,.90);
    }

    /* HERO */
    header.hero{
      padding: 10px 0 18px;
      text-align:center;
    }
    .logo-wrap{
      margin-top: 6px;
      display:flex;
      flex-direction:column;
      align-items:center;
      gap:14px;
    }
    .logo-box{
      width:min(560px, 92vw);
      aspect-ratio: 16/9;
      border-radius: 16px;
      background: rgba(0,0,0,.30);
      border: 1px solid rgba(255,255,255,.06);
      box-shadow: 0 24px 80px rgba(0,0,0,.55);
      display:grid; place-items:center;
      padding: 8px;
      overflow:hidden;
      position:relative;
    }
    .logo-box:before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(520px 220px at 50% 25%, rgba(35,176,11,.18), transparent 62%);
      pointer-events:none;
    }
    .hero-video{
      width:100%;
      height:100%;
      border-radius:12px;
      overflow:hidden;
      background:#000;
      position:relative;
      z-index:1;
    }
    .hero-video-placeholder{
      position:absolute;
      inset:0;
      display:grid;
      place-items:center;
      background:
        radial-gradient(420px 180px at 50% 35%, rgba(35,176,11,.18), transparent 68%),
        linear-gradient(180deg, #070c12 0%, #04070b 100%);
      z-index:2;
      transition: opacity .28s ease;
    }
    .hero-video-placeholder img{
      width:min(132px, 28vw);
      max-width:34%;
      height:auto;
      filter: drop-shadow(0 18px 34px rgba(0,0,0,.45));
      user-select:none;
      -webkit-user-drag:none;
    }
    .hero-video iframe{
      width:100%;
      height:100%;
      border:0;
      display:block;
      opacity:0;
      transition: opacity .28s ease;
      position:relative;
      z-index:1;
    }
    .hero-video.is-ready .hero-video-placeholder{ opacity:0; pointer-events:none; }
    .hero-video.is-ready iframe{ opacity:1; }
    @media (max-width: 700px){
      .logo-box{
        width:min(520px, 94vw);
      }
    }

    .live-pill{
      width: fit-content;
      padding: 12px 18px;
      border-radius: 14px;
      border: 2px solid rgba(35,176,11,.55);
      color: rgba(35,176,11,1);
      background: rgba(35,176,11,.08);
      font-weight: 900;
      display:flex;
      align-items:center;
      gap:10px;
      box-shadow: 0 18px 55px rgba(35,176,11,.10);
    }
    .live-pill .live-dot{
      width:10px;height:10px;border-radius:999px;background:rgba(35,176,11,1);
      box-shadow: 0 0 18px rgba(35,176,11,.60);
    }

    .headline{
      margin: 22px auto 0;
      width:min(1120px, 98vw);
      line-height: .88;
      letter-spacing: -1.8px;
      font-weight: 1000;
      text-transform: uppercase;
    }
    .headline .r{color: var(--red)}
    .headline .g{color: rgba(35,176,11,.85)}
    .headline .w{color:#fff}
    .headline .big{font-size: clamp(56px, 10.8vw, 164px)}
    .sub{
      margin: 14px auto 0;
      width:min(760px, 92vw);
      color: var(--muted);
      font-size: clamp(14px, 1.4vw, 18px);
      font-weight: 800;
    }
    .sub b{color: var(--green)}
    .cta{margin-top:18px; display:flex; justify-content:center; gap: 10px; flex-wrap:wrap;}
    .cta .quiz-btn{
      white-space: normal;
      text-align: center;
      line-height: 1.12;
      max-width: min(92vw, 420px);
    }
    .login-float-btn{
      position: fixed;
      top: 14px;
      left: 14px;
      height: 46px;
      width: 52px;
      border-radius: 12px;
      border: 1px solid rgba(145,192,255,.95);
      background: linear-gradient(180deg, #1877f2 0%, #0f5ecf 100%);
      color: #ffffff;
      box-shadow: 0 18px 45px rgba(7,52,119,.44), inset 0 1px 0 rgba(255,255,255,.26);
      display: inline-flex;
      align-items: center;
      justify-content: flex-start;
      gap: 8px;
      padding: 0 12px;
      overflow: hidden;
      white-space: nowrap;
      text-decoration: none;
      font-weight: 900;
      letter-spacing: .2px;
      z-index: 12000;
      transition: width .2s ease, transform .16s ease, filter .16s ease, box-shadow .16s ease;
    }
    .login-float-btn:hover{
      width: 146px;
      transform: translateY(-1px);
      filter: brightness(1.06);
      box-shadow: 0 22px 54px rgba(7,52,119,.52), inset 0 1px 0 rgba(255,255,255,.30);
    }
    .login-float-btn:focus-visible{
      width: 146px;
      outline: 2px solid rgba(255,255,255,.9);
      outline-offset: 2px;
    }
    .login-float-btn svg{
      width: 20px;
      height: 20px;
      flex: 0 0 auto;
      stroke: currentColor;
      stroke-width: 2.3;
      stroke-linecap: round;
      stroke-linejoin: round;
      fill: none;
    }
    .login-float-btn .label{
      max-width: 0;
      opacity: 0;
      transform: translateX(-6px);
      transition: max-width .2s ease, opacity .2s ease, transform .2s ease;
      font-size: 15px;
    }
    .login-float-btn:hover .label,
    .login-float-btn:focus-visible .label{
      max-width: 84px;
      opacity: 1;
      transform: translateX(0);
    }
    @media (max-width: 780px){
      .login-float-btn{
        top: 10px;
        left: 10px;
        height: 42px;
        width: 128px;
        border-radius: 11px;
      }
      .login-float-btn .label{
        max-width: 84px;
        opacity: 1;
        transform: translateX(0);
      }
    }
    /* Compatibilidade visual para barra antiga de login (cache legado) */
    .client-login-strip{
      margin: 10px auto 0;
      width:min(980px, 96vw);
      padding: 12px 14px;
      border-radius: 14px;
      border: 1px solid rgba(15,94,207,.24);
      background: linear-gradient(90deg, rgba(255,255,255,.88), rgba(236,244,255,.86));
      box-shadow: 0 16px 40px rgba(0,0,0,.14);
      display:flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      flex-wrap:wrap;
    }
    .client-login-strip span{
      color: #13263f;
      font-weight: 900;
      text-align:center;
      text-shadow: none;
    }
    .client-login-strip .client-login-btn{
      color:#ffffff;
      border-color: rgba(255,255,255,.32);
      background: linear-gradient(180deg, #1877f2 0%, #0f5ecf 100%);
      box-shadow: 0 12px 30px rgba(7,52,119,.30), inset 0 1px 0 rgba(255,255,255,.24);
    }
    .client-login-strip .client-login-btn.secondary{
      color:#ffffff;
      border-color: rgba(255,255,255,.34);
      background: linear-gradient(180deg, #ff7a22 0%, #e85a10 100%);
      box-shadow: 0 12px 30px rgba(192,86,26,.30), inset 0 1px 0 rgba(255,255,255,.24);
    }
    .quiz-btn{
      background: linear-gradient(120deg, #ffffff 0%, #defee7 30%, #ffffff 60%, #dff6ff 100%);
      color: #041a12;
      border: 1px solid rgba(255,255,255,.94);
      box-shadow: 0 18px 50px rgba(35,176,11,.24), 0 10px 30px rgba(0,0,0,.26);
      overflow: hidden;
      position: relative;
      animation: quizBtnFloat 2.8s ease-in-out infinite, quizBtnGlow 2.8s ease-in-out infinite;
    }
    .quiz-btn:before{
      content:"";
      position:absolute;
      top:-12%;
      left:-55%;
      width:36%;
      height:124%;
      transform: skewX(-24deg);
      background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.86), rgba(255,255,255,0));
      animation: quizBtnSweep 2.2s linear infinite;
      pointer-events:none;
      mix-blend-mode:screen;
    }
    .quiz-btn:hover{
      animation-play-state: paused;
      transform: translateY(-2px) scale(1.02);
      filter: brightness(1.04);
    }
    @keyframes quizBtnGlow{
      0%,100%{
        box-shadow: 0 14px 44px rgba(35,176,11,.17), 0 10px 24px rgba(0,0,0,.24);
      }
      50%{
        box-shadow: 0 22px 62px rgba(35,176,11,.36), 0 14px 38px rgba(0,0,0,.28);
      }
    }
    @keyframes quizBtnFloat{
      0%,100%{ transform: translateY(0); }
      50%{ transform: translateY(-3px); }
    }
    @keyframes quizBtnSweep{
      0%{ left:-55%; }
      100%{ left:140%; }
    }

    .quiz-strip{
      margin: 18px auto 0;
      width:min(980px, 96vw);
      display:flex;
      align-items:center;
      justify-content:center;
      gap:12px;
      flex-wrap:wrap;
      padding: 14px 14px;
      border-radius: 14px;
      border: 1px solid rgba(35,176,11,.26);
      background: linear-gradient(90deg, rgba(35,176,11,.10), rgba(74,163,255,.06));
      box-shadow: 0 18px 54px rgba(0,0,0,.24);
    }
    .quiz-strip .label{
      font-weight: 900;
      color: rgba(230,245,255,.9);
      letter-spacing: .2px;
      text-align:center;
    }
    .quiz-strip .btn{ padding: 11px 14px; }

    .quiz-nudge{
      margin: 0 auto 14px;
      width:min(980px, 96vw);
      display:flex;
      align-items:center;
      justify-content:center;
      gap:12px;
      flex-wrap:wrap;
      padding: 12px 14px;
      border-radius: 12px;
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(255,255,255,.03);
    }
    .quiz-nudge span{
      color: rgba(238,246,255,.84);
      font-weight: 900;
      text-align:center;
    }

    /* Chart */
    .chart{
      margin: 18px auto 0;
      width:min(980px, 96vw);
      border-radius: 18px;
      border: 2px solid rgba(35,176,11,.32);
      background: rgba(8,14,12,.55);
      box-shadow: 0 20px 95px rgba(0,0,0,.55);
      overflow:hidden;
      position:relative;
    }
    .chart:before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(700px 250px at 50% 0%, rgba(35,176,11,.12), transparent 60%);
      pointer-events:none;
    }
    .chart-head{
      padding: 12px 14px;
      display:flex;
      align-items:center;
      justify-content:center;
      font-weight: 1000;
      color: rgba(255,255,255,.95);
      gap:10px;
      border-bottom: 1px solid rgba(255,255,255,.08);
      position:relative;
      z-index:1;
    }
    .chart img{width:100%; display:block; position:relative; z-index:1; cursor: zoom-in;}

    .metrics{
      display:grid;
      grid-template-columns: repeat(3,1fr);
      gap: 10px;
      padding: 12px;
      background: rgba(8,14,12,.65);
      border-top: 1px solid rgba(255,255,255,.06);
      position:relative;
      z-index:1;
    }
    @media (max-width: 700px){ .metrics{grid-template-columns:1fr} }
    .metric{
      text-align:center;
      padding: 12px 12px;
      border-radius: 14px;
      background: rgba(0,0,0,.22);
      border: 1px solid rgba(255,255,255,.08);
      box-shadow: 0 18px 60px rgba(0,0,0,.25);
    }
    .metric .v{
      font-weight: 1000;
      font-size: 24px;
      letter-spacing:-.2px;
    }
    .metric .l{
      margin-top: 2px;
      font-size: 12px;
      color: var(--muted2);
      font-weight: 800;
      letter-spacing:.2px;
    }
    .metric .v.green{color: var(--green)}
    .metric .v.yellow{color: var(--yellow)}
    .metric .v.blue{color: #67b0ff}

    /* Features */
    .row4{
      margin: 26px auto 0;
      width:min(980px, 96vw);
      display:grid;
      grid-template-columns: repeat(4,1fr);
      gap: 14px;
    }
    @media (max-width: 980px){ .row4{grid-template-columns:1fr 1fr} }
    @media (max-width: 560px){ .row4{grid-template-columns:1fr} }

    .feat{
      padding: 16px 16px;
      border-radius: 16px;
      background: rgba(0,0,0,.22);
      border: 1px solid rgba(255,255,255,.10);
      box-shadow: 0 18px 60px rgba(0,0,0,.30);
      position:relative;
      overflow:hidden;
      text-align:center;
    }
    .feat:before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(360px 120px at 10% 0%, rgba(35,176,11,.12), transparent 60%);
      opacity:.9;
      pointer-events:none;
    }
    .feat strong{font-weight:1000; display:block; position:relative}
    .feat span{color: var(--muted2); font-weight:800; font-size: 13px; display:block; margin-top:6px; position:relative}

    /* Prova e confianca */
    section.proof{
      padding: 10px 0 12px;
    }
    .proof-shell{
      width:min(1040px, 96vw);
      margin: 0 auto;
      border-radius: 20px;
      border: 1px solid rgba(255,255,255,.10);
      background: linear-gradient(180deg, rgba(8,13,18,.88), rgba(6,9,14,.92));
      box-shadow: 0 28px 90px rgba(0,0,0,.45);
      padding: 18px;
      position: relative;
      overflow: hidden;
    }
    .proof-shell:before{
      content:"";
      position:absolute;
      inset:-2px;
      background: radial-gradient(760px 220px at 20% 0%, rgba(35,176,11,.14), transparent 62%);
      pointer-events:none;
    }
    .proof-pill{
      margin: 0 auto 10px;
      border: 2px solid rgba(35,176,11,.40);
      background: rgba(35,176,11,.10);
      color: #9ff9d5;
      position: relative;
      z-index: 1;
    }
    .proof-title{
      margin: 0 auto;
      width:min(900px, 96vw);
      text-align:center;
      font-size: clamp(24px, 4vw, 46px);
      line-height: 1.04;
      letter-spacing: -.8px;
      font-weight: 1000;
      position: relative;
      z-index: 1;
    }
    .proof-sub{
      margin: 10px auto 0;
      width:min(930px, 96vw);
      text-align:center;
      color: var(--muted2);
      font-weight: 800;
      position: relative;
      z-index: 1;
    }
    .proof-kpis{
      margin: 16px auto 0;
      width:100%;
      display:grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: 10px;
      position: relative;
      z-index: 1;
    }
    @media (max-width: 1120px){ .proof-kpis{ grid-template-columns: repeat(3, minmax(0,1fr)); } }
    @media (max-width: 620px){ .proof-kpis{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
    .proof-kpi{
      border-radius: 14px;
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(255,255,255,.03);
      padding: 12px 10px;
      text-align: center;
      box-shadow: 0 14px 40px rgba(0,0,0,.22);
      transition: .18s transform, .18s filter;
    }
    .proof-kpi:hover{
      transform: translateY(-2px);
      filter: brightness(1.04);
    }
    .proof-kpi .k-label{
      font-size: 11px;
      letter-spacing: .3px;
      text-transform: uppercase;
      font-weight: 800;
      color: rgba(228,239,250,.64);
    }
    .proof-kpi .k-value{
      margin-top: 6px;
      font-size: clamp(22px, 2.3vw, 30px);
      letter-spacing: -.4px;
      font-weight: 1000;
    }
    .proof-kpi .k-value.pos{ color: #3eedb0; }
    .proof-kpi .k-value.neutral{ color: #d5dceb; }
    .proof-kpi .k-value.warn{ color: #ffd36b; }

    .proof-grid{
      margin-top: 14px;
      display:grid;
      grid-template-columns: 1.1fr .9fr;
      gap: 12px;
      position: relative;
      z-index: 1;
    }
    @media (max-width: 980px){ .proof-grid{ grid-template-columns: 1fr; } }
    .proof-card{
      border-radius: 16px;
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(0,0,0,.20);
      padding: 14px;
      box-shadow: 0 18px 50px rgba(0,0,0,.25);
    }
    .proof-card h3{
      margin: 0;
      font-size: 19px;
      letter-spacing: -.2px;
    }
    .proof-card p{
      margin: 9px 0 0;
      color: rgba(228,239,250,.74);
      line-height: 1.45;
      font-weight: 700;
    }
    .proof-tags{
      margin-top: 10px;
      display:flex;
      gap: 8px;
      flex-wrap: wrap;
    }
    .proof-tags span{
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,.16);
      padding: 7px 10px;
      font-size: 12px;
      font-weight: 900;
      color: rgba(236,245,255,.88);
      background: rgba(255,255,255,.04);
    }
    .proof-list{
      margin: 10px 0 0;
      padding-left: 18px;
      display:grid;
      gap: 8px;
      color: rgba(228,239,250,.74);
      font-weight: 700;
    }
    .proof-actions{
      margin-top: 12px;
      display:flex;
      gap: 8px;
      flex-wrap: wrap;
    }
    .proof-disclaimer{
      margin-top: 10px;
      font-size: 12px;
      color: rgba(228,239,250,.56);
      font-weight: 800;
    }
    .proof-micro{
      margin: 12px auto 0;
      width:min(940px, 98vw);
      text-align:center;
      color: rgba(228,239,250,.72);
      font-size: 13px;
      font-weight: 800;
      position: relative;
      z-index: 1;
    }

    /* Relatórios mensais */
    .proof-audit{
      margin-top: 14px;
      border-radius: 16px;
      border: 1px solid rgba(74,163,255,.28);
      background: linear-gradient(180deg, rgba(10,16,26,.88), rgba(7,11,19,.92));
      padding: 14px;
      position: relative;
      z-index: 1;
      box-shadow: 0 18px 48px rgba(0,0,0,.28);
    }
    .proof-audit-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      flex-wrap:wrap;
    }
    .proof-audit-head h3{
      margin:0;
      font-size: clamp(20px, 2.5vw, 28px);
      letter-spacing:-.3px;
      font-weight:1000;
    }
    .proof-audit-stamp{
      border-radius:999px;
      padding: 7px 10px;
      border:1px solid rgba(255,255,255,.18);
      background: rgba(255,255,255,.05);
      color: rgba(235,246,255,.84);
      font-size: 11px;
      font-weight: 900;
      letter-spacing:.2px;
      text-transform:uppercase;
    }
    .proof-audit-sub{
      margin: 8px 0 0;
      color: rgba(228,239,250,.72);
      font-weight: 700;
      line-height: 1.45;
    }
    .proof-audit-grid{
      margin-top: 10px;
      display:grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
    }
    @media (max-width: 980px){ .proof-audit-grid{ grid-template-columns: 1fr; } }
    .proof-audit-card{
      border-radius: 12px;
      border: 1px solid rgba(255,255,255,.14);
      background: rgba(0,0,0,.20);
      padding: 12px;
      box-shadow: 0 14px 34px rgba(0,0,0,.24);
    }
    .audit-label{
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: .35px;
      color: rgba(178,213,250,.78);
      font-weight: 900;
    }
    .audit-list{
      margin: 8px 0 0;
      padding-left: 18px;
      display:grid;
      gap: 7px;
      color: rgba(228,239,250,.80);
      font-weight: 700;
      line-height: 1.4;
      font-size: 13px;
    }
    .audit-list code{
      border-radius: 6px;
      background: rgba(255,255,255,.08);
      padding: 2px 6px;
      font-size: 12px;
      color: rgba(233,243,255,.92);
    }
    .proof-audit-links{
      margin-top: 9px;
      display:flex;
      gap: 8px;
      flex-wrap:wrap;
    }
    .audit-link{
      border-radius: 999px;
      border: 1px solid rgba(74,163,255,.42);
      background: rgba(74,163,255,.14);
      color: #b8ddff;
      font-weight: 900;
      font-size: 12px;
      text-decoration:none;
      padding: 8px 10px;
      transition: .16s transform, .16s filter;
    }
    .audit-link:hover{
      transform: translateY(-1px);
      filter: brightness(1.08);
      text-decoration:none;
    }
    .proof-audit-note{
      margin: 10px 0 0;
      color: rgba(228,239,250,.60);
      font-size: 12px;
      font-weight: 800;
      line-height: 1.4;
    }

    section.monthly{
      padding: 8px 0 16px;
    }
    .monthly-shell{
      width:min(1040px, 96vw);
      margin: 0 auto;
      border-radius: 20px;
      border: 1px solid rgba(255,255,255,.10);
      background: linear-gradient(180deg, rgba(8,12,20,.90), rgba(6,8,13,.94));
      box-shadow: 0 28px 90px rgba(0,0,0,.48);
      padding: 18px;
      position: relative;
      overflow: hidden;
    }
    .monthly-shell:before{
      content:"";
      position:absolute;
      inset:-2px;
      background: radial-gradient(900px 260px at 80% 0%, rgba(74,163,255,.14), transparent 62%);
      pointer-events:none;
    }
    .monthly-head{
      display:flex;
      justify-content: space-between;
      align-items: flex-end;
      gap: 10px;
      position: relative;
      z-index: 1;
    }
    @media (max-width: 760px){ .monthly-head{ align-items: stretch; flex-direction: column; } }
    .monthly-pill{
      margin: 0 0 8px;
      border: 2px solid rgba(74,163,255,.36);
      background: rgba(74,163,255,.12);
      color: #b5ddff;
    }
    .monthly-title{
      margin: 0;
      font-size: clamp(24px, 4vw, 42px);
      line-height: 1.04;
      letter-spacing: -.8px;
      font-weight: 1000;
    }
    .monthly-sub{
      margin: 8px 0 0;
      color: var(--muted2);
      font-weight: 800;
    }
    .monthly-nav{
      display:flex;
      gap: 8px;
    }
    .report-nav{
      width: 44px;
      height: 44px;
      border-radius: 12px;
      border: 1px solid rgba(255,255,255,.18);
      background: rgba(255,255,255,.05);
      color: #ecf3ff;
      font-weight: 1000;
      font-size: 22px;
      cursor: pointer;
      transition: .16s transform, .16s filter;
    }
    html[data-theme="light"] .report-nav,
    body.light-theme .report-nav,
    .theme-light .report-nav{
      border-color: rgba(17,44,77,.34);
      background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(238,246,255,.92));
      color: #18365a;
      box-shadow: 0 8px 20px rgba(11,30,52,.12);
      text-shadow: none;
    }
    @media (prefers-color-scheme: light){
      .report-nav{
        border-color: rgba(17,44,77,.34);
        background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(238,246,255,.92));
        color: #18365a;
        box-shadow: 0 8px 20px rgba(11,30,52,.12);
        text-shadow: none;
      }
    }
    .report-nav:hover{
      transform: translateY(-2px);
      filter: brightness(1.08);
    }
    .report-track{
      margin-top: 14px;
      display:grid;
      grid-auto-flow: column;
      grid-auto-columns: min(82vw, 920px);
      gap: 12px;
      overflow-x: auto;
      overscroll-behavior-x: contain;
      scroll-snap-type: x mandatory;
      scroll-behavior: smooth;
      padding: 4px 2px 12px;
      position: relative;
      z-index: 1;
    }
    @media (max-width: 900px){ .report-track{ grid-auto-columns: 92vw; } }
    .report-track::-webkit-scrollbar{
      height: 10px;
    }
    .report-track::-webkit-scrollbar-track{
      border-radius: 999px;
      background: rgba(255,255,255,.06);
    }
    .report-track::-webkit-scrollbar-thumb{
      border-radius: 999px;
      background: linear-gradient(90deg, rgba(35,176,11,.75), rgba(74,163,255,.85));
    }
    .report-card{
      scroll-snap-align: start;
      border-radius: 16px;
      border: 1px solid rgba(255,255,255,.14);
      background: rgba(0,0,0,.22);
      box-shadow: 0 16px 42px rgba(0,0,0,.30);
      overflow: hidden;
      transition: .2s transform, .2s filter, .2s border-color;
    }
    .report-card.pos{ border-color: rgba(35,176,11,.58); }
    .report-card.neg{ border-color: rgba(255,106,106,.58); }
    .report-card.neutral{ border-color: rgba(200,214,236,.46); }
    .report-card:hover{
      transform: translateY(-3px);
      filter: brightness(1.03);
      border-color: rgba(35,176,11,.55);
    }
    .report-image{
      position: relative;
      height: clamp(320px, 34vw, 460px);
      background: #0a0f17;
      border: 2px solid rgba(195,211,234,.32);
      overflow: hidden;
      cursor: zoom-in;
    }
    .report-card.pos .report-image{
      border-color: rgba(35,176,11,.82);
      box-shadow: inset 0 0 0 1px rgba(35,176,11,.32), 0 0 24px rgba(35,176,11,.20);
    }
    .report-card.neg .report-image{
      border-color: rgba(255,106,106,.86);
      box-shadow: inset 0 0 0 1px rgba(255,106,106,.34), 0 0 24px rgba(255,106,106,.22);
    }
    .report-card.neutral .report-image{
      border-color: rgba(195,211,234,.55);
    }
    .report-image img{
      width:100%;
      height:100%;
      object-fit: contain;
      display:block;
    }
    .report-image:after{
      content:"";
      position:absolute; inset:0;
      background: linear-gradient(180deg, rgba(3,6,10,.00), rgba(3,6,10,.48));
      pointer-events:none;
    }
    .report-body{
      padding: 12px;
    }
    .report-month{
      margin: 0;
      font-size: 18px;
      letter-spacing: -.2px;
      font-weight: 1000;
    }
    .report-period{
      margin-top: 4px;
      font-size: 12px;
      color: rgba(228,239,250,.62);
      font-weight: 800;
      letter-spacing: .2px;
      text-transform: uppercase;
    }
    .report-gain{
      margin-top: 10px;
      display: inline-flex;
      border-radius: 999px;
      padding: 8px 12px;
      font-weight: 1000;
      letter-spacing: .3px;
      font-size: 18px;
    }
    .report-gain.pos{
      color: #032016;
      background: linear-gradient(180deg, #23b00b, #1d8f09);
    }
    .report-gain.neg{
      color: #fff;
      background: linear-gradient(180deg, #ff6a6a, #f03f3f);
    }
    .report-gain.neutral{
      color: #0b1322;
      background: linear-gradient(180deg, #dce4ef, #b7c3d6);
    }
    .report-cumulative{
      margin-top: 9px;
      font-size: 13px;
      font-weight: 900;
      color: rgba(228,239,250,.86);
      letter-spacing: .2px;
    }
    .report-cumulative strong{
      font-size: 16px;
    }
    .report-cumulative.pos strong{ color: #23b00b; }
    .report-cumulative.neg strong{ color: #ff7c7c; }
    .report-cumulative.neutral strong{ color: #dce4ef; }
    .monthly-note{
      margin: 10px 4px 0;
      color: rgba(228,239,250,.58);
      font-weight: 800;
      font-size: 12px;
      position: relative;
      z-index: 1;
    }
    .report-modal{
      position: fixed;
      inset: 0;
      background: rgba(2,7,1,.86);
      backdrop-filter: blur(4px);
      display: none;
      align-items: center;
      justify-content: center;
      z-index: 20000;
      padding: 22px;
    }
    .report-modal.is-open{
      display: flex;
    }
    .report-modal-card{
      width: min(1220px, 96vw);
      max-height: 92vh;
      border-radius: 18px;
      border: 1px solid rgba(35,176,11,.36);
      background: linear-gradient(180deg, rgba(8,12,16,.95), rgba(4,8,10,.96));
      box-shadow: 0 28px 90px rgba(0,0,0,.62);
      overflow: hidden;
    }
    .report-modal-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      padding: 10px 12px;
      border-bottom: 1px solid rgba(255,255,255,.08);
      color: rgba(235,246,255,.95);
      font-weight: 900;
      letter-spacing: .2px;
    }
    .report-modal-close{
      border: 1px solid rgba(255,255,255,.20);
      background: rgba(255,255,255,.06);
      color: #eef6ff;
      border-radius: 10px;
      width: 38px;
      height: 38px;
      font-size: 22px;
      line-height: 1;
      cursor: pointer;
    }
    .report-modal-close:hover{
      filter: brightness(1.08);
    }
    .report-modal-img-wrap{
      background: #090f12;
      display:grid;
      place-items:center;
      padding: 10px;
    }
    .report-modal-img{
      width: 100%;
      max-height: 74vh;
      object-fit: contain;
      display: block;
    }

    .reveal-up{
      opacity: 0;
      transform: translateY(16px);
    }
    .reveal-up.is-visible{
      animation: revealUp .55s ease forwards;
    }
    @keyframes revealUp{
      to{
        opacity: 1;
        transform: translateY(0);
      }
    }

    /* Como funciona */
    section.how{
      padding: 8px 0 12px;
    }
    .how-shell{
      width:min(1040px, 96vw);
      margin: 0 auto;
      border-radius: 20px;
      border: 1px solid rgba(255,255,255,.10);
      background: linear-gradient(180deg, rgba(7,12,17,.88), rgba(5,8,13,.92));
      box-shadow: 0 24px 82px rgba(0,0,0,.42);
      padding: 18px;
      position: relative;
      overflow: hidden;
    }
    .how-shell:before{
      content:"";
      position:absolute;
      inset:-2px;
      background: radial-gradient(740px 220px at 80% 0%, rgba(35,176,11,.12), transparent 62%);
      pointer-events:none;
    }
    .how-pill{
      margin: 0 auto 10px;
      border: 2px solid rgba(35,176,11,.34);
      background: rgba(35,176,11,.10);
      color: #9ff9d5;
      position: relative;
      z-index: 1;
    }
    .how-steps{
      margin-top: 16px;
      display:grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      position: relative;
      z-index: 1;
    }
    @media (max-width: 900px){ .how-steps{ grid-template-columns: 1fr; } }
    .how-step{
      border-radius: 14px;
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(255,255,255,.03);
      padding: 14px;
      box-shadow: 0 16px 40px rgba(0,0,0,.24);
    }
    .how-step .idx{
      width: 30px;
      height: 30px;
      border-radius: 999px;
      display:grid;
      place-items:center;
      font-weight: 1000;
      color: #03150f;
      background: linear-gradient(180deg, #23b00b, #1d8f09);
      box-shadow: 0 8px 20px rgba(35,176,11,.22);
    }
    .how-step h3{
      margin: 10px 0 0;
      font-size: 18px;
      letter-spacing: -.2px;
    }
    .how-step p{
      margin: 8px 0 0;
      color: rgba(228,239,250,.74);
      line-height: 1.45;
      font-weight: 700;
    }

    /* Oferta gratis */
    section.free-offer{
      padding: 6px 0 16px;
    }
    .free-shell{
      width:min(980px, 96vw);
      margin: 0 auto;
      border-radius: 18px;
      border: 1px solid rgba(255,255,255,.10);
      background: linear-gradient(180deg, rgba(5,12,10,.88), rgba(4,8,10,.92));
      box-shadow: 0 22px 70px rgba(0,0,0,.40);
      padding: 18px;
      position: relative;
      overflow: hidden;
    }
    .free-shell:before{
      content:"";
      position:absolute;
      inset:-2px;
      background: radial-gradient(600px 220px at 20% 0%, rgba(35,176,11,.15), transparent 62%);
      pointer-events:none;
    }
    .free-pill{
      margin: 0 auto 8px;
      border: 2px solid rgba(35,176,11,.40);
      background: rgba(35,176,11,.10);
      color: #9ff9d5;
      position: relative;
      z-index: 1;
    }
    .free-title{
      margin: 0;
      text-align:center;
      font-size: clamp(24px, 4vw, 40px);
      line-height: 1.06;
      letter-spacing: -.7px;
      font-weight: 1000;
      position: relative;
      z-index: 1;
    }
    .free-sub{
      margin: 8px auto 0;
      width:min(760px, 96vw);
      text-align:center;
      color: var(--muted2);
      font-weight: 800;
      position: relative;
      z-index: 1;
    }
    .free-points{
      margin: 14px 0 0;
      padding-left: 18px;
      display:grid;
      gap: 8px;
      color: rgba(228,239,250,.82);
      font-weight: 800;
      position: relative;
      z-index: 1;
    }
    .free-cta{
      margin-top: 14px;
      display:flex;
      gap: 10px;
      flex-wrap: wrap;
      justify-content: center;
      position: relative;
      z-index: 1;
    }
    .cta-note{
      margin: 8px auto 0;
      width:min(860px, 96vw);
      color: rgba(228,239,250,.68);
      font-size: 12px;
      font-weight: 800;
      text-align:center;
    }
    .metric-note{
      margin: 10px auto 0;
      width:min(900px, 96vw);
      color: rgba(228,239,250,.70);
      font-size: 12px;
      font-weight: 800;
      text-align:center;
    }

    /* FAQ */
    section.faq{
      padding: 0 0 14px;
    }
    .faq-shell{
      width:min(980px, 96vw);
      margin: 0 auto;
      border-radius: 18px;
      border: 1px solid rgba(255,255,255,.10);
      background: linear-gradient(180deg, rgba(8,12,16,.88), rgba(5,8,11,.94));
      box-shadow: 0 24px 80px rgba(0,0,0,.45);
      padding: 18px;
    }
    .faq-title{
      margin: 0;
      text-align:center;
      font-size: clamp(24px, 4vw, 38px);
      line-height: 1.06;
      letter-spacing: -.7px;
      font-weight: 1000;
    }
    .faq-list{
      margin-top: 12px;
      display:grid;
      gap: 8px;
    }
    .faq-item{
      border-radius: 12px;
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(255,255,255,.03);
      overflow: hidden;
    }
    .faq-item summary{
      list-style: none;
      cursor: pointer;
      padding: 12px 14px;
      font-weight: 900;
      color: rgba(236,245,255,.92);
      position: relative;
    }
    .faq-item summary::-webkit-details-marker{
      display:none;
    }
    .faq-item p{
      margin: 0;
      padding: 0 14px 12px;
      color: rgba(228,239,250,.74);
      font-weight: 700;
      line-height: 1.45;
    }
    .faq-item a{
      color: #8edfff;
      font-weight: 900;
      text-decoration: none;
    }
    .faq-item a:hover{
      text-decoration: underline;
    }

    /* Bonus */
    section.bonus{
      padding: 44px 0 10px;
    }
    .pill{
      width: fit-content;
      margin:0 auto 12px;
      padding: 10px 14px;
      border-radius: 999px;
      font-weight: 1000;
      letter-spacing:.2px;
    }
    .bonus .pill{
      border: 2px solid rgba(255,138,31,.42);
      background: rgba(255,138,31,.08);
      color: rgba(255,180,120,1);
    }
    .title{
      text-align:center;
      margin: 0 auto;
      width:min(980px, 96vw);
      font-weight: 1000;
      letter-spacing:-.8px;
      line-height:1.06;
      font-size: clamp(28px, 3.8vw, 56px);
    }
    .title .accent-orange{color: var(--orange);}
    .title .accent-green{color: rgba(35,176,11,.85);}
    .subtitle{
      text-align:center;
      margin: 10px auto 0;
      width:min(760px, 92vw);
      color: var(--muted2);
      font-weight: 800;
    }

    .bonus-grid{
      margin: 24px auto 0;
      width:min(980px, 96vw);
      display:grid;
      grid-template-columns: 1fr 1.25fr;
      gap: 14px;
      align-items:stretch;
    }
    @media (max-width: 900px){ .bonus-grid{grid-template-columns:1fr} }

    .panel{
      border-radius: var(--radius);
      border: 1px solid rgba(255,255,255,.10);
      background: rgba(0,0,0,.22);
      box-shadow: var(--shadow);
      overflow:hidden;
      position:relative;
    }
    .panel:before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(700px 220px at 40% 0%, rgba(255,138,31,.12), transparent 60%);
      pointer-events:none;
    }

    .elliot{
      min-height: 280px;
      display:grid;
      place-items:center;
      padding: 18px;
      border: 2px solid rgba(255,138,31,.22);
      background: rgba(255,138,31,.06);
    }
    .elliot .box{
      width: 100%;
      max-width: 360px;
      aspect-ratio: 1/1;
      border-radius: 18px;
      background: rgba(0,0,0,.34);
      border: 1px solid rgba(255,255,255,.09);
      display:grid;
      place-items:center;
      overflow:hidden;
      box-shadow: 0 18px 60px rgba(0,0,0,.35);
      position:relative;
    }
    .elliot .box:before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(380px 180px at 50% 20%, rgba(255,138,31,.16), transparent 60%);
      pointer-events:none;
    }
    .elliot img{max-width: 80%; height:auto; display:block; position:relative; z-index:1;}

    .bonus-list{display:grid; gap: 12px; padding: 18px;}
    .bitem{
      padding: 16px;
      border-radius: 18px;
      border: 1px solid rgba(255,255,255,.10);
      background: rgba(0,0,0,.18);
      display:flex;
      gap: 14px;
      align-items:flex-start;
      box-shadow: 0 18px 55px rgba(0,0,0,.25);
      position:relative;
      overflow:hidden;
    }
    .bitem:before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(460px 140px at 10% 0%, rgba(35,176,11,.10), transparent 62%);
      opacity:.8;
      pointer-events:none;
    }
    .bicon{
      width: 40px; height:40px;
      border-radius: 12px;
      display:grid; place-items:center;
      background: rgba(35,176,11,.12);
      border: 1px solid rgba(35,176,11,.22);
      flex: 0 0 auto;
      margin-top:2px;
      font-weight:1000;
      color: rgba(35,176,11,1);
      box-shadow: 0 12px 30px rgba(35,176,11,.10);
      position:relative;
      z-index:1;
    }
    .btext{position:relative; z-index:1;}
    .bitem h4{margin:0; font-weight:1000; letter-spacing:-.2px}
    .bitem p{margin:6px 0 0; color: var(--muted2); font-weight:800; font-size: 13px; line-height:1.4;}

    .important{
      margin: 16px auto 0;
      width:min(980px, 96vw);
      padding: 14px 16px;
      border-radius: 16px;
      background: rgba(255,255,255,.03);
      border: 1px solid rgba(255,255,255,.10);
      color: rgba(255,255,255,.72);
      font-weight:800;
      font-size: 13px;
      text-align:center;
      box-shadow: 0 18px 60px rgba(0,0,0,.25);
    }
    .important b{color: var(--red);}
    html[data-theme="light"] .important,
    body.light-theme .important,
    .theme-light .important{
      background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(247,251,255,.94));
      border-color: rgba(11,30,52,.24);
      color: rgba(18,35,58,.92);
      text-shadow: none;
      box-shadow: 0 14px 36px rgba(11,30,52,.12);
    }
    html[data-theme="light"] .important b,
    body.light-theme .important b,
    .theme-light .important b{
      color:#d81f1f;
    }
    @media (prefers-color-scheme: light){
      .important{
        background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(247,251,255,.94));
        border-color: rgba(11,30,52,.24);
        color: rgba(18,35,58,.92);
        text-shadow: none;
        box-shadow: 0 14px 36px rgba(11,30,52,.12);
      }
      .important b{
        color:#d81f1f;
      }
    }

    /* ======= PLANOS (REFERENCIA) ======= */
    section.plans{
      position:relative;
      padding: 30px 0 70px;
    }
    section.plans:before{
      content:"";
      position:absolute;
      left:50%;
      top:126px;
      transform:translateX(-50%);
      width:min(1040px, 95vw);
      height:340px;
      border-radius:999px;
      background: radial-gradient(circle, rgba(35,176,11,.26) 0%, rgba(35,176,11,.10) 45%, rgba(35,176,11,0) 76%);
      filter: blur(6px);
      pointer-events:none;
      z-index:0;
    }
    section.plans .container{ position:relative; z-index:1; }
    section.plans .title{
      width:min(1020px, 98vw);
      margin:0 auto 24px;
      font-size: clamp(44px, 7vw, 78px);
      line-height:.92;
      letter-spacing:-1.6px;
      text-align:center;
    }
    section.plans .title .line-1{
      display:block;
      color:#f4f6f8;
    }
    section.plans .title .accent-green{
      display:block;
      color:#44e8ba;
      margin-top:4px;
    }

    .plan-stage{
      width:min(1160px, 98vw);
      margin: 0 auto;
      padding: 16px 12px 14px;
      border-radius: 20px;
      border: 1px solid rgba(255,255,255,.08);
      background:
        linear-gradient(to right, rgba(255,255,255,.03) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255,255,255,.03) 1px, transparent 1px),
        linear-gradient(180deg, rgba(4,8,9,.84), rgba(2,3,6,.92));
      background-size: 60px 60px, 60px 60px, auto;
      box-shadow: 0 26px 80px rgba(0,0,0,.54), inset 0 1px 0 rgba(255,255,255,.04);
      overflow:visible;
    }

    .plan-grid{
      width:100%;
      margin:0;
      display:grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 14px;
      align-items:stretch;
    }
    @media (max-width: 1160px){ .plan-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); } }
    @media (max-width: 820px){ .plan-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
    @media (max-width: 560px){ .plan-grid{ grid-template-columns: 1fr; } }

    .plan-card{
      position:relative;
      border-radius: 12px;
      padding: 14px 14px 16px;
      border: 3px solid rgba(0,0,0,.82);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 20px 46px rgba(0,0,0,.42);
      min-height: 350px;
      overflow: visible;
      transition: .16s transform, .16s filter;
    }
    .plan-card:hover{ transform: translateY(-2px); filter: brightness(1.03); }

    .plan-card:before{
      content:"";
      position:absolute;
      inset:0;
      border-radius: 10px;
      background: radial-gradient(420px 180px at 40% 0%, var(--shine, rgba(255,255,255,.08)), transparent 70%);
      pointer-events:none;
      opacity:.95;
    }

    .plan-badge{
      position:absolute;
      top:-28px;
      left:-8px;
      width: calc(100% + 16px);
      padding: 12px 10px;
      font-weight: 1000;
      letter-spacing:.2px;
      font-size: 13px;
      text-transform: uppercase;
      text-align:center;
      border-radius: 12px 12px 0 0;
      background: linear-gradient(90deg, #ff2e47 0%, #ff7d11 62%, #ffca20 100%);
      color: #fff;
      text-shadow: 0 1px 0 rgba(0,0,0,.18);
      border: 1px solid rgba(255,255,255,.26);
      box-shadow: 0 12px 26px rgba(255,112,24,.34);
      z-index: 4;
    }

    .plan-body{
      position:relative;
      z-index:1;
      display:flex;
      flex-direction:column;
      height:100%;
      padding-top: 8px;
    }
    .free .plan-body{ padding-top: 52px; }

    .icon{
      width: 60px;
      height: 60px;
      margin-top: 2px;
      margin-bottom: 8px;
      display:grid;
      place-items:center;
      background: transparent;
      border: 0;
      border-radius: 0;
    }
    .icon svg{ width: 52px; height: 52px; }

    .plan-name{
      margin-top: 6px;
      font-weight: 1000;
      font-size: clamp(40px, 3vw, 46px);
      letter-spacing:-.8px;
      text-transform: uppercase;
      line-height: .95;
    }
    .plan-desc{
      margin-top: 10px;
      color: rgba(233,239,248,.86);
      font-weight: 600;
      font-size: 14px;
      letter-spacing: .1px;
    }

    .plan-price{
      margin-top: 26px;
      display:flex;
      align-items:flex-end;
      gap: 8px;
      color: rgba(255,255,255,.94);
      font-weight: 900;
    }
    .plan-price .rs{
      font-size: 17px;
      font-weight: 700;
      line-height: 1.1;
      opacity:.9;
    }
    .plan-price .val{
      font-size: 58px;
      letter-spacing:-1.2px;
      line-height: .9;
    }
    .plan-price .per{
      font-size: 16px;
      font-weight: 700;
      opacity:.88;
      line-height: 1.25;
      margin-left: 2px;
    }
    .plan-price.only{
      margin-top: 22px;
      align-items:baseline;
    }
    .plan-price.only .rs,
    .plan-price.only .per{
      display:none;
    }
    .plan-price.only .val{
      font-size: 56px;
      color:#41e5b7;
      letter-spacing:-1.3px;
    }

    .plan-btn{
      margin-top:auto;
      width: calc(100% - 16px);
      margin-left: auto;
      margin-right: auto;
      border:0;
      cursor:pointer;
      padding: 10px 14px;
      border-radius: 12px;
      font-weight: 1000;
      font-size: 16px;
      letter-spacing:.2px;
      text-transform: uppercase;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      border: 2px solid rgba(255,255,255,.46);
      box-shadow: 0 14px 30px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.40);
      transition:.16s transform, .16s filter;
    }
    .plan-btn:hover{ transform: translateY(-1px); filter: brightness(1.04); }
    .plan-btn:active{ transform: translateY(0) scale(.99); }

    .plan-btn .emoji{
      font-size: 18px;
      line-height: 1;
      filter: drop-shadow(0 3px 5px rgba(0,0,0,.35));
    }

    .rocket{ display:none; }

    .free{
      --shine: rgba(255,155,34,.24);
      background: linear-gradient(180deg, #2a1300 0%, #1c0d00 58%, #120900 100%);
    }
    .free .plan-name{ color: #ffd846; }
    .free .plan-btn{
      background: linear-gradient(180deg, #ff8435 0%, #e9b915 100%);
      color:#fff;
    }

    .bronze{
      --shine: rgba(255,138,31,.22);
      background: linear-gradient(180deg, #251001 0%, #1c0d02 60%, #140902 100%);
    }
    .bronze .plan-name{ color: #ffae36; }
    .bronze .plan-btn{
      background: linear-gradient(180deg, #f5781a 0%, #cf4909 100%);
      color:#fff;
    }
    .bronze .plan-price .val{ color: #ffab30; }

    .prata{
      --shine: rgba(205,220,240,.22);
      background: linear-gradient(180deg, #141922 0%, #10151e 58%, #0c111a 100%);
    }
    .prata .plan-name{ color: #d7dde8; }
    .prata .plan-btn{
      background: linear-gradient(180deg, #b7c0cf 0%, #8f9aab 100%);
      color:#fff;
    }
    .prata .plan-price .val{ color: #d7dde8; }

    .gold{
      --shine: rgba(255,210,26,.24);
      background: linear-gradient(180deg, #231802 0%, #1c1302 60%, #120d01 100%);
    }
    .gold .plan-name{ color: #ffd93d; }
    .gold .plan-btn{
      background: linear-gradient(180deg, #ffcd16 0%, #f0a800 100%);
      color:#fff;
    }
    .gold .plan-price .val{ color: #ffdf46; }

    .black{
      --shine: rgba(185,120,255,.25);
      background: linear-gradient(180deg, #14022a 0%, #110022 58%, #0b0018 100%);
    }
    .black .plan-name{ color: #d7b5ff; }
    .black .plan-btn{
      background: linear-gradient(180deg, #a650ff 0%, #7c2fe0 100%);
      color:#fff;
    }
    .black .plan-price .val{ color: #cfa4ff; }

    .price-bar{
      margin: 18px auto 0;
      width:min(980px, 96vw);
      padding: 12px 14px;
      border-radius: 14px;
      border: 2px solid rgba(255,58,58,.26);
      background: linear-gradient(90deg, rgba(255,58,58,.12), rgba(0,0,0,.10));
      font-weight: 1000;
      color: rgba(255,255,255,.92);
      box-shadow: 0 18px 55px rgba(0,0,0,.28);
      text-align:center;
    }
    .price-bar small{
      display:block;
      margin-top:4px;
      color: rgba(255,255,255,.62);
      font-weight:800;
    }

    .disclaimer{
      margin: 18px auto 70px;
      width:min(980px, 96vw);
      padding: 14px 16px;
      border-radius: 14px;
      background: rgba(255,255,255,.03);
      border: 1px solid rgba(255,255,255,.10);
      color: rgba(255,255,255,.70);
      font-weight: 800;
      font-size: 12px;
      text-align:center;
      box-shadow: 0 18px 55px rgba(0,0,0,.25);
    }

    .site-footer{
      width:min(980px, 96vw);
      margin: 0 auto 34px;
      text-align:center;
      color: rgba(224,236,247,.92);
    }
    .site-trust-grid{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:10px;
      margin-bottom:12px;
    }
    .site-trust-item{
      border:1px solid rgba(255,255,255,.12);
      background: rgba(255,255,255,.03);
      border-radius:12px;
      padding:10px 12px;
      text-align:left;
      box-shadow: 0 10px 24px rgba(0,0,0,.16);
    }
    .site-trust-item strong{
      display:block;
      font-size:13px;
      font-weight:900;
      color:#e8f2ff;
    }
    .site-trust-item span{
      display:block;
      margin-top:4px;
      font-size:12px;
      font-weight:700;
      color: rgba(228,239,250,.68);
      line-height:1.35;
    }
    .site-seals{
      display:flex;
      flex-wrap:wrap;
      justify-content:center;
      gap:10px;
      margin-bottom:12px;
    }
    .site-seals span{
      border:1px solid rgba(255,255,255,.14);
      background: rgba(255,255,255,.04);
      border-radius:999px;
      padding:8px 12px;
      font-size:12px;
      font-weight:800;
      color: rgba(228,239,250,.88);
    }
    .security-badge-wrap{
      margin: 8px auto 10px;
      width:min(520px, 92vw);
      display:flex;
      align-items:center;
      justify-content:center;
      gap:12px;
      flex-wrap:wrap;
    }
    .security-badge-img{
      width:min(250px, 70vw);
      display:block;
      pointer-events:none;
      user-select:none;
      -webkit-user-drag:none;
    }
    .security-badge-secondary{
      margin-top:0;
      display:block;
    }
    .security-badge-seal{
      width:min(96px, 24vw);
      display:block;
      pointer-events:none;
      user-select:none;
      -webkit-user-drag:none;
    }
    .site-legal{
      margin-top:2px;
      font-size:12px;
      color: rgba(228,239,250,.56);
      font-weight:700;
    }
    .site-copy{
      margin-top:8px;
      font-weight:1000;
      letter-spacing:.3px;
      font-size:24px;
    }
    .site-rights{
      margin-top:6px;
      font-size:15px;
      color: rgba(228,239,250,.62);
    }
    .site-links{
      margin-top:14px;
      display:flex;
      justify-content:center;
      gap:26px;
      flex-wrap:wrap;
    }
    .site-links a{
      color: rgba(228,239,250,.62);
      text-decoration:none;
      font-weight:700;
      transition:.15s color ease;
    }
    .site-links a:hover{
      color: #ffffff;
    }
    @media (max-width: 820px){
      .site-trust-grid{
        grid-template-columns:1fr;
      }
    }

    /* Premium Design System */
    .aurora-bg{
      opacity:.38;
      filter:saturate(1);
    }
    .aurora-blob{
      opacity:.14;
      filter:blur(108px);
    }

    .btn{
      border-radius:var(--ds-btn-radius);
      padding:var(--ds-btn-padding-y) var(--ds-btn-padding-x);
      font-size:var(--ds-btn-font-size);
      font-weight:var(--ds-btn-font-weight);
      border:var(--ds-btn-border);
      box-shadow:var(--ds-btn-shadow);
      transition:transform var(--ds-motion-fast) var(--ds-ease-standard), filter var(--ds-motion-fast) var(--ds-ease-standard), box-shadow var(--ds-motion-fast) var(--ds-ease-standard);
    }
    .btn.green{
      background:linear-gradient(180deg, var(--ds-color-success), var(--ds-color-success-strong));
      color:var(--ds-color-success-ink);
    }
    .btn.green:before{
      display:none;
    }
    .btn.white{
      background:var(--ds-color-surface-0);
      color:var(--ds-color-text-on-light);
    }
    .btn.ghost{
      background:var(--ds-color-surface-glass);
      color:var(--ds-color-text-high);
    }

    .quiz-btn{
      animation:none;
      background:linear-gradient(180deg, #ffffff, #f1fff6);
      box-shadow:var(--ds-shadow-sm);
    }
    .quiz-btn:before{
      display:none;
    }

    .top-pill,
    .live-pill,
    .price-bar{
      border-radius:var(--ds-radius-pill);
      box-shadow:var(--ds-shadow-sm);
    }

    .chart,
    .proof-shell,
    .monthly-shell,
    .how-shell,
    .free-shell,
    .faq-shell,
    .panel,
    .plan-stage,
    .feat,
    .metric,
    .proof-card,
    .report-card,
    .faq-item,
    .site-trust-item{
      border-radius:var(--ds-card-radius);
      border:var(--ds-card-border);
      box-shadow:var(--ds-card-shadow);
    }

    .plan-card{
      border-radius:var(--ds-card-radius);
      box-shadow:var(--ds-card-shadow);
    }
    .plan-btn{
      border-radius:var(--ds-btn-radius);
      box-shadow:var(--ds-btn-shadow);
      font-weight:var(--ds-btn-font-weight);
    }