.elementor-4392 .elementor-element.elementor-element-bf208ae{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-085ae71 */<link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,600;0,9..144,700;0,9..144,900;1,9..144,700&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&display=swap" rel="stylesheet">
  <style>
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    :root {
      --bg:        #060B14;
      --bg-2:      #090F1C;
      --card:      #0D1526;
      --border:    rgba(80,140,255,0.09);
      --red:       #D41C0A;
      --red-glow:  rgba(212,28,10,0.18);
      --red-light: #F02C18;
      --blue:      #1A7FFF;
      --blue-glow: rgba(26,127,255,0.20);
      --coral:     #FF6347;
      --orange:    #FF6347;
      --white:     #FFFFFF;
      --muted:     #4E6280;
      --body:      #7A9ABC;
      --ff-d: 'Fraunces', Georgia, serif;
      --ff-b: 'DM Sans', system-ui, sans-serif;
    }
    html { scroll-behavior: smooth; }
    body { font-family: var(--ff-b); background: var(--bg); color: var(--white); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
    img { display: block; max-width: 100%; }
    a { color: inherit; text-decoration: none; }

    /* TYPOGRAPHY */
    .d { font-family: var(--ff-d); letter-spacing: -0.03em; line-height: 1.06; }
    .eyebrow { font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--blue); }

    /* BUTTON */
    .btn {
      display: inline-flex; align-items: center; justify-content: center; gap: 10px;
      background: #1dbd14; color: #fff;
      font-family: var(--ff-b); font-size: 17px; font-weight: 700;
      padding: 18px 40px; border-radius: 12px; cursor: pointer;
      transition: background .18s cubic-bezier(.34,1.56,.64,1),
                  transform  .18s cubic-bezier(.34,1.56,.64,1),
                  box-shadow .18s ease;
    }
    .btn:hover { background: #22d819; transform: translateY(-3px); box-shadow: 0 14px 44px rgba(29,189,20,.40), 0 2px 8px rgba(29,189,20,.22); }
    .btn:active { transform: translateY(0); }
    .btn:focus-visible { outline: 2px solid #22d819; outline-offset: 3px; }
    .btn.lg { font-size: 18px; padding: 20px 52px; border-radius: 14px; }

    /* CARD */
    .card { background: var(--card); border: 1px solid var(--border); border-radius: 16px; padding: 28px; }
    .lift { transition: transform .2s ease, box-shadow .2s ease; }
    .lift:hover { transform: translateY(-4px); box-shadow: 0 18px 48px rgba(0,0,0,.35); }

    /* CHECKMARK */
    .chk { flex-shrink: 0; width: 22px; height: 22px; background: var(--blue); border-radius: 5px; display: flex; align-items: center; justify-content: center; }

    /* BADGES */
    .badge-green { display:inline-flex; align-items:center; gap:6px; background:rgba(40,160,30,.14); border:1px solid rgba(60,200,40,.25); border-radius:100px; padding:5px 14px; font-size:13px; font-weight:700; color:#52E040; }
    .badge-red   { display:inline-flex; align-items:center; gap:6px; background:rgba(26,127,255,.12); border:1px solid rgba(26,127,255,.30); border-radius:100px; padding:5px 14px; font-size:12px; font-weight:700; color:#5AADFF; letter-spacing:.04em; text-transform:uppercase; }

    /* LAYOUT */
    .sec { padding: 100px 24px; }
    .wrap    { max-width: 1100px; margin: 0 auto; }
    .wrap-md { max-width: 920px;  margin: 0 auto; }
    .wrap-sm { max-width: 760px;  margin: 0 auto; }
    .sec-hdr { text-align: center; margin-bottom: 64px; }
    .sec-hdr p { font-size: 17px; color: var(--body); line-height: 1.72; max-width: 560px; margin: 16px auto 0; }

    /* GRIDS */
    .g3   { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
    .g2   { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; }
    .ghero { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
    .gr3  { display: grid; grid-template-columns: repeat(3,1fr); gap: 2px; border-radius: 20px; overflow: hidden; border: 1px solid var(--border); }
    .gstat{ display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; border-radius: 16px; overflow: hidden; border: 1px solid var(--border); background: var(--border); }

    /* R3 CARDS */
    .r3c { background: var(--card); padding: 40px 32px; position: relative; overflow: hidden; }
    .r3c::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; }
    .r3c.r1::before { background: var(--red); }
    .r3c.r2::before { background: var(--blue); }
    .r3c.r3::before { background: var(--orange); }

    /* ICON BOXES */
    .ib { flex-shrink:0; width:46px; height:46px; border-radius:10px; display:flex; align-items:center; justify-content:center; }
    .ib-red    { background: rgba(212,28,10,.12); }
    .ib-blue   { background: rgba(21,101,192,.12); }
    .ib-orange { background: rgba(255,99,71,.12); }
    .ib-solid-red    { background: var(--red); }
    .ib-solid-blue   { background: var(--blue); }
    .ib-solid-orange { background: var(--orange); }

    /* STAT CELL */
    .scell { background: var(--card); padding: 28px 20px; text-align: center; }
    .snum  { font-family: var(--ff-d); font-size: 38px; font-weight: 900; letter-spacing: -0.03em; line-height: 1; }
    .slbl  { font-size: 11px; color: var(--muted); margin-top: 6px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; }

    /* PRICE */
    .price-big { font-family: var(--ff-d); font-size: 96px; font-weight: 900; letter-spacing: -0.04em; line-height: 1; }

    /* MODULE CARD */
    .mod { background: var(--card); border: 1px solid var(--border); border-radius: 14px; padding: 22px 24px; display:flex; align-items:flex-start; gap:16px; }
    .mod-num { flex-shrink:0; width:36px; height:36px; background: var(--blue); border-radius:8px; display:flex; align-items:center; justify-content:center; font-family:var(--ff-d); font-size:16px; font-weight:900; color:#fff; }

    /* FAQ */
    .faq-item { background: var(--card); border: 1px solid var(--border); border-radius: 12px; padding: 22px 26px; margin-bottom: 6px; }
    details summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 16px; }
    details summary::-webkit-details-marker { display: none; }
    details summary h4 { font-size: 16px; font-weight: 600; color: var(--white); }
    .plus { font-size: 22px; color: var(--blue); flex-shrink: 0; transition: transform .2s ease; }
    details[open] .plus { transform: rotate(45deg); }
    .faq-body { font-size: 15px; color: var(--body); line-height: 1.65; margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--border); }

    /* STARS */
    .stars { color: var(--coral); font-size: 15px; letter-spacing: 1px; }

    /* NOISE */
    .noise { position: relative; }
    .noise::after { content:''; position:absolute; inset:0; pointer-events:none;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E"); }

    /* GUARANTEE */
    .gbox { background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.07); border-radius:12px; padding:20px 22px; display:flex; align-items:flex-start; gap:14px; text-align:left; }

    @keyframes pulse-dot { 0%,100%{opacity:1} 50%{opacity:.3} }
    .dot { animation: pulse-dot 2s ease-in-out infinite; }

    /* CANVAS SHADER BG */
    #hero-canvas { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; z-index:0; }

    /* MOBILE BOOK */
    .mobile-book { display:none; justify-content:center; margin-top:36px; }

    /* RESPONSIVE */
    @media(max-width:900px){
      .mobile-book { display:flex; }
      .ghero { grid-template-columns:1fr; }
      .book-col { display:none!important; }
      .gr3 { grid-template-columns:1fr; }
      .g3  { grid-template-columns:1fr; }
      .g2  { grid-template-columns:1fr; }
      .gstat { grid-template-columns:repeat(2,1fr); }
      .price-big { font-size:72px; }
    }
    @media(max-width:600px){
      .sec { padding:72px 20px; }
    }
  </style>/* End custom CSS */