@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600&display=swap');


.starcheck-funnel * {
  scrollbar-width: thin;
  scrollbar-color: rgba(195,0,77,0.3) transparent;
}

.starcheck-funnel {
  font-family: 'Inter', sans-serif;
  background-color: #323436;
}

.starcheck-funnel h1, .starcheck-funnel h2, .starcheck-funnel h3, .starcheck-funnel h4, .starcheck-funnel h5 {
  font-family: 'Outfit', sans-serif;
}

@keyframes sc-fadeSlideIn {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes sc-slideDown {
  from {
    opacity: 0;
    max-height: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    max-height: 2000px;
    transform: translateY(0);
  }
}

.starcheck-funnel .animate-fade-slide {
  animation: sc-fadeSlideIn 0.5s ease both;
}

.starcheck-funnel .step-panel {
  animation: sc-fadeSlideIn 0.45s ease both;
}

.starcheck-funnel .sc-pulse-ring {
  animation: sc-pulse 2s infinite;
}

@keyframes sc-pulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.08); opacity: 0.85; }
}

/* Responsive hardening for Elementor/WordPress containers */
.starcheck-funnel,
.starcheck-funnel *,
.starcheck-funnel *::before,
.starcheck-funnel *::after {
  box-sizing: border-box;
}

.starcheck-funnel {
  width: 100%;
  max-width: 100%;
  
}

.starcheck-funnel button,
.starcheck-funnel input,
.starcheck-funnel textarea,
.starcheck-funnel select,
.starcheck-funnel svg,
.starcheck-funnel img {
  max-width: 100%;
}

.starcheck-funnel button,
.starcheck-funnel input,
.starcheck-funnel textarea,
.starcheck-funnel select {
  font: inherit;
}

.starcheck-funnel .sc-scale button {
  min-width: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

@media (max-width: 820px) {
  .starcheck-funnel .sc-hero-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 32px !important;
  }

  .starcheck-funnel .sc-checkout-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 28px !important;
  }

  .starcheck-funnel .sc-checkout-summary {
    position: static !important;
    top: auto !important;
  }
}

