/* assets/v4/premium.css: the Kaizn Premium sales page (/academy/your-own-ai-assistant). Loads after home-platform.css and workshop.css.
   Colors, bevels and spacing come from tokens.css only. Page parts:
   .pk      what you get: six numbered tiles (.wk-n badge, h3, p)
   .free    one plain line under the list: what a free dashboard account already includes
   .offer   price panel: one price at a normal size, the deadline, the button, the plan line
   .st      three steps: ol.st > li.card with a .wk-n badge
   .gu      the refund card, one short block */

.prem .hero-copy .eyebrow{color:var(--it3)}
.prem .hero-grid h1{max-width:12ch}
.prem .hero-full{min-height:min(calc(100svh - 80px),820px)}
.prem .hero-copy .acts{margin-top:clamp(32px,3.4vw,48px)}
.prem .hero-copy .member+.member{margin-top:8px}

.prem .quiet-lines li{padding-block:2px}

/* what you get */
.pk{display:grid;gap:clamp(14px,2vw,22px);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;counter-reset:none}
.pk li{--cut:var(--bevel-lg);display:grid;gap:8px;align-content:start;padding:clamp(20px,2.4vw,30px);color:var(--tx)}
.pk .wk-n{margin-bottom:4px}
.pk h3{font:800 clamp(1.3rem,.8vw + 1rem,1.6rem)/1.15 var(--fd);letter-spacing:-.015em;color:var(--h)}
.pk p{font:400 1.08rem/1.55 var(--fd);color:var(--tx)}
.pk .kick{color:var(--ac)}
.free{max-width:46rem;margin:clamp(22px,3vw,34px) auto 0;text-align:center;font:600 1.1rem/1.5 var(--fd);color:var(--it)}
.free span{font-weight:400;color:var(--it2)}

/* offer: the price shows once, at a normal size */
.offer{--cut:var(--bevel-lg);display:grid;gap:10px;justify-items:center;max-width:560px;margin:clamp(28px,4vw,48px) auto 0;padding:clamp(24px,3.6vw,38px);text-align:center;color:var(--it, var(--tx))}
.offer .eyebrow{margin:0;color:var(--it3, var(--mu))}
.offer .wk-now{font:800 clamp(2.2rem,3vw + 1rem,3rem)/1 var(--fd);letter-spacing:-.03em}
.offer .wk-deadline{max-width:30rem}
.offer .wk-cta{justify-items:stretch;width:100%;margin-top:10px}
.offer .wk-fine{max-width:30rem;margin-inline:auto;text-align:center;color:var(--it2)}
.offer .wk-fine a,.prem .wk-fine a{color:inherit;font-weight:600;text-underline-offset:4px}
a[data-sys-buy] [data-price-now]{margin-left:.3em}

/* see it: tile captions and the sample note */
.prem .tiles+.fine,.prem .hd .sub+.fine{margin-top:12px}
.prem .note{max-width:44rem;margin:clamp(18px,2.4vw,28px) auto 0;text-align:center;font:400 1rem/1.5 var(--fd);color:var(--it2)}

/* steps */
.st{display:grid;gap:clamp(14px,2vw,22px);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none}
.st .card{display:grid;gap:8px;align-content:start;padding:clamp(20px,2.4vw,30px);--cut:var(--bevel-lg)}
.st h3{font:800 1.3rem/1.2 var(--fd);letter-spacing:-.01em;color:var(--h)}
.st p{font:400 1.08rem/1.5 var(--fd);color:var(--tx)}

/* about, guarantee, faq, final */
.prem .wk-josh{max-width:1040px}
.prem .wk-josh p b{color:var(--h)}
.prem .wk-faq{max-width:820px}
.prem .wk-a a{color:var(--h);font-weight:600;text-underline-offset:4px}
.gu{max-width:46rem;margin-inline:auto}
.gu .card.cta{--cut:var(--bevel-lg);display:grid;gap:10px;justify-items:center;padding:clamp(24px,4vw,44px);text-align:center}
.gu .card.cta p{font:600 clamp(1.15rem,.7vw + 1rem,1.4rem)/1.45 var(--fd);color:var(--h)}
.prem .final .incl{margin-top:20px}
.prem .final .sub{max-width:36rem}

@media(max-width:1000px){.st{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){
 .pk{grid-template-columns:minmax(0,1fr)}
 .prem .hero-copy .acts .btn-main{width:100%}
}
@media(max-width:899px){.prem{padding-bottom:72px}}

/* Private by design block (decision 6520): one beveled glass card, tokens only */
.priv-c{max-width:52rem;margin-inline:auto}
.priv-c .eyebrow{margin:0}
.priv-l{width:fit-content;color:var(--it);font:600 1.0625rem/1.4 var(--fd);text-underline-offset:4px}
.priv-l:hover{color:var(--ac)}

/* Live workshop band (decision 6530): tokens only, reuses the privacy card */
.live-c h2{margin:0;color:var(--it)}
.live-c p{margin:0}
.live-c .btn-main{width:fit-content}

/* the header button on this page is "Get Kaizn Premium": on a phone, a smaller logo and button so the header fits */
@media(max-width:480px){.prem .k-home .k-lg img{max-width:112px}.prem .k-home .k-na{gap:10px}.prem .k-home .k-cta{padding:8px 11px;font-size:.88rem;white-space:nowrap}.prem .k-home .k-na .k-login{display:none}}
@media(max-width:380px){.prem .k-home .k-sn-in{padding-inline:14px}.prem .k-home .k-lg img{max-width:96px}.prem .k-home .k-na{gap:6px}.prem .k-home .k-login{font-size:.85rem}.prem .k-home .k-cta{padding:8px 9px;font-size:.8rem}}
/* tap targets: any tab button is at least 44px (decision 6557) */
.prem button.tab{min-height:44px;min-width:44px}
@media(max-width:480px){.wk-sticky .wk-sp{display:none}}