/* Resultoz price ladder + "Which one is right for me?" + monthly helper cards + kid FAQ (2026-10-26).
   Shared by the home page, /pricing, the free check results page and the dashboard. Light theme, Nunito. */
.pl{font-family:'Nunito',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:#14213D;display:flex;flex-direction:column;gap:24px}
.pl *{box-sizing:border-box}
.pl-quiz{background:#FFFFFF;border:2px solid #E6EAF0;border-radius:24px;padding:20px 22px;display:flex;flex-direction:column;gap:14px}
.pl-quiz h3{margin:0;font-size:22px;font-weight:900;display:flex;align-items:center;gap:10px}
.pl-quiz-btns{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.pl-quiz-btns button{display:flex;align-items:center;gap:12px;width:100%;font-family:inherit;font-size:18px;font-weight:800;color:#14213D;background:#F6F8FB;border:2px solid #E6EAF0;border-radius:16px;padding:12px 14px;cursor:pointer;min-height:56px;text-align:left}
.pl-quiz-btns button[aria-pressed="true"]{border-color:#0B7A43;background:#F2FAF5}
.pl-quiz-btns button:focus-visible{outline:3px solid #F5A623;outline-offset:2px}
.pl-quiz-ic{width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;background:#FFFFFF}
.pl-quiz-say{margin:0;font-size:18px;font-weight:700;color:#0B5A31;min-height:1em}
.pl-quiz-say:empty{display:none}

.pl-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:40px;align-items:stretch}
.pl-card{position:relative;background:#FFFFFF;border:2px solid #E6EAF0;border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:10px;min-width:0;transition:box-shadow .2s,transform .2s}
.pl-card + .pl-card::before{content:"";position:absolute;left:-34px;top:50%;width:26px;height:26px;margin-top:-13px;border-radius:50%;background:#14213D url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/16px no-repeat}
.pl-card.pl-pick{box-shadow:0 0 0 4px #F5A623;transform:translateY(-2px)}
.pl-card.pl-dim{opacity:.55}
.pl-top{display:flex;align-items:center;gap:12px}
.pl-ic{width:48px;height:48px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;background:#F6F8FB}
.pl-card h3{margin:0;font-size:23px;font-weight:900;line-height:1.2}
.pl-was{font-size:14px;color:#5A6478;font-weight:700}
.pl-price{font-size:46px;font-weight:900;line-height:1}
.pl-when{display:inline-block;align-self:flex-start;font-size:20px;font-weight:900;letter-spacing:1px;padding:4px 12px;border-radius:10px;background:#E9ECF1;color:#14213D}
.pl-one{font-size:18px;font-weight:800;color:#34405A;margin:0;line-height:1.4}
.pl-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.pl-list li{display:flex;gap:10px;font-size:17px;line-height:1.4;color:#14213D}
.pl-list li::before{content:"";flex:0 0 auto;width:20px;height:20px;margin-top:2px;border-radius:50%;background:#0B7A43 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L19 7'/%3E%3C/svg%3E") center/12px no-repeat}
.pl-btn{margin-top:auto;display:block;text-align:center;font-size:19px;font-weight:900;text-decoration:none;color:#0B6B3A;background:#FFFFFF;border:2px solid #0B7A43;border-radius:14px;padding:14px;min-height:48px;cursor:pointer;font-family:inherit;width:100%}
.pl-btn:hover{background:#F2FAF5;color:#08502B}
.pl-btn.solid{background:#0B7A43;color:#FFFFFF}
.pl-btn.solid:hover{background:#08502B;color:#FFFFFF}
.pl-small{font-size:15px;color:#5A6478;margin:0;line-height:1.4}
.pl-small a{color:#0B6B3A;font-weight:800}
.pl-monthly{background:#F2FAF5;border-color:#0B7A43}
/* Full Automation = our top pick: bigger, thick green border, big EVERY MONTH */
.pl-best{border:4px solid #0B7A43;box-shadow:0 10px 30px rgba(11,122,67,.18);padding-top:34px}
.pl-best h3{font-size:26px}
.pl-best .pl-price{font-size:54px}
.pl-best .pl-when{font-size:24px;letter-spacing:2px;padding:6px 14px}
.pl-badge{position:absolute;top:-17px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:16px;font-weight:900;color:#3D2A00;background:#F5C451;border:2px solid #FFFFFF;border-radius:999px;padding:5px 14px}
.pl-badge svg{color:#3D2A00}

.pl-monthly .pl-ic{background:#FFFFFF;color:#0B7A43}
.pl-monthly .pl-when{background:#0B7A43;color:#FFFFFF}
.pl-starter .pl-when,.pl-pro .pl-when{background:#DCE7FA;color:#1D3E7A}
.pl-starter .pl-ic,.pl-pro .pl-ic{color:#1D3E7A}
.pl-dom{background:#F4EEFC;border-color:#7A4FC4}
.pl-dom .pl-ic{background:#FFFFFF;color:#5B2FA6}
.pl-dom .pl-when{background:#5B2FA6;color:#FFFFFF}
.pl-dom .pl-btn{border-color:#5B2FA6;color:#4A2390}
.pl-free .pl-ic{color:#0B7A43}
.pl-tag{position:absolute;top:-14px;right:18px;font-size:14px;font-weight:900;color:#6B4A00;background:#FFE8A3;border-radius:999px;padding:4px 12px}
.pl-note{margin:0;font-size:16px;color:#5A6478;text-align:center}
.pl-note strong{color:#14213D}

/* monthly helper picture cards */
.mh-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;list-style:none;margin:0;padding:0}
.mh-card{background:#FFFFFF;border:2px solid #E6EAF0;border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:10px;font-family:'Nunito',system-ui,Arial,sans-serif;color:#14213D}
.mh-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mh-ic{width:46px;height:46px;border-radius:14px;background:#F2FAF5;color:#0B7A43;display:inline-flex;align-items:center;justify-content:center}
.mh-card h3{margin:0;font-size:21px;font-weight:900;line-height:1.25}
.mh-card p{margin:0;font-size:17px;line-height:1.45;color:#34405A}
.mh-st{font-size:14px;font-weight:900;border-radius:999px;padding:4px 12px;white-space:nowrap}
.mh-st.now{background:#DDF3E6;color:#0B5A31}
.mh-st.soon{background:#E9ECF1;color:#3F4859}
.mh-st.part{background:#FFE8A3;color:#6B4A00}
.mh-card details{font-size:15px;color:#5A6478}
.mh-card summary{cursor:pointer;font-weight:800;color:#0B6B3A;min-height:32px;display:inline-flex;align-items:center}
.mh-card details p{font-size:15px;margin-top:6px}

/* kid FAQ */
.kf{display:flex;flex-direction:column;gap:12px;font-family:'Nunito',system-ui,Arial,sans-serif}
.kf details{background:#FFFFFF;border:2px solid #E6EAF0;border-radius:18px;padding:0 20px}
.kf summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:12px;padding:16px 0;font-size:20px;font-weight:900;color:#14213D;min-height:56px}
.kf summary::-webkit-details-marker{display:none}
.kf summary::after{content:"+";margin-left:auto;font-size:26px;color:#0B6B3A}
.kf details[open] summary::after{content:"–"}
.kf .kf-ic{width:34px;height:34px;border-radius:10px;background:#F2FAF5;color:#0B7A43;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.kf details p{margin:0 0 16px;font-size:18px;line-height:1.5;color:#34405A}

@media (max-width:640px){
  .pl-price{font-size:40px}
  .pl-card{padding:20px}
}

/* the 6-step path (home "How it works" + dashboard "Your path") */
.rp{font-family:'Nunito',system-ui,Arial,sans-serif;color:#14213D;display:flex;flex-direction:column;gap:18px}
.rp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.rp-step{position:relative;background:#F6F8FB;border:2px solid transparent;border-radius:24px;padding:22px;display:flex;flex-direction:column;gap:10px;min-width:0}
.rp-head{display:flex;align-items:center;gap:12px}
.rp-num{width:40px;height:40px;border-radius:50%;background:#0B7A43;color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;flex:0 0 auto}
.rp-ic{width:44px;height:44px;border-radius:14px;background:#FFFFFF;color:#0B7A43;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.rp-step h3{margin:0;font-size:24px;font-weight:900}
.rp-step p{margin:0;font-size:18px;line-height:1.45;color:#34405A}
.rp-loop{margin:0;font-size:18px;font-weight:800;color:#0B5A31;display:flex;align-items:center;gap:10px}
.rp-st{align-self:flex-start;font-size:15px;font-weight:900;border-radius:999px;padding:4px 12px}
.rp-step.done{background:#F2FAF5}
.rp-step.done .rp-st{background:#DDF3E6;color:#0B5A31}
.rp-step.now{background:#FFF4D6;border-color:#F5C451}
.rp-step.now .rp-st{background:#F5C451;color:#3D2A00}
.rp-step.next .rp-st{background:#E9ECF1;color:#3F4859}
.rp-step.next{opacity:.85}
@media (max-width:980px){.rp-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.rp-steps{grid-template-columns:1fr}.rp-step h3{font-size:22px}}
.pl-best .pl-tag{top:auto;bottom:-14px}

/* Card grid sizes itself by its own box (works on wide pages and the narrower results page).
   Arrows sit before every card except the first in each row. */
.pl{container-type:inline-size;container-name:pl}
.pl-row > .pl-card + .pl-card::before{left:50%;top:-33px;margin:0 0 0 -13px;transform:rotate(90deg)}
@container pl (min-width:600px){
  .pl-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 40px}
  .pl-row > .pl-card + .pl-card::before{left:-34px;top:50%;margin:-13px 0 0;transform:none}
  .pl-row > .pl-card:nth-child(2n+1)::before{display:none}
}
@container pl (min-width:900px){
  .pl-row{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pl-row > .pl-card:nth-child(2n+1)::before{display:block}
  .pl-row > .pl-card:nth-child(3n+1)::before{display:none}
}
@container pl (min-width:1180px){
  .pl-row{grid-template-columns:1fr 1fr 1fr 1.3fr 1fr;gap:22px 34px}
  .pl-row > .pl-card:nth-child(3n+1)::before{display:block}
  .pl-row > .pl-card:first-child::before{display:none}
  .pl-row > .pl-card + .pl-card::before{left:-30px}
  .pl-card{padding:20px}.pl-card h3{font-size:21px}.pl-price{font-size:40px}.pl-when{font-size:16px}.pl-list li{font-size:16px}.pl-btn{font-size:17px}
  .pl-best{padding-top:32px}.pl-best h3{font-size:24px}.pl-best .pl-price{font-size:50px}.pl-best .pl-when{font-size:21px}
}
.pl-title{margin:0;font-size:22px;font-weight:900}

.mh-card p.mh-plan{font-size:15px;font-weight:800;color:#0B5A31}

/* which of the 7 road steps a plan covers */
.pl-steps{border-top:2px dashed #E6EAF0;padding-top:10px;margin-top:4px}
.pl-steps-t{display:block;font-size:14px;font-weight:900;color:#34405A;margin-bottom:6px}
.pl-steps ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.pl-steps li{display:flex;align-items:center;gap:8px;font-size:14px;line-height:1.3}
.pl-steps li span{flex:0 0 auto;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900}
.pl-steps li.on span{background:#0B7A43;color:#FFFFFF}
.pl-steps li.off span{background:#E9ECF1;color:#7A8394}
.pl-steps li b{font-weight:700;color:#14213D}
.pl-steps li.off b{color:#7A8394;font-weight:600}
.pl-steps li i{font-style:normal;font-size:12px}
/* Round 7: one suggested plan, big. Other plans small below. */
.sg{font-family:'Nunito',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:#14213D;display:flex;flex-direction:column;gap:16px}
.sg *{box-sizing:border-box}
.sg-top{display:flex;align-items:flex-start;gap:14px}
.sg-face{width:56px;height:56px;border-radius:50%;background:#F5C451;color:#14213D;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.sg-face svg{width:30px;height:30px}
.sg-head{margin:0;font-size:clamp(26px,4vw,34px);font-weight:900;line-height:1.15}
.sg-say{margin:6px 0 0;font-size:20px;line-height:1.4;font-weight:700;color:#34405A}
.sg-card{position:relative;background:#FFFFFF;border:4px solid #0B7A43;border-radius:28px;padding:30px 24px 22px;display:flex;flex-direction:column;gap:12px;box-shadow:0 14px 40px rgba(11,122,67,.15)}
.sg-badge{position:absolute;top:-17px;left:22px;display:inline-flex;align-items:center;gap:6px;background:#F5C451;color:#14213D;font-size:16px;font-weight:900;border-radius:999px;padding:6px 14px}
.sg-name{display:flex;align-items:center;gap:12px}
.sg-name h3{margin:0;font-size:28px;font-weight:900}
.sg-price{display:flex;align-items:baseline;gap:10px}
.sg-price b{font-size:44px;font-weight:900;color:#0B7A43;line-height:1}
.sg-price span{font-size:18px;font-weight:900;letter-spacing:.04em;color:#0B5A31}
.sg-does-t{margin:4px 0 0;font-size:19px;font-weight:900}
.sg-does{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.sg-does li{position:relative;padding:2px 0 2px 34px!important;margin:0;font-size:19px;line-height:1.4;color:#14213D;background:none;border:0}
.sg-does li::before{content:"";position:absolute;left:0;top:3px;width:24px;height:24px;border-radius:50%;background:#0B7A43 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L19 7'/%3E%3C/svg%3E") center/14px no-repeat}
.sg-btn{display:flex;align-items:center;justify-content:center;width:100%;font-family:inherit;font-size:23px;font-weight:900;color:#FFFFFF!important;background:#0B7A43;border:0;border-radius:20px;padding:18px 24px;min-height:68px;text-decoration:none;cursor:pointer;text-align:center;margin-top:6px}
.sg-btn:hover{background:#08502B}
.sg-btn:focus-visible,.sg-o-btn:focus-visible,.sg-more summary:focus-visible{outline:3px solid #F5A623;outline-offset:3px}
.sg-have{display:flex;align-items:center;gap:8px;margin:0;font-size:20px;font-weight:900;color:#0B5A31}
.sg-small{margin:0;font-size:15px;color:#5B6478}
.sg-more{background:#F6F8FB;border-radius:20px;padding:4px 16px}
.sg-more summary{cursor:pointer;font-size:18px;font-weight:900;color:#0B5A31;min-height:48px;display:flex;align-items:center}
.sg-others{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:8px}
.sg-o{display:flex;align-items:center;gap:12px;background:#FFFFFF;border:2px solid #E6EAF0;border-radius:16px;padding:10px 12px;margin:0}
.sg-o::before{content:none}
.sg-o-ic{width:38px;height:38px;border-radius:12px;background:#EAF6EF;color:#0B7A43;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.sg-o-ic svg{width:22px;height:22px}
.sg-o-txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;font-size:15px;color:#34405A;line-height:1.35}
.sg-o-txt b{font-size:17px;color:#14213D}
.sg-o-btn{flex:0 0 auto;width:auto!important;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:16px;font-weight:900;color:#0B6B3A!important;background:#FFFFFF;border:2px solid #0B7A43;border-radius:12px;padding:8px 16px;min-height:44px;text-decoration:none;cursor:pointer}
.sg-o-cur{font-size:15px;font-weight:900;color:#0B5A31}
@media (max-width:520px){.sg-card{padding:28px 16px 18px}.sg-say{font-size:18px}.sg-does li{font-size:18px}.sg-o{flex-wrap:wrap}.sg-o-btn{width:100%!important}}
.sg-flash{animation:sg-flash 1.2s ease 2}
@keyframes sg-flash{0%,100%{box-shadow:0 14px 40px rgba(11,122,67,.15)}50%{box-shadow:0 0 0 10px rgba(245,196,81,.7)}}
.pl-helpers{margin:8px 0 0;font-size:15px;line-height:1.4;color:#34405A}.pl-helpers b{color:#14213D}