@media (max-width: 600px) {
  .starcheck-funnel .step-in,
  .starcheck-funnel .sc-screen {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .starcheck-funnel .sc-hero {
    padding-top: 36px !important;
    padding-bottom: 56px !important;
  }

  .starcheck-funnel .sc-hero-title {
    font-size: clamp(34px, 11vw, 46px) !important;
    line-height: 1.05 !important;
  }

  .starcheck-funnel .sc-hero-title br,
  .starcheck-funnel .sc-hero-subtitle br {
    display: none;
  }

  .starcheck-funnel .sc-hero-subtitle {
    font-size: 21px !important;
  }

  .starcheck-funnel .sc-product-compare,
  .starcheck-funnel .sc-result-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .starcheck-funnel .sc-trust-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  .starcheck-funnel .sc-trust-grid > * {
    padding: 10px 6px !important;
    min-width: 0;
  }

  .starcheck-funnel .sc-scale.sc-scale-10 {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  .starcheck-funnel .sc-scale-10 button {
    aspect-ratio: auto !important;
    min-height: 40px;
  }

  .starcheck-funnel .sc-emotion-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 390px) {
  .starcheck-funnel .step-in,
  .starcheck-funnel .sc-screen {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .starcheck-funnel .sc-emotion-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .starcheck-funnel .sc-trust-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* Figma/Make v3 presentation; native controls and R1.4 values remain authoritative. */
.starcheck-funnel { container-type:inline-size; color:#fff; line-height:1.6; }
.starcheck-funnel :is(h1,h2,h3,p,label,legend,button,section,div) { overflow-wrap:anywhere; min-width:0; }
.starcheck-funnel :is(button,input,textarea,select,a[href],[role="button"]):focus-visible { outline:3px solid #FFC107; outline-offset:4px; }
.starcheck-funnel button { min-height:44px; }
.starcheck-funnel .sc-questionnaire { max-width:760px; margin:auto; padding:48px 24px; }
.starcheck-funnel .sc-questionnaire h2 { color:#FFC107; font-size:clamp(24px,4vw,34px); line-height:1.2; margin:24px 0; }
.starcheck-funnel .sc-questionnaire fieldset { border:0; padding:0; margin:24px 0; min-width:0; }
.starcheck-funnel .sc-questionnaire legend { font-weight:600; margin-bottom:12px; }
.starcheck-funnel .sc-questionnaire label { display:block; margin:10px 0; cursor:pointer; }
.starcheck-funnel .sc-questionnaire fieldset > label { padding:16px 18px; border:1px solid rgba(255,255,255,.11); border-radius:14px; background:rgba(255,255,255,.05); }
.starcheck-funnel .sc-questionnaire label:has(input:checked) { background:rgba(195,0,77,.22); border-color:#C3004D; }
.starcheck-funnel .sc-questionnaire label:has(input:disabled) { opacity:.6; cursor:default; }
.starcheck-funnel .sc-questionnaire input:is([type=radio],[type=checkbox]) { accent-color:#C3004D; margin-right:10px; width:18px; height:18px; vertical-align:middle; }
.starcheck-funnel .sc-questionnaire small { color:rgba(255,255,255,.84); }
.starcheck-funnel .sc-questionnaire :is(textarea,input[type=text],select) { box-sizing:border-box; width:100%; color:#fff; background:#2a2b2d; border:1px solid rgba(255,255,255,.4); border-radius:10px; padding:12px; font:inherit; }
.starcheck-funnel .sc-questionnaire textarea { min-height:96px; resize:vertical; }
.starcheck-funnel .sc-answer-field { margin:20px 0; }
.starcheck-funnel .sc-answer-scale > div { display:grid; grid-template-columns:repeat(auto-fit,minmax(90px,1fr)); gap:8px; }
.starcheck-funnel .sc-answer-scale label { padding:12px 8px; border:1px solid rgba(255,255,255,.2); border-radius:10px; margin:0; text-align:center; font-size:13px; min-height:44px; }
.starcheck-funnel .sc-answer-scale label input { display:block; margin:0 auto 8px !important; }
.starcheck-funnel .sc-answer-scale .selected { background:rgba(195,0,77,.22); border-color:#C3004D; }
.starcheck-funnel .sc-questionnaire button { padding:12px 20px; border-radius:12px; border:1px solid #C3004D; background:#C3004D; color:#fff; font:inherit; cursor:pointer; font-weight:600; }
.starcheck-funnel .sc-questionnaire button:hover { background:#a3003f; }
.starcheck-funnel .sc-questionnaire nav { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; margin-top:28px; }
.starcheck-funnel .sc-questionnaire :is(.sc-back,.sc-skip) { background:transparent; border-color:rgba(255,255,255,.3); }
.starcheck-funnel .sc-privacy-hint { font-size:12px; line-height:1.55; color:rgba(255,255,255,.68); padding:12px; border:1px solid rgba(255,255,255,.08); border-radius:10px; }
.starcheck-funnel .sc-station-progress p { font-size:12px; color:rgba(255,255,255,.68); }
.starcheck-funnel .sc-station-progress > div { display:flex; gap:4px; }
.starcheck-funnel .sc-station-progress span { flex:1; height:3px; border-radius:3px; background:rgba(255,255,255,.1); }
.starcheck-funnel .sc-station-progress .complete { background:#C3004D; }
.starcheck-funnel .sc-native-progress { position:absolute; width:1px; height:1px; clip-path:inset(50%); }
.starcheck-funnel .sc-subprogress { color:#FFC107; font-size:13px; font-weight:600; }
.starcheck-funnel :is(.sc-signal-card,.sc-reflections) { background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.11); border-radius:18px; padding:24px; }
.starcheck-funnel .sc-signal-card h3 { color:#FFC107; font-size:24px; margin-top:0; }
.starcheck-funnel .sc-questionnaire .sc-feeling-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.starcheck-funnel .sc-feeling-grid > legend { grid-column:1/-1; }
.starcheck-funnel .sc-questionnaire .sc-feeling-grid > label { margin:0; }
.starcheck-funnel .sc-scale-10 > div { grid-template-columns:repeat(10,minmax(0,1fr)); }
.starcheck-funnel .sc-validation { border:1px solid #FFC107; border-radius:10px; padding:12px 16px; color:#fff; }
.starcheck-funnel .sc-score-bar { height:6px; background:rgba(255,255,255,.1); border-radius:100px; margin:8px 0; }
.starcheck-funnel .sc-score-bar span { height:100%; display:block; background:#FFC107; border-radius:100px; }
.starcheck-funnel .sc-next-step { border-top:1px solid rgba(255,255,255,.2); margin-top:40px; padding-top:28px; }
@media (max-width:700px) {
 .starcheck-funnel .sc-scale-10 > div { grid-template-columns:repeat(5,minmax(0,1fr)); }
}
@media (max-width:420px) {
 .starcheck-funnel .sc-questionnaire { padding:32px 14px; }
 .starcheck-funnel .sc-questionnaire .sc-feeling-grid { grid-template-columns:minmax(0,1fr); }
 .starcheck-funnel :is(.sc-signal-card,.sc-reflections) { padding:16px; }
}
@container (max-width:820px) {
 .starcheck-funnel .sc-hero-grid, .starcheck-funnel .sc-checkout-grid { grid-template-columns:minmax(0,1fr) !important; }
}
@container (max-width:700px) {
 .starcheck-funnel .sc-scale-10 > div { grid-template-columns:repeat(5,minmax(0,1fr)); }
 .starcheck-funnel :is(.sc-product-compare,.sc-result-grid) { grid-template-columns:minmax(0,1fr) !important; }
 .starcheck-funnel .sc-checkout-summary { position:static !important; }
}
@container (max-width:420px) {
 .starcheck-funnel .sc-hero-title { font-size:clamp(34px,11cqw,46px) !important; line-height:1.05 !important; }
 .starcheck-funnel .sc-hero-title br, .starcheck-funnel .sc-hero-subtitle br { display:none; }
 .starcheck-funnel .sc-hero-subtitle { font-size:21px !important; }

 .starcheck-funnel .sc-questionnaire .sc-feeling-grid { grid-template-columns:minmax(0,1fr); }
 .starcheck-funnel .sc-questionnaire { padding:32px 14px; }
 .starcheck-funnel :is(.sc-signal-card,.sc-reflections) { padding:16px; }
 .starcheck-funnel :is(.step-in,.sc-screen,.sc-hero) { padding-left:14px !important; padding-right:14px !important; }
 .starcheck-funnel .sc-trust-grid { grid-template-columns:minmax(0,1fr) !important; }
}
@media (prefers-reduced-motion:reduce) {
 .starcheck-funnel *, .starcheck-funnel *::before, .starcheck-funnel *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}

.starcheck-funnel .sc-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.starcheck-funnel .sc-answer-scale > div:first-of-type { grid-template-columns:repeat(auto-fit,minmax(44px,1fr)); gap:6px; }
.starcheck-funnel .sc-answer-scale label { position:relative; padding:10px 4px; font:700 15px 'Outfit',sans-serif; background:rgba(255,255,255,.07); border:2px solid transparent; }
.starcheck-funnel .sc-answer-scale label input { position:absolute; opacity:0; inset:0; width:100% !important; height:100% !important; margin:0 !important; cursor:pointer; }
.starcheck-funnel .sc-answer-scale label:focus-within { outline:3px solid #FFC107; outline-offset:3px; }
.starcheck-funnel .sc-answer-scale .selected { background:#C3004D; border-color:#C3004D; }
.starcheck-funnel .sc-signal-card .sc-answer-scale:nth-of-type(2) .selected { background:#FFC107; border-color:#FFC107; color:#2a2b2d; }
.starcheck-funnel .sc-answer-scale .sc-scale-endpoints { display:flex; justify-content:space-between; gap:16px; font-size:11px; color:rgba(255,255,255,.68); margin-top:5px; }
.starcheck-funnel .sc-scale-value { font-size:12px; color:rgba(255,255,255,.84); }
.starcheck-funnel .sc-questionnaire .sc-primary-badge { display:inline-block; background:rgba(255,193,7,.12); color:#FFC107; padding:3px 8px; border-radius:100px; margin-left:8px; }
.starcheck-funnel .sc-questionnaire .sc-primary-choice:has(input:checked) { border-color:#FFC107; background:rgba(255,193,7,.12); }
.starcheck-funnel .sc-scale-10 > div:first-of-type { grid-template-columns:repeat(10,minmax(0,1fr)); }
@media (max-width:700px) { .starcheck-funnel .sc-scale-10 > div:first-of-type { grid-template-columns:repeat(5,minmax(0,1fr)); } }
@container (max-width:700px) { .starcheck-funnel .sc-scale-10 > div:first-of-type { grid-template-columns:repeat(5,minmax(0,1fr)); } }
/* Figma v3 component geometry; native inputs remain inside the custom cards. */
.starcheck-funnel .sc-questionnaire {max-width:640px;margin:0 auto;padding:64px 24px 80px;color:#fff;overflow-wrap:anywhere;}
.starcheck-funnel .sc-station-1 {max-width:600px;}
.starcheck-funnel .sc-questionnaire p {margin-top:0;}
.starcheck-funnel .sc-questionnaire h2 {font-size:clamp(22px,4vw,34px);font-weight:900;line-height:1.2;margin:0 0 10px;letter-spacing:normal;}
.starcheck-funnel .sc-station-1 h2 {font-size:clamp(26px,5vw,40px);line-height:1.15;}
.starcheck-funnel .sc-station-progress {margin-bottom:32px;}
.starcheck-funnel .sc-station-progress p {display:flex;justify-content:space-between;gap:12px;margin:0 0 8px;font-size:12px;line-height:1.5;}
.starcheck-funnel .sc-station-progress p span {height:auto;flex:initial;background:none;color:rgba(255,255,255,.68);}
.starcheck-funnel .sc-station-progress strong {color:#FFC107;font-weight:600;}
.starcheck-funnel .sc-eyebrow {display:inline-flex;background:rgba(255,193,7,.12);border:1px solid rgba(255,193,7,.25);border-radius:100px;padding:4px 12px;margin-bottom:22px;font-size:11px;font-weight:700;line-height:1.5;color:#FFC107;letter-spacing:.08em;text-transform:uppercase;}
.starcheck-funnel .sc-questionnaire .sc-intro {font-size:15px;color:rgba(255,255,255,.84);line-height:1.65;margin:0 0 28px;}
.starcheck-funnel .sc-station-1 .sc-intro {line-height:1.7;margin-bottom:32px;}
.starcheck-funnel .sc-questionnaire .sc-short-intro {margin-bottom:8px;}
.starcheck-funnel .sc-selection-count {display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;color:rgba(255,255,255,.68);font-size:13px;margin-bottom:20px;}
.starcheck-funnel .sc-selection-count strong {color:#FFC107;font-weight:600;}
.starcheck-funnel .sc-questionnaire .sc-limit {font-size:13px;color:#FFC107;margin:-10px 0 20px;line-height:1.55;}
.starcheck-funnel .sc-questionnaire .sc-choice-list {display:flex;flex-direction:column;gap:10px;margin:0 0 28px;}
.starcheck-funnel .sc-questionnaire .sc-feeling-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 16px;align-items:start;}
.starcheck-funnel .sc-choice-card,.starcheck-funnel .sc-questionnaire .sc-future-choice {border:2px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(255,255,255,.05);transition:background .15s,border-color .15s,box-shadow .15s;min-width:0;}
.starcheck-funnel .sc-choice-card.selected,.starcheck-funnel .sc-questionnaire .sc-future-choice.selected {background:rgba(195,0,77,.22);border-color:#C3004D;box-shadow:0 0 0 3px rgba(195,0,77,.15);}
.starcheck-funnel .sc-choice-card.primary {background:rgba(255,193,7,.22);border-color:#FFC107;box-shadow:0 0 0 3px rgba(255,193,7,.12);}
.starcheck-funnel .sc-choice-card.disabled {opacity:.45;}
.starcheck-funnel .sc-questionnaire .sc-choice {display:flex;align-items:center;gap:10px;margin:0;position:relative;cursor:pointer;min-height:56px;padding:16px 14px;border-radius:12px;}
.starcheck-funnel .sc-questionnaire .sc-choice:has(input:checked) {background:transparent;border-color:transparent;}
.starcheck-funnel .sc-questionnaire .sc-future-choice:has(input:checked) {background:rgba(195,0,77,.22);border-color:#C3004D;}
.starcheck-funnel .sc-questionnaire .sc-future-choice {padding:18px 20px;gap:16px;}
.starcheck-funnel .sc-questionnaire .sc-situation-choice {padding:16px 18px;align-items:flex-start;gap:12px;}
.starcheck-funnel .sc-questionnaire .sc-choice input {position:absolute;opacity:0;inset:0;width:100% !important;height:100% !important;margin:0 !important;cursor:pointer;}
.starcheck-funnel .sc-questionnaire .sc-choice:has(input:disabled) {opacity:1;cursor:not-allowed;}
.starcheck-funnel .sc-choice input:disabled {cursor:not-allowed;}
.starcheck-funnel .sc-choice:focus-within {outline:2px solid #FFC107;outline-offset:3px;}
.starcheck-funnel .sc-choice:hover:not(:has(input:disabled)) {filter:brightness(1.14);}
.starcheck-funnel .sc-choice-title {font-family:'Outfit',sans-serif;font-size:15px;font-weight:500;color:rgba(255,255,255,.84);flex:1;min-width:0;line-height:1.5;}
.starcheck-funnel .selected .sc-choice-title,.starcheck-funnel .sc-future-choice.selected .sc-choice-title {font-weight:700;color:#fff;}
.starcheck-funnel .sc-situation-choice .sc-choice-title {font-weight:400;}
.starcheck-funnel .selected .sc-situation-choice .sc-choice-title {font-weight:600;}
.starcheck-funnel .sc-future-choice .sc-choice-title {font-size:17px;}
.starcheck-funnel .sc-choice-title small {display:block;font:400 12px/1.5 'Inter',sans-serif;margin-top:4px;}
.starcheck-funnel .sc-choice-icon {font-size:20px;flex-shrink:0;}
.starcheck-funnel .sc-future-choice .sc-choice-icon {font-size:24px;}
.starcheck-funnel .sc-choice-check {width:18px;height:18px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:white;background:rgba(255,255,255,.07);border:2px solid rgba(255,255,255,.11);}
.starcheck-funnel .sc-feeling-choice:not(:has(input:checked)) .sc-choice-check {visibility:hidden;}
.starcheck-funnel .selected .sc-choice-check,.starcheck-funnel .sc-future-choice.selected .sc-choice-check {border-color:#C3004D;background:#C3004D;}
.starcheck-funnel .sc-future-choice .sc-choice-check {width:22px;height:22px;}
.starcheck-funnel .sc-situation-choice .sc-choice-check {width:20px;height:20px;border-radius:4px;margin-top:2px;}
.starcheck-funnel .sc-choice-star {color:#FFC107;font-size:20px;}
.starcheck-funnel .sc-questionnaire .sc-primary-toggle {width:100%;min-height:44px;padding:8px 14px;border-radius:0 0 12px 12px;border:0;border-top:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.03);text-align:left;color:rgba(255,255,255,.68);font-size:12px;font-weight:400;}
.starcheck-funnel .sc-station-2 .sc-primary-toggle {padding-left:50px;}
.starcheck-funnel .sc-questionnaire .primary .sc-primary-toggle {color:#FFC107;font-weight:700;background:rgba(255,193,7,.12);border-top-color:rgba(255,193,7,.2);}
.starcheck-funnel .sc-questionnaire .sc-primary-toggle:hover {background:rgba(255,255,255,.07);}
.starcheck-funnel .sc-main-hint {padding:14px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.11);border-left:3px solid #FFC107;border-radius:16px;font-size:14px;line-height:1.55;margin-bottom:20px;}
.starcheck-funnel .sc-main-hint span {display:block;margin-top:4px;color:rgba(255,255,255,.84);}
.starcheck-funnel .sc-questionnaire .sc-add-custom {width:100%;padding:13px;border:2px dashed rgba(255,255,255,.11);background:transparent;border-radius:12px;color:rgba(255,255,255,.68);font-weight:400;font-size:14px;margin-bottom:28px;}
.starcheck-funnel .sc-questionnaire .sc-add-custom:hover {border-color:rgba(255,255,255,.84);}
.starcheck-funnel .sc-custom-editor {display:flex;gap:8px;margin-bottom:28px;}
.starcheck-funnel .sc-custom-editor input {flex:1;min-width:0;}
.starcheck-funnel .sc-questionnaire .sc-custom-remove {border:0;background:transparent;color:rgba(255,255,255,.68);font-size:12px;min-height:44px;padding:8px 14px;}
.starcheck-funnel .sc-feeling-count {text-align:center;font-size:13px;color:rgba(255,255,255,.68);margin-bottom:16px;}
.starcheck-funnel .sc-answer-field {margin:0 0 22px;}
.starcheck-funnel .sc-questionnaire .sc-answer-field label {display:block;margin:0 0 8px;font-size:14px;font-weight:600;line-height:1.55;}
.starcheck-funnel .sc-questionnaire .sc-answer-field small {font-size:11px;color:rgba(255,255,255,.68);font-weight:400;}
.starcheck-funnel .sc-answer-field > small {display:block;text-align:right;margin-top:4px;}
.starcheck-funnel .sc-questionnaire :is(textarea,input[type=text]) {background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11);border-radius:10px;padding:13px 16px;font:400 14px/1.6 'Inter',sans-serif;}
.starcheck-funnel .sc-questionnaire textarea {min-height:110px;}
.starcheck-funnel .sc-questionnaire textarea:focus,.starcheck-funnel .sc-questionnaire input[type=text]:focus {outline:2px solid #FFC107;outline-offset:2px;}
.starcheck-funnel .sc-questionnaire .sc-privacy-hint {display:flex;gap:8px;align-items:flex-start;padding:9px 12px;border-radius:8px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);margin:8px 0 0;font-size:11px;line-height:1.55;}
.starcheck-funnel .sc-privacy-hint > span {flex-shrink:0;font-size:12px;}
.starcheck-funnel .sc-privacy-hint p {margin:0;}
.starcheck-funnel .sc-subprogress {margin-bottom:20px;}
.starcheck-funnel .sc-subprogress p {display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 10px;font-size:12px;}
.starcheck-funnel .sc-subprogress strong {text-transform:uppercase;letter-spacing:.07em;color:#FFC107;}
.starcheck-funnel .sc-subprogress p > span {color:rgba(255,255,255,.68);font-weight:400;}
.starcheck-funnel .sc-subprogress > div {display:flex;gap:4px;}
.starcheck-funnel .sc-subprogress > div > span {height:3px;flex:1;background:rgba(255,255,255,.1);border-radius:2px;}
.starcheck-funnel .sc-subprogress > div > .complete {background:#C3004D;}
.starcheck-funnel .sc-questionnaire :is(.sc-signal-card,.sc-reflections) {border:2px solid rgba(255,255,255,.11);border-radius:16px;padding:24px;margin-bottom:28px;}
.starcheck-funnel .sc-questionnaire .sc-signal-card.answered {border-color:#C3004D;}
.starcheck-funnel .sc-signal-card h3 {font-size:18px;font-weight:700;color:#fff;display:flex;gap:10px;align-items:center;flex-wrap:wrap;line-height:1.5;margin:0 0 20px;}
.starcheck-funnel .sc-signal-card h3 > span {font-size:22px;}
.starcheck-funnel .sc-questionnaire .sc-primary-badge {font:700 10px/1.5 'Inter',sans-serif;padding:2px 8px;margin:0;border:1px solid rgba(255,193,7,.3);}
.starcheck-funnel .sc-questionnaire .sc-answer-scale {margin:0 0 24px;position:relative;}
.starcheck-funnel .sc-questionnaire .sc-answer-scale:last-child {margin-bottom:0;}
.starcheck-funnel .sc-answer-scale legend {font:600 16px/1.5 'Outfit',sans-serif;color:white;margin-bottom:10px;}
.starcheck-funnel .sc-station-5 .sc-answer-scale legend {font-size:18px;margin-bottom:22px;}
.starcheck-funnel .sc-answer-scale > div:first-of-type {display:flex;gap:6px;}
.starcheck-funnel .sc-questionnaire .sc-answer-scale label {flex:1;margin:0;min-width:0;padding:10px 2px;border:2px solid transparent;border-radius:8px;min-height:44px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.68);}
.starcheck-funnel .sc-questionnaire .sc-answer-scale label.selected {background:#C3004D;border-color:#C3004D;color:#fff;}
.starcheck-funnel .sc-questionnaire .sc-answer-scale label.filled {background:rgba(195,0,77,.33);color:#fff;}
.starcheck-funnel .sc-questionnaire .sc-answer-scale:nth-of-type(2) label.selected {background:#e0a000;border-color:#e0a000;color:#2a2b2d;}
.starcheck-funnel .sc-questionnaire .sc-answer-scale:nth-of-type(2) label.filled {background:rgba(224,160,0,.33);color:#fff;}
.starcheck-funnel .sc-answer-scale .sc-scale-endpoints {display:flex;}
.starcheck-funnel .sc-scale-value {font-size:12px;color:#FFC107;margin:8px 0 0;}
.starcheck-funnel .sc-questionnaire .sc-scale-10 > div:first-of-type {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;}
.starcheck-funnel .sc-reflections h3 {font-size:13px;font-weight:700;color:#FFC107;text-transform:uppercase;letter-spacing:.07em;margin:0 0 8px;}
.starcheck-funnel .sc-reflections > p {font-size:14px;color:rgba(255,255,255,.84);line-height:1.6;margin:0 0 22px;}
.starcheck-funnel .sc-questionnaire nav {display:flex;gap:10px;margin:28px 0 0;flex-wrap:wrap;}
.starcheck-funnel .sc-questionnaire nav button {padding:14px 28px;border-radius:10px;font:700 15px/1.35 'Outfit',sans-serif;min-height:48px;}
.starcheck-funnel .sc-questionnaire nav button:last-child {flex:1;}
.starcheck-funnel .sc-questionnaire nav .sc-back {padding:13px 20px;border-color:rgba(255,255,255,.11);color:rgba(255,255,255,.68);font:400 14px/1.35 'Inter',sans-serif;}
.starcheck-funnel .sc-questionnaire nav .sc-skip {order:3;width:100%;border:0;font-size:13px;color:rgba(255,255,255,.68);}
.starcheck-funnel .sc-questionnaire .sc-validation {padding:10px 14px;border:1px solid rgba(195,0,77,.3);border-radius:8px;background:rgba(195,0,77,.1);font-size:13px;line-height:1.55;}
.starcheck-funnel .sc-questionnaire button:focus-visible {outline:2px solid #FFC107;outline-offset:3px;}
@media (max-width:700px) {
 .starcheck-funnel .sc-questionnaire {padding:36px 16px 64px;}
 .starcheck-funnel .sc-questionnaire nav {flex-direction:column;}
 .starcheck-funnel .sc-questionnaire nav button {width:100%;}
 .starcheck-funnel .sc-custom-editor {flex-direction:column;}
 .starcheck-funnel .sc-questionnaire :is(.sc-signal-card,.sc-reflections) {padding:18px;}
 .starcheck-funnel .sc-answer-scale > div:first-of-type {gap:4px;}
}
@container (max-width:700px) {
 .starcheck-funnel .sc-questionnaire {padding:36px 16px 64px;}
 .starcheck-funnel .sc-questionnaire nav {flex-direction:column;}
 .starcheck-funnel .sc-questionnaire nav button {width:100%;}
 .starcheck-funnel .sc-custom-editor {flex-direction:column;}
 .starcheck-funnel .sc-questionnaire :is(.sc-signal-card,.sc-reflections) {padding:18px;}
 .starcheck-funnel .sc-answer-scale > div:first-of-type {gap:4px;}
}
@media (max-width:420px) { .starcheck-funnel .sc-questionnaire .sc-feeling-grid {grid-template-columns:minmax(0,1fr);} }
@container (max-width:420px) {
 .starcheck-funnel .sc-questionnaire .sc-feeling-grid {grid-template-columns:minmax(0,1fr);}
 .starcheck-funnel .sc-questionnaire h2 {font-size:26px;}
 .starcheck-funnel .sc-station-1 h2 {font-size:26px;}
}

.starcheck-funnel .sc-result-screen {max-width:720px !important;padding:64px 24px 80px !important;}
.starcheck-funnel .sc-result-section {margin-bottom:56px;}
.starcheck-funnel .sc-result-section h2 {display:flex;gap:10px;align-items:center;font:900 22px/1.3 'Outfit',sans-serif;margin:0 0 6px;}
.starcheck-funnel .sc-result-section h2 > span {width:28px;height:28px;flex-shrink:0;border-radius:8px;background:rgba(195,0,77,.22);display:flex;align-items:center;justify-content:center;font-size:14px;}
.starcheck-funnel .sc-result-subtitle {font-size:14px;line-height:1.65;color:rgba(255,255,255,.68);margin:0 0 24px;}
.starcheck-funnel .sc-result-feelings {display:flex;flex-direction:column;gap:12px;}
.starcheck-funnel .sc-result-feeling {border:2px solid rgba(255,255,255,.11);border-radius:16px;padding:18px;background:rgba(255,255,255,.05);}
.starcheck-funnel .sc-result-feeling.primary {border-color:#FFC107;background:rgba(255,193,7,.06);}
.starcheck-funnel .sc-result-feeling.signal {border-color:#C3004D;background:rgba(195,0,77,.15);}
.starcheck-funnel .sc-result-feeling-top {display:flex;gap:12px;align-items:flex-start;margin-bottom:12px;}
.starcheck-funnel .sc-result-icon {font-size:20px;flex-shrink:0;}
.starcheck-funnel .sc-result-feeling-body {flex:1;min-width:0;}
.starcheck-funnel .sc-result-feeling-label {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px;}
.starcheck-funnel .sc-result-feeling-label strong {font:700 16px/1.5 'Outfit',sans-serif;overflow-wrap:anywhere;}
.starcheck-funnel .sc-result-badge {display:inline-flex;align-items:center;border-radius:100px;padding:2px 8px;background:rgba(255,193,7,.12);border:1px solid rgba(255,193,7,.35);color:#FFC107;font-size:10px;font-weight:700;line-height:1.5;}
.starcheck-funnel .sc-system-badge {background:rgba(195,0,77,.15);border-color:rgba(195,0,77,.3);color:#ffb3c9;}
.starcheck-funnel .sc-result-meta {font-size:12px;color:rgba(255,255,255,.68);line-height:1.65;}
.starcheck-funnel .sc-result-meta > span {display:block;}
.starcheck-funnel .sc-result-score {flex-shrink:0;text-align:center;}
.starcheck-funnel .sc-result-score strong {font:800 20px/1.5 'Outfit',sans-serif;}
.starcheck-funnel .primary .sc-result-score strong {color:#FFC107;}
.starcheck-funnel .sc-result-score small {display:block;font-size:10px;color:rgba(255,255,255,.68);}
.starcheck-funnel .sc-result-feeling .sc-score-bar {height:5px;margin:0;}
.starcheck-funnel .sc-result-feeling .sc-score-bar span {background:#C3004D;}
.starcheck-funnel .sc-result-feeling.primary .sc-score-bar span {background:#FFC107;}
.starcheck-funnel .sc-server-summary {font-size:12px;line-height:1.6;color:rgba(255,255,255,.68);margin-top:16px;overflow-wrap:anywhere;}
.starcheck-funnel .sc-server-summary p {margin:4px 0;}
.starcheck-funnel .sc-result-interpretation {background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.11);border-left:4px solid #FFC107;border-radius:16px;padding:18px;margin-top:20px;}
.starcheck-funnel .sc-result-interpretation h3 {font:700 12px/1.6 'Inter',sans-serif;color:#FFC107;letter-spacing:.07em;text-transform:uppercase;margin:0 0 8px;}
.starcheck-funnel .sc-result-interpretation p {font-size:14px;line-height:1.75;color:rgba(255,255,255,.84);margin:0;}
.starcheck-funnel .sc-coherence {border-left-color:#C3004D;}
.starcheck-funnel .sc-result-radar {border:1px solid rgba(255,255,255,.11);border-radius:16px;padding:24px;background:rgba(255,255,255,.05);margin-bottom:20px;}
.starcheck-funnel .sc-dimension-list {display:flex;flex-direction:column;gap:12px;}
.starcheck-funnel .sc-dimension {display:grid;grid-template-columns:minmax(110px,130px) minmax(40px,1fr) auto;align-items:center;column-gap:12px;}
.starcheck-funnel .sc-dimension strong {font-size:13px;font-weight:400;color:rgba(255,255,255,.84);overflow-wrap:anywhere;}
.starcheck-funnel .sc-dimension-score {font-size:12px;font-weight:700;color:rgba(255,255,255,.68);}
.starcheck-funnel .sc-dimension small {grid-column:1/-1;color:rgba(255,255,255,.68);font-size:11px;margin-top:2px;}
@media (max-width:700px) { .starcheck-funnel .sc-result-screen {padding:36px 16px 64px !important;} }
@container (max-width:700px) { .starcheck-funnel .sc-result-screen {padding:36px 16px 64px !important;} }
@media (max-width:420px) { .starcheck-funnel .sc-result-feeling-top {flex-wrap:wrap;} .starcheck-funnel .sc-result-feeling-body {flex-basis:calc(100% - 40px);} .starcheck-funnel .sc-result-score {margin-left:32px;text-align:left;} .starcheck-funnel .sc-dimension {grid-template-columns:minmax(84px,1fr) minmax(50px,1.5fr) auto;} }
@container (max-width:420px) { .starcheck-funnel .sc-result-feeling-top {flex-wrap:wrap;} .starcheck-funnel .sc-result-feeling-body {flex-basis:calc(100% - 40px);} .starcheck-funnel .sc-result-score {margin-left:32px;text-align:left;} .starcheck-funnel .sc-dimension {grid-template-columns:minmax(84px,1fr) minmax(50px,1.5fr) auto;} }

.starcheck-funnel .sc-site-header {background:#2a2b2d;border-bottom:1px solid rgba(255,255,255,.11);position:sticky;top:0;z-index:20;}
.starcheck-funnel .sc-site-header > div {max-width:1060px;margin:auto;padding:14px 24px;display:flex;align-items:center;gap:10px;}
.starcheck-funnel .sc-brand-star {width:32px;height:32px;border-radius:8px;background:#FFC107;display:flex;align-items:center;justify-content:center;}
.starcheck-funnel .sc-brand-star svg {fill:#2a2b2d;}
.starcheck-funnel .sc-brand {font:800 20px/1.5 'Outfit',sans-serif;letter-spacing:-.01em;}
.starcheck-funnel .sc-brand > span {color:#FFC107;}
.starcheck-funnel .sc-header-status {margin-left:auto;display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.68);font-size:13px;}
.starcheck-funnel .sc-header-status i {width:8px;height:8px;background:#C3004D;border-radius:50%;}
.starcheck-funnel .sc-result-screen h1 {margin-top:0;line-height:1.5;}
.starcheck-funnel .sc-result-progress {font-size:12px;color:rgba(255,255,255,.68);margin-bottom:16px;}
@media (max-width:700px) {.starcheck-funnel .sc-site-header > div {padding:12px 16px;}}
@container (max-width:700px) {.starcheck-funnel .sc-site-header > div {padding:12px 16px;}}
@media (max-width:420px) {.starcheck-funnel .sc-header-status {display:none;} .starcheck-funnel .sc-answer-scale:nth-of-type(2) > div:first-of-type {display:grid;grid-template-columns:repeat(4,minmax(44px,1fr));}}
@container (max-width:420px) {.starcheck-funnel .sc-header-status {display:none;} .starcheck-funnel .sc-answer-scale:nth-of-type(2) > div:first-of-type {display:grid;grid-template-columns:repeat(4,minmax(44px,1fr));}}
.starcheck-funnel .sc-questionnaire .sc-choice {line-height:1.35;}
.starcheck-funnel .sc-questionnaire h2 {font-size:clamp(22px,4cqw,34px);}
.starcheck-funnel .sc-station-1 h2 {font-size:clamp(26px,5cqw,40px);}
.starcheck-funnel .sc-questionnaire :is(textarea,input[type=text]) {background:#2a2b2d;border-width:1.5px;font-size:15px;}
.starcheck-funnel .sc-scale-value {margin:0 0 10px;font-weight:600;line-height:1.5;}
.starcheck-funnel .sc-questionnaire .sc-scale-10 label {padding:12px 4px;}
@container (max-width:420px) {.starcheck-funnel .sc-questionnaire h2 {font-size:22px;} .starcheck-funnel .sc-station-1 h2 {font-size:26px;}}
.starcheck-funnel .sc-answer-scale legend {display:flex;width:100%;justify-content:space-between;align-items:center;gap:6px 12px;flex-wrap:wrap;}
.starcheck-funnel .sc-answer-scale legend > span:first-child {flex:1;min-width:0;}
.starcheck-funnel .sc-scale-caption {font:600 12px/1.5 'Inter',sans-serif;color:#FFC107;}
.starcheck-funnel .sc-questionnaire .sc-limit {font-weight:600;}
@media (max-width:420px) {.starcheck-funnel .sc-scale-caption {flex-basis:100%;}}
@container (max-width:420px) {.starcheck-funnel .sc-scale-caption {flex-basis:100%;}}
.starcheck-funnel .sc-questionnaire .sc-feeling-grid {align-items:stretch;}
.starcheck-funnel .sc-questionnaire .sc-answer-scale label {line-height:1.35;}
.starcheck-funnel .sc-questionnaire nav button:last-child {font-size:16px;}
.starcheck-funnel .sc-questionnaire nav .sc-back {border-width:1.5px;font-size:15px;font-weight:500;color:rgba(255,255,255,.84);}

/* Headings receive programmatic focus for screen-reader navigation, not interaction. */
.starcheck-funnel :is(h1,h2,h3,h4,h5,h6)[tabindex="-1"]:not([role]):not([contenteditable]):not([href]):not(:has(button,input,textarea,select,a[href],[role],[contenteditable])):focus { outline: none; }

/* Preserve keyboard focus on headings with explicit or embedded interactive semantics. */
.starcheck-funnel :is(h1,h2,h3,h4,h5,h6)[tabindex="-1"]:is([role],[contenteditable],[href],:has(button,input,textarea,select,a[href],[role],[contenteditable])):focus-visible { outline:3px solid #FFC107; outline-offset:4px; }
/* v0.3.10: result presentation only; interactive focus rules remain unchanged. */
.starcheck-funnel .sc-result-badges {display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
.starcheck-funnel .sc-result-badge {max-width:100%;white-space:normal;overflow-wrap:anywhere;font-size:12px;padding:4px 10px;}
.starcheck-funnel .sc-signal-line {font-size:14px;line-height:1.7;color:rgba(255,255,255,.84);margin:10px 0 0;overflow-wrap:anywhere;}
.starcheck-funnel .sc-signal-note {font-size:13px;line-height:1.7;color:rgba(255,255,255,.68);margin:18px 0 0;}
.starcheck-funnel .sc-result-feeling .sc-score-bar {height:8px;}
.starcheck-funnel .sc-result-interpretation {padding:24px;}
.starcheck-funnel .sc-result-interpretation h3 {font:700 17px/1.5 'Outfit',sans-serif;letter-spacing:normal;text-transform:none;margin-bottom:12px;overflow-wrap:anywhere;}
.starcheck-funnel .sc-dimension {display:flex;flex-direction:column;align-items:stretch;gap:0;padding:18px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:rgba(255,255,255,.03);min-width:0;}
.starcheck-funnel .sc-dimension strong {font-size:15px;font-weight:700;margin-bottom:12px;}
.starcheck-funnel .sc-dimension .sc-score-bar {height:8px;margin:0;}
.starcheck-funnel .sc-orientation-finale {border:1px solid rgba(255,193,7,.35);border-radius:16px;padding:24px;background:rgba(255,193,7,.04);margin-bottom:0;}
.starcheck-funnel .sc-orientation-finale .sc-result-interpretation {border:0;background:transparent;padding:0;margin-top:18px;}
.starcheck-funnel .sc-result-screen .sc-next-step {margin-top:64px;padding-top:40px;border-top:1px solid rgba(255,255,255,.22);}
@media (max-width:420px) {.starcheck-funnel .sc-result-interpretation,.starcheck-funnel .sc-orientation-finale {padding:18px;} .starcheck-funnel .sc-orientation-finale .sc-result-interpretation {padding:0;}}
@container (max-width:420px) {.starcheck-funnel .sc-result-interpretation,.starcheck-funnel .sc-orientation-finale {padding:18px;} .starcheck-funnel .sc-orientation-finale .sc-result-interpretation {padding:0;}}