/* Free automation plan page — layered on top of free-review.css */
.plan-brand{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:64px 0 30px;text-align:center;display:flex;flex-direction:column;align-items:center}
.plan-brand .eyebrow{margin-bottom:28px}
.plan-logo{width:min(720px,100%);height:auto;display:block;filter:drop-shadow(0 0 42px rgba(184,255,44,.16))}
.plan-tagline{margin:26px 0 0;font-size:clamp(20px,2.4vw,28px);line-height:1.35;color:#e6ece3;letter-spacing:-.01em;max-width:760px}
.plan-tagline span{color:#b8ff2c}
.plan-sub{margin:14px 0 0;font-size:16px;line-height:1.6;color:#aeb7ab;max-width:640px}
.plan-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:26px 0 0;padding:0;list-style:none}
.plan-pills li{padding:8px 14px;border-radius:999px;border:1px solid rgba(184,255,44,.24);background:rgba(14,25,15,.7);color:#dfe6dc;font-size:13px}
.plan-main{width:min(1180px,calc(100% - 40px));margin:0 auto;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:start;padding:30px 0 80px}
.plan-steps{position:sticky;top:28px;display:grid;gap:14px}
.plan-steps h2{font-size:clamp(34px,3.6vw,48px);line-height:1;letter-spacing:-.05em;margin:12px 0 6px}
.plan-steps h2 span{color:#b8ff2c}
.plan-steps>p{color:#cbd2c8;line-height:1.65;margin:0 0 8px}
.plan-step{padding:18px 20px;border:1px solid rgba(184,255,44,.19);background:linear-gradient(160deg,rgba(14,25,15,.92),rgba(5,10,6,.86));border-radius:18px;box-shadow:inset 0 1px rgba(255,255,255,.035)}
.plan-step strong{display:block;color:#b8ff2c;font-size:13px;letter-spacing:.12em;margin-bottom:6px}
.plan-step span{color:#ecf1e9;line-height:1.45;font-size:15px}
.plan-section{margin:10px 0 0;padding-top:16px;border-top:1px solid rgba(184,255,44,.12);color:#b8ff2c;font-size:11px;font-weight:800;letter-spacing:.19em}
.plan-section:first-of-type{border-top:0;padding-top:0;margin-top:0}
.review-panel fieldset{border:0;margin:0;padding:0;display:grid;gap:9px;min-width:0}
.review-panel legend{padding:0;margin-bottom:9px;font-size:12px;font-weight:760;color:#dce3d9}
.checks{display:flex;flex-wrap:wrap;gap:8px}
.review-panel .checks label{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid rgba(182,204,180,.18);border-radius:999px;background:#081009;font-weight:600;font-size:13px;cursor:pointer}
.review-panel .checks input{width:auto;margin:0;padding:0;accent-color:#b8ff2c}
.review-panel .checks label:has(input:checked){border-color:#b8ff2c;background:rgba(184,255,44,.09)}
.req{color:#b8ff2c}
@media(max-width:980px){.plan-main{grid-template-columns:1fr;gap:32px}.plan-steps{position:static}}
@media(max-width:640px){.plan-brand,.plan-main{width:calc(100% - 26px)}.plan-brand{padding-top:40px}.plan-main{padding-bottom:56px}}
.plan-brand h1{margin:0;width:100%;line-height:0}
.plan-logo{margin:0 auto;mix-blend-mode:screen}
.review-panel label>.lbl{color:#dce3d9;font-weight:760}
.review-panel label>.lbl i{font-style:normal;color:#899486;font-weight:500}
.req{font-weight:800}
.plan-logo{-webkit-mask-image:radial-gradient(ellipse 72% 80% at 50% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 72% 80% at 50% 50%,#000 62%,transparent 100%)}

/* Page-specific darker background - 2026-10-05 */
html{background:#010201}
body{background:radial-gradient(circle at 16% 34%,rgba(184,255,44,.03),transparent 24%),#010201}
.plan-brand h1{margin:0;font-size:clamp(44px,5.5vw,72px);line-height:.98;letter-spacing:-.055em;color:#f4f7f4}

/* Audit 2026-10-08: accessible, touch-friendly active states for blueprint checkboxes. */
.review-panel .checks label{min-height:44px;color:#e4eee2;transition:border-color .16s,background .16s,box-shadow .16s}
.review-panel .checks input[type="checkbox"]{width:18px;height:18px;min-width:18px;padding:0;accent-color:#b8ff2c;cursor:pointer}
.review-panel .checks label:has(input:checked){border-color:#b8ff2c;background:rgba(184,255,44,.17);box-shadow:inset 0 0 0 1px rgba(184,255,44,.24);color:#fff}
.review-panel .checks label:focus-within{outline:2px solid #b8ff2c;outline-offset:3px}
@media(max-width:420px){.plan-brand h1{font-size:clamp(38px,10vw,44px);line-height:1.07;overflow-wrap:break-word}}


.roi-handoff{margin:0 0 18px;padding:18px 20px;border:1px solid rgba(184,255,44,.22);background:linear-gradient(145deg,rgba(184,255,44,.055),rgba(255,255,255,.012));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.roi-handoff strong{display:block;color:#b8ff2c;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.roi-handoff p{margin:0;color:#a4afa7;font-size:12px;line-height:1.6}
/* Oct 2026 visual polish: keep the blueprint page premium rather than neon-green. */
body{background:radial-gradient(circle at 16% 34%,rgba(184,255,44,.015),transparent 24%),#030604!important}
.hero-copy h1{line-height:1.02!important}
.hero-copy h1 span,.plan-tagline span{color:#b8ff2c!important;text-shadow:none!important}
.plan-logo{filter:drop-shadow(0 0 18px rgba(184,255,44,.06))!important}
.proof-grid div{border-color:rgba(255,255,255,.11)!important;background:linear-gradient(160deg,rgba(16,21,17,.92),rgba(5,8,6,.86))!important}
.fit-card,.review-panel{border-color:rgba(255,255,255,.14)!important}
.fit-card{background:linear-gradient(135deg,rgba(18,23,19,.78),rgba(4,9,5,.9))!important}
.review-panel{background:linear-gradient(160deg,rgba(14,20,16,.97),rgba(5,9,6,.98))!important}
.review-panel button{background:linear-gradient(180deg,#d3ff68 0%,#b8ff2c 46%,#9fe51e 100%)!important;box-shadow:0 10px 28px rgba(184,255,44,.08)!important}
@media(max-width:640px){.hero-copy h1{line-height:1.04!important}}
/* Oct 2026 blueprint accents: soften secondary lime elements. */
.plan-steps h2 span,.plan-step strong,.plan-section{color:#b8ff2c!important;text-shadow:none!important}
.plan-pills li{border-color:rgba(184,255,44,.15)!important;background:rgba(12,16,13,.72)!important}
.plan-step{border-color:rgba(184,255,44,.12)!important;background:linear-gradient(160deg,rgba(14,18,15,.92),rgba(5,8,6,.9))!important}
.plan-section{border-top-color:rgba(184,255,44,.08)!important}
.review-panel .checks input{accent-color:#b8ff2c!important}
.review-panel .checks label:has(input:checked){border-color:rgba(184,255,44,.48)!important;background:rgba(184,255,44,.08)!important;box-shadow:inset 0 0 0 1px rgba(184,255,44,.1)!important}

/* 2026-10-29: match the free blueprint submit button to the core FutraDay lime. */
#free-plan-form button[type="submit"]{background:#b8ff2c!important;background-image:none!important;color:#050706!important;border:1px solid #b8ff2c!important;box-shadow:none!important;text-shadow:none!important}


/* Blueprint form: same dark glass as other FutraDay cards, without a green
   overlay. Field and tool-chip surfaces remain distinct and accessible. */
html body .plan-main .review-panel {
  background: var(--fd-glass-surface) !important;
  border: 1px solid var(--fd-glass-stroke) !important;
  border-radius: var(--fd-glass-radius) !important;
  box-shadow: var(--fd-glass-highlight), var(--fd-glass-depth) !important;
}
html body .plan-main .review-panel::before {
  content: none !important;
  background: none !important;
}
html body .plan-main .review-panel .checks label {
  background: #080b09 !important;
  border-color: rgba(230,234,232,.16) !important;
  color: #e4ede5 !important;
  box-shadow: none !important;
}
html body .plan-main .review-panel .checks label:has(input:checked) {
  background: #10170d !important;
  border-color: rgba(184,255,44,.46) !important;
  box-shadow: inset 0 0 0 1px rgba(184,255,44,.06) !important;
}
html body .plan-main .review-panel :is(
  input:not([type="checkbox"]), select, textarea
) {
  background: linear-gradient(180deg,#060906,#090d0a) !important;
  border-color: rgba(230,234,232,.16) !important;
}
html body .plan-main .review-panel :is(input,select,textarea):focus-visible {
  border-color: rgba(184,255,44,.64) !important;
  outline: 2px solid rgba(184,255,44,.58);
  outline-offset: 2px;
}
