.demo-app{color:#172044;background:#f7f8fc;min-height:100dvh;font-family:Arial,Helvetica,sans-serif}.demo-nav{border-bottom:1px solid #e1e4ed;justify-content:space-between;align-items:center;gap:16px;max-width:1160px;margin:auto;padding:26px 32px;display:flex}.demo-brand{letter-spacing:-.6px;align-items:center;gap:11px;font-size:21px;font-weight:750;display:flex}.demo-brand>span{color:#dcff87;background:#293cd5;border-radius:11px;place-items:center;width:40px;height:44px;font-size:31px;display:grid}.demo-brand small{letter-spacing:1px;color:#293cd5;background:#e6eaff;border-radius:5px;padding:5px 7px;font-size:9px}.demo-language{align-items:center;gap:8px;display:flex}.demo-language select{color:#172044;max-width:160px;font:inherit;background:#fff;border:1px solid #dce1ed;border-radius:9px;padding:9px;font-size:14px}.demo-main{max-width:1096px;min-height:75vh;margin:auto;padding:0 32px 70px}.demo-intro{grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;padding:65px 0 58px;display:grid}.demo-eyebrow{letter-spacing:1.7px;color:#293cd5;text-transform:uppercase;margin-bottom:20px;font-size:11px;font-weight:700}.demo-intro h1{font-size:clamp(2.9rem,5vw,4.5rem);line-height:1.04}.demo-intro h1 em{color:#293cd5;font-style:normal}.demo-lead{color:#59657e;max-width:460px;margin-top:24px;font-size:18px;line-height:1.7}.demo-benefits{color:#4e5d78;flex-wrap:wrap;gap:22px;margin-top:24px;font-size:13px;display:flex}.demo-benefits span{align-items:center;gap:6px;display:flex}.demo-illustration{place-items:center;height:310px;display:grid;position:relative}.demo-orbit{background:#edf0ff;border:1px solid #ccd2f4;border-radius:50%;width:280px;height:280px;position:absolute}.demo-coffee{color:#dcff87;background:#293cd5;border-radius:34px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:205px;height:225px;display:flex;transform:rotate(-8deg);box-shadow:15px 20px #dce1fc}.demo-coffee span{letter-spacing:-.5px;font-size:18px}.demo-sticker{background:#dcff87;border-radius:50%;padding:13px 23px;font-size:24px;font-weight:700;position:absolute;top:7px;right:8px;transform:rotate(10deg)}.demo-bubble{background:#fff;border:1px solid #e4e7f1;border-radius:15px;padding:18px 48px 18px 20px;font-size:16px;font-weight:600;line-height:1.4;position:absolute;bottom:0;left:0;transform:rotate(3deg);box-shadow:0 10px 30px #1720440a}.demo-bubble span{color:#293cd5;font-size:23px;position:absolute;top:24px;right:17px}.demo-situations h2{letter-spacing:-.7px;margin-bottom:22px;font-size:24px}.demo-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.demo-card{background:#fff;border:1px solid #e0e4ee;border-radius:18px;flex-direction:column;align-items:flex-start;padding:25px;display:flex;position:relative}.demo-card.demo-active{border:2px solid #293cd5;padding:24px;box-shadow:0 8px 25px #293cd508}.demo-icon{color:#293cd5;background:#edf0ff;border-radius:12px;place-items:center;width:44px;height:44px;margin-bottom:28px;display:grid}.demo-card h3{letter-spacing:-.8px;margin-bottom:12px;font-size:23px}.demo-card>p{color:#58647a;margin-bottom:27px;font-size:14px;line-height:1.6}.demo-duration{color:#6a7791;font-size:11px;position:absolute;top:34px;right:24px}.demo-primary,.demo-secondary{border:0;border-radius:10px;justify-content:center;align-items:center;gap:12px;min-height:50px;padding:14px 19px;font-size:14px;font-weight:700;line-height:1.45;display:inline-flex}.demo-primary{color:#fff;background:#293cd5}.demo-primary:hover{background:#2030b4}.demo-primary:disabled{opacity:.5}.demo-primary svg,.demo-secondary svg{flex-shrink:0}.demo-secondary{color:#273450;background:#e9edf8}.demo-card .demo-primary{width:100%;margin-top:auto}.demo-planned{background:#f1f3f8}.demo-planned .demo-icon{color:#69768e;background:#e6e9f0}.demo-lock{color:#68758c;align-items:center;gap:7px;min-height:50px;margin-top:auto;font-size:12px;display:flex}.demo-note{color:#6b768a!important;letter-spacing:0!important;margin-top:16px!important;font-size:12px!important;font-weight:400!important;line-height:1.65!important}.demo-footer{color:#64708b;border-top:1px solid #e0e4ed;flex-wrap:wrap;justify-content:space-between;gap:24px;max-width:1096px;margin:auto;padding:25px 32px;font-size:12px;display:flex}.demo-footer button{background:0 0;border:0;padding:0;text-decoration:underline}.demo-footer a{text-decoration:underline}.demo-test{text-align:center;letter-spacing:1px;background:#dcff87;padding:9px;font-size:11px;font-weight:700}.demo-session-top{color:#5a6880;justify-content:space-between;align-items:center;gap:15px;max-width:750px;margin:30px auto 16px;font-size:12px;display:flex}.demo-session-top>span{align-items:center;gap:6px;display:flex}.demo-link{color:#293cd5;text-underline-offset:4px;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:14px;font-weight:600;text-decoration:underline;display:inline-flex}.demo-progress{background:#e0e4f1;border-radius:4px;max-width:750px;height:5px;margin:auto;overflow:hidden}.demo-progress>span{background:#293cd5;height:100%;transition:width .2s;display:block}.demo-exercise{background:#fff;border:1px solid #e1e5f0;border-radius:22px;max-width:650px;margin:46px auto 0;padding:38px}.demo-exercise-title{letter-spacing:-1px;margin-bottom:27px;font-size:29px}.demo-phrase{background:#eef1ff;border-radius:15px;padding:28px}.demo-label{letter-spacing:2px;color:#606e97;font-size:9px}.demo-phrase>p[lang]{letter-spacing:-1px;margin:20px 0 25px;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;line-height:1.25}.demo-audio{flex-wrap:wrap;gap:9px;display:flex}.demo-audio button{color:#293cd5;background:#fff;border:1px solid #d5dbf3;border-radius:8px;align-items:center;gap:7px;padding:10px 13px;font-size:13px;display:flex}.demo-audio button:disabled{opacity:.45}.demo-translation{min-height:95px;padding:23px 0}.demo-translation>p{color:#4b5a78;margin-top:15px;font-size:18px}.demo-controls{border-top:1px solid #e7eaf1;justify-content:space-between;gap:15px;padding-top:23px;display:flex}.demo-question{letter-spacing:-1px;font-size:30px;line-height:1.2}.demo-options{gap:12px;margin-top:29px;display:grid}.demo-options button{text-align:left;background:#fff;border:1px solid #dce1ed;border-radius:11px;align-items:center;gap:14px;width:100%;min-height:67px;padding:17px;font-size:16px;line-height:1.4;display:flex}.demo-options button>span:first-child{color:#5d6b84;background:#f0f2f8;border-radius:7px;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:12px;display:grid}.demo-options button>span:nth-child(2){flex:1}.demo-options button:disabled{opacity:1}.demo-options button.demo-right{background:#eef9f3;border-color:#277b53}.demo-options button.demo-wrong{background:#fff3f3;border-color:#b84e50}.demo-feedback{color:#314565;min-height:84px;padding:20px 0;font-size:14px}.demo-feedback p{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.demo-wide{width:100%}.demo-result{text-align:center;max-width:850px;margin:40px auto 0}.demo-success{color:#293cd5;background:#dcff87;border-radius:50%;place-items:center;width:75px;height:75px;margin:0 auto 20px;display:grid}.demo-result h1{max-width:650px;margin:auto;font-size:clamp(2rem,4vw,3.3rem)}.demo-score{justify-content:center;align-items:center;gap:16px;margin:25px 0;display:flex}.demo-score strong{color:#293cd5;font-size:34px}.demo-score span{text-align:left;color:#64708b;max-width:170px;font-size:13px}.demo-result>p:not(.demo-eyebrow){color:#58657c;max-width:490px;margin:0 auto 18px;font-size:16px}.demo-offer{color:#fff;text-align:left;background:#172044;border-radius:20px;grid-template-columns:1.2fr 1fr;gap:35px;margin-top:40px;padding:34px;display:grid}.demo-offer h2{font-size:29px;line-height:1.15}.demo-offer p{color:#c2cbe3;margin-top:15px;font-size:14px;line-height:1.7}.demo-offer small{color:#c2cbe3;font-size:12px;display:block}.demo-price{letter-spacing:-2px;font-size:46px;line-height:1.2}.demo-offer .demo-primary{color:#172044;background:#dcff87;width:100%;margin-top:18px}.demo-modal{color:#172044!important;background:#fff!important;padding:30px!important}.demo-modal [data-slot=dialog-title]{font-size:24px;line-height:1.2}.demo-modal [data-slot=dialog-description]{color:#57657e;line-height:1.7}.demo-modal .demo-link{justify-self:start}.demo-app h1:focus{outline:none}:is(.demo-app button:focus-visible,.demo-app a:focus-visible,.demo-app select:focus-visible){outline-offset:4px;outline:3px solid #6376ff}@media (max-width:750px){.demo-intro{grid-template-columns:1fr;gap:10px;padding:40px 0 30px}.demo-illustration{width:100%;max-width:350px;height:260px;margin:15px auto}.demo-orbit{width:240px;height:240px}.demo-coffee{width:175px;height:190px}.demo-cards{grid-template-columns:1fr}.demo-card{padding:22px}.demo-card.demo-active{padding:21px}.demo-icon{margin-bottom:18px}.demo-card>p{margin-bottom:20px}.demo-planned{grid-template-columns:auto 1fr;gap:0 14px;display:grid}.demo-planned .demo-icon{grid-row:1/4;margin:0}.demo-planned h3{font-size:20px}.demo-planned>p{margin-bottom:10px}.demo-lock{grid-column:2;min-height:25px}.demo-offer{grid-template-columns:1fr;gap:25px}.demo-session-top>span:nth-child(2){display:none}.demo-main{padding:0 20px 45px}.demo-nav{padding:20px}.demo-brand{gap:7px;font-size:17px}.demo-brand small,.demo-language>svg{display:none}.demo-language select{max-width:115px;font-size:13px}.demo-exercise{border-radius:16px;margin-top:25px;padding:22px}.demo-phrase{padding:22px}.demo-question{font-size:25px}.demo-controls{flex-wrap:wrap;gap:10px}.demo-controls .demo-primary{flex:1}.demo-result{margin-top:30px}.demo-footer{gap:16px;padding:22px 20px}.demo-intro h1{font-size:3.1rem}.demo-session-top .demo-link{font-size:13px}}