/* Website-first marketing. Existing semantic tokens remain canonical. */
.home-paths{display:flex;gap:12px;flex-wrap:wrap;padding-top:24px}
.home-paths a,.website-text-link{border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:10px 16px;background:var(--surface-card);color:var(--text-primary);min-height:44px;display:inline-flex;align-items:center;gap:16px;font-weight:700}
.home-paths a:hover{border-color:var(--text-link);color:var(--text-link)}
.home-paths a:focus-visible,.home-chapter a:focus-visible{outline:3px solid var(--border-focus);outline-offset:4px}
.home-journey{padding-block:80px}
.home-journey-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,90px);align-items:start}
.home-journey-stage{position:sticky;top:110px;aspect-ratio:1;max-height:calc(100svh - 150px);border-radius:var(--radius-lg);background:var(--surface-card);border:1px solid var(--border-default);overflow:hidden}
.journey-art{position:absolute;inset:0;padding:clamp(18px,3vw,40px);display:grid;align-items:center;opacity:0;transform:translateY(18px) scale(.97);transition:opacity .4s ease,transform .5s ease;pointer-events:none}
.journey-art.is-active{opacity:1;transform:none}
.journey-window{border:1px solid var(--border-default);border-radius:18px;background:var(--surface-page);overflow:hidden;box-shadow:var(--shadow-md)}
.journey-window-bar{display:flex;gap:14px;align-items:center;padding:14px;border-bottom:1px solid var(--border-default);font-size:.6rem;direction:ltr}
.journey-window-bar span{color:var(--text-link);letter-spacing:2px}
.journey-window-bar b{color:var(--text-secondary);letter-spacing:.09em}
.journey-site,.journey-system,.journey-exam{padding:24px;color:var(--text-primary)}
.journey-site{position:relative;overflow:hidden;min-height:310px}
.journey-site small{font-size:.65rem;color:var(--text-secondary)}
.journey-site strong{display:block;font-size:clamp(1.6rem,3vw,2.8rem);line-height:1.5;position:relative;z-index:1;margin-top:12px}
.journey-orbit{position:absolute;inset-inline-end:-55px;bottom:38px;width:230px;height:230px;border:32px solid var(--action-brand-bg);border-radius:50%;opacity:.25;transform:rotate(-25deg)}
.journey-orbit i{display:block;width:100%;height:100%;border:1px solid var(--text-link);border-radius:50%;transform:translateX(-20px)}
.journey-colours{display:flex;gap:8px;align-items:center;position:relative;margin-top:45px;flex-wrap:wrap}
.journey-colours i{width:18px;height:18px;border-radius:50%;background:var(--action-brand-bg)}
.journey-colours i:nth-child(2){background:var(--text-primary)}
.journey-colours i:nth-child(3){background:var(--surface-card);border:1px solid var(--border-default)}
.journey-colours span{font-size:.6rem;color:var(--text-secondary)}
.journey-system>strong,.journey-exam>strong{display:block;font-size:1.35rem;line-height:1.6;margin-bottom:24px}
.journey-system>div{padding:16px;display:flex;justify-content:space-between;gap:12px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:12px;margin-block:12px;font-size:.85rem}
.journey-system b{color:var(--text-link)}
.journey-system small,.journey-exam small{display:block;color:var(--text-secondary);font-size:.65rem;line-height:1.8;margin-top:22px}
.journey-exam-ring{border:8px solid var(--border-default);border-top-color:var(--text-link);border-inline-start-color:var(--text-link);border-radius:50%;width:90px;height:90px;display:grid;place-items:center;margin:0 auto 18px;font-size:1.7rem;direction:ltr}
.journey-exam>strong{text-align:center}
.journey-exam>div:not(.journey-exam-ring){display:grid;grid-template-columns:90px 1fr;gap:14px;align-items:center;font-size:.75rem;margin-block:15px}
.journey-exam i{height:6px;border-radius:5px;background:var(--text-link);width:80%;opacity:.65}
.journey-exam>div:nth-of-type(3) i{width:65%}.journey-exam>div:nth-of-type(4) i{width:90%}
.home-journey-dots{position:absolute;bottom:18px;inset-inline:0;display:flex;justify-content:center;gap:8px}
.home-journey-dots i{width:7px;height:7px;border-radius:50%;background:var(--border-default)}
.home-journey-dots i.is-active{background:var(--text-link);width:24px;border-radius:8px}
.home-chapter{min-height:70svh;display:flex;flex-direction:column;justify-content:center;padding-block:50px;scroll-margin-top:100px}
.home-chapter h3{font-size:clamp(2rem,3.5vw,3.4rem);line-height:1.5;letter-spacing:-.03em;margin:14px 0 20px}
.home-chapter p{color:var(--text-secondary);font-size:1rem;line-height:2;margin:0 0 28px}
.home-chapter>.button{align-self:start}.home-chapter-actions{display:flex;gap:12px;flex-wrap:wrap}
.home-chapter .button{min-height:48px;gap:16px}
.home-chapter-mobile{display:none}
.website-demo-card strong,.website-showcase-scene strong{border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:12px 16px;min-height:44px;background:var(--surface-card)}
.website-demo-card:hover strong,.website-showcase-scene:hover strong{background:var(--action-primary-bg);color:var(--action-primary-text)}
@media(max-width:760px){
 .home-paths{gap:8px;padding-top:18px}.home-paths a{font-size:.76rem;padding:10px 12px;flex:1;justify-content:space-between;white-space:nowrap}
 .home-journey{padding-block:44px}.home-journey-layout{display:block}.home-journey-stage{display:none}
 .home-chapter{min-height:0;padding-block:0 50px}.home-chapter-mobile{display:block;position:relative;margin-bottom:26px;aspect-ratio:1;min-height:350px;max-height:420px;border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--surface-card);overflow:hidden}
 .home-chapter-mobile .journey-art{opacity:1;transform:none;padding:18px}.home-chapter h3{font-size:2rem}.home-chapter p{font-size:.9rem}.home-chapter-actions{display:grid;grid-template-columns:1fr;width:100%}.home-chapter .button{width:100%;justify-content:center}
 .journey-site,.journey-system,.journey-exam{padding:18px}.journey-site{min-height:230px}.journey-site strong{font-size:1.8rem}.journey-system>strong,.journey-exam>strong{font-size:1.05rem;margin-bottom:12px}.journey-system>div{padding:10px;margin-block:8px}.journey-exam-ring{width:65px;height:65px;font-size:1.2rem;border-width:6px;margin-bottom:10px}.journey-system small,.journey-exam small{margin-top:12px}.journey-window-bar{padding:10px;font-size:.5rem}.journey-exam>div:not(.journey-exam-ring){margin-block:10px}
}
@media(prefers-reduced-motion:reduce){.journey-art{transition:none;transform:none}}
.website-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(28px,5vw,72px);padding-block:64px}
.website-hero-copy h1{margin:18px 0 24px;font-size:clamp(2.7rem,5vw,4.8rem);line-height:1.3;letter-spacing:-.04em}
.website-hero-copy em{font-style:normal;color:var(--color-brand-orange-text)}
.website-hero-copy>p{font-size:1.05rem;line-height:2;color:var(--text-secondary);max-width:570px}
.website-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-block:28px 20px}
.website-hero-actions .button{gap:20px;min-height:54px}
.website-hero-actions>.button,.website-assessments .button{background:var(--action-brand-bg);color:var(--action-brand-text);border:1px solid var(--action-brand-bg)}
.website-hero-actions>.button:hover,.website-assessments .button:hover{background:var(--action-brand-bg-hover)}
.website-text-link{display:inline-flex;align-items:center;min-height:44px;color:var(--text-primary);font-weight:700;border-bottom:1px solid var(--border-default)}
.website-text-link:hover{color:var(--text-link)}
.website-hero-note{display:flex;align-items:center;gap:10px;font-size:.83rem;line-height:1.8;color:var(--text-secondary)}
.website-hero-note>span{color:var(--text-link);font-size:1.5rem}
.website-showcase{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-card);overflow:hidden;box-shadow:var(--shadow-md);transform:rotate(-1.5deg)}
[dir="rtl"] .website-showcase{transform:rotate(1.5deg)}
.website-showcase-bar{display:flex;align-items:center;gap:16px;padding:16px;font-size:.62rem;border-bottom:1px solid var(--border-default);color:var(--text-secondary)}
.website-showcase-bar>span{color:var(--color-brand-orange);letter-spacing:4px}
.website-showcase-scene{display:block;color:var(--text-primary)}
.website-showcase-scene[hidden],.website-showcase-choices[hidden]{display:none}
.website-showcase-scene>.sample-art{aspect-ratio:16/10;border-radius:0}
.website-showcase-scene>div:last-child{padding:22px 24px}
.website-showcase-scene small{color:var(--text-secondary);font-size:.75rem}
.website-showcase-scene h2{font-size:1.7rem;margin:8px 0}
.website-showcase-scene p{line-height:1.7;font-size:.85rem;margin:0;min-height:2.9em}
.website-showcase-scene strong{display:flex;justify-content:space-between;font-size:.85rem;margin-top:18px}
.website-showcase-choices{display:flex;gap:6px;flex-wrap:wrap;border-top:1px solid var(--border-default);padding:12px}
.website-showcase-choices button{min-height:44px;padding:7px 11px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font:inherit;font-size:.7rem;cursor:pointer}
.website-showcase-choices button[aria-pressed="true"]{background:var(--action-primary-bg);color:var(--action-primary-text);border-color:var(--action-primary-bg)}
.website-showcase-choices button:hover{border-color:var(--text-link)}
.website-showcase-empty{display:block;min-height:300px;padding:32px}
.website-promises{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;border-block:1px solid var(--border-default);padding-block:22px;color:var(--text-secondary);font-size:.84rem}
.website-promises span::before{content:"✓";margin-inline-end:9px;color:var(--text-link);font-weight:700}
.website-library,.website-process{padding-block:80px;scroll-margin-top:100px}
.website-section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:32px}
.website-section-head h2,.website-beyond h2,.website-assessments h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.5;margin:10px 0 0;letter-spacing:-.025em}
.website-section-head p{max-width:380px;color:var(--text-secondary);font-size:.9rem;line-height:1.9;margin:0}
.website-demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}
.website-demo-card{display:block;color:var(--text-primary);border-bottom:1px solid var(--border-default);padding-bottom:18px}
.website-demo-card>.sample-art{aspect-ratio:6/4;border-radius:var(--radius-md)}
.website-demo-card>div:last-child{padding-top:16px}
.website-demo-card small{color:var(--text-link);font-size:.75rem;font-weight:700}
.website-demo-card h3{font-size:1.2rem;line-height:1.7;margin:5px 0}
.website-demo-card p{color:var(--text-secondary);font-size:.85rem;line-height:1.8;margin:0;min-height:3.6em}
.website-demo-card strong{display:flex;justify-content:space-between;font-size:.8rem;margin-top:16px}
.website-library-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:32px;font-size:.9rem;color:var(--text-secondary)}
.website-process{padding-top:0}
.website-process ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0}
.website-process li{border-top:2px solid var(--border-default);padding-top:18px}
.website-process li>span{font:700 1.3rem var(--font-family-mono);color:var(--text-link)}
.website-process h3{font-size:1.07rem;margin:16px 0 8px}
.website-process p,.website-beyond p,.website-assessments p{font-size:.9rem;line-height:1.9;color:var(--text-secondary);margin:0}
.website-beyond{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-block:40px 80px}
.website-beyond p{margin-top:12px;max-width:480px}
.website-service-links{display:grid;align-content:start}
.website-service-links>a{display:grid;grid-template-columns:1fr auto;gap:6px;padding:18px 0;border-bottom:1px solid var(--border-default);color:var(--text-primary)}
.website-service-links span{grid-column:1;color:var(--text-secondary);font-size:.85rem}
.website-service-links b{grid-column:2;grid-row:1/3;font-size:1.5rem;align-self:center}
.website-service-links>a:hover{color:var(--text-link)}
.website-assessments{display:flex;gap:36px;justify-content:space-between;align-items:center;padding:32px;margin-bottom:70px;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-card)}
.website-assessments h2{font-size:1.5rem;margin-bottom:10px}
.website-assessments>div:last-child{display:grid;gap:12px;justify-items:start;flex-shrink:0}
.website-showcase-choices button:focus-visible,.website-demo-card:focus-visible,.website-showcase-scene:focus-visible,.website-text-link:focus-visible,.website-service-links a:focus-visible{outline:3px solid var(--border-focus);outline-offset:4px}
.website-showcase-choices button:active{transform:translateY(1px)}
@media(max-width:1000px){.website-hero{gap:28px}.website-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.website-assessments{flex-direction:column;align-items:flex-start}.website-process ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .website-hero{grid-template-columns:1fr;padding-block:32px;gap:32px}
  .website-hero-copy h1{font-size:clamp(2.3rem,9vw,3.4rem);margin-block:12px 16px}
  .website-hero-copy>p{font-size:.95rem;line-height:1.9}
  .website-hero-actions{display:grid;justify-items:stretch;gap:8px;margin-block:20px 12px}
  .website-hero-actions .button{justify-content:space-between}.website-hero-actions .website-text-link{justify-self:start}
  .website-showcase,[dir="rtl"] .website-showcase{transform:none;box-shadow:none}
  .website-showcase-scene>div:last-child{padding:18px}.website-showcase-scene h2{font-size:1.45rem}
  .website-promises{display:grid;grid-template-columns:1fr 1fr;font-size:.76rem;gap:12px}
  .website-library,.website-process{padding-block:42px}
  .website-section-head{display:block;margin-bottom:24px}.website-section-head p{margin-top:14px;max-width:none}
  .website-demo-grid{grid-template-columns:1fr;gap:26px}.website-demo-card p{min-height:0}
  .website-library-footer{flex-direction:column;align-items:flex-start;font-size:.8rem}
  .website-beyond{grid-template-columns:1fr;gap:20px;padding-block:24px 42px}
  .website-process ol{gap:24px 18px}.website-process h3{font-size:.95rem}.website-process p{font-size:.8rem}
  .website-assessments{width:calc(100% - 28px);padding:22px;margin-bottom:40px;gap:20px}
  .website-assessments h2{font-size:1.3rem}.website-assessments>div:last-child{width:100%}.website-assessments .button{width:100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){.website-showcase,[dir="rtl"] .website-showcase{transform:none}.website-showcase-choices button:active{transform:none}}