/*
 * ATM Money Machine — PPC landing pages.
 * Loaded ONLY on the landing page templates (no theme/plugin CSS is printed there),
 * so element-level selectors here cannot leak into the main site.
 */
:root{
  --accent:#35BAF2;
  --accent-dark:#1E8FC4;
  --cta:#CCA246;
  --cta-dark:#B08A34;
  --dark:#14212F;
  --dark-2:#1C2E40;
  --text:#1F2937;
  --warm-bg:#F8F4EC;
  --warm-muted:#8A7A63;
  --white:#FFFFFF;
  --border:#E4DCC8;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Source Sans Pro', Arial, Helvetica, sans-serif; color:var(--text); line-height:1.55; background:var(--white); font-size:16px;}
img{max-width:100%; height:auto; display:block;}
a{text-decoration:none; color:inherit;}
.wrap{max-width:1180px; margin:0 auto; padding:0 24px;}
section{padding:100px 0;}
.bg-warm{background:var(--warm-bg);}
.eyebrow{font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:0.18em; color:var(--accent);}
.eyebrow.on-dark{color:#7FD3F7;}
h1,h2,h3{font-weight:900; line-height:1.15; color:var(--dark);}
h2{font-size:36px; margin-top:10px;}
h3{font-size:20px;}
p{font-size:17px;}
.btn{display:inline-block; padding:16px 30px; border-radius:6px; font-weight:700; font-size:16px; text-align:center; transition:transform .15s ease;}
.btn:hover{transform:translateY(-2px);}
.btn-primary{background:var(--cta); color:#1F2937;}
.btn-primary:hover{background:var(--cta-dark);}
.btn-outline{background:transparent; border:2px solid rgba(255,255,255,0.55); color:#fff;}
.btn-outline:hover{border-color:#fff;}
.cta-row{display:flex; gap:16px; flex-wrap:wrap;}

/* HEADER */
.lp-header{background:var(--white); border-bottom:1px solid var(--border); padding:14px 0;}
.lp-header .wrap{display:flex; align-items:center; justify-content:space-between;}
.lp-header img.logo{height:44px; width:auto;}
.header-phone{font-weight:700; font-size:18px; color:var(--dark);}
.header-phone span{color:var(--warm-muted); font-weight:400; font-size:13px; display:block;}

/* HERO */
.hero{background:linear-gradient(160deg, var(--dark) 0%, var(--dark-2) 100%); color:#fff; padding:90px 0 100px;}
.hero .wrap{display:grid; grid-template-columns:1.15fr 0.85fr; gap:56px; align-items:center;}
.hero h1{color:#fff; font-size:44px; margin-top:14px;}
.hero p.lead{font-size:19px; color:#C9D6E3; margin-top:18px; max-width:520px;}
.hero .cta-row{margin-top:28px;}
.hero-trust{display:flex; gap:26px; margin-top:32px; flex-wrap:wrap;}
.hero-trust div{font-size:14px; color:#B7C6D6;}
.hero-trust strong{display:block; color:#fff; font-size:22px; font-weight:900;}
.hero-form{background:#fff; border-radius:12px; padding:32px; color:var(--text);}
.hero-form h3{font-size:19px; margin-bottom:6px;}
.hero-form p{font-size:14px; color:var(--warm-muted); margin-bottom:18px;}
.hero-form input, .hero-form select{width:100%; padding:13px 14px; margin-bottom:12px; border:1px solid var(--border); border-radius:6px; font-size:15px; font-family:inherit;}
.hero-form .btn-primary{width:100%; margin-top:6px;}
.hero-form .disclaimer{font-size:11px; color:var(--warm-muted); margin-top:10px; text-align:center;}

/* STAT STRIP */
.stats{background:var(--warm-bg); padding:44px 0; border-bottom:1px solid var(--border);}
.stats .wrap{display:grid; grid-template-columns:repeat(4,1fr); gap:20px; text-align:center;}
.stats strong{display:block; font-size:30px; color:var(--dark); font-weight:900;}
.stats span{font-size:14px; color:var(--warm-muted);}

/* WHO SECTION */
.who .wrap{display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center;}
.who .intro{margin-top:16px;}
.who-grid{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:26px;}
.who-item{background:var(--warm-bg); border:1px solid var(--border); border-radius:8px; padding:16px 18px; font-size:15px; font-weight:600; color:var(--dark);}
.who img{border-radius:10px;}

/* PRODUCTS SLIDER */
.products .head{display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:30px; flex-wrap:wrap; gap:14px;}
.products .head p{max-width:360px; font-size:15px; color:var(--warm-muted);}
.slider{display:flex; gap:20px; overflow-x:auto; padding-bottom:16px; scroll-snap-type:x mandatory;}
.slider::-webkit-scrollbar{height:8px;}
.slider::-webkit-scrollbar-thumb{background:var(--border); border-radius:4px;}
.slide{flex:0 0 220px; scroll-snap-align:start; background:var(--warm-bg); border:1px solid var(--border); border-radius:10px; overflow:hidden;}
.slide img{height:150px; width:100%; object-fit:contain; background:#fff; padding:14px;}
.slide .label{padding:12px 14px; font-weight:700; color:var(--dark); font-size:15px; border-top:1px solid var(--border);}
.brand-row{display:flex; gap:40px; align-items:center; margin-top:34px; flex-wrap:wrap; opacity:0.85;}
.brand-row span{font-weight:700; color:var(--warm-muted); font-size:15px; letter-spacing:0.05em;}

/* ECONOMICS (dark) */
.why{background:var(--dark); color:#fff;}
.why h2{color:#fff;}
.why .grid{display:grid; grid-template-columns:repeat(2,1fr); gap:28px; margin-top:40px;}
.why-card{background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1); border-radius:10px; padding:26px;}
.why-card strong{display:block; font-size:20px; color:#fff; margin-bottom:8px;}
.why-card p{color:#B7C6D6; font-size:15px;}

/* HOW IT WORKS */
.how{background:var(--warm-bg);}
.how .steps{display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin-top:40px;}
.step{position:relative; padding-top:10px;}
.step .num{font-size:42px; font-weight:900; color:var(--accent); opacity:0.35; line-height:1;}
.step strong{display:block; font-size:17px; color:var(--dark); margin:8px 0 6px;}
.step p{font-size:14px; color:var(--warm-muted);}

/* TESTIMONIALS */
.t-card{border:1px solid var(--border); border-radius:10px; padding:24px; background:var(--warm-bg);}
.t-card p{font-size:15px; color:var(--text); font-style:italic;}
.t-card .who{display:flex; align-items:center; justify-content:space-between; margin-top:18px; font-size:14px; font-weight:700; color:var(--dark);}
.t-card .who .role{font-weight:400; color:var(--warm-muted);}
.stars{color:var(--cta); letter-spacing:2px;}
.t-carousel{position:relative; margin-top:36px; --t-gap:22px; --t-per-view:3;}
.t-viewport{overflow:hidden;}
.t-track{display:flex; gap:var(--t-gap); transition:transform .45s ease; will-change:transform;}
.t-track.no-anim{transition:none;}
.t-track .t-card{flex:0 0 calc((100% - (var(--t-per-view) - 1) * var(--t-gap)) / var(--t-per-view)); display:flex; flex-direction:column; justify-content:space-between;}
.t-nav{display:none !important; position:absolute; top:50%; transform:translateY(-50%); width:44px; height:44px; border-radius:50%; border:1px solid var(--border); background:var(--white); color:var(--dark); font-size:22px; line-height:1; cursor:pointer; align-items:center; justify-content:center; box-shadow:0 2px 8px rgba(20,33,47,0.08); z-index:2; transition:background .15s ease, color .15s ease;}
.t-nav:hover{background:var(--cta); color:#1F2937; border-color:var(--cta);}
.t-nav.prev{left:-22px;}
.t-nav.next{right:-22px;}
.t-dots{display:flex; justify-content:center; gap:10px; margin-top:26px;}
.t-dots button{width:10px; height:10px; padding:0; border:none; border-radius:50%; background:var(--border); cursor:pointer; transition:background .15s ease, transform .15s ease;}
.t-dots button.active{background:var(--cta); transform:scale(1.25);}

/* FAQ */
.faq-list{margin-top:20px;}
.faq-item{border-bottom:1px solid var(--border); padding:20px 0;}
.faq-q{display:flex; justify-content:space-between; align-items:center; gap:16px; cursor:pointer; font-weight:700; font-size:17px; color:var(--dark);}
.faq-q::after{content:'+'; font-size:22px; color:var(--accent); font-weight:400;}
.faq-item.open .faq-q::after{content:'−';}
.faq-a{max-height:0; overflow:hidden; transition:max-height .25s ease;}
.faq-item.open .faq-a{max-height:800px; padding-top:12px;}
.faq-a p{font-size:15px; color:var(--warm-muted);}
.faq-a p + p{margin-top:10px;}

/* FINAL CTA */
.final{background:linear-gradient(135deg, var(--dark) 0%, var(--dark-2) 100%); color:#fff; text-align:center;}
.final h2{color:#fff;}
.final p{color:#C9D6E3; max-width:560px; margin:16px auto 30px; font-size:18px;}
.final .cta-row{justify-content:center;}

.lp-footer{background:#0E1822; color:#8CA0B4; padding:30px 0; text-align:center; font-size:13px;}

@media (max-width:900px){
  .hero .wrap, .who .wrap, .stats .wrap, .why .grid{grid-template-columns:1fr;}
  .how .steps{grid-template-columns:1fr 1fr;}
  section{padding:70px 0;}
  .hero h1{font-size:32px;}
  .t-carousel{--t-per-view:1;}
  .t-nav.prev{left:0;}
  .t-nav.next{right:0;}
}
@media (max-width:600px){
  .how .steps{grid-template-columns:1fr;}
  .t-nav{width:38px; height:38px; font-size:20px;}
}