.landing-body{overflow-x:hidden}
.site-header{height:76px;width:min(1240px,calc(100% - 40px));margin:auto;display:flex;align-items:center;gap:34px;position:relative;z-index:30}
.site-nav{display:flex;align-items:center;gap:28px;margin-left:auto}
.site-nav a{font-size:14px;font-weight:700;color:#53687b}
.site-nav a:hover{color:var(--blue)}
.header-actions{display:flex;gap:10px}.mobile-menu{display:none;background:transparent;border:0;font-size:24px;color:var(--ink)}
.hero{min-height:690px;display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:54px;padding:72px 0 90px}
.hero:before{content:"";position:absolute;z-index:-1;width:520px;height:520px;border-radius:50%;background:#eff8ff;right:2%;top:110px;filter:blur(2px)}
.hero-copy h1{font-size:clamp(42px,5.2vw,68px);line-height:1.13;letter-spacing:-2.7px;margin:18px 0 22px}
.hero-copy h1 em{font-style:normal;color:var(--blue)}
.hero-copy>p{font-size:17px;line-height:1.9;color:var(--muted);max-width:590px}
.pulse-dot{width:8px;height:8px;background:var(--teal);border-radius:50%;box-shadow:0 0 0 5px rgba(24,169,153,.12)}
.hero-actions{display:flex;gap:12px;margin:28px 0 20px}.trust-row{display:flex;gap:18px;flex-wrap:wrap;color:#5c7285;font-size:12px;font-weight:650}
.hero-visual{height:540px;position:relative}
.shop-scene{position:absolute;right:24px;top:0;width:280px;height:145px;background:#ffefe8;border-radius:20px 20px 4px 4px;box-shadow:var(--shadow)}
.awning{height:40px;display:flex;overflow:hidden;border-radius:20px 20px 0 0}.awning i{flex:1;background:var(--teal)}.awning i:nth-child(even){background:#62c9bc}
.shop-people{display:flex;align-items:end;justify-content:center;height:105px;position:relative}.person{font-size:58px}.counter{width:68px;height:38px;background:#bd7851;border-radius:5px;margin:0 -8px 10px}
.dashboard-float{position:absolute;left:0;top:105px;width:84%;height:325px;background:#fff;border:1px solid #dce8f2;border-radius:22px;padding:22px;box-shadow:0 30px 60px rgba(37,72,101,.18);transform:rotate(-1deg)}
.mini-top{display:flex;justify-content:space-between;align-items:center;font-size:12px}.mini-top span{font-size:10px;color:var(--muted);padding:5px 8px;border:1px solid var(--line);border-radius:6px}
.mini-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.mini-kpis div{padding:12px;background:#f8fbfe;border:1px solid #e6edf4;border-radius:10px}.mini-kpis small,.mini-kpis strong,.mini-kpis em{display:block}.mini-kpis small{font-size:10px;color:var(--muted)}.mini-kpis strong{font-size:19px;margin:4px 0}.mini-kpis em{font-style:normal;font-size:9px;color:var(--teal)}.mini-kpis em.coral{color:var(--coral)}
.chart-visual{height:155px;border:1px solid var(--line);border-radius:12px;padding:12px}.chart-visual svg{width:100%;height:100%}.grid-line{stroke:#e7edf4;stroke-width:1}.area{fill:url(#chartfill)}.line{fill:none;stroke:var(--blue);stroke-width:4;stroke-linecap:round}
.phone-card{position:absolute;right:0;bottom:28px;width:145px;height:270px;border:7px solid #17324d;border-radius:28px;background:#fff;box-shadow:0 18px 40px rgba(22,45,67,.23);padding:24px 14px 12px;text-align:center;transform:rotate(4deg);z-index:3}.phone-speaker{position:absolute;top:7px;left:45px;width:44px;height:5px;background:#17324d;border-radius:5px}.phone-card small,.phone-card strong,.phone-card>span{display:block}.phone-card small{font-size:10px}.phone-card strong{font-size:28px;color:var(--blue);margin:10px 0}.phone-card strong i{font-size:10px;font-style:normal}.phone-card>span:last-child{font-size:9px;color:var(--muted);margin-top:8px}
.qr-grid{width:84px;height:84px;margin:auto;border:7px solid var(--ink);background:repeating-linear-gradient(45deg,var(--ink) 0 5px,#fff 5px 10px);box-shadow:inset 0 0 0 10px #fff}
.orbit{position:absolute;display:grid;place-items:center;font-weight:900;z-index:4;box-shadow:0 10px 20px rgba(29,54,77,.15)}
.orbit-ticket{left:-28px;top:220px;width:72px;height:48px;background:var(--coral);color:#fff;border-radius:9px;transform:rotate(-13deg);font-size:24px}.orbit-coin{right:165px;top:58px;width:58px;height:58px;border-radius:50%;background:var(--yellow);color:#8f6300;border:5px solid #ffe4a4;font-size:22px}.orbit-gift{left:70px;bottom:22px;width:60px;height:60px;background:var(--teal-50);color:var(--teal);border-radius:18px;font-size:25px;transform:rotate(8deg)}
.flow-section{padding:92px 0}.flow-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:15px;align-items:center}.flow-card{height:260px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;position:relative;box-shadow:0 12px 30px rgba(35,66,92,.06);text-align:center}.flow-no{position:absolute;left:14px;top:14px;color:#a0b0bd;font-weight:800;font-size:12px}.flow-art{width:104px;height:104px;border-radius:32px;margin:15px auto;display:grid;place-items:center;font-size:42px;font-weight:900;position:relative}.flow-art b{position:absolute;right:13px;bottom:9px;font-size:20px}.flow-art.blue{background:var(--blue-50);color:var(--blue)}.flow-art.teal{background:var(--teal-50);color:var(--teal)}.flow-art.coral{background:var(--coral-50);color:var(--coral)}.flow-art.yellow{background:var(--yellow-50);color:#b77a00}.flow-card h3{margin:4px 0;font-size:18px}.flow-card p{font-size:13px;line-height:1.7;color:var(--muted)}.flow-arrow{font-size:25px;color:var(--teal);font-weight:900}
.features-section{padding:100px 0}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;min-height:410px;position:relative;box-shadow:0 12px 30px rgba(35,66,92,.05)}.feature-card>span{position:absolute;right:22px;top:22px;font-size:13px;font-weight:800;color:#a1b0bc}.feature-icon{width:88px;height:88px;border-radius:28px;display:grid;place-items:center;font-size:30px;font-weight:900;letter-spacing:-8px;padding-right:8px}.feature-card h3{font-size:21px;margin:24px 0 10px}.feature-card p{font-size:14px;color:var(--muted);line-height:1.75}.feature-card ul{padding:0;list-style:none;margin:18px 0}.feature-card li{font-size:13px;margin:10px 0}.feature-card li:before{content:"✓";font-weight:900;margin-right:7px}.feature-blue .feature-icon{background:var(--blue-50);color:var(--blue)}.feature-blue h3,.feature-blue li:before{color:var(--blue)}.feature-teal .feature-icon{background:var(--teal-50);color:var(--teal);letter-spacing:0}.feature-teal h3,.feature-teal li:before{color:var(--teal)}.feature-coral .feature-icon{background:var(--coral-50);color:var(--coral);letter-spacing:0}.feature-coral h3,.feature-coral li:before{color:var(--coral)}.feature-yellow .feature-icon{background:var(--yellow-50);color:#c38100;letter-spacing:0}.feature-yellow h3,.feature-yellow li:before{color:#b57600}
.dashboard-section{padding:110px 0;background:#f4f8fd;position:relative}.dashboard-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 90%,#fff0d3 0,transparent 25%);pointer-events:none}.dashboard-layout{display:grid;grid-template-columns:.72fr 1.5fr;gap:70px;align-items:center;position:relative}.dashboard-copy h2{font-size:43px;line-height:1.2;margin:15px 0}.dashboard-copy p{color:var(--muted);line-height:1.85}.data-points{display:flex;gap:20px;margin:25px 0}.data-points span{font-size:12px;color:var(--muted)}.data-points b{display:block;font-size:22px;color:var(--blue)}
.dashboard-preview{height:450px;background:#fff;border:1px solid #cfddea;border-radius:18px;box-shadow:0 30px 70px rgba(26,60,94,.16);display:grid;grid-template-columns:150px 1fr;overflow:hidden;transform:perspective(1200px) rotateY(-3deg)}.dashboard-preview aside{background:#f8fbff;border-right:1px solid var(--line);padding:22px 12px}.dashboard-preview aside i{display:block;font-style:normal;font-size:10px;color:#607385;padding:10px;border-radius:7px;margin:5px 0}.dashboard-preview aside i.active{background:var(--blue);color:#fff}.mini-brand{font-size:13px;font-weight:850;color:var(--blue);margin:0 8px 18px}.preview-main{padding:22px}.preview-head{display:flex;justify-content:space-between}.preview-head span{font-size:9px;border:1px solid var(--line);padding:5px 8px;border-radius:6px;color:var(--muted)}.preview-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.preview-kpis i{font-style:normal;padding:10px;border:1px solid var(--line);border-radius:8px}.preview-kpis small,.preview-kpis b{display:block}.preview-kpis small{font-size:8px;color:var(--muted)}.preview-kpis b{font-size:16px;margin-top:4px}.preview-panels{display:grid;grid-template-columns:1.5fr 1fr;gap:10px}.preview-chart,.preview-alerts{height:250px;border:1px solid var(--line);border-radius:10px;padding:14px;font-size:10px}.bars{height:180px;display:flex;align-items:end;gap:9px;border-bottom:1px solid #e4eaf0;margin-top:18px}.bars i{flex:1;background:linear-gradient(var(--blue),#93b6ff);border-radius:4px 4px 0 0}.bars i:nth-child(1){height:30%}.bars i:nth-child(2){height:42%}.bars i:nth-child(3){height:38%}.bars i:nth-child(4){height:55%}.bars i:nth-child(5){height:67%}.bars i:nth-child(6){height:60%}.bars i:nth-child(7){height:82%}.bars i:nth-child(8){height:72%}.bars i:nth-child(9){height:94%}.preview-alerts p{padding:10px 4px;border-bottom:1px solid var(--line);font-size:9px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}.coral-bg{background:var(--coral)}.yellow-bg{background:var(--yellow)}.teal-bg{background:var(--teal)}
.setup-section{padding:110px 0}.setup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.setup-grid article{min-height:300px;padding:25px;background:#fff;border:1px solid var(--line);border-radius:20px;position:relative}.setup-grid article>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:850}.setup-grid article:nth-child(2)>span{background:var(--teal)}.setup-grid article:nth-child(3)>span{background:var(--coral)}.setup-grid h3{font-size:20px;margin:15px 0 5px}.setup-grid p{color:var(--muted);font-size:14px;line-height:1.7}.setup-illustration{height:120px;border-radius:20px;background:var(--blue-50);display:grid;place-items:center;font-size:50px;color:var(--blue);font-weight:900;position:relative;margin-top:-20px;margin-left:80px}.setup-grid article:nth-child(2) .setup-illustration{background:var(--yellow-50);color:#bd7e00}.setup-grid article:nth-child(3) .setup-illustration{background:var(--coral-50);color:var(--coral)}.setup-illustration i{position:absolute;font-size:23px;right:35px;bottom:20px;font-style:normal;color:var(--teal)}
.integration-section{padding:30px 0 90px}.integration-card{background:#fffaf1;border:1px solid #f0dfc1;border-radius:24px;padding:40px 48px;display:grid;grid-template-columns:1.5fr .7fr;gap:30px;align-items:center}.integration-card h2{font-size:32px;margin:12px 0}.integration-card p{color:var(--muted);line-height:1.7}.integration-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.integration-pills span{padding:7px 12px;background:#fff;border:1px solid #ead9b9;border-radius:8px;font-size:12px;font-weight:700}.security-visual{text-align:center;display:flex;flex-direction:column;align-items:center}.security-visual>span{width:110px;height:125px;background:linear-gradient(145deg,var(--blue),#3c7bf2);clip-path:polygon(50% 0,92% 15%,85% 72%,50% 100%,15% 72%,8% 15%);display:grid;place-items:center;color:#fff;font-size:48px;font-weight:900}.security-visual b{margin-top:12px}.security-visual small{color:var(--muted);margin-top:5px}
.cta-section{padding:20px 0 60px}.cta-card{background:var(--blue);color:#fff;border-radius:24px;padding:32px 40px;display:grid;grid-template-columns:auto 1fr auto;gap:25px;align-items:center;overflow:hidden;position:relative}.cta-card:after{content:"";position:absolute;width:240px;height:240px;border:45px solid rgba(255,255,255,.05);border-radius:50%;right:-80px;top:-130px}.cta-card h2{font-size:26px;margin:0 0 6px}.cta-card p{margin:0;color:#dbe7ff}.cta-card>div:last-child{display:flex;gap:10px;z-index:2}.cta-coin{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:#8d6200;border:7px solid #ffe5a2;font-size:28px;font-weight:900}
.site-footer{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:40px;padding:50px 0 34px;border-top:1px solid var(--line)}.site-footer>div{display:flex;flex-direction:column;align-items:start;gap:9px}.site-footer b{font-size:13px}.site-footer a,.site-footer span,.site-footer p{font-size:12px;color:var(--muted);margin:0}.site-footer small{grid-column:1/-1;color:#91a0ad;margin-top:15px}
@media(max-width:1000px){
  .site-nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:var(--shadow)}.site-nav.open{display:grid}.mobile-menu{display:block;margin-left:auto}.header-actions{display:none}
  .hero{grid-template-columns:1fr;padding-top:50px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.trust-row{justify-content:center}.hero-visual{max-width:640px;width:100%;margin:auto}
  .flow-grid{grid-template-columns:repeat(2,1fr)}.flow-arrow{display:none}.feature-grid{grid-template-columns:repeat(2,1fr)}
  .dashboard-layout{grid-template-columns:1fr}.dashboard-copy{text-align:center}.data-points{justify-content:center}.dashboard-preview{transform:none}
}
@media(max-width:720px){
  .site-header{width:calc(100% - 28px);height:66px}.hero{padding:40px 0 60px;min-height:auto}.hero-copy h1{font-size:40px;letter-spacing:-1.5px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.trust-row{gap:8px 14px}.hero-visual{height:390px;margin-top:20px}.shop-scene{width:210px;height:105px}.person{font-size:40px}.shop-people{height:70px}.dashboard-float{width:90%;height:255px;padding:14px;top:82px}.mini-kpis{margin:10px 0}.mini-kpis div{padding:8px}.mini-kpis strong{font-size:14px}.chart-visual{height:105px}.phone-card{width:105px;height:205px;border-width:5px;border-radius:22px;padding:18px 8px 8px}.phone-card strong{font-size:20px}.qr-grid{width:58px;height:58px}.orbit-ticket{left:3px;top:190px}
  .flow-section,.features-section,.setup-section{padding:70px 0}.flow-grid,.feature-grid,.setup-grid{grid-template-columns:1fr}.flow-card{height:auto;min-height:230px}.feature-card{min-height:auto}.dashboard-section{padding:70px 0}.dashboard-copy h2{font-size:34px}.dashboard-preview{height:360px;grid-template-columns:75px 1fr}.dashboard-preview aside{padding:10px 5px}.dashboard-preview aside i{font-size:0;padding:7px}.dashboard-preview aside i:before{content:"•";font-size:18px}.preview-main{padding:12px}.preview-kpis{grid-template-columns:repeat(2,1fr)}.preview-panels{grid-template-columns:1fr}.preview-alerts{display:none}
  .setup-illustration{margin-left:60px}.integration-card{grid-template-columns:1fr;padding:28px}.integration-card h2{font-size:27px}.cta-card{grid-template-columns:1fr;text-align:center;padding:30px 22px}.cta-coin{margin:auto}.cta-card>div:last-child{flex-direction:column}.site-footer{grid-template-columns:1fr 1fr;gap:30px}.site-footer>div:first-child{grid-column:1/-1}
}