/* Inner pages: Blueprint, Workshop, Resources, Safe AI at Work Kit. Loads after styles.css. Same tokens, same rules. */

/* page hero */
.ph-hero{padding:var(--space-8) 0 var(--space-8)}
.ph-hero .wrap{max-width:calc(940px + var(--gutter)*2)}
.ph-hero h1{margin:0 0 var(--space-5)}
.ph-hero .lead{max-width:34em}
.ph-hero .sub-hand{margin-top:var(--space-5)}
.narrow{max-width:calc(820px + var(--gutter)*2);margin:0 auto;padding:0 var(--gutter)}
.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}
.footnote{font-size:13px;line-height:1.5;color:var(--slate);max-width:44em;margin:var(--space-3) 0 0}
.footnote a{font-weight:500}

/* big-number callout */
.callout{display:flex;gap:var(--space-5);align-items:center;background:var(--paper);border:1.5px solid var(--charcoal);border-radius:var(--radius-md);padding:var(--space-5) var(--space-6);margin-top:var(--space-6);max-width:640px}
.callout .stat{font-size:var(--fs-stat-sm);flex:none}
.callout p{margin:0}

/* check list (hand-drawn ticks) */
.ticks{list-style:none;margin:0 0 var(--space-5);padding:0}
.ticks li{position:relative;padding:10px 0 10px 36px;border-top:1px solid var(--rule)}
.ticks li:last-child{border-bottom:1px solid var(--rule)}
.ticks li::before{content:"";position:absolute;left:0;top:17px;width:22px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 16'%3E%3Cpath d='M2 9 C 5 11, 7 13, 8 14 C 11 8, 16 3, 21 1' fill='none' stroke='%232F5D3A' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain}
.ticks .aside,.aside{font-family:var(--font-hand);font-style:normal;font-weight:500;font-size:1.15em;color:var(--forest)}

/* tutorial vs real life */
.tf{display:grid;gap:var(--space-4);margin-top:var(--space-6)}
.tf .row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}
.tf .hype,.tf .real{border:1.5px solid var(--charcoal);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5)}
.tf .hype{background:var(--parchment);color:var(--slate)}
.tf .real{background:var(--paper)}
.tf b{display:block;font:600 13px/1.4 var(--font-body);letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--space-2)}
.tf .real b{color:var(--forest)}
.punch{font:400 var(--fs-h4)/1.4 var(--font-display);margin:var(--space-6) 0 var(--space-4)}
.diff{border-left:4px solid var(--forest);padding:var(--space-2) 0 var(--space-2) var(--space-5);margin-top:var(--space-5)}
.diff p{margin:0}
@media (max-width:899px){.tf .row{grid-template-columns:1fr}}

/* route / steps */
.route{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);margin-top:var(--space-6)}
.leg{background:var(--paper);border:1.5px solid var(--charcoal);border-radius:var(--radius-md);padding:var(--space-6) var(--space-5)}
.leg .num{font:400 56px/1 var(--font-number);color:var(--forest);display:block;margin-bottom:var(--space-3)}
.leg .label{font:600 13px/1.4 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--slate);margin:0 0 var(--space-2)}
.leg h3{font-size:var(--fs-h4);line-height:1.3;margin-bottom:var(--space-3);font-family:var(--font-display)}
.leg p:last-child{margin-bottom:0}
.leg .you{font-weight:700;color:var(--forest)}
.xmark{display:inline-block;margin-top:var(--space-3);font-family:var(--font-hand);font-size:var(--fs-hand);color:var(--forest)}
@media (max-width:899px){.route{grid-template-columns:1fr}}

.steps{list-style:none;margin:var(--space-5) 0 0;padding:0;counter-reset:s}
.steps li{counter-increment:s;display:grid;grid-template-columns:56px 1fr;gap:var(--space-4);padding:var(--space-5) 0;border-top:1.5px solid var(--charcoal)}
.steps li:last-child{border-bottom:1.5px solid var(--charcoal)}
.steps li::before{content:counter(s);font:400 44px/1 var(--font-number);color:var(--forest)}
.steps b{display:block;font:600 var(--fs-h4)/1.3 var(--font-body);margin-bottom:var(--space-1)}

