@font-face{font-family:Inter;src:url(assets/Inter-var.woff) format('woff');font-weight:100 900;font-display:swap}@font-face{font-family:Noto;src:url(assets/NotoSansSC-500.woff) format('woff');font-weight:400 500;font-display:swap}@font-face{font-family:Noto;src:url(assets/NotoSansSC-700.woff) format('woff');font-weight:600 900;font-display:swap}
:root{--paper:#f5f3ed;--ink:#18353d;--muted:#64706c;--blue:#2864d8;--line:#dcded4;--serif:'Noto',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,Noto,sans-serif;-webkit-font-smoothing:antialiased}button,a,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}button:active{transform:translateY(1px)}img{max-width:100%;height:auto}section[id]{scroll-margin-top:40px}.skip{position:fixed;top:-90px;left:20px;background:var(--ink);color:white;padding:16px;z-index:10}.skip:focus{top:15px}.header{max-width:1240px;margin:auto;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 36px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:23px;font-weight:700;letter-spacing:-.8px}.brand img{border-radius:9px}.brand>span{font-size:11px;font-weight:500;margin-left:4px;letter-spacing:.8px;color:var(--muted)}nav{display:flex;align-items:center;gap:30px;font-size:13px}nav a:hover{color:var(--blue)}.nav-download{background:transparent;color:var(--ink);border:1px solid #b9c4bf;padding:11px 17px;border-radius:7px}.nav-download:hover{background:#e6e9dc}.hero{padding:54px 30px 58px;text-align:center;overflow:hidden}.eyebrow{font-family:Inter,Noto,sans-serif;font-size:10px;font-weight:600;letter-spacing:2.1px;margin:0 0 24px;color:var(--muted)}.hero>.eyebrow{display:flex;justify-content:center;align-items:center;gap:9px}.dot{height:7px;width:7px;background:#82a774;border-radius:50%}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(49px,6.3vw,86px);line-height:1.16;letter-spacing:-4px;font-weight:700;margin-bottom:26px}h1 span{color:var(--blue)}.intro{font-size:18px;line-height:1.8;color:var(--muted);margin:0 auto 27px}.mobile-break{display:none}.hero-actions{display:flex;align-items:center;justify-content:center;gap:28px}.button{display:inline-flex;gap:26px;align-items:center;justify-content:center;min-height:49px;border:none;border-radius:8px;padding:14px 23px;font-weight:600;font-size:14px;transition:background .2s,box-shadow .2s}.primary{background:var(--blue);color:#fff;box-shadow:0 4px 10px #2864d81a}.primary:hover:not(:disabled){background:#194fae;box-shadow:0 5px 13px #2864d82b}.text-link{font-size:13px;border-bottom:1px solid #a9b3a8;padding:5px 0}.text-link span{margin-left:6px}.compat{font-size:10px;color:var(--muted);margin:16px 0 0;letter-spacing:.2px}.compat span{padding:0 7px}.shelf-stage{margin:52px auto 0;max-width:1150px;border:1px solid #dadfd6;border-radius:14px;background:#e8eddd;position:relative;padding:25px 0 19px}.stage-label{text-align:left;padding:0 28px;font-size:9px;color:#6a7763;letter-spacing:1.7px;display:flex;gap:7px;align-items:center}.tiny-dot{width:5px;height:5px;border-radius:50%;background:#8b9a7b}.native-shelf{display:block;width:100%;margin:16px 0 0;animation:land .8s cubic-bezier(.2,.8,.2,1) both}.stage-note{display:flex;justify-content:space-between;padding:0 28px;margin-top:2px;font-size:10px;color:#697764}.benefits{display:flex;justify-content:center;gap:45px;font-size:11px;color:var(--muted);margin-top:25px}.benefits i{font-style:normal;font-size:13px;color:#76905d;margin-right:5px}.feature-section{max-width:1240px;margin:auto;padding:89px 36px 80px;border-top:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1.05fr .95fr;align-items:end;margin-bottom:45px}.section-heading .eyebrow{grid-column:1/-1;margin-bottom:21px}.section-heading h2{font-size:43px;line-height:1.35;letter-spacing:-1.8px;margin:0}.section-heading>p:last-child{font-size:14px;color:var(--muted);margin:0 0 8px}.features{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature{padding:34px;background:#fffdf7;border:1px solid #e2e2d8;border-radius:12px;overflow:hidden}.number{font-size:10px;letter-spacing:1px;color:#819076;display:block;margin-bottom:26px}.feature h3{font-size:29px;letter-spacing:-.8px;line-height:1.35;margin-bottom:18px}.feature p{font-size:13px;line-height:1.9;color:var(--muted);max-width:470px}.feature-note{display:block;font-size:10px;line-height:1.8;color:#74816d}.copy-demo{margin:28px 0 23px;border:1px solid #eceee4;background:#f2f4e9;padding:23px;border-radius:8px}.mini-source{display:flex;align-items:center;justify-content:space-between;font-size:11px}.copy-chip{background:white;border:1px solid #dce3d8;padding:7px 12px;border-radius:5px}.copy-chip span{margin-left:12px}.dotted-arrow{text-align:center;margin:12px;color:#9aa88b}.receipt{padding:13px;border-radius:8px;background:white;display:flex;gap:12px;align-items:center;font-size:12px;box-shadow:0 3px 10px #18353d06}.receipt small{display:block;margin-top:5px;font-size:9px;color:var(--muted)}.receipt>span{margin-left:auto;color:#759564}.feature-order{background:#e9eef3}.feature-order .number{color:#607d9d}.feature-order>img{margin:28px 0 20px;width:100%}.feature-drag{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.35fr;column-gap:70px;background:#edeae2;padding-bottom:0}.feature-drag .number{grid-column:1}.feature-drag h3{grid-column:1;margin-top:12px}.feature-drag p{grid-column:1;margin-bottom:35px}.feature-drag>img{grid-column:2;grid-row:1/4;align-self:start;box-shadow:0 3px 14px #18353d12;border-radius:8px 8px 0 0;transform:translateY(22px);max-height:300px;object-fit:cover;object-position:top}.film-section{background:#18353d;padding:66px 36px;color:#f5f3ed}.film-heading{max-width:1168px;margin:0 auto 26px}.film-heading .eyebrow{color:#94aea7}.film-heading h2{font-size:32px;letter-spacing:-1px;margin-bottom:15px}.film-heading>p:last-child{font-size:12px;color:#acbdb7}.film{max-width:1168px;margin:auto;border-radius:10px;overflow:hidden;background:#f4f3ef;box-shadow:0 8px 30px #0002}.film video{display:block;width:100%;height:auto;aspect-ratio:16/9}.film-caption{max-width:1168px;margin:16px auto 0;color:#acbdb7;font-size:10px;line-height:1.7}.quiet{max-width:1240px;margin:auto;padding:90px 36px}.quiet h2{font-size:47px;line-height:1.3;letter-spacing:-2px}.quiet-details{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.quiet-details>p{font-size:14px;line-height:1.9;max-width:430px;color:var(--muted)}.shortcut{border-top:1px solid #cbd1c4;padding-top:20px;font-size:11px;color:var(--muted)}.shortcut>div{display:flex;align-items:center;gap:7px;margin-top:14px}kbd{font-family:Inter,sans-serif;display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;background:#fffdf7;border:1px solid #d8ded0;border-radius:6px;box-shadow:0 2px 0 #d8ded0;font-size:16px;color:var(--ink)}.shortcut>div>span{font-size:10px;margin-left:12px}.install-section{max-width:1240px;margin:auto;padding:70px 36px 95px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:70px}.install-heading h2{font-size:38px;line-height:1.4;letter-spacing:-1.8px;margin-bottom:20px}.install-heading>p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.8}.install-heading .button{margin:9px 0 7px}.download-info{font-size:11px!important}.install-content h3{font-size:15px;line-height:1.6;margin-bottom:22px}details{border-top:1px solid #d5dacf;padding:17px 0}details:last-child{border-bottom:1px solid #d5dacf}summary{font-size:12px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:18px;color:#7a896c}details[open] summary:after{content:'−'}details p{font-size:11px;line-height:1.9;color:var(--muted);margin:13px 24px 0 0}footer{max-width:1168px;border-top:1px solid var(--line);padding:27px 0 40px;margin:auto;display:flex;gap:25px;align-items:center}footer .brand{font-size:20px}footer>p{font-size:11px;margin:0;color:var(--muted)}footer>span{margin-left:auto;font-size:9px;color:var(--muted)}footer>span a{text-decoration:underline;text-underline-offset:3px}@keyframes land{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero{padding-top:80px}.shelf-stage{margin-top:60px}}@media(max-width:800px){.brand>span{display:none}.header{height:82px;padding:0 24px}nav{gap:20px}nav>a{font-size:11px}.nav-download{font-size:11px;padding:10px 12px}.hero{padding:47px 20px 40px}h1{letter-spacing:-2px}.intro{font-size:15px}.eyebrow{font-size:8px;letter-spacing:1.6px}.shelf-stage{margin-top:38px;padding-top:17px}.stage-label{font-size:7px;padding:0 18px;letter-spacing:1px}.stage-note{padding:0 18px;font-size:8px}.native-shelf{margin-top:15px}.benefits{gap:25px;font-size:10px}.feature-section{padding:55px 24px}.section-heading h2{font-size:34px}.section-heading>p:last-child{font-size:11px}.feature{padding:24px}.feature h3{font-size:25px}.feature p{font-size:12px}.copy-demo{padding:15px}.receipt{gap:8px}.receipt small{font-size:8px}.feature-drag{column-gap:30px;padding-bottom:0}.feature-drag>img{max-height:280px}.film-section{padding:47px 24px}.quiet{padding:60px 24px}.quiet h2{font-size:38px}.quiet-details{gap:40px}.install-section{padding:50px 24px;gap:40px}.install-heading h2{font-size:30px}footer{margin:0 24px;flex-wrap:wrap}footer>span{width:100%;margin-left:0}}@media(max-width:520px){.header{padding:0 20px;height:75px}.brand{font-size:20px;gap:8px}.brand img{width:30px;height:30px}nav{gap:12px}nav>a:first-child{display:none}.hero{padding-top:36px}h1{font-size:55px;line-height:1.22;letter-spacing:-2.5px;margin-bottom:20px}.intro{font-size:14px}.mobile-break{display:block}.hero-actions{gap:19px;flex-wrap:wrap}.button{font-size:12px;padding:14px 17px;gap:18px}.text-link{font-size:11px}.compat{font-size:9px;line-height:1.8}.compat span{padding:0 3px}.shelf-stage{margin-left:-7px;margin-right:-7px;padding-bottom:14px}.stage-label{font-size:6px}.native-shelf{width:calc(100% + 10px);max-width:none;margin-left:-5px}.stage-note{margin-top:8px;gap:10px;font-size:7px}.benefits{gap:15px;font-size:9px}.section-heading{display:block}.section-heading h2{font-size:32px}.section-heading>p:last-child{margin-top:18px}.features{grid-template-columns:1fr}.feature{padding:27px}.feature h3{font-size:27px}.feature-order>img{margin:25px 0 18px}.feature-drag{display:block;padding-bottom:0}.feature-drag>img{transform:translateY(0);display:block;max-height:none;margin-top:22px}.film-heading h2{font-size:25px}.quiet h2{font-size:35px}.quiet-details{grid-template-columns:1fr;gap:15px}.quiet-details>p{font-size:13px}.install-section{grid-template-columns:1fr;gap:34px}.install-heading h2{font-size:32px}.install-content h3{font-size:14px}footer>span{line-height:1.9}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}