#hopee-me-page{scroll-behavior:smooth;margin:0;
      color:var(--navy);
      background:#fff;
      font-family:"Roboto",Arial,sans-serif;
      line-height:1.6;
      overflow-x:hidden;}
#hopee-me-page{
      --navy:#042330;
      --navy-2:#083446;
      --green:#6CC164;
      --green-2:#9DDE97;
      --mint:#F0FAEF;
      --mint-2:#D6F4D3;
      --mist:#EAF1F5;
      --blue:#7CA7B9;
      --slate:#3D6474;
      --white:#FFFFFF;
      --text:#DDE9ED;
      --muted:#B7CBD2;
      --border-dark:rgba(4,35,48,.11);
      --border-light:rgba(255,255,255,.11);
      --shadow:0 24px 60px rgba(4,35,48,.16);
      --shadow-dark:0 28px 66px rgba(0,0,0,.28);
      --radius:30px;
      --radius-sm:20px;
      --max:1220px;
    }
#hopee-me-page *{ box-sizing:border-box; }
#hopee-me-page img{ display:block; max-width:100%; }
#hopee-me-page a{ text-decoration:none; }
#hopee-me-page h1, #hopee-me-page h2, #hopee-me-page h3, #hopee-me-page h4, #hopee-me-page p{ margin:0; }
#hopee-me-page h1, #hopee-me-page h2, #hopee-me-page h3, #hopee-me-page h4{
      font-family:"Nunito",Arial,sans-serif;
      font-weight:700;
      letter-spacing:-.038em;
    }
#hopee-me-page h1{
      font-size:clamp(46px,6vw,78px);
      line-height:.97;
      color:#fff;
    }
#hopee-me-page h2{
      font-size:clamp(34px,4.6vw,58px);
      line-height:1.03;
    }
#hopee-me-page h3{
      font-size:clamp(23px,2.4vw,31px);
      line-height:1.08;
    }
#hopee-me-page .page{ overflow:hidden; }
#hopee-me-page .container{ width:min(var(--max),calc(100% - 40px)); margin:0 auto; }
#hopee-me-page .section{ position:relative; padding:98px 0; }
#hopee-me-page .section-white{ background:#fff; }
#hopee-me-page .section-mint{ background:var(--mint); }
#hopee-me-page .section-mist{ background:var(--mist); }
#hopee-me-page .section-dark{ background:var(--navy); color:#fff; }
#hopee-me-page .green{ color:var(--green); }
#hopee-me-page .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:10px;
      margin-bottom:18px;
      color:var(--green);
      font:800 12px/1 "Nunito",Arial,sans-serif;
      letter-spacing:.14em;
      text-transform:uppercase;
    }
#hopee-me-page .eyebrow::before{
      content:"";
      width:34px;
      height:2px;
      border-radius:99px;
      background:currentColor;
    }
#hopee-me-page .body-lg{ font-size:clamp(18px,1.8vw,21px); line-height:1.68; }
#hopee-me-page .body{ font-size:17px; line-height:1.72; }
#hopee-me-page .muted{ color:var(--muted); }
#hopee-me-page .btn-row{
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      gap:14px;
      margin-top:28px;
    }
#hopee-me-page .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      min-height:56px;
      padding:0 23px;
      border-radius:16px;
      border:1px solid transparent;
      font:800 17px/1 "Nunito",Arial,sans-serif;
      transition:.22s ease;
    }
#hopee-me-page .btn:hover{ transform:translateY(-2px); }
#hopee-me-page .btn-primary{ color:var(--navy); background:var(--green); }
#hopee-me-page .btn-primary:hover{ background:#7acf72; }
#hopee-me-page .btn-outline{ color:#fff; border-color:rgba(255,255,255,.42); }
#hopee-me-page .btn-outline:hover{ background:rgba(255,255,255,.06); }
#hopee-me-page .btn-dark-outline{ color:var(--navy); border-color:rgba(4,35,48,.20); }
#hopee-me-page .btn-dark-outline:hover{ background:rgba(4,35,48,.04); }
#hopee-me-page .store-btn{
      display:inline-flex;
      align-items:center;
      gap:12px;
      min-height:58px;
      padding:10px 17px;
      border:1px solid rgba(255,255,255,.18);
      border-radius:16px;
      color:#fff;
      background:rgba(255,255,255,.07);
      transition:.22s ease;
      backdrop-filter:blur(10px);
    }
