/* ===== "Automate It" campaign landing page ===== */
.au-wrap{max-width:1080px;margin:0 auto}

/* HERO */
.au-hero{background:linear-gradient(160deg,#0A0F2E 0%,#141933 45%,#241466 100%);padding:5.5rem 5% 5rem;text-align:center;position:relative;overflow:hidden}
.au-hero .glow{position:absolute;width:760px;height:760px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.28),transparent 68%);top:-260px;left:50%;transform:translateX(-50%);pointer-events:none}
.au-hero .glow2{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(6,182,212,.18),transparent 70%);bottom:-160px;right:-80px;pointer-events:none}
.au-hero-inner{max-width:860px;margin:0 auto;position:relative}
.au-eyebrow{display:inline-block;background:rgba(99,102,241,.2);border:1px solid rgba(129,140,248,.45);color:#c7d2fe;padding:.42rem 1.05rem;border-radius:20px;font-size:.74rem;font-weight:700;letter-spacing:.08em;margin-bottom:1.5rem;text-transform:uppercase}
.au-hero h1{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(2.3rem,5.2vw,3.6rem);font-weight:800;color:#fff;line-height:1.08;margin-bottom:1.3rem;letter-spacing:-.02em}
.au-hero h1 .g{background:linear-gradient(90deg,#818CF8,#22D3EE);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.au-hero p{color:#aab4c5;font-size:1.08rem;line-height:1.78;max-width:680px;margin:0 auto 2.1rem}
.au-cta{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}
.au-hero .btn-ghost{border:1.5px solid rgba(255,255,255,.32);color:#fff;background:transparent}
.au-hero .btn-ghost:hover{background:rgba(255,255,255,.08)}
.au-chips{display:flex;gap:.55rem;justify-content:center;flex-wrap:wrap;margin-top:1.8rem}
.au-chip{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#cbd5e1;font-size:.78rem;font-weight:600;padding:.4rem .8rem;border-radius:20px}

/* section scaffolding */
.au-sec{padding:4.5rem 5%}
.au-sec.alt{background:var(--off-white)}
.au-head{text-align:center;max-width:720px;margin:0 auto 2.8rem}
.au-head .s-label{font-size:.76rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--indigo)}
.au-head h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(1.65rem,3vw,2.35rem);font-weight:800;color:var(--navy);margin-top:.55rem;line-height:1.18;letter-spacing:-.01em}
.au-head p{color:var(--slate-dark);font-size:1.02rem;line-height:1.7;margin-top:.9rem}

/* THE GAP — comparison */
.au-gap{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem;max-width:960px;margin:0 auto}
.au-gap-card{border-radius:18px;padding:1.8rem;border:1px solid var(--border);background:#fff}
.au-gap-card.bad{background:linear-gradient(180deg,#FFFBEB,#fff);border-color:#FDE68A}
.au-gap-card.good{background:linear-gradient(180deg,#FFF5F5,#fff);border-color:#FECACA}
.au-gap-card h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.05rem;font-weight:800;margin-bottom:1.1rem;display:flex;align-items:center;gap:.55rem}
.au-gap-card.bad h3{color:#B45309}
.au-gap-card.good h3{color:#DC2626}
.au-gap-card ul{list-style:none;display:flex;flex-direction:column;gap:.75rem}
.au-gap-card li{font-size:.94rem;line-height:1.55;color:var(--text-mid);display:flex;gap:.6rem;align-items:flex-start}
.au-gap-card li::before{flex-shrink:0;font-weight:800;margin-top:-1px}
.au-gap-card.bad li::before{content:'›';color:#F59E0B;font-size:1.1rem;line-height:1}
.au-gap-card.good li::before{content:'✕';color:#EF4444}
.au-bridge{text-align:center;max-width:720px;margin:2rem auto 0;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;color:var(--navy);font-size:1.1rem}
.au-bridge span{background:linear-gradient(90deg,var(--indigo),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* DEEP SOLUTION BLOCKS */
.au-block{max-width:940px;margin:0 auto;background:#fff;border:1px solid var(--border);border-radius:20px;padding:2.2rem 2.2rem 1.9rem;margin-bottom:1.4rem;position:relative;overflow:hidden}
.au-block::before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--indigo),var(--teal))}
.au-block-top{display:flex;align-items:center;gap:1rem;margin-bottom:1.1rem}
.au-block .num{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.6rem;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--indigo),#7C3AED);width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.au-block .tag{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--indigo)}
.au-block h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(1.3rem,2.4vw,1.7rem);font-weight:800;color:var(--navy);line-height:1.22;margin-top:.15rem}
.au-block .problem{color:var(--slate-dark);font-size:1rem;line-height:1.75;margin-bottom:1.3rem}
.au-block .problem strong{color:var(--navy)}
.au-ba{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-bottom:1.3rem}
.au-ba div{border-radius:12px;padding:.9rem 1.1rem;font-size:.9rem;line-height:1.5}
.au-ba .without{background:#FFF5F5;border:1px solid #FEE2E2;color:#7F1D1D}
.au-ba .with{background:#F0FDFA;border:1px solid #CCFBF1;color:#134E4A}
.au-ba b{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.3rem;opacity:.75}
.au-outcome{display:flex;gap:.7rem;align-items:flex-start;background:linear-gradient(135deg,rgba(79,70,229,.07),rgba(6,182,212,.07));border-radius:12px;padding:1rem 1.2rem;color:var(--text-dark);font-size:.98rem;line-height:1.6}
.au-outcome .arw{color:var(--indigo);font-weight:800;flex-shrink:0}
.au-outcome strong{color:var(--navy)}

/* FUTURE-READY FLOW */
.au-flow{background:linear-gradient(165deg,#0A0F2E,#1a1060);padding:5rem 5%}
.au-flow .au-head h2{color:#fff}
.au-flow .au-head .s-label{color:#5eead4}
.au-flow .au-head p{color:#94a3b8}
.au-steps{max-width:760px;margin:0 auto;position:relative}
.au-step{display:grid;grid-template-columns:64px 1fr;gap:1.3rem;padding-bottom:1.9rem;position:relative}
.au-step:not(:last-child)::before{content:'';position:absolute;left:31px;top:56px;bottom:-4px;width:2px;background:linear-gradient(180deg,rgba(129,140,248,.6),rgba(94,234,212,.25))}
.au-step .dot{width:64px;height:64px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(129,140,248,.4);display:flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.3rem;color:#c7d2fe;position:relative;z-index:1}
.au-step h4{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.15rem;font-weight:800;color:#fff;margin-bottom:.3rem}
.au-step p{color:#94a3b8;font-size:.95rem;line-height:1.65}
.au-payoff{max-width:760px;margin:1.5rem auto 0;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem 1.7rem;text-align:center;color:#e2e8f0;font-size:1.02rem;line-height:1.7}
.au-payoff strong{color:#fff;font-family:'Plus Jakarta Sans',sans-serif}
.au-payoff .hl{background:linear-gradient(90deg,#818CF8,#22D3EE);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}

/* WIN-WIN GRID */
.au-wins{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;max-width:1000px;margin:0 auto}
.au-win{background:#fff;border:1px solid var(--border);border-radius:16px;padding:1.5rem;position:relative;transition:transform .2s,box-shadow .2s}
.au-win:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(79,70,229,.12)}
.au-win .ic{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,rgba(79,70,229,.12),rgba(6,182,212,.12));display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:.9rem}
.au-win h4{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.02rem;font-weight:800;color:var(--navy);margin-bottom:.45rem}
.au-win p{color:var(--slate-dark);font-size:.92rem;line-height:1.6}

/* LEAD-CAPTURE FORM */
.au-form-card{max-width:920px;margin:0 auto;background:#fff;border:1px solid var(--border);border-radius:20px;padding:2.6rem;display:grid;grid-template-columns:1fr 1fr;gap:2.4rem;align-items:center;box-shadow:0 12px 40px rgba(15,23,42,.06)}
.au-form-copy .s-label{font-size:.76rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--indigo)}
.au-form-copy h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(1.4rem,2.5vw,1.95rem);font-weight:800;color:var(--navy);margin:.55rem 0 .7rem;line-height:1.2}
.au-form-copy p{color:var(--slate-dark);font-size:.97rem;line-height:1.7}
.au-form{display:flex;flex-direction:column}
.au-frow{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.au-form input,.au-form textarea{width:100%;padding:.8rem 1rem;border:1.5px solid var(--border);border-radius:10px;font-family:inherit;font-size:.92rem;background:var(--off-white);color:var(--text-dark);margin-bottom:.7rem}
.au-form textarea{min-height:92px;resize:vertical}
.au-form input:focus,.au-form textarea:focus{outline:none;border-color:var(--indigo);background:#fff}
.au-form .form-submit{width:100%;justify-content:center;margin-top:.15rem}
.au-form .form-success{text-align:center;padding:1.5rem 0}
.au-form .form-success .icon{font-size:2.6rem;margin-bottom:.4rem}
.au-form .form-success h4{font-family:'Plus Jakarta Sans',sans-serif;color:var(--navy);margin:.3rem 0 .3rem;font-size:1.15rem}
.au-form .form-success p{color:var(--slate-dark);font-size:.92rem}
.au-form-note{font-size:.78rem;color:var(--slate);margin-top:.2rem}

/* CLOSING CTA */
.au-final{background:linear-gradient(135deg,var(--indigo),#7C3AED,#0891B2);padding:5rem 5%;text-align:center}
.au-final h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(1.9rem,3.3vw,2.7rem);font-weight:800;color:#fff;margin-bottom:.85rem;letter-spacing:-.01em}
.au-final p{color:rgba(255,255,255,.9);font-size:1.08rem;line-height:1.6;margin:0 auto 1.9rem;max-width:580px}
.au-final .au-cta .btn{background:#fff;color:var(--indigo)}
.au-final .au-cta .btn.ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.6)}

@media(max-width:820px){
  .au-wins{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .au-form-card{grid-template-columns:1fr;padding:1.9rem}
  .au-frow{grid-template-columns:1fr}
}
@media(max-width:640px){
  .au-gap{grid-template-columns:1fr}
  .au-ba{grid-template-columns:1fr}
  .au-wins{grid-template-columns:1fr}
  .au-block{padding:1.7rem 1.4rem}
  .au-step{grid-template-columns:52px 1fr;gap:1rem}
  .au-step .dot{width:52px;height:52px;font-size:1.1rem}
  .au-step:not(:last-child)::before{left:25px;top:50px}
}