/* Approved app-led homepage mockup, implemented as responsive live UI. */
body{background:#fff}.header-wrap{position:sticky;top:0;width:min(1440px,100%);margin:0 auto;z-index:60}header{border:0;border-radius:0;box-shadow:none;background:#ffffffee;padding:20px 30px;gap:28px}.brand-word{font-size:29px;letter-spacing:-1.5px}.brand-mark{width:38px;height:38px}header nav{font-size:12px;gap:30px}header>.btn{font-size:12px;padding:14px 22px}.campaign-hero{width:calc(100% - 24px);max-width:1440px;min-height:0;height:clamp(480px,43vw,660px);border-radius:22px}.campaign-copy{padding:clamp(65px,7vw,110px) 5%;max-width:900px}.campaign-copy h1{font-size:clamp(65px,7.2vw,108px);line-height:.99;letter-spacing:-.055em;margin:0 0 25px}.campaign-copy>p{max-width:600px;font-size:clamp(16px,1.65vw,23px);font-weight:500;line-height:1.5;color:white;margin:0 0 30px}.campaign-copy .hero-actions{margin:0}.campaign-copy .btn{font-size:14px;padding:17px 25px}.hero-shade{background:linear-gradient(90deg,#002c1dee 0%,#00351e99 37%,#00351e09 72%)}
.app-showcase{display:grid;grid-template-columns:.95fr 1.25fr;align-items:center;width:calc(100% - 24px);max-width:1440px;min-height:650px;background:linear-gradient(115deg,#f0ffe6,#e1f9cf 68%,#edffe4);padding:14px 0 0;border-radius:22px;margin:12px auto 0;overflow:hidden;position:relative}.app-showcase-heading{text-align:left;padding:34px 0 36px 7%;margin:0;z-index:5;max-width:none}.app-showcase-heading h2{font-size:clamp(31px,3.65vw,53px);line-height:1.05;letter-spacing:-.045em;margin:0 0 21px}.app-showcase-heading>p{font-size:clamp(13px,1.2vw,17px);line-height:1.6;max-width:410px;margin:0 0 25px;color:#244b34}.mockup-app-features{display:grid;gap:19px;margin:26px 0 35px}.mockup-app-features>button{display:flex;align-items:center;gap:18px;padding:0;background:none;border:0;text-align:left;color:var(--dark);border-radius:40px}.mockup-app-features>button:hover .feature-icon{background:#9ae86e;transform:scale(1.05)}.feature-icon{width:57px;height:57px;border-radius:50%;background:var(--lime);display:grid;place-items:center;flex-shrink:0;transition:background .2s,transform .2s}.feature-icon svg{width:24px;height:24px;fill:var(--dark);stroke:var(--dark);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.mockup-app-features>button:last-child svg{fill:none;stroke-width:2}.mockup-app-features strong{display:block;font-size:16px;line-height:1.4;letter-spacing:-.2px}.mockup-app-features small{display:block;font-size:12px;line-height:1.5;margin-top:6px;color:#31513b}.mockup-app-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.mockup-app-actions .btn{font-size:14px;padding:17px 26px}.preview-link{display:flex;align-items:center;gap:11px;font-size:11px;font-weight:700;color:var(--dark)}.play-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--dark);font-size:22px;background:white;padding-left:2px}.app-showcase-heading>p.mockup-app-caption{font-size:9px;margin:17px 0 0;color:#57705a;line-height:1.6}.app-device-gallery{position:relative;display:block;isolation:isolate;width:100%;height:636px;min-height:0;padding:0;margin:0;max-width:none;overflow:visible}.gallery-orbit,.gallery-word{display:none}.live-device{position:absolute;left:50%;top:22px;transform:translateX(-50%);width:285.5px;height:584.4px;flex:none;z-index:4}.live-device .phone{transform:scale(.83);transform-origin:top left;box-shadow:0 20px 35px #003b252f,0 0 0 3px #e1e5d5;border-color:#28352d;background:#15221b}.phone-brand{display:flex;align-items:center;gap:0;font-size:22px;letter-spacing:-1px}.phone-brand small{display:none}.phone-location{margin:12px 0}.phone-location select{font-size:10px}.phone-search{margin:10px 0 12px}.visual-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;overflow:visible}.visual-categories button{display:flex;flex-direction:column;align-items:center;gap:6px;background:transparent;border:0;padding:3px 0;color:var(--dark);border-radius:10px;white-space:normal}.visual-categories button[aria-pressed=true]{background:#e3f2d4;color:var(--dark);border:0}.visual-categories img{width:43px;height:43px;border-radius:50%;object-fit:cover;background:white}.visual-categories span{font-size:8px;line-height:1.2;letter-spacing:-.1px;min-height:11px}.phone-list-heading h4{font-size:13px}.phone-list-heading{margin-top:19px}.phone-list-heading select{font-size:8px;width:80px}.phone-offers{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mini-offer{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;background:white;padding:7px;border-radius:13px;border:1px solid #e5ebdf}.mini-photo{width:100%;height:105px;flex:none;border-radius:8px;background:white}.mini-photo img{width:100%;height:100%;object-fit:contain}.mini-details{padding:7px 3px 3px;gap:5px;min-width:0;display:flex;flex-direction:column;align-items:flex-start}.mini-details strong{font-size:12px;line-height:1.25;font-weight:600}.mini-details>span{font-size:11px;color:var(--dark);letter-spacing:-.2px}.mini-details em{font-size:8px}.mini-details small{display:none}.mini-save{position:absolute;right:5px;top:5px;align-self:auto;background:#fffffff0;border-radius:50%;height:27px;width:27px;padding:5px}.mini-save svg{width:17px;height:17px}.showcase-phone{position:absolute;flex:none;width:256px;height:580px;top:105px;box-shadow:0 18px 25px #003b2525}.nearby-screen{left:3%;transform:rotate(-10deg) scale(.82);transform-origin:top left;z-index:2}.saved-screen{right:0;transform:rotate(9deg) scale(.82);transform-origin:top right;z-index:2}.preview-logo{font-size:19px}.nearby-screen .preview-location{font-size:7px;margin-bottom:14px}.nearby-screen .preview-screen h3{font-size:24px;margin-bottom:9px}.nearby-screen .preview-screen>p{font-size:9px;margin-bottom:13px}.nearby-screen .screen-product{display:block;padding:5px;margin-bottom:9px;border-radius:9px}.nearby-screen .screen-product img{width:100%;height:65px;border-radius:6px;object-fit:cover;margin-bottom:6px}.nearby-screen .screen-product div{padding:0 4px 4px;gap:3px}.nearby-screen .screen-product small{font-size:5px;letter-spacing:.03em}.nearby-screen .screen-product strong{font-size:9px;line-height:1.2}.nearby-screen .screen-product span{font-size:7px;line-height:1.3}.nearby-screen .screen-product:last-of-type{margin-bottom:35px}.detail-screen .preview-screen{padding:7px 15px 0}.detail-screen-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.detail-screen-bar>span{font-size:26px;line-height:1}.detail-screen-bar>small{font-size:6px;letter-spacing:.05em}.detail-screen-bar svg{width:14px;height:14px;fill:var(--green);stroke:var(--green)}.detail-screen-image{width:100%;height:186px;object-fit:contain;background:white;border-radius:12px}.detail-screen .preview-screen h3{font-size:18px;letter-spacing:-.5px;line-height:1.3;margin:13px 0 6px}.detail-screen-price{font-size:9px!important;color:var(--dark)!important;font-weight:700;margin:0 0 15px!important}.detail-screen-quantity{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;text-align:center;background:white;border:1px solid var(--line);border-radius:9px;padding:6px;margin-bottom:11px;font-size:12px}.detail-screen-quantity button{background:none;border:0;color:var(--dark);font-size:18px;line-height:1}.detail-screen-button{width:100%;background:var(--green);border:0;border-radius:7px;color:white;font-size:10px;font-weight:700;padding:10px;margin-bottom:17px}.detail-screen h4{font-size:11px;margin:0 0 11px}.detail-related{display:grid;grid-template-columns:1fr 1fr;gap:9px}.detail-related button{padding:5px;border:1px solid var(--line);border-radius:8px;background:white;font-size:8px;text-align:left;line-height:1.4}.detail-related img{width:100%;height:55px;object-fit:contain;margin-bottom:5px}.detail-related span{display:block;padding-left:4px}.demo-active .phone{box-shadow:0 25px 50px #003b2540,0 0 0 5px #8edb65}
.leaflet-section{padding:42px 32px 26px;max-width:1440px}.app-first-home .leaflet-section .section-head{align-items:center;margin-bottom:22px}.app-first-home .leaflet-section .eyebrow,.app-first-home .leaflet-section .section-head>div:last-child>p{display:none}.app-first-home .leaflet-section h2{font-size:38px;letter-spacing:-1.6px;margin:0}.app-first-home .compact-demo-note{font-size:9px;margin:-9px 0 20px;color:#778676}.app-first-home .leaflet-grid{gap:17px}.app-first-home .leaflet-card{border-radius:12px;box-shadow:none}.app-first-home .leaflet-cover{background:white}.app-first-home .leaflet-cover small{display:none}.app-first-home .leaflet-cover strong{font-size:23px;line-height:1.2;letter-spacing:-.8px;margin:19px 20px 14px;min-height:0;max-width:none}.app-first-home .leaflet-cover img{height:215px;object-fit:cover}.app-first-home .leaflet-body{padding:14px 20px;display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center}.app-first-home .leaflet-body h3,.app-first-home .leaflet-body>p{display:none}.app-first-home .leaflet-valid{font-size:8px;background:#eff7e8;border-radius:100px;padding:7px 10px;margin:0;line-height:1.4}.app-first-home .leaflet-body .btn{padding:0;border:0;border-radius:0;width:auto;font-size:10px;line-height:1.5;background:none;color:var(--green);text-align:right;white-space:nowrap;justify-self:end}.app-first-home .leaflet-body .btn:hover{background:none;transform:none;color:var(--dark)}.compact-categories{max-width:1440px;padding:3px 32px 36px}.compact-categories .section-head{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.category-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:18px;overflow:visible;padding:10px 0}.category-link{border-radius:10px;background:none;flex:none}.category-photo{width:100%;height:auto;aspect-ratio:1.08;object-fit:cover;border-radius:9px}.category-link h3{min-height:0;display:block;text-align:center;font-size:12px;letter-spacing:-.25px;margin:10px 0 0;line-height:1.4}.shop-invitation{max-width:none;width:100%;border-radius:20px 20px 0 0;margin:0;padding:30px max(32px,calc((100vw - 1376px)/2));gap:30px;background:var(--deep);border:0;border-bottom:1px solid #ffffff25}.shop-invitation h2{font-size:clamp(22px,2.25vw,31px);line-height:1.25;margin:0;letter-spacing:-.8px}.shop-invitation .btn{padding:16px 24px;font-size:12px;background:var(--lime);color:var(--dark)}
.mockup-footer{background:var(--deep);color:#d3e1d6}.mockup-footer-inner{max-width:1440px;margin:auto;padding:38px 32px 20px;display:grid;grid-template-columns:2.4fr 1fr 1fr 1.1fr;gap:30px}.mockup-footer-brand{padding:8px 25px 0 0}.mockup-footer .brand{color:white;gap:12px}.mockup-footer .brand-mark{color:var(--lime);width:48px;height:48px}.mockup-footer .brand-word{font-size:clamp(26px,3.25vw,43px);letter-spacing:-1.8px;color:white}.mockup-footer .brand-word>span{color:white}.network-credit{display:block;margin:19px 0 0 60px;font-size:12px;color:#b3cbbb;line-height:1.6}.network-credit:hover{color:var(--lime)}.mockup-footer-column{border-left:1px solid #ffffff24;padding-left:30px}.mockup-footer-column h3{color:white;font-size:12px;margin:6px 0 22px}.mockup-footer-column>a{display:block;font-size:11px;line-height:1.6;color:#bed4c4;margin:0 0 12px}.mockup-footer-column>a:hover{color:var(--lime)}.mockup-footer-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff1c;padding-top:18px;font-size:8px;line-height:1.7;color:#92b59d}.mockup-footer-bottom a{color:#c1dac9}
@media(min-width:1440px){.nearby-screen{left:6%}.saved-screen{right:1%}}
@media(max-width:1100px){header{padding:18px 25px}.brand-word{font-size:26px}.brand-mark{width:32px;height:32px}header nav{gap:18px;font-size:11px}.app-showcase{min-height:590px;grid-template-columns:.9fr 1.15fr}.app-showcase-heading{padding-left:7%}.app-showcase-heading h2{font-size:37px}.mockup-app-features{gap:19px}.feature-icon{width:48px;height:48px}.mockup-app-features strong{font-size:14px}.mockup-app-features small{font-size:10px}.app-device-gallery{height:590px}.live-device{width:258px;height:528px;top:33px}.live-device .phone{transform:scale(.75)}.showcase-phone{width:256px;height:580px;top:103px}.nearby-screen{left:1%;transform:rotate(-9deg) scale(.7)}.saved-screen{right:0;transform:rotate(9deg) scale(.7)}.mockup-app-actions{gap:15px}.preview-link{font-size:9px}.play-icon{width:30px;height:30px;font-size:19px}.mockup-app-actions .btn{font-size:12px;padding:15px 22px}.category-grid{gap:14px}.category-link h3{font-size:11px}.mockup-footer-inner{grid-template-columns:1.8fr 1fr 1fr 1fr;gap:20px}.mockup-footer .brand-word{font-size:29px}.mockup-footer .brand-mark{width:36px;height:36px}.mockup-footer-column{padding-left:20px}.network-credit{margin-left:48px;font-size:10px}}
@media(max-width:960px) and (min-width:761px){.app-showcase{grid-template-columns:.9fr 1.1fr;min-height:580px}.app-showcase-heading{padding-left:7%}.app-showcase-heading h2{font-size:32px}.app-showcase-heading>p{font-size:12px}.app-device-gallery{height:580px}.live-device{width:240px;height:492px;top:48px}.live-device .phone{transform:scale(.7)}.nearby-screen{left:0;top:120px;transform:rotate(-8deg) scale(.63)}.saved-screen{top:120px;right:0;transform:rotate(8deg) scale(.63)}.mockup-app-features{margin:22px 0 28px;gap:17px}.mockup-app-features>button{gap:13px}.feature-icon{width:41px;height:41px}.feature-icon svg{width:20px;height:20px}.mockup-app-features strong{font-size:13px}.mockup-app-features small{font-size:9px}.mockup-app-actions{gap:14px}.mockup-app-actions .btn{font-size:11px;padding:13px 20px}.preview-link{font-size:8px}.play-icon{width:27px;height:27px}.app-first-home .leaflet-body{display:block}.app-first-home .leaflet-body .btn{margin-top:12px}.app-first-home .leaflet-valid{display:inline-block}.category-grid{gap:12px}.category-link h3{font-size:10px}.mockup-footer-inner{grid-template-columns:1fr 1fr 1fr}.mockup-footer-brand{grid-column:1/-1;padding-bottom:15px}.mockup-footer .brand-word{font-size:36px}.mockup-footer-column{border-left:0;padding-left:0}}
@media(max-width:760px){.header-wrap{width:100%;top:0;margin:0}header{padding:16px 21px}.brand-word{font-size:25px}.brand-mark{width:31px;height:31px}.campaign-hero{width:calc(100% - 20px);height:570px;min-height:0;border-radius:18px}.campaign-copy{padding:68px 25px 0}.campaign-copy h1{font-size:clamp(51px,11vw,76px);margin-bottom:23px}.campaign-copy>p{font-size:16px;max-width:270px;line-height:1.5;margin-bottom:26px}.campaign-copy .btn{font-size:12px;padding:15px 23px}.campaign-image{object-position:66% center}.hero-shade{background:linear-gradient(90deg,#002d1de6,#00351e60 70%,#00351e16),linear-gradient(0deg,#00351e77,transparent 60%)}.app-showcase{display:block;width:calc(100% - 20px);border-radius:18px;margin-top:10px;padding:36px 0 0;min-height:0;overflow:hidden}.app-showcase-heading{padding:0 25px 15px;text-align:left}.app-showcase-heading h2{font-size:clamp(31px,7.7vw,47px);margin-bottom:17px;line-height:1.06}.app-showcase-heading>p{font-size:13px;max-width:380px;margin-bottom:22px}.mockup-app-features{gap:16px;margin:24px 0 26px}.feature-icon{width:45px;height:45px}.feature-icon svg{width:21px;height:21px}.mockup-app-features>button{gap:15px}.mockup-app-features strong{font-size:14px}.mockup-app-features small{font-size:11px;margin-top:4px}.mockup-app-actions{gap:22px}.mockup-app-actions .btn{font-size:12px;padding:15px 24px}.preview-link{font-size:10px}.play-icon{width:31px;height:31px;font-size:20px}.app-showcase-heading>p.mockup-app-caption{font-size:9px;margin:15px 0 0}.app-device-gallery{width:100%;height:600px;min-height:0;overflow:visible;display:block;padding:0;margin:0;scroll-snap-type:none}.live-device{position:absolute;order:0;left:50%;top:28px;width:268.3px;height:549px;transform:translateX(-50%);scroll-snap-align:none}.live-device .phone{width:344px;height:704px;transform:scale(.78);transform-origin:top left}.phone-content{padding:7px 13px 18px}.phone-brand{font-size:22px}.showcase-phone{width:256px;height:580px;flex:none;top:116px}.nearby-screen{left:-12px;transform:rotate(-9deg) scale(.68);transform-origin:top left}.saved-screen{right:-12px;transform:rotate(9deg) scale(.68);transform-origin:top right}.preview-screen{padding:7px 13px 47px}.preview-logo{font-size:19px}.preview-screen h3{font-size:24px}.preview-screen>p{font-size:9px}.screen-product{grid-template-columns:52px minmax(0,1fr);gap:8px;padding:7px;margin-bottom:9px}.screen-product img{width:52px;height:58px}.screen-product strong{font-size:10px}.screen-product span{font-size:8px}.mini-offer{display:flex;grid-template-columns:none;gap:0}.mini-photo{width:100%;height:105px}.mini-details strong{font-size:12px}.mini-details>span{font-size:11px}.detail-screen .preview-screen{padding:7px 15px 0}.detail-screen .preview-screen h3{font-size:18px}.detail-screen-image{height:186px}.app-first-home .leaflet-section{padding:34px 22px 17px}.app-first-home .leaflet-section .section-head{display:flex;align-items:center;gap:15px;margin-bottom:18px}.app-first-home .leaflet-section h2{font-size:29px;letter-spacing:-1px}.app-first-home .leaflet-section .text-link{font-size:10px;white-space:nowrap}.app-first-home .compact-demo-note{font-size:8px;margin:0 0 17px}.app-first-home .leaflet-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}.app-first-home .leaflet-card{flex:0 0 84%;scroll-snap-align:start;border-radius:12px}.app-first-home .leaflet-cover strong{font-size:22px;margin:17px 18px 13px;min-height:0}.app-first-home .leaflet-cover img{height:190px}.app-first-home .leaflet-body{padding:13px 17px;display:grid;grid-template-columns:1fr auto;gap:8px}.app-first-home .leaflet-body .btn{font-size:9px;margin:0}.app-first-home .leaflet-valid{font-size:7px;padding:6px 9px}.compact-categories{padding:0 22px 27px}.category-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:13px;padding-bottom:12px}.category-link{flex:0 0 100px;scroll-snap-align:start}.category-photo{width:100px;height:90px;aspect-ratio:auto}.category-link h3{font-size:10px;margin:9px 0 0;line-height:1.4}.shop-invitation{width:100%;border-radius:17px 17px 0 0;padding:26px 24px;flex-direction:column;align-items:flex-start;gap:20px;margin:0}.shop-invitation h2{font-size:25px;letter-spacing:-.8px;line-height:1.2}.shop-invitation .btn{font-size:11px;padding:14px 21px}.mockup-footer-inner{padding:30px 24px 22px;grid-template-columns:1fr 1fr;gap:28px 20px}.mockup-footer-brand{grid-column:1/-1;padding:0 0 10px}.mockup-footer .brand-word{font-size:34px;letter-spacing:-1.6px}.mockup-footer .brand-mark{width:40px;height:40px}.network-credit{margin:15px 0 0 52px;font-size:10px}.mockup-footer-column{padding-left:0;border:0}.mockup-footer-column h3{font-size:11px;margin:0 0 18px}.mockup-footer-column>a{font-size:10px;margin-bottom:11px}.mockup-footer-bottom{flex-wrap:wrap;font-size:7px;gap:7px;grid-column:1/-1}.mockup-footer-bottom>span:nth-child(2){order:3;flex-basis:100%}.mockup-footer-bottom>a{margin-left:auto}}
@media(max-width:360px){header{padding:15px 18px}.brand-word{font-size:22px}.brand-mark{width:28px;height:28px}.campaign-hero{height:530px}.campaign-copy{padding:55px 22px 0}.campaign-copy h1{font-size:48px}.campaign-copy>p{font-size:14px;max-width:240px}.app-showcase-heading{padding-left:22px;padding-right:22px}.app-showcase-heading h2{font-size:30px}.mockup-app-features small{font-size:10px}.app-device-gallery{height:560px}.live-device{width:247.7px;height:506.8px;top:30px}.live-device .phone{transform:scale(.72)}.nearby-screen{left:-25px;transform:rotate(-9deg) scale(.61)}.saved-screen{right:-25px;transform:rotate(9deg) scale(.61)}.mockup-footer .brand-word{font-size:29px}.mockup-footer .brand-mark{width:34px;height:34px}.mockup-footer .brand{gap:9px}.network-credit{margin-left:43px}.app-first-home .leaflet-body{grid-template-columns:1fr}.app-first-home .leaflet-body .btn{justify-self:start}.app-first-home .leaflet-valid{justify-self:start}}