:root{color-scheme:dark;--bg:#071017;--surface:#0f1c24;--ink:#edf7fa;--muted:#a2b6c1;--mint:#79efcf;--orange:#ffb785;--line:#29404b;--mono:Consolas,'Courier New',monospace;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 75% 0,#15344460,transparent 48%),var(--bg);font-family:var(--sans);line-height:1.55}button,input,select,textarea{font:inherit}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--mint)}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--mint);outline-offset:5px}button,select{min-height:44px}.skip{position:fixed;top:-100px;left:20px;z-index:40;background:var(--mint);color:#051b16;padding:12px}.skip:focus{top:10px}.wrap{width:min(1200px,calc(100% - 64px));margin:auto}.header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{font-size:20px;font-weight:700;letter-spacing:-.7px;text-decoration:none;display:flex;align-items:center;gap:12px}.brand-symbol{width:30px;height:32px;position:relative}.brand-symbol:before,.brand-symbol:after{content:'';position:absolute;width:15px;height:24px;border:2px solid var(--mint);transform:skewY(-20deg);top:0;left:0}.brand-symbol:after{border-color:var(--orange);left:12px;top:7px}.header-right{display:flex;align-items:center;gap:24px}.langs{display:flex;gap:5px;align-items:center;font-size:13px}.langs a{padding:6px 9px;text-decoration:none;min-height:38px;display:flex;align-items:center;border:1px solid transparent}.langs a[aria-current=page]{border-color:#6d9a99;background:#14322d}.header-nav{font-size:13px;color:var(--muted);text-decoration:none}.hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;padding:45px 0 32px;min-height:310px}.hero h1{font-size:clamp(38px,4.4vw,60px);line-height:1.06;letter-spacing:-2.3px;margin:0 0 20px;font-weight:700}.hero h1 span{color:var(--mint)}.hero p{font-size:17px;color:var(--muted);max-width:540px;margin:0}.portal{height:225px;position:relative;perspective:650px;isolation:isolate}.portal:before{content:'';position:absolute;inset:40px 40px 10px;filter:blur(32px);background:radial-gradient(ellipse,#69efd326,transparent 65%)}.orbit{position:absolute;top:18px;left:15%;width:70%;height:190px;border:1px solid #5eaaa66b;border-radius:50%;transform:rotateX(52deg) rotateZ(-23deg);box-shadow:0 0 20px #77efd512,inset 0 0 20px #77efd512}.orbit.two{transform:rotateX(55deg) rotateZ(53deg);border-color:#a1796166;width:57%;left:21%;height:210px;top:6px}.speech-shape{position:absolute;top:48px;left:18%;width:140px;height:113px;border-radius:32px 32px 32px 6px;background:radial-gradient(ellipse at 24% 16%,#c6fff780,#70e4d712 57%,#092128),linear-gradient(160deg,#2b7167,#0b2029);border:1px solid #8cf5d680;box-shadow:inset 3px 4px 20px #c1fff132,inset -8px -10px 30px #030e1744,13px 20px 20px #0006;transform:rotateY(-22deg) rotateZ(-13deg);display:grid;place-items:center;color:#c9fff1;font-size:45px;font-weight:700;text-shadow:0 0 15px #b0ffe75c;animation:float 6s ease-in-out infinite}.speech-shape.second{left:51%;top:72px;width:118px;height:98px;border-radius:24px 24px 5px 24px;background:radial-gradient(ellipse at 24% 16%,#ffe1c970,#f0b18212 57%,#332421),linear-gradient(155deg,#a37556,#392922);border-color:#ffc7a28c;color:#ffe0bf;transform:rotateY(25deg) rotateZ(10deg);animation-delay:-3s}.signal{position:absolute;top:101px;left:48%;display:flex;gap:3px;align-items:center;height:35px;transform:rotate(-13deg)}.signal i{width:3px;height:12px;background:var(--mint);box-shadow:0 0 7px #79efcf69}.signal i:nth-child(2),.signal i:nth-child(4){height:24px}.signal i:nth-child(3){height:33px}.portal-note{position:absolute;bottom:0;width:100%;text-align:center;color:#73978e;letter-spacing:2px;font-size:10px;font-family:var(--mono)}.motion{background:none;border:0;color:var(--muted);font-size:12px;min-height:30px;padding:4px 0;margin-top:15px}.motion:hover{color:var(--mint)}body.paused .speech-shape{animation-play-state:paused}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -10px}}.tool{border:1px solid #385962;border-radius:2px;background:linear-gradient(130deg,#14252da3,#0e1b23e6);padding:25px 27px;box-shadow:0 24px 80px #0003}.tool-top{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:19px}.tool h2{font-size:20px;font-weight:600;letter-spacing:-.4px;margin:0}.local{font-size:12px;color:var(--mint);display:flex;gap:8px;align-items:center}.local:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px #79efcf6b}.panels{display:grid;grid-template-columns:1fr 48px 1fr;align-items:start;gap:17px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.speaker{font-family:var(--mono);font-size:11px;letter-spacing:1px;color:var(--mint)}.speaker.b{color:var(--orange)}.panel-header select{background:#142630;border:1px solid #45616e;color:var(--ink);padding:4px 30px 4px 12px;font-size:14px;max-width:210px;border-radius:2px}.text-field{display:block;background:#071017bf;color:var(--ink);padding:18px;width:100%;height:165px;resize:vertical;min-height:125px;border:1px solid #36525e;border-radius:2px;font-size:18px;line-height:1.6}.text-field::placeholder{color:#728b98}.text-field.output{border-color:#725c4a;background:#19181466;color:#ffe5d0}.field-line{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;font-family:var(--mono);color:var(--muted);padding:7px 1px}.iconbutton{border:1px solid #45616e;background:#162731;color:var(--ink);padding:7px 10px;font-size:13px;display:inline-flex;gap:6px;align-items:center;justify-content:center}.iconbutton:hover{background:#203b43}.switch{width:46px;margin-top:80px;font-size:20px;padding:0}.panel-actions{display:flex;gap:8px;flex-wrap:wrap}.small{font-size:12px;min-height:35px;padding:5px 10px}.voice-control{display:flex;align-items:center;gap:6px;max-width:100%;margin-top:10px}.voice-control select{background:#102129;color:var(--muted);border:1px solid var(--line);font-size:11px;padding:4px;min-height:32px;max-width:100%;width:100%}.run-row{display:flex;gap:12px;align-items:center;margin-top:18px;flex-wrap:wrap}.primary{background:var(--mint);color:#08241e;border:0;padding:12px 28px;font-size:15px;font-weight:700;border-radius:2px;min-height:48px}.primary:hover{background:#acffe6}.cancel{background:transparent;border:1px solid #a78971;color:var(--orange);padding:10px 18px}.status{color:var(--muted);font-size:12px;margin:0;flex:1;min-width:200px}.status.error{color:#ffc0ad}.status.success{color:var(--mint)}.progress-track{height:3px;background:#223a46;width:100%;margin:12px 0 0;overflow:hidden}.progress-track>i{display:block;height:100%;background:var(--mint);width:0;transition:width .2s}.progress-track.indeterminate>i{width:35%;animation:progress 1.2s ease-in-out infinite}@keyframes progress{0%{transform:translateX(-100%)}100%{transform:translateX(400%)}}.download-note{color:#a3b3bb;font-size:11px;line-height:1.55;margin:15px 0 0}.pivot-note{font-size:12px;color:var(--orange);margin:10px 0}.support-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:28px 0;border-bottom:1px solid var(--line)}.support-strip b{font-size:12px;color:var(--ink);font-weight:600;display:block;margin-bottom:4px}.support-strip p{font-size:12px;color:var(--muted);margin:0}.how{padding:60px 0 52px;display:grid;grid-template-columns:.8fr 1.2fr;gap:65px}.how h2{font-size:30px;line-height:1.15;letter-spacing:-1px;margin:0 0 17px}.how p{color:var(--muted);font-size:14px}.steps{list-style:none;margin:0;padding:0}.steps li{display:grid;grid-template-columns:40px 1fr;gap:16px;padding:17px 0;border-top:1px solid var(--line)}.steps .number{color:var(--mint);font-family:var(--mono);font-size:14px}.steps b{font-weight:500;font-size:16px}.steps p{margin:5px 0 0;font-size:13px}.session{border-top:1px solid var(--line);padding-top:26px;margin-top:26px}.session-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.session h2{font-size:15px}.session ol{list-style:none;padding:0;margin:15px 0}.session li{border-top:1px solid var(--line);padding:14px 0;display:grid;grid-template-columns:1fr 1fr;gap:25px;font-size:13px}.session li p{margin:4px 0}.session li small{font-family:var(--mono);color:var(--muted)}.sources{padding:25px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.sources summary{cursor:pointer;color:var(--ink);font-size:13px}.sources p{max-width:880px}.footer{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);padding:27px 0 40px;border-top:1px solid var(--line)}.footer-links{display:flex;gap:17px;flex-wrap:wrap}dialog{width:min(500px,calc(100% - 32px));color:var(--ink);background:#12242d;border:1px solid #4a7279;padding:30px;box-shadow:0 30px 100px #0008;border-radius:4px}dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}dialog h2{font-size:24px;margin:0 0 18px}dialog p{font-size:14px;color:var(--muted)}dialog .dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.document{max-width:820px;padding:50px 0 70px}.document h1{font-size:48px;line-height:1.1;letter-spacing:-2px;margin:0 0 26px}.document h2{font-size:23px;line-height:1.3;margin-top:37px}.document p,.document li{color:var(--muted);font-size:15px}.document .lead{font-size:20px;color:var(--ink)}.document table{width:100%;border-collapse:collapse;font-size:13px}.document td,.document th{padding:14px;text-align:left;border:1px solid var(--line)}.document th{color:var(--mint)}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.speech-shape,.progress-track.indeterminate>i{animation:none}}@media(max-width:800px){.wrap{width:calc(100% - 36px)}.header{height:77px}.header-right{gap:12px}.header-nav{display:none}.brand{font-size:17px;gap:8px}.brand-symbol{scale:.8}.langs{font-size:12px;gap:2px}.langs a{padding:5px 7px}.hero{gap:10px;padding:35px 0 25px;min-height:245px;grid-template-columns:1fr .55fr}.hero h1{font-size:42px;letter-spacing:-1.7px}.hero p{font-size:14px}.portal{height:160px}.speech-shape{width:93px;height:78px;left:1%;top:36px;font-size:32px;border-radius:20px 20px 20px 4px}.speech-shape.second{width:80px;height:67px;top:68px;left:49%;font-size:30px}.orbit{left:-15%;width:120%;height:135px}.orbit.two{left:0;width:95%;height:150px}.signal{left:47%;top:75px;scale:.7}.portal-note{font-size:8px;letter-spacing:.6px;bottom:-5px}.panels{gap:10px;grid-template-columns:1fr 40px 1fr}.tool{padding:19px 18px}.tool h2{font-size:18px}.local{font-size:10px}.panel-header select{max-width:140px;font-size:12px;padding-left:8px}.speaker{font-size:9px;letter-spacing:.5px}.switch{width:40px}.text-field{font-size:16px;padding:13px}.how{gap:30px;grid-template-columns:1fr 1.4fr;padding:45px 0}.support-strip{gap:18px}.footer{font-size:11px}.document h1{font-size:38px}}@media(max-width:580px){.hero{grid-template-columns:1fr;padding:31px 0 25px;min-height:0}.hero h1{font-size:43px;letter-spacing:-1.8px;margin-bottom:15px}.hero p{font-size:15px;max-width:390px}.portal{display:none}.motion{margin-top:10px}.tool-top{align-items:start;gap:8px}.local{max-width:98px;text-align:right;line-height:1.3;align-items:start}.local:before{flex-shrink:0;margin-top:4px}.panels{grid-template-columns:1fr;gap:12px;position:relative}.panel-header select{max-width:220px;font-size:14px}.speaker{font-size:10px}.text-field{height:135px;min-height:110px;font-size:17px}.switch{margin:0;justify-self:center;min-height:35px;height:35px;transform:rotate(90deg);font-size:20px}.small{min-height:38px}.voice-control{margin-top:8px}.run-row{margin-top:23px;gap:10px}.primary{width:100%;padding:12px}.cancel{width:100%}.status{flex-basis:100%;min-width:0;font-size:12px}.download-note{font-size:10px}.support-strip{grid-template-columns:1fr;gap:16px;padding:23px 0}.support-strip p{font-size:12px}.support-strip b{font-size:13px}.how{grid-template-columns:1fr;gap:14px;padding:37px 0 35px}.how h2{font-size:29px}.how p{font-size:14px}.session li{grid-template-columns:1fr;gap:8px}.session-top{flex-wrap:wrap}.footer{flex-direction:column;gap:10px;padding-bottom:30px}.document{padding:32px 0 45px}.document h1{font-size:36px}.document .lead{font-size:17px}.document td,.document th{padding:9px;font-size:11px}dialog{padding:22px}dialog h2{font-size:22px}dialog .primary{width:auto}}
/* At narrow phone widths the German wordmark and both language names need two rows. */
@media(max-width:360px){.header{height:auto;min-height:96px;flex-wrap:wrap;gap:8px;padding-block:14px}.header-right{margin-left:auto}.brand{max-width:100%}}