.dc-page{--dc-ink:#1b211d;--dc-green:#216b53;--dc-muted:#6c716c;--dc-line:#e1e6df;--dc-soft:#f6f6f4;background:#fff;color:var(--dc-ink)}
.dc-page .site-header{background:#fffffff5;backdrop-filter:blur(14px)}
.dc-page .header-inner{width:min(1440px,calc(100% - 80px))}
.dc-page .brand img{width:138px}
.dc-page .header-cta{background:#202c24;border-radius:28px}
.dc-shell{width:min(1160px,calc(100% - 112px));margin-inline:auto}
.dc-page button{font:inherit}
.dc-page :is(button,a):focus-visible{outline:2px solid #2b7a5c;outline-offset:5px}
.dc-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;padding:98px 0 100px}
.dc-hero h1{margin:0 0 23px;font-size:72px;font-weight:740;line-height:1.12;letter-spacing:-.045em}
.dc-hero-copy>p{max-width:490px;margin:0;color:#515a53;font-size:19px;line-height:1.75;text-wrap:pretty}
.dc-hero-actions{display:flex;align-items:center;gap:26px;margin-top:29px}
.dc-browse{display:inline-flex;align-items:center;gap:9px;min-height:44px;color:#637468;font-size:14px;text-decoration:none}
.dc-browse:hover{color:var(--dc-green)}
.dc-hero-art{display:flex;align-items:center;justify-content:center;min-height:300px}
.dc-hero-art>svg{display:block;width:100%;max-width:410px;height:310px;overflow:visible}
.dc-section-title{margin-bottom:32px}
.dc-section-title h2,.dc-journey h2{margin:0;font-size:36px;line-height:1.35;letter-spacing:-.04em;font-weight:680}
.dc-section-title>p,.dc-journey-heading p{margin:14px 0 0;color:var(--dc-muted);font-size:16px;line-height:1.8}
.dc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 24px}
/* Match the public captions page: color sits behind the product frame, while
   the icon and editorial copy sit directly on the white page. */
.dc-card{position:relative;display:flex;flex-direction:column;min-width:0;border:0;border-radius:0;background:transparent}
.dc-card-copy{display:flex;flex:1;flex-direction:column;padding:25px 8px 0}
.dc-card-heading{display:flex;flex:1;flex-direction:column;align-items:flex-start}
.dc-card-art{display:grid;place-items:center;width:32px;height:32px;margin:0 0 15px}
.dc-card-art>svg{display:block;width:32px;height:32px;overflow:visible}
.dc-card h3{margin:0;font-size:20px;line-height:1.5;letter-spacing:-.03em;font-weight:650}
.dc-card-heading>p{flex:1;margin:11px 0 0;color:#728177;font-size:14px;line-height:1.9;text-wrap:pretty}
.dc-card-preview{position:relative;flex:none;isolation:isolate;height:380px;overflow:hidden;padding:28px 28px 0;border:0;border-radius:20px;background:radial-gradient(ellipse at 28% 0,#f1f6ed,transparent 75%),linear-gradient(135deg,#e3eee5,#cddfd4)}
.dc-card:is([data-demo-card="reading"],[data-demo-card="flashcards"]) .dc-card-preview{background:radial-gradient(ellipse at 30% 0,#fbf9f0,transparent 75%),linear-gradient(135deg,#eeeadd,#e0dac6)}
.dc-card:is([data-demo-card="questions"],[data-demo-card="mindmap"]) .dc-card-preview{background:radial-gradient(ellipse at 30% 0,#f2f7fa,transparent 75%),linear-gradient(135deg,#e1eaf1,#cadbe5)}
.dc-statement{position:relative;padding:108px 40px 116px;text-align:center;scroll-margin-top:84px}
.dc-statement-figure{margin:0}
.dc-statement-quote{max-width:920px;margin:0 auto;padding:0;border:0;quotes:'“' '”'}
.dc-statement-quote p{margin:0;font-family:Georgia,'Songti SC','STSong','Hiragino Mincho ProN',serif;font-size:44px;line-height:1.5;letter-spacing:-.025em;font-weight:400;white-space:pre-line;text-wrap:balance}
.dc-statement-quote p::before{content:open-quote}
.dc-statement-quote p::after{content:close-quote}
.dc-statement-author{display:inline-flex;align-items:center;gap:16px;margin-top:34px;text-align:left;font-style:normal}
.dc-statement-avatar{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:40px}
.dc-statement-avatar svg{display:block;width:44px;height:auto}
.dc-statement-name{display:block;color:#253b30;font-size:15px;line-height:1.5;font-weight:600;letter-spacing:-.01em}
.dc-statement-role{display:block;margin-top:4px;color:#7b877e;font-size:12px;line-height:1.5;font-weight:400}
.dc-journey{padding:0 0 84px}
.dc-journey-heading{display:flex;justify-content:space-between;align-items:center;gap:50px;margin-bottom:32px}
.dc-journey-art{flex:none;width:230px;height:145px}
.dc-journey-art svg{display:block;width:100%;height:100%}
.dc-stage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0;padding:0;list-style:none}
.dc-stage-grid li{padding:30px 31px 32px;border-radius:12px;background:#f6f6f4}
.dc-stage-number{display:block;margin-bottom:21px;font-size:64px;line-height:1;font-weight:640;letter-spacing:-.065em;color:#202822}
.dc-stage-grid h3{margin:0 0 12px;font-size:18px;line-height:1.5;font-weight:600}
.dc-stage-grid p{margin:0;color:#646e64;font-size:14px;line-height:1.85}
.dc-page .landing-endcap,.dc-page #landing-endcap{margin-top:0}
@media(prefers-reduced-motion:reduce){.dc-page *,.dc-page *::before,.dc-page *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
