/* Landing: learning paths, website preview, testimonials */
.lpG{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}
.lpC{background:var(--bg);border:1.5px solid color-mix(in srgb,var(--ac) 22%,#fff);border-radius:24px;padding:22px 20px;display:flex;flex-direction:column;gap:10px;text-align:left;transition:transform .2s,box-shadow .2s;animation:lpIn .6s both;animation-delay:var(--d,0s)}
.lpC:hover{transform:translateY(-4px);box-shadow:0 14px 30px color-mix(in srgb,var(--ac) 20%,transparent)}
.lpI{width:52px;height:52px;border-radius:16px;background:#fff;color:var(--ac);display:grid;place-items:center;box-shadow:0 4px 12px color-mix(in srgb,var(--ac) 18%,transparent)}
.lpC h3{margin:4px 0 0;font:800 20px/1.25 "Outfit","Segoe UI",sans-serif;color:#1f2540}
.lpS{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.lpS a{display:inline-block;padding:5px 12px;border-radius:99px;background:#fff;color:var(--ac);font-weight:700;font-size:14px;text-decoration:none;border:1px solid color-mix(in srgb,var(--ac) 25%,#fff)}
.lpC>p{margin:0;color:#4a5170;font-size:15px;line-height:1.5;flex:1}
.lpX{display:inline-flex;align-items:center;gap:6px;color:var(--ac);font-weight:800;text-decoration:none;min-height:44px}
.lpX svg{transition:transform .2s}.lpC:hover .lpX svg{transform:translateX(4px)}
@keyframes lpIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:980px){.lpG{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.lpG{grid-template-columns:1fr}}
/* website preview */
.wbFr{background:#fff;border:1px solid #dfe3f3;border-radius:16px;box-shadow:0 18px 40px rgba(40,50,120,.14);overflow:hidden;text-align:left;font-family:"Figtree","Segoe UI",sans-serif}
.wbBar{display:flex;align-items:center;gap:6px;padding:9px 12px;background:#f1f3fb;border-bottom:1px solid #e3e6f3}
.wbBar i{width:10px;height:10px;border-radius:50%;background:#ff6b6b}.wbBar i:nth-child(2){background:#fbbf24}.wbBar i:nth-child(3){background:#34d399}
.wbBar span{margin-left:10px;flex:1;background:#fff;border-radius:99px;padding:3px 12px;font-size:12px;color:#6b7390}
.wbBody{display:grid;grid-template-columns:150px 1fr;min-height:300px}
.wbSide{background:#f7f8fd;border-right:1px solid #e8ebf6;padding:10px 8px;display:flex;flex-direction:column;gap:3px}
.wbSide span{padding:7px 10px;border-radius:9px;font-size:12.5px;font-weight:600;color:#4a5170}
.wbSide span.on{background:#ECEFFF;color:#4255FF}
.wbMain{padding:14px;display:flex;flex-direction:column;gap:12px}
.wbSrch{border:1.5px solid #d6dbf0;border-radius:99px;padding:8px 14px;font-size:13px;color:#8a91a8}
.wbRes{background:linear-gradient(135deg,#4255FF,#7C3AED);color:#fff;border-radius:12px;padding:10px 14px;font-weight:700;font-size:14px;width:max-content}
.wbCards{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wbCards b{background:var(--a);color:var(--b);border-radius:14px;padding:22px 12px;font-size:14px;text-align:center}
@media(max-width:520px){.wbBody{grid-template-columns:110px 1fr}.wbSide span{font-size:11px;padding:6px}}
/* testimonials marquee */
.tmWrap{overflow:hidden;margin-top:22px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.tmTrack{display:flex;gap:16px;width:max-content;padding:6px 16px;animation:tmRun 45s linear infinite}
.tmWrap:hover .tmTrack,.tmWrap:focus-within .tmTrack{animation-play-state:paused}
@keyframes tmRun{to{transform:translateX(calc(-50% - 8px))}}
.tmC{margin:0;width:290px;flex:none;border-radius:20px;padding:18px;color:#fff;background:linear-gradient(135deg,var(--a),var(--b));display:flex;flex-direction:column;gap:8px;text-align:left;box-shadow:0 10px 24px color-mix(in srgb,var(--a) 30%,transparent)}
.tmTag{align-self:flex-start;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:rgba(255,255,255,.25);padding:2px 10px;border-radius:99px}
.tmSt{color:#FFD94A;letter-spacing:2px;font-size:17px}
.tmC blockquote{margin:0;font-size:15.5px;line-height:1.5;font-weight:600;flex:1}
.tmC figcaption{display:flex;align-items:center;gap:10px}
.tmC figcaption i{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.28);display:grid;place-items:center;font-style:normal;font-weight:800}
.tmC small{display:block;opacity:.9;font-size:12.5px}
@media(prefers-reduced-motion:reduce){.tmTrack{animation:none;overflow-x:auto;width:auto}.tmC[aria-hidden]{display:none}.lpC{animation:none}.tmWrap{overflow-x:auto}}
.dmS .dmW{grid-template-columns:minmax(0,1fr) minmax(0,480px)}
.dmPh{width:100%}.dmPh .wbFr{width:100%}
@media(max-width:820px){.dmS .dmW{grid-template-columns:1fr}}

/* Miju feature cards (marketing page) */
.hmTrack{gap:18px;animation-duration:70s}
.hmC{margin:0;position:relative;width:min(300px,76vw);aspect-ratio:720/900;flex:none;border-radius:22px;overflow:hidden;container-type:inline-size;box-shadow:0 12px 28px rgba(66,85,255,.16);background:#eef0ff}
.hmC img{display:block;width:100%;height:100%;object-fit:cover}
.hmC figcaption{position:absolute;left:11%;right:25%;top:33%;height:33%;display:flex;flex-direction:column;justify-content:center;gap:3.2cqw;color:#1b2160;text-align:left}
.hmTag{align-self:flex-start;font:800 3.5cqw/1 "Figtree","Segoe UI",system-ui,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:#4255FF;background:#eceeff;padding:1.4cqw 3cqw;border-radius:99px}
.hmC p{margin:0;font:700 5.6cqw/1.32 "Outfit","Figtree","Segoe UI",system-ui,sans-serif}
@media(prefers-reduced-motion:reduce){.hmC[aria-hidden]{display:none}}
.ldHy{color:#FFCD1F}.ldHl{display:grid;gap:10px;margin:20px 0 4px;max-width:520px}.ldHk{display:flex;align-items:center;gap:12px;background:#fff;color:#1b2160;border-radius:16px;padding:10px 14px;text-decoration:none;box-shadow:0 6px 18px rgba(20,20,70,.18);border-left:5px solid var(--k);transition:transform .15s}.ldHk:hover{transform:translateX(4px)}.ldHk i{font-style:normal;font-size:22px;width:40px;height:40px;border-radius:12px;background:var(--t);display:grid;place-items:center;flex:none}.ldHk b{display:block;font-size:15.5px;color:var(--k)}.ldHk small{display:block;font-size:13px;color:#4a4f7a}
.mnS{grid-template-columns:1fr;max-width:760px;margin:0 auto}.mnS .mnL{padding:26px}.mnP{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;justify-content:center}.mnP li{background:#fff;border:1px solid #e3e6f5;border-radius:99px;padding:6px 14px;font-size:14px;font-weight:600;color:#2D3B8E}
.ldHl+.ldCtaRow{margin-top:18px}