:root{--g:#0b5d45;--gd:#073f31;--g2:#137459;--cream:#f8f6ef;--gold:#f2bf52;--ink:#17382f;--muted:#65756f;--line:#dfe8e2;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--cream);color:var(--ink)}body[dir=rtl]{font-family:Tahoma,Arial,sans-serif}.wrap{width:min(1180px,92%);margin:auto}a{color:inherit}
.header{position:sticky;top:0;z-index:30;background:rgba(248,246,239,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(10,70,52,.08)}.nav{height:72px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:950;font-size:1.28rem}.brand img{width:40px;height:40px;border-radius:11px;object-fit:cover}nav{margin-left:auto;display:flex;gap:22px}nav a{text-decoration:none;font-weight:750;font-size:.9rem}.langs{display:flex;border:1px solid var(--line);background:#fff;border-radius:999px;padding:4px}.langs button{border:0;background:transparent;border-radius:999px;padding:7px 9px;font-weight:800;color:var(--muted);cursor:pointer}.langs button.active{background:var(--g);color:#fff}
.hero{background:linear-gradient(135deg,var(--gd),var(--g) 65%,var(--g2));color:#fff;overflow:hidden}.hero-grid{min-height:680px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:65px}.hero-copy{padding:65px 0}.pill{display:inline-block;padding:8px 13px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);border-radius:999px;color:#f8dfa0;font-size:.84rem;font-weight:850}h1{font-size:clamp(3.2rem,5.5vw,5.6rem);line-height:.98;letter-spacing:-.05em;margin:18px 0 22px;max-width:720px}.hero-text{font-size:1.15rem;line-height:1.7;color:#e2efe9;max-width:650px}.reference-card{margin-top:28px;display:flex;gap:18px;align-items:center;width:max-content;max-width:100%;padding:17px 20px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.09);border-radius:18px}.reference-number{font-size:2.35rem;font-weight:1000;color:var(--gold);white-space:nowrap}.reference-copy{display:flex;flex-direction:column;gap:4px}.reference-copy span{font-size:.82rem;color:#d3e7dd}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.btn{padding:14px 19px;border-radius:12px;font-weight:900;text-decoration:none}.btn-gold{background:var(--gold);color:#18372f}.btn-ghost{background:#fff;color:var(--gd)}
.phones{height:560px;position:relative;display:flex;align-items:center;justify-content:center}.phone{position:absolute;width:250px;border-radius:38px;padding:8px;background:#111;box-shadow:0 30px 80px rgba(0,0,0,.3);overflow:hidden}.phone img{width:100%;display:block;border-radius:31px}.phone.back{transform:translate(-115px,45px) rotate(-7deg);opacity:.86}.phone.front{transform:translate(85px,-18px) rotate(5deg);z-index:2}.spark{position:absolute;right:4%;top:18%;font-size:3.6rem;color:var(--gold)}
.section{padding:92px 0}.eyebrow{font-size:.8rem;letter-spacing:.16em;font-weight:900;color:#c58713}.section h2{font-size:clamp(2.3rem,4vw,4rem);line-height:1.05;letter-spacing:-.035em;margin:10px 0 34px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px}.steps span{display:block;color:var(--g);font-weight:950}.steps h3{font-size:1.25rem;margin:22px 0 9px}.steps p{color:var(--muted);line-height:1.65}
.app-section{background:#eaf2ed}.section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end}.section-head p{color:var(--muted);line-height:1.7;margin-bottom:34px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:center;margin-top:35px}.gallery figure{margin:0;text-align:center}.gallery img{width:100%;max-width:305px;border-radius:32px;box-shadow:0 18px 55px rgba(10,70,52,.17);border:1px solid rgba(11,93,69,.1)}.gallery .featured img{transform:scale(1.06)}
.pricing-section{background:var(--gd);color:#fff}.pricing-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.pricing-grid p{color:#d8e9e1;font-size:1.08rem}.price-card{background:#fff;color:var(--gd);border-radius:28px;padding:36px;max-width:390px;justify-self:end;box-shadow:0 20px 60px rgba(0,0,0,.22)}.trial{font-size:5rem;line-height:.9;font-weight:1000;color:var(--g)}.trial-label{letter-spacing:.15em;font-weight:900;color:#8b9d95}.price-line{margin-top:25px;border-top:1px solid var(--line);padding-top:22px;font-size:1.45rem;font-weight:950}.price-line small{font-size:.85rem;color:var(--muted)}
.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.support-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:10px}.support-icon{font-size:1.8rem}.support-card span{color:var(--muted);line-height:1.55}
.privacy-section{background:#eef3ef}.privacy-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.privacy-title{position:sticky;top:100px}.privacy-title p{color:var(--muted);line-height:1.7}.text-link{display:inline-block;margin-top:14px;font-weight:850;color:var(--g)}.privacy-content{display:grid;gap:14px}.privacy-content article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:23px}.privacy-content h3{margin:0 0 8px}.privacy-content p{margin:0;color:var(--muted);line-height:1.65}
footer{background:#082e24;color:#dceae4;padding:42px 0}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer .brand{color:#fff}.footer a{color:#fff}.footer small{color:#a9c3b8}
body[dir=rtl] nav{margin-left:0;margin-right:auto}
@media(max-width:900px){nav{display:none}.langs{margin-left:auto}.hero-grid,.section-head,.pricing-grid,.privacy-layout{grid-template-columns:1fr}.hero-grid{min-height:auto}.hero-copy{padding:60px 0 20px}.phones{height:480px}.phone{width:215px}.phone.back{transform:translate(-80px,50px) rotate(-6deg)}.phone.front{transform:translate(70px,-5px) rotate(5deg)}.steps,.gallery,.support-grid{grid-template-columns:1fr}.gallery img{max-width:330px}.price-card{justify-self:start}.privacy-title{position:static}.section{padding:65px 0}}

.help-section{background:#fff}
.help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:34px}
.help-card{border:1px solid var(--line);border-radius:20px;padding:24px;background:linear-gradient(180deg,#fff,#fbfdfb)}
.help-card h3{margin:0 0 10px;font-size:1.15rem;color:var(--gd)}
.help-card p{margin:0;color:var(--muted);line-height:1.68}
@media(max-width:900px){.help-grid{grid-template-columns:1fr}}

/* v7 — clean ocean hero, no duplicated text */
.hero{
  position:relative;
  background:linear-gradient(135deg,#073f31 0%,#0b5d45 62%,#116f55 100%);
  color:#fff;
  overflow:hidden;
}
.hero::after{
  content:"";
  position:absolute;
  inset:0 0 0 auto;
  width:46%;
  background:
    linear-gradient(90deg,#0b5d45 0%,rgba(11,93,69,.62) 14%,rgba(11,93,69,.12) 32%,rgba(11,93,69,0) 48%),
    url('assets/hero-ocean-source.png') right center/cover no-repeat;
  z-index:0;
  pointer-events:none;
}
.hero-grid{
  position:relative;
  z-index:1;
  min-height:650px;
  display:grid;
  grid-template-columns:minmax(0,670px) 1fr;
  gap:48px;
  align-items:center;
}
.hero-copy{
  max-width:670px;
  padding:70px 0;
}
.hero h1{
  max-width:650px;
  font-size:clamp(3.2rem,5.2vw,5.5rem);
  line-height:.98;
  margin:18px 0 22px;
}
.hero-text{
  max-width:620px;
}
.hero-visual{
  display:none !important;
}
.reference-card{
  max-width:610px;
}
@media(max-width:980px){
  .hero::after{
    width:40%;
    opacity:.5;
  }
  .hero-grid{
    grid-template-columns:1fr;
    min-height:auto;
  }
  .hero-copy{
    max-width:760px;
    padding:60px 0;
  }
}
@media(max-width:720px){
  .hero::after{
    width:100%;
    opacity:.18;
    background-position:right center;
  }
  .hero-copy{
    padding:52px 0;
  }
  .hero h1{
    font-size:clamp(2.75rem,13vw,4.1rem);
  }
  .reference-card{
    width:100%;
  }
}

/* v8 final visual fixes */
.hero{
  position:relative;
  background:linear-gradient(135deg,#073f31 0%,#0b5d45 64%,#126f57 100%) !important;
  color:#fff;
  overflow:hidden;
}
.hero::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  width:43%;
  background:
    linear-gradient(90deg,#0b5d45 0%,rgba(11,93,69,.55) 16%,rgba(11,93,69,.12) 34%,rgba(11,93,69,0) 52%),
    url('assets/hero-ocean-clean.jpg') center/cover no-repeat !important;
  z-index:0;
  pointer-events:none;
}
.hero-grid{
  position:relative;
  z-index:1;
  grid-template-columns:minmax(0,680px) 1fr !important;
}
.hero-copy{
  max-width:680px !important;
}
.hero-visual{
  display:none !important;
}
.hero h1,
.hero .hero-text,
.hero .reference-card,
.hero .actions,
.hero .pill{
  position:relative;
  z-index:2;
}
.clean-gallery{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
}
.clean-gallery figure{
  display:flex;
  justify-content:center;
}
.clean-gallery img{
  max-height:690px;
  width:auto !important;
  max-width:100% !important;
  object-fit:contain;
}
body[dir="rtl"] .hero-copy{
  text-align:right;
  margin-left:auto;
}
body[dir="rtl"] .reference-card{
  margin-left:auto;
}
body[dir="rtl"] .actions{
  justify-content:flex-start;
}
@media(max-width:900px){
  .hero::after{
    width:100%;
    opacity:.18;
  }
  .hero-grid{
    grid-template-columns:1fr !important;
  }
  .clean-gallery{
    grid-template-columns:1fr !important;
  }
}

/* v9 — iPhone responsive fixes */
.mobile-hero-shot{display:none}

@media(max-width:900px){
  .header{position:relative}
  .nav{height:auto;min-height:64px;padding:10px 0;flex-wrap:wrap}
  .brand{font-size:1.08rem}
  .brand img{width:36px;height:36px}
  nav{display:none !important}
  .langs,.lang-switch{margin-left:auto;flex-shrink:0}

  .hero{background:linear-gradient(180deg,#073f31 0%,#0b5d45 100%) !important}
  .hero::after{display:none !important}
  .hero-grid{display:block !important;min-height:auto !important;width:min(92%,720px);margin:auto}
  .hero-copy{padding:44px 0 24px !important;max-width:none !important}
  .hero h1{font-size:clamp(2.6rem,12vw,4.2rem) !important;line-height:1 !important;max-width:none !important;margin:16px 0 18px !important}
  .hero-text{font-size:1rem !important;line-height:1.6 !important;max-width:none !important}
  .pill{font-size:.78rem !important}
  .reference-card{width:100% !important;max-width:none !important;display:grid !important;grid-template-columns:auto 1fr;gap:14px !important;padding:16px !important}
  .reference-number{font-size:2rem !important}
  .reference-copy strong{font-size:.94rem}
  .reference-copy span{font-size:.76rem !important}
  .actions{display:grid !important;grid-template-columns:1fr !important;gap:10px !important}
  .actions .btn{width:100%;text-align:center}

  .mobile-hero-shot{display:flex !important;justify-content:center;padding:8px 0 42px}
  .mobile-hero-shot img{width:min(78vw,300px);max-height:560px;object-fit:contain;border-radius:30px;box-shadow:0 20px 50px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.18)}

  .section{padding:54px 0 !important}
  .section h2{font-size:clamp(2rem,9vw,3rem) !important;margin-bottom:24px !important}
  .section-head{display:block !important}
  .section-head p{margin-bottom:24px !important}
  .steps,.help-grid,.support-grid,.gallery,.clean-gallery,.pricing-grid,.privacy-layout{grid-template-columns:1fr !important}
  .steps,.help-grid,.support-grid{gap:14px !important}

  .gallery,.clean-gallery{width:100% !important;max-width:100% !important;gap:24px !important}
  .gallery figure,.clean-gallery figure{display:flex;justify-content:center}
  .gallery img,.clean-gallery img{width:min(82vw,320px) !important;max-width:320px !important;height:auto !important;max-height:none !important;transform:none !important;border-radius:28px !important}

  .price-card{justify-self:stretch !important;width:100% !important;max-width:none !important}
  .privacy-title{position:static !important}
  .footer{flex-direction:column !important;align-items:flex-start !important}
}

@media(max-width:430px){
  .wrap{width:90%}
  .lang-switch button,.langs button{padding:6px 8px !important;font-size:.78rem !important}
  .hero h1{font-size:2.75rem !important}
  .reference-card{grid-template-columns:1fr !important}
  .reference-number{font-size:2.4rem !important}
  .card,.help-card,.support-card,.privacy-content article{padding:20px !important}
}

body[dir="rtl"] .mobile-hero-shot{direction:ltr}
body[dir="rtl"] .actions{direction:rtl}