#hopee-me-page .store-btn:hover{ transform:translateY(-2px); background:rgba(255,255,255,.10); }
#hopee-me-page .store-icon{ font-size:26px; }
#hopee-me-page .store-btn small{ display:block; color:#cfe0e5; font-size:11px; line-height:1.15; }
#hopee-me-page .store-btn strong{ display:block; margin-top:2px; font:800 17px/1.2 "Nunito",Arial,sans-serif; }
#hopee-me-page .reveal{
      opacity:0;
      transform:translateY(24px);
      transition:opacity .7s ease,transform .7s ease;
    }
#hopee-me-page .reveal.visible{ opacity:1; transform:none; }
#hopee-me-page .delay-1{ transition-delay:.08s; }
#hopee-me-page .delay-2{ transition-delay:.16s; }
#hopee-me-page .delay-3{ transition-delay:.24s; }
#hopee-me-page .delay-4{ transition-delay:.32s; }
#hopee-me-page .phone{
      position:relative;
      width:250px;
      padding:12px;
      border-radius:48px;
      background:#111A20;
      border:2px solid rgba(255,255,255,.17);
      box-shadow:0 34px 70px rgba(0,0,0,.36);
      overflow:hidden;
    }
/* PHONE FRAME */
#hopee-me-page .phone::before{
      content:"";
      position:absolute;
      top:10px;
      left:50%;
      transform:translateX(-50%);
      width:74px;
      height:18px;
      z-index:4;
      border-radius:999px;
      background:#05080A;
    }
#hopee-me-page .phone-screen{
      display:block;
      width:100%;
      aspect-ratio:390/844;
      border-radius:39px;
      object-fit:contain;
      object-position:top center;
      background:#F4F7F8;
    }
#hopee-me-page .phone.small{ width:220px; }
#hopee-me-page .phone.large{ width:278px; }
#hopee-me-page .hero{
      min-height:760px;
      padding:80px 0 94px;
      color:#fff;
      background:
        radial-gradient(circle at 12% 24%,rgba(108,193,100,.13),transparent 22%),
        radial-gradient(circle at 82% 18%,rgba(124,167,185,.13),transparent 20%),
        linear-gradient(180deg,#031F2B,#042330);
    }
/* HERO */
#hopee-me-page .hero-grid{
      display:grid;
      grid-template-columns:1.02fr .98fr;
      gap:44px;
      align-items:center;
    }
#hopee-me-page .hero-copy{ position:relative; z-index:3; }
#hopee-me-page .hero-copy .body-lg{
      max-width:690px;
      margin-top:24px;
      color:var(--muted);
    }
#hopee-me-page .hero-pills{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin-top:25px;
    }
#hopee-me-page .hero-pill{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:10px 13px;
      border:1px solid var(--border-light);
      border-radius:999px;
      color:#fff;
      background:rgba(255,255,255,.055);
      font:800 13px/1 "Nunito",Arial,sans-serif;
    }
#hopee-me-page .hero-pill i{
      width:8px;
      height:8px;
      border-radius:50%;
      background:var(--green);
      box-shadow:0 0 0 6px rgba(108,193,100,.12);
    }
#hopee-me-page .hero-store-row{
      display:flex;
      flex-wrap:wrap;
      gap:12px;
      margin-top:26px;
    }
#hopee-me-page .hero-note{
      margin-top:16px;
      color:var(--muted);
      font-size:14px;
    }
#hopee-me-page .hero-visual{
      position:relative;
      min-height:610px;
      display:flex;
      align-items:center;
      justify-content:center;
      isolation:isolate;
    }
#hopee-me-page .hero-visual::before{
      content:"";
      position:absolute;
      width:600px;
      height:600px;
      border:1px solid rgba(108,193,100,.12);
      border-radius:50%;
      animation:spin 28s linear infinite;
      z-index:-2;
    }
#hopee-me-page .hero-visual::after{
      content:"";
      position:absolute;
      width:320px;
      height:320px;
      border-radius:50%;
      background:rgba(108,193,100,.18);
      filter:blur(75px);
      z-index:-3;
    }
#hopee-me-page .phone-cluster{
      position:relative;
      width:650px;
      height:560px;
    }
