:root{--ink:#171310;--muted:#6d6862;--yellow:#ffc400;--yellow-dark:#e6ae00;--paper:#fff;--soft:#f6f4ef;--line:#e8e3da;--shadow:0 24px 70px rgba(23,19,16,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,"Helvetica Neue",sans-serif;line-height:1.55}.shell{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{height:88px;border-bottom:1px solid var(--line);background:#fff}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand img{display:block;width:250px;max-height:62px;object-fit:contain}.back-link{color:var(--ink);text-decoration:none;font-weight:700}.back-link:before{content:"←";margin-right:8px}.hero{overflow:hidden;background:radial-gradient(circle at 85% 20%,#fff1a5 0,rgba(255,241,165,0) 30%),linear-gradient(135deg,#fff 0,#fbf8ef 100%)}.hero-grid{min-height:690px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:80px}.hero-copy{padding:70px 0}.eyebrow{display:inline-block;color:#8a6900;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800}.hero h1{font-size:clamp(43px,6vw,74px);line-height:1.02;letter-spacing:-.045em;margin:17px 0 24px;max-width:720px}.lead{font-size:20px;color:var(--muted);max-width:630px;margin:0 0 34px}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.download{display:inline-flex;align-items:center;gap:13px;padding:13px 22px;border-radius:14px;background:var(--yellow);color:var(--ink);text-decoration:none;font-size:17px;font-weight:900;box-shadow:0 10px 24px rgba(255,196,0,.25);transition:.2s}.download:hover{transform:translateY(-2px);background:#ffd027}.download small{display:block;font-size:11px;font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.android-mark{font-size:25px;transform:rotate(45deg)}.version{font-size:14px;color:var(--muted)}.install-note{font-size:13px;color:var(--muted);margin-top:18px}.phone{position:relative;overflow:hidden;margin:auto;border:10px solid #211d1a;border-radius:38px;background:#fff;box-shadow:var(--shadow);aspect-ratio:390/844}.phone:before{content:"";position:absolute;z-index:2;top:7px;left:50%;width:78px;height:19px;transform:translateX(-50%);border-radius:12px;background:#211d1a}.phone img{width:100%;height:100%;display:block;object-fit:cover}.phone-hero{width:min(340px,80vw);transform:rotate(3deg)}.benefits{padding:105px 0}.section-heading h2{font-size:clamp(34px,5vw,52px);letter-spacing:-.035em;line-height:1.08;margin:10px 0 45px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.benefit-grid article{padding:34px;border:1px solid var(--line);border-radius:22px;background:#fff}.benefit-grid .icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--yellow);font-size:26px;font-weight:900}.benefit-grid h3{font-size:21px;margin:22px 0 8px}.benefit-grid p{color:var(--muted);margin:0}.screens-section{padding:105px 0;background:var(--soft)}.centered{text-align:center}.screens{display:grid;grid-template-columns:repeat(3,1fr);gap:52px;align-items:start;max-width:940px;margin:auto}.screens .phone{width:100%;max-width:265px;border-width:8px;border-radius:31px}.screens figure{margin:0;text-align:center}.screens figcaption{font-weight:800;margin-top:20px}.final-cta{padding:70px 0;background:var(--ink);color:#fff}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.final-cta h2{font-size:38px;margin:0 0 7px}.final-cta p{margin:0;color:#cfcac5}.download.compact{padding:16px 28px;white-space:nowrap}.vr-app-page-footer{padding:28px 0;background:#0f0d0b;color:#aaa5a0;font-size:14px}.vr-app-page-footer a{color:#fff}
@media(max-width:800px){.site-header{height:72px}.brand img{width:200px}.back-link{font-size:0}.back-link:before{font-size:22px}.hero-grid{grid-template-columns:1fr;gap:20px;padding-bottom:75px}.hero-copy{padding:65px 0 20px;text-align:center}.lead{margin-left:auto;margin-right:auto}.actions{justify-content:center}.phone-hero{width:min(300px,78vw);transform:none}.benefits,.screens-section{padding:75px 0}.benefit-grid{grid-template-columns:1fr}.screens{grid-template-columns:1fr;gap:55px}.screens .phone{max-width:280px}.cta-inner{flex-direction:column;text-align:center}.final-cta h2{font-size:32px}}
@media(max-width:430px){.shell{width:min(100% - 28px,1160px)}.hero h1{font-size:42px}.lead{font-size:18px}.download{width:100%;justify-content:center}.hero-grid{min-height:0}.benefit-grid article{padding:27px}.brand img{width:180px}}

/* Motion experience */
body{overflow-x:hidden}.site-header{position:relative;z-index:20}.hero{position:relative;isolation:isolate}.hero-grid{position:relative;z-index:3}.hero-copy{position:relative;z-index:4}.eyebrow i{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 0 rgba(255,196,0,.55);animation:signal 2s infinite}.hero h1{background:linear-gradient(115deg,#171310 15%,#5d4b21 50%,#171310 85%);background-size:200% auto;color:transparent;background-clip:text;-webkit-background-clip:text;animation:titleShimmer 7s linear infinite}.hero-glow{position:absolute;z-index:0;border-radius:50%;filter:blur(2px);pointer-events:none}.glow-one{width:520px;height:520px;right:-150px;top:-140px;background:radial-gradient(circle,rgba(255,208,39,.65),rgba(255,208,39,0) 68%);animation:driftOne 9s ease-in-out infinite}.glow-two{width:430px;height:430px;left:-190px;bottom:-160px;background:radial-gradient(circle,rgba(255,196,0,.22),rgba(255,196,0,0) 70%);animation:driftTwo 11s ease-in-out infinite}.hero-grid-lines{position:absolute;inset:0;z-index:0;opacity:.25;background-image:linear-gradient(rgba(23,19,16,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(23,19,16,.05) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 85%)}
.app-stage{position:relative;display:grid;place-items:center;min-height:640px;perspective:1200px}.phone-hero{position:relative;z-index:5;transform:rotate(3deg) translateY(0);animation:phoneFloat 5s ease-in-out infinite;transition:transform .22s ease-out;will-change:transform}.phone-hero:after{content:"";position:absolute;inset:0;border-radius:28px;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}.phone-speaker{position:absolute;z-index:10;top:7px;left:50%;width:78px;height:19px;transform:translateX(-50%);border-radius:12px;background:#211d1a}.phone-hero:before{display:none}.screen-stack{position:absolute;inset:0;background:#fff}.app-screen{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.035) translateX(20px);transition:opacity .75s ease,transform .9s cubic-bezier(.2,.75,.2,1)}.app-screen.active{opacity:1;transform:scale(1) translateX(0)}.screen-progress{position:absolute;z-index:12;left:50%;bottom:16px;display:flex;gap:7px;transform:translateX(-50%);padding:8px 10px;border-radius:20px;background:rgba(23,19,16,.68);backdrop-filter:blur(8px)}.screen-progress button{width:7px;height:7px;padding:0;border:0;border-radius:10px;background:rgba(255,255,255,.45);cursor:pointer;transition:.3s}.screen-progress button.active{width:24px;background:var(--yellow)}.orbit{position:absolute;z-index:1;border:1px dashed rgba(23,19,16,.18);border-radius:50%;animation:spin 18s linear infinite}.orbit span{position:absolute;width:17px;height:17px;border-radius:50%;background:var(--yellow);box-shadow:0 5px 18px rgba(255,196,0,.5)}.orbit-one{width:490px;height:490px}.orbit-one span{left:35px;top:62px}.orbit-two{width:590px;height:590px;animation-duration:25s;animation-direction:reverse}.orbit-two span{right:42px;bottom:90px;width:11px;height:11px;background:#211d1a}.float-card{position:absolute;z-index:8;min-width:145px;padding:14px 17px;border:1px solid rgba(255,255,255,.8);border-radius:15px;background:rgba(255,255,255,.79);box-shadow:0 15px 45px rgba(23,19,16,.13);backdrop-filter:blur(12px);animation:cardFloat 4.5s ease-in-out infinite}.float-card b,.float-card small{display:block}.float-card b{font-size:14px}.float-card small{font-size:11px;color:var(--muted)}.float-search{left:-12px;top:145px}.float-cart{right:-17px;bottom:135px;animation-delay:-2s}.ticker{position:relative;z-index:6;overflow:hidden;border-top:1px solid rgba(23,19,16,.08);border-bottom:1px solid rgba(23,19,16,.08);background:var(--yellow);transform:rotate(-1deg) scale(1.02)}.ticker div{width:max-content;padding:14px 0;font-size:13px;font-weight:900;letter-spacing:.12em;white-space:nowrap;animation:ticker 23s linear infinite}.ticker span{padding:0 22px}.download{position:relative;overflow:hidden}.download:after{content:"";position:absolute;inset:-100% auto -100% -35%;width:30%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:buttonShine 3.6s ease-in-out infinite}.download:hover{box-shadow:0 14px 34px rgba(255,196,0,.38)}
.benefit-grid article{position:relative;overflow:hidden;transform-style:preserve-3d;transition:transform .18s ease-out,box-shadow .25s,border-color .25s}.benefit-grid article:hover{border-color:rgba(255,196,0,.75);box-shadow:0 25px 60px rgba(23,19,16,.1)}.benefit-grid article>*:not(.card-shine){position:relative;z-index:2}.card-number{position:absolute!important;right:24px;top:20px;color:#d8d3cc;font-size:13px;font-weight:900;letter-spacing:.12em}.card-shine{position:absolute;inset:-50%;z-index:1;opacity:0;background:radial-gradient(circle at center,rgba(255,210,50,.3),transparent 35%);transform:translate(var(--mx,0),var(--my,0));transition:opacity .25s}.benefit-grid article:hover .card-shine{opacity:1}.stats-strip{position:relative;overflow:hidden;padding:56px 0;background:#171310;color:#fff}.stats-strip:before{content:"";position:absolute;width:340px;height:340px;right:10%;top:-260px;border-radius:50%;background:var(--yellow);filter:blur(75px);opacity:.24}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;position:relative}.stats-grid div{text-align:center;border-right:1px solid rgba(255,255,255,.13)}.stats-grid div:last-child{border:0}.stats-grid strong,.stats-grid span{display:block}.stats-grid strong{font-size:clamp(38px,5vw,62px);line-height:1;color:var(--yellow);letter-spacing:-.04em}.stats-grid strong:after{content:"+";font-size:.55em;vertical-align:top}.stats-grid span{margin-top:10px;color:#bdb7b1;font-size:14px}.screens figure{transition:transform .35s ease}.screens figure:hover{transform:translateY(-12px)}.screens figure.featured{transform:translateY(48px)}.screens figure.featured:hover{transform:translateY(36px)}.screens figcaption span{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:5px;border-radius:50%;background:var(--yellow);font-size:11px}.final-cta{position:relative;overflow:hidden}.cta-inner{position:relative;z-index:2}.cta-pulse{position:absolute;left:65%;top:50%;width:150px;height:150px;border:1px solid rgba(255,196,0,.45);border-radius:50%;transform:translate(-50%,-50%);animation:ctaPulse 3s ease-out infinite}.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}
@keyframes signal{70%{box-shadow:0 0 0 10px rgba(255,196,0,0)}}@keyframes titleShimmer{to{background-position:200% center}}@keyframes phoneFloat{0%,100%{transform:rotate(3deg) translateY(0)}50%{transform:rotate(1deg) translateY(-17px)}}@keyframes cardFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-13px) rotate(1deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes driftOne{50%{transform:translate(-55px,65px) scale(1.1)}}@keyframes driftTwo{50%{transform:translate(75px,-40px) scale(.88)}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes buttonShine{0%,55%{left:-40%}85%,100%{left:125%}}@keyframes ctaPulse{0%{opacity:.8;transform:translate(-50%,-50%) scale(.3)}100%{opacity:0;transform:translate(-50%,-50%) scale(3)}}
@media(max-width:1000px){.float-search{left:0}.float-cart{right:0}.orbit-two{width:510px;height:510px}.app-stage{min-height:600px}.hero-grid{gap:25px}}
@media(max-width:800px){.app-stage{min-height:570px}.orbit-one{width:400px;height:400px}.orbit-two{width:490px;height:490px}.float-card{min-width:125px}.float-search{left:0;top:130px}.float-cart{right:0;bottom:110px}.screens figure.featured,.screens figure.featured:hover{transform:none}.stats-grid{grid-template-columns:1fr}.stats-grid div{padding:18px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.13)}}
@media(max-width:430px){.app-stage{min-height:530px}.orbit-one{width:340px;height:340px}.orbit-two{width:410px;height:410px}.float-card{padding:10px 12px;min-width:112px}.float-search{left:-5px}.float-cart{right:-5px}.ticker div{font-size:11px}.phone-hero{animation-duration:6s}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
.developer-chip{display:inline-flex;align-items:center;gap:8px;margin-top:4px;padding:7px 11px;border:1px solid var(--line);border-radius:99px;color:var(--ink);background:rgba(255,255,255,.55);text-decoration:none;font-size:11px;transition:.25s}.developer-chip span{color:var(--muted)}.developer-chip strong{font-size:12px}.developer-chip:hover{border-color:var(--yellow);background:#fff;transform:translateY(-2px)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-inner span:last-child{text-align:right}@media(max-width:650px){.footer-inner{flex-direction:column;align-items:flex-start}.footer-inner span:last-child{text-align:left}}

/* PHPShop page integration */
.vr-app-page{width:100vw;margin:-1.5rem 0 -3rem calc(50% - 50vw);overflow:hidden;background:#fff;color:var(--ink)}
body[data-subpath="android-app"] #content>.container{max-width:none;padding-left:0;padding-right:0}
body[data-subpath="android-app"] #content>.container>.row{margin-left:0;margin-right:0}
body[data-subpath="android-app"] #content>.container>.row>.col-md-12{padding-left:0;padding-right:0;margin-bottom:0!important}
body[data-subpath="android-app"] #content .container.w-lg-100{max-width:none!important;padding:0!important}
body[data-subpath="android-app"] #content .vr-page-nav{position:relative;z-index:10;background:#fff}