/* ── Packages page ───────────────────────────────────────────── */
.pk__head{padding-bottom:4vh}
.pk__title{font-size:clamp(40px,6vw,112px)}
.pk__title span{display:block}
.pk__lede{font-size:clamp(17px,1.45vw,24px);line-height:1.25;letter-spacing:-.015em;max-width:30em;color:var(--mute)}
.pk__h2{font-family:var(--display);font-weight:700;font-size:clamp(20px,1.9vw,32px);letter-spacing:-.03em;line-height:1.05;max-width:18em}

.pk__offer-line{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:clamp(14px,1.05vw,17px);line-height:1.35;max-width:44em;margin-top:1vh;color:var(--mute)}
.pk__offer-line .pill{height:32px;padding:0 14px;font-size:14px}

/* Recommendation + the other two */
.pk__tracks{padding-top:10vh;padding-bottom:16vh}
.pk__tracks-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--gut);flex-wrap:wrap;margin-bottom:4vh}
.pk__tracks-head > div{display:flex;flex-direction:column;gap:10px}
.pk__rec-why{font-size:clamp(14px,1.05vw,17px);line-height:1.4;max-width:40em;color:var(--mute)}
.pk__switch{display:flex;gap:8px}
.pk__switch .chip{height:44px;padding:0 20px;font-size:15px;cursor:pointer}
.pk__rec{margin-bottom:5vh}
.pk__others-label{display:block;margin-bottom:2vh}
.pk__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gut)}
.pk__tier{display:flex;flex-direction:column;gap:12px;padding:24px 22px 26px;border:1px solid var(--line);border-radius:4px;background:var(--card);transition:border-color .3s;font-family:var(--sans)}
.pk__tier:hover{border-color:rgba(252,252,252,.4)}
.pk__tier--rec{border-color:var(--accent);padding:30px 28px 30px}
.pk__tier-top{display:flex;justify-content:space-between;gap:12px}
.pk__tier--rec .pk__tier-top .mono:first-child{color:var(--accent)}
.pk__tier-main{display:flex;flex-direction:column;gap:14px}
.pk__tier--rec .pk__tier-main{display:grid;grid-template-columns:5fr 7fr;gap:var(--gut);align-items:start}
.pk__tier-lead{display:flex;flex-direction:column;gap:12px}
.pk__tier-name{font-family:var(--sans);font-weight:500;font-size:clamp(20px,1.5vw,26px);letter-spacing:-.02em;line-height:1.1;margin-top:1.2vh}
.pk__tier--rec .pk__tier-name{font-size:clamp(22px,1.8vw,30px)}
.pk__tier-price{font-family:var(--sans);font-weight:500;font-size:clamp(28px,2.3vw,40px);letter-spacing:-.035em;line-height:1;color:var(--accent)}
.pk__tier--rec .pk__tier-price{font-size:clamp(32px,2.8vw,48px)}
.pk__tier-pay{margin-top:-2px;font-size:12px}
.pk__tier-who{font-size:clamp(15px,1.1vw,18px);line-height:1.3;letter-spacing:-.01em}
.pk__tier-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;padding-top:14px;border-top:1px solid var(--line);font-size:14px;line-height:1.4;color:var(--mute)}
.pk__tier--rec .pk__tier-list{border-top:0;padding-top:0;font-size:14px;color:var(--fg)}
.pk__tier-list li{position:relative;padding-left:16px}
.pk__tier-list li::before{content:'';position:absolute;left:0;top:.6em;width:5px;height:5px;border-radius:50%;background:var(--accent)}
.pk__tier-you{font-size:14px;line-height:1.35;padding-top:4px}
.pk__tier-maint{display:flex;gap:10px;align-items:center;font-size:13px;line-height:1.3;padding-top:12px;border-top:1px solid var(--line);margin-top:auto;color:var(--mute)}
.pk__tier-maint .pill{height:26px;padding:0 11px;font-size:12px}
.pk__tier-cta{justify-content:center;margin-top:4px;height:48px;font-size:15px}
.pk__tier--rec .pk__tier-cta{align-self:flex-start;padding:0 30px}
.pk__addons{margin-top:5vh;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gut);font-size:14px;line-height:1.45;color:var(--mute)}
.pk__addons > .mono{grid-column:1 / -1;margin-bottom:-4px}
.pk__addons strong{display:block;font-weight:500;color:var(--fg);margin-bottom:4px;font-size:15px}
.pk__addon-row{padding-bottom:12px}
.pk__addon-row .chip{cursor:pointer;position:relative;height:40px;font-size:14px}
.pk__addon-row .chip input{position:absolute;opacity:0;pointer-events:none}
.pk__addon-row .chip:has(input:checked){background:var(--fg);color:var(--bg);border-color:var(--fg)}
.pk__insp{display:flex;flex-direction:column;gap:6px;padding-top:14px}
.pk__insp .field textarea{min-height:70px}
.pk__files{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:12px;cursor:pointer}
.pk__files input{position:absolute;opacity:0;width:1px;height:1px}
.pk__files .btn{height:40px;padding:0 18px;font-size:14px}
.pk__files .mono{text-transform:none;letter-spacing:.02em;font-size:12px;max-width:26em;line-height:1.4}
.pk__fine{margin-top:3vh;max-width:60em;line-height:1.5;text-transform:none;letter-spacing:.02em;font-size:12px;font-weight:400}

