:root {
      --blue: #0066ff;
      --blue-dark: #002b5c;
      --blue-deep: #001932;
      --blue-soft: #eaf6ff;
      --cyan: #16c7ff;
      --green: #20c86b;
      --white: #ffffff;
      --text: #0b1f33;
      --muted: #5d7085;
      --line: #dcecf8;
      --sand: #f5fbff;
      --shadow: 0 22px 70px rgba(0, 50, 100, .12);
    }

    * { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body {
      font-family: 'Inter', Arial, sans-serif;
      color: var(--text);
      background: #fff;
      line-height: 1.55;
    }
    a { color: inherit; text-decoration: none; }
    img { max-width: 100%; display: block; }
    .container { width: min(1180px, 92%); margin: 0 auto; }

    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 56px;
      border-radius: 999px;
      padding: 0 24px;
      font-weight: 900;
      border: 1px solid transparent;
      transition: .25s ease;
      cursor: pointer;
      white-space: nowrap;
    }
    .btn:hover { transform: translateY(-2px); }
    .btn-primary {
      background: var(--green);
      color: #fff;
      box-shadow: 0 18px 42px rgba(32,200,107,.30);
    }
    .btn-secondary {
      background: #fff;
      color: var(--blue-dark);
      border-color: rgba(255,255,255,.28);
    }
    .btn-outline {
      background: rgba(255,255,255,.10);
      color: #fff;
      border-color: rgba(255,255,255,.26);
      backdrop-filter: blur(14px);
    }
    .tag {
      display: inline-flex;
      border-radius: 999px;
      padding: 9px 14px;
      background: var(--blue-soft);
      color: var(--blue);
      font-size: 12px;
      font-weight: 900;
      letter-spacing: .12em;
      text-transform: uppercase;
    }
    h1, h2, h3 {
      font-family: 'Cormorant Garamond', Georgia, serif;
      font-weight: 500;
      letter-spacing: -0.05em;
      font-variant-numeric: lining-nums;
      font-feature-settings: "lnum" 1;
    }

    header {
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 100;
      background: rgba(255,255,255,.88);
      backdrop-filter: blur(18px);
      border-bottom: 1px solid rgba(220,236,248,.72);
    }
    .nav {
      height: 76px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
    }
    .brand img {
      width: 206px;
      height: auto;
      object-fit: contain;
    }
    .menu {
      display: flex;
      align-items: center;
      gap: 18px;
      color: #294156;
      font-size: 14px;
      font-weight: 800;
    }
    .menu a:hover { color: var(--blue); }
    .menu-cta {
      background: var(--green);
      color: #fff !important;
      padding: 12px 18px;
      border-radius: 999px;
      box-shadow: 0 14px 30px rgba(32,200,107,.24);
    }

    .hero {
      min-height: 82vh;
      padding: 110px 0 60px;
      background:
        linear-gradient(to right,
          rgba(0,8,22,1.00)  0%,
          rgba(0,8,22,1.00) 30%,
          rgba(0,20,55,.88) 58%,
          rgba(0,12,38,.70) 100%
        ),
        url('../images/victory-hero.jpg');
      background-size: cover;
      background-position: center;
      color: #fff;
      display: flex;
      align-items: center;
      overflow: hidden;
      position: relative;
    }
    .hero::after {
      content: "";
      position: absolute;
      left: 0; right: 0; bottom: -1px;
      height: 40px;
      background: linear-gradient(to bottom, transparent 0%, #fff 100%);
    }
    .hero-grid {
      position: relative;
      z-index: 2;
      display: grid;
      grid-template-columns: 1.02fr .98fr;
      gap: 58px;
      align-items: center;
    }
    .hero h1 {
      font-size: clamp(52px, 7.2vw, 92px);
      line-height: .86;
      max-width: 860px;
      color: #fff;
    }
    .hero p {
      margin: 28px 0 0;
      max-width: 720px;
      font-size: 19px;
      line-height: 1.72;
      color: #e5f8ff;
    }
    .hero-actions {
      margin-top: 34px;
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
    }
    .hero-trust {
      margin-top: 24px;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 6px 0;
    }
    .hero-trust span {
      color: rgba(255,255,255,.60);
      font-size: 13px;
      font-weight: 600;
      padding: 0 12px;
      border-right: 1px solid rgba(255,255,255,.20);
      line-height: 1;
    }
    .hero-trust span:last-child { border-right: none; }
    .hero-trust span:first-child { padding-left: 0; }
    .vsl-card {
      border-radius: 40px;
      padding: 16px;
      background: rgba(255,255,255,.12);
      border: 1px solid rgba(255,255,255,.20);
      box-shadow: 0 30px 80px rgba(0,0,0,.25);
      backdrop-filter: blur(18px);
    }
    .vsl-inner {
      min-height: 420px;
      border-radius: 30px;
      background: linear-gradient(to top, rgba(0,20,45,.90), rgba(0,100,180,.12) 58%, rgba(0,0,0,.05));
      position: relative;
      isolation: isolate;
      overflow: hidden;
      display: flex;
      align-items: flex-end;
      padding: 32px;
    }
    .vsl-video {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center bottom;
      z-index: -1;
    }
    .play {
      position: absolute;
      left: 30px;
      top: 30px;
      width: 78px;
      height: 78px;
      border-radius: 50%;
      background: var(--green);
      color: #fff;
      display: grid;
      place-items: center;
      font-size: 26px;
      box-shadow: 0 18px 48px rgba(32,200,107,.35);
    }
    .vsl-inner h3 {
      font-size: clamp(38px, 4.2vw, 50px);
      line-height: .88;
      color: #fff;
      margin: 14px 0 14px;
    }
    .vsl-inner p { color: #dff6ff; max-width: 540px; }

    .stats-bar {
      background: #fff;
      border-top: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
      padding: 0;
    }
    .stats-grid {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      overflow: hidden;
    }
    .stat-item {
      padding: 28px 18px;
      text-align: center;
      border-right: 1px solid var(--line);
    }
    .stat-item:last-child { border-right: 0; }
    .stat-item strong {
      display: block;
      font-family: 'Inter', Arial, sans-serif;
      color: var(--blue-deep);
      font-size: 32px;
      line-height: 1;
      font-weight: 700;
      letter-spacing: -0.02em;
    }
    .stat-item span {
      color: var(--muted);
      font-size: 13px;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: .08em;
    }

    .story {
      background:
        radial-gradient(circle at 18% 0%, rgba(22,199,255,.10), transparent 30%),
        linear-gradient(180deg, #fff 0%, #f4fbff 100%);
    }
    .story-split {
      display: grid;
      grid-template-columns: .9fr 1.1fr;
      gap: 48px;
      align-items: center;
    }
    .story-image {
      border-radius: 36px;
      overflow: hidden;
      box-shadow: 0 18px 52px rgba(0,50,100,.08);
      aspect-ratio: 1 / 1.2;
      position: relative;
    }
    .story-image img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      display: block;
    }
    .story-card {
      border-radius: 36px;
      padding: 34px;
      background: #fff;
      border: 1px solid var(--line);
      box-shadow: 0 18px 52px rgba(0,50,100,.08);
    }
    .story-card h3 {
      font-size: 48px;
      line-height: .9;
      color: var(--blue-deep);
      margin-bottom: 18px;
    }
    .story-card p {
      color: var(--muted);
      line-height: 1.7;
      font-size: 16px;
      margin-bottom: 16px;
    }
    .story-card p:last-child { margin-bottom: 0; }

    .specs {
      background: #fff;
    }
    .specs-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
    }
    .spec-card {
      border-radius: 30px;
      border: 1px solid var(--line);
      background: #fff;
      padding: 28px;
      box-shadow: 0 14px 42px rgba(0,50,100,.06);
    }
    .spec-card span {
      display: block;
      color: var(--blue);
      font-size: 12px;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: .12em;
      margin-bottom: 16px;
    }
    .spec-card h3 {
      font-size: 40px;
      line-height: .92;
      color: var(--blue-deep);
      margin-bottom: 14px;
    }
    .spec-card p { color: var(--muted); line-height: 1.62; }

    /* croqui do naufrágio */
    .croqui{background:radial-gradient(circle at 18% 0%,rgba(22,199,255,.13),transparent 32%),linear-gradient(180deg,#001932 0%,#002b5c 100%)}
    .croqui .section-head h2{color:#fff}
    .croqui .section-head p{color:#cfe6ff}
    .croqui .tag{background:rgba(255,255,255,.14);color:#eaf9ff}
    .croqui-figure{margin:0}
    .croqui-frame{position:relative;border-radius:26px;padding:10px;background:linear-gradient(150deg,rgba(22,199,255,.55),rgba(255,255,255,.06) 42%,rgba(22,199,255,.18));box-shadow:0 44px 100px rgba(0,8,24,.62)}
    .croqui-frame img{display:block;width:100%;height:auto;border-radius:18px}
    .croqui-badge{position:absolute;top:24px;left:24px;z-index:2;display:inline-flex;align-items:center;gap:7px;background:rgba(3,19,31,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:#eaf9ff;font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:9px 14px;border-radius:999px}
    .croqui-cap{margin-top:20px;text-align:center;font-size:14px;color:#9fc4dc;font-weight:600;line-height:1.6;max-width:760px;margin-left:auto;margin-right:auto}
    @media(max-width:720px){.croqui-badge{top:16px;left:16px;font-size:10.5px;padding:7px 11px}}
    .croqui-data{margin-top:38px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:34px 32px}
    .croqui-data h3{font-size:27px;color:#fff;margin-bottom:6px}
    .croqui-data .cd-sub{font-size:14px;color:#9fc4dc;margin-bottom:20px}
    .cd-list{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin:0}
    .cd-list>div{display:flex;flex-direction:column;gap:3px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.09)}
    .cd-list dt{font-size:11.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#7aa6c2}
    .cd-list dd{font-size:15.5px;color:#e9f4ff;font-weight:600;line-height:1.5;margin:0}
    @media(max-width:720px){.cd-list{grid-template-columns:1fr}.croqui-data{padding:26px 22px}}





    .expect {
      background:
        radial-gradient(circle at 14% 0%, rgba(22,199,255,.12), transparent 30%),
        linear-gradient(180deg, #fff 0%, #f4fbff 100%);
    }
    .expect-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
    }
    .expect-card {
      border-radius: 30px;
      border: 1px solid var(--line);
      background: #fff;
      padding: 28px;
      box-shadow: 0 14px 42px rgba(0,50,100,.06);
    }
    .expect-card span {
      display: block;
      color: var(--blue);
      font-size: 12px;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: .12em;
      margin-bottom: 16px;
    }
    .expect-card h3 {
      font-size: 40px;
      line-height: .92;
      color: var(--blue-deep);
      margin-bottom: 14px;
    }
    .expect-card p { color: var(--muted); line-height: 1.62; }

    .offer {
      background:
        radial-gradient(circle at 14% 0%, rgba(22,199,255,.12), transparent 30%),
        linear-gradient(180deg, #fff 0%, #f4fbff 100%);
    }
    .offer-box {
      border-radius: 42px;
      background: #fff;
      border: 1px solid var(--line);
      box-shadow: var(--shadow);
      overflow: hidden;
      display: grid;
      grid-template-columns: 1fr 380px;
    }
    .offer-copy { padding: 42px; }
    .offer-copy h2 {
      font-size: clamp(48px, 5.6vw, 86px);
      line-height: .84;
      color: var(--blue-deep);
      margin: 18px 0 22px;
    }
    .offer-copy p {
      color: var(--muted);
      line-height: 1.72;
      font-size: 18px;
      max-width: 720px;
      margin-bottom: 14px;
    }
    .op-note {
      border-radius: 18px;
      background: rgba(22,199,255,.08);
      border: 1px solid var(--cyan);
      padding: 16px;
      color: var(--blue-deep);
      font-size: 14px;
      line-height: 1.55;
      margin-top: 20px;
    }
    .op-note strong { display: block; margin-bottom: 8px; color: var(--blue); }
    .price-panel {
      background:
        radial-gradient(circle at top right, rgba(32,200,107,.24), transparent 38%),
        linear-gradient(135deg, #003a68, #0066ff);
      color: #fff;
      padding: 34px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    .price-panel span {
      color: #bfffe0;
      font-weight: 900;
      letter-spacing: .12em;
      text-transform: uppercase;
      font-size: 12px;
    }
    .price-panel strong {
      display: block;
      font-family: 'Cormorant Garamond', Georgia, serif;
      font-weight: 500;
      font-size: 78px;
      line-height: .8;
      letter-spacing: -0.06em;
      margin: 18px 0;
      font-variant-numeric: lining-nums;
      font-feature-settings: "lnum" 1;
    }
    .price-panel p { color: #dff6ff; line-height: 1.62; margin-bottom: 24px; }
    .price-panel .price-pack { display: flex; flex-direction: column; gap: 10px; margin-bottom: 22px; }
    .price-panel .pp-pack {
      display: block;
      font-size: 13.5px;
      line-height: 1.5;
      padding: 12px 14px;
      background: rgba(255,255,255,.08);
      border: 1px solid rgba(255,255,255,.12);
      border-radius: 10px;
    }
    .price-panel .pp-pack b { display: block; color: #fff; font-size: 14.5px; margin-bottom: 2px; font-weight: 800; }
    .price-panel .pp-note { font-size: 12.5px; color: #9fc4dc; padding: 4px 2px 0; line-height: 1.5; }
    .price-panel small {
      display: block;
      color: #dff6ff;
      margin-top: 14px;
      line-height: 1.45;
    }

    .faq {
      background: #fff;
    }
    .faq-layout {
      display: grid;
      grid-template-columns: 340px 1fr;
      gap: 34px;
      align-items: start;
    }
    .faq-aside {
      position: sticky;
      top: 96px;
      border-radius: 32px;
      background: var(--blue-deep);
      color: #fff;
      padding: 28px;
      box-shadow: 0 24px 70px rgba(0,25,50,.20);
    }
    .faq-aside h3 {
      color: #fff;
      font-size: 38px;
      line-height: .9;
      margin-bottom: 16px;
    }
    .faq-aside p { color: #dff6ff; line-height: 1.62; margin-bottom: 20px; }
    .faq-list { display: grid; gap: 12px; }
    details {
      border: 1px solid var(--line);
      border-radius: 24px;
      background: #fff;
      box-shadow: 0 12px 34px rgba(0,50,100,.05);
      overflow: hidden;
    }
    summary {
      cursor: pointer;
      padding: 22px 26px;
      color: var(--blue-deep);
      font-weight: 900;
      display: flex;
      justify-content: space-between;
      gap: 18px;
      list-style: none;
    }
    summary::-webkit-details-marker { display: none; }
    summary::after {
      content: "+";
      width: 30px;
      height: 30px;
      min-width: 30px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: var(--blue-soft);
      color: var(--blue);
    }
    details[open] summary::after { content: "-"; }
    details p {
      color: var(--muted);
      line-height: 1.7;
      padding: 0 26px 24px;
    }

    .final {
      text-align: center;
      background:
        radial-gradient(circle at 20% 0%, rgba(22,199,255,.14), transparent 32%),
        linear-gradient(180deg, #f4fbff 0%, #fff 100%);
    }
    .final h2 {
      font-size: clamp(52px, 7vw, 98px);
      line-height: .84;
      color: var(--blue-deep);
      max-width: 960px;
      margin: 0 auto 24px;
    }
    .final p {
      max-width: 760px;
      color: var(--muted);
      margin: 0 auto 32px;
      font-size: 18px;
      line-height: 1.72;
    }

    footer {
      background: var(--blue-deep);
      color: #fff;
      padding: 44px 0 22px;
    }
    .footer-grid {
      display: grid;
      grid-template-columns: 1.2fr 1fr 1fr;
      gap: 22px;
      align-items: start;
    }
    .footer-card {
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(255,255,255,.06);
      border-radius: 24px;
      padding: 22px;
    }
    .footer-card img {
      width: 210px;
      background: transparent;
      padding: 0;
      border-radius: 0;
      margin-bottom: 18px;
    }
    .footer-card p, .footer-card a {
      color: #dff6ff;
      font-size: 14px;
      line-height: 1.55;
      display: block;
      margin-bottom: 8px;
    }
    .footer-card h3 {
      color: #fff;
      font-size: 34px;
      line-height: .92;
      margin-bottom: 14px;
    }
    .bottom {
      margin-top: 20px;
      padding-top: 18px;
      border-top: 1px solid rgba(255,255,255,.12);
      color: #bcd6e8;
      font-size: 13px;
      display: flex;
      justify-content: space-between;
      gap: 18px;
    }

    .sticky-mobile {
      display: none;
      position: fixed;
      left: 12px;
      right: 12px;
      bottom: 12px;
      z-index: 110;
      border-radius: 999px;
      background: var(--green);
      color: #fff;
      min-height: 58px;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      box-shadow: 0 18px 44px rgba(32,200,107,.34);
    }

    section { padding: 68px 0; }
    .section-head {
      max-width: 920px;
      margin-bottom: 42px;
    }
    .section-head.center { text-align: center; margin-left: auto; margin-right: auto; }
    .section-head h2 {
      font-size: clamp(48px, 6vw, 92px);
      line-height: .84;
      color: var(--blue-deep);
      margin-top: 18px;
    }
    .section-head p {
      margin-top: 22px;
      max-width: 760px;
      color: var(--muted);
      font-size: 18px;
      line-height: 1.72;
    }
    .section-head.center p { margin-left: auto; margin-right: auto; }

    @media (max-width: 1040px) {
      .menu { display: none; }
      .hero-grid, .story-split, .offer-box, .faq-layout { grid-template-columns: 1fr; }
      .stats-grid { grid-template-columns: repeat(2, 1fr); }
      .specs-grid, .expect-grid { grid-template-columns: 1fr 1fr; }
      .price-panel { min-height: 360px; }
      .faq-aside { position: static; }
      .story-image { aspect-ratio: 1; }
    }

    @media (max-width: 720px) {
      .brand img { width: 176px; }
      .hero { padding-top: 110px; min-height: auto; }
      .hero-grid { gap: 34px; }
      .hero h1 { font-size: clamp(42px, 12vw, 64px); }
      .hero p { font-size: 16px; }
      .hero-actions .btn { width: 100%; }
      .vsl-inner { min-height: 420px; padding: 24px; }
      .vsl-inner h3 { font-size: 38px; }
      section { padding: 60px 0; }
      .stats-grid, .specs-grid, .expect-grid, .footer-grid { grid-template-columns: 1fr; }
      .offer-copy, .price-panel { padding: 24px; }
      .bottom { display: grid; }
    }
  

  .mobile-drawer { position:fixed; inset:0; z-index:1000; display:none; }
  .mobile-drawer.is-open { display:block; }
  .mobile-drawer__backdrop { position:absolute; inset:0; background:rgba(0,25,50,.55); backdrop-filter:blur(2px); }
  .mobile-drawer__panel { position:absolute; top:0; right:0; height:100%; width:min(86vw,360px); background:#fff; box-shadow:-16px 0 48px rgba(0,25,50,.25); display:flex; flex-direction:column; padding:20px; transform:translateX(100%); transition:transform .28s ease; overflow-y:auto; }
  .mobile-drawer.is-open .mobile-drawer__panel { transform:translateX(0); }
  .mobile-drawer__head { display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; padding-bottom:14px; border-bottom:1px solid #e6eef5; }
  .mobile-drawer__close { border:none; background:#f2f6fa; color:#002b5c; width:40px; height:40px; border-radius:10px; display:grid; place-items:center; cursor:pointer; flex-shrink:0; }
  .mobile-drawer__nav { display:flex; flex-direction:column; flex:1; }
  .mobile-drawer__nav a { padding:14px 8px; border-bottom:1px solid #e6eef5; color:#0b1f33; font-weight:600; font-size:16px; text-decoration:none; }
  .mobile-drawer__nav a:active { color:#0066ff; }
  .mobile-drawer__nav a.mobile-drawer__sub { padding-left:20px; font-size:14px; font-weight:500; color:#4a6282; }
  .mobile-drawer__nav a.mobile-drawer__highlight { background:#eef5ff; color:#0052cc; border-radius:10px; border-color:transparent; font-weight:700; padding:13px 14px; margin-bottom:4px; }
  .mobile-drawer__cta { margin-top:22px; background:#0066ff; color:#fff; text-align:center; padding:15px; border-radius:12px; font-weight:700; text-decoration:none; }
  @media (prefers-reduced-motion:reduce) { .mobile-drawer__panel { transition:none; } }