/* Aurenforge plan builder (2026-10-08) */
[data-planner]{--pl-gold:var(--gold,#45433F);--pl-deep:var(--gold-deep,#1F1E1C);--pl-pale:var(--gold-pale,#A9A59C);--pl-ink:var(--ink,#171513);--pl-ink2:var(--ink-2,#3A3631);--pl-mut:var(--muted,#736D64);--pl-line:var(--line,#E4DED3);--pl-iv:var(--ivory,#F3EFE7);--pl-iv2:var(--ivory-2,#EAE4D9);margin-top:28px}
[data-planner] button{font:inherit;color:inherit;cursor:pointer}
.pl-step{display:flex;gap:14px;align-items:flex-start;margin:34px 0 16px}
.pl-step:first-child{margin-top:0}
.pl-step h3{margin:0;font:600 21px/1.2 var(--display);letter-spacing:-.015em}
.pl-step p{margin:4px 0 0;color:var(--pl-mut);font-size:15.5px;max-width:60ch}
.pl-n{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--pl-ink);color:#F3EFE7;font:600 13px var(--mono)}
.pl-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pl-plan{position:relative;text-align:left;display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:18px;border:1.5px solid var(--pl-line);background:#fff;transition:border-color .25s,box-shadow .3s,transform .3s var(--spring,ease)}
.pl-plan:hover{transform:translateY(-2px);box-shadow:0 18px 40px -26px rgba(31,30,28,.45)}
.pl-plan[aria-checked="true"]{border-color:var(--pl-gold);box-shadow:0 0 0 3px rgba(69,67,63,.16),0 22px 46px -28px rgba(31,30,28,.55)}
.pl-top{display:flex;align-items:center;gap:8px}
.pl-no{font:600 11.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--pl-deep)}
.pl-tag{font:600 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:99px;background:#ECEBE8;color:var(--pl-deep)}
.pl-radio{margin-left:auto;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--pl-line);display:grid;place-items:center;transition:border-color .2s,background .2s}
.pl-plan[aria-checked="true"] .pl-radio{border-color:var(--pl-gold);background:var(--pl-gold)}
.pl-plan[aria-checked="true"] .pl-radio::after{content:"";width:8px;height:8px;border-radius:50%;background:#fff}
.pl-name{font:600 32px/1 var(--display);letter-spacing:-.03em;color:var(--pl-ink)}
.pl-line{font-size:16.5px;color:var(--pl-ink2);font-weight:600}
.pl-inc{display:flex;flex-direction:column;gap:7px;border-top:1px solid var(--pl-line);padding-top:14px;margin-top:4px;font-size:15px;color:var(--pl-ink2)}
.pl-inc span{position:relative;padding-left:20px}
.pl-inc span::before{content:"";position:absolute;left:2px;top:.6em;width:7px;height:7px;transform:rotate(45deg);background:var(--pl-pale)}
.pl-plan[aria-checked="true"] .pl-inc span::before{background:var(--pl-gold)}
.pl-best{margin-top:auto;padding-top:12px;font-size:13.5px;color:var(--pl-mut)}
.pl-best b{display:block;font:600 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pl-mut);margin-bottom:3px}
.pl-custom{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 20px;border-radius:14px;background:var(--pl-iv);border:1px dashed var(--pl-line);font-size:15px;color:var(--pl-ink2)}
.pl-custom b{color:var(--pl-ink)}
.pl-ghost{padding:10px 16px;border-radius:99px;border:1.5px solid var(--pl-ink);background:transparent;font-weight:600;font-size:14.5px;white-space:nowrap}
.pl-ghost[aria-pressed="true"]{background:var(--pl-ink);color:#F3EFE7}
.pl-adds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pl-add{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:16px;background:#fff;border:1.5px solid var(--pl-line);transition:border-color .25s,box-shadow .3s,background .3s}
.pl-add.on{border-color:var(--pl-gold);box-shadow:0 0 0 3px rgba(69,67,63,.12)}
.pl-add.inc{background:var(--pl-iv)}
.pl-add>p{margin:0;font-size:14px;color:var(--pl-mut);line-height:1.45}
.pl-tog{display:flex;align-items:center;gap:12px;width:100%;padding:0;border:0;background:none;text-align:left}
.pl-tog:disabled{cursor:default}
.pl-ico{flex:none;width:38px;height:38px;border-radius:11px;background:var(--pl-iv);display:grid;place-items:center;color:var(--pl-deep);transition:background .25s,color .25s}
.pl-ico svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pl-add.on .pl-ico{background:var(--pl-ink);color:var(--pl-pale)}
.pl-at{flex:1;min-width:0}
.pl-at b{display:block;font:600 16px/1.2 var(--display);color:var(--pl-ink)}
.pl-at small{font:500 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--pl-mut)}
.pl-sw{flex:none;width:42px;height:24px;border-radius:99px;background:var(--pl-iv2);position:relative;transition:background .25s}
.pl-sw i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .3s var(--spring,ease)}
.pl-add.on .pl-sw{background:var(--pl-gold)}
.pl-add.on .pl-sw i{transform:translateX(18px)}
.pl-add.inc .pl-sw{opacity:.35}
.pl-tiers{display:flex;gap:6px}
.pl-tiers button{flex:1;padding:8px 6px;border-radius:10px;border:1px solid var(--pl-line);background:var(--pl-iv);text-align:center;line-height:1.2;transition:background .2s,border-color .2s,opacity .2s}
.pl-tiers button b{display:block;font:600 13.5px var(--display)}
.pl-tiers button small{font-size:11.5px;color:var(--pl-mut)}
.pl-tiers button[aria-checked="true"]{background:var(--pl-ink);border-color:var(--pl-ink);color:#F3EFE7}
.pl-tiers button[aria-checked="true"] small{color:var(--pl-pale)}
.pl-tiers button:disabled{opacity:.45;cursor:default}
.pl-incl{align-self:flex-start;font:600 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:99px;background:#E3EFE7;color:#2F6B45}
@keyframes plpop{from{transform:scale(.85);opacity:0}}
.f-setup{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:12px;background:#ECEBE8;font-size:14px;color:var(--pl-ink,#171513)}
.f-setup b{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--pl-deep,#1F1E1C)}
.f-setup button{margin-left:auto;border:0;background:none;text-decoration:underline;font-size:13px;cursor:pointer;color:inherit}
/* v2 stage ladder: finder, rail, "you're here if", why panel */
.pl-find{border-radius:20px;background:var(--pl-ink);color:#F3EFE7;padding:26px 28px;min-height:178px;position:relative;overflow:hidden}
.pl-find::after{content:"";position:absolute;right:-60px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(169,165,156,.22),transparent 65%);pointer-events:none}
.pf-prog{display:flex;align-items:center;justify-content:space-between;gap:12px;font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pl-pale)}
.pf-dots{display:flex;gap:6px}
.pf-dots i{width:26px;height:4px;border-radius:4px;background:rgba(255,255,255,.16);transition:background .3s}
.pf-dots i.done{background:var(--pl-pale)}
.pf-dots i.on{background:#fff}
.pf-text{margin:16px 0 20px;font:600 clamp(21px,2.4vw,27px)/1.25 var(--display);letter-spacing:-.015em;max-width:34ch;animation:pfin .35s var(--spring,ease)}
@keyframes pfin{from{opacity:0;transform:translateY(6px)}}
.pf-btns{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.pf-a{min-width:96px;padding:12px 22px;border-radius:99px;border:1.5px solid rgba(242,242,240,.35)!important;background:transparent;color:#F3EFE7!important;font-weight:600!important;font-size:16px;transition:background .2s,border-color .2s,color .2s}
.pf-a:hover,.pf-a:focus-visible{background:#F3EFE7;color:var(--pl-ink)!important;border-color:#F3EFE7!important}
.pf-link{border:0;background:none;padding:8px 6px;text-decoration:underline;text-underline-offset:3px;font-size:14px;color:inherit;opacity:.75}
.pf-link:hover{opacity:1}
.pf-res{display:flex;gap:24px;align-items:flex-start;animation:pfin .4s var(--spring,ease)}
.pf-badge{flex:none;width:112px;height:112px;border-radius:50%;border:1.5px solid rgba(169,165,156,.55);display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,rgba(169,165,156,.2),transparent 70%)}
.pf-badge small,.pf-badge span{font:600 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pl-pale)}
.pf-badge b{font:600 46px/1 var(--display);color:#fff;margin:2px 0}
.pf-rt{min-width:0}
.pf-rt>small{font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pl-pale)}
.pf-rt h4{margin:6px 0 8px;font:600 clamp(22px,2.5vw,28px)/1.15 var(--display);letter-spacing:-.02em;color:#fff}
.pf-rt p{margin:0;max-width:62ch;color:#E4DED3;font-size:15.5px;line-height:1.5}
.pf-rt .pf-set{margin-top:10px;color:var(--pl-pale);font-size:14px}
.pf-acts{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:16px}
.pl-find .pl-ghost{border-color:#F3EFE7;color:#F3EFE7}
.pl-find .pl-ghost:hover{background:#F3EFE7;color:var(--pl-ink)}
.pl-rail{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 14px}
.pl-node{position:relative;z-index:1;display:flex;align-items:center;gap:10px;padding-left:2px}
.pl-dot{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1.5px solid var(--pl-line);font:600 13px var(--mono);color:var(--pl-mut);transition:background .3s,border-color .3s,color .3s,transform .3s var(--spring,ease)}
.pl-nt b{display:block;font:600 15px/1.15 var(--display);color:var(--pl-ink2)}
.pl-nt small{font:600 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pl-mut)}
.pl-node.past .pl-dot{background:var(--pl-pale);border-color:var(--pl-pale);color:var(--pl-ink)}
.pl-node.on .pl-dot{background:var(--pl-gold);border-color:var(--pl-gold);color:#fff;transform:scale(1.12);box-shadow:0 0 0 5px rgba(69,67,63,.15)}
.pl-node.on .pl-nt b{color:var(--pl-ink)}
.pl-track{position:absolute;left:16px;right:calc(33.33% - 16px);top:14px;height:2px;background:var(--pl-line);z-index:0}
.pl-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--pl-pale),var(--pl-gold));transition:width .5s var(--spring,ease)}
.pl-here{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:12px;background:var(--pl-iv);font-size:14px;color:var(--pl-ink2)}
.pl-here b{font:600 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pl-deep)}
.pl-here span{position:relative;padding-left:18px;line-height:1.4}
.pl-here span::before{content:"";position:absolute;left:1px;top:.42em;width:9px;height:9px;border-radius:50%;border:1.5px solid var(--pl-gold)}
.pl-plan[aria-checked="true"] .pl-here{background:#ECEBE8}
.pl-why{margin-top:16px;display:grid;grid-template-columns:1.05fr 1fr;gap:0;border-radius:20px;border:1.5px solid var(--pl-line);background:#fff;overflow:hidden;animation:pfin .35s var(--spring,ease)}
.pw-a,.pw-b{padding:24px 26px}
.pw-b{background:var(--pl-iv);border-left:1px solid var(--pl-line)}
.pw-a>small{font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pl-deep)}
.pw-a h4{margin:6px 0 8px;font:600 25px/1.15 var(--display);letter-spacing:-.02em;color:var(--pl-ink)}
.pw-a>p{margin:0 0 16px;color:var(--pl-ink2);font-size:15.5px;line-height:1.55}
.pw-h{display:block;margin-bottom:8px;font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pl-mut)}
.pl-why ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;font-size:15px;color:var(--pl-ink2)}
.pl-why li{position:relative;padding-left:24px;line-height:1.45}
.pw-here li::before{content:"";position:absolute;left:2px;top:.38em;width:11px;height:11px;border-radius:50%;border:1.5px solid var(--pl-gold)}
.pw-up li::before{content:"";position:absolute;left:1px;top:.28em;width:13px;height:13px;border-radius:4px;border:1.5px solid var(--pl-mut);opacity:.7}
.pw-next{margin-top:18px;padding:16px;border-radius:14px;background:var(--pl-ink);color:#F3EFE7}
.pw-next small{font:600 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pl-pale)}
.pw-next ul{margin:8px 0 14px;color:#EAE4D9}
.pw-nl li::before{content:"+";position:absolute;left:3px;top:-.05em;font:600 16px var(--mono);color:var(--pl-pale)}
.pw-next .pl-ghost{border-color:#F3EFE7;color:#F3EFE7}
.pw-next .pl-ghost:hover{background:#F3EFE7;color:var(--pl-ink)}
.pw-credit{margin:14px 0 0;font-size:14px;color:var(--pl-ink2);line-height:1.5}
.pw-credit b{color:var(--pl-ink)}
@media (max-width:900px){.pl-why{grid-template-columns:1fr}.pw-b{border-left:0;border-top:1px solid var(--pl-line)}.pl-rail{gap:6px}.pl-nt small{display:none}.pl-nt b{font-size:13px}.pl-track{right:calc(33.33% - 6px)}}
@media (max-width:640px){.pl-find{padding:22px 18px}.pf-res{flex-direction:column;gap:14px}.pf-badge{width:84px;height:84px}.pf-badge b{font-size:34px}.pf-dots i{width:16px}.pw-a,.pw-b{padding:20px 18px}.pl-nt b{font-size:12px;line-height:1.1}.pl-dot{width:26px;height:26px;font-size:12px}.pl-track{top:12px}}
@media (max-width:1000px){.pl-adds{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.pl-plans{grid-template-columns:1fr}.pl-name{font-size:28px}}
@media (max-width:640px){.pl-adds{grid-template-columns:1fr}.pl-custom{flex-direction:column;align-items:flex-start}}
@media (prefers-reduced-motion:reduce){[data-planner] *{transition:none!important;animation:none!important}}
.pl-find .pf-main{background:#F3EFE7;color:var(--pl-ink);border-color:#F3EFE7}.pl-find .pf-main:hover{background:#fff}

/* v3 (T, 2026-10-09): one step per page, a slim light "Your setup" panel, glass Next pill with the black play circle */
.pl-steps{list-style:none;margin:0 0 28px;padding:0;display:flex;flex-wrap:wrap;gap:6px 22px;counter-reset:none}
.pl-steps li{display:flex;align-items:center;font:600 14px var(--display);color:var(--pl-mut)}
.pl-steps li+li::before{content:"";width:22px;height:1px;background:var(--pl-line);margin-right:22px}
.pl-steps a,.pl-steps span{display:inline-flex;align-items:center;gap:9px;color:inherit;text-decoration:none}
.pl-steps a:hover{color:var(--pl-ink)}
.pl-steps i{font:600 12px var(--mono);font-style:normal;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--pl-line);background:#fff;color:var(--pl-mut)}
.pl-steps li.past i{background:var(--pl-pale);border-color:var(--pl-pale);color:var(--pl-ink)}
.pl-steps li.on{color:var(--pl-ink)}
.pl-steps li.on i{background:#161411;border-color:#161411;color:#fff}
/* the play circle used by Next and the stage prompt */
.pc{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#161411;color:#fff;font-style:normal;transition:transform .3s var(--spring,ease)}
.pc .pi{width:13px;height:13px;margin-left:2px}
/* Next: a glass pill with the black play circle, like the header */
.nx{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px;padding:5px 5px 5px 22px;border-radius:999px;font:600 16px var(--display);letter-spacing:-.005em;color:var(--pl-ink);text-decoration:none;
  background-color:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(12px) saturate(1.9) brightness(1.08);backdrop-filter:blur(12px) saturate(1.9) brightness(1.08);
  box-shadow:0 0 0 .5px rgba(13,13,12,.16);transition:box-shadow .25s,background-color .25s}
.nx:hover{background-color:rgba(255,255,255,.3);box-shadow:0 0 0 .5px rgba(13,13,12,.3)}
.nx:hover .pc,.pl-findcta:hover .pc{transform:translateX(3px)}
/* stage prompt and result on the plans page */
.pl-findcta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 22px;padding:12px 12px 12px 20px;border-radius:999px;border:1px solid var(--pl-line);background:var(--pl-iv);color:var(--pl-ink2);text-decoration:none;font-size:15px}
.pl-findcta b{color:var(--pl-ink)}
.pl-found{display:flex;gap:20px;align-items:center;margin:0 0 22px;padding:18px 22px;border-radius:20px;background:#161411;color:#F3EFE7}
.pl-found .pf-badge{width:84px;height:84px}
.pl-found .pf-badge b{font-size:34px}
.pl-found .pf-rt{flex:1}
.pl-found .pf-rt h4{font-size:clamp(19px,2vw,23px)}
.pl-found .pf-rt p{font-size:14.5px}
.pl-found .pf-link{align-self:flex-start;color:#F3EFE7}
.pl-inc b{display:block;font:600 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pl-mut);margin-bottom:2px}
.pl-inc b::before{content:none}
.pl-why{margin-top:22px}
.pl-custom{margin-top:16px}
/* add-ons page: the ones already in the plan are listed once, under one label */
.pl-incsec{margin-top:32px;padding:20px 22px;border-radius:18px;background:var(--pl-iv);border:1px solid var(--pl-line)}
.pl-ih{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:14px}
.pl-ih b{font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#2F6B45}
.pl-ih span{font-size:14.5px;color:var(--pl-mut)}
.pl-ilist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}
.pl-ilist li{display:flex;gap:12px;align-items:flex-start}
.pl-ilist .pl-ico{width:34px;height:34px;background:#fff}
.pl-ilist b{display:block;font:600 15px/1.25 var(--display);color:var(--pl-ink)}
.pl-ilist small{display:block;font-size:13.5px;color:var(--pl-mut);line-height:1.4;margin-top:2px}
/* Your setup: slim, light, sits beside the step on wide screens */
.pl-sum{display:flex;flex-direction:column;gap:14px;padding:18px 16px 16px;border-radius:20px;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);border:1px solid var(--pl-line);color:var(--pl-ink)}
.pl-sk{font:600 10.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--pl-mut)}
.pl-sb{display:flex;flex-direction:column;gap:14px}
.pl-sg{display:flex;flex-direction:column;gap:3px;padding-top:12px;border-top:1px solid var(--pl-line)}
.pl-sg>b{font:600 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pl-mut);margin-bottom:3px}
.pl-pv{font:600 22px/1.1 var(--display);letter-spacing:-.02em}
.pl-ps{font-size:13px;color:var(--pl-mut)}
.pl-sg ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;font-size:14px;line-height:1.3;color:var(--pl-ink2)}
.pl-sg li{position:relative;padding-left:15px}
.pl-sg li::before{content:"";position:absolute;left:1px;top:.45em;width:6px;height:6px;transform:rotate(45deg);background:var(--pl-pale)}
.pl-sg li.on::before{background:#161411}
.pl-sg li small{color:var(--pl-mut);font-size:12.5px}
.pl-none{font-size:13.5px;color:var(--pl-mut)}
.pl-sum .nx{width:100%}
.pl-note{margin:0;font-size:12.5px;line-height:1.4;color:var(--pl-mut)}
.pl-sumline{display:none}
@media (min-width:1100px){
  .pl-wrap{display:grid;grid-template-columns:minmax(0,1fr) 236px;gap:28px;align-items:start}
  .pl-main{min-width:0}
  .pl-side{position:sticky;top:calc(var(--navh,60px) + 2*var(--navpad,10px) + 16px)}
}
@media (max-width:1099px){
  .pl-side{position:sticky;bottom:12px;z-index:5;margin-top:24px}
  .pl-sum{position:relative;isolation:isolate;flex-direction:row;align-items:center;gap:10px;padding:6px 6px 6px 18px;border-radius:999px;border-color:transparent;background-color:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(18px) saturate(1.9) brightness(1.08);backdrop-filter:blur(18px) saturate(1.9) brightness(1.08);box-shadow:0 0 0 .5px rgba(13,13,12,.16)}
  .pl-sk,.pl-sb,.pl-note{display:none}
  .pl-sumline{display:block;flex:1;min-width:0;font-weight:600;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pl-sum .nx{width:auto;min-height:44px;padding-left:18px;font-size:15px}
  .pl-sum .nx .pc{width:34px;height:34px}
}
/* setup page: one review card, labels by section */
.pl-review{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
.pr-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;border-radius:22px;border:1px solid var(--pl-line);background:#fff;overflow:hidden}
.pr-plan{grid-column:1/-1;padding:26px 28px;background:#161411;color:#F3EFE7}
.pr-plan small{font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pl-pale)}
.pr-plan h3{margin:6px 0 6px;font:600 clamp(34px,4vw,46px)/1 var(--display);letter-spacing:-.03em;color:#fff}
.pr-plan p{margin:0;color:#E4DED3;font-size:16px}
.pr-plan .pr-edit{color:#F3EFE7}
.pr-sec{padding:24px 28px;display:flex;flex-direction:column;gap:12px}
.pr-sec+.pr-sec{border-left:1px solid var(--pl-line)}
.pr-h{font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pl-mut)}
.pr-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:15.5px;color:var(--pl-ink2)}
.pr-list li{position:relative;padding-left:20px;line-height:1.4}
.pr-list li::before{content:"";position:absolute;left:2px;top:.5em;width:7px;height:7px;transform:rotate(45deg);background:var(--pl-pale)}
.pr-list.add li::before{background:#161411}
.pr-list small{display:block;font:500 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--pl-mut);margin-top:2px}
.pr-none{margin:0;font-size:15px;color:var(--pl-mut)}
.pr-edit{align-self:flex-start;margin-top:4px;font-size:14px;font-weight:600;color:var(--pl-ink);text-underline-offset:3px}
.pr-plan .pr-edit{display:inline-block;margin-top:12px}
.pr-go{grid-column:1/-1;display:flex;align-items:center;gap:14px 24px;flex-wrap:wrap;padding:22px 28px;border-top:1px solid var(--pl-line);background:var(--pl-iv)}
.pr-go p{margin:0;flex:1;min-width:220px;font-size:14.5px;color:var(--pl-ink2)}
.pr-next{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pr-next li{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border-radius:16px;background:var(--pl-iv)}
.pr-next i{font:600 12px var(--mono);font-style:normal;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#161411;color:#fff;margin-bottom:6px}
.pr-next b{font:600 16px/1.25 var(--display);color:var(--pl-ink)}
.pr-next span{font-size:14.5px;color:var(--pl-ink2);line-height:1.45}
@media (max-width:760px){
  .pl-steps{gap:6px 12px}.pl-steps li+li::before{width:10px;margin-right:12px}.pl-steps li{font-size:13px}.pl-steps a,.pl-steps span{gap:6px}
  .pl-found{flex-direction:column;align-items:flex-start;gap:12px;padding:18px}
  .pl-findcta{border-radius:18px;font-size:14.5px}
  .pl-ilist{grid-template-columns:1fr}
  .pr-card{grid-template-columns:1fr}.pr-sec+.pr-sec{border-left:0;border-top:1px solid var(--pl-line)}
  .pr-plan,.pr-sec,.pr-go{padding-inline:20px}
  .pr-next{grid-template-columns:1fr}
}
@media (max-width:520px){.pl-steps li:not(.on) a{font-size:0;gap:0}.pl-steps li:not(.on) a i{font-size:12px}}

/* v4 (T 2026-10-09): stage rail with curved arrows, plan cards as a deck you flip through (the top card is the plan) */
.pl-rail{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px;padding:34px 0}
.pl-node{position:relative;z-index:1;display:flex;align-items:center;gap:10px;padding:0 0 0 2px;border:0;background:none;text-align:left}
.pl-node:focus-visible{outline:2px solid var(--pl-ink);outline-offset:4px;border-radius:8px}
.pl-track{display:none}
.pl-arcs{position:absolute;left:0;top:0;overflow:visible;pointer-events:none;z-index:0}
.pl-arc{fill:none;stroke:#C9F5D6;stroke-width:2;stroke-linecap:round;transition:stroke .35s}
.pl-arc.on{stroke:#16C653}
.hd-off{fill:#C9F5D6;stroke:#C9F5D6}.hd-on{fill:#16C653;stroke:#16C653}
.pl-deckwrap{display:grid;gap:22px}
.pl-deckcol{min-width:0}
@media (max-width:900px){
  .pl-deck{position:relative;display:grid;padding:0 30px 26px 0;outline:0;touch-action:pan-y;user-select:none;-webkit-user-select:none;perspective:1400px}
  .pl-deck:focus-visible{box-shadow:0 0 0 3px rgba(13,13,12,.22);border-radius:20px}
  .pl-deck .pl-plan{grid-area:1/1;align-self:stretch;transform-origin:0% 50%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .25s;box-shadow:0 1px 0 rgba(13,13,12,.03),0 14px 30px -24px rgba(13,13,12,.35)}
  .pl-deck .pl-plan[data-pos="0"]{z-index:3;transform:none}
  .pl-deck .pl-plan[data-pos="1"]{z-index:2;transform:translate(13px,10px) rotate(1.4deg);pointer-events:none}
  .pl-deck .pl-plan[data-pos="2"]{z-index:1;transform:translate(25px,19px) rotate(2.8deg);pointer-events:none}
  .pl-deck .pl-plan[data-pos="0"]:hover{transform:translateY(-3px)}
  .pl-deck .pl-plan.pl-out{z-index:6!important;transform:perspective(1600px) rotateY(-110deg)!important;transition:transform .5s cubic-bezier(.45,0,.55,1)!important}
  .pl-deck .pl-plan.pl-in{z-index:6!important;transform:perspective(1600px) rotateY(-110deg)!important;transition:none!important}
  .pl-deck .pl-plan.pl-snap{transition:none!important}
  .pl-deck .pl-plan.pl-drag{transition:none!important;z-index:6}
  .pl-deckctl{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:30px;margin-top:4px}
}
.pl-deckn{font:600 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pl-mut)}
@media (min-width:901px){
  .pl-deck{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .pl-deck .pl-plan{transition:transform .3s var(--spring,ease),box-shadow .3s,border-color .25s}
  .pl-deck .pl-plan:hover{transform:translateY(-3px)}
  .pl-deckctl{display:none}
  .pl-deckwrap .pl-why{margin-top:0}
}
@media (max-width:640px){.pl-rail{padding:30px 0;gap:6px}.pl-deck{padding:0 22px 20px 0}.pl-deckctl{padding-right:22px}.pl-deck .pl-plan[data-pos="1"]{transform:translate(7px,8px) rotate(.7deg)}.pl-deck .pl-plan[data-pos="2"]{transform:translate(13px,15px) rotate(1.3deg)}}
@media (prefers-reduced-motion:reduce){.pl-deck .pl-plan{transition:none}}

/* green is the one accent (T 2026-10-09): only for done and selected states */
[data-planner]{--pl-ok:#16C653}
.pl-add.on .pl-sw{background:var(--pl-ok)}
.pl-add.on{border-color:var(--pl-ok);box-shadow:0 0 0 3px rgba(22,198,83,.14)}
.pl-plan[aria-checked="true"]{border-color:var(--pl-ok);box-shadow:0 0 0 3px rgba(22,198,83,.16),0 14px 30px -24px rgba(13,13,12,.35)}
.pl-plan[aria-checked="true"] .pl-radio{border-color:var(--pl-ok);background:var(--pl-ok)}
.pl-steps li.past i{background:var(--pl-ok);border-color:var(--pl-ok);color:#fff}
.pl-node.past .pl-dot{background:var(--pl-ok);border-color:var(--pl-ok);color:#fff}
.pl-sg li.on::before,.pr-list.add li::before{background:var(--pl-ok)}