#hopee-me-page .phone-cluster .phone{
      position:absolute;
      animation:float 6s ease-in-out infinite;
    }
#hopee-me-page .phone-cluster .main{ left:50%; top:28px; transform:translateX(-50%); z-index:3; }
#hopee-me-page .phone-cluster .left{
      left:48px;
      top:92px;
      transform:rotate(-9deg);
      z-index:1;
      animation-delay:.35s;
    }
#hopee-me-page .phone-cluster .right{
      right:35px;
      top:115px;
      transform:rotate(10deg);
      z-index:2;
      animation-delay:.7s;
    }
#hopee-me-page .divider{
      position:absolute;
      left:0;
      bottom:-1px;
      width:100%;
      height:92px;
      pointer-events:none;
    }
/* DIVIDER */
#hopee-me-page .divider svg{ width:100%; height:100%; display:block; }
#hopee-me-page .section-heading{
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:30px;
      margin-bottom:40px;
    }
/* FEATURE GRID */
#hopee-me-page .section-heading h2{ max-width:720px; }
#hopee-me-page .section-heading p{ max-width:510px; color:#526F7B; }
#hopee-me-page .features-grid{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:20px;
    }
#hopee-me-page .feature-card{
      min-height:270px;
      padding:27px;
      border:1px solid var(--border-dark);
      border-radius:24px;
      background:#fff;
      box-shadow:var(--shadow);
      transition:.25s ease;
    }
#hopee-me-page .feature-card:hover{ transform:translateY(-4px); }
#hopee-me-page .feature-icon{
      width:52px;
      height:52px;
      display:grid;
      place-items:center;
      margin-bottom:18px;
      border-radius:16px;
      color:var(--green);
      background:rgba(108,193,100,.15);
      font:800 21px/1 "Nunito",Arial,sans-serif;
    }
#hopee-me-page .feature-card p{
      margin-top:12px;
      color:#526F7B;
    }
#hopee-me-page .feature-tag{
      display:inline-block;
      margin-top:16px;
      color:#3D6474;
      font:800 11px/1 "Nunito",Arial,sans-serif;
      letter-spacing:.12em;
      text-transform:uppercase;
    }
#hopee-me-page .eye-grid{
      display:grid;
      grid-template-columns:.92fr 1.08fr;
      gap:50px;
      align-items:center;
    }
/* HOPEE EYE */
#hopee-me-page .eye-copy p{ margin-top:20px; color:var(--muted); max-width:610px; }
#hopee-me-page .keywords{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin-top:24px;
    }
#hopee-me-page .keyword{
      padding:10px 13px;
      border:1px solid rgba(255,255,255,.13);
      border-radius:999px;
      color:#fff;
      background:rgba(255,255,255,.055);
      font:800 13px/1 "Nunito",Arial,sans-serif;
    }
#hopee-me-page .eye-visual{
      position:relative;
      min-height:470px;
      display:flex;
      align-items:center;
      justify-content:center;
    }
#hopee-me-page .eye-visual .phone{ position:relative; z-index:3; }
#hopee-me-page .signal-card{
      position:absolute;
      width:230px;
      padding:18px;
      border:1px solid rgba(255,255,255,.12);
      border-radius:20px;
      background:rgba(255,255,255,.06);
      box-shadow:var(--shadow-dark);
      backdrop-filter:blur(12px);
    }
#hopee-me-page .signal-card strong{
      display:block;
      color:var(--green);
      font:800 16px/1.25 "Nunito",Arial,sans-serif;
    }
#hopee-me-page .signal-card span{
      display:block;
      margin-top:6px;
      color:var(--muted);
      font-size:14px;
      line-height:1.5;
    }
#hopee-me-page .signal-card.one{ left:0; top:80px; }
#hopee-me-page .signal-card.two{ right:0; bottom:74px; }
#hopee-me-page .paths-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:22px;
    }
/* PATHS */
#hopee-me-page .path-card{
      padding:30px;
      border:1px solid var(--border-dark);
      border-radius:28px;
      background:#fff;
      box-shadow:var(--shadow);
    }
#hopee-me-page .path-number{
      display:inline-grid;
      place-items:center;
      width:46px;
      height:46px;
      margin-bottom:18px;
      border-radius:50%;
      color:var(--navy);
      background:var(--green);
      font:800 15px/1 "Nunito",Arial,sans-serif;
    }
