/* Shared marketing typography and app palette. Loaded by styles.css and home. */
:root{--site-font:Inter,Arial,sans-serif;--site-title:clamp(2.15rem,4.5vw,3.5rem);--site-heading:clamp(1.7rem,3.1vw,2.5rem);--font-display:var(--site-font)!important;--font-body:var(--site-font)!important;--gold:#eab63e!important;--gold-2:#f7dc7f!important;--gold-400:#f7dc7f!important;--gold-500:#eab63e!important;--gold-600:#eab63e!important;--obsidian-950:#0b0c0e!important;--obsidian-900:#101114!important;--obsidian-800:#16181c!important;--obsidian-700:#1e2025!important;--text:#f5f5f7!important;--body:#d1d1d6!important;--muted:#92929a!important}
html{font-size:16px}body{font-family:var(--site-font)!important;background-color:#0b0c0e!important}body h1,body h2,body h3,body h4,body button,body input,body select,body textarea{font-family:var(--site-font)!important}body h1,body .hero h1,body .ca-hero h1,body .blog-hero h1{font-size:var(--site-title)!important;font-weight:650!important;line-height:1.12!important;letter-spacing:-.04em!important;overflow-wrap:break-word}body h2{font-size:var(--site-heading);font-weight:600;line-height:1.2}body .section-heading h2,body .download-section h2,body .faq h2{font-size:var(--site-heading)!important}body .hero-description,body .lead{font-size:1rem!important;line-height:1.75!important}.hero-description{max-width:460px!important}.hero h1>span{font-family:var(--site-font)!important}.hero-copy .eyebrow,.section-heading>.eyebrow,.why-section>.eyebrow,.daily-grid .eyebrow,.faq .eyebrow{font-size:.72rem!important}.tour-tab small,.reasons p,.daily-grid>div>p:not(.eyebrow),.section-heading>p:last-child{font-size:.9375rem!important}.tour-tab strong{font-size:1.25rem!important}.platform-note,.hero-footnote p{font-size:.75rem!important}.actions .button,.actions .text-link{font-size:.875rem!important}.hero-footnote{margin-top:24px!important}
body .brand{font-family:var(--site-font)!important;font-size:1.375rem!important;font-weight:800!important;letter-spacing:-.04em!important;gap:10px!important}body .brand img{width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important;object-fit:contain;box-shadow:none!important;margin-right:0!important}.brand-dot{display:none}body .nav,body .site-header{background:#0b0c0eeb!important;border-bottom:1px solid #2a2c31!important;backdrop-filter:blur(16px)}body .nav>.container,body .nav-row{min-height:80px!important;height:80px!important;width:min(1240px,calc(100% - 64px))!important;margin-inline:auto!important}body .nav-links a,body .nav-row nav a{font-size:.875rem!important;font-weight:500!important}body .nav-links a.btn-primary,body .nav-install{background:#34290e66!important;border:1px solid #eab63e66!important;color:#f7dc7f!important;box-shadow:none!important;border-radius:9px!important;font-size:.875rem!important;min-height:42px!important;padding:10px 16px!important}body .nav-links a.active{color:#f7dc7f!important}.nav-row nav{gap:22px!important}.nav-row{gap:22px!important}.container,.wrap{max-width:1240px}body .page-hero{background:radial-gradient(ellipse at 80% 20%,#34290e22,transparent 60%),#0b0c0e}body .page-hero h1:after,body h2:after{box-shadow:none}.footer p,.footer-top p{font-size:.875rem}.footer-bottom{font-size:.75rem!important}img{height:auto}button,a,summary{touch-action:manipulation}.prose pre,.ca-article pre{overflow-x:auto;max-width:100%}.prose table,.ca-article table{max-width:100%}.nav-toggle:focus-visible{outline:3px solid #eab63e}
@media(max-width:900px){body .nav>.container,body .nav-row{width:calc(100% - 32px)!important;min-height:72px!important;height:72px!important}.nav-row nav{display:none!important;position:absolute!important;top:72px!important;left:0;right:0;background:#16181c;padding:24px!important;border-bottom:1px solid #3a3d44}.nav-row nav.open{display:flex!important;flex-direction:column!important;gap:22px!important}.nav-row .menu-toggle{display:block!important;background:transparent;border:0;font-size:22px;padding:8px}.nav-row .nav-install{margin-left:auto}.nav-row{gap:12px!important}.nav-links.open{max-height:calc(100dvh - 80px);overflow-y:auto}.hero h1{letter-spacing:-.04em!important}.actions{flex-wrap:wrap;gap:16px!important}.hero-description{font-size:1rem!important}.section-heading>p:last-child{position:static!important}.tour-tab{gap:14px!important}.footer-top>p{margin-left:0!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
.syllabus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.syllabus-card{background:#16181c;border:1px solid #3a3d44;border-radius:16px;padding:25px;scroll-margin-top:100px}.syllabus-card h2{font-size:1.4rem}.syllabus-card p{margin:16px 0;font-size:1rem}.syllabus-card .btn{font-size:.85rem}.syllabus-card:target{border-color:#eab63e}@media(max-width:900px){.syllabus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.syllabus-grid{grid-template-columns:1fr}}
body .page-head{background:radial-gradient(ellipse at 85% 40%,#34290e35,transparent 60%),#0b0c0e!important;border-color:#2a2c31!important}body .page-head:before{background:none!important}body:before{background-image:radial-gradient(40rem 30rem at 100% 20%,#eab63e08,transparent 70%)!important}body:not(.ca-page) .surface{background:#101114!important;border-color:#2a2c31!important}body:not(.ca-page) .card,body:not(.ca-page) .platform-card,body:not(.ca-page) .journey-card{background:#16181c!important;border-color:#3a3d44!important;box-shadow:0 12px 35px #0003!important}.page-head h1:after,.section-head>h2:after{display:none!important}body .container{width:min(1240px,calc(100% - 64px))}body .wrap{width:min(1240px,calc(100% - 64px))}body .page-head h1 .gold{font-weight:inherit}.page-head .eyebrow{color:#f7dc7f!important;background:#34290e55!important}.nav-row nav a.active{color:#f7dc7f}.page-head .container{padding:0!important}@media(max-width:760px){body .container,body .wrap{width:calc(100% - 40px)}}
/* On phones the lesson comes before long navigation and edition archives. */
@media(max-width:860px){body .ca-layout-container{display:flex!important;flex-direction:column!important;gap:24px!important}body .ca-layout-container>.ca-main-content{order:0;width:100%;min-width:0}body .ca-layout-container>.ca-sidebar-left{order:1;width:100%;position:static!important;max-height:none!important}body .ca-layout-container>.ca-sidebar-right{order:2;width:100%;position:static!important;max-height:none!important}}
.pyq-rank-bar{max-width:100%}
.deck-viewport{contain:paint}.topic-showcase-grid>*,.story-grid>*,.grid-2>*,.grid-3>*{min-width:0}body main{overflow-x:clip}