@charset "UTF-8";*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f2f2f7;--surface:#fff;--surface-subtle:#e5e5ea;--border:#d1d1d6;--border-hover:#c7c7cc;--text:#000;--text-muted:#6c6c70;--backdrop:rgba(0,0,0,.8);--accent:#007aff;--accent-hover:#0056b3;--accent-glow:rgba(0,122,255,.2);--accent-soft:rgba(0,122,255,.1);--kb-bg:#d1d5db;--kb-border:#b0b5bd;--kb-cand-bg:rgba(235,237,240,.85);--kb-cand-border:rgba(0,0,0,.08);--kb-key-bg:#fff;--kb-key-text:#000;--kb-key-subtext:#8e8e93;--kb-key-shadow:0 1px 0px rgba(0,0,0,.35);--kb-special-key-bg:#adb3bc;--kb-special-key-text:#000;--radius-sm:8px;--radius-md:12px;--radius-lg:24px;--font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,sans-serif;--confetti-size:15px;--confetti-animation-play-state:paused}@media (prefers-color-scheme:dark){:root[data-theme=auto]{--bg:#000;--surface:#1c1c1e;--surface-subtle:#2c2c2e;--border:#38383a;--border-hover:#48484a;--text:#fff;--text-muted:#8e8e93;--backdrop:rgba(0,0,0,.5);--accent:#0a84ff;--accent-hover:#409cff;--accent-glow:rgba(10,132,255,.25);--accent-soft:rgba(10,132,255,.15);--kb-bg:#1c1c1e;--kb-border:#2c2c2e;--kb-cand-bg:rgba(44,44,46,.85);--kb-cand-border:hsla(0,0%,100%,.1);--kb-key-bg:#3a3a3c;--kb-key-text:#fff;--kb-key-subtext:#8e8e93;--kb-key-shadow:0 1px 0px rgba(0,0,0,.5);--kb-special-key-bg:#2c2c2e;--kb-special-key-text:#fff}}:root[data-theme=dark]{--bg:#000;--surface:#1c1c1e;--surface-subtle:#2c2c2e;--border:#38383a;--border-hover:#48484a;--text:#fff;--text-muted:#8e8e93;--backdrop:rgba(0,0,0,.9);--accent:#ff6717;--accent-hover:#409cff;--accent-glow:rgba(10,132,255,.25);--accent-soft:rgba(10,132,255,.15);--kb-bg:#1c1c1e;--kb-border:#2c2c2e;--kb-cand-bg:rgba(44,44,46,.85);--kb-cand-border:hsla(0,0%,100%,.1);--kb-key-bg:#3a3a3c;--kb-key-text:#fff;--kb-key-subtext:#8e8e93;--kb-key-shadow:0 1px 0px rgba(0,0,0,.5);--kb-special-key-bg:#2c2c2e;--kb-special-key-text:#fff}:root[data-theme=light]{--bg:#f2f2f7;--surface:#fff;--surface-subtle:#e5e5ea;--border:#d1d1d6;--border-hover:#c7c7cc;--text:#000;--text-muted:#6c6c70;--backdrop:rgba(0,0,0,.6);--accent:#ff6717;--accent-hover:#0056b3;--accent-glow:rgba(0,122,255,.2);--accent-soft:rgba(0,122,255,.1);--kb-bg:#d1d5db;--kb-border:#b0b5bd;--kb-cand-bg:rgba(235,237,240,.85);--kb-cand-border:rgba(0,0,0,.08);--kb-key-bg:#fff;--kb-key-text:#000;--kb-key-subtext:#8e8e93;--kb-key-shadow:0 1px 0px rgba(0,0,0,.35);--kb-special-key-bg:#adb3bc;--kb-special-key-text:#000}body{background:unset;background-color:var(--bg);color:var(--text);line-height:1.6;transition:background-color .3s ease,color .3s ease;overflow-x:hidden;-webkit-font-smoothing:antialiased}.app-container{max-width:960px;margin:0 auto;padding:0 2rem}header{padding:2rem 0;justify-content:space-between}.logo,header{display:flex;align-items:center}.logo{font-weight:700;font-size:1.25rem;gap:10px;letter-spacing:-.02rem}.logo img{width:auto;height:auto;border-radius:.3rem}.nav-actions{display:flex;gap:12px}.btn,.nav-actions{align-items:center}.btn{display:inline-flex;gap:3px;padding:12px 24px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:.95rem;font-weight:600;border-radius:1.5rem!important;text-decoration:none;transition:all .2s ease;cursor:pointer}.btn svg{width:20px;height:20px}.btn:hover{color:var(--text);background-color:var(--accent);transform:translateY(-1px)}.hero{padding:2rem 0;text-align:center}.hero-badge{gap:8px;padding:6px 16px;background:var(--surface);border:1px solid var(--border);border-radius:99px;font-size:.85rem;font-weight:500;color:var(--text-muted);margin-bottom:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.02)}.hero-badge,.hero h1{display:inline-flex;align-items:center}.hero h1{font-size:3.8rem;line-height:3rem!important;max-width:900px;font-weight:800;letter-spacing:-.03em;margin:0 auto}.input-method-target{color:var(--accent);display:inline-block;padding:0 .5rem;text-align:center;transition:all .3s ease}.hero p{font-size:1.2rem;color:var(--text-muted);max-width:650px;margin:2rem auto}.keyboard-wrapper{margin-top:2rem;position:relative;max-width:760px;margin-left:auto;margin-right:auto}.keyboard-card{background:var(--kb-bg);border:1px solid var(--kb-border);border-radius:var(--radius-lg);padding:12px;box-shadow:0 20px 40px -15px rgba(0,0,0,.12);position:relative;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:background-color .3s ease,border-color .3s ease}.candidate-bar{background:var(--kb-cand-bg);border:1px solid var(--kb-cand-border);border-radius:var(--radius-md);padding:8px 16px;margin-bottom:10px;display:flex;align-items:center;gap:16px;color:var(--text-muted);font-size:.9rem;backdrop-filter:blur(10px)}.candidate-list{display:flex;gap:18px;color:var(--kb-key-text);font-weight:500}.candidate-list span.selected{color:var(--accent);font-weight:700;border-bottom:2px solid var(--accent)}.keyboard-container{display:flex;flex-direction:column;gap:7px;will-change:transform;backface-visibility:hidden}.key-row{gap:5px}.key,.key-row{display:flex;justify-content:center;will-change:transform;backface-visibility:hidden}.key{background:var(--kb-key-bg);color:var(--kb-key-text);height:48px;border-radius:6px;flex:1;flex-direction:column;align-items:center;position:relative;box-shadow:var(--kb-key-shadow);transition:transform .08s ease,background-color .15s ease;user-select:none}.key.active{transform:translateY(1px);background:var(--accent);color:#fff;box-shadow:none}.key.active .latin{color:hsla(0,0%,100%,.8)}.key .latin{font-size:.7rem;color:var(--kb-key-subtext);position:absolute;top:3px;left:5px;font-weight:600}.key .symbol{font-size:1rem;font-weight:500;margin-top:6px}.key.space{flex:4.5}.key.wide{flex:1.4}.key.func,.key.wide{background:var(--kb-special-key-bg);color:var(--kb-special-key-text);font-size:.8rem;font-weight:500}.key.func{flex:0.8}.features{container-type:inline-size;padding:6rem 0}@media (max-width:760px){.features{padding:2rem 0}}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(275px,1fr));gap:2rem}.grid.rtl{direction:rtl}.grid.rtl .card:first-child{order:3}.grid.rtl .card:nth-child(2){order:2}.grid.rtl .card:nth-child(3){order:1}.grid.rtl .card:nth-child(4){order:4}@media (min-width:760px) and (max-width:960px){.grid.rtl .card:first-child{order:2}.grid.rtl .card:nth-child(2){order:1}.grid.rtl .card:nth-child(3){order:4}.grid.rtl .card:nth-child(4){order:3}}@media (max-width:760px){.grid.rtl .card:first-child{order:1}.grid.rtl .card:nth-child(2){order:2}.grid.rtl .card:nth-child(3){order:3}.grid.rtl .card:nth-child(4){order:4}}.card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem 2rem;transition:all .2s ease;box-shadow:0 4px 12px rgba(0,0,0,.02);color:var(--text);opacity:.8;direction:ltr}.card em{font-weight:400;font-style:normal;color:red}.card.compact{border:none;border-radius:unset;background:unset;padding:1rem;box-shadow:none}.card-icon{width:48px;height:48px;background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.card-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2}.card h3{font-size:1.25rem!important;margin-bottom:.75rem}.section-header{text-align:center;max-width:650px;margin:0 auto 4rem}.section-header h2{font-size:2.25rem!important;margin-bottom:1rem}.section-header p{color:var(--text-muted);font-size:1.1rem}.split-feature{display:grid;grid-template-columns:2fr 1fr;gap:4rem;align-items:center}@media (max-width:760px){.split-feature{grid-template-columns:1fr}}.split-feature.reversed{grid-template-columns:1fr 2fr}.split-feature.reversed .split-preview{order:-1}@media (min-width:760px) and (max-width:960px){.split-feature.reversed{grid-template-columns:1fr 2fr}}@media (max-width:760px){.split-feature.reversed{grid-template-columns:1fr}}.split-feature:nth-child(2n){direction:rtl}.split-feature:nth-child(2n) .split-content{direction:ltr}.split-feature .split-content h3{font-size:1.8rem!important;margin-bottom:1rem}.split-feature .split-content p{color:var(--text-muted);font-size:1.05rem;margin-bottom:1.5rem}.split-feature .split-preview{z-index:-1;will-change:transform;backface-visibility:hidden}.split-feature .split-preview svg{height:100%;width:100%}.split-feature .split-preview .preview-phone{width:100%;height:360px;z-index:-1}.split-feature .split-preview .preview-phone svg:first-child{transform:scale(2.5) rotate(15deg) translate(-100px,-80px)}@media (min-width:760px) and (max-width:960px){.split-feature .split-preview .preview-phone{transform:scale(.8) translate(-60px,200px);width:200%}}@media (max-width:760px){.split-feature .split-preview .preview-phone{display:none}}.split-feature .split-preview .preview-pad{width:100%;height:320px;z-index:-1}.split-feature .split-preview .preview-pad>svg{transform:scale(2.5) translate(80px,60px)}@media (min-width:760px) and (max-width:960px){.split-feature .split-preview .preview-pad>svg{transform:scale(3) translate(50px,50px)}}@media (max-width:760px){.split-feature .split-preview .preview-pad>svg{transform:scale(1.5) translateY(30px)}}.split-feature .split-preview .preview-pro{width:100%;height:240px;z-index:-1}.split-feature .split-preview .preview-pro svg{transform:scale(3) translate(-10px)}@media (max-width:760px){.split-feature .split-preview .preview-pro svg{transform:scale(1.5) translate(0)}}@media (max-width:760px){.split-feature .split-preview{order:-1}}.feature-list{display:flex;flex-direction:column;gap:.5rem;list-style-type:"✔︎ "}.feature-list.bullet{list-style-type:"⚡︎ ";margin-left:.5rem}.feature-list li{margin-left:10px;font-weight:500}.feature-list li,.feature-list li::maker{color:var(--text)}.feature-list svg{width:18px;height:18px;color:var(--accent);flex-shrink:0}#input-method-phone{transform:rotate(15deg) translate(-20px)}.confetti-wrapper{position:absolute;bottom:0;left:0;width:100%;height:90%;z-index:-1;opacity:.6;pointer-events:none;contain:layout style paint}.confetti-wrapper .layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;will-change:transform;transform:translateZ(0)}.confetti-wrapper .layer.layer1{opacity:1;animation:a 20s ease-in-out infinite;animation-play-state:var(--confetti-animation-play-state);animation-delay:calc(var(--scroll-pos) * -1s)}.confetti-wrapper .layer.layer2{opacity:.8;animation:a 15s ease-in-out infinite;animation-play-state:var(--confetti-animation-play-state);animation-delay:calc(var(--scroll-pos) * -1s)}.confetti-wrapper .layer.layer3{animation:a 10s ease-in-out infinite;animation-play-state:var(--confetti-animation-play-state);animation-delay:calc(var(--scroll-pos) * -1s)}.confetti{width:var(--confetti-size);height:var(--confetti-size);background-color:#f2d74e;position:absolute;mask-size:contain;mask-repeat:no-repeat;will-change:transform;backface-visibility:hidden}.confetti:nth-child(1n){border-radius:50% 20%/10% 40%}.confetti:nth-child(2n){border-radius:90% 20%/80% 40%}.confetti:nth-child(3n){border-radius:70% 70%/80% 80%}.confetti:nth-child(4n){border-radius:50% 50% 50% 50%/60% 60% 40% 40%}.confetti:nth-child(1n+1){background-color:#95c3de}.confetti:nth-child(odd){background-color:#ff9a91}.confetti:nth-child(3n+1){background-color:#f2d74e}.confetti:nth-child(4n+1){background-color:hsla(82,85%,68%,.8)}.confetti:nth-child(5n+1){background-color:rgba(183,0,255,.24)}@keyframes a{0%{transform:translateZ(0) rotate(15deg)}25%{transform:translate3d(-5vw,20vh,0) rotate(90deg)}50%{transform:translate3d(5vw,60vh,0) rotate(180deg)}75%{transform:translate3d(-10vw,80vh,0) rotate(270deg)}to{transform:translate3d(10vw,110vh,0) rotate(1turn)}}dialog{border:none;border-radius:8px;padding:2rem;max-width:90vw;max-height:85vh;width:60vw;margin:auto;position:fixed;inset:0;background-color:var(--surface);color:var(--text)}dialog::backdrop{background-color:var(--backdrop)}dialog.doc{width:85vw;height:80vh}dialog:has(iframe){overflow:hidden;padding:0}dialog iframe{width:100%;height:100%;border:0}dialog details p{padding-left:1rem}dialog summary{font-weight:600;font-size:1.2rem;padding-bottom:.5rem;cursor:pointer}dialog h2{line-height:2.5rem;font-size:2rem}dialog img{width:150px;max-width:200px;float:left;margin:0 1rem .5rem 0}@media (max-width:760px){dialog img{float:unset}}dialog button{position:fixed;top:10px;right:10px;width:65px;height:60px;border:0;background-color:var(--bg)!important;color:var(--text)!important}dialog button:hover{background-color:var(--surface-subtle)}