.cafe-scene[data-astro-cid-pp7kcqjl]{width:100%;height:100%;display:block}.is-animated[data-astro-cid-pp7kcqjl] .cafe-bob[data-astro-cid-pp7kcqjl]{animation:3.2s ease-in-out infinite cafe-bob}.is-animated[data-astro-cid-pp7kcqjl] .cafe-bob-2[data-astro-cid-pp7kcqjl]{animation-delay:-1.4s}.is-animated[data-astro-cid-pp7kcqjl] .cafe-blink[data-astro-cid-pp7kcqjl]{animation:3.6s infinite cafe-blink}.is-animated[data-astro-cid-pp7kcqjl] .cafe-blink-2[data-astro-cid-pp7kcqjl]{animation-delay:-1.7s}.is-animated[data-astro-cid-pp7kcqjl] .cafe-steam[data-astro-cid-pp7kcqjl]{opacity:0;animation:2.4s ease-in-out infinite cafe-steam}.is-animated[data-astro-cid-pp7kcqjl] .cafe-steam-2[data-astro-cid-pp7kcqjl]{animation-delay:-.8s}.is-animated[data-astro-cid-pp7kcqjl] .cafe-steam-3[data-astro-cid-pp7kcqjl]{animation-delay:-1.6s}@keyframes cafe-bob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes cafe-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes cafe-steam{0%{opacity:0;transform:translateY(8px)}40%{opacity:.75}to{opacity:0;transform:translateY(-26px)}}@media (prefers-reduced-motion:reduce){.is-animated[data-astro-cid-pp7kcqjl] .cafe-bob[data-astro-cid-pp7kcqjl],.is-animated[data-astro-cid-pp7kcqjl] .cafe-blink[data-astro-cid-pp7kcqjl]{animation:none}.is-animated[data-astro-cid-pp7kcqjl] .cafe-steam[data-astro-cid-pp7kcqjl]{opacity:.6;animation:none}}:root{--ink:#0a0b18;--ink-2:#10122a;--ink-3:#171a38;--line:#ffffff17;--line-2:#ffffff29;--text:#f4f5ff;--muted:#a9aed6;--cyan:#2be4ff;--violet:#8b5cf6;--violet-2:#b18cff;--yellow:#ffeb3b;--green:#69f0ae;--font-display:"Bricolage Grotesque", "Noto Sans SC", system-ui, sans-serif;--font-body:"Inter", "Noto Sans SC", system-ui, sans-serif;--font-sub:Roboto, "Noto Sans SC", "Noto Sans JP", "Noto Sans KR", "Noto Sans Thai", Arial, sans-serif;--radius:18px;color-scheme:dark}:lang(zh-Hans){--font-display:"Noto Sans SC", "Bricolage Grotesque", sans-serif;--font-body:"Noto Sans SC", "Inter", sans-serif}:lang(th){--font-display:"Noto Sans Thai", "Bricolage Grotesque", sans-serif;--font-body:"Noto Sans Thai", "Inter", sans-serif}:lang(th) h1,:lang(th) h2,:lang(th) h3{letter-spacing:0;line-height:1.3}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{background:var(--ink);color:var(--text);font:400 17px/1.6 var(--font-body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}img,svg{max-width:100%}a{color:inherit}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0}:lang(zh-Hans) h1,:lang(zh-Hans) h2,:lang(zh-Hans) h3{letter-spacing:.01em}p{margin:0}.container{width:min(1180px,100% - 40px);margin-inline:auto}.container.narrow{width:min(820px,100% - 40px)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{background:var(--yellow);color:#111;z-index:100;border-radius:8px;padding:8px 14px;position:absolute;top:8px;left:-999px}.skip-link:focus{left:12px}.muted{color:var(--muted)}.fine{color:var(--muted);margin-top:16px;font-size:14px}.center{text-align:center}:focus-visible{outline:3px solid var(--cyan);outline-offset:3px;border-radius:6px}.btn{white-space:nowrap;font:700 16px/1 var(--font-body);cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:13px 22px;text-decoration:none;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .2s,filter .2s,background .2s;display:inline-flex}.btn-sm{padding:9px 16px;font-size:14px}.btn-primary{color:#080915;background:linear-gradient(104deg, var(--cyan) 0%, #9d8df8 100%);border:1px solid #ffffff59;box-shadow:inset 0 1px #ffffff73,0 8px 22px #2be4ff38}.btn-primary:hover{filter:brightness(1.03);transform:translateY(-2px);box-shadow:inset 0 1px #fff9,0 12px 30px #2be4ff59}.btn-primary:active{transform:translateY(0)scale(.985);box-shadow:inset 0 1px #ffffff40,0 3px 10px #2be4ff33}.btn-primary .chrome-logo{flex:none;display:block}@media (prefers-reduced-motion:reduce){.btn,.btn-primary,.hero-how-btn,.hero-how-btn .btn-arrow,.sub-card.focal-pulse,.sub-card.focal-pulse .llws-subtitle,.sub-card.focal-pulse .tag{transition:none!important;animation:none!important}.reveal-item{opacity:1!important;transition:none!important;transform:none!important}}.btn-ghost{color:var(--text);border-color:var(--line-2);background:#ffffff0f}.btn-ghost:hover{background:#ffffff1a}.hero-how-btn{transition:transform .22s cubic-bezier(.2,.8,.2,1),background .22s,border-color .22s,box-shadow .22s;position:relative}.hero-how-btn .btn-arrow{align-items:center;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.hero-how-btn:hover{background:#ffffff1a;border-color:#2be4ff66;transform:translateY(-2px);box-shadow:0 10px 28px #2be4ff29}.hero-how-btn:hover .btn-arrow{animation:1s ease-in-out infinite alternate arrow-bounce}.hero-how-btn:active,.hero-how-btn.is-pressed{background:#ffffff24;transform:scale(.95)translateY(1px);box-shadow:0 4px 12px #2be4ff33}@keyframes arrow-bounce{0%{transform:translateY(0)}to{transform:translateY(4px)}}.reveal-item{opacity:0;will-change:opacity, transform;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(28px)}.reveal-item.is-revealed{opacity:1;transform:translateY(0)}.sub-card.focal-pulse{animation:1.6s cubic-bezier(.2,.8,.2,1) card-focal-glow}.sub-card.focal-pulse .llws-subtitle{animation:1.2s ease-out sub-glow}.sub-card.focal-pulse .tag{animation:1.2s ease-out tag-float}@keyframes card-focal-glow{0%{border-color:#2be4ffcc;box-shadow:0 0 #2be4ff99,0 24px 60px #00000073}50%{border-color:var(--cyan);box-shadow:0 0 45px 8px #2be4ff66,0 0 25px #ffeb3b4d,0 24px 60px #00000073}to{border-color:var(--line-2);box-shadow:0 24px 60px #00000073}}@keyframes sub-glow{0%{opacity:.8;transform:scale(.98)}50%{opacity:1;filter:drop-shadow(0 0 10px #2be4ff80);transform:scale(1.02)}to{opacity:1;filter:none;transform:scale(1)}}@keyframes tag-float{0%,to{transform:translate(-50%)}50%{transform:translate(-50%)translateY(-2px)}}@keyframes section-focal-glow{0%{border-color:#2be4ffcc;box-shadow:0 0 #2be4ff99}50%{border-color:var(--cyan);box-shadow:0 0 35px 6px #2be4ff59,0 0 15px #ffeb3b33}to{box-shadow:none}}.focal-pulse-target{animation:1.5s cubic-bezier(.2,.8,.2,1) section-focal-glow}.btn-lg{padding:17px 28px;font-size:17px}.btn-sm{gap:8px;padding:10px 16px;font-size:14px}.btn-block{width:100%}.btn:disabled{opacity:.6;cursor:progress;transform:none}.eyebrow{color:var(--cyan);font:700 13px/1 var(--font-body);letter-spacing:.06em;text-transform:uppercase;background:#2be4ff1a;border:1px solid #2be4ff52;border-radius:999px;align-items:center;gap:8px;padding:7px 14px 7px 11px;display:inline-flex}.eyebrow i{background:var(--cyan);width:7px;height:7px;box-shadow:0 0 10px var(--cyan);border-radius:50%}.hl-text{color:var(--yellow);text-underline-offset:.14em;text-decoration:underline .08em}.site-header{z-index:50;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#0a0b18b8;position:sticky;top:0}.header-inner{align-items:center;gap:24px;height:68px;display:flex}.brand{font:700 16px/1.1 var(--font-display);white-space:nowrap;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-sub{color:var(--muted);font-weight:600}.nav-links{align-items:center;gap:8px;margin-left:auto;display:flex}.nav-btn{color:var(--muted);cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;padding:8px 14px;font-size:14px;font-weight:600;line-height:1;text-decoration:none;transition:transform .2s cubic-bezier(.2,.8,.2,1),background .2s,border-color .2s,color .2s,box-shadow .2s;display:inline-flex;position:relative}.nav-btn:hover{color:var(--text);background:#ffffff14;border-color:#2be4ff4d;transform:translateY(-1px);box-shadow:0 4px 16px #2be4ff26}.nav-btn:active,.nav-btn.is-pressed{background:#ffffff26;border-color:#2be4ff80;transform:scale(.94)translateY(1px)}.nav-btn.is-current{color:#fff;background:#2be4ff1f;border-color:#2be4ff59;box-shadow:0 0 16px #2be4ff2e}.header-actions{align-items:center;gap:12px;display:flex}.lang-menu{position:relative}.site-header svg{flex:none}.lang-menu summary{cursor:pointer;white-space:nowrap;color:var(--muted);border:1px solid var(--line-2);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:600;list-style:none;display:inline-flex}.lang-menu summary::-webkit-details-marker{display:none}.lang-menu summary:hover,.lang-menu[open] summary{color:var(--text);border-color:#2be4ff73}.lang-code{display:none}.chev-sm{border-bottom:2px solid;border-right:2px solid;width:7px;height:7px;margin:-3px 2px 0;transition:transform .2s;transform:rotate(45deg)}.lang-menu[open] .chev-sm{margin-top:3px;transform:rotate(-135deg)}.lang-list{z-index:60;border:1px solid var(--line-2);background:#10122afa;border-radius:16px;min-width:220px;margin:0;padding:6px;list-style:none;animation:.16s ease-out menu-in;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 24px 60px #0000008c}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.lang-list a{color:var(--muted);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.lang-list a:hover{color:var(--text);background:#ffffff0f}.lang-list a[aria-current=page]{color:var(--text);background:#2be4ff1a}.lang-list .icon{color:var(--cyan)}.footer-langs{flex-wrap:wrap;gap:6px 16px;display:inline-flex}.hero{background:radial-gradient(800px 500px at 0 -10%,#2be4ff29,#0000 60%),radial-gradient(900px 600px at 100% 100%,#8b5cf647,#0000 60%);padding:72px 0 88px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.5;background-size:48px 48px;position:absolute;inset:0;mask-image:radial-gradient(at 40% 30%,#000 10%,#0000 70%)}.hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:56px;display:grid;position:relative}.hero h1{margin:0 0 20px;font-size:clamp(40px,5vw,64px);font-weight:800;line-height:1.02}:lang(zh-Hans) .hero h1{font-size:clamp(36px,4.4vw,56px);font-weight:900;line-height:1.15}.hero h1 .hl-text{display:block}.lead{color:var(--muted);max-width:540px;font-size:19px;line-height:1.6}.lead.small{margin-top:12px;font-size:17px}.cta-row{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.trust{color:var(--muted);flex-wrap:wrap;gap:8px 20px;margin:22px 0 0;padding:0;font-size:15px;list-style:none;display:flex}.trust li{align-items:center;gap:6px;display:inline-flex}.trust .icon{color:var(--green)}.hero-demo{position:relative}.demo-tabs{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.demo-tab{font:600 14px/1 var(--font-body);color:var(--muted);cursor:pointer;border:1px solid var(--line-2);background:#ffffff0d;border-radius:999px;padding:9px 14px}.demo-tab:hover{color:var(--text)}.demo-tab.is-active{color:#0b0c1a;background:var(--yellow);border-color:var(--yellow)}.browser{background:#0f0f12;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,0 30px 80px #0000008c,0 0 120px #8b5cf640}.browser-top{background:#202124}.browser-tab{color:#e8eaed;background:#35363a;border-radius:9px 9px 0 0;align-items:center;gap:8px;margin:8px 0 0 10px;padding:8px 14px;font-size:12.5px;display:inline-flex}.fav{background:linear-gradient(135deg,#ff4e6a,#ff8a3d);border-radius:3px;width:13px;height:13px}.browser-bar{background:#35363a;align-items:center;gap:12px;padding:7px 12px;display:flex}.dots{gap:6px;display:inline-flex}.dots i{background:#ffffff2e;border-radius:50%;width:9px;height:9px}.omnibox{color:#bdc1c6;white-space:nowrap;text-overflow:ellipsis;background:#202124;border-radius:999px;flex:1;min-width:0;padding:6px 14px;font-size:13px;overflow:hidden}.ext-icon{box-shadow:0 0 0 2px var(--cyan), 0 0 14px #2be4ff99;border-radius:7px;display:inline-flex}.player{aspect-ratio:16/9;background:#000;position:relative;overflow:hidden;container-type:inline-size}.player>.cafe-scene{position:absolute;inset:0}.player-shade{background:linear-gradient(#0000,#000000bf);height:40%;position:absolute;bottom:0;left:0;right:0}.player-bar{color:#fff;padding:0 2.4cqw 1.4cqw;font:500 max(10px,1.6cqw)/1 Roboto,Arial,sans-serif;position:absolute;bottom:0;left:0;right:0}.progress{background:#ffffff47;border-radius:2px;height:max(3px,.5cqw);margin-bottom:1.4cqw}.progress span{background:#ff2d55;border-radius:2px;width:34%;height:100%;display:block}.controls{align-items:center;gap:2.4cqw;display:flex}.controls .spacer{flex:1}.controls .cc{border-bottom:2px solid #ff2d55;font-weight:700}.llws-renderer{text-align:center;width:fit-content;max-width:94%;font-family:var(--font-sub);color:#fff;text-wrap:balance;z-index:3;margin:auto;padding:0 2cqw;font-size:clamp(14px,3.4cqw,34px);line-height:1.2;position:absolute;bottom:13cqw;left:0;right:0}.llws-subtitles{flex-direction:column;gap:.2em;display:flex}.llws-dialogue{text-shadow:2px 2px 4px #222,2px 2px 5px #222,2px 2px 6px #222}mark.llws-hl{color:#ffeb3b;text-underline-offset:.18em;background:0 0;padding:0 1px;font-weight:700;text-decoration:underline 2px #ffeb3b}.llws-second mark.llws-hl{font-weight:inherit;text-decoration-thickness:1px}@keyframes nudge{0%,to{margin-top:0}50%{margin-top:5px}}.section{padding:104px 0}.section.alt{background:var(--ink-2);border-block:1px solid var(--line)}.section-head{max-width:720px;margin-bottom:56px}.section-head.center{text-align:center;margin-inline:auto}.section-head h2{margin-top:16px;font-size:clamp(32px,4vw,48px);font-weight:800;line-height:1.08}:lang(zh-Hans) .section-head h2{font-weight:900;line-height:1.25}.step{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:64px;display:grid}.step+.step{margin-top:96px}.step.reverse{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:56px}.step.reverse .step-text{order:2}.step-num{background:linear-gradient(135deg, var(--cyan), var(--violet-2));color:#0b0c1a;width:44px;height:44px;font:800 20px/1 var(--font-display);border-radius:14px;place-items:center;display:inline-grid}.step-text h3{margin:18px 0 12px;font-size:clamp(26px,3vw,34px);font-weight:800}.step-text p{color:var(--muted);max-width:480px;font-size:18px}.sub-card{aspect-ratio:16/8;border-radius:var(--radius);border:1px solid var(--line-2);position:relative;overflow:hidden;box-shadow:0 24px 60px #00000073;container-type:inline-size}.sub-card-bg{filter:blur(6px)brightness(.5)saturate(1.1);position:absolute;inset:-24px}.sub-card-bg .cafe-scene{width:100%;height:100%}.llws-renderer.static{font-size:clamp(16px,4.6cqw,40px);top:50%;bottom:auto;transform:translateY(-50%)}.tag{font:700 12px/1 var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap;background:#0a0b18bf;border-radius:999px;padding:6px 10px;position:absolute;left:50%;transform:translate(-50%)}.tag-top{top:14%}.tag-bottom{bottom:14%}.sparkle{color:var(--yellow);filter:drop-shadow(0 0 10px #ffeb3b99);animation:2s ease-in-out infinite nudge;position:absolute;top:18%;right:9%}.aside{background:#f48fb112;border:1px solid #f48fb138;border-radius:14px;align-items:flex-start;gap:12px;max-width:480px;margin-top:22px;padding:14px 16px;line-height:1.5;display:flex;color:#cfd3f5!important;font-size:15px!important}.aside .icon{color:#f48fb1;flex:none;margin-top:1px}.levels{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}#level-toggles{scrollbar-width:none;flex-wrap:nowrap;gap:5px;margin-left:-2px;padding:2px;overflow-x:auto}#level-toggles::-webkit-scrollbar{display:none}.level{cursor:pointer;white-space:nowrap;font:600 13px/1 var(--font-body);color:var(--muted);border:1px solid color-mix(in srgb, var(--c) 45%, transparent);background:0 0;border-radius:999px;flex:none;align-items:center;gap:6px;padding:8px 10px;transition:background .2s,color .2s,transform .15s;display:inline-flex}.level:hover{color:var(--text);transform:translateY(-1px)}.level-dot{border:2px solid var(--c);border-radius:50%;width:8px;height:8px;transition:background .2s}.level.on{color:#0b0c1a;background:var(--c);border-color:var(--c)}.level.on .level-dot{background:#0b0c1a;border-color:#0b0c1a}.lvl-demo .llws-renderer.static{max-width:100%;font-size:clamp(15px,3.6cqw,28px)}.lvl-demo .llws-dialogue{white-space:nowrap}.levels-hint{color:var(--muted);opacity:.85;margin-top:12px;font-size:14px!important}mark.lvl{color:inherit;font-weight:inherit;text-underline-offset:.18em;background:0 0;padding:0 1px;text-decoration:underline 2px #0000;transition:color .25s,text-decoration-color .25s}.llws-second mark.lvl{text-decoration-thickness:1px}.lvl-demo.show-0 mark.lvl[data-l="0"]{color:#f48fb1;text-decoration-color:#f48fb1}.lvl-demo.show-1 mark.lvl[data-l="1"]{color:#ffeb3b;text-decoration-color:#ffeb3b}.lvl-demo.show-2 mark.lvl[data-l="2"]{color:#69f0ae;text-decoration-color:#69f0ae}.lvl-demo.show-3 mark.lvl[data-l="3"]{color:#4dd0e1;text-decoration-color:#4dd0e1}.lvl-demo.show-4 mark.lvl[data-l="4"]{color:#ffb74d;text-decoration-color:#ffb74d}.lvl-demo.show-0 .llws-first mark.lvl[data-l="0"],.lvl-demo.show-1 .llws-first mark.lvl[data-l="1"],.lvl-demo.show-2 .llws-first mark.lvl[data-l="2"],.lvl-demo.show-3 .llws-first mark.lvl[data-l="3"],.lvl-demo.show-4 .llws-first mark.lvl[data-l="4"]{font-weight:700}.soon{vertical-align:middle;font:700 12px/1 var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--violet-2);background:#b18cff1f;border:1px solid #b18cff66;border-radius:999px;align-items:center;margin-left:10px;padding:7px 12px;display:inline-flex}.quiz-card{border-radius:var(--radius);border:1px solid var(--line-2);background:linear-gradient(#ffffff0e,#ffffff05);gap:20px;padding:24px;display:grid;box-shadow:0 24px 60px #00000073}.word-list-label{font:700 13px/1 var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;display:inline-flex}.word-list-label b{background:var(--cyan);color:#0b0c1a;letter-spacing:0;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 6px;display:inline-grid}.word-chips{flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.word-chips li{font:500 14px/1.2 var(--font-sub);border:1px solid color-mix(in srgb, var(--c) 45%, transparent);background:#ffffff0a;border-radius:999px;align-items:baseline;gap:7px;padding:7px 12px;display:inline-flex}.word-chips b{color:var(--c);font-weight:700}.word-chips span{color:var(--muted)}.quiz-q{text-align:center;background:linear-gradient(#00000026,#0000008c),#2a1d18;border:1px solid #ffffff14;border-radius:14px;gap:12px;padding:20px;display:grid}.quiz-line{font:500 19px/1.3 var(--font-sub);text-shadow:2px 2px 4px #222}.quiz-ask{color:var(--muted);font-size:16px}.quiz-ask mark{color:var(--yellow);background:0 0;padding:0 2px;font-weight:700}.quiz-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.quiz-choice{font:600 15px/1.25 var(--font-body);color:var(--text);cursor:pointer;border:1px solid var(--line-2);background:#ffffff0f;border-radius:12px;padding:11px 8px;transition:background .2s,border-color .2s,transform .15s}.quiz-choice:hover:not(:disabled){background:#ffffff1c;transform:translateY(-1px)}.quiz-choice:disabled{cursor:default}.quiz-choice.is-right{color:#0b0c1a;background:var(--green);border-color:var(--green)}.quiz-choice.is-wrong{color:#ffb3c6;background:#ff2d551f;border-color:#ff2d5580;animation:.35s shake}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.quiz-feedback{color:#ffb3c6;min-height:1.4em;font-size:14px;font-weight:600}.quiz-feedback.is-right{color:var(--green)}.bento{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.tile{background:radial-gradient(420px 220px at 100% 0%, color-mix(in srgb, var(--c) 14%, transparent), transparent 70%), linear-gradient(180deg, #ffffff0e, #ffffff05);border:1px solid var(--line-2);border-radius:22px;flex-direction:column;gap:22px;min-height:300px;padding:28px;transition:border-color .25s,transform .25s;display:flex;position:relative;overflow:hidden}.tile:hover{border-color:color-mix(in srgb, var(--c) 50%, transparent);transform:translateY(-2px)}.tile.span-2{grid-column:span 2}.tile.span-3{grid-column:1/-1}.tile-head{z-index:1;align-items:flex-start;gap:16px;display:flex;position:relative}.tile-icon{width:48px;height:48px;color:var(--c);background:color-mix(in srgb, var(--c) 13%, transparent);border:1px solid color-mix(in srgb, var(--c) 40%, transparent);box-shadow:0 0 24px color-mix(in srgb, var(--c) 18%, transparent);border-radius:14px;flex:none;place-items:center;display:grid}.tile h3{margin:2px 0 6px;font-size:21px}.tile p{color:var(--muted);font-size:15.5px;line-height:1.5}.marquee{gap:12px;margin:auto -28px 0;display:grid;mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-row{overflow:hidden}.marquee-track{gap:10px;width:max-content;animation:36s linear infinite marquee;display:flex}.marquee-row.reverse .marquee-track{animation-duration:42s;animation-direction:reverse}@keyframes marquee{to{transform:translate(-50%)}}.lang-chip{font:600 15px/1 var(--font-sub);color:var(--text);white-space:nowrap;border:1px solid color-mix(in srgb, var(--k) 35%, transparent);background:#ffffff0d;border-radius:999px;padding:9px 16px}.big-num{font:800 120px/1 var(--font-display);letter-spacing:-.05em;background:linear-gradient(180deg, color-mix(in srgb, var(--c) 55%, transparent), transparent 85%);color:#0000;pointer-events:none;-webkit-background-clip:text;background-clip:text;position:absolute;top:6px;right:22px}.meter{grid-template-columns:repeat(5,1fr);align-items:end;gap:8px;height:130px;margin-top:auto;display:grid}.meter-col{text-align:center;grid-template-rows:1fr auto;gap:8px;height:100%;display:grid}.meter-bar{height:var(--h);background:#ffffff12;border:1px solid #ffffff1a;border-radius:8px;align-self:end;transition:background .3s}.meter-col.on .meter-bar{background:linear-gradient(180deg, var(--lc), color-mix(in srgb, var(--lc) 40%, transparent));box-shadow:0 0 20px color-mix(in srgb, var(--lc) 35%, transparent);border-color:#0000}.meter-col small{color:var(--muted);white-space:nowrap;letter-spacing:-.01em;font-size:10.5px;line-height:1.2}.meter-col.on small{color:var(--text);font-weight:600}.styler{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:auto;display:grid}.styler-preview{text-align:center;background:linear-gradient(#0000001a,#0009),#3a2418;border-radius:14px;place-items:center;min-height:104px;padding:16px;display:grid}.styler-preview span{color:var(--yellow);font:500 22px/1.25 var(--font-sub);text-shadow:2px 2px 4px #222;transition:color .2s,font-size .2s}.styler:has(.sw-0:checked) .styler-preview span{color:#fff}.styler:has(.sw-2:checked) .styler-preview span{color:#4dd0e1}.styler:has(.sw-3:checked) .styler-preview span{color:#69f0ae}.styler:has(.sw-4:checked) .styler-preview span{color:#f48fb1}.styler:has(.sz-0:checked) .styler-preview span{font-size:17px}.styler:has(.sz-2:checked) .styler-preview span{font-size:28px}.styler-controls{justify-items:end;gap:14px;display:grid}.swatches,.sizes{gap:8px;display:flex}.swatch,.size{cursor:pointer;position:relative}.swatch input,.size input{opacity:0;width:1px;height:1px;position:absolute}.swatch span{background:var(--sw);border:2px solid #fff3;border-radius:50%;width:30px;height:30px;transition:transform .15s;display:block}.swatch input:checked+span{box-shadow:0 0 0 3px var(--ink-2), 0 0 0 5px var(--sw);transform:scale(1.05)}.size span{width:44px;height:38px;color:var(--muted);border:1px solid var(--line-2);background:#ffffff0a;border-radius:10px;place-items:center;font-weight:700;display:grid}.size input:checked+span{color:#0b0c1a;background:var(--cyan);border-color:var(--cyan)}.swatch input:focus-visible+span,.size input:focus-visible+span{outline:3px solid var(--cyan);outline-offset:3px}.sites{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:auto;display:grid}@media (width<=960px){.sites{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=560px){.sites{grid-template-columns:repeat(2,minmax(0,1fr))}}.site{font:800 24px/1 var(--font-display);letter-spacing:-.01em;border:1px solid var(--line-2);background:#ffffff0a;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:20px 14px;transition:border-color .2s,background .2s;display:flex}.site:hover{border-color:color-mix(in srgb, var(--k) 60%, transparent);background:color-mix(in srgb, var(--k) 8%, transparent)}.site i{background:var(--k);width:10px;height:10px;box-shadow:0 0 12px var(--k);border-radius:50%}.checks{gap:10px;margin:auto 0 0;padding:0;list-style:none;display:grid}.checks li{border:1px solid var(--line);background:#ffffff0a;border-radius:12px;align-items:center;gap:10px;padding:11px 14px;font-weight:600;display:flex}.checks .icon{color:var(--green);flex:none}.install-steps{counter-reset:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 40px;padding:0;list-style:none;display:grid}.install-steps li{border-radius:var(--radius);border:1px dashed var(--line-2);padding:28px;position:relative}.install-num{background:var(--yellow);color:#14122b;width:40px;height:40px;font:800 18px/1 var(--font-display);border-radius:50%;place-items:center;display:inline-grid}.install-steps h3{margin:16px 0 6px;font-size:20px}.install-steps p{color:var(--muted);font-size:16px}.center-row{justify-content:center;display:flex}.reviews-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start;gap:32px;display:grid}.review-list{gap:14px;display:grid}.review-card{border-radius:var(--radius);background:var(--ink-2);border:1px solid var(--line-2);padding:22px}.review-head{align-items:center;gap:12px;display:flex}.avatar{background:linear-gradient(135deg, var(--cyan), var(--violet-2));color:#0b0c1a;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.who{gap:2px;min-width:0;display:grid}.who .muted{font-size:14px}.stars-out{color:var(--yellow);letter-spacing:2px;white-space:nowrap;margin-left:auto}.review-body{color:#dfe2ff;margin:14px 0}.review-foot{color:var(--muted);justify-content:space-between;align-items:center;font-size:13px;display:flex}.pill{border:1px solid var(--line-2);background:#ffffff12;border-radius:999px;padding:4px 10px}.cat-review{color:var(--yellow)}.cat-feedback{color:var(--cyan)}.cat-feature_request{color:var(--violet-2)}.review-form{border-radius:var(--radius);background:var(--ink-2);border:1px solid var(--line-2);gap:16px;padding:28px;display:grid;position:sticky;top:92px}.review-form h3{font-size:22px}.review-form label,.review-form legend{color:var(--muted);gap:6px;font-size:14px;font-weight:600;display:grid}.form-row.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.review-form input[type=text],.review-form select,.review-form textarea{width:100%;font:400 16px/1.4 var(--font-body);color:var(--text);background:var(--ink);border:1px solid var(--line-2);border-radius:12px;padding:12px 14px}.review-form textarea{resize:vertical}.review-form input:focus,.review-form select:focus,.review-form textarea:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 0 3px #2be4ff33}.stars-input{border:0;margin:0;padding:0}.stars{flex-direction:row-reverse;justify-content:flex-end;gap:4px;display:inline-flex}.stars input{opacity:0;width:1px;height:1px;position:absolute}.stars label{color:#fff3;cursor:pointer;font-size:30px;line-height:1;transition:color .15s,transform .15s}.stars label:hover,.stars label:hover~label,.stars input:checked~label{color:var(--yellow)}.stars label:hover{transform:scale(1.15)}.stars input:focus-visible+label{outline:3px solid var(--cyan);border-radius:4px}.banner{border-radius:12px;padding:12px 14px;font-size:14px}.banner.error{color:#ffb4b4;background:#ff52521f;border:1px solid #ff525266}.banner.success{color:var(--green);background:#69f0ae1f;border:1px solid #69f0ae66}.faq-list{gap:12px;display:grid}.faq-item{background:var(--ink);border:1px solid var(--line-2);border-radius:16px}.faq-item summary{cursor:pointer;font:700 18px/1.35 var(--font-display);justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.chev{border-right:2.5px solid var(--muted);border-bottom:2.5px solid var(--muted);flex:none;width:12px;height:12px;margin-top:-4px;transition:transform .2s;transform:rotate(45deg)}.faq-item[open] .chev{margin-top:4px;transform:rotate(-135deg)}.faq-item p{color:var(--muted);padding:0 22px 22px}.final-cta{text-align:center;background:radial-gradient(600px 300px at 50% 0,#2be4ff2e,#0000 70%),radial-gradient(700px 400px at 50% 100%,#8b5cf64d,#0000 70%);padding:110px 0}.final-inner{justify-items:center;gap:18px;display:grid}.final-cta h2{text-wrap:balance;max-width:min(960px,100%);font-size:clamp(32px,4.6vw,56px);font-weight:800;line-height:1.15}:lang(zh-Hans) .final-cta h2{font-weight:900;line-height:1.25}.final-cta p{color:var(--muted);margin-bottom:8px;font-size:18px}.spin{white-space:nowrap;vertical-align:baseline;display:inline-block;position:relative}.spin-word{color:var(--yellow);text-decoration:underline .08em var(--yellow);text-underline-offset:.14em;will-change:transform, opacity, filter;display:inline-block}.spin-tag{background:var(--ink-3);border:1px solid var(--line-2);color:var(--muted);font:600 12px/1 var(--font-body);letter-spacing:0;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;border-radius:999px;padding:4px 10px;transition:opacity .25s,transform .25s cubic-bezier(.16,1,.3,1),visibility .25s;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%,4px)}.spin.is-foreign .spin-tag{opacity:1;visibility:visible;transform:translate(-50%)}.site-footer{border-top:1px solid var(--line);padding:40px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.footer-brand p{color:var(--muted);margin-top:8px;font-size:14px}.footer-links{color:var(--muted);flex-wrap:wrap;align-items:center;gap:22px;font-size:14px;display:flex}.footer-links a{text-decoration:none}.footer-links a:hover{color:var(--text)}@media (width<=1020px){.hero-grid{grid-template-columns:1fr;gap:48px}.hero{padding-top:48px}.nav-links{display:none}.header-actions{margin-left:auto}.reviews-grid{grid-template-columns:1fr}.review-form{position:static}}@media (width<=820px){.btn.header-cta{padding:9px}.header-cta-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.step,.step.reverse{grid-template-columns:1fr;gap:32px}.step.reverse .step-text{order:0}.step+.step{margin-top:72px}.bento{grid-template-columns:1fr 1fr}.tile.span-3{grid-column:span 2}.styler{grid-template-columns:1fr}.styler-controls{justify-items:start}.install-steps{grid-template-columns:1fr}.section{padding:80px 0}}@media (width<=560px){body{font-size:16px}.container,.container.narrow{width:calc(100% - 32px)}.brand-sub{display:none}.bento{grid-template-columns:1fr}.tile.span-2,.tile.span-3{grid-column:auto}.tile{min-height:0}.big-num{font-size:88px}.form-row.two{grid-template-columns:1fr}.btn-lg{width:100%}.lead{font-size:17px}.tag{font-size:10px}.lang-menu summary{padding:7px 10px}.lang-label{display:none}.lang-code{display:inline}.header-inner{gap:10px}.header-actions{gap:8px}.brand{gap:8px;font-size:15px}.btn-sm{padding:9px 12px;font-size:13px}.quiz-card{padding:18px}.quiz-q{padding:16px 12px}.quiz-line{font-size:17px}.quiz-choice{font-size:14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}