#hopee-me-page .path-card > p{
      margin-top:12px;
      color:#526F7B;
    }
#hopee-me-page .steps{
      display:grid;
      gap:12px;
      margin-top:23px;
    }
#hopee-me-page .step{
      display:grid;
      grid-template-columns:34px 1fr;
      gap:12px;
      align-items:start;
    }
#hopee-me-page .step span{
      display:grid;
      place-items:center;
      width:31px;
      height:31px;
      border-radius:50%;
      color:#fff;
      background:var(--navy);
      font:800 12px/1 "Nunito",Arial,sans-serif;
    }
#hopee-me-page .step strong{
      display:block;
      color:var(--navy);
      font:800 16px/1.35 "Nunito",Arial,sans-serif;
    }
#hopee-me-page .step small{
      display:block;
      margin-top:3px;
      color:#6B858F;
      font-size:13px;
    }
#hopee-me-page .phones-grid{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:24px;
      align-items:end;
    }
/* INSIDE APP */
#hopee-me-page .phone-item{
      text-align:center;
    }
#hopee-me-page .phone-item .phone{
      margin:0 auto;
      transition:.25s ease;
    }
#hopee-me-page .phone-item:hover .phone{ transform:translateY(-5px); }
#hopee-me-page .phone-item h3{
      margin-top:20px;
      color:var(--navy);
      font-size:23px;
    }
#hopee-me-page .phone-item p{
      margin-top:5px;
      color:#607A84;
      font-size:14px;
    }
#hopee-me-page .download-grid{
      display:grid;
      grid-template-columns:.9fr 1.1fr;
      gap:42px;
      align-items:center;
    }
/* DOWNLOAD */
#hopee-me-page .download-copy p{ max-width:600px; margin-top:18px; color:var(--muted); }
#hopee-me-page .qr-row{
      display:flex;
      flex-wrap:wrap;
      gap:18px;
      margin-top:25px;
    }
#hopee-me-page .qr-box{
      width:150px;
      padding:16px;
      border-radius:18px;
      text-align:center;
      color:#fff;
      background:rgba(255,255,255,.07);
      border:1px solid rgba(255,255,255,.12);
    }
#hopee-me-page .qr-placeholder{
      aspect-ratio:1;
      display:grid;
      place-items:center;
      border-radius:12px;
      color:var(--navy);
      background:#fff;
      font:800 12px/1.2 "Nunito",Arial,sans-serif;
    }
#hopee-me-page .qr-box strong{
      display:block;
      margin-top:10px;
      font:800 14px/1.2 "Nunito",Arial,sans-serif;
    }
#hopee-me-page .download-visual{
      position:relative;
      min-height:470px;
      display:flex;
      align-items:center;
      justify-content:center;
    }
#hopee-me-page .download-visual .phone{
      position:absolute;
    }
#hopee-me-page .download-visual .phone:first-child{ left:16%; transform:rotate(-8deg); }
#hopee-me-page .download-visual .phone:last-child{ right:16%; transform:rotate(8deg); }
#hopee-me-page .admin-band{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:30px;
      padding:34px;
      border:1px solid var(--border-dark);
      border-radius:28px;
      background:#fff;
      box-shadow:var(--shadow);
    }
/* ADMIN */
#hopee-me-page .admin-band p{
      max-width:730px;
      margin-top:9px;
      color:#55727E;
    }
#hopee-me-page @keyframes float{
      0%,100% { translate:0 0; }
#hopee-me-page 50%{ translate:0 -10px; }
#hopee-me-page }
    @keyframes spin{
      from { transform:rotate(0); }
#hopee-me-page to{ transform:rotate(360deg); }
}
@media (max-width:1080px){
#hopee-me-page .hero-grid, #hopee-me-page .eye-grid, #hopee-me-page .download-grid{
        grid-template-columns:1fr;
      }
#hopee-me-page .hero-visual{ order:-1; min-height:560px; }
#hopee-me-page .section-heading{ flex-direction:column; align-items:flex-start; }
#hopee-me-page .phones-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px){
#hopee-me-page .container{ width:min(var(--max),calc(100% - 28px)); }
#hopee-me-page .section{ padding:74px 0; }
#hopee-me-page .hero{ padding-top:48px; }
#hopee-me-page .features-grid, #hopee-me-page .paths-grid, #hopee-me-page .phones-grid{
        grid-template-columns:1fr;
      }
