.rampf-wp-test{
  --rampf-accent:#2f7d32;
  --rampf-accent-dark:color-mix(in srgb,var(--rampf-accent) 72%,#000);
  --rampf-accent-light:color-mix(in srgb,var(--rampf-accent) 12%,#fff);
  max-width:880px;
  margin:38px auto;
  padding:34px;
  border:1px solid rgba(47,125,50,.18);
  border-radius:24px;
  background:linear-gradient(145deg,#ffffff 0%,#f4f8f3 100%);
  box-shadow:0 28px 55px rgba(28,57,31,.16),0 10px 18px rgba(28,57,31,.09),inset 0 1px 0 #fff;
  font-family:Arial,Helvetica,sans-serif;
  color:#243027;
  box-sizing:border-box;
  position:relative;
  overflow:hidden;
  transform:translateZ(0);
}
.rampf-wp-test:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:8px;
  background:linear-gradient(90deg,var(--rampf-accent-dark),var(--rampf-accent),color-mix(in srgb,var(--rampf-accent) 60%,#9ad19c));
  box-shadow:0 3px 10px rgba(47,125,50,.25);
}
.rampf-wp-test:after{
  content:"";
  position:absolute;
  width:250px;
  height:250px;
  right:-110px;
  top:-120px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(47,125,50,.11),rgba(47,125,50,0) 70%);
  pointer-events:none;
}
.rampf-wp-test *{box-sizing:border-box}
.rampf-wp-test__header{text-align:center;margin-bottom:26px;position:relative;z-index:1}
.rampf-wp-test__eyebrow{display:inline-block;margin-bottom:10px;padding:8px 14px;border:1px solid color-mix(in srgb,var(--rampf-accent) 25%,white);border-radius:999px;background:linear-gradient(180deg,#fff,var(--rampf-accent-light));box-shadow:0 6px 12px rgba(35,73,38,.1),inset 0 1px 0 #fff;color:var(--rampf-accent-dark);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.rampf-wp-test h2{margin:0 0 12px;font-size:clamp(28px,4vw,42px);line-height:1.15;text-shadow:0 1px 0 #fff}
.rampf-wp-test__header p{margin:0 auto;max-width:680px;font-size:17px;line-height:1.65;color:#526057}
.rampf-wp-test__progress{height:13px;padding:2px;background:linear-gradient(180deg,#dfe8df,#f7faf7);border:1px solid #d8e1d8;border-radius:99px;overflow:hidden;box-shadow:inset 0 2px 4px rgba(24,49,26,.13),0 1px 0 #fff}
.rampf-wp-test__progress-bar{height:100%;background:linear-gradient(180deg,color-mix(in srgb,var(--rampf-accent) 82%,white),var(--rampf-accent-dark));border-radius:99px;box-shadow:0 2px 6px rgba(47,125,50,.3),inset 0 1px 0 rgba(255,255,255,.5);transition:width .3s ease}
.rampf-wp-test__step-label{text-align:right;margin:9px 2px 22px;color:#68736b;font-size:14px;font-weight:700}
.rampf-wp-test__step{display:none;border:0;padding:24px;margin:0;border-radius:18px;background:linear-gradient(145deg,#fff,#f7faf6);box-shadow:0 16px 28px rgba(31,62,33,.10),0 5px 10px rgba(31,62,33,.07),inset 0 1px 0 #fff;border:1px solid #e1e9e1}
.rampf-wp-test__step.is-active{display:block;animation:rampfFadeUp .28s ease}
@keyframes rampfFadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.rampf-wp-test legend{width:100%;padding:0;margin:0 0 9px;font-size:24px;font-weight:700;line-height:1.3}
.rampf-wp-test__hint{margin:0 0 20px;color:#68736b;line-height:1.55}
.rampf-wp-test__answers{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.rampf-wp-test__answer{display:flex;align-items:center;gap:12px;min-height:62px;padding:16px 17px;border:1px solid #dce4dc;border-bottom:4px solid #cfd9cf;border-radius:14px;background:linear-gradient(180deg,#fff,#f5f8f4);box-shadow:0 8px 14px rgba(32,63,34,.08),inset 0 1px 0 #fff;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.rampf-wp-test__answer:hover{border-color:color-mix(in srgb,var(--rampf-accent) 55%,white);border-bottom-color:var(--rampf-accent-dark);transform:translateY(-3px);box-shadow:0 12px 20px rgba(32,63,34,.13),inset 0 1px 0 #fff}
.rampf-wp-test__answer:active{transform:translateY(1px);border-bottom-width:2px;margin-bottom:2px;box-shadow:0 4px 8px rgba(32,63,34,.11)}
.rampf-wp-test__answer:has(input:checked){border-color:var(--rampf-accent);border-bottom-color:var(--rampf-accent-dark);background:linear-gradient(180deg,#fff,var(--rampf-accent-light));box-shadow:0 10px 18px color-mix(in srgb,var(--rampf-accent) 20%,transparent),inset 0 1px 0 #fff}
.rampf-wp-test__answer input{width:19px;height:19px;accent-color:var(--rampf-accent);filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}
.rampf-wp-test__nav{display:flex;justify-content:space-between;gap:12px;margin-top:25px}
.rampf-wp-test button,.rampf-wp-test a{font:inherit}
.rampf-wp-test__back,.rampf-wp-test__next,.rampf-wp-test__restart,.rampf-wp-test__cta,.rampf-wp-test__phone{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 22px;border-radius:12px;text-decoration:none;font-weight:700;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
.rampf-wp-test__back,.rampf-wp-test__restart{border:1px solid #cfd7cf;border-bottom:4px solid #aeb9ae;background:linear-gradient(180deg,#fff,#edf2ed);color:#354038;box-shadow:0 7px 13px rgba(31,59,33,.10),inset 0 1px 0 #fff}
.rampf-wp-test__next,.rampf-wp-test__cta{border:1px solid var(--rampf-accent-dark);border-bottom:4px solid color-mix(in srgb,var(--rampf-accent-dark) 72%,#000);background:linear-gradient(180deg,color-mix(in srgb,var(--rampf-accent) 86%,white),var(--rampf-accent-dark));color:#fff !important;-webkit-text-fill-color:#fff !important;text-shadow:0 1px 1px rgba(0,0,0,.25);box-shadow:0 9px 16px color-mix(in srgb,var(--rampf-accent) 27%,transparent),inset 0 1px 0 rgba(255,255,255,.4)}
.rampf-wp-test__phone{border:1px solid var(--rampf-accent);border-bottom:4px solid var(--rampf-accent-dark);background:linear-gradient(180deg,#fff,var(--rampf-accent-light));color:var(--rampf-accent-dark);box-shadow:0 8px 14px rgba(31,59,33,.11),inset 0 1px 0 #fff}
.rampf-wp-test__back:hover,.rampf-wp-test__next:hover,.rampf-wp-test__restart:hover,.rampf-wp-test__cta:hover,.rampf-wp-test__phone:hover{transform:translateY(-2px);filter:brightness(1.03)}
.rampf-wp-test__back:active,.rampf-wp-test__next:active,.rampf-wp-test__restart:active,.rampf-wp-test__cta:active,.rampf-wp-test__phone:active{transform:translateY(2px);border-bottom-width:2px;margin-bottom:2px;box-shadow:0 4px 8px rgba(31,59,33,.12)}
.rampf-wp-test button:disabled{opacity:.45;cursor:not-allowed;transform:none;filter:none}
.rampf-wp-test__result{text-align:center;padding:25px;border:1px solid #e0e8df;border-radius:18px;background:linear-gradient(145deg,#fff,#f5f9f4);box-shadow:0 17px 30px rgba(31,62,33,.11),0 5px 10px rgba(31,62,33,.07),inset 0 1px 0 #fff}
.rampf-wp-test__result-icon{display:flex;align-items:center;justify-content:center;width:78px;height:78px;margin:0 auto 17px;border:1px solid color-mix(in srgb,var(--rampf-accent) 35%,white);border-bottom:5px solid var(--rampf-accent-dark);border-radius:50%;background:linear-gradient(145deg,#fff,var(--rampf-accent-light));color:var(--rampf-accent-dark);font-size:39px;font-weight:700;box-shadow:0 11px 19px rgba(31,62,33,.15),inset 0 2px 0 #fff}
.rampf-wp-test__result-title{margin:0 0 12px;font-size:30px}
.rampf-wp-test__result-text{max-width:700px;margin:0 auto 19px;font-size:18px;line-height:1.6}
.rampf-wp-test__result-details{max-width:700px;margin:0 auto 19px;padding:18px;border:1px solid #dfe7df;border-bottom:4px solid #cdd8cd;border-radius:14px;background:linear-gradient(180deg,#fbfdfb,#edf4ec);box-shadow:0 8px 15px rgba(31,62,33,.08),inset 0 1px 0 #fff;text-align:left;line-height:1.6}
.rampf-wp-test__disclaimer{max-width:700px;margin:0 auto 21px;font-size:13px;color:#68736b}
.rampf-wp-test__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.rampf-wp-test__restart{width:100%;max-width:220px;margin-top:4px}
@media(max-width:680px){.rampf-wp-test{padding:22px 16px;border-radius:18px}.rampf-wp-test__step{padding:20px 16px}.rampf-wp-test__answers{grid-template-columns:1fr}.rampf-wp-test legend{font-size:21px}.rampf-wp-test__actions>*{width:100%}}