:root{--deep:#220033;--purple:#5b0a82;--violet:#7d22c4;--accent:#a855f7;--soft:#f8f2ff;--text:#23053a;--muted:#685275;--white:#fff;--shadow:0 22px 55px rgba(58,0,93,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.6}.container{width:min(1180px,92%);margin:auto}.topbar{background:linear-gradient(90deg,#35004f,#6d189e);color:#fff;font-size:14px}.topbar .container{display:flex;justify-content:space-between;gap:16px;padding:10px 0;flex-wrap:wrap}.topbar a{color:#fff;text-decoration:none;margin-right:18px}.social span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.18);margin-left:6px}.navbar{position:sticky;top:0;z-index:50;background:rgba(43,0,64,.94);backdrop-filter:blur(12px);box-shadow:0 6px 22px rgba(0,0,0,.18)}.nav-inner{height:86px;display:flex;align-items:center;justify-content:space-between}.logo img{width:260px;max-width:52vw}.nav-links{display:flex;gap:26px;align-items:center}.nav-links a{color:#fff;text-decoration:none;font-weight:700;font-size:15px}.nav-links a:hover{color:#e9c9ff}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;border-radius:999px;background:#fff;color:#4a0968!important;text-decoration:none;font-weight:800;border:0;box-shadow:0 10px 24px rgba(0,0,0,.12)}.btn.primary{background:linear-gradient(135deg,#8f22d2,#52006e);color:#fff!important}.menu-btn{display:none;background:transparent;border:0;color:white;font-size:32px}.hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(110deg,rgba(35,0,51,.96) 0%,rgba(75,0,112,.90) 45%,rgba(90,13,139,.64) 100%),url('../assets/hero-banner.png') center/cover no-repeat}.hero:after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,rgba(37,0,59,.85))}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;min-height:710px;padding:55px 0 70px}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#e7c3ff;font-weight:900;font-size:13px}.hero h1{font-size:clamp(40px,6vw,78px);line-height:1.02;margin:14px 0}.hero p{font-size:20px;max-width:620px;color:#f7eaff}.quick-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:32px 0}.quick-icons div,.feature-card{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20);border-radius:22px;padding:18px;text-align:center;box-shadow:var(--shadow)}.quick-icons b{display:block;font-size:15px}.icon{width:54px;height:54px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#9b35e3,#5a087d);font-size:26px;color:white;margin-bottom:10px}.qr-row{display:flex;gap:22px;flex-wrap:wrap}.qr-card img{width:164px;border-radius:18px}.phone-card{background:rgba(255,255,255,.1);border-radius:40px;padding:26px;border:1px solid rgba(255,255,255,.18);box-shadow:var(--shadow);text-align:center}.phone-card img{max-width:100%;border-radius:32px}.section{padding:80px 0}.section.alt{background:linear-gradient(180deg,#fff,#f8f0ff)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.visual img{max-width:100%;border-radius:28px}.section-title{text-align:center;max-width:780px;margin:0 auto 45px}.section-title h2,.content h2{font-size:clamp(30px,4vw,48px);line-height:1.12;margin:10px 0;color:#2a0042}.stats,.grid{display:grid;gap:22px}.stats{grid-template-columns:repeat(4,1fr);margin-top:30px}.stat{padding:22px;border-radius:22px;background:#fff;box-shadow:0 14px 38px rgba(80,0,120,.10);text-align:center}.stat b{font-size:30px;color:#7418b6}.grid{grid-template-columns:repeat(3,1fr)}.feature-card{background:#fff;color:var(--text);min-height:220px}.feature-card h3{margin:8px 0;color:#30004a}.steps{counter-reset:s;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step{position:relative;background:#fff;border-radius:24px;padding:28px;box-shadow:0 14px 36px rgba(80,0,120,.10)}.step:before{counter-increment:s;content:counter(s);width:40px;height:40px;border-radius:50%;background:var(--purple);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;margin-bottom:16px}.page-hero{background:linear-gradient(135deg,#2a003d,#7617aa);color:#fff;padding:70px 0}.page-hero h1{font-size:48px;margin:0 0 10px}.policy{max-width:980px;margin:auto;background:#fff;border-radius:28px;padding:42px;box-shadow:var(--shadow)}.policy h2{color:#330052}.contact-box{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-item{padding:24px;border-radius:24px;background:var(--soft)}.footer{background:linear-gradient(135deg,#260039,#650b94);color:#fff;padding:58px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.6fr;gap:32px}.footer a{display:block;color:#fff;text-decoration:none;margin:8px 0}.footer-logo{width:220px}.copy{border-top:1px solid rgba(255,255,255,.16);margin-top:34px;padding-top:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.form{display:grid;gap:14px}.form input,.form textarea{width:100%;padding:14px;border-radius:14px;border:1px solid #dec9eb}.form button{cursor:pointer}.success{display:none;background:#e8fff1;border:1px solid #84d6a5;color:#064b20;padding:14px;border-radius:14px}.download-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.download-card{background:linear-gradient(135deg,#36004e,#7e19bd);border-radius:30px;padding:28px;color:white;text-align:center}.download-card img{width:230px;max-width:100%}@media(max-width:920px){.menu-btn{display:block}.nav-links{position:absolute;top:86px;left:0;right:0;display:none;flex-direction:column;background:#2d0044;padding:24px}.nav-links.open{display:flex}.hero-grid,.two-col,.contact-box{grid-template-columns:1fr}.hero-grid{min-height:auto}.quick-icons,.stats,.steps{grid-template-columns:repeat(2,1fr)}.grid,.footer-grid{grid-template-columns:1fr 1fr}.phone-card{display:none}}@media(max-width:560px){.topbar .container{font-size:12px}.logo img{width:210px}.quick-icons,.stats,.steps,.grid,.footer-grid,.download-panel{grid-template-columns:1fr}.qr-row{justify-content:center}.hero h1{font-size:38px}.section{padding:55px 0}.policy{padding:24px}.page-hero h1{font-size:36px}}


/* Production polish: transparent white logo, stronger mobile layout, better contrast */
.logo{display:flex;align-items:center;text-decoration:none;background:transparent!important;line-height:0}.logo img,.footer-logo{background:transparent!important;filter:none}.navbar{border-bottom:1px solid rgba(255,255,255,.08)}.topbar-inner{align-items:center}.top-contact{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.footer-qr img{width:150px;border-radius:16px;border:1px solid rgba(255,255,255,.32)}.footer p,.footer a{color:#f5eaff}.footer a:hover,.nav-links a:hover{text-decoration:underline;text-underline-offset:5px}.page-hero{background:radial-gradient(circle at top right,rgba(168,85,247,.45),transparent 35%),linear-gradient(135deg,#230033,#7412a5)}.feature-card,.stat,.policy,.contact-item,.step{transition:transform .25s ease, box-shadow .25s ease}.feature-card:hover,.stat:hover,.step:hover{transform:translateY(-5px)}
@media(max-width:1080px){.nav-links{gap:16px}.nav-links a{font-size:14px}.logo img{width:220px}.hero-grid{grid-template-columns:1fr .9fr}}
@media(max-width:920px){.topbar .container{justify-content:center;text-align:center}.nav-inner{height:78px}.nav-links{top:78px;box-shadow:0 24px 40px rgba(0,0,0,.22);border-top:1px solid rgba(255,255,255,.12)}.nav-links a{font-size:16px}.hero{background-position:center}.hero-grid{padding:42px 0 54px}.hero p{font-size:17px}.phone-card{display:block;max-width:520px;margin:auto}.two-col{gap:32px}.footer-grid{gap:24px}.download-panel{grid-template-columns:1fr}}
@media(max-width:640px){.top-contact{justify-content:center;gap:8px}.topbar a{margin-right:0}.social{width:100%}.nav-inner{height:72px}.nav-links{top:72px}.logo img{width:190px;max-width:68vw}.hero h1{font-size:34px}.hero p{font-size:16px}.quick-icons div{padding:14px}.icon{width:48px;height:48px;font-size:22px}.qr-card img{width:142px}.page-hero{padding:48px 0}.page-hero h1{font-size:32px}.content h2,.section-title h2{font-size:28px}.footer{text-align:left}.copy{font-size:13px}.footer-qr{justify-content:flex-start}.footer-qr img{width:135px}}

/* Updated mobile app preview and privacy section */
/* .app-preview{background:transparent;border:0;box-shadow:none;padding:0}.app-preview img{width:min(620px,100%);border-radius:0;box-shadow:0 30px 70px rgba(0,0,0,.32)}.privacy-highlight{background:linear-gradient(180deg,#fff,#faf4ff)}.privacy-highlight .visual img{box-shadow:0 24px 60px rgba(80,0,120,.18);border:1px solid #efdfff}.policy a{color:#64109a;font-weight:800}.policy h2{margin-top:30px}.policy p{font-size:16px}.hero .phone-card img{object-fit:contain}@media(max-width:920px){.app-preview{margin-top:10px}.app-preview img{max-height:520px;object-fit:contain}.privacy-highlight .two-col{display:flex;flex-direction:column-reverse}} */


/* Final production enhancements */
body.menu-open{overflow:hidden}.navbar{position:sticky;top:0}.menu-btn{width:46px;height:46px;border-radius:14px;border:1px solid rgba(255,255,255,.18);display:none;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:rgba(255,255,255,.08);cursor:pointer}.menu-btn span{display:block;width:24px;height:2px;background:#fff;border-radius:4px;transition:.25s}.menu-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-links .active{color:#f1d7ff;text-decoration:underline;text-underline-offset:6px}.qr-card,.download-card,.btn{transition:transform .2s ease,box-shadow .2s ease}.qr-card:hover,.download-card:hover,.btn:hover{transform:translateY(-3px)}img{height:auto}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:12px;top:12px;background:#fff;color:#2a003d;z-index:1000;padding:10px 14px;border-radius:10px}.policy ul{padding-left:20px}.policy li{margin:8px 0}
@media(max-width:1120px){.nav-links{gap:13px}.nav-links a{font-size:13px}.btn{padding:11px 18px}}
@media(max-width:980px){.menu-btn{display:flex}.nav-links{position:fixed;top:78px;left:0;right:0;bottom:0;display:flex;transform:translateX(100%);opacity:0;pointer-events:none;transition:.28s ease;flex-direction:column;align-items:flex-start;padding:28px 6%;background:linear-gradient(180deg,#2b0042,#520074);overflow:auto}.nav-links.open{transform:translateX(0);opacity:1;pointer-events:auto}.nav-links a{font-size:18px;width:100%;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.12)}.nav-links .btn{width:auto;padding:13px 24px;border-bottom:0}.hero-grid{grid-template-columns:1fr;text-align:left}.quick-icons{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.container{width:min(100% - 28px,1180px)}.topbar .container{padding:8px 0}.top-contact a{font-size:12px}.logo img{width:170px}.hero-grid{padding-top:30px}.quick-icons,.grid,.stats{grid-template-columns:1fr}.quick-icons div{text-align:left;display:flex;align-items:center;gap:12px}.quick-icons .icon{margin-bottom:0;flex:0 0 auto}.qr-row{justify-content:flex-start}.qr-card img{width:132px}.phone-card img{max-height:430px}.footer-logo{width:180px}.policy{border-radius:18px}.download-card{padding:22px}}