.ex{--ex-accent: var(--po-teal,#16a394);--ex-sky-top: #cfeaff;--ex-sky-low: #fff6e4;color: var(--po-ink);}.ex--world{--ex-accent: #2e6f9e;--ex-sky-top: #bfe3ff;--ex-sky-low: #e9f7ff;}.ex-eyebrow{margin: 0 0 10px;font: 800 0.8125rem/1.3 var(--po-font-body);letter-spacing: 0.08em;text-transform: uppercase;color: var(--po-ember-ink);}.ex-hero{position: relative;overflow: hidden;padding: clamp(28px,6vw,72px) 0 clamp(24px,5vw,56px);background: linear-gradient(180deg,var(--ex-sky-top) 0%,var(--ex-sky-low) 78%,var(--po-paper,#fffdf8) 100%);}.ex-hero__grid{display: grid;grid-template-columns: minmax(0,1.25fr) minmax(0,1fr);gap: clamp(20px,4vw,56px);align-items: center;}.ex-hero__title{margin: 0 0 14px;font: 800 var(--po-fs-display-xl,clamp(2.25rem,5vw,3.75rem))/1.02 var(--po-font-display);letter-spacing: var(--po-tracking-display,-0.01em);}.ex-hero__title em{font-style: normal;color: var(--ex-accent);}.ex-hero__lede{max-width: 60ch;margin: 0 0 18px;font: 500 var(--po-fs-body-lg,1.125rem)/1.55 var(--po-font-body);color: var(--po-ink-soft);}.ex-hero__facts{display: flex;flex-wrap: wrap;gap: 10px;margin: 0 0 20px;padding: 0;list-style: none;}.ex-hero__facts li{padding: 6px 14px;border-radius: var(--po-radius-pill,999px);background: rgba(255,255,255,0.8);box-shadow: var(--po-shadow-1);font: 600 0.9375rem/1.3 var(--po-font-body);}.ex-hero__facts strong{font-family: var(--po-font-display);color: var(--ex-accent);}.ex-hero__actions{margin: 0 0 12px;}.ex-note{margin: 0;font: 600 0.9375rem/1.5 var(--po-font-body);color: var(--po-ink-soft);}.ex-hero__art{position: relative;min-height: 260px;}.ex-hero__glow{position: absolute;inset: 10% 8%;border-radius: 50%;background: radial-gradient(circle,rgba(255,233,168,0.9),rgba(255,233,168,0) 70%);}.ex-roof,.ex-isle{position: absolute;display: block;box-shadow: var(--po-shadow-2);}.ex-roof{width: 34%;height: 34%;bottom: 12%;border-radius: 8px 8px 4px 4px;background: linear-gradient(180deg,#c8553d 0 30%,#f3e1c4 30% 100%);}.ex-roof--1{left: 6%;}.ex-roof--2{left: 34%;height: 46%;background: linear-gradient(180deg,#3e7c59 0 26%,#f7ead2 26% 100%);}.ex-roof--3{left: 62%;background: linear-gradient(180deg,#4a6fa5 0 30%,#efe0c8 30% 100%);}.ex-isle{width: 30%;height: 18%;border-radius: 50% 50% 46% 46% / 60% 60% 40% 40%;background: linear-gradient(180deg,#7fd3ae 0 40%,#b98a5a 40% 100%);}.ex-isle--1{left: 4%;bottom: 18%;}.ex-isle--2{left: 36%;bottom: 46%;width: 34%;background: linear-gradient(180deg,#f2f7ff 0 40%,#9aa9b8 40% 100%);}.ex-isle--3{left: 66%;bottom: 22%;background: linear-gradient(180deg,#ffd36b 0 40%,#c08a2e 40% 100%);}.ex-hero__olly{position: absolute;right: 4%;top: 4%;width: 34%;height: auto;}.ex-body{display: grid;gap: clamp(24px,4vw,40px);padding: clamp(24px,4vw,40px) 0 clamp(40px,6vw,72px);}.ex-shelf__title{margin: 0 0 12px;font: 800 1.5rem/1.2 var(--po-font-display);}.ex-shelf__lede{max-width: 70ch;margin: 0 0 14px;color: var(--po-ink-soft);}.ex-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,230px),1fr));gap: 14px;margin: 0;padding: 0;list-style: none;}.ex-card{position: relative;padding: 16px 16px 14px;border-radius: var(--po-radius-card,18px);background: #fff;box-shadow: var(--po-shadow-1);border: 1px solid var(--po-line,#e7e1d6);}.ex-card--free{border-color: rgba(37,156,61,0.35);}.ex-card__badge{display: inline-block;margin: 0 0 8px;padding: 2px 10px;border-radius: 999px;background: var(--po-forest,#2b7a4b);color: #fff;font: 800 0.75rem/1.4 var(--po-font-display);}.ex-card__badge--plan{background: #f1ece2;color: var(--po-ink-soft);font-family: var(--po-font-body);}.ex-card__title{margin: 0 0 4px;font: 800 1.125rem/1.25 var(--po-font-display);}.ex-card__does{margin: 0 0 8px;font-size: 0.9375rem;line-height: 1.45;color: var(--po-ink-soft);}.ex-card__meta{margin: 0;font: 600 0.8125rem/1.4 var(--po-font-body);color: var(--po-ink-soft);}.ex-steps{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,210px),1fr));gap: 8px;margin: 0;padding: 0 0 0 1.4em;}.ex-step{display: flex;justify-content: space-between;gap: 8px;padding: 6px 10px;border-radius: 10px;background: #fff;border: 1px solid var(--po-line,#e7e1d6);}.ex-step--done{border-color: rgba(37,156,61,0.4);}.ex-step__tag{font: 700 0.75rem/1.6 var(--po-font-body);color: var(--po-ink-soft);}.ex-plan{display: flex;gap: 14px;align-items: flex-start;padding: 18px 20px;border-radius: var(--po-radius-card,18px);background: #f7f3ea;border: 1px solid var(--po-line,#e7e1d6);}.ex-plan__icon svg{width: 26px;height: 26px;color: var(--ex-accent);}.ex-plan__title{margin: 0 0 4px;font: 800 1.0625rem/1.35 var(--po-font-display);}.ex-plan p{margin: 0 0 6px;}.ex-plan__actions{margin-top: 10px !important;}.ex-stage{position: relative;min-height: min(78vh,760px);border-radius: var(--po-radius-2xl,24px);overflow: hidden;background: linear-gradient(180deg,#cfeaff,#fff6e4);}.ex-stage.aw-host[data-started="true"]:not(.aw-host--no-3d):not(.aw-host--failed){height: clamp(480px,78vh,760px);}.ex-stage__fallback{display: grid;justify-items: center;gap: 10px;max-width: 640px;margin: 0 auto;padding: clamp(28px,6vw,64px) 16px;text-align: center;}.ex-stage__title{margin: 0;font: 800 clamp(1.5rem,3vw,2rem)/1.2 var(--po-font-display);}.ex-stage__list{display: flex;flex-wrap: wrap;justify-content: center;gap: 8px;margin: 8px 0;padding: 0;list-style: none;}.ex-stage__list li{padding: 4px 12px;border-radius: 999px;background: rgba(255,255,255,0.86);font: 600 0.875rem/1.5 var(--po-font-body);}.ex-stage__tag{margin-left: 6px;color: var(--po-ink-soft);font-weight: 500;}.ex-app .ex-body{padding-inline: clamp(16px,3vw,32px);}@media (max-width: 760px){.ex-hero__grid{grid-template-columns: 1fr;}.ex-hero__art{min-height: 180px;}}@media (prefers-reduced-motion: reduce){.ex *{transition: none !important;animation: none !important;}}