/* Quiz: the cobalt block */
.pk__quiz{padding:0 var(--gut);margin-bottom:0}
.pk__quiz-in{background:var(--accent);color:#fff;border-radius:4px;padding:5vh 4vw 4.5vh;display:flex;flex-direction:column;gap:4vh}
.pk__quiz-kicker{color:rgba(255,255,255,.7)}
.pk__quiz-head{display:flex;flex-direction:column;gap:10px}
.pk__quiz-head .pk__h2{max-width:12em}
.pk__quiz-box{min-height:22vh;display:flex;flex-direction:column;justify-content:center}
.pk__q{display:flex;flex-direction:column;gap:18px}
.pk__q-bar{display:flex;justify-content:space-between;gap:12px}
.pk__q-bar .mute{color:rgba(255,255,255,.7)}
.pk__q-back{background:none;border:0;cursor:pointer;color:rgba(255,255,255,.8);font-family:var(--mono);font-weight:500;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.pk__q-back:hover{color:#fff}
.pk__q-title{font-family:var(--sans);font-weight:500;font-size:clamp(22px,2.2vw,36px);letter-spacing:-.025em;line-height:1.1;max-width:22em}
.pk__q-chips .chip{height:44px;padding:0 20px;font-size:15px;cursor:pointer;border-color:rgba(255,255,255,.45);color:#fff;transition:background .25s,color .25s,border-color .25s}
.pk__q-chips .chip:hover{border-color:#fff}
.pk__q-chips .chip.is-on,.pk__q-chips .chip:active{background:#fff;color:var(--accent);border-color:#fff}
.pk__skip{align-self:flex-start;background:none;border:0;cursor:pointer;color:rgba(255,255,255,.7);padding:0}
.pk__skip:hover{color:#fff}

/* FAQ reuse */
.pk__faq{padding-top:10vh;padding-bottom:12vh}
.pk__faq .pk__h2{margin-bottom:4vh}
.pk__faq .faq__title{font-family:var(--sans);font-weight:500;font-size:clamp(16px,1.3vw,21px);letter-spacing:-.02em}
.pk__faq .faq__a p{font-size:clamp(15px,1.1vw,18px)}
.pk__faq .faq__q{padding:20px 0}

/* Start now */
.pk__start{padding-bottom:12vh}
.pk__start-box{border:1px solid var(--line);border-radius:4px;padding:30px 22px 34px;background:var(--card);display:grid;grid-template-columns:5fr 7fr;gap:var(--gut)}
.pk__start-head{display:flex;flex-direction:column;gap:10px}
.pk__start-head .pk__h2{font-family:var(--sans);font-weight:500;font-size:clamp(22px,1.8vw,30px);letter-spacing:-.025em}
.pk__start-sub{font-size:15px;line-height:1.4;max-width:26em;color:var(--mute)}
.pk__form{display:flex;flex-direction:column;gap:10px}
.pk__form .talk__fields{display:flex;flex-direction:column;gap:6px}
.pk__form .field input,.pk__form .field textarea{font-size:clamp(16px,1.15vw,19px)}
.pk__form-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding-top:18px}
.pk__form-row .mono{text-transform:none;letter-spacing:.02em;font-size:12px;max-width:22em;line-height:1.4}

@media (max-width:980px){
  .pk__grid{grid-template-columns:1fr}
  .pk__addons{grid-template-columns:1fr}
  .pk__start-box{grid-template-columns:1fr}
  .pk__tier--rec .pk__tier-main{grid-template-columns:1fr}
  .pk__tier--rec{padding:26px 22px 30px}
}
@media (max-width:820px){
  .pk__quiz-in{padding:6vh 20px 5vh;border-radius:3px}
  .pk__tracks-head{flex-direction:column;align-items:flex-start}
}
@media (max-width:820px){
  .pk__title{font-size:10.4vw}
}