#hopee-me-page .hero-visual{ min-height:420px; }
#hopee-me-page .phone-cluster{ width:100%; height:410px; }
#hopee-me-page .phone-cluster .main{ left:50%; }
#hopee-me-page .phone-cluster .left{ left:2%; top:95px; }
#hopee-me-page .phone-cluster .right{ right:2%; top:105px; }
#hopee-me-page .phone-cluster .phone.large{ width:205px; }
#hopee-me-page .phone-cluster .phone.small{ width:165px; }
#hopee-me-page .store-btn, #hopee-me-page .btn{ width:100%; }
#hopee-me-page .hero-store-row, #hopee-me-page .btn-row{ flex-direction:column; }
#hopee-me-page .eye-visual{ min-height:530px; }
#hopee-me-page .signal-card.one{ left:0; top:20px; }
#hopee-me-page .signal-card.two{ right:0; bottom:20px; }
#hopee-me-page .download-visual{ min-height:420px; }
#hopee-me-page .download-visual .phone:first-child{ left:2%; }
#hopee-me-page .download-visual .phone:last-child{ right:2%; }
#hopee-me-page .admin-band{ flex-direction:column; align-items:flex-start; }
}
@media (prefers-reduced-motion:reduce){
#hopee-me-page *, #hopee-me-page *::before, #hopee-me-page *::after{ animation:none!important; transition:none!important; }
#hopee-me-page .reveal{ opacity:1; transform:none; }
#hopee-me-page{scroll-behavior:auto;}
}
#hopee-me-page .seo-copy-section{
  padding-top:82px;
  padding-bottom:82px;
}
/* SEO FIRST V2 */
#hopee-me-page .seo-copy{
  max-width:900px;
}
#hopee-me-page .seo-copy h2{
  max-width:820px;
}
#hopee-me-page .seo-copy p{
  max-width:820px;
  margin-top:18px;
  color:#526F7B;
}
#hopee-me-page .phones-grid{ align-items:start; }
/* APP + QR UPDATE V3 */
/* LOGO VISIBILITY FIX V4 */
#hopee-me-page .phone-item .phone{ box-shadow:0 20px 44px rgba(0,0,0,.18); }
#hopee-me-page .phone-item h3{ font-size:19px; line-height:1.15; }
#hopee-me-page .phone-item p{ max-width:220px; margin:6px auto 0; line-height:1.38; }
#hopee-me-page .hero-visual .phone-screen, #hopee-me-page .download-visual .phone-screen, #hopee-me-page .eye-visual .phone-screen{ background:#EFF4F6; }
@media (max-width: 1320px){
#hopee-me-page .phone.small{ width:200px; }
}
#hopee-me-page .app-heading{ align-items:flex-start; }
#hopee-me-page .app-heading p{ padding-top:10px; }
#hopee-me-page .phone-item p{ max-width:230px; margin-left:auto; margin-right:auto; }
#hopee-me-page .phone-item .phone{ background:#0C1820; }
#hopee-me-page .qr-box{ background:rgba(255,255,255,.08); }
#hopee-me-page .qr-box img.qr-image{
  width:118px;
  height:118px;
  object-fit:contain;
  display:block;
  margin:0 auto;
  border-radius:8px;
  background:#fff;
}
#hopee-me-page .qr-box .qr-placeholder{ background:transparent; padding:0; }
#hopee-me-page .download-visual .phone:first-child{ left:10%; transform:rotate(-7deg); }
#hopee-me-page .download-visual .phone:last-child{ right:10%; transform:rotate(7deg); }
@media (max-width:1080px){
#hopee-me-page .app-heading p{ padding-top:0; }
}
#hopee-me-page .phone{
  padding: 11px;
}
/* RESIZE / ALIGN FIX V5 */
#hopee-me-page .phone-screen{
  object-fit: contain;
  object-position: top center;
}
#hopee-me-page .hero-visual{
  min-height: 640px;
}
#hopee-me-page .phone-cluster{
  width: 700px;
  height: 590px;
}
#hopee-me-page .phone-cluster .phone.large{
  width: 298px;
}
#hopee-me-page .hero-visual .phone.small{
  width: 214px;
}
#hopee-me-page .hero-visual .phone-screen{
  transform: scale(.96);
  transform-origin: top center;
}
#hopee-me-page .phone-cluster .left{
  left: 70px;
  top: 105px;
}
#hopee-me-page .phone-cluster .right{
  right: 60px;
  top: 122px;
}
#hopee-me-page .eye-visual .phone.large{
  width: 286px;
}
#hopee-me-page .eye-visual .phone-screen{
  transform: scale(.965);
  transform-origin: top center;
}
#hopee-me-page .phones-grid{
  gap: 18px;
  align-items: start;
}
#hopee-me-page .phone-item{
  display: flex;
  flex-direction: column;
  align-items: center;
}
#hopee-me-page .phone-item .phone{
  width: 208px;
}
#hopee-me-page .phones-grid .phone-screen{
  transform: scale(.93);
  transform-origin: top center;
}
#hopee-me-page .phone-item h3{
  margin-top: 18px;
  max-width: 240px;
}
#hopee-me-page .phone-item p{
  max-width: 235px;
}
#hopee-me-page .download-visual{
  min-height: 500px;
}
#hopee-me-page .download-visual .phone{
  width: 242px;
}
#hopee-me-page .download-visual .phone-screen{
  transform: scale(.94);
  transform-origin: top center;
}
#hopee-me-page .download-visual .phone:first-child{
  left: 13%;
  transform: rotate(-8deg) translateY(-6px);
}
#hopee-me-page .download-visual .phone:last-child{
  right: 13%;
  transform: rotate(8deg) translateY(6px);
}
@media (max-width: 1320px){
#hopee-me-page .phone-item .phone{ width: 188px; }
#hopee-me-page .download-visual .phone{ width: 220px; }
}
@media (max-width: 1180px){
#hopee-me-page .phones-grid{ grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
}
@media (max-width: 860px){
#hopee-me-page .phone-item .phone{ width: 205px; }
#hopee-me-page .hero-visual .phone.small{ width: 168px; }
#hopee-me-page .phone-cluster .phone.large{ width: 228px; }
#hopee-me-page .download-visual .phone{ width: 190px; }
}
#hopee-me-page .phone{
  position:relative;
  width:238px;
  padding:9px;
  padding-top:20px;
  border-radius:46px;
  background:linear-gradient(145deg,#19262E,#0D151A);
  border:2px solid rgba(255,255,255,.20);
  box-shadow:0 26px 58px rgba(0,0,0,.27);
  overflow:hidden;
}
/* =========================================================
   V6 — TELEFONI COME NELLA PAGINA ATTUALE HOPEE
   Schermate intere, logo visibile, proporzioni uniformi
   ========================================================= */
