:root{color-scheme:dark;--navy:#101e35;--panel:#192c48;--line:#30445f;--white:#f3f6fb;--muted:#b1bfd2;--yellow:#ffd34e;--ink:#142643;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--navy);color:var(--white);font:16px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang TC","Microsoft JhengHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.28}h1{font-size:clamp(42px,4.5vw,66px);letter-spacing:-2.2px;font-weight:750}h2{font-size:clamp(30px,3vw,44px);font-weight:700;letter-spacing:-1px}h3{font-size:22px;font-weight:650;letter-spacing:-.3px}p{max-width:66ch}.shell{width:min(1200px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;left:20px;top:-80px;background:var(--yellow);color:var(--ink);padding:10px 20px;z-index:20}.skip:focus{top:10px}:focus-visible{outline:3px solid var(--yellow);outline-offset:5px;border-radius:4px}.nav{min-height:106px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:11px;font-weight:750;font-size:27px;letter-spacing:-.8px}.brand img{border-radius:10px}.nav nav{display:flex;gap:32px;font-size:14px;color:var(--muted)}.nav nav a:hover,.text-link:hover,.footer a:hover{color:var(--yellow)}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:52px;padding:12px 25px;background:var(--yellow);color:var(--ink);font-weight:700;font-size:15px;border:1px solid var(--yellow);border-radius:9px;text-align:center;transition:background .15s}.button:hover{background:#ffe48e}.button.small{min-height:42px;padding:7px 17px;font-size:13px}.button.secondary{background:transparent;border-color:var(--line);color:var(--white)}.button.secondary:hover{background:var(--panel)}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600}.hero{display:grid;grid-template-columns:.95fr 1.35fr;align-items:center;gap:52px;padding-block:74px 94px}.hero-copy{position:relative;z-index:1}.platforms{font-size:12px;letter-spacing:.2px;color:var(--muted);display:flex;align-items:center;gap:9px;margin-bottom:22px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--yellow)}.lead{color:var(--muted);margin-top:26px;font-size:16px;line-height:1.95}.hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:30px}.hero-note{margin-top:20px;font-size:12px;color:var(--muted)}.hero-demo{border:1px solid var(--line);border-radius:13px;overflow:hidden;box-shadow:0 22px 65px #060e1b80;transform:rotate(-1deg)}.demo-bar{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#20324b;color:var(--muted);font-size:10px;line-height:1.4}.window-dots{display:flex;gap:5px;flex-shrink:0}.window-dots i{width:6px;height:6px;border-radius:50%;background:#6b7c93}.window-dots i:first-child{background:#d78075}.window-dots i:nth-child(2){background:#dfc16c}.window-dots i:nth-child(3){background:#7fa78b}.demo-local{margin-left:auto;color:#c7d4e5}.app-preview{width:100%;aspect-ratio:840/600;object-fit:contain}.demo-controls{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--panel);font-size:11px;color:var(--muted);gap:10px}.switch{display:flex;gap:3px;border:1px solid #435773;border-radius:6px;padding:3px}.switch button{font-size:11px;line-height:1.4;border:0;border-radius:3px;padding:4px 10px;color:var(--muted);background:transparent}.switch button[aria-pressed=true]{color:var(--ink);background:var(--yellow);font-weight:650}.promise-strip{border-block:1px solid var(--line)}.promise-inner{display:flex;justify-content:space-between;gap:24px;padding-block:21px;font-size:13px;color:#ced8e6}.promise-inner span{display:flex;align-items:center;gap:12px}.promise-inner b{font-size:20px;color:var(--yellow);font-weight:400}.section{padding-block:100px}.section-kicker{font-size:13px;color:var(--muted);margin-bottom:16px}.section-heading>p:last-child{color:var(--muted);margin-top:21px;max-width:530px}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:55px}.feature-list article{border-top:1px solid var(--line);padding-top:26px}.feature-symbol{font-size:29px;line-height:1;color:var(--yellow);display:block;margin-bottom:24px}.feature-list p{font-size:14px;color:var(--muted);margin-top:16px;line-height:1.9}.browser-section{background:#f3f6fb;color:var(--ink);padding-block:100px}.browser-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}.browser-copy>p:not(.section-kicker){margin-top:24px;color:#536580;font-size:15px}.browser-copy .section-kicker{color:#536580}.browser-copy .text-link{margin-top:26px}.browser-copy .text-link:hover{color:#244c88}.browser-copy .fine-print{font-size:12px!important;margin-top:17px!important}.check-list{list-style:none;padding:0;margin:25px 0 0;display:grid;gap:12px;font-size:14px}.check-list li{position:relative;padding-left:24px}.check-list li:before{content:'✓';position:absolute;left:0;font-weight:700;color:#a8bfdc}.browser-copy .check-list li:before{color:#244c88}.browser-art{position:relative;padding:36px 46px 70px 0;min-height:390px}.browser-window{border:1px solid #c6d2e1;border-radius:12px;overflow:hidden;background:#e4ebf5;min-height:285px}.browser-address{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;padding:12px;font-size:10px;color:#536580;border-bottom:1px solid #d5deeb}.browser-address img{border-radius:5px}.player{position:relative;margin:28px 24px;border-radius:8px;background:#d5deeb;height:170px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;color:#536580;font-size:11px}.play{width:42px;height:42px;background:#fff;color:#244c88;border-radius:50%;display:grid;place-items:center;font-size:14px;padding-left:3px}.player-track{position:absolute;bottom:12px;width:88%;height:3px;background:#b6c5d9}.player-track i{display:block;width:35%;height:3px;background:#244c88}.extension-preview{position:absolute;width:220px;right:0;bottom:0;border:1px solid var(--line);border-radius:10px;box-shadow:0 16px 40px #14264325}.workspace{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.workspace-copy>p:last-of-type{color:var(--muted);font-size:15px;margin-top:24px}.os-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:26px}.os-tags span{font-size:11px;border:1px solid var(--line);padding:5px 10px;border-radius:5px;color:var(--muted)}.workspace figure{overflow:hidden}.workspace figure .demo-bar{border-radius:10px 10px 0 0;border:1px solid var(--line)}.workspace figure>img{border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px;width:100%}figcaption{font-size:10px;color:var(--muted);padding-top:12px}.plans-section{padding-block:90px;background:#15253e;border-block:1px solid var(--line)}.compact{text-align:center}.compact>p{margin-inline:auto}.plans-grid{max-width:850px;margin:44px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:24px}.plan-card{padding:34px;background:var(--navy);border:1px solid var(--line);border-radius:var(--radius);display:flex;align-items:flex-start;flex-direction:column}.plan-card.pro{border:1px solid var(--yellow)}.plan-badge{font-size:12px;line-height:1;font-weight:700;padding:7px 12px;border-radius:6px;background:#e8eef7;color:var(--ink);margin-bottom:26px}.pro-badge{background:var(--yellow)}.plan-card h3{font-size:21px}.price{font-size:38px;font-weight:700;line-height:1.3;letter-spacing:-1px;margin-top:19px}.price span{font-size:14px;letter-spacing:0;font-weight:400;color:var(--muted)}.plan-description{font-size:12px;color:var(--muted);margin-top:12px}.plan-card .check-list{font-size:13px;gap:11px;margin-block:28px 32px}.plan-card .button{width:100%;margin-top:auto}.plan-footnote{font-size:12px;color:var(--muted);text-align:center;max-width:none;margin-top:24px}.install-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:95px}.install-steps{display:grid;gap:32px}.install-steps article{display:flex;gap:22px;padding-bottom:30px;border-bottom:1px solid var(--line)}.step{display:grid;place-items:center;flex-shrink:0;background:var(--panel);border:1px solid var(--line);color:var(--yellow);width:32px;height:32px;border-radius:50%;font-size:14px;line-height:1}.install-steps h3{font-size:20px;margin-top:2px}.install-steps p{font-size:14px;color:var(--muted);margin-top:13px}.install-platforms{margin-top:18px}.install-platforms details{border-top:1px solid var(--line)}.install-platforms summary{font-size:13px;padding-block:10px}.install-platforms details p{font-size:12px;margin-top:0;margin-bottom:12px}.faq-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:95px;padding-top:0}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:'＋';font-size:19px;font-weight:400;line-height:1;color:var(--muted)}details[open]>summary:after{content:'−'}.faq-list summary{padding:21px 0;font-size:15px;font-weight:600}.faq-list p{padding-bottom:23px;font-size:14px;color:var(--muted)}.closing{border-top:1px solid var(--line);padding-block:70px 90px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:25px}.closing h2{font-size:34px}.closing img{border-radius:17px}.footer{border-top:1px solid var(--line);padding-block:32px;display:flex;align-items:center;flex-wrap:wrap;gap:22px}.footer .brand{font-size:21px}.footer>p{font-size:12px;color:var(--muted)}.footer>div{margin-left:auto;display:flex;gap:24px;align-items:center;font-size:11px;color:var(--muted)}.footer .footer-note{flex-basis:100%;font-size:11px;color:#96a7be;max-width:none}.legal{max-width:760px;padding-block:80px}.legal h1{font-size:42px;margin-bottom:30px}.legal h2{font-size:23px;margin-top:34px;margin-bottom:15px}.legal p{color:var(--muted);margin-block:15px}.legal a{text-decoration:underline}.legal .date{font-size:13px}.not-found{text-align:center;min-height:65vh;display:grid;align-content:center;justify-items:center;gap:24px}.not-found h1{font-size:42px}@media(min-width:1500px){.hero{padding-block:96px 115px}}@media(max-width:1100px){.shell{width:calc(100% - 64px)}.hero{gap:30px}.hero-actions{gap:16px}.hero-copy .lead{font-size:14px}.hero-actions .button{padding-inline:18px;font-size:13px}.hero-actions .text-link{font-size:12px}.browser-layout{gap:60px}.workspace{gap:40px}.install-section,.faq-section{gap:55px}.feature-list{gap:28px}.demo-local{display:none}}@media(max-width:800px){.shell{width:calc(100% - 40px)}.nav{min-height:88px;gap:18px}.brand{font-size:25px}.nav nav{gap:18px;font-size:12px}.nav .button{font-size:12px;padding-inline:12px}.hero{grid-template-columns:1fr;padding-block:38px 55px;gap:44px}.hero-copy{max-width:580px}.hero h1{font-size:clamp(43px,8vw,62px);letter-spacing:-1.5px}.hero-demo{transform:none;max-width:620px;width:100%;justify-self:center}.hero-copy .lead{font-size:16px}.hero-actions .button{font-size:15px;padding-inline:24px}.hero-actions .text-link{font-size:14px}.hero-note{font-size:11px}.promise-inner{font-size:11px;gap:16px;padding-block:16px}.promise-inner span{gap:8px}.promise-inner b{font-size:17px}.section{padding-block:65px}.feature-list{gap:22px;margin-top:38px}.feature-list h3{font-size:19px}.feature-list p{font-size:13px}.browser-section{padding-block:65px}.browser-layout{grid-template-columns:1fr;gap:45px}.browser-art{max-width:570px;width:100%;justify-self:center;order:2}.browser-copy{max-width:570px}.workspace{grid-template-columns:1fr;gap:34px}.workspace figure{max-width:650px}.plans-section{padding-block:65px}.plan-card{padding:28px}.install-section,.faq-section{grid-template-columns:1fr;gap:35px}.faq-section{padding-top:0}.closing{padding-block:55px}.closing h2{font-size:30px}.footer>div{margin-left:0}.footer>p:not(.footer-note){display:none}.footer{justify-content:space-between}.legal{padding-block:45px}}@media(max-width:520px){.nav{flex-wrap:wrap;padding-block:16px;row-gap:16px}.nav nav{order:3;width:100%;justify-content:center;border-top:1px solid var(--line);padding-top:12px;gap:40px}.nav .button{margin-left:auto}.brand img{width:35px;height:35px}.hero{padding-top:27px}.platforms{font-size:11px;margin-bottom:18px}.hero h1{font-size:43px}.lead br{display:none}.hero-actions{gap:19px}.hero-actions .button{min-height:48px;font-size:14px;padding-inline:18px;gap:16px}.hero-actions .text-link{font-size:12px}.hero-demo{border-radius:9px}.demo-bar{padding:10px 12px;font-size:9px}.demo-controls{font-size:10px;padding:10px 12px}.promise-inner{display:grid;grid-template-columns:1fr;gap:8px;padding-block:17px}.promise-inner span{justify-content:center;font-size:12px}.feature-list{grid-template-columns:1fr;gap:28px}.feature-symbol{font-size:24px;margin-bottom:15px}.feature-list h3{font-size:21px}.feature-list p{font-size:14px;margin-top:12px}.section-heading>p:last-child{font-size:14px}.browser-art{min-height:335px;padding:10px 30px 80px 0}.browser-window{min-height:230px}.browser-address{gap:8px;font-size:8px;padding:10px}.browser-address .window-dots{gap:3px}.browser-address .window-dots i{width:4px;height:4px}.player{margin:22px 15px;height:145px}.extension-preview{width:175px}.browser-copy .fine-print{font-size:11px!important}.plans-grid{grid-template-columns:1fr;gap:20px;max-width:410px;margin-top:30px}.plan-card{padding:28px}.plan-footnote{text-align:left;line-height:1.9}.install-steps article{gap:14px}.install-steps h3{font-size:19px}.step{width:28px;height:28px;font-size:12px}.closing h2{font-size:27px}.footer{gap:20px}.footer>div{gap:16px;font-size:10px}.footer .brand{font-size:20px}.footer .brand img{width:28px;height:28px}.footer .footer-note{font-size:10px}.legal h1{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
