.product-showcase{padding-top:82px;padding-bottom:76px}.showcase-heading{max-width:600px;margin:0 auto 30px;text-align:center}.showcase-heading h2{margin:0 0 11px;color:#102b6b;font:800 36px "Plus Jakarta Sans",sans-serif;letter-spacing:-1.5px}.showcase-heading>p:last-child{margin:0;color:#68779a;line-height:1.65}.showcase-frame{position:relative;min-height:390px;overflow:hidden;border:1px solid #dce9ff;border-radius:23px;background:linear-gradient(140deg,#eff6ff,#fff 50%,#effcf7);box-shadow:0 19px 45px #1b4e9514}.showcase-slide{position:absolute;inset:0;display:grid;grid-template-rows:44px 1fr;opacity:0;pointer-events:none;transform:translateX(25px);transition:opacity .45s ease,transform .45s ease}.showcase-slide.is-active{opacity:1;pointer-events:auto;transform:translateX(0)}.showcase-browser{display:flex;align-items:center;gap:6px;padding:0 17px;border-bottom:1px solid #dce8fc;background:#f7faff;color:#7182a5;font-size:11px}.showcase-browser span{width:9px;height:9px;border-radius:50%;background:#ff847c}.showcase-browser span:nth-child(2){background:#f6c65c}.showcase-browser span:nth-child(3){background:#63d6a2}.showcase-browser b{margin-left:8px;font-weight:700}.mini-app{display:grid;grid-template-columns:175px 1fr;min-height:0;background:#fff}.mini-app aside{display:grid;align-content:start;gap:15px;padding:22px 14px;border-right:1px solid #e5ebf9;color:#53678f;font-size:12px}.mini-app aside strong{margin-bottom:12px;color:#122a67;font-size:14px}.mini-app aside i{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:7px;background:linear-gradient(135deg,#326fec,#08a878);color:#fff;font-style:normal}.mini-app aside em{color:#08a878;font-style:normal}.mini-app aside b{padding:10px;border-radius:8px;background:#eeefff;color:#5142dd}.mini-content{padding:23px 28px}.mini-title{display:flex;justify-content:space-between;align-items:start}.mini-title small,.practice-preview>small,.phrase-preview>small{color:#0a9b72;font-size:10px;font-weight:800;letter-spacing:1.5px}.mini-title h3,.practice-preview h3,.phrase-preview h3{margin:5px 0 16px;color:#142a63;font:800 22px "Plus Jakarta Sans",sans-serif;letter-spacing:-.8px}.mini-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#d7e8ff;color:#2865d9;font-weight:800}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-stats b{padding:12px;border:1px solid #e1e7fa;border-radius:10px;background:#fbfcff;color:#172b63;font-size:21px}.mini-stats small{display:block;margin-bottom:5px;color:#7785a4;font-size:10px;font-weight:600}.mini-table{display:grid;grid-template-columns:1fr 2fr .7fr;gap:0;margin-top:14px;border:1px solid #e1e7f4;border-radius:10px;overflow:hidden;font-size:11px}.mini-table>*{padding:10px;border-bottom:1px solid #edf0f8}.mini-table strong{background:#f8faff;color:#657699}.mini-table b{color:#17306a}.mini-table span{color:#506385}.mini-table button,.practice-add button{border:0;border-radius:6px;background:#e9f8f0;color:#078453;font:700 10px "DM Sans",sans-serif}.practice-preview,.phrase-preview{padding:36px 48px;background:linear-gradient(135deg,#fff,#f8fbff)}.practice-add{display:flex;align-items:center;gap:13px;padding:13px 15px;border:1px solid #dbe6fa;border-radius:11px;background:#fff}.practice-add>b{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#eaf1ff;color:#286bef;font-size:22px}.practice-add span{flex:1;color:#647396;font-size:12px}.practice-add strong{color:#172d65}.practice-add small{display:block;margin-top:4px;color:#08a276}.practice-add button{padding:11px 15px;background:linear-gradient(100deg,#276fea,#08a87c);color:#fff;font-size:11px}.practice-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.practice-list div,.phrase-grid article{padding:15px;border:1px solid #e0e8f8;border-radius:11px;background:#fff}.practice-list i{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#edf3ff;color:#276cea;font-size:10px;font-style:normal}.practice-list b{display:block;margin-top:10px;color:#162d65;font-size:13px}.practice-list span{display:block;margin-top:7px;color:#0b9d6e;font-size:10px}.phrase-tabs{display:flex;gap:7px;margin-bottom:17px}.phrase-tabs button{border:1px solid #d9e5f8;border-radius:8px;background:#fff;padding:8px 14px;color:#56709b;font:700 11px "DM Sans",sans-serif}.phrase-tabs .selected{border-color:#376de5;background:#edf2ff;color:#2455ce}.phrase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.phrase-grid b{display:block;color:#17306a;font-size:13px}.phrase-grid span{display:block;margin-top:8px;color:#637497;font-size:11px;line-height:1.45}.showcase-dots{display:flex;justify-content:center;gap:8px;margin-top:17px}.showcase-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#bfcae0;cursor:pointer;transition:.2s}.showcase-dots button.active{width:25px;border-radius:8px;background:linear-gradient(90deg,#276dec,#09a779)}@media(max-width:700px){.product-showcase{padding-top:60px;padding-bottom:55px}.showcase-heading h2{font-size:29px}.showcase-frame{min-height:440px}.mini-app{grid-template-columns:1fr}.mini-app aside{display:none}.mini-content,.practice-preview,.phrase-preview{padding:22px}.mini-stats,.practice-list,.phrase-grid{grid-template-columns:repeat(2,1fr)}.mini-table{grid-template-columns:.8fr 1.5fr .7fr}.practice-add{align-items:start;flex-wrap:wrap}.practice-add button{width:100%}}@media(max-width:430px){.showcase-frame{min-height:485px}.mini-stats{gap:6px}.mini-stats b{padding:9px;font-size:16px}.mini-table{font-size:9px}.mini-table>*{padding:8px}.practice-list,.phrase-grid{grid-template-columns:1fr 1fr}.phrase-preview h3,.practice-preview h3{font-size:19px}}