/* story */
.story-card{background:var(--paper);border:1.5px solid var(--charcoal);border-radius:var(--radius-md);padding:var(--space-7) var(--space-6)}
.story-card .you{font-weight:700;color:var(--forest)}
.who-said{font-size:var(--fs-small);color:var(--slate);margin:var(--space-5) 0 0}

/* about strip */
.about-head{display:flex;align-items:center;gap:var(--space-6);margin-bottom:var(--space-6)}
.about-head img{width:180px;height:auto;border:1.5px solid var(--charcoal);border-radius:var(--radius-md);padding:8px;background:var(--paper);transform:rotate(-2deg);flex:none}
@media (max-width:899px){.about-head{flex-direction:column;align-items:flex-start}.about-head img{width:150px}}
.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5);margin:var(--space-6) 0}
.stats-grid .proof{grid-column:auto}
@media (max-width:899px){.stats-grid{grid-template-columns:1fr}}
.why p:last-child{margin-bottom:0}

/* price / invite block */
.invite{text-align:center}
.invite .card{max-width:640px;margin:0 auto;align-items:center;text-align:center}
.invite .meta{font:400 var(--fs-h3)/1.2 var(--font-display);margin:0 0 var(--space-5)}
.bonus{margin-top:var(--space-6);background:var(--parchment);border:1.5px solid var(--charcoal);border-radius:var(--radius-md);padding:var(--space-5);text-align:left;position:relative;max-width:640px;margin-left:auto;margin-right:auto}
.bonus .flag{display:inline-block;font:600 13px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;background:var(--forest);color:var(--on-forest);padding:6px 10px;border-radius:var(--radius-sm);margin-right:var(--space-2)}
.bonus .free{font:600 13px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--forest)}
.bonus .head{font:600 var(--fs-h4)/1.3 var(--font-body);margin:var(--space-3) 0 var(--space-2)}
.bonus p:last-child{margin-bottom:0}

/* FAQ */
.faq-list{margin:var(--space-5) 0 0}
.faq-list dt{font:600 var(--fs-h4)/1.3 var(--font-body);padding-top:var(--space-5);border-top:1.5px solid var(--charcoal)}
.faq-list dd{margin:var(--space-2) 0 var(--space-5)}
.faq-list dd:last-child{margin-bottom:0}

/* simple quote */
.quote{background:var(--paper);border:1.5px solid var(--charcoal);border-left:6px solid var(--forest);border-radius:var(--radius-md);padding:var(--space-5) var(--space-5);margin:0 0 var(--space-4)}
.quote .q{font:400 var(--fs-h4)/1.4 var(--font-display);margin:0 0 var(--space-2)}
.quote .cite{font-size:var(--fs-small);color:var(--slate);margin:0}

