.en-hero__kicker{display:inline-block;margin-bottom:16px;padding:6px 12px;border:1px solid var(--border-hover);border-radius:999px;background:var(--surface);color:var(--text-muted);font-size:13px;font-weight:600;letter-spacing:.04em}.en-demo{position:relative;display:flex;flex-direction:column;animation:heroMockupIn .7s cubic-bezier(.22,.8,.3,1) both}@media (prefers-reduced-motion: reduce){.en-demo{animation:none}}.en-demo__card{border:1px solid var(--border-hover);border-radius:var(--radius);background:var(--bg-soft);box-shadow:var(--shadow-card);overflow:hidden}.en-demo__frame{position:relative;aspect-ratio:743 / 324;background:#000}.en-demo__frame img{display:block;width:100%;height:100%;object-fit:cover}.en-demo__badge{position:absolute;top:12px;left:12px;padding:4px 10px;border-radius:999px;background:#0b0d12b8;color:#fff;font-size:12px;font-weight:600;letter-spacing:.02em;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.en-demo__lines{display:grid;gap:4px;padding:14px 14px 6px}.en-demo__line{padding:8px 10px;border-radius:var(--radius-sm)}.en-demo__line.is-current{background:var(--surface-strong)}.en-demo__en{font-size:18px;font-weight:500;line-height:1.55;color:var(--text)}.en-demo__en button{padding:0 2px;margin:0 -2px;border:none;border-radius:5px;background:none;color:inherit;font:inherit;cursor:pointer;text-decoration:underline dotted rgba(107,143,230,.75);text-decoration-thickness:2px;text-underline-offset:4px;transition:background-color .15s ease,color .15s ease}.en-demo__en button:hover{background:#3f6fd82e}.en-demo__en button:focus-visible{outline:2px solid var(--link);outline-offset:2px}.en-demo__en button.is-on{background:#3f6fd852;color:#fff;text-decoration-color:transparent}.en-demo__en button.is-saved{text-decoration:underline solid #5fc59a;text-decoration-thickness:2px;text-underline-offset:4px}.en-demo__tr{margin-top:2px;font-size:14px;color:var(--text-muted)}.en-demo__dict{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 16px;margin:8px 14px 14px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.en-demo__head{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;grid-column:1}.en-demo__word{font-size:22px;font-weight:800;letter-spacing:-.01em}.en-demo__ipa{color:var(--link);font-size:14.5px}.en-demo__mean{grid-column:1;font-size:15.5px;font-weight:600}.en-demo__meta{grid-column:1;color:var(--link);font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.en-demo__save{grid-column:2;grid-row:1 / span 3;display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border:none;border-radius:12px;background:var(--grad);color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer;box-shadow:var(--shadow-pink);transition:transform .15s ease,filter .15s ease}.en-demo__save:hover{filter:brightness(1.08)}.en-demo__save:active{transform:scale(.97)}.en-demo__save svg{width:16px;height:16px}.en-demo__save.is-done{background:#5fc59a29;color:#8ee0bb;box-shadow:none}.en-demo__count{margin-top:14px;font-size:14px;color:var(--text-muted);text-align:center}.en-demo__count b{color:var(--text)}.en-modes{margin-top:72px}.en-titles__lead{max-width:640px}.en-titles{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;position:relative;z-index:1}.en-titles a{display:flex;flex-direction:column;gap:10px;color:inherit}.en-titles a:hover img{border-color:var(--border-hover);transform:translateY(-3px)}.en-titles a:focus-visible{outline:2px solid var(--link);outline-offset:4px;border-radius:14px}.en-titles img{display:block;width:100%;height:auto;aspect-ratio:230 / 325;object-fit:cover;border-radius:14px;border:1px solid var(--border);background:var(--surface);transition:transform .2s ease,border-color .2s ease}.en-titles span{font-size:14px;font-weight:600;line-height:1.3}.en-titles__more{margin-top:26px;text-align:center;font-weight:600}.en-titles__more a{color:var(--link)}.en-titles__more a:hover{text-decoration:underline}@media (max-width: 1024px){.en-hero__kicker{order:1;align-self:flex-start}.en-demo{order:6}.en-titles{grid-template-columns:repeat(3,1fr)}}@media (max-width: 560px){.en-hero__kicker{display:none}.en-demo{order:3}.en-demo .hero__try{display:inline-flex;margin-bottom:12px}.en-demo__en{font-size:16.5px}.en-demo__lines{padding:10px 8px 4px}.en-demo__dict{grid-template-columns:1fr;margin:6px 10px 10px}.en-demo__save{grid-column:1;grid-row:auto;justify-content:center;margin-top:10px}.en-titles{gap:12px}.en-titles span{font-size:13px}.en-modes{margin-top:44px}}