/* 
R.E.F.O.R.C.E. 21™ - Premium Landing Page
Edit this file for all visual changes.
*/

/*
    ==========================================================
    R.E.F.O.R.C.E. 21™ — Full Width Premium Landing Page V2.0
    Built for WordPress Custom HTML block / Elementor HTML widget

    HOW TO USE IMAGES:
    1. Upload images in WordPress > Media.
    2. Copy the image URL.
    3. Search for REPLACE_ in this HTML.
    4. Replace the placeholder src="" with your image URL.

    MAIN CHECKOUT URL:
    https://pay.kiwify.com/hYVDeXU
    ==========================================================
    */

    :root{
      --r21-black:#050505;
      --r21-black2:#0b0b0b;
      --r21-charcoal:#161616;
      --r21-charcoal2:#222222;
      --r21-orange:#f5a400;
      --r21-orange2:#ff6a00;
      --r21-orange3:#ffb733;
      --r21-cream:#f7efd8;
      --r21-cream2:#fffaf0;
      --r21-sand:#ddc894;
      --r21-text:#111111;
      --r21-muted:#5f5f5f;
      --r21-white:#ffffff;
      --r21-border:#d8c18b;
      --r21-red:#c7312e;
      --r21-green:#22a45a;
      --r21-shadow:0 24px 70px rgba(0,0,0,.16);
      --r21-soft-shadow:0 14px 38px rgba(0,0,0,.10);
      --r21-max:1680px;
      --r21-content:1320px;
    }

    *{box-sizing:border-box}

    html{scroll-behavior:smooth}

    body{
      margin:0;
      font-family: Inter, Arial, Helvetica, sans-serif;
      color:var(--r21-text);
      background:#fff;
      line-height:1.45;
      overflow-x:hidden;
    }

    img{max-width:100%;display:block}
    a{text-decoration:none}

    .r21-page{
      width:100%;
      overflow:hidden;
      background:#fff;
    }

    .r21-full{
      width:100%;
      position:relative;
    }

    .r21-container{
      width:100%;
      max-width:var(--r21-max);
      margin:0 auto;
      padding:0 clamp(20px,3vw,56px);
    }

    .r21-narrow{
      width:100%;
      max-width:var(--r21-content);
      margin:0 auto;
      padding:0 clamp(20px,3vw,56px);
    }

    .r21-center{text-align:center}

    .r21-section{
      padding:clamp(74px,7vw,128px) 0;
      position:relative;
    }

    .r21-section-light{background:#f8f4e9}
    .r21-section-dark{
      background:
        radial-gradient(circle at 20% 10%,rgba(245,164,0,.12),transparent 30%),
        linear-gradient(180deg,#090909,#050505);
      color:#fff;
    }

    .r21-eyebrow{
      display:inline-flex;
      align-items:center;
      gap:10px;
      color:var(--r21-orange2);
      font-size:clamp(12px,1vw,15px);
      font-weight:950;
      text-transform:uppercase;
      letter-spacing:2.3px;
      margin-bottom:18px;
    }

    .r21-eyebrow:before,
    .r21-eyebrow:after{
      content:"";
      width:34px;
      height:3px;
      background:var(--r21-orange);
      display:inline-block;
    }

    .r21-section-dark .r21-eyebrow{color:var(--r21-orange)}

    h1,h2,h3,p{margin-top:0}

    h1{
      font-size:clamp(54px,5.9vw,112px);
      line-height:.93;
      letter-spacing:-4.8px;
      margin-bottom:26px;
      font-weight:950;
    }

    h2{
      font-size:clamp(40px,4.2vw,76px);
      line-height:.98;
      letter-spacing:-3.1px;
      margin-bottom:22px;
      font-weight:950;
    }

    h3{
      font-size:clamp(22px,1.7vw,32px);
      line-height:1.08;
      letter-spacing:-.8px;
      margin-bottom:14px;
      font-weight:950;
    }

    .r21-lead{
      font-size:clamp(19px,1.55vw,27px);
      line-height:1.42;
      color:#3f3f3f;
      max-width:970px;
      margin:0 auto 34px;
    }

    .r21-section-dark .r21-lead{color:#dfdfdf}

    .r21-copy{
      font-size:clamp(18px,1.25vw,23px);
      color:#393939;
    }

    .r21-section-dark .r21-copy{color:#e4e4e4}

    .r21-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      background:linear-gradient(180deg,var(--r21-orange3),var(--r21-orange2));
      color:#111!important;
      border:3px solid #111;
      border-radius:10px;
      padding:clamp(17px,1.4vw,23px) clamp(25px,2.2vw,42px);
      font-size:clamp(15px,1vw,19px);
      font-weight:950;
      text-transform:uppercase;
      letter-spacing:.3px;
      box-shadow:0 8px 0 #000, 0 18px 40px rgba(255,106,0,.22);
      transition:.18s ease;
      cursor:pointer;
      text-align:center;
      min-width:260px;
    }

    .r21-btn:hover{
      transform:translateY(3px);
      box-shadow:0 5px 0 #000, 0 15px 34px rgba(255,106,0,.18);
    }

    .r21-btn-dark{
      background:#111;
      color:#fff!important;
      border-color:var(--r21-orange);
      box-shadow:none;
    }

    .r21-btn-light{
      background:#fff;
      color:#111!important;
      border-color:#111;
      box-shadow:0 7px 0 rgba(0,0,0,.8);
    }

    .r21-topbar{
      width:100%;
      background:#111;
      color:#fff;
      border-bottom:3px solid var(--r21-orange);
      padding:12px 0;
      font-size:13px;
      font-weight:950;
      text-align:center;
      text-transform:uppercase;
      letter-spacing:.8px;
      position:relative;
      z-index:10;
    }

    .r21-topbar span{color:var(--r21-orange);margin:0 10px}

    /* HERO */
    .r21-hero{
      min-height:88vh;
      display:flex;
      align-items:center;
      background:
        radial-gradient(circle at 78% 22%,rgba(245,164,0,.28),transparent 28%),
        radial-gradient(circle at 5% 85%,rgba(255,106,0,.16),transparent 28%),
        linear-gradient(135deg,#050505 0%,#181818 56%,#050505 100%);
      color:#fff;
      padding:clamp(54px,5vw,92px) 0 clamp(70px,6vw,110px);
      position:relative;
      overflow:hidden;
    }

    .r21-hero:before{
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
      background-size:44px 44px;
      mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.25));
      pointer-events:none;
    }

    .r21-hero:after{
      content:"R.E.F.O.R.C.E.";
      position:absolute;
      right:-50px;
      bottom:-30px;
      font-size:clamp(78px,11vw,210px);
      font-weight:950;
      letter-spacing:-7px;
      color:rgba(255,255,255,.035);
      white-space:nowrap;
      pointer-events:none;
    }

    .r21-hero-grid{
      display:grid;
      grid-template-columns:1.08fr .92fr;
      gap:clamp(44px,5vw,90px);
      align-items:center;
      position:relative;
      z-index:2;
    }

    .r21-brand{
      color:var(--r21-orange);
      font-size:clamp(15px,1.1vw,20px);
      font-weight:950;
      letter-spacing:3.5px;
      text-transform:uppercase;
      margin-bottom:20px;
    }

    .r21-badge-row{
      display:flex;
      flex-wrap:wrap;
      gap:12px;
      margin-bottom:24px;
    }

    .r21-badge{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:10px 16px;
      border:2px solid rgba(245,164,0,.8);
      border-radius:999px;
      color:#fff;
      background:rgba(255,255,255,.06);
      font-size:13px;
      font-weight:950;
      text-transform:uppercase;
      letter-spacing:.8px;
    }

    .r21-hero h1 span{color:var(--r21-orange)}

    .r21-hero-sub{
      font-size:clamp(21px,1.8vw,32px);
      line-height:1.32;
      color:#f2f2f2;
      max-width:880px;
      margin-bottom:28px;
      font-weight:600;
    }

    .r21-hero-points{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:14px;
      margin:30px 0 34px;
      max-width:920px;
    }

    .r21-hero-point{
      background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.16);
      border-radius:14px;
      padding:16px 18px;
      font-size:clamp(16px,1vw,19px);
      font-weight:850;
      backdrop-filter:blur(8px);
    }

    .r21-hero-point b{color:var(--r21-orange);margin-right:6px}

    .r21-trustline{
      display:flex;
      flex-wrap:wrap;
      gap:16px;
      margin-top:26px;
      color:#ddd;
      font-size:15px;
      font-weight:800;
    }

    .r21-cover-stage{
      position:relative;
      min-height:720px;
      display:flex;
      align-items:center;
      justify-content:center;
      perspective:1200px;
    }

    .r21-cover-glow{
      position:absolute;
      width:70%;
      height:70%;
      background:radial-gradient(circle,rgba(245,164,0,.35),transparent 68%);
      filter:blur(18px);
      z-index:0;
    }

    .r21-cover-card{
      position:relative;
      z-index:2;
      width:min(92%,560px);
      background:#fff;
      border:7px solid var(--r21-orange);
      border-radius:18px;
      padding:14px;
      transform:rotateY(-10deg) rotateZ(1.5deg);
      box-shadow:0 42px 100px rgba(0,0,0,.60);
      transition:.3s ease;
    }

    .r21-cover-card:hover{
      transform:rotateY(-4deg) rotateZ(.5deg) translateY(-6px);
    }

    .r21-cover-placeholder{
      min-height:690px;
      background:
        linear-gradient(180deg,#242424,#050505);
      border-radius:10px;
      border:1px solid #303030;
      color:#fff;
      display:flex;
      align-items:center;
      justify-content:center;
      text-align:center;
      padding:34px;
    }

    .r21-cover-placeholder-inner{
      border:2px dashed rgba(255,255,255,.28);
      border-radius:12px;
      padding:42px 28px;
      width:100%;
    }

    .r21-cover-placeholder strong{
      display:block;
      color:#fff;
      font-size:clamp(34px,2.6vw,54px);
      line-height:1;
      letter-spacing:-1.5px;
      margin-bottom:15px;
    }

    .r21-cover-placeholder span{
      color:var(--r21-orange);
      font-size:15px;
      font-weight:950;
      text-transform:uppercase;
      letter-spacing:1.2px;
    }

    .r21-floating-card{
      position:absolute;
      z-index:3;
      background:#fff;
      color:#111;
      border:3px solid #111;
      border-radius:14px;
      padding:16px 18px;
      box-shadow:0 18px 38px rgba(0,0,0,.28);
      font-weight:950;
      text-transform:uppercase;
      font-size:14px;
    }

    .r21-floating-card.one{left:0;top:18%;transform:rotate(-4deg)}
    .r21-floating-card.two{right:0;bottom:18%;transform:rotate(4deg)}
    .r21-floating-card span{display:block;color:var(--r21-orange2);font-size:28px;line-height:1}

    /* WIDE STAT STRIP */
    .r21-stat-strip{
      background:#111;
      color:#fff;
      border-top:4px solid var(--r21-orange);
      border-bottom:4px solid var(--r21-orange);
      padding:34px 0;
    }

    .r21-stats{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:18px;
      text-align:center;
    }

    .r21-stat{
      border-right:1px solid rgba(255,255,255,.18);
      padding:12px;
    }

    .r21-stat:last-child{border-right:none}

    .r21-stat strong{
      display:block;
      color:var(--r21-orange);
      font-size:clamp(42px,4vw,78px);
      line-height:.9;
      font-weight:950;
      letter-spacing:-2px;
    }

    .r21-stat span{
      display:block;
      font-size:clamp(13px,1vw,16px);
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:1.2px;
      color:#eee;
      margin-top:8px;
    }

    /* GENERAL GRIDS */
    .r21-split{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:clamp(36px,5vw,88px);
      align-items:center;
    }

    .r21-split-45{
      display:grid;
      grid-template-columns:.9fr 1.1fr;
      gap:clamp(36px,5vw,90px);
      align-items:center;
    }

    .r21-big-paragraph p{
      font-size:clamp(20px,1.55vw,28px);
      color:#333;
      line-height:1.45;
      margin-bottom:22px;
    }

    .r21-section-dark .r21-big-paragraph p{color:#e7e7e7}

    .r21-loop-box{
      background:
        radial-gradient(circle at 85% 0%,rgba(245,164,0,.18),transparent 36%),
        #070707;
      color:#fff;
      border:6px solid var(--r21-orange);
      border-radius:24px;
      padding:clamp(30px,3vw,54px);
      box-shadow:var(--r21-shadow);
    }

    .r21-loop-box h3{
      color:var(--r21-orange);
      font-size:clamp(32px,3vw,56px);
      text-align:center;
      margin-bottom:26px;
    }

    .r21-loop-list{
      list-style:none;
      margin:0;
      padding:0;
      display:grid;
      gap:14px;
    }

    .r21-loop-list li{
      font-size:clamp(18px,1.35vw,25px);
      font-weight:900;
      padding:14px 16px;
      border:1px solid rgba(255,255,255,.13);
      border-radius:12px;
      background:rgba(255,255,255,.05);
    }

    .r21-loop-list li:before{
      content:"✓";
      color:var(--r21-orange);
      margin-right:12px;
      font-weight:950;
    }

    .r21-cards-3{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:clamp(18px,2vw,30px);
      margin-top:42px;
    }

    .r21-card{
      background:#fff;
      border:2px solid #111;
      border-radius:24px;
      padding:clamp(28px,2.7vw,46px);
      box-shadow:var(--r21-soft-shadow);
      transition:.22s ease;
      position:relative;
      overflow:hidden;
    }

    .r21-card:hover{
      transform:translateY(-6px);
      box-shadow:0 28px 60px rgba(0,0,0,.16);
    }

    .r21-card:before{
      content:"";
      position:absolute;
      left:0;top:0;right:0;
      height:8px;
      background:linear-gradient(90deg,var(--r21-orange),var(--r21-orange2));
    }

    .r21-icon{
      font-size:clamp(40px,3.5vw,62px);
      margin-bottom:18px;
    }

    .r21-card p{
      color:#444;
      font-size:clamp(16px,1.1vw,19px);
      margin-bottom:0;
    }

    .r21-quote{
      max-width:1120px;
      margin:52px auto 0;
      background:#111;
      color:#fff;
      border-left:16px solid var(--r21-orange);
      border-radius:20px;
      padding:clamp(34px,4vw,70px);
      box-shadow:var(--r21-shadow);
    }

    .r21-quote h3{
      font-size:clamp(34px,4vw,70px);
      line-height:1.02;
      letter-spacing:-2.2px;
      margin:0;
    }

    /* VSL / MESSAGE */
    .r21-vsl-card{
      background:#0a0a0a;
      border:6px solid var(--r21-orange);
      border-radius:26px;
      overflow:hidden;
      box-shadow:var(--r21-shadow);
    }

    .r21-vsl-placeholder{
      aspect-ratio:16/9;
      display:flex;
      align-items:center;
      justify-content:center;
      text-align:center;
      padding:40px;
      background:
        radial-gradient(circle at 50% 50%,rgba(245,164,0,.20),transparent 35%),
        linear-gradient(135deg,#101010,#050505);
      color:#fff;
    }

    .r21-play{
      width:94px;
      height:94px;
      border-radius:50%;
      background:linear-gradient(180deg,var(--r21-orange),var(--r21-orange2));
      display:flex;
      align-items:center;
      justify-content:center;
      color:#111;
      font-size:36px;
      margin:0 auto 18px;
      box-shadow:0 18px 40px rgba(255,106,0,.28);
    }

    .r21-vsl-placeholder strong{
      display:block;
      font-size:clamp(25px,2vw,38px);
      margin-bottom:8px;
    }

    .r21-vsl-placeholder span{
      color:#ddd;
      font-size:16px;
    }

    /* METHOD */
    .r21-method-grid{
      display:grid;
      grid-template-columns:repeat(7,1fr);
      gap:16px;
      margin-top:48px;
    }

    .r21-method-card{
      background:#111;
      color:#fff;
      border:3px solid var(--r21-orange);
      border-radius:22px;
      padding:26px 16px;
      text-align:center;
      min-height:220px;
      display:flex;
      flex-direction:column;
      justify-content:center;
      box-shadow:0 20px 44px rgba(0,0,0,.20);
      transition:.22s ease;
    }

    .r21-method-card:hover{
      transform:translateY(-8px);
      background:#161616;
    }

    .r21-method-card strong{
      display:block;
      color:var(--r21-orange);
      font-size:clamp(44px,4vw,76px);
      line-height:.9;
      font-weight:950;
      margin-bottom:18px;
    }

    .r21-method-card b{
      display:block;
      font-size:clamp(14px,1vw,18px);
      margin-bottom:10px;
      line-height:1.15;
    }

    .r21-method-card span{
      color:#ddd;
      font-size:14px;
      line-height:1.35;
    }

    /* INSIDE PREVIEW */
    .r21-preview-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:clamp(18px,2vw,30px);
      margin-top:44px;
    }

    .r21-page-preview{
      background:#fff;
      border:2px solid #111;
      border-radius:22px;
      overflow:hidden;
      box-shadow:var(--r21-soft-shadow);
      transition:.22s ease;
    }

    .r21-page-preview:hover{
      transform:translateY(-7px);
      box-shadow:0 26px 55px rgba(0,0,0,.16);
    }

    .r21-page-img{
      height:clamp(280px,22vw,430px);
      background:
        radial-gradient(circle at 50% 35%,rgba(245,164,0,.18),transparent 36%),
        linear-gradient(180deg,#191919,#050505);
      color:#fff;
      display:flex;
      align-items:center;
      justify-content:center;
      text-align:center;
      padding:28px;
    }

    .r21-page-img strong{
      display:block;
      color:#fff;
      font-size:clamp(20px,1.6vw,30px);
      line-height:1.1;
      margin-bottom:10px;
    }

    .r21-page-img span{
      color:var(--r21-orange);
      text-transform:uppercase;
      font-weight:950;
      letter-spacing:1px;
      font-size:13px;
    }

    .r21-page-body{
      padding:24px;
    }

    .r21-page-body h3{font-size:22px;margin-bottom:8px}

    .r21-page-body p{
      color:#4b4b4b;
      font-size:16px;
      margin-bottom:0;
    }


    /* PREMIUM EBOOK PAGE SHOWCASE — V3 */
    .r21-book-showcase{
      background:
        radial-gradient(circle at 15% 20%,rgba(245,164,0,.12),transparent 28%),
        radial-gradient(circle at 85% 72%,rgba(255,106,0,.12),transparent 30%),
        linear-gradient(180deg,#080808,#050505);
      color:#fff;
      overflow:hidden;
    }

    .r21-book-showcase .r21-lead{color:#e0e0e0}

    .r21-page-stage{
      width:100%;
      max-width:1580px;
      margin:58px auto 0;
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:clamp(18px,2.2vw,36px);
      align-items:start;
      perspective:1400px;
    }

    .r21-book-page-card{
      position:relative;
      background:#fff;
      color:#111;
      border:3px solid rgba(245,164,0,.88);
      border-radius:22px;
      padding:14px;
      box-shadow:0 35px 90px rgba(0,0,0,.45);
      transition:.28s ease;
      transform-origin:center;
      overflow:visible;
    }

    .r21-book-page-card:nth-child(1){transform:rotate(-2.5deg) translateY(18px)}
    .r21-book-page-card:nth-child(2){transform:rotate(1.5deg) translateY(-10px)}
    .r21-book-page-card:nth-child(3){transform:rotate(-1deg) translateY(26px)}
    .r21-book-page-card:nth-child(4){transform:rotate(2.2deg) translateY(-4px)}

    .r21-book-page-card:hover{
      transform:rotate(0deg) translateY(-16px) scale(1.025);
      z-index:5;
      box-shadow:0 42px 110px rgba(0,0,0,.56);
    }

    .r21-book-page-card img{
      width:100%;
      border-radius:14px;
      border:1px solid #ddd;
      box-shadow:0 12px 24px rgba(0,0,0,.14);
    }

    .r21-page-caption{
      padding:22px 8px 4px;
      text-align:left;
    }

    .r21-page-caption small{
      display:inline-flex;
      background:#111;
      color:var(--r21-orange);
      border:1px solid var(--r21-orange);
      border-radius:999px;
      padding:7px 11px;
      font-size:11px;
      font-weight:950;
      text-transform:uppercase;
      letter-spacing:.8px;
      margin-bottom:12px;
    }

    .r21-page-caption h3{
      color:#111;
      font-size:clamp(22px,1.6vw,31px);
      margin-bottom:10px;
      letter-spacing:-.8px;
    }

    .r21-page-caption p{
      color:#333;
      font-size:clamp(15px,1vw,17px);
      margin:0;
      line-height:1.42;
    }

    .r21-visceral-line{
      max-width:1180px;
      margin:78px auto 0;
      padding:clamp(30px,3.8vw,66px);
      border-left:16px solid var(--r21-orange);
      background:rgba(255,255,255,.055);
      border-radius:24px;
      box-shadow:0 24px 65px rgba(0,0,0,.24);
      text-align:left;
    }

    .r21-visceral-line h3{
      color:#fff;
      font-size:clamp(34px,3.8vw,72px);
      line-height:1;
      letter-spacing:-2.5px;
      margin:0 0 18px;
    }

    .r21-visceral-line p{
      color:#e6e6e6;
      font-size:clamp(18px,1.45vw,26px);
      margin:0;
    }

    @media(max-width:1180px){
      .r21-page-stage{grid-template-columns:repeat(2,1fr)}
      .r21-book-page-card:nth-child(n){transform:none}
    }

    @media(max-width:680px){
      .r21-page-stage{grid-template-columns:1fr;gap:28px}
      .r21-book-page-card{padding:10px}
      .r21-visceral-line{margin-top:42px}
    }


    /* THIEVES */
    .r21-thieves-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:clamp(16px,1.7vw,24px);
      margin-top:44px;
    }

    .r21-thief{
      background:#fff;
      border:2px solid #111;
      border-radius:20px;
      padding:clamp(24px,2vw,36px);
      box-shadow:var(--r21-soft-shadow);
      transition:.22s ease;
    }

    .r21-thief:hover{transform:translateY(-6px)}

    .r21-thief-number{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:46px;
      height:46px;
      border-radius:50%;
      background:var(--r21-orange);
      color:#111;
      font-weight:950;
      margin-bottom:15px;
    }

    .r21-thief h3{
      font-size:clamp(21px,1.5vw,28px);
    }

    .r21-thief p{
      color:#454545;
      font-size:16px;
      margin-bottom:0;
    }

    /* COMPARISON */
    .r21-compare-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:clamp(24px,3vw,44px);
      margin-top:44px;
    }

    .r21-compare-box{
      border-radius:26px;
      padding:clamp(32px,3vw,56px);
      border:3px solid #111;
      box-shadow:var(--r21-soft-shadow);
    }

    .r21-compare-box.bad{background:#fff}
    .r21-compare-box.good{
      background:
        radial-gradient(circle at 95% 0%,rgba(245,164,0,.18),transparent 40%),
        #111;
      color:#fff;
      border-color:var(--r21-orange);
    }

    .r21-compare-box h3{
      font-size:clamp(30px,2.8vw,52px);
      margin-bottom:26px;
    }

    .r21-compare-box ul{
      list-style:none;
      padding:0;
      margin:0;
      display:grid;
      gap:16px;
    }

    .r21-compare-box li{
      font-size:clamp(18px,1.25vw,23px);
      font-weight:900;
    }

    .r21-compare-box.bad li:before{
      content:"✕";
      color:var(--r21-red);
      margin-right:12px;
      font-weight:950;
    }

    .r21-compare-box.good li:before{
      content:"✓";
      color:var(--r21-orange);
      margin-right:12px;
      font-weight:950;
    }

    /* TIMELINE */
    .r21-timeline{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:clamp(18px,2vw,30px);
      margin-top:44px;
    }

    .r21-step{
      background:#fff;
      color:#111;
      border:3px solid #111;
      border-radius:22px;
      padding:clamp(26px,2.4vw,42px);
      box-shadow:var(--r21-soft-shadow);
      position:relative;
      overflow:hidden;
    }

    .r21-step:before{
      content:"";
      position:absolute;
      top:0;left:0;right:0;
      height:9px;
      background:linear-gradient(90deg,var(--r21-orange),var(--r21-orange2));
    }

    .r21-step strong{
      display:inline-block;
      background:#111;
      color:#fff;
      border:2px solid var(--r21-orange);
      padding:9px 13px;
      border-radius:999px;
      font-size:13px;
      font-weight:950;
      text-transform:uppercase;
      margin-bottom:18px;
    }

    .r21-step p{
      color:#444;
      font-size:17px;
      margin-bottom:0;
    }

    /* BONUSES */
    .r21-bonus-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:clamp(18px,2vw,30px);
      margin-top:44px;
    }

    .r21-bonus{
      background:
        linear-gradient(180deg,#fffaf0,#f2e2bd);
      border:4px solid var(--r21-orange);
      border-radius:24px;
      padding:clamp(28px,2.6vw,48px);
      text-align:center;
      box-shadow:var(--r21-soft-shadow);
      transition:.22s ease;
    }

    .r21-bonus:hover{transform:translateY(-7px)}

    .r21-bonus-icon{
      font-size:clamp(46px,4vw,72px);
      margin-bottom:16px;
    }

    .r21-bonus p{
      color:#333;
      font-size:17px;
      margin-bottom:0;
    }

    /* VALUE */
    .r21-value-grid{
      display:grid;
      grid-template-columns:1fr .8fr;
      gap:clamp(32px,4vw,70px);
      align-items:center;
    }

    .r21-value-stack{
      background:#fff;
      border:3px solid #111;
      border-radius:24px;
      padding:clamp(28px,2.8vw,52px);
      box-shadow:var(--r21-shadow);
    }

    .r21-value-row{
      display:grid;
      grid-template-columns:1fr auto;
      gap:20px;
      border-bottom:1px dashed #cdbb88;
      padding:17px 0;
      font-size:clamp(17px,1.25vw,24px);
    }

    .r21-value-row:last-child{border-bottom:none}

    .r21-price-box{
      background:
        radial-gradient(circle at 90% 0%,rgba(245,164,0,.22),transparent 40%),
        #111;
      color:#fff;
      border:7px solid var(--r21-orange);
      border-radius:28px;
      text-align:center;
      padding:clamp(36px,3.5vw,64px);
      box-shadow:var(--r21-shadow);
    }

    .r21-price-box h2{margin-bottom:10px}

    .r21-price{
      color:var(--r21-orange);
      font-size:clamp(74px,7vw,130px);
      line-height:.85;
      font-weight:950;
      letter-spacing:-5px;
      margin:20px 0;
    }

    .r21-price-box p{
      color:#e5e5e5;
      font-size:18px;
      margin-bottom:28px;
    }

    /* TESTIMONIALS */
    .r21-testimonials{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:clamp(18px,2vw,30px);
      margin-top:44px;
    }

    .r21-testimonial{
      background:#fff;
      border:1px solid #e4e4e4;
      border-radius:24px;
      padding:clamp(28px,2.4vw,44px);
      text-align:left;
      box-shadow:var(--r21-soft-shadow);
      transition:.22s ease;
    }

    .r21-testimonial:hover{transform:translateY(-6px)}

    .r21-reader-label{
      display:inline-flex;
      align-items:center;
      gap:8px;
      background:#111;
      color:#fff;
      border:2px solid var(--r21-orange);
      border-radius:999px;
      padding:9px 14px;
      font-size:12px;
      font-weight:950;
      text-transform:uppercase;
      letter-spacing:.8px;
      margin-bottom:16px;
    }

    .r21-stars{
      color:var(--r21-orange);
      font-size:27px;
      letter-spacing:2px;
      margin-bottom:16px;
    }

    .r21-testimonial p{
      color:#333;
      font-size:18px;
      font-style:italic;
      margin-bottom:22px;
    }

    .r21-testimonial small{
      display:block;
      color:#111;
      font-size:15px;
      font-weight:950;
    }

    /* GUARANTEE */
    .r21-guarantee{
      max-width:1180px;
      margin:0 auto;
      background:linear-gradient(180deg,#fff8dc,#f3e1b7);
      border:8px solid #c79724;
      border-radius:30px;
      padding:clamp(42px,4vw,78px);
      text-align:center;
      position:relative;
      box-shadow:var(--r21-shadow);
    }

    .r21-seal{
      width:136px;
      height:136px;
      border-radius:50%;
      background:linear-gradient(135deg,#fff3a7,#c7911d);
      border:6px solid #987018;
      margin:-112px auto 24px;
      display:flex;
      align-items:center;
      justify-content:center;
      color:#111;
      font-weight:950;
      line-height:1.04;
      text-align:center;
      box-shadow:0 18px 40px rgba(0,0,0,.22);
    }

    .r21-guarantee p{
      font-size:clamp(18px,1.3vw,23px);
      color:#333;
      max-width:900px;
      margin-left:auto;
      margin-right:auto;
    }

    /* FAQ */
    .r21-faq{
      max-width:1120px;
      margin:44px auto 0;
    }

    .r21-faq-item{
      background:#fff;
      border:2px solid #111;
      border-radius:16px;
      margin-bottom:14px;
      overflow:hidden;
      box-shadow:0 10px 22px rgba(0,0,0,.06);
    }

    .r21-faq-q{
      padding:22px 26px;
      cursor:pointer;
      display:flex;
      justify-content:space-between;
      gap:22px;
      align-items:center;
      font-size:clamp(18px,1.25vw,23px);
      font-weight:950;
    }

    .r21-faq-a{
      display:none;
      padding:0 26px 24px;
      color:#444;
      font-size:18px;
    }

    .r21-faq-item.open .r21-faq-a{display:block}

    /* DISCLAIMER / FOOTER */
    .r21-disclaimer{
      max-width:1280px;
      margin:0 auto;
      color:#777;
      font-size:12px;
      line-height:1.55;
    }

    .r21-footer{
      background:#050505;
      color:#aaa;
      text-align:center;
      padding:42px 0;
      border-top:4px solid var(--r21-orange);
    }

    .r21-footer b{color:#fff}

    /* STICKY MOBILE */
    .r21-sticky{
      position:fixed;
      left:0;
      right:0;
      bottom:0;
      z-index:99999;
      background:#111;
      color:#fff;
      border-top:4px solid var(--r21-orange);
      padding:11px 15px;
      display:none;
      align-items:center;
      justify-content:center;
      gap:18px;
      box-shadow:0 -15px 40px rgba(0,0,0,.22);
    }

    .r21-sticky span{
      font-size:14px;
      font-weight:950;
      text-transform:uppercase;
    }

    .r21-sticky .r21-btn{
      min-width:auto;
      padding:11px 17px;
      font-size:13px;
      box-shadow:none;
      border-width:2px;
    }

    /* RESPONSIVE */
    @media(max-width:1280px){
      .r21-cover-stage{min-height:620px}
      .r21-cover-placeholder{min-height:600px}
      .r21-floating-card{display:none}
      .r21-method-grid{grid-template-columns:repeat(4,1fr)}
      .r21-method-card:last-child{grid-column:auto}
    }

    @media(max-width:1024px){
      .r21-hero{min-height:auto}
      .r21-hero-grid,
      .r21-split,
      .r21-split-45,
      .r21-value-grid,
      .r21-compare-grid{
        grid-template-columns:1fr;
      }

      .r21-cover-stage{min-height:auto}
      .r21-cover-card{width:min(82%,520px);transform:none}
      .r21-cover-placeholder{min-height:560px}
      .r21-stats,
      .r21-preview-grid,
      .r21-thieves-grid,
      .r21-timeline{
        grid-template-columns:repeat(2,1fr);
      }

      .r21-method-grid,
      .r21-bonus-grid,
      .r21-testimonials,
      .r21-cards-3{
        grid-template-columns:1fr 1fr;
      }

      .r21-sticky{display:flex}
    }

    @media(max-width:680px){
      h1{letter-spacing:-2.4px}
      h2{letter-spacing:-1.7px}
      .r21-section{padding:58px 0}
      .r21-hero{padding-top:44px}
      .r21-hero-points,
      .r21-stats,
      .r21-preview-grid,
      .r21-thieves-grid,
      .r21-timeline,
      .r21-method-grid,
      .r21-bonus-grid,
      .r21-testimonials,
      .r21-cards-3{
        grid-template-columns:1fr;
      }

      .r21-stat{border-right:none;border-bottom:1px solid rgba(255,255,255,.18)}
      .r21-stat:last-child{border-bottom:none}

      .r21-cover-card{width:100%}
      .r21-cover-placeholder{min-height:430px}
      .r21-btn{width:100%;min-width:0}
      .r21-sticky span{display:none}
      .r21-quote h3{font-size:32px}
      .r21-price{font-size:84px}
    }

/* Performance helpers */
img{height:auto;}