:root{--navy:#10233f;--navy-2:#1a3554;--orange:#e99a25;--text:#162940;--muted:#647487;--line:#dfe6ec;--surface:#fff;--bg:#f6f8fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,Noto Sans Devanagari,sans-serif;font-size:16px;line-height:1.55}button,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.wrap{max-width:1180px;margin:0 auto;padding:0 28px}.site-header{border-bottom:1px solid rgba(255,255,255,.12)}.nav{height:84px;display:flex;align-items:center;justify-content:space-between}.brand{gap:12px;color:white;font-size:23px;font-weight:800;letter-spacing:-.9px;line-height:1}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.3);border-radius:11px}.brand-accent,.brand-mark{color:var(--orange)}.brand small{display:block;font-size:9px;letter-spacing:2.3px;font-weight:700;margin-top:6px;color:#b8c8d9}.nav-right{display:flex;align-items:center;gap:32px;color:#e4ebf1;font-size:14px;font-weight:600}.nav-right a:hover{color:var(--orange)}.language{display:flex;align-items:center;gap:8px;color:#b8c8d9}.hub-hero{background:var(--navy);color:#fff;padding:80px 0 88px;position:relative;overflow:hidden}.hub-hero:after{content:"";position:absolute;right:-210px;top:-305px;width:660px;height:660px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 95px rgba(255,255,255,.018),0 0 0 190px rgba(255,255,255,.014);pointer-events:none}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--orange);font-size:12px;font-weight:800;letter-spacing:2.3px}.eyebrow.dark{color:#bd7210}.eyebrow-line{width:26px;height:2px;background:var(--orange)}.hub-hero h1{font-size:clamp(48px,6.7vw,80px);line-height:1.07;letter-spacing:-4px;margin:25px 0;max-width:850px}.hub-hero h1 em{font-style:normal;color:var(--orange)}.hub-hero p{font-size:19px;line-height:1.7;color:#c5d1dd;max-width:660px;margin:0}.hero-meta{display:flex;align-items:center;gap:16px;margin-top:39px;font-size:14px;color:#c5d1dd}.meta-dot{width:4px;height:4px;border-radius:50%;background:var(--orange)}.hub-tools{padding-top:69px;padding-bottom:100px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:27px}.section-title h2{font-size:clamp(26px,3vw,35px);line-height:1.2;letter-spacing:-1.1px;margin:10px 0 0}.section-title p{color:var(--muted);margin:0 0 4px}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.tool-card{min-height:222px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:25px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .16s,border-color .16s,box-shadow .16s}.tool-card:hover{transform:translateY(-3px);border-color:#e4b160;box-shadow:0 12px 25px rgba(16,35,63,.07)}.heading-icon,.tool-icon{display:grid;place-items:center;color:#b76f0b;background:#fff5e5;border:1px solid #f5e1bf;border-radius:11px;width:47px;height:47px}.tool-card strong{font-size:18px;margin-top:16px}.tool-card>span:nth-of-type(2){line-height:1.6;color:var(--muted);margin:6px 0 15px}.card-cta{margin-top:auto;color:#a9650c;font-weight:750;font-size:14px}.card-cta b{font-size:17px;margin-left:5px}.footer{background:#10233f}.footer-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.page{padding-top:27px;padding-bottom:95px}.breadcrumbs{display:flex;gap:11px;color:#647487;font-size:13px}.breadcrumbs a:hover{text-decoration:underline}.tool-heading{display:flex;gap:21px;align-items:flex-start;margin:42px 0 30px}.heading-icon{width:64px;height:64px;flex:none;border-radius:14px}.tool-heading h1{font-size:clamp(36px,4vw,52px);letter-spacing:-2px;line-height:1.1;margin:11px 0 14px}.tool-heading p{max-width:820px;color:#596b7e;font-size:17px;line-height:1.7;margin:0}.work-area{background:#fff;border:1px solid var(--line);border-radius:18px;min-height:350px;padding:36px;box-shadow:0 9px 35px rgba(16,35,63,.035)}.test-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:275px;text-align:center;gap:18px}.button{background:var(--navy);color:white;border:1px solid var(--navy);border-radius:9px;min-height:45px;padding:10px 20px;font-size:14px;font-weight:750;transition:background .15s}.button:hover{background:var(--navy-2)}.button:disabled{opacity:.55;cursor:wait}.button-secondary{background:#fff;color:var(--navy);border-color:#bccbd9}.button-secondary:hover{background:#f0f4f7}.controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}.controls select{border:1px solid var(--line);border-radius:9px;padding:10px 12px;max-width:280px;background:white;color:var(--text)}.status{padding:10px 15px;border-radius:8px;background:#f2f5f8;font-size:14px;color:#50657c;overflow-wrap:anywhere}.mic-graphic{flex-direction:column;gap:2px}.mic-bars,.mic-graphic{display:flex;align-items:center}.mic-bars{height:115px;gap:7px}.mic-bars i{width:7px;border-radius:5px;background:var(--orange);transition:height .1s}.mic-graphic strong{font-size:34px;line-height:1.2}.helper,.mic-graphic span,.result-dial span{color:var(--muted);font-size:14px}.video-shell{position:relative;background:#0e1b2c;width:min(100%,650px);aspect-ratio:16/9;border-radius:12px;overflow:hidden}.video-shell video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.video-empty{position:absolute;inset:0;display:grid;place-items:center;color:#c5d2df;font-size:15px;padding:20px}.key-display{min-width:280px;min-height:155px;display:flex;flex-direction:column;justify-content:center}.big-key{font-size:clamp(45px,8vw,78px);font-weight:750;line-height:1.2;overflow-wrap:anywhere}.big-key.muted{color:#abc0d0}.key-code{color:var(--muted);font-size:15px}.key-active{font-size:14px;color:#445a70}.history{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.history span{display:flex;flex-direction:column;padding:6px 13px;border-radius:7px;background:#f2f5f8}.history small{color:var(--muted)}.metric-grid,.mouse-stats{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:10px;gap:10px;margin-bottom:20px}.metric-grid>div,.mouse-stats>div{background:#f5f7f9;border:1px solid var(--line);border-radius:10px;min-width:0;padding:15px;text-align:center}.metric-grid strong,.mouse-stats strong{font-size:27px;line-height:1.2;display:block}.metric-grid small,.metric-grid span,.mouse-stats span{font-size:13px;color:var(--muted);display:block;text-transform:capitalize}.mouse-pad{background:radial-gradient(#dbe4ed 1px,transparent 0) 0 0/19px 19px,#f9fbfc;min-height:215px;border:1px dashed #9cafc0;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.mouse-pad strong{font-size:18px}.mouse-pad small{color:var(--muted)}.mouse-cross{font-size:37px;color:var(--orange)}.mouse-pad+.status{margin-top:13px}.empty-state{text-align:center;max-width:420px;margin:auto;padding:35px 0}.empty-symbol{display:block;font-size:58px;color:var(--orange);line-height:1}.empty-state h3{font-size:21px;margin:17px 0 5px}.empty-state p{color:var(--muted);margin:0}.pad-report h3{overflow-wrap:anywhere}.pad-report h4{margin-bottom:8px}.pad-report p{color:var(--muted)}.pad-buttons{display:flex;flex-wrap:wrap;gap:8px}.pad-buttons span{min-width:50px;text-align:center;padding:6px;border:1px solid var(--line);border-radius:8px}.pad-buttons span.on{background:#fff2d8;border-color:var(--orange)}.pad-buttons small{display:block;color:var(--muted)}.axis-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:15px;gap:15px}.axis-line{height:7px;background:#e2e9ef;border-radius:6px;position:relative;margin-top:7px}.axis-line i{position:absolute;width:10px;height:16px;background:var(--orange);border-radius:3px;top:-5px}.pixel-screen{width:min(100%,700px);aspect-ratio:16/8.3;position:relative;cursor:pointer;border:1px solid #d3dbe2}.pixel-label{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);padding:6px 11px;background:rgba(90,90,90,.4);color:#fff;border-radius:6px;white-space:nowrap;font-size:13px}.pixel-label small{margin-left:9px}.pixel-full{width:100vw;height:100vh;aspect-ratio:auto;border:none;display:grid;place-items:center}.pixel-full .pixel-label{bottom:20px}.color-picks{display:flex;gap:9px}.color-picks button{border:2px solid #bccbd9;border-radius:5px;width:29px;height:29px}.color-picks button.selected{outline:2px solid var(--orange);outline-offset:2px}.result-dial{width:220px;height:220px;border:10px solid #f1dfc0;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column}.result-dial strong{font-size:56px;line-height:1.2}.progress-track{width:min(100%,470px);height:8px;background:#e5ebf0;border-radius:10px;overflow:hidden}.progress-track div{height:100%;background:var(--orange);transition:width .15s}.speaker-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px;width:min(100%,550px)}.speaker-grid button{border:1px solid var(--line);border-radius:12px;background:#f8fafb;display:flex;flex-direction:column;align-items:center;padding:26px;gap:5px}.speaker-grid button.playing{border-color:var(--orange);background:#fff8ed}.speaker-grid button span{font-size:46px;color:#b76f0b}.speaker-grid button strong{font-size:17px}.speaker-grid button small{color:var(--muted)}.metric-grid{grid-template-columns:repeat(3,1fr);width:min(100%,700px);margin:0}.metric-grid>div{padding:23px 12px}.metric-grid strong{font-size:34px;margin:8px 0 3px}.browser-report{max-width:790px;margin:auto}.browser-report h3{font-size:21px;margin:0 0 12px}.browser-report>div{display:grid;grid-template-columns:220px 1fr;grid-gap:20px;gap:20px;border-bottom:1px solid var(--line);padding:11px 2px;overflow-wrap:anywhere}.browser-report span{color:var(--muted)}.browser-report strong{font-weight:600}.battery-visual{height:84px;width:170px;border:5px solid var(--navy);border-radius:12px;padding:5px;position:relative}.battery-visual:after{content:"";position:absolute;right:-13px;top:22px;height:30px;width:10px;background:var(--navy);border-radius:0 4px 4px 0}.battery-visual>div{height:100%;background:var(--orange);border-radius:4px}.privacy-strip{display:flex;align-items:center;gap:10px;color:#5b6e81;font-size:14px;padding:19px 3px}.privacy-strip svg{color:#b67821;flex:none}.content-cols{display:grid;grid-template-columns:1fr 1fr;grid-gap:42px;gap:42px;border-top:1px solid var(--line);padding-top:39px}.prose h2{font-size:25px;letter-spacing:-.5px;margin:0 0 17px}.prose ol{padding-left:22px;margin:0}.prose li{padding-left:5px;margin-bottom:12px}.prose li,.prose p{color:#536779;line-height:1.75}.note-box{display:flex;align-items:flex-start;gap:12px;background:#fff7ea;border:1px solid #f3dfb7;border-radius:10px;padding:15px;margin-top:22px}.note-box svg{color:#ae6c12;flex:none}.note-box p{margin:0}.faq{padding-bottom:14px}.faq h3{font-size:17px;margin:0 0 4px}.faq p{margin:0}.more-tools{margin-top:80px}.all-link{align-items:center;gap:3px;color:#9e5e0a;font-weight:700}.all-link,.lang-switch{display:flex;font-size:14px}.lang-switch{gap:16px;margin-top:43px;color:var(--muted)}.lang-switch a{color:#9b5f0c;font-weight:700}.lang-switch a:hover{text-decoration:underline}@media(max-width:850px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-cols{gap:25px}.hub-hero h1{letter-spacing:-2.5px}}@media(max-width:600px){.wrap{padding-left:18px;padding-right:18px}.nav{height:70px}.brand{font-size:19px}.brand-mark{width:36px;height:36px}.brand small{font-size:7px;letter-spacing:1.7px}.nav-right{gap:13px;font-size:13px}.language span{display:none}.hub-hero{padding:60px 0 68px}.hub-hero h1{font-size:46px;letter-spacing:-2px}.hub-hero p{font-size:16px}.hub-tools{padding-top:45px}.section-title{align-items:flex-start;flex-direction:column}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:190px}.footer-inner{flex-direction:column;justify-content:center;align-items:flex-start;padding-top:20px;padding-bottom:20px}.tool-heading{margin:28px 0 23px;gap:14px}.heading-icon{width:50px;height:50px}.tool-heading h1{font-size:34px}.tool-heading p{font-size:16px}.work-area{padding:20px;min-height:330px}.content-cols{grid-template-columns:1fr;gap:30px}.mouse-stats{grid-template-columns:repeat(3,1fr)}.mouse-stats>div{padding:9px}.metric-grid strong{font-size:25px}.metric-grid>div{padding:14px 5px}.metric-grid small,.metric-grid span{font-size:11px}.speaker-grid{gap:8px}.speaker-grid button{padding:18px 7px}.browser-report>div{grid-template-columns:1fr;gap:0}.pixel-label small{display:none}.more-tools{margin-top:55px}}.keyboard-zone{border:2px dashed transparent;border-radius:12px;width:100%;cursor:text}.keyboard-zone:focus{border-color:#e99a25;outline:none}.keyboard-zone:focus-visible{outline:3px solid #e99a25;outline-offset:3px}.brand img{display:block;width:auto;height:48px;max-width:100%}@media(max-width:600px){.brand img{height:38px}}.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}.hub-hero{padding:55px 0 59px}.hub-hero:after{opacity:.35}.hub-hero h1{font-size:clamp(42px,5vw,64px);margin:15px 0;letter-spacing:-2.8px}.hub-hero p{font-size:17px;max-width:720px;line-height:1.55}.hub-search{display:flex;align-items:center;gap:12px;max-width:575px;background:#fff;border:2px solid transparent;border-radius:11px;padding:0 15px;margin-top:26px;color:#62748a;position:relative;z-index:1}.hub-search:focus-within{border-color:var(--orange)}.hub-search input{width:100%;height:52px;border:0;outline:0;background:transparent;color:var(--text);font-size:16px}.hub-search input::placeholder{color:#718094}.hero-meta{margin-top:19px}.hub-tools{padding-top:46px}.tool-category{margin-bottom:55px}.tool-category:last-child{margin-bottom:0}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tool-card{min-height:185px;padding:20px}.tool-card strong{font-size:17px}.tool-card>span:nth-of-type(2){font-size:14px;margin-bottom:12px}.empty-search{padding:35px;background:white;border:1px solid var(--line);border-radius:12px}.page{padding-top:20px}.tool-heading{margin:24px 0 22px;gap:16px}.tool-heading h1{font-size:clamp(32px,3.8vw,46px);margin:5px 0 9px}.tool-heading p{font-size:16px;line-height:1.55}.work-area{padding:28px;min-height:320px}.more-tools{margin-top:55px}.more-tools .tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}input[type=number],select{font:inherit;min-height:42px;border:1px solid #cbd7e2;background:#fff;color:var(--text);border-radius:8px;padding:7px 11px}input[type=range]{accent-color:#c98216;cursor:pointer}.field-label{display:flex;flex-direction:column;gap:6px;text-align:left;font-size:14px;font-weight:650;color:#41556a}.field-label input[type=range]{width:220px}.form-grid{display:flex;gap:22px;justify-content:center;align-items:flex-end;flex-wrap:wrap;width:100%;max-width:750px}.form-grid label{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:14px;font-weight:650;min-width:170px}.form-grid input[type=range]{width:170px}.form-grid input[type=number]{width:116px}.form-grid select{min-width:170px}.record-disc{height:100px;width:100px;border-radius:50%;border:8px solid #ffe6c0;display:grid;place-items:center;background:#fff4e3}.record-disc span{width:34px;height:34px;border-radius:50%;background:#cf8521}.record-disc.recording span{border-radius:7px;animation:recording-pulse 1s ease-in-out infinite}@keyframes recording-pulse{50%{opacity:.55;transform:scale(.8)}}.record-timer{font-size:36px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:750;letter-spacing:-1px}.audio-recorder audio{max-width:100%;width:min(100%,480px)}.dictation-settings{display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:680px;text-align:left}.dictation-settings>label:first-child{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:650}.checkbox-label{display:flex;align-items:flex-start;gap:10px;line-height:1.45;font-size:14px}.checkbox-label input{margin-top:4px;accent-color:#bd7210}.transcript{width:min(100%,700px);text-align:left;background:#f7f9fb;border:1px solid var(--line);padding:20px;border-radius:12px}.transcript p{white-space:pre-wrap;min-height:36px;margin:9px 0 15px}.transcript p span{color:var(--muted)}.control-tool{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.metronome-display,.tone-value{display:flex;align-items:baseline;gap:8px;color:var(--navy)}.metronome-display strong,.tone-value strong{font-size:68px;letter-spacing:-3px;line-height:1}.metronome-display span,.tone-value span{font-size:19px;color:var(--muted)}.beat-row{display:flex;gap:12px}.beat-row span{width:32px;height:32px;border:1px solid #c9d5e1;border-radius:50%;display:grid;place-items:center;color:#55697e;font-size:13px}.beat-row span.active{background:var(--orange);color:#162940;border-color:var(--orange)}.string-picks{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.string-picks button{min-width:74px;padding:10px;border:1px solid #cfdae4;background:#fff;border-radius:9px;color:var(--navy)}.string-picks button.selected{background:#fff5e4;border-color:#d48b1d;box-shadow:inset 0 0 0 1px #d48b1d}.string-picks small,.string-picks strong{display:block}.string-picks strong{font-size:18px}.string-picks small{font-size:12px;color:#586b7d}.pitch-result{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px;width:min(100%,580px)}.pitch-result>div{border:1px solid var(--line);border-radius:12px;background:#f9fbfc;padding:16px;display:flex;flex-direction:column;gap:2px}.pitch-result small,.pitch-result span{font-size:14px;color:var(--muted)}.pitch-result strong{font-size:38px;line-height:1.2;overflow-wrap:anywhere}.tuning-meter{width:min(100%,580px)}.tuning-meter-track{height:13px;border-radius:20px;background:linear-gradient(90deg,#dce5ec,#f6e1bd 40%,#d58c22 50%,#f6e1bd 60%,#dce5ec);position:relative}.tuning-center{position:absolute;left:50%;height:23px;width:2px;background:#273b53;top:-5px}.tuning-meter-track i{position:absolute;top:-7px;width:14px;height:27px;border:3px solid #172f4c;background:white;border-radius:5px;transform:translateX(-50%)}.meter-labels{display:flex;justify-content:space-between;margin-top:11px;color:#566a7e;font-size:14px}.meter-labels strong{color:var(--navy)}.multitouch-pad,.touch-canvas{width:100%;height:310px;border:2px dashed #a8bdce;border-radius:13px;touch-action:none;background-color:#f9fbfd;background-image:linear-gradient(#edf2f6 1px,transparent 0),linear-gradient(90deg,#edf2f6 1px,transparent 0);background-size:24px 24px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.touch-canvas{display:block;cursor:crosshair}.multitouch-pad{position:relative;overflow:hidden;display:grid;place-items:center}.multitouch-pad p{color:#667b8d;pointer-events:none}.touch-point{position:absolute;width:64px;height:64px;transform:translate(-50%,-50%);border-radius:50%;background:#e99a25cc;border:3px solid #a86408;display:grid;place-items:center;color:#142940;font-size:21px;font-weight:800;pointer-events:none}.touch-stats{display:flex;gap:16px}.clicker-stats>div,.touch-stats>div{min-width:130px;border:1px solid var(--line);background:#f8fafb;border-radius:10px;padding:12px}.clicker-stats strong,.touch-stats strong{display:block;font-size:31px}.clicker-stats span,.touch-stats span{font-size:13px;color:var(--muted)}.sensor-icon{font-size:85px;color:#c98519;line-height:1}.tool-subheading{font-size:20px;margin:0}.sensor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;width:min(100%,650px)}.sensor-grid>div{padding:22px 10px;border:1px solid var(--line);border-radius:12px;background:#f8fafb}.sensor-grid small,.sensor-grid span{display:block;color:var(--muted)}.sensor-grid strong{display:block;font-size:35px;line-height:1.4;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pixel-warning{max-width:700px;background:#fff5e7;border:1px solid #f0d9ae}.fixer-stage{position:relative;width:min(100%,720px);height:330px;border:2px solid #a9baca;border-radius:11px;overflow:hidden;background:#e9edf0}.fixer-patch{position:absolute;width:112px;height:112px;display:grid;place-items:center;border:2px solid white;box-shadow:0 2px 16px #10233f55;touch-action:none;cursor:-webkit-grab;cursor:grab;background:#283f58;color:white;font-size:14px}.fixer-patch:active{cursor:-webkit-grabbing;cursor:grabbing}.fixer-patch.running{background:#e22d30;animation:pixel-cycle .6s steps(1) infinite}.fixer-patch.running span{display:none}@keyframes pixel-cycle{0%{background:#ed3d28}25%{background:#4c9e41}50%{background:#3868d0}75%{background:#fff}}@media(prefers-reduced-motion:reduce){.fixer-patch.running{animation-duration:1.5s}}.mirror-shell{width:min(100%,700px);aspect-ratio:16/9;position:relative;overflow:hidden;background:#101f30;border-radius:13px}.mirror-shell video{width:100%;height:100%;object-fit:cover}.spacebar-zone{width:min(100%,670px);min-height:195px;border-radius:15px;border:2px dashed #839db2;background:#f8fafb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.spacebar-zone:focus{outline:3px solid #e99a25;outline-offset:3px}.spacebar-zone strong{padding:8px 70px;background:white;border:1px solid #bac8d4;border-bottom:5px solid #a7b7c6;border-radius:12px;font-size:38px;letter-spacing:2px}.spacebar-zone.running strong{background:#fff0d5;border-color:#d48b1d}.spacebar-zone span{font-size:14px;color:#536a7f}.clicker-stats{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}@media(max-width:1000px){.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.more-tools .tool-grid,.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.nav-home{display:none}.nav-right{gap:8px}.language svg{display:none}.brand img{height:35px}.hub-hero{padding:43px 0 47px}.hub-hero h1{font-size:40px}.hub-hero p{font-size:16px}.hub-tools{padding-top:34px}.tool-category{margin-bottom:44px}.more-tools .tool-grid,.tool-grid{grid-template-columns:1fr}.tool-card{min-height:150px}.tool-heading{margin:20px 0}.tool-heading h1{font-size:31px}.work-area{padding:18px}.multitouch-pad,.touch-canvas{height:260px}.pitch-result strong{font-size:27px}.pitch-result>div{padding:12px}.sensor-grid strong{font-size:25px}.sensor-grid>div{padding:12px 4px}.clicker-stats>div,.touch-stats>div{min-width:90px}.clicker-stats strong{font-size:25px}.spacebar-zone strong{font-size:28px;padding:8px 45px}.metric-grid small,.metric-grid span{font-size:12px}}.mic-waveform{width:min(100%,380px);height:95px;display:block;background:#f7fafc;border:1px solid #e2e9ef;border-radius:10px}.mic-graphic{width:min(100%,420px)}.camera-facts{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.camera-facts span{font-size:14px;color:#395067;background:#f3f6f9;padding:7px 12px;border-radius:7px}.video-shell:-webkit-full-screen{width:100vw;height:100vh;aspect-ratio:auto;border-radius:0}.video-shell:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;border-radius:0}.keyboard-enhanced{display:flex;flex-direction:column;align-items:center;gap:19px;outline:none;border-radius:12px}.keyboard-enhanced:focus-visible{outline:3px solid #e99a25;outline-offset:4px}.key-overview{display:flex;gap:16px;justify-content:center;width:100%;max-width:680px}.key-overview>div{min-width:0;width:50%;padding:10px;border:1px solid var(--line);border-radius:10px;text-align:center;background:#f9fbfc}.key-overview span,.key-overview strong{display:block}.key-overview strong{font-size:32px;line-height:1.2;overflow-wrap:anywhere}.key-overview span{font-size:14px;color:var(--muted)}.keyboard-visual{max-width:100%;width:900px;overflow-x:auto;background:#f3f6f9;border:1px solid var(--line);border-radius:12px;padding:12px}.keyboard-row{display:flex;gap:5px;justify-content:center;margin-bottom:5px;min-width:690px}.keyboard-row:last-child{margin:0}.keyboard-row span{display:grid;place-items:center;flex:1 1;min-width:30px;height:39px;border:1px solid #bbcbd9;border-bottom:3px solid #aabaca;border-radius:6px;background:white;color:#435a70;font-size:12px;font-weight:700}.keyboard-row span.wide{flex:5 1}.keyboard-row span.tested{background:#fff4e1;border-color:#d3a158;color:#815014}.keyboard-row span.held{background:#e99a25;color:#10233f;border-color:#a9680c}.speaker-three{grid-template-columns:repeat(3,1fr);width:min(100%,660px)}.speaker-three button{padding:20px 8px}.gamepad-enhanced .view-toggle{justify-content:flex-end}.mouse-stats{grid-template-columns:repeat(6,1fr)}.pad-report small{font-size:12px;color:#65788b}.pad-report h3{margin-bottom:0}@media(max-width:600px){.keyboard-visual{padding:8px}.mouse-stats{grid-template-columns:repeat(3,1fr)}.speaker-three button span{font-size:32px}.speaker-three button strong{font-size:14px}.speaker-three button small{font-size:12px}.key-overview strong{font-size:25px}}.language-picker{position:relative;font-size:14px}.language-picker summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;padding:8px 0}.language-picker summary::-webkit-details-marker{display:none}.language-picker>div{position:absolute;right:0;top:100%;background:#fff;color:var(--navy);border:1px solid #d4dde7;border-radius:10px;min-width:135px;padding:6px;z-index:30;box-shadow:0 8px 26px #10233f20}.language-picker a{display:block;padding:9px 13px;border-radius:6px}.language-picker a:hover,.language-picker a[aria-current]{background:#fff1da;color:#71430a}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:#fff;color:var(--navy);padding:10px 16px;border:2px solid var(--orange);border-radius:6px}.skip-link:focus{top:10px}@media(max-width:600px){.language-picker summary svg{display:none}.brand img{height:32px}}.fixer-exit{display:none;position:absolute;bottom:16px;left:50%;transform:translateX(-50%);z-index:2}.fixer-stage:-webkit-full-screen{width:100vw;height:100vh;border:0;border-radius:0}.fixer-stage:fullscreen{width:100vw;height:100vh;border:0;border-radius:0}.fixer-stage:-webkit-full-screen .fixer-exit{display:block}.fixer-stage:fullscreen .fixer-exit{display:block}.mirror-shell:-webkit-full-screen{width:100vw;height:100vh;border-radius:0;aspect-ratio:auto}.mirror-shell:fullscreen{width:100vw;height:100vh;border-radius:0;aspect-ratio:auto}.hub-search-wrap{padding-top:28px}.hub-search-wrap .hub-search{margin-top:0}.hub-search-wrap .hero-meta{margin-top:14px;color:var(--muted)}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:11px;list-style:none;margin:0;padding:0}.support-content{margin-top:38px}.prose ul{padding-left:22px;margin:0}.faq-section{max-width:850px;border-top:1px solid var(--line);margin-top:56px;padding-top:39px}.faq-section .faq{padding:0 0 22px}.faq-section .faq:last-child{padding-bottom:0}.home-guidance{padding-bottom:90px}.guidance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.guidance-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px}.guidance-grid h3{font-size:18px;margin:0 0 8px}.guidance-grid p{color:var(--muted);line-height:1.7;margin:0}@media(max-width:600px){.hub-search-wrap{padding-top:20px}.guidance-grid{grid-template-columns:1fr}.home-guidance{padding-bottom:65px}.support-content{margin-top:30px}.faq-section{margin-top:44px;padding-top:30px}}.keyboard-tester-shell{display:flex;flex-direction:column;gap:20px;width:100%;min-width:0}.keyboard-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.keyboard-progress{display:grid;grid-template-columns:auto minmax(120px,230px) auto;align-items:center;grid-gap:13px;gap:13px;min-width:min(100%,430px)}.keyboard-progress>div:first-child{display:flex;flex-direction:column}.keyboard-progress strong{font-size:22px;line-height:1.2}.keyboard-progress span{font-size:12px;color:var(--muted)}.keyboard-progress>b{font-size:14px;color:#9b5f0c}.keyboard-progress-track{height:8px;border-radius:10px;background:#e3eaf0;overflow:hidden}.keyboard-progress-track i{display:block;height:100%;background:var(--orange);border-radius:inherit;transition:width .15s}.keyboard-layout-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 2px 8px rgba(16,35,63,.03)}.keyboard-layout-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px}.layout-control-group{display:flex;flex-direction:column;gap:6px}.layout-control-group .control-label{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.segmented-control{display:inline-flex;background:#edf2f6;border-radius:8px;padding:3px;border:1px solid #d4dee7}.segmented-btn{border:0;background:transparent;color:#45596e;font-size:13px;font-weight:700;padding:6px 14px;border-radius:6px;transition:all .15s;cursor:pointer}.segmented-btn.active{background:#fff;color:var(--navy);box-shadow:0 1px 4px rgba(16,35,63,.12)}.layout-control-group select{min-height:36px;padding:6px 10px;font-size:13px;border:1px solid #c9d7e3;border-radius:8px;background:#fff;color:var(--text)}.keyboard-layout-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #edf2f6;padding-top:10px}.summary-pill{font-size:13px;color:var(--navy);background:#fff5e4;padding:4px 12px;border-radius:6px;border:1px solid #f4dfbe}.summary-pill strong{color:#8a550d;margin-right:4px}.layout-note{font-size:12px;color:var(--muted)}.keyboard-capture{border:2px solid #bccbd9;background:#f7f9fb;border-radius:14px;padding:16px;min-width:0;outline:none}.keyboard-capture:focus{border-color:var(--orange);box-shadow:0 0 0 3px #e99a2530}.keyboard-capture:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.keyboard-live-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin-bottom:12px}.keyboard-live-summary>div{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:68px;padding:9px;background:#fff;border:1px solid var(--line);border-radius:9px;text-align:center;min-width:0}.keyboard-live-summary span{font-size:12px;color:var(--muted)}.keyboard-live-summary strong{font-size:20px;overflow-wrap:anywhere}.keyboard-focus-state{text-align:center;margin:9px 0 14px;font-size:14px;color:#617487;font-weight:650}.keyboard-focus-state.active{color:#8e5509}.keyboard-swipe-hint{display:none;text-align:center;color:var(--muted);font-size:12px;margin:0 0 8px}.keyboard-fit-wrapper{display:flex;justify-content:center;align-items:flex-start;max-width:100%;margin:0 auto}.keyboard-fit-wrapper .keyboard-board{margin:0!important}.keyboard-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;padding:2px 2px 10px}.keyboard-board{width:1080px;min-width:1080px;margin:auto}.keyboard-board.size-tkl{width:860px;min-width:860px}.keyboard-board.size-75{width:750px;min-width:750px}.keyboard-board.size-65{width:710px;min-width:710px}.keyboard-board.size-60{width:680px;min-width:680px}.keyboard-board.size-laptop{width:730px;min-width:730px}.keyboard-board.layout-mac.size-full{width:1120px;min-width:1120px}.keyboard-board.layout-mac.size-laptop{width:740px;min-width:740px}.keyboard-compact-deck,.keyboard-numpad-column{display:flex;flex-direction:column;gap:5px}.keyboard-extra-f-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:5px;gap:5px;margin-bottom:5px}.keyboard-key{min-width:0;height:45px;border:solid #b9c9d6;border-width:1px 1px 3px;border-radius:6px;background:#fff;color:#334b62;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;transition:background .08s,border-color .08s,transform .08s}.keyboard-key b{font-size:11px;white-space:nowrap}.keyboard-key small{font-size:9px;color:#728398;margin-bottom:2px}.keyboard-key.tested{background:#fff1d7;border-color:#d59635;color:#71440c}.keyboard-key.held{background:var(--orange);border-color:#9a5c09;color:var(--navy);transform:translateY(2px);border-bottom-width:1px}.keyboard-key.held small{color:#4e3a1a}.keyboard-key.untested-highlight{outline:2px dashed #e99a25;outline-offset:-2px;background:#fffaf2}.keyboard-key.iso-enter{border-color:#b9c9d6}.button.active-toggle{background:var(--navy);color:#fff;border-color:var(--navy)}.keyboard-function-row{display:flex;gap:5px;margin-bottom:15px}.keyboard-function-row .keyboard-key{flex:1 1}.keyboard-function-row .group-gap{margin-right:13px}.keyboard-deck{display:grid;grid-template-columns:680px 164px 204px;grid-gap:14px;gap:14px}.keyboard-board.size-tkl .keyboard-deck{grid-template-columns:680px 164px}.keyboard-board.layout-mac.size-full .keyboard-deck{grid-template-columns:680px 164px 244px}.keyboard-main{flex-direction:column}.keyboard-main,.keyboard-main-row{display:flex;gap:5px}.keyboard-navigation{display:flex;flex-direction:column;justify-content:space-between}.arrow-grid,.navigation-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:5px;gap:5px}.arrow-grid,.navigation-grid{grid-template-rows:repeat(2,45px)}.keyboard-navigation .keyboard-key b,.keyboard-numpad .keyboard-key b{font-size:10px}.keyboard-numpad{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,45px);grid-gap:5px;gap:5px}.keyboard-status-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.keyboard-details,.keyboard-extended,.keyboard-history,.keyboard-status-grid>section{background:#f8fafb;border:1px solid var(--line);border-radius:11px;padding:16px}.keyboard-extended h3,.keyboard-history h3,.keyboard-status-grid h3{font-size:16px;margin:0 0 7px}.keyboard-status-grid p{margin:0;overflow-wrap:anywhere}.keyboard-status-grid small{color:var(--muted)}.held-subtext{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}.meta-held-tag{font-size:12px;color:#85540e;background:#fff6e8;padding:2px 8px;border-radius:6px;border:1px solid #f2dfc3}.held-key-list{font-weight:700;color:var(--navy)}.lock-indicators{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:7px;gap:7px}.lock-indicators>div{background:#fff;border:1px solid var(--line);border-radius:7px;padding:7px;text-align:center}.lock-indicators span,.lock-indicators strong{display:block}.lock-indicators span{font-size:11px;color:var(--muted)}.lock-indicators strong{font-size:13px}.lock-indicators .on{border-color:#d9942d;background:#fff4e1}.keyboard-details summary{cursor:pointer;font-weight:750;color:var(--navy)}.event-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px;margin-top:14px}.event-details>div{background:#fff;border:1px solid var(--line);border-radius:7px;padding:9px;min-width:0}.event-details span,.event-details strong{display:block;overflow-wrap:anywhere}.event-details span{font-size:11px;color:var(--muted)}.event-details strong{font-size:14px}.keyboard-extended>div:first-child,.keyboard-history>div{display:flex;align-items:center;justify-content:space-between;gap:15px}.text-button{border:0;background:transparent;color:#955a0b;text-decoration:underline;padding:4px;font-size:13px}.keyboard-history ol{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-wrap:wrap;gap:7px}.keyboard-history li{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:7px;padding:6px 10px;min-width:74px}.keyboard-history small{color:var(--muted);font-size:10px}.keyboard-extended p,.keyboard-history p{color:var(--muted);font-size:13px;margin:8px 0 0}.keyboard-extended>div:first-child>span{font-size:13px;color:var(--muted)}.extended-function-row{display:grid;grid-template-columns:repeat(12,minmax(45px,1fr));grid-gap:5px;gap:5px;overflow-x:auto;padding:9px 0}.keyboard-extended ul{list-style:none;padding:0;margin:8px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:7px;gap:7px}.keyboard-extended li{display:grid;grid-template-columns:1fr auto;grid-gap:1px 8px;gap:1px 8px;background:#fff;border:1px solid var(--line);border-radius:7px;padding:8px}.keyboard-extended li b{font-size:12px}.keyboard-extended li span{font-family:ui-monospace,monospace;font-size:11px}.keyboard-extended li small{grid-column:1/-1;color:var(--muted)}.keyboard-notices{border-left:3px solid var(--orange);padding:3px 0 3px 14px;color:var(--muted);font-size:13px}.keyboard-notices p{margin:4px 0}.keyboard-tester-shell:-webkit-full-screen{background:var(--bg);padding:24px;overflow:auto}.keyboard-tester-shell:fullscreen{background:var(--bg);padding:24px;overflow:auto}.keyboard-tester-shell:-webkit-full-screen .keyboard-board{margin-left:auto;margin-right:auto}.keyboard-tester-shell:fullscreen .keyboard-board{margin-left:auto;margin-right:auto}@media(max-width:1100px){.keyboard-swipe-hint.is-scrollable{display:block}.keyboard-board{margin-left:0}.keyboard-scroll{scrollbar-color:#b8c7d4 #edf1f4}.keyboard-scroll::-webkit-scrollbar{height:10px}.keyboard-scroll::-webkit-scrollbar-thumb{background:#b8c7d4;border-radius:8px}.keyboard-scroll::-webkit-scrollbar-track{background:#edf1f4;border-radius:8px}}@media(max-width:700px){.keyboard-progress{grid-template-columns:auto 1fr auto;width:100%}.keyboard-toolbar .controls{justify-content:flex-start}.keyboard-live-summary{grid-template-columns:1fr}.keyboard-live-summary>div{min-height:54px}.keyboard-status-grid{grid-template-columns:1fr}.event-details{grid-template-columns:repeat(2,minmax(0,1fr))}.keyboard-extended ul{grid-template-columns:1fr}.keyboard-capture{padding:11px}.extended-function-row{grid-template-columns:repeat(12,48px)}.keyboard-layout-controls{flex-direction:column;align-items:stretch}.layout-control-group select{width:100%}}.hub-saas-root{padding-bottom:80px}.saas-hero{background:var(--navy);color:#fff;padding:64px 0 76px;position:relative;border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden}.saas-hero:after{content:"";position:absolute;right:-180px;top:-260px;width:600px;height:600px;border:1px solid rgba(255,255,255,.06);border-radius:50%;box-shadow:0 0 0 80px rgba(255,255,255,.015),0 0 0 160px rgba(255,255,255,.01);pointer-events:none}.saas-hero-grid{display:grid;grid-template-columns:1.2fr .9fr;grid-gap:48px;gap:48px;align-items:center}.saas-hero-content{display:flex;flex-direction:column;gap:18px}.hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:2px;color:var(--orange);text-transform:uppercase}.hero-badge-dot{width:7px;height:7px;border-radius:50%;background:var(--orange)}.saas-h1{font-size:clamp(34px,4.2vw,54px);line-height:1.12;letter-spacing:-1.8px;font-weight:800;margin:0;color:#fff}.saas-hero-copy{font-size:17px;line-height:1.65;color:#c5d2df;margin:0;max-width:560px}.hero-search-container{margin-top:8px;display:flex;flex-direction:column;gap:13px}.hero-search-label{display:flex;align-items:center;gap:12px;background:#fff;border:2px solid transparent;border-radius:11px;padding:0 16px;box-shadow:0 8px 24px rgba(16,35,63,.14);transition:border-color .15s}.hero-search-label:focus-within{border-color:var(--orange)}.hero-search-field{width:100%;height:52px;border:0;outline:0;font-size:16px;color:var(--text);background:transparent}.hero-search-field::placeholder{color:#718498}.search-icon{color:#718498;flex:none}.clear-search-btn{border:0;background:transparent;color:#718498;display:grid;place-items:center;padding:6px;border-radius:6px;cursor:pointer}.clear-search-btn:hover{color:var(--navy)}.hero-shortcuts{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;color:#b9cad9}.shortcuts-label{font-weight:600;margin-right:2px}.shortcut-tag{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#e5edf5;padding:5px 12px;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.shortcut-tag:hover{background:rgba(255,255,255,.18);border-color:var(--orange);color:#fff}.saas-hero-visual-col{display:flex;justify-content:center}.diagnostic-meter-card{background:#162844;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:22px;box-shadow:0 16px 40px rgba(8,18,33,.45);color:#fff;display:flex;flex-direction:column;gap:16px;width:100%;max-width:440px}.meter-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:12px}.meter-live-indicator{display:flex;align-items:center;gap:8px}.live-pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--orange);animation:hero-pulse 1.8s ease-in-out infinite}.meter-header-title{font-size:13px;font-weight:700;letter-spacing:.5px;color:#e5edf5}.meter-chip{font-size:11px;font-weight:700;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:5px;padding:2px 8px;color:#b8c9da}.meter-card-body{display:flex;flex-direction:column;gap:14px}.meter-device-row{justify-content:space-between}.device-spec,.meter-device-row{display:flex;align-items:center}.device-spec{gap:10px}.device-name{font-size:18px;font-weight:800;color:#fff}.device-badge{font-size:12px;font-weight:700;color:#10233f;background:#ffdca8;padding:3px 8px;border-radius:6px}.db-readout{font-size:22px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--orange)}.level-bar-cluster{display:flex;align-items:flex-end;justify-content:space-between;gap:6px;height:74px;background:rgba(16,35,63,.6);padding:12px;border-radius:9px;border:1px solid rgba(255,255,255,.08)}.level-bar{flex:1 1;min-width:4px;border-radius:4px;background:var(--orange);animation:hero-meter-wave 1.6s ease-in-out infinite}.bar-1{animation-delay:0s;height:35%}.bar-2{animation-delay:.2s;height:55%}.bar-3{animation-delay:.4s;height:75%}.bar-4{animation-delay:.1s;height:45%}.bar-5{animation-delay:.5s;height:85%}.bar-6{animation-delay:.25s;height:60%}.bar-7{animation-delay:.15s;height:50%}.bar-8{animation-delay:.35s;height:70%}.bar-9{animation-delay:.45s;height:80%}.bar-10{animation-delay:.2s;height:65%}.bar-11{animation-delay:.1s;height:40%}.bar-12{animation-delay:.3s;height:75%}.bar-13{animation-delay:.5s;height:50%}.bar-14{animation-delay:.15s;height:35%}.meter-status-banner{display:flex;align-items:center;gap:8px;background:rgba(233,154,37,.15);border:1px solid rgba(233,154,37,.35);color:#ffe4ba;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:700}.status-banner-icon{color:var(--orange);flex:none}.meter-card-footer{display:flex;align-items:center;gap:8px;font-size:12px;color:#9fb3c6;border-top:1px solid rgba(255,255,255,.08);padding-top:10px}@keyframes hero-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}@keyframes hero-meter-wave{0%,to{height:25%}50%{height:85%}}@keyframes touch-ripple{0%{transform:scale(1);opacity:.8}to{transform:scale(1.6);opacity:0}}@media(prefers-reduced-motion:reduce){.level-bar{height:50%!important}.level-bar,.live-pulse-dot,.phone-touch-point .touch-wave{animation:none!important}}.section-block{padding-top:58px}.section-head-clean{display:flex;flex-direction:column;gap:5px;margin-bottom:24px}.section-head-clean h2{font-size:clamp(24px,2.8vw,32px);letter-spacing:-.8px;color:var(--navy);margin:4px 0 0}.section-subtitle{font-size:15px;color:var(--muted);margin:0;max-width:700px}.popular-section{padding-top:48px}.popular-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:18px;gap:18px}.popular-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;display:flex;flex-direction:column;transition:transform .18s,border-color .18s,box-shadow .18s}.popular-card:hover{transform:translateY(-4px);border-color:var(--orange);box-shadow:0 14px 30px rgba(16,35,63,.08)}.popular-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.popular-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:#fff5e5;color:#b76f0b;border:1px solid #f5e1bf}.popular-badge{font-size:11px;letter-spacing:.5px;text-transform:uppercase;background:#edf2f7;padding:3px 8px;border-radius:5px}.popular-badge,.popular-title{font-weight:800;color:var(--navy)}.popular-title{font-size:18px;margin-bottom:8px;line-height:1.25}.popular-desc{font-size:14px;color:var(--muted);line-height:1.55;margin:0 0 20px}.popular-cta-row{margin-top:auto}.popular-cta-link{font-size:14px;font-weight:800;color:#a9650c;display:inline-flex;align-items:center;gap:4px}.popular-card:hover .popular-cta-link{color:var(--navy)}.category-jump-nav{margin-top:32px;margin-bottom:8px}.category-jump-bar{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 16px;overflow-x:auto;white-space:nowrap}.jump-lead-text{color:var(--muted);margin-right:4px}.jump-lead-text,.jump-link{font-size:13px;font-weight:700}.jump-link{display:inline-flex;align-items:center;gap:7px;background:#f3f6f9;border:1px solid #e1e9f0;color:var(--navy);padding:6px 13px;border-radius:8px;transition:all .15s}.jump-link:hover{background:#fff3de;border-color:var(--orange);color:#854f0a}.jump-count{font-size:11px;background:#fff;border:1px solid #cbd8e3;color:var(--muted);border-radius:10px;padding:1px 6px}.device-tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}.device-tool-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;flex-direction:column;transition:border-color .15s,transform .15s}.device-tool-card:hover{border-color:#e4b160;transform:translateY(-2px)}.device-card-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.device-tool-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:#f4f7fa;color:var(--navy);border:1px solid #e2eaf1;flex:none}.device-card-header strong{font-size:15px;color:var(--navy)}.device-card-desc{font-size:13px;line-height:1.5;color:var(--muted);margin:0 0 14px}.device-card-bottom{margin-top:auto}.device-card-cta{font-size:13px;font-weight:750;color:#a9650c}.audio-grouped-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:20px;gap:20px}.audio-subgroup{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;display:flex;flex-direction:column}.subgroup-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:16px}.subgroup-header h3{font-size:15px;font-weight:800;color:var(--navy);margin:0}.subgroup-tag{font-size:10px;font-weight:800;letter-spacing:1.5px;color:var(--orange);text-transform:uppercase}.subgroup-cards{gap:12px}.audio-item-card,.subgroup-cards{display:flex;flex-direction:column}.audio-item-card{background:#f8fafc;border:1px solid #e5ecf2;border-radius:10px;padding:14px;transition:border-color .15s}.audio-item-card:hover{border-color:var(--orange);background:#fffbf5}.audio-item-top{display:flex;align-items:center;gap:10px;margin-bottom:6px}.audio-item-top strong{font-size:15px;color:var(--navy)}.audio-item-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:7px;background:#fff;border:1px solid #dce5ee;color:var(--navy);flex:none}.audio-item-card p{font-size:13px;color:var(--muted);line-height:1.45;margin:0 0 10px}.audio-item-link{font-size:12px;font-weight:750;color:#a9650c}.tuners-compact-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.tuner-pill-link{display:flex;align-items:center;justify-content:space-between;gap:6px;background:#f8fafc;border:1px solid #e3ebf2;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:700;color:var(--navy);transition:all .15s}.tuner-pill-link:hover{background:#fff4e1;border-color:var(--orange);color:#814f0e}.tuner-pill-icon{color:#a9650c;flex:none}.tuner-pill-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tuner-pill-arrow{color:#8ea3b6;flex:none}.subgroup-footer{margin-top:16px;padding-top:12px;border-top:1px solid #eef2f6;text-align:center}.all-audio-link{font-size:13px;font-weight:750;color:#a9650c}.mobile-split-container{display:grid;grid-template-columns:1fr 1.3fr;grid-gap:32px;gap:32px;align-items:center}.mobile-device-visual{gap:12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px}.mobile-device-visual,.phone-mockup{display:flex;flex-direction:column;align-items:center}.phone-mockup{width:210px;height:340px;background:var(--navy);border-radius:30px;border:4px solid #233c5d;box-shadow:0 12px 32px rgba(16,35,63,.15);padding:10px 8px;position:relative}.phone-speaker-grille{width:42px;height:4px;background:#3a5475;border-radius:3px;margin-bottom:8px}.phone-screen{width:100%;flex:1 1;background:#0f1f33;border-radius:20px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.phone-screen-grid{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 0);background-size:16px 16px}.phone-touch-point{position:absolute;width:40px;height:40px;border-radius:50%;background:rgba(233,154,37,.3);border:2px solid var(--orange);display:grid;place-items:center;color:#fff;font-size:12px;font-weight:800}.phone-touch-point.pt-1{top:32%;left:28%}.phone-touch-point.pt-2{bottom:26%;right:24%}.phone-touch-point .touch-wave{position:absolute;inset:-6px;border-radius:50%;border:1px dashed var(--orange);animation:touch-ripple 2s ease-out infinite}.phone-sensor-axis{position:absolute;bottom:8px;left:8px;right:8px}.sensor-axis-badge{background:rgba(16,35,63,.85);border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:4px 8px;display:flex;justify-content:space-between;font-size:9px;font-weight:700;font-family:monospace;color:#e5edf5}.phone-home-pill{width:56px;height:4px;background:#3a5475;border-radius:3px;margin-top:6px}.phone-caption{font-size:12px;font-weight:700;color:var(--muted)}.mobile-tools-list{display:flex;flex-direction:column;gap:10px}.mobile-tool-row{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 18px;transition:all .15s}.mobile-tool-row:hover{border-color:var(--orange);transform:translateX(3px)}.mobile-row-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#fff7ea;border:1px solid #f5dfba;color:#b76f0b;flex:none}.mobile-row-content{flex:1 1;min-width:0}.mobile-row-title{font-size:15px;color:var(--navy);display:block}.mobile-row-desc{font-size:13px;color:var(--muted);margin:2px 0 0;line-height:1.4}.mobile-row-arrow{color:#8ca1b5;transition:color .15s}.mobile-tool-row:hover .mobile-row-arrow{color:var(--navy)}.network-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.network-diag-card{display:flex;gap:16px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;transition:border-color .15s,transform .15s}.network-diag-card:hover{border-color:var(--orange);transform:translateY(-2px)}.network-icon-box{display:grid;place-items:center;width:46px;height:46px;border-radius:10px;background:#f3f6f9;border:1px solid #e1e9f1;color:var(--navy);flex:none}.network-card-main{flex:1 1}.network-card-title{font-size:16px;color:var(--navy);display:block;margin-bottom:4px}.network-card-desc{font-size:13px;color:var(--muted);margin:0 0 10px;line-height:1.5}.network-card-action{font-size:13px;font-weight:750;color:#a9650c}.how-steps-grid{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:32px 28px}.step-item{display:flex;gap:16px;align-items:flex-start;flex:1 1}.step-num-bubble{width:36px;height:36px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:15px;font-weight:800;flex:none}.step-body{display:flex;flex-direction:column;gap:4px}.step-title{font-size:15px;font-weight:800;color:var(--navy)}.step-desc{font-size:13px;color:var(--muted);margin:0;line-height:1.5}.step-divider{width:40px;height:1px;background:var(--line);flex:none}.permissions-editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}.editorial-col{background:#fff;border:1px solid var(--line);border-left:4px solid var(--orange);border-radius:10px;padding:22px;display:flex;flex-direction:column;gap:10px}.editorial-col-header{display:flex;align-items:center;gap:10px}.editorial-icon{color:#b76f0b;flex:none}.editorial-col h3{font-size:16px;font-weight:800;color:var(--navy);margin:0}.editorial-col p{font-size:13px;color:var(--muted);line-height:1.65;margin:0}.all-tools-index-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px}.compact-index-item{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600;color:var(--navy);transition:all .15s}.compact-index-item:hover{border-color:var(--orange);background:#fffaf2;color:#7a4b0d}.index-item-icon{color:#9fb0c1;display:grid;place-items:center;flex:none}.compact-index-item:hover .index-item-icon{color:var(--orange)}.index-item-title{white-space:normal;line-height:1.35;word-break:normal}.saas-search-results-section{padding-top:40px}.section-header-compact{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.clear-btn-inline{font-size:14px;font-weight:700}@media(max-width:1024px){.saas-hero-grid{grid-template-columns:1fr;gap:36px}.saas-hero-visual-col{justify-content:flex-start}.device-tools-grid,.popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audio-grouped-grid,.mobile-split-container{grid-template-columns:1fr}.how-steps-grid{flex-direction:column;align-items:stretch;gap:24px}.step-divider{display:none}.permissions-editorial-grid{grid-template-columns:1fr}.all-tools-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.saas-hero{padding:42px 0 48px}.all-tools-index-grid,.device-tools-grid,.network-tools-grid,.popular-grid,.tuners-compact-list{grid-template-columns:1fr}.section-block{padding-top:42px}.hero-shortcuts,.shortcut-tag{font-size:12px}.shortcut-tag{padding:4px 9px}}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:var(--navy);border-bottom:1px solid rgba(255,255,255,.1);width:100%}.nav-inner{height:68px;display:flex;justify-content:space-between;gap:20px}.brand,.nav-inner{align-items:center}.brand{display:inline-flex;flex-shrink:0;color:#fff}.brand-logo-img{display:block;height:32px;width:auto;max-width:100%}.desktop-nav{display:flex;align-items:center;gap:4px}.nav-item-dropdown{position:relative}.nav-link{display:inline-flex;align-items:center;gap:5px;padding:8px 12px;color:#d1dde8;font-size:14px;font-weight:600;border-radius:6px;transition:color .15s,background-color .15s;border:none;background:transparent;cursor:pointer;line-height:1.2}.nav-link.active,.nav-link:hover{color:#ffffff;background-color:rgba(255,255,255,.08)}.nav-chevron{color:#8da4ba;transition:transform .2s ease;flex-shrink:0}.nav-chevron.rotate{transform:rotate(180deg)}.all-tools-link{color:#e5edf5}.all-tools-link:hover{color:var(--orange)}.nav-dropdown-panel{position:absolute;top:calc(100% + 6px);left:0;min-width:240px;background:#142742;border:1px solid rgba(255,255,255,.14);border-radius:10px;box-shadow:0 14px 36px rgba(8,18,33,.55);padding:10px;z-index:110;animation:dropdown-fade-in .15s ease-out}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-panel-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px 8px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:6px}.dropdown-category-title{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--orange)}.dropdown-all-link{font-size:11px;font-weight:700;color:#9cb2c7;transition:color .15s}.dropdown-all-link:hover{color:#ffffff}.dropdown-tool-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.dropdown-tool-item{display:block;padding:7px 10px;border-radius:6px;font-size:13px;font-weight:600;color:#cdd9e5;transition:all .12s;white-space:nowrap}.dropdown-tool-item:hover{background:rgba(255,255,255,.08);color:#ffffff;padding-left:13px}.dropdown-tool-item.current-tool{color:var(--orange);background:rgba(233,154,37,.1)}.nav-right-cluster{display:flex;align-items:center;gap:10px}.lang-btn{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#d1dde8;font-size:13px;font-weight:600;padding:7px 12px;border-radius:7px;cursor:pointer;transition:all .15s;line-height:1.2}.lang-btn.active,.lang-btn:hover{background:rgba(255,255,255,.14);color:#ffffff;border-color:rgba(255,255,255,.25)}.lang-panel{right:0;left:auto;min-width:140px}.lang-option{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:600;color:#cdd9e5;transition:background .15s}.lang-option:hover{background:rgba(255,255,255,.08);color:#ffffff}.lang-option.selected{color:var(--orange)}.lang-active-dot{width:6px;height:6px;border-radius:50%;background:var(--orange)}.mobile-quick-lang{display:none;align-items:center;justify-content:center;gap:5px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#e5edf5;font-size:13px;font-weight:700;padding:0 12px;height:44px;min-width:44px;box-sizing:border-box;border-radius:8px;transition:background .15s}.mobile-quick-lang:hover{background:rgba(255,255,255,.16);color:#ffffff}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#ffffff;border-radius:8px;cursor:pointer;transition:background .15s;padding:0}.mobile-menu-btn:hover{background:rgba(255,255,255,.16)}.mobile-drawer-backdrop{position:fixed;inset:0;background:rgba(8,18,33,.7);z-index:200;display:flex;justify-content:flex-end}.mobile-drawer-content{width:100%;max-width:360px;height:100%;background:#10233f;border-left:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;overflow-y:auto;box-shadow:-8px 0 32px rgba(0,0,0,.4)}.mobile-drawer-header{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.mobile-drawer-title{font-size:16px;font-weight:800;color:#ffffff}.mobile-drawer-close{display:grid;place-items:center;width:44px;height:44px;background:transparent;border:0;color:#c5d2df;border-radius:8px;cursor:pointer}.mobile-drawer-close:hover{color:#ffffff;background:rgba(255,255,255,.08)}.mobile-drawer-body{padding:16px 18px 40px;display:flex;flex-direction:column;gap:14px}.mobile-accordion-group{display:flex;flex-direction:column;gap:6px}.mobile-accordion-item{border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(255,255,255,.03);overflow:hidden}.mobile-accordion-trigger{width:100%;min-height:46px;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:transparent;border:0;color:#ffffff;font-size:15px;font-weight:700;cursor:pointer;text-align:left}.mobile-accordion-chevron{color:#8fa5ba;transition:transform .2s ease;flex-shrink:0}.mobile-accordion-chevron.rotate{transform:rotate(180deg)}.mobile-accordion-panel{padding:6px 14px 14px;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:6px;background:rgba(0,0,0,.15)}.mobile-cat-overview{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:var(--orange);padding:6px 0}.mobile-tool-sublist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.mobile-tool-link{display:flex;align-items:center;padding:8px 0;font-size:14px;font-weight:600;color:#c9d6e4;min-height:40px}.mobile-tool-link:hover{color:#ffffff}.mobile-section-divider{height:1px;background:rgba(255,255,255,.1);margin:2px 0}.mobile-group-eyebrow{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--orange);display:block;margin-bottom:8px}.mobile-popular-grid{display:grid;grid-template-columns:1fr;grid-gap:6px;gap:6px}.mobile-popular-link{display:flex;align-items:center;padding:10px 14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:8px;font-size:14px;font-weight:700;color:#ffffff;min-height:44px}.mobile-popular-link:hover{background:rgba(255,255,255,.1);border-color:var(--orange)}.mobile-all-tools-row{display:flex}.mobile-all-tools-link{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:rgba(233,154,37,.12);border:1px solid rgba(233,154,37,.3);border-radius:8px;font-size:15px;font-weight:800;color:#ffe5bf;min-height:48px}.mobile-lang-options{display:flex;gap:8px}.mobile-lang-choice{flex:1 1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:14px;font-weight:700;color:#c9d6e4;min-height:44px}.mobile-lang-choice.active{border-color:var(--orange);background:rgba(233,154,37,.15);color:#ffffff}.footer{background:var(--navy);color:#b9c7d4;border-top:1px solid rgba(255,255,255,.1);padding-top:52px;padding-bottom:40px}.footer-content{gap:40px}.footer-content,.footer-top{display:flex;flex-direction:column}.footer-top{gap:12px;max-width:580px}.footer-brand{display:inline-flex;align-items:center}.footer-logo-img{display:block;height:32px;width:auto}.footer-intro-text{font-size:15px;line-height:1.6;color:#a4b7ca;margin:0}.footer-columns-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:32px;gap:32px}.footer-col{display:flex;flex-direction:column;gap:14px}.footer-col-header{background:transparent;border:0;padding:0;color:#ffffff;font-size:13px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center;cursor:default;text-align:left}.footer-accordion-icon{display:none}.footer-links-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.footer-link{font-size:14px;color:#b9cad8;transition:color .15s;line-height:1.4;display:inline-block}.footer-link:hover{color:#ffffff;text-decoration:underline}.footer-all-tools-link{color:var(--orange);font-weight:700;margin-top:4px}.footer-lang-link{display:inline-flex;align-items:center;gap:6px}.footer-lang-link.active{color:var(--orange);font-weight:700}.footer-bottom-bar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);padding-top:24px;font-size:13px;color:#8da2b6;flex-wrap:wrap;gap:12px}.footer-copyright{color:#a4b7ca}.footer-tagline{color:#8da2b6}@media (max-width:900px){.desktop-nav,.lang-dropdown-container{display:none}.mobile-menu-btn,.mobile-quick-lang{display:inline-flex}.footer-columns-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}}@media (max-width:600px){.nav-inner{height:60px}.brand-logo-img{height:27px}.footer{padding-top:36px;padding-bottom:32px}.footer-content{gap:28px}.footer-columns-grid{grid-template-columns:1fr;gap:0}.footer-col{border-bottom:1px solid rgba(255,255,255,.08);padding:0;gap:0}.footer-col:first-child{border-top:1px solid rgba(255,255,255,.08)}.footer-col-header{cursor:pointer;min-height:48px;padding:12px 0}.footer-accordion-icon{display:block;color:#8fa5ba;transition:transform .2s ease}.footer-accordion-icon.rotate{transform:rotate(180deg)}.footer-links-list{display:none;padding-bottom:14px;gap:8px}.footer-links-list.open{display:flex}.footer-link{min-height:36px;display:flex;align-items:center}.footer-bottom-bar{flex-direction:column;align-items:flex-start;gap:8px;padding-top:20px}}.mic-page{padding-top:24px;padding-bottom:90px}.mic-page-intro{margin:28px 0 26px}.mic-page-intro h1{font-size:clamp(34px,4.2vw,50px);font-weight:800;letter-spacing:-1.8px;line-height:1.1;color:var(--navy);margin:10px 0 12px}.mic-page-intro .tool-intro-text{font-size:17px;line-height:1.65;color:#4f6376;max-width:780px;margin:0}.mic-workspace{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px 34px;box-shadow:0 4px 24px rgba(16,35,63,.04);display:flex;flex-direction:column;gap:22px}.mic-workspace-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf2f7;padding-bottom:18px}.mic-title-wrap{display:flex;align-items:center;gap:12px}.mic-badge-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#fff5e5;border:1px solid #f5dfba;color:#b76f0b}.mic-workspace-heading{font-size:20px;font-weight:750;color:var(--navy);letter-spacing:-.4px}.mic-status-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:700;transition:all .2s ease}.status-indicator-dot{width:8px;height:8px;border-radius:50%;flex:none}.badge-idle{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.dot-idle{background:#94a3b8}.badge-waiting{background:#fff8eb;color:#b45309;border:1px solid #fed7aa}.dot-waiting{background:#f59e0b;animation:mic-dot-pulse 1.4s ease-in-out infinite}.badge-listening{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.dot-listening{background:#22c55e}.badge-signal{background:#fff7ed;color:#c2410c;border:1px solid #ffedd5}.dot-signal{background:var(--orange);animation:mic-dot-pulse 1s ease-in-out infinite}.badge-nosignal{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.dot-nosignal{background:#cbd5e1}.badge-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.dot-error{background:#ef4444}@keyframes mic-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.mic-device-row{display:flex;flex-direction:column;gap:7px}.mic-field-label{font-size:13px;font-weight:700;color:#4a5c70;letter-spacing:.2px}.mic-select-wrap{width:100%}.mic-input-select{width:100%;min-height:44px;padding:9px 14px;border:1px solid #cbd6e2;border-radius:9px;background-color:#fff;color:var(--text);font-size:15px;font-weight:550;transition:border-color .15s,box-shadow .15s}.mic-input-select:focus{border-color:var(--orange);outline:none;box-shadow:0 0 0 3px rgba(233,154,37,.2)}.mic-meter-section{display:flex;flex-direction:column;gap:8px}.mic-meter-header{display:flex;justify-content:space-between;align-items:baseline}.mic-meter-label{font-size:13px;font-weight:700;color:#4a5c70}.mic-meter-val{font-size:22px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--navy)}.mic-meter-track{height:16px;background:#e6edf4;border-radius:8px;position:relative;overflow:hidden;border:1px solid #d8e2eb}.mic-meter-fill{height:100%;background:var(--orange);border-radius:7px;transition:width .08s ease-out}.mic-meter-peak-tick{position:absolute;top:0;bottom:0;width:3px;background:var(--navy);border-radius:1px;z-index:2;transform:translateX(-50%)}.mic-meter-scale{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:#7b8e9f;padding:0 2px}.mic-waveform-section{display:flex;flex-direction:column;gap:7px}.mic-waveform-header{display:flex;justify-content:space-between;align-items:center}.mic-waveform-label{font-size:13px;font-weight:700;color:#4a5c70}.mic-canvas-wrap{position:relative;width:100%;background:#f8fafc;border:1px solid #dce5ee;border-radius:10px;overflow:hidden;height:84px}.mic-canvas{width:100%;height:84px;display:block}.mic-canvas-idle-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.mic-idle-text{font-size:13px;font-weight:650;color:#556c82;background:rgba(255,255,255,.92);padding:5px 14px;border-radius:6px;border:1px solid #d8e2eb;box-shadow:0 1px 4px rgba(16,35,63,.04)}.mic-metrics-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.mic-metric-card{background:#f8fafc;border:1px solid #dfe6ec;border-radius:10px;padding:13px 18px;display:flex;flex-direction:column;gap:3px}.mic-metric-label{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.mic-peak-header{display:flex;justify-content:space-between;align-items:center}.mic-reset-btn{border:none;background:transparent;color:#a4620b;font-size:11px;font-weight:700;padding:0;cursor:pointer;text-decoration:underline}.mic-reset-btn:hover{color:var(--navy)}.mic-metric-number{font-size:26px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--navy);line-height:1.2}.mic-actions-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:4px}.button.button-navy{background:var(--navy);color:#fff;border:1px solid var(--navy)}.button.button-navy:hover{background:var(--navy-2);border-color:var(--navy-2)}.mic-primary-btn{gap:9px;padding:12px 24px;font-size:15px;font-weight:750}.mic-primary-btn,.mic-record-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:9px}.mic-record-btn{gap:8px;padding:11px 20px;font-size:14px;font-weight:700}.mic-record-btn.recording-active{background:#fef2f2;border-color:#fca5a5;color:#b91c1c}.mic-notice-banner{display:flex;align-items:center;gap:10px;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:9px;padding:12px 16px;font-size:14px;line-height:1.5}.mic-notice-icon{flex:none;color:#dc2626}.mic-playback-card{background:#f0f7ff;border:1px solid #c7ddf5;border-radius:11px;padding:16px 18px;display:flex;flex-direction:column;gap:10px}.mic-playback-header{display:flex;justify-content:space-between;align-items:center}.mic-playback-title{display:flex;align-items:center;gap:8px;color:var(--navy);font-size:14px}.mic-success-icon{color:#16a34a;flex:none}.mic-discard-btn{border:none;background:transparent;color:#64748b;display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;cursor:pointer}.mic-discard-btn:hover{color:#dc2626}.mic-audio-element{width:100%;height:40px;border-radius:6px}.mic-playback-note{font-size:12px;color:#556c82}.mic-editorial-section{margin-top:52px;border-top:1px solid var(--line);padding-top:38px}.mic-editorial-section h2{font-size:25px;letter-spacing:-.6px;margin:0 0 22px;color:var(--navy)}.mic-steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}.mic-step-item{display:flex;gap:16px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}.mic-step-num{width:36px;height:36px;border-radius:50%;background:#fff5e5;color:#b76f0b;border:1px solid #f5dfba;font-weight:800;font-size:16px;display:grid;place-items:center;flex:none}.mic-step-content strong{display:block;font-size:16px;color:var(--navy);margin-bottom:6px}.mic-step-content p{color:#536779;font-size:14px;line-height:1.65;margin:0}.mic-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.mic-result-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}.mic-result-card h3{font-size:16px;font-weight:750;color:var(--navy);margin:0 0 8px}.mic-result-card p{color:#536779;font-size:14px;line-height:1.65;margin:0}.mic-troubleshoot-list{display:flex;flex-direction:column;gap:10px}.troubleshoot-row{display:flex;gap:16px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:16px 20px;align-items:flex-start}.troubleshoot-seq{width:28px;height:28px;border-radius:7px;background:#f0f4f8;color:var(--navy);font-weight:800;font-size:13px;display:grid;place-items:center;flex:none;margin-top:1px}.troubleshoot-row strong{display:block;font-size:15px;color:var(--navy);margin-bottom:3px}.troubleshoot-row p{color:#536779;font-size:14px;line-height:1.6;margin:0}.mic-limits-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.mic-limits-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 24px}.mic-limits-card h3{font-size:16px;margin:0 0 14px}.can-card h3{color:#15803d}.cannot-card h3{color:#b91c1c}.mic-limits-card ul{padding-left:20px;margin:0}.mic-limits-card li{color:#536779;font-size:14px;line-height:1.65;margin-bottom:10px}.mic-limits-card li:last-child{margin-bottom:0}.mic-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.mic-related-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;display:flex;flex-direction:column;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.mic-related-card:hover{transform:translateY(-2px);border-color:#e4b160;box-shadow:0 8px 22px rgba(16,35,63,.06)}.mic-related-card strong{font-size:17px;color:var(--navy);margin-bottom:6px}.mic-related-card p{color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 16px}.related-cta{margin-top:auto;color:#a9650c;font-weight:750;font-size:13px;display:inline-flex;align-items:center;gap:6px}@media (max-width:900px){.mic-limits-grid,.mic-related-grid,.mic-steps-grid{grid-template-columns:1fr}}@media (max-width:600px){.mic-page{padding-top:16px;padding-bottom:65px}.mic-page-intro{margin:20px 0}.mic-page-intro h1{font-size:32px}.mic-workspace{padding:18px 16px;border-radius:13px;gap:18px}.mic-workspace-header{flex-direction:column;align-items:flex-start;gap:12px}.mic-actions-row{flex-direction:column;align-items:stretch}.mic-actions-row button{width:100%}.mic-results-grid{grid-template-columns:1fr}.troubleshoot-row{padding:14px 16px}}