/* SENLARO / private CRO V3. Visual interaction polish on top of live-site V2.
 * Native full-card anchors (not JS click handlers), unified premium affordance.
 * Source pages and previously owner-reviewed V2 stay untouched. */
:root {
  --cro-interactive-ink:#103745;
  --cro-interactive-accent:#116a5b;
  --cro-interactive-shadow:0 12px 30px rgba(12,45,44,.085);
  --cro-interactive-focus:0 0 0 4px rgba(8,122,102,.22);
}
.live-cro-preview a.cro-rec-card--clickable,
.live-quiz-preview a.cro-result-card--clickable {
  position:relative;
  display:flex;
  flex-direction:column;
  width:100%;
  height:100%;
  min-width:0;
  color:var(--cro-interactive-ink);
  text-decoration:none;
  cursor:pointer;
  -webkit-tap-highlight-color:rgba(10,116,94,.13);
  transform:translateY(0);
  transition:
    transform 220ms cubic-bezier(.22,.75,.35,1),
    box-shadow 220ms ease,
    background-color 220ms ease,
    border-color 220ms ease;
}
.live-cro-preview a.cro-rec-card--clickable{
  border:1px solid #c9dfd5;
  background:linear-gradient(160deg,#fdfffd 0%,#f9fcfa 100%);
  box-shadow:0 5px 20px rgba(10,45,42,.035);
}
.live-cro-preview a.cro-rec-card--clickable:nth-child(2){
  border-color:#d9e4e3;
  background:#fff;
}
.live-quiz-preview a.cro-result-card--clickable{
  border:1px solid #c9dfd5;
  background:linear-gradient(150deg,#fcfffd,#f9fcfa);
  box-shadow:0 5px 20px rgba(10,45,42,.035);
}
.live-quiz-preview a.cro-result-card--clickable:nth-child(2){
  border-color:#dae5e4;
  background:#fff;
}
.live-cro-preview .cro-rec-card__why,
.live-quiz-preview .cro-result-card__why{
  line-height:1.56;
}
.live-cro-preview .cro-rec-card__price,
.live-quiz-preview .cro-result-card__price{
  flex-shrink:0;
}
.live-cro-preview .cro-rec-card__caution,
.live-quiz-preview .cro-result-card__caution{
  line-height:1.5;
}
.live-cro-preview .cro-rec-card__cta,
.live-quiz-preview .cro-result-card__cta{
  display:flex;
  width:100%;
  min-height:43px;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:auto;
  padding-top:13px;
  border-top:1px solid #e7eeea;
  color:#0b6c5c;
  font-size:13px;
  font-weight:810;
  letter-spacing:-.006em;
  text-decoration:none;
}
.live-cro-preview .cro-rec-card__cta-text,
.live-quiz-preview .cro-result-card__cta > span:first-child{
  display:block;
  flex:1 1 auto;
  line-height:1.35;
}
.live-cro-preview .cro-rec-card__cta-arrow,
.live-quiz-preview .cro-result-card__cta-arrow{
  display:inline-flex;
  width:32px;
  height:32px;
  min-width:32px;
  flex:0 0 32px;
  justify-content:center;
  align-items:center;
  border-radius:50%;
  background:#e7f4ee;
  color:#08715e;
  font-size:19px;
  font-weight:500;
  border:1px solid #c9e3d5;
  transition:background-color 220ms ease,color 220ms ease,transform 220ms ease,border-color 220ms ease;
}
.live-cro-preview .cro-rec-card--clickable:focus-visible,
.live-quiz-preview .cro-result-card--clickable:focus-visible{
  outline:3px solid #12876d;
  outline-offset:3px;
  border-color:#10755f;
  box-shadow:var(--cro-interactive-focus),var(--cro-interactive-shadow);
}
.live-cro-preview .cro-rec-card--clickable:active,
.live-quiz-preview .cro-result-card--clickable:active{
  transform:translateY(-1px) scale(.996);
  background:#eef8f1;
}
/* Full-area cards indicate clickability even without a hover pointer. */
@media (min-width:761px){
  .live-cro-preview .cro-rec-card--clickable:hover,
  .live-quiz-preview .cro-result-card--clickable:hover{
    transform:translateY(-3px);
    border-color:#58a58b;
    background:linear-gradient(155deg,#fff 0%,#f2faf5 100%);
    box-shadow:0 16px 37px rgba(14,66,57,.12);
  }
  .live-cro-preview .cro-rec-card--clickable:hover .cro-rec-card__cta-arrow,
  .live-quiz-preview .cro-result-card--clickable:hover .cro-result-card__cta-arrow{
    background:#0d7966;
    border-color:#0d7966;
    color:#fff;
    transform:translate(3px,-2px);
  }
}
.live-cro-preview .cro-rec-card--clickable:focus-visible .cro-rec-card__cta-arrow,
.live-quiz-preview .cro-result-card--clickable:focus-visible .cro-result-card__cta-arrow{
  background:#0d7966;
  border-color:#0d7966;
  color:#fff;
}
.live-cro-preview .cro-rec-bottom{
  display:grid;
  grid-template-columns:minmax(0,1.16fr) minmax(0,.93fr);
  align-items:stretch;
  gap:12px;
  margin-top:20px;
  padding-top:20px;
}
.live-cro-preview .cro-rec-bottom a.cro-action{
  position:relative;
  display:flex;
  width:100%;
  min-width:0;
  min-height:70px;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  margin:0;
  padding:14px 17px;
  border-radius:13px;
  border:1px solid #c6ded4;
  text-decoration:none;
  box-shadow:0 3px 12px rgba(12,45,43,.035);
  cursor:pointer;
  -webkit-tap-highlight-color:rgba(11,99,76,.12);
  transform:translateY(0);
  transition:transform 190ms ease,box-shadow 190ms ease,border-color 190ms ease,background-color 190ms ease;
}
.live-cro-preview .cro-rec-bottom a.cro-action--secondary{
  background:#f5faf7;
  border-color:#bcd9cc;
  color:#124b45;
}
.live-cro-preview .cro-rec-bottom a.cro-action--primary{
  background:#0b3946;
  border-color:#0b3946;
  color:#fff;
  box-shadow:0 7px 22px rgba(11,57,70,.16);
}
.live-cro-preview .cro-action__body{
  display:flex;
  min-width:0;
  flex:1 1 auto;
  flex-direction:column;
  gap:3px;
  align-items:flex-start;
  justify-content:center;
  text-align:left;
}
.live-cro-preview .cro-action__body strong{
  display:block;
  font-size:14px;
  line-height:1.22;
  font-weight:820;
  letter-spacing:-.01em;
  color:inherit;
}
.live-cro-preview .cro-action__body small{
  display:block;
  color:inherit;
  opacity:.85;
  font-size:11px;
  font-weight:620;
  line-height:1.4;
}
.live-cro-preview .cro-action__arrow{
  display:inline-flex;
  width:34px;
  height:34px;
  min-width:34px;
  border:1px solid rgba(15,100,82,.13);
  border-radius:10px;
  justify-content:center;
  align-items:center;
  background:#e1f0e8;
  color:#0b6458;
  font-size:20px;
  font-weight:560;
  transition:transform 190ms ease,color 190ms ease,background-color 190ms ease,border-color 190ms ease;
}
.live-cro-preview .cro-action--primary .cro-action__arrow{
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.15);
  color:#fff;
}
.live-cro-preview .cro-rec-bottom a.cro-action:focus-visible{
  outline:3px solid #168971;
  outline-offset:3px;
  box-shadow:var(--cro-interactive-focus),0 7px 24px rgba(15,70,56,.17);
}
.live-cro-preview .cro-rec-bottom a.cro-action:active{
  transform:translateY(0) scale(.995);
}
@media (min-width:761px){
  .live-cro-preview .cro-rec-bottom a.cro-action:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 29px rgba(12,55,50,.14);
    text-decoration:none;
  }
  .live-cro-preview .cro-rec-bottom a.cro-action--secondary:hover{
    background:#e8f5ed;
    border-color:#6da88f;
    color:#0d4a40;
  }
  .live-cro-preview .cro-rec-bottom a.cro-action--primary:hover{
    background:#105363;
    border-color:#105363;
    color:#fff;
  }
  .live-cro-preview .cro-rec-bottom a.cro-action:hover .cro-action__arrow{
    transform:translate(3px,-2px);
  }
}
/* Cohesive feedback on remaining visible interactions across these two pages. */
.live-cro-preview .cro-goal-button,
.live-quiz-preview [data-quiz-step="1"] label,
.live-quiz-preview .cro-quiz-advanced > summary,
.live-cro-preview .hero__actions .btn,
.live-cro-preview .header__manager{
  cursor:pointer;
  transition:border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease,background-color 180ms ease;
}
.live-cro-preview .cro-goal-button:focus-visible,
.live-quiz-preview .cro-quiz-advanced > summary:focus-visible,
.live-quiz-preview [data-quiz-step="1"] label:focus-within,
.live-cro-preview .hero__actions .btn:focus-visible,
.live-cro-preview .header__manager:focus-visible{
  outline:3px solid #16856d;
  outline-offset:3px;
}
.live-cro-preview .cro-goal-button:active{
  transform:scale(.985);
}
.live-quiz-preview .cro-quiz-advanced > summary:hover,
.live-quiz-preview .cro-quiz-advanced > summary:focus-visible{
  background:#e9f5ee;
}
@media (min-width:761px){
  .live-cro-preview .cro-goal-button:not([aria-pressed="true"]):hover,
  .live-quiz-preview [data-quiz-step="1"] label:hover{
    transform:translateY(-1px);
    box-shadow:0 6px 19px rgba(15,72,58,.09);
  }
}
/* Interactive feel cannot take priority over readability on a phone. */
@media(max-width:760px){
  .live-cro-preview .cro-rec-bottom{
    grid-template-columns:1fr;
    gap:10px;
    padding-top:16px;
    margin-top:16px;
  }
  .live-cro-preview .cro-rec-bottom .cro-action--primary{order:-1}
  .live-cro-preview .cro-rec-bottom a.cro-action{
    min-height:64px;
    padding:12px 14px;
  }
  .live-cro-preview .cro-rec-card__cta,
  .live-quiz-preview .cro-result-card__cta{
    margin-top:3px;
    min-height:42px;
  }
  .live-cro-preview .cro-action__body strong{font-size:13.5px}
  .live-cro-preview .cro-action__body small{font-size:11px}
  .live-cro-preview .cro-rec-card--clickable,
  .live-quiz-preview .cro-result-card--clickable{
    min-height:225px;
  }
}
@media(max-width:355px){
  .live-cro-preview .cro-rec-bottom a.cro-action{padding:11px 12px}
  .live-cro-preview .cro-action__body strong{font-size:12.8px}
  .live-cro-preview .cro-action__arrow{height:31px;width:31px;min-width:31px}
}
/* Reduces cognitive/vestibular motion while preserving clear static state. */
@media(prefers-reduced-motion:reduce){
  .live-cro-preview a.cro-rec-card--clickable,
  .live-quiz-preview a.cro-result-card--clickable,
  .live-cro-preview .cro-rec-card__cta-arrow,
  .live-quiz-preview .cro-result-card__cta-arrow,
  .live-cro-preview .cro-rec-bottom a.cro-action,
  .live-cro-preview .cro-action__arrow,
  .live-cro-preview .cro-goal-button,
  .live-quiz-preview [data-quiz-step="1"] label,
  .live-quiz-preview .cro-quiz-advanced > summary{
    transition:none!important;
    animation:none!important;
  }
  .live-cro-preview a.cro-rec-card--clickable:hover,
  .live-quiz-preview a.cro-result-card--clickable:hover,
  .live-cro-preview a.cro-rec-card--clickable:active,
  .live-quiz-preview a.cro-result-card--clickable:active,
  .live-cro-preview .cro-rec-bottom a.cro-action:hover,
  .live-cro-preview .cro-rec-bottom a.cro-action:active,
  .live-cro-preview .cro-goal-button:hover{
    transform:none!important;
  }
  .live-cro-preview .cro-rec-card--clickable:hover .cro-rec-card__cta-arrow,
  .live-quiz-preview .cro-result-card--clickable:hover .cro-result-card__cta-arrow,
  .live-cro-preview .cro-rec-bottom a.cro-action:hover .cro-action__arrow{
    transform:none!important;
  }
}