:root{color-scheme:light;--background: #ffffff;--foreground: #2c332f;--muted: #8a918c;--muted-2: #a8aea9;--card: #ffffff;--card-fg: #2c332f;--popover: #ffffff;--border: rgb(44 51 47 / .11);--input: #f4f6f4;--ring: #3f8f56;--primary: #3f8f56;--primary-fg: #f7fbf8;--primary-2: #2d6b41;--primary-soft: #eaf5ed;--accent: #3f8f56;--accent-2: #2d6b41;--destructive: #d15a52;--ok: #2f7a48;--bg: var(--background);--surface: var(--card);--surface-2: var(--input);--text: #5c6360;--text-strong: var(--foreground);--shadow: 0 16px 40px rgb(40 60 45 / .08);--shadow-sm: 0 6px 18px rgb(40 60 45 / .05);--radius: .9rem;--radius-lg: 1.25rem;--radius-full: 999px;--font: "Beer UI", system-ui, sans-serif;--display: "Beer Display", Georgia, serif;--ease: cubic-bezier(.22, 1, .36, 1);font-family:var(--font);line-height:1.5;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--background)}a{color:var(--primary)}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;z-index:100;background:var(--card);padding:.5rem 1rem;border-radius:8px;color:var(--foreground)}.muted{color:var(--muted)}.visually-hidden,.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}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid transparent;border-radius:var(--radius-full);padding:.58rem 1.15rem;cursor:pointer;background:var(--input);color:var(--foreground);font:inherit;font-weight:550;letter-spacing:-.01em;text-decoration:none;transition:transform .2s var(--ease),box-shadow .2s ease,background .2s ease,border-color .2s ease,filter .2s ease}.btn:hover{filter:brightness(.98)}@media(prefers-reduced-motion:no-preference){.btn:hover{transform:translateY(-1px)}}.btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.btn:disabled{opacity:.55;cursor:wait;transform:none}.btn--primary{background:linear-gradient(150deg,#52a366,var(--primary-2));color:var(--primary-fg);box-shadow:0 8px 20px #3f8f5638}.btn--primary:hover{filter:brightness(1.04)}.btn--ghost{background:transparent;border-color:var(--border);color:var(--muted)}.btn--ghost:hover{color:var(--foreground);background:var(--card);border-color:#3f8f5647}.btn--glass{background:#ffffffb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:var(--border);color:var(--foreground)}.btn--lg{padding:.78rem 1.4rem;font-size:1.02rem}.btn--block{width:100%}.btn--xs{padding:.28rem .65rem;font-size:.8rem}.field{display:grid;gap:.35rem;font-size:.92rem;color:var(--muted)}.field>span{color:var(--muted);font-weight:500}input,textarea,select,button{font:inherit}input,textarea,select{width:100%;border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);padding:.65rem .85rem;background:var(--input);color:var(--foreground);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;border-color:#3f8f5673;background:#fff;box-shadow:0 0 0 4px #3f8f561a}input::placeholder,textarea::placeholder{color:var(--muted-2)}.checkbox{display:flex;align-items:center;gap:.5rem;color:var(--text);font-size:.92rem}.checkbox input{width:auto}.icon-btn{border:none;background:transparent;color:var(--muted);font-size:1.35rem;line-height:1;cursor:pointer;border-radius:8px;padding:.2rem .5rem}.icon-btn:hover{color:var(--foreground)}.panel,.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem}.landing{min-height:100dvh;overflow-x:hidden;color:var(--text);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--display: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;font-family:var(--font);background:#f5f8f2}.landing .logo span:last-child{font-weight:650;letter-spacing:-.02em}.landing__world{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.landing__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#fff,#ffffffd1 42%,#fff3),url(/img/landing-bg.png) right center / cover no-repeat}.landing__nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:1rem clamp(1rem,4vw,2.5rem);position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffb8;border-bottom:1px solid var(--border)}.logo{display:flex;align-items:center;gap:.65rem;font-weight:650;font-size:1.02rem;letter-spacing:-.02em;color:var(--text-strong);text-decoration:none}.logo__mark{width:.7rem;height:.7rem;border-radius:2px;background:var(--foreground);box-shadow:none}.landing__nav nav{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem 1rem}.landing__nav nav a:not(.btn){color:var(--muted);text-decoration:none;font-weight:500;font-size:.95rem}.landing__nav nav a:not(.btn):hover{color:var(--text-strong)}.hero{position:relative;z-index:2;min-height:min(78dvh,720px);display:grid;align-content:center;gap:1.1rem;padding:clamp(2rem,8vh,5rem) clamp(1rem,5vw,3.5rem);max-width:42rem}.hero h1{margin:0;font-family:var(--display);font-weight:650;font-size:clamp(2.4rem,7vw,4.2rem);line-height:1.08;letter-spacing:-.04em;color:var(--text-strong)}.hero h1 em{font-style:normal;font-weight:650;color:inherit}.hero__lead{margin:0;max-width:34ch;font-size:1.1rem;line-height:1.55;color:var(--muted)}.hero__cta{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.35rem}.section{position:relative;z-index:2;padding:clamp(3rem,8vh,5.5rem) clamp(1rem,5vw,3.5rem);max-width:1100px}.section__head{margin-bottom:1.75rem;max-width:36rem}.section__head h2{margin:0 0 .4rem;font-family:var(--display);font-weight:600;font-size:clamp(1.8rem,3.5vw,2.4rem);letter-spacing:-.03em;color:var(--text-strong)}.steps,.features{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.step,.feature{padding:1.25rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:#ffffffdb;box-shadow:var(--shadow-sm)}.step__n{display:block;font-size:.78rem;font-weight:650;letter-spacing:.08em;color:var(--primary);margin-bottom:.75rem}.step h3,.feature h3{margin:0 0 .4rem;font-size:1.05rem;color:var(--text-strong)}.step p,.feature p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.5}.test-panel{max-width:40rem;padding:1.35rem;border-radius:calc(var(--radius-lg) + .15rem);border:1px solid var(--border);background:#ffffffe6;box-shadow:var(--shadow);display:grid;gap:.9rem}.test-panel__actions{display:flex;flex-wrap:wrap;gap:.5rem}.test-voice-select{max-width:220px}.voice-preset-hint{display:block;margin-top:.3rem;font-size:.82rem}.test-status{min-height:1.2rem;font-size:.9rem}.test-status--warn{color:#b45309}.test-status--ok{color:var(--ok)}.test-status--listen{color:var(--primary)}.test-loader{display:flex;align-items:center;gap:.45rem;color:var(--muted)}.test-loader[hidden]{display:none!important}.test-loader__orb{width:.45rem;height:.45rem;border-radius:50%;background:var(--primary);animation:blink 1s ease infinite}.test-loader__orb:nth-child(2){animation-delay:.15s}.test-loader__orb:nth-child(3){animation-delay:.3s}.test-result__bubble{padding:1rem 1.1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--primary-soft);color:var(--text-strong);line-height:1.55}.test-result__bubble p{margin:0;white-space:pre-wrap}.landing__footer{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem clamp(1rem,4vw,2.5rem) 2rem;border-top:1px solid var(--border);color:var(--muted);font-size:.9rem}.landing__footer a{color:var(--muted);text-decoration:none}.landing__footer a:hover{color:var(--primary)}.voice-hint{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%);z-index:60;padding:.75rem 1.1rem;border-radius:var(--radius-full);background:var(--foreground);color:#fff;font-size:.9rem;box-shadow:var(--shadow)}.voice-hint[hidden]{display:none!important}.btn-mic--active{border-color:var(--primary);color:var(--primary)}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}@media(max-width:860px){.steps,.features{grid-template-columns:1fr}.landing__nav nav a:not(.btn){display:none}.hero{min-height:auto;padding-top:2.5rem}}@media(prefers-reduced-motion:reduce){.test-loader__orb{animation:none!important}}