@font-face{font-family:Familjen Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/familjen-grotesk-vietnamese-wght-normal.211pwu0yg50i6.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:Familjen Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/familjen-grotesk-latin-ext-wght-normal.1hg_qc5h6wz0h.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:Familjen Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/familjen-grotesk-latin-wght-normal.287ws1xprzb4v.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;font-style:normal;font-display:swap;font-weight:400;src:url(../media/jetbrains-mono-latin-400-normal.3crsbyy6lh6yf.woff2)format("woff2"),url(../media/jetbrains-mono-latin-400-normal.2-1gwgi1uvl-u.woff)format("woff")}
:root{--bg:#edeff2;--surface:#fff;--surface-2:#f6f7f9;--ink:#161a21;--muted:#5a6170;--line:#dde1e7;--line-strong:#c9ced7;--buy:#17735d;--buy-hover:#115846;--dark:#161a21;--dark-muted:#a9b1bf;--media:#3a4150;--media-2:#2b313d;--media-text:#d7dce5;--nui-bg:#12151b;--nui-line:#262b35;--nui-muted:#9aa3b2;--focus:#161a21;--r-frame:20px;--r-tile:16px;--r-thumb:12px;--r-inner:10px;--r-small:8px;--r-pill:999px;--font:"Familjen Grotesk Variable", "Familjen Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-code:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--m:1;--t-press:calc(90ms * var(--m));--t-control:calc(.16s * var(--m));--t-enter:calc(.24s * var(--m));--t-collapse:calc(.24s * var(--m));--t-tick:calc(.12s * var(--m));--ease:cubic-bezier(.22, 1, .36, 1);--header-h:76px;--container:1320px;--gutter:20px}@media (min-width:768px){:root{--gutter:32px}}*,:before,:after{box-sizing:border-box}html[data-motion=sobre]{--m:.6}html[data-motion=off]{--m:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 16px)}body{background:var(--bg);min-height:100dvh;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font-size:17px;line-height:1.5;display:flex}main{flex:1}h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}img,svg,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;animation:focus-in calc(.12s * var(--m)) var(--ease)}@keyframes focus-in{0%{outline-offset:0;outline-color:#0000}}::selection{background:var(--ink);color:#fff}.container{width:100%;max-width:calc(var(--container) + var(--gutter) * 2);padding-inline:var(--gutter);margin-inline:auto}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:100;background:var(--ink);color:#fff;border-radius:var(--r-pill);padding:10px 16px;font-weight:600;position:absolute;top:-100px;left:12px}.skip-link:focus{top:12px}.muted{color:var(--muted)}.mono,.code{font-family:var(--font-code)}.mono{font-size:.875em}.serif{letter-spacing:-.03em;font-weight:700;line-height:1.05}.eyebrow{color:var(--muted);font-size:15px}.btn{border-radius:var(--r-pill);white-space:nowrap;cursor:pointer;min-height:48px;transition:background-color var(--t-control) var(--ease), border-color var(--t-control) var(--ease), color var(--t-control) var(--ease), transform var(--t-press) var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:16px;font-weight:600;line-height:1;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn-sm{min-height:42px;padding:0 18px;font-size:15px}.btn-accent{background:var(--buy);color:#fff}.btn-accent:hover:not(:disabled){background:var(--buy-hover)}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover:not(:disabled){background:#2b313d}.btn-ghost{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.btn-ghost:hover:not(:disabled){border-color:var(--ink)}.btn-quiet{background:var(--surface);color:var(--ink)}.btn-quiet:hover{color:var(--buy)}.btn:disabled,.btn[aria-disabled=true]{background:var(--surface-2);border-color:var(--line);color:var(--muted);cursor:not-allowed}.link{transition:color var(--t-control) var(--ease);font-weight:600;text-decoration:none}.link:hover{color:var(--buy)}.badges{flex-wrap:wrap;gap:6px;display:flex}.badge{border-radius:var(--r-pill);background:var(--surface);height:26px;color:var(--ink);white-space:nowrap;align-items:center;padding:0 10px;font-size:13px;font-weight:500;display:inline-flex}.badge.mono{font-size:12px}.badge-demo{color:#125e4c;background:#e3f1ec;font-weight:600}.site-header{--h:var(--header-h);z-index:50;min-height:var(--header-h);position:sticky;top:0}.site-header[data-scrolled=true]{--h:60px}.site-header:before{content:"";z-index:-1;height:calc(100% - (var(--header-h) - var(--h)));background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:height var(--t-enter) var(--ease);position:absolute;inset:0 0 auto}@media (prefers-reduced-transparency:reduce){.site-header:before{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}}.site-header .container{min-height:var(--h);transition:min-height var(--t-enter) var(--ease);align-items:center;gap:28px;display:flex}.brand{letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:10px;font-size:20px;font-weight:700;display:inline-flex}.brand-mark{flex:none;width:auto;height:30px;display:block}@media (max-width:479px){.brand-name{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.nav{background:var(--surface);border-radius:var(--r-pill);gap:4px;padding:5px;display:none;position:relative}.nav a{z-index:1;border-radius:var(--r-pill);min-height:38px;transition:background-color var(--t-control) var(--ease), color var(--t-control) var(--ease), transform var(--t-press) var(--ease);align-items:center;padding:0 16px;font-size:15px;display:inline-flex;position:relative}.nav a:hover{background:var(--surface-2)}.nav a[aria-current=page]{background:var(--ink);color:#fff}.nav[data-glide=true] a[aria-current=page],.nav[data-glide=true] a[aria-current=page]:hover{background:0 0}.header-actions{align-items:center;gap:14px;margin-left:auto;display:flex}.lang{position:relative}.lang-button{border-radius:var(--r-pill);background:var(--surface);min-height:42px;color:var(--ink);font:inherit;cursor:pointer;transition:background-color var(--t-control) var(--ease), transform var(--t-press) var(--ease);border:0;align-items:center;gap:8px;padding:0 12px 0 14px;font-size:15px;font-weight:600;display:inline-flex}.lang-button:hover{background:var(--surface-2)}.lang-chevron{color:var(--muted);transition:transform var(--t-control) var(--ease)}.lang-button[aria-expanded=true] .lang-chevron{transform:rotate(180deg)}.flag{border-radius:3px;flex:none;display:inline-flex;overflow:hidden;box-shadow:inset 0 0 0 1px #161a212e}.flag svg{width:22px;height:15px;display:block}.lang-list{z-index:50;border:1px solid var(--line);border-radius:var(--r-tile);background:var(--surface);width:max-content;min-width:100%;animation:enter-up var(--t-enter) var(--ease) both;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);right:0}.lang-list:focus{outline:none}.lang-list li{border-radius:var(--r-inner);cursor:pointer;transition:background-color var(--t-control) var(--ease);align-items:center;gap:10px;padding:9px 12px;font-size:15px;display:flex}.lang-list li[data-active]{background:var(--surface-2)}.lang-list li[aria-selected=true]{background:var(--ink);color:#fff}.lang-check{margin-left:auto}@media (max-width:479px){.lang-name,.lang-chevron{display:none}.lang-button{padding:0 12px}}.login-label-short{display:none}.menu-toggle{border-radius:var(--r-pill);background:var(--surface);cursor:pointer;width:44px;height:44px;transition:transform var(--t-press) var(--ease);border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.mobile-nav-wrap{visibility:hidden;transition:grid-template-rows var(--t-enter) var(--ease), visibility 0s linear var(--t-enter);grid-template-rows:0fr;display:grid}.mobile-nav-wrap[data-open=true]{visibility:visible;grid-template-rows:1fr;transition-delay:0s}.mobile-nav{min-height:0;padding:0 var(--gutter);gap:4px;display:grid;overflow:hidden}.mobile-nav a:last-child{margin-bottom:16px}.mobile-nav a{opacity:0;transition:opacity var(--t-enter) var(--ease), transform var(--t-enter) var(--ease);transform:translateY(-6px)}.mobile-nav-wrap[data-open=true] .mobile-nav a{opacity:1;transition-delay:calc(var(--i) * 40ms * var(--m));transform:none}.mobile-nav a{border-radius:var(--r-tile);background:var(--surface);align-items:center;min-height:52px;padding:0 18px;font-size:18px;font-weight:600;display:flex}.mobile-nav a[aria-current=page]{background:var(--ink);color:#fff}@media (min-width:900px){.nav{display:flex}.menu-toggle,.mobile-nav-wrap{display:none}}@media (max-width:520px){.login-label-long{display:none}.login-label-short{display:inline}.site-header .container{gap:12px}.header-actions{gap:10px}}.hero .container{flex-wrap:wrap;align-items:center;gap:48px;padding-block:40px 0;display:flex}.hero-copy{flex:380px;max-width:480px}.hero h1{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(2.6rem,5vw,4.25rem);font-weight:700;line-height:1.02}.hero-lead{max-width:40ch;color:var(--muted);margin-top:24px;font-size:19px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero-media{flex:999 560px;gap:12px;min-width:0;display:grid}.shot-frame{aspect-ratio:16/10;border-radius:var(--r-frame);background:var(--media);position:relative;overflow:hidden}.shot-caption{color:var(--media-text);font-size:13px;position:absolute;bottom:18px;left:20px;right:20px}.shot-frame .nui-window{width:min(44%,340px);position:absolute;top:12%;right:6%}@media (max-width:640px){.shot-frame{aspect-ratio:auto;padding:20px 16px 48px;display:grid}.shot-frame .nui-window{width:100%;position:static}}.shots{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.shot{aspect-ratio:16/10;border-radius:var(--r-thumb);background:var(--media-2);color:var(--media-text);align-items:flex-end;padding:10px;font-size:12px;line-height:1.3;display:flex}.shot:nth-child(2){background:#3f4656}.shot:nth-child(3),.shot:nth-child(4){background:#353b48}.shot:first-child{background:#4a5263}.sec{padding-top:112px}.sec-last{padding-bottom:112px}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin-bottom:28px;display:flex}.sec-head h2{letter-spacing:-.03em;font-size:clamp(2rem,3.4vw,2.5rem);font-weight:700;line-height:1.05}.sec-head p{color:var(--muted);flex-basis:100%}.bento{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.tile{border-radius:var(--r-tile);background:var(--surface);flex-direction:column;justify-content:space-between;gap:10px;min-height:200px;padding:22px;display:flex}.tile-label{color:var(--muted);font-size:15px}.tile-value{letter-spacing:-.02em;font-size:30px;font-weight:700;line-height:1.1}.tile-list{gap:4px;font-weight:600;display:grid}.tile-list .muted{font-weight:400}.tile-video{background:var(--media-2);min-height:320px;transition:transform var(--t-press) var(--ease);justify-content:center;align-items:center;position:relative}.tile-video:active{transform:scale(.99)}.tile-dark{background:var(--dark);color:#fff}.tile-dark .tile-label{color:var(--dark-muted)}.tile-price{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.tile-price strong{letter-spacing:-.03em;font-size:40px;font-weight:700;line-height:1}@media (min-width:700px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-video{grid-column:1/-1}}@media (min-width:1100px){.bento{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:200px}.tile{min-height:0}.tile-video{grid-area:span 2/span 2}}.play-hint{place-items:center;display:grid;position:absolute;inset:0}.play-circle{border-radius:var(--r-pill);width:68px;height:68px;color:var(--ink);background:#fff;place-items:center;display:grid}.list{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:16px;display:grid}.card{border-radius:var(--r-tile);background:var(--surface);transition:transform var(--t-press) var(--ease), box-shadow var(--t-control) var(--ease);flex-direction:column;gap:14px;padding:12px;display:flex}.card:hover{box-shadow:0 0 0 1px var(--line-strong)}.card:active{transform:scale(.985)}.card:focus-visible{outline-offset:4px}.card-visual{border-radius:var(--r-inner);background:var(--media);pointer-events:none;place-items:start center;height:210px;padding:22px 18px 0;display:grid;overflow:hidden}.card-visual .nui-window{border-radius:var(--r-small);width:100%}.card-body{gap:6px;padding:4px 8px 8px;display:grid}.card-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 12px;display:flex}.card-name{letter-spacing:-.02em;flex-wrap:wrap;align-items:center;gap:8px;font-size:22px;font-weight:700;line-height:1.15;display:flex}.card-price{white-space:nowrap;font-weight:600}.card-tagline{color:var(--muted);font-size:15px}.card-meta{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.card-meta .badge{background:var(--surface-2)}.rows{grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));gap:16px;display:grid}.card-row{flex-flow:wrap;align-items:center;gap:20px;padding:14px}.card-row .card-visual{aspect-ratio:16/10;flex:0 0 200px;height:auto;padding:0}.card-row .card-body{flex:220px;padding:0}@media (max-width:520px){.card-row .card-visual{flex-basis:100%}}.nui{place-items:center;width:100%;display:grid}.nui-window{background:var(--nui-bg);color:#eef1f5;border-radius:var(--r-thumb);grid-template-rows:auto 1fr auto;width:min(100%,520px);font-size:13px;display:grid;overflow:hidden}.nui-bar{padding:14px 16px}.nui-title{font-size:16px;font-weight:600}.nui-list{position:relative;overflow:auto}.nui-row{z-index:1;position:relative}.nui-hl{background:var(--buy);transition:transform var(--t-control) var(--ease), height var(--t-control) var(--ease);position:absolute;top:0;left:0;right:0}.nui-list[data-glide=true] .nui-row[aria-pressed=true],.nui-list[data-glide=true] .nui-row[aria-pressed=true]:hover{border-top-color:var(--nui-line);background:0 0}.nui-row{border:0;border-top:1px solid var(--nui-line);width:100%;color:inherit;text-align:left;cursor:pointer;transition:background-color var(--t-control) var(--ease), transform var(--t-press) var(--ease);background:0 0;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:10px 16px;display:grid}.nui-row:hover{background:#1d222b}.nui-row:active{transform:scale(.99)}.nui-row[aria-pressed=true],.nui-row[data-selected=true]{background:var(--buy);border-top-color:var(--buy)}.nui-label{font-weight:600}.nui-status{text-align:right;color:var(--nui-muted)}.nui-meta{font-family:var(--font-code);color:var(--nui-muted);font-size:11px}.nui-row[aria-pressed=true] .nui-status,.nui-row[aria-pressed=true] .nui-meta,.nui-row[data-selected=true] .nui-status,.nui-row[data-selected=true] .nui-meta{color:#e6f3ef}.nui-row:focus-visible{outline-offset:-3px;outline:2px solid #eef1f5}.nui-foot{border-top:1px solid var(--nui-line);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.nui-action{border-radius:var(--r-small);color:var(--nui-bg);background:#eef1f5;padding:7px 12px;font-weight:600;display:inline-block}.nui-foot .btn{border-radius:var(--r-small);min-height:36px}.nui-foot .btn:disabled{color:var(--nui-muted);background:#232833;border-color:#232833}.nui-feedback{color:#eef1f5;opacity:0;transition:opacity var(--t-enter) var(--ease)}.nui-feedback[data-on=true]{opacity:1}.nui-status[data-tick=true]{animation:tick calc(.24s * var(--m)) steps(1)}@keyframes tick{0%{opacity:0}25%{opacity:1}50%{opacity:0}75%{opacity:1}}.media{width:100%;aspect-ratio:var(--ratio,16 / 10);border-radius:var(--r-frame);background:var(--media);align-items:flex-end;display:flex;position:relative;overflow:hidden}.media-label{color:var(--media-text);font-size:13px;position:absolute;bottom:18px;left:20px;right:20px}.media-ui{aspect-ratio:auto;place-items:center;min-height:clamp(320px,42vw,460px);padding:24px 16px;display:grid}.page-head{gap:14px;padding-block:48px 32px;display:grid}.page-head h1{letter-spacing:-.035em;font-size:clamp(2.4rem,5vw,3.75rem);font-weight:700;line-height:1.02}.page-head .lead{max-width:52ch;color:var(--muted);font-size:19px}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.search{gap:8px;width:100%;max-width:560px;display:flex}.field{border-radius:var(--r-pill);background:var(--surface);min-width:0;min-height:48px;transition:border-color var(--t-control) var(--ease);border:1px solid #0000;flex:1;padding:0 20px}.field::placeholder{color:var(--muted)}.field:hover{border-color:var(--line-strong)}.search .field:focus-visible{outline:none}.state{border-radius:var(--r-tile);background:var(--surface);justify-items:start;gap:12px;padding:48px 32px;display:grid}.state h1,.state h2{letter-spacing:-.03em;font-size:2rem;font-weight:700;line-height:1.1}.state p{max-width:52ch;color:var(--muted)}.state-page{padding-block:64px 112px}.skeleton{border-radius:var(--r-tile);animation:pulse 1.4s var(--ease) infinite;background:#e2e5ea}@keyframes pulse{50%{opacity:.55}}.crumbs{color:var(--muted);align-items:center;gap:6px;padding-top:24px;font-size:15px;display:flex}.crumbs a:hover{color:var(--ink)}.product-head{gap:14px;padding-block:24px 32px;display:grid}.product-head h1{letter-spacing:-.035em;font-size:clamp(2.4rem,5vw,3.75rem);font-weight:700;line-height:1.02}.product-head .tagline{max-width:52ch;color:var(--muted);font-size:19px}.product-layout{grid-template-columns:minmax(0,1fr);gap:32px;padding-bottom:96px;display:grid}@media (min-width:1000px){.product-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:40px}.product-aside{top:calc(var(--header-h) + 16px);margin-top:60px;position:sticky}}.product-main{grid-template-columns:minmax(0,1fr);gap:40px;min-width:0;display:grid}.lede{max-width:62ch;color:var(--muted);font-size:19px}.buy-box{border-radius:var(--r-tile);background:var(--dark);color:#fff;gap:16px;padding:24px;display:grid}.buy-box .btn{white-space:normal;text-align:center;width:100%;height:auto;padding:12px 20px;line-height:1.25}.buy-box .btn svg{flex:none}.buy-box .btn:disabled{color:var(--dark-muted);background:#2b313d;border-color:#2b313d}.price{letter-spacing:-.03em;font-size:44px;font-weight:700;line-height:1}.buy-note{color:var(--muted);font-size:14px}.buy-box .buy-note{color:var(--dark-muted)}.buy-box strong{color:#fff!important}.facts{display:grid}.facts div{border-top:1px solid #2b313d;justify-content:space-between;gap:12px;padding:10px 0;font-size:15px;display:flex}.facts dt{color:var(--dark-muted)}.facts dd{text-align:right}.viewer{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.segmented,.tabs-list{border-radius:var(--r-pill);background:var(--surface);scrollbar-width:none;gap:4px;width:max-content;max-width:100%;padding:5px;display:flex;overflow-x:auto}.segmented::-webkit-scrollbar{display:none}.tabs-list::-webkit-scrollbar{display:none}.segmented button,.tabs-list button{border-radius:var(--r-pill);cursor:pointer;min-height:38px;transition:background-color var(--t-control) var(--ease), color var(--t-control) var(--ease);background:0 0;border:0;flex:none;padding:0 16px;font-size:15px}.segmented button:hover,.tabs-list button:hover{background:var(--surface-2)}.segmented button[aria-selected=true],.tabs-list button[aria-selected=true]{background:var(--ink);color:#fff}.segmented button:focus-visible,.tabs-list button:focus-visible{outline-offset:-2px}.stage-panel,.tab-panel{animation:fade var(--t-enter) var(--ease)}@keyframes fade{0%{opacity:0;transform:translateY(4px)}}.thumbs{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.thumb{border-radius:calc(var(--r-thumb) + 2px);cursor:pointer;text-align:left;background:0 0;border:2px solid #0000;padding:0}.thumb .media{border-radius:var(--r-thumb)}.thumb .media-label{font-size:12px;bottom:8px;left:10px;right:10px}.thumb[aria-pressed=true]{border-color:var(--ink)}.tab-panel{border-radius:var(--r-tile);background:var(--surface);margin-top:12px;padding:24px}.tab-panel>*+*{margin-top:16px}.check-list li,.dep-list li,.log>li{border-top:1px solid var(--line);padding:12px 0}.check-list li:first-child,.dep-list li:first-child,.log>li:first-child{border-top:0;padding-top:0}.dep-list li{justify-content:space-between;align-items:center;gap:16px;display:flex}.dep-list .badge,.log .badge{background:var(--surface-2)}.log>li{gap:8px;display:grid}.log-head{align-items:center;gap:12px;display:flex}.log ul{color:var(--muted);gap:4px;padding-left:20px;font-size:15px;list-style:outside;display:grid}.install{gap:6px;padding-left:22px;list-style:decimal;display:grid}.code{border-radius:var(--r-inner);background:var(--dark);color:#eef1f5;white-space:pre;padding:16px 18px;font-size:14px;display:block;overflow-x:auto}.sticky-bar{visibility:hidden;z-index:40;border-radius:var(--r-tile);background:var(--dark);color:#fff;transition:transform var(--t-enter) var(--ease), visibility 0s linear var(--t-enter);position:fixed;bottom:12px;left:12px;right:12px;transform:translateY(calc(100% + 24px))}.sticky-bar[data-visible=true]{visibility:visible;transition-delay:0s;transform:none}.sticky-bar .container{justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding-inline:18px;display:flex}.sticky-bar .name{font-size:18px;font-weight:700}.sticky-bar .price-sm{color:var(--dark-muted);font-size:14px}.sticky-bar .btn-primary{background:var(--buy)}@media (min-width:1000px){.sticky-bar{display:none}}.status-block{border-radius:var(--r-tile);background:var(--surface);gap:12px;max-width:640px;margin-bottom:112px;padding:24px;display:grid}.status-line{align-items:center;gap:10px;display:flex}.status-line .badge{background:var(--surface-2)}.dialog{border-radius:var(--r-frame);background:var(--surface);width:min(92vw,460px);color:var(--ink);transform-origin:100% 0;transition:opacity var(--t-enter) var(--ease), transform var(--t-enter) var(--ease), overlay var(--t-enter) allow-discrete, display var(--t-enter) allow-discrete;border:0;padding:0}.dialog:not([open]){opacity:0;transform:scale(.96)}@starting-style{.dialog[open]{opacity:0;transform:scale(.96)}}.dialog::backdrop{background:#161a2173}.dialog-body{gap:16px;padding:28px;display:grid}.dialog h2{letter-spacing:-.03em;font-size:28px;font-weight:700}.callout{border-radius:var(--r-inner);background:var(--surface-2);gap:4px;padding:14px 16px;font-size:15px;display:grid}.site-footer{margin-top:auto}.site-footer .container{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px 24px;padding-block:32px 40px;font-size:15px;display:flex}.footer-nav{flex-wrap:wrap;gap:20px;display:flex}.footer-nav a:hover{color:var(--ink)}.reveal{opacity:1}.js .reveal[data-state=pending]{opacity:0;transform:translateY(12px)}.js .reveal[data-state=shown]{opacity:1;transition:opacity var(--t-enter) var(--ease), transform var(--t-enter) var(--ease);transform:none}@keyframes enter-up{0%{opacity:0;transform:translateY(12px)}}@keyframes enter-left{0%{opacity:0;transform:translate(-8px)}}@keyframes enter-right{0%{opacity:0;transform:translate(8px)}}@keyframes enter-bottom{0%{opacity:0;transform:translateY(8px)}}.enter-left{animation:enter-left var(--t-enter) var(--ease) both}.enter-right{animation:enter-right var(--t-enter) var(--ease) both}.enter-bottom{animation:enter-bottom var(--t-enter) var(--ease) both}@keyframes fade-in{0%{opacity:0}}@keyframes row-in{0%{opacity:0;transform:translate(-8px)}}@keyframes slide-next{0%{opacity:0;transform:translate(16px)}}@keyframes slide-prev{0%{opacity:0;transform:translate(-16px)}}@keyframes draw{0%{transform:scaleX(0)}}.glide-pill{z-index:0;border-radius:var(--r-pill);background:var(--ink);pointer-events:none;transition:transform var(--t-enter) var(--ease), width var(--t-enter) var(--ease), opacity var(--t-control) var(--ease);position:absolute;top:5px;bottom:5px;left:0}.segmented,.tabs-list{position:relative}.segmented button,.tabs-list button{z-index:1;transition:background-color var(--t-control) var(--ease), color var(--t-control) var(--ease), transform var(--t-press) var(--ease);position:relative}.segmented[data-glide=true] button[aria-selected=true],.segmented[data-glide=true] button[aria-selected=true]:hover,.tabs-list[data-glide=true] button[aria-selected=true],.tabs-list[data-glide=true] button[aria-selected=true]:hover{background:0 0}.menu-toggle:active,.lang-button:active,.nav a:active,.mobile-nav-wrap[data-open=true] .mobile-nav a:active,.segmented button:active,.tabs-list button:active,.thumb:active,.shot:active,.chips button:active,.compare-btn:active,.copy-btn:active,.log-head:active,.footer-nav a:active{transform:scale(.97)}.thumb,.shot,.chips button,.compare-btn,.copy-btn,.log-head,.footer-nav a{transition:background-color var(--t-control) var(--ease), color var(--t-control) var(--ease), border-color var(--t-control) var(--ease), outline-color var(--t-control) var(--ease), transform var(--t-press) var(--ease)}.footer-nav a{display:inline-block}.btn[aria-disabled=true]:active{transform:none}.btn-primary[aria-disabled=true]:hover{background:var(--surface-2)}.hero-copy h1,.hero-lead,.hero-actions,.hero-media{animation:enter-up var(--t-enter) var(--ease) both}.hero-lead{animation-delay:calc(70ms * var(--m))}.hero-actions,.hero-media{animation-delay:calc(.14s * var(--m))}.shot-bg{background:var(--media);transform:translate(calc(var(--px,0) * -8px * var(--m)), calc(var(--py,0) * -8px * var(--m)));transition:transform var(--t-control) var(--ease);animation:fade-in var(--t-control) var(--ease);position:absolute;inset:-12px}.shot-bg>img{object-fit:cover;width:100%;height:100%}.shot-frame[data-shot="1"] .shot-bg{background:#3f4656}.shot-frame[data-shot="2"] .shot-bg{background:#353b48}.shot-frame .nui-window{transform:translate(calc(var(--px,0) * 6px * var(--m)), calc(var(--py,0) * 6px * var(--m)));transition:transform var(--t-control) var(--ease)}.shot-frame .nui-row{animation:row-in var(--t-enter) var(--ease) both;animation-delay:calc((.26s + var(--i,0) * 70ms) * var(--m))}.shot-frame .shot-caption{z-index:1}button.shot{text-align:left;font:inherit;cursor:pointer;outline-offset:2px;border:0;outline:2px solid #0000}.shot-skeleton{aspect-ratio:16/10;border-radius:var(--r-frame)}.js .reveal.reveal-stagger[data-state=pending]{opacity:1;transform:none}.bento>:nth-child(2){--s:1}.bento>:nth-child(3){--s:2}.bento>:nth-child(4){--s:3}.bento>:nth-child(5){--s:4}.js .reveal-stagger[data-state=pending] .bento>*,.js .reveal-stagger[data-state=pending] .tile-list li{opacity:0}.js .reveal-stagger[data-state=shown] .bento>*{animation:enter-up var(--t-enter) var(--ease) both;animation-delay:calc(var(--s,0) * 50ms * var(--m))}.js .reveal-stagger[data-state=shown] .tile-list li{animation:enter-up var(--t-enter) var(--ease) both;animation-delay:calc((.3s + var(--j,0) * 60ms) * var(--m))}.tile-list{flex-wrap:wrap;gap:6px;display:flex}.tile-list li{border-radius:var(--r-pill);background:var(--ink);color:#fff;padding:4px 12px;font-size:14px;font-weight:500}.tile-list li.muted{border:1px solid var(--line-strong);color:var(--muted);background:0 0}.tile-video .play-circle{align-items:center;width:auto;min-width:68px;padding:0 23px;display:inline-flex}.play-label{white-space:nowrap;opacity:0;max-width:0;transition:max-width var(--t-enter) var(--ease), margin-left var(--t-enter) var(--ease), opacity var(--t-control) var(--ease);margin-left:0;font-weight:600;overflow:hidden}.tile-video:focus-visible .play-label{opacity:1;max-width:10rem;margin-left:10px}@media (hover:hover){.tile-video:hover .play-label{opacity:1;max-width:10rem;margin-left:10px}}.tile-price .odo{display:inline-flex}.odo-col{height:1em;display:block;overflow:hidden}.odo-strip{transform:translateY(calc(var(--n) * -1em));flex-direction:column;display:flex}.odo-strip>span{height:1em;display:block}.odo[data-play=true] .odo-strip{animation:odo-roll calc(.48s * var(--m)) var(--ease) both;animation-delay:calc(var(--k) * 60ms * var(--m))}@keyframes odo-roll{0%{transform:translateY(0)}}.controls{flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-bottom:20px;display:flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button{border-radius:var(--r-pill);background:var(--surface);cursor:pointer;border:0;min-height:36px;padding:0 14px;font-size:15px}.chips button:hover{background:var(--surface-2)}.chips button[aria-pressed=true]{background:var(--ink);color:#fff}.card-slot{min-width:0;transition:opacity var(--t-control) var(--ease);animation:enter-up var(--t-enter) var(--ease) both;animation-delay:calc(var(--i,0) * 50ms * var(--m));display:flex;position:relative}.card-slot>.card{flex:1;min-width:0}.card-slot[data-dim=true]{opacity:.35}.card-visual{position:relative}.card-visual>.nui-window{transition:transform var(--t-enter) var(--ease)}@media (hover:hover){.card:hover .card-visual>.nui-window{transform:scale(1.04)}}.compare-btn,.upd-badge{z-index:2;font-size:13px;position:absolute;top:22px}.compare-btn{border-radius:var(--r-pill);min-height:30px;color:var(--ink);cursor:pointer;background:#fff;border:0;padding:0 12px;font-weight:600;right:22px}.compare-btn[aria-pressed=true]{background:var(--ink);color:#fff;outline:2px solid #fff}.upd-badge{border-radius:var(--r-pill);background:#fff;align-items:center;gap:6px;padding:4px 10px 4px 8px;font-weight:600;display:inline-flex;left:22px}.upd-badge i{background:var(--buy);width:8px;height:8px;animation:dot-in var(--t-enter) var(--ease) both;border-radius:50%}@keyframes dot-in{0%{transform:scale(0)}}.compare{transition:grid-template-rows var(--t-enter) var(--ease);grid-template-rows:0fr;display:grid}.compare[data-open=true]{grid-template-rows:1fr}.compare>div{min-height:0;overflow:hidden}.compare-panel{border-radius:var(--r-tile);background:var(--dark);color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;margin-bottom:16px;padding:20px 24px;display:flex}.compare-panel .link{color:#fff;font-size:20px}.compare-col{gap:2px;min-width:0;display:grid}.compare-price{letter-spacing:-.02em;font-size:28px;font-weight:700}.ghost-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;display:grid}.ghost-grid span{border:1.5px dashed var(--line-strong);border-radius:var(--r-inner);height:64px;animation:enter-up var(--t-enter) var(--ease) both;animation-delay:calc(var(--i,0) * 50ms * var(--m))}.viewer-frame{min-width:0;overflow-x:clip}.stage-panel.dir-next{animation-name:slide-next}.stage-panel.dir-prev{animation-name:slide-prev}.viewer-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-bottom:8px;display:flex}.media{transition:background-color var(--t-enter) var(--ease)}.media>img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity var(--t-enter) var(--ease), transform var(--t-enter) var(--ease);position:absolute;inset:0;transform:scale(1.03)}.media>video{object-fit:cover;background:var(--media);width:100%;height:100%;position:absolute;inset:0}.media>img[data-loaded=true]{opacity:1;transform:none}.media-tone-night{background:var(--media-2)}.ui-backdrop{opacity:.35;transition:opacity var(--t-enter) var(--ease);background:#4a5263;position:absolute;inset:0}.ui-backdrop[data-real=true]{background:0 0}.ui-backdrop[data-mode=in]{opacity:1}.media-ui .nui{transform-origin:100% 100%;width:min(100% - 32px,520px);transition:left var(--t-enter) var(--ease), top var(--t-enter) var(--ease), transform var(--t-enter) var(--ease);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.media-ui .nui[data-mode=in]{top:calc(100% - 16px);left:calc(100% - 16px);transform:translate(-100%,-100%)scale(.7)}.ghost-cursor{z-index:5;opacity:0;pointer-events:none;transition:transform calc(.7s * var(--m)) var(--ease), opacity var(--t-control) var(--ease);position:absolute;top:0;left:0}.ghost-ring{z-index:4;opacity:0;pointer-events:none;border:2px solid #fff;border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;position:absolute}.ghost-ring.go{animation:ring calc(.36s * var(--m)) var(--ease)}@keyframes ring{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.3)}}.shot-clip{border-radius:var(--r-frame);overflow:hidden}.shot-slide.dir-next{animation:slide-next var(--t-enter) var(--ease)}.shot-slide.dir-prev{animation:slide-prev var(--t-enter) var(--ease)}.tip-wrap{display:grid;position:relative}.tip{border-radius:var(--r-inner);background:var(--surface);color:var(--ink);text-align:center;opacity:0;pointer-events:none;transition:opacity var(--t-control) var(--ease), transform var(--t-control) var(--ease);padding:10px 14px;font-size:14px;position:absolute;bottom:calc(100% + 8px);left:0;right:0;transform:translateY(4px)}.tip-wrap:hover .tip,.tip-wrap:focus-within .tip{opacity:1;transform:none}.buy-box .btn[aria-disabled=true]{color:var(--dark-muted);background:#2b313d;border-color:#2b313d}.sticky-bar[data-visible=true] .price-sm{animation:enter-up var(--t-enter) var(--ease) both;animation-delay:calc(.12s * var(--m))}.chain{align-items:center;display:flex}.chain li:not(.chain-line){border-radius:var(--r-inner);background:var(--surface-2);text-align:center;flex:0 auto;min-width:0;padding:8px 10px;font-size:13px}.chain-line{background:var(--ink);transform-origin:0;flex:1 0 12px;height:2px}.dialog[open] .chain li:not(.chain-line){animation:fade-in var(--t-enter) var(--ease) both;animation-delay:calc(var(--i) * .12s * var(--m))}.dialog[open] .chain-line{animation:draw var(--t-enter) var(--ease) both;animation-delay:calc(var(--i) * .12s * var(--m))}.state-load{border-radius:var(--r-pill);background:var(--line);width:100%;max-width:320px;height:6px;position:relative;overflow:hidden}.state-load i{border-radius:var(--r-pill);background:var(--ink);width:40%;animation:bar-slide 1s var(--ease) infinite;position:absolute;inset:0 auto 0 0}@keyframes bar-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.state-page .state{animation:enter-up var(--t-enter) var(--ease) both}.toast-region{z-index:60;pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:12px;left:12px;right:12px}.toast{border-radius:var(--r-tile);background:var(--dark);color:#fff;pointer-events:auto;width:100%;max-width:420px;animation:enter-up var(--t-enter) var(--ease);overflow:hidden}.toast p{padding:14px 18px;font-size:15px}.toast-bar{transform-origin:0;background:#fff;height:3px;animation:3s linear forwards toast-bar}.toast:hover .toast-bar{animation-play-state:paused}html[data-motion] .toast-bar{animation-duration:3s!important;animation-delay:0s!important}@keyframes toast-bar{to{transform:scaleX(0)}}button.log-head{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;min-height:36px;padding:0}.log>li{gap:0}.log-body{transition:grid-template-rows var(--t-enter) var(--ease);grid-template-rows:0fr;display:grid}.log>li[data-open=true] .log-body{grid-template-rows:1fr}.log-body>ul{min-height:0;padding-top:0;overflow:hidden}.log>li[data-open=true] .log-body>ul{padding-top:8px}.copy-code{position:relative}.copy-code .code{padding-right:104px}.copy-btn{border-radius:var(--r-pill);min-width:78px;color:var(--ink);cursor:pointer;background:#fff;border:0;padding:6px 14px;font-size:14px;position:absolute;top:10px;right:10px}.copy-btn[data-copied=true]{background:var(--buy);color:#fff}::view-transition-group(.morph){animation-duration:calc(.32s * var(--m));animation-timing-function:var(--ease)}::view-transition-old(.lang-fade){animation-duration:calc(.16s * var(--m))}::view-transition-new(.lang-fade){animation-duration:calc(.16s * var(--m))}html[data-motion=off] *,html[data-motion=off] :before,html[data-motion=off] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}html[data-motion=off] .js .reveal[data-state=pending]{opacity:1;transform:none}html[data-motion=off] :active{transform:none!important}@media (prefers-reduced-motion:reduce){html:not([data-motion]) *,html:not([data-motion]) :before,html:not([data-motion]) :after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.toast:focus-within .toast-bar,.cart-undo:focus-within .undo-bar{animation-play-state:paused}
.account-pill{border-radius:var(--r-pill);background:var(--surface);min-height:42px;transition:background-color var(--t-control) var(--ease);align-items:center;gap:8px;padding:0 14px 0 6px;font-size:15px;font-weight:600;display:inline-flex}.account-pill:hover{background:var(--surface-2)}.account-pill img,.account-pill .account-initial{border-radius:var(--r-pill);width:30px;height:30px}.account-initial{background:var(--ink);color:#fff;place-items:center;font-weight:700;display:inline-grid}.header-admin{color:var(--muted);font-size:15px}@media (max-width:520px){.header-admin{display:none}}.header-admin:hover,.header-admin[aria-current=page]{color:var(--ink)}.dev-login{border-radius:var(--r-inner);background:var(--surface-2);gap:10px;padding:14px 16px;font-size:15px;display:grid}.dev-login p{gap:2px;display:grid}.dev-login-buttons{flex-wrap:wrap;gap:8px;display:flex}.account-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.account-id{align-items:center;gap:16px;display:flex}.account-avatar{border-radius:var(--r-pill);width:64px;height:64px;font-size:26px}.account-actions{flex-wrap:wrap;gap:8px;display:flex}.account-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:16px;padding-bottom:112px;display:grid}.account-tile{justify-content:flex-start;min-height:180px}.account-tile h2{letter-spacing:-.02em;font-size:22px}.admin{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:24px 112px;display:grid}.admin-nav{border-radius:var(--r-pill);background:var(--surface);scrollbar-width:none;gap:4px;width:max-content;max-width:100%;padding:5px;display:flex;overflow-x:auto}.admin-nav a{border-radius:var(--r-pill);min-height:38px;transition:background-color var(--t-control) var(--ease), color var(--t-control) var(--ease);flex:none;align-items:center;padding:0 16px;font-size:15px;display:inline-flex}.admin-nav a:hover{background:var(--surface-2)}.admin-nav a[aria-current=page]{background:var(--ink);color:#fff}@media (min-width:1000px){.admin{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:40px}.admin-nav{top:calc(var(--header-h) + 16px);border-radius:var(--r-tile);flex-direction:column;width:auto;padding:8px;position:sticky}.admin-nav a{border-radius:var(--r-inner)}}.admin-main{gap:24px;min-width:0;display:grid}.admin-head{gap:8px;display:grid}.admin-head h1{letter-spacing:-.035em;font-size:clamp(2rem,3.6vw,2.75rem);font-weight:700;line-height:1.05}.admin-head-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;display:flex}.admin-stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:16px;display:grid}.admin-stats .tile{min-height:150px}.admin-stats a.tile:hover{box-shadow:0 0 0 1px var(--line-strong)}.admin-section .sec-head{margin-bottom:12px}.admin-feed{border-radius:var(--r-tile);background:var(--surface);padding:4px 20px;display:grid}.admin-feed li{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:12px 0;font-size:15px;display:flex}.admin-feed li:first-child{border-top:0}.admin-table-wrap{border-radius:var(--r-tile);background:var(--surface);position:relative;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:640px;font-size:15px}.admin-table th,.admin-table td{text-align:left;vertical-align:middle;border-top:1px solid var(--line);padding:14px 18px}.admin-table thead th{color:var(--muted);border-top:0;font-weight:500}.admin-table tbody th{font-weight:600}.admin-table td:last-child{text-align:right}.admin-row-link:hover{color:var(--buy)}.admin-slug{margin-top:2px;font-size:12px;font-weight:400;display:block}.admin-table .badge{margin-left:6px}.status{border-radius:var(--r-pill);background:var(--surface-2);white-space:nowrap;align-items:center;height:26px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.status-published,.status-role-owner{color:#125e4c;background:#e3f1ec}.status-draft,.status-role-staff{color:#7a4d00;background:#fdf0d8}.status-never,.status-hidden{color:var(--muted);background:#eceef2}.form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:16px;display:grid}.form-field{border:0;gap:6px;min-width:0;margin:0;padding:0;font-size:15px;display:grid}.form-field>span,.form-field>legend{padding:0;font-weight:600}.input{border:1px solid var(--line-strong);border-radius:var(--r-inner);width:100%;min-height:46px;font:inherit;transition:border-color var(--t-control) var(--ease);background:#fff;padding:10px 14px;font-size:16px;line-height:1.45}textarea.input{resize:vertical}.input:hover{border-color:var(--muted)}.input:focus-visible{outline:2px solid var(--ink);outline-offset:1px;border-color:var(--ink)}.check-row{flex-wrap:wrap;gap:8px 20px;display:flex}.check{cursor:pointer;align-items:center;gap:8px;min-height:44px;font-size:15px;display:inline-flex}.check input{width:18px;height:18px;accent-color:var(--ink)}.form-error{border-radius:var(--r-inner);color:#8a1c12;background:#fdecea;gap:4px;margin:0;padding:10px 14px;font-size:15px;list-style:none;display:grid}.form-actions{flex-wrap:wrap;gap:8px;display:flex}.btn-danger,.btn-danger:hover:not(:disabled){color:#fff;background:#8a1c12;border-color:#8a1c12}.segmented button[aria-checked=true]{background:var(--ink);color:#fff}.editor{gap:16px;padding-bottom:96px;display:grid}.editor-back{justify-self:start;font-size:15px}.editor-section{justify-content:flex-start;gap:18px;min-height:0}.editor-section h2{letter-spacing:-.02em;font-size:22px}.editor-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.dep-row,.cl-row{border-radius:var(--r-inner);background:var(--surface-2);gap:12px;padding:16px;display:grid}@media (min-width:900px){.dep-row{grid-template-columns:1.2fr auto 1.4fr 1.4fr auto;align-items:end}}.dep-row .btn,.cl-row .btn{justify-self:start}.editor-bar{z-index:30;border-radius:var(--r-tile);background:var(--dark);color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding:12px 14px 12px 20px;display:flex;position:sticky;bottom:12px}.editor-bar-state{color:#f3c97a;font-size:15px}.editor-bar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.editor-bar .btn-ghost{color:#fff;background:0 0;border-color:#3a4150}.editor-bar .btn-ghost:hover:not(:disabled){border-color:#fff}.editor-bar .btn-primary{color:var(--ink);background:#fff}.editor-bar .btn:disabled{color:var(--dark-muted);background:#2b313d;border-color:#2b313d}.editor-note{max-width:34ch;color:var(--dark-muted);font-size:14px}.status-sale-complete{color:#125e4c;background:#e3f1ec}.status-sale-refunded{color:var(--muted);background:#eceef2}.status-sale-test{background:var(--ink);color:#fff;margin-left:6px}.status-sale-disputed,.status-sale-chargeback{color:#8f2418;background:#fbe4e1}.purchase-list{display:grid}.purchase-list li{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:12px 0;display:flex}.purchase-list li:first-child{border-top:0}.purchase-name{font-weight:600}.purchase-name a:hover{color:var(--buy)}.account-tile-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.account-tile-head p{margin:4px 0 0}.account-tile-head .btn:active{transform:scale(.97)}.admin-tebex{justify-content:flex-start;min-height:0;margin-top:24px}.support-page{padding-bottom:112px}.support-page>.tile+.tile{margin-top:16px}.support-head{justify-content:space-between;align-items:end;gap:20px;display:flex}.support-list{padding:8px 22px;list-style:none;display:grid}.support-list li,.support-notifications li{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 18px;padding:14px 0;display:flex}.support-list li:first-child,.support-notifications li:first-child{border-top:0}.support-subject{font-size:17px;font-weight:600}.support-subject:hover,.admin-table a:hover{color:var(--buy)}.support-empty,.support-notifications,.support-thread,.support-chat,.support-form,.support-filters,.support-linked-purchase,.support-no-purchase,.support-notice,.support-error{justify-content:start;min-height:0;padding:22px}.support-empty,.support-form,.support-filters{gap:16px;display:grid}.support-empty h2,.support-notifications h2{font-size:22px}.support-form{grid-template-columns:minmax(0,1fr);max-width:760px}.support-form textarea{resize:vertical;width:100%;display:block}.support-form>.btn{justify-self:end}.support-notes .support-form,.support-delegation .support-form{max-width:none;margin-top:8px;padding:0}.support-form-actions{flex-wrap:wrap;justify-content:end;gap:8px;display:flex}.support-filters{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));align-items:end}.support-filters>.btn{justify-self:start}.support-thread{grid-template-columns:minmax(0,1fr);gap:0;display:grid}.support-message{border-top:1px solid var(--line);overflow-wrap:anywhere;white-space:pre-wrap;gap:10px;padding:16px 0;display:grid}.support-message:first-child{border-top:0;padding-top:0}.support-message:last-child{padding-bottom:0}.support-message-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;display:flex}.support-author{align-items:center;gap:10px;display:inline-flex}.support-avatar{border-radius:var(--r-pill);object-fit:cover;flex:none;width:28px;height:28px}.support-avatar-initial{background:var(--surface-2);color:var(--muted);place-items:center;font-size:14px;font-weight:600;display:grid}.support-message time,.support-table-sub{color:var(--muted);font-size:14px}.support-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.support-context{flex-wrap:wrap;gap:4px 16px;margin:8px 0 0;padding:0;font-size:15px;list-style:none;display:flex}.support-chat{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}.support-bubbles{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.support-bubble{border:1px solid var(--line);border-radius:var(--r-tile) var(--r-tile) var(--r-tile) 4px;background:var(--surface);overflow-wrap:anywhere;white-space:pre-wrap;gap:8px;width:fit-content;min-width:min(100%,220px);max-width:min(100%,620px);padding:12px 16px 14px;display:grid}.support-bubble[data-own=true]{border-radius:var(--r-tile) var(--r-tile) 4px var(--r-tile);border-color:var(--ink);background:var(--ink);color:#fff;justify-self:end}.support-bubble-head{white-space:normal;flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.support-bubble-head time{color:var(--muted);margin-left:auto;font-size:13px}.support-bubble[data-own=true] .support-bubble-head time{color:var(--dark-muted)}.support-avatar-sm{width:24px;height:24px;font-size:12px}.support-chat-form{border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:end;gap:12px;padding-top:20px;display:grid}.support-chat-field,.support-chat-field textarea{width:100%;display:block}.support-chat-field textarea{field-sizing:content;resize:vertical;min-height:56px;max-height:240px}.support-chat-form .btn{align-self:end}@media (max-width:600px){.support-chat-form{grid-template-columns:1fr}}.support-admin-actions{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));align-items:start;gap:16px;display:grid}.support-notifications ul{margin-top:10px}.support-history{justify-content:start;min-height:0;padding:22px}.support-history h2{font-size:22px}.support-history ul{margin-top:8px}.support-history li{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:6px 16px;padding:12px 0;display:flex}.support-history li:first-child{border-top:0}.support-history time,.support-history li span{color:var(--muted);font-size:14px}.support-notifications li{justify-content:space-between}.support-notifications-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.support-notification-text{flex-wrap:wrap;align-items:baseline;gap:4px 14px;display:flex}.support-notification-text time{font-size:14px}.support-notifications a{font-weight:600}.support-notice{border:1px solid var(--line)}.support-error{color:#8f2418}.status-ticket-open,.status-ticket-waiting_team{color:#125e4c;background:#e3f1ec}.status-ticket-waiting_customer{color:#7a4d00;background:#f6efdc}.status-ticket-closed{color:var(--muted);background:#eceef2}@media (max-width:600px){.support-head{flex-direction:column;align-items:start}}.admin-tebex h2{letter-spacing:-.02em;font-size:22px}.admin-tebex-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.admin-tebex-row .form-field{flex:240px}.media-files{gap:12px;margin:0;padding:0;list-style:none;display:grid}.media-file{grid-template-columns:160px minmax(0,1fr);align-items:center;gap:16px;display:grid}.media-file-preview{aspect-ratio:16/10;border-radius:var(--r-thumb);background:var(--media);overflow:hidden}.media-file-preview img,.media-file-preview video{object-fit:cover;width:100%;height:100%;display:block}.media-file-body{justify-items:start;gap:4px;display:grid}.media-file-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}@media (max-width:640px){.media-file{grid-template-columns:1fr}}.account-notice{margin-bottom:16px;padding:14px 18px}.admin-tebex-copy .code{white-space:pre-wrap}.cfx-pill{border-radius:var(--r-pill);background:var(--surface);min-height:42px;color:inherit;font:inherit;cursor:pointer;transition:background-color var(--t-control) var(--ease), transform var(--t-press) var(--ease);border:0;align-items:center;padding:0 14px;font-size:15px;font-weight:600;display:inline-flex}.cfx-pill:hover{background:var(--surface-2)}.cfx-pill:active{transform:scale(.97)}.cfx-pill-off{color:var(--muted)}.cart-link{border-radius:var(--r-pill);background:var(--surface);width:42px;height:42px;transition:background-color var(--t-control) var(--ease), transform var(--t-press) var(--ease);justify-content:center;align-items:center;display:inline-flex;position:relative}.cart-link:hover,.cart-link[aria-current=page]{background:var(--surface-2)}.cart-link:active{transform:scale(.97)}.cart-badge{border-radius:var(--r-pill);background:var(--ink);color:#fff;text-align:center;min-width:20px;height:20px;padding:0 5px;font-size:12px;font-weight:700;line-height:20px;position:absolute;top:-4px;right:-4px}.cart-grid{grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:start;gap:16px;padding-bottom:112px;display:grid}.cart-card{justify-items:start;gap:14px;display:grid}.cart-card>*{margin:0}.cart-lines{gap:12px;width:100%;margin:0;padding:0;list-style:none;display:grid}.cart-lines li{justify-content:space-between;align-items:center;gap:16px;display:flex}.cart>.cart-card{margin-bottom:112px}@media (max-width:760px){.cart-grid{grid-template-columns:1fr}}.stats-periods{flex-wrap:wrap;gap:8px;display:flex}.stats-chart{justify-content:start;gap:16px;min-height:0;padding:22px}.stats-chart h2{font-size:22px}.stats-notes{gap:4px;font-size:14px;display:grid}.support-bubble{transition:opacity var(--t-control) var(--ease)}.support-bubble[data-pending=true]{opacity:.6}.support-hint{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:6px;font-size:14px;display:flex}.kbd{font-family:var(--font-code);background:var(--surface-2);border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:6px;padding:0 6px;font-size:12px}.support-draft{opacity:0;margin-left:auto}.seg-cat{background:var(--surface-2);border-radius:var(--r-pill);max-width:100%;padding:4px;display:inline-flex;position:relative;overflow-x:auto}.seg-cat label{z-index:1;white-space:nowrap;border-radius:var(--r-pill);cursor:pointer;transition:color var(--t-control) var(--ease), transform var(--t-press) var(--ease);padding:8px 16px;font-weight:600;position:relative}.seg-cat label:active{transform:scale(.97)}.seg-cat label[data-active=true]{color:#fff}.seg-cat input{opacity:0;cursor:pointer;position:absolute;inset:0}.seg-glide{border-radius:var(--r-pill);background:var(--ink);transition:transform var(--t-enter) var(--ease), width var(--t-enter) var(--ease), opacity var(--t-control) var(--ease);position:absolute;top:4px;bottom:4px;left:0}.slots{gap:8px;display:flex}.slot-dot{border:2px solid var(--ink);width:18px;height:18px;transition:background-color var(--t-control) var(--ease);border-radius:50%}.slot-dot[data-full=true]{background:var(--ink)}.slot-dot[data-new=true]{animation:slot-fill var(--t-enter) var(--ease)}@keyframes slot-fill{0%{transform:scale(.6)}}.count-tick,.count-num{display:inline-block}.row-new th,.row-new td{animation:row-flash calc(1.2s * var(--m)) linear}@keyframes row-flash{0%,35%{background-color:#e3f1ec}}.assignee{align-items:center;gap:8px;display:inline-flex}.support-assignee-line{align-items:center;gap:8px;margin-top:4px;display:flex}.support-note{border:1px dashed var(--line-strong);border-radius:var(--r-inner);gap:6px;padding:12px 14px;display:grid}.support-note-label{font-size:13px;font-weight:600}.support-delegation li{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.delegation-track{border-radius:var(--r-pill);background:var(--line);flex:100%;height:6px;overflow:hidden}.delegation-fill{background:var(--buy);transform-origin:0;height:100%}.support-canned{flex-wrap:wrap;grid-column:1/-1;gap:6px;display:flex}.support-history ul{padding-left:22px;position:relative}.support-history ul:before{content:"";background:var(--ink);transform-origin:top;width:2px;animation:draw-line calc(.32s * var(--m)) var(--ease) both;position:absolute;top:20px;bottom:20px;left:5px}.support-history li{position:relative}.support-history li:before{content:"";background:var(--ink);border-radius:50%;width:12px;height:12px;position:absolute;top:18px;left:-22px}@keyframes draw-line{0%{transform:scaleY(0)}}.stats-periods button{font:inherit;border-radius:var(--r-pill);background:var(--surface);color:var(--ink);cursor:pointer;transition:background-color var(--t-control) var(--ease), color var(--t-control) var(--ease), transform var(--t-press) var(--ease);border:0;padding:8px 16px}.stats-periods button:active{transform:scale(.97)}.stats-periods button[aria-pressed=true]{background:var(--ink);color:#fff}.stats-body{transition:opacity var(--t-control) var(--ease);gap:24px;display:grid}.stats-body[data-pending=true]{opacity:.6}.stats-chart-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.stats-bar{transition:opacity var(--t-control) var(--ease)}.stats-chart .recharts-reference-line{transform-box:fill-box;transform-origin:0;animation:draw-x var(--t-enter) var(--ease) both}@keyframes draw-x{0%{transform:scaleX(0)}}.odometer{font-variant-numeric:tabular-nums;align-items:baseline;line-height:1;display:inline-flex}.odometer-col{height:1em;display:inline-block;overflow:hidden}.odometer-strip{flex-direction:column;display:flex}.odometer-strip>span{height:1em;line-height:1;display:block}.odometer-sep{white-space:pre;line-height:1;display:inline-block}.stats-delta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;font-size:14px;display:flex}.share-cell{min-width:140px;position:relative}.share-cell span{z-index:1;position:relative}.share-bar{background:var(--line);transform-origin:0;animation:draw-x var(--t-enter) var(--ease) both;transition:width var(--t-enter) var(--ease);border-radius:6px;position:absolute;top:6px;bottom:6px;left:0}.stats-empty{gap:12px}.empty-axis{background:var(--ink);transform-origin:0;height:2px;animation:draw-x var(--t-enter) var(--ease) both}.admin-skeleton-body{gap:24px;display:grid}.cart-undo-region{z-index:60;pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:12px;left:12px;right:12px}.cart-undo{border-radius:var(--r-tile);background:var(--dark);color:#fff;pointer-events:auto;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:420px;padding:10px 10px 13px 18px;display:flex;position:relative;overflow:hidden}.cart-undo p{overflow-wrap:anywhere;font-size:15px}.cart-undo .btn{color:#fff;background:0 0;border-color:#5a6170;flex:none;min-height:36px;padding:0 16px;font-size:14px}.cart-undo .btn:hover{background:#2b313d}.undo-bar{transform-origin:0;background:#fff;height:3px;animation:5s linear forwards undo-bar;position:absolute;bottom:0;left:0;right:0}.cart-undo:hover .undo-bar{animation-play-state:paused}html[data-motion] .undo-bar{animation-duration:5s!important;animation-delay:0s!important}@keyframes undo-bar{to{transform:scaleX(0)}}.dots{text-align:left;min-width:1.2em;display:inline-block}.fly-thumb{z-index:60;background:var(--media);pointer-events:none;border-radius:8px;width:54px;height:40px;position:fixed}.cart-badge-num{display:inline-block}.cfx-slot{white-space:nowrap;display:inline-flex;overflow:hidden}.refresh-button svg{vertical-align:-3px;margin-right:6px}.purchase-list li{transition:opacity var(--t-enter) var(--ease)}.purchase-list li.purchase-refunded{opacity:.7}.purchase-list li.row-new{animation:row-flash calc(1.2s * var(--m)) linear}.purchase-list li.row-new.enter-bottom{animation:enter-bottom var(--t-enter) var(--ease) both, row-flash calc(1.2s * var(--m)) linear}.payment-notice{position:relative;overflow:hidden}.payment-notice p{align-items:center;gap:10px;display:flex}.notice-fade{animation:fade-in var(--t-control) var(--ease) both}.notice-timer{background:var(--ink);transform-origin:0;height:3px;animation:5s linear forwards undo-bar;position:absolute;bottom:0;left:0;right:0}html[data-motion] .notice-timer{animation-duration:5s!important;animation-delay:0s!important}.admin-nav a{gap:10px}.inline-icon{vertical-align:-3px;flex:none;margin-right:6px;display:inline-block}.title-icon{vertical-align:-3px;margin-right:10px;display:inline-block}.icon-text{align-items:center;gap:6px;display:inline-flex}.seg-cat-label,.tile-label-icon{align-items:center;gap:8px;display:inline-flex}.status{gap:6px}.cfx-pill{gap:8px}.cfx-pill svg,.btn svg{flex:none}
