.demo-hero{padding:88px 0;background:#050505;color:#fff}.demo-hero h1{max-width:920px;font-size:clamp(3rem,7vw,5.6rem);line-height:1.02;letter-spacing:-.055em}.demo-hero h1 em{color:#E5FE96}.demo-hero p{max-width:760px;color:#d7dfdf;font-size:1.08rem;line-height:1.75}.demo-hero-actions{display:flex;align-items:center;gap:24px;margin-top:32px}.demo-hero-actions>a:not(.button){color:#fff;font-weight:750}.demo-section{padding-top:88px;padding-bottom:88px}.demo-heading{max-width:800px}.demo-heading>span{display:flex;align-items:center;gap:9px;font-size:.76rem;font-weight:900;letter-spacing:.14em}.demo-heading>span svg{width:20px}.demo-heading h2{font-size:clamp(2.2rem,5vw,4rem);line-height:1.08;letter-spacing:-.045em}.demo-heading p{color:#52647b;line-height:1.75}.demo-writing{display:grid;grid-template-columns:1fr 1fr;grid-gap:22px;gap:22px;margin-top:40px}.demo-dialogue>div,.demo-reading,.demo-writing>article,.demo-writing>aside{padding:30px;border:1px solid #cddaa0;border-radius:20px;background:#f7ffd9}.demo-dialogue small,.demo-writing small{font-size:.72rem;font-weight:900;letter-spacing:.12em}.demo-writing article>p{font-size:1.15rem;line-height:1.9}.demo-timer{display:flex;align-items:center;gap:9px;margin-top:24px;font-weight:850}.demo-timer svg{width:20px}.demo-correction{display:grid;grid-gap:8px;gap:8px;padding:16px 0;border-bottom:1px solid #cfdda4}.demo-correction b{font-size:.78rem;text-transform:uppercase}.demo-correction del{color:#962f3a;text-decoration-thickness:2px}.demo-correction ins{color:#174f33;text-decoration:none;font-weight:700}.demo-disclaimer{font-size:.76rem;color:#5f6a58}.demo-dark{max-width:none;background:#050505;color:#fff}.demo-dark .demo-heading p{color:#cad3d3}.demo-dialogue{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;margin-top:36px}.demo-dialogue>div{color:#050505}.demo-dialogue>div p{font-size:1.08rem;line-height:1.7}.demo-dialogue ul{grid-column:1/-1;display:flex;gap:24px;flex-wrap:wrap;padding:0;list-style:none}.demo-dialogue li{display:flex;align-items:center;gap:8px}.demo-dialogue li svg{width:18px;color:#E5FE96}.demo-reading{margin-top:34px}.demo-player{display:flex;align-items:center;gap:16px}.demo-player button{width:48px;height:48px;border:0;border-radius:50%;background:#050505;color:#E5FE96}.demo-player i{height:7px;flex:1 1;border-radius:10px;background:#d3dfaa;overflow:hidden}.demo-player i b{display:block;width:43%;height:100%;background:#050505}.demo-reading>p{max-width:850px;margin:30px 0;font-size:1.3rem;line-height:1.85}.demo-words{display:flex;gap:12px;flex-wrap:wrap}.demo-words button{padding:10px 14px;border:1px solid #aabd61;border-radius:999px;background:#fff;font-weight:750}.demo-words span{margin-left:7px;color:#56634d;font-weight:500}.demo-final{padding:82px 0;background:#E5FE96;text-align:center}.demo-final h2{font-size:clamp(2rem,5vw,3.8rem);color:#050505}.demo-final p{margin-bottom:28px;color:#28301f}@media(max-width:760px){.demo-hero{padding:58px 0}.demo-hero h1{font-size:2.8rem}.demo-hero-actions{align-items:stretch;flex-direction:column}.demo-dialogue,.demo-writing{grid-template-columns:1fr}.demo-section{padding-top:62px;padding-bottom:62px}.demo-reading>p{font-size:1.05rem}.demo-player time{font-size:.72rem}.demo-dialogue ul{display:grid}}.demo-player>span{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#050505;color:#E5FE96}.demo-words details{min-width:130px;padding:10px 14px;border:1px solid #aabd61;border-radius:16px;background:#fff}.demo-words summary{cursor:pointer;font-weight:750}.demo-words details span{display:block;margin:8px 0 0;color:#56634d;font-weight:500}