/* Website Health Audit — public tool page */

.lkit-wa{
  --wa-navy:#2e4056;
  --wa-blue:#2f94d7;
  --wa-cyan:#3ba9e0;
  --wa-pink:#ff4d9a;
  --wa-pink-soft:#ff6bb0;
  --wa-lav:#c084fc;
  --wa-ink:#1f2b3a;
  --wa-muted:#6b7c93;
  --wa-line:#e4ecf5;
  --wa-bg:#f3f6fa;
  --wa-card:#fff;
  --wa-good:#16a34a;
  --wa-ok:#f59e0b;
  --wa-bad:#ef4444;
  --wa-shadow:0 14px 40px rgba(46,64,86,.09);
  --wa-radius:16px;
  --wa-font:"Outfit",system-ui,sans-serif;
  --wa-pink-grad:linear-gradient(90deg,#ff4d9a 0%,#e879f9 55%,#c084fc 100%);
  background:var(--wa-bg);
  color:var(--wa-ink);
  font-family:var(--wa-font);
  font-size:16px;
  font-weight:400;
}
.lkit-wa .container{max-width:1140px}
.lkit-wa h1,.lkit-wa h2,.lkit-wa h3,.lkit-wa h4{color:var(--wa-navy);margin:0;font-family:var(--wa-font);font-weight:600}

/* ---------- Hero ---------- */
.lkit-wa-hero{
  position:relative;
  overflow:hidden;
  padding:clamp(3rem,6vw,4.75rem) 0 clamp(3.25rem,6vw,4.5rem);
  color:#fff;
  background:
    radial-gradient(ellipse 70% 90% at 0% 0%,rgba(255,77,154,.32),transparent 55%),
    radial-gradient(ellipse 55% 70% at 100% 100%,rgba(47,148,215,.35),transparent 55%),
    linear-gradient(145deg,#1a2a3d 0%,#236BA2 48%,#2a1f4a 100%);
}
.lkit-wa-hero__glow{
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(520px 320px at 78% 42%,rgba(255,77,154,.22),transparent 70%),
    radial-gradient(420px 280px at 20% 80%,rgba(59,169,224,.18),transparent 70%);
  animation:lkitWaGlow 9s ease-in-out infinite alternate;
}
.lkit-wa-hero__gridlines{
  position:absolute;inset:0;pointer-events:none;opacity:.14;
  background-image:
    linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 20%,transparent 75%);
}
.lkit-wa-hero .container{position:relative;z-index:1}
.lkit-wa-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:clamp(2rem,5vw,3.5rem);
  align-items:center;
}

