:root{
      --bg:#08090c;
      --bg2:#0c0e13;
      --panel:#11141b;
      --panel2:#151922;
      --line:#252a35;
      --text:#f7f8fb;
      --muted:#9da4b2;
      --gold:#f3ad12;
      --gold2:#ffd35a;
      --green:#26d6a1;
      --purple:#a45cff;
      --blue:#38a4ff;
      --max:1180px;
      --shadow:0 24px 80px rgba(0,0,0,.42);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;background:
      radial-gradient(900px 500px at 80% -10%, rgba(243,173,18,.10), transparent 60%),
      var(--bg);color:var(--text);
      font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
      line-height:1.55;overflow-x:hidden
    }
    img{max-width:100%;display:block}
    a{color:inherit;text-decoration:none}
    button,input,select{font:inherit}
    .container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
    .eyebrow{
      display:inline-flex;align-items:center;gap:9px;
      font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;
      color:var(--gold2);font-weight:800
    }
    .eyebrow::before{content:"";width:28px;height:1px;background:var(--gold)}
    h1,h2,h3{line-height:1.08;letter-spacing:-.035em;margin:0}
    h1{font-size:clamp(3rem,6.2vw,6.25rem)}
    h2{font-size:clamp(2.2rem,4.2vw,4.4rem)}
    h3{font-size:1.28rem}
    p{margin:0;color:var(--muted)}
    .lead{font-size:clamp(1.02rem,1.7vw,1.24rem);max-width:720px}
    .gold{color:var(--gold)}
    .muted{color:var(--muted)}
    .section{padding:100px 0;position:relative}
    .section.compact{padding:72px 0}
    .section-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:42px}
    .section-head .copy{max-width:720px}
    .section-head .copy p{margin-top:16px}
    .grid{display:grid;gap:20px}
    .btn{
      display:inline-flex;align-items:center;justify-content:center;gap:10px;
      border-radius:12px;border:1px solid transparent;min-height:52px;
      padding:0 22px;font-weight:850;cursor:pointer;transition:.22s ease;
      white-space:nowrap
    }
    .btn svg{width:18px;height:18px}
    .btn-primary{background:linear-gradient(180deg,#ffc027,#f0a600);color:#08090c;box-shadow:0 12px 40px rgba(243,173,18,.20)}
    .btn-primary:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 18px 52px rgba(243,173,18,.28)}
    .btn-secondary{border-color:#333945;background:rgba(18,21,28,.72);color:#fff}
    .btn-secondary:hover{border-color:#555e6d;background:#171b24}
    .btn-sm{min-height:42px;padding:0 16px;border-radius:10px;font-size:.9rem}

    /* Header */
    .header{
      position:fixed;z-index:90;top:0;left:0;right:0;
      background:rgba(7,8,11,.68);border-bottom:1px solid rgba(255,255,255,.06);
      backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)
    }
    .nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}
    .brand img{width:184px;height:auto}
    .navlinks{display:flex;align-items:center;gap:26px;color:#b2b8c5;font-size:.91rem;font-weight:650}
    .navlinks a:hover{color:#fff}
    .nav-actions{display:flex;gap:10px;align-items:center}
    .hamb{display:none;width:44px;height:44px;border:1px solid #2b303a;background:#11141a;color:#fff;border-radius:10px}
    .mobile-menu{display:none}

    /* Hero */
    .hero{
      min-height:900px;display:flex;align-items:center;padding:130px 0 84px;position:relative;overflow:hidden
    }
    .hero::before{
      content:"";position:absolute;inset:0;
      background:
      linear-gradient(90deg, rgba(5,6,8,.98) 0%, rgba(5,6,8,.90) 40%, rgba(5,6,8,.34) 72%, rgba(5,6,8,.74) 100%),
      linear-gradient(0deg, var(--bg) 0%, transparent 24%),
      url("../images/hero-background.webp") center 42% / cover no-repeat;
      filter:saturate(.86) contrast(1.05)
    }
    .hero::after{
      content:"";position:absolute;width:720px;height:720px;border-radius:50%;
      right:-260px;top:120px;background:radial-gradient(circle,rgba(243,173,18,.14),transparent 68%);
      pointer-events:none
    }
    .hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
    .launch-pill{
      display:inline-flex;align-items:center;gap:10px;
      padding:8px 12px;border:1px solid rgba(243,173,18,.35);
      border-radius:999px;background:rgba(243,173,18,.08);color:#ffd45c;
      font-weight:800;font-size:.82rem;margin-bottom:24px
    }
    .launch-pill .dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 14px var(--gold)}
    .hero h1{max-width:780px}
    .hero .lead{margin-top:24px;color:#c7ccd5}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
    .hero-fine{margin-top:14px;font-size:.82rem;color:#8e95a3}
    .hero-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:34px}
    .hero-trust span{display:flex;align-items:center;gap:7px;color:#d5d9e1;font-size:.88rem}
    .hero-trust b{color:var(--gold)}
    .hero-shot{
      position:relative;margin-top:60px;
      transform:perspective(1100px) rotateY(-8deg) rotateX(2deg);
      filter:drop-shadow(0 35px 50px rgba(0,0,0,.6))
    }
    .hero-shot::before{
      content:"";position:absolute;inset:-1px;border-radius:18px;
      background:linear-gradient(120deg,rgba(255,196,49,.68),rgba(255,255,255,.03),rgba(30,217,170,.32));
      z-index:-1;filter:blur(1px)
    }
    .hero-shot img{border-radius:17px;border:1px solid rgba(255,255,255,.09)}
    .float-chip{
      position:absolute;display:flex;gap:10px;align-items:center;
      padding:12px 14px;background:rgba(12,14,19,.9);border:1px solid #303541;
      border-radius:12px;box-shadow:var(--shadow);backdrop-filter:blur(10px)
    }
    .float-chip strong{display:block;font-size:.88rem}.float-chip small{display:block;color:#9198a6}
    .float-chip.one{left:-38px;bottom:74px}.float-chip.two{right:-30px;top:44px}
    .chip-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:rgba(243,173,18,.12);color:var(--gold)}

    /* Compatibility */
    .compat{border-top:1px solid #151820;border-bottom:1px solid #151820;background:#0a0c10}
    .compat-row{min-height:96px;display:flex;gap:32px;align-items:center;justify-content:center;flex-wrap:wrap;text-align:center}
    .compat-row b{color:#cbd0da;font-size:.93rem}
    .compat-row span{color:#777f8e;font-weight:750}
    .compat-row .sep{width:4px;height:4px;background:#414754;border-radius:50%}

    /* Cards */
    .feature-grid{grid-template-columns:repeat(3,1fr)}
    .card{
      background:linear-gradient(180deg,#12151c,#0e1117);
      border:1px solid #242934;border-radius:18px;padding:26px;position:relative;overflow:hidden
    }
    .card::after{content:"";position:absolute;width:120px;height:120px;right:-55px;top:-55px;border-radius:50%;background:rgba(243,173,18,.05)}
    .icon{
      width:46px;height:46px;border-radius:12px;display:grid;place-items:center;
      color:var(--gold);background:rgba(243,173,18,.10);border:1px solid rgba(243,173,18,.18);margin-bottom:22px
    }
    .icon svg{width:22px;height:22px}
    .card p{margin-top:10px;font-size:.94rem}

    /* Product sections */
    .product{display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:center}
    .product.reverse .visual{order:2}.product.reverse .copy{order:1}
    .visual{position:relative}
    .frame{
      padding:8px;border-radius:18px;background:#12151b;border:1px solid #2a303b;
      box-shadow:var(--shadow);position:relative;overflow:hidden
    }
    .frame::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.05),transparent 28%);pointer-events:none}
    .frame img{border-radius:12px;width:100%}
    .copy .eyebrow{margin-bottom:14px}
    .copy h2{font-size:clamp(2.25rem,4vw,4rem)}
    .copy p{margin-top:18px}
    .bullet-list{display:grid;gap:12px;margin:28px 0 0;padding:0;list-style:none}
    .bullet-list li{display:flex;align-items:flex-start;gap:12px;color:#c8cdd6}
    .check{width:21px;height:21px;flex:0 0 21px;border-radius:50%;display:grid;place-items:center;background:rgba(38,214,161,.12);color:var(--green);margin-top:2px}
    .statrow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}
    .stat{border:1px solid #272d38;background:#11141a;padding:18px;border-radius:14px}
    .stat strong{display:block;font-size:1.45rem;color:#fff}.stat span{font-size:.82rem;color:#9097a5}

    /* Steps */
    .steps{grid-template-columns:repeat(4,1fr);counter-reset:step}
    .step{padding:26px 22px;border-top:1px solid #2a303b;position:relative}
    .step::before{
      counter-increment:step;content:"0" counter(step);
      display:block;color:var(--gold);font-size:.82rem;font-weight:900;letter-spacing:.12em;margin-bottom:42px
    }
    .step p{margin-top:9px;font-size:.92rem}

    /* Economy */
    .flow{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:24px}
    .flow .pill{padding:9px 12px;border:1px solid #2b313d;background:#11151c;border-radius:9px;font-size:.82rem;font-weight:800}
    .flow .arrow{color:#555e6c}
    .legal-note{font-size:.76rem;color:#6f7786;margin-top:16px;max-width:680px}

    /* Modules */
    .module-grid{grid-template-columns:repeat(5,1fr)}
    .module{
      border:1px solid #252a35;border-radius:15px;padding:20px 18px;background:#101319;min-height:156px
    }
    .module b{display:block;margin:13px 0 6px}.module p{font-size:.82rem}
    .module .mini{width:32px;height:32px;border-radius:9px;background:rgba(164,92,255,.12);color:#bd80ff;display:grid;place-items:center}

    /* Trial */
    .trial-wrap{
      border:1px solid rgba(243,173,18,.34);
      background:
      radial-gradient(700px 300px at 20% 50%,rgba(243,173,18,.12),transparent 70%),
      linear-gradient(135deg,#15130e,#0e1117 52%,#10151a);
      border-radius:24px;padding:54px;display:grid;grid-template-columns:1.2fr .8fr;gap:42px;align-items:center;overflow:hidden;position:relative
    }
    .trial-wrap::after{content:"15";position:absolute;right:-20px;top:-65px;font-size:280px;font-weight:950;color:rgba(243,173,18,.035);line-height:1}
    .trial-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}
    .trial-point{border:1px solid #2a303a;border-radius:12px;background:rgba(12,15,20,.68);padding:14px}
    .trial-point b{display:block;font-size:.9rem}.trial-point span{font-size:.78rem;color:#8f96a4}
    .trial-side{position:relative;z-index:2}
    .trial-side .big{font-size:4.8rem;font-weight:950;color:var(--gold);line-height:.9;letter-spacing:-.06em}
    .trial-side .big small{font-size:1rem;color:#c9ced7;letter-spacing:0;font-weight:700;display:block;margin-top:12px;line-height:1.35}

    /* FAQ */
    .faq{max-width:900px;margin:0 auto}
    .faq-item{border-bottom:1px solid #252a34}
    .faq-q{width:100%;background:none;border:0;color:#fff;text-align:left;padding:22px 4px;font-weight:800;display:flex;justify-content:space-between;gap:20px;cursor:pointer}
    .faq-q span:last-child{color:var(--gold);font-size:1.3rem}
    .faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}
    .faq-a p{padding:0 4px 22px;max-width:780px}
    .faq-item.open .faq-a{max-height:220px}
    .faq-item.open .faq-q span:last-child{transform:rotate(45deg)}

    /* Footer */
    .footer{border-top:1px solid #191d25;background:#08090c;padding:44px 0 80px}
    .footer-row{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:40px}
    .footer-brand img{width:180px}.footer-brand p{margin-top:16px;font-size:.86rem;max-width:390px}
    .footer h4{margin:0 0 13px}.footer a{display:block;color:#9299a7;margin:8px 0;font-size:.88rem}
    .footer a:hover{color:#fff}
    .copyright{margin-top:40px;padding-top:20px;border-top:1px solid #161a21;color:#626a78;font-size:.76rem}

    /* Modal */
    .modal{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.76);backdrop-filter:blur(10px)}
    .modal.open{display:flex}
    .modal-box{width:min(560px,100%);background:#11141a;border:1px solid #303643;border-radius:20px;box-shadow:var(--shadow);padding:30px;position:relative}
    .modal-close{position:absolute;right:14px;top:14px;width:38px;height:38px;border:1px solid #2e3440;border-radius:10px;background:#171b22;color:#fff;cursor:pointer}
    .modal h3{font-size:2rem;margin-top:10px}.modal p{margin-top:10px}
    .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
    .field.full{grid-column:1/-1}
    .field label{display:block;font-size:.78rem;color:#a8afbb;margin-bottom:6px}
    .field input,.field select{
      width:100%;height:48px;border-radius:10px;border:1px solid #2c323e;background:#0c0f14;color:#fff;padding:0 13px;outline:none
    }
    .field input:focus,.field select:focus{border-color:#7a611e;box-shadow:0 0 0 3px rgba(243,173,18,.08)}
    .form-actions{display:flex;gap:10px;margin-top:18px;align-items:center;flex-wrap:wrap}
    .form-note{font-size:.72rem;color:#717986;margin-top:12px}

    /* Reveal */
    .reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}
    .reveal.in{opacity:1;transform:none}

    /* Sticky mobile */
    .mobile-cta{display:none}

    @media (max-width:1020px){
      .navlinks{display:none}.hamb{display:inline-grid;place-items:center}
      .header .nav-actions .btn-secondary{display:none}
      .mobile-menu{position:absolute;top:74px;left:0;right:0;background:#0c0f14;border-bottom:1px solid #272c36;padding:16px 20px}
      .mobile-menu.open{display:grid;gap:4px}
      .mobile-menu a{padding:12px;border-radius:8px;color:#cbd0d9}
      .hero{min-height:auto;padding-top:120px}
      .hero-inner{grid-template-columns:1fr}.hero-shot{margin:8px auto 0;max-width:820px;transform:none}.float-chip{display:none}
      .feature-grid{grid-template-columns:1fr 1fr}
      .product,.product.reverse{grid-template-columns:1fr;gap:38px}.product.reverse .visual,.product.reverse .copy{order:initial}
      .steps{grid-template-columns:1fr 1fr}
      .module-grid{grid-template-columns:repeat(2,1fr)}
      .trial-wrap{grid-template-columns:1fr}
      .footer-row{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}
    }
    @media (max-width:680px){
      .container{width:min(100% - 28px,var(--max))}
      .section{padding:76px 0}.section.compact{padding:54px 0}
      .nav{height:66px}.mobile-menu{top:66px}.brand img{width:155px}
      .nav-actions .btn-primary{display:none}
      .hero{padding:105px 0 54px}
      .hero::before{background:
        linear-gradient(0deg,rgba(5,6,8,.99) 4%,rgba(5,6,8,.72) 62%,rgba(5,6,8,.57) 100%),
        linear-gradient(90deg,rgba(5,6,8,.72),rgba(5,6,8,.12)),
        url("../images/hero-background.webp") center 18% / cover no-repeat}
      .hero h1{font-size:clamp(2.8rem,14vw,4.5rem)}
      .hero .lead{font-size:1rem}
      .hero-actions .btn{width:100%}
      .hero-trust{display:grid;grid-template-columns:1fr 1fr;gap:10px}
      .hero-shot{margin-top:20px}
      .section-head{display:block}.section-head .copy p{margin-top:12px}
      .feature-grid,.steps,.module-grid{grid-template-columns:1fr}
      .steps .step{padding-inline:0}
      .statrow{grid-template-columns:1fr 1fr}.statrow .stat:last-child{grid-column:1/-1}
      .trial-wrap{padding:28px 20px}.trial-points{grid-template-columns:1fr}.trial-side .big{font-size:4rem}
      .footer-row{grid-template-columns:1fr}
      .form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}
      .mobile-cta{
        display:flex;position:fixed;z-index:85;bottom:10px;left:10px;right:10px;
        background:rgba(11,13,18,.92);border:1px solid #323844;border-radius:14px;
        padding:8px;backdrop-filter:blur(12px);box-shadow:0 14px 40px rgba(0,0,0,.42)
      }
      .mobile-cta .btn{width:100%}
      .footer{padding-bottom:110px}
    }
    @media (prefers-reduced-motion:reduce){
      *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
      .reveal{opacity:1;transform:none}
    }
  
    /* ===== REVISION 02 — HERO / DOWNLOAD / LANG / COMPAT ===== */
    .lang-switch{
      display:flex;align-items:center;padding:3px;border:1px solid #2c323d;
      background:#101319;border-radius:10px;gap:2px
    }
    .lang-btn{
      border:0;background:transparent;color:#8f97a6;min-width:46px;height:34px;
      padding:0 9px;border-radius:7px;font-size:.76rem;font-weight:900;cursor:pointer;
      letter-spacing:.03em
    }
    .lang-btn.active{background:#20252e;color:#fff;box-shadow:inset 0 0 0 1px #343b47}
    .lang-btn:hover{color:#fff}
    .download-btn svg{width:19px;height:19px}

    .hero{
      min-height:760px;padding:132px 0 76px;
    }
    .hero::before{
      background:
        linear-gradient(90deg,rgba(5,6,8,.99) 0%,rgba(5,6,8,.92) 40%,rgba(5,6,8,.46) 72%,rgba(5,6,8,.69) 100%),
        linear-gradient(0deg,var(--bg) 0%,transparent 28%),
        url("../images/hero-background.webp") center 38% / cover no-repeat;
    }
    .hero-v2{grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr);gap:58px}
    .hero-copy{max-width:690px}
    .hero-kicker{margin-bottom:19px}
    .hero h1{
      font-size:clamp(3.15rem,5.15vw,5.7rem);max-width:720px;
      text-wrap:balance
    }
    .hero .lead{font-size:clamp(1rem,1.45vw,1.17rem);max-width:660px;line-height:1.65}
    .hero-benefits{
      display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:26px;
      padding-top:20px;border-top:1px solid rgba(255,255,255,.09)
    }
    .hero-benefits span{color:#cbd0d9;font-size:.88rem}
    .hero-benefits b{color:var(--gold);margin-right:7px}
    .hero-visual{position:relative;align-self:center}
    .hero-shot{
      margin:0;transform:perspective(1250px) rotateY(-5deg);
      border-radius:20px
    }
    .hero-shot img{width:100%;aspect-ratio:16/9;object-fit:cover}
    .hero-metrics{
      display:grid;grid-template-columns:repeat(3,1fr);gap:10px;
      margin-top:12px
    }
    .hero-metrics>div{
      min-height:74px;border:1px solid #2a303a;border-radius:12px;
      background:rgba(15,18,24,.86);padding:13px 14px
    }
    .hero-metrics strong{display:block;color:#fff;font-size:.96rem}
    .hero-metrics span{display:block;color:#7e8795;font-size:.72rem;margin-top:3px}

    .compat{padding:26px 0;background:#090b0f}
    .compat-v2{text-align:center}
    .compat-title{
      color:#747d8d;font-size:.72rem;font-weight:900;letter-spacing:.18em;
      margin-bottom:18px
    }
    .compat-logos{
      display:grid;grid-template-columns:repeat(6,1fr);gap:16px;align-items:center
    }
    .compat-logo-item{
      height:64px;display:flex;align-items:center;justify-content:center;
      padding:10px 14px;border:1px solid #1e232c;border-radius:11px;
      background:#0d1015
    }
    .compat-logo-item img{
      width:100%;height:38px;object-fit:contain;
      filter:grayscale(1) brightness(0) invert(1);
      opacity:.72;transition:.22s ease
    }
    .compat-logo-item:hover img{opacity:1}
    .compat-note{font-size:.68rem;color:#545d6b;margin-top:13px}

    @media (max-width:1100px){
      .hero-v2{grid-template-columns:1fr}
      .hero-copy{max-width:820px}
      .hero-visual{max-width:880px}
      .compat-logos{grid-template-columns:repeat(3,1fr)}
    }
    @media (max-width:680px){
      .lang-switch{order:-1}
      .lang-btn{min-width:39px;padding:0 7px}
      .hero{padding-top:102px}
      .hero-v2{gap:34px}
      .hero h1{font-size:clamp(2.7rem,13.2vw,4rem)}
      .hero-benefits{display:grid;gap:8px}
      .hero-metrics{grid-template-columns:1fr}
      .compat-logos{grid-template-columns:repeat(2,1fr);gap:9px}
      .compat-logo-item{height:58px;padding:9px 10px}
      .compat-logo-item img{height:32px}
    }

    /* ===== V4 HOTFIX ===== */
    .hero::before {
      background:
        linear-gradient(90deg, rgba(5,6,8,.99) 0%, rgba(5,6,8,.93) 38%, rgba(5,6,8,.55) 68%, rgba(5,6,8,.78) 100%),
        linear-gradient(0deg, var(--bg) 0%, transparent 26%),
        url("../images/hero-background-legacy.webp") center 42% / cover no-repeat !important;
    }
    .hero-v2 {
      grid-template-columns: minmax(0,.95fr) minmax(420px,1.05fr);
      gap: 54px;
      align-items: center;
    }
    .hero h1 {
      font-size: clamp(3.15rem, 5.4vw, 5.9rem);
      max-width: 650px;
      line-height: .96;
      letter-spacing: -.05em;
      margin-bottom: 0;
    }
    .hero .lead {
      margin-top: 24px;
      max-width: 660px;
      line-height: 1.6;
    }
    .hero-visual {
      position: relative;
      align-self: center;
    }
    .hero-shot {
      margin: 0;
      transform: perspective(1300px) rotateY(-5deg);
      background: rgba(17,20,26,.84);
      border-radius: 22px;
      padding: 10px;
      border: 1px solid rgba(255,255,255,.10);
      box-shadow: 0 30px 80px rgba(0,0,0,.45);
      overflow: hidden;
    }
    .hero-shot::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      border-radius: 22px;
      background: linear-gradient(135deg, rgba(243,173,18,.18), transparent 36%, rgba(38,214,161,.10) 100%);
    }
    .hero-shot img {
      width: 100%;
      aspect-ratio: 16/9;
      object-fit: cover;
      object-position: center top;
      border-radius: 15px;
      border: 1px solid rgba(255,255,255,.06);
      display: block;
      background: #0d1015;
    }
    .hero-metrics {
      display: grid;
      grid-template-columns: repeat(3,1fr);
      gap: 12px;
      margin-top: 14px;
    }
    .hero-metrics > div {
      min-height: 78px;
      border: 1px solid #2b313d;
      border-radius: 14px;
      background: rgba(13,16,21,.94);
      padding: 14px 16px;
      box-shadow: 0 14px 32px rgba(0,0,0,.24);
    }
    .hero-metrics strong { display:block; font-size:1.05rem; }
    .hero-metrics span { display:block; font-size:.78rem; color:#8b93a2; margin-top:3px; }

    .compat {
      padding: 30px 0;
      background: #090c11;
      border-top: 1px solid #141924;
      border-bottom: 1px solid #141924;
    }
    .compat-v2 { text-align:center; }
    .compat-title {
      color:#707988;
      font-size:.74rem;
      letter-spacing:.22em;
      font-weight:900;
      margin-bottom:18px;
    }
    .compat-logos {
      display:grid;
      grid-template-columns: repeat(6, minmax(0,1fr));
      gap: 14px;
      align-items: stretch;
    }
    .compat-logo-item {
      min-height: 84px;
      border-radius: 14px;
      border:1px solid #212733;
      background: linear-gradient(180deg, #0e1218, #0b0f15);
      display:flex;
      align-items:center;
      justify-content:center;
      padding: 14px 16px;
    }
    .compat-logo-item img {
      width:100%;
      height:42px;
      object-fit:contain;
      display:block;
      opacity:.94;
    }
    .compat-note {
      font-size:.72rem;
      color:#5d6674;
      margin-top:14px;
    }

    @media (max-width: 1100px) {
      .hero-v2 {
        grid-template-columns: 1fr;
        gap: 34px;
      }
      .hero-visual { max-width: 900px; }
      .compat-logos { grid-template-columns: repeat(3, minmax(0,1fr)); }
    }

    @media (max-width: 680px) {
      .hero {
        padding-top: 102px;
      }
      .hero h1 {
        font-size: clamp(2.6rem, 13vw, 4.2rem);
      }
      .hero-shot {
        transform: none;
        padding: 8px;
      }
      .hero-metrics {
        grid-template-columns: 1fr;
        gap: 10px;
      }
      .compat-logos {
        grid-template-columns: repeat(2, minmax(0,1fr));
        gap: 10px;
      }
      .compat-logo-item {
        min-height: 70px;
        padding: 10px;
      }
      .compat-logo-item img {
        height: 28px;
      }
    }

  /* ================================================================
     V5 — LANGUAGE FLAGS / MOBILE CENTER / SUBTLE MOTION
     ================================================================ */

  /* Language selector */
  .lang-switch{
    display:flex;
    align-items:center;
    gap:4px;
    padding:4px;
    min-height:44px;
    border:1px solid #2a303a;
    border-radius:12px;
    background:rgba(13,16,21,.88);
    backdrop-filter:blur(12px);
  }
  .lang-btn{
    width:74px !important;
    min-width:74px !important;
    height:36px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    padding:0 8px !important;
    border-radius:8px !important;
    border:1px solid transparent !important;
    background:transparent !important;
    color:#8e96a4 !important;
    font-size:.72rem !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:.02em !important;
    cursor:pointer !important;
    transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease !important;
  }
  .lang-btn:hover{
    color:#fff !important;
    background:#171b22 !important;
    transform:translateY(-1px);
  }
  .lang-btn.active{
    color:#fff !important;
    background:#20252e !important;
    border-color:#39414d !important;
    box-shadow:0 6px 18px rgba(0,0,0,.22) !important;
  }
  .lang-flag{
    width:22px !important;
    height:15px !important;
    min-width:22px !important;
    object-fit:cover !important;
    border-radius:3px !important;
    display:block !important;
    box-shadow:0 0 0 1px rgba(255,255,255,.10) !important;
  }
  .lang-label{
    display:inline-block !important;
    min-width:31px !important;
    text-align:center !important;
  }
  .mobile-lang{display:none}

  /* Header subtle entrance / scroll state */
  .header{
    transition:background .35s ease,border-color .35s ease,box-shadow .35s ease !important;
  }
  .header.scrolled{
    background:rgba(7,8,11,.92) !important;
    border-bottom-color:rgba(255,255,255,.09) !important;
    box-shadow:0 12px 40px rgba(0,0,0,.20);
  }

  /* Elegant micro motion */
  @keyframes lfHeroIn{
    from{opacity:0;transform:translateY(18px)}
    to{opacity:1;transform:translateY(0)}
  }
  @keyframes lfHeroVisual{
    from{opacity:0;transform:translateY(22px) scale(.985)}
    to{opacity:1;transform:translateY(0) scale(1)}
  }
  @keyframes lfGlow{
    0%,100%{box-shadow:0 12px 40px rgba(243,173,18,.18)}
    50%{box-shadow:0 16px 54px rgba(243,173,18,.31)}
  }
  @keyframes lfAmbient{
    0%,100%{transform:translate3d(0,0,0)}
    50%{transform:translate3d(0,-7px,0)}
  }
  @keyframes lfShimmer{
    0%{transform:translateX(-140%) skewX(-18deg)}
    100%{transform:translateX(220%) skewX(-18deg)}
  }

  .hero-copy{
    animation:lfHeroIn .8s cubic-bezier(.2,.8,.2,1) both;
  }
  .hero-visual{
    animation:lfHeroVisual .95s .08s cubic-bezier(.2,.8,.2,1) both;
  }
  .hero-shot{
    transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease !important;
  }
  .hero-shot:hover{
    transform:perspective(1300px) rotateY(-2deg) translateY(-4px) !important;
    box-shadow:0 40px 100px rgba(0,0,0,.53) !important;
  }
  .hero-metrics>div{
    transition:transform .28s ease,border-color .28s ease,background .28s ease !important;
  }
  .hero-metrics>div:hover{
    transform:translateY(-4px);
    border-color:#3c4554;
    background:#131820;
  }

  .btn-primary{
    position:relative;
    overflow:hidden;
    animation:lfGlow 3.2s ease-in-out infinite;
  }
  .btn-primary::after{
    content:"";
    position:absolute;
    top:-35%;
    bottom:-35%;
    width:42px;
    left:-90px;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);
    pointer-events:none;
    transform:skewX(-18deg);
  }
  .btn-primary:hover::after{animation:lfShimmer .8s ease}
  .btn-secondary{transition:transform .25s ease,border-color .25s ease,background .25s ease !important}
  .btn-secondary:hover{transform:translateY(-2px)}

  .soft-float{
    transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s ease,box-shadow .35s ease !important;
  }
  .soft-float:hover{
    transform:translateY(-5px);
    border-color:#343c49 !important;
    box-shadow:0 20px 45px rgba(0,0,0,.18);
  }
  .compat-logo-item img{
    transition:opacity .3s ease,transform .3s ease !important;
  }
  .compat-logo-item:hover img{
    transform:scale(1.045);
    opacity:1 !important;
  }

  /* More polished reveal */
  .reveal{
    opacity:0;
    transform:translateY(22px);
    transition:opacity .72s cubic-bezier(.2,.8,.2,1),transform .72s cubic-bezier(.2,.8,.2,1);
  }
  .reveal.in{opacity:1;transform:none}
  .feature-grid .reveal:nth-child(2),
  .module-grid .reveal:nth-child(2),
  .steps .reveal:nth-child(2){transition-delay:.06s}
  .feature-grid .reveal:nth-child(3),
  .module-grid .reveal:nth-child(3),
  .steps .reveal:nth-child(3){transition-delay:.12s}
  .module-grid .reveal:nth-child(4),
  .steps .reveal:nth-child(4){transition-delay:.18s}
  .module-grid .reveal:nth-child(5){transition-delay:.24s}

  /* Subtle section illumination */
  .section::before{
    content:"";
    position:absolute;
    width:520px;height:520px;
    border-radius:50%;
    left:-360px;top:8%;
    background:radial-gradient(circle,rgba(243,173,18,.035),transparent 68%);
    pointer-events:none;
  }
  .section:nth-of-type(even)::before{
    left:auto;right:-390px;
    background:radial-gradient(circle,rgba(54,162,255,.03),transparent 68%);
  }

  /* ================================================================
     MOBILE — CENTER LITERALLY EVERYTHING
     ================================================================ */
  @media (max-width:680px){
    html,body{
      text-align:center !important;
      overflow-x:hidden !important;
    }

    .container,
    .hero-inner,
    .hero-copy,
    .hero-visual,
    .section-head,
    .section-head .copy,
    .product,
    .product .copy,
    .product .visual,
    .trial-wrap,
    .trial-side,
    .footer-row,
    .footer-brand,
    .faq,
    .card,
    .module,
    .step{
      text-align:center !important;
      margin-left:auto !important;
      margin-right:auto !important;
    }

    .header .container{
      text-align:initial !important;
    }

    /* Header */
    .nav{
      position:relative !important;
      justify-content:center !important;
      gap:8px !important;
    }
    .brand{
      display:flex !important;
      justify-content:center !important;
      align-items:center !important;
      margin:0 auto !important;
    }
    .nav-actions{
      position:absolute !important;
      right:0 !important;
      top:50% !important;
      transform:translateY(-50%) !important;
    }
    .brand img{margin:0 auto !important}
    .nav-actions{
      display:flex !important;
      align-items:center !important;
      justify-content:flex-end !important;
      gap:7px !important;
    }
    .nav-actions .lang-switch{
      display:none !important;
    }
    .mobile-menu{
      text-align:center !important;
      padding:14px !important;
    }
    .mobile-menu.open{
      display:grid !important;
      justify-items:stretch !important;
    }
    .mobile-menu a{
      text-align:center !important;
      width:100% !important;
    }
    .mobile-lang{
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      gap:5px !important;
      padding:3px 0 10px !important;
      border-bottom:1px solid #202630 !important;
      margin-bottom:4px !important;
    }
    .mobile-lang .lang-btn{
      width:78px !important;
      min-width:78px !important;
    }

    /* Hero */
    .hero-v2{
      display:flex !important;
      flex-direction:column !important;
      align-items:center !important;
      justify-content:center !important;
      width:100% !important;
    }
    .hero-copy{
      display:flex !important;
      flex-direction:column !important;
      align-items:center !important;
      justify-content:center !important;
      width:100% !important;
    }
    .hero-kicker,
    .eyebrow{
      justify-content:center !important;
      margin-left:auto !important;
      margin-right:auto !important;
      text-align:center !important;
    }
    .eyebrow::before{display:none !important}
    .hero h1,
    .hero h2,
    .hero p,
    .hero .lead,
    .hero-fine{
      text-align:center !important;
      margin-left:auto !important;
      margin-right:auto !important;
    }
    .hero-benefits{
      display:flex !important;
      flex-direction:column !important;
      justify-content:center !important;
      align-items:center !important;
      width:100% !important;
      text-align:center !important;
    }
    .hero-benefits span{
      display:flex !important;
      justify-content:center !important;
      align-items:center !important;
      text-align:center !important;
      width:100% !important;
    }
    .hero-actions{
      display:flex !important;
      flex-direction:column !important;
      align-items:center !important;
      justify-content:center !important;
      width:100% !important;
    }
    .hero-actions .btn{
      width:min(100%,360px) !important;
      margin:0 auto !important;
    }
    .hero-shot{
      margin:0 auto !important;
      width:100% !important;
      max-width:560px !important;
    }
    .hero-metrics{
      width:100% !important;
      max-width:560px !important;
      margin-left:auto !important;
      margin-right:auto !important;
    }
    .hero-metrics>div{
      text-align:center !important;
    }

    /* Compatibility */
    .compat-v2,
    .compat-title,
    .compat-note{
      text-align:center !important;
    }
    .compat-logos{
      justify-content:center !important;
      justify-items:stretch !important;
    }
    .compat-logo-item{
      margin:0 auto !important;
      width:100% !important;
      justify-content:center !important;
    }

    /* General sections */
    .section-head{
      display:flex !important;
      flex-direction:column !important;
      justify-content:center !important;
      align-items:center !important;
    }
    h1,h2,h3,h4,p,.lead{
      text-align:center !important;
      margin-left:auto !important;
      margin-right:auto !important;
    }
    .copy{
      display:flex !important;
      flex-direction:column !important;
      align-items:center !important;
      justify-content:center !important;
      width:100% !important;
    }
    .copy .lead,
    .copy>p{
      max-width:620px !important;
    }

    /* Bullets */
    .bullet-list{
      display:flex !important;
      flex-direction:column !important;
      align-items:center !important;
      justify-content:center !important;
      width:100% !important;
      padding:0 !important;
    }
    .bullet-list li{
      display:flex !important;
      flex-direction:column !important;
      align-items:center !important;
      justify-content:center !important;
      gap:7px !important;
      text-align:center !important;
      width:100% !important;
      max-width:520px !important;
    }
    .check{
      margin:0 auto !important;
    }

    /* Cards, steps, stats */
    .feature-grid,
    .steps,
    .module-grid,
    .statrow,
    .trial-points{
      justify-items:center !important;
      align-items:stretch !important;
      width:100% !important;
    }
    .card,
    .step,
    .module,
    .stat,
    .trial-point{
      width:100% !important;
      max-width:560px !important;
      text-align:center !important;
      margin-left:auto !important;
      margin-right:auto !important;
    }
    .icon,.mini{
      margin-left:auto !important;
      margin-right:auto !important;
    }
    .step::before{
      text-align:center !important;
    }
    .stat strong,.stat span,
    .trial-point b,.trial-point span,
    .module b,.module p{
      text-align:center !important;
    }

    /* Product screenshots */
    .product{
      display:flex !important;
      flex-direction:column !important;
      align-items:center !important;
      justify-content:center !important;
    }
    .product.reverse .visual,
    .product.reverse .copy{
      order:initial !important;
    }
    .visual{
      width:100% !important;
      max-width:700px !important;
      margin:0 auto !important;
    }
    .frame{
      margin-left:auto !important;
      margin-right:auto !important;
    }

    /* Economy flow */
    .flow{
      justify-content:center !important;
      align-items:center !important;
      text-align:center !important;
      margin-left:auto !important;
      margin-right:auto !important;
    }
    .legal-note{
      text-align:center !important;
      margin-left:auto !important;
      margin-right:auto !important;
    }

    /* Trial */
    .trial-wrap{
      display:flex !important;
      flex-direction:column !important;
      align-items:center !important;
      justify-content:center !important;
    }
    .trial-side .big,
    .trial-side .big small{
      text-align:center !important;
    }

    /* FAQ */
    .faq-q{
      justify-content:center !important;
      align-items:center !important;
      text-align:center !important;
      position:relative !important;
      padding-right:36px !important;
      padding-left:36px !important;
    }
    .faq-q span:first-child{
      text-align:center !important;
      width:100% !important;
    }
    .faq-q span:last-child{
      position:absolute !important;
      right:8px !important;
    }
    .faq-a p{
      text-align:center !important;
      margin-left:auto !important;
      margin-right:auto !important;
    }

    /* Footer */
    .footer-row{
      display:flex !important;
      flex-direction:column !important;
      align-items:center !important;
      justify-content:center !important;
      gap:28px !important;
    }
    .footer-row>div{
      width:100% !important;
      text-align:center !important;
    }
    .footer-brand img{
      margin:0 auto !important;
    }
    .footer a,
    .copyright{
      text-align:center !important;
    }

    /* Mobile motion kept light */
    .soft-float:hover,
    .hero-shot:hover{
      transform:none !important;
    }
    .btn-primary{
      animation-duration:4.2s !important;
    }
    .reveal{
      transform:translateY(14px);
    }
  }

  @media (prefers-reduced-motion:reduce){
    .hero-copy,.hero-visual,.btn-primary,.soft-float{
      animation:none !important;
    }
    .reveal{
      opacity:1 !important;
      transform:none !important;
    }
  }



  /* ==========================================================
     V6 — MENU FIX
     Mantém o header com a mesma altura em PT-BR / EN / ES
     e impede qualquer item de quebrar em duas linhas.
     ========================================================== */

  @media (min-width:1021px){
    .nav{
      height:74px !important;
      min-height:74px !important;
      max-height:74px !important;
      display:flex !important;
      align-items:center !important;
      justify-content:space-between !important;
      gap:14px !important;
      overflow:visible !important;
    }

    .brand{
      flex:0 0 auto !important;
      display:flex !important;
      align-items:center !important;
      white-space:nowrap !important;
    }

    .brand img{
      width:168px !important;
      max-width:168px !important;
      height:auto !important;
    }

    .navlinks{
      flex:1 1 auto !important;
      min-width:0 !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      gap:clamp(11px,1.25vw,22px) !important;
      white-space:nowrap !important;
      flex-wrap:nowrap !important;
      line-height:1 !important;
    }

    .navlinks a{
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      min-height:40px !important;
      padding:0 !important;
      margin:0 !important;
      white-space:nowrap !important;
      word-break:keep-all !important;
      overflow-wrap:normal !important;
      line-height:1 !important;
      font-size:clamp(.76rem,.82vw,.89rem) !important;
      flex:0 0 auto !important;
    }

    .nav-actions{
      flex:0 0 auto !important;
      display:flex !important;
      align-items:center !important;
      justify-content:flex-end !important;
      gap:10px !important;
      height:44px !important;
      white-space:nowrap !important;
    }

    .lang-switch{
      flex:0 0 auto !important;
      height:44px !important;
      min-height:44px !important;
      padding:4px !important;
      gap:3px !important;
      white-space:nowrap !important;
    }

    .lang-btn{
      width:66px !important;
      min-width:66px !important;
      max-width:66px !important;
      height:34px !important;
      min-height:34px !important;
      padding:0 7px !important;
      gap:6px !important;
      flex:0 0 66px !important;
      white-space:nowrap !important;
    }

    .lang-flag{
      width:20px !important;
      min-width:20px !important;
      height:14px !important;
    }

    .lang-label{
      min-width:28px !important;
      white-space:nowrap !important;
    }

    .nav-actions .download-btn,
    .nav-actions .btn{
      min-height:44px !important;
      height:44px !important;
      padding:0 18px !important;
      white-space:nowrap !important;
      line-height:1 !important;
      font-size:clamp(.77rem,.82vw,.88rem) !important;
    }
  }

  /* Faixa intermediária de desktop/notebook:
     reduz levemente os espaços sem quebrar o menu. */
  @media (min-width:1021px) and (max-width:1320px){
    .container.nav{
      width:min(100% - 24px,var(--max)) !important;
    }

    .brand img{
      width:150px !important;
      max-width:150px !important;
    }

    .nav{
      gap:10px !important;
    }

    .navlinks{
      gap:10px !important;
    }

    .navlinks a{
      font-size:.75rem !important;
    }

    .lang-btn{
      width:61px !important;
      min-width:61px !important;
      max-width:61px !important;
      flex-basis:61px !important;
      padding:0 5px !important;
    }

    .lang-label{
      min-width:25px !important;
      font-size:.68rem !important;
    }

    .nav-actions{
      gap:7px !important;
    }

    .nav-actions .download-btn,
    .nav-actions .btn{
      padding:0 14px !important;
      font-size:.76rem !important;
    }
  }

  /* Em resoluções onde o desktop ficaria apertado demais,
     troca para o menu mobile antes de ocorrer qualquer quebra. */
  @media (min-width:1021px) and (max-width:1120px){
    .navlinks{
      display:none !important;
    }

    .hamb{
      display:inline-grid !important;
      place-items:center !important;
    }

    .nav-actions .lang-switch{
      display:flex !important;
    }
  }



  /* V7 — language switch with flags only */
  .lang-btn{
    gap:0 !important;
    justify-content:center !important;
  }

  .lang-btn .lang-flag{
    margin:0 auto !important;
  }

  .lang-btn .lang-label{
    display:none !important;
  }

  @media (min-width:1021px){
    .lang-switch{
      gap:4px !important;
    }

    .lang-btn{
      width:46px !important;
      min-width:46px !important;
      max-width:46px !important;
      flex:0 0 46px !important;
      height:34px !important;
      padding:0 !important;
    }

    .lang-flag{
      width:22px !important;
      min-width:22px !important;
      height:15px !important;
    }
  }

  @media (min-width:1021px) and (max-width:1320px){
    .lang-btn{
      width:44px !important;
      min-width:44px !important;
      max-width:44px !important;
      flex-basis:44px !important;
    }
  }

  @media (max-width:680px){
    .mobile-lang{
      gap:8px !important;
    }

    .mobile-lang .lang-btn{
      width:50px !important;
      min-width:50px !important;
      max-width:50px !important;
      flex:0 0 50px !important;
      height:38px !important;
      padding:0 !important;
    }

    .mobile-lang .lang-flag{
      width:24px !important;
      min-width:24px !important;
      height:16px !important;
    }
  }


/* Converted from former inline style attributes */
.lf-inline-1{margin-bottom:28px}
.lf-inline-2{margin-top:14px}
.lf-inline-3{margin-top:18px}
.lf-inline-4{justify-content:center;text-align:center}
.lf-inline-5{align-items:center}


/* ==========================================================
   DYNAMIC RELEASE + GOOGLE PLAY
   ========================================================== */
.version-badge{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:7px;
  width:max-content;
  max-width:100%;
  margin-bottom:22px;
  padding:8px 12px;
  border:1px solid rgba(243,173,18,.32);
  border-radius:999px;
  background:rgba(243,173,18,.08);
  color:#ffd159;
  font-size:.78rem;
  line-height:1;
  font-weight:800;
  white-space:nowrap;
  box-shadow:0 8px 30px rgba(0,0,0,.16);
}
.version-badge-dot{
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 13px rgba(243,173,18,.78);
}
.version-number{
  color:#fff4c4;
  font-weight:900;
}
.playstore-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  height:52px;
  width:auto;
  flex:0 0 auto;
  border-radius:10px;
  overflow:hidden;
  transition:transform .24s ease,filter .24s ease,opacity .24s ease;
}
.playstore-btn:hover{
  transform:translateY(-2px);
  filter:brightness(1.07);
}
.google-play-badge{
  display:block;
  height:52px;
  width:auto;
  max-width:none;
}
.hero-actions{
  align-items:center;
}

@media (max-width:680px){
  .version-badge{
    justify-content:center;
    margin-left:auto;
    margin-right:auto;
    font-size:.74rem;
  }
  .playstore-btn{
    width:min(100%,230px) !important;
    height:auto;
    min-height:0;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .google-play-badge{
    width:100%;
    height:auto;
    max-width:230px;
  }
}