/* Digital Marketing with AI - LeadsWave Solutions. All rules are scoped to .lwdmai.
   Edit the colour variables in the first .lwdmai rule to match your theme. */
.lwdmai{--bg:#07040f;--bg2:#120a26;--v:#8b5cf6;--l:#c4b5fd;--t:#ece8f7;--m:#a79fc2;--glass:rgba(255,255,255,.06);--bd:rgba(196,181,253,.2);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box}
.lwdmai *{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:calc(env(safe-area-inset-top,0px) + 80px)}
.lwdmai{background:radial-gradient(900px 500px at 80% -5%,#2b1260 0,transparent 60%),var(--bg);color:var(--t);font:16px/1.6 Inter,system-ui,sans-serif;overflow-x:hidden}
.lwdmai h1,.lwdmai h2,.lwdmai h3,.lwdmai .f{font-family:"Space Grotesk",system-ui,sans-serif;line-height:1.15}
.lwdmai section{padding:72px 20px;max-width:1100px;margin:auto}
.lwdmai h2{font-size:clamp(26px,5vw,40px);margin-bottom:12px}
.lwdmai .sub{color:var(--m);max-width:62ch;margin-bottom:32px}
.lwdmai .glass{background:var(--glass);border:1px solid var(--bd);border-radius:18px;backdrop-filter:blur(14px)}
.lwdmai .btn{display:inline-block;padding:14px 22px;border-radius:999px;border:1px solid var(--v);color:#fff;background:transparent;font:500 15px "Space Grotesk",sans-serif;text-decoration:none;cursor:pointer;transition:.25s}
.lwdmai .btn.p{background:linear-gradient(135deg,#8b5cf6,#c026d3);border-color:transparent;animation:lwdmai-glow 2.6s ease-in-out infinite}
@keyframes lwdmai-glow{50%{box-shadow:0 0 28px 4px rgba(167,110,255,.55)}}
.lwdmai .btn:hover{transform:translateY(-2px);box-shadow:0 0 24px rgba(167,110,255,.5)}
.lwdmai :focus-visible{outline:2px solid var(--l);outline-offset:3px}
.lwdmai .hero{display:grid;gap:36px;align-items:center;padding-top:48px}
@media(min-width:900px){.lwdmai .hero{grid-template-columns:1.1fr .9fr}
}
.lwdmai .k{color:var(--l);font:500 12px "Space Grotesk";letter-spacing:.14em;margin-bottom:14px}
.lwdmai h1{font-size:clamp(36px,8vw,64px);background:linear-gradient(120deg,#fff,#c4b5fd 60%,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent}
.lwdmai .tag{font:500 20px "Space Grotesk";margin:14px 0;color:var(--l)}
.lwdmai .hero p{color:var(--m);margin-bottom:12px}
.lwdmai .cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.lwdmai .stage{perspective:1100px;display:flex;flex-direction:column;align-items:center;gap:14px}
.lwdmai .phone{width:min(270px,70vw);aspect-ratio:9/18.5;border-radius:40px;padding:9px;background:linear-gradient(145deg,#2a1b4d,#0b0618);box-shadow:0 0 0 2px #7c4dff,0 0 50px rgba(139,92,246,.55),0 30px 60px rgba(0,0,0,.6);transform-style:preserve-3d;transition:transform .15s;animation:lwdmai-fl 6s ease-in-out infinite;position:relative;touch-action:pan-y}
@keyframes lwdmai-fl{50%{translate:0 -10px}}
.lwdmai .scr{position:relative;width:100%;height:100%;border-radius:32px;overflow:hidden;background:#0d0820}
.lwdmai .scr:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.13),transparent 35%);pointer-events:none}
.lwdmai .isl{position:absolute;top:8px;left:50%;translate:-50% 0;width:76px;height:20px;border-radius:12px;background:#000;z-index:3}
.lwdmai .trk{display:flex;height:100%;transition:transform .35s}
.lwdmai .pg{min-width:100%;padding:38px 12px 12px;font-size:11px;overflow:hidden;display:flex;flex-direction:column;gap:7px}
.lwdmai .pg h4{font:700 14px "Space Grotesk"}
.lwdmai .pg small{color:var(--m)}
.lwdmai .row{display:flex;justify-content:space-between;gap:6px;background:rgba(255,255,255,.07);padding:6px 8px;border-radius:9px}
.lwdmai .bars{display:flex;align-items:flex-end;gap:4px;height:60px}
.lwdmai .bars i{flex:1;background:linear-gradient(#c4b5fd,#7c3aed);border-radius:3px 3px 0 0;height:var(--h);animation:lwdmai-gr 1.2s ease-out both}
@keyframes lwdmai-gr{from{height:4%}}
.lwdmai .pill{background:#7c3aed;color:#fff;border-radius:99px;padding:3px 9px;font-size:10px;align-self:flex-start}
.lwdmai .chat{flex:1;display:flex;flex-direction:column;gap:5px;overflow:auto}
.lwdmai .b{max-width:85%;padding:5px 8px;border-radius:10px;background:rgba(255,255,255,.1)}
.lwdmai .b.u{align-self:flex-end;background:#6d28d9}
.lwdmai .pb{border:0;background:#7c3aed;color:#fff;border-radius:9px;padding:7px;font:inherit;cursor:pointer}
.lwdmai .dots{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.lwdmai .dots button{background:var(--glass);border:1px solid var(--bd);color:var(--t);border-radius:99px;padding:6px 12px;font-size:12px;cursor:pointer}
.lwdmai .dots button[aria-current=true]{background:var(--v)}
.lwdmai .note{font-size:12px;color:var(--m);text-align:center}
.lwdmai .grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.lwdmai .grid .glass{padding:20px}
.lwdmai .grid h3{font-size:18px;margin-bottom:6px}
.lwdmai .grid p{color:var(--m);font-size:14px}
.lwdmai details{margin-bottom:10px;padding:0}
.lwdmai summary{cursor:pointer;padding:16px 18px;font:500 17px "Space Grotesk";list-style:none;display:flex;justify-content:space-between;gap:10px}
.lwdmai summary::after{content:"+";color:var(--l);transition:.25s}
.lwdmai details[open] summary::after{transform:rotate(45deg)}
.lwdmai details>div{padding:0 18px 18px;color:var(--m);font-size:15px;animation:lwdmai-op .3s}
@keyframes lwdmai-op{from{opacity:0;translate:0 -6px}}
.lwdmai .tg{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.lwdmai .tg span{background:rgba(139,92,246,.18);border-radius:99px;padding:3px 10px;font-size:13px;color:var(--t)}
.lwdmai .lab{cursor:pointer;text-align:left;color:inherit;font:inherit;transition:.25s}
.lwdmai .lab:hover{border-color:var(--v);box-shadow:0 0 26px rgba(139,92,246,.35)}
.lwdmai .mq{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.lwdmai .mt{display:flex;gap:12px;width:max-content;animation:lwdmai-mq 40s linear infinite}
.lwdmai .mt span{padding:12px 20px;white-space:nowrap}
@keyframes lwdmai-mq{to{translate:-50% 0}}
.lwdmai form{display:grid;gap:12px;padding:22px}
.lwdmai input,.lwdmai select{width:100%;padding:13px;border-radius:12px;border:1px solid var(--bd);background:rgba(0,0,0,.35);color:var(--t);font:inherit}
.lwdmai label{font-size:14px;color:var(--m);display:grid;gap:4px}
.lwdmai dialog{margin:auto;max-width:min(480px,92vw);width:100%;background:#120a26;color:var(--t);border:1px solid var(--v);border-radius:18px;padding:22px}
.lwdmai dialog::backdrop{background:rgba(0,0,0,.7)}
.lwdmai .st{padding:8px 0;color:var(--m);opacity:.35;transition:.4s}
.lwdmai .st.on{opacity:1;color:var(--t)}
.lwdmai .lw-fine{text-align:center;color:var(--m);font-size:13px;padding:30px 20px 50px}
@media(prefers-reduced-motion:reduce){.lwdmai *{animation:none!important;transition:none!important}
html{scroll-behavior:auto}
}
.lwdmai{min-height:60vh;background:radial-gradient(900px 500px at 80% -5%,#2b1260 0,transparent 60%),var(--bg)}
/* Astra layout helpers: only active on this page (body.lwdmai-page). The Astra header, menu and footer are not touched. */
.lwdmai-page,.lwdmai-page .site-content,.lwdmai-page #content{background:#07040f}
.lwdmai-page .site-content>.ast-container{max-width:100%;padding:0;display:block}
.lwdmai-page #primary{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}
.lwdmai-page #secondary{display:none}
.lwdmai-page .ast-article-single,.lwdmai-page .entry-content{margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important}
.lwdmai-page .entry-header,.lwdmai-page .ast-page-title,.lwdmai-page .entry-title{display:none}
.lwdmai{max-width:100%;overflow-x:clip}