.header{z-index:100;background:0 0;transition:background .3s,box-shadow .3s;position:fixed;top:0;left:0;right:0}.header-scrolled{-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--color-border);background:#fdfdfdd9}.header-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:16px 24px;display:flex}.logo{color:var(--color-text);align-items:center;text-decoration:none;display:inline-flex}.logo img{width:auto;height:32px;display:block}.nav-desktop{gap:32px;display:flex}.nav-link{color:var(--color-text-secondary);font-size:15px;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--color-text)}.header-actions{align-items:center;gap:16px;display:flex}.header-cta-desktop{padding:10px 24px;font-size:14px}.mobile-menu-btn{cursor:pointer;color:var(--color-text);background:0 0;border:none;padding:8px;display:none}.nav-mobile{-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--color-border);background:#fdfdfdfa;flex-direction:column;padding:16px 24px 24px;display:none;overflow:hidden}.nav-link-mobile{color:var(--color-text);border-bottom:1px solid var(--color-border);padding:12px 0;font-size:16px;text-decoration:none;display:block}.cta-mobile{text-align:center;width:100%;margin-top:16px}@media (max-width:768px){.nav-desktop,.header-cta-desktop{display:none}.mobile-menu-btn{display:block}.nav-mobile{display:flex}}
.app-mockup{background:#1a1a1a;border-radius:40px;flex-shrink:0;width:280px;height:580px;padding:12px;position:relative;box-shadow:0 20px 60px #1a1a1a33,0 6px 20px #1a1a1a1f}.app-mockup-sm{border-radius:36px;width:240px;height:500px;padding:10px}.app-mockup-notch{z-index:2;background:#1a1a1a;border-radius:0 0 16px 16px;width:120px;height:24px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.app-mockup-screen{color:#1a1a1a;background:#fdfdfd;border-radius:30px;width:100%;height:100%;padding:56px 16px 16px;font-family:system-ui,-apple-system,sans-serif;position:relative;overflow:hidden}.app-mockup-img{object-fit:cover;border-radius:30px;width:100%;height:100%;position:absolute;inset:0}.mock-home{flex-direction:column;gap:12px;height:100%;display:flex}.mock-home-greeting{color:#1a1a1a;font-family:Georgia,serif;font-size:22px;font-weight:600}.mock-home-sub{color:#8a8a8a;margin-top:-8px;font-size:13px}.mock-stats{gap:8px;margin-top:4px;display:flex}.mock-stat{color:#1a1a1a;background:#eeebe5;border-radius:11px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.mock-stat svg{color:#c9a227}.mock-card{background:#fff;border:1px solid #e8e6e1;border-left:3px solid #c9a227;border-radius:14px;padding:12px 14px;box-shadow:0 2px 6px #1a1a1a0a}.mock-pill{color:#8a8a8a;margin-bottom:6px;font-size:11px;font-weight:500;display:inline-block}.mock-title{color:#1a1a1a;margin-bottom:4px;font-family:Georgia,serif;font-size:15px;font-weight:600;line-height:1.3}.mock-preview{color:#8a8a8a;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.mock-reader{flex-direction:column;gap:10px;height:100%;display:flex}.mock-topbar{color:#1a1a1a;align-items:center;gap:4px;margin-bottom:4px;font-size:12px;font-weight:600;display:flex}.mock-topbar-muted{color:#8a8a8a}.mock-pill-inline{color:#b8921f;text-transform:uppercase;letter-spacing:.5px;background:#c9a2271f;border-radius:8px;align-self:flex-start;margin-bottom:2px;padding:3px 8px;font-size:10px;font-weight:600}.mock-reader-title{color:#1a1a1a;font-family:Georgia,serif;font-size:18px;font-weight:600;line-height:1.25}.mock-reader-sub{color:#8a8a8a;margin-bottom:6px;font-size:12px}.mock-reader-para{color:#1a1a1a;font-size:12px;line-height:1.6}.mock-dropcap{float:left;color:#c9a227;padding:2px 6px 0 0;font-family:Georgia,serif;font-size:32px;font-weight:600;line-height:1}.mock-source{color:#8a8a8a;border-top:1px solid #e8e6e1;align-items:center;gap:6px;margin-top:auto;padding:8px 0;font-size:10px;display:inline-flex}.mock-player{flex-direction:column;align-items:center;gap:12px;height:100%;display:flex}.mock-player .mock-topbar{align-self:flex-start}.mock-album{color:#fff;background:linear-gradient(135deg,#c9a227,#b8921f);border-radius:18px;justify-content:center;align-items:center;width:180px;height:180px;margin-top:12px;display:flex;box-shadow:0 12px 32px #c9a22759}.mock-player-title{text-align:center;margin-top:6px;font-family:Georgia,serif;font-size:16px;font-weight:600}.mock-player-sub{color:#8a8a8a;font-size:12px}.mock-progress{background:#eeebe5;border-radius:2px;width:100%;height:4px;margin-top:8px;overflow:hidden}.mock-progress-fill{background:#c9a227;border-radius:2px;width:35%;height:100%}.mock-times{color:#8a8a8a;justify-content:space-between;width:100%;font-size:11px;display:flex}.mock-controls{align-items:center;gap:24px;margin-top:8px;display:flex}.mock-ctrl{color:#1a1a1a;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.mock-ctrl-play{color:#fff;background:#c9a227;border-radius:50%;width:52px;height:52px;box-shadow:0 6px 20px #c9a22766}@media (max-width:768px){.app-mockup{border-radius:36px;width:240px;height:500px;padding:10px}.app-mockup-screen{border-radius:26px;padding:50px 14px 14px}.app-mockup-notch{width:100px;height:20px;top:10px}}
.hero{align-items:center;min-height:100vh;padding:120px 24px 80px;display:flex;position:relative;overflow:hidden}.hero-background{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-shape{filter:blur(80px);opacity:.5;border-radius:50%;position:absolute}.hero-shape-1{background:linear-gradient(135deg,#c9a22726,#eeebe566);width:600px;height:600px;top:-200px;right:-100px}.hero-shape-2{background:linear-gradient(135deg,#eeebe599,#fdfdfd);width:400px;height:400px;bottom:-100px;left:-100px}.hero-container{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:100%;max-width:1200px;margin:0 auto;display:grid;position:relative}.hero-content{max-width:560px}.hero h1{letter-spacing:-.5px;color:var(--color-text);margin-bottom:24px;font-size:clamp(36px,5vw,56px);font-weight:600;line-height:1.1}.hero-subtitle{color:var(--color-text-secondary);margin-bottom:32px;font-size:18px;line-height:1.6}.hero-buttons{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.hero-trust{color:var(--color-text-secondary);margin-top:16px;font-size:13px}.hero-mockup{justify-content:center;display:flex}@media (max-width:900px){.hero-container{text-align:center;grid-template-columns:1fr}.hero-content{max-width:100%}.hero-buttons{justify-content:center}.hero-mockup{order:-1}}@media (max-width:480px){.hero-buttons{flex-direction:column;align-items:stretch}}
.social-proof{background:var(--color-bg);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:32px 24px}.social-proof-container{flex-wrap:wrap;justify-content:center;gap:48px;max-width:1000px;margin:0 auto;display:flex}.social-proof-stat{color:var(--color-text-secondary);white-space:nowrap;align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.social-proof-stat svg{color:var(--color-accent)}@media (max-width:768px){.social-proof-container{gap:24px}.social-proof-stat{font-size:14px}}@media (max-width:480px){.social-proof-container{grid-template-columns:1fr 1fr;justify-items:center;gap:20px;display:grid}}
.formats{background:var(--color-bg);padding:100px 24px}.formats-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin:0 auto;display:grid}.format-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px 28px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative}.format-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--color-accent);transform:translateY(-4px)}.format-icon{width:48px;height:48px;color:var(--color-accent);border-radius:var(--radius-sm);background:#c9a2271f;justify-content:center;align-items:center;margin-bottom:20px;display:inline-flex}.format-badge{color:var(--color-accent);text-transform:uppercase;letter-spacing:.5px;background:#c9a2271f;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;top:28px;right:28px}.format-title{color:var(--color-text);margin-bottom:10px;font-size:24px;font-weight:600}.format-desc{color:var(--color-text-secondary);font-size:15px;line-height:1.6}.format-card-coming-soon{opacity:.7}.format-card-coming-soon .format-badge{color:var(--color-text-secondary);background:var(--color-card);border:1px solid var(--color-border)}.format-card-coming-soon:hover{border-color:var(--color-border);box-shadow:var(--shadow-card);transform:none}.format-title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.format-coming-soon-pill{color:var(--color-accent);border:1px solid var(--color-accent);text-transform:uppercase;letter-spacing:.6px;vertical-align:middle;background:#c9a2271f;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700;line-height:1.4;display:inline-block}@media (max-width:900px){.formats-grid{grid-template-columns:1fr;max-width:520px}}@media (max-width:600px){.formats{padding:80px 20px}.format-card{padding:28px 24px}}
.how-it-works{background:var(--color-bg);padding:100px 24px}.how-it-works-container{max-width:1100px;margin:0 auto}.steps-grid{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.step-card{text-align:center;padding:32px 24px;position:relative}.step-number{background:var(--color-bg);border:2px solid var(--color-accent);width:32px;height:32px;color:var(--color-accent);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.step-icon{background:var(--color-gold-light);border-radius:var(--radius-md);width:64px;height:64px;color:var(--color-accent);justify-content:center;align-items:center;margin:24px auto 20px;display:flex}.step-card h3{margin-bottom:12px;font-size:20px;font-weight:600}.step-card p{color:var(--color-text-secondary);font-size:15px;line-height:1.6}@media (max-width:768px){.steps-grid{grid-template-columns:1fr;gap:48px}.step-card{max-width:400px;margin:0 auto}}
.domains{background:var(--color-card);padding:100px 24px}.domains-grid{grid-template-columns:repeat(4,1fr);gap:16px;max-width:1100px;margin:0 auto;display:grid}.domain-card{background:var(--color-white);border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:var(--radius-md);cursor:default;align-items:center;gap:14px;padding:18px;transition:transform .2s,box-shadow .2s,background .2s;display:flex}.domain-card:hover{box-shadow:var(--shadow-card-hover);background:color-mix(in srgb, var(--domain-bg) 40%, var(--color-white));transform:translateY(-2px)}.domain-emoji{font-size:24px;line-height:1}.domain-label{color:var(--color-text);font-family:Georgia,Times New Roman,serif;font-size:16px;font-weight:600}@media (max-width:900px){.domains-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.domains{padding:80px 20px}.domains-grid{grid-template-columns:repeat(2,1fr);gap:12px}.domain-card{padding:14px}.domain-emoji{font-size:20px}.domain-label{font-size:14px}}@media (max-width:380px){.domains-grid{grid-template-columns:1fr}}
.subject-catalog{background:var(--color-bg);padding:100px 24px}.subject-catalog-container{max-width:1100px;margin:0 auto}.subject-catalog-loading,.subject-catalog-empty{text-align:center;color:var(--color-text-secondary);padding:60px 0;font-size:16px}.subject-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.subject-card{background:var(--color-card);border-radius:var(--radius-md);border:1px solid var(--color-border);color:inherit;flex-direction:column;text-decoration:none;transition:box-shadow .2s,transform .2s,border-color .2s;display:flex;overflow:hidden}.subject-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--color-accent);transform:translateY(-2px)}.subject-card-illustration{background:var(--color-bg-alt);width:100%;height:160px;overflow:hidden}.subject-card-illustration img{object-fit:cover;width:100%;height:100%}.subject-card-body{flex-direction:column;flex:1;padding:20px;display:flex}.subject-card-title{margin-bottom:8px;font-size:17px;font-weight:600;line-height:1.3}.subject-card-subtitle{color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin-bottom:12px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.subject-card-meta{align-items:center;gap:12px;margin-top:auto;display:flex}.subject-card-domain{background:var(--color-gold-light);color:var(--color-accent);text-transform:capitalize;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.subject-card-time{color:var(--color-text-secondary);align-items:center;gap:4px;font-size:12px;display:flex}.subject-catalog-footer{text-align:center;margin-top:48px}@media (max-width:900px){.subject-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.subject-grid{grid-template-columns:1fr}}
.series-section{background:var(--color-card);padding:100px 24px}.series-eyebrow{color:var(--color-accent);border:1px solid var(--color-accent);text-transform:uppercase;letter-spacing:.6px;background:#c9a2271f;border-radius:999px;margin-bottom:16px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.series-section-container{max-width:1100px;margin:0 auto}.series-loading,.series-empty{text-align:center;color:var(--color-text-secondary);padding:60px 0;font-size:16px}.series-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.series-card{background:var(--color-white);border-radius:var(--radius-md);border:1px solid var(--color-border);color:inherit;flex-direction:column;text-decoration:none;transition:box-shadow .2s,transform .2s,border-color .2s;display:flex;overflow:hidden}.series-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--color-accent);transform:translateY(-2px)}.series-card-illustration{background:linear-gradient(135deg, var(--color-bg-alt), var(--color-border));width:100%;height:140px;color:var(--color-text-secondary);justify-content:center;align-items:center;display:flex;overflow:hidden}.series-card-illustration img{object-fit:cover;width:100%;height:100%}.series-card-body{flex-direction:column;flex:1;padding:20px;display:flex}.series-card-name{margin-bottom:8px;font-size:17px;font-weight:600;line-height:1.3}.series-card-desc{color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin-bottom:12px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.series-card-count{color:var(--color-accent);margin-top:auto;font-size:13px;font-weight:600}@media (max-width:900px){.series-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;grid-template-columns:repeat(3,280px);gap:16px;padding-bottom:8px;overflow-x:auto}.series-card{scroll-snap-align:start}.series-grid::-webkit-scrollbar{display:none}.series-grid{-ms-overflow-style:none;scrollbar-width:none}}@media (max-width:560px){.series-grid{grid-template-columns:repeat(3,260px)}}
.ai-trust{background:var(--color-bg);padding:100px 24px;position:relative;overflow:hidden}.ai-trust:before{content:"";pointer-events:none;background:radial-gradient(circle,#c9a22714 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:-100px;right:-100px}.ai-trust-container{grid-template-columns:1fr 1fr;align-items:center;gap:80px;max-width:1100px;margin:0 auto;display:grid;position:relative}.ai-trust-content h2{color:var(--color-text);margin-bottom:20px;font-size:clamp(28px,4vw,40px);font-weight:600;line-height:1.2}.ai-trust-eyebrow{color:var(--color-accent);text-transform:uppercase;letter-spacing:.5px;background:#c9a2271f;border-radius:8px;margin-bottom:16px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-block}.ai-trust-body{color:var(--color-text-secondary);max-width:52ch;margin-bottom:28px;font-size:17px;line-height:1.7}.ai-trust-points{flex-direction:column;gap:12px;list-style:none;display:flex}.ai-trust-points li{color:var(--color-text);align-items:flex-start;gap:12px;font-size:16px;display:flex}.ai-trust-points svg{color:var(--color-accent);background:#c9a22726;border-radius:50%;flex-shrink:0;width:22px;height:22px;margin-top:3px;padding:2px}.ai-trust-visual{justify-content:center;align-items:center;display:flex}@media (max-width:900px){.ai-trust-container{text-align:left;grid-template-columns:1fr;gap:60px}.ai-trust-visual{order:-1}}@media (max-width:600px){.ai-trust{padding:80px 20px}.ai-trust-body{font-size:16px}}
.features{background:var(--color-bg);padding:100px 24px}.features-container{max-width:900px;margin:0 auto}.features-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.feature-card{background:var(--color-card);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:32px 28px;transition:box-shadow .2s,transform .2s}.feature-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.feature-icon{background:var(--color-gold-light);border-radius:var(--radius-sm);width:48px;height:48px;color:var(--color-accent);justify-content:center;align-items:center;margin-bottom:20px;display:flex}.feature-card h3{margin-bottom:10px;font-size:18px;font-weight:600}.feature-card p{color:var(--color-text-secondary);font-size:15px;line-height:1.6}@media (max-width:560px){.features-grid{grid-template-columns:1fr}}
.premium{background:var(--color-card);padding:100px 24px}.premium-container{max-width:820px;margin:0 auto}.pricing-cards{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.pricing-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:36px 32px;position:relative}.pricing-card-popular{border-color:var(--color-accent);box-shadow:0 8px 40px #c9a2272e}.pricing-badge{background:var(--color-gold);color:#fff;border-radius:20px;padding:4px 16px;font-size:13px;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card-header{margin-bottom:28px}.pricing-card-header h3{margin-bottom:8px;font-size:22px;font-weight:600}.pricing-price{align-items:baseline;gap:4px;display:flex}.pricing-amount{color:var(--color-text);font-family:Georgia,Times New Roman,serif;font-size:36px;font-weight:700}.pricing-period{color:var(--color-text-secondary);font-size:16px}.pricing-features{flex-direction:column;gap:14px;margin:0 0 28px;padding:0;list-style:none;display:flex}.pricing-features li{color:var(--color-text);align-items:center;gap:10px;font-size:15px;display:flex}.pricing-features li svg{color:var(--color-gold);flex-shrink:0}.pricing-cta{text-align:center;width:100%;padding:14px 24px;display:block}.pricing-annual{text-align:center;color:var(--color-text-secondary);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:14px;font-size:13px;display:flex}.pricing-annual-badge{color:var(--color-accent);text-transform:uppercase;letter-spacing:.4px;background:#c9a22726;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-block}.pricing-badge{background:var(--color-accent)}.pricing-features li svg{color:var(--color-accent)}.premium-reassurance{text-align:center;color:var(--color-text-secondary);margin-top:32px;font-size:14px}@media (max-width:600px){.pricing-cards{grid-template-columns:1fr;max-width:400px;margin:0 auto}.premium{padding:80px 20px}}
.faq{background:var(--color-bg);padding:100px 24px}.faq-container{max-width:820px;margin:0 auto}.faq-list{flex-direction:column;gap:12px;display:flex}.faq-item{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color .2s,box-shadow .2s;overflow:hidden}.faq-item:hover{border-color:var(--color-accent)}.faq-item[open]{border-color:var(--color-accent);box-shadow:var(--shadow-card)}.faq-item summary{cursor:pointer;color:var(--color-text);justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-chevron{color:var(--color-text-secondary);flex-shrink:0;transition:transform .2s,color .2s}.faq-item[open] .faq-chevron{color:var(--color-accent);transform:rotate(180deg)}.faq-answer{color:var(--color-text-secondary);padding:0 24px 22px;font-size:16px;line-height:1.7}.faq-answer p{max-width:70ch}@media (max-width:600px){.faq{padding:80px 20px}.faq-item summary{padding:18px 20px;font-size:16px}.faq-answer{padding:0 20px 18px;font-size:15px}}
.cta-section{color:#fff;background:#1a1a1a;padding:110px 24px;position:relative;overflow:hidden}.cta-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#c9a2272e 0%,#0000 60%);width:600px;height:600px;position:absolute;top:-150px;left:50%;transform:translate(-50%)}.cta-container{text-align:center;max-width:700px;margin:0 auto;position:relative}.cta-content h2{color:#fff;letter-spacing:-.4px;margin-bottom:16px;font-size:clamp(28px,4vw,42px);font-weight:600}.cta-content>p{opacity:.75;color:#fff;margin-bottom:36px;font-size:18px;line-height:1.6}.cta-button{padding:16px 36px;font-size:16px}
.footer{background:var(--color-bg-alt);border-top:1px solid var(--color-border);padding:60px 24px 0}.footer-container{justify-content:space-between;gap:48px;max-width:1100px;margin:0 auto;display:flex}.footer-brand{flex-shrink:0}.footer-logo-img{width:auto;height:32px;margin-bottom:8px;display:block}.footer-tagline{color:var(--color-text-secondary);font-size:14px}.footer-columns{gap:64px;display:flex}.footer-column{flex-direction:column;gap:10px;display:flex}.footer-column h4{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text);margin-bottom:4px;font-family:system-ui,-apple-system,sans-serif;font-size:13px;font-weight:700}.footer-column a{color:var(--color-text-secondary);font-size:14px;text-decoration:none;transition:color .2s}.footer-column a:hover{color:var(--color-text)}.footer-bottom{border-top:1px solid var(--color-border);text-align:center;max-width:1100px;margin:48px auto 0;padding:20px 0}.footer-bottom p{color:var(--color-text-secondary);font-size:13px}@media (max-width:768px){.footer-container{flex-direction:column;gap:40px}.footer-columns{flex-wrap:wrap;gap:32px}.footer-column{min-width:120px}}