@property --pt{syntax:"<length>";inherits:false;initial-value:0}@property --hx{syntax:"<length>";inherits:false;initial-value:0}@property --hy{syntax:"<length>";inherits:false;initial-value:0}.landing{font-size:15px;position:relative}.landing>section{z-index:1;position:relative}.landing .sec-hero{background:radial-gradient(900px 480px at 20% 20%, var(--color-amber-wash) 0%, transparent 70%), var(--color-cream)}.landing #faq{box-shadow:var(--shadow-curtain)}.landing #all{overflow-x:clip}@media (min-width:1025px){.landing .one{white-space:nowrap}}html:has(.landing) .site-header{background:color-mix(in srgb, var(--color-cream) 86%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);backdrop-filter:saturate(1.4)blur(12px);position:sticky;top:0}@media (max-width:700px),(hover:none){html:has(.landing) .site-header{background:var(--color-cream);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (min-width:701px){html:has(.landing) .site-footer{z-index:0;position:sticky;bottom:0}}@keyframes l-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes l-pop{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:none}}@keyframes l-floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes l-grow{0%{transform:scaleY(.08)}to{transform:scaleY(1)}}@keyframes l-drain{0%,30%{width:72%}55%,to{width:66%}}@keyframes l-dots{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@keyframes l-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-amber) 45%, transparent)}70%{box-shadow:0 0 0 10px color-mix(in srgb, var(--color-amber) 0%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-amber) 0%, transparent)}}@keyframes l-draw{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}@keyframes l-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes l-netflow{to{stroke-dashoffset:-15.5px}}@keyframes l-netring{0%{opacity:.7;transform:scale(.85)}to{opacity:0;transform:scale(1.6)}}@keyframes l-livepulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-live) 55%, transparent)}to{box-shadow:0 0 0 9px color-mix(in srgb, var(--color-live) 0%, transparent)}}@keyframes l-bump-a{0%{color:var(--color-amber-glow);transform:translateY(-4px)}to{color:#fff;transform:none}}@keyframes l-bump-b{0%{color:var(--color-amber-glow);transform:translateY(-4px)}to{color:#fff;transform:none}}.landing .rise{animation:.9s cubic-bezier(.2,.9,.3,1) both l-rise;animation-delay:var(--d,0s)}.landing .pop{animation:.8s cubic-bezier(.2,.9,.3,1) both l-pop;animation-delay:var(--d,0s)}.landing .float{animation:7s ease-in-out infinite l-floaty;animation-delay:var(--fd,0s)}.landing .bar-grow{transform-origin:bottom;animation:1.1s cubic-bezier(.2,.9,.3,1) both l-grow;animation-delay:var(--d,0s)}.landing .drain{animation:5s cubic-bezier(.2,.9,.3,1) infinite alternate l-drain}.landing .typing-dot{background:var(--color-mint);width:6px;height:6px;animation:1.3s ease-in-out infinite l-dots;animation-delay:var(--d,0s);border-radius:50%;display:inline-block}.landing .pulse-dot{animation:2.4s ease-out infinite l-pulse}.landing .tick-draw path{stroke-dasharray:24;animation:.6s ease-out both l-draw;animation-delay:var(--d,0s)}.landing .skel{background:linear-gradient(90deg, var(--color-skeleton) 0%, var(--color-skeleton-light) 50%, var(--color-skeleton) 100%);background-size:200% 100%;border-radius:6px;animation:2.6s linear infinite l-shimmer}.landing [data-paused] *,.landing [data-paused] :before,.landing [data-paused] :after{animation-play-state:paused!important}@media (max-width:700px){.landing .sec-hero .pulse-dot,.landing .drain,.landing .skel{animation:none}}.rv .reveal{opacity:0;transition:opacity .7s,transform 1s cubic-bezier(.2,.9,.3,1);transition-delay:var(--sd,0s);transform:translateY(72px)scale(.97)}.rv .reveal.in{opacity:1;transform:none}.rv .reveal-bar{transform-origin:bottom;transition:transform 1.1s cubic-bezier(.2,.9,.3,1);transition-delay:var(--sd,0s);transform:scaleY(.08)}.rv .reveal-bar.in{transform:none}.rv .facts>.reveal,.rv .caps>.reveal{transition:opacity .7s,transform 1s cubic-bezier(.2,.9,.3,1),translate 1.1s cubic-bezier(.22,.8,.3,1);transition-delay:var(--sd,0s), var(--sd,0s), 0s}.bento>:nth-child(2),.bento>:nth-child(4){--sd:.16s}.bento>:nth-child(5){--sd:.32s}.caps>:nth-child(4n+2){--sd:.12s}.caps>:nth-child(4n+3){--sd:.24s}.caps>:nth-child(4n){--sd:.36s}.facts>:nth-child(2){--sd:.1s}.facts>:nth-child(3){--sd:.2s}.facts>:nth-child(4){--sd:.3s}.plans>:nth-child(2){--sd:.14s}.plans>:nth-child(3){--sd:.28s}@media (max-width:1024px){.bento>*,.caps>*,.facts>*{--sd:0s}.bento>:nth-child(2n),.caps>:nth-child(2n),.facts>:nth-child(2n){--sd:.15s}.bento>:nth-child(6){--sd:0s}}@media (max-width:700px){.rv .reveal{transition:opacity .5s,transform .5s cubic-bezier(.2,.9,.3,1);transform:translateY(24px)}.rv .facts>.reveal,.rv .caps>.reveal{transition:opacity .5s,transform .5s cubic-bezier(.2,.9,.3,1)}.bento>*,.caps>*,.facts>*,.plans>*{--sd:0s!important}}.landing .lift{isolation:isolate;position:relative}.landing .lift:before{content:"";border-radius:inherit;pointer-events:none;z-index:-1;background:radial-gradient(420px circle at var(--gx,-9999px) var(--gy,-9999px), color-mix(in srgb, var(--color-amber) 15%, transparent), color-mix(in srgb, var(--color-amber) 0%, transparent) 65%);opacity:var(--go,0);transition:opacity .45s;position:absolute;inset:0}.landing .lift:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(280px circle at var(--gx,-9999px) var(--gy,-9999px), color-mix(in srgb, var(--color-gold) 75%, transparent), color-mix(in srgb, var(--color-gold) 0%, transparent) 70%);opacity:var(--go,0);padding:1.5px;transition:opacity .45s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@media (max-width:700px),(hover:none){.landing .lift:after{display:none}.landing .lift:before{opacity:1;background:linear-gradient(155deg, color-mix(in srgb, var(--color-amber) 9%, transparent) 0%, color-mix(in srgb, var(--color-amber) 3%, transparent) 45%, color-mix(in srgb, var(--color-sage) 6%, transparent) 100%);transition:none}}@media (hover:none){.landing a,.landing button,.landing summary{-webkit-tap-highlight-color:transparent}}@media (hover:hover){.landing .caps .lift:hover{border-color:var(--color-line-strong)}}.landing .layer{translate:var(--hx) calc(var(--pt) + var(--hy))}@media (min-width:701px) and (hover:hover) and (pointer:fine){.landing [data-px],.landing [data-py]{will-change:translate}}.landing .hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:48px;display:grid}.landing .stage{transform-origin:50%;height:520px;transition:transform .2s linear;position:relative}.landing .facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.landing .flow{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:64px;display:grid}.landing .chain{flex-direction:column;gap:14px;display:flex;position:relative}.landing .chain>li{padding-inline-start:52px;position:relative}.landing .chain .node{inset-inline-start:16px;background:var(--color-sage-ink);border-radius:50%;place-items:center;width:20px;height:20px;margin-top:-10px;display:grid;position:absolute;top:50%}.chain>:first-child{--sd:.15s}.chain>:nth-child(2){--sd:.35s}.chain>:nth-child(3){--sd:.55s}.chain>:nth-child(4){--sd:.75s}.chain>:nth-child(5){--sd:.95s}.rv #how .reveal{opacity:1;transition:none;transform:none}.rv #how .chain>li>.node{opacity:0;transition:opacity .5s,translate .8s cubic-bezier(.2,.9,.3,1);transition-delay:var(--sd,0s);translate:48px}.rv #how .chain>li>:not(.node){opacity:0;transition:opacity .5s,translate .8s cubic-bezier(.2,.9,.3,1);transition-delay:calc(var(--sd,0s) + .16s);translate:-48px}.rv #how .chain>li>div{transition-delay:calc(var(--sd,0s) + .26s)}.rv #how .chain>li.in>*{opacity:1;translate:0}@media (max-width:700px){.rv #how .chain>li>.node{translate:24px}.rv #how .chain>li>:not(.node){translate:-24px}.rv #how .chain>li.in>*{translate:0}}.landing .net{max-width:1040px;height:640px;margin:0 auto;position:relative}.landing .net-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.landing .net-line{fill:none;stroke:var(--color-line-strong);stroke-width:2px}.landing .net-flow{fill:none;stroke:var(--color-amber);stroke-width:2px;stroke-linecap:round;stroke-dasharray:1.5 14;opacity:.6;animation:1.1s linear infinite l-netflow}.landing .tdot text{font-family:var(--font-sans);fill:var(--color-ink);font-size:10.5px;font-weight:700}.landing .tdot.dark text{fill:#fff}.landing .net-node{z-index:1;position:absolute}.landing .net-emp{background:var(--color-surface);width:160px;box-shadow:var(--shadow-node);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:14px 12px;display:flex;bottom:0;translate:-50%}.landing .net-srv{inset-inline-end:50%;place-items:center;width:104px;height:104px;display:grid;top:320px;translate:-50% -50%}.landing .net-srv .ring{border:2px solid color-mix(in srgb, var(--color-amber) 50%, transparent);border-radius:32px;animation:2.8s ease-out infinite l-netring;position:absolute;inset:0}.landing .net-srv .ring.r2{animation-delay:1.4s}.landing .net-mgr{top:0;background:var(--color-forest);color:#fff;width:320px;box-shadow:var(--shadow-manager);border-radius:20px;padding:16px 18px;inset-inline-end:50%;translate:-50%}.landing .net-cus{inset-inline-end:3%;background:var(--color-surface);width:180px;box-shadow:var(--shadow-node);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:14px 12px;display:flex;top:320px;translate:0 -50%}.landing .live{background:var(--color-live);border-radius:50%;width:8px;height:8px;animation:1.8s ease-out infinite l-livepulse}.landing .b1{animation:.8s cubic-bezier(.2,.9,.3,1) l-bump-a;display:inline-block}.landing .b2{animation:.8s cubic-bezier(.2,.9,.3,1) l-bump-b;display:inline-block}@media (max-width:700px){.landing .net{height:600px}.landing .net-emp{border-radius:14px;gap:6px;width:80px;padding:10px 6px}.landing .net-emp .sub,.landing .net-cus .sub{display:none}.landing .net-cus{inset-inline-end:0;border-radius:14px;gap:6px;width:84px;padding:10px 6px;top:300px}.landing .net-cus .role,.landing .net-emp .role{font-size:12px}.landing .net-mgr{width:100%;max-width:320px}.landing .net-srv{top:300px;inset-inline-end:72%}}@media (max-width:700px),(hover:none){.landing .net-flow{display:none}}.landing .bento{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;display:grid}.landing .s3{grid-column:span 3}.landing .s2{grid-column:span 2}.landing .s6{grid-column:span 6}.landing .wide{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:center;gap:32px;display:grid}.landing .caps{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.landing .desk{background:var(--color-sage-soft);touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:28px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:20px;height:520px;padding:28px 28px 104px;display:grid;position:relative;overflow:hidden}.landing .tray{background:0 0;border:1.5px dashed #0000;border-radius:18px;flex-direction:column;gap:10px;padding:14px;transition:border-color .5s .2s,background-color .5s .2s;display:flex}.landing .desk:not(.messy) .tray{border-color:color-mix(in srgb, var(--color-sage-ink) 35%, transparent);background:color-mix(in srgb, var(--color-surface) 40%, transparent)}.landing .tray-h{color:var(--color-sage-ink);opacity:0;justify-content:space-between;align-items:center;font-size:13px;font-weight:800;transition:opacity .5s .2s;display:flex}.landing .desk:not(.messy) .tray-h{opacity:1}.landing .desk.messy .tray-h{transition-delay:0s}.landing .desk .tile{box-sizing:border-box;width:100%;box-shadow:var(--shadow-desk-tile);position:relative}.landing .desk.messy .tile{width:var(--mw,100%)}.landing .desk .tile.note{z-index:2;transition:opacity .45s .3s,scale .55s cubic-bezier(.5,0,.75,0) .2s;position:absolute}.landing .desk:not(.messy) .note{opacity:0;scale:.35}.landing .desk.messy .note{transition-delay:0s}.landing .desk .remind{transition:opacity .5s .45s,translate .6s cubic-bezier(.2,.9,.3,1) .45s}.landing .desk.messy .remind{opacity:0;transition-delay:0s;translate:0 10px}.landing .desk .cap{inset-inline:0;text-align:center;color:var(--color-ink);pointer-events:none;font-size:24px;font-weight:820;transition:opacity .5s .25s,transform .7s cubic-bezier(.2,.9,.3,1) .25s;position:absolute;bottom:34px}.landing .desk.messy .cap{opacity:0;transition-delay:0s;transform:translateY(14px)}.landing .desk .hint{inset-inline:0;text-align:center;color:var(--color-sage-ink);pointer-events:none;font-size:13.5px;font-weight:600;transition:opacity .4s;position:absolute;bottom:38px}.landing .desk:not(.messy) .hint,.landing .desk.visited .hint{opacity:0}@media (hover:none){.landing .desk .hint{display:none}}@media (min-width:701px) and (hover:hover) and (pointer:fine){.landing .desk .tile{will-change:translate, rotate}}.landing .plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.landing .signup{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;display:grid}.landing details[open] .chev{transform:rotate(180deg)}.landing .chev{transition:transform .25s cubic-bezier(.2,.9,.3,1)}.landing details[open] .ans{animation:.5s cubic-bezier(.2,.9,.3,1) both l-rise}.landing summary{cursor:pointer;list-style:none}.landing .mcta{display:none}@media (max-width:1024px){.landing .hero-grid,.landing .flow{grid-template-columns:minmax(0,1fr);gap:40px}.landing .bento{grid-template-columns:repeat(2,minmax(0,1fr))}.landing .s3,.landing .s2{grid-column:span 1}.landing .s6{grid-column:span 2}.landing .facts,.landing .caps{grid-template-columns:repeat(2,minmax(0,1fr))}.landing .signup,.landing .wide{grid-template-columns:minmax(0,1fr)}}@media (min-width:701px) and (max-width:1024px){.landing .bento>:nth-child(5){grid-column:span 2}}@media (max-width:700px){.landing{font-size:14.5px;overflow-x:clip}.landing .sec{padding-block:72px}.landing .sec-hero{padding-block:40px 56px}.landing .h1{font-size:34px;line-height:1.45}.landing .h2{font-size:28px}.landing .ctas{flex-direction:column}.landing .ctas>a{justify-content:center;width:100%}.landing .stage{height:430px;margin-inline:-8px}.landing .floater{display:none}.landing .facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.landing .facts>*{flex-direction:column;align-items:flex-start;gap:10px;padding:16px}.landing .flow{gap:28px}.landing .chain>li{padding-inline-start:44px}.landing .chain .node{inset-inline-start:12px}.landing .bento,.landing .caps,.landing .plans{grid-template-columns:minmax(0,1fr)}.landing .s3,.landing .s2,.landing .s6{grid-column:span 1}.landing .bento article,.landing .caps article,.landing .plans article{padding:22px}.landing .signup{border-radius:22px;gap:28px;padding:28px 20px}.landing .desk{border-radius:22px;grid-template-columns:minmax(0,1fr);gap:12px;height:1060px;padding:16px 16px 104px}.landing .desk .cap{font-size:20px}.landing summary{font-size:15px}.landing .devt{white-space:nowrap;font-size:19px}.landing .devs{flex-wrap:wrap;gap:14px}.landing .dev-desk{order:2;width:100%;max-width:none;height:200px}.landing .dev-tab{width:160px;max-width:none}.landing .mcta{z-index:40;inset-inline:16px;bottom:calc(12px + env(safe-area-inset-bottom));transition:translate .45s cubic-bezier(.2,.9,.3,1);display:block;position:fixed;translate:0 140%}.landing .mcta.show{translate:0}html:has(.landing) .site-footer{padding-bottom:84px}}@media (prefers-reduced-motion:reduce){.landing *,.landing :before,.landing :after{transition:none!important;animation:none!important}.rv .reveal,.rv .reveal-bar,.rv #how .chain>li>*{opacity:1;transform:translate(0,0)}}
