/* MAX EV Digital — Shared Lander Styles */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#050505;--card:#111111;--card2:#171717;
  --white:#fff;--light:#c8c8c8;--gray:#888;
  --blue:#2563EB;--blue-dim:rgba(37,99,235,0.12);--blue-glow:rgba(37,99,235,0.35);
  --teal:#00D4C8;--border:rgba(255,255,255,0.08);
  --radius:8px;--radius-lg:14px;
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--white);font-family:'Inter',system-ui,-apple-system,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;height:72px;display:flex;align-items:center;padding:0 24px;background:rgba(5,5,5,0.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
.nav-inner{max-width:1160px;margin:0 auto;width:100%;display:flex;align-items:center;justify-content:space-between}
.nav-logo{font-family:'Bebas Neue',sans-serif;font-size:1.5rem;letter-spacing:0.08em}
.nav-logo span{color:var(--blue)}
.nav-right{display:flex;align-items:center;gap:24px}
.nav-phone{font-size:0.83rem;color:var(--gray);letter-spacing:0.04em}
.nav-phone:hover{color:var(--white)}
/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:var(--radius);font-size:0.8rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;cursor:pointer;border:none;transition:0.2s;font-family:'Inter',sans-serif}
.btn-primary{background:linear-gradient(135deg,#1D4ED8,#2563EB,#3B82F6);color:#fff;box-shadow:0 4px 20px var(--blue-glow)}
.btn-primary:hover{opacity:0.88;transform:translateY(-1px)}
.btn-outline{background:transparent;color:var(--white);border:1px solid var(--border)}
.btn-outline:hover{border-color:rgba(255,255,255,0.3)}
.btn-lg{padding:16px 36px;font-size:0.85rem}
/* HERO */
.hero{min-height:100vh;display:flex;align-items:center;padding:120px 24px 80px;position:relative;overflow:hidden}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,0.07) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,0.07) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 90% 90% at 50% 40%,black 30%,transparent 100%)}
.hero-glow{position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:900px;height:900px;background:radial-gradient(circle,rgba(37,99,235,0.07) 0%,transparent 65%);pointer-events:none}
.hero-inner{max-width:1160px;margin:0 auto;width:100%;position:relative;z-index:1}
.hero-label{display:inline-block;font-size:0.67rem;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--blue);margin-bottom:20px;padding:6px 14px;background:var(--blue-dim);border-radius:100px;border:1px solid rgba(37,99,235,0.25)}
.hero h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(3rem,7vw,5.5rem);letter-spacing:0.02em;line-height:1.05;margin-bottom:24px;max-width:820px}
.hero h1 .accent{background:linear-gradient(135deg,#2563EB,#60A5FA);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-sub{font-size:1.05rem;color:var(--light);max-width:580px;margin-bottom:36px;line-height:1.75}
.hero-ctas{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.hero-note{font-size:0.74rem;color:var(--gray);margin-top:16px}
/* STATS STRIP */
.stats-strip{background:var(--card);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.stats-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr)}
.stat-box{padding:28px 24px;text-align:center;border-right:1px solid var(--border)}
.stat-box:last-child{border-right:none}
.stat-val{font-family:'Bebas Neue',sans-serif;font-size:2.4rem;color:var(--blue);letter-spacing:0.02em;line-height:1}
.stat-lbl{font-size:0.7rem;color:var(--gray);text-transform:uppercase;letter-spacing:0.12em;margin-top:6px}
/* SECTIONS */
section{padding:80px 24px}
.container{max-width:1160px;margin:0 auto}
.section-label{font-size:0.67rem;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--blue);margin-bottom:12px}
.section-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(2rem,4vw,3rem);letter-spacing:0.02em;margin-bottom:16px;line-height:1.1}
.section-sub{font-size:0.97rem;color:var(--light);max-width:580px;line-height:1.75;margin-bottom:48px}
/* DELIVERABLES */
.deliverables{display:grid;gap:12px}
.deliv-item{display:flex;align-items:flex-start;gap:16px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px;transition:0.2s}
.deliv-item:hover{border-color:rgba(37,99,235,0.3);background:var(--card2)}
.deliv-icon{width:38px;height:38px;background:var(--blue-dim);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.1rem;border:1px solid rgba(37,99,235,0.2)}
.deliv-body{}
.deliv-title{font-size:0.92rem;font-weight:600;color:var(--white);margin-bottom:3px}
.deliv-desc{font-size:0.82rem;color:var(--gray);line-height:1.5}
/* PROOF */
.proof-section{background:linear-gradient(180deg,#06091a,#080c1e,#06091a);border-top:1px solid rgba(37,99,235,0.12);border-bottom:1px solid rgba(37,99,235,0.12)}
.proof-box{background:rgba(37,99,235,0.06);border:1px solid rgba(37,99,235,0.2);border-radius:var(--radius-lg);padding:36px;max-width:760px}
.proof-badge{font-size:0.67rem;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:var(--teal);margin-bottom:16px}
.proof-text{font-size:1.02rem;color:var(--light);line-height:1.75;margin-bottom:20px}
.proof-attr{font-size:0.77rem;font-weight:600;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em}
/* PRICING */
.pricing-section{background:#08090f;border-top:1px solid var(--border)}
.price-card{background:var(--card);border:1px solid rgba(37,99,235,0.3);border-radius:var(--radius-lg);padding:44px;max-width:520px;box-shadow:0 0 60px rgba(37,99,235,0.08)}
.price-from{font-size:0.7rem;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:var(--gray);margin-bottom:6px}
.price-val{font-family:'Bebas Neue',sans-serif;font-size:4rem;color:var(--white);line-height:1;margin-bottom:6px}
.price-val .price-unit{font-size:1.6rem;color:var(--gray)}
.price-note{font-size:0.82rem;color:var(--gray);margin-bottom:32px;line-height:1.5}
.price-includes{list-style:none;margin-bottom:36px;display:flex;flex-direction:column;gap:12px}
.price-includes li{font-size:0.87rem;color:var(--light);display:flex;align-items:center;gap:10px}
.price-includes li::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);flex-shrink:0}
/* CTA SECTION */
.cta-section{background:linear-gradient(135deg,#050d1e,#060f22,#04091a);border-top:1px solid rgba(37,99,235,0.12);text-align:center;padding:100px 24px}
.cta-section h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:0.02em;margin-bottom:16px}
.cta-section p{color:var(--light);margin-bottom:40px;font-size:0.97rem;max-width:520px;margin-left:auto;margin-right:auto;line-height:1.7}
/* FOOTER */
footer{padding:36px 24px;border-top:1px solid var(--border);background:var(--bg)}
.footer-inner{max-width:1160px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.footer-logo{font-family:'Bebas Neue',sans-serif;font-size:1.2rem;letter-spacing:0.08em}
.footer-logo span{color:var(--blue)}
.footer-info{font-size:0.78rem;color:var(--gray)}
.footer-info a{color:var(--blue)}
.footer-info a:hover{text-decoration:underline}
.footer-copy{font-size:0.73rem;color:var(--gray)}
/* HERO SPLIT LAYOUT */
.hero-split{display:flex;align-items:flex-start;gap:48px;width:100%}
.hero-content{flex:1;min-width:0;display:flex;flex-direction:column}
/* DEVICE MOCKUP */
.hero-device-wrap{width:480px;flex-shrink:0;align-self:stretch;display:flex;flex-direction:column}
.hero-device{flex:1;display:flex;flex-direction:column;animation:hero-panel-float 7s ease-in-out infinite;transform-origin:center top}
@keyframes hero-panel-float{0%,100%{transform:rotateY(-8deg) rotateX(3deg) translateY(0)}50%{transform:rotateY(-8deg) rotateX(3deg) translateY(-8px)}}
.device-shell{flex:1;display:flex;flex-direction:column;background:#07090e;border-radius:14px;overflow:hidden;box-shadow:32px 32px 90px rgba(0,0,0,0.75),0 0 0 1px rgba(37,99,235,0.1),inset 0 1px 0 rgba(255,255,255,0.05)}
.device-chrome{display:flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(255,255,255,0.02);border-bottom:1px solid rgba(255,255,255,0.07);flex-shrink:0}
.chrome-dots{display:flex;gap:6px;flex-shrink:0}
.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.dot.red{background:#FF5F57}
.dot.yellow{background:#FFBD2E}
.dot.green{background:#28CA41}
.chrome-url{flex:1;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:5px;padding:4px 10px;font-size:0.58rem;color:rgba(255,255,255,0.3);font-family:monospace;display:flex;align-items:center;gap:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.url-dot{width:5px;height:5px;border-radius:50%;background:#4ADE80;flex-shrink:0}
.chrome-live{font-size:0.55rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:#4ADE80;flex-shrink:0}
.device-screen{flex:1;overflow:hidden;position:relative;background:#0a0c16;min-height:300px}
.screen-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;display:block}
.screen-overlay{position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,#07090e,transparent);pointer-events:none;z-index:1}
/* RESPONSIVE */
@media(max-width:900px){
  .hero-split{flex-direction:column}
  .hero-device-wrap{display:none}
}
@media(max-width:700px){
  .stats-inner{grid-template-columns:1fr}
  .stat-box{border-right:none;border-bottom:1px solid var(--border)}
  .stat-box:last-child{border-bottom:none}
  .hero-ctas{flex-direction:column;align-items:flex-start}
  .footer-inner{flex-direction:column;align-items:flex-start}
  .price-card{padding:28px 20px}
}