/* Compact stage explorer — one journey stage at a time. */
.stage-roadmap{display:block}
.stage-card[hidden]{display:none!important}
.stage-card:not([hidden]){display:flex}
.stage-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.stage-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px;border:0;background:#191512;border-radius:16px}
.stage-select{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:9px;min-width:0;padding:11px;border:1px solid #4a3b34;border-radius:11px;background:transparent;color:#fff;text-align:left;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
.stage-select:hover{background:#302923;transform:translateY(-2px)}
.stage-select[aria-selected=true]{border-color:#ff6733;background:#ff6733;color:#191512;box-shadow:0 10px 22px -17px #000}
.stage-select>b{display:grid;place-items:center;width:29px;height:29px;border:1px solid #866557;border-radius:50%;color:#ff9b74;font-size:.68rem}
.stage-select[aria-selected=true]>b{border-color:#191512;background:#fff0eb;color:#191512}
.stage-select>span{display:grid;gap:3px;min-width:0}
.stage-select strong{font-size:.78rem;line-height:1.35}
.stage-select small{color:#c9b5ab;font-size:.67rem;line-height:1.35}
.stage-select[aria-selected=true] small{color:#63301d}
.stage-card:not([hidden]){animation:stage-panel-in .22s ease both}
@keyframes stage-panel-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:820px){.stage-selector{grid-template-columns:1fr;padding:6px}.stage-select{padding:10px}.stage-card-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.stage-card:not([hidden]){animation:none}}

/* DoubleScale-inspired two-pane header and decision-first pricing picker. */
.mega-panel-system{width:min(860px,calc(100vw - 40px))}
.mega-two-pane{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;margin-top:18px}
.mega-category-list{display:grid;align-content:start;gap:5px;padding-right:14px;border-right:1px solid #eadfd8}
.mega-category-link{display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;align-items:center;padding:12px 10px;border:1px solid transparent;border-radius:12px;color:#191512;text-decoration:none;transition:background .18s,border-color .18s,transform .18s}
.mega-category-link:hover,.mega-category-link.is-active{background:#fff0eb;border-color:#ffc5b1;transform:translateX(2px)}
.mega-category-index{display:grid;place-items:center;width:27px;height:27px;border:1px solid #cdbab0;border-radius:50%;color:#9b4226;font-size:.66rem;font-weight:800}
.mega-category-link span:last-child{display:grid;gap:3px}
.mega-category-link strong{font-size:.8rem;line-height:1.2}
.mega-category-link small{color:#796a63;font-size:.68rem;line-height:1.3}
.mega-feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;align-content:start}
.mega-feature-list .mega-link{min-height:66px}
.pricing-plan-picker{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.5fr);gap:18px;align-items:center;margin:28px 0 18px;padding:14px;border:1px solid #dfd2ca;border-radius:18px;background:#fffaf7}
.pricing-plan-picker-copy{display:grid;gap:4px}
.pricing-plan-picker-copy span{color:#a74a2d;font-size:.66rem;font-weight:800;letter-spacing:.12em}
.pricing-plan-picker-copy strong{font-size:1rem;line-height:1.2}
.pricing-plan-picker-copy small{color:#796b64;font-size:.73rem;line-height:1.35}
.pricing-plan-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.plan-choice{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:center;min-width:0;padding:10px;border:1px solid #d8c8bf;border-radius:12px;background:#fff;color:#2b211d;text-align:left;cursor:pointer;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}
.plan-choice:hover{border-color:#f07b51;transform:translateY(-2px)}
.plan-choice[aria-pressed=true]{border-color:#ef6c3e;background:#ef6c3e;color:#201612;box-shadow:0 10px 22px -18px #8e3418}
.plan-choice>b{display:grid;place-items:center;width:30px;height:30px;border:1px solid #d1bcb1;border-radius:50%;font-size:.7rem}
.plan-choice[aria-pressed=true]>b{border-color:#201612;background:#fff3ed}
.plan-choice span{display:grid;gap:3px;min-width:0;font-size:.74rem;font-weight:800;line-height:1.2}
.plan-choice small{color:#7e6d64;font-size:.63rem;font-weight:500;line-height:1.25}
.plan-choice[aria-pressed=true] small{color:#63301d}
.package-card-v3.is-plan-selected{border-color:#ef6c3e;box-shadow:0 18px 38px -25px rgba(175,65,27,.65);transform:translateY(-3px)}
@media(max-width:820px){.mega-panel-system{width:min(560px,calc(100vw - 28px))}.mega-two-pane{grid-template-columns:1fr;gap:10px}.mega-category-list{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 0 10px;border-right:0;border-bottom:1px solid #eadfd8}.mega-category-link{padding:9px}.mega-feature-list{grid-template-columns:1fr}.pricing-plan-picker{grid-template-columns:1fr;gap:12px}.pricing-plan-options{grid-template-columns:1fr}}

/* One full-size screen per step; slide through the real system images. */
.hero-flow-stage{min-height:0;padding:22px 24px 12px}
.hero-flow-screen-carousel{width:100%;background:#fff8f4;border-color:#725449}
.hero-image-carousel{min-width:0;touch-action:pan-y}
.hero-image-stage{padding:12px;background:#f9f4f1}
.hero-flow-screen-carousel .hero-image-open{position:relative;display:grid;place-items:center;width:100%;height:clamp(350px,43vw,590px);padding:0;border:1px solid #e8ded8;border-radius:9px;background:#fff;overflow:hidden;cursor:zoom-in}
.hero-flow-screen-carousel .hero-image-open img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;object-position:center;background:#fff}
.hero-image-number{position:absolute;top:11px;left:11px;display:grid;place-items:center;width:30px;height:26px;border-radius:7px;background:#191512e8;color:#fff;font-size:.7rem;font-weight:800}
.hero-image-controls{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:14px;padding:12px 16px 15px;background:#fff8f4;color:#211915}
.hero-image-arrow{display:grid;place-items:center;width:42px;height:42px;border:1px solid #d6bdb0;border-radius:50%;background:#fff;color:#201713;font:inherit;font-size:1.2rem;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
.hero-image-arrow:hover{background:#ff6733;border-color:#ff6733;transform:translateY(-2px)}
.hero-image-arrow:focus-visible,.hero-image-open:focus-visible,.mega-category-link:focus-visible,.nav-mega-trigger:focus-visible{outline:3px solid #ff6733;outline-offset:2px}
.hero-image-details{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 13px;align-items:center;min-width:0}
.hero-image-count{font-size:.75rem;font-weight:800;color:#a34526;white-space:nowrap}
.hero-image-name{font-size:.86rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hero-image-track{grid-column:1/-1;height:3px;border-radius:3px;background:#e4cdc0;overflow:hidden}
.hero-image-track i{display:block;height:100%;background:#ff6733;transition:width .25s}
.hero-flow-screen-carousel + .hero-frame-result{position:static;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;width:auto;margin:11px 2px 0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#f8ede8}
.hero-flow-screen-carousel + .hero-frame-result span{color:#ff9b74}
.hero-flow-screen-carousel + .hero-frame-result strong{font-size:.82rem;color:#fff}
.hero-flow-screen-carousel + .hero-frame-result small{color:#bba9a0}

/* The header belongs to the same peach canvas as the opening section. */
.academy-v2 .site-header{background:#fff0ebf7;border-bottom:1px solid #e9d5cb;backdrop-filter:blur(18px)}
.academy-v2 .site-header.is-stuck{background:#fff0ebfa;border-bottom-color:#dcbbaa;box-shadow:0 12px 32px #65331a16}
.academy-v2 .site-header .nav-mega{position:static}
.academy-v2 .nav-mega-trigger,.academy-v2 .nav-direct{border-radius:11px;padding:10px 13px;transition:background .18s,color .18s}
.academy-v2 .nav-mega-trigger:hover,.academy-v2 .nav-mega.is-open .nav-mega-trigger,.academy-v2 .nav-direct:hover{background:#fffaf7;color:#a83c18}
.academy-v2 .mega-panel{top:calc(100% - 1px);left:50%;width:min(920px,calc(100vw - 42px));max-height:calc(100svh - 105px);padding:23px;overflow-y:auto;border:1px solid #e7c9b8;border-radius:0 0 20px 20px;background:#fffaf7;box-shadow:0 25px 60px #4b211528}
.academy-v2 .mega-panel:before{display:none}
.academy-v2 .nav-mega:not(.is-open) .mega-panel{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-7px)}
.academy-v2 .nav-mega.is-open .mega-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.academy-v2 .mega-panel .mega-link:hover,.academy-v2 .mega-panel-footer a:hover{background:#fff0eb}
.mega-category-link{width:100%;font:inherit;cursor:pointer;text-align:left}
.mega-panel-system .mega-feature-list{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center}
.mega-panel-system .mega-feature-list .mega-link{min-height:88px;padding:14px;border:1px solid #eee0d8;border-radius:12px;background:#fff}
.mega-panel-system .mega-feature-list .mega-link:hover{border-color:#f5a784;background:#fff0eb}
.mega-panel-system .mega-panel-footer{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:820px){
  .hero-flow-stage{padding:12px 10px}
  .hero-flow-screen-carousel .hero-image-open{height:clamp(215px,54vw,365px)}
  .hero-image-stage{padding:6px}
  .hero-image-controls{gap:7px;padding:10px}
  .hero-image-arrow{width:38px;height:38px}
  .hero-image-controls{grid-template-columns:38px minmax(0,1fr) 38px}
  .hero-flow-screen-carousel + .hero-frame-result{margin:9px 2px 0}
  .academy-v2 .main-nav{max-height:calc(100svh - 86px);overflow-y:auto;background:#fff8f4;border-color:#e3c5b6}
  .academy-v2 .site-header .nav-mega{position:relative}
  .academy-v2 .mega-panel{position:static;display:none;width:auto;max-height:none;margin:2px 0 6px;padding:12px;overflow:visible;border:1px solid #ead3c7;border-radius:12px;background:#fffdfb;box-shadow:none;transform:none}
  .academy-v2 .nav-mega:not(.is-open) .mega-panel{display:none;transform:none}
  .academy-v2 .nav-mega.is-open .mega-panel{display:block;transform:none}
  .mega-panel-system .mega-feature-list{grid-template-columns:1fr}
  .mega-panel-system .mega-feature-list .mega-link{min-height:0}
}
@media(max-width:430px){.hero-image-name{font-size:.73rem}.hero-flow-screen-carousel .hero-image-open{height:220px}.mega-category-link{grid-template-columns:24px minmax(0,1fr);gap:5px;padding:7px}.mega-category-index{width:23px;height:23px}.mega-category-link strong{font-size:.73rem}.mega-category-link small{font-size:.59rem}}
@media(prefers-reduced-motion:reduce){.hero-image-track i,.hero-image-arrow{transition:none}}