:root{color-scheme:dark;--frame-pad:clamp(16px,3.2vw,26px);--footer-h:56px;--bg:#03060e;--text:hsla(0,0%,100%,.96);--muted:hsla(0,0%,100%,.7);--line:hsla(0,0%,100%,.16);--panel:rgba(10,12,18,.56);--panel-strong:rgba(10,12,18,.78);--accent:#7c5cff;--accent-2:#27d4ff;--radius-xl:28px;--radius-lg:18px;--shadow:0 30px 70px rgba(0,0,0,.66);--font-base:"Unbounded-Regular","Avenir Next","Segoe UI",sans-serif;--font-semibold:"Unbounded-SemiBold","Unbounded-Regular",sans-serif;--font-heavy:"Unbounded-Black","Unbounded-SemiBold",sans-serif}@font-face{font-family:Unbounded-Regular;src:url(/_next/static/media/Unbounded-Regular.5d8bb340.ttf) format("truetype");font-display:swap}@font-face{font-family:Unbounded-SemiBold;src:url(/_next/static/media/Unbounded-SemiBold.5bdce925.ttf) format("truetype");font-display:swap}@font-face{font-family:Unbounded-Black;src:url(/_next/static/media/Unbounded-Black.0f8a9620.ttf) format("truetype");font-display:swap}*{box-sizing:border-box}body,html{height:100%}body{margin:0;color:var(--text);font-family:var(--font-base);line-height:1.5;-webkit-font-smoothing:antialiased;background:radial-gradient(900px 560px at 50% -15%,rgba(124,92,255,.12),transparent 60%),radial-gradient(900px 560px at 12% 24%,rgba(39,212,255,.08),transparent 60%),radial-gradient(800px 520px at 50% 120%,hsla(0,0%,100%,.05),transparent 62%),var(--bg);overflow:hidden}.legacy-scroll{height:100svh;overflow:auto}body.blog-body{overflow:auto}body.blog-body .footer-bar,body.blog-body .frame,body.blog-body .frame-inner,body.blog-body .stage{display:none}.blog-shell{min-height:100svh;display:flex;flex-direction:column}.blog-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:10;border-bottom:1px solid hsla(0,0%,100%,.1);background:rgba(3,6,14,.72)}@supports ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){.blog-topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.blog-topbar-inner{max-width:1040px;margin:0 auto;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;position:relative}.blog-brand{display:inline-flex;align-items:center;gap:10px;min-width:0}.blog-brand img{width:30px;height:30px;border-radius:9px;border:1px solid hsla(0,0%,100%,.14)}.blog-brand span{font-family:var(--font-semibold);letter-spacing:-.01em;white-space:nowrap}.blog-nav{display:inline-flex;gap:14px;flex-wrap:nowrap;justify-content:flex-end;white-space:nowrap}.blog-nav a{color:hsla(0,0%,100%,.84);border-bottom:1px solid transparent;padding-bottom:2px}.blog-nav a:hover{color:var(--text);border-color:hsla(0,0%,100%,.3)}.blog-menu{display:none}.blog-menu summary{list-style:none;cursor:pointer;border-radius:12px;width:42px;height:38px;display:grid;place-items:center;border:1px solid hsla(0,0%,100%,.14);background:rgba(0,0,0,.22)}.blog-menu summary::-webkit-details-marker{display:none}.blog-menu-icon{width:18px;height:12px;position:relative;display:block;background:linear-gradient(hsla(0,0%,100%,.86),hsla(0,0%,100%,.86));background-size:100% 2px;background-repeat:no-repeat;background-position:0 50%}.blog-menu-icon:after,.blog-menu-icon:before{content:"";position:absolute;left:0;right:0;height:2px;border-radius:2px;background:hsla(0,0%,100%,.86)}.blog-menu-icon:before{top:0}.blog-menu-icon:after{bottom:0}.blog-menu[open] summary{border-color:hsla(0,0%,100%,.26);background:rgba(0,0,0,.34)}.blog-menu-panel{position:absolute;right:18px;top:58px;min-width:210px;border-radius:16px;border:1px solid hsla(0,0%,100%,.14);background:rgba(10,12,18,.82);box-shadow:0 24px 60px rgba(0,0,0,.66);padding:10px;display:grid;grid-gap:6px;gap:6px}@supports ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){.blog-menu-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.blog-menu-panel a{padding:10px;border-radius:12px;color:hsla(0,0%,100%,.88);text-decoration:none;border:1px solid transparent}.blog-menu-panel a:hover{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.1)}.blog-main{flex:1 1}.blog-container{max-width:1040px;margin:0 auto;padding:24px 18px 44px}.blog-hero{display:grid;grid-gap:10px;gap:10px;margin:10px 0 18px}.blog-hero h1{margin:0;font-family:var(--font-heavy);letter-spacing:-.02em;line-height:1.05;font-size:clamp(30px,4.4vw,52px);text-wrap:balance}.blog-hero p{margin:0;color:hsla(0,0%,100%,.78);font-size:15px;line-height:1.7;max-width:72ch}.blog-meta{color:hsla(0,0%,100%,.62);font-size:13px}.blog-card{border-radius:22px;border:1px solid hsla(0,0%,100%,.12);background:rgba(10,12,18,.5);box-shadow:0 22px 60px rgba(0,0,0,.52);overflow:hidden}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.blog-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.blog-article{padding:22px}.blog-article h2{margin:22px 0 10px;font-family:var(--font-semibold);letter-spacing:-.01em;font-size:18px}.blog-article li,.blog-article p{color:hsla(0,0%,100%,.88);font-size:15px;line-height:1.8;max-width:78ch}.blog-article ul{padding-left:18px;margin:0 0 14px}.blog-article a{text-decoration:underline;text-underline-offset:3px}.breadcrumbs{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center;color:hsla(0,0%,100%,.62);font-size:13px}.breadcrumbs a{color:hsla(0,0%,100%,.78);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:1px}.breadcrumbs a:hover{color:var(--text);border-color:hsla(0,0%,100%,.28)}.breadcrumbs span{color:hsla(0,0%,100%,.46)}.pillar-bar{margin:14px 0;padding:12px 14px;border-radius:16px;border:1px solid hsla(0,0%,100%,.12);background:rgba(0,0,0,.22);color:hsla(0,0%,100%,.82);font-size:13px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pillar-bar a{color:hsla(0,0%,100%,.92);text-decoration:none;border-bottom:1px solid hsla(0,0%,100%,.18);padding-bottom:1px}.pillar-bar a:hover{border-color:hsla(0,0%,100%,.34)}.pill-label{font-family:var(--font-semibold);letter-spacing:-.01em;color:hsla(0,0%,100%,.92)}.definition{margin:14px 0;padding:14px 14px 12px;border-radius:16px;border:1px solid rgba(39,212,255,.18);background:radial-gradient(700px 260px at 0 0,rgba(39,212,255,.1),transparent 55%),rgba(0,0,0,.2)}.definition-title{margin:0 0 8px;font-family:var(--font-semibold);font-size:13px;letter-spacing:-.01em;color:hsla(0,0%,100%,.92)}.definition p{margin:0;color:hsla(0,0%,100%,.88)}.quick-steps{margin:14px 0;padding:14px 14px 12px;border-radius:16px;border:1px solid rgba(124,92,255,.2);background:radial-gradient(700px 260px at 0 0,rgba(124,92,255,.1),transparent 55%),rgba(0,0,0,.2)}.quick-steps-title{margin:0 0 8px;font-family:var(--font-semibold);font-size:13px;letter-spacing:-.01em;color:hsla(0,0%,100%,.92)}.quick-steps ol{margin:0;padding-left:18px}.quick-steps li{margin:6px 0}.toc{margin:14px 0 18px;padding:14px 14px 12px;border-radius:16px;border:1px solid hsla(0,0%,100%,.12);background:rgba(0,0,0,.22)}.toc-title{font-family:var(--font-semibold);font-size:13px;letter-spacing:-.01em;color:hsla(0,0%,100%,.86);margin:0 0 10px}.toc ul{margin:0;padding-left:18px}.toc li{margin:6px 0}.toc a{color:hsla(0,0%,100%,.86);text-decoration:none;border-bottom:1px solid hsla(0,0%,100%,.14);padding-bottom:1px}.toc a:hover{border-color:hsla(0,0%,100%,.28)}.download-row{margin:12px 0 18px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.blog-article .store-badge img{height:44px}.calc{margin:14px 0 16px;display:grid;grid-gap:10px;gap:10px;max-width:520px}.calc-row{display:grid;grid-gap:6px;gap:6px}.calc-row span{color:hsla(0,0%,100%,.76);font-size:13px}.calc input{width:100%;padding:10px 12px;border-radius:14px;border:1px solid hsla(0,0%,100%,.12);background:rgba(0,0,0,.22);color:hsla(0,0%,100%,.92);font-family:var(--font-semibold);outline:none}.calc input:focus{border-color:rgba(39,212,255,.32)}.calc-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.calc-btn{border:1px solid hsla(0,0%,100%,.14);background:rgba(0,0,0,.28);color:hsla(0,0%,100%,.9);padding:10px 12px;border-radius:14px;font-family:var(--font-semibold);cursor:pointer}.calc-btn:hover{border-color:hsla(0,0%,100%,.26);background:rgba(0,0,0,.38)}.calc-btn-ghost{color:hsla(0,0%,100%,.78)}.calc-out{margin:10px 0 18px;display:grid;grid-gap:10px;gap:10px;max-width:520px;padding:14px;border-radius:16px;border:1px solid hsla(0,0%,100%,.12);background:rgba(0,0,0,.22)}.calc-kv{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.calc-kv span{color:hsla(0,0%,100%,.7);font-size:13px}.calc-kv strong{font-family:var(--font-heavy);letter-spacing:-.01em}.blog-figure{margin:18px 0;border-radius:18px;border:1px solid hsla(0,0%,100%,.12);background:rgba(0,0,0,.22);overflow:hidden}.blog-figure img{width:100%;height:auto;display:block}.blog-figcap{padding:10px 12px 12px;color:hsla(0,0%,100%,.66);font-size:12px;line-height:1.5}.callout{margin:16px 0 18px;padding:14px;border-radius:16px;border:1px solid rgba(39,212,255,.2);background:linear-gradient(180deg,rgba(39,212,255,.1),rgba(39,212,255,.04))}.callout strong{color:hsla(0,0%,100%,.94)}.blog-article pre{margin:14px 0 18px;padding:14px;border-radius:16px;border:1px solid hsla(0,0%,100%,.12);background:rgba(0,0,0,.36);overflow:auto}.blog-article code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;line-height:1.5;color:hsla(0,0%,100%,.92)}.blog-footer{border-top:1px solid hsla(0,0%,100%,.1);background:rgba(0,0,0,.28)}.blog-footer-inner{max-width:1040px;margin:0 auto;padding:18px 18px 22px;color:hsla(0,0%,100%,.64);font-size:12px;display:flex;flex-wrap:wrap;gap:10px 14px;justify-content:space-between;align-items:center}.blog-footer a{color:hsla(0,0%,100%,.78);border-bottom:1px solid transparent;padding-bottom:2px}.blog-footer a:hover{color:var(--text);border-color:hsla(0,0%,100%,.3)}@media (max-width:620px){.blog-article{padding:16px}.blog-topbar-inner{padding:12px 14px}.blog-nav{display:none}.blog-menu{display:block}.blog-brand span{max-width:12ch;overflow:hidden;text-overflow:ellipsis}}::selection{background:rgba(124,92,255,.32)}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.frame a:focus-visible,.frame button:focus-visible{outline:2px solid rgba(39,212,255,.62);outline-offset:3px}.stage{position:relative;width:100%;height:100svh;display:grid;place-items:center;padding:clamp(10px,2vw,22px)}.frame{position:relative;aspect-ratio:9/16;height:min(95svh,calc(92vw * 16 / 9));width:min(92vw,calc(95svh * 9 / 16));border-radius:var(--radius-xl);overflow:hidden;border:1px solid hsla(0,0%,100%,.18);box-shadow:var(--shadow);background:linear-gradient(180deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,0)) rgba(0,0,0,.86)}.frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,hsla(0,0%,100%,.03),hsla(0,0%,100%,0))}.frame-inner{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;min-height:0}.frame-scroll{flex:1 1;overflow:auto;padding:var(--frame-pad);padding-bottom:calc(var(--frame-pad) + var(--footer-h));min-height:0}.frame-scroll::-webkit-scrollbar{width:0;height:0}.home{position:relative;min-height:100%;display:grid;place-items:center;text-align:center;overflow:hidden;padding:16px;padding-bottom:calc(16px + var(--footer-h))}.home-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0}.home-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.38),rgba(0,0,0,.62) 54%,rgba(0,0,0,.82))}.home-content{position:relative;z-index:2;width:min(700px,calc(100% - 8px));padding:clamp(20px,3.8vw,30px) clamp(14px,2.8vw,22px);border-radius:24px;border:1px solid hsla(0,0%,100%,.22);background:var(--panel-strong);box-shadow:0 22px 46px rgba(0,0,0,.54);overflow:hidden;container-type:inline-size}.home-content:before{content:"";position:absolute;inset:-1px;border-radius:24px;pointer-events:none;background:radial-gradient(400px 220px at 15% 0,rgba(124,92,255,.26),transparent 60%),radial-gradient(340px 220px at 100% 30%,rgba(39,212,255,.18),transparent 55%);opacity:.9;mix-blend-mode:screen}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.home-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.hero-title{margin:0;font-family:var(--font-heavy);font-size:clamp(34px,7.2vw,62px);line-height:.95;letter-spacing:-.01em;text-wrap:balance;text-shadow:0 14px 34px rgba(0,0,0,.58);white-space:normal;word-break:break-word;overflow-wrap:anywhere}.hero-sub{margin:16px auto 0;color:hsla(0,0%,100%,.9);font-size:clamp(15px,2.9vw,21px);line-height:1.5;max-width:34ch;text-wrap:balance}.hero-note{margin:12px auto 0;color:hsla(0,0%,100%,.82);font-family:var(--font-semibold);font-size:clamp(12px,1.8vw,15px);letter-spacing:.01em}.store-row{margin-top:24px;display:flex;gap:14px;flex-wrap:wrap;width:100%}.store-badge,.store-row{align-items:center;justify-content:center}.store-badge{display:inline-flex;border-radius:12px;overflow:hidden;border:1px solid hsla(0,0%,100%,.14);background:rgba(0,0,0,.28);transition:transform .14s ease,border-color .14s ease,background .14s ease}.store-badge img{height:clamp(40px,5.2vw,52px);width:auto;display:block;filter:drop-shadow(0 12px 24px rgba(0,0,0,.5))}.store-badge:hover{transform:translateY(-1px);border-color:hsla(0,0%,100%,.26);background:rgba(0,0,0,.38)}@supports (font-size:1cqi){.hero-title{font-size:clamp(34px,13cqi,72px)}.hero-sub{font-size:clamp(14px,4.5cqi,22px)}.hero-note{font-size:clamp(11px,3cqi,15px)}.store-badge img{height:clamp(38px,10cqi,56px)}}.store-badge:focus-visible{outline-offset:3px}.doc{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding-top:8px}.sheet{margin:0 auto;width:min(700px,100%);border-radius:var(--radius-lg);border:1px solid hsla(0,0%,100%,.14);background:var(--panel);padding:clamp(16px,2.6vw,22px);text-align:left;box-shadow:0 14px 28px rgba(0,0,0,.44)}.sheet h1{margin:0;font-family:var(--font-semibold);font-size:clamp(18px,2.4vw,26px);letter-spacing:-.01em}.sheet-meta{margin:10px 0 14px;color:var(--muted);font-size:12px}.sheet h2{margin:16px 0 8px;font-family:var(--font-semibold);font-size:clamp(12px,1.9vw,15px);letter-spacing:0;color:var(--text)}.sheet p,.sheet ul{margin:0 0 10px;color:hsla(0,0%,100%,.9);font-size:clamp(13px,1.9vw,15px);line-height:1.65}.sheet ul{padding-left:18px}.sheet li{margin:6px 0}.sheet a{text-decoration:underline;text-underline-offset:2px;color:hsla(0,0%,100%,.96)}.sheet pre{margin:12px 0 14px;padding:12px;border-radius:14px;border:1px solid hsla(0,0%,100%,.12);background:rgba(0,0,0,.38);overflow:auto}.sheet code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;line-height:1.45;color:hsla(0,0%,100%,.92)}.sheet pre code{display:block;white-space:pre}.post-list{grid-gap:12px;margin-top:14px}.post-card,.post-list{display:grid;gap:12px;grid-template-columns:1fr}.post-card{grid-gap:12px;align-items:start;border-radius:16px;border:1px solid hsla(0,0%,100%,.12);background:rgba(0,0,0,.3);padding:12px;transition:transform .16s ease,border-color .16s ease,background .16s ease}.blog-article a.pillar-card,.blog-article a.post-card,.post-card{text-decoration:none}.post-card-top{display:flex;flex-direction:column;gap:6px;align-items:flex-start;justify-content:flex-start}.post-thumb{width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.04);box-shadow:0 18px 40px rgba(0,0,0,.46)}.post-thumb img{width:100%;height:100%;object-fit:cover}.post-card-body{min-width:0}.post-card:hover{border-color:hsla(0,0%,100%,.26);background:rgba(0,0,0,.38);transform:translateY(-1px)}.post-card:focus-visible{outline:2px solid hsla(0,0%,100%,.68);outline-offset:2px}.post-title{margin:0;font-family:var(--font-semibold);font-size:14px;letter-spacing:-.01em;text-decoration:none;line-height:1.25}.post-date{color:var(--muted);font-size:12px;white-space:nowrap}.post-excerpt{margin:10px 0 0;color:hsla(0,0%,100%,.86);font-size:13px}.pillars-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:12px;gap:12px;margin-top:10px}.pillar-card{grid-column:span 6;border-radius:18px;border:1px solid hsla(0,0%,100%,.12);background:rgba(0,0,0,.3);padding:14px 14px 12px;display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px;align-items:start;text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease}@media (max-width:920px){.pillar-card{grid-column:span 12}}.pillar-card-body{min-width:0;display:grid;grid-gap:8px;gap:8px}.pillar-thumb{width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.04);box-shadow:0 18px 50px rgba(0,0,0,.46)}.pillar-thumb img{width:100%;height:100%;object-fit:cover}.pillar-thumb{grid-row:1}.pillar-card-body{grid-row:2}.pillar-card:hover .pillar-card-title,.post-card:hover .post-title{text-decoration:underline;text-underline-offset:3px}@media (min-width:740px){.post-card{grid-template-columns:120px 1fr;align-items:center}.post-card-top{flex-direction:row;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px 10px}.post-thumb{width:120px;aspect-ratio:16/10;border-radius:14px}}@media (min-width:920px){.post-list{grid-template-columns:repeat(2,minmax(0,1fr))}.pillar-card{grid-template-columns:1fr 150px;gap:12px;align-items:center}.pillar-thumb{grid-column:2;grid-row:1;width:150px;aspect-ratio:16/10}.pillar-card-body{grid-column:1;grid-row:1}}.pillar-card:hover{border-color:hsla(0,0%,100%,.26);background:rgba(0,0,0,.38);transform:translateY(-1px)}.pillar-card:focus-visible{outline:2px solid hsla(0,0%,100%,.68);outline-offset:2px}.pillar-card-title{margin:0;font-family:var(--font-semibold);font-size:14px;letter-spacing:-.01em;text-decoration:none;line-height:1.25}.pillar-card p{margin:0;color:hsla(0,0%,100%,.82);font-size:13px;line-height:1.6;max-width:70ch}.pillars-meta{color:hsla(0,0%,100%,.62);font-size:12px}.footer-bar{flex-shrink:0;position:absolute;left:0;right:0;bottom:0;z-index:2;padding:12px 16px 14px;border-top:1px solid hsla(0,0%,100%,.12);background:linear-gradient(180deg,rgba(0,0,0,.24),rgba(0,0,0,.88));text-align:center;color:hsla(0,0%,100%,.7);font-size:12px}.footer-bar:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px 200px at 12% 0,rgba(124,92,255,.16),transparent 55%),radial-gradient(420px 200px at 88% 0,rgba(39,212,255,.12),transparent 55%);opacity:.8}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.footer-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.footer-links{display:inline-flex;gap:14px;flex-wrap:wrap;justify-content:center}.footer-links a{border-bottom:1px solid transparent;padding-bottom:2px}.footer-links a:hover{color:var(--text);border-color:hsla(0,0%,100%,.56)}.reveal{animation:rise .52s ease both;animation-delay:var(--delay,0ms)}@keyframes rise{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.reveal{animation:none}}@media (max-width:600px){.stage{padding:0}.frame{width:100%;height:100svh;border-radius:0;border:none;box-shadow:none}.frame-scroll{padding:16px 12px;padding-bottom:calc(16px + var(--footer-h))}.home{padding:10px;padding-bottom:calc(10px + var(--footer-h))}.home-content{width:100%;padding:18px 12px}.pillar-card{grid-column:span 12}}