#hopee-me-page .phone::before{
  content:"";
  position:absolute;
  top:7px;
  left:50%;
  transform:translateX(-50%);
  width:62px;
  height:16px;
  z-index:5;
  border-radius:999px;
  background:#030607;
}
#hopee-me-page .phone::after{
  content:"";
  position:absolute;
  bottom:6px;
  left:50%;
  transform:translateX(-50%);
  width:72px;
  height:4px;
  border-radius:999px;
  background:rgba(255,255,255,.75);
  z-index:5;
}
#hopee-me-page .phone-screen{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1/2;
  object-fit:contain;
  object-position:top center;
  border-radius:34px;
  background:#F4F7F8;
  transform:none!important;
}
#hopee-me-page .phone.small{ width:198px; }
#hopee-me-page .phone.large{ width:268px; }
#hopee-me-page .hero-visual{ min-height:610px; }
/* HERO */
#hopee-me-page .phone-cluster{ width:640px; height:535px; }
#hopee-me-page .phone-cluster .main{ left:50%; top:24px; transform:translateX(-50%); }
#hopee-me-page .phone-cluster .left{ left:65px; top:112px; transform:rotate(-7deg); }
#hopee-me-page .phone-cluster .right{ right:55px; top:122px; transform:rotate(7deg); }
#hopee-me-page .hero-visual .phone.small{ width:188px; }
#hopee-me-page .hero-visual .phone.large{ width:260px; }
#hopee-me-page .eye-visual{ min-height:560px; }
/* HOPEE EYE */
#hopee-me-page .eye-visual .phone.large{ width:232px; }
#hopee-me-page .eye-visual .phone{ transform:translateX(8px); }
#hopee-me-page .signal-card.one{ left:-84px; top:78px; width:220px; }
#hopee-me-page .signal-card.two{ right:-156px; bottom:92px; width:272px; }
#hopee-me-page .phones-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:28px;
  align-items:start;
}
/* DENTRO L'APP */
#hopee-me-page .phone-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
#hopee-me-page .phone-item .phone{
  width:188px;
  margin:0 auto;
}
#hopee-me-page .phone-item h3{
  margin-top:18px;
  font-size:20px;
  line-height:1.15;
}
#hopee-me-page .phone-item p{
  max-width:230px;
  margin:7px auto 0;
  font-size:14px;
  line-height:1.45;
}
#hopee-me-page .download-visual{
  min-height:500px;
}
/* DOWNLOAD */
#hopee-me-page .download-visual .phone{
  width:220px;
}
#hopee-me-page .download-visual .phone:first-child{
  left:15%;
  transform:rotate(-6deg);
}
#hopee-me-page .download-visual .phone:last-child{
  right:15%;
  transform:rotate(6deg);
}
@media (max-width:1180px){
#hopee-me-page .phones-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
#hopee-me-page .phone-item .phone{ width:205px; }
}
@media (max-width:760px){
#hopee-me-page .phone-cluster{ width:100%; height:420px; }
#hopee-me-page .hero-visual .phone.large{ width:210px; }
#hopee-me-page .hero-visual .phone.small{ width:155px; }
#hopee-me-page .phone-cluster .left{ left:0; top:110px; }
#hopee-me-page .phone-cluster .right{ right:0; top:116px; }
#hopee-me-page .phones-grid{ grid-template-columns:1fr; }
#hopee-me-page .phone-item .phone{ width:210px; }
#hopee-me-page .download-visual .phone{ width:178px; }
#hopee-me-page .download-visual .phone:first-child{ left:2%; }
#hopee-me-page .download-visual .phone:last-child{ right:2%; }
}
#hopee-me-page .section-heading{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);
  align-items:start;
  gap:36px;
  margin-bottom:42px;
}
/* --- v9 alignment and QR fixes --- */
#hopee-me-page .section-heading h2{max-width:760px; margin:0;}
#hopee-me-page .section-heading p{max-width:500px; margin-top:14px; line-height:1.65; justify-self:end;}
#hopee-me-page .features-grid{gap:22px; align-items:stretch;}
#hopee-me-page .feature-card{
  display:flex;
  flex-direction:column;
  min-height:286px;
  padding:28px;
}
#hopee-me-page .feature-card h3{
  min-height:2.45em;
  display:flex;
  align-items:flex-start;
}
#hopee-me-page .feature-card p{flex:1; line-height:1.65;}
#hopee-me-page .feature-tag{margin-top:auto; padding-top:14px;}
#hopee-me-page .eye-grid{
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  gap:56px;
  align-items:center;
}
#hopee-me-page .eye-copy h2{max-width:600px;}
#hopee-me-page .eye-copy p{line-height:1.72; max-width:560px;}
#hopee-me-page .eye-visual{
  min-height:510px;
  padding-inline:18px;
}
#hopee-me-page .signal-card{
  width:232px;
  padding:20px 22px;
  text-align:left;
}
#hopee-me-page .signal-card strong{line-height:1.28;}
#hopee-me-page .signal-card span{line-height:1.55;}
#hopee-me-page .signal-card.one{left:6px; top:78px;}
#hopee-me-page .signal-card.two{right:6px; bottom:88px;}
#hopee-me-page .paths-grid{gap:24px; align-items:stretch;}
#hopee-me-page .path-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
  padding:30px;
}
#hopee-me-page .path-card h3{
  min-height:2.5em;
  display:flex;
  align-items:flex-start;
}
#hopee-me-page .path-card > p{line-height:1.7;}
#hopee-me-page .steps{flex:1; margin-top:24px;}
#hopee-me-page .step{gap:14px;}
#hopee-me-page .step strong{line-height:1.35;}
#hopee-me-page .step small{line-height:1.45;}
#hopee-me-page .path-card .btn{
  margin-top:26px;
  align-self:flex-start;
  min-width:170px;
  justify-content:center;
}
#hopee-me-page .download-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:48px; align-items:center;}
#hopee-me-page .download-copy p{line-height:1.7; max-width:560px;}
#hopee-me-page .qr-row{gap:20px; align-items:stretch;}
#hopee-me-page .qr-box{
  width:172px;
  padding:16px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
}
#hopee-me-page .qr-box .qr-placeholder{
  width:100%;
  aspect-ratio:1/1;
  background:#fff;
  border-radius:14px;
  padding:10px;
  display:flex;
  align-items:center;
  justify-content:center;
}
#hopee-me-page .qr-box img.qr-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  max-width:128px;
  max-height:128px;
}
#hopee-me-page .qr-box strong{margin-top:12px; text-align:center;}
@media (max-width:1080px){
#hopee-me-page .section-heading{grid-template-columns:1fr; gap:14px;}
#hopee-me-page .section-heading p{justify-self:start; margin-top:0; max-width:680px;}
#hopee-me-page .eye-grid, #hopee-me-page .download-grid{grid-template-columns:1fr; gap:34px;}
#hopee-me-page .eye-visual{min-height:500px;}
}
@media (max-width:760px){
#hopee-me-page .feature-card, #hopee-me-page .path-card{padding:24px;}
#hopee-me-page .signal-card{width:min(210px,46vw); padding:16px 18px;}
#hopee-me-page .signal-card.one{left:0; top:18px;}
#hopee-me-page .signal-card.two{right:0; bottom:22px;}
#hopee-me-page .qr-box{width:150px;}
}
#hopee-me-page .path-card{
  align-items:center;
  text-align:center;
}
/* --- v10 centered CTA + QR refinement --- */
#hopee-me-page .path-card h3, #hopee-me-page .path-card > p{
  max-width:560px;
}
#hopee-me-page .path-card .steps{
  width:100%;
  max-width:460px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}
