.inline-actions{display:flex;gap:.5rem;align-items:center}
.inline-actions form{margin:0}
.inline-actions button{padding:.7rem .9rem;font-size:.95rem}
.danger-button{background:#dc2626}
.danger-button:hover{background:#b91c1c}
.impersonation{background:#fef3c7;color:#92400e;font-weight:900;padding:.8rem 1.5rem;text-align:center}
.impersonation a{text-decoration:underline}
.toast-wrap{position:fixed;right:1rem;bottom:1rem;display:grid;gap:.75rem;z-index:9999;width:min(420px,calc(100vw - 2rem))}
.toast{background:#111827;color:#fff;border-radius:12px;padding:1rem 1.1rem;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.toast strong{display:block;font-size:1.05rem;margin-bottom:.35rem}
.toast p{margin:0;color:#e5e7eb}
.landing{min-height:calc(100vh - 76px);display:grid;place-items:center;padding:2rem;background:linear-gradient(180deg,#eff6ff,#fff)}
.landing section{width:min(1040px,100%);text-align:center}
.landing p{font-size:1.45rem;line-height:1.55;color:#475569;max-width:780px;margin:0 auto 2rem}
.landing-actions,.price-grid{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.primary-link,.secondary-link,.mini-link{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-weight:900}
.primary-link{background:#2563eb;color:#fff;padding:1rem 1.4rem;font-size:1.15rem}
.secondary-link{background:#fff;color:#1d4ed8;border:1px solid #bfdbfe;padding:1rem 1.4rem;font-size:1.15rem}
.mini-link{background:#eff6ff;color:#1d4ed8;padding:.7rem .85rem}
.pricing{max-width:1180px;margin:0 auto;padding:2rem}
.price-grid{align-items:stretch}
.price-card{width:min(350px,100%)}
.price-card strong{display:block;font-size:2rem;margin:1rem 0;color:#1d4ed8}
.price-card p{color:#64748b;min-height:54px}
.product-thumb{width:110px;height:90px;object-fit:cover;border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc}
.qr-thumb{width:96px;height:96px;border-radius:8px;border:1px solid #e2e8f0;background:#fff}
.no-image,.scan-photo.empty{display:grid;place-items:center;background:#f1f5f9;color:#64748b;border-radius:10px;font-weight:800}
.no-image{width:110px;height:90px}
.mini-form{display:grid;gap:.5rem;min-width:260px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.75rem;margin-top:.5rem}
.mini-form input,.mini-form select{border:1px solid #cbd5e1;border-radius:8px;padding:.65rem;width:100%}
.scan-result{display:grid;grid-template-columns:260px 1fr;gap:1.5rem;align-items:start}
.scan-photo{width:260px;max-width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px;border:1px solid #e2e8f0;background:#f8fafc}
.scan-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}
.scan-actions input,.scan-actions select{border:1px solid #cbd5e1;border-radius:10px;padding:1rem}
@media(max-width:760px){.scan-result{grid-template-columns:1fr}.scan-actions{grid-template-columns:1fr}.inline-actions{flex-direction:column;align-items:flex-start}}
.site-body{background:#f8fafc;color:#0f172a}
.site-header{position:sticky;top:0;z-index:30;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,4vw,3rem);background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid #e2e8f0}
.site-header nav{display:flex;align-items:center;gap:1rem;font-weight:900}
.site-header nav a{color:#334155}
.site-header .nav-cta{background:#2563eb;color:#fff;padding:.85rem 1.1rem;border-radius:10px}
.site-hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:2rem;align-items:center;padding:clamp(2rem,5vw,5rem);background:linear-gradient(135deg,#f8fafc 0%,#eff6ff 46%,#ecfeff 100%)}
.eyebrow{display:inline-flex;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:.55rem .85rem;font-weight:950;margin-bottom:1rem}
.hero-copy h1{font-size:clamp(3.5rem,10vw,8rem);letter-spacing:0;line-height:.9;margin:0 0 1.2rem;font-weight:950}
.hero-copy p{font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.5;color:#475569;max-width:780px}
.trust-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.4rem}
.trust-row span{background:#fff;border:1px solid #dbeafe;border-radius:999px;padding:.65rem .85rem;font-weight:900;color:#334155}
.hero-panel{background:#0f172a;color:#fff;border-radius:18px;padding:1rem;box-shadow:0 30px 90px rgba(15,23,42,.24)}
.hero-appbar{height:38px;display:flex;gap:.45rem;align-items:center}
.hero-appbar span{width:12px;height:12px;border-radius:50%;background:#38bdf8}
.hero-appbar span:nth-child(2){background:#22c55e}.hero-appbar span:nth-child(3){background:#f97316}
.hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}
.hero-grid div,.hero-product{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:1rem}
.hero-grid small{display:block;color:#cbd5e1;font-weight:800}.hero-grid strong{display:block;font-size:1.7rem;margin-top:.45rem}
.hero-product{display:grid;grid-template-columns:92px 1fr;gap:1rem;align-items:center;margin-top:.85rem}
.product-photo-demo{width:92px;height:92px;border-radius:14px;background:linear-gradient(135deg,#60a5fa,#14b8a6)}
.hero-product p{margin:.35rem 0 0;color:#cbd5e1}
.site-section{padding:clamp(2rem,5vw,4rem);max-width:1240px;margin:0 auto}
.site-section h2,.site-cta h2,.pricing-head h1{font-size:clamp(2rem,4vw,3.8rem);line-height:1;margin:0 0 1.5rem;font-weight:950}
.flow-grid,.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.flow-grid div,.feature-grid div{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1.25rem;box-shadow:0 14px 40px rgba(15,23,42,.05)}
.flow-grid b{display:grid;place-items:center;width:42px;height:42px;background:#2563eb;color:#fff;border-radius:10px;margin-bottom:.85rem}
.flow-grid strong{display:block;font-size:1.25rem}.flow-grid p{color:#64748b}
.feature-band{max-width:none;background:#fff}.feature-band h2{max-width:1240px;margin-left:auto;margin-right:auto}.feature-grid{max-width:1240px;margin:0 auto}.feature-grid div{font-size:1.15rem;font-weight:900}
.site-cta{text-align:center;padding:4rem 1rem;background:#0f172a;color:#fff}.site-cta p{color:#cbd5e1;font-size:1.25rem}
.pricing-head{text-align:center;max-width:820px;margin:0 auto 2rem}.pricing-head p{font-size:1.2rem;color:#64748b}
.price-card.featured{border:2px solid #2563eb;transform:translateY(-8px)}
.price-card ul{padding-left:1.2rem;color:#475569;min-height:82px}
.checkout-body{background:linear-gradient(135deg,#eff6ff,#f8fafc)}
.checkout{min-height:calc(100vh - 78px);display:grid;grid-template-columns:minmax(0,560px) minmax(280px,420px);gap:1.5rem;justify-content:center;align-items:center;padding:2rem}
.checkout-card,.checkout-summary{background:#fff;border:1px solid #dbeafe;border-radius:16px;padding:2rem;box-shadow:0 24px 80px rgba(37,99,235,.12)}
.checkout-card p,.checkout-summary li{font-size:1.1rem;color:#475569}.checkout-card small{display:block;margin-top:1rem;color:#64748b}
.checkout-summary ol{display:grid;gap:1rem;padding-left:1.4rem}
@media(max-width:980px){.site-hero,.checkout{grid-template-columns:1fr}.hero-panel{order:-1}.flow-grid,.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.site-header{height:auto;gap:1rem;align-items:flex-start;flex-direction:column;padding:1rem}.site-header nav{width:100%;justify-content:space-between}.site-hero{padding:1.25rem}.hero-grid,.flow-grid,.feature-grid{grid-template-columns:1fr}.price-card.featured{transform:none}}
.premium-site{background:#fff;color:#0f172a}
.premium-header{position:sticky;top:0;z-index:40;height:78px;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:0 clamp(1rem,4vw,4rem);background:#061427;color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}
.premium-header nav{display:flex;justify-content:center;gap:1.6rem;font-weight:800}
.premium-actions{display:flex;align-items:center;gap:.75rem}.login-link{border:1px solid rgba(255,255,255,.55);border-radius:8px;padding:.75rem 1rem}.premium-header .nav-cta{background:#2563eb;color:#fff;border-radius:8px;padding:.8rem 1.1rem}.lang-switch{display:flex;gap:.25rem}.lang-switch a{font-size:.85rem;border:1px solid rgba(255,255,255,.25);border-radius:7px;padding:.45rem .55rem}
.premium-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(560px,1.1fr);gap:4rem;align-items:center;padding:clamp(3rem,7vw,6.5rem) clamp(1rem,7vw,7rem);background:radial-gradient(circle at 85% 10%,rgba(37,99,235,.16),transparent 30%),linear-gradient(180deg,#fbfdff 0%,#eef5ff 100%);overflow:hidden}
.premium-hero h1{font-size:clamp(3rem,6.8vw,6rem);line-height:1.04;letter-spacing:0;margin:0 0 1.4rem;font-weight:950;color:#08162c}.premium-hero h1::first-line{color:#08162c}
.premium-hero p{font-size:1.35rem;line-height:1.6;color:#475569;max-width:720px}.premium-hero .primary-link{box-shadow:0 16px 36px rgba(37,99,235,.24)}
.premium-visual{position:relative;min-height:640px;animation:heroIn .9s ease both .15s}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:24px;box-shadow:0 34px 110px rgba(15,23,42,.18);filter:saturate(1.05) contrast(1.02)}
.visual-glow{position:absolute;inset:auto -8% -10% 18%;height:260px;background:radial-gradient(circle,rgba(37,99,235,.32),transparent 62%);filter:blur(18px)}
.premium-dashboard{background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border:1px solid rgba(219,227,239,.86);border-radius:18px;box-shadow:0 30px 90px rgba(15,23,42,.22);display:grid;grid-template-columns:180px 1fr;overflow:hidden;min-height:430px}
.floating-dashboard{position:absolute;right:clamp(1rem,4vw,3rem);bottom:clamp(1rem,4vw,3rem);width:min(760px,88%);animation:floatPanel 6s ease-in-out infinite}
.premium-dashboard aside{background:#f8fafc;border-right:1px solid #e2e8f0;padding:1.2rem;display:grid;align-content:start;gap:.5rem}.premium-dashboard aside b{margin-bottom:1rem}.premium-dashboard aside a{padding:.85rem;border-radius:9px;color:#334155;font-weight:800}.premium-dashboard aside a:first-of-type{background:#eaf2ff;color:#2563eb}
.premium-dashboard section{padding:1.4rem}.dash-top{height:42px;display:flex;align-items:center;gap:.75rem}.dash-top span{width:12px;height:12px;border-radius:50%;background:#2563eb}
.premium-dashboard .hero-grid div{border:1px solid #e2e8f0;background:#fff;color:#0f172a}.premium-dashboard .hero-grid small{color:#64748b}.premium-dashboard .hero-grid strong{color:#0f172a}
.chart-line{height:170px;margin:1rem 0;border:1px solid #e2e8f0;border-radius:12px;background:linear-gradient(180deg,rgba(37,99,235,.13),rgba(37,99,235,0)),repeating-linear-gradient(to top,#eef2f7 0,#eef2f7 1px,transparent 1px,transparent 34px);position:relative}
.chart-line:after{content:"";position:absolute;left:22px;right:22px;top:74px;height:4px;background:#2563eb;border-radius:999px;box-shadow:45px -25px 0 #2563eb,90px 8px 0 #2563eb,135px -40px 0 #2563eb,180px -15px 0 #2563eb,225px -50px 0 #2563eb,270px -22px 0 #2563eb}
.dash-bottom{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.dash-bottom>div{border:1px solid #e2e8f0;border-radius:12px;padding:1rem}.dash-bottom p{font-size:.95rem;margin:.65rem 0;color:#475569}
.benefit-grid,.screen-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.benefit-grid div,.screen-card,.testimonials blockquote,.faq details{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1.25rem;box-shadow:0 14px 40px rgba(15,23,42,.05);font-weight:900;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.feature-grid>div{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.feature-grid>div:hover,.benefit-grid div:hover,.screen-card:hover,.testimonials blockquote:hover{transform:translateY(-6px);border-color:#bfdbfe;box-shadow:0 24px 64px rgba(37,99,235,.12)}
.screen-card{min-height:210px}.screen-bars{display:flex;gap:.35rem;margin-bottom:1rem}.screen-bars span{width:32px;height:7px;border-radius:999px;background:#bfdbfe}.screen-chart{height:110px;margin-top:1rem;border-radius:10px;background:linear-gradient(135deg,#dbeafe,#fff)}
.testimonials blockquote{font-size:1.1rem;line-height:1.55}.testimonials strong{display:block;margin-top:1rem;color:#2563eb}.faq{display:grid;gap:.8rem}.faq summary{font-weight:950;cursor:pointer}.faq p{color:#64748b}.site-footer{display:flex;justify-content:center;gap:2rem;padding:2rem;background:#061427;color:#cbd5e1}
@keyframes heroIn{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
@keyframes floatPanel{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.reveal-item{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal-item.is-visible{opacity:1;transform:none}
@media(max-width:1100px){.premium-hero{grid-template-columns:1fr}.premium-visual{min-height:580px}.premium-dashboard{min-height:auto}.benefit-grid,.screen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.premium-header{height:auto;grid-template-columns:1fr;padding:1rem}.premium-header nav{justify-content:flex-start;overflow:auto}.premium-actions{flex-wrap:wrap}.premium-hero{padding:2rem 1rem}.premium-visual{min-height:520px}.floating-dashboard{width:92%;right:4%;bottom:1rem}.premium-dashboard{grid-template-columns:1fr}.premium-dashboard aside{display:none}.dash-bottom,.benefit-grid,.screen-grid{grid-template-columns:1fr}}

.lux-site{background:#f5f7fb;color:#071224;font-family:Inter,Segoe UI,Arial,sans-serif}
.lux-header{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;min-height:84px;padding:0 clamp(1rem,4vw,4.5rem);background:rgba(5,15,31,.94);backdrop-filter:blur(18px);color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}
.lux-brand{display:flex;align-items:center;gap:.8rem;font-size:1.28rem;font-weight:950}.lux-brand span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#2563eb;box-shadow:0 16px 35px rgba(37,99,235,.4)}
.lux-header nav{display:flex;justify-content:center;gap:1.7rem;font-weight:800;color:#dbe7ff}.lux-header nav a:hover{color:#fff}
.lux-head-actions{display:flex;align-items:center;gap:.75rem}.lux-login{border:1px solid rgba(255,255,255,.36);border-radius:10px;padding:.78rem 1rem}.lux-start{background:#2563eb;color:#fff;border-radius:10px;padding:.82rem 1.1rem;font-weight:950;box-shadow:0 16px 36px rgba(37,99,235,.35)}
.lux-hero{position:relative;display:grid;grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr);gap:4rem;align-items:center;padding:clamp(3.5rem,7vw,7rem) clamp(1rem,6vw,6rem);min-height:820px;overflow:hidden;background:linear-gradient(180deg,#071224 0%,#0b1b35 43%,#f5f7fb 43%,#f5f7fb 100%)}
.lux-hero-copy{color:#fff;align-self:start;padding-top:2rem;animation:heroIn .75s ease both}.lux-kicker{display:inline-flex;padding:.55rem .8rem;border:1px solid rgba(147,197,253,.35);border-radius:999px;background:rgba(37,99,235,.14);color:#bfdbfe;font-weight:950;margin-bottom:1.3rem}
.lux-hero h1{font-size:clamp(3.3rem,7vw,7rem);line-height:.95;letter-spacing:0;margin:0 0 1.4rem;font-weight:950;max-width:900px}.lux-hero p{font-size:clamp(1.2rem,1.6vw,1.55rem);line-height:1.58;color:#c7d2e5;max-width:710px}
.lux-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.lux-primary,.lux-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:1rem 1.35rem;font-size:1.08rem;font-weight:950}.lux-primary{background:#2563eb;color:#fff;box-shadow:0 20px 45px rgba(37,99,235,.32)}.lux-secondary{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.24);color:#fff}
.lux-proof{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:2rem}.lux-proof span{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);border-radius:999px;padding:.65rem .85rem;font-weight:900;color:#dbe7ff}
.lux-visual{position:relative;min-height:620px;animation:heroIn .85s ease both .12s}.lux-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:26px;box-shadow:0 36px 120px rgba(0,0,0,.36);filter:saturate(1.02) contrast(1.04)}
.lux-console{position:absolute;left:-2rem;bottom:2rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;width:min(620px,88%);padding:.9rem;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.7);border-radius:18px;box-shadow:0 24px 70px rgba(15,23,42,.24)}
.lux-console div{padding:1rem;border-radius:14px;background:#fff}.lux-console small{display:block;color:#64748b;font-weight:900}.lux-console strong{display:block;margin-top:.45rem;font-size:1.45rem;color:#071224}
.lux-strip{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;padding:1.2rem clamp(1rem,5vw,5rem);background:#fff;border-bottom:1px solid #e5eaf2}.lux-strip span{font-weight:950;color:#334155}
.lux-product,.lux-modules,.lux-pricing,.lux-testimonial,.lux-faq{padding:clamp(3rem,6vw,6rem) clamp(1rem,6vw,6rem)}.lux-product{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:3rem;align-items:center;background:#fff}
.lux-section-copy span{display:block;color:#2563eb;font-weight:950;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem}.lux-section-copy h2,.lux-testimonial h2,.lux-faq h2,.lux-final h2{font-size:clamp(2.4rem,4.7vw,5rem);line-height:1;margin:0 0 1rem;font-weight:950;color:#071224}.lux-section-copy p{font-size:1.22rem;line-height:1.65;color:#64748b}
.lux-dashboard{display:grid;grid-template-columns:190px 1fr;min-height:520px;background:#071224;color:#fff;border-radius:28px;overflow:hidden;box-shadow:0 34px 100px rgba(7,18,36,.3)}.lux-side{display:grid;align-content:start;gap:.7rem;padding:1.4rem;background:#0d1d37}.lux-side b{margin-bottom:1rem}.lux-side span{padding:.85rem;border-radius:11px;color:#c7d2e5}.lux-side span:nth-child(2){background:#2563eb;color:#fff}
.lux-main{padding:1.4rem}.lux-main-head{display:flex;justify-content:space-between;margin-bottom:1rem}.lux-main-head em{font-style:normal;color:#93c5fd}.lux-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem}.lux-kpis div,.lux-table p{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:1rem}.lux-kpis small{display:block;color:#c7d2e5}.lux-kpis b{font-size:1.7rem}.lux-chart{height:190px;margin:1rem 0;border-radius:16px;background:linear-gradient(180deg,rgba(37,99,235,.32),rgba(37,99,235,.02)),repeating-linear-gradient(to top,rgba(255,255,255,.09) 0,rgba(255,255,255,.09) 1px,transparent 1px,transparent 38px)}
.lux-table{display:grid;gap:.75rem}.lux-table p{display:flex;justify-content:space-between;margin:0;color:#dbe7ff}
.lux-modules{background:#f5f7fb}.lux-module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:2rem}.lux-module-grid article{min-height:230px;background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:1.4rem;box-shadow:0 16px 50px rgba(15,23,42,.06);transition:.24s ease}.lux-module-grid article:hover{transform:translateY(-8px);box-shadow:0 28px 80px rgba(37,99,235,.14);border-color:#bfdbfe}.lux-module-grid b{color:#2563eb}.lux-module-grid strong{display:block;font-size:1.35rem;margin:2.2rem 0 .7rem}.lux-module-grid p{color:#64748b;line-height:1.55}
.lux-outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dbe3ef}.lux-outcomes div{background:#071224;color:#fff;padding:clamp(2rem,5vw,4rem)}.lux-outcomes strong{display:block;font-size:2rem}.lux-outcomes p{color:#c7d2e5;font-size:1.1rem}
.lux-pricing{background:#fff}.lux-testimonial{display:grid;grid-template-columns:.9fr 1.1fr;gap:3rem;align-items:center;background:#eef5ff}.lux-testimonial blockquote{font-size:clamp(1.8rem,3vw,3.5rem);font-weight:950;line-height:1.12;margin:0;color:#071224}.lux-testimonial blockquote strong{display:block;margin-top:1.2rem;font-size:1rem;color:#2563eb}.lux-benefits{display:flex;flex-wrap:wrap;gap:.7rem}.lux-benefits span{background:#fff;border:1px solid #dbe3ef;border-radius:999px;padding:.8rem 1rem;font-weight:950}
.lux-faq{background:#fff;display:grid;gap:.9rem}.lux-faq details{max-width:980px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:1.1rem 1.25rem}.lux-faq summary{font-weight:950;cursor:pointer}.lux-faq p{color:#64748b}
.lux-final{text-align:center;padding:clamp(4rem,8vw,7rem) 1rem;background:#071224;color:#fff}.lux-final h2{color:#fff}.lux-final p{color:#c7d2e5;font-size:1.25rem}.lux-footer{display:flex;gap:1.5rem;justify-content:center;align-items:center;padding:2rem;background:#050f1f;color:#c7d2e5}.lux-footer span{font-weight:950;color:#fff;margin-right:1rem}
@media(max-width:1120px){.lux-header{grid-template-columns:1fr}.lux-header nav{justify-content:flex-start;overflow:auto}.lux-hero,.lux-product,.lux-testimonial{grid-template-columns:1fr}.lux-module-grid{grid-template-columns:repeat(2,1fr)}.lux-outcomes{grid-template-columns:1fr}.lux-visual{min-height:520px}.lux-console{left:1rem}}
@media(max-width:680px){.lux-head-actions,.lux-proof,.lux-actions{align-items:stretch}.lux-head-actions{flex-wrap:wrap}.lux-hero{padding:2rem 1rem;min-height:auto}.lux-hero h1{font-size:3.2rem}.lux-visual{min-height:420px}.lux-console{position:relative;left:auto;bottom:auto;grid-template-columns:1fr;margin:1rem;width:auto}.lux-module-grid,.lux-kpis{grid-template-columns:1fr}.lux-dashboard{grid-template-columns:1fr}.lux-side{display:none}.lux-product,.lux-modules,.lux-pricing,.lux-testimonial,.lux-faq{padding:3rem 1rem}.lux-footer{flex-wrap:wrap}}

/* v11 readability and mobile polish */
.lux-site{overflow-x:hidden}
html[data-lang="en"] .lux-hero h1,html[data-lang="bs"] .lux-hero h1{font-size:clamp(2.9rem,6.1vw,6rem)}
html[data-lang="en"] .lux-section-copy h2,html[data-lang="bs"] .lux-section-copy h2{font-size:clamp(2.1rem,4.1vw,4.4rem)}
html[data-lang="bs"] .lux-header nav{gap:1rem}
html[data-lang="bs"] .lux-header nav a,html[data-lang="en"] .lux-header nav a{font-size:.95rem}
.lux-header{display:block;min-height:auto;padding:0;background:#061427}
.lux-header-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,4vw,4.5rem)}
.lux-header nav{display:flex;justify-content:center;gap:1.4rem;padding:0 1rem 1rem;white-space:nowrap}
.lux-header a{color:#eef6ff}
.lux-brand strong{color:#fff}
.lux-head-actions .lang-switch a{color:#dbeafe;background:rgba(255,255,255,.06)}
.lux-login{color:#fff}
.lux-start{color:#fff}
.lux-hero{background:#071224;padding-top:clamp(2.5rem,6vw,5rem);min-height:auto}
.lux-hero-copy{align-self:center;padding-top:0}
.lux-hero h1{max-width:880px;color:#fff;text-wrap:balance}
.lux-hero p{color:#d7e3f5;text-wrap:pretty}
.lux-secondary{color:#fff}
.lux-proof span{color:#eaf2ff;background:rgba(255,255,255,.09)}
.lux-visual{min-height:600px}
.lux-visual>img{opacity:.86}
.lux-console{color:#071224}
.lux-console small{color:#475569}
.lux-product{background:#f8fafc}
.lux-section-copy h2,.lux-testimonial h2,.lux-faq h2,.lux-final h2{overflow-wrap:anywhere;text-wrap:balance}
.lux-section-copy p,.lux-module-grid p,.lux-outcomes p,.lux-faq p{color:#4b5b70}
.lux-module-grid article{overflow:hidden}
.price-card strong{font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.1}
.price-card.lifetime{background:linear-gradient(180deg,#071224,#0d1d37);color:#fff;border-color:#2563eb}
.price-card.lifetime p,.price-card.lifetime li{color:#dbeafe}
.price-card.lifetime .primary-link{background:#fff;color:#071224}
.lux-testimonial blockquote{overflow-wrap:anywhere;text-wrap:balance}
.lux-benefits span{color:#1e293b}

@media(max-width:1120px){
  .lux-header-row{align-items:flex-start}
  .lux-header nav{justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-left:clamp(1rem,4vw,4.5rem);padding-right:clamp(1rem,4vw,4.5rem)}
  .lux-hero{grid-template-columns:1fr;gap:2.2rem}
  .lux-visual{min-height:560px}
}

@media(max-width:760px){
  .lux-header-row{flex-direction:column;align-items:stretch}
  .lux-brand{justify-content:space-between}
  .lux-head-actions{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}
  .lux-head-actions .lang-switch{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}
  .lux-head-actions .lang-switch a,.lux-login,.lux-start{text-align:center;justify-content:center}
  .lux-header nav{gap:.65rem;padding:0 1rem 1rem}
  .lux-header nav a{display:inline-flex;padding:.7rem .85rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.05);font-size:.95rem}
  .lux-hero{padding:2rem 1rem 2.6rem}
  .lux-hero h1{font-size:clamp(2.55rem,13vw,4.2rem);line-height:1.02}
  html[data-lang="en"] .lux-hero h1,html[data-lang="bs"] .lux-hero h1{font-size:clamp(2.25rem,11vw,3.5rem)}
  .lux-hero p{font-size:1.08rem;line-height:1.58}
  .lux-actions{display:grid;grid-template-columns:1fr}
  .lux-primary,.lux-secondary{width:100%;min-height:52px}
  .lux-proof{display:grid;grid-template-columns:1fr 1fr}
  .lux-proof span{text-align:center;font-size:.92rem}
  .lux-visual{min-height:auto;display:grid;gap:1rem}
  .lux-visual>img{position:relative;height:auto;aspect-ratio:16/11;border-radius:18px}
  .lux-console{position:relative;left:auto;bottom:auto;width:100%;margin:0;grid-template-columns:1fr;border-radius:16px}
  .lux-product,.lux-modules,.lux-pricing,.lux-testimonial,.lux-faq{padding:2.5rem 1rem}
  .lux-section-copy h2,.lux-testimonial h2,.lux-faq h2,.lux-final h2{font-size:clamp(2rem,10vw,3.1rem);line-height:1.05}
  .lux-dashboard{border-radius:18px}
  .lux-main{padding:1rem}
  .lux-chart{height:140px}
  .lux-module-grid{grid-template-columns:1fr;gap:.85rem}
  .lux-module-grid article{min-height:auto;padding:1.1rem;border-radius:16px}
  .lux-module-grid strong{margin:1rem 0 .55rem}
  .lux-outcomes div{padding:2rem 1rem}
  .price-grid{display:grid;grid-template-columns:1fr!important}
  .price-card.featured{transform:none}
  .lux-testimonial{gap:1.5rem}
  .lux-testimonial blockquote{font-size:clamp(1.6rem,8vw,2.4rem)}
  .lux-benefits{display:grid;grid-template-columns:1fr}
  .lux-faq details{padding:1rem}
  .lux-final{padding:3rem 1rem}
  .lux-footer{display:grid;grid-template-columns:1fr 1fr;text-align:center}
  .lux-footer span{grid-column:1/-1;margin:0}
}

@media(max-width:420px){
  .lux-proof{grid-template-columns:1fr}
  .lux-head-actions{grid-template-columns:1fr}
  .lux-head-actions .lang-switch{grid-column:auto}
  .lux-console strong{font-size:1.25rem}
}

/* v12 app redesign */
body:has(.shell){background:#eef3f8}
.topbar{height:82px;background:rgba(255,255,255,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(148,163,184,.28);box-shadow:0 10px 35px rgba(15,23,42,.06)}
.topbar .brand span{border-radius:14px;background:linear-gradient(135deg,#2563eb,#06b6d4);box-shadow:0 16px 34px rgba(37,99,235,.25)}
.topbar .brand strong{letter-spacing:-.02em}
.user{background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:.65rem .8rem;color:#1e293b}
.shell{max-width:1520px;grid-template-columns:300px minmax(0,1fr);gap:1.2rem;padding:1.2rem}
.sidebar{position:sticky;top:98px;background:#071224;color:#dbeafe;border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:.85rem;box-shadow:0 24px 75px rgba(7,18,36,.22)}
.sidebar a{color:#c7d2e5;border:1px solid transparent;border-radius:14px;font-size:1.03rem;padding:.92rem 1rem}
.sidebar a:hover{background:rgba(37,99,235,.18);border-color:rgba(147,197,253,.2);color:#fff;transform:translateX(3px)}
.main>h1{font-size:clamp(2.2rem,4vw,4.2rem);letter-spacing:-.03em;margin:0 0 1.2rem;color:#071224}
.card,.tile,.action,.table-wrap{border:1px solid rgba(148,163,184,.22);border-radius:20px;box-shadow:0 18px 55px rgba(15,23,42,.07)}
.card{padding:1.4rem;background:linear-gradient(180deg,#fff,#fbfdff)}
.tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.tile{position:relative;overflow:hidden;padding:1.35rem;background:#fff}
.tile:before{content:"";position:absolute;right:-34px;top:-42px;width:120px;height:120px;border-radius:50%;background:rgba(37,99,235,.09)}
.tile span{color:#64748b;font-size:.98rem}
.tile strong{font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:-.03em;color:#071224}
.actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.action{min-height:118px;border-radius:20px;background:linear-gradient(135deg,#fff,#f8fbff);border-color:rgba(148,163,184,.2);transition:.22s ease}
.action:hover{transform:translateY(-5px);box-shadow:0 24px 65px rgba(37,99,235,.13);background:#eff6ff}
.form input,.form select,label input,label select{border-radius:14px;border-color:#d6e0ec;background:#fff;box-shadow:0 1px 0 rgba(15,23,42,.03)}
.form input:focus,.form select:focus,label input:focus,label select:focus{outline:3px solid rgba(37,99,235,.15);border-color:#2563eb}
.form button,button{border-radius:14px;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 14px 30px rgba(37,99,235,.18)}
.table-wrap{border-radius:20px;background:#fff}
.table-wrap table{border-collapse:separate;border-spacing:0}
.table-wrap th{background:#f1f5f9;color:#334155}
.table-wrap td{color:#334155}
.table-wrap tr:hover td{background:#f8fafc}
.flash{border-radius:16px;border:1px solid #bbf7d0}
.install{background:radial-gradient(circle at top right,rgba(37,99,235,.18),transparent 38%),linear-gradient(180deg,#f8fbff,#eef3f8)}
.install-card{border-radius:24px;box-shadow:0 30px 90px rgba(15,23,42,.12)}
@media(max-width:1050px){.shell{grid-template-columns:1fr}.sidebar{position:relative;top:auto;grid-template-columns:repeat(3,minmax(0,1fr));background:#071224}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.topbar{height:auto;align-items:stretch}.user{border-radius:16px}.shell{padding:.8rem}.sidebar{grid-template-columns:1fr 1fr;border-radius:18px}.sidebar a{font-size:.95rem;padding:.8rem}.tiles,.actions,.form{grid-template-columns:1fr}.card{padding:1rem}.table-wrap table{min-width:720px}}

.legal-page{max-width:920px;margin:0 auto;padding:clamp(3rem,7vw,6rem) 1rem;min-height:60vh}
.legal-page h1{font-size:clamp(2.4rem,6vw,5rem);letter-spacing:-.03em;color:#071224}
.legal-page p{font-size:1.16rem;line-height:1.75;color:#4b5b70;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:1.25rem;box-shadow:0 16px 45px rgba(15,23,42,.06)}

.logo-brand{gap:0!important;min-width:max-content}
.brand-logo,.site-logo,.form-logo,.footer-logo,.sidebar-logo{display:block;width:auto;object-fit:contain}
.brand-logo{height:58px;max-width:230px}
.site-logo{height:62px;max-width:260px;filter:drop-shadow(0 18px 34px rgba(0,0,0,.14))}

/* v34 premium tablet app redesign */
.app-body{
  min-height:100vh;
  background:
    radial-gradient(circle at 82% 8%,rgba(37,99,235,.16),transparent 30%),
    linear-gradient(135deg,#d7e0ef 0%,#eef3f9 42%,#f8fbff 100%);
  color:#151b34;
  overflow-x:hidden;
}
.app-body:before{
  content:"";
  position:fixed;
  inset:6vh clamp(10px,5vw,64px);
  border:4px solid rgba(255,255,255,.66);
  border-radius:44px;
  pointer-events:none;
  z-index:-1;
}
.topbar{
  position:sticky;
  top:0;
  z-index:60;
  height:92px;
  padding:0 clamp(16px,4vw,54px);
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(22px);
  border-bottom:1px solid rgba(255,255,255,.72);
  box-shadow:0 18px 55px rgba(72,84,128,.12);
}
.topbar .brand{
  min-width:210px;
  padding:.45rem .75rem;
  border-radius:22px;
}
.topbar .brand-logo{
  max-height:62px!important;
  filter:drop-shadow(0 12px 22px rgba(21,27,52,.12));
}
.topbar-search{
  width:min(360px,28vw);
  height:54px;
  display:flex;
  align-items:center;
  gap:.75rem;
  margin-left:auto;
  margin-right:1rem;
  padding:0 1rem;
  border-radius:18px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(231,235,244,.9);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 18px 40px rgba(72,84,128,.08);
}
.topbar-search span{
  width:18px;
  height:18px;
  border:3px solid #6b5fc7;
  border-radius:50%;
  position:relative;
  flex:0 0 auto;
}
.topbar-search span:after{
  content:"";
  position:absolute;
  width:8px;
  height:3px;
  right:-7px;
  bottom:-4px;
  border-radius:999px;
  background:#6b5fc7;
  transform:rotate(45deg);
}
.topbar-search input{
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  color:#514779;
  font-weight:850;
}
.topbar-search input::placeholder{color:#9189b7}
.user{
  min-height:54px;
  display:flex;
  align-items:center;
  gap:.75rem;
  padding:.55rem .75rem .55rem 1rem;
  border-radius:999px;
  color:#2e2a55;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(229,233,244,.95);
  box-shadow:0 18px 42px rgba(72,84,128,.1);
}
.user:before{
  content:"";
  width:38px;
  height:38px;
  border-radius:50%;
  background:linear-gradient(135deg,#6f61c7,#f7669a);
  box-shadow:0 10px 24px rgba(111,97,199,.25);
}
.user a{
  margin-left:.25rem;
  color:#fff;
  background:linear-gradient(135deg,#6f61c7,#564aa7);
  border-radius:999px;
  padding:.65rem .9rem;
  box-shadow:0 12px 24px rgba(111,97,199,.22);
}
.shell{
  width:min(1480px,calc(100% - clamp(18px,5vw,72px)));
  max-width:none;
  min-height:calc(100vh - 120px);
  margin:28px auto 42px;
  padding:28px;
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:28px;
  border-radius:34px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(255,255,255,.8);
  box-shadow:0 36px 110px rgba(72,84,128,.18);
  animation:amAppIn .58s ease both;
}
.sidebar{
  position:sticky;
  top:120px;
  min-height:calc(100vh - 170px);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:14px;
  padding:22px 14px;
  border:0;
  border-radius:34px;
  background:linear-gradient(180deg,#7565ca 0%,#5c4db1 100%);
  box-shadow:0 24px 70px rgba(92,77,177,.32);
}
.sidebar a{
  width:66px;
  min-height:66px;
  display:grid;
  place-items:center;
  padding:0;
  border-radius:22px;
  color:#f4f1ff;
  font-size:.72rem;
  font-weight:950;
  transition:transform .22s ease,background .22s ease,box-shadow .22s ease;
}
.sidebar a:hover,.sidebar a.active{
  transform:translateY(-3px);
  background:rgba(255,255,255,.19);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 18px 36px rgba(54,45,111,.18);
  color:#fff;
}
.sidebar a.active{
  background:rgba(255,255,255,.26);
}
.nav-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:17px;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.14);
  letter-spacing:.02em;
}
.sidebar a.active .nav-icon{
  background:#fff;
  color:#5c4db1;
  box-shadow:0 16px 34px rgba(54,45,111,.2);
}
.nav-label{
  position:absolute;
  left:92px;
  padding:.58rem .75rem;
  border-radius:12px;
  background:#151b34;
  color:#fff;
  white-space:nowrap;
  opacity:0;
  transform:translateX(-6px);
  pointer-events:none;
  box-shadow:0 16px 36px rgba(21,27,52,.18);
  transition:.18s ease;
}
.sidebar a:hover .nav-label{
  opacity:1;
  transform:translateX(0);
}
.main{
  min-width:0;
  padding:14px 8px 8px;
}
.main>h1{
  margin:0 0 26px;
  font-size:clamp(2.6rem,5vw,5rem);
  line-height:.94;
  letter-spacing:0;
  color:#151b34;
  animation:amRise .55s ease both .04s;
}
.main>h1:after{
  content:"";
  display:block;
  width:96px;
  height:6px;
  margin-top:16px;
  border-radius:999px;
  background:linear-gradient(90deg,#d5a12e,#f4cf74);
  box-shadow:0 10px 22px rgba(213,161,46,.24);
}
.tiles{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  margin-bottom:22px;
}
.tile{
  position:relative;
  min-height:140px;
  overflow:hidden;
  padding:24px;
  border:0;
  border-radius:26px;
  background:rgba(255,255,255,.92);
  box-shadow:0 20px 55px rgba(72,84,128,.12);
  animation:amRise .55s ease both;
  transition:transform .25s ease,box-shadow .25s ease;
}
.tile:nth-child(2n){animation-delay:.04s}
.tile:nth-child(3n){animation-delay:.08s}
.tile:before{
  content:"";
  position:absolute;
  right:-34px;
  top:-40px;
  width:132px;
  height:132px;
  border-radius:50%;
  background:linear-gradient(135deg,rgba(213,161,46,.18),rgba(244,207,116,.3));
}
.tile:after{
  content:"";
  position:absolute;
  left:24px;
  bottom:18px;
  width:48%;
  height:5px;
  border-radius:999px;
  background:linear-gradient(90deg,#20c773,#dbe4ef);
  opacity:.75;
}
.tile:hover{
  transform:translateY(-7px);
  box-shadow:0 32px 78px rgba(92,77,177,.18);
}
.tile span{
  position:relative;
  display:block;
  color:#65718b;
  font-size:1.02rem;
  font-weight:950;
}
.tile strong{
  position:relative;
  display:block;
  margin-top:18px;
  font-size:clamp(2.2rem,3.5vw,3.35rem);
  line-height:.95;
  letter-spacing:0;
  color:#0f428f;
}
.card,.table-wrap{
  border:0;
  border-radius:26px;
  background:rgba(255,255,255,.92);
  box-shadow:0 22px 60px rgba(72,84,128,.12);
  animation:amRise .58s ease both .08s;
}
.card{
  padding:24px;
  margin-bottom:22px;
}
.card h2{
  color:#151b34;
  font-size:1.42rem;
  letter-spacing:0;
}
.actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.action{
  min-height:138px;
  display:flex;
  align-items:flex-end;
  position:relative;
  overflow:hidden;
  padding:24px;
  border:0;
  border-radius:26px;
  background:linear-gradient(145deg,#fff 0%,#f8f7ff 100%);
  color:#201c42;
  font-size:1.45rem;
  font-weight:950;
  box-shadow:0 20px 55px rgba(72,84,128,.12);
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease;
}
.action:before{
  content:"";
  position:absolute;
  top:18px;
  right:20px;
  width:58px;
  height:58px;
  border-radius:20px;
  background:linear-gradient(135deg,#7565ca,#5c4db1);
  box-shadow:0 18px 36px rgba(92,77,177,.24);
}
.action:after{
  content:"";
  position:absolute;
  top:38px;
  right:40px;
  width:18px;
  height:18px;
  border:3px solid #fff;
  border-left:0;
  border-bottom:0;
  transform:rotate(45deg);
}
.action:hover{
  transform:translateY(-8px);
  background:linear-gradient(145deg,#fff 0%,#eef2ff 100%);
  box-shadow:0 32px 80px rgba(92,77,177,.2);
  color:#151b34;
}
.form{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.form input,.form select,label input,label select{
  min-height:54px;
  border:1px solid #d9deec;
  border-radius:18px;
  background:#fbfcff;
  color:#252b48;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.form input:focus,.form select:focus,label input:focus,label select:focus{
  outline:4px solid rgba(111,97,199,.15);
  border-color:#7565ca;
}
.form button,button,.primary-link,.mini-link{
  min-height:50px;
  border-radius:18px;
  background:linear-gradient(135deg,#7565ca,#5c4db1);
  box-shadow:0 16px 34px rgba(92,77,177,.22);
}
.danger-button{
  background:linear-gradient(135deg,#ef4444,#be123c)!important;
}
.table-wrap{
  overflow:auto;
}
.table-wrap table{
  border-collapse:separate;
  border-spacing:0;
}
.table-wrap th{
  background:#f6f7fb;
  color:#65718b;
  font-size:.9rem;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.table-wrap td{
  color:#2d3552;
  background:#fff;
}
.table-wrap tr:hover td{
  background:#fbf7ff;
}
.product-thumb,.scan-photo{
  border-radius:22px;
  box-shadow:0 18px 40px rgba(72,84,128,.14);
}
.qr-thumb{
  border-radius:18px;
  box-shadow:0 14px 32px rgba(72,84,128,.12);
}
.flash{
  border:0;
  border-radius:20px;
  background:#ecfdf3;
  color:#11643a;
  box-shadow:0 18px 42px rgba(17,100,58,.1);
}
.impersonation{
  background:linear-gradient(90deg,#fff4d4,#fff);
  color:#7c4a03;
}
.install{
  background:
    radial-gradient(circle at 16% 18%,rgba(111,97,199,.2),transparent 30%),
    linear-gradient(135deg,#d7e0ef,#f8fbff);
}
.install-card{
  border:0;
  border-radius:30px;
  box-shadow:0 36px 110px rgba(72,84,128,.2);
  animation:amAppIn .55s ease both;
}
.whatsapp-float{
  box-shadow:0 18px 44px rgba(37,211,102,.28)!important;
}
@keyframes amAppIn{
  from{opacity:0;transform:translateY(20px) scale(.985)}
  to{opacity:1;transform:none}
}
@keyframes amRise{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:none}
}
@media(max-width:1180px){
  .topbar-search{display:none}
  .shell{grid-template-columns:1fr;padding:20px}
  .sidebar{
    position:relative;
    top:auto;
    min-height:auto;
    flex-direction:row;
    align-items:center;
    overflow-x:auto;
    border-radius:26px;
    padding:14px;
  }
  .sidebar a{flex:0 0 64px}
  .nav-label{display:none}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .app-body:before{display:none}
  .topbar{
    height:auto;
    display:grid;
    gap:12px;
    padding:14px;
  }
  .topbar .brand{min-width:0;padding:0}
  .user{
    width:100%;
    justify-content:space-between;
    border-radius:22px;
    font-size:.95rem;
  }
  .shell{
    width:calc(100% - 20px);
    margin:10px auto 80px;
    padding:12px;
    border-radius:26px;
    gap:14px;
  }
  .sidebar{
    gap:10px;
    border-radius:22px;
  }
  .sidebar a{
    width:58px;
    min-height:58px;
    border-radius:18px;
  }
  .nav-icon{
    width:42px;
    height:42px;
    border-radius:15px;
    font-size:.68rem;
  }
  .main{padding:4px}
  .main>h1{font-size:clamp(2.2rem,14vw,3.3rem);margin-bottom:18px}
  .tiles,.actions,.form{grid-template-columns:1fr}
  .tile,.action,.card{border-radius:22px;padding:20px}
  .tile{min-height:124px}
  .action{min-height:112px;font-size:1.22rem}
  .table-wrap table{min-width:760px}
  .install-card{border-radius:24px;padding:1.4rem}
}

/* v35 cleaner business app layout */
.app-body{
  background:#f4f7fb;
  color:#111827;
}
.app-body:before{display:none}
.topbar{
  height:78px;
  padding:0 28px;
  background:#fff;
  border-bottom:1px solid #e5eaf2;
  box-shadow:0 8px 26px rgba(15,23,42,.05);
}
.topbar .brand{
  min-width:230px;
  padding:0;
}
.topbar .brand-logo{
  max-height:54px!important;
  max-width:190px!important;
  filter:none;
}
.topbar-search{
  position:relative;
  width:min(420px,34vw);
  height:48px;
  margin-left:auto;
  border-radius:14px;
  background:#f8fafc;
  border:1px solid #dfe7f2;
  box-shadow:none;
}
.topbar-search span{border-color:#0b63e5}
.topbar-search span:after{background:#0b63e5}
.topbar-search input{color:#334155}
.topbar-search input::placeholder{color:#64748b}
.global-search-results{
  position:absolute;
  top:calc(100% + 10px);
  left:0;
  right:0;
  z-index:1000;
  display:grid;
  gap:6px;
  max-height:460px;
  overflow:auto;
  padding:10px;
  border-radius:18px;
  background:#fff;
  border:1px solid #dfe7f2;
  box-shadow:0 24px 70px rgba(15,23,42,.16);
}
.global-search-results[hidden]{display:none}
.search-result{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:12px;
  align-items:center;
  min-height:58px;
  padding:8px;
  border-radius:14px;
  color:#111827;
}
.search-result:hover{
  background:#f1f6ff;
}
.search-result img,.search-icon{
  width:44px;
  height:44px;
  border-radius:12px;
  object-fit:cover;
  background:#eef5ff;
  border:1px solid #dfe7f2;
}
.search-icon{
  display:grid;
  place-items:center;
  color:#0b63e5;
  font-weight:950;
}
.search-result b{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#111827;
}
.search-result small{
  display:block;
  margin-top:3px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#64748b;
  font-weight:750;
}
.search-empty{
  padding:14px;
  color:#64748b;
  font-weight:850;
  text-align:center;
}
.search-page-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:14px;
  margin:0 0 22px;
}
.search-page-card{
  display:grid;
  gap:6px;
  min-height:104px;
  padding:18px;
  border-radius:18px;
  background:#fff;
  border:1px solid #e1e8f2;
  box-shadow:0 12px 34px rgba(15,23,42,.06);
  color:#111827;
}
.search-page-card:hover{
  background:#f8fbff;
  border-color:#bfdbfe;
}
.search-page-card strong{
  font-size:1.15rem;
}
.search-page-card small{
  color:#64748b;
  font-weight:800;
}
.search-page-card.product{
  grid-template-columns:64px minmax(0,1fr);
  align-items:center;
}
.search-page-card.product img,.search-page-card.product>span{
  grid-row:span 3;
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  object-fit:cover;
  border-radius:14px;
  background:#eef5ff;
  color:#0b63e5;
  font-size:.8rem;
  font-weight:900;
}
.onboarding-grid,.product-detail-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:16px;
  margin-bottom:22px;
}
.onboarding-step{
  display:grid;
  gap:10px;
  min-height:170px;
  padding:22px;
  border-radius:20px;
  background:#fff;
  border:1px solid #e1e8f2;
  box-shadow:0 12px 34px rgba(15,23,42,.06);
  color:#111827;
}
.onboarding-step span{
  width:max-content;
  border-radius:999px;
  padding:.45rem .7rem;
  background:#fff7df;
  color:#7a5208;
  font-weight:950;
}
.onboarding-step.done span{
  background:#e8f8ef;
  color:#11643a;
}
.onboarding-step strong{
  font-size:1.35rem;
}
.onboarding-step p{
  color:#64748b;
  margin:0;
}
.onboarding-nudge{
  background:linear-gradient(135deg,#fff,#eef5ff);
  border-color:#bfdbfe;
}
.product-hero-photo{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  border-radius:20px;
  background:#f1f5f9;
}
.product-hero-photo.empty{
  display:grid;
  place-items:center;
  color:#64748b;
  font-weight:900;
}
.qr-big{
  width:220px;
  max-width:100%;
  border-radius:18px;
  border:1px solid #e1e8f2;
  background:#fff;
}
.premium-panel{
  background:linear-gradient(135deg,#fff,#f8fbff);
  border:1px solid #dbeafe;
  border-radius:20px;
  padding:22px;
  margin-bottom:20px;
  box-shadow:0 12px 34px rgba(15,23,42,.06);
}
.user{
  min-height:48px;
  border-radius:14px;
  background:#f8fafc;
  border:1px solid #dfe7f2;
  box-shadow:none;
  color:#111827;
}
.user:before{display:none}
.user span{font-weight:900}
.user-company-logo{
  width:42px;
  height:42px;
  flex:0 0 42px;
  object-fit:contain;
  border-radius:12px;
  background:#fff;
  border:1px solid #e1e8f2;
  padding:4px;
}
.user a{
  color:#fff!important;
  background:#0b63e5;
  border-radius:10px;
  box-shadow:none;
}
.shell{
  width:min(1540px,calc(100% - 48px));
  min-height:calc(100vh - 108px);
  margin:24px auto;
  padding:0;
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  gap:24px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  animation:none;
}
.sidebar{
  position:sticky;
  top:102px;
  min-height:calc(100vh - 126px);
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:8px;
  padding:18px;
  border-radius:24px;
  background:#0a3f86;
  box-shadow:0 22px 58px rgba(10,63,134,.18);
}
.sidebar a{
  width:100%;
  min-height:52px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 12px;
  border-radius:14px;
  color:#dbeafe;
  font-size:1rem;
  font-weight:850;
}
.sidebar a:hover,.sidebar a.active{
  transform:none;
  background:rgba(255,255,255,.13);
  box-shadow:none;
  color:#fff;
}
.sidebar a.active{
  background:#fff;
  color:#0a3f86;
}
.nav-icon{
  width:36px;
  height:36px;
  flex:0 0 36px;
  border-radius:11px;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.12);
  font-size:.72rem;
}
.nav-icon svg{
  width:21px;
  height:21px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.sidebar a.active .nav-icon{
  background:#eef5ff;
  color:#0a3f86;
  box-shadow:none;
}
.nav-label{
  position:static;
  display:block;
  padding:0;
  background:transparent;
  color:inherit;
  opacity:1;
  transform:none;
  box-shadow:none;
  overflow:hidden;
  text-overflow:ellipsis;
}
.sidebar a:hover .nav-label{transform:none}
.main{
  padding:4px 0 40px;
}
.main>h1{
  margin:0 0 20px;
  font-size:clamp(2.15rem,3.6vw,3.8rem);
  line-height:1.03;
  color:#111827;
  animation:none;
}
.main>h1:after{
  width:72px;
  height:4px;
  margin-top:12px;
  background:#d5a12e;
  box-shadow:none;
}
.tiles{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-bottom:18px;
}
.tile{
  min-height:124px;
  padding:20px;
  border:1px solid #e1e8f2;
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 34px rgba(15,23,42,.06);
  animation:none;
}
.tile:before{
  right:16px;
  top:16px;
  width:44px;
  height:44px;
  border-radius:14px;
  background:#eef5ff;
}
.tile:after{
  left:20px;
  bottom:16px;
  width:46%;
  height:4px;
  background:linear-gradient(90deg,#0b63e5,#d8e4f2);
}
.tile:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 42px rgba(15,23,42,.09);
}
.tile span{
  color:#64748b;
  font-size:.98rem;
}
.tile strong{
  margin-top:16px;
  font-size:clamp(2rem,3vw,2.75rem);
  color:#0a3f86;
}
.card,.table-wrap{
  border:1px solid #e1e8f2;
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 34px rgba(15,23,42,.06);
  animation:none;
}
.card{
  padding:20px;
  margin-bottom:18px;
}
.card h2{
  font-size:1.3rem;
  color:#111827;
}
.actions{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.action{
  min-height:106px;
  padding:20px;
  align-items:center;
  border:1px solid #e1e8f2;
  border-radius:18px;
  background:#fff;
  color:#111827;
  font-size:1.25rem;
  box-shadow:0 12px 34px rgba(15,23,42,.06);
}
.action:before{
  top:50%;
  right:18px;
  width:44px;
  height:44px;
  border-radius:14px;
  background:#0b63e5;
  box-shadow:none;
  transform:translateY(-50%);
}
.action:after{
  top:50%;
  right:36px;
  width:13px;
  height:13px;
  transform:translateY(-50%) rotate(45deg);
}
.action:hover{
  transform:translateY(-3px);
  background:#f8fbff;
  box-shadow:0 18px 42px rgba(15,23,42,.09);
}
.form{gap:12px}
.form input,.form select,label input,label select{
  min-height:50px;
  border-radius:12px;
  background:#fff;
}
.form button,button,.primary-link,.mini-link{
  min-height:48px;
  border-radius:12px;
  background:#0b63e5;
  box-shadow:none;
}
.table-wrap th{
  background:#f8fafc;
  color:#64748b;
}
.table-wrap tr:hover td{background:#f8fbff}
.flash{
  border:1px solid #bbf7d0;
  border-radius:14px;
  box-shadow:none;
}
.install-card{
  border-radius:20px;
  box-shadow:0 20px 70px rgba(15,23,42,.12);
}
@media(max-width:1180px){
  .shell{
    width:calc(100% - 32px);
    grid-template-columns:1fr;
    gap:16px;
  }
  .sidebar{
    position:relative;
    top:auto;
    min-height:auto;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    border-radius:18px;
  }
  .sidebar a{min-width:0}
  .nav-label{font-size:.92rem}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .topbar{
    height:auto;
    padding:12px;
  }
  .topbar-search{display:flex;width:100%;order:3;margin:0}
  .global-search-results{max-height:360px}
  .shell{
    width:calc(100% - 20px);
    margin:12px auto 80px;
  }
  .sidebar{
    grid-template-columns:repeat(2,minmax(0,1fr));
    padding:12px;
    gap:8px;
  }
  .sidebar a{
    min-height:48px;
    padding:0 10px;
  }
  .nav-icon{
    width:32px;
    height:32px;
    flex-basis:32px;
    font-size:.66rem;
  }
  .main>h1{font-size:2.25rem}
  .tiles,.actions,.form{grid-template-columns:1fr}
  .tile,.action,.card{border-radius:16px;padding:16px}
  .table-wrap table{min-width:760px}
}
.form-logo{height:auto;width:min(280px,82vw);margin:0 0 1.2rem}
.footer-logo{height:46px;max-width:190px;filter:brightness(0) invert(1)}
.sidebar-logo{height:auto;width:138px;filter:brightness(0) invert(1);opacity:.96}
.topbar .brand.logo-brand{font-size:0}
.lux-brand.logo-brand{font-size:0}
.lux-footer span{display:flex;align-items:center;justify-content:center}
@media(max-width:760px){
  .brand-logo{height:48px;max-width:190px}
  .site-logo{height:52px;max-width:210px}
  .form-logo{width:min(230px,80vw)}
  .lux-header-row{gap:1rem}
}

.premium-panel{position:relative;overflow:hidden;background:linear-gradient(135deg,#071224,#12315d);color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:1.6rem;margin-bottom:1.25rem;box-shadow:0 22px 70px rgba(7,18,36,.18)}
.premium-panel:before{content:"";position:absolute;inset:auto -8rem -8rem auto;width:18rem;height:18rem;background:radial-gradient(circle,rgba(37,99,235,.38),transparent 68%)}
.premium-panel h2{color:#fff;font-size:1.55rem}
.premium-panel p{color:#dbeafe;font-size:1.05rem;max-width:850px}
.premium-panel .form,.premium-panel form{position:relative}
.premium-panel input,.premium-panel select{background:rgba(255,255,255,.96)}
.premium-panel .primary-link,.premium-panel button{position:relative;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#071224;border-radius:12px;padding:1rem 1.2rem;font-weight:900}
code{display:inline-block;max-width:100%;overflow:auto;background:#0f172a;color:#dbeafe;border-radius:10px;padding:.8rem}

/* v15 premium blue/yellow/white redesign */
:root{--am-blue:#0b5ed7;--am-blue-dark:#073b88;--am-yellow:#d4a02b;--am-ink:#111827;--am-muted:#5b677a;--am-line:#e5e7eb;--am-bg:#f7f9fc}
.lux-site{background:#fff;color:var(--am-ink)}
.lux-header{position:sticky;top:0;z-index:80;display:block;background:rgba(255,255,255,.95);border-bottom:1px solid rgba(17,24,39,.08);box-shadow:0 14px 45px rgba(15,23,42,.06);backdrop-filter:blur(18px);color:var(--am-ink)}
.lux-header-row{padding:.9rem clamp(1rem,5vw,5.5rem)}
.lux-header a{color:var(--am-ink)}
.lux-header nav{justify-content:center;padding:0 clamp(1rem,5vw,5.5rem) .85rem;gap:1rem;color:#253044}
.lux-header nav a{border-radius:999px;padding:.68rem .95rem;font-weight:900}
.lux-header nav a:hover{background:#eef5ff;color:var(--am-blue)}
.lux-login{border:1px solid #cfd8e5;color:var(--am-ink);background:#fff;border-radius:999px}
.lux-start{background:var(--am-blue);color:#fff;border-radius:999px;box-shadow:0 16px 38px rgba(11,94,215,.22)}
.lux-head-actions .lang-switch{display:flex;gap:.35rem}
.lux-head-actions .lang-switch a{background:#f3f6fa;color:#293548;border:1px solid #e1e7ef;border-radius:999px;padding:.62rem .72rem;font-weight:950}
.site-logo{height:66px;max-width:280px;filter:none}
.pro-hero{grid-template-columns:minmax(0,.95fr) minmax(460px,1.05fr);min-height:auto;padding:clamp(3rem,7vw,6.8rem) clamp(1rem,5vw,5.5rem);gap:clamp(2rem,5vw,5rem);background:
linear-gradient(90deg,rgba(11,94,215,.07) 0,rgba(11,94,215,0) 48%),
linear-gradient(180deg,#fff 0,#fff 72%,#f7f9fc 72%,#f7f9fc 100%)}
.pro-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(212,160,43,.12),transparent 34%);pointer-events:none}
.lux-hero-copy{position:relative;color:var(--am-ink);align-self:center;padding:0}
.hero-logo{display:block;width:min(320px,86vw);height:auto;margin:0 0 1.8rem}
.lux-kicker{border:1px solid rgba(212,160,43,.32);background:#fff7df;color:#8b650f;border-radius:999px;margin-bottom:1.1rem}
.lux-hero h1{color:var(--am-ink);font-size:clamp(3rem,6.5vw,6.6rem);line-height:.98;max-width:920px;letter-spacing:0}
.lux-hero p{color:var(--am-muted);font-size:clamp(1.15rem,1.45vw,1.38rem);max-width:680px}
.lux-primary{background:var(--am-blue);color:#fff;border-radius:999px;box-shadow:0 18px 42px rgba(11,94,215,.24)}
.lux-secondary{background:#fff;color:var(--am-ink);border:1px solid #ccd6e3;border-radius:999px}
.lux-primary:hover,.lux-start:hover{background:var(--am-blue-dark)}
.lux-secondary:hover,.lux-login:hover{border-color:var(--am-blue);color:var(--am-blue)}
.lux-proof span{background:#fff;border:1px solid #e3e8f0;color:#263244;box-shadow:0 10px 28px rgba(15,23,42,.06)}
.pro-dashboard-wrap{position:relative;min-height:auto;display:block}
.pro-dashboard-wrap .lux-dashboard{min-height:560px;border-radius:24px;background:#fff;color:var(--am-ink);border:1px solid #dfe6ef;box-shadow:0 34px 90px rgba(11,94,215,.16)}
.pro-dashboard-wrap .lux-side{background:linear-gradient(180deg,var(--am-blue-dark),#082d66)}
.pro-dashboard-wrap .lux-side span:nth-child(2){background:var(--am-yellow);color:#1f2937}
.pro-dashboard-wrap .lux-main{background:#fff}
.pro-dashboard-wrap .lux-main-head strong{color:var(--am-ink)}
.pro-dashboard-wrap .lux-main-head em{color:var(--am-blue)}
.pro-dashboard-wrap .lux-kpis div,.pro-dashboard-wrap .lux-table p{background:#f8fafc;border:1px solid #e5edf5;color:var(--am-ink)}
.pro-dashboard-wrap .lux-kpis small{color:var(--am-muted)}
.pro-dashboard-wrap .lux-kpis b{color:var(--am-blue-dark)}
.pro-dashboard-wrap .lux-chart{background:
linear-gradient(135deg,rgba(11,94,215,.22),rgba(212,160,43,.14)),
repeating-linear-gradient(to top,#e7edf6 0,#e7edf6 1px,transparent 1px,transparent 38px)}
.lux-strip{background:#fff;border-top:1px solid #eef1f5;border-bottom:1px solid #eef1f5;padding:1.05rem clamp(1rem,5vw,5.5rem)}
.lux-strip span{color:#243044}
.lux-product{background:#fff;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr)}
.lux-section-copy span{color:var(--am-yellow)}
.lux-section-copy h2,.lux-testimonial h2,.lux-faq h2,.lux-final h2{color:var(--am-ink);letter-spacing:0}
.lux-section-copy p,.lux-module-grid p,.lux-faq p{color:var(--am-muted)}
.lux-modules{background:#f7f9fc}
.lux-module-grid article{border-radius:18px;border:1px solid #e5eaf1;background:#fff;box-shadow:0 14px 45px rgba(15,23,42,.055)}
.lux-module-grid article:hover{border-color:rgba(11,94,215,.35);box-shadow:0 24px 65px rgba(11,94,215,.13)}
.lux-module-grid b{color:var(--am-yellow)}
.lux-outcomes{background:#e6edf6}
.lux-outcomes div{background:#fff;color:var(--am-ink);border-top:4px solid var(--am-blue)}
.lux-outcomes div:nth-child(2){border-top-color:var(--am-yellow)}
.lux-outcomes p{color:var(--am-muted)}
.lux-pricing{background:#fff}
.price-card{border-radius:18px;border:1px solid #e4eaf2;box-shadow:0 16px 45px rgba(15,23,42,.06)}
.price-card.featured{border:2px solid var(--am-blue)}
.price-card strong{color:var(--am-blue)}
.price-card.lifetime{background:linear-gradient(180deg,#092e68,#071f46);border-color:var(--am-yellow)}
.primary-link{background:var(--am-blue);border-radius:999px}
.lux-testimonial{background:#f8fbff}
.lux-benefits span{border-color:#e5eaf1}
.lux-faq details{background:#fff;border-color:#e5eaf1}
.lux-final{background:linear-gradient(135deg,var(--am-blue-dark),var(--am-blue));color:#fff}
.lux-final h2{color:#fff}
.lux-final p{color:#eaf2ff}
.lux-footer{background:#071f46;border-top:4px solid var(--am-yellow)}
.footer-logo{filter:none;background:#fff;border-radius:12px;padding:.25rem;height:54px;max-width:210px}
.install.login-screen{background:linear-gradient(135deg,#fff 0,#fff 45%,#eef5ff 45%,#eef5ff 100%)}
.login-card{width:min(500px,calc(100vw - 2rem));text-align:left;border:1px solid #dfe7f1;border-radius:28px;box-shadow:0 34px 95px rgba(11,94,215,.14)}
.login-card .form-logo{display:block;margin:0 auto 1.8rem;width:min(310px,78vw)}
.login-card form.grid{gap:1rem}
.login-card label{font-size:1rem;color:#263244}
.login-card input{border-radius:16px;background:#fff}
.login-card button{background:var(--am-blue);border-radius:999px}
.topbar{background:#fff;border-bottom:1px solid #e5eaf1}
.topbar .brand-logo{height:62px;max-width:250px}
.topbar .brand.logo-brand{align-self:center}
@media(max-width:1120px){
  .pro-hero{grid-template-columns:1fr}
  .pro-dashboard-wrap .lux-dashboard{min-height:520px}
}
@media(max-width:760px){
  .lux-header-row{align-items:center}
  .lux-head-actions{grid-template-columns:1fr 1fr}
  .lux-head-actions .lang-switch{grid-template-columns:repeat(4,1fr)}
  .pro-hero{padding:2rem 1rem 3rem}
  .hero-logo{width:min(250px,78vw)}
  .lux-hero h1{font-size:clamp(2.45rem,11vw,3.8rem)}
  .lux-proof{grid-template-columns:1fr}
  .pro-dashboard-wrap .lux-dashboard{min-height:auto}
  .pro-dashboard-wrap .lux-side{display:none}
  .footer-logo{margin:auto}
}

/* app color pass: blue, yellow, white */
body:has(.shell){background:#f6f9fd}
.sidebar{background:linear-gradient(180deg,#073b88,#071f46);border:0}
.sidebar a:hover{background:rgba(212,160,43,.18);border-color:rgba(212,160,43,.32);color:#fff}
.main>h1:after{content:"";display:block;width:78px;height:5px;margin-top:.75rem;border-radius:999px;background:var(--am-yellow)}
.tile:before{background:rgba(212,160,43,.14)}
.tile strong{color:var(--am-blue-dark)}
.action:hover{border-color:rgba(212,160,43,.5);background:#fffaf0;color:var(--am-blue-dark)}
.form button,button{background:var(--am-blue)}
.form button:hover,button:hover{background:var(--am-blue-dark)}
.flash{background:#fff8df;color:#6f4d06;border-color:#f2d17a}
.table-wrap th{background:#eef5ff;color:var(--am-blue-dark)}
.mini-link{color:var(--am-blue)!important;font-weight:900}
.user a{color:#fff!important;font-weight:900}
.danger-button{background:#b91c1c!important}
.company-brand-logo{max-height:62px;max-width:260px;background:#fff;border-radius:12px;padding:.25rem;object-fit:contain}
.company-logo-preview{display:flex;align-items:center;justify-content:center;width:min(320px,100%);min-height:120px;margin:0 0 1.2rem;border:1px dashed #cbd5e1;border-radius:18px;background:#f8fafc;color:#64748b;font-weight:900}
.company-logo-preview img{display:block;max-width:280px;max-height:110px;object-fit:contain}
.company-logo-preview.empty{color:#64748b}

.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:9999;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:58px;padding:0 1.15rem 0 3.15rem;border-radius:999px;background:#25d366;color:#fff!important;font-weight:950;box-shadow:0 18px 45px rgba(37,211,102,.35);border:2px solid rgba(255,255,255,.92)}
.whatsapp-float:before{content:"";position:absolute;left:13px;width:30px;height:30px;border-radius:50%;background:#fff}
.whatsapp-float:after{content:"";position:absolute;left:21px;width:14px;height:14px;border-left:4px solid #25d366;border-bottom:4px solid #25d366;transform:rotate(-35deg);border-radius:2px}
.whatsapp-float:hover{background:#1ebe5d;transform:translateY(-2px)}
@media(max-width:640px){
  .whatsapp-float{right:14px;bottom:14px;min-height:54px;padding:0 1rem 0 2.9rem;font-size:.95rem}
}

.cookie-popup[hidden]{display:none!important}
.cookie-popup{position:fixed;left:22px;right:22px;bottom:22px;z-index:9998;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;max-width:860px;padding:1rem 1.1rem;background:#fff;border:1px solid #dbe6f5;border-radius:18px;box-shadow:0 24px 70px rgba(7,21,50,.18);font-family:Inter,Segoe UI,Arial,sans-serif}
.cookie-popup strong{display:block;color:#071532;font-size:1.05rem;margin-bottom:.25rem}
.cookie-popup p{margin:0;color:#40516c;line-height:1.45}
.cookie-popup a{display:inline-block;margin-top:.4rem;color:#0b63e5;font-weight:900;text-decoration:underline}
.cookie-actions{display:flex;gap:.6rem;align-items:center}
.cookie-actions button{border:0;border-radius:999px;padding:.85rem 1rem;font-weight:950;cursor:pointer}
.cookie-actions [data-cookie-decline]{background:#eef3f9;color:#0f172a}
.cookie-actions [data-cookie-accept]{background:#0b63e5;color:#fff}
@media(max-width:760px){
  .cookie-popup{left:12px;right:12px;bottom:82px;grid-template-columns:1fr;padding:1rem}
  .cookie-actions{display:grid;grid-template-columns:1fr 1fr}
}

.ai-chat{position:fixed;right:22px;bottom:94px;z-index:10000;font-family:Inter,Segoe UI,Arial,sans-serif}
.ai-chat-toggle{width:58px;height:58px;border-radius:50%;border:2px solid #fff;background:linear-gradient(135deg,#0b63e5,#073b88);color:#fff;font-weight:950;box-shadow:0 18px 45px rgba(11,99,229,.32);cursor:pointer}
.ai-chat-panel{position:absolute;right:0;bottom:72px;width:min(380px,calc(100vw - 28px));height:520px;max-height:calc(100vh - 150px);display:none;grid-template-rows:auto 1fr auto;background:#fff;border:1px solid #dbe6f5;border-radius:20px;box-shadow:0 28px 80px rgba(7,21,50,.22);overflow:hidden}
.ai-chat.is-open .ai-chat-panel{display:grid}
.ai-chat-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.1rem;background:#073b88;color:#fff}
.ai-chat-head strong{font-size:1.05rem}.ai-chat-head button{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.14);box-shadow:none;padding:0}
.ai-chat-messages{display:grid;align-content:start;gap:.75rem;padding:1rem;overflow:auto;background:#f6f9fd}
.ai-msg{max-width:86%;padding:.78rem .9rem;border-radius:16px;line-height:1.45;font-size:.96rem;white-space:pre-wrap}
.ai-msg.bot{justify-self:start;background:#fff;border:1px solid #e3ebf6;color:#17243a}
.ai-msg.user{justify-self:end;background:#0b63e5;color:#fff}
.ai-msg.loading{opacity:.72}
.ai-chat-form{display:grid;grid-template-columns:1fr auto;gap:.55rem;padding:.85rem;background:#fff;border-top:1px solid #e3ebf6}
.ai-chat-form input{min-width:0;border:1px solid #cbd8ea;border-radius:999px;padding:.9rem 1rem;font:inherit}
.ai-chat-form button{border-radius:999px;padding:.9rem 1rem;background:#0b63e5;color:#fff;font-weight:900}
@media(max-width:640px){
  .ai-chat{right:14px;bottom:82px}
  .ai-chat-panel{height:460px;bottom:66px}
  .ai-chat-toggle{width:54px;height:54px}
}

/* v19 reference-style SEO/GEO marketing website */
.marketing-site{font-family:Inter,Segoe UI,Arial,sans-serif;background:#fff;color:#071532;overflow-x:hidden}
.m-header{position:sticky;top:0;z-index:90;height:82px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:0 clamp(1rem,6vw,5.5rem);background:rgba(255,255,255,.96);border-bottom:1px solid #e8eef7;box-shadow:0 8px 28px rgba(7,21,50,.05);backdrop-filter:blur(14px)}
.m-brand{display:flex;align-items:center}.m-logo{height:58px;max-width:230px;object-fit:contain}
.m-header nav{display:flex;align-items:center;gap:clamp(1rem,3vw,2.4rem);font-weight:850;color:#0e1b33}
.m-header nav a:hover{color:#0b63e5}
.m-head-actions{display:flex;align-items:center;gap:.8rem}.m-login,.m-start,.m-primary,.m-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-weight:900;min-height:46px;padding:0 1.25rem}
.m-login{border:1.5px solid #0b63e5;color:#0b63e5;background:#fff}.m-start,.m-primary{background:#0b63e5;color:#fff;box-shadow:0 12px 26px rgba(11,99,229,.2)}.m-secondary{border:1.5px solid #0b63e5;color:#0b63e5;background:#fff}
.m-start:hover,.m-primary:hover{background:#074cba}.m-login:hover,.m-secondary:hover{background:#eef5ff}
.m-hero{position:relative;display:grid;grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);gap:clamp(2rem,5vw,4.5rem);align-items:center;padding:clamp(3rem,6vw,5rem) clamp(1rem,6vw,5.5rem) 4.8rem;background:linear-gradient(180deg,#f4f9ff 0,#fff 92%);min-height:560px}
.m-hero-copy h1{font-size:clamp(2.8rem,5.2vw,5.25rem);line-height:1.08;letter-spacing:0;margin:0 0 1.35rem;color:#071532;max-width:720px}
.m-hero-copy p{font-size:clamp(1.12rem,1.55vw,1.42rem);line-height:1.65;color:#40516c;max-width:640px;margin:0}
.m-actions{display:flex;gap:1rem;flex-wrap:wrap;margin:2.2rem 0 1.8rem}.m-trust{display:flex;gap:1.8rem;flex-wrap:wrap;color:#40516c;font-weight:750}.m-trust span{display:inline-flex;align-items:center;gap:.45rem}.m-trust span:before{content:"✓";display:grid;place-items:center;width:18px;height:18px;border:1px solid #0b63e5;border-radius:50%;color:#0b63e5;font-size:.75rem}
.m-device-stage{position:relative;min-height:390px}.laptop-visual{position:absolute;right:4.5rem;top:2rem;width:min(680px,88%);padding:1.1rem 1.1rem 1.6rem;border-radius:18px 18px 12px 12px;background:#111827;box-shadow:0 28px 60px rgba(7,21,50,.22)}
.laptop-visual:after{content:"";position:absolute;left:8%;right:8%;bottom:-16px;height:18px;background:linear-gradient(180deg,#d5dce7,#adb8c7);border-radius:0 0 18px 18px}
.laptop-visual .lux-dashboard{transform:none;min-height:330px;border-radius:10px;box-shadow:none}
.laptop-visual .lux-side{padding:.7rem;gap:.25rem}.laptop-visual .lux-side span{font-size:.68rem;padding:.45rem}.laptop-visual .sidebar-logo{width:78px}.laptop-visual .lux-main{padding:.8rem}.laptop-visual .lux-kpis div{padding:.65rem}.laptop-visual .lux-kpis b{font-size:1.05rem}.laptop-visual .lux-chart{height:88px}.laptop-visual .lux-table p{font-size:.72rem;padding:.55rem}
.phone-visual{position:absolute;left:0;bottom:0;width:112px;height:230px;border:9px solid #111827;border-radius:26px;background:#fff;box-shadow:0 18px 38px rgba(7,21,50,.2);padding:1rem .65rem;z-index:3}.phone-visual div{width:34px;height:4px;border-radius:99px;background:#111827;margin:0 auto 1rem}.phone-visual b{display:block;color:#071532;font-size:.78rem;margin-bottom:.7rem}.phone-visual span{display:block;height:26px;border-radius:8px;background:#f1f6ff;margin:.45rem 0;border-left:4px solid #0b63e5}
.scanner-visual{position:absolute;right:0;bottom:0;width:130px;height:150px;border-radius:24px 24px 34px 34px;background:linear-gradient(135deg,#29313c,#111827);box-shadow:0 20px 42px rgba(7,21,50,.24);transform:rotate(8deg);z-index:4}.scanner-visual:before{content:"";position:absolute;left:20px;right:20px;top:24px;height:32px;border-radius:14px;background:#3f4958}.scanner-visual:after{content:"";position:absolute;right:18px;top:52px;width:18px;height:70px;border-radius:12px;background:#d4a02b}
.made-badge{position:absolute;right:92px;top:-14px;z-index:5;width:118px;height:118px;border-radius:50%;background:#fff;display:grid;place-items:center;text-align:center;box-shadow:0 18px 42px rgba(7,21,50,.12);font-size:.78rem}.made-badge strong{line-height:1.18}.made-badge span{display:block;color:#f5a400;letter-spacing:.08em}
.m-feature-strip{position:relative;z-index:8;max-width:1110px;margin:-34px auto 0;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border:1px solid #e8eef7;border-radius:18px;box-shadow:0 22px 55px rgba(7,21,50,.08);padding:1.6rem 1rem}.m-feature-strip article{text-align:center;padding:0 1.2rem;border-right:1px solid #e8eef7}.m-feature-strip article:last-child{border-right:0}.m-feature-strip b{display:block;color:#0b63e5;font-size:2.2rem;line-height:1;margin-bottom:.8rem}.m-feature-strip strong{display:block;color:#071532;margin-bottom:.5rem}.m-feature-strip p{color:#52627a;font-size:.92rem;line-height:1.45;margin:0}
.m-why{display:grid;grid-template-columns:minmax(280px,.62fr) minmax(0,1fr);gap:4rem;align-items:center;padding:clamp(3.5rem,7vw,6rem) clamp(1rem,8vw,7rem)}.m-why h2,.m-testimonials h2,.m-section-head h2,.m-seo-copy h2{font-size:clamp(2rem,3vw,2.8rem);line-height:1.12;color:#071532;margin:0 0 1.5rem}.m-why ul{display:grid;gap:1rem;list-style:none;padding:0;margin:0 0 1.5rem;color:#40516c}.m-why li{position:relative;padding-left:1.9rem}.m-why li:before{content:"✓";position:absolute;left:0;top:.05rem;display:grid;place-items:center;width:18px;height:18px;border:1px solid #0b63e5;border-radius:50%;color:#0b63e5;font-size:.75rem}.m-primary.small{min-height:42px;font-size:.95rem}
.m-dashboard-card{border-radius:18px;box-shadow:0 24px 60px rgba(7,21,50,.12);overflow:hidden}.m-dashboard-preview .lux-dashboard{border-radius:18px;min-height:390px;box-shadow:none}
.m-testimonials{padding:clamp(3rem,6vw,5rem) clamp(1rem,8vw,7rem);background:#f4f9ff;text-align:center}.m-testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;max-width:1020px;margin:2rem auto 0;text-align:left}.m-testimonial-grid article{background:#fff;border:1px solid #e5edf7;border-radius:12px;padding:1.7rem;box-shadow:0 16px 38px rgba(7,21,50,.08)}.m-testimonial-grid b{color:#f5a400;letter-spacing:.12em}.m-testimonial-grid p{line-height:1.65;color:#26354d}.m-testimonial-grid strong{display:block;margin-top:1rem;color:#071532}.m-testimonial-grid span{color:#64748b;font-size:.9rem}
.m-pricing{padding:clamp(3rem,6vw,5rem) clamp(1rem,8vw,7rem);background:#fff}.m-section-head{text-align:center;margin-bottom:2rem}.m-section-head p{color:#64748b}.m-pricing .price-grid{max-width:980px;margin:0 auto}.m-price-notes{display:flex;justify-content:center;gap:clamp(1rem,5vw,5rem);flex-wrap:wrap;margin-top:2rem;color:#40516c;font-weight:800}.m-price-notes span:before{content:"✓";color:#0b63e5;margin-right:.5rem}
.m-seo-copy{padding:clamp(3rem,6vw,5rem) clamp(1rem,8vw,7rem);background:#f8fbff}.m-seo-copy p{max-width:980px;margin:0 auto;color:#40516c;font-size:1.1rem;line-height:1.75}.m-seo-copy h2{text-align:center}
@media(max-width:1100px){.m-header{height:auto;align-items:flex-start;flex-wrap:wrap;padding-top:.9rem;padding-bottom:.9rem}.m-header nav{order:3;width:100%;justify-content:flex-start;overflow:auto;padding-bottom:.2rem}.m-hero{grid-template-columns:1fr}.m-device-stage{min-height:420px}.laptop-visual{right:2rem}.m-feature-strip{grid-template-columns:repeat(2,1fr);margin:0 1rem}.m-feature-strip article{border-right:0;border-bottom:1px solid #e8eef7}.m-feature-strip article:nth-last-child(-n+1){border-bottom:0}.m-why{grid-template-columns:1fr}.m-testimonial-grid{grid-template-columns:1fr}}
@media(max-width:680px){.m-header{gap:.8rem}.m-logo{height:48px;max-width:185px}.m-head-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.m-header nav{gap:.55rem}.m-header nav a{padding:.55rem .65rem;border:1px solid #e8eef7;border-radius:999px;font-size:.9rem;white-space:nowrap}.m-hero{padding:2.3rem 1rem 2rem}.m-hero-copy h1{font-size:clamp(2.35rem,12vw,3.8rem)}.m-actions{display:grid;grid-template-columns:1fr}.m-primary,.m-secondary{width:100%}.m-trust{gap:.8rem}.m-device-stage{min-height:315px}.laptop-visual{left:54px;right:auto;top:14px;width:calc(100% - 54px);padding:.55rem}.laptop-visual .lux-dashboard{min-height:230px}.laptop-visual .lux-side{display:none}.laptop-visual .lux-kpis{grid-template-columns:repeat(2,1fr)}.laptop-visual .lux-chart{height:72px}.phone-visual{width:78px;height:160px;border-width:6px;border-radius:19px;padding:.7rem .45rem}.scanner-visual{width:78px;height:92px;right:2px}.made-badge{width:82px;height:82px;right:8px;top:-18px;font-size:.58rem}.m-feature-strip{grid-template-columns:1fr;padding:1rem}.m-feature-strip article{border-bottom:1px solid #e8eef7;padding:1rem}.m-why,.m-testimonials,.m-pricing,.m-seo-copy{padding:2.8rem 1rem}.m-dashboard-preview .lux-dashboard{min-height:auto}.m-dashboard-preview .lux-side{display:none}.m-testimonial-grid{gap:1rem}}

/* v42 privacy workflow and contrast correction */
.toast a{display:inline-flex;margin-top:.75rem;background:#fff;color:#073b88!important;border-radius:999px;padding:.62rem .85rem;font-weight:950}
.access-request-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}
.access-request-card{position:relative;border:1px solid #dbe6f5}
.access-request-card form{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}
.access-request-card small{display:block;color:#40516c;margin-top:.75rem}
.access-badge{display:inline-flex;border-radius:999px;background:#fff7df;color:#7a5208;border:1px solid #f2d17a;padding:.45rem .7rem;font-weight:950;margin-bottom:.9rem}
.access-status{display:inline-flex;margin-top:1rem;color:#073b88}
.access-request-alert{border:2px solid #d4a02b;background:#fffaf0}
.approved-access{background:#e7f8ef!important;color:#11643a!important;border:1px solid #a7e6c1}
.request-access-link{background:#eef5ff!important;color:#073b88!important;border:1px solid #bfdbfe}
.muted-link{background:#f3f6fa!important;color:#40516c!important;border:1px solid #d8e2ee}
.topbar,.card,.tile,.action,.table-wrap,.install-card,.price-card,.m-testimonial-grid article,.m-feature-strip,.lux-module-grid article{color:#071532}
.card p,.table-wrap td,.install-card p,.price-card p,.m-seo-copy p,.m-testimonial-grid p,.lux-section-copy p,.lux-module-grid p{color:#263244}
.topbar-search input,.form input,.form select,label input,label select{color:#071532!important;background:#fff!important}
.topbar-search input::placeholder,.form input::placeholder,label input::placeholder{color:#5b677a!important;opacity:1}
.user{color:#071532!important;background:#fff!important;border:1px solid #dbe6f5}
.user span{color:#071532!important}
.user a{background:#0b63e5!important;color:#fff!important;border-radius:999px;padding:.7rem 1rem;display:inline-flex;align-items:center}
.sidebar a{color:#eaf2ff!important}
.sidebar a.active{background:#fff!important;color:#073b88!important}
.sidebar a.active .nav-icon svg{stroke:#073b88!important}
.nav-label{color:inherit!important}
.mini-link,summary.mini-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border-radius:999px;text-decoration:none}
.danger-button{color:#fff!important}
.premium-panel,.premium-panel p,.premium-panel h2{color:#fff!important}
.premium-panel p{color:#eaf2ff!important}
.m-login,.m-secondary,.lux-login,.lux-secondary{color:#073b88!important;background:#fff!important}
.m-start,.m-primary,.lux-start,.lux-primary,.primary-link,.nav-cta{color:#fff!important}
.price-card.lifetime,.price-card.lifetime p,.price-card.lifetime li,.price-card.lifetime strong,.price-card.lifetime h2{color:#fff!important}
.lux-final,.lux-final h2,.lux-final p{color:#fff!important}

/* v43 hard button readability fix */
.app-body button,
.app-body .form button,
.app-body .inline-actions button,
.app-body .scan-actions button,
.app-body a.primary-link,
.app-body a.nav-cta{
  background:#0b63e5!important;
  color:#fff!important;
  border-color:#0b63e5!important;
  text-shadow:none!important;
}
.app-body button:hover,
.app-body .form button:hover,
.app-body .inline-actions button:hover,
.app-body .scan-actions button:hover,
.app-body a.primary-link:hover,
.app-body a.nav-cta:hover{
  background:#073b88!important;
  color:#fff!important;
  border-color:#073b88!important;
}
.app-body .inline-actions a.mini-link:not(.approved-access):not(.request-access-link):not(.muted-link),
.app-body .table-wrap a.mini-link:not(.approved-access):not(.request-access-link):not(.muted-link),
.app-body summary.mini-link{
  background:#0b63e5!important;
  color:#fff!important;
  border:1px solid #0b63e5!important;
  box-shadow:0 10px 24px rgba(11,99,229,.18)!important;
}
.app-body .inline-actions a.mini-link:not(.approved-access):not(.request-access-link):not(.muted-link):hover,
.app-body .table-wrap a.mini-link:not(.approved-access):not(.request-access-link):not(.muted-link):hover,
.app-body summary.mini-link:hover{
  background:#073b88!important;
  color:#fff!important;
  border-color:#073b88!important;
}
.app-body .danger-button,
.app-body .inline-actions .danger-button,
.app-body button.danger-button{
  background:#dc2626!important;
  color:#fff!important;
  border-color:#dc2626!important;
}
.app-body .danger-button:hover,
.app-body .inline-actions .danger-button:hover,
.app-body button.danger-button:hover{
  background:#991b1b!important;
  color:#fff!important;
  border-color:#991b1b!important;
}
.app-body .approved-access{background:#e7f8ef!important;color:#11643a!important;border-color:#a7e6c1!important}
.app-body .request-access-link{background:#eef5ff!important;color:#073b88!important;border-color:#bfdbfe!important}
.app-body .muted-link{background:#f3f6fa!important;color:#40516c!important;border-color:#d8e2ee!important}

/* v45 premium marketing image polish */
.amx-image-hero{max-width:1280px;margin:clamp(2rem,5vw,4rem) auto 0;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.7fr);gap:clamp(1.5rem,4vw,3rem);align-items:center;padding:0 clamp(1rem,4vw,2rem)}
.amx-image-hero img,.amx-image-split img,.amx-card-image,.demo-photo-stack>img,.demo-image-row img{width:100%;display:block;object-fit:cover;border-radius:28px;box-shadow:0 30px 90px rgba(7,21,50,.16)}
.amx-image-hero img{aspect-ratio:16/9}
.amx-image-hero span,.amx-image-split span{display:inline-flex;background:#fff7df;color:#7a5208;border:1px solid #f2d17a;border-radius:999px;padding:.55rem .8rem;font-weight:950;margin-bottom:1rem}
.amx-image-hero h2,.amx-image-split h2{font-size:clamp(2.2rem,4vw,4.4rem);line-height:1.05;letter-spacing:0;margin:0 0 1rem;color:#071532}
.amx-image-hero p,.amx-image-split p,.amx-image-split li{font-size:1.1rem;line-height:1.65;color:#40516c}
.amx-card-image{aspect-ratio:16/10;margin-bottom:1.2rem}
.amx-card h3{font-size:1.6rem;margin:.3rem 0 .5rem;color:#071532}
.amx-card p{color:#40516c;line-height:1.65}
.amx-image-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:clamp(1.5rem,5vw,4rem);align-items:center;padding:clamp(3rem,7vw,6rem) clamp(1rem,6vw,5rem);background:#fff}
.amx-image-split img{aspect-ratio:16/10}
.amx-image-split ul{display:grid;gap:.7rem;margin:1.2rem 0 0;padding-left:1.2rem}
.demo-photo-stack{display:grid;gap:1rem}
.demo-photo-stack>img{aspect-ratio:16/9}
.demo-photo-stack .lux-dashboard{margin-top:-5rem;max-width:88%;justify-self:center;box-shadow:0 28px 80px rgba(7,21,50,.22)}
.demo-image-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem;padding:clamp(3rem,6vw,5rem) clamp(1rem,6vw,5rem);background:#fff}
.demo-image-row article{background:#fff;border:1px solid #e4ebf5;border-radius:28px;padding:1rem;box-shadow:0 20px 60px rgba(7,21,50,.08)}
.demo-image-row img{aspect-ratio:16/10;border-radius:22px;margin-bottom:1rem}
.demo-image-row h3{font-size:1.5rem;margin:.2rem 0 .4rem;color:#071532}
.demo-image-row p{color:#40516c;line-height:1.6;margin:0 0 .5rem}
@media(max-width:980px){
  .amx-image-hero,.amx-image-split,.demo-image-row{grid-template-columns:1fr}
  .demo-photo-stack .lux-dashboard{max-width:96%;margin-top:-2rem}
}
@media(max-width:640px){
  .amx-image-hero{padding:0 1rem}
  .amx-image-hero img,.amx-image-split img,.amx-card-image,.demo-photo-stack>img,.demo-image-row img{border-radius:18px}
  .demo-photo-stack .lux-dashboard{display:none}
}

/* v44 demo page and payment options */
.demo-site{background:#f5f7fb;color:#071532}
.demo-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:clamp(2rem,5vw,5rem);align-items:center;padding:clamp(3rem,7vw,6rem) clamp(1rem,6vw,5rem);background:linear-gradient(180deg,#fff,#eef5ff)}
.demo-hero h1{font-size:clamp(3rem,6vw,6.2rem);line-height:1;letter-spacing:0;margin:.8rem 0 1.2rem;color:#071532}
.demo-hero p{font-size:clamp(1.1rem,1.6vw,1.35rem);line-height:1.65;color:#40516c;max-width:760px}
.demo-kicker{display:inline-flex;border:1px solid #cfe0ff;background:#eaf2ff;color:#0b63e5;border-radius:999px;padding:.55rem .8rem;font-weight:950}
.demo-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.8rem}
.demo-screen .lux-dashboard{box-shadow:0 34px 90px rgba(11,94,215,.16);border:1px solid #dfe6ef}
.demo-section{padding:clamp(3rem,6vw,5rem) clamp(1rem,6vw,5rem);background:#fff}
.demo-section-head{text-align:center;max-width:900px;margin:0 auto 2rem}
.demo-section-head span{display:block;color:#d4a02b;font-weight:950;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem}
.demo-section-head h2,.demo-flow h2,.demo-final h2{font-size:clamp(2.2rem,4vw,4.4rem);line-height:1.05;margin:0;color:#071532}
.demo-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:1180px;margin:auto}
.demo-module-grid article,.demo-card,.payment-options>div{background:#fff;border:1px solid #e4ebf5;border-radius:22px;padding:1.35rem;box-shadow:0 16px 45px rgba(7,21,50,.065)}
.demo-module-grid strong,.payment-options strong{display:block;font-size:1.25rem;color:#071532;margin-bottom:.65rem}
.demo-module-grid p,.payment-options p,.demo-flow li,.demo-card p,.demo-final p{color:#40516c;line-height:1.6}
.demo-flow{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);gap:2rem;align-items:start;padding:clamp(3rem,6vw,5rem) clamp(1rem,6vw,5rem);background:#f7faff}
.demo-flow ol{display:grid;gap:.85rem;margin-top:1.5rem;font-size:1.08rem}
.payment-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;max-width:1180px;margin:1.5rem auto 0}
.payment-options span{display:inline-flex;background:#fff7df;color:#7a5208;border:1px solid #f2d17a;border-radius:999px;padding:.45rem .65rem;font-weight:950;margin-bottom:1rem}
.demo-final{text-align:center;padding:clamp(3rem,7vw,6rem) 1rem;background:linear-gradient(135deg,#071f46,#0b63e5);color:#fff}
.demo-final h2,.demo-final p{color:#fff}
.demo-final p{max-width:720px;margin:1rem auto 1.6rem;color:#eaf2ff}
@media(max-width:980px){
  .demo-hero,.demo-flow{grid-template-columns:1fr}
  .demo-module-grid,.payment-options{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .demo-hero{padding:2.2rem 1rem}
  .demo-module-grid,.payment-options{grid-template-columns:1fr}
  .demo-actions{display:grid;grid-template-columns:1fr}
}
@media(max-width:760px){
  .user{width:100%;display:grid;grid-template-columns:auto 1fr;gap:.75rem}
  .user a{grid-column:1/-1;justify-content:center;margin-left:0!important}
  .access-request-card form{display:grid;grid-template-columns:1fr}
}

/* v46 Apple-style premium marketing page */
.apple-marketing{
  --apple-blue:#0066cc;
  --apple-blue-dark:#004f9f;
  --apple-yellow:#d4a02b;
  --apple-ink:#111827;
  --apple-muted:#5f6b7a;
  --apple-bg:#f5f5f7;
  margin:0;
  overflow-x:hidden;
  background:var(--apple-bg);
  color:var(--apple-ink);
  font-family:Inter,Segoe UI,Arial,sans-serif;
}
.apple-marketing *{box-sizing:border-box}
.apple-marketing img{max-width:100%;height:auto}
.apple-nav{
  position:sticky;
  top:0;
  z-index:100;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:2rem;
  min-height:76px;
  padding:0 clamp(1rem,5vw,5rem);
  background:rgba(255,255,255,.84);
  border-bottom:1px solid rgba(17,24,39,.08);
  backdrop-filter:saturate(180%) blur(22px);
}
.apple-brand{display:flex;align-items:center}
.apple-logo{width:auto!important;max-width:178px!important;max-height:62px!important;object-fit:contain}
.apple-nav nav{display:flex;justify-content:center;gap:clamp(1rem,2.4vw,2.2rem);font-size:.95rem;font-weight:850;color:#1f2937}
.apple-nav nav a:hover{color:var(--apple-blue)}
.apple-nav>div{display:flex;justify-content:flex-end;gap:.75rem}
.apple-login,.apple-cta,.apple-secondary,.apple-price-grid a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  border-radius:999px;
  padding:0 1.15rem;
  font-weight:950;
  line-height:1;
  text-align:center;
}
.apple-login,.apple-secondary{
  background:#fff;
  color:var(--apple-blue)!important;
  border:1px solid #cfe0f8;
}
.apple-cta,.apple-price-grid a{
  background:var(--apple-blue);
  color:#fff!important;
  border:1px solid var(--apple-blue);
  box-shadow:0 12px 28px rgba(0,102,204,.18);
}
.apple-cta:hover,.apple-price-grid a:hover{background:var(--apple-blue-dark);border-color:var(--apple-blue-dark)}
.apple-login:hover,.apple-secondary:hover{background:#eef6ff}
.apple-hero{
  display:grid;
  grid-template-columns:minmax(0,.78fr) minmax(420px,1.22fr);
  gap:clamp(2rem,5vw,5.5rem);
  align-items:center;
  min-height:calc(100svh - 76px);
  padding:clamp(3rem,7vw,6rem) clamp(1rem,6vw,6rem);
  background:radial-gradient(circle at 78% 22%,rgba(0,102,204,.16),transparent 33%),linear-gradient(180deg,#fbfbfd 0%,#f5f5f7 100%);
}
.apple-kicker{
  display:inline-flex;
  align-items:center;
  border:1px solid #d7e7fb;
  background:#fff;
  color:var(--apple-blue);
  border-radius:999px;
  padding:.62rem .85rem;
  font-weight:950;
  margin-bottom:1.35rem;
}
.apple-hero h1{
  margin:0 0 1.3rem;
  font-size:clamp(3.4rem,7.5vw,7.8rem);
  line-height:.96;
  letter-spacing:-.045em;
  color:#111827;
}
.apple-hero p,.apple-section-head p,.apple-showcase p,.apple-final p{
  margin:0;
  color:var(--apple-muted);
  font-size:clamp(1.18rem,1.9vw,1.7rem);
  line-height:1.55;
}
.apple-actions{display:flex;gap:1rem;flex-wrap:wrap;margin:2rem 0 1.4rem}
.apple-cta.big,.apple-secondary.big{min-height:54px;padding:0 1.5rem;font-size:1.06rem}
.apple-trust{display:flex;gap:.7rem;flex-wrap:wrap}
.apple-trust span{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  min-height:36px;
  padding:0 .75rem;
  border-radius:999px;
  background:#fff;
  color:#334155;
  border:1px solid #e1e8f2;
  font-weight:850;
  font-size:.92rem;
}
.apple-trust span:before{content:"\2713";color:var(--apple-blue);font-weight:950}
.apple-hero-media{
  position:relative;
  min-height:560px;
  display:grid;
  place-items:center;
}
.apple-hero-media>img{
  width:100%;
  max-height:650px;
  object-fit:cover;
  aspect-ratio:16/10;
  border-radius:44px;
  box-shadow:0 38px 120px rgba(17,24,39,.18);
}
.apple-video-hero{
  overflow:hidden;
  border-radius:44px;
  box-shadow:0 38px 120px rgba(17,24,39,.2);
  background:#0b1220;
}
.apple-hero-video{
  width:100%;
  height:100%;
  min-height:560px;
  max-height:650px;
  display:block;
  object-fit:cover;
  aspect-ratio:16/10;
  transform:scale(1.015);
}
.apple-video-shine{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 28%,transparent 70%,rgba(0,102,204,.16));
  mix-blend-mode:screen;
}
.apple-floating-card{
  position:absolute;
  left:clamp(1rem,3vw,2.2rem);
  bottom:clamp(1rem,3vw,2.2rem);
  display:grid;
  gap:.55rem;
  min-width:min(310px,calc(100% - 2rem));
  padding:1.15rem;
  border-radius:24px;
  background:rgba(255,255,255,.9);
  border:1px solid rgba(255,255,255,.75);
  box-shadow:0 22px 60px rgba(17,24,39,.18);
  backdrop-filter:blur(18px);
}
.apple-floating-card strong{font-size:1.2rem;color:#111827}
.apple-floating-card span{display:flex;justify-content:space-between;color:#334155;font-weight:850}
.apple-proof{
  max-width:1180px;
  margin:-42px auto 0;
  position:relative;
  z-index:4;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1rem;
  padding:0 clamp(1rem,3vw,2rem);
}
.apple-proof article{
  min-height:132px;
  display:grid;
  align-content:center;
  gap:.4rem;
  padding:1.5rem;
  border-radius:28px;
  background:#fff;
  border:1px solid #e7edf6;
  box-shadow:0 18px 55px rgba(17,24,39,.08);
}
.apple-proof b{font-size:clamp(2rem,3vw,3.1rem);letter-spacing:-.04em;color:#111827}
.apple-proof span{color:#5f6b7a;font-weight:850}
.apple-section{padding:clamp(4rem,8vw,7rem) clamp(1rem,6vw,6rem)}
.apple-section-head{
  max-width:980px;
  margin:0 auto clamp(2rem,5vw,4rem);
  text-align:center;
}
.apple-section-head>span,.apple-showcase span{
  display:inline-flex;
  margin-bottom:1rem;
  color:var(--apple-blue);
  font-weight:950;
}
.apple-section-head h2,.apple-showcase h2,.apple-final h2{
  margin:0 0 1rem;
  color:#111827;
  font-size:clamp(2.6rem,5.6vw,6rem);
  line-height:1;
  letter-spacing:-.045em;
}
.apple-step-grid{display:grid;gap:1.5rem;max-width:1220px;margin:auto}
.apple-step{
  display:grid;
  grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);
  gap:clamp(1rem,4vw,3rem);
  align-items:center;
  padding:clamp(1rem,3vw,2rem);
  border-radius:34px;
  background:#fff;
  border:1px solid #e7edf6;
  box-shadow:0 22px 70px rgba(17,24,39,.075);
}
.apple-step:nth-child(even){grid-template-columns:minmax(0,1.28fr) minmax(260px,.72fr)}
.apple-step:nth-child(even) img{order:-1}
.apple-step span{
  display:inline-flex;
  color:var(--apple-yellow);
  font-size:1rem;
  font-weight:950;
  margin-bottom:1rem;
}
.apple-step h3{
  margin:0 0 .8rem;
  font-size:clamp(2rem,3.4vw,3.7rem);
  line-height:1;
  letter-spacing:-.035em;
}
.apple-step p{margin:0;color:#5f6b7a;font-size:1.12rem;line-height:1.6}
.apple-step img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  border-radius:26px;
  box-shadow:0 22px 60px rgba(17,24,39,.12);
}
.apple-feature-grid{
  max-width:1240px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
}
.apple-feature-grid article,.apple-review-grid article{
  min-height:210px;
  padding:1.55rem;
  border-radius:28px;
  background:#fff;
  border:1px solid #e7edf6;
  box-shadow:0 18px 55px rgba(17,24,39,.07);
}
.apple-feature-grid strong{
  display:block;
  font-size:1.35rem;
  color:#111827;
  margin-bottom:.75rem;
}
.apple-feature-grid p,.apple-review-grid p,.apple-price-grid p{
  margin:0;
  color:#5f6b7a;
  line-height:1.6;
}
.apple-showcase{
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(320px,.96fr);
  gap:clamp(2rem,6vw,6rem);
  align-items:center;
  padding:clamp(4rem,8vw,7rem) clamp(1rem,6vw,6rem);
  background:#fff;
}
.apple-showcase.reverse{background:#f5f5f7}
.apple-showcase img{
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
  border-radius:44px;
  box-shadow:0 35px 100px rgba(17,24,39,.16);
}
.apple-showcase ul{
  display:grid;
  gap:.7rem;
  margin:1.4rem 0 0;
  padding:0;
  list-style:none;
  color:#334155;
  font-weight:850;
}
.apple-showcase li:before{content:"\2713";color:var(--apple-blue);margin-right:.55rem}
.apple-showcase a{margin-top:1.6rem}
.apple-pricing{background:#fff}
.apple-price-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1rem;
  max-width:1280px;
  margin:0 auto 1.6rem;
}
.apple-price-grid article{
  display:grid;
  gap:.8rem;
  align-content:start;
  min-height:330px;
  padding:1.6rem;
  border-radius:30px;
  background:#f8fafc;
  border:1px solid #e1e8f2;
}
.apple-price-grid article.featured{
  background:#111827;
  color:#fff;
  transform:translateY(-10px);
  box-shadow:0 25px 80px rgba(17,24,39,.22);
}
.apple-price-grid h3{margin:0;font-size:1.3rem}
.apple-price-grid b{font-size:clamp(2rem,3vw,3.1rem);letter-spacing:-.04em;color:var(--apple-blue)}
.apple-price-grid .featured b,.apple-price-grid .featured p,.apple-price-grid .featured span{color:#fff}
.apple-price-grid span{color:#64748b;font-weight:850}
.apple-price-grid a{margin-top:auto}
.apple-reviews{
  padding:clamp(4rem,8vw,7rem) clamp(1rem,6vw,6rem);
  background:#f5f5f7;
}
.apple-review-grid{
  max-width:1120px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
}
.apple-review-grid b{display:block;color:#f5a400;margin-bottom:1rem}
.apple-review-grid strong{display:block;margin-top:1rem;color:#111827}
.apple-final{
  min-height:520px;
  display:grid;
  place-items:center;
  text-align:center;
  padding:clamp(4rem,8vw,7rem) 1rem;
  background:radial-gradient(circle at 50% 0%,rgba(0,102,204,.38),transparent 35%),#05070b;
  color:#fff;
}
.apple-final h2{color:#fff}
.apple-final p{max-width:780px;margin:0 auto 2rem;color:#dbe7f6}
.apple-footer{
  display:flex;
  justify-content:center;
  gap:1.4rem;
  flex-wrap:wrap;
  padding:2rem 1rem;
  background:#05070b;
  color:#dbe7f6;
}
[data-reveal],.reveal-item{
  opacity:0;
  transform:translateY(30px);
  transition:opacity .75s ease,transform .75s ease;
}
[data-reveal].is-visible,.reveal-item.is-visible{
  opacity:1;
  transform:none;
}
.apple-marketing .payment-options{
  margin-top:2rem;
}
.apple-marketing .payment-options>div{
  border-radius:24px;
  box-shadow:0 18px 55px rgba(17,24,39,.07);
}
@media(max-width:1120px){
  .apple-nav{grid-template-columns:1fr auto;gap:1rem;padding-top:.8rem;padding-bottom:.8rem}
  .apple-nav nav{grid-column:1/-1;justify-content:flex-start;overflow-x:auto;padding-bottom:.2rem}
  .apple-hero,.apple-showcase,.apple-showcase.reverse,.apple-step,.apple-step:nth-child(even){grid-template-columns:1fr}
  .apple-step:nth-child(even) img{order:0}
  .apple-proof{grid-template-columns:repeat(2,1fr);margin-top:0}
  .apple-feature-grid,.apple-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .apple-review-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  .apple-nav{display:flex;flex-direction:column;align-items:flex-start}
  .apple-logo{max-width:150px!important}
  .apple-nav nav{width:100%;gap:.55rem}
  .apple-nav nav a{white-space:nowrap;border:1px solid #e1e8f2;border-radius:999px;padding:.58rem .75rem;background:#fff}
  .apple-nav>div{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .apple-login,.apple-cta{width:100%}
  .apple-hero{min-height:auto;padding:2.5rem 1rem}
  .apple-hero h1{font-size:clamp(3rem,15vw,4.8rem)}
  .apple-hero p,.apple-section-head p,.apple-showcase p,.apple-final p{font-size:1.12rem}
  .apple-actions{display:grid;grid-template-columns:1fr}
  .apple-hero-media{min-height:auto}
  .apple-video-hero,.apple-hero-media>img,.apple-showcase img{border-radius:26px}
  .apple-hero-video{min-height:340px}
  .apple-floating-card{position:relative;left:auto;bottom:auto;margin:-2.5rem 1rem 0}
  .apple-proof,.apple-feature-grid,.apple-price-grid{grid-template-columns:1fr}
  .apple-section,.apple-showcase,.apple-reviews{padding:3.5rem 1rem}
  .apple-section-head{text-align:left}
  .apple-section-head h2,.apple-showcase h2,.apple-final h2{font-size:clamp(2.55rem,12vw,4rem)}
  .apple-step{padding:1rem;border-radius:24px}
  .apple-step h3{font-size:2.25rem}
  .apple-price-grid article.featured{transform:none}
}
@media(prefers-reduced-motion:reduce){
  [data-reveal],.reveal-item{opacity:1;transform:none;transition:none}
  .apple-hero-video{animation:none}
}

/* v47 installer and portal additions */
.installer-checks{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:.75rem;
  margin:1rem 0 1.4rem;
}
.installer-checks>div{
  display:grid;
  gap:.2rem;
  padding:.85rem;
  border-radius:14px;
  border:1px solid #dbe6f5;
  background:#fff;
}
.installer-checks strong{
  color:#11643a;
  font-weight:950;
}
.installer-checks .bad strong{color:#b91c1c}
.installer-checks span{font-weight:900;color:#071532}
.installer-checks small{color:#64748b;word-break:break-word}
.permissions-form label{display:grid;gap:.45rem;margin-bottom:1rem;font-weight:900}
.permissions-form input[type="checkbox"]{width:22px;height:22px;accent-color:#0b63e5}
.product-detail-grid{
  display:grid;
  grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr) minmax(220px,.55fr);
  gap:1rem;
}
.product-hero-photo{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  border-radius:18px;
  background:#eef3f9;
}
.product-hero-photo.empty{
  display:grid;
  place-items:center;
  color:#64748b;
  font-weight:950;
}
.qr-big{width:220px;max-width:100%;height:auto}
@media(max-width:980px){
  .product-detail-grid{grid-template-columns:1fr}
}

/* v48 full-screen Apple-like video hero */
.apple-full-video-hero{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:1fr;
  place-items:center;
  min-height:calc(100svh - 76px);
  padding:clamp(5rem,10vw,9rem) clamp(1rem,6vw,6rem);
  overflow:hidden;
  background:#05070b;
}
.apple-full-video-hero .apple-video-hero{
  position:absolute;
  inset:0;
  z-index:-2;
  min-height:100%;
  border-radius:0;
  box-shadow:none;
}
.apple-full-video-hero .apple-hero-video{
  width:100%;
  height:100%;
  max-height:none;
  min-height:100%;
  aspect-ratio:auto;
  object-fit:cover;
  transform:none;
}
.apple-full-video-hero:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(3,7,18,.76),rgba(3,7,18,.38) 48%,rgba(3,7,18,.18)),linear-gradient(180deg,rgba(3,7,18,.25),rgba(3,7,18,.62));
  pointer-events:none;
}
.apple-full-video-hero .apple-video-shine{
  background:radial-gradient(circle at 70% 18%,rgba(255,255,255,.24),transparent 24%),linear-gradient(135deg,rgba(255,255,255,.12),transparent 38%);
}
.apple-full-video-hero .apple-hero-copy{
  width:min(1080px,100%);
  margin:0 auto;
  text-align:left;
  color:#fff;
}
.apple-full-video-hero h1{
  max-width:980px;
  color:#fff;
  text-shadow:0 24px 80px rgba(0,0,0,.45);
}
.apple-full-video-hero p{
  max-width:760px;
  color:rgba(255,255,255,.86);
  text-shadow:0 12px 40px rgba(0,0,0,.55);
}
.apple-full-video-hero .apple-secondary{
  background:rgba(255,255,255,.16);
  color:#fff!important;
  border-color:rgba(255,255,255,.48);
  backdrop-filter:blur(14px);
}
.apple-full-video-hero .apple-trust span{
  color:#fff;
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.28);
  backdrop-filter:blur(14px);
}
@media(max-width:680px){
  .apple-full-video-hero{
    min-height:calc(100svh - 150px);
    padding:4rem 1rem;
    place-items:end start;
  }
  .apple-full-video-hero:after{
    background:linear-gradient(180deg,rgba(3,7,18,.22),rgba(3,7,18,.82));
  }
}

/* Social links and main-site return in every Lager header */
.am-social-links,
.site-header-actions {
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  flex-wrap:wrap;
}

.am-social-links a {
  width:38px;
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  color:#fff!important;
  font-size:.72rem;
  font-weight:950;
  letter-spacing:0;
  text-transform:uppercase;
  box-shadow:0 14px 26px rgba(15,23,42,.16);
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.am-social-links svg {
  width:18px;
  height:18px;
  display:block;
  fill:currentColor;
}

.am-social-links a:hover {
  transform:translateY(-2px);
  filter:brightness(1.06);
  box-shadow:0 18px 34px rgba(15,23,42,.22);
}

.am-social-links .facebook {background:#1877f2}
.am-social-links .instagram {background:linear-gradient(135deg,#f58529 0%,#dd2a7b 48%,#8134af 100%)}
.am-social-links .tiktok {background:#101827}

.back-main-site,
.site-header nav a[href*="adinmehmedovic"] {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:.65rem .95rem;
  border-radius:12px;
  color:#0b63e5!important;
  background:rgba(11,99,229,.08);
  border:1px solid rgba(11,99,229,.16);
  font-weight:950;
  white-space:nowrap;
}

.topbar .back-main-site {
  margin-left:auto;
}

.premium-actions,
.lux-head-actions,
.m-head-actions,
.amx-actions,
.apple-nav>div,
.site-header {
  align-items:center;
}

.premium-actions .am-social-links,
.lux-head-actions .am-social-links,
.m-head-actions .am-social-links,
.amx-actions .am-social-links,
.apple-nav .am-social-links,
.topbar .am-social-links {
  margin-right:.25rem;
}

@media(max-width:820px){
  .topbar,
  .premium-actions,
  .lux-head-actions,
  .m-head-actions,
  .amx-actions,
  .apple-nav>div,
  .site-header {
    gap:.65rem;
    flex-wrap:wrap;
  }

  .topbar .back-main-site {
    margin-left:0;
  }

  .back-main-site,
  .site-header nav a[href*="adinmehmedovic"] {
    min-height:36px;
    padding:.58rem .82rem;
    font-size:.82rem;
  }

  .am-social-links a {
    width:34px;
    height:34px;
    border-radius:10px;
  }
}

/* Installierbare PWA App */
.pwa-install-button {
  position:fixed;
  right:22px;
  bottom:92px;
  z-index:9997;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 1.05rem;
  border:1px solid rgba(11,99,229,.2);
  border-radius:999px;
  background:linear-gradient(135deg,#0b63e5,#03a4ed);
  color:#fff;
  font-weight:950;
  box-shadow:0 18px 45px rgba(11,99,229,.28);
  cursor:pointer;
}

.pwa-install-button[hidden],
.pwa-installed .pwa-install-button {
  display:none!important;
}

.pwa-install-button span:before {
  content:"+";
  display:inline-grid;
  place-items:center;
  width:22px;
  height:22px;
  margin-right:.5rem;
  border-radius:8px;
  background:rgba(255,255,255,.18);
  font-size:18px;
  line-height:1;
}

@media(max-width:680px){
  .pwa-install-button {
    left:16px;
    right:16px;
    bottom:86px;
    width:auto;
  }
}