.training-page h1 { max-width: 16ch; }
.training-page .lp-hero .lede { margin-block: 24px 16px; }
.training-page .lp-hero p:not([class]) { max-width: 52ch; color: #4a4a4a; }
.training-cta { background: #ff7928; color: #151515; border: 1px solid #ff7928; text-align: center; white-space: normal; min-height: 48px; }
.training-cta:hover { background: #ed6818; color: #080808; }
.training-page a:focus-visible, .training-page button:focus-visible, .training-page input:focus-visible { outline: 3px solid #944000; outline-offset: 4px; }
.training-proof .testis { margin-top: 56px; }
.training-split { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(28px, 6vw, 88px); align-items: start; }
.training-split h2 { max-width: 19ch; }
.training-copy { max-width: 52ch; font-size: 1.08rem; }
.training-copy p + p { margin-top: 20px; }
.training-tint { background: #f5f2ee; }
.training-values { display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px; }
.training-values article { border-top: 2px solid #ff7928; padding-top: 22px; }
.training-index { font-size: .85rem; color: #655d55; display: block; margin-bottom: 24px; }
.training-values h2 { font-size: clamp(1.6rem, 2.5vw, 2.2rem); margin-bottom: 20px; }
.training-signup { background: #f5f2ee; scroll-margin-top: 100px; }
.training-form-wrap { padding: clamp(24px, 4vw, 44px); background: #fff; border: 1px solid #d5cec6; border-radius: 12px; }
#training-form label { display: block; margin: 0 0 8px; font-size: .95rem; font-weight: 600; }
#training-form input { display: block; width: 100%; min-height: 52px; border: 1px solid #8c8781; border-radius: 4px; padding: 12px; margin-bottom: 24px; font: inherit; color: #151515; background: #fff; }
#training-form button { width: 100%; font: inherit; cursor: pointer; }
#training-form button:disabled { opacity: .65; cursor: wait; }
.training-consent, .training-help { font-size: .78rem; line-height: 1.7; margin-top: 20px; color: #555; }
.training-consent a, .training-help a, #training-status a { text-decoration: underline; }
.training-hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
#training-status:not(:empty) { margin-top: 18px; }
.training-page [hidden] { display: none !important; }
@media (max-width: 760px) { .training-split, .training-values { grid-template-columns: 1fr; } .training-costs { grid-template-columns: 1fr; } .training-costs > div { display: flex; justify-content: space-between; align-items: center; gap: 16px; } .training-costs dt { margin: 0; } .training-page .nav .btn { font-size: .75rem; padding: 10px 14px; max-width: 170px; } .training-page .lp-hero__cta .btn { width: 100%; } }
/* Workshop reference: clear topic grid, founder, proof, signup, FAQ. */
.training-page { --max: 1240px; }
.training-announcement { background: #ff7928; text-align: center; padding: 10px 20px; font-size: .8rem; font-weight: 700; }
.training-announcement a { margin-left: 20px; text-decoration: underline; text-underline-offset: 3px; }
.training-page .site-header { position: sticky; top: 0; background: #fff; }
.training-page .nav { gap: 24px; }
.training-nav-link { font-size: .8rem; }
.training-heading { max-width: 760px; margin-bottom: 40px; }
.training-heading h2 { margin: 14px 0 18px; font-size: clamp(2rem, 3.3vw, 3rem); }
.training-heading p { max-width: 64ch; color: #555; }
.training-topics { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.training-topics article { padding: clamp(24px, 3vw, 36px); border: 1px solid #e8e2db; border-radius: 14px; background: #fff; }
.training-topic-tag { display: inline-block; padding: 5px 10px; border-radius: 5px; background: #fff0e5; color: #793000; font-size: .72rem; font-weight: 700; margin-bottom: 18px; }
.training-topics h3 { font: 700 clamp(1.3rem, 2vw, 1.7rem)/1.25 Georgia, serif; margin-bottom: 16px; }
.training-topics p { font-size: .94rem; color: #555; }
.training-inline-cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 28px; background: #151515; color: #fff; border-radius: 12px; margin-top: 24px; }
.training-inline-cta p { font-size: .85rem; margin-top: 8px; color: #ddd; }
.training-inline-cta .btn { flex-shrink: 0; }
.training-checks { display: grid; gap: 24px; counter-reset: checks; }
.training-checks li { position: relative; padding-left: 48px; counter-increment: checks; }
.training-checks li::before { content: counter(checks); position: absolute; left: 0; top: 0; width: 30px; height: 30px; border-radius: 6px; background: #fff0e5; color: #793000; text-align: center; font-size: .85rem; line-height: 30px; }
.training-checks p { font-size: .9rem; margin-top: 5px; color: #555; }
.training-operations { align-items: center; }
.training-process { border: 1px solid #ddd7d0; border-radius: 14px; padding: clamp(24px, 3vw, 36px); box-shadow: 0 12px 36px #11111108; }
.training-process > div { display: grid; gap: 0; margin-block: 18px; }
.training-process > div span { padding: 14px 0; border-bottom: 1px solid #eee; }
.training-process p { font-size: .85rem; color: #555; }
.training-wide-cta { margin-top: 36px; }
.training-wide-cta .btn { width: 100%; }
.training-founder { align-items: center; }
.training-founder figure { max-width: 460px; }
.training-founder figure img { width: 100%; height: auto; border-radius: 16px; background: #e7e0d8; }
.training-founder figcaption { font-size: .8rem; margin-top: 14px; color: #555; }
.training-founder h2 { margin-block: 16px 24px; }
.training-founder .btn { margin-top: 28px; }
.training-proof .training-heading { margin-inline: auto; text-align: center; }
.training-signup { background: #171717; color: #fff; }
.training-signup h2, .training-signup .lede { color: #fff; }
.training-signup .eyebrow { color: #ffb684; }
.training-signup .training-form-wrap { color: #111; }
.training-faq .wrap { max-width: 1000px; }
.training-faq details { border: 1px solid #ddd7d0; border-radius: 8px; padding: 18px 22px; margin-bottom: 12px; }
.training-faq summary { cursor: pointer; font-weight: 700; font-size: .95rem; }
.training-faq details p { font-size: .94rem; padding-top: 18px; max-width: 75ch; color: #555; }
@media (max-width: 760px) { .training-topics { grid-template-columns: 1fr; } .training-inline-cta { flex-direction: column; align-items: stretch; } .training-nav-link { display: none; } .training-announcement { font-size: .7rem; } .training-announcement span { display: block; } .training-announcement a { margin: 6px 0 0; display: inline-block; } .training-page .section { padding-block: 56px; } }
@media (max-width: 400px) { .training-page .site-header .wrap { gap: 12px; } .training-page .site-header .logo { width: 86px; min-width: 0; flex-shrink: 0; } .training-page .site-header .nav { min-width: 0; gap: 0; } .training-page .nav .btn { max-width: 156px; } }
@media (max-width: 760px) { .training-page .nav .training-nav-link { display: none; } }
.lesson-feature img, .lesson-product { width: 100%; height: auto; border-radius: 16px; }
.lesson-feature-copy { padding: 20px 0; }
.lesson-feature-copy h2 { font-size: clamp(1.4rem, 2vw, 1.9rem); margin: 12px 0 20px; }
.lesson-page h1 { font-size: clamp(2.1rem, 4vw, 3.4rem); max-width: 20ch; margin-bottom: 22px; }
.lesson-page .lede { font-size: 1.05rem; }
.lesson-price { font-size: 2.5rem; font-weight: 700; margin: 24px 0 16px; }
.lesson-price span { font-size: .8rem; font-weight: 400; color: #555; }
.lesson-includes { padding-left: 20px; list-style: disc; font-size: .95rem; display: grid; gap: 12px; }
.lesson-notice { background: #f5f2ee; border: 1px solid #ddd7d0; border-radius: 10px; padding: 18px; margin: 24px 0; }
.lesson-notice p, .lesson-caption { font-size: .78rem; color: #555; margin-top: 10px; }
.lesson-preview { width: 100%; max-width: 960px; height: auto; display: block; border-radius: 12px; background: #111; }
.lesson-page .training-heading .btn { margin-top: 24px; }
.lesson-page .join-footer { text-align: center; padding: 30px; border-top: 1px solid #ddd; font-size: .8rem; }
/* Compact reference proportions; keep images at their intrinsic aspect ratio. */
.training-page .section { padding-block: clamp(56px, 7vw, 96px); }
.training-page .lp-hero { padding: clamp(36px, 5vw, 64px) 0 clamp(44px, 6vw, 80px); }
.training-page .lp-hero h1 { font-size: clamp(2.2rem, 3.8vw, 3.5rem); max-width: 20ch; line-height: 1.08; margin-top: 18px; }
.training-page .lp-hero__grid { gap: clamp(28px, 4vw, 56px); }
.training-page .training-founder figure { max-width: 360px; }
.training-page .training-founder figure img { max-height: 420px; object-fit: cover; object-position: center 28%; }
.workshop-panel { max-width: 1000px; margin-inline: auto; padding: clamp(36px, 5vw, 64px); border-radius: 20px; background: #171717; color: #fff; text-align: center; }
.workshop-panel .eyebrow { color: #ffb783; }
.workshop-panel h2 { color: #fff; max-width: 22ch; margin: 18px auto; font-size: clamp(2rem, 3.5vw, 3.2rem); }
.workshop-panel > p { max-width: 62ch; margin-inline: auto; color: #ddd; }
.workshop-date { display: grid; gap: 6px; width: fit-content; margin: 28px auto; border: 1px solid #ffffff30; border-radius: 12px; padding: 16px 28px; }
.workshop-date span { font-size: .8rem; color: #ddd; }
.workshop-date strong { font-size: 1.3rem; }
.workshop-panel .workshop-note { margin-top: 20px; font-size: .75rem; line-height: 1.8; }
.lesson-feature img, .lesson-product { height: auto; object-fit: contain; border-radius: 0; background: transparent; }
.training-hero-art { min-width: 0; }
.training-hero-art img { width: 100%; height: auto; object-fit: contain; }
.training-hero-art figcaption { text-align: center; font-size: .65rem; color: #666; margin-top: 8px; }
.lesson-product { display: block; max-height: 500px; }
.training-extra-videos { margin-top: 48px; }
.training-extra-videos > h3 { font: 700 clamp(1.4rem, 2.5vw, 2rem)/1.2 Georgia, serif; margin-bottom: 14px; }
.training-extra-videos > p { max-width: 72ch; font-size: .9rem; color: #555; margin-bottom: 26px; }
.training-video-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; align-items: start; }
.training-video-grid .case__media { min-width: 0; }
.training-video-grid .vcap strong { font-size: .95rem; overflow-wrap: anywhere; }
@media (max-width: 760px) { .training-video-grid { grid-template-columns: 1fr; } }
/* Shared registration art direction on the main Temu landing page. */
.training-landing { font-family: Arial, Helvetica, sans-serif; }
.training-landing h1, .training-landing h2, .training-landing h3 { font-family: Arial, Helvetica, sans-serif; letter-spacing: -.035em; }
.training-landing .training-announcement { background: linear-gradient(180deg,#ffa257,#ff7928); color: #17100a; }
.training-landing .lp-hero { background: radial-gradient(ellipse 480px 430px at 1% 5%,#ff792825,transparent 75%),radial-gradient(ellipse 440px 400px at 98% 30%,#ffd09a30,transparent 75%),linear-gradient(180deg,#fff,#fffdfb); }
.training-landing .lp-hero h1 { font-size: clamp(2.3rem,3.875vw,3.5rem); font-weight: 750; line-height: 1.1; letter-spacing: -.045em; }
.training-landing .lp-hero h1 .accent { color: #111; background: linear-gradient(180deg,#ffa158,#ff7928); padding: .02em .16em .1em; border-radius: 12px; box-decoration-break: clone; -webkit-box-decoration-break: clone; box-shadow: inset 0 1px 0 #ffffff70,0 16px 34px -16px #f2762b8c; }
.training-landing .eyebrow { display: inline-block; width: fit-content; border: 1px solid #ece1d7; background: #fff; padding: 7px 12px; border-radius: 999px; color: #665448; font-size: .75rem; font-weight: 600; box-shadow: 0 8px 16px -12px #21100840; letter-spacing: .01em; }
.training-landing .training-cta { border: 1px solid #ff8a3d; border-radius: 16px; padding: 16px 24px; min-height: 58px; background: linear-gradient(180deg,#ffa257 0%,#ff7928 100%); color: #17100a; font-weight: 700; box-shadow: inset 0 1px 0 #ffffff75,0 12px 28px -10px #f2762b96; transition: transform .18s ease,box-shadow .18s ease; }
.training-landing .training-cta:hover { transform: translateY(-2px); box-shadow: inset 0 1px 0 #ffffff75,0 16px 32px -10px #f2762ba6; }
.training-landing .nav .training-cta { padding: 13px 20px; min-height: 48px; }
.training-landing .nav .training-cta::after { display: none; }
.training-landing .lp-hero__cta .training-cta { min-height: 72px; width: min(100%,416px); font-size: 1.1rem; justify-content: center; }
.training-landing .training-tint { background: #fff8f2; }
.training-landing .training-heading h2, .training-landing .training-split h2 { font-weight: 750; line-height: 1.12; }
.training-landing .training-topics article { border-color: #eee4dc; border-radius: 18px; box-shadow: 0 12px 30px -20px #3d1d1430; }
.training-landing .training-topics h3 { font: 700 clamp(1.3rem,2vw,1.65rem)/1.2 Arial,Helvetica,sans-serif; }
.training-landing .training-topic-tag { border-radius: 999px; background: #fff0e4; }
.training-landing .training-inline-cta { border-radius: 18px; background: radial-gradient(ellipse at 95% 0,#75422245,transparent 60%),#171717; }
.training-landing .training-process { border-radius: 18px; border-color: #eee2d8; background: linear-gradient(145deg,#fff,#fffaf5); box-shadow: 0 18px 38px -24px #713c243b; }
.training-landing .workshop-panel { background: radial-gradient(ellipse at 50% 0,#ff792824,transparent 65%),linear-gradient(160deg,#2a211c,#111); border: 1px solid #ffffff12; box-shadow: 0 22px 44px -24px #24140b65; }
.training-landing .workshop-panel .eyebrow { background: #ffffff0d; border-color: #ffffff26; color: #ffc393; box-shadow: none; }
.training-landing .workshop-panel .training-cta { min-height: 76px; width: min(100%,416px); justify-content: center; font-size: 1.1rem; }
.training-landing .workshop-date { background: #ffffff08; border-radius: 16px; }
.training-landing .training-faq details { border-radius: 12px; border-color: #e9ded4; box-shadow: 0 4px 12px -10px #2b170b30; }
@media(max-width:760px) { .training-landing .lp-hero h1 { font-size: clamp(2rem,8vw,3rem); line-height: 1.14; } .training-landing .nav .training-cta { padding: 10px 14px; font-size: .75rem; } .training-landing .lp-hero__cta .training-cta { width: 100%; font-size: 1rem; } }
@media(prefers-reduced-motion:reduce) { .training-landing .training-cta { transition: none; } .training-landing .training-cta:hover { transform: none; } }