@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/sora-latin-ext-wght-normal.CawQDOvP.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/sora-latin-wght-normal.DdqRvwsR.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/instrument-sans-latin-ext-wght-normal.B5bTHO_g.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/instrument-sans-latin-wght-normal.BbzFLZTg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-cyrillic-ext-wght-normal.EocZY2iu.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-cyrillic-wght-normal.D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-greek-wght-normal.Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-vietnamese-wght-normal.Bt-aOZkq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-latin-ext-wght-normal.DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-latin-wght-normal.B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box}:root{--bg:#f5f7fb;--surface:#fff;--surface-2:#ebf0f7;--ink:#0b1b35;--muted:#4f5f7a;--line:#dce3ee;--blue:#2457f5;--blue-ink:#1a44d1;--blue-soft:#e4ecff;--teal:#12b5a5;--teal-ink:#0b7a70;--teal-soft:#daf5f1;--amber:#ffb020;--amber-ink:#8a5700;--amber-soft:#ffefcf;--btn-bg:#2457f5;--btn-fg:#fff;--shadow:0 1px 2px #0b1b350f,0 12px 28px #0b1b3514;--acc:var(--blue);--acc-soft:var(--blue-soft);--ci:var(--blue-ink);--font-display:"Sora Variable","Sora","Avenir Next","Segoe UI",system-ui,sans-serif;--font-body:"Instrument Sans Variable","Instrument Sans","Segoe UI",system-ui,sans-serif;--font-mono:"JetBrains Mono Variable","JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#08111f;--surface:#0f1c31;--surface-2:#142540;--ink:#e9effa;--muted:#9fb0cc;--line:#20324f;--blue:#6b8cff;--blue-ink:#8fa9ff;--blue-soft:#14284f;--teal:#2fd1c0;--teal-ink:#4fe0d0;--teal-soft:#0f3a3c;--amber:#ffc247;--amber-ink:#ffc95e;--amber-soft:#3a2d0e;--btn-bg:#6b8cff;--btn-fg:#08111f;--shadow:0 1px 2px #0006,0 12px 28px #00000059;color-scheme:dark}}:root[data-theme=dark]{--bg:#08111f;--surface:#0f1c31;--surface-2:#142540;--ink:#e9effa;--muted:#9fb0cc;--line:#20324f;--blue:#6b8cff;--blue-ink:#8fa9ff;--blue-soft:#14284f;--teal:#2fd1c0;--teal-ink:#4fe0d0;--teal-soft:#0f3a3c;--amber:#ffc247;--amber-ink:#ffc95e;--amber-soft:#3a2d0e;--btn-bg:#6b8cff;--btn-fg:#08111f;--shadow:0 1px 2px #0006,0 12px 28px #00000059;color-scheme:dark}body{background:var(--bg);color:var(--ink);font:400 1rem/1.55 var(--font-body);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}a{color:inherit}:focus-visible{outline:2px solid var(--blue-ink);outline-offset:2px}.wrap{max-width:1180px;margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}.m1{fill:var(--blue)}.m2{fill:var(--teal)}.m3{fill:var(--amber)}.logo{color:var(--ink);align-items:center;gap:10px;font-size:1.65rem;text-decoration:none;display:inline-flex}.mark{flex:none;width:1.45em;height:1.45em;display:inline-flex}.mark svg{width:100%;height:100%}.logo-word{align-items:baseline;gap:0;line-height:1;display:inline-flex}.logo-word b{font:700 1em/1 var(--font-display);letter-spacing:-.04em}.logo-word .sh{color:var(--blue-ink)}.logo-word i{font:600 .5em/1 var(--font-mono);color:var(--blue-ink);font-style:normal}.top{top:env(safe-area-inset-top,0px);z-index:40;background:var(--bg);border-bottom:1px solid var(--line);position:sticky}@supports (background:color-mix(in srgb,red,blue)){.top{background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px)}}.top-in{align-items:center;gap:24px;min-height:66px;display:flex}.top-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.cta-top{display:none}.nav{gap:4px;margin-left:auto;display:none}.nav a{color:var(--muted);border-radius:12px;padding:10px 14px;font-size:.95rem;font-weight:500;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--ink);background:var(--surface-2)}@media (width>=900px){.nav{display:flex}.top-actions{margin-left:0}.cta-top{display:inline-flex}}.tabbar{z-index:50;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:4px;display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar a{min-height:56px;color:var(--muted);font:500 .75rem/1 var(--font-body);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:5px;text-decoration:none;display:flex}.tabbar svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.tabbar a[aria-current=page]{color:var(--blue-ink);background:var(--blue-soft)}@media (width>=900px){.tabbar{display:none}}.shell{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}@media (width>=900px){.shell{padding-bottom:0}}.btn{min-height:48px;font:600 .98rem/1 var(--font-body);cursor:pointer;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 22px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.btn-primary{background:var(--btn-bg);color:var(--btn-fg)}.btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn-amber{background:var(--amber);color:#0b1b35}.btn-sm{min-height:44px;padding:0 18px;font-size:.92rem}.icon-btn{border:1px solid var(--line);background:var(--surface);width:44px;height:44px;color:var(--ink);cursor:pointer;border-radius:14px;place-items:center;display:inline-grid}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:20px;height:20px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chipbtn{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);font:500 .92rem var(--font-body);cursor:pointer;border-radius:999px;padding:0 18px}.chipbtn[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.tag{background:var(--acc-soft);color:var(--ci);font:600 .68rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;padding:5px 9px;display:inline-flex}.seg{font:500 .72rem/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.k-saas{--acc:var(--blue);--acc-soft:var(--blue-soft);--ci:var(--blue-ink)}.k-custom{--acc:var(--teal);--acc-soft:var(--teal-soft);--ci:var(--teal-ink)}.k-sites{--acc:var(--amber);--acc-soft:var(--amber-soft);--ci:var(--amber-ink)}.page{padding-block:clamp(18px,3.5vw,40px) 36px;animation:.35s both in;display:block}@keyframes in{0%{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:none}}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.cell,.box{grid-column:span var(--m,2);min-width:0}.box{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:18px}.sec{grid-column:1/-1;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:14px;display:flex}.sec h2{font:700 1.3rem/1.2 var(--font-display);letter-spacing:-.025em}.sec a{color:var(--blue-ink);white-space:nowrap;font-size:.95rem;font-weight:600;text-decoration:none}.intro{grid-column:1/-1;gap:10px;max-width:64ch;margin-bottom:6px;display:grid}.intro h1{font:700 clamp(1.9rem,4.6vw,2.9rem)/1.08 var(--font-display);letter-spacing:-.035em;text-wrap:balance}.lead{color:var(--muted);max-width:56ch;font-size:clamp(1rem,1.5vw,1.12rem)}.note{color:var(--muted);font-size:.85rem}@media (width>=900px){.grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.cell,.box{grid-column:span var(--d,12)}.box{border-radius:24px;padding:26px}}.plist{grid-column:1/-1;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px;display:grid}.hero{--m:2;--d:12;gap:26px;padding:20px;display:grid;overflow:hidden}@media (width>=900px){.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:44px;padding:52px}}.eyebrow{font:500 .72rem/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;gap:8px 16px;display:flex}.eyebrow span{align-items:center;gap:7px;display:inline-flex}.eyebrow span:before{content:"";background:var(--c);border-radius:3px;width:9px;height:9px}.hero h1{font:700 clamp(2.15rem,6.2vw,3.8rem)/1.04 var(--font-display);letter-spacing:-.04em;text-wrap:balance;margin:16px 0 14px}.cta-row{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.segline{font:500 .74rem/1.6 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:22px}.tee{grid-template-columns:repeat(4,minmax(0,1fr));justify-self:center;gap:10px;width:100%;max-width:520px;display:grid}.tee-p{aspect-ratio:1.45;color:var(--ink);background:var(--acc-soft);border:1px solid #0000;border-radius:20px;flex-direction:column;gap:8px;padding:12px;text-decoration:none;transition:transform .2s,border-color .2s;display:flex}.tee-p:hover{border-color:var(--acc);transform:translateY(-3px)}.tee-saas{grid-column:1/3}.tee-sites{grid-column:3/5}.tee-custom{grid-column:2/4}.chip{font:600 .7rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ci)}.tee-p small{color:var(--muted);font-size:.78rem;line-height:1.3;display:none}@media (width>=640px){.tee-p small{display:block}.tee-p{padding:16px}}.illus{flex:1;min-height:0;display:flex}.illus svg{width:100%;height:100%}.i-fill{fill:var(--acc)}.i-ink{fill:var(--ci);opacity:.7}.i-str{fill:none;stroke:var(--acc);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.seg-box{align-content:start;gap:6px;display:grid}.seg-box b{font:700 1.05rem/1.2 var(--font-display);letter-spacing:-.02em}.seg-box span{color:var(--muted);font-size:.92rem}.cta-band{--m:2;--d:12;background:var(--ink);color:var(--bg);border-color:var(--ink);align-items:center;gap:18px;display:grid}.cta-band h2{font:700 clamp(1.4rem,3vw,2rem)/1.15 var(--font-display);letter-spacing:-.03em;text-wrap:balance}.cta-band p{opacity:.8;max-width:52ch;margin-top:8px}@media (width>=900px){.cta-band{grid-template-columns:1fr auto;padding:36px 40px}}.card{background:var(--surface);border:1px solid var(--line);border-radius:20px;flex-direction:column;gap:12px;padding:12px 12px 18px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative}.card:hover{box-shadow:var(--shadow);border-color:var(--acc);transform:translateY(-3px)}.thumb-wrap{aspect-ratio:16/10;border:1px solid var(--line);background:var(--surface-2);border-radius:14px;display:block;overflow:hidden}.thumb-wrap svg{width:100%;height:100%;display:block}.meta{justify-content:space-between;align-items:center;gap:8px;padding-inline:4px;display:flex}.card h3{font:700 1.15rem/1.2 var(--font-display);letter-spacing:-.02em;padding-inline:4px}.card h3 a{all:unset;cursor:pointer}.card h3 a:after{content:"";border-radius:20px;position:absolute;inset:0}.card h3 a:focus-visible:after{outline:2px solid var(--blue-ink);outline-offset:2px}.card p{color:var(--muted);padding-inline:4px;font-size:.95rem}.more{color:var(--ci);margin-top:auto;padding-inline:4px;font-size:.92rem;font-weight:600}.sol{align-content:start;gap:14px;display:grid}.sol .illus-box{background:var(--acc-soft);border-radius:16px;padding:14px;display:block}.sol .illus-box svg{width:100%;height:auto;max-height:120px;display:block}.sol h2{font:700 1.5rem/1.15 var(--font-display);letter-spacing:-.03em}.sol .sub{color:var(--ci);font-weight:600}.ticks{gap:8px;display:grid}.ticks li{align-items:flex-start;gap:10px;display:flex}.ticks li:before{content:"";background:var(--acc);border-radius:3px;flex:none;width:8px;height:8px;margin-top:.55em}.ideal{border-top:1px solid var(--line);color:var(--muted);padding-top:14px;font-size:.92rem}.ideal b{color:var(--ink)}.step{align-content:start;gap:8px;display:grid}.step .n{font:600 .8rem/1 var(--font-mono);color:var(--blue-ink);letter-spacing:.06em}.step h3{font:700 1.1rem/1.2 var(--font-display);letter-spacing:-.02em}.step p{color:var(--muted);font-size:.95rem}.stack{align-content:start;gap:12px;display:grid}@media (width>=900px){.stack{gap:16px}}.fgrid{gap:16px;display:grid}@media (width>=640px){.fgrid.two{grid-template-columns:1fr 1fr}}.field{gap:6px;min-width:0;display:grid}.field label,.fset legend{padding:0;font-size:.9rem;font-weight:600}input[type=text],input[type=email],select,textarea{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:12px;width:100%;min-height:48px;padding:0 14px}textarea{resize:vertical;min-height:130px;padding:12px 14px}input:focus,select:focus,textarea:focus{border-color:var(--blue-ink)}.fset{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.rchip{position:relative}.rchip input{opacity:0;pointer-events:none;position:absolute}.rchip span{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:999px;align-items:center;min-height:44px;padding:0 18px;font-size:.92rem;font-weight:500;display:inline-flex}.rchip input:checked+span{background:var(--ink);color:var(--bg);border-color:var(--ink)}.rchip input:focus-visible+span{outline:2px solid var(--blue-ink);outline-offset:2px}.bx{font:700 1.05rem/1.2 var(--font-display);letter-spacing:-.02em;margin-bottom:10px}.placeholder{font-family:var(--font-mono);color:var(--muted);font-size:.88rem}.dl{gap:12px;display:grid}.dl div{gap:2px;display:grid}.dl dt{font:500 .72rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.dl dd{margin:0}.ok-box{gap:8px;display:grid}.ok-box h2{font:700 1.4rem/1.2 var(--font-display);letter-spacing:-.03em}.foot{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 32px;padding-block:28px;font-size:.9rem;display:flex}@media (width<=899px){.foot{text-align:center;flex-direction:column;justify-content:center;gap:12px}}@media (prefers-reduced-motion:reduce){.page{animation:none}*{transition:none!important}}.skip{z-index:200;background:var(--ink);color:var(--bg);border-radius:12px;padding:10px 16px;font-weight:600;text-decoration:none;position:absolute;top:8px;left:-9999px}.skip:focus{left:8px}.wm1{--m:1}.wm2{--m:2}.wd3{--d:3}.wd4{--d:4}.wd5{--d:5}.wd6{--d:6}.wd7{--d:7}.wd12{--d:12}.c-blue{--c:var(--blue)}.c-teal{--c:var(--teal)}.c-amber{--c:var(--amber)}.filterbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.dl{margin:0}.mt-s{margin-top:12px}.mt-m{margin-top:14px}.cover{background:var(--acc-soft);width:100%;height:100%;color:var(--ci);text-align:center;place-items:center;padding:12px;display:grid;position:relative;overflow:hidden}.cover b{font:800 clamp(2rem,6vw,3.2rem)/1 var(--font-display);letter-spacing:-.045em;position:relative}.cover .cm{opacity:.14;width:48%;position:absolute;bottom:-22%;right:-6%}.cover .cm svg{width:100%;height:auto;display:block}.cover .cm .m1,.cover .cm .m2,.cover .cm .m3{fill:var(--acc)}.cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.back{min-height:44px;color:var(--blue-ink);align-items:center;gap:6px;font-weight:600;text-decoration:none;display:inline-flex}.p-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.p-title{font:700 clamp(1.9rem,4.8vw,3rem)/1.06 var(--font-display);letter-spacing:-.04em}.p-sub{font:500 .95rem/1.4 var(--font-mono);color:var(--ci);letter-spacing:.02em}.status{font:500 .72rem/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);align-items:center;gap:7px;display:inline-flex}.status:before{content:"";background:var(--teal);border-radius:50%;width:8px;height:8px}.status.dev:before{background:var(--amber)}.techs{flex-wrap:wrap;gap:8px;display:flex}.tech{background:var(--surface-2);font:500 .8rem/1 var(--font-mono);border-radius:999px;padding:7px 12px}.detail{grid-column:1/-1;gap:14px;display:grid}.empty{text-align:left;grid-column:1/-1;gap:8px;max-width:60ch;display:grid}.empty h2{font:700 1.3rem/1.2 var(--font-display);letter-spacing:-.025em}.empty p{color:var(--muted)}.prose{gap:14px;max-width:68ch;display:grid}.prose h2{font:700 1.3rem/1.2 var(--font-display);letter-spacing:-.025em;margin-top:10px}.prose h3{font:700 1.1rem/1.2 var(--font-display)}.prose p,.prose li{color:var(--ink)}.prose ul,.prose ol{list-style:revert;gap:6px;padding-left:1.2rem;display:grid}.prose a{color:var(--blue-ink)}.prose code{font-family:var(--font-mono);background:var(--surface-2);border-radius:6px;padding:2px 6px;font-size:.9em}.prose pre{background:var(--surface-2);border-radius:14px;padding:14px;overflow:auto}.prose pre code{background:0 0;padding:0}.post-list{grid-column:1/-1;gap:12px;display:grid}.post{gap:6px;display:grid}.post h2{font:700 1.25rem/1.2 var(--font-display);letter-spacing:-.025em}.post h2 a{text-decoration:none}.post .when{font:500 .74rem/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.ok-box[hidden],form[hidden],[data-needs-js][hidden]{display:none!important}.alert{background:var(--amber-soft);color:var(--amber-ink);border-radius:14px;padding:14px 16px;font-weight:500}.btn[aria-disabled=true]{opacity:.55;pointer-events:none}[hidden]{display:none!important}.top .cta-top{display:none}@media (width>=900px){.top .cta-top{display:inline-flex}}.detail .thumb-wrap{max-height:320px}