/* Responsive VerdeVivo experience. Hero artwork is never reconstructed in CSS. */
.mobile-hero,.top-nav-mobile-support{display:none}
.top-nav-actions{justify-self:end;display:flex;align-items:center;gap:10px}
.top-nav-language{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:34px;padding:0 12px;border:1px solid rgba(244,240,228,.20);border-radius:999px;background:rgba(255,255,255,.025);color:#f4f0e4;font:700 .66rem/1 Inter,system-ui,sans-serif;letter-spacing:.08em;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.top-nav-language:hover,.top-nav-language:focus-visible{border-color:rgba(149,196,111,.58);background:rgba(149,196,111,.08)}
.top-nav-language:active{transform:scale(.97)}

/* Desktop master: genuine full-width artwork, no framing or synthetic side fill. */
.hero-master{position:relative;width:100%;margin:0;overflow:hidden;background:#06100b;line-height:0}
.hero-master-image{display:block;width:100%;height:auto;max-width:none;margin:0}

/* Dedicated portrait master, hidden outside phone widths. */
.mobile-hero{position:relative;width:100%;overflow:hidden;background:#06100b;line-height:0}
.mobile-hero-image{display:block;width:100%;height:auto;max-width:none}
.mobile-hero-hotspot{position:absolute;z-index:5;display:block;background:transparent;border-radius:10px;line-height:normal}
.mobile-hero-hotspot.apple{left:12.6%;top:31.9%;width:23.8%;height:5.1%}
.mobile-hero-hotspot.google{left:38.6%;top:31.9%;width:25.3%;height:5.1%}
.mobile-hero-hotspot:focus-visible{outline:2px solid #fff;outline-offset:3px}

@media(max-width:760px){
  html,body{overflow-x:hidden}
  body{background:#06100b}

  .top-nav{position:sticky;top:0;z-index:120;background:rgba(4,12,8,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .top-nav-inner{width:calc(100% - 28px);height:auto;min-height:58px;padding:0;margin:auto;grid-template-columns:1fr auto;grid-template-rows:58px 42px;gap:0}
  .top-nav-brand{grid-column:1;grid-row:1;font-size:1.22rem}
  .top-nav-actions{grid-column:2;grid-row:1}
  .top-nav-support{display:none}
  .top-nav-language{min-width:44px;height:34px;padding:0 12px;font-size:.68rem}
  .top-nav-links{grid-column:1/-1;grid-row:2;justify-content:flex-start;gap:24px;overflow-x:auto;padding:0 0 13px;scrollbar-width:none;white-space:nowrap}
  .top-nav-links::-webkit-scrollbar{display:none}
  .top-nav-links a{font-size:.68rem;min-height:28px;display:inline-flex;align-items:center}
  .top-nav-links a::after{bottom:0}
  .top-nav-mobile-support{display:inline-flex!important}

  .hero-master{display:none!important}
  .mobile-hero{display:block}

  .premium-shell{width:calc(100% - 36px)}
  .premium-what .premium-shell{padding:78px 0 72px}
  .premium-what-head{display:block}
  .premium-what-head .premium-eyebrow{margin-bottom:18px}
  .premium-display{font-size:clamp(2.8rem,12.8vw,4.25rem);line-height:.98}
  .premium-what-lead{display:block;margin-top:22px}
  .premium-copy{font-size:.95rem;line-height:1.7}
  .value-grid{margin-top:42px}
  .value-card,.value-card+ .value-card{padding:26px 0 28px}
  .value-number{margin-bottom:14px}
  .value-card h3{font-size:1.8rem;margin-bottom:8px}
  .value-card p{max-width:none;font-size:.9rem;line-height:1.62}

  .story-section .premium-shell{padding:78px 0}
  .story-grid{gap:46px}
  .story-intro .premium-display{margin-top:17px}
  .story-intro .premium-copy{margin-top:22px}
  .story-signature{margin-top:28px;font-size:1.16rem}
  .story-step{grid-template-columns:38px 1fr;gap:12px;padding:27px 0 29px}
  .story-step h3{font-size:1.72rem}
  .story-step p{font-size:.89rem;line-height:1.64}

  .trial-section{padding:68px 0}
  .trial-card{grid-template-columns:1fr;gap:38px;padding:32px 22px;border-radius:26px}
  .trial-copy .premium-display{font-size:clamp(2.8rem,12.8vw,4rem);margin-top:16px}
  .trial-copy .premium-copy{margin-top:21px}
  .trial-store-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px}
  .trial-fact{grid-template-columns:56px 1fr;padding:18px 0}
  .trial-fact b{font-size:1.75rem}

  .premium-download .download-inner{padding:82px 18px}
  .premium-download .signature{font-size:1.35rem;margin-bottom:16px}
  .premium-download h2{font-size:clamp(3.25rem,15vw,4.8rem);line-height:.96}
  .premium-download .download-subline{font-size:.94rem;line-height:1.66;margin-top:22px}
  .premium-download .store-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}

  .trial-store-row .store-badge-apple,.premium-download .store-badge-apple{height:43px}
  .trial-store-row .store-badge-google,.premium-download .store-badge-google{height:57px;margin:-7px -8px}

  .site-footer .footer-inner{min-height:0;padding:34px 0;display:grid;grid-template-columns:1fr;gap:22px;text-align:center}
  .footer-brand{justify-self:center}
  .footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 20px}
  .copyright{justify-self:center}

  #features,#why,#try,#download{scroll-margin-top:100px}
  [data-reveal]{transform:translateY(16px)}
}

@media(max-width:390px){
  .top-nav-links{gap:20px}
  .premium-shell{width:calc(100% - 30px)}
  .trial-card{padding:29px 18px}
}

@media(min-width:761px){
  .mobile-hero{display:none!important}
  .hero-master{width:100%;height:calc(100svh - 72px);min-height:0;margin:0;overflow:hidden;background:#06100b}
  .hero-master::before,.hero-master::after{content:none!important;display:none!important}
  .hero-master-image{position:relative;width:100%;height:100%;max-width:none;margin:0;object-fit:fill;transform:none;visibility:visible}
  .hero-store-hotspot{z-index:5}
}