@font-face {
  font-family: 'YekanBakh';
  src: url('../fonts/YekanBakh-regular.woff2') format('woff2'), url('../fonts/YekanBakh-regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'YekanBakh';
  src: url('../fonts/YekanBakh-semibold.woff2') format('woff2'), url('../fonts/YekanBakh-semibold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'YekanBakh';
  src: url('../fonts/YekanBakh-bold.woff2') format('woff2'), url('../fonts/YekanBakh-bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'YekanBakh';
  src: url('../fonts/YekanBakh-extrablack.woff2') format('woff2'), url('../fonts/YekanBakh-extrablack.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --navy:#111827;
  --navy2:#202b3d;
  --gold:#d9aa2e;
  --gold2:#f3cf63;
  --pale:#fff8df;
  --bg:#f8f8f5;
  --muted:#748093;
  --line:#e9e8e2;
  --green:#159b71;
  --white:#fff;
  --shadow:0 24px 70px rgba(31,37,45,.09)}
* {
  box-sizing:border-box}
html {
  scroll-behavior:smooth}
body {
  margin:0;
  background:var(--bg);
  color:var(--navy);
  font-family:YekanBakh,Arial,sans-serif;
  font-size:11px;
  line-height:1.9}
body:before {
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.22;
  background-image:radial-gradient(#d7d2c2 .7px,transparent .7px);
  background-size:18px 18px;
  mask-image:linear-gradient(to bottom,#000,transparent 70%)}
a {
  text-decoration:none;
  color:inherit}
button {
  font:inherit;
  border:0;
  cursor:pointer}
.container {
  width:min(1180px,calc(100% - 44px));
  margin:auto}
.top-strip {
  background:var(--navy);
  color:#dce2ea;
  font-size:12px}
.top-strip .container {
  height:36px;
  display:flex;
  justify-content:space-between;
  align-items:center}
.top-strip b {
  color:var(--gold2)}
header {
  height:82px;
  position:sticky;
  top:0;
  z-index:50;
  background:#f8f8f5e8;
  backdrop-filter:blur(18px);
  border-bottom:1px solid #e9e8e2b8}
.nav {
  height:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px}
.brand-logo {
  width:42px;
  height:42px;
  object-fit:cover;
  border-radius:14px;
  box-shadow:0 10px 22px #d9aa2e40}
.brand {
  display:flex;
  align-items:center;
  gap:10px;
  font-size:22px;
  font-weight:900;
  letter-spacing:-.8px}
.brand-mark {
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:#fff;
  background:linear-gradient(145deg,var(--gold2),var(--gold));
  box-shadow:0 10px 22px #d9aa2e40;
  font-size:21px}
.nav-links {
  display:flex;
  align-items:center;
  gap:27px;
  color:#596576;
  font-size:13px;
  font-weight:600}
.nav-links a {
  transition:.2s}
.nav-links a:hover {
  color:var(--gold)}
.nav-actions {
  display:flex;
  align-items:center;
  gap:10px}
.btn {
  min-height:46px;
  padding:0 20px;
  border-radius:13px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:700;
  font-size:13px;
  transition:.25s}
.btn:hover {
  transform:translateY(-3px)}
.btn-dark {
  background:var(--navy);
  color:#fff;
  box-shadow:0 12px 23px #11182724}
.btn-gold {
  background:linear-gradient(135deg,var(--gold2),var(--gold));
  color:#241f12;
  box-shadow:0 12px 25px #d9aa2e32}
.btn-outline {
  border:1px solid var(--line);
  background:#fff}
.menu {
  display:none;
  width:42px;
  height:42px;
  border-radius:12px;
  background:#fff;
  border:1px solid var(--line)}
.hero {
  position:relative;
  overflow:hidden;
  padding:70px 0 72px;
  background:linear-gradient(120deg,#fbfbf8 16%,#fff4c9 100%)}
.hero:before {
  content:"";
  position:absolute;
  width:720px;
  height:720px;
  border-radius:50%;
  left:-300px;
  top:-310px;
  background:#ffffffb0}
.hero:after {
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  border:1px solid #e0bb4e55;
  border-radius:50%;
  left:-110px;
  bottom:-280px}
.hero .container {
  position:relative;
  z-index:1}
.hero-grid {
  display:grid;
  grid-template-columns:1fr .93fr;
  gap:70px;
  align-items:center}
.eyebrow {
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:7px 14px;
  border:1px solid #ebd58d;
  background:#fffdf5;
  color:#a27816;
  border-radius:99px;
  font-size:12px;
  font-weight:700}
.dot {
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 0 5px #159b7120}
.hero h1 {
  margin:22px 0 17px;
  max-width:610px;
  line-height:1.12;
  letter-spacing:-2.5px;
  font-weight:900}
.hero h1 strong {
  color:var(--gold);}
.hero-copy {
  max-width:570px;
  margin:0 0 28px;
  color:var(--muted);
  font-size:16px}
.hero-actions {
  display:flex;
  gap:12px;
  flex-wrap:wrap}
.hero-points {
  display:flex;
  gap:19px;
  flex-wrap:wrap;
  margin-top:25px;
  color:#697487;
  font-size:12px}
.hero-points span:before {
  content:"✓";
  margin-left:6px;
  color:var(--green);
  font-weight:900}
.hero-visual {
  min-height:480px;
  position:relative;
  display:grid;
  place-items:center}
.halo {
  width:415px;
  height:415px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:radial-gradient(circle at 35% 25%,#fff4b9,#d8a727 72%);
  box-shadow:26px 31px 0 #f3e5ad,0 36px 75px #a47b1f30;
  transform:rotate(-7deg)}
.halo:before {
  content:"";
  position:absolute;
  width:490px;
  height:490px;
  border:1px solid #d8aa343d;
  border-radius:50%}
.shield-img {
  width:430px;
  height:430px;
  object-fit:contain;
  filter:drop-shadow(0 25px 18px #5d471727);
  transform:rotate(7deg);
  animation:float 5s ease-in-out infinite}
@keyframes float {
  50% {
    transform:rotate(7deg) translateY(-10px)  }
}
.tag {
  position:absolute;
  padding:12px 15px;
  border-radius:17px;
  background:#fffffff2;
  border:1px solid #fff;
  box-shadow:var(--shadow);
  font-size:12px;
  font-weight:700;
  display:flex;
  align-items:center;
  gap:10px}
.tag b {
  display:block;
  color:var(--green);
  font-size:16px;
  line-height:1.2}
.tag small {
  display:block;
  color:var(--muted);
  font-size:10px}
.tag-one {
  top:55px;
  right:-4px}
.tag-two {
  left:2px;
  bottom:65px}
.tag-icon {
  width:35px;
  height:35px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:var(--pale);
  color:var(--gold);
  font-size:18px}
.numbers {
  position:relative;
  z-index:2;
  margin-top:-19px}
.numbers-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  background:#fff;
  border:1px solid var(--line);
  border-radius:21px;
  overflow:hidden;
  box-shadow:var(--shadow)}
.number {
  padding:20px 26px;
  display:flex;
  align-items:center;
  gap:13px;
  border-left:1px solid var(--line)}
.number:last-child {
  border-left:0}
.number-icon {
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:var(--pale);
  color:var(--gold);
  font-size:19px}
.number b {
  display:block;
  font-size:22px;
  line-height:1.3}
.number span {
  color:var(--muted);
  font-size:11px}
.section {
  padding:105px 0}
.section-head {
  max-width:610px;
  margin-bottom:38px}
.section-head.center {
  margin-right:auto;
  margin-left:auto;
  text-align:center}
.kicker {
  font-size:12px;
  color:var(--gold);
  font-weight:500}
.section h2 {
  margin:7px 0 12px;
  font-size:clamp(28px,4vw,44px);
  line-height:1.3;
  letter-spacing:-1px}
.section-head p {
  margin:0;
  color:var(--muted);
  font-size:14px}
.feature-grid {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:13px}
.feature {
  min-height:190px;
  padding:21px;
  border:1px solid var(--line);
  border-radius:19px;
  background:#fff;
  transition:.25s;
  position:relative;
  overflow:hidden}
.feature:after {
  content:"";
  position:absolute;
  width:75px;
  height:75px;
  border-radius:50%;
  left:-30px;
  bottom:-35px;
  background:var(--pale)}
.feature:hover {
  transform:translateY(-7px);
  border-color:#edd27d;
  box-shadow:var(--shadow)}
.feature-icon {
  width:43px;
  height:43px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:var(--pale);
  color:var(--gold);
  font-size:20px;
  margin-bottom:14px;
  position:relative;
  z-index:1}
.feature h3 {
  margin:0 0 5px;
  font-size:14px;
  position:relative;
  z-index:1}
.feature p {
  margin:0;
  color:var(--muted);
  font-size:11px;
  line-height:1.9;
  position:relative;
  z-index:1}
.trust {
  background:var(--navy);
  color:#fff}
.trust-grid {
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:80px;
  align-items:center}
.trust .section-head p {
  color:#acb6c4}
.trust-visual {
  min-height:355px;
  border-radius:30px;
  background:linear-gradient(145deg,#313d51,#161e2c);
  border:1px solid #ffffff14;
  padding:34px;
  position:relative;
  overflow:hidden}
.trust-visual:before {
  content:"";
  position:absolute;
  width:370px;
  height:370px;
  border-radius:50%;
  right:-180px;
  bottom:-200px;
  border:1px solid #d9aa2e66;
  box-shadow:0 0 0 35px #d9aa2e0d,0 0 0 70px #d9aa2e08}
.trust-shield {
  font-size:72px;
  color:var(--gold2);
  position:relative;
  z-index:1;
  margin:30px 0 20px}
.trust-visual h3 {
  font-size:24px;
  margin:0;
  position:relative;
  z-index:1}
.trust-visual p {
  font-size:12px;
  color:#b8c0cb;
  max-width:275px;
  position:relative;
  z-index:1}
.trust-list {
  display:grid;
  gap:18px}
.trust-item {
  display:flex;
  gap:13px}
.check {
  flex:0 0 auto;
  width:30px;
  height:30px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:#159b7126;
  color:#72dfb8}
.trust-item h3 {
  margin:-4px 0 3px;
  font-size:15px}
.trust-item p {
  margin:0;
  color:#aeb8c6;
  font-size:12px}
.testimonials {
  position:relative;
  overflow:hidden;
  background:#fffaf0}
.testimonials:before {
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(90deg,#fffaf0f2,#fffaf0a8),url("../img/qu.webp");
  background-repeat:no-repeat;
  background-position:center,left 6% center;
  background-size:cover,clamp(220px,30vw,390px);
  opacity:.85;
  pointer-events:none}
.testimonials .container {
  position:relative;
  z-index:1}
.testimonial-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px}
.testimonial {
  background-image:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,250,240,.58)),url("../img/qu.webp");
  background-repeat:no-repeat;
  background-position:center,right 22px top 18px;
  background-size:cover,116px;
  border:1px solid var(--line);
  border-radius:20px;
  padding:23px;
  box-shadow:0 16px 45px #2822110a}
.testimonial-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:13px}
.customer {
  display:flex;
  gap:10px;
  align-items:center}
.avatar {
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:var(--pale);
  color:var(--gold);
  font-weight:900}
.customer b {
  font-size:13px;
  display:block}
.customer small {
  font-size:10px;
  color:var(--muted);
  display:block}
.stars {
  color:#d6a521;
  letter-spacing:2px;
  font-size:12px}
.testimonial p {
  margin:0;
  color:#626c79;
  font-size:12px;
  line-height:2}
.faq-grid {
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:80px;
  align-items:start}
.faq-list {
  display:grid;
  gap:11px}
.faq-list details {
  background:#fff;
  border:1px solid var(--line);
  border-radius:15px;
  padding:0 19px}
.faq-list summary {
  cursor:pointer;
  list-style:none;
  padding:17px 0;
  font-weight:700;
  font-size:13px;
  display:flex;
  justify-content:space-between}
.faq-list summary::-webkit-details-marker {
  display:none}
.faq-list summary:after {
  content:"+";
  font-size:20px;
  color:var(--gold)}
.faq-list details[open] summary:after {
  content:"−"}
.faq-list details p {
  font-size:12px;
  color:var(--muted);
  margin:0 0 17px}
.app {
  padding:0 0 100px}
.app-box {
  background:linear-gradient(115deg,#262f40,#111827);
  color:#fff;
  border-radius:28px;
  padding:53px 61px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  position:relative;
  overflow:hidden}
.app-box:before {
  content:"";
  position:absolute;
  width:430px;
  height:430px;
  border:1px solid #d9aa2e4d;
  border-radius:50%;
  left:-170px;
  bottom:-280px;
  box-shadow:0 0 0 40px #d9aa2e0d}
.app-content,.stores {
  position:relative;
  z-index:1}
.app-box h2 {
  font-size:36px;
  margin:4px 0 9px}
.app-box p {
  max-width:500px;
  color:#b6c0cf;
  margin:0;
  font-size:13px}
.stores {
  display:flex;
  gap:10px;
  flex-wrap:wrap}
.store {
  min-width:145px;
  padding:9px 13px;
  background:#fff;
  color:var(--navy);
  border-radius:12px;
  display:flex;
  gap:10px;
  align-items:center}
.store b {
  display:block;
  font-size:13px;
  line-height:1.2}
.store small {
  display:block;
  font-size:9px;
  color:var(--muted)}
footer {
  padding:52px 0 24px;
  background:#fff;
  border-top:1px solid var(--line)}
.footer-grid {
  display:grid;
  grid-template-columns:1.3fr 1fr 1fr 1fr;
  gap:32px;
  padding-bottom:40px}
.footer-about {
  max-width:250px;
  color:var(--muted);
  font-size:12px}
footer h4 {
  margin:5px 0 15px;
  font-size:14px}
footer ul {
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:8px}
footer li,footer li a {
  color:var(--muted);
  font-size:12px}
.footer-bottom {
  border-top:1px solid var(--line);
  padding-top:17px;
  color:#89929f;
  font-size:11px;
  display:flex;
  justify-content:space-between;
  gap:15px}
.reveal {
  opacity:0;
  transform:translateY(18px);
  transition:opacity .65s,transform .65s}
.reveal.visible {
  opacity:1;
  transform:none}
+@media(max-width:1000px) {
  .nav-links {
    display:none;
    position:absolute;
    top:82px;
    right:20px;
    left:20px;
    flex-direction:column;
    align-items:stretch;
    padding:17px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:16px;
    box-shadow:var(--shadow)  }
  .nav-links.open {
    display:flex  }
  .menu {
    display:block  }
  .nav-actions .btn-outline {
    display:none  }
  .hero-grid,.trust-grid,.faq-grid {
    grid-template-columns:1fr;
    gap:45px  }
  .hero-visual {
    min-height:390px  }
  .feature-grid {
    grid-template-columns:repeat(3,1fr)  }
  .app-box {
    align-items:flex-start;
    flex-direction:column  }
}
+@media(max-width:650px) {
  .container {
    width:calc(100% - 28px)  }
  .top-strip .container {
    justify-content:center  }
  .top-strip span:last-child {
    display:none  }
  .nav {
    height:70px  }
  .nav-links {
    top:70px;
    right:14px;
    left:14px  }
  .brand {
    font-size:19px  }
  .hero {
    padding:53px 0 80px  }
  .hero h1 {
    font-size:44px;
    letter-spacing:-1.5px  }
  .hero-actions .btn {
    width:100%  }
  .hero-visual {
    min-height:330px  }
  .halo {
    width:270px;
    height:270px;
    box-shadow:17px 21px 0 #f3e5ad  }
  .halo:before {
    width:330px;
    height:330px  }
  .shield-img {
    width:290px;
    height:290px  }
  .tag {
    font-size:10px;
    padding:9px 10px  }
  .tag b {
    font-size:13px  }
  .tag-icon {
    width:29px;
    height:29px;
    font-size:14px  }
  .tag-one {
    top:15px;
    right:-3px  }
  .tag-two {
    bottom:5px;
    left:-3px  }
  .numbers-grid {
    grid-template-columns:1fr  }
  .number {
    border-left:0;
    border-bottom:1px solid var(--line);
    padding:16px 19px  }
  .number:last-child {
    border-bottom:0  }
  .section {
    padding:74px 0  }
  .feature-grid {
    grid-template-columns:repeat(2,1fr);
    gap:10px  }
  .feature {
    min-height:173px;
    padding:16px  }
  .feature h3 {
    font-size:13px  }
  .feature p {
    font-size:10px  }
  .testimonial-grid {
    grid-template-columns:1fr  }
  .testimonials:before {
    background-size:auto,230px;
    background-position:left -10px bottom  }
  .trust-visual {
    min-height:295px;
    padding:26px  }
  .app {
    padding-bottom:70px  }
  .app-box {
    padding:35px 27px  }
  .app-box h2 {
    font-size:28px  }
  .stores {
    width:100%  }
  .store {
    flex:1;
    min-width:130px  }
  .footer-grid {
    grid-template-columns:1fr 1fr;
    gap:25px 15px  }
  .footer-grid>div:first-child {
    grid-column:span 2  }
  .footer-bottom {
    flex-direction:column  }
}
.faq-list details {
  overflow:hidden;
  transition:border-color .25s,box-shadow .25s}
.faq-list details.is-open {
  border-color:#e7ca70;
  box-shadow:0 12px 30px rgba(31,37,45,.05)}
.faq-list details p {
  max-height:0;
  overflow:hidden;
  opacity:0;
  margin:0;
  transition:max-height .28s ease,opacity .22s ease,margin .28s ease}
.faq-list details.is-open p {
  opacity:1;
  margin:0 0 17px}
.faq-list details.is-open summary:after {
  content:"−"}
.faq-list details:not(.is-open) summary:after {
  content:"+"}
@media(max-width:820px) {
  .container {
    width:min(100% - 34px,720px)  }
  .hero-grid {
    gap:30px  }
  .hero h1 {
    font-size:clamp(42px,7vw,61px)  }
  .feature-grid {
    grid-template-columns:repeat(3,1fr)  }
  .testimonial-grid {
    grid-template-columns:repeat(2,1fr)  }
  .faq-grid {
    gap:35px  }
  .app-box {
    padding:42px 35px  }
  .footer-grid {
    grid-template-columns:repeat(2,1fr)  }
}
@media(max-width:520px) {
  .container {
    width:calc(100% - 28px)  }
  .top-strip {
    font-size:11px  }
  .hero h1 {
    font-size:39px  }
  .hero-copy {
    font-size:14px  }
  .hero-visual {
    min-height:300px  }
  .feature-grid {
    grid-template-columns:repeat(2,1fr)  }
  .testimonial-grid {
    grid-template-columns:1fr  }
  .testimonial {
    padding:18px  }
  .testimonial:before {
    background-size:cover,90px  }
  .faq-grid {
    gap:28px  }
  .faq-list details {
    padding:0 15px  }
  .faq-list summary {
    font-size:12px;
    padding:15px 0  }
  .faq-list details p {
    font-size:11px  }
  .app-box {
    padding:32px 22px  }
  .app-box h2 {
    font-size:26px  }
  .stores {
    display:grid;
    grid-template-columns:1fr;
    width:100%  }
  .store {
    justify-content:center  }
  .footer-grid {
    grid-template-columns:1fr 1fr  }
  .footer-bottom {
    font-size:10px  }
}
/* Responsive layout hardening */
html,body {
  max-width:100%;
  overflow-x:hidden}
.container {
  width:min(1180px,calc(100% - 44px))}
.hero-grid,.trust-grid,.faq-grid,.app-box {
  min-width:0}
.hero-copy,.section-head p,.feature p,.testimonial p,.trust-item p,.app-box p {
  overflow-wrap:anywhere}
.shield-img {
  max-width:100%}
.testimonial-grid,.feature-grid,.numbers-grid,.footer-grid {
  min-width:0}
@media (min-width:1201px) {
  .hero-grid {
    grid-template-columns:minmax(0,1fr) minmax(430px,.93fr)  }
  .feature-grid {
    grid-template-columns:repeat(5,minmax(0,1fr))  }
}
@media (min-width:821px) and (max-width:1200px) {
  .container {
    width:min(1080px,calc(100% - 48px))  }
  .nav-links {
    gap:18px  }
  .nav-links a {
    font-size:12px  }
  .hero-grid {
    grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);
    gap:34px  }
  .hero h1 {
    font-size:clamp(43px,5.6vw,62px)  }
  .hero-visual {
    min-height:410px  }
  .halo {
    width:350px;
    height:350px  }
  .halo:before {
    width:410px;
    height:410px  }
  .shield-img {
    width:365px;
    height:365px  }
  .feature-grid {
    grid-template-columns:repeat(4,minmax(0,1fr))  }
  .testimonial-grid {
    grid-template-columns:repeat(3,minmax(0,1fr))  }
  .app-box {
    padding:45px  }
  .footer-grid {
    grid-template-columns:1.2fr repeat(3,1fr);
    gap:22px  }
}
@media (max-width:820px) {
  .container {
    width:min(100% - 34px,720px)  }
  .top-strip .container {
    min-height:34px  }
  .nav {
    height:72px  }
  .nav-links {
    top:72px;
    max-height:calc(100vh - 88px);
    overflow-y:auto  }
  .hero {
    padding:58px 0 78px  }
  .hero-grid {
    grid-template-columns:1fr;
    gap:28px  }
  .hero-copy {
    max-width:680px  }
  .hero-visual {
    min-height:380px;
    order:2  }
  .numbers {
    margin-top:-20px  }
  .numbers-grid {
    grid-template-columns:repeat(3,minmax(0,1fr))  }
  .number {
    padding:17px 14px;
    gap:9px  }
  .number b {
    font-size:19px  }
  .number span {
    font-size:10px  }
  .section {
    padding:82px 0  }
  .feature-grid {
    grid-template-columns:repeat(3,minmax(0,1fr))  }
  .feature {
    min-height:185px  }
  .trust-grid,.faq-grid {
    grid-template-columns:1fr;
    gap:38px  }
  .trust-visual {
    min-height:310px  }
  .testimonial-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))  }
  .app-box {
    align-items:flex-start;
    flex-direction:column;
    padding:42px 35px  }
  .stores {
    width:100%  }
  .store {
    flex:0 1 180px  }
  .footer-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:28px 22px  }
}
@media (max-width:600px) {
  .container {
    width:calc(100% - 28px)  }
  .top-strip .container {
    justify-content:center;
    text-align:center  }
  .top-strip span:last-child {
    display:none  }
  .nav {
    height:68px  }
  .nav-links {
    top:68px;
    right:14px;
    left:14px;
    padding:12px;
    gap:2px  }
  .nav-links a {
    padding:9px 5px;
    border-bottom:1px solid #f1f0eb  }
  .nav-links a:last-child {
    border-bottom:0  }
  .brand {
    font-size:18px  }
  .brand-logo {
    width:38px;
    height:38px  }
  .nav-actions .btn-dark {
    padding:0 13px;
    font-size:12px  }
  .hero {
    padding:48px 0 72px  }
  .eyebrow {
    font-size:10px;
    padding:6px 10px  }
  .hero h1 {
    font-size:clamp(36px,11vw,48px);
    line-height:1.2;
    letter-spacing:-1px;
    margin-top:18px  }
  .hero-copy {
    font-size:13px;
    line-height:2;
    margin-bottom:22px  }
  .hero-actions {
    display:grid;
    grid-template-columns:1fr;
    gap:9px  }
  .hero-actions .btn {
    width:100%  }
  .hero-points {
    gap:10px 14px;
    font-size:11px  }
  .hero-visual {
    min-height:300px;
    margin-top:4px  }
  .halo {
    width:255px;
    height:255px;
    box-shadow:15px 18px 0 #f3e5ad  }
  .halo:before {
    width:315px;
    height:315px  }
  .shield-img {
    width:285px;
    height:285px  }
  .tag {
    max-width:145px;
    padding:8px;
    font-size:9px;
    gap:7px  }
  .tag b {
    font-size:12px  }
  .tag small {
    font-size:8px;
    white-space:nowrap  }
  .tag-icon {
    width:27px;
    height:27px;
    font-size:13px  }
  .tag-one {
    top:10px;
    right:-3px  }
  .tag-two {
    left:-3px;
    bottom:0  }
  .numbers {
    margin-top:-10px  }
  .numbers-grid {
    grid-template-columns:1fr  }
  .number {
    padding:14px 17px;
    border-left:0;
    border-bottom:1px solid var(--line)  }
  .number:last-child {
    border-bottom:0  }
  .section {
    padding:68px 0  }
  .section-head {
    margin-bottom:28px  }
  .section h2 {
    font-size:28px;
    letter-spacing:-.5px  }
  .section-head p {
    font-size:12px  }
  .feature-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px  }
  .feature {
    min-height:170px;
    padding:14px;
    border-radius:15px  }
  .feature-icon {
    width:37px;
    height:37px;
    border-radius:11px;
    font-size:17px;
    margin-bottom:11px  }
  .feature h3 {
    font-size:12px  }
  .feature p {
    font-size:10px;
    line-height:1.8  }
  .trust-grid,.faq-grid {
    gap:28px  }
  .trust-visual {
    min-height:270px;
    padding:24px;
    border-radius:22px  }
  .trust-shield {
    font-size:58px;
    margin:22px 0 12px  }
  .trust-visual h3 {
    font-size:20px  }
  .trust-visual p {
    font-size:11px  }
  .trust-item h3 {
    font-size:13px  }
  .trust-item p {
    font-size:11px  }
  .testimonial-grid {
    grid-template-columns:1fr  }
  .testimonial {
    padding:17px;
    border-radius:16px  }
  .testimonial-top {
    align-items:flex-start  }
  .stars {
    font-size:10px;
    letter-spacing:1px  }
  .testimonial p {
    font-size:11px  }
  .faq-list details {
    border-radius:13px;
    padding:0 14px  }
  .faq-list summary {
    font-size:11px;
    line-height:1.8;
    gap:12px  }
  .faq-list details p {
    font-size:11px;
    line-height:2  }
  .app {
    padding-bottom:68px  }
  .app-box {
    padding:30px 20px;
    border-radius:22px  }
  .app-box h2 {
    font-size:25px;
    line-height:1.4  }
  .app-box p {
    font-size:11px  }
  .stores {
    display:grid;
    grid-template-columns:1fr;
    gap:8px  }
  .store {
    width:100%;
    justify-content:center  }
  .footer-grid {
    grid-template-columns:1fr 1fr;
    gap:24px 15px  }
  .footer-grid>div:first-child {
    grid-column:1/-1  }
  .footer-bottom {
    align-items:flex-start;
    font-size:10px;
    line-height:1.8  }
}
@media (max-width:380px) {
  .container {
    width:calc(100% - 22px)  }
  .nav-actions .btn-dark {
    display:none  }
  .hero h1 {
    font-size:34px  }
  .hero-visual {
    min-height:270px  }
  .halo {
    width:220px;
    height:220px  }
  .halo:before {
    width:275px;
    height:275px  }
  .shield-img {
    width:245px;
    height:245px  }
  .tag {
    transform:scale(.9)  }
  .feature-grid {
    gap:7px  }
  .feature {
    padding:12px;
    min-height:165px  }
  .feature h3 {
    font-size:11px  }
  .feature p {
    font-size:9px  }
  .footer-grid {
    grid-template-columns:1fr  }
}
/* Header mobile navigation */
@media (max-width:1000px) {
  header {
    z-index:100  }
  .nav {
    position:relative  }
  .nav-actions {
    margin-right:auto  }
  .nav-actions .btn-outline {
    display:none!important  }
  .menu {
    display:grid!important;
    place-items:center;
    position:relative;
    z-index:3;
    padding:0;
    color:var(--navy);
    font-size:22px;
    line-height:1  }
  .nav-links {
    display:none!important;
    position:absolute;
    z-index:20;
    top:calc(100% + 10px);
    right:0;
    left:0;
    width:auto;
    max-height:calc(100vh - 100px);
    overflow-y:auto;
    overscroll-behavior:contain;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:9px;
    background:rgba(255,255,255,.98);
    border:1px solid var(--line);
    border-radius:18px;
    box-shadow:0 20px 50px rgba(17,24,39,.16)  }
  .nav-links.open {
    display:flex!important  }
  .nav-links a {
    display:block;
    padding:12px 14px;
    border-bottom:1px solid #f1f0eb  }
  .nav-links a:last-child {
    border-bottom:0  }
}
@media (min-width:1001px) {
  .menu {
    display:none!important  }
  .nav-links {
    display:flex!important;
    position:static!important  }
}
@media (max-width:380px) {
  .nav-actions .btn-dark {
    display:none  }
  .nav-links {
    right:-1px;
    left:-1px  }
}
/* Minimal Yekan Bakh typography */
body {
  font-weight:400}
body h1,body h2,body h3,body h4,body h5,body h6 {
  font-weight:600!important}
.brand,.nav-links,.btn,.eyebrow,.feature h3,.number b,.trust-item h3,.customer b,footer h4 {
  font-weight:500}
.hero h1 {
  font-size:clamp(36px,4.6vw,58px);
  letter-spacing:-1.2px}
.section h2 {
  font-size:clamp(25px,3.2vw,36px);
  letter-spacing:-.5px}
.app-box h2 {
  font-size:clamp(26px,3vw,32px)}
.feature h3 {
  font-size:13px}
.feature p,.testimonial p,.trust-item p,.faq-list details p {
  font-weight:300}
@media(max-width:820px) {
  .hero h1 {
    font-size:clamp(34px,6.5vw,50px)  }
  .section h2 {
    font-size:30px  }
}
@media(max-width:600px) {
  .hero h1 {
    font-size:clamp(32px,9.5vw,42px)  }
  .section h2 {
    font-size:26px  }
  .app-box h2 {
    font-size:24px  }
  .feature h3 {
    font-size:12px  }
}
.store {
  border:0;
  cursor:pointer;
  font-family:inherit;
  text-align:right}
.store-logo {
  width:28px;
  height:28px;
  border-radius:8px;
  display:grid;
  place-items:center;
  font-size:18px;
  font-weight:700}
.google-logo {
  background:#eef5ff;
  color:#4285f4}
.apple-logo {
  background:#f2f2f2;
  color:#111;
  font-size:21px}
.store-image {
  width:31px;
  height:31px;
  object-fit:contain;
  border-radius:8px}
.pwa-image {
  padding:4px;
  background:#f1edff}
.store-myket {
  background:#fff}
.store-pwa {
  background:#fffdf2}
.store:hover {
  box-shadow:0 10px 25px rgba(17,24,39,.12)}
@media(max-width:600px) {
  .store {
    min-height:54px  }
  .store-image,.store-logo {
    width:30px;
    height:30px  }
}
@media (max-width:1000px) {
  .nav-actions .btn-outline {
    display:inline-flex!important;
    min-height:40px;
    padding:0 14px;
    font-size:12px  }
  .nav-actions {
    gap:7px  }
  .menu {
    flex:0 0 40px  }
}
@media (max-width:380px) {
  .nav-actions .btn-outline {
    display:inline-flex!important;
    padding:0 11px;
    font-size:11px  }
  .nav-actions .btn-dark {
    display:none  }
}
.licenses {
  background:#fff}
.license-carousel {
  position:relative;
  max-width:940px;
  margin:auto}
.license-viewport {
  overflow:hidden;
  border-radius:24px;
  cursor:grab;
  touch-action:pan-y}
.license-viewport.is-dragging {
  cursor:grabbing}
.license-track {
  display:flex;
  transition:transform .42s cubic-bezier(.22,.61,.36,1);
  will-change:transform}
.license-card {
  position:relative;
  flex:0 0 100%;
  overflow:hidden;
  border-radius:24px;
  background:var(--navy);
  aspect-ratio:16/11;
  user-select:none}
.license-card img {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  pointer-events:none}
.license-card:after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(17,24,39,.74),transparent 55%);
  pointer-events:none}
.license-caption {
  position:absolute;
  right:25px;
  bottom:20px;
  z-index:1;
  color:#fff;
  display:grid;
  gap:2px}
.license-caption b {
  font-size:16px;
  font-weight:600}
.license-caption span {
  color:#dce2eb;
  font-size:11px}
.carousel-control {
  position:absolute;
  top:50%;
  z-index:3;
  width:42px;
  height:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#fff;
  color:var(--navy);
  font-size:28px;
  line-height:1;
  box-shadow:0 12px 30px rgba(17,24,39,.18);
  transform:translateY(-50%);
  transition:.2s}
.carousel-control:hover {
  background:var(--gold2);
  transform:translateY(-50%) scale(1.06)}
.carousel-prev {
  right:-21px}
.carousel-next {
  left:-21px}
.carousel-dots {
  display:flex;
  justify-content:center;
  gap:7px;
  margin-top:18px}
.carousel-dot {
  width:8px;
  height:8px;
  border:0;
  border-radius:99px;
  background:#d9dde4;
  padding:0;
  transition:.25s}
.carousel-dot.is-active {
  width:24px;
  background:var(--gold)}
@media(max-width:600px) {
  .license-card {
    aspect-ratio:4/3  }
  .license-caption {
    right:16px;
    bottom:14px  }
  .license-caption b {
    font-size:13px  }
  .license-caption span {
    font-size:10px  }
  .carousel-control {
    width:36px;
    height:36px;
    font-size:23px  }
  .carousel-prev {
    right:-8px  }
  .carousel-next {
    left:-8px  }
}
.presence {
  background:#fbfaf6}
.presence-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px;
  align-items:center}
.presence-image {
  height:390px;
  position:relative;
  overflow:hidden;
  border-radius:28px;
  background:var(--navy);
  box-shadow:var(--shadow)}
.presence-image img {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover}
.presence-image:after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(17,24,39,.72),transparent 60%)}
.presence-badge {
  position:absolute;
  right:22px;
  bottom:20px;
  z-index:1;
  color:#fff;
  background:rgba(17,24,39,.72);
  border:1px solid rgba(255,255,255,.22);
  border-radius:99px;
  padding:7px 13px;
  font-size:11px;
  backdrop-filter:blur(10px)}
.presence-content h2 {
  font-size:clamp(26px,3.2vw,38px);
  margin:8px 0 12px}
.presence-content>p {
  max-width:510px;
  color:var(--muted);
  font-size:13px;
  margin:0 0 24px}
.contact-list {
  display:grid;
  gap:11px}
.contact-list a {
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 13px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  transition:.2s}
.contact-list a:hover {
  border-color:#e6c965;
  transform:translateX(-3px)}
.contact-icon {
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:var(--pale);
  color:var(--gold);
  font-size:18px}
.contact-list b,.contact-list small {
  display:block}
.contact-list b {
  font-size:12px;
  font-weight:600}
.contact-list small {
  color:var(--muted);
  font-size:11px}
.presence-hours {
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  color:#858e99;
  font-size:11px;
  margin-top:17px}
@media(max-width:820px) {
  .presence-grid {
    grid-template-columns:1fr;
    gap:35px  }
  .presence-image {
    height:330px  }
  .presence-content {
    max-width:680px  }
}
@media(max-width:600px) {
  .presence-image {
    height:245px;
    border-radius:20px  }
  .presence-content h2 {
    font-size:27px  }
  .contact-list a {
    padding:10px  }
  .contact-list small {
    font-size:10px  }
  .presence-hours {
    display:grid;
    gap:5px  }
}