html,body{max-width:100%;overflow-x:hidden}
@media(max-width:1000px){
  .heading h2,.showcase h2,.mobile-block h2,.final h2,.page-hero h1{line-height:1.04;letter-spacing:-.045em}
  .cards h3,.steps h3{line-height:1.08;letter-spacing:-.035em}
  .cards p,.steps li p,.faq details p,.showcase>div>p,.mobile-block>div>p{line-height:1.52}
  .authentic-cards .mobile-halo{inset:auto;width:min(240px,78%);height:auto;aspect-ratio:1/1;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%}
}
@media(min-width:681px) and (max-width:1000px){
  .hero{min-height:auto;padding:76px 6vw 44px;gap:0}
  .hero .copy{max-width:820px}
  .hero .cta{margin-bottom:0}
  .real-product-stage{height:auto;max-width:860px;margin:46px auto 0;border:1px solid rgba(7,82,72,.08);border-radius:28px;background:#eaf2ef;overflow:hidden;box-shadow:0 24px 55px rgba(12,42,34,.1)}
  .web-mockups{position:static;display:block;width:100%;height:auto;border-radius:0;box-shadow:none;transform:none}
  .real-phone,.real-badge{display:none}
  .section{padding-top:110px;padding-bottom:110px}
  .showcase{padding-top:110px;padding-bottom:120px}
  .real-showcase{margin-top:44px}
  .authentic-cards article:last-child{min-height:420px;padding:34px;display:grid;grid-template-columns:minmax(210px,.85fr) minmax(0,1.15fr);grid-template-rows:auto 1fr auto;column-gap:28px;align-items:center}
  .authentic-cards article:last-child>span{grid-column:1/-1;align-self:start}
  .authentic-cards article:last-child .mobile-scene{grid-column:1;grid-row:2/4;width:100%;max-width:none;height:310px;margin:0}
  .authentic-cards article:last-child .mobile-halo{width:min(250px,86%)}
  .authentic-cards article:last-child .mobile-scene>img{top:4px;width:148px}
  .authentic-cards article:last-child .mobile-status{right:-4px;bottom:36px}
  .authentic-cards article:last-child h3{grid-column:2;grid-row:2;align-self:end;margin:0 0 14px;font-size:clamp(30px,4.2vw,42px);line-height:1.05}
  .authentic-cards article:last-child>p{grid-column:2;grid-row:3;align-self:start;margin:0;font-size:17px;line-height:1.6}
}
@media(max-width:680px){
  .header{height:68px;padding:8px 10px 8px 14px}
  .header.open .mobile-menu{top:66px}
  .hero{padding:58px 24px 24px;gap:0}
  .hero .copy{position:relative;z-index:2}
  .hero h1{font-size:clamp(43px,13vw,54px);line-height:.98}
  .hero .lead{margin-bottom:0}
  .hero .cta{margin-top:24px;gap:10px;width:100%}
  .hero .cta .primary{width:100%;max-width:330px}
  .hero .explore{padding:12px 4px}
  .real-product-stage{height:430px;margin:34px 0 0;border-radius:24px;background:linear-gradient(145deg,#e3f2ee,#d7eef6);overflow:hidden;box-shadow:inset 0 0 0 1px rgba(7,82,72,.06)}
  .real-product-stage:before{content:"";position:absolute;left:50%;top:45%;width:330px;height:330px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.8);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.25)}
  .web-mockups{display:none}
  .real-phone{left:50%;top:26px;bottom:auto;width:215px;transform:translateX(-50%) rotate(-3deg);filter:drop-shadow(0 22px 24px rgba(8,31,24,.24))}
  .real-badge{left:18px;right:auto;bottom:20px;padding:10px 12px}
  .real-badge>i{width:28px;height:28px}
  .real-badge b{font-size:9px}
  .real-badge small{font-size:7px}
  .section{padding:82px 0}
  .section .heading{margin-bottom:42px}
  .cards article{min-height:0;padding:25px}
  .cards h3{margin:0 0 14px;font-size:clamp(28px,8.5vw,36px);line-height:1.08}
  .cards p{font-size:16px;line-height:1.55}
  .authentic-cards article:last-child .mobile-scene{height:240px;margin:18px 0 26px}
  .authentic-cards article:last-child .mobile-halo{width:min(225px,76%)}
  .authentic-cards article:last-child .mobile-scene>img{width:118px}
  .authentic-cards article:last-child .mobile-status{right:4px;bottom:28px}
  .showcase{padding-top:82px;padding-bottom:96px}
  .real-showcase{margin-top:34px}
  .mobile-block{padding-top:82px;margin-bottom:70px}
  .faq{padding-top:82px;padding-bottom:82px}
  .final{min-height:480px;padding:60px 24px}
}
@media(max-width:390px){
  .hero{padding-left:18px;padding-right:18px}
  .hero h1{font-size:42px}
  .real-product-stage{height:400px}
  .real-phone{width:195px}
  .real-badge{left:12px;bottom:14px}
  .heading h2,.showcase h2,.mobile-block h2,.final h2{font-size:38px}
}