:root{color-scheme:dark;--bg:#181a19;--panel:#222523;--ink:#f4f5f2;--muted:#adb5af;--accent:#a6dbc5;--line:#383d39}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang TC","Microsoft JhengHei",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;height:auto}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}a:hover{color:var(--accent)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance}h1,h2{font-weight:650;line-height:1.22;letter-spacing:-.04em}h3{font-weight:600;letter-spacing:-.02em}p{color:var(--muted)}.wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}.skip{position:fixed;left:20px;top:-100px;background:var(--accent);color:#151b17;padding:10px;z-index:10}.skip:focus{top:10px}.header{position:sticky;top:0;z-index:5;background:#181a19f5;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.nav{min-height:86px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:650;white-space:nowrap;letter-spacing:-.04em}.nav nav{display:flex;gap:26px;align-items:center;margin-left:auto;font-size:13px;color:#c4cbc6}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border-radius:7px;padding:14px 22px;font-size:15px;font-weight:650;line-height:1.4;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.nav-cta{border:1px solid #697a70;font-size:13px;padding:12px 16px}.primary{background:var(--accent);color:#152b20;box-shadow:0 5px 18px #0002}.primary:hover{background:#c8eedc;color:#12291c}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;padding-top:62px;padding-bottom:58px;align-items:center;min-height:740px}.eyebrow{font-size:11px;letter-spacing:.17em;color:var(--accent);font-weight:600;display:flex;align-items:center;gap:9px;margin-bottom:24px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px #a6dbc511}h1{font-size:clamp(34px,4.3vw,57px);margin-bottom:27px}h1 span,.sound-section h2 span{color:var(--accent)}.intro{font-size:17px;line-height:1.95}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:34px;flex-wrap:wrap}.text-link{font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:12px}.purchase-note{font-size:12px;margin-top:16px}.purchase-note span{display:inline-block;margin-left:14px;color:#858e87}.hero-signature{margin-top:63px;font-size:12px;color:#99a39b;display:flex;align-items:center;gap:12px}.tiny-line{width:28px;height:1px;background:#75837a}.hero-visual{position:relative;display:flex;flex-direction:column;align-items:center;padding:18px 24px 16px;border:1px solid #414a43;border-radius:15px;background:#202421}.frame-label{align-self:stretch;display:flex;align-items:center;gap:7px;font:9px/1.5 ui-monospace,monospace;letter-spacing:.05em;color:#b6c1b9;margin-bottom:17px}.frame-label>span:last-child{margin-left:auto;color:#79887e}.record-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#df9187}.app-frame{width:276px;max-width:100%;border:1px solid #434643;border-radius:13px;overflow:hidden;box-shadow:0 25px 40px #0003}.hero-visual figcaption{display:flex;align-items:center;gap:10px;font-size:11px;color:#a2afa6;margin-top:22px}.frame-corner{width:12px;height:12px;border-bottom:1px solid var(--accent);border-left:1px solid var(--accent)}.spec-strip{background:#202321;border-block:1px solid var(--line)}.specs{display:grid;grid-template-columns:repeat(4,1fr);padding-block:29px}.specs>div{display:flex;flex-direction:column;align-items:center;border-right:1px solid var(--line)}.specs>div:last-child{border:0}.specs strong{font-size:19px;font-weight:550;letter-spacing:-.02em}.specs span{font-size:11px;color:var(--muted);margin-top:3px}.section{padding-block:105px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:52px}h2{font-size:42px}.section-head>p{font-size:15px}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.mode{position:relative;border-top:1px solid #515951;padding-top:30px}.mode-number{position:absolute;right:0;top:24px;font:12px ui-monospace,monospace;color:#7e8d82}.mode h3{font-size:22px;margin-top:23px;margin-bottom:9px}.mode p{font-size:14px;max-width:310px}.mode-icon{position:relative;width:38px;height:28px;border:2px solid var(--accent);border-radius:5px}.mode-icon:after{content:"";position:absolute;right:-7px;bottom:-6px;width:12px;height:12px;border-radius:50%;background:var(--bg);border:2px solid var(--accent)}.workspace-icon:before{content:"";position:absolute;top:6px;left:0;right:0;border-top:2px solid var(--accent)}.area-icon{border-style:dashed;border-radius:2px}.gallery{margin-top:55px}.gallery-controls{display:flex;gap:6px;border-bottom:1px solid var(--line);padding-bottom:14px;flex-wrap:wrap}.gallery-controls button{cursor:pointer;background:transparent;border:1px solid transparent;color:var(--muted);padding:8px 17px;border-radius:5px;font-size:13px}.gallery-controls button[aria-pressed="true"]{color:var(--accent);border-color:#4b6355;background:#24382c}.gallery-controls button:hover{color:var(--ink)}.gallery figure{margin-top:20px}.gallery figure img{width:100%;border:1px solid var(--line);border-radius:10px;aspect-ratio:1.6;object-fit:contain;background:#132027}.gallery figcaption{font-size:12px;color:var(--muted);margin-top:12px}.muted{font-size:13px}.sound-section{background:#222924;border-block:1px solid #39443b;padding-block:98px}.sound-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.section-copy{margin-top:26px;margin-bottom:26px;font-size:15px}.sound-list article{display:flex;gap:20px;align-items:center;padding-block:26px;border-bottom:1px solid #445148}.sound-list article:first-child{border-top:1px solid #445148}.sound-list article>span{font:12px ui-monospace,monospace;color:#90b69f;align-self:flex-start;padding-top:5px}.sound-list h3{font-size:20px;margin-bottom:8px}.sound-list p{font-size:13px;line-height:1.85}.wave{display:flex;align-items:center;gap:3px;margin-left:auto;padding-left:7px}.wave i{width:3px;height:20px;background:var(--accent);border-radius:3px}.wave i:nth-child(2n){height:34px}.wave i:nth-child(3n){height:12px}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:48px;counter-reset:step;margin:0 0 65px}.steps li>span{display:grid;place-items:center;border:1px solid #607c68;border-radius:50%;color:var(--accent);height:37px;width:37px;font:14px ui-monospace,monospace;margin-bottom:24px}.steps h3{font-size:22px;margin-bottom:9px}.steps p{font-size:14px}kbd{font:12px ui-monospace,monospace;border:1px solid #526156;border-radius:3px;padding:3px 5px;white-space:nowrap}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.details-grid article{padding:36px 40px;background:#222523;border:1px solid var(--line);border-radius:10px}.details-grid h3{font-size:27px;line-height:1.45;margin-bottom:18px}.details-grid p:last-child{font-size:14px;max-width:410px}.details-grid .eyebrow{font-size:10px;margin-bottom:25px}.faq-section{border-block:1px solid var(--line);padding-block:90px}.faq-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:75px}.faq-grid h2{font-size:35px}.faq-items details{border-bottom:1px solid var(--line);padding:22px 0}.faq-items details:first-child{padding-top:0}.faq-items summary{font-size:16px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary:after{content:"+";color:var(--accent);font-size:24px;font-weight:300}.faq-items details[open] summary:after{content:"−"}.faq-items details p{font-size:14px;margin-top:13px;max-width:550px;line-height:1.95}.closing{text-align:center;padding-block:90px 95px}.closing>img{margin:0 auto 28px}.closing .eyebrow{justify-content:center;margin-bottom:18px}.closing h2{font-size:49px}.closing>p:not(.eyebrow){margin-top:20px;margin-bottom:28px}.closing small{display:block;margin-top:15px;color:#8e9a91;font-size:11px}.footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:32px;border-top:1px solid var(--line)}.footer .brand{font-size:19px}.footer p{font-size:10px;margin-top:4px}.footer nav{display:flex;gap:24px;color:var(--muted);font-size:12px}
@media(min-width:1450px){.hero{gap:100px}.hero-visual{padding-inline:40px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.nav{gap:16px}.nav nav{gap:15px}.nav nav a:not(.privacy-nav){display:none}.hero{gap:30px;min-height:680px}.hero-visual{padding-inline:18px}.hero-actions{gap:18px}.hero-signature{margin-top:40px}.sound-grid{gap:45px}h2{font-size:36px}.faq-grid{gap:35px}.footer nav{gap:15px}}
@media(max-width:700px){html{scroll-padding-top:100px}.wrap{width:calc(100% - 40px)}.nav{min-height:76px;gap:12px;flex-wrap:wrap;padding-block:13px}.brand{font-size:20px;gap:7px}.brand img{width:32px;height:32px}.nav nav{order:3;flex-basis:100%;justify-content:center;gap:25px;font-size:11px}.nav nav a:not(.privacy-nav){display:inline}.nav-cta{margin-left:auto;font-size:11px;padding:9px 12px;gap:8px}.hero{grid-template-columns:1fr;padding-top:49px;padding-bottom:35px;gap:38px}.eyebrow{font-size:10px;margin-bottom:21px}h1{font-size:clamp(31px,8.4vw,49px);margin-bottom:22px}.intro{font-size:15px}.hero-actions{margin-top:27px;gap:19px}.hero-actions .button{font-size:14px;padding:13px 17px}.text-link{font-size:12px}.purchase-note{font-size:11px}.purchase-note span{margin-left:8px}.hero-signature{display:none}.hero-visual{width:100%;max-width:470px;margin-inline:auto}.app-frame{width:244px}.frame-label{font-size:8px}.hero-visual figcaption{font-size:10px}.specs{grid-template-columns:1fr 1fr;row-gap:24px;padding-block:27px}.specs>div:nth-child(2){border:0}.specs strong{font-size:18px}.section{padding-block:65px}.section-head{display:block;margin-bottom:34px}.section-head>p{margin-top:23px;font-size:14px}h2{font-size:34px}.mode-grid{grid-template-columns:1fr;gap:29px}.mode{padding-top:24px;padding-left:64px;min-height:110px}.mode-icon{position:absolute;left:0;top:33px}.mode h3{margin-top:0;font-size:20px}.mode p{max-width:none;padding-right:15px}.mode-number{top:26px;font-size:10px}.gallery{margin-top:36px}.gallery-controls{gap:3px;justify-content:space-between}.gallery-controls button{padding:7px 6px;font-size:11px}.gallery figcaption{font-size:11px}.sound-section{padding-block:60px}.sound-grid{grid-template-columns:1fr;gap:37px}.sound-section h2{font-size:32px}.steps{grid-template-columns:1fr;gap:29px;margin-bottom:39px}.steps li{position:relative;padding-left:58px}.steps li>span{position:absolute;left:0;top:0}.steps h3{font-size:20px}.details-grid{grid-template-columns:1fr}.details-grid article{padding:29px}.details-grid h3{font-size:25px}.faq-section{padding-block:60px}.faq-grid{grid-template-columns:1fr;gap:34px}.faq-grid h2{font-size:32px}.faq-items summary{font-size:15px}.closing{padding-block:65px}.closing h2{font-size:40px}.footer{align-items:flex-start;flex-direction:column;padding-block:28px}.footer nav{flex-wrap:wrap;gap:12px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Real page links keep language switching accessible without JavaScript. */
.nav{gap:20px}.nav nav{gap:18px;flex-wrap:wrap}.language-switch{position:relative;flex-shrink:0;margin-left:auto;font-size:12px}.language-switch summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #526156;border-radius:6px;color:var(--ink);white-space:nowrap}.language-switch summary::-webkit-details-marker{display:none}.language-switch summary:hover,.language-switch[open] summary{border-color:var(--accent)}.language-options{position:absolute;right:0;top:calc(100% + 8px);z-index:20;width:180px;padding:6px;background:#242925;border:1px solid #526156;border-radius:8px;box-shadow:0 12px 32px #0006}.language-options a{display:block;padding:10px 12px;border-radius:4px}.language-options a:hover,.language-options a[aria-current="page"]{background:#34483a;color:var(--accent)}.specs strong,.specs span{text-align:center;padding-inline:8px}.hero-actions{flex-wrap:wrap}.footer nav{flex-wrap:wrap}.nav-cta{flex-shrink:0}
@media(max-width:1150px){html{scroll-padding-top:140px}.nav{flex-wrap:wrap;padding-block:12px;row-gap:12px}.nav nav{order:3;flex-basis:100%;justify-content:center}.nav nav a:not(.privacy-nav){display:inline}}
@media(max-width:700px){.nav-cta{display:none}.nav nav{gap:10px 18px;line-height:1.7}.language-switch{font-size:12px}.language-switch summary{padding:8px 10px}.specs strong{font-size:16px}.hero-actions{align-items:flex-start}.hero-copy,.sound-grid>div{min-width:0}html[lang="en"] h1{font-size:clamp(29px,8vw,49px)}.footer nav{line-height:1.9}}