/* The public homepage. Shared navigation and catalog behavior stay in academy-ui. */
.academy-home {
  --hp-bg:var(--ux-bg); --hp-panel:var(--ux-panel); --hp-soft:var(--ux-soft); --hp-ink:var(--ux-ink);
  --hp-muted:var(--ux-muted); --hp-line:var(--ux-line); --hp-accent:var(--ux-green); --hp-tint:var(--ux-tint);
  --hp-lilac:#6f59a2; --hp-gold:var(--ux-gold); --hp-blue:#447490;
  background:var(--hp-bg); color:var(--hp-ink); font-family:Tajawal,sans-serif; line-height:1.8;
  overflow:clip; isolation:isolate;
}
html[data-academy-theme="dark"] .academy-home {--hp-lilac:#c2b2ea;--hp-blue:var(--ux-blue,#9abfff)}
.academy-home *,.academy-home *::before,.academy-home *::after {box-sizing:border-box}
.academy-home [hidden] {display:none!important}
.academy-home :is(h1,h2,h3,p,ul,ol,figure) {margin:0}
.academy-home a {color:inherit;text-decoration:none}
.academy-home :is(button,input) {font:inherit}
.academy-home button {cursor:pointer}
.academy-home svg {width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.academy-home :is(a,button,summary,[tabindex]):focus-visible {outline:3px solid var(--hp-accent);outline-offset:5px}
.academy-home :is(section,nav)[id] {scroll-margin-top:100px}
.hp-container {width:min(1260px,calc(100% - 96px));margin-inline:auto}
.hp-section {padding-block:100px}
.hp-eyebrow {display:inline-flex;gap:10px;align-items:center;font-size:13px;font-weight:700;line-height:1.6;color:var(--hp-accent)}
.hp-status-dot {height:7px;width:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px color-mix(in srgb,var(--hp-accent) 10%,transparent)}
.hp-actions {display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:28px}
.hp-button {min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 23px;border:1px solid transparent;border-radius:11px;font-size:15px;font-weight:800;transition:background .2s,transform .2s,box-shadow .2s}
.academy-home .hp-button-primary {color:var(--hp-panel);background:var(--hp-accent);box-shadow:var(--ux-shadow)}
.academy-home .hp-button-primary:hover {background:var(--ux-green-hover);transform:translateY(-2px);box-shadow:var(--ux-shadow)}
.hp-button-secondary {border-color:var(--hp-line);background:transparent;color:var(--hp-ink)}
.hp-button-secondary:hover {background:var(--hp-tint);transform:translateY(-2px)}
.hp-button svg {width:19px;height:19px}
.hp-text-link {display:inline-flex;align-items:center;gap:10px;color:var(--hp-accent)!important;font-size:14px;font-weight:700;min-height:40px}
.hp-text-link svg {width:18px;height:18px;transition:transform .2s}
.hp-text-link:hover svg {transform:translateX(-4px)}
.hp-section-heading {margin-bottom:32px}
.hp-section-heading>h2:first-child,.hp-section-heading>div>h2:first-child,.hp-deep-copy>h2:first-child {margin-top:0}
.hp-section-heading h2,.hp-deep-copy h2 {font-size:clamp(31px,3.1vw,46px);font-weight:800;line-height:1.4;letter-spacing:-1px;color:var(--hp-ink);margin-top:13px}
.hp-section-heading h2 span,.hp-deep-copy h2 span {color:var(--hp-accent)}
.hp-section-heading p {font-size:16px;color:var(--hp-muted);line-height:1.85}
.hp-heading-row {display:flex;justify-content:space-between;align-items:end;gap:25px}
.hp-heading-row>.hp-text-link {flex-shrink:0;margin-bottom:4px}
.hp-heading-center {text-align:center;max-width:700px;margin:0 auto 44px}
.hp-heading-center p {margin-top:16px}
.hp-icon {width:49px;height:49px;display:inline-grid;place-items:center;background:var(--hp-tint);border:1px solid var(--hp-line);border-radius:15px;color:var(--hp-accent);flex-shrink:0}
.hp-icon-lilac {color:var(--hp-lilac);background:color-mix(in srgb,var(--hp-lilac) 11%,transparent)}
.hp-icon-gold {color:var(--hp-gold);background:color-mix(in srgb,var(--hp-gold) 11%,transparent)}
.hp-icon-blue {color:var(--hp-blue);background:color-mix(in srgb,var(--hp-blue) 11%,transparent)}
.hp-hero {position:relative;color:var(--hp-ink);background:var(--hp-bg);isolation:isolate}
.hp-hero::before {content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 20% 25%,color-mix(in srgb,var(--hp-accent) 14%,transparent),transparent 60%),linear-gradient(120deg,var(--hp-tint),transparent 75%);pointer-events:none}
.hp-hero::after {content:"";position:absolute;inset:0;z-index:-1;opacity:.3;background-image:linear-gradient(var(--hp-line) 1px,transparent 1px),linear-gradient(90deg,var(--hp-line) 1px,transparent 1px);background-size:64px 64px;pointer-events:none}
.hp-hero-grid {width:min(1480px,calc(100% - 96px));display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(32px,4vw,64px);align-items:center;padding-block:54px 40px;min-height:686px}
.hp-hero-copy {padding-bottom:15px;min-width:0;container-type:inline-size}
.hp-hero .hp-eyebrow {font-size:12px}
.hp-hero h1 {font-size:min(clamp(62px,6.4vw,92px),16cqi);font-weight:800;line-height:1.1;letter-spacing:-3px;color:var(--hp-ink);margin:28px 0 25px;white-space:nowrap}
.hp-title-last {position:relative;color:var(--hp-accent);display:inline-block;padding-bottom:9px}
.hp-title-last>svg {position:absolute;width:95%;height:17px;bottom:-4px;right:0;stroke:var(--hp-accent);stroke-width:2.8;opacity:.8}
.hp-hero-lead {font-size:24px;font-weight:700;line-height:1.6;color:var(--hp-ink)}
.hp-hero-description {font-size:16px;line-height:1.95;color:var(--hp-muted);max-width:455px;margin-top:12px!important}
.hp-hero .hp-actions {margin-top:28px}
.hp-hero-subjects {display:flex;align-items:center;gap:14px;color:var(--hp-muted);margin-top:23px;font-size:11px;flex-wrap:wrap}
.hp-hero-subjects>span {display:flex;align-items:center;gap:5px}
.hp-hero-subjects>span+span::before {content:"";width:3px;height:3px;background:var(--hp-muted);border-radius:50%;margin-inline-end:5px}
.hp-hero-subjects svg {width:15px;height:15px;color:var(--hp-accent)}
.hp-product {min-width:0;position:relative}
.hp-product::before {content:"";position:absolute;inset:8% -3% 12%;border-radius:32%;background:color-mix(in srgb,var(--hp-accent) 22%,transparent);filter:blur(64px);z-index:-1;pointer-events:none}
.hp-product-label {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--hp-muted);margin:0 6px 14px;gap:8px 14px}
.hp-product-label>span:first-child {display:flex;align-items:center;gap:8px}
.hp-product-label i {height:7px;width:7px;background:var(--hp-accent);border-radius:50%;box-shadow:0 0 0 4px var(--hp-tint)}
.hp-product-hint {color:var(--hp-accent);font-weight:700}
.hp-product-label>span[dir] {font-size:8px;letter-spacing:1.7px}
.hp-workspace {border:1px solid color-mix(in srgb,var(--hp-accent) 38%,var(--hp-line));border-radius:24px;background:var(--hp-panel);box-shadow:0 24px 72px #06100d22,0 0 0 6px color-mix(in srgb,var(--hp-panel) 38%,transparent);overflow:hidden;position:relative}

.hp-workspace-tabs {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:12px}
.hp-workspace-tabs button {position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:48px;padding:8px;border:1px solid transparent;border-radius:12px;background:transparent;font-size:14px;font-weight:700;color:var(--hp-muted);transition:background .2s,color .2s,border-color .2s}
.hp-workspace-tabs button svg {width:21px;height:21px}
.hp-workspace-tabs button[aria-pressed="true"] {color:var(--hp-accent);background:var(--hp-tint);border-color:color-mix(in srgb,var(--hp-accent) 50%,var(--hp-line))}
.hp-workspace-tabs button:not([aria-pressed="true"]):hover {color:var(--hp-ink);background:var(--hp-soft)}
.hp-demo-panel {padding:0 10px;min-width:0;color:var(--hp-ink)}
.deck-ready .hp-deck {display:grid;min-width:0}
.deck-ready .hp-demo-panel {grid-area:1/1;visibility:hidden;opacity:0;transform:translateY(7px);transition:opacity .25s,transform .3s;pointer-events:none}
.deck-ready .hp-demo-panel.is-active {visibility:visible;opacity:1;transform:none;pointer-events:auto}

.hp-product-bottom {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px 24px;border-top:1px solid var(--hp-line);background:linear-gradient(120deg,var(--hp-tint),transparent)}
.hp-product-caption {min-width:0;flex:1}
.hp-product-bottom h2 {font-size:22px;line-height:1.5;font-weight:800;color:var(--hp-ink)}
.hp-product-bottom p {font-size:13px;line-height:1.75;color:var(--hp-muted);margin-top:5px;text-wrap:pretty}
.hp-deck-navigation {display:flex;align-items:center;gap:10px;flex-shrink:0}
.hp-deck-navigation button {display:grid;place-items:center;width:48px;height:48px;border:1px solid color-mix(in srgb,var(--hp-accent) 35%,var(--hp-line));border-radius:14px;background:var(--hp-panel);color:var(--hp-accent);transition:background .2s,color .2s,border-color .2s}
.hp-deck-navigation button[data-deck-next] {background:var(--hp-accent);color:var(--hp-panel);border-color:var(--hp-accent)}
.hp-deck-navigation button:hover {background:var(--hp-tint);color:var(--hp-accent);border-color:var(--hp-accent)}
.hp-deck-navigation svg {width:22px;height:22px}
.hp-arrow-right {transform:rotate(180deg)}
#deck-count {font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--hp-ink);white-space:nowrap}
.academy-home .hp-preview-note {color:var(--hp-muted);font-size:11px;margin:12px 6px 0;line-height:1.8}

.hp-demo-link {font-size:14px;font-weight:700;min-height:52px;color:var(--hp-accent)!important;display:flex;justify-content:center;align-items:center;gap:10px;padding:10px}
.hp-demo-link svg {width:18px;height:18px}
.hp-demo-link:hover {text-decoration:underline;text-underline-offset:5px}

.hp-hero-bottom {border-top:1px solid var(--hp-line);padding-block:20px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--hp-muted)}
.hp-hero-bottom>a {display:flex;align-items:center;gap:16px;color:var(--hp-ink)}.hp-hero-bottom>a>span {font-size:20px}
.hp-quick-nav {background:var(--hp-panel);border-bottom:1px solid var(--hp-line)}
.hp-quick-nav>.hp-container {display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:83px}
.hp-quick-nav a {display:flex;align-items:center;gap:10px;font-size:13px;color:var(--hp-muted);padding-block:15px}
.hp-quick-nav a:hover {color:var(--hp-accent)}.hp-quick-nav svg {width:20px;height:20px;color:var(--hp-accent)}
.hp-grades {display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.hp-grades a {display:flex;align-items:center;gap:9px;min-height:45px;padding:9px 15px;border:1px solid var(--hp-line);border-radius:9px;background:var(--hp-panel);font-size:13px;font-weight:700;transition:border-color .2s,background .2s}
.hp-grades svg {width:16px;height:16px;color:var(--hp-accent)}
.hp-grades a:hover {border-color:var(--hp-accent);background:var(--hp-tint)}
.hp-grades a>svg:last-child {margin-inline-start:12px;width:14px}
.hp-course-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.hp-course-grid>div {min-width:0}
.academy-home .ux-course-card {height:100%;border:1px solid var(--hp-line);border-radius:18px;box-shadow:none;background:var(--hp-panel);overflow:hidden;transition:transform .2s,border-color .2s}
.academy-home .ux-course-card:hover {border-color:var(--hp-accent);transform:translateY(-4px)}
.academy-home .ux-course-cover {aspect-ratio:16/9;height:auto;min-height:0}
.academy-home .ux-course-body {padding:22px}
.academy-home .ux-course-body h3 {font-size:21px;line-height:1.5;letter-spacing:-.35px;margin-block:9px 11px}
.academy-home .ux-course-label {font-size:12px;color:var(--hp-accent)}
.academy-home .ux-course-body>p {color:var(--hp-muted);font-size:13px;line-height:1.8}
.academy-home .ux-course-meta {color:var(--hp-muted);font-size:11px;margin-top:15px}
.academy-home .ux-course-bottom {border-color:var(--hp-line);margin-top:18px;padding-top:17px}
.academy-home .ux-price {color:var(--hp-ink);font-size:23px}
.academy-home .ux-price small {color:var(--hp-muted);font-size:11px}
.academy-home .ux-course-bottom .ux-text-link {color:var(--hp-accent);font-size:12px}
.hp-catalog-footer {display:flex;align-items:center;justify-content:center;gap:10px;margin-top:25px;font-size:13px;color:var(--hp-muted)}
.hp-catalog-footer .hp-text-link {font-size:13px}
.hp-empty {grid-column:1/-1;text-align:center;padding:42px;border:1px dashed var(--hp-line);border-radius:16px;background:var(--hp-panel)}
.hp-empty h3 {font-size:24px;margin-top:15px}.hp-empty p {color:var(--hp-muted);margin:10px 0}
.hp-experience {background:var(--hp-panel);border-block:1px solid var(--hp-line)}
.hp-feature-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.hp-feature {border:1px solid var(--hp-line);border-radius:21px;background:var(--hp-bg);padding:32px;overflow:hidden;position:relative}
.hp-feature h3 {font-size:30px;line-height:1.45;letter-spacing:-.7px;font-weight:800;color:var(--hp-ink);margin-top:20px}
.hp-feature h3 span {color:var(--hp-accent)}
.hp-feature p {font-size:14px;color:var(--hp-muted);line-height:1.9;margin-top:13px;max-width:450px}
.hp-feature .hp-text-link {margin-top:18px}
.hp-feature-ai {grid-column:1/-1;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:25px;padding:37px 37px 0;background:linear-gradient(110deg,var(--hp-tint),var(--hp-bg) 70%);min-height:350px}
.hp-feature-copy {padding-bottom:34px}
.hp-feature-kicker {display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:1.2px;color:var(--hp-accent)}
.hp-feature-kicker svg {width:19px;height:19px}
.hp-feature-ai h3 {font-size:34px;margin-top:18px}
.hp-feature-tags {display:flex;gap:7px;flex-wrap:wrap;margin-top:19px}
.hp-feature-tags span {font-size:10px;padding:3px 8px;border:1px solid var(--hp-line);border-radius:5px;color:var(--hp-muted)}
.hp-feature-screen {display:block;align-self:center;min-width:0;margin-bottom:34px;border:1px solid var(--hp-line);border-radius:14px;background:var(--hp-panel);overflow:hidden}

.hp-feature-screen img {display:block;width:100%;height:auto}
.hp-screen-zoom {position:absolute;bottom:12px;left:12px;display:flex;gap:6px;align-items:center;min-height:40px;background:var(--hp-panel);border:1px solid var(--hp-line);border-radius:7px;padding:8px 10px;color:var(--hp-ink);font-size:11px;box-shadow:var(--ux-shadow)}
.hp-screen-zoom svg {width:14px;height:14px}

.hp-tools-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:22px}
.hp-tool {display:flex;align-items:center;gap:18px;padding:25px;border:1px solid var(--hp-line);border-radius:18px;background:var(--hp-bg);transition:background .2s}
.hp-tool:hover {background:var(--hp-tint)}.hp-tool>div {flex:1;min-width:0}.hp-tool h3 {font-size:19px;font-weight:700;color:var(--hp-ink)}.hp-tool p {font-size:12px;color:var(--hp-muted);margin-top:4px}.hp-tool>svg {width:19px;color:var(--hp-accent)}
.hp-deep-dive {display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:74px}
.hp-deep-copy>p {font-size:16px;line-height:1.95;color:var(--hp-muted);margin-top:22px;max-width:440px}
.hp-deep-copy>.hp-text-link {margin-top:25px}
.hp-source-steps {display:flex;gap:10px;align-items:center;margin-top:28px}
.hp-source-steps>span {display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--hp-muted)}.hp-source-steps b {font-size:12px;font-weight:500;color:var(--hp-accent)}
.hp-source-steps>svg {width:18px;height:18px;margin:16px 4px 0;color:var(--hp-accent)}
.hp-capture {padding:10px;border:1px solid var(--hp-line);border-radius:18px;background:var(--hp-panel);box-shadow:0 18px 55px #09120c10;min-width:0}
.hp-capture-bar {display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:9px;padding:8px 5px 16px;color:var(--hp-muted)}
.hp-capture-bar>span:first-child {display:flex;align-items:center;gap:7px;color:var(--hp-accent)}
.hp-capture-bar svg {width:15px;height:15px}
.hp-capture>a {position:relative;display:block;border:1px solid var(--hp-line);border-radius:9px;overflow:hidden;cursor:zoom-in;background:var(--hp-panel)}
.hp-capture img {display:block;width:100%;height:auto}
.hp-capture figcaption {font-size:10px;color:var(--hp-muted);padding:11px 5px 2px;text-align:center}
.hp-plan-section {background:var(--hp-panel);border-block:1px solid var(--hp-line)}
.hp-deep-reverse {direction:ltr}.hp-deep-reverse>* {direction:rtl}
.hp-check-list {list-style:none;padding:0;display:grid;gap:12px;margin-top:25px!important}
.hp-check-list li {display:flex;gap:10px;align-items:center;color:var(--hp-ink);font-size:13px}
.hp-check-list svg {width:18px;height:18px;color:var(--hp-accent)}
.hp-deep-copy>.hp-button {margin-top:29px}
.hp-journey {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;border-block:1px solid var(--hp-line)}
.hp-journey li {padding:32px 26px;position:relative}
.hp-journey li+li {border-inline-start:1px solid var(--hp-line)}
.hp-journey li>span {font-size:12px;color:var(--hp-muted);display:block;line-height:1}
.hp-journey li>svg {position:absolute;top:26px;left:26px;color:var(--hp-accent);width:23px;height:23px}
.hp-journey h3 {font-size:21px;font-weight:800;margin:25px 0 12px;color:var(--hp-ink)}
.hp-journey p {font-size:13px;line-height:1.9;color:var(--hp-muted);max-width:230px}
.hp-parent-banner {display:flex;align-items:center;gap:24px;margin-top:45px;border:1px solid var(--hp-line);border-radius:18px;background:var(--hp-panel);padding:30px}
.hp-parent-banner>.hp-icon {width:65px;height:65px;border-radius:20px}.hp-parent-banner>.hp-icon svg {height:28px;width:28px}
.hp-parent-banner>div {flex:1}.hp-parent-banner .hp-eyebrow {font-size:11px}.hp-parent-banner h3 {font-size:24px;font-weight:800;margin:7px 0}.hp-parent-banner p {font-size:13px;color:var(--hp-muted)}
.hp-parent-banner .hp-button {font-size:12px;flex-shrink:0}
.hp-faq-section {padding-top:5px;display:grid;grid-template-columns:.75fr 1.25fr;gap:85px}
.hp-faq-section .hp-text-link {margin-top:22px}
.hp-faq-list {border-top:1px solid var(--hp-line)}
.hp-faq-list details {border-bottom:1px solid var(--hp-line)}
.hp-faq-list summary {display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;cursor:pointer;padding:22px 1px;font-size:16px;font-weight:700;color:var(--hp-ink)}
.hp-faq-list summary::-webkit-details-marker {display:none}
.hp-faq-list summary>span {font-family:Arial,sans-serif;font-size:22px;font-weight:400;color:var(--hp-accent);transition:transform .2s}
.hp-faq-list details[open] summary>span {transform:rotate(45deg)}
.hp-faq-list details>p {font-size:14px;line-height:1.95;color:var(--hp-muted);padding:0 0 23px 35px;max-width:610px}
.hp-finale {position:relative;isolation:isolate;background:var(--hp-tint);border:1px solid var(--hp-line);border-radius:25px;overflow:hidden;text-align:center;padding:64px 40px 0;margin-bottom:85px;color:var(--hp-ink)}
.hp-finale::before {content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--hp-accent) 15%,transparent),transparent 68%)}
.hp-finale h2 {font-size:clamp(39px,4.5vw,64px);font-weight:800;line-height:1.25;letter-spacing:-1.5px;color:var(--hp-ink);margin-top:20px}
.hp-finale h2>span {color:var(--hp-accent)}.hp-finale p {font-size:17px;color:var(--hp-muted);margin-top:18px}
.hp-finale .hp-actions {justify-content:center;margin-bottom:45px}
.hp-finale-signature {display:block;font-size:clamp(30px,7vw,97px);line-height:1.05;letter-spacing:5px;font-weight:800;color:color-mix(in srgb,var(--hp-accent) 13%,transparent);white-space:nowrap;margin-bottom:-11px}
.hp-finale-orbit {position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.hp-finale-orbit::before,.hp-finale-orbit::after {content:"";position:absolute;width:550px;height:550px;border:1px solid color-mix(in srgb,var(--hp-accent) 10%,transparent);border-radius:50%;top:-110px;left:-250px}
.hp-finale-orbit::after {left:auto;right:-220px;top:100px}
.hp-finale-orbit>span {position:absolute;color:color-mix(in srgb,var(--hp-accent) 27%,transparent);font-family:Georgia,serif;font-style:italic;font-size:32px;left:9%;top:26%;transform:rotate(-12deg)}
.hp-finale-orbit>span:nth-child(2) {left:auto;right:8%;top:56%;font-size:25px;transform:rotate(10deg)}
.hp-finale-orbit>span:nth-child(3) {left:17%;top:72%;font-size:49px}
.hp-image-dialog {max-width:min(1100px,calc(100vw - 40px));width:1100px;max-height:90vh;border:1px solid var(--hp-line);border-radius:15px;padding:16px;background:var(--hp-panel);color:var(--hp-ink);margin:auto;overflow:auto}
.hp-image-dialog::backdrop {background:#06100ddb;backdrop-filter:blur(6px)}
.hp-dialog-top {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 13px}
.hp-dialog-top h2 {font-size:17px;font-weight:700;color:var(--hp-ink)}
.hp-dialog-top button {display:grid;place-items:center;border:1px solid var(--hp-line);width:40px;height:40px;flex-shrink:0;border-radius:9px;background:var(--hp-soft);color:var(--hp-ink)}
.hp-image-dialog>img {width:100%;height:auto;display:block;border-radius:7px}.hp-image-dialog>p {font-size:11px;text-align:center;color:var(--hp-muted);padding-top:12px}
.hp-sr-only {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.has-reveal [data-home-reveal].will-reveal {opacity:0;transform:translateY(16px)}
.has-reveal [data-home-reveal] {transition:opacity .5s,transform .5s}
.motion-paused [data-home-reveal],.motion-paused .hp-demo-panel {transition:none!important}

@media(min-width:1500px) {.hp-hero-grid {min-height:755px;padding-block:56px 44px}.hp-hero h1 {font-size:min(100px,16cqi)}}
@media(max-width:1150px) {
  .hp-container {width:calc(100% - 64px)}.hp-hero-grid {gap:32px}.hp-hero h1 {font-size:min(76px,16cqi)}
  .hp-hero-lead {font-size:21px}.hp-hero-description {font-size:15px}.hp-hero .hp-actions {gap:8px}.hp-hero .hp-button {padding-inline:17px;font-size:13px}
  .hp-hero-subjects {gap:8px;font-size:10px}.hp-quick-nav a {font-size:11px;gap:7px}
  .hp-deep-dive {gap:38px}.hp-feature {padding:25px}.hp-feature-ai {padding:29px 29px 0}
  .hp-feature h3 {font-size:27px}.hp-feature-ai h3 {font-size:32px}

.hp-journey li {padding-inline:20px}.hp-journey h3 {font-size:18px}
  .hp-faq-section {gap:40px}.hp-parent-banner {gap:18px;padding:25px}.hp-parent-banner h3 {font-size:22px}
}
@media(max-width:900px) {
  .hp-container {width:calc(100% - 44px)}.hp-section {padding-block:72px}.hp-hero-grid {grid-template-columns:1fr;gap:46px;padding-block:46px 32px}
  .hp-hero-copy {text-align:center;padding:0}.hp-hero h1 {font-size:min(80px,16cqi);margin:24px 0 20px;line-height:1.1}
  .hp-hero-description {max-width:535px;margin-inline:auto!important}
  .hp-hero-lead {font-size:24px}.hp-hero .hp-actions,.hp-hero-subjects {justify-content:center}
  .hp-product {width:min(760px,100%);margin-inline:auto}.hp-hero .hp-button {font-size:14px;min-height:50px}
  .hp-quick-nav>.hp-container {flex-wrap:wrap;justify-content:center;gap:0 24px;padding-block:9px;min-height:0}
  .hp-quick-nav a {font-size:12px;padding-block:10px}.hp-course-grid {gap:14px}
  .academy-home .ux-course-body {padding:17px}.academy-home .ux-course-body h3 {font-size:18px}
  .academy-home .ux-course-bottom {align-items:start;gap:8px;flex-direction:column}
  .hp-feature-grid {gap:16px}.hp-feature-ai {grid-template-columns:1fr 1fr;gap:20px}.hp-feature-ai h3 {font-size:28px}
  .hp-feature-ai p {font-size:13px}.hp-feature-tags {gap:4px}.hp-feature-tags span {font-size:9px;padding-inline:5px}
  .hp-feature-screen {align-self:center;border-bottom:1px solid var(--hp-line);border-radius:10px;transform:none;margin-bottom:28px}

  .hp-tools-grid {gap:16px}.hp-tool {gap:12px;padding:19px}.hp-tool h3 {font-size:17px}.hp-tool .hp-icon {width:41px;height:41px}
  .hp-deep-dive {grid-template-columns:1fr 1fr;gap:30px}.hp-deep-copy h2 {font-size:33px}.hp-deep-copy>p {font-size:14px}
  .hp-source-steps {gap:5px}.hp-source-steps>span {font-size:10px}.hp-source-steps>svg {margin-inline:0;width:15px}
  .hp-capture-bar {font-size:8px}.hp-capture-bar>span:last-child {display:none}
  .hp-heading-row>p {font-size:13px}.hp-journey {grid-template-columns:repeat(2,1fr)}
  .hp-journey li:nth-child(3) {border-inline-start:0;border-top:1px solid var(--hp-line)}.hp-journey li:nth-child(4) {border-top:1px solid var(--hp-line)}
  .hp-journey li {padding:27px}.hp-journey h3 {font-size:22px}.hp-journey p {max-width:none}
  .hp-parent-banner {flex-wrap:wrap}.hp-parent-banner>div {flex-basis:calc(100% - 110px)}
  .hp-parent-banner>.hp-button {margin-inline-start:83px}
  .hp-faq-section {padding-top:0;grid-template-columns:.85fr 1.15fr;gap:30px}
  .hp-faq-list summary {font-size:14px}.hp-faq-list details>p {font-size:13px;padding-left:10px}
  .hp-finale {padding-top:50px;margin-bottom:60px}.hp-finale-orbit>span {opacity:.5}
}
@media(max-width:620px) {
  .hp-container {width:calc(100% - 36px)}.hp-section {padding-block:56px}
  .hp-hero-grid {padding-top:37px;gap:36px}.hp-hero .hp-eyebrow {font-size:10px;gap:8px}
  .hp-hero h1 {font-size:min(67px,16cqi);letter-spacing:-2px;line-height:1.09;margin:23px 0}
  .hp-hero h1>br {display:block}.hp-title-last {margin-inline-start:0}
  .hp-hero-lead {font-size:20px}.hp-hero-description {font-size:14px;line-height:1.9;max-width:360px}
  .hp-hero .hp-actions {margin-top:22px}.hp-hero .hp-button {min-height:48px;font-size:12px;padding:11px 16px;border-radius:9px}
  .hp-hero-subjects {font-size:9px;gap:8px;margin-top:20px}
  .hp-workspace {transform:none;border-radius:18px}
  .hp-product-label {font-size:11px;margin-bottom:12px}.hp-product-hint {display:none}

  .hp-workspace-tabs {padding:8px;gap:4px}.hp-workspace-tabs button {font-size:12px;padding:9px 4px;gap:6px;min-height:52px;border-radius:10px;flex-direction:column;line-height:1.4}
  .hp-workspace-tabs button svg {width:20px;height:20px}
  .hp-demo-panel {padding:0 7px}

  .hp-product-bottom {gap:16px;padding:16px;flex-wrap:wrap}.hp-product-caption {flex-basis:100%}.hp-product-bottom h2 {font-size:19px}.hp-product-bottom p {font-size:12px;max-width:none}
  .hp-deck-navigation {gap:12px;width:100%;justify-content:space-between}.hp-deck-navigation button {width:46px;height:46px;border-radius:12px}#deck-count {font-size:13px}
  .hp-demo-link {font-size:13px;min-height:48px}
  .academy-home .hp-preview-note {font-size:10px}

  .hp-hero-bottom {font-size:9px;padding-block:17px;gap:12px}.hp-hero-bottom>a {gap:8px}.hp-hero-bottom>a>span {font-size:16px}
  .hp-quick-nav>.hp-container {gap:0;justify-content:flex-start;width:100%;padding:10px 18px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}
  .hp-quick-nav a {font-size:11px;white-space:nowrap;padding:9px 13px;flex-shrink:0}.hp-quick-nav a+a {border-inline-start:1px solid var(--hp-line)}.hp-quick-nav svg {width:17px;height:17px}
  .hp-section-heading {margin-bottom:25px}.hp-section-heading h2 {font-size:30px;letter-spacing:-.7px}
  .hp-eyebrow {font-size:11px}.hp-heading-row {display:block}.hp-heading-row>.hp-text-link {margin:11px 0 0;font-size:12px}
  .hp-heading-row>p {margin-top:18px}.hp-heading-center {margin-bottom:30px}.hp-heading-center p {font-size:14px;margin-top:13px}
  .hp-grades {gap:8px;margin-bottom:21px}.hp-grades a {font-size:11px;padding:9px 11px;min-height:42px}.hp-grades a>svg:last-child {margin-inline-start:4px}
  .hp-course-grid {grid-template-columns:1fr;gap:20px}.academy-home .ux-course-cover {aspect-ratio:16/8.5}
  .academy-home .ux-course-body {padding:22px}.academy-home .ux-course-body h3 {font-size:22px}
  .academy-home .ux-course-bottom {flex-direction:row;align-items:center}.academy-home .ux-course-body>p {font-size:14px}
  .hp-catalog-footer {display:block;text-align:center;font-size:12px;margin-top:22px}.hp-catalog-footer .hp-text-link {font-size:12px}
  .hp-feature-grid {grid-template-columns:1fr;gap:18px}.hp-feature-ai {grid-column:auto;display:block;padding:26px 24px 0}
  .hp-feature-ai h3 {font-size:28px}.hp-feature-copy {padding-bottom:26px}.hp-feature-screen {margin-bottom:0;border-bottom:0;border-radius:10px 10px 0 0}
  .hp-feature p {font-size:14px}.hp-feature .hp-text-link {font-size:13px}
  .hp-feature-tags span {font-size:10px;padding:3px 6px}.hp-feature-tags {gap:6px}

  .hp-tools-grid {grid-template-columns:1fr;gap:12px;margin-top:18px}.hp-tool {padding:21px}.hp-tool h3 {font-size:18px}.hp-tool p {font-size:12px}
  .hp-deep-dive {grid-template-columns:1fr;gap:30px}.hp-deep-copy h2 {font-size:34px}.hp-deep-copy>p {max-width:none}
  .hp-source-steps {gap:12px}.hp-source-steps>span {font-size:12px}.hp-source-steps>svg {width:18px}
  .hp-capture {padding:8px;border-radius:14px}.hp-capture-bar {font-size:9px}.hp-capture-bar>span:last-child {display:block;font-size:8px}
  .hp-deep-copy>.hp-text-link {margin-top:20px}.hp-deep-copy>.hp-button {font-size:13px}
  .hp-check-list {gap:10px}.hp-check-list li {font-size:12px}
  .hp-journey li {padding:24px 15px}.hp-journey h3 {font-size:18px;line-height:1.6;margin-top:26px}.hp-journey p {font-size:12px}
  .hp-journey li>svg {left:17px;top:23px;width:21px;height:21px}
  .hp-parent-banner {padding:23px;gap:15px;margin-top:28px;border-radius:15px}
  .hp-parent-banner>.hp-icon {width:45px;height:45px;border-radius:13px}.hp-parent-banner>.hp-icon svg {width:24px;height:24px}
  .hp-parent-banner>div {flex-basis:calc(100% - 60px)}.hp-parent-banner h3 {font-size:19px;line-height:1.55}.hp-parent-banner p {font-size:12px;line-height:1.85}
  .hp-parent-banner>.hp-button {margin-inline-start:0;width:100%;font-size:13px;min-height:45px}.hp-parent-banner .hp-eyebrow {font-size:10px}
  .hp-faq-section {padding-top:0;display:block}.hp-faq-section .hp-section-heading {margin-bottom:28px}.hp-faq-section .hp-text-link {margin-top:12px}
  .hp-faq-list summary {padding-block:20px;gap:15px}.hp-faq-list details>p {font-size:13px}
  .hp-finale {border-radius:19px;padding:43px 20px 0;margin-bottom:50px}.hp-finale h2 {font-size:39px;letter-spacing:-1px}
  .hp-finale p {font-size:14px}.hp-finale .hp-eyebrow {font-size:10px}.hp-finale .hp-actions {gap:9px;margin-top:25px;margin-bottom:37px}
  .hp-finale .hp-button {font-size:12px;padding-inline:16px;min-height:47px}.hp-finale-signature {font-size:29px;letter-spacing:3px;margin-bottom:-4px}
  .hp-finale-orbit>span {font-size:19px;left:4%;top:22%;opacity:.3}.hp-finale-orbit>span:nth-child(2) {font-size:15px;right:2%;top:64%}.hp-finale-orbit>span:nth-child(3) {font-size:29px;left:6%;top:72%}
  .hp-image-dialog {max-width:calc(100vw - 20px);padding:10px;border-radius:11px}.hp-dialog-top h2 {font-size:14px}.hp-dialog-top button {width:40px;height:40px}
}
@media(max-width:360px) {
  .home-experience .ux-header .ux-header-inner {flex-wrap:wrap;padding-block:8px;gap:4px}
  .home-experience .ux-header .ux-brand strong {font-size:14px}.home-experience .ux-header .ux-brand small {font-size:8px}
  .home-experience .ux-header .ux-brand img {width:32px;height:32px}.home-experience .ux-header .ux-header-cta {white-space:nowrap;font-size:11px;padding-inline:8px}
  .home-experience .ux-header .ux-header-actions {flex:1 0 100%;justify-content:flex-end;gap:5px}.home-experience .ux-header .ux-icon-button {width:40px;height:40px}
  .hp-container {width:calc(100% - 28px)}.hp-hero h1 {font-size:min(51px,16cqi)}.hp-hero-lead {font-size:18px}
  .hp-hero .hp-button {font-size:11px;padding-inline:12px}.hp-hero-subjects {font-size:8px;gap:6px}

.hp-product-bottom p {max-width:none}

  .hp-parent-banner {padding:18px}.hp-finale h2 {font-size:34px}.hp-finale .hp-actions {flex-direction:column}
}
@media(prefers-reduced-motion:reduce) {
  .academy-home *,.academy-home *::before,.academy-home *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .has-reveal [data-home-reveal].will-reveal {opacity:1;transform:none}
}
@media print {
  .academy-home {--hp-bg:#fff;--hp-panel:#fff;--hp-ink:#111;--hp-muted:#444;--hp-accent:#145438}
  .hp-hero,.hp-finale {background:#fff;color:#111}.hp-hero *, .hp-finale * {color:#111!important}
  .hp-product,.hp-quick-nav,.hp-image-dialog,.hp-finale-orbit {display:none!important}
  .hp-hero-grid,.hp-feature-grid,.hp-deep-dive,.hp-faq-section {display:block}
  .hp-section {padding-block:25px}.hp-feature {break-inside:avoid;margin-bottom:20px}
  .has-reveal [data-home-reveal] {opacity:1!important;transform:none!important}
}

/* Real product captures use the same theme as the surrounding page. */
.academy-home .hp-real-shot {display:block;position:relative;width:100%;min-width:0;background:var(--hp-panel);cursor:zoom-in;overflow:hidden}
.academy-home .hp-real-shot img {display:block;width:100%;height:auto;aspect-ratio:1280/800;object-fit:contain;transform:none}
.academy-home .hp-shot-light {display:none}
html[data-academy-theme="light"] .academy-home .hp-shot-dark {display:none}
html[data-academy-theme="light"] .academy-home .hp-shot-light {display:block}
.hp-demo-panel .hp-real-shot {border:1px solid var(--hp-line);border-radius:10px}
.hp-product .hp-screen-zoom {min-height:44px;font-size:12px;padding:8px 12px;border-radius:10px;border-color:color-mix(in srgb,var(--hp-accent) 35%,var(--hp-line));background:var(--hp-panel);color:var(--hp-ink)}
.hp-product .hp-screen-zoom svg {width:17px;height:17px}
.hp-feature-quiz,.hp-feature-notes {display:block}
.hp-feature-capture {margin-top:24px;min-width:0;border:1px solid var(--hp-line);border-radius:12px;overflow:hidden;background:var(--hp-panel)}
.hp-feature-capture .hp-screen-zoom {bottom:10px;left:10px}
@media(max-width:620px) {
  .hp-product-bottom {align-items:flex-start}
  .hp-screen-zoom {font-size:10px;padding:6px 8px;bottom:8px;left:8px}
  .hp-feature-screen {margin-bottom:24px;border:1px solid var(--hp-line);border-radius:10px}
  .hp-feature-capture {margin-top:20px}
}