:root{color-scheme:light;--fg: #0f172a;--fg-soft: #334155;--muted: #475569;--faint: #5b6b84;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-soft: #eff6ff;--primary-soft-2: #dbeafe;--primary-ring: #bfdbfe;--accent: #4f46e5;--bg: #ffffff;--bg-alt: #f6f7f9;--border: #e2e8f0;--border-strong: #cbd5e1;--dark: #0f172a;--dark-2: #1e293b;--dark-accent: #1e3a8a;--on-dark-muted: #cbd5e1;--ok: #059669;--warn: #b45309;--radius: 12px;--max: 72rem;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "PingFang SC", "Microsoft YaHei", sans-serif;--bg-glass: color-mix(in srgb, var(--bg) 85%, transparent);--bg-glass-2: color-mix(in srgb, var(--bg) 70%, transparent);--shadow-color: 15, 23, 42}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font:16px/1.6 var(--font);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.prose a:not(.btn),.section :is(p,li) a:not(.btn){text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);text-decoration-thickness:1px;text-underline-offset:.15em}.prose a:not(.btn):hover,.section :is(p,li) a:not(.btn):hover{text-decoration-color:currentColor}img,svg{display:block;max-width:100%}::selection{background:var(--primary);color:#fff}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}h1,h2,h3,h4{line-height:1.15;letter-spacing:-.02em;margin:0 0 .5rem}h1{font-size:clamp(2.25rem,5.5vw,3.5rem);font-weight:700}h2{font-size:clamp(1.75rem,3.5vw,2.25rem);font-weight:700}h3{font-size:1.125rem;font-weight:600}p{margin:0 0 1rem}.container{width:100%;max-width:var(--max);margin:0 auto;padding:0 1.25rem}.narrow{max-width:46rem}.section{padding:4.5rem 0}.section.alt{background:var(--bg-alt)}.eyebrow{color:var(--primary);font-weight:600;font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.75rem}.lead{color:var(--muted);font-size:1.125rem}.muted{color:var(--muted)}.center{text-align:center}.grid{display:grid;gap:1.25rem}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.card h3{margin-top:.5rem}.card p:last-child{margin-bottom:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.25rem;border-radius:10px;font-weight:600;font-size:.9375rem;border:1px solid transparent;cursor:pointer;text-decoration:none!important;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .15s}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 1px 2px #2563eb40,inset 0 1px #ffffff1f}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 6px 16px -6px #2563eb80;transform:translateY(-1px)}.btn-outline{background:var(--bg);color:var(--fg);border-color:var(--border)}.btn-outline:hover{border-color:var(--faint);box-shadow:0 4px 12px -6px rgba(var(--shadow-color),.15);transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.98)}.btn-lg{padding:.9rem 1.5rem;font-size:1.0625rem}.btn[aria-disabled=true]{opacity:.6;pointer-events:none}.header{position:sticky;top:0;z-index:40;background:transparent;border-bottom:1px solid transparent;transition:background .25s ease,border-color .25s ease,backdrop-filter .25s ease}.header.scrolled,.header.menu-open{background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom-color:var(--border)}.header .container{display:grid;grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr);align-items:center;gap:1.5rem;height:4.5rem}.brand{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;color:var(--fg);letter-spacing:-.01em}.brand:hover{text-decoration:none}.brand .wordmark{display:block;height:2rem;width:auto}.brand .wordmark-lg{height:3rem}.nav{display:flex;align-items:center;gap:.5rem;justify-self:center}.nav>a,.nav .menu summary{display:inline-flex;align-items:center;gap:.375rem;padding:.625rem 1rem;border-radius:999px;color:var(--muted);font-size:.875rem;font-weight:500;line-height:1.25;transition:background .15s,color .15s}.nav>a:hover,.nav .menu summary:hover,.nav .menu[open] summary{background:color-mix(in srgb,var(--fg) 5%,transparent);color:var(--fg);text-decoration:none}.nav .menu{position:relative}.nav .menu summary{list-style:none;cursor:pointer}.nav .menu summary::-webkit-details-marker{display:none}.nav .menu summary svg{width:.875rem;height:.875rem;transition:transform .15s}.nav .menu[open] summary svg{transform:rotate(180deg)}.menu-panel{position:absolute;left:50%;top:calc(100% + .625rem);transform:translate(-50%);width:20rem;padding:.75rem;background:var(--bg);border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 48px -24px rgba(var(--shadow-color),.35);z-index:50}.menu-panel:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:.75rem}.menu-eyebrow{margin:.25rem .75rem .5rem;font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.menu-panel a{display:flex;flex-direction:column;gap:.2rem;padding:.625rem .75rem;border-radius:10px;color:var(--fg)}.menu-panel a:hover{background:var(--bg-alt);text-decoration:none}.menu-panel a strong{font-size:.9375rem;font-weight:600}.menu-panel a span{font-size:.8125rem;line-height:1.45;color:var(--muted)}.header .actions{justify-self:end;display:flex;align-items:center;gap:.75rem}.header .actions .btn{padding:.5rem 1.125rem;font-size:.875rem;border-radius:999px;box-shadow:none;white-space:nowrap}.header .actions .btn-outline{background:transparent;color:var(--primary);border-color:color-mix(in srgb,var(--primary) 30%,transparent)}.header .actions .btn-outline:hover{background:color-mix(in srgb,var(--primary) 6%,transparent);border-color:var(--primary);transform:none;box-shadow:none}.lang{position:relative}.lang summary{list-style:none;display:inline-flex;align-items:center;gap:.375rem;padding:.4rem .625rem;border-radius:8px;color:var(--muted);font-size:.875rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.lang summary::-webkit-details-marker{display:none}.lang summary:hover,.lang[open] summary{background:var(--bg-alt);color:var(--fg)}.lang summary svg{width:1rem;height:1rem}.lang-menu{position:absolute;right:0;top:calc(100% + .5rem);min-width:11rem;margin:0;padding:.375rem;list-style:none;background:var(--bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 40px -20px rgba(var(--shadow-color),.35);z-index:50}.lang-menu a{display:flex;align-items:center;justify-content:space-between;padding:.45rem .75rem;border-radius:8px;color:var(--fg);font-size:.875rem}.lang-menu a:hover{background:var(--bg-alt);text-decoration:none}.lang-menu a[aria-current=true]{color:var(--primary);font-weight:600}.lang-menu a[aria-current=true]:after{content:"✓";font-size:.75rem}.menu-btn{display:none;margin-left:auto;width:2.5rem;height:2.5rem;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--fg);cursor:pointer;place-items:center}.menu-btn svg{width:1.25rem;height:1.25rem}.menu-btn .x{display:none}.menu-btn[aria-expanded=true] .x{display:block}.menu-btn[aria-expanded=true] .bars,.mobile-nav{display:none}@media(max-width:64rem)and (min-width:48.0625rem){.header .container{grid-template-columns:auto 1fr auto;gap:1rem}.nav>a,.nav .menu summary{padding:.625rem .75rem}.header .actions{gap:.5rem}.header .actions .btn{padding:.5rem .875rem}.lang summary span{display:none}}@media(max-width:48rem){.header .container{display:flex;height:4rem}.hero{margin-top:-4rem;padding-top:8rem}.header .actions{margin-left:auto}.menu-btn{display:grid}.header .actions .btn-outline{display:none}.mobile-nav{display:block;position:absolute;top:100%;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--border);box-shadow:0 24px 40px -24px rgba(var(--shadow-color),.3);padding:.75rem 1.25rem 1.25rem;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.mobile-nav.open{opacity:1;transform:none;pointer-events:auto}.mobile-nav a.mnav{display:block;padding:.7rem .25rem;color:var(--fg);font-weight:600;border-bottom:1px solid var(--bg-alt)}.mobile-nav a.mnav:hover{text-decoration:none;color:var(--primary)}.mobile-nav .mrow{display:flex;gap:.75rem;padding-top:1rem}.mobile-nav .mrow .btn{flex:1;border-radius:999px}.mobile-nav .mlang{display:flex;flex-wrap:wrap;gap:.375rem .75rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--bg-alt);font-size:.8125rem}.mobile-nav .mlang a{color:var(--muted)}.mobile-nav .mlang a[aria-current=true]{color:var(--primary);font-weight:600}.header .actions .lang{display:none}}html[lang^=zh] body{font-family:ui-sans-serif,system-ui,-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,sans-serif}html[lang^=ja] body{font-family:ui-sans-serif,system-ui,-apple-system,Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic UI,Meiryo,Noto Sans CJK JP,sans-serif}html[lang^=ko] body{font-family:ui-sans-serif,system-ui,-apple-system,Apple SD Gothic Neo,Malgun Gothic,Noto Sans CJK KR,sans-serif}html[lang^=zh] :is(h1,h2,h3,h4),html[lang^=ja] :is(h1,h2,h3,h4),html[lang^=ko] :is(h1,h2,h3,h4){letter-spacing:0}html[lang^=zh] h1,html[lang^=ja] h1,html[lang^=ko] h1{line-height:1.25}html[lang^=zh] .eyebrow,html[lang^=ja] .eyebrow,html[lang^=ko] .eyebrow{letter-spacing:.04em}html[lang^=ko] body{word-break:keep-all;overflow-wrap:anywhere}.footer{border-top:1px solid var(--border);padding:3rem 0 2rem;color:var(--muted);font-size:.875rem}.footer .cols{display:grid;gap:2rem;grid-template-columns:2fr repeat(3,1fr)}.footer .col-title{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);margin:0 0 .75rem}.footer ul{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.footer a{color:var(--muted)}.footer .fine{margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;font-size:.8125rem;color:var(--faint)}.hero{margin-top:-4.5rem;padding:10rem 0 4rem;background:radial-gradient(60rem 30rem at 50% -10%,var(--primary-soft),transparent)}.hero .lead{max-width:40rem;margin:1rem auto 2rem}.hero .cta{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.hero .fine{margin-top:1rem;color:var(--faint);font-size:.875rem}.ph-badge{display:inline-block;line-height:0}.ph-badge img{display:block;width:250px;height:54px}.footer .ph-foot{margin-top:1rem}.hero-shots{max-width:52rem;margin:3rem auto 0;text-align:left}.hero-shots-frame{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--border);background:var(--bg-alt);box-shadow:0 30px 80px -40px rgba(var(--shadow-color),.35),0 2px 6px rgba(var(--shadow-color),.05);aspect-ratio:16 / 10}.hero-shot{position:absolute;inset:0;opacity:0;transition:opacity .5s ease}.hero-shot.is-on{opacity:1;position:relative}.hero-shot :global(.shot){display:block;width:100%;height:100%;object-fit:cover;object-position:top;border:0;border-radius:0;aspect-ratio:auto}.hero-shot-cap{margin:.85rem 0 0;text-align:center;font-size:.875rem;color:var(--muted)}.hero-shot-nav{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem}.hero-shot-nav .dotnav{flex:none;width:2rem;height:2rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--muted);cursor:pointer;display:grid;place-items:center}.hero-shot-nav .dotnav:hover{border-color:var(--faint);color:var(--fg)}.hero-shot-nav .dots{display:flex;align-items:center}.hero-shot-nav .dots button{display:grid;place-items:center;width:1.5rem;height:1.5rem;border:0;padding:0;background:none;cursor:pointer}.hero-shot-nav .dots button:before{content:"";width:.5rem;height:.5rem;border-radius:999px;background:var(--border-strong)}.hero-shot-nav .dots button[aria-current=true]:before{width:1.25rem;background:var(--primary)}.chat{max-width:40rem;margin:3rem auto 0;background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:1.25rem;box-shadow:0 20px 60px -30px rgba(var(--shadow-color),.25);text-align:left;font-size:.9375rem}.chat .msg{display:flex;gap:.75rem;margin-bottom:.875rem}.chat .msg:last-child{margin-bottom:0}.chat .who{flex:none;min-width:1.75rem;height:1.75rem;padding:0 .4rem;border-radius:999px;display:grid;place-items:center;font-size:.75rem;font-weight:700;white-space:nowrap}.chat .user .who{background:var(--border);color:var(--fg)}.chat .ai .who{background:var(--primary);color:#fff}.chat .bubble{background:var(--bg-alt);border-radius:12px;padding:.6rem .875rem}.chat .ai .bubble{background:var(--primary-soft)}.chat .diff{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;color:var(--primary)}.demo{max-width:62rem;margin:3rem auto 0;border:1px solid var(--border);border-radius:18px;background:var(--bg);box-shadow:0 30px 80px -40px rgba(var(--shadow-color),.35),0 2px 6px rgba(var(--shadow-color),.05);overflow:hidden;text-align:left}.demo-bar{display:flex;align-items:center;gap:.5rem;padding:.7rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-alt)}.demo-bar i{width:.625rem;height:.625rem;border-radius:50%;background:var(--border-strong)}.demo-bar .url{margin-left:.5rem;flex:1;max-width:22rem;background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:.2rem .875rem;font-size:.75rem;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-body{display:grid;grid-template-columns:1fr 1fr;min-height:21rem}.demo-chat{padding:1.25rem;display:flex;flex-direction:column;gap:.875rem;border-right:1px solid var(--border);font-size:.9375rem}.demo-chat .msg{display:flex;gap:.625rem;opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease}.demo-chat .msg.show{opacity:1;transform:none}.demo-chat .who{flex:none;min-width:1.625rem;height:1.625rem;padding:0 .4rem;border-radius:999px;display:grid;place-items:center;font-size:.6875rem;font-weight:700;white-space:nowrap;line-height:1}.demo-chat .user .who{background:var(--border);color:var(--fg)}.demo-chat .ai .who{background:var(--primary);color:#fff}.demo-chat .bubble{border-radius:12px;padding:.55rem .8rem;background:var(--bg-alt);max-width:85%}.demo-chat .ai .bubble{background:var(--primary-soft)}.demo-chat .chip{display:inline-block;margin-top:.4rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;color:var(--primary);background:var(--bg);border:1px solid var(--primary-ring);border-radius:6px;padding:.15rem .45rem}.demo-chat .meta{display:block;margin-top:.35rem;font-size:.75rem;color:var(--faint)}.typing{display:inline-flex;gap:4px;padding:.7rem .8rem}.typing i{width:6px;height:6px;border-radius:50%;background:var(--faint);animation:blink 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes blink{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.caret{display:inline-block;width:2px;height:1em;background:currentColor;vertical-align:-.15em;animation:caret .8s steps(1) infinite}@keyframes caret{50%{opacity:0}}.demo-foot{display:flex;gap:.5rem;margin-top:auto;padding-top:.5rem}.demo-foot .dotnav{flex:none;width:2rem;height:2rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--muted);cursor:pointer;display:grid;place-items:center;transition:border-color .15s,color .15s}.demo-foot .dotnav:hover{border-color:var(--faint);color:var(--fg)}.demo-foot .dots{display:flex;align-items:center;margin:0 auto}.demo-foot .dots button{display:grid;place-items:center;width:1.5rem;height:1.5rem;border:0;padding:0;background:none;cursor:pointer;transition:width .2s}.demo-foot .dots button:before{content:"";width:.5rem;height:.5rem;border-radius:999px;background:var(--border-strong);transition:width .2s,background .2s}.demo-foot .dots button:hover:before{background:var(--faint)}.demo-foot .dots button[aria-current=true]{width:2.25rem}.demo-foot .dots button[aria-current=true]:before{width:1.25rem;background:var(--primary)}.demo-preview{position:relative;background:var(--bg-alt);padding:1.25rem;display:flex}.mini{flex:1;border-radius:12px;border:1px solid var(--border);overflow:hidden;display:flex;flex-direction:column;gap:0;transition:background .5s ease;box-shadow:0 10px 30px -18px rgba(var(--shadow-color),.35)}.mini .m-nav{display:flex;align-items:center;gap:.375rem;padding:4% 6%;transition:background .5s}.mini .m-nav i{width:14%;height:.35rem;border-radius:999px;transition:background .5s}.mini .m-nav i:first-child{width:8%}.mini .m-nav b{margin-left:auto;width:16%;height:.55rem;border-radius:999px;transition:background .5s}.mini .m-hero{padding:8% 8% 6%;display:flex;flex-direction:column;gap:.5rem;align-items:flex-start;transition:background .5s}.mini .m-hero i{display:block;height:.55rem;border-radius:999px;transition:background .5s}.mini .m-hero .t1{width:62%;height:.8rem}.mini .m-hero .t2{width:45%;height:.8rem}.mini .m-hero .t3{width:78%;opacity:.45}.mini .m-hero .cta{margin-top:.35rem;width:24%;height:.9rem;border-radius:999px;transition:background .5s}.mini .m-blocks{display:grid;grid-template-columns:repeat(3,1fr);gap:4%;padding:2% 8% 8%;flex:1;align-content:start}.mini .m-blocks span{border-radius:8px;min-height:2.75rem;transition:background .5s,opacity .4s,transform .4s}.mini .m-blocks span.pop-in{animation:popIn .45s ease both}@keyframes popIn{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}.demo-badge{position:absolute;right:1.75rem;top:1.75rem;background:var(--fg);color:var(--bg);font-size:.6875rem;font-weight:600;padding:.25rem .6rem;border-radius:999px;opacity:0;transform:translateY(-4px);transition:opacity .3s,transform .3s}.demo-badge.show{opacity:1;transform:none}@media(max-width:56rem){.demo-body{grid-template-columns:1fr}.demo-chat{border-right:0;border-bottom:1px solid var(--border);min-height:15rem}.demo-preview{min-height:13rem}}.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s cubic-bezier(.2,.6,.2,1),transform .6s cubic-bezier(.2,.6,.2,1);transition-delay:var(--d, 0ms)}.js .reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}.typing i,.caret{animation:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:1rem;margin-top:3rem}.stats .stat{text-align:center;padding:1.25rem 1rem;border:1px solid var(--border);border-radius:14px;background:var(--bg)}.stats .stat b{display:block;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stats .stat b em{font-style:normal;color:var(--primary)}.stats .stat span{font-size:.8125rem;color:var(--muted)}.tasks{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));margin-top:2.5rem}.task{position:relative;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;border:1px solid var(--border);border-radius:16px;background:var(--bg);color:var(--fg);transition:border-color .18s,box-shadow .18s,transform .18s}.task:hover{border-color:var(--primary-ring);box-shadow:0 16px 40px -24px #2563eb59;transform:translateY(-3px);text-decoration:none}.task .ic{width:2.5rem;height:2.5rem;border-radius:12px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);margin-bottom:.25rem}.task .ic svg{width:1.25rem;height:1.25rem}.task h3{margin:0}.task p{margin:0;color:var(--muted);font-size:.9375rem;flex:1}.task .go{font-size:.875rem;font-weight:600;color:var(--primary);display:inline-flex;align-items:center;gap:.25rem}.task .go svg{transition:transform .18s}.task:hover .go svg{transform:translate(3px)}.vs-wrap{overflow-x:auto;margin-top:2.5rem;border:1px solid var(--border);border-radius:16px;background:var(--bg)}table.vs{width:100%;min-width:40rem;border-collapse:collapse;font-size:.9375rem}table.vs th,table.vs td{padding:1rem 1.25rem;text-align:left;border-bottom:1px solid var(--border)}table.vs tbody tr:last-child :is(th,td){border-bottom:0}table.vs thead th{font-size:.8125rem;color:var(--muted);font-weight:600}table.vs thead th.us{color:var(--primary)}table.vs thead th.us .badge{margin-left:.375rem}table.vs tbody th{color:var(--muted);font-weight:500}table.vs td.us{background:var(--primary-soft);font-weight:600;color:var(--fg)}table.vs tbody tr:hover :is(th,td){background:var(--bg-alt)}table.vs tbody tr:hover td.us{background:var(--primary-soft-2)}.auds{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));margin-top:2.5rem}.aud{padding:1.75rem;border-radius:16px;border:1px solid var(--border);background:linear-gradient(180deg,var(--bg),var(--bg-alt))}.aud .tag{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--primary)}.aud h3{margin:.5rem 0 .25rem}.aud p{margin:0;color:var(--muted);font-size:.9375rem}.aud ul{margin:1rem 0 0;padding:0;list-style:none;display:grid;gap:.45rem;font-size:.875rem;color:var(--muted)}.aud li{display:flex;gap:.5rem}.aud li:before{content:"→";color:var(--primary);font-weight:700}.preset-dots{display:inline-flex;gap:.4rem;align-items:center}.preset-dots button{width:1.125rem;height:1.125rem;border-radius:50%;border:2px solid var(--bg);box-shadow:0 0 0 1px var(--border);cursor:pointer;padding:0;transition:transform .15s,box-shadow .15s}.preset-dots button:hover{transform:scale(1.15)}.preset-dots button[aria-pressed=true]{box-shadow:0 0 0 2px var(--primary);transform:scale(1.1)}.preset-name{font-size:.75rem;color:var(--faint)}.tpl .thumb,.preset-thumb .thumb{transition:none}.tpl a:has(.thumb){display:block}.grad{background:linear-gradient(100deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.hero .eyebrow-pill{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--border);background:var(--bg-glass-2);border-radius:999px;padding:.3rem .875rem;font-size:.8125rem;color:var(--muted);font-weight:500;margin-bottom:1.25rem}.hero .eyebrow-pill i{width:.4375rem;height:.4375rem;border-radius:50%;background:var(--primary);box-shadow:0 0 0 3px var(--primary-soft-2)}.hero .eyebrow-pill a{color:var(--primary);font-weight:600}.steps{counter-reset:step}.steps .card{position:relative;padding-top:2rem}.steps .card:before{counter-increment:step;content:counter(step);position:absolute;top:-.875rem;left:1.5rem;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--primary);color:#fff;font-weight:700;font-size:.875rem;display:grid;place-items:center}.tpl-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr))}.tpl{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg);display:flex;flex-direction:column;transition:box-shadow .15s,border-color .15s}.tpl:hover{box-shadow:0 12px 40px -20px rgba(var(--shadow-color),.3);border-color:var(--border-strong)}.tpl .body{padding:1.125rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.tpl .body p{margin:0;color:var(--muted);font-size:.9375rem;flex:1}.tpl .tpl-name{margin:0;font-size:1.125rem;font-weight:600}.tpl .meta{display:flex;gap:.5rem;align-items:center;font-size:.75rem;color:var(--faint)}.tpl .row{display:flex;gap:.5rem;margin-top:.5rem}.tpl .row .btn{flex:1;padding:.55rem .75rem;font-size:.875rem}.badge{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:999px;font-size:.6875rem;font-weight:600;background:var(--primary-soft);color:var(--primary)}.badge.neutral{background:var(--bg-alt);color:var(--muted)}a.badge:hover{text-decoration:none;color:var(--fg)}.thumb{aspect-ratio:16 / 10;padding:10% 8% 0;display:flex;flex-direction:column;gap:6%;overflow:hidden;border-bottom:1px solid var(--border)}.thumb .bar{height:6%;border-radius:999px;opacity:.9}.thumb .line{height:3%;border-radius:999px;opacity:.5}.thumb .blocks{display:grid;grid-template-columns:repeat(3,1fr);gap:4%;flex:1}.thumb .blocks span{border-radius:6px 6px 0 0;opacity:.85}.shot{display:block;width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;object-position:top;border-bottom:1px solid var(--border);background:var(--bg-alt)}.tpl a:has(.shot){display:block}.post-grid{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr))}.post .body p{font-size:.9375rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post .byline{margin-top:auto;padding-top:.25rem;flex-wrap:wrap}.post-cover{aspect-ratio:16 / 10;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary) 0%,#0f172a 100%);color:#fff;border-bottom:1px solid var(--border)}.post-cover span{font-weight:600;font-size:1rem;letter-spacing:.02em;opacity:.92;padding:0 1.5rem;text-align:center}.pager{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin-top:2.5rem;font-size:.875rem}.pager>a:last-child{text-align:right}.pager ol{list-style:none;margin:0;padding:0;display:flex;gap:.25rem}.pager ol a,.pager ol span{display:inline-flex;min-width:2.25rem;height:2.25rem;align-items:center;justify-content:center;border-radius:999px;font-weight:600;text-decoration:none}.pager ol a{color:var(--muted);border:1px solid var(--border)}.pager ol a:hover{color:var(--fg);border-color:var(--border-strong);text-decoration:none}.pager ol span[aria-current]{background:var(--fg);color:var(--bg)}.checks{list-style:none;padding:0;margin:0;display:grid;gap:.625rem}.checks li{position:relative;padding-left:1.75rem;color:var(--fg-soft)}.checks li:before{content:"";position:absolute;left:0;top:.3rem;width:1.125rem;height:1.125rem;border-radius:50%;background:var(--primary-soft);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E");background-size:.7rem;background-repeat:no-repeat;background-position:center}.cat-nav{display:flex;flex-wrap:wrap;gap:.375rem}.cat-nav a{padding:.4rem .9rem;border-radius:999px;border:1px solid var(--border);color:var(--muted);font-weight:600;font-size:.875rem;text-decoration:none;transition:border-color .15s,color .15s,background .15s}.cat-nav a:hover{border-color:var(--border-strong);color:var(--fg);text-decoration:none}.cat-nav a[aria-current=page]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.toggle{display:inline-flex;background:var(--bg-alt);border-radius:999px;padding:.25rem;gap:.25rem}.toggle button{border:0;background:transparent;padding:.45rem 1rem;border-radius:999px;font:inherit;font-weight:600;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.toggle button[aria-pressed=true]{background:var(--fg);color:var(--bg)}.toggle .save{background:var(--primary);color:#fff;font-size:.6875rem;padding:.1rem .4rem;border-radius:999px}.plans{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));margin-top:2rem;align-items:stretch}.plan{position:relative;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:16px;padding:1.75rem;background:var(--bg);transition:transform .18s,box-shadow .18s,border-color .18s}.plan .plan-name{font-size:1.125rem;font-weight:600;margin:0}.plan:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:0 16px 40px -24px rgba(var(--shadow-color),.25)}.plan.popular:hover{box-shadow:0 24px 50px -28px #2563eb8c}.plan.popular{border-color:var(--primary);box-shadow:0 20px 50px -30px #2563eb80}.plan .pop{position:absolute;top:-.75rem;left:1.75rem;background:var(--primary);color:#fff;font-size:.6875rem;font-weight:700;padding:.2rem .6rem;border-radius:999px}.plan .price{font-size:2.5rem;font-weight:700;letter-spacing:-.03em;margin-top:1rem;font-variant-numeric:tabular-nums}.plan .price small{font-size:.9375rem;font-weight:500;color:var(--muted);letter-spacing:0}.plan .billed{min-height:1.25rem;font-size:.8125rem;color:var(--muted)}.plan ul{list-style:none;padding:0;margin:1.5rem 0;display:grid;gap:.55rem;font-size:.9375rem;flex:1}.plan li{display:flex;gap:.5rem;align-items:flex-start}.plan li:before{content:"✓";color:var(--primary);font-weight:700;flex:none}.plan li.no:before{content:"–";color:var(--faint)}.plan .btn{width:100%}table.compare{width:100%;border-collapse:collapse;font-size:.9375rem;margin-top:1.5rem}table.compare th,table.compare td{padding:.75rem 1rem;border-bottom:1px solid var(--border);text-align:right}table.compare th:first-child,table.compare td:first-child{text-align:left;color:var(--muted)}table.compare tbody th{font-weight:500}table.compare thead th{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--faint)}.faq details{border-bottom:1px solid var(--border)}.faq summary{cursor:pointer;padding:1rem 0;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:1rem}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--faint);font-weight:400}.faq details[open] summary:after{content:"–"}.faq details p{color:var(--muted);padding-bottom:1rem;margin:0}.faq details[open] p{animation:fadeSlide .25s ease}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.prose{max-width:46rem}.prose h2{font-size:1.5rem;margin-top:2.5rem}.prose h3{margin-top:1.75rem}.prose p,.prose li{color:var(--fg-soft)}.prose ul,.prose ol{padding-left:1.25rem}.prose li{margin-bottom:.35rem}.prose li.task-list-item{list-style:none;margin-left:-1.25rem;display:flex;gap:.6rem;align-items:baseline}.prose .task-box{flex:none;width:1em;height:1em;border:1.5px solid var(--border-strong);border-radius:4px;transform:translateY(.15em)}.prose .task-box.checked{background:var(--primary);border-color:var(--primary)}.prose code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875em;background:var(--bg-alt);padding:.1em .35em;border-radius:4px}.prose .note{border-left:3px solid var(--primary);background:var(--primary-soft);padding:.75rem 1rem;border-radius:0 8px 8px 0;margin:1.25rem 0}.prose .updated{color:var(--faint);font-size:.875rem}.docs-layout{display:grid;grid-template-columns:14rem 1fr;gap:3rem}.docs-nav{position:sticky;top:5rem;align-self:start;font-size:.9375rem}.docs-nav ul{list-style:none;padding:0;margin:0;display:grid;gap:.35rem}.docs-nav a{color:var(--muted)}.docs-nav a[aria-current=page]{color:var(--primary);font-weight:600}.post{--post-side: 13.5rem;--post-gap: 3.5rem;padding:2.75rem 0 5rem}.post-layout{display:grid;grid-template-columns:var(--post-side) minmax(0,1fr);column-gap:var(--post-gap);align-items:start}.post-layout .article{grid-column:2;grid-row:1;min-width:0;max-width:none}.post-side{grid-column:1;grid-row:1;position:sticky;top:5.5rem;max-height:calc(100vh - 6.5rem);overflow-y:auto;padding:.25rem 0 1rem;font-size:.875rem;line-height:1.5;scrollbar-width:thin}.post-side nav+nav{margin-top:2rem}.post-side strong{display:block;font-size:.9375rem;font-weight:700;color:var(--fg);margin-bottom:.75rem}.post-side strong a{color:inherit;text-decoration:none}.post-side strong a:hover{color:var(--primary)}.post-side ol,.post-side ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:minmax(0,1fr);gap:.3rem}.post-side li{min-width:0}.post-side ol ol{margin:.4rem 0 .15rem .75rem;gap:.25rem;font-size:.75rem}.post-layout .post-side li a{display:block;color:var(--fg-soft);text-decoration:none;transition:color .15s}.post-layout .post-side li a:hover,.post-side [data-toc] a[aria-current]{color:var(--primary)}.post-side nav:not([data-toc]) li a{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article .draft-banner{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem;margin:0 0 1.5rem;padding:.35rem .75rem .35rem .4rem;border-radius:.75rem;background:#fffbeb;color:#92400e;border:1px solid #fde68a;font-size:.8125rem;font-weight:500}.article .draft-banner .badge{background:#f59e0b;color:#fff}.article .draft-banner code{font-size:.75rem;background:none;border:0;padding:0}.article .post-head{margin:0 0 2.5rem}.article .post-crumbs{margin:0 0 .75rem;font-size:.8125rem;color:var(--faint)}.post-layout .article p.post-crumbs a{color:var(--muted);text-decoration:none}.post-layout .article p.post-crumbs a:hover{color:var(--primary)}.article .post-head h1{font-size:clamp(1.875rem,1.3rem + 1.4vw,2.25rem);line-height:1.2;letter-spacing:-.02em;font-weight:700;margin:0 0 1rem;color:var(--fg);text-wrap:balance}.article .post-meta,.article .post-tags{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem 1.125rem;margin:0 0 .5rem;font-size:.8125rem;color:var(--faint)}.article .post-meta>span{display:inline-flex;align-items:center;gap:.375rem}.article .post-meta svg,.article .post-tags svg{width:.875rem;height:.875rem;flex:none;color:var(--border-strong)}.article .post-tags{gap:.375rem .5rem;margin:0}.article .post-tags .badge{font-size:.75rem;font-weight:500;padding:.2rem .6rem}.article .post-tags a.badge{text-decoration:none}.article{font-size:1rem;line-height:1.75;color:var(--fg-soft)}.article h2{font-size:1.875rem;line-height:1.3;letter-spacing:-.02em;font-weight:600;margin:4.5rem 0 1.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border);color:var(--fg);scroll-margin-top:5.5rem}.article h3{font-size:1.5rem;line-height:1.3;letter-spacing:-.01em;font-weight:600;margin:2.75rem 0 1.25rem;color:var(--fg);scroll-margin-top:5.5rem}.article h4{font-size:1.125rem;font-weight:600;margin:2rem 0 .75rem;color:var(--fg)}.article h2+h3{margin-top:0}.article .post-head+*,.article .toc-inline+*{margin-top:0}.article p,.article li{color:var(--fg-soft)}.article p{margin:0 0 1.5rem}.article ul,.article ol{padding-left:1.5rem;margin:0 0 1.5rem}.article li{margin-bottom:.5rem;padding-left:.25rem}.article li::marker{color:var(--faint)}.article li p{margin-bottom:.5rem}.article strong{color:var(--fg);font-weight:650}:is(html[lang^=zh],html[lang^=ja],html[lang^=ko]) .article em{font-style:normal;font-weight:600;color:var(--fg)}.article a:not(.btn,.badge){color:var(--primary);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--primary) 35%,transparent);text-decoration-thickness:1px;text-underline-offset:.18em;transition:text-decoration-color .15s}.article a:not(.btn,.badge):hover{text-decoration-color:var(--primary)}.article img{max-width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--border);margin:2rem 0}.article blockquote{margin:2rem 0;padding:.25rem 0 .25rem 1.25rem;border-left:3px solid var(--primary-ring);color:var(--muted)}.article blockquote p:last-child{margin-bottom:0}.article hr{border:0;border-top:1px solid var(--border);margin:3rem 0}.article .takeaways{margin:2.5rem 0;padding:1.5rem 1.75rem 1.25rem;border-radius:var(--radius);background:#f3f8ff;border:1px solid #e3eefc}.article .takeaways>p{margin:0 0 .875rem;font-size:1.25rem;line-height:1.3}.article .takeaways>p strong{font-weight:700}.article .takeaways ul,.article .takeaways ol{margin:0;padding-left:1.25rem}.article .takeaways li{margin-bottom:.5rem}.article .takeaways li:last-child{margin-bottom:0}.article .takeaways li::marker{color:var(--primary-ring)}.article .post-hero{margin:2rem 0 2.5rem}.article .post-shot{margin:1.5rem 0 2rem}.article :is(.post-hero,.post-shot)>a{display:block;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:var(--bg-alt)}.article :is(.post-hero,.post-shot) .shot{border:0;border-radius:0;margin:0;aspect-ratio:16 / 9;width:100%;object-fit:cover;object-position:top}.article .post-hero .shot{aspect-ratio:16 / 9}.article :is(.post-hero,.post-shot) figcaption{margin-top:.75rem;font-size:.9375rem;font-style:italic;color:var(--muted)}:is(html[lang^=zh],html[lang^=ja],html[lang^=ko]) .article :is(.post-hero,.post-shot) figcaption{font-style:normal;font-size:.875rem}.article :is(.post-hero,.post-shot) figcaption a{color:var(--muted)}.article .table-wrap{margin:2rem 0;border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}.article table{width:100%;border-collapse:collapse;margin:0;font-size:.9375rem;line-height:1.55}.article th,.article td{padding:.8rem 1rem;border:0;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.article tr:last-child td{border-bottom:0}.article th{background:var(--bg-alt);font-weight:650;color:var(--fg)}.article td{color:var(--fg-soft)}.article td:first-child{color:var(--fg);font-weight:550}.article code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875em;background:var(--bg-alt);border:1px solid var(--border);padding:.1em .4em;border-radius:6px;color:var(--fg)}.article pre{padding:1rem 1.25rem;border-radius:var(--radius);background:var(--bg-alt);border:1px solid var(--border);overflow-x:auto;font-size:.875rem;line-height:1.6;margin:0 0 1.5rem}.article pre code{background:none;border:0;padding:0;font-size:inherit}.article ul:has(>.task-list-item){list-style:none;padding:0}.article li.task-list-item{display:flex;gap:.75rem;align-items:baseline;margin:0 0 .6rem;padding:0}.article .task-box{flex:none;width:1.125em;height:1.125em;border:1.5px solid var(--border-strong);border-radius:5px;transform:translateY(.2em);background:var(--bg)}.article .task-box.checked{background:var(--primary);border-color:var(--primary);box-shadow:inset 0 0 0 2px var(--bg)}.article pre[data-language=text]{white-space:pre-wrap;font-family:inherit;font-size:1rem;line-height:1.7;background:#f3f8ff!important;color:var(--fg)!important;border:0;padding:1.125rem 1.375rem}.article pre[data-language=text] span{color:inherit!important}.article .prompt-box{margin:2rem 0;border:1px solid #e3eefc;border-radius:var(--radius);overflow:hidden}.article .prompt-box pre{margin:0;border-radius:0}.article .prompt-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.625rem .875rem .625rem 1.25rem;font-size:.8125rem;font-weight:600;color:var(--primary);border-bottom:1px solid #e3eefc;background:#eaf2fe}.article .prompt-head button{font:inherit;font-size:.8125rem;font-weight:600;color:var(--primary);background:var(--bg);border:1px solid var(--primary-ring);border-radius:999px;padding:.3rem .875rem;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.article .prompt-head button:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.article .post-cta{margin:3.5rem 0 0;padding:1.75rem 2rem;border-radius:var(--radius);background:#f3f8ff;border:1px solid #e3eefc;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 1.5rem}.article .post-cta p{margin:0;color:var(--fg);font-size:1.0625rem;flex:1 1 18rem}.article .post-footer{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.article .post-langs{margin:0;font-size:.9375rem;color:var(--muted)}.toc-inline{display:none;margin:0 0 2.5rem;padding:1rem 1.25rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-alt)}.toc-inline summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}.toc-inline summary::-webkit-details-marker{display:none}.toc-inline summary:after{content:"";width:.5rem;height:.5rem;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .2s}.toc-inline[open] summary:after{transform:rotate(-135deg)}.toc-inline summary strong{font-size:.9375rem;font-weight:700;color:var(--fg)}.article .toc-inline ol{list-style:none;padding:0;margin:.875rem 0 0;display:grid;gap:.45rem;font-size:.9375rem}.article .toc-inline ol ol{margin:.45rem 0 0 1rem;gap:.35rem;font-size:.875rem}.article .toc-inline li{margin:0;padding:0}.article .toc-inline li a{color:var(--fg-soft);text-decoration:none}.article .toc-inline li a:hover{color:var(--primary)}@media(max-width:64rem){.post-layout{grid-template-columns:minmax(0,52rem);justify-content:center;column-gap:0}.post-layout .article{grid-column:1}.post-side{display:none}.toc-inline{display:block}}@media(max-width:48rem){.post{padding:2rem 0 3.5rem}.article h2{font-size:1.5rem;margin-top:3rem;margin-bottom:1.25rem}.article h3{font-size:1.25rem;margin-top:2.25rem}.article .takeaways{padding:1.25rem 1.25rem 1rem}.article .post-cta{padding:1.375rem}}.cta-band{background:linear-gradient(135deg,var(--dark) 0%,var(--dark-2) 55%,var(--dark-accent) 100%);color:#fff;border-radius:20px;padding:3.5rem 2rem;text-align:center;box-shadow:0 30px 60px -30px rgba(var(--shadow-color),.5)}.cta-band h2{color:#fff}.cta-band p{color:var(--on-dark-muted)}.cta-band .btn-primary{background:#fff;color:#0f172a;box-shadow:none}.cta-band .btn-primary:hover{background:#e2e8f0}@media(max-width:48rem){.nav{display:none}.footer .cols{grid-template-columns:1fr 1fr}.docs-layout{grid-template-columns:1fr}.docs-nav{position:static}.section{padding:3rem 0}}