@font-face{font-family:'Plus Jakarta Sans';src:url('assets/fonts/PlusJakartaSans-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap;}
@font-face{font-family:'Plus Jakarta Sans';src:url('assets/fonts/PlusJakartaSans-SemiBold.ttf') format('truetype');font-style:normal;font-weight:500 600;font-display:swap;}
@font-face{font-family:'Plus Jakarta Sans';src:url('assets/fonts/PlusJakartaSans-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap;}
@font-face{font-family:'Plus Jakarta Sans';src:url('assets/fonts/PlusJakartaSans-ExtraBold.ttf') format('truetype');font-style:normal;font-weight:800;font-display:swap;}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;overflow-x:hidden;}
body{margin:0;background:#FBF7EF;font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:#1F1B16;-webkit-font-smoothing:antialiased;overflow-x:hidden;width:100%;}
a{color:inherit;}
::selection{background:#FFE1D2;}
.wrap{max-width:1180px;margin:0 auto;padding-left:28px;padding-right:28px;}

.badge img{display:block;}.badge{line-height:0;}
.hero-h1{font-size:70px;line-height:1.1;font-weight:800;letter-spacing:-0.035em;max-width:14ch;margin:0;-webkit-text-stroke:0.6px #1F1B16;}
.sec-h2{font-size:clamp(30px,4.4vw,42px);font-weight:800;letter-spacing:-0.03em;margin:0;}

.hero-scaler{position:relative;overflow:hidden;transform:translateZ(0);}
.hero-stage{width:1180px;transform-origin:top left;will-change:transform;}
.hero{display:grid;grid-template-columns:1.05fr 0.95fr;gap:40px;align-items:center;padding:64px 28px 40px;position:relative;}
.hero-copy,.hero-media{position:relative;z-index:2;}
.hero-media{filter:drop-shadow(0 30px 60px rgba(31,27,22,0.18));}
.hero-phone{width:100%;max-width:540px;height:auto;align-self:center;display:block;}

.hero-decor{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:visible;}
.hero-decor > *{position:absolute;}
.decor-blob{fill:#E4EDD9;}
.decor-blob-soft{fill:#EAF1E1;}
.decor-mark-g{color:#94C270;}
.decor-mark-c{color:#FF7A6B;}
.hero-bag{position:absolute;left:-260px;bottom:-130px;z-index:1;width:min(28vw,325px);height:auto;pointer-events:none;transform:rotate(4deg);filter:drop-shadow(0 20px 30px rgba(31,27,22,0.14));}

.chain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px;}
.chain-card{background:#fff;border:1px solid #EFE7D8;border-radius:16px;height:78px;display:flex;align-items:center;justify-content:center;padding:14px;}
.chain-card img{max-height:46px;max-width:100%;object-fit:contain;border-radius:8px;}

.step-media{max-width:260px;margin:0 auto 24px;}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:start;}
.step-num{width:46px;height:46px;margin:0 auto 14px;border-radius:14px 5px 14px 5px;display:flex;align-items:center;justify-content:center;transform:rotate(-6deg);}
.step-num span{font-size:20px;font-weight:800;transform:rotate(6deg);}

.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;}
.flip{perspective:1400px;height:270px;}
.flip-inner{position:relative;width:100%;height:100%;cursor:pointer;transition:transform .6s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d;}
.flip.flipped .flip-inner{transform:rotateY(180deg);}
.flip-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:24px;padding:26px;display:flex;flex-direction:column;}
.flip-front{background:#fff;border:1px solid #EFE7D8;box-shadow:0 4px 14px rgba(31,27,22,0.05);}
.flip-back{transform:rotateY(180deg);background:#2F7A52;color:#fff;box-shadow:0 12px 30px rgba(47,122,82,0.28);}
.flip-inner:focus-visible{outline:3px solid #2F7A52;outline-offset:4px;border-radius:24px;}
.flip-icon{width:46px;height:46px;border-radius:14px 5px 14px 5px;display:flex;align-items:center;justify-content:center;transform:rotate(-6deg);}

.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.testi-cols{columns:3;column-gap:18px;}
.dl-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:48px;align-items:center;}
.qr svg{width:100%;height:100%;display:block;}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;}
.nav-links{display:flex;gap:26px;margin-left:14px;}

@media(max-width:860px){
  .steps{grid-template-columns:1fr;gap:36px;}
  .stats-grid{grid-template-columns:repeat(2,1fr);gap:28px;}
  .testi-cols{columns:1;}
  .dl-grid{grid-template-columns:1fr;gap:36px;text-align:center;}
  .dl-grid .dl-cta{justify-content:center;}
  .foot-grid{grid-template-columns:1fr 1fr;}
  .nav-links{display:none;}
  .store-badges-header{display:none!important;}
}
@media(max-width:1024px){
  .store-badges-header{display:none!important;}
}
@media(max-width:480px){
  .stats-grid{grid-template-columns:1fr;}
  .foot-grid{grid-template-columns:1fr;}
}

/* phone hero: stop scaling, stack naturally */
@media(max-width:720px){
  .hero-stage{width:100%!important;transform:none!important;}
  .hero{grid-template-columns:1fr;gap:20px;text-align:center;padding:28px 20px 0;}
  .hero-copy{order:1;transform:none!important;}
  .hero-media{order:2;}
  .hero-h1{font-size:clamp(30px,8.5vw,46px);max-width:none;-webkit-text-stroke:0;margin:0 auto;}
  .hero-copy p{font-size:clamp(15px,4vw,18px)!important;margin-left:auto!important;margin-right:auto!important;}
  .hero-cta,.hero-trust{justify-content:center;}
  .hero-cta .badge img{height:46px!important;}
  .hero-phone{width:66vw!important;max-width:520px!important;margin:0 auto!important;transform:translateY(14px)!important;}
  .decor-mark-g,.decor-wave,.hero-bag{display:none!important;}
  .decor-mark-c{top:auto!important;bottom:73vw!important;right:22vw!important;left:auto!important;width:32px!important;height:32px!important;transform:rotate(50deg)!important;}
  .decor-blob{left:50%!important;right:auto!important;top:auto!important;bottom:-12%!important;width:112vw!important;height:118vw!important;transform:translateX(-48%) rotate(-8deg)!important;}
}