:root{--bg: #0f0d15;--paper: #18151f;--surface: #1e1a27;--surface-2: #272233;--line: rgba(255,255,255,0.08);--line-strong: rgba(255,255,255,0.14);--ink: #f4f2f8;--muted: #b9b4c3;--soft: #8e879c;--brand: #8f5dff;--brand-2: #b29aff;--brand-soft: rgba(143,93,255,0.16);--accent: #28d3df;--coral: #ff6375;--success: #4ed3a0;--warning: #ffd18d;--radius: 20px;--radius-sm: 12px;--shadow: 0 24px 60px rgba(5,3,10,0.45);--ease: cubic-bezier(0.22,1,0.36,1);--container: 1180px;--gutter: clamp(16px,4vw,32px);--header-h: 68px;--font: Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","Helvetica Neue",Arial,sans-serif;color-scheme: dark}:lang(ar){--font: "Noto Sans Arabic","Segoe UI",Tahoma,"Geeza Pro",system-ui,sans-serif}.de,:lang(de),.mini-ui{font-family: Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",Arial,sans-serif}*,*::before,*::after{box-sizing: border-box}html{scroll-behavior: smooth;scroll-padding-top: calc(var(--header-h) + 16px);-webkit-text-size-adjust: 100%}body{margin: 0;background: var(--bg);color: var(--ink);font-family: var(--font);font-size: 1.0625rem;line-height: 1.6;-webkit-font-smoothing: antialiased;overflow-x: clip}:lang(ar) body,body:lang(ar){line-height: 1.8}img{max-width: 100%;height: auto;display: block}a{color: inherit}h1,h2,h3{line-height: 1.15;margin: 0;letter-spacing: -0.02em;text-wrap: balance;overflow-wrap: break-word;hyphens: auto}:lang(uk) h1,:lang(uk) h2,:lang(uk) h3{hyphens: manual}:lang(ar) h1,:lang(ar) h2,:lang(ar) h3{letter-spacing: 0;line-height: 1.35}p{margin: 0}ul,ol{margin: 0;padding: 0;list-style: none}button{font: inherit;color: inherit}q{quotes: "„" "“"}[hidden]{display: none !important}.sprite{position: absolute;width: 0;height: 0;overflow: hidden}.icon{width: 1.15em;height: 1.15em;flex: none;fill: none;stroke: currentColor;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round;vertical-align: -0.18em}[dir="rtl"] .icon-dir{transform: scaleX(-1)}.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}.de{unicode-bidi: isolate}.container{width: 100%;max-width: calc(var(--container) + 2 * var(--gutter));margin-inline: auto;padding-inline: var(--gutter)}:focus-visible{outline: 3px solid var(--accent);outline-offset: 3px;border-radius: 8px}.skip-link{position: fixed;inset-block-start: 12px;inset-inline-start: 12px;z-index: 100;padding: 10px 16px;border-radius: 10px;background: var(--ink);color: var(--bg);font-weight: 700;text-decoration: none;transform: translateY(-160%);transition: transform 0.2s var(--ease)}.skip-link:focus{transform: none}main:focus{outline: none}.btn{--btn-bg: var(--surface-2);position: relative;display: inline-flex;align-items: center;justify-content: center;gap: 0.55em;min-height: 48px;padding: 0.7em 1.35em;border-radius: 999px;border: 1px solid transparent;background: var(--btn-bg);color: var(--ink);font-weight: 650;font-size: 1rem;line-height: 1.2;text-decoration: none;cursor: pointer;overflow: hidden;isolation: isolate;transition: transform 0.25s var(--ease),box-shadow 0.25s var(--ease),background-color 0.25s,border-color 0.25s}.btn:active{transform: scale(0.97)}.btn-primary{color: #fff;background: linear-gradient(135deg,#7c4dff 0%,#6d3ff0 45%,#5b2fe0 100%);box-shadow: 0 10px 30px -8px rgba(143,93,255,0.65),inset 0 1px 0 rgba(255,255,255,0.22)}.btn-primary::after{content: "";position: absolute;inset: 0;z-index: -1;background: linear-gradient(110deg,transparent 30%,rgba(255,255,255,0.35) 50%,transparent 70%);transform: translateX(-120%);transition: transform 0.7s var(--ease)}.btn-primary:hover{transform: translateY(-2px);box-shadow: 0 16px 40px -10px rgba(143,93,255,0.8),inset 0 1px 0 rgba(255,255,255,0.25)}.btn-primary:hover::after{transform: translateX(120%)}.btn-ghost{background: rgba(255,255,255,0.04);border-color: var(--line-strong)}.btn-ghost:hover{background: rgba(255,255,255,0.08);border-color: rgba(178,154,255,0.5);transform: translateY(-2px)}.btn-sm{min-height: 44px;padding: 0.5em 1.05em;font-size: 0.9375rem}.btn-lg{min-height: 54px;padding: 0.85em 1.6em;font-size: 1.0625rem}.btn .icon{transition: transform 0.25s var(--ease)}.btn:hover .icon-dir{transform: translateX(3px)}[dir="rtl"] .btn:hover .icon-dir{transform: scaleX(-1) translateX(3px)}.site-header{position: sticky;top: 0;z-index: 50;height: var(--header-h);border-block-end: 1px solid transparent;transition: background-color 0.3s,border-color 0.3s,backdrop-filter 0.3s}.site-header.is-scrolled,.site-header.is-open{background: rgba(15,13,21,0.78);border-block-end-color: var(--line);-webkit-backdrop-filter: saturate(160%) blur(14px);backdrop-filter: saturate(160%) blur(14px)}.header-inner{height: 100%;display: flex;align-items: center;gap: 24px}.brand{display: inline-flex;align-items: center;min-height: 44px;gap: 10px;text-decoration: none;font-weight: 750;font-size: 1.05rem;letter-spacing: -0.01em;white-space: nowrap}.brand-logo{width: 36px;height: 36px;border-radius: 10px;box-shadow: 0 6px 18px -6px rgba(143,93,255,0.8);transition: transform 0.45s var(--ease)}.brand:hover .brand-logo{transform: rotate(-8deg) scale(1.06)}.brand-name{font-weight: 800;font-size: 1.12rem;letter-spacing: -0.02em}.brand-ready{background: linear-gradient(100deg,var(--brand-2),var(--accent));-webkit-background-clip: text;background-clip: text;color: transparent}.primary-nav{flex: 1;display: flex;align-items: center;justify-content: space-between;gap: 24px}.nav-links{display: flex;gap: 6px}.nav-links a,.nav-login{position: relative;display: inline-flex;align-items: center;min-height: 44px;padding: 0 12px;color: var(--muted);text-decoration: none;font-weight: 550;font-size: 0.95rem;border-radius: 10px;transition: color 0.2s}.nav-links a::after{content: "";position: absolute;inset-inline: 12px;inset-block-end: 6px;height: 2px;border-radius: 2px;background: linear-gradient(90deg,var(--brand-2),var(--accent));transform: scaleX(0);transition: transform 0.3s var(--ease)}.nav-links a:hover,.nav-links a.is-active,.nav-login:hover{color: var(--ink)}.nav-links a:hover::after,.nav-links a.is-active::after{transform: scaleX(1)}.nav-actions{display: flex;align-items: center;gap: 8px}.lang-switch{position: relative}.lang-switch summary{display: inline-flex;align-items: center;gap: 6px;min-height: 44px;padding: 0 12px;border-radius: 10px;color: var(--muted);font-size: 0.95rem;font-weight: 550;cursor: pointer;list-style: none}.lang-switch summary::-webkit-details-marker{display: none}.lang-switch summary:hover,.lang-switch[open] summary{color: var(--ink);background: rgba(255,255,255,0.05)}.lang-menu{position: absolute;inset-block-start: calc(100% + 8px);inset-inline-end: 0;min-width: 190px;padding: 6px;background: var(--surface);border: 1px solid var(--line-strong);border-radius: 14px;box-shadow: var(--shadow);animation: pop 0.22s var(--ease)}.lang-menu a{display: flex;align-items: center;min-height: 44px;padding: 0 12px;border-radius: 10px;text-decoration: none;color: var(--muted)}.lang-menu a:hover{background: rgba(255,255,255,0.06);color: var(--ink)}.lang-menu a[aria-current="page"]{color: var(--ink);background: var(--brand-soft);font-weight: 650}.nav-toggle{margin-inline-start: auto;display: none;width: 46px;height: 46px;place-items: center;border-radius: 12px;border: 1px solid var(--line-strong);background: rgba(255,255,255,0.04);cursor: pointer}.nav-toggle .icon{width: 22px;height: 22px}.nav-toggle .icon-close,.nav-toggle[aria-expanded="true"] .icon-open{display: none}.nav-toggle[aria-expanded="true"] .icon-close{display: block}.hero{position: relative;padding-block: clamp(32px,6vw,88px) clamp(24px,4vw,56px);overflow: clip;margin-block-start: calc(-1 * var(--header-h));padding-block-start: calc(var(--header-h) + clamp(28px,5vw,72px))}.hero-aurora{position: absolute;inset: -20% -10% auto;height: 120%;pointer-events: none;filter: blur(70px);opacity: 0.75}.hero-aurora span{position: absolute;border-radius: 50%;mix-blend-mode: screen;animation: drift 18s ease-in-out infinite alternate}.hero-aurora span:nth-child(1){width: 48vw;height: 48vw;max-width: 640px;max-height: 640px;background: radial-gradient(circle,rgba(143,93,255,0.55),transparent 65%);inset-inline-end: 4%;top: 6%}.hero-aurora span:nth-child(2){width: 36vw;height: 36vw;max-width: 480px;max-height: 480px;background: radial-gradient(circle,rgba(40,211,223,0.32),transparent 65%);inset-inline-end: 28%;top: 30%;animation-duration: 22s;animation-delay: -6s}.hero-aurora span:nth-child(3){width: 30vw;height: 30vw;max-width: 420px;max-height: 420px;background: radial-gradient(circle,rgba(255,99,117,0.22),transparent 65%);inset-inline-start: -4%;top: 0;animation-duration: 26s;animation-delay: -12s}.hero-grid-bg{position: absolute;inset: 0;pointer-events: none;opacity: 0.35;background-image: linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size: 56px 56px;-webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 30%,#000 20%,transparent 75%);mask-image: radial-gradient(ellipse 70% 60% at 50% 30%,#000 20%,transparent 75%)}.hero-inner{position: relative;display: grid;grid-template-columns: minmax(0,1.05fr) minmax(0,0.95fr);gap: clamp(32px,5vw,72px);align-items: center}.eyebrow-pill{display: inline-flex;align-items: center;gap: 10px;padding: 7px 14px 7px 12px;border-radius: 999px;background: rgba(255,255,255,0.05);border: 1px solid var(--line-strong);color: var(--muted);font-size: 0.875rem;font-weight: 600}.pulse-dot{position: relative;width: 8px;height: 8px;border-radius: 50%;background: var(--success);flex: none}.pulse-dot::after{content: "";position: absolute;inset: 0;border-radius: 50%;background: var(--success);animation: ping 2.4s var(--ease) infinite}.hero-title{margin-block: 22px 20px;font-size: clamp(2.2rem,4.9vw,3.65rem);font-weight: 800;letter-spacing: -0.035em}:lang(ar) .hero-title{letter-spacing: 0;font-size: clamp(2rem,4.6vw,3.5rem)}:lang(uk) .hero-title{font-size: clamp(2.1rem,4.9vw,3.7rem)}.hero-title .line{display: block}.gradient-text{background: linear-gradient(100deg,var(--brand-2) 0%,#d7c9ff 30%,var(--accent) 70%,var(--brand-2) 100%);background-size: 200% auto;-webkit-background-clip: text;background-clip: text;color: transparent;animation: shimmer 8s linear infinite;padding-block-end: 0.08em}.hero-sub{max-width: 36em;color: var(--muted);font-size: clamp(1.05rem,1.6vw,1.2rem)}.hero-ctas{display: flex;flex-wrap: wrap;gap: 12px;margin-block-start: 30px}.german-note{margin-block-start: 14px;color: var(--soft);font-size: 0.9rem}.hero-points{display: flex;flex-wrap: wrap;gap: 10px 22px;margin-block-start: 28px;color: var(--muted);font-size: 0.95rem}.hero-points li{display: inline-flex;align-items: center;gap: 8px}.icon-check{color: var(--success)}.hero-visual{position: relative;aspect-ratio: 1 / 0.9;max-width: 560px;justify-self: center;width: 100%}.hero-orb{position: absolute;inset: 8% 6% 0;border-radius: 50%;background: radial-gradient(circle at 50% 40%,rgba(178,154,255,0.45),rgba(143,93,255,0.18) 45%,transparent 70%);transform: translate3d(calc(var(--px,0) * -10px),calc(var(--py,0) * -10px),0)}.hero-ring{position: absolute;inset: 4% 8% 8%;border-radius: 50%;border: 1px dashed rgba(178,154,255,0.28);animation: spin 60s linear infinite}.hero-photo{position: absolute;inset: 6% 2% 0;display: flex;align-items: flex-end;justify-content: center;-webkit-mask-image: linear-gradient(to bottom,#000 74%,transparent 99%),linear-gradient(to right,transparent 0,#000 9%,#000 91%,transparent 100%);-webkit-mask-composite: source-in;mask-image: linear-gradient(to bottom,#000 74%,transparent 99%),linear-gradient(to right,transparent 0,#000 9%,#000 91%,transparent 100%);mask-composite: intersect;transform: translate3d(calc(var(--px,0) * 6px),calc(var(--py,0) * 6px),0);transition: transform 0.4s var(--ease)}.hero-photo img{width: 100%;max-height: 100%;object-fit: contain;object-position: bottom;filter: drop-shadow(0 30px 40px rgba(0,0,0,0.45))}.hero-chips{position: absolute;inset: 0;pointer-events: none}.hero-badge{position: absolute;z-index: 2;bottom: 3%;left: 2%}.chip{position: absolute;display: inline-flex;align-items: center;gap: 10px;padding: 10px 14px 10px 10px;border-radius: 14px;background: rgba(30,26,39,0.82);border: 1px solid var(--line-strong);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);box-shadow: var(--shadow);font-size: 0.875rem;font-weight: 600;white-space: nowrap;color: var(--ink);animation: float 6s ease-in-out infinite}.chip-1{left: -5%;top: 62%}.chip-2{right: -3%;top: 4%;animation-delay: -2s}.chip-3{right: 3%;bottom: 7%;animation-delay: -4s}.chip-icon{display: grid;place-items: center;width: 30px;height: 30px;border-radius: 9px}.chip-icon .icon{width: 17px;height: 17px}.chip-icon-check{background: rgba(78,211,160,0.16);color: var(--success)}.chip-icon-swap{background: rgba(40,211,223,0.16);color: var(--accent)}.chip-icon-clock{background: rgba(178,154,255,0.18);color: var(--brand-2)}.section{position: relative;padding-block: clamp(56px,7vw,96px)}.section-head{max-width: 760px;margin-inline: auto;text-align: center;margin-block-end: clamp(32px,5vw,56px)}.section-head-start{text-align: start;margin-inline: 0}.kicker{display: inline-flex;align-items: center;gap: 8px;margin-block-end: 14px;color: var(--brand-2);font-size: 0.8125rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase}:lang(ar) .kicker,:lang(uk) .kicker{letter-spacing: 0.02em}h2{font-size: clamp(1.9rem,3.6vw,2.9rem);font-weight: 780}.lead{margin-block-start: 16px;color: var(--muted);font-size: clamp(1.02rem,1.4vw,1.15rem)}.badge{display: inline-flex;align-items: center;gap: 6px;padding: 4px 10px;border-radius: 999px;background: rgba(255,209,141,0.12);color: var(--warning);border: 1px solid rgba(255,209,141,0.3);font-size: 0.75rem;font-weight: 700;letter-spacing: 0.04em;text-transform: uppercase}:lang(ar) .badge,:lang(uk) .badge{letter-spacing: 0}.note{margin-block-start: 28px;text-align: center;color: var(--soft);font-size: 0.9rem}.spot{position: relative;isolation: isolate}.spot::before{content: "";position: absolute;inset: 0;z-index: -1;border-radius: inherit;opacity: 0;transition: opacity 0.35s;background: radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(143,93,255,0.16),transparent 45%)}.spot:hover::before{opacity: 1}.try{background: linear-gradient(180deg,transparent,rgba(143,93,255,0.05) 30%,transparent)}.listen{max-width: 1080px;margin-inline: auto}.stepper{display: flex;justify-content: center;gap: 12px;margin-block-end: 22px;flex-wrap: wrap}.stepper li{display: inline-flex;align-items: center;gap: 10px;padding: 6px 16px 6px 6px;border-radius: 999px;background: rgba(255,255,255,0.04);border: 1px solid var(--line);color: var(--soft);font-weight: 650;font-size: 0.92rem;transition: color 0.3s,border-color 0.3s,background-color 0.3s}[dir="rtl"] .stepper li{padding: 6px 6px 6px 16px}.stepper-num{display: grid;place-items: center;width: 30px;height: 30px;border-radius: 50%;background: rgba(255,255,255,0.07);font-size: 0.85rem;color: var(--muted)}.stepper-num b{font-weight: 800}.stepper-check{display: none;width: 16px;height: 16px;stroke-width: 3}.stepper li.is-current{color: var(--ink);border-color: rgba(178,154,255,0.5);background: var(--brand-soft)}.stepper li.is-current .stepper-num{background: #6d3ff0;color: #fff}.stepper li.is-done{color: var(--muted)}.stepper li.is-done .stepper-num{background: var(--success);color: #062a1d}.stepper li.is-done .stepper-num b{display: none}.stepper li.is-done .stepper-check{display: block}.listen-step + .listen-step{margin-block-start: 28px}.js .listen-step.is-entering{animation: rise 0.6s var(--ease)}.challenge-head{text-align: center;margin-block-end: 18px}.challenge-head h3{font-size: clamp(1.4rem,2.6vw,1.8rem);margin-block: 10px 6px}.challenge-head h3:focus{outline: none}.challenge-head p{color: var(--muted);max-width: 38em;margin-inline: auto}.badge-hot{background: rgba(255,99,117,0.14);color: #ff8f9c;border-color: rgba(255,99,117,0.35)}.listen-grid{display: grid;grid-template-columns: minmax(0,0.9fr) minmax(0,1.1fr);gap: clamp(18px,3vw,28px);align-items: start}.voice-card,.quiz{background: linear-gradient(180deg,rgba(255,255,255,0.045),rgba(255,255,255,0.02));border: 1px solid var(--line);border-radius: var(--radius)}.voice-card{padding: clamp(20px,3vw,28px);position: sticky;top: calc(var(--header-h) + 20px)}.case-label{display: inline-flex;align-items: center;gap: 8px;color: var(--soft);font-size: 0.85rem;font-weight: 650}.case-label .icon{color: var(--warning)}.speaker{display: flex;align-items: center;gap: 12px;margin-block: 16px 18px;font-weight: 700;font-size: 1.05rem}.avatar{display: grid;place-items: center;width: 44px;height: 44px;border-radius: 50%;flex: none;background: linear-gradient(135deg,#d9c8ff,#a98aff);color: #2a1a52;font-weight: 800}.avatar-thorsten{background: linear-gradient(135deg,#ffd18d,#ff8f6b);color: #3a1606}.player{display: grid;grid-template-columns: auto minmax(0,1fr);grid-template-areas: "play wave" "play meta";gap: 8px 16px;align-items: center;padding: 16px;border-radius: 18px;background: rgba(15,13,21,0.6);border: 1px solid var(--line-strong)}.player audio{grid-column: 1 / -1;width: 100%}.js .player audio{display: none}.play-btn{grid-area: play;position: relative;display: grid;place-items: center;width: 64px;height: 64px;border-radius: 50%;border: 0;cursor: pointer;color: #fff;background: linear-gradient(135deg,#7c4dff,#5b2fe0);box-shadow: 0 12px 30px -10px rgba(143,93,255,0.9);transition: transform 0.25s var(--ease),box-shadow 0.25s}.play-btn:hover{transform: scale(1.06)}.play-btn:active{transform: scale(0.96)}.play-btn .icon{position: relative;width: 26px;height: 26px}.play-btn .icon-pause,.player.is-playing .play-btn .icon-play{display: none}.player.is-playing .play-btn .icon-pause{display: block}.play-ripple,.play-ripple::before{position: absolute;inset: 0;border-radius: 50%;border: 2px solid rgba(178,154,255,0.6);opacity: 0;pointer-events: none}.play-ripple::before{content: "";inset: -2px}.player.is-playing .play-ripple{animation: ripple 1.8s var(--ease) infinite}.player.is-playing .play-ripple::before{animation: ripple 1.8s var(--ease) 0.6s infinite}.player:not(.is-started) .play-btn{animation: nudge 2.6s var(--ease) 1.2s infinite}.wave{grid-area: wave;min-width: 0;display: flex;align-items: center;gap: 3px;height: 58px;cursor: pointer;border-radius: 10px;touch-action: none}.wave .bar{flex: 1 1 0;min-width: 1px;height: 20%;border-radius: 3px;background: rgba(255,255,255,0.36);transform-origin: center;transition: background-color 0.25s,transform 0.08s linear}.wave .bar.is-played{background: linear-gradient(180deg,var(--accent),var(--brand-2))}.player.is-playing .wave .bar.is-head{background: #fff}.player.is-fallback.is-playing .wave .bar{animation: wiggle 0.9s ease-in-out infinite alternate}.player.is-fallback.is-playing .wave .bar:nth-child(3n){animation-delay: -0.3s}.player.is-fallback.is-playing .wave .bar:nth-child(3n + 1){animation-delay: -0.6s}.player-meta{grid-area: meta;display: flex;align-items: center;justify-content: space-between;gap: 10px;color: var(--muted);font-size: 0.85rem;font-variant-numeric: tabular-nums}.speed{min-height: 34px;padding: 0 12px;border-radius: 999px;border: 1px solid var(--line-strong);background: rgba(255,255,255,0.04);color: var(--muted);font-weight: 700;font-size: 0.82rem;cursor: pointer;transition: color 0.2s,background-color 0.2s,border-color 0.2s}.speed:hover{color: var(--ink)}.speed[aria-pressed="true"]{color: var(--ink);background: var(--brand-soft);border-color: rgba(178,154,255,0.55)}.task-box{padding: 16px 18px;border-radius: var(--radius-sm);background: var(--brand-soft);border: 1px solid rgba(178,154,255,0.25);margin-block-end: 14px}.task-label{color: var(--brand-2);font-size: 0.8rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.06em}:lang(ar) .task-label{letter-spacing: 0}.task-text{margin-block-start: 6px;font-weight: 700;font-size: 1.12rem}.task-translation{margin-block-start: 6px;color: var(--muted);font-size: 0.92rem}.quiz{padding: clamp(18px,2.6vw,28px)}.quiz fieldset{border: 0;margin: 0;padding: 0;display: grid;gap: 10px}.option{position: relative;display: flex;align-items: center;gap: 14px;min-height: 58px;padding: 12px 16px;border-radius: 16px;border: 1px solid var(--line-strong);background: rgba(255,255,255,0.03);cursor: pointer;transition: border-color 0.25s,background-color 0.25s,transform 0.25s var(--ease),box-shadow 0.25s}.option:hover{border-color: rgba(178,154,255,0.45);transform: translateY(-1px)}.option input{position: absolute;opacity: 0;pointer-events: none}.option-key{display: grid;place-items: center;width: 34px;height: 34px;border-radius: 10px;flex: none;background: rgba(255,255,255,0.06);border: 1px solid var(--line-strong);font-weight: 750;font-size: 0.9rem;transition: background-color 0.25s,color 0.25s,border-color 0.25s}.option-text{flex: 1;font-weight: 600}.option-state{display: grid;place-items: center;width: 26px;height: 26px;flex: none}.option-state .icon{display: none;width: 22px;height: 22px;stroke-width: 2.6}.option:has(input:checked){border-color: var(--brand-2);background: rgba(143,93,255,0.12);box-shadow: 0 0 0 3px rgba(143,93,255,0.18)}.option:has(input:checked) .option-key{background: #6d3ff0;border-color: #6d3ff0;color: #fff}.option:has(input:focus-visible){outline: 3px solid var(--accent);outline-offset: 3px}.quiz.is-checked .option{cursor: default;transform: none}.quiz.is-checked .option[data-correct]{border-color: rgba(78,211,160,0.7);background: rgba(78,211,160,0.1);box-shadow: none}.quiz.is-checked .option[data-correct] .option-key{background: var(--success);border-color: var(--success);color: #062a1d}.quiz.is-checked .option[data-correct] .state-ok{display: block;color: var(--success);stroke-dasharray: 24;stroke-dashoffset: 24;animation: draw 0.5s 0.15s var(--ease) forwards}.quiz.is-checked .option.is-wrong{border-color: rgba(255,99,117,0.7);background: rgba(255,99,117,0.08);box-shadow: none;animation: shake 0.45s var(--ease)}.quiz.is-checked .option.is-wrong .option-key{background: var(--coral);border-color: var(--coral);color: #2b0710}.quiz.is-checked .option.is-wrong .state-no{display: block;color: var(--coral)}.quiz.is-checked .option:not([data-correct]):not(.is-wrong){opacity: 0.55}.quiz-hint{min-height: 1.4em;margin-block: 10px 4px;color: var(--warning);font-size: 0.92rem}.quiz-actions{display: flex;flex-wrap: wrap;gap: 10px}.solution{margin-block-start: 12px}.solution>summary{list-style: none}.solution>summary::-webkit-details-marker{display: none}.js .solution>summary{display: none}.solution-body{display: grid;gap: 14px;margin-block-start: 14px}.solution-body:focus{outline: none}.solution[open] .solution-body{animation: rise 0.5s var(--ease)}.result-title{font-size: 1.15rem;font-weight: 750}.result-title.is-correct{color: var(--success)}.result-title.is-wrong{color: #ff8f9c}.option-feedback{display: grid;gap: 8px}.option-feedback li{display: flex;gap: 12px;padding: 10px 12px;border-radius: 12px;color: var(--muted);font-size: 0.95rem;background: rgba(255,255,255,0.025)}.option-feedback li.is-best{color: var(--ink);background: rgba(78,211,160,0.08)}.option-feedback li.is-chosen:not(.is-best){color: var(--ink);background: rgba(255,99,117,0.08)}.fb-key{display: grid;place-items: center;width: 26px;height: 26px;border-radius: 8px;flex: none;background: rgba(255,255,255,0.06);font-weight: 750;font-size: 0.8rem}.is-best .fb-key{background: var(--success);color: #062a1d}.transcript{border: 1px solid var(--line);border-radius: 14px;background: rgba(15,13,21,0.45)}.transcript>summary{display: flex;align-items: center;gap: 8px;min-height: 48px;padding: 10px 14px;cursor: pointer;font-weight: 650;color: var(--brand-2);list-style: none}.transcript>summary::-webkit-details-marker{display: none}.transcript-body{display: grid;gap: 8px;padding: 0 16px 16px;color: var(--muted)}.transcript mark{background: rgba(255,209,141,0.18);color: var(--warning);border-radius: 4px;padding: 0 3px}.dialect-table{width: calc(100% - 24px);margin: 0 12px 12px;border-collapse: collapse;font-size: 0.92rem}.dialect-table th{text-align: start;color: var(--soft);font-size: 0.78rem;text-transform: uppercase;letter-spacing: 0.05em;padding: 6px 8px}.dialect-table td{vertical-align: top;padding: 8px;border-block-start: 1px solid var(--line)}.dialect-table td:first-child{color: var(--ink);font-weight: 600;width: 50%}.dialect-table td:last-child{color: var(--muted)}.glossary-title{padding-inline: 16px;color: var(--soft);font-size: 0.82rem;font-weight: 700}.glossary{display: flex;flex-wrap: wrap;gap: 8px;padding: 8px 16px 16px}.glossary li{display: inline-flex;align-items: center;gap: 6px;padding: 5px 12px;border-radius: 999px;background: rgba(255,255,255,0.05);border: 1px solid var(--line-strong);font-size: 0.88rem;color: var(--muted)}.glossary li b{color: var(--warning)}.glossary .icon{width: 0.9em;height: 0.9em;color: var(--soft)}.next-box,.final-box{padding: 18px 20px;border-radius: 18px;display: grid;gap: 10px;justify-items: start;background: linear-gradient(160deg,rgba(143,93,255,0.18),rgba(40,211,223,0.06));border: 1px solid rgba(178,154,255,0.3)}.next-q,.final-title{font-size: 1.15rem;font-weight: 750;color: var(--ink)}.next-box p:not(.next-q),.final-score{color: var(--muted)}.next-alt{margin-block-start: 4px}.next-actions{display: flex;flex-wrap: wrap;gap: 10px}.js .next-box,.js .final-box{display: none}.js .solution-body.show-correct .next-correct,.js .solution-body.show-wrong .next-wrong,.js .solution-body .final-box.is-on{display: grid}html:not(.js) .next-wrong,html:not(.js) .final-box,html:not(.js) .speed,html:not(.js) .stepper{display: none}.wants{padding: 14px 16px;border-radius: 14px;background: rgba(255,209,141,0.07);border: 1px solid rgba(255,209,141,0.22);color: var(--muted)}.final-score{font-size: 1rem}.listen-disclaimer{margin-block-start: 18px;text-align: center}.fb-disclaimer{color: var(--soft);font-size: 0.85rem}.tablist{position: relative;display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 6px;padding: 6px;margin-inline: auto;margin-block-end: 22px;max-width: 760px;border-radius: 18px;background: rgba(255,255,255,0.04);border: 1px solid var(--line)}.tablist[hidden]{display: none}.tab-indicator{position: absolute;inset-block: 6px;inset-inline-start: 0;width: 0;border-radius: 13px;background: linear-gradient(135deg,rgba(143,93,255,0.5),rgba(111,61,255,0.4));border: 1px solid rgba(178,154,255,0.45);box-shadow: 0 8px 24px -10px rgba(143,93,255,0.8);transition: transform 0.45s var(--ease),width 0.45s var(--ease)}.tab{position: relative;z-index: 1;display: flex;align-items: center;justify-content: center;gap: 10px;min-height: 52px;padding: 8px 12px;border: 0;border-radius: 13px;background: none;color: var(--muted);font-weight: 650;cursor: pointer;transition: color 0.25s}.tab[aria-selected="true"]{color: var(--ink)}.tab:hover{color: var(--ink)}.tab-num{font-size: 0.78rem;font-weight: 800;color: var(--brand-2)}.tab[aria-selected="true"] .tab-num{color: #e4dbff}.tab-text{max-width: 100%;hyphens: auto;overflow-wrap: anywhere}.panel{display: grid;grid-template-columns: minmax(0,1.05fr) minmax(0,0.95fr);gap: clamp(20px,4vw,48px);align-items: center;padding: clamp(22px,3.5vw,44px);overflow: hidden}.panel + .panel{margin-block-start: 18px}.js .tabs.is-ready .panel + .panel{margin-block-start: 0}.panel[hidden]{display: none}.tabs.is-ready .panel:not([hidden]){animation: panelIn 0.5s var(--ease)}.panel-step{color: var(--brand-2);font-weight: 700;font-size: 0.85rem}.panel h3{margin-block: 8px 12px;font-size: clamp(1.5rem,2.6vw,2rem)}.panel-lead{color: var(--muted)}.panel-list{display: grid;gap: 10px;margin-block: 20px}.panel-list li{display: flex;gap: 10px;align-items: flex-start}.panel-list .icon{margin-block-start: 0.25em}.example-box{padding: 16px 18px;border-radius: 14px;background: rgba(15,13,21,0.6);border: 1px solid var(--line-strong)}.example-label{color: var(--accent);font-size: 0.78rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.06em;margin-block-end: 6px}:lang(ar) .example-label{letter-spacing: 0}.letter-before{color: var(--muted)}.letter-arrow{color: var(--brand-2);margin-block: 4px}.letter-after{font-weight: 600}.text-link{display: inline-flex;flex-wrap: wrap;align-items: center;gap: 8px;margin-block-start: 20px;color: var(--brand-2);font-weight: 700;text-decoration: none;min-height: 44px}.text-link:hover{color: #d7c9ff}.text-link:hover .icon-dir{transform: translateX(3px)}[dir="rtl"] .text-link:hover .icon-dir{transform: scaleX(-1) translateX(3px)}.text-link .icon{transition: transform 0.25s var(--ease)}.text-link-note{color: var(--soft);font-weight: 500;font-size: 0.85rem}.panel-visual{position: relative;display: grid;place-items: end center;min-height: 260px}.panel-glow{position: absolute;inset: 10% 6% 0;border-radius: 50%;background: radial-gradient(circle,rgba(143,93,255,0.35),transparent 65%);filter: blur(10px)}.panel-visual picture{position: relative}.panel-visual img{filter: drop-shadow(0 24px 30px rgba(0,0,0,0.45));-webkit-mask-image: linear-gradient(to bottom,#000 82%,transparent),linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%);-webkit-mask-composite: source-in;mask-image: linear-gradient(to bottom,#000 82%,transparent),linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%);mask-composite: intersect}.term-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 14px;perspective: 1200px}.term-card{position: relative;display: block;width: 100%;height: 132px;padding: 0;border: 0;border-radius: 18px;background: none;cursor: pointer;transform-style: preserve-3d;transition: transform 0.6s var(--ease)}.term-card[aria-pressed="true"]{transform: rotateY(180deg)}.term-face{position: absolute;inset: 0;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;gap: 6px;padding: 20px 22px;border-radius: 18px;border: 1px solid var(--line-strong);text-align: start;-webkit-backface-visibility: hidden;backface-visibility: hidden}.term-front{background: linear-gradient(160deg,rgba(255,255,255,0.06),rgba(255,255,255,0.02))}.term-back{background: linear-gradient(160deg,rgba(143,93,255,0.3),rgba(40,211,223,0.12));border-color: rgba(178,154,255,0.45);transform: rotateY(180deg)}.term-kind{color: var(--soft);font-size: 0.78rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.06em}:lang(ar) .term-kind{letter-spacing: 0}.term-back .term-kind{color: var(--brand-2)}.term-word{font-size: 1.3rem;font-weight: 750;max-width: 100%;hyphens: auto;overflow-wrap: anywhere}.term-flip-hint{position: absolute;inset-block-start: 14px;inset-inline-end: 14px;color: var(--soft);transition: transform 0.4s var(--ease),color 0.3s}.term-card:hover .term-flip-hint{color: var(--brand-2);transform: rotate(180deg)}.term-card[aria-pressed="true"] .term-flip-hint{opacity: 0}.term-card:hover .term-front{border-color: rgba(178,154,255,0.45)}.terms-all{margin-block-start: 20px;text-align: center}html:not(.js) .term-card{height: auto;transform: none;cursor: default}html:not(.js) .term-face{position: static;transform: none;visibility: visible}html:not(.js) .term-front{border-end-start-radius: 0;border-end-end-radius: 0;border-block-end: 0}html:not(.js) .term-back{border-start-start-radius: 0;border-start-end-radius: 0}html:not(.js) .term-flip-hint{display: none}html:not(.js) .site-header{background: rgba(15,13,21,0.92);border-block-end-color: var(--line)}.steps{position: relative;display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 16px;counter-reset: step}.steps::before{content: "";position: absolute;inset-block-start: 46px;inset-inline: 12%;height: 2px;border-radius: 2px;background: linear-gradient(90deg,var(--brand),var(--accent));transform: scaleX(var(--progress,1));transform-origin: left center;transition: transform 1.4s var(--ease);opacity: 0.6}[dir="rtl"] .steps::before{transform-origin: right center}.step{position: relative;padding: 24px 20px 20px;display: flex;flex-direction: column;gap: 10px}.step-num{position: relative;z-index: 1;display: grid;place-items: center;width: 44px;height: 44px;border-radius: 14px;margin-block-end: 6px;background: linear-gradient(135deg,#7c4dff,#5b2fe0);color: #fff;font-weight: 800;box-shadow: 0 8px 20px -8px rgba(143,93,255,0.9)}.step h3{font-size: 1.12rem}.step p{color: var(--muted);font-size: 0.95rem}.mini-ui{margin-block-start: auto;padding-block-start: 12px;display: flex;flex-wrap: wrap;gap: 6px;font-size: 0.8rem}.mini-pill{padding: 5px 10px;border-radius: 999px;background: rgba(255,255,255,0.05);border: 1px solid var(--line);color: var(--muted)}.mini-pill.is-active{background: var(--brand-soft);border-color: rgba(178,154,255,0.5);color: var(--ink)}.mini-input{align-items: center;flex-wrap: nowrap}.mini-field{flex: 1;min-width: 0;padding: 8px 10px;border-radius: 10px;background: rgba(15,13,21,0.6);border: 1px solid var(--line-strong);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.caret{display: inline-block;width: 2px;height: 1em;margin-inline-start: 2px;vertical-align: -0.15em;background: var(--accent);animation: blink 1s steps(2) infinite}.mini-mic{display: grid;place-items: center;width: 34px;height: 34px;border-radius: 10px;background: rgba(255,99,117,0.15);color: var(--coral);flex: none}.mini-compare{flex-direction: column;gap: 6px}.mini-row{display: flex;align-items: center;gap: 8px;padding: 5px 10px;border-radius: 8px;background: rgba(255,255,255,0.03)}.mini-row.ok .icon{color: var(--success)}.mini-row.no .icon{color: var(--coral)}.mini-due{align-items: center;gap: 8px;padding: 8px 12px;border-radius: 10px;background: rgba(40,211,223,0.08);border: 1px solid rgba(40,211,223,0.25);color: var(--muted);margin-block-start: auto}.mini-due .icon{color: var(--accent)}.mini-due strong{color: var(--ink);margin-inline-start: auto}.benefits-grid{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,0.9fr);gap: clamp(28px,5vw,64px);align-items: center}.benefit-list{display: grid;gap: 12px}.benefit{display: flex;gap: 16px;padding: 18px 20px;align-items: flex-start;transition: transform 0.3s var(--ease),border-color 0.3s}.benefit:hover{transform: translateX(4px);border-color: rgba(178,154,255,0.35)}[dir="rtl"] .benefit:hover{transform: translateX(-4px)}.benefit-icon,.trust-icon{display: grid;place-items: center;width: 44px;height: 44px;border-radius: 13px;flex: none;background: var(--brand-soft);color: var(--brand-2);border: 1px solid rgba(178,154,255,0.25)}.benefit h3{font-size: 1.05rem}.benefit p{color: var(--muted);font-size: 0.95rem;margin-block-start: 2px}.preview{position: relative;margin: 0}.preview-badge{position: absolute;inset-block-start: -12px;inset-inline-end: 20px;z-index: 2}.preview-card{padding: 26px;box-shadow: var(--shadow);background: linear-gradient(180deg,#221d2e,#1a1624);border-color: var(--line-strong)}.preview-title{font-weight: 750;font-size: 1.1rem;margin-block-end: 18px}.preview-top{display: flex;gap: 22px;align-items: center}.ring-wrap{display: flex;flex-direction: column;align-items: center;gap: 8px;flex: none}.ring{position: relative;width: 132px;height: 132px;flex: none}.ring-caption{color: var(--muted);font-size: 0.82rem;font-weight: 600;white-space: nowrap}.ring svg{width: 100%;height: 100%;transform: rotate(-90deg)}.ring circle{fill: none;stroke-width: 10;stroke-linecap: round}.ring-track{stroke: rgba(255,255,255,0.07)}.ring-fill{stroke: var(--brand-2);stroke-dasharray: 100;stroke-dashoffset: 28;transition: stroke-dashoffset 1.6s var(--ease)}.preview.is-pending .ring-fill{stroke-dashoffset: 100}.ring-value{position: absolute;inset: 0;display: grid;place-content: center;text-align: center}.ring-value strong{font-size: 2rem;line-height: 1}.ring-value small{color: var(--muted);font-size: 0.8rem}.preview-stats{flex: 1;display: grid;gap: 10px;margin: 0}.preview-stats div{display: flex;justify-content: space-between;gap: 10px;padding: 8px 12px;border-radius: 10px;background: rgba(255,255,255,0.04)}.preview-stats dt{color: var(--muted);font-size: 0.86rem}.preview-stats dd{margin: 0;font-weight: 750}.bars{display: grid;grid-template-columns: repeat(7,1fr);gap: 8px;align-items: end;height: 110px;margin-block-start: 22px}.bar{display: flex;flex-direction: column;align-items: center;gap: 6px;height: 100%;justify-content: flex-end}.bar i{display: block;width: 100%;max-width: 30px;border-radius: 8px 8px 4px 4px;background: linear-gradient(180deg,var(--accent),var(--brand));transform-origin: bottom;transition: transform 1s var(--ease)}.bar small{color: var(--soft);font-size: 0.72rem}.bar-0 i{height: 4px;background: rgba(255,255,255,0.1)}.bar-8 i{height: 26%}.bar-12 i{height: 40%}.bar-18 i{height: 60%}.bar-20 i{height: 68%}.bar-25 i{height: 85%}.preview.is-pending .bar i{transform: scaleY(0.05)}.bar:nth-child(2) i{transition-delay: 0.06s}.bar:nth-child(3) i{transition-delay: 0.12s}.bar:nth-child(4) i{transition-delay: 0.18s}.bar:nth-child(5) i{transition-delay: 0.24s}.bar:nth-child(6) i{transition-delay: 0.3s}.bar:nth-child(7) i{transition-delay: 0.36s}.preview figcaption{margin-block-start: 12px;color: var(--soft);font-size: 0.85rem;text-align: center}.trust-grid{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 16px}.trust-card{padding: 24px 22px;display: flex;flex-direction: column;gap: 10px;transition: transform 0.3s var(--ease),border-color 0.3s}.trust-card:hover{transform: translateY(-4px);border-color: rgba(178,154,255,0.35)}.trust-card h3{font-size: 1.08rem;margin-block-start: 6px}.trust-card p{color: var(--muted);font-size: 0.95rem}.start-card{position: relative;overflow: hidden;padding: clamp(36px,6vw,72px) clamp(22px,5vw,64px);text-align: center;background: linear-gradient(140deg,rgba(143,93,255,0.28),rgba(40,211,223,0.1) 60%,rgba(255,99,117,0.12));border-color: rgba(178,154,255,0.35)}.start-glow{position: absolute;inset: -40% 20% auto;height: 120%;background: radial-gradient(circle,rgba(178,154,255,0.35),transparent 60%);filter: blur(40px);animation: drift 14s ease-in-out infinite alternate;pointer-events: none}.start-card>*{position: relative}.start-card p{color: var(--muted);margin-block: 14px 28px;font-size: 1.1rem}.start-card .german-note{margin-block: 14px 0;font-size: 0.9rem}.start-card .start-login{margin-block: 18px 0;font-size: 0.95rem}.start-login a{color: var(--ink);font-weight: 650}.faq-grid{display: grid;grid-template-columns: minmax(0,0.7fr) minmax(0,1.3fr);gap: clamp(28px,5vw,64px);align-items: start}.faq-list{display: grid;gap: 12px}.faq-item{padding: 0;transition: border-color 0.3s,background-color 0.3s;interpolate-size: allow-keywords}.faq-item[open]{border-color: rgba(178,154,255,0.35);background: rgba(143,93,255,0.06)}.faq-item summary{display: flex;justify-content: space-between;align-items: center;gap: 16px;min-height: 60px;padding: 16px 20px;cursor: pointer;list-style: none;font-weight: 650}.faq-item summary::-webkit-details-marker{display: none}.faq-icon{display: grid;place-items: center;width: 32px;height: 32px;border-radius: 10px;flex: none;background: rgba(255,255,255,0.05);transition: transform 0.35s var(--ease),background-color 0.3s}.faq-item[open] .faq-icon{transform: rotate(45deg);background: var(--brand-soft);color: var(--brand-2)}.faq-item::details-content{block-size: 0;overflow: clip;transition: block-size 0.35s var(--ease),content-visibility 0.35s allow-discrete}.faq-item[open]::details-content{block-size: auto}.faq-answer{padding: 0 20px 20px;color: var(--muted)}.site-footer{border-block-start: 1px solid var(--line);padding-block: 56px 28px;background: linear-gradient(180deg,transparent,rgba(143,93,255,0.04))}.footer-inner{display: grid;grid-template-columns: 1.4fr 1fr 1fr;gap: 32px}.footer-brand p{color: var(--muted);margin-block: 14px 18px;max-width: 26em}.footer-head{color: var(--soft);font-size: 0.8rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.08em;margin-block-end: 10px}:lang(ar) .footer-head{letter-spacing: 0}.footer-nav a{display: inline-flex;align-items: center;min-height: 44px;color: var(--muted);text-decoration: none}.footer-nav a:hover,.footer-nav a[aria-current="page"]{color: var(--ink)}.footer-bottom{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 10px;margin-block-start: 36px;padding-block-start: 20px;border-block-start: 1px solid var(--line);color: var(--soft);font-size: 0.875rem}.to-top{position: fixed;z-index: 40;inset-inline-end: max(16px,env(safe-area-inset-right));bottom: max(18px,env(safe-area-inset-bottom));display: grid;place-items: center;width: 52px;height: 52px;border-radius: 50%;color: var(--ink);text-decoration: none;background: rgba(30,26,39,0.82);border: 1px solid var(--line-strong);-webkit-backdrop-filter: blur(12px);backdrop-filter: blur(12px);box-shadow: var(--shadow);transition: opacity 0.35s var(--ease),transform 0.35s var(--ease),background-color 0.25s,box-shadow 0.25s}.js .to-top:not(.is-visible){opacity: 0;transform: translateY(14px) scale(0.9);pointer-events: none;visibility: hidden;transition: opacity 0.35s var(--ease),transform 0.35s var(--ease),visibility 0s linear 0.35s}.to-top:hover{background: rgba(143,93,255,0.28);box-shadow: 0 12px 30px -8px rgba(143,93,255,0.7)}.to-top .icon{width: 22px;height: 22px;transition: transform 0.3s var(--ease)}.to-top:hover .icon{transform: translateY(-3px)}.to-top-ring{position: absolute;inset: -1px;width: calc(100% + 2px);height: calc(100% + 2px);transform: rotate(-90deg)}.to-top-ring circle{fill: none;stroke-width: 3}.to-top-track{stroke: transparent}.to-top-progress{stroke: var(--brand-2);stroke-linecap: round;stroke-dasharray: 100;stroke-dashoffset: 100}html:not(.js) .to-top-ring{display: none}.reveal.is-pending{opacity: 0;transform: translateY(22px)}.reveal{transition: opacity 0.7s var(--ease),transform 0.7s var(--ease)}.reveal.is-in{opacity: 1;transform: none}@keyframes drift{from{transform: translate3d(0,0,0) scale(1)}to{transform: translate3d(-6%,8%,0) scale(1.12)}}@keyframes float{0%,100%{transform: translateY(0)}50%{transform: translateY(-10px)}}@keyframes ping{0%{transform: scale(1);opacity: 0.7}80%,100%{transform: scale(2.8);opacity: 0}}@keyframes shimmer{to{background-position: 200% center}}@keyframes spin{to{transform: rotate(360deg)}}@keyframes pop{from{opacity: 0;transform: translateY(-6px) scale(0.98)}}@keyframes rise{from{opacity: 0;transform: translateY(12px)}}@keyframes panelIn{from{opacity: 0;transform: translateY(10px)}}@keyframes draw{to{stroke-dashoffset: 0}}@keyframes shake{20%,60%{transform: translateX(-6px)}40%,80%{transform: translateX(6px)}}@keyframes bounce{0%,80%,100%{transform: translateY(0);opacity: 0.5}40%{transform: translateY(-5px);opacity: 1}}@keyframes blink{50%{opacity: 0}}@keyframes ripple{0%{transform: scale(1);opacity: 0.8}100%{transform: scale(1.7);opacity: 0}}@keyframes nudge{0%,70%,100%{transform: scale(1)}80%{transform: scale(1.08)}90%{transform: scale(0.98)}}@keyframes wiggle{from{transform: scaleY(0.55)}to{transform: scaleY(1.15)}}@media (max-width: 1080px){.trust-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.steps{grid-template-columns: repeat(2,minmax(0,1fr))}.steps::before{display: none}}@media (max-width: 959px){.nav-toggle{display: grid}.nav-toggle[hidden]{display: none}.primary-nav{flex: 0 0 auto;margin-inline-start: auto}.nav-links,.lang-switch,.nav-login{display: none}.js .primary-nav{position: fixed;inset: var(--header-h) 0 auto;display: none;flex-direction: column;align-items: stretch;gap: 16px;margin: 0;padding: 16px var(--gutter) 24px;background: rgba(15,13,21,0.97);border-block-end: 1px solid var(--line);-webkit-backdrop-filter: blur(14px);backdrop-filter: blur(14px);max-height: calc(100dvh - var(--header-h));overflow-y: auto}.js .primary-nav.is-open{display: flex;animation: pop 0.25s var(--ease)}.js .nav-links{display: flex;flex-direction: column;gap: 2px}.js .lang-switch{display: block}.js .nav-login{display: inline-flex}.nav-links a,.nav-login{min-height: 50px;font-size: 1.05rem}.nav-links a::after{display: none}.js .nav-actions{flex-direction: column;align-items: stretch;gap: 10px}.js .nav-actions .btn{width: 100%;min-height: 50px}.lang-switch summary{min-height: 50px}.lang-menu{position: static;margin-block-start: 6px;box-shadow: none}.hero-inner,.listen-grid,.panel,.benefits-grid,.faq-grid{grid-template-columns: minmax(0,1fr)}.hero-visual{max-width: 460px}.voice-card{position: static}.panel-visual{order: -1;min-height: 0;max-width: 420px;justify-self: center;width: 100%}.term-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.footer-inner{grid-template-columns: 1fr 1fr}.footer-brand{grid-column: 1 / -1}}@media (max-width: 600px){body{font-size: 1rem}.hero-ctas .btn{flex: 1 1 100%}.chip{font-size: 0.78rem;padding: 8px 11px 8px 8px}.chip-icon{width: 26px;height: 26px}.chip-1{left: 0;top: 63%}.chip-2{right: 0;top: 3%}.chip-3{right: 2%;bottom: 4%}.tab{flex-direction: column;gap: 2px;min-height: 60px;padding: 8px 6px;font-size: 0.86rem;line-height: 1.2;text-align: center}.steps{grid-template-columns: minmax(0,1fr)}.trust-grid{grid-template-columns: minmax(0,1fr)}.preview-top{flex-direction: column;align-items: stretch}.ring-wrap{align-self: center}.term-card{height: 116px}.term-word{font-size: 1.12rem}.footer-inner{grid-template-columns: minmax(0,1fr)}.option{padding: 12px;gap: 12px}.play-btn{width: 56px;height: 56px}.wave{gap: 2px;height: 50px}.dialect-table,.dialect-table tbody,.dialect-table tr,.dialect-table td{display: block;width: auto}.dialect-table thead{display: none}.dialect-table td:first-child{width: auto;border-block-start: 1px solid var(--line);padding-block-end: 2px}.dialect-table td:last-child{border: 0;padding-block-start: 0}}@media (max-width: 339px){.term-grid{grid-template-columns: minmax(0,1fr)}}@media (max-width: 380px){.wave{gap: 1px}.player{gap: 8px 12px;padding: 12px}.brand-name{font-size: 0.98rem}.chip-2{display: none}}@media (hover: none){.spot::before{display: none}}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*,*::before,*::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important}.reveal.is-pending{opacity: 1;transform: none}.hero-ring,.hero-aurora span,.chip,.gradient-text,.start-glow{animation: none !important}.term-card{transition: none}.term-card[aria-pressed="true"]{transform: none}.term-card[aria-pressed="true"] .term-front{opacity: 0}.term-back{transform: none;visibility: hidden}.term-card[aria-pressed="true"] .term-back{visibility: visible}}@media print{.site-header,.hero-aurora,.hero-grid-bg,.hero-chips{display: none}}