/* Training Hub v30: scoped design only; site and checkout links unchanged */
.th-page{--th-navy:#092b49;--th-green:#8bc53f;--th-muted:#597184}
.th-page .nav-cta{background:var(--th-navy)!important}.th-page a:focus-visible,.th-page button:focus-visible{outline:3px solid var(--th-green);outline-offset:4px}
.th-hero{overflow:hidden;background:radial-gradient(circle at 92% 10%,#e1efd6 0,transparent 30%),linear-gradient(115deg,#f8fafb 0%,#fff 60%,#f1f6eb 100%);padding:88px 0 95px}
.th-hero-grid{display:grid;grid-template-columns:1fr .87fr;gap:clamp(30px,5vw,85px);align-items:center}.th-kicker{font-size:12px;letter-spacing:.15em;font-weight:800;color:#3c5e45;display:flex;gap:10px;align-items:center}.th-dot{width:9px;height:9px;border-radius:50%;background:var(--th-green)}
.th-copy h1{font-size:clamp(44px,5.3vw,76px);line-height:1.035;letter-spacing:-.06em;color:var(--th-navy);margin:24px 0 25px;max-width:650px}.th-copy h1 em{font-style:normal;position:relative;white-space:nowrap}.th-copy h1 em:after{position:absolute;content:'';bottom:-7px;left:0;width:100%;height:6px;border-radius:20px;background:var(--th-green)}.th-copy>p{font-size:18px;line-height:1.7;max-width:570px;color:#536d81}.th-actions{display:flex;gap:23px;align-items:center;flex-wrap:wrap;margin:33px 0 40px}.th-actions .btn.primary{background:var(--th-green);color:#172536;border-radius:50px;min-height:51px;padding:0 24px;gap:12px}.th-inline-link{font-size:14px;font-weight:750;color:var(--th-navy)}.th-hero-tags{display:flex;gap:12px;flex-wrap:wrap}.th-hero-tags span{border-left:3px solid var(--th-green);padding:2px 13px;font-size:13px;color:#4a6173;font-weight:650}
.th-visual{background:#fff;border:1px solid #e1e9e7;box-shadow:0 30px 90px #143f3830;border-radius:23px;padding:24px 28px 20px;min-width:0;transform:rotate(1deg);transition:transform .35s ease}.th-visual:hover{transform:rotate(0)}.th-visual-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.13em;font-weight:800;color:#58756c}.th-orbit{font-size:27px;color:var(--th-green)}.th-logo-surface{background:linear-gradient(120deg,#f7faf3,#fff);border-radius:15px;padding:21px 25px;margin:15px 0 8px;display:flex;justify-content:center;align-items:center}.th-logo-surface img{width:100%;max-width:340px;height:auto}.th-journey-item{display:grid;grid-template-columns:40px 1fr 28px;gap:12px;align-items:center;padding:14px 3px;border-bottom:1px solid #e5ece9}.th-journey-item>span{font-size:12px;color:#6d9362;font-weight:850}.th-journey-item strong{display:block;color:var(--th-navy);font-size:14px}.th-journey-item small{color:#64808a;font-size:12px}.th-journey-item i{font-style:normal;color:#4a8e36;font-weight:850}.th-visual-foot{text-align:right;padding-top:18px;color:#678179;font-size:11px}
.th-story{background:#fff}.th-section-top{display:grid;grid-template-columns:1.2fr .55fr;gap:45px;align-items:end;margin-bottom:33px}.th-section-top h2{max-width:750px}.th-section-top>p{font-size:15px;line-height:1.65;color:#5d7485;margin:0}
.th-stage{border:1px solid #e0e9ee;border-radius:20px;overflow:hidden;background:#f8fafb}.th-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#fff}.th-tabs button{appearance:none;border:0;border-bottom:3px solid transparent;background:#fff;padding:21px 23px;text-align:left;font-size:12px;color:#688097;cursor:pointer}.th-tabs button+button{border-left:1px solid #e9edf1}.th-tabs button strong{display:block;font-size:18px;color:#143753;margin-top:5px}.th-tabs button[aria-selected=true]{background:#f4f9ee;border-bottom-color:var(--th-green);color:#437731}.th-stage-panel{display:grid;grid-template-columns:1.15fr .6fr;gap:30px;padding:46px 50px;align-items:center;min-height:300px}.th-panel-caption{font-size:11px;letter-spacing:.15em;color:#4e7e37;font-weight:800}.th-stage-panel h3{font-size:clamp(26px,3vw,37px);line-height:1.14;letter-spacing:-.035em;max-width:600px;color:var(--th-navy);margin:15px 0}.th-stage-panel p{color:#5c7180;font-size:15px;line-height:1.7;max-width:650px}.th-panel-link{display:inline-block;font-size:14px;font-weight:800;color:#264e39;margin-top:12px}.th-step-art{min-height:180px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.th-big-index{font-size:clamp(90px,13vw,180px);font-weight:850;line-height:1;letter-spacing:-.1em;color:#e0eed5}.th-art-bars{display:flex;gap:6px;position:absolute;bottom:0}.th-art-bars i{width:45px;height:5px;background:#8bc53f;border-radius:6px}.th-art-bars i:nth-child(2){background:#a7bbd0}.th-art-bars i:nth-child(3){background:#d6e1e8}
.th-benefits{background:linear-gradient(145deg,#f3f7f7,#fff);padding:80px 0}.th-benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.th-benefits .check-list>div{padding:19px 0}.th-benefits .check-list strong{font-size:16px;color:var(--th-navy)}
.th-page .memberships{padding:85px 0 95px}.th-page .membership-tier{transition:transform .25s ease,box-shadow .25s ease}.th-page .membership-tier:hover{transform:translateY(-4px);box-shadow:0 15px 35px #0b294016}.th-page .membership-checkout-links a{color:var(--th-navy)}.th-page .cta-box{background:#092b49;color:#fff}.th-page .cta-box h2{color:white}.th-page .cta-box .eyebrow{color:#d0e1d4}.th-page .cta-box .btn.primary{background:var(--th-green);color:#172536;border-radius:50px}
@media(max-width:900px){.th-hero-grid,.th-benefits-grid{grid-template-columns:1fr}.th-hero{padding:65px 0}.th-visual{max-width:600px;transform:none}.th-section-top{grid-template-columns:1fr;gap:10px}.th-stage-panel{padding:30px}.th-benefits-grid{gap:38px}}
@media(max-width:600px){.th-copy h1{font-size:clamp(40px,10vw,58px)}.th-copy h1 em{white-space:normal}.th-hero{padding:48px 0 68px}.th-visual{padding:18px}.th-stage-panel{grid-template-columns:1fr;padding:26px}.th-step-art{min-height:85px}.th-big-index{font-size:82px}.th-art-bars{display:none}.th-tabs button{padding:14px 10px;font-size:10px}.th-tabs button strong{font-size:14px}.th-benefits{padding:55px 0}}
@media(prefers-reduced-motion:reduce){.th-visual,.th-page .membership-tier{transition:none}.th-visual:hover,.th-page .membership-tier:hover{transform:none}}