/* Workshop */
.benefits{display:grid;gap:0;margin:var(--space-5) 0;max-width:30em}
.bonus-hero{background:var(--paper);border:1.5px solid var(--charcoal);border-radius:var(--radius-md);padding:var(--space-5) var(--space-6);margin-top:var(--space-6)}
.bonus-hero .flag{display:inline-block;font:600 13px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;background:var(--forest);color:var(--on-forest);padding:6px 10px;border-radius:var(--radius-sm);margin-bottom:var(--space-3)}
.bonus-hero h3{font-size:var(--fs-h4);margin-bottom:var(--space-2);font-family:var(--font-body);font-weight:600}
.bonus-hero p:last-child{margin:0}
.testi{background:var(--paper);border:1.5px solid var(--charcoal);border-radius:var(--radius-md);padding:var(--space-7) var(--space-6);margin:0}
.testi .mark{font:400 80px/0.6 var(--font-display);color:var(--forest);display:block;margin-bottom:var(--space-3)}
.testi blockquote{margin:0 0 var(--space-4);font:400 var(--fs-h3)/1.25 var(--font-display)}
.testi .who-row{display:flex;gap:var(--space-4);align-items:center;margin-top:var(--space-5)}
.testi .who-row img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:1.5px solid var(--charcoal)}
.testi .who-row b{display:block}
.testi .who-row span{font-size:var(--fs-small);color:var(--slate)}
.outcome{margin-top:var(--space-5);padding:var(--space-4) var(--space-5);background:var(--parchment);border:1.5px dashed var(--forest);border-radius:var(--radius-md);margin-bottom:0}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);margin-top:var(--space-6)}
.cards3 .mini{background:var(--paper);border:1.5px solid var(--charcoal);border-radius:var(--radius-md);padding:var(--space-5)}
.cards3 .mini h4{margin-bottom:var(--space-2)}
.cards3 .mini p{margin:0}
.cards3 .mini .lab{font:600 13px/1.4 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--forest);margin-bottom:var(--space-2);display:block}
.cards3 .mini .res{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--rule);font-size:var(--fs-small);font-weight:600;color:var(--forest)}
@media (max-width:899px){.cards3{grid-template-columns:1fr}}
.offer-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-7);align-items:start}
.offer-grid .ticks li b{font-weight:600}
.pills{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-5)}
.cta-card{background:var(--charcoal);color:var(--cream);border:1.5px solid var(--charcoal);border-radius:var(--radius-md);padding:var(--space-6)}
.cta-card .eyebrow{color:var(--forest-tint)}
.cta-card h3{color:var(--cream);margin-bottom:var(--space-3)}
.cta-card .btn{background:var(--cream);color:var(--charcoal);border-color:var(--cream);margin-top:var(--space-4)}
.cta-card .btn:hover{background:var(--forest-tint);border-color:var(--forest-tint);color:var(--charcoal)}
.cta-card p{color:var(--cream)}
.cta-card .note{font-family:var(--font-display);font-style:italic;margin:var(--space-4) 0 0}
@media (max-width:899px){.offer-grid{grid-template-columns:1fr}}

/* Resources + Kit */
.res-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}
.res-cards .card{padding:var(--space-6)}
.res-cards .band-top{background:var(--parchment);border:1.5px solid var(--charcoal);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-5);font:400 var(--fs-h4)/1.2 var(--font-display)}
.res-cards .price-row{display:flex;align-items:baseline;gap:var(--space-3);margin:var(--space-4) 0 var(--space-3)}
.res-cards .now{font:400 var(--fs-stat-sm)/1 var(--font-number)}
.res-cards .was{text-decoration:line-through;color:var(--slate)}
.card.soon{background:var(--parchment)}
.btn.disabled{background:transparent;color:var(--slate);border-color:var(--slate);cursor:default;pointer-events:none}
.seelink{display:inline-block;margin-top:var(--space-3)}
@media (max-width:899px){.res-cards{grid-template-columns:1fr}}

.two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);margin-top:var(--space-5)}
.two-col .card{padding:var(--space-6)}
.two-col .card h3{font-size:var(--fs-h4);font-family:var(--font-body);font-weight:600}
.two-col .row{padding:10px 0;border-top:1px solid var(--rule)}
.two-col .card.dark{background:var(--charcoal);color:var(--cream)}
.two-col .card.dark h3{color:var(--cream)}
.two-col .card.dark .row{border-top-color:#5A574F}
@media (max-width:899px){.two-col{grid-template-columns:1fr}}
.kit-price{text-align:center}
.kit-price .card{max-width:600px;margin:0 auto;align-items:center;text-align:center}
.kit-price .amt{font:400 var(--fs-stat)/1 var(--font-number)}
.kit-price .tag{margin-bottom:var(--space-3)}
.kit-price .plist{width:100%;text-align:left;margin:var(--space-5) 0}
.kit-price .pl{padding:10px 0 10px 0;border-top:1px solid var(--rule)}
.closing-cta{text-align:center}
.closing-cta h2{max-width:14em;margin:0 auto var(--space-4)}
.closing-cta p{max-width:34em;margin:0 auto var(--space-5)}
.kit-hero .punchline{font:400 var(--fs-h3)/1.2 var(--font-display);font-style:italic;color:var(--forest);display:block;margin:0 0 var(--space-4)}
.kit-hero .stat-line{font-weight:600}
.turn{font-size:var(--fs-lead);margin-top:var(--space-5)}
.items{margin-top:var(--space-5)}
.btn.nolink{cursor:default}
.u.l{white-space:normal}
.ticks .aside,.aside{margin:0 .12em}
.kit-price .pill{align-self:center}