/* =========================================================
   walkawaycalculator.com — standalone microsite
   ========================================================= */
body.wac{background:#fff}
.wac .container{max-width:1240px}

/* Top bar */
.wac-top{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.94);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line)}
.wac-top__in{display:flex;align-items:center;gap:28px;min-height:76px}
.wac-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy);margin-right:auto}
.wac-brand__mark svg{width:42px;height:42px;display:block}
.wac-brand__txt{display:flex;flex-direction:column;line-height:1.1}
.wac-brand__txt strong{font-size:1.2rem;font-weight:700;letter-spacing:-.01em;color:var(--navy)}
.wac-brand__txt strong em{font-style:normal;color:var(--blue);margin-left:5px}
.wac-brand__txt small{font-size:.74rem;font-weight:500;color:var(--muted);letter-spacing:.02em;margin-top:3px}
.wac-top__nav{display:flex;gap:26px}
.wac-top__nav a{font-size:.95rem;font-weight:500;color:var(--ink);text-decoration:none}
.wac-top__nav a:hover{color:var(--blue)}
.wac-top__cta{display:flex;align-items:center;gap:10px}
.wac-top__wa,.wac-top__tel{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;font-weight:600;font-size:.92rem;text-decoration:none;border:1px solid var(--line);color:var(--navy);background:#fff;transition:.2s}
.wac-top__wa .i-wa{color:var(--wa-deep);width:20px;height:20px}
.wac-top__tel .i{width:17px;height:17px;color:var(--blue)}
.wac-top__wa:hover,.wac-top__tel:hover{border-color:var(--blue-100);background:var(--blue-50);color:var(--navy)}

/* Hero */
.wac-hero{position:relative;padding:36px 0 72px;background:radial-gradient(900px 480px at 85% 10%,#E6EFFF 0%,rgba(230,239,255,0) 70%),radial-gradient(700px 420px at 0% 100%,#F2F6FF 0%,rgba(242,246,255,0) 70%)}
.wac-hero__grid{display:block}
.wac-hero__copy{text-align:center;max-width:880px;margin:0 auto 26px}
.wac-hero__copy .wac-lead{margin-left:auto;margin-right:auto;max-width:680px}
.wac-ticks{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 30px}
.wac-ticks li{white-space:nowrap}
.wac-hero__tool{max-width:1160px;margin:0 auto;scroll-margin-top:96px}
.wac-pill{display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 7px;border-radius:999px;background:#fff;border:1px solid var(--blue-100);font-size:.88rem;font-weight:600;color:var(--navy);box-shadow:0 8px 24px -16px rgba(31,95,214,.5)}
.wac-pill b{background:var(--blue);color:#fff;border-radius:999px;padding:4px 10px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
.wac-pill .i{width:18px;height:18px;color:#fff;background:var(--green,#16A34A);border-radius:50%;padding:3px}
.wac-hero h1{font-size:clamp(2rem,3.8vw,3.1rem);line-height:1.08;letter-spacing:-.025em;color:var(--navy);margin:16px 0 12px}
.wac-hero h1 span{color:var(--blue);position:relative;white-space:nowrap}
.wac-hero h1 span::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.16em;background:rgba(31,95,214,.18);border-radius:4px;z-index:-1}
.wac-lead{font-size:1.1rem;line-height:1.6;color:var(--text);max-width:560px;margin:0}
.wac-ticks{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.wac-ticks li{display:flex;align-items:center;gap:12px;font-weight:500;color:var(--ink)}
.wac-ticks .i{width:22px;height:22px;padding:4px;border-radius:50%;background:var(--blue-50);color:var(--blue);flex:none}
.wac-note{margin-top:22px;padding:14px 18px;border-radius:14px;background:#EAF7EF;color:#0F5132;font-weight:500}
.wac-card{position:relative}
.wac-card .wa{margin:0}

/* Done state */
.wac-hero--done .container{max-width:980px;text-align:center}
.wac-hero--done .wac-lead{margin:0 auto 34px;max-width:720px}
.wac-hero--done h1{margin-top:20px}
.wac-report{text-align:left}
.wac-done-cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:30px}
.wac-again{margin-top:22px}
.wac-again a{color:var(--blue);font-weight:600;text-decoration:none}

/* Sections */
.wac-sec{padding:96px 0}
.wac-sec--soft{background:var(--soft)}
.wac-head{max-width:760px;margin:0 auto 52px;text-align:center}
.wac-head h2{font-size:clamp(1.8rem,3.2vw,2.6rem);color:var(--navy);margin:0 0 14px;letter-spacing:-.02em}
.wac-head p{color:var(--text);font-size:1.08rem;margin:0}
.wac-head--left{text-align:left;margin:0}
.wac-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.wac-step{padding:34px 30px;border-radius:22px;border:1px solid var(--line);background:#fff;transition:.25s}
.wac-step:hover{border-color:var(--blue-100);box-shadow:0 24px 50px -30px rgba(31,95,214,.45);transform:translateY(-3px)}
.wac-step b{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--blue);color:#fff;font-size:1.1rem;margin-bottom:22px;box-shadow:0 12px 24px -12px rgba(31,95,214,.8)}
.wac-step h3{font-size:1.2rem;color:var(--navy);margin:0 0 10px}
.wac-step p{margin:0;color:var(--text)}
.wac-counts{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:start}
.wac-costs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.wac-costs li{display:flex;flex-direction:column;gap:4px;padding:20px 22px;background:#fff;border:1px solid var(--line);border-radius:16px;border-left:4px solid var(--blue)}
.wac-costs strong{color:var(--navy);font-size:1rem}
.wac-costs span{color:var(--muted);font-size:.93rem}
.wac-faq .faq{max-width:860px}
.wac-by{padding-top:0}
.wac-by__card{display:grid;grid-template-columns:1.3fr auto;gap:40px;align-items:center;padding:56px 60px;border-radius:28px;background:linear-gradient(125deg,var(--blue) 0%,var(--blue-700) 100%);color:#DCE8FF}
.wac-by__card h2{color:#fff;font-size:clamp(1.7rem,3vw,2.4rem);margin:0 0 12px}
.wac-by__card p{margin:0;max-width:620px}
.wac-by__btns{display:flex;flex-direction:column;gap:12px}

/* Footer */
.wac-foot{border-top:1px solid var(--line);padding:36px 0 44px;font-size:.92rem;color:var(--muted)}
.wac-foot__in{display:grid;gap:10px}
.wac-foot a{color:var(--navy);text-decoration:none;font-weight:500}
.wac-foot a:hover{color:var(--blue)}
.wac-foot strong{color:var(--navy)}
.wac-foot__fine{font-size:.8rem;line-height:1.6;margin:10px 0 0;max-width:980px}

/* Responsive */
@media (max-width:1100px){
  .wac-top__nav{display:none}
  .wac-counts{grid-template-columns:1fr;gap:36px}
  .wac-by__card{grid-template-columns:1fr;padding:44px 36px}
  .wac-by__btns{flex-direction:row;flex-wrap:wrap}
}
@media (max-width:720px){
  .wac-top__in{min-height:64px;gap:12px}
  .wac-brand__mark svg{width:36px;height:36px}
  .wac-brand__txt strong{font-size:1.05rem}
  .wac-top__cta{display:none}
  .wac-hero{padding:32px 0 56px}
  .wac-hero h1{margin:16px 0 14px}
  .wac-lead{font-size:1.02rem;margin-bottom:18px}
  .wac-ticks{display:none}
  .wac-pill{font-size:.8rem}
  .wac-hero h1{font-size:2rem}
  .wac-hero__copy{margin-bottom:28px}
  .wac-sec{padding:64px 0}
  .wac-steps,.wac-costs{grid-template-columns:1fr}
  .wac-by__card{padding:36px 22px;border-radius:22px}
  .wac-by__btns .btn{width:100%}
  body.wac{padding-bottom:80px}
}