/* PREVIEW: 3-column bookkeeping pricing + custom quote form (pop-up) + picker bar. Builds on site.css. */
.pkgs3 .pkg h3{margin-bottom:2px}
.pkgs3 .pkg .for{color:var(--mute);font-size:14.5px;margin:0}
.pkgs3 .pkg .blurb{color:#6b7686;font-size:13.5px;line-height:1.45;margin:8px 0 0;font-weight:400}
.pkgs3 .price-slot{outline:2px dashed #e0a100;outline-offset:4px;border-radius:6px;position:relative}
.pkgs3 .price-slot::after{content:"PRICE PLACEHOLDER: confirm";position:absolute;top:-22px;right:0;font:600 10.5px/1 Inter,sans-serif;letter-spacing:.04em;color:#8a6200;background:#fff4d6;padding:3px 6px;border-radius:4px}
.pkgs3 .price strong{font-size:28px}
.pkgs3 .price .q{font:600 22px/1.2 Poppins,sans-serif;color:var(--navy)}
.pkgs3 .plist{list-style:none;margin:16px 0 22px;padding:16px 0 0;border-top:1px solid rgba(0,36,109,.1);display:grid;gap:9px}
.pkgs3 .plist li{position:relative;padding-left:16px;font-size:15px;line-height:1.45;color:var(--ink);font-weight:400}
.pkgs3 .plist li::before{content:"";position:absolute;left:2px;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--blue);opacity:.55}
.pkgs3 .plist li.lead{padding-left:16px;color:#4a5568;font-weight:400;font-size:15px;line-height:1.45}
.pkgs3 .plist li.lead::before{display:none}
.pkgs3 .plist li.lead{font-style:normal}
.pkgs3 .plist li.lead strong{font-weight:600;color:#3a4556;font-style:normal}
.pkgs3 .plist li.lead-sub{padding-left:28px;font-size:13.5px;line-height:1.4;color:#6b7686;margin-top:-5px;font-weight:400;font-style:normal}
.pkgs3 .plist li.lead-sub::before{display:none}
main .pkg li.lead-sub{color:#6b7686;font-size:13.5px;line-height:1.4}
.pkgs3 .plist li.vol{font-weight:600;color:var(--navy)}
.pkgs3 .plist li.sub{padding-left:28px;font-size:13.5px;line-height:1.4;color:#6b7686;margin-top:-5px;font-weight:400}
.pkgs3 .plist li.sub::before{display:none}
main .pkg li.sub{color:#6b7686;font-size:13.5px;line-height:1.4}
.pkgs3 .pkg .btn{margin-top:auto;width:100%;justify-content:center}

/* Picker bar — colour-graded chips; quote top-right opposite heading on desktop */
.picker-bar{margin-top:22px;padding:18px 20px 16px;background:#fff;border:1px solid #e6ecf3;border-radius:18px;display:flex;flex-direction:column;gap:14px}
.picker-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}
.picker-head{flex:1 1 260px;min-width:0}
.picker-head h3{margin:0;font-size:18px;color:var(--navy)}
.picker-head p{margin:6px 0 0;color:var(--mute);font-size:14.5px}
.picker-actions{display:flex;align-items:center;flex:0 0 auto;margin-left:auto}
.picker-actions .btn{justify-content:center;white-space:nowrap;font-size:14px;line-height:1.2;padding:10px 18px;border-radius:999px;min-height:38px;height:auto}
.picker-bar .chips{display:flex;flex-wrap:wrap;gap:7px;margin:0;width:100%}
.picker-bar .chip{appearance:none;border:1px solid transparent;color:var(--navy);font:500 13px/1.2 Inter,sans-serif;padding:7px 10px;border-radius:999px;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s,color .15s;flex:0 0 auto}
/* Same soft palette cycle as home .sv-ictint / feat3 icon tiles */
.picker-bar .chip:nth-child(6n+1){background:#e9f5ed;border-color:#c5e0cf;color:#0f2a4a}
.picker-bar .chip:nth-child(6n+2){background:#e8f1fc;border-color:#c0d4ef;color:#0f2a4a}
.picker-bar .chip:nth-child(6n+3){background:#f0ecfb;border-color:#d4c8ef;color:#0f2a4a}
.picker-bar .chip:nth-child(6n+4){background:#faeaee;border-color:#ecc6d0;color:#0f2a4a}
.picker-bar .chip:nth-child(6n+5){background:#fcf1de;border-color:#efd7a8;color:#0f2a4a}
.picker-bar .chip:nth-child(6n+6){background:#e1f3f1;border-color:#b7ded9;color:#0f2a4a}
.picker-bar .chip:hover{filter:brightness(.97);box-shadow:0 0 0 1px rgba(0,36,109,.12)}
.picker-bar .chip[aria-pressed="true"]{font-weight:600;box-shadow:inset 0 0 0 2px var(--navy);border-color:var(--navy);color:var(--navy)}
.picker-bar .chip[aria-pressed="true"]::before{content:"✓ ";font-weight:700}
/* Plain variant: white chips, grey border; selected = navy fill + white text */
.picker-bar.picker--plain .chips .chip,
.picker-bar.picker--plain .chips .chip:nth-child(n){background:#fff!important;border-color:#c9d6e8!important;color:#00246d!important;box-shadow:none!important;filter:none!important}
.picker-bar.picker--plain .chips .chip:hover{background:#f7f9fc!important;border-color:#9eb6d8!important}
.picker-bar.picker--plain .chips .chip[aria-pressed="true"],
.picker-bar.picker--plain .chips .chip[aria-pressed="true"]:nth-child(n){background:#00246d!important;border-color:#00246d!important;color:#fff!important;box-shadow:none!important;filter:none!important}
.picker-bar.picker--plain .chips .chip[aria-pressed="true"]::before{content:"✓ ";font-weight:700;color:#fff!important}
@media (min-width:1100px){
  .picker-top{flex-wrap:nowrap;align-items:center}
  .picker-bar .chips{gap:6px}
  .picker-bar .chip{padding:6px 9px;font-size:13px}
}
@media (max-width:720px){
  .picker-top{display:contents}
  .picker-head{order:1;flex:0 0 auto}
  .picker-bar .chips{order:2}
  .picker-actions{order:3;margin-left:0;width:100%;flex:0 0 auto}
  .picker-actions .btn{width:100%;font-size:15px;padding:12px 18px;min-height:48px}
}

.cq-sec .sec-head{max-width:720px}
.cq-card{max-width:860px;margin:0 auto}
.cq-checks{border:0;margin:0;padding:0}
.cq-checks .opts{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin-top:4px}
.cq-checks label{display:flex;align-items:flex-start;gap:10px;font-size:15px;font-weight:400;color:var(--ink);cursor:pointer}
.cq-checks input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--blue);flex:0 0 auto}
.cq-picked{margin-top:4px}
.cq-picked-line{margin:4px 0 0;padding:10px 12px;background:#f4f7fb;border:1px solid #e6ecf3;border-radius:10px;font-size:14.5px;line-height:1.45;color:var(--navy)}
dialog.cq-modal{border:0;padding:0;border-radius:18px;width:min(760px,calc(100vw - 24px));max-height:calc(100vh - 32px);overflow:auto;box-shadow:0 20px 60px rgba(0,20,60,.3)}
dialog.cq-modal::backdrop{background:rgba(0,20,60,.55)}
dialog.cq-modal .cq-card{border:0;max-width:none}
.cq-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}
.cq-top h3{margin:0;color:var(--navy)}
.cq-top p{margin:4px 0 0;color:var(--mute);font-size:14.5px}
.cq-x{border:0;background:var(--tint);color:var(--navy);width:40px;height:40px;border-radius:50%;font-size:22px;line-height:1;cursor:pointer;flex:0 0 auto}
.cq-modal-only{display:none}
dialog .cq-modal-only{display:flex}
dialog .cq-inline-only{display:none}
.preview-note{background:#fff4d6;border:1px solid #f0d58a;color:#5c4300;border-radius:10px;padding:10px 14px;font-size:14px}
@media (max-width:860px){.pkgs3{grid-template-columns:1fr}.cq-checks .opts{grid-template-columns:1fr}}
@media (max-width:560px){dialog.cq-modal{width:100vw;max-width:100vw;max-height:100vh;height:100%;border-radius:0;margin:0}.cq-card .two{grid-template-columns:1fr}.cq-card{padding:20px}.picker-bar{padding:18px 16px}}

/* Feature cards: same hierarchical list style as package cards */
.feat .fcard ul.flist{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.feat .fcard ul.flist li{position:relative;padding-left:16px;font-size:15px;line-height:1.45;color:var(--ink);font-weight:400}
.feat .fcard ul.flist li::before{content:"";position:absolute;left:2px;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--blue);opacity:.55}
.feat .fcard ul.flist li.sub{padding-left:28px;font-size:13.5px;line-height:1.4;color:#6b7686;margin-top:-5px;font-weight:400}
.feat .fcard ul.flist li.sub::before{display:none}
main .feat .fcard ul.flist li.sub{color:#6b7686;font-size:13.5px;line-height:1.4}
.feat .fcard h3{display:flex;align-items:flex-start;gap:12px;flex-wrap:nowrap;margin-bottom:10px}
.feat .fcard h3 .svc-ic{flex:0 0 40px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;margin:0}
.feat .fcard h3 .svc-ic .i,.feat .fcard h3 .svc-ic svg{width:20px;height:20px;color:inherit}
.feat .fcard h3 .fcard-htxt{flex:1;min-width:0;font-size:17px;line-height:1.3;color:var(--navy)}
.feat .fcard h3 .std-tag{display:inline-block;margin-left:8px;padding:3px 8px;border-radius:999px;font:500 11px/1.2 Inter,sans-serif;letter-spacing:.02em;color:#3a5a8a;background:#e8f0fa;border:1px solid #d2e0f3;vertical-align:middle;white-space:nowrap}
/* Same palette cycle as home .sgrid.sv-white.sv-ictint > .scard .svc-ic */
.feat.feat3 > .fcard:nth-child(6n+1) h3 .svc-ic{background:#e9f5ed;color:#1f6b3d}
.feat.feat3 > .fcard:nth-child(6n+2) h3 .svc-ic{background:#e8f1fc;color:#134a9b}
.feat.feat3 > .fcard:nth-child(6n+3) h3 .svc-ic{background:#f0ecfb;color:#5a3f98}
.feat.feat3 > .fcard:nth-child(6n+4) h3 .svc-ic{background:#faeaee;color:#9b3149}
.feat.feat3 > .fcard:nth-child(6n+5) h3 .svc-ic{background:#fcf1de;color:#8a5a12}
.feat.feat3 > .fcard:nth-child(6n+6) h3 .svc-ic{background:#e1f3f1;color:#1d6b64}