.lkit-wa-brand{
  margin:0 0 .75rem;
  font-family:var(--wa-font);
  font-size:clamp(1.15rem,2.2vw,1.4rem);
  font-weight:500;
  letter-spacing:-.01em;
  line-height:1.1;
  background:var(--wa-pink-grad);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:lkitWaRise .7s ease both;
}
.lkit-wa-title{
  color:#fff!important;
  font-family:var(--wa-font)!important;
  font-size:clamp(1.7rem,3.8vw,2.45rem);
  font-weight:500;
  letter-spacing:-.02em;
  line-height:1.18;
  animation:lkitWaRise .75s .08s ease both;
}
.lkit-wa-title__accent{
  font-weight:500;
  background:linear-gradient(90deg,#fff 0%,#ffb3d4 45%,#ff4d9a 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.lkit-wa-lead{
  max-width:26rem;
  margin:1rem 0 0;
  font-size:.98rem;
  line-height:1.55;
  color:rgba(255,255,255,.78);
  font-weight:400;
  animation:lkitWaRise .75s .16s ease both;
}

/* Form */
.lkit-wa-form{
  margin-top:1.85rem;
  max-width:34rem;
  animation:lkitWaRise .8s .24s ease both;
}
.lkit-wa-form__label{
  display:block;
  margin:0 0 .45rem;
  font-size:.7rem;
  font-weight:500;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(255,255,255,.5);
}
.lkit-wa-form__row{
  display:flex;
  align-items:center;
  gap:8px;
  box-sizing:border-box;
  background:rgba(255,255,255,.97);
  border:1px solid rgba(255,255,255,.35);
  border-radius:12px;
  padding:5px 5px 5px 14px;
  box-shadow:0 18px 40px rgba(8,18,32,.28);
  transition:box-shadow .2s ease, transform .2s ease;
}
.lkit-wa-form__row:focus-within{
  transform:translateY(-1px);
  box-shadow:0 22px 48px rgba(8,18,32,.34),0 0 0 3px rgba(255,77,154,.28);
}
.lkit-wa-form__scheme{
  display:flex;align-items:center;justify-content:center;
  flex:0 0 auto;
  height:42px;
  margin:0;padding:0;
  font-size:.88rem;font-weight:500;line-height:1;
  color:#8a9bb0;user-select:none;white-space:nowrap;
}
.lkit-wa-input,
.lkit-wa input.lkit-wa-input,
.lkit-wa-form__row input[type="text"]{
  flex:1 1 auto;
  min-width:0;
  width:auto!important;
  height:42px!important;
  max-height:42px;
  margin:0!important;
  padding:0 .35rem!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  background-image:none!important;
  appearance:none;
  -webkit-appearance:none;
  font-family:var(--wa-font)!important;
  font-size:1rem!important;
  font-weight:500!important;
  line-height:42px!important;
  color:var(--wa-ink)!important;
}
.lkit-wa-input:focus,
.lkit-wa input.lkit-wa-input:focus,
.lkit-wa-form__row input[type="text"]:focus{
  border:0!important;outline:0!important;box-shadow:none!important;
}
.lkit-wa-input::placeholder{color:#a8b7c9;font-weight:400}
.lkit-wa-btn{
  flex:0 0 auto;
  display:inline-flex!important;
  align-items:center;justify-content:center;gap:.4rem;
  height:42px!important;
  margin:0!important;
  border:0!important;
  border-radius:9px!important;
  padding:0 1.1rem!important;
  cursor:pointer;
  font-family:var(--wa-font);
  font-size:.9rem;font-weight:500;line-height:1;color:#fff;
  background:linear-gradient(135deg,#ff4d9a 0%,#ff6bb0 50%,#2f94d7 160%);
  transition:filter .18s ease,opacity .15s ease;
  box-shadow:none!important;
}
.lkit-wa-btn:hover:not(:disabled){filter:brightness(1.05);transform:none}
.lkit-wa-btn:disabled{opacity:.75;cursor:progress}
.lkit-wa-btn__arrow{transition:transform .18s ease;font-weight:500;line-height:1}
.lkit-wa-btn:hover:not(:disabled) .lkit-wa-btn__arrow{transform:translateX(3px)}
.lkit-wa-btn__spin{display:none;width:1rem;height:1rem;border-radius:50%;
  border:2px solid rgba(255,255,255,.45);border-top-color:#fff;animation:lkitWaSpin .7s linear infinite}
.lkit-wa-btn.is-busy .lkit-wa-btn__label,
.lkit-wa-btn.is-busy .lkit-wa-btn__arrow{display:none}
.lkit-wa-btn.is-busy .lkit-wa-btn__spin{display:inline-block}
.lkit-wa-form__hint{margin:.75rem 0 0;font-size:.85rem;color:rgba(255,255,255,.58);font-weight:500}
.lkit-wa-form__error{margin:.55rem 0 0;font-size:.9rem;font-weight:600;color:#ffb4c8;min-height:1.2em}

/* Score visual */
.lkit-wa-hero__visual{
  display:flex;justify-content:center;
  animation:lkitWaRise .9s .2s ease both;
}
.lkit-wa-scan{
  width:min(100%,360px);
  display:grid;gap:1.25rem;justify-items:center;
}
.lkit-wa-scan__ring{
  position:relative;width:240px;height:240px;
}
.lkit-wa-scan__svg{
  width:100%;height:100%;transform:rotate(-90deg);
}
.lkit-wa-scan__track{
  fill:none;stroke:rgba(255,255,255,.12);stroke-width:12;
}
.lkit-wa-scan__arc{
  fill:none;stroke:url(#none);stroke-width:12;stroke-linecap:round;
  stroke:#ff4d9a;
  stroke-dasharray:490;
  stroke-dashoffset:490;
  animation:lkitWaArc 1.6s .35s cubic-bezier(.22,.8,.28,1) forwards;
  filter:drop-shadow(0 0 10px rgba(255,77,154,.45));
}
.lkit-wa-scan__core{
  position:absolute;inset:0;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
}
.lkit-wa-scan__score{
  font-family:var(--wa-font);
  font-size:3.4rem;font-weight:500;line-height:1;letter-spacing:-.03em;
  color:#fff;
}
.lkit-wa-scan__label{
  margin-top:.2rem;
  font-size:.68rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,255,255,.5);
}
.lkit-wa-scan__sweep{
  position:absolute;inset:18px;border-radius:50%;
  background:conic-gradient(from 0deg,transparent 0deg,rgba(47,148,215,.35) 40deg,transparent 70deg);
  animation:lkitWaSweep 3.2s linear infinite;
  mask:radial-gradient(circle,transparent 58%,#000 59%);
  -webkit-mask:radial-gradient(circle,transparent 58%,#000 59%);
  opacity:.85;
}
.lkit-wa-scan__metrics{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem;
  width:100%;
}
.lkit-wa-scan__metrics li{
  display:flex;flex-direction:column;align-items:center;gap:.15rem;
  padding:.55rem .35rem;
  border-radius:10px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(6px);
}
.lkit-wa-scan__metrics span{
  font-size:.62rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;
  color:rgba(255,255,255,.48);
}
.lkit-wa-scan__metrics b{
  font-family:var(--wa-font);
  font-size:1.05rem;font-weight:500;color:#fff;
}

/* Checks strip (below first viewport) */
.lkit-wa-strip{
  background:#fff;
  border-bottom:1px solid var(--wa-line);
  padding:1rem 0;
}
.lkit-wa-strip__list{
  list-style:none;margin:0;padding:0;
  display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem 1.75rem;
}
.lkit-wa-strip__list li{
  display:inline-flex;align-items:center;gap:.5rem;
  font-size:.88rem;font-weight:500;color:var(--wa-navy);
}
.lkit-wa-strip__list .fa{color:var(--wa-pink);font-size:.95rem}

@keyframes lkitWaRise{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes lkitWaGlow{
  from{transform:translate3d(0,0,0) scale(1)}
  to{transform:translate3d(-2%,1%,0) scale(1.04)}
}
@keyframes lkitWaArc{
  to{stroke-dashoffset:70}
}
@keyframes lkitWaSweep{to{transform:rotate(360deg)}}
@keyframes lkitWaSpin{to{transform:rotate(360deg)}}

@media (prefers-reduced-motion:reduce){
  .lkit-wa-brand,.lkit-wa-title,.lkit-wa-lead,.lkit-wa-form,.lkit-wa-hero__visual,
  .lkit-wa-hero__glow,.lkit-wa-scan__arc,.lkit-wa-scan__sweep{animation:none!important}
  .lkit-wa-scan__arc{stroke-dashoffset:70}
}

/* ---------- Progress ---------- */
.lkit-wa-progress{padding:2rem 0 3rem}
.lkit-wa-progress__card{
  max-width:40rem;margin:0 auto;background:var(--wa-card);border:1px solid var(--wa-line);
  border-radius:var(--wa-radius);padding:1.5rem;box-shadow:var(--wa-shadow);text-align:center;
}
.lkit-wa-progress__bar{height:8px;border-radius:999px;background:#e9f1f9;overflow:hidden}
.lkit-wa-progress__bar span{
  display:block;height:100%;width:5%;border-radius:999px;
  background:linear-gradient(90deg,var(--wa-blue),var(--wa-pink));
  transition:width .6s ease;
}
.lkit-wa-progress__step{margin:.9rem 0 0;font-size:.92rem;font-weight:600;color:var(--wa-muted)}

/* ---------- Report ---------- */
.lkit-wa-report{padding:1.5rem 0 3rem}

.lkit-wa-overall{
  display:grid;grid-template-columns:auto 1fr;gap:1.75rem;align-items:center;
  background:var(--wa-card);border:1px solid var(--wa-line);border-radius:var(--wa-radius);
  padding:1.9rem;box-shadow:var(--wa-shadow);margin-bottom:1.25rem;
}
.lkit-wa-dial{position:relative;width:150px;height:150px;flex:0 0 auto}
.lkit-wa-dial svg{transform:rotate(-90deg);width:150px;height:150px}
.lkit-wa-dial__track{fill:none;stroke:#eaf1f8;stroke-width:12}
.lkit-wa-dial__value{fill:none;stroke-width:12;stroke-linecap:round;transition:stroke-dashoffset 1s ease}
.lkit-wa-dial__num{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
}
.lkit-wa-dial__num b{font-family:var(--wa-font);font-size:2.2rem;font-weight:500;line-height:1;color:var(--wa-navy)}
.lkit-wa-dial__num small{font-size:.7rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--wa-muted)}

.lkit-wa-overall__meta h2{font-size:1.4rem;font-weight:600;margin-bottom:.35rem}
.lkit-wa-overall__url{
  display:inline-block;font-size:.88rem;color:var(--wa-muted);word-break:break-all;margin-bottom:.7rem;
}
.lkit-wa-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 .9rem}
.lkit-wa-chip{
  display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .7rem;border-radius:8px;
  font-size:.78rem;font-weight:700;background:#eef4fb;color:var(--wa-navy);
}
.lkit-wa-chip--grade{color:#fff;background:var(--wa-navy)}
.lkit-wa-chip--good{background:rgba(22,163,74,.12);color:var(--wa-good)}
.lkit-wa-chip--ok{background:rgba(245,158,11,.14);color:#b45309}
.lkit-wa-chip--bad{background:rgba(239,68,68,.12);color:var(--wa-bad)}
.lkit-wa-summary p{margin:0 0 .6rem;font-size:.95rem;line-height:1.6;color:#42556d}
.lkit-wa-summary p:last-child{margin-bottom:0}

.lkit-wa-scores{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.8rem;margin-bottom:1.75rem;
}
.lkit-wa-score{
  background:var(--wa-card);border:1px solid var(--wa-line);border-radius:14px;padding:1rem 1.05rem;
  box-shadow:0 4px 14px rgba(46,64,86,.05);
}
.lkit-wa-score__top{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}
.lkit-wa-score__label{font-size:.82rem;font-weight:500;color:var(--wa-muted)}
.lkit-wa-score__val{font-family:var(--wa-font);font-size:1.4rem;font-weight:600;line-height:1}
.lkit-wa-score__bar{height:6px;border-radius:999px;background:#eef3f9;margin-top:.6rem;overflow:hidden}
.lkit-wa-score__bar span{display:block;height:100%;border-radius:999px;transition:width .8s ease}
.is-good{color:var(--wa-good)} .is-ok{color:var(--wa-ok)} .is-bad{color:var(--wa-bad)}
.bg-good{background:var(--wa-good)} .bg-ok{background:var(--wa-ok)} .bg-bad{background:var(--wa-bad)}

.lkit-wa-section{
  background:var(--wa-card);border:1px solid var(--wa-line);border-radius:var(--wa-radius);
  padding:1.5rem 1.6rem;margin-bottom:1.1rem;box-shadow:0 6px 18px rgba(46,64,86,.05);
}
.lkit-wa-section__head{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  padding-bottom:.9rem;margin-bottom:1.1rem;border-bottom:1px solid var(--wa-line);
}
.lkit-wa-section__head h3{font-size:1.08rem;font-weight:600;display:flex;align-items:center;gap:.55rem}
.lkit-wa-section__head .fa{color:var(--wa-blue)}
.lkit-wa-section__score{font-family:var(--wa-font);font-size:1.15rem;font-weight:600}
.lkit-wa-section__score small{font-size:.75rem;font-weight:500;color:var(--wa-muted)}

.lkit-wa-facts{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.15rem 1.6rem;
}
.lkit-wa-facts li{
  display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;
  padding:.5rem 0;border-bottom:1px dashed #eef2f7;font-size:.9rem;
}
.lkit-wa-facts li:last-child{border-bottom:0}
.lkit-wa-facts__k{color:var(--wa-muted);flex:0 0 auto}
.lkit-wa-facts__v{font-weight:600;text-align:right;word-break:break-word}
.lkit-wa-facts__v .fa-check{color:var(--wa-good)}
.lkit-wa-facts__v .fa-times{color:var(--wa-bad)}
.lkit-wa-facts__v .fa-exclamation-triangle{color:var(--wa-ok)}

.lkit-wa-recos{margin:1.1rem 0 0;padding:0;list-style:none}
.lkit-wa-recos li{
  position:relative;padding:.45rem 0 .45rem 1.5rem;font-size:.92rem;line-height:1.55;color:#42556d;
}
.lkit-wa-recos li::before{
  content:"";position:absolute;left:.35rem;top:.95rem;width:6px;height:6px;border-radius:50%;
  background:var(--wa-pink);
}

.lkit-wa-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.lkit-wa-table{width:100%;border-collapse:collapse;font-size:.88rem;min-width:720px}
.lkit-wa-table th{
  text-align:left;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;
  color:var(--wa-muted);font-weight:700;padding:.65rem .7rem;border-bottom:2px solid var(--wa-line);
  white-space:nowrap;
}
.lkit-wa-table td{padding:.75rem .7rem;border-bottom:1px solid #f0f4f9;vertical-align:top;line-height:1.5}
.lkit-wa-table tr:last-child td{border-bottom:0}
.lkit-wa-table__title{font-weight:700;color:var(--wa-navy)}
.lkit-wa-table__why{display:block;margin-top:.2rem;font-size:.83rem;color:var(--wa-muted)}
.lkit-wa-pri{
  display:inline-block;padding:.2rem .55rem;border-radius:8px;font-size:.72rem;font-weight:700;white-space:nowrap;
}
.lkit-wa-pri--critical{background:rgba(239,68,68,.13);color:var(--wa-bad)}
.lkit-wa-pri--high{background:rgba(245,158,11,.16);color:#b45309}
.lkit-wa-pri--medium{background:rgba(47,148,215,.13);color:var(--wa-blue)}
.lkit-wa-pri--low{background:#eef2f7;color:var(--wa-muted)}

.lkit-wa-services{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.9rem}
.lkit-wa-service{
  border:1px solid var(--wa-line);border-radius:14px;padding:1.05rem 1.1rem;background:#fbfdff;
}
.lkit-wa-service h4{font-size:1rem;font-weight:600;margin-bottom:.4rem}
.lkit-wa-service p{margin:0;font-size:.88rem;line-height:1.55;color:#42556d}
.lkit-wa-service__fit{
  display:inline-block;margin-top:.6rem;padding:.18rem .55rem;border-radius:8px;
  font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;
  background:rgba(47,148,215,.12);color:var(--wa-blue);
}

.lkit-wa-note{margin-top:.9rem;font-size:.82rem;color:var(--wa-muted);line-height:1.5}

/* ---------- CTA ---------- */
.lkit-wa-cta{padding:0 0 4rem}
.lkit-wa-cta__card{
  border-radius:var(--wa-radius);padding:2.4rem 2rem;text-align:center;color:#fff;
  background:linear-gradient(120deg,var(--wa-navy) 0%,#3a5675 55%,var(--wa-blue) 100%);
  box-shadow:var(--wa-shadow);
}
.lkit-wa-cta__card h2{color:#fff;font-size:clamp(1.25rem,3vw,1.65rem);font-weight:600;margin-bottom:.5rem}
.lkit-wa-cta__card p{margin:0 0 1.4rem;color:rgba(255,255,255,.85);font-size:.98rem}
.lkit-wa-cta__actions{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center}
.lkit-wa-cta__primary,.lkit-wa-cta__ghost{
  display:inline-block;padding:.75rem 1.6rem;border-radius:10px;font-weight:700;font-size:.94rem;
  text-decoration:none;transition:transform .15s ease,opacity .15s ease;
}
.lkit-wa-cta__primary{background:linear-gradient(90deg,var(--wa-pink),var(--wa-lav));color:#fff}
.lkit-wa-cta__ghost{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.4)}
.lkit-wa-cta__primary:hover,.lkit-wa-cta__ghost:hover{transform:translateY(-1px);color:#fff;text-decoration:none}

/* ---------- Responsive ---------- */
@media (max-width:900px){
  .lkit-wa-hero__grid{grid-template-columns:1fr;gap:2.25rem}
  .lkit-wa-scan{width:min(100%,300px);margin:0 auto}
  .lkit-wa-scan__ring{width:200px;height:200px}
  .lkit-wa-scan__score{font-size:2.8rem}
  .lkit-wa-form{max-width:none}
}
@media (max-width:768px){
  .lkit-wa-hero{padding:2.4rem 0 2.6rem}
  .lkit-wa-form__row{
    flex-wrap:wrap;
    align-items:stretch;
    padding:10px;
    gap:8px;
  }
  .lkit-wa-form__scheme{
    width:100%;
    height:auto;
    justify-content:flex-start;
    padding:0 2px;
  }
  .lkit-wa-input,
  .lkit-wa input.lkit-wa-input,
  .lkit-wa-form__row input[type="text"]{
    flex:1 1 100%;
    width:100%!important;
    height:42px!important;
    max-height:42px;
    line-height:42px!important;
    padding:0 2px!important;
  }
  .lkit-wa-btn{
    flex:1 1 100%;
    width:100%;
    height:44px!important;
  }
  .lkit-wa-overall{grid-template-columns:1fr;justify-items:center;text-align:center;padding:1.5rem}
  .lkit-wa-chips{justify-content:center}
  .lkit-wa-section{padding:1.2rem 1.1rem}
  .lkit-wa-facts{grid-template-columns:1fr}
  .lkit-wa-strip__list{gap:.65rem 1rem;justify-content:flex-start}
}

@media print{
  .lkit-wa-hero,.lkit-wa-strip,.lkit-wa-progress,.lkit-wa-cta,header,footer{display:none!important}
  .lkit-wa-section{break-inside:avoid;box-shadow:none}
}