:root{--bg: #06080c;--bg2: #0b0f16;--card: #10151d;--card2: #0d1219;--line: rgba(255, 255, 255, .08);--line2: rgba(255, 255, 255, .14);--txt: #e9eef5;--mut: #8a94a6;--mut2: #5c6678;--mint: #25e0a0;--cyan: #38bdf8;--violet: #a78bfa;--amber: #ffb020;--red: #ff5a6a;--accent: #25e0a0;--accent2: #38bdf8;--font: "Inter", -apple-system, "Segoe UI", system-ui, sans-serif;--display: "Space Grotesk", "Inter", system-ui, sans-serif;--mono: "JetBrains Mono", "Cascadia Code", Consolas, monospace}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--txt);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:rgba(37,224,160,.28);color:#fff}#mesh{position:fixed;inset:0;z-index:0;width:100%;height:100%;display:block}.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% -10%, transparent 40%, rgba(0, 0, 0, 0.55) 100%),radial-gradient(90% 70% at 100% 110%, rgba(56, 189, 248, 0.06), transparent 60%),radial-gradient(80% 60% at 0% 100%, rgba(37, 224, 160, 0.06), transparent 60%)}.grain{position:fixed;inset:-50%;z-index:1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 8s steps(6) infinite}@keyframes grain{0%,100%{transform:translate(0, 0)}20%{transform:translate(-4%, 3%)}40%{transform:translate(3%, -4%)}60%{transform:translate(-5%, -2%)}80%{transform:translate(4%, 4%)}}.dock{position:fixed;z-index:30;top:18px;left:50%;transform:translateX(-50%);height:68px;display:flex;align-items:center;gap:18px;padding:0 12px 0 20px;max-width:min(1120px,100vw - 28px);border-radius:999px;background:linear-gradient(180deg, rgba(20, 26, 36, 0.86), rgba(11, 15, 22, 0.86));border:1px solid var(--line2);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:0 18px 50px -18px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.06)}.dock__brand{display:flex;align-items:center;gap:9px;font-family:var(--display);font-weight:600;letter-spacing:.3px;white-space:nowrap}.dock__brand .dot{width:9px;height:9px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(37,224,160,.14),0 0 14px var(--mint)}.dock__brand .brand-name{font-size:15px}.dock__brand .brand-name span{color:var(--mint)}.dock__brand .brand-sep{color:var(--mut2);margin:0 1px}.dock__brand .brand-tag{color:var(--mut);font-weight:500;font-size:14px}.dock__nav{position:relative;display:flex;align-items:center;gap:4px;padding:5px;border-radius:999px;background:rgba(0,0,0,.28);border:1px solid var(--line)}.dock__pill{position:absolute;top:5px;left:5px;height:calc(100% - 10px);border-radius:999px;background:linear-gradient(180deg, rgba(37, 224, 160, 0.22), rgba(56, 189, 248, 0.14));border:1px solid rgba(37,224,160,.4);box-shadow:0 0 22px -4px rgba(37,224,160,.5),inset 0 1px 0 rgba(255,255,255,.12);transition:transform .55s cubic-bezier(0.77, 0, 0.18, 1),width .55s cubic-bezier(0.77, 0, 0.18, 1);pointer-events:none;z-index:0}.dock__meta{white-space:nowrap;padding-right:8px}.dock__meta .who{font-size:12.5px;color:var(--mut)}.dock__meta .who b{color:var(--txt);font-weight:600}.mtoggle{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:rgba(0,0,0,.28);color:var(--mut);cursor:pointer;padding:7px 11px;border-radius:999px;font-family:var(--mono);font-size:11px;letter-spacing:.05em;transition:color .3s ease,border-color .3s ease,background .3s ease;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mtoggle .mtoggle__dot{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px var(--mint);transition:background .3s ease,box-shadow .3s ease}.mtoggle:hover{color:var(--txt);border-color:var(--line2)}.mtoggle[aria-pressed=false]{color:var(--mut2)}.mtoggle[aria-pressed=false] .mtoggle__dot{background:#94a3b8;box-shadow:none}.navlink{position:relative;z-index:1;display:flex;align-items:center;gap:8px;border:0;background:none;cursor:pointer;padding:9px 16px;border-radius:999px;color:var(--mut);font-family:var(--font);font-size:14px;font-weight:500;transition:color .3s ease}.navlink__num{font-family:var(--mono);font-size:11px;opacity:.75}.navlink:hover{color:var(--txt)}.navlink.is-active{color:#eafff7}.navlink.is-active .navlink__num{color:var(--mint);opacity:1}.progress{position:fixed;z-index:29;top:0;left:0;right:0;height:2px;background:rgba(255,255,255,.04)}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg, var(--mint), var(--cyan), var(--violet));transition:width .7s cubic-bezier(0.77, 0, 0.18, 1)}.stage{position:relative;z-index:10;height:100vh;height:100dvh;overflow:hidden}.track{display:flex;height:100%;width:300%;will-change:transform;transform:translate3d(0, 0, 0);transition:transform .75s cubic-bezier(0.77, 0, 0.18, 1)}.panel{position:relative;flex:0 0 33.3333333333%;height:100%;overflow:hidden}.panel[data-theme=proxy]{--accent: #25e0a0;--accent2: #38bdf8}.panel[data-theme=form]{--accent: #ff5a6a;--accent2: #ffb020}.panel[data-theme=penzine]{--accent: #a78bfa;--accent2: #38bdf8}.scroll{height:100%;overflow-y:auto;overflow-x:hidden;padding-top:calc(68px + 40px);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) rgba(0,0,0,0);overscroll-behavior:contain}.scroll::-webkit-scrollbar{width:10px}.scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:20px;border:3px solid rgba(0,0,0,0);background-clip:content-box}.scroll::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.26);background-clip:content-box}.wrap{max-width:1180px;margin:0 auto;padding:12px 44px 140px}.hero{padding-bottom:30px}.hero__tags{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.hero__title{font-family:var(--display);font-weight:700;font-size:clamp(38px,6vw,76px);line-height:1.02;letter-spacing:-1.5px;margin:0 0 18px}.hero__title .grad{background:linear-gradient(100deg, var(--accent), var(--accent2));-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0)}.hero__title .grad--red{background:linear-gradient(100deg, #ff5a6a, #ffb020);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0)}.hero__title .grad--violet{background:linear-gradient(100deg, #a78bfa, #38bdf8);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0)}.hero__sub{max-width:760px;color:#b9c2d0;font-size:clamp(15px,1.6vw,19px);margin:0 0 22px}.hero__meta{display:flex;gap:22px;flex-wrap:wrap;color:var(--mut);font-size:13px}.hero__meta span{display:inline-flex;align-items:center;gap:8px}.hero__meta span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);opacity:.8}.hero__meta code{font-family:var(--mono);font-size:12px;color:var(--cyan);background:rgba(56,189,248,.1);padding:2px 7px;border-radius:5px}.tag{font-size:11.5px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;padding:6px 13px;border-radius:999px;color:var(--mut);background:rgba(255,255,255,.04);border:1px solid var(--line)}.tag--mint{color:#0a1a13;background:linear-gradient(180deg, #5cf0bd, var(--mint));border-color:rgba(0,0,0,0)}.tag--ghost{color:var(--accent2);border-color:rgba(56,189,248,.3);background:rgba(56,189,248,.07)}.blk{margin-top:54px}.blk__h{display:flex;align-items:center;gap:14px;font-family:var(--display);font-size:clamp(21px,2.6vw,30px);font-weight:600;letter-spacing:-0.4px;margin:0 0 16px}.blk__h .num{font-family:var(--mono);font-size:13px;font-weight:500;color:var(--accent);border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:4px 9px;letter-spacing:1px}.blk__p{color:#b3bdcc;max-width:820px;margin:0 0 22px}.blk__p--note{font-size:13.5px;color:var(--mut);border-left:2px solid var(--accent);padding-left:14px;margin-top:16px}.blk__p code,.mapping code{font-family:var(--mono);font-size:.86em;color:var(--cyan);background:rgba(56,189,248,.1);padding:2px 6px;border-radius:5px}.mapping{color:var(--mut);font-size:14px;margin-top:18px}.mapping b{color:var(--txt)}.grid{display:grid;gap:16px}.grid--2{grid-template-columns:repeat(2, 1fr)}.grid--3{grid-template-columns:repeat(3, 1fr)}.grid--4{grid-template-columns:repeat(4, 1fr)}.stat,.axis,.role,.prov,.tier,.adv,.chip{background:linear-gradient(180deg, var(--card), var(--card2));border:1px solid var(--line);border-radius:16px;padding:20px;position:relative;overflow:hidden;transition:transform .35s cubic-bezier(0.77, 0, 0.18, 1),border-color .35s ease,box-shadow .35s ease}.stat:hover,.axis:hover,.role:hover,.prov:hover,.tier:hover,.adv:hover,.chip:hover{transform:translateY(-4px);border-color:var(--line2);box-shadow:0 22px 46px -26px rgba(0,0,0,.9)}.stat__k{font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:var(--mut)}.stat__v{font-family:var(--display);font-size:44px;font-weight:700;line-height:1.1;margin:6px 0 8px;background:linear-gradient(120deg, var(--accent), var(--accent2));-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0)}.stat__v span{font-size:.5em}.stat__v--sm{font-size:24px;letter-spacing:-0.5px}.stat__d{margin:0;color:var(--mut);font-size:13.5px}.axis__i{font-size:20px;color:var(--accent)}.axis h3{font-family:var(--display);font-size:16px;margin:10px 0 6px}.axis p{margin:0;color:var(--mut);font-size:13.5px}.role header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.role__badge{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-family:var(--display);font-weight:700;color:#06120d;background:linear-gradient(180deg, #5cf0bd, var(--mint))}.role h3{margin:0;font-family:var(--display);font-size:19px}.role ul{margin:0;padding:0;list-style:none}.role ul li{position:relative;padding:6px 0 6px 20px;color:#b9c2d0;font-size:13.5px}.role ul li::before{content:"";position:absolute;left:2px;top:13px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.role--admin{border-color:rgba(56,189,248,.28)}.role--admin .role__badge{background:linear-gradient(180deg, #7cd5ff, var(--cyan));color:#04121c}.role--admin ul li::before{background:var(--cyan)}.role--owner{border-color:rgba(167,139,250,.3)}.role--owner ul li::before{background:var(--violet)}.prov{display:flex;flex-direction:column;gap:6px}.prov__dot{width:10px;height:10px;border-radius:50%;background:var(--c);box-shadow:0 0 0 4px color-mix(in srgb, var(--c) 22%, transparent),0 0 12px var(--c)}.prov h4{margin:8px 0 2px;font-family:var(--display);font-size:15px}.prov code{font-family:var(--mono);font-size:11.5px;color:var(--mut)}.chip{display:flex;flex-direction:column;gap:4px}.chip b{font-family:var(--display);font-size:15px}.chip span{color:var(--mut);font-size:12.5px}.tier__h{display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:16px;font-weight:600;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--line)}.tier__h::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--c);box-shadow:0 0 12px var(--c)}.tier ul{margin:0;padding:0;list-style:none}.tier ul li{padding:5px 0 5px 18px;position:relative;color:#b9c2d0;font-size:13px}.tier ul li::before{content:"→";position:absolute;left:0;color:var(--mut2)}.adv h3{font-family:var(--display);font-size:17px;margin:0 0 8px;color:var(--txt)}.adv p{margin:0;color:var(--mut);font-size:13.5px}.pipe{border:1px solid var(--line);border-radius:18px;padding:8px 10px 2px;background:linear-gradient(180deg, rgba(16, 21, 29, 0.7), rgba(13, 18, 25, 0.5))}.pipe__svg{width:100%;height:auto;display:block}.tbl{border:1px solid var(--line);border-radius:14px;overflow:hidden;font-size:14px}.tbl__row{display:grid;grid-template-columns:2.4fr 1fr 1fr 1fr;align-items:center;padding:11px 18px;border-top:1px solid var(--line)}.tbl__row span:first-child{color:#cdd6e3}.tbl__row>span:not(:first-child),.tbl__row>i{text-align:center;justify-self:center}.tbl__row:nth-child(even){background:rgba(255,255,255,.018)}.tbl__head{background:rgba(255,255,255,.04) !important;border-top:0}.tbl__head span{font-size:11.5px;letter-spacing:1px;text-transform:uppercase;color:var(--mut);font-weight:600}.tbl--test .tbl__row{grid-template-columns:1.6fr 1fr 1.3fr .8fr}i.ok,i.no,i.lim{font-style:normal;font-size:12px;font-weight:600;padding:3px 11px;border-radius:999px}i.ok{color:#6df0c0;background:rgba(37,224,160,.12)}i.no{color:#ff8f9c;background:rgba(255,90,106,.12)}i.lim{color:#ffcd7a;background:rgba(255,176,32,.12)}.code{border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:16px;background:#0a0e14}.code__bar{display:flex;align-items:center;justify-content:space-between;padding:9px 16px;background:rgba(255,255,255,.03);border-bottom:1px solid var(--line)}.code__t{font-family:var(--mono);font-size:12px;color:var(--mut)}.code__tag{font-size:10.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:3px 9px;border-radius:6px}.code__tag--del{color:#ff8f9c;background:rgba(255,90,106,.14)}.code__tag--add{color:#6df0c0;background:rgba(37,224,160,.14)}.code pre{margin:0;padding:16px 18px;overflow-x:auto}.code pre code{font-family:var(--mono);font-size:12.5px;line-height:1.6;color:#c6d2e2}.shot{margin:18px 0 0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--card2)}.shot img{display:block;width:100%;height:auto}.shot figcaption{padding:11px 16px;font-size:12.5px;color:var(--mut);border-top:1px solid var(--line);background:rgba(255,255,255,.02)}.shot--sm{max-width:560px}.embed{margin:18px 0 0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--card2)}.embed__bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.03)}.embed__t{font-family:var(--mono);font-size:12px;color:var(--mut)}.embed__open{font-size:12px;font-weight:600;color:var(--accent);text-decoration:none;letter-spacing:.3px}.embed__open:hover{text-decoration:underline}.embed iframe{display:block;width:100%;height:min(70vh,720px);border:0;background:#232830}.docs{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:14px;margin-top:16px}.doc{display:flex;flex-direction:column;gap:5px;text-decoration:none;padding:18px 20px;border-radius:14px;background:linear-gradient(180deg, var(--card), var(--card2));border:1px solid var(--line);transition:transform .3s cubic-bezier(0.77, 0, 0.18, 1),border-color .3s ease,background .3s ease;position:relative;overflow:hidden}.doc::after{content:"↗";position:absolute;top:16px;right:18px;color:var(--mut2);font-size:15px;transition:transform .3s cubic-bezier(0.77, 0, 0.18, 1),color .3s ease}.doc__t{font-family:var(--display);font-weight:600;font-size:15px;color:var(--txt);padding-right:24px}.doc__m{font-size:12.5px;color:var(--mut)}.doc:hover{transform:translateY(-4px);border-color:var(--accent)}.doc:hover::after{transform:translate(3px, -3px);color:var(--accent)}.hint{position:absolute;right:30px;bottom:26px;z-index:5;display:flex;align-items:center;gap:10px;font-size:12.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--mut);padding:10px 16px;border-radius:999px;background:rgba(10,14,20,.72);border:1px solid var(--line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;transform:translateY(8px);transition:opacity .5s ease .2s,transform .5s cubic-bezier(0.77, 0, 0.18, 1) .2s}.hint span{color:var(--accent);font-size:16px;animation:nudge 2.4s ease-in-out infinite}.panel.is-active .hint{opacity:.85;transform:none}@keyframes nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}.pfoot{margin-top:64px;padding-top:26px;border-top:1px solid var(--line);color:var(--mut2);font-size:12.5px;max-width:760px}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(0.77, 0, 0.18, 1)}.reveal.in{opacity:1;transform:none}:focus-visible{outline:2px solid var(--mint);outline-offset:3px;border-radius:6px}@media(max-width: 1020px){.grid--4{grid-template-columns:repeat(2, 1fr)}.dock__brand .brand-tag,.dock__brand .brand-sep{display:none}}@media(max-width: 760px){.wrap{padding:8px 20px 120px}.grid--3,.grid--2{grid-template-columns:1fr}.grid--4{grid-template-columns:1fr 1fr}.dock{gap:8px;padding:0 10px;top:12px}.dock__meta,.dock__brand .brand-name{display:none}.navlink{padding:9px 12px}.navlink__label{display:none}.tbl{font-size:12.5px}.tbl__row{padding:9px 12px}.hint{right:12px;bottom:14px}.mtoggle__txt{display:none}.mtoggle{padding:7px 9px}}@media(max-width: 420px){.grid--4{grid-template-columns:1fr}.navlink__num{font-size:12px}}html.no-motion .track,html.no-motion .dock__pill,html.no-motion .reveal,html.no-motion .doc,html.no-motion .stat,html.no-motion .axis,html.no-motion .role,html.no-motion .prov,html.no-motion .tier,html.no-motion .adv,html.no-motion .chip{transition:none !important}html.no-motion .grain,html.no-motion .hint span{animation:none !important}