@font-face{font-family:Manrope;src:url('../assets/manrope-regular.ttf') format('truetype');font-weight:400 600;font-display:swap}
@font-face{font-family:Manrope;src:url('../assets/manrope-bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Manrope;src:url('../assets/manrope-extra.ttf') format('truetype');font-weight:800;font-display:swap}
#page-home a:focus-visible,#page-home button:focus-visible,#page-home .scene:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
#page-home.hero{height:650px;position:relative;isolation:isolate;overflow:hidden}
#page-home .scene{position:absolute;inset:0;z-index:-1;cursor:grab;touch-action:pan-y;overflow:hidden}
#page-home .scene:active{cursor:grabbing}
#page-home .scene-image{width:100%;height:100%;object-fit:cover;object-position:center 56%;transform:translate(0,0) scale(1);transition:opacity 180ms var(--ease),transform 220ms var(--ease);user-select:none}
#page-home .scene-image.dragging{transition:opacity 180ms var(--ease)}
#page-home .scene-image.changing{opacity:.65}
#page-home .scene-error{position:absolute;bottom:140px;right:5%;padding:20px;background:var(--surface);color:var(--fg)}
#page-home .scene-error button{color:var(--accent);text-decoration:underline}
#page-home .hero-copy{position:relative;pointer-events:none;padding:141px 4.2% 0}
#page-home .hero-copy h1{font-size:clamp(38px,4.25vw,64px);font-weight:800;line-height:1.08;max-width:740px}
#page-home .hero-copy p{font-size:20px;line-height:1.55;max-width:580px;margin-top:23px}
#page-home .primary-button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:50px;padding:12px 23px;border-radius:40px;background:var(--accent);color:#180c26;font-size:15px;font-weight:700;transition:transform 150ms var(--ease),background 150ms var(--ease);pointer-events:auto}
#page-home .hero-copy .primary-button{margin-top:33px}
#page-home .primary-button i{font-size:23px}
#page-home .primary-button:active{transform:scale(.98)}
#page-home .scene-notes{position:absolute;bottom:101px;left:4.2%;right:4.2%;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px;pointer-events:none}
#page-home .concept-label{display:flex;align-items:center;gap:14px}
#page-home .concept-label:before{content:'';width:28px;height:1px;background:#8491a1}
#page-home .drag-hint{display:flex;align-items:center;gap:12px}
#page-home .drag-hint i{font-size:30px}
#page-home .scene-toolbar{position:absolute;bottom:24px;left:4.2%;right:4.2%;display:flex;align-items:center;justify-content:space-between;gap:25px}
#page-home .chapters{display:flex;gap:35px}
#page-home .chapters button{font-size:16px;padding:12px 0 16px;border-bottom:3px solid transparent}
#page-home .chapters button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent);font-weight:700}
#page-home .view-toggle{display:flex;border:1px solid #637085;border-radius:25px;min-width:210px;padding:2px;background:#0c1522}
#page-home .view-toggle button{min-height:32px;flex:1;padding:5px 18px;font-size:12px;border-radius:25px;border:1px solid transparent}
#page-home .view-toggle button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}
#page-home .chapter-panel{position:absolute;bottom:154px;left:4.2%;max-width:420px;background:#101c2aec;padding:16px 20px;border-left:1px solid var(--accent);font-size:14px;color:var(--muted)}#page-home.hero{display:block;max-width:1600px;margin:0 auto;padding:0;border:0;height:650px;font-family:Manrope,sans-serif;color:#f4f4f5;background:#080f18;--accent:#c783ff;--muted:#b2bccb;--surface:#0e1824;--ease:cubic-bezier(.23,1,.32,1)}#page-home *{box-sizing:border-box}#page-home .hero-copy{padding-top:60px}#page-home h1{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.035em;font-size:clamp(38px,4.25vw,64px);line-height:1.08;text-transform:none}#page-home h1 span{color:var(--accent)}#page-home p{margin:0}#page-home .hero-copy p{margin-top:23px;font-size:20px;line-height:1.55}#page-home .scene-image{height:100%;width:100%;object-fit:cover;display:block}#page-home button{font-family:Manrope,sans-serif;color:inherit;cursor:pointer;border:0;background:none}#page-home .chapters button{border-bottom:3px solid transparent;min-height:48px}#page-home .chapters button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}#page-home .view-toggle button{border:1px solid transparent;min-height:40px}#page-home .view-toggle button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}#page-home .primary-button{background:var(--accent);color:#180c26;text-decoration:none;gap:22px;font-family:Manrope,sans-serif;font-size:15px;font-weight:700}#page-home .primary-button:after{content:'';width:17px;height:17px;background:currentColor;clip-path:polygon(0 44%,70% 44%,42% 15%,50% 7%,94% 50%,50% 93%,42% 85%,70% 56%,0 56%)}#page-home .chapter-panel{border:0;max-width:450px}#page-home .chapter-panel p{font-size:14px}#page-home .scene-notes{bottom:109px}#page-home a:focus-visible,#page-home button:focus-visible,#page-home .scene:focus-visible{outline:2px solid var(--accent);outline-offset:5px}#page-home .scene-error button{color:var(--accent)}#page-home .concept-label,#page-home .drag-hint{font-family:Manrope,sans-serif;font-size:12px}#page-home .primary-button:active{transform:scale(.98)}
@media(hover:hover) and (pointer:fine){#page-home .primary-button:hover{background:#d9a7ff;transform:translateY(-2px)}}
@media(max-width:1050px){#page-home h1{font-size:48px}#page-home .hero-copy p{font-size:18px}}
@media(max-width:700px){#page-home.hero{height:700px}#page-home .hero-copy{padding:32px 22px 0}#page-home h1{font-size:clamp(30px,7.7vw,45px);line-height:1.14;max-width:440px}#page-home .hero-copy p{font-size:15px;max-width:345px;line-height:1.65;margin-top:20px}#page-home .desktop-break{display:none}#page-home .hero-copy .primary-button{margin-top:22px;padding:11px 20px}#page-home .scene{top:230px;bottom:105px}#page-home .scene-image{object-position:65% 50%}#page-home .scene-notes{bottom:125px;left:22px;right:22px;font-size:10px}#page-home .concept-label,#page-home .drag-hint{font-size:10px}#page-home .concept-label{gap:8px}#page-home .concept-label:before{width:16px}#page-home .scene-toolbar{bottom:12px;left:22px;right:22px;flex-wrap:wrap;gap:10px}#page-home .chapters{width:100%;gap:20px;justify-content:space-between}#page-home .chapters button{font-size:14px;padding:10px 0 12px}#page-home .view-toggle{margin-left:auto;min-width:170px}#page-home .view-toggle button{font-size:11px;padding:5px 15px}#page-home .chapter-panel{bottom:180px;left:22px;right:22px;max-width:none;padding:12px 16px}#page-home .chapter-panel p{font-size:13px}}
@media(prefers-reduced-motion:reduce){#page-home *,#page-home *:before,#page-home *:after{transition:none!important;animation:none!important}#page-home .scene-image{transform:none!important}}
#page-home.hero{height:820px}#page-home .hero-copy h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(58px,8.1vw,124px);line-height:.89;letter-spacing:-.067em;font-weight:700;max-width:1000px}#page-home .hero-copy h1 em{display:block;font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:.99em;letter-spacing:-.065em;margin:0 0 0 7%;line-height:1.03}#page-home .hero-copy p{margin-top:30px;max-width:580px}#page-home .hero-copy .primary-button{margin-top:25px}
.retained-highlights.section{background-color:rgba(8,14,25,.18)}@media(max-width:700px){.retained-highlights.section{background-color:#080e19}}
@media(max-width:700px){#page-home.hero{height:820px}#page-home .hero-copy h1{font-size:clamp(44px,10.6vw,74px);line-height:.96;max-width:100%}#page-home .hero-copy h1 em{margin-left:3%;font-size:1em}#page-home .hero-copy p{margin-top:25px}#page-home .scene{top:350px;bottom:105px}}