#hopee-me-page .path-card .btn-row{
  width:100%;
  display:flex;
  justify-content:center;
}
#hopee-me-page .path-card .btn{
  align-self:center;
  min-width:190px;
}
#hopee-me-page .download-copy{
  text-align:center;
}
#hopee-me-page .download-copy p{
  margin-left:auto;
  margin-right:auto;
}
#hopee-me-page .qr-row{
  justify-content:center;
}
#hopee-me-page .qr-box{
  width:182px;
}
#hopee-me-page .feature-card h3{
  min-height:2.2em;
}
@media (max-width:760px){
#hopee-me-page .path-card .steps{max-width:100%;}
#hopee-me-page .path-card .btn{min-width:100%;}
#hopee-me-page .qr-row{gap:16px;}
#hopee-me-page .qr-box{width:150px;}
}
#hopee-me-page .eye-visual{justify-content:center;}
/* v11 remove side signal cards */
#hopee-me-page .eye-visual .signal-card{display:none !important;}
#hopee-me-page .download-copy .hero-store-row{
  justify-content:center;
  align-items:stretch;
  margin-left:auto;
  margin-right:auto;
}
/* v12 download/admin quick alignment + spacing fix */
#hopee-me-page .download-copy .store-btn{
  min-width:182px;
  justify-content:center;
}
#hopee-me-page .section.section-mist{
  padding-top:40px;
  padding-bottom:42px;
}
#hopee-me-page .admin-band{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:28px;
  padding:30px 34px;
}
#hopee-me-page .admin-band > div{
  max-width:780px;
}
#hopee-me-page .admin-band .btn{
  justify-self:end;
  align-self:center;
  min-width:330px;
  justify-content:center;
  text-align:center;
}
@media (max-width:900px){
#hopee-me-page .admin-band{
    grid-template-columns:1fr;
    gap:18px;
    padding:26px;
  }
#hopee-me-page .admin-band .btn{
    justify-self:start;
    min-width:0;
  }
}
#hopee-me-page .store-btn{
  background:var(--green) !important;
  border-color:var(--green) !important;
  color:var(--navy) !important;
  box-shadow:0 10px 22px rgba(108,193,100,.18);
}
/* v13 green store buttons */
#hopee-me-page .store-btn:hover{
  background:#7acf72 !important;
}
#hopee-me-page .store-btn small, #hopee-me-page .store-btn strong{
  color:var(--navy) !important;
}
#hopee-me-page .store-icon{
  color:var(--navy) !important;
}
#hopee-me-page .store-icon svg{width:26px;height:26px;display:block;fill:currentColor;}
/* v14 apple icon */