CINXE.COM

<!DOCTYPE html><html lang="en" dir="ltr" class="scroll-smooth __variable_199403 __variable_179fbf __variable_a17b92"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/0484562807a97172-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/3478b6abef19b3b3-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/8888a3826f4a3af4-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/a34f9d1faa5f3315-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/b957ea75a84b6ea7-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/eafabf029ad39a43-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo_nav.611e4f29.svg&w=384&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo_nav.611e4f29.svg&w=640&q=75 2x" fetchPriority="high"/><link rel="preload" as="image" href="https://api.producthunt.com/widgets/embed-image/v1/top-post-badge.svg?post_id=412562&theme=neutral&period=daily"/><link rel="stylesheet" href="/_next/static/css/01e5bac16705e828.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/d76bc6ce3dc05648.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/a5bf0f54838695eb.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/b1d3ba6006268788.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/b8cdbe65eb3ab5bb.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/06fc1affc7cd79be.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/7f8ffc327d7015c4.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/00412b0bf6df8839.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-01e73197e3f2030b.js"/><script src="/_next/static/chunks/fd9d1056-9ff556e0aee0a244.js" async=""></script><script src="/_next/static/chunks/7023-b817396ab0341fe1.js" async=""></script><script src="/_next/static/chunks/main-app-1f8b2b138563c79f.js" async=""></script><script src="/_next/static/chunks/dc112a36-dd72e56818520f67.js" async=""></script><script src="/_next/static/chunks/8173-e774c5d71a814901.js" async=""></script><script src="/_next/static/chunks/231-2d95731a77013fe4.js" async=""></script><script src="/_next/static/chunks/875-a60853c51a2b1423.js" async=""></script><script src="/_next/static/chunks/2053-b50197606fb47355.js" async=""></script><script src="/_next/static/chunks/7230-5e98abdbabd76742.js" async=""></script><script src="/_next/static/chunks/9785-05156a054cf1cf25.js" async=""></script><script src="/_next/static/chunks/7827-c2a6d71015dbdd9b.js" async=""></script><script src="/_next/static/chunks/2160-202f2e95d3d20c3b.js" async=""></script><script src="/_next/static/chunks/243-8f162bd1e0a357f4.js" async=""></script><script src="/_next/static/chunks/1092-5f1d0d50edc55520.js" async=""></script><script src="/_next/static/chunks/4143-c2ae81bded5d8939.js" async=""></script><script src="/_next/static/chunks/8489-2232261a0ca8bd58.js" async=""></script><script src="/_next/static/chunks/3022-1fadff06001ea92a.js" async=""></script><script src="/_next/static/chunks/6266-78dc61c42846ad73.js" async=""></script><script src="/_next/static/chunks/187-f1dd536a9fd7a06f.js" async=""></script><script src="/_next/static/chunks/8184-f8efbf7cd0f0d8e7.js" async=""></script><script src="/_next/static/chunks/6922-8459ff558908f120.js" async=""></script><script src="/_next/static/chunks/app/page-3b61fcc466e51801.js" async=""></script><script src="/_next/static/chunks/c16f53c3-4d00a7641f93daab.js" async=""></script><script src="/_next/static/chunks/227-93628c82f312b8db.js" async=""></script><script src="/_next/static/chunks/2586-fc99edf9307ed9bb.js" async=""></script><script src="/_next/static/chunks/app/layout-ba2d078b1d909750.js" async=""></script><script src="/_next/static/chunks/app/error-b401b9b78241af65.js" async=""></script><title>Never Build Permissions Again | Permit.io</title><meta name="description" content="Easily bake-in access control in minutes regardless of previous experience or expertise. Based on OPA and OPAL. Treat policy as code to make Auth-z easy."/><link rel="canonical" href="https://www.permit.io"/><meta property="og:title" content="Never Build Permissions Again | Permit.io"/><meta property="og:description" content="Easily bake-in access control in minutes regardless of previous experience or expertise. Based on OPA and OPAL. Treat policy as code to make Auth-z easy."/><meta property="og:image:type" content="image/png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image" content="https://www.permit.io/opengraph-image.png?1df87237eb814263"/><meta name="twitter:card" content="summary"/><meta name="twitter:title" content="Never Build Permissions Again | Permit.io"/><meta name="twitter:description" content="Easily bake-in access control in minutes regardless of previous experience or expertise. Based on OPA and OPAL. Treat policy as code to make Auth-z easy."/><meta name="twitter:image:type" content="image/png"/><meta name="twitter:image:width" content="1200"/><meta name="twitter:image:height" content="630"/><meta name="twitter:image" content="https://www.permit.io/opengraph-image.png?1df87237eb814263"/><link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="32x33"/><meta name="next-size-adjust"/><script src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js" noModule=""></script></head><body class="bg-[#FDF8F6] font-inter text-451E11 antialiased"><header class="sticky top-0 z-50 flex w-full flex-col items-center transition duration-300 block -mb-[3.8rem] lg:-mb-[4.8rem]"><div class="bg-transparent relative z-20 flex w-full content-center items-center justify-between border-b border-[#EADDD7] px-5 py-1 transition-all duration-300 xl:grid xl:grid-cols-3"><a class="max-w-[150px] md:max-w-[196px]" href="/"><img alt="Permit logo" fetchPriority="high" width="307" height="106" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo_nav.611e4f29.svg&w=384&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo_nav.611e4f29.svg&w=640&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo_nav.611e4f29.svg&w=640&q=75"/></a><button aria-label="open menu" type="button" class="flex h-6 w-6 flex-col justify-around lg:hidden"><div class="h-px w-full bg-theme_black transition translate-y-[2px] rotate-0"></div><div class="h-px w-full bg-theme_black transition -translate-y-[2px] rotate-0"></div></button></div></header><div class="fixed inset-0 left-0 top-0 z-20 h-100dvh w-full translate-x-full overflow-auto bg-[#FDF3EE] px-5 pb-8 pt-28 opacity-0 transition lg:hidden "><ul class="flex h-full flex-col justify-between gap-8"><li><nav><ul class="flex flex-col gap-8"><li class="text-xl font-medium"><div data-headlessui-state=""><button type="button" aria-expanded="false" data-headlessui-state="">Solutions</button></div><span hidden="" style="position:fixed;top:1px;left:1px;width:1px;height:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;display:none"></span></li><li class="text-xl font-medium"><div data-headlessui-state=""><button type="button" aria-expanded="false" data-headlessui-state="">Learn</button></div><span hidden="" style="position:fixed;top:1px;left:1px;width:1px;height:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;display:none"></span></li><li class="text-xl font-medium"><a href="/pricing">Pricing</a></li><li class="text-xl font-medium"><a target="_blank" rel="noreferrer" href="https://docs.permit.io">Docs</a></li><li class="text-xl font-medium"><div data-headlessui-state=""><button type="button" aria-expanded="false" data-headlessui-state="">Company</button></div><span hidden="" style="position:fixed;top:1px;left:1px;width:1px;height:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;display:none"></span></li></ul></nav></li><li class="flex w-full justify-center"><a href="https://app.permit.io/" class="inline-flex text-lg border-[2px] border-transparent justify-center gap-2 items-center whitespace-nowrap rounded-full dark:ring-offset-slate-950 dark:focus-visible:ring-slate-300 tracking-[-0.5px] font-poppins bg-theme_purple font-semibold text-theme_white ring-offset-theme_purple transition hover:border-theme_purple hover:bg-[#A666F4] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-theme_black focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 h-12 px-5 py-3 pointer-events-none opacity-0 duration-300">Start Now</a></li></ul></div><main id="main_wrapper" class="relative z-10 w-full overflow-clip"><script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","url":"http://www.permit.io/","logo":"http://www.permit.io/_ipx/w_828,q_75/%2F_next%2Fstatic%2Fimage%2Fpublic%2Fimages%2Ficons%2Flogo-dark.a97f7542db97d9e383b7c9f613fff940.svg?url=%2F_next%2Fstatic%2Fimage%2Fpublic%2Fimages%2Ficons%2Flogo-dark.a97f7542db97d9e383b7c9f613fff940.svg&w=828&q=75"}</script><section class="flex flex-col items-center pb-12 pt-24 text-center lg:px-12 lg:pb-12 lg:pt-52"><header class="container relative z-30 flex flex-col items-center gap-6 px-4 lg:gap-10"><h1 class="max-w-[370px] font-poppins text-4xl font-semibold leading-tight tracking-[-2.5px] md:max-w-full md:text-[4rem] md:leading-[1]"><span class="bg-gradient-to-r from-[#974EF2] to-[#FF953F] bg-clip-text text-transparent">Never Build Permissions Again</span></h1><p class="hidden font-poppins text-lg font-semibold tracking-[-0.5px] text-[#451E11] md:block"><span class="lg:block">Full Stack authorization as a service - build and enforce zero-latency permissions for any application</span> with Policy-as-Code, IaC, APIs, SDKs, Gateway Integrations, and user facing UIs.</p><p class="font-poppins text-lg font-semibold tracking-[-0.5px] text-[#451E11] md:hidden">Developer-friendly full stack authorization for any application powered by - <span class="whitespace-pre">Policy-as-Code</span>, APIs, SDKs, and UIs</p><div class="flex flex-wrap items-center justify-center gap-3"><a href="https://app.permit.io/" class="inline-flex text-lg border-[2px] border-transparent justify-center gap-2 items-center whitespace-nowrap rounded-full dark:ring-offset-slate-950 dark:focus-visible:ring-slate-300 tracking-[-0.5px] font-poppins bg-theme_purple font-semibold text-theme_white ring-offset-theme_purple transition hover:border-theme_purple hover:bg-[#A666F4] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-theme_black focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 h-12 px-5 py-3">Get Started</a><button class="inline-flex font-semibold text-lg border-[2px] justify-center gap-2 items-center whitespace-nowrap ring-offset-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 dark:ring-offset-slate-950 dark:focus-visible:ring-slate-300 tracking-[-0.5px] font-poppins rounded-full border-D1B9B0 bg-[#FFF1E7] text-theme_orange_dark_2 hover:border-[#A18072] hover:bg-[#FFCCA7] h-12 px-5 py-3">Talk to Us</button><span hidden="" style="position:fixed;top:1px;left:1px;width:1px;height:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;display:none"></span></div></header><div class="container relative z-20 flex min-h-[760px] flex-col items-center lg:min-h-[612px]"><figure class="pointer-events-none relative z-20 w-full"><div class="relative sm:w-auto lg:hidden"><div class="absolute inset-0 mt-[3rem] w-full"><img alt="" loading="lazy" width="388" height="890" decoding="async" data-nimg="1" class="mx-auto mt-3 w-full max-w-[85%] transition-opacity opacity-100" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmobile_hero.28dac553.svg&w=640&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmobile_hero.28dac553.svg&w=828&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmobile_hero.28dac553.svg&w=828&q=75"/></div></div></figure></div><div class="relative z-20"><ul class="relative z-20 grid grid-cols-2 justify-between gap-4 md:grid-cols-3 lg:flex lg:gap-x-9"><li class="relative h-[38px] w-[150px]"><figure class="styles_img__w__n5EcF styles_active_image__UXBun"><img alt="tesla" loading="lazy" width="150" height="38" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftesla.d90defa5.svg&w=256&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftesla.d90defa5.svg&w=384&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftesla.d90defa5.svg&w=384&q=75"/></figure><figure class="styles_img__w__n5EcF "><img alt="Nebula" loading="lazy" width="151" height="38" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnebula.819af5b3.svg&w=256&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnebula.819af5b3.svg&w=384&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnebula.819af5b3.svg&w=384&q=75"/></figure><figure class="styles_img__w__n5EcF "><img alt="bp" loading="lazy" width="151" height="42" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbp.5a4807d1.svg&w=256&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbp.5a4807d1.svg&w=384&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbp.5a4807d1.svg&w=384&q=75"/></figure></li><li class="relative h-[38px] w-[150px]"><figure class="styles_img__w__n5EcF styles_active_image__UXBun"><img alt="paloalto" loading="lazy" width="150" height="36" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpalo.99ce03e5.svg&w=256&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpalo.99ce03e5.svg&w=384&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpalo.99ce03e5.svg&w=384&q=75"/></figure><figure class="styles_img__w__n5EcF "><img alt="salt" loading="lazy" width="151" height="38" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsalt.47f149ff.svg&w=256&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsalt.47f149ff.svg&w=384&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsalt.47f149ff.svg&w=384&q=75"/></figure><figure class="styles_img__w__n5EcF "><img alt="inventa" loading="lazy" width="150" height="36" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Finventa.f42b6995.svg&w=256&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Finventa.f42b6995.svg&w=384&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Finventa.f42b6995.svg&w=384&q=75"/></figure></li><li class="relative h-[38px] w-[150px]"><figure class="styles_img__w__n5EcF styles_active_image__UXBun"><img alt="Cisco" loading="lazy" width="150" height="38" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcisco.4bf93326.svg&w=256&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcisco.4bf93326.svg&w=384&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcisco.4bf93326.svg&w=384&q=75"/></figure><figure class="styles_img__w__n5EcF "><img alt="Rubicon" loading="lazy" width="151" height="38" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frubicon.9ab8577a.svg&w=256&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frubicon.9ab8577a.svg&w=384&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frubicon.9ab8577a.svg&w=384&q=75"/></figure></li><li class="relative h-[38px] w-[150px]"><figure class="relative styles_img__w__n5EcF styles_active_image__UXBun"><img alt="Maricopa County Recorder"s Office" loading="lazy" width="150" height="38" decoding="async" data-nimg="1" class="absolute left-1/2 top-1/2 w-[240px] max-w-none -translate-x-1/2 -translate-y-1/2" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frecorder.45c1c2de.svg&w=256&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frecorder.45c1c2de.svg&w=384&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frecorder.45c1c2de.svg&w=384&q=75"/></figure><figure class="styles_img__w__n5EcF "><img alt="vega" loading="lazy" width="150" height="38" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fanecdotes.4486c5c6.svg&w=256&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fanecdotes.4486c5c6.svg&w=384&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fanecdotes.4486c5c6.svg&w=384&q=75"/></figure></li><li class="relative h-[38px] w-[150px]"><figure class="styles_img__w__n5EcF styles_active_image__UXBun"><img alt="Intel" loading="lazy" width="150" height="38" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fintel.9ca38d53.svg&w=256&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fintel.9ca38d53.svg&w=384&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fintel.9ca38d53.svg&w=384&q=75"/></figure><figure class="styles_img__w__n5EcF "><img alt="Granulate" loading="lazy" width="151" height="38" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgranulate.adb2e68e.svg&w=256&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgranulate.adb2e68e.svg&w=384&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgranulate.adb2e68e.svg&w=384&q=75"/></figure></li><li class="relative h-[38px] w-[150px]"><figure class="styles_img__w__n5EcF styles_active_image__UXBun"><img alt="Honeycomb" loading="lazy" width="150" height="38" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhoneycomb.5b1a6ab2.svg&w=256&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhoneycomb.5b1a6ab2.svg&w=384&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhoneycomb.5b1a6ab2.svg&w=384&q=75"/></figure><figure class="styles_img__w__n5EcF "><img alt="optum" loading="lazy" width="151" height="38" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Foptum.4cac98c8.svg&w=256&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Foptum.4cac98c8.svg&w=384&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Foptum.4cac98c8.svg&w=384&q=75"/></figure></li></ul></div><img alt="" loading="lazy" width="1445" height="1105" decoding="async" data-nimg="1" class="pointer-events-none absolute bottom-auto left-auto right-0 top-0 z-10 hidden w-full md:block" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.93a25347.svg&w=1920&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.93a25347.svg&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.93a25347.svg&w=3840&q=75"/></section><div class="relative overflow-clip"><div class="relative z-30"><section class="relative z-30 px-5 pb-14 pt-[5.25rem] text-theme_orange_12 lg:pb-24 lg:pt-36"><div class="container relative z-20 flex max-w-lg flex-col items-center justify-between gap-x-16 gap-y-14 lg:max-w-6xl lg:flex-row"><div class="flex w-full max-w-[500px] flex-col items-start gap-9"><div class="flex flex-col gap-3"><div class="hidden md:block"><h2 class="font-poppins text-[26px] font-semibold tracking-[-1px] lg:text-4xl"><span class="lg:block">End-to-end authorization </span>platform <span class=" bg-gradient-to-r from-[#974EF2] to-[#FF953F] bg-clip-text text-transparent">anyone can use</span></h2></div><div class="md:hidden"><h2 class="font-poppins text-[26px] font-semibold tracking-[-1px] lg:text-4xl">A no-code authorization platform <span class=" bg-gradient-to-r from-[#974EF2] to-[#FF953F] bg-clip-text text-transparent">anyone can use.</span></h2></div></div><ul class="flex max-w-sm flex-col gap-6 font-inter text-sm lg:max-w-[498px] lg:text-base"><li class="flex items-center gap-4 lg:items-start lg:gap-5"><img alt="" loading="lazy" width="33" height="33" decoding="async" data-nimg="1" class="h-8 w-8 shrink-0" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcheck.489d7812.svg&w=48&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcheck.489d7812.svg&w=96&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcheck.489d7812.svg&w=96&q=75"/><p><span class="lg:block">Allow your entire team - from devs to sales, to securely </span>manage permissions</p></li><li class="flex items-center gap-4 lg:items-start lg:gap-5"><img alt="" loading="lazy" width="33" height="33" decoding="async" data-nimg="1" class="h-8 w-8 shrink-0" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcheck.489d7812.svg&w=48&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcheck.489d7812.svg&w=96&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcheck.489d7812.svg&w=96&q=75"/><p><span class="lg:block">The only solution with a no-code policy editor. Supports </span>any model - RBAC, ABAC and ReBAC.</p></li><li class="flex items-center gap-4 lg:gap-5"><img alt="" loading="lazy" width="33" height="33" decoding="async" data-nimg="1" class="h-8 w-8 shrink-0" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcheck.489d7812.svg&w=48&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcheck.489d7812.svg&w=96&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcheck.489d7812.svg&w=96&q=75"/><p><span class="lg:block">Permit generates fully transparent policy as code based on </span>OPA's Rego or AWS' Cedar</p></li><li class="flex items-center gap-4 lg:items-start lg:gap-5"><img alt="" loading="lazy" width="33" height="33" decoding="async" data-nimg="1" class="h-8 w-8 shrink-0" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcheck.489d7812.svg&w=48&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcheck.489d7812.svg&w=96&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcheck.489d7812.svg&w=96&q=75"/><p><span class="lg:block">Everything is managed as code in Git and</span> controlled with a simple API</p></li></ul><button class="inline-flex text-lg border-[2px] border-transparent justify-center gap-2 items-center whitespace-nowrap rounded-full dark:ring-offset-slate-950 dark:focus-visible:ring-slate-300 tracking-[-0.5px] font-poppins bg-theme_purple font-semibold text-theme_white ring-offset-theme_purple transition hover:border-theme_purple hover:bg-[#A666F4] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-theme_black focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 h-12 px-5 py-3">See how it works</button></div><div class="relative flex flex-col gap-4"><div style="opacity:0;transform:translateY(-50px) translateZ(0)"><figure><img alt="" loading="lazy" width="522" height="90" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fimg1%3A5.c5b74ebb.svg&w=640&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fimg1%3A5.c5b74ebb.svg&w=1080&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fimg1%3A5.c5b74ebb.svg&w=1080&q=75"/></figure></div><div style="opacity:0;transform:translateY(-50px) translateZ(0)"><figure><img alt="" loading="lazy" width="522" height="90" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fimg2%3A5.d7b8ec71.svg&w=640&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fimg2%3A5.d7b8ec71.svg&w=1080&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fimg2%3A5.d7b8ec71.svg&w=1080&q=75"/></figure></div><div style="opacity:0;transform:translateY(-50px) translateZ(0)"><figure><img alt="" loading="lazy" width="522" height="89" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fimg3%3A5.c263a530.svg&w=640&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fimg3%3A5.c263a530.svg&w=1080&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fimg3%3A5.c263a530.svg&w=1080&q=75"/></figure></div><div style="opacity:0;transform:translateY(-50px) translateZ(0)"><figure><img alt="" loading="lazy" width="522" height="44" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fimg4%3A5.083ca94d.svg&w=640&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fimg4%3A5.083ca94d.svg&w=1080&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fimg4%3A5.083ca94d.svg&w=1080&q=75"/></figure></div><figure class="click absolute bottom-[-10px] left-auto right-1/4 top-auto z-10"><img alt="" loading="lazy" width="82" height="65" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fimg5%3A5.1b62bf13.svg&w=96&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fimg5%3A5.1b62bf13.svg&w=256&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fimg5%3A5.1b62bf13.svg&w=256&q=75"/></figure></div></div></section><section class="relative z-20 px-5 py-14 text-theme_orange_12 lg:py-24"><div class="container flex max-w-lg flex-col gap-6 lg:max-w-6xl lg:flex-row lg:justify-between"><header class="flex w-full flex-col gap-6"><h2 class="font-poppins text-[26px] font-semibold tracking-[-1px] lg:text-4xl">APIs for <span class=" bg-gradient-to-r from-[#974EF2] to-[#FF953F] bg-clip-text text-transparent">everything</span></h2><div class="flex flex-col gap-2 font-inter text-sm md:text-base lg:gap-3"><p class="w-full max-w-[500px]">Create, manage and automate your policies with Permit's API. Anything done via the UI can be done with <a class="text-[#852EEF] transition hover:opacity-80" href="https://api.permit.io/v2/redoc" rel="noopener noreferrer" target="_blank">our API</a>, <a class="text-[#852EEF] transition hover:opacity-80" href="https://docs.permit.io/integrations/infra-as-code/terraform-provider/" rel="noopener noreferrer" target="_blank">Terraform</a> provider or <a class="text-[#852EEF] transition hover:opacity-80" href="https://docs.permit.io/category/supported-sdks" rel="noopener noreferrer" target="_blank">SDKs</a> as well!</p></div><div class="hidden lg:block"><ul class="flex items-center gap-x-3"><li><a class="transition hover:opacity-80" href="https://docs.permit.io/category/supported-sdks" rel="noopener noreferrer" target="_blank"><figure><img alt="" loading="lazy" width="39" height="40" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon1.33de0ef0.svg&w=48&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon1.33de0ef0.svg&w=96&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon1.33de0ef0.svg&w=96&q=75"/></figure></a></li><li><a class="transition hover:opacity-80" href="https://api.permit.io/v2/redoc" rel="noopener noreferrer" target="_blank"><figure><img alt="" loading="lazy" width="40" height="40" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon2.f931d0ca.svg&w=48&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon2.f931d0ca.svg&w=96&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon2.f931d0ca.svg&w=96&q=75"/></figure></a></li><li><a class="transition hover:opacity-80" href="https://docs.permit.io/integrations/infra-as-code/terraform-provider/" rel="noopener noreferrer" target="_blank"><figure><img alt="" loading="lazy" width="39" height="40" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon3.d298c551.svg&w=48&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon3.d298c551.svg&w=96&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon3.d298c551.svg&w=96&q=75"/></figure></a></li></ul></div></header><div class="flex"><div class="relative w-full max-w-full md:w-[520px]"><div class="relative z-20 flex h-full w-full flex-col overflow-hidden rounded-2xl border border-[#DBDBD7] bg-[#2A211F]"><div class="list relative flex justify-between px-5 text-sm font-medium text-[#CBA393]"><button role="tab" class="!border-[#FF8B3E] text-[#FF8B3E] relative z-20 border-b-[2px] border-[#ff8b3e00] py-3 transition hover:text-[#FF8B3E] focus:outline-none">Roles</button><button role="tab" class=" relative z-20 border-b-[2px] border-[#ff8b3e00] py-3 transition hover:text-[#FF8B3E] focus:outline-none">Users</button><button role="tab" class=" relative z-20 border-b-[2px] border-[#ff8b3e00] py-3 transition hover:text-[#FF8B3E] focus:outline-none">Resource</button><button role="tab" class=" relative z-20 border-b-[2px] border-[#ff8b3e00] py-3 transition hover:text-[#FF8B3E] focus:outline-none">Permissions</button></div><div class="w-full px-3 pt-px"><div class="w-full border-b border-[#57433C]"></div></div><div class="panels flex h-full w-full grow flex-col overflow-hidden py-2 font-mono"><div class="block overflow-hidden transition-all duration-700"></div><div class="hidden codeUsers overflow-hidden transition-all duration-700"></div><div class="hidden codeResource overflow-hidden transition-all duration-700"></div><div class="hidden overflow-hidden transition-all duration-700"></div></div></div><div class="absolute inset-0 z-10 h-full w-full rounded-2xl" style="box-shadow:0px 4px 14.5px 3.6px rgba(0, 0, 0, 0.10)"></div></div></div><div class="lg:hidden"><ul class="flex items-center gap-x-3"><li><a class="transition hover:opacity-80" href="https://docs.permit.io/category/supported-sdks" rel="noopener noreferrer" target="_blank"><figure><img alt="" loading="lazy" width="39" height="40" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon1.33de0ef0.svg&w=48&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon1.33de0ef0.svg&w=96&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon1.33de0ef0.svg&w=96&q=75"/></figure></a></li><li><a class="transition hover:opacity-80" href="https://api.permit.io/v2/redoc" rel="noopener noreferrer" target="_blank"><figure><img alt="" loading="lazy" width="40" height="40" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon2.f931d0ca.svg&w=48&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon2.f931d0ca.svg&w=96&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon2.f931d0ca.svg&w=96&q=75"/></figure></a></li><li><a class="transition hover:opacity-80" href="https://docs.permit.io/integrations/infra-as-code/terraform-provider/" rel="noopener noreferrer" target="_blank"><figure><img alt="" loading="lazy" width="39" height="40" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon3.d298c551.svg&w=48&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon3.d298c551.svg&w=96&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon3.d298c551.svg&w=96&q=75"/></figure></a></li></ul></div></div></section></div><div class="pointer-events-none absolute left-0 top-0 z-20 h-[2px] w-full from-[#FF953F] to-[#974EF2] bg-gradient-to-l"></div><figure class="absolute left-0 top-0 z-10 w-full"><img alt="" loading="lazy" width="1445" height="702" decoding="async" data-nimg="1" class="hidden w-full lg:block" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg_section_ui_desktop.a9fb1642.svg&w=1920&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg_section_ui_desktop.a9fb1642.svg&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg_section_ui_desktop.a9fb1642.svg&w=3840&q=75"/><img alt="" loading="lazy" width="430" height="932" decoding="async" data-nimg="1" class="w-full lg:hidden" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg_section_ui_mobile.0cf609ed.svg&w=640&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg_section_ui_mobile.0cf609ed.svg&w=1080&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg_section_ui_mobile.0cf609ed.svg&w=1080&q=75"/></figure></div><section class="relative z-20 flex flex-col gap-y-9 px-5 pb-[5.25rem] pt-14 text-theme_orange_12 lg:pb-36 lg:pt-24"><div class="container max-w-lg lg:max-w-6xl"><header class="flex w-full flex-col gap-2 lg:w-auto"><h2 class="font-poppins text-[26px] font-semibold tracking-[-1px] lg:text-4xl">One platform, <span class=" bg-gradient-to-r from-[#974EF2] to-[#FF953F] bg-clip-text text-transparent">any use case</span></h2></header></div><div class="container max-w-lg lg:hidden lg:max-w-6xl"><ul class="flex flex-col gap-9"><li class="flex flex-col gap-y-4 pb-3 pt-2"><div class="flex flex-col items-start gap-1"><div class="bg-[#FFE8D7] flex h-8 items-center gap-1 rounded px-1 pr-2 font-inter text-[10px] font-medium uppercase tracking-[0.5px] transition"><img alt="" loading="lazy" width="25" height="24" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon_color_1.5324a5dc.svg&w=32&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon_color_1.5324a5dc.svg&w=64&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon_color_1.5324a5dc.svg&w=64&q=75"/><p>RBAC</p></div><h3 class="font-poppins text-lg font-semibold tracking-[-0.5px]">Role based access</h3></div><div class="flex flex-col gap-y-4 rounded-[20px] bg-[#FFE8D7] py-6"><div class="relative"><figure class="translate-y-0 opacity-100 flex min-h-[190px] items-center justify-center px-4 transition duration-500"><img alt="Role based access" loading="lazy" width="295" height="146" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2F1-1.c9f161c3.svg&w=384&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2F1-1.c9f161c3.svg&w=640&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2F1-1.c9f161c3.svg&w=640&q=75"/></figure><div style="box-shadow:0px 3.583px 22.397px 0px rgba(0, 0, 0, 0.1)" class="-translate-y-[46%] opacity-0 absolute left-1/2 top-1/2 mx-auto h-full max-h-full w-full max-w-[90%] -translate-x-1/2 overflow-scroll rounded-lg border-[2.5px] border-[#D1B9B0] bg-[#2A211F] transition duration-500"><div class="hide_scrollbar overflow-y-auto"><pre class="hide_scrollbar !m-0 !bg-[#2A211F] !p-0 !font-mono"><code class=" !text-sm hide_scrollbar">default allow := false allow if { some role in data.users[input.user].roles actions := roles[role][input.resource.type] input.action in actions } roles["Banker"]["Loan"] := [ "View","Approve","Decline" ]</code></pre></div></div></div><div class="flex items-center justify-center"><div role="group" dir="ltr" class="items-center justify-center relative grid grid-cols-2 gap-0 rounded-[5px] text-sm font-semibold leading-none text-[#451E11]" style="outline:none;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.10)" tabindex="-1"><button type="button" data-state="on" role="radio" aria-checked="true" class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-white transition-colors hover:text-slate-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-slate-100 data-[state=on]:text-slate-900 dark:ring-offset-slate-950 dark:hover:bg-slate-800 dark:hover:text-slate-400 dark:focus-visible:ring-slate-300 dark:data-[state=on]:bg-slate-800 dark:data-[state=on]:text-slate-50 rounded-br-none rounded-tr-none relative h-auto overflow-hidden border border-[#D1B9B0] bg-[#FEF8F4] p-2 text-[#451E11] hover:bg-[#FFF1E7] [&[data-state="off"]]:hover:bg-[#FFF1E7] [&[data-state="off"]]:hover:text-[#451E11] [&[data-state="on"]]:pointer-events-none [&[data-state="on"]]:border-[#FFB381] [&[data-state="on"]]:bg-[#FFE8D7] [&[data-state="on"]]:text-[#ED5F00]" tabindex="-1" data-radix-collection-item=""><div class="relative z-20">Policy UI Editor</div><div class="absolute left-0 top-0 h-full w-full rounded-[5px] border-[1px] border-[#FFB381] transition opacity-100 rounded-br-none rounded-tr-none border-r-0"></div></button><button type="button" data-state="off" role="radio" aria-checked="false" class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-white transition-colors hover:text-slate-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-slate-100 data-[state=on]:text-slate-900 dark:ring-offset-slate-950 dark:hover:bg-slate-800 dark:hover:text-slate-400 dark:focus-visible:ring-slate-300 dark:data-[state=on]:bg-slate-800 dark:data-[state=on]:text-slate-50 rounded-bl-none rounded-tl-none relative h-auto overflow-hidden border border-[#D1B9B0] bg-[#FEF8F4] p-2 text-[#451E11] hover:bg-[#FFF1E7] [&[data-state="off"]]:hover:bg-[#FFF1E7] [&[data-state="off"]]:hover:text-[#451E11] [&[data-state="on"]]:pointer-events-none [&[data-state="on"]]:border-[#FFB381] [&[data-state="on"]]:bg-[#FFE8D7] [&[data-state="on"]]:text-[#ED5F00]" tabindex="-1" data-radix-collection-item=""><div class="relative z-20">Policy as Code</div><div class="absolute left-0 top-0 h-full w-full rounded-[5px] border-[1px] border-[#FFB381] transition opacity-100 !opacity-0 rounded-bl-none rounded-tl-none border-l-0"></div></button><div class="absolute left-1/2 top-1/2 h-full w-[2px] -translate-x-1/2 -translate-y-1/2 bg-[#FFB381]"></div></div></div></div><div class="flex flex-col gap-2"><p>Create dynamic Role Based Access Control policies, like:</p><p class="italic"><span class="text-[#A18072]">"</span> Banker can Approve Loan <span class="text-[#A18072]">"</span></p></div><div class="flex"><a class="inline-flex border-[2px] border-transparent justify-center gap-2 items-center whitespace-nowrap rounded-full ring-offset-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 dark:ring-offset-slate-950 dark:focus-visible:ring-slate-300 tracking-[-0.5px] underline-offset-4 font-inter dark:text-slate-50 group h-auto p-0 text-base font-medium text-theme_purple hover:no-underline" href="/rbac">Start with RBAC <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="transition group-hover:translate-x-1"><path d="M18 8L22 12L18 16"></path><path d="M2 12H22"></path></svg></a></div></li><li class="flex flex-col gap-y-4 pb-3 pt-2"><div class="flex flex-col items-start gap-1"><div class="bg-[#FFE8D7] flex h-8 items-center gap-1 rounded px-1 pr-2 font-inter text-[10px] font-medium uppercase tracking-[0.5px] transition"><img alt="" loading="lazy" width="24" height="25" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon_color_2.834581ed.svg&w=32&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon_color_2.834581ed.svg&w=48&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon_color_2.834581ed.svg&w=48&q=75"/><p>ABAC</p></div><h3 class="font-poppins text-lg font-semibold tracking-[-0.5px]">Granular attributes</h3></div><div class="flex flex-col gap-y-4 rounded-[20px] bg-[#FFE8D7] py-6"><div class="relative"><figure class="translate-y-0 opacity-100 flex min-h-[190px] items-center justify-center px-4 transition duration-500"><img alt="Granular attributes" loading="lazy" width="343" height="178" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2F2-1.8bc64f67.svg&w=384&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2F2-1.8bc64f67.svg&w=750&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2F2-1.8bc64f67.svg&w=750&q=75"/></figure><div style="box-shadow:0px 3.583px 22.397px 0px rgba(0, 0, 0, 0.1)" class="-translate-y-[46%] opacity-0 absolute left-1/2 top-1/2 mx-auto h-full max-h-full w-full max-w-[90%] -translate-x-1/2 overflow-scroll rounded-lg border-[2.5px] border-[#D1B9B0] bg-[#2A211F] transition duration-500"><div class="hide_scrollbar overflow-y-auto"><pre class="hide_scrollbar !m-0 !bg-[#2A211F] !p-0 !font-mono"><code class=" !text-sm hide_scrollbar">default allow := false allow if { some _, allowed_actions in conditions input.action in allowed_actions[input.resource.type] } conditions["Weekend Shift Employee"]["Database"] := [ "Read", "Update", "Backup", "Restore" ] if { work_days := { day | day := data.users[input.user].attributes.work_days[_] } count({"Saturday", "Sunday"} & work_days) > 0 }</code></pre></div></div></div><div class="flex items-center justify-center"><div role="group" dir="ltr" class="items-center justify-center relative grid grid-cols-2 gap-0 rounded-[5px] text-sm font-semibold leading-none text-[#451E11]" style="outline:none;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.10)" tabindex="-1"><button type="button" data-state="on" role="radio" aria-checked="true" class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-white transition-colors hover:text-slate-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-slate-100 data-[state=on]:text-slate-900 dark:ring-offset-slate-950 dark:hover:bg-slate-800 dark:hover:text-slate-400 dark:focus-visible:ring-slate-300 dark:data-[state=on]:bg-slate-800 dark:data-[state=on]:text-slate-50 rounded-br-none rounded-tr-none relative h-auto overflow-hidden border border-[#D1B9B0] bg-[#FEF8F4] p-2 text-[#451E11] hover:bg-[#FFF1E7] [&[data-state="off"]]:hover:bg-[#FFF1E7] [&[data-state="off"]]:hover:text-[#451E11] [&[data-state="on"]]:pointer-events-none [&[data-state="on"]]:border-[#FFB381] [&[data-state="on"]]:bg-[#FFE8D7] [&[data-state="on"]]:text-[#ED5F00]" tabindex="-1" data-radix-collection-item=""><div class="relative z-20">Policy UI Editor</div><div class="absolute left-0 top-0 h-full w-full rounded-[5px] border-[1px] border-[#FFB381] transition opacity-100 rounded-br-none rounded-tr-none border-r-0"></div></button><button type="button" data-state="off" role="radio" aria-checked="false" class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-white transition-colors hover:text-slate-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-slate-100 data-[state=on]:text-slate-900 dark:ring-offset-slate-950 dark:hover:bg-slate-800 dark:hover:text-slate-400 dark:focus-visible:ring-slate-300 dark:data-[state=on]:bg-slate-800 dark:data-[state=on]:text-slate-50 rounded-bl-none rounded-tl-none relative h-auto overflow-hidden border border-[#D1B9B0] bg-[#FEF8F4] p-2 text-[#451E11] hover:bg-[#FFF1E7] [&[data-state="off"]]:hover:bg-[#FFF1E7] [&[data-state="off"]]:hover:text-[#451E11] [&[data-state="on"]]:pointer-events-none [&[data-state="on"]]:border-[#FFB381] [&[data-state="on"]]:bg-[#FFE8D7] [&[data-state="on"]]:text-[#ED5F00]" tabindex="-1" data-radix-collection-item=""><div class="relative z-20">Policy as Code</div><div class="absolute left-0 top-0 h-full w-full rounded-[5px] border-[1px] border-[#FFB381] transition opacity-100 !opacity-0 rounded-bl-none rounded-tl-none border-l-0"></div></button><div class="absolute left-1/2 top-1/2 h-full w-[2px] -translate-x-1/2 -translate-y-1/2 bg-[#FFB381]"></div></div></div></div><div class="flex flex-col gap-2"><p><span class="lg:block">Build nuanced attribute based access control </span>policies by adding attributes, like:</p><p class="italic"><span class="text-[#A18072]">"</span> Weekend Shift Employees<br/>can access Database during Weekend <span class="text-[#A18072]">"</span></p></div><div class="flex"><a class="inline-flex border-[2px] border-transparent justify-center gap-2 items-center whitespace-nowrap rounded-full ring-offset-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 dark:ring-offset-slate-950 dark:focus-visible:ring-slate-300 tracking-[-0.5px] underline-offset-4 font-inter dark:text-slate-50 group h-auto p-0 text-base font-medium text-theme_purple hover:no-underline" href="/abac">Learn about ABAC <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="transition group-hover:translate-x-1"><path d="M18 8L22 12L18 16"></path><path d="M2 12H22"></path></svg></a></div></li><li class="flex flex-col gap-y-4 pb-3 pt-2"><div class="flex flex-col items-start gap-1"><div class="bg-[#FFE8D7] flex h-8 items-center gap-1 rounded px-1 pr-2 font-inter text-[10px] font-medium uppercase tracking-[0.5px] transition"><img alt="" loading="lazy" width="25" height="24" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon_color_1.5324a5dc.svg&w=32&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon_color_1.5324a5dc.svg&w=64&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon_color_1.5324a5dc.svg&w=64&q=75"/><p>ReBAC</p></div><h3 class="font-poppins text-lg font-semibold tracking-[-0.5px]">Resource and user hierarchies</h3></div><div class="flex flex-col gap-y-4 rounded-[20px] bg-[#FFE8D7] py-6"><div class="relative"><figure class="translate-y-0 opacity-100 flex min-h-[190px] items-center justify-center px-4 transition duration-500"><img alt="Resource and user hierarchies" loading="lazy" width="342" height="391" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2F3-1-mobile.55f4009b.svg&w=384&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2F3-1-mobile.55f4009b.svg&w=750&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2F3-1-mobile.55f4009b.svg&w=750&q=75"/></figure><div style="box-shadow:0px 3.583px 22.397px 0px rgba(0, 0, 0, 0.1)" class="-translate-y-[46%] opacity-0 absolute left-1/2 top-1/2 mx-auto h-full max-h-full w-full max-w-[90%] -translate-x-1/2 overflow-scroll rounded-lg border-[2.5px] border-[#D1B9B0] bg-[#2A211F] transition duration-500"><div class="hide_scrollbar overflow-y-auto"><pre class="hide_scrollbar !m-0 !bg-[#2A211F] !p-0 !font-mono"><code class=" !text-sm hide_scrollbar">default allow := false allow if { patient_caregiver = true } patient_caregiver if { user_roles := data.users[input.user].roles some assigned_resource, assigned_roles in user_roles some role in assigned_roles input.action in roles[role][input.resource.type] assigned_resource in resource_relationships } resource_relationships[resource] { related_resources := graph.reachable( full_graph,{input.resource.id} ) some resource in related_resources } full_graph[child] := parent if { all_resources := [resource | resource := data.resources[_]] some child, parent_resource in object.union_n(all_resources) parent := [object.get(parent_resource, "parent_id", null)] } roles["Caregiver"]["Record"] := ["View", "Update", "Share", "Archive"]</code></pre></div></div></div><div class="flex items-center justify-center"><div role="group" dir="ltr" class="items-center justify-center relative grid grid-cols-2 gap-0 rounded-[5px] text-sm font-semibold leading-none text-[#451E11]" style="outline:none;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.10)" tabindex="-1"><button type="button" data-state="on" role="radio" aria-checked="true" class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-white transition-colors hover:text-slate-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-slate-100 data-[state=on]:text-slate-900 dark:ring-offset-slate-950 dark:hover:bg-slate-800 dark:hover:text-slate-400 dark:focus-visible:ring-slate-300 dark:data-[state=on]:bg-slate-800 dark:data-[state=on]:text-slate-50 rounded-br-none rounded-tr-none relative h-auto overflow-hidden border border-[#D1B9B0] bg-[#FEF8F4] p-2 text-[#451E11] hover:bg-[#FFF1E7] [&[data-state="off"]]:hover:bg-[#FFF1E7] [&[data-state="off"]]:hover:text-[#451E11] [&[data-state="on"]]:pointer-events-none [&[data-state="on"]]:border-[#FFB381] [&[data-state="on"]]:bg-[#FFE8D7] [&[data-state="on"]]:text-[#ED5F00]" tabindex="-1" data-radix-collection-item=""><div class="relative z-20">Policy UI Editor</div><div class="absolute left-0 top-0 h-full w-full rounded-[5px] border-[1px] border-[#FFB381] transition opacity-100 rounded-br-none rounded-tr-none border-r-0"></div></button><button type="button" data-state="off" role="radio" aria-checked="false" class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-white transition-colors hover:text-slate-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-slate-100 data-[state=on]:text-slate-900 dark:ring-offset-slate-950 dark:hover:bg-slate-800 dark:hover:text-slate-400 dark:focus-visible:ring-slate-300 dark:data-[state=on]:bg-slate-800 dark:data-[state=on]:text-slate-50 rounded-bl-none rounded-tl-none relative h-auto overflow-hidden border border-[#D1B9B0] bg-[#FEF8F4] p-2 text-[#451E11] hover:bg-[#FFF1E7] [&[data-state="off"]]:hover:bg-[#FFF1E7] [&[data-state="off"]]:hover:text-[#451E11] [&[data-state="on"]]:pointer-events-none [&[data-state="on"]]:border-[#FFB381] [&[data-state="on"]]:bg-[#FFE8D7] [&[data-state="on"]]:text-[#ED5F00]" tabindex="-1" data-radix-collection-item=""><div class="relative z-20">Policy as Code</div><div class="absolute left-0 top-0 h-full w-full rounded-[5px] border-[1px] border-[#FFB381] transition opacity-100 !opacity-0 rounded-bl-none rounded-tl-none border-l-0"></div></button><div class="absolute left-1/2 top-1/2 h-full w-[2px] -translate-x-1/2 -translate-y-1/2 bg-[#FFB381]"></div></div></div></div><div class="flex flex-col gap-2"><p><span class="lg:block">Create policies based on relationships between </span>users and resources, like:</p><p class="italic"><span class="text-[#A18072]">"</span> Caregiver of a Patient<br/>can View Patient's Medical Files <span class="text-[#A18072]">"</span></p></div><div class="flex"><a class="inline-flex border-[2px] border-transparent justify-center gap-2 items-center whitespace-nowrap rounded-full ring-offset-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 dark:ring-offset-slate-950 dark:focus-visible:ring-slate-300 tracking-[-0.5px] underline-offset-4 font-inter dark:text-slate-50 group h-auto p-0 text-base font-medium text-theme_purple hover:no-underline" href="/rebac">Explore ReBAC <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="transition group-hover:translate-x-1"><path d="M18 8L22 12L18 16"></path><path d="M2 12H22"></path></svg></a></div></li></ul></div><div class="container hidden max-w-6xl flex-col items-center gap-y-9 lg:flex lg:items-stretch"><div class="flex flex-col gap-12 lg:flex-row"><div class="hidden min-h-[510px] w-full max-w-[630px] flex-col rounded-[20px] bg-[#FFE8D7] p-6 lg:flex lg:items-center lg:gap-4"><div class="relative flex w-full grow items-center justify-center"><div class="group flex h-full w-full items-center justify-center"><div class="z-20 -translate-y-1/2 opacity-100 absolute left-1/2 top-1/2 flex h-full w-full max-w-[80%] -translate-x-1/2 items-center justify-center transition duration-500"><figure class="translate-y-0 opacity-100 flex w-full justify-center transition"><img alt="" loading="lazy" width="295" height="146" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2F1-1.c9f161c3.svg&w=384&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2F1-1.c9f161c3.svg&w=640&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2F1-1.c9f161c3.svg&w=640&q=75"/></figure><div style="box-shadow:0px 3.583px 22.397px 0px rgba(0, 0, 0, 0.10)" class="-translate-y-[46%] opacity-0 absolute left-1/2 top-1/2 mx-auto w-full max-w-[90%] -translate-x-1/2 overflow-scroll rounded-lg border-[2.5px] border-[#D1B9B0] bg-[#2A211F] transition duration-500"><div class="hide_scrollbar overflow-y-auto"><pre class="hide_scrollbar !m-0 !bg-[#2A211F] !p-0 !font-mono"><code class=" !text-sm is_overflow_none">default allow := false allow if { some role in data.users[input.user].roles actions := roles[role][input.resource.type] input.action in actions } roles["Banker"]["Loan"] := [ "View","Approve","Decline" ]</code></pre></div></div></div><div class="z-10 -translate-y-[54%] opacity-0 absolute left-1/2 top-1/2 flex h-full w-full max-w-[80%] -translate-x-1/2 items-center justify-center transition duration-500"><figure class="translate-y-0 opacity-100 flex w-full justify-center transition"><img alt="" loading="lazy" width="343" height="178" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2F2-1.8bc64f67.svg&w=384&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2F2-1.8bc64f67.svg&w=750&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2F2-1.8bc64f67.svg&w=750&q=75"/></figure><div style="box-shadow:0px 3.583px 22.397px 0px rgba(0, 0, 0, 0.10)" class="-translate-y-[46%] opacity-0 absolute left-1/2 top-1/2 mx-auto max-h-full w-full -translate-x-1/2 overflow-scroll rounded-lg border-[2.5px] border-[#D1B9B0] bg-[#2A211F] transition duration-500"><div class="hide_scrollbar overflow-y-auto"><pre class="hide_scrollbar !m-0 !bg-[#2A211F] !p-0 !font-mono"><code class=" !text-sm hide_scrollbar">default allow := false allow if { some _, allowed_actions in conditions input.action in allowed_actions[input.resource.type] } conditions["Weekend Shift Employee"]["Database"] := [ "Read", "Update", "Backup", "Restore" ] if { work_days := { day | day := data.users[input.user].attributes.work_days[_] } count({"Saturday", "Sunday"} & work_days) > 0 }</code></pre></div></div></div><div class="z-10 -translate-y-[54%] opacity-0 absolute left-1/2 top-1/2 flex h-full w-full max-w-[570px] -translate-x-1/2 items-center justify-center transition duration-500"><figure class="translate-y-0 opacity-100 flex w-full justify-center transition"><img alt="" loading="lazy" width="569" height="204" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2F3-1.ad1f3b80.svg&w=640&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2F3-1.ad1f3b80.svg&w=1200&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2F3-1.ad1f3b80.svg&w=1200&q=75"/></figure><div style="box-shadow:0px 3.583px 22.397px 0px rgba(0, 0, 0, 0.10)" class="-translate-y-[46%] opacity-0 absolute left-1/2 top-1/2 mx-auto h-full max-h-full w-full -translate-x-1/2 overflow-scroll rounded-lg border-[2.5px] border-[#D1B9B0] bg-[#2A211F] transition duration-500"><div class="hide_scrollbar overflow-y-auto"><pre class="hide_scrollbar !m-0 !bg-[#2A211F] !p-0 !font-mono"><code class=" !text-sm hide_scrollbar">default allow := false allow if { patient_caregiver = true } patient_caregiver if { user_roles := data.users[input.user].roles some assigned_resource, assigned_roles in user_roles some role in assigned_roles input.action in roles[role][input.resource.type] assigned_resource in resource_relationships } resource_relationships[resource] { related_resources := graph.reachable( full_graph,{input.resource.id} ) some resource in related_resources } full_graph[child] := parent if { all_resources := [resource | resource := data.resources[_]] some child, parent_resource in object.union_n(all_resources) parent := [object.get(parent_resource, "parent_id", null)] } roles["Caregiver"]["Record"] := ["View", "Update", "Share", "Archive"]</code></pre></div></div></div></div></div><div style="box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.10)" class="relative grid grid-cols-2 gap-0 rounded-[6px] text-sm font-semibold leading-none text-[#451E11]"><button class="pointer-events-none border-[#FFB381] bg-[#FFE8D7] text-[#ED5F00] relative h-auto overflow-hidden rounded-[6px] rounded-br-none rounded-tr-none border border-r-0 p-2 text-sm font-medium hover:bg-[#FFF1E7]"><div class="relative z-20">Policy UI Editor</div><div class="absolute left-0 top-0 h-full w-full rounded-[5px] rounded-br-none rounded-tr-none border-[1px] border-r-0 border-[#FFB381] transition !opacity-100"></div></button><button class="border-[#D1B9B0] bg-[#FEF8F4] text-[#451E11] relative h-auto overflow-hidden rounded-[6px] rounded-bl-none rounded-tl-none border border-l-0 p-2 text-sm font-medium hover:bg-[#FFF1E7]"><div class="relative z-20">Policy as Code</div><div class="absolute left-0 top-0 h-full w-full rounded-[5px] rounded-bl-none rounded-tl-none border-[1px] border-l-0 border-[#FFB381] transition !opacity-0 "></div></button><div class="absolute left-1/2 top-1/2 h-full w-[2px] -translate-x-1/2 -translate-y-1/2 bg-[#FFB381]"></div></div></div><div class="flex w-full max-w-[390px] flex-col gap-6 lg:py-6" data-orientation="vertical"><div data-state="open" data-orientation="vertical" class="flex flex-col gap-2 border-b-0 border-l-[3px] border-[#BFA094] pl-[14px] [&[data-state="open"]]:border-[#F76808]"><h3 data-orientation="vertical" data-state="open" class="flex"><button type="button" aria-controls="radix-:Rmqsusq:" aria-expanded="true" data-state="open" data-orientation="vertical" id="radix-:R6qsusq:" class="flex-1 justify-between [&[data-state=open]>svg]:rotate-180 flex flex-col items-start gap-1 py-0 text-left font-poppins text-lg font-semibold text-[#846358] transition hover:text-theme_orange_12 hover:no-underline lg:text-2xl [&[data-state="open"]]:pointer-events-none [&[data-state="open"]]:text-[#451E11] [&[data-state]>svg]:hidden" data-radix-collection-item=""><div class="bg-[#FFE8D7] flex h-8 items-center gap-1 rounded px-1 pr-2 font-inter text-[10px] font-medium uppercase tracking-[0.5px] transition"><img alt="" loading="lazy" width="25" height="24" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon_color_1.5324a5dc.svg&w=32&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon_color_1.5324a5dc.svg&w=64&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon_color_1.5324a5dc.svg&w=64&q=75"/><p>RBAC</p></div><span>Role based access</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 shrink-0 transition-transform duration-200"><polyline points="6 9 12 15 18 9"></polyline></svg></button></h3><div data-state="open" id="radix-:Rmqsusq:" role="region" aria-labelledby="radix-:R6qsusq:" data-orientation="vertical" class="overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"><div class="pt-0 flex flex-col items-start gap-2 pb-0 font-inter text-sm lg:text-base"><div class="flex flex-col gap-2 "><p><span class="lg:block">Create dynamic Role Based Access Control </span>policies, like:</p><p class="italic"><span class="text-[#A18072]">"</span> Banker can Approve Loan <span class="text-[#A18072]">"</span></p></div><a class="inline-flex border-[2px] border-transparent justify-center gap-2 items-center whitespace-nowrap rounded-full ring-offset-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 dark:ring-offset-slate-950 dark:focus-visible:ring-slate-300 tracking-[-0.5px] text-[#7011E4] underline-offset-4 font-inter dark:text-slate-50 group h-auto p-0 text-sm font-medium hover:no-underline lg:text-base" href="/rbac">Start with RBAC <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="transition group-hover:translate-x-1"><path d="M18 8L22 12L18 16"></path><path d="M2 12H22"></path></svg></a></div></div></div><div data-state="closed" data-orientation="vertical" class="flex flex-col gap-2 border-b-0 border-l-[3px] border-[#BFA094] pl-[14px] [&[data-state="open"]]:border-[#F76808]"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-:Rqqsusq:" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:Raqsusq:" class="flex-1 justify-between [&[data-state=open]>svg]:rotate-180 flex flex-col items-start gap-1 py-0 text-left font-poppins text-lg font-semibold text-[#846358] transition hover:text-theme_orange_12 hover:no-underline lg:text-2xl [&[data-state="open"]]:pointer-events-none [&[data-state="open"]]:text-[#451E11] [&[data-state]>svg]:hidden" data-radix-collection-item=""><div class="bg-[#EADDD7] flex h-8 items-center gap-1 rounded px-1 pr-2 font-inter text-[10px] font-medium uppercase tracking-[0.5px] transition"><img alt="" loading="lazy" width="24" height="25" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon_gray_2.f3b25134.svg&w=32&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon_gray_2.f3b25134.svg&w=48&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon_gray_2.f3b25134.svg&w=48&q=75"/><p>ABAC</p></div><span>Granular attributes</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 shrink-0 transition-transform duration-200"><polyline points="6 9 12 15 18 9"></polyline></svg></button></h3><div data-state="closed" id="radix-:Rqqsusq:" hidden="" role="region" aria-labelledby="radix-:Raqsusq:" data-orientation="vertical" class="overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" class="flex flex-col gap-2 border-b-0 border-l-[3px] border-[#BFA094] pl-[14px] [&[data-state="open"]]:border-[#F76808]"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-:Ruqsusq:" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:Reqsusq:" class="flex-1 justify-between [&[data-state=open]>svg]:rotate-180 flex flex-col items-start gap-1 py-0 text-left font-poppins text-lg font-semibold text-[#846358] transition hover:text-theme_orange_12 hover:no-underline lg:text-2xl [&[data-state="open"]]:pointer-events-none [&[data-state="open"]]:text-[#451E11] [&[data-state]>svg]:hidden" data-radix-collection-item=""><div class="bg-[#EADDD7] flex h-8 items-center gap-1 rounded px-1 pr-2 font-inter text-[10px] font-medium uppercase tracking-[0.5px] transition"><img alt="" loading="lazy" width="24" height="25" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon_gray_3.fb2255ef.svg&w=32&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon_gray_3.fb2255ef.svg&w=48&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon_gray_3.fb2255ef.svg&w=48&q=75"/><p>ReBAC</p></div><span>Resource/User hierarchies</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 shrink-0 transition-transform duration-200"><polyline points="6 9 12 15 18 9"></polyline></svg></button></h3><div data-state="closed" id="radix-:Ruqsusq:" hidden="" role="region" aria-labelledby="radix-:Reqsusq:" data-orientation="vertical" class="overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div></div><div class="lg:hidden"><div role="group" dir="ltr" class="items-center justify-center relative grid grid-cols-2 gap-0 rounded-[5px] text-sm font-semibold leading-none text-[#451E11]" style="outline:none;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.10)" tabindex="-1"><button type="button" data-state="on" role="radio" aria-checked="true" class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-white transition-colors hover:text-slate-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-slate-100 data-[state=on]:text-slate-900 dark:ring-offset-slate-950 dark:hover:bg-slate-800 dark:hover:text-slate-400 dark:focus-visible:ring-slate-300 dark:data-[state=on]:bg-slate-800 dark:data-[state=on]:text-slate-50 rounded-br-none rounded-tr-none relative h-auto overflow-hidden border border-[#D1B9B0] bg-[#FEF8F4] p-2 text-[#451E11] hover:bg-[#FFF1E7] [&[data-state="off"]]:hover:bg-[#FFF1E7] [&[data-state="off"]]:hover:text-[#451E11] [&[data-state="on"]]:pointer-events-none [&[data-state="on"]]:border-[#FFB381] [&[data-state="on"]]:bg-[#FFE8D7] [&[data-state="on"]]:text-[#ED5F00]" tabindex="-1" data-radix-collection-item=""><div class="relative z-20">Policy UI Editor</div><div class="absolute left-0 top-0 h-full w-full rounded-[5px] border-[1px] border-[#FFB381] transition opacity-100 rounded-br-none rounded-tr-none border-r-0"></div></button><button type="button" data-state="off" role="radio" aria-checked="false" class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-white transition-colors hover:text-slate-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-slate-100 data-[state=on]:text-slate-900 dark:ring-offset-slate-950 dark:hover:bg-slate-800 dark:hover:text-slate-400 dark:focus-visible:ring-slate-300 dark:data-[state=on]:bg-slate-800 dark:data-[state=on]:text-slate-50 rounded-bl-none rounded-tl-none relative h-auto overflow-hidden border border-[#D1B9B0] bg-[#FEF8F4] p-2 text-[#451E11] hover:bg-[#FFF1E7] [&[data-state="off"]]:hover:bg-[#FFF1E7] [&[data-state="off"]]:hover:text-[#451E11] [&[data-state="on"]]:pointer-events-none [&[data-state="on"]]:border-[#FFB381] [&[data-state="on"]]:bg-[#FFE8D7] [&[data-state="on"]]:text-[#ED5F00]" tabindex="-1" data-radix-collection-item=""><div class="relative z-20">Policy as Code</div><div class="absolute left-0 top-0 h-full w-full rounded-[5px] border-[1px] border-[#FFB381] transition opacity-100 !opacity-0 rounded-bl-none rounded-tl-none border-l-0"></div></button><div class="absolute left-1/2 top-1/2 h-full w-[2px] -translate-x-1/2 -translate-y-1/2 bg-[#FFB381]"></div></div></div></div></div></section><div class="relative overflow-clip"><div class="relative z-30"><section class="relative z-20 px-5 pb-14 pt-[5.25rem] text-theme_orange_12 lg:pb-24 lg:pt-36"><div class="container z-20 w-full max-w-[990px]"><header class="mx-auto flex w-full flex-col items-center gap-4 text-center text-[#451E11] lg:max-w-[496px] lg:gap-6"><h2 class="font-poppins text-[26px] font-semibold tracking-[-1px] lg:text-4xl"><span class="block md:inline-block">Fully functional</span> authorization <span class=" bg-gradient-to-r from-[#974EF2] to-[#FF953F] bg-clip-text text-transparent">in 5 minutes</span></h2><p class="w-full max-w-[432px] font-inter text-lg font-medium lg:text-xl">Just add <span class="rounded bg-[#FFDCC3] px-[6px] pb-[2px] font-ibm">permit.check()</span> to your code, middleware, mesh, or API gateway.</p></header><div class="w-full pt-4 text-left sm:px-0 lg:pt-9"><div class="mb-6 flex w-full items-center justify-center gap-3 lg:hidden"><div class="text-sm font-medium text-theme_orange_12">Homebrew</div><button class="bg-[#D1B9B0] relative inline-flex h-[24px] w-[43px] flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75" id="headlessui-switch-:R4pbsusq:" role="switch" type="button" tabindex="0" aria-checked="false" data-headlessui-state=""><span class="sr-only">Use setting</span><span style="filter:drop-shadow(0px 2px 4px rgba(0, 35, 11, 0.20))" aria-hidden="true" class="translate-x-0 pointer-events-none inline-block h-5 w-5 transform rounded-full bg-[#FDFCFE] ring-0 transition duration-200 ease-in-out"></span></button><div class="text-sm font-medium text-theme_orange_12">With Permit</div></div><button type="button" aria-hidden="true" style="position:fixed;top:1px;left:1px;width:1px;height:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0"></button><div><div class="relative flex flex-col overflow-hidden rounded-lg border-[#CBA393] bg-[#2A211F] lg:border-none lg:bg-transparent"><div class="flex max-w-[676px] justify-start gap-3 overflow-x-auto overflow-y-hidden p-4 lg:mx-auto lg:flex-wrap lg:justify-center lg:pb-9" role="tablist" aria-orientation="horizontal"><button class="relative flex h-[50px] w-[60px] shrink-0 grow items-center justify-center gap-[6px] overflow-hidden rounded-lg border-[2px] border-[#D1B9B0] bg-[#FDFCFC] p-[6px] font-medium transition focus:shadow-[0px_0px_0px_1.6px_rgba(110,_86,_207,_0.20)] focus:outline-none lg:h-auto lg:w-auto lg:border-[2px] lg:p-2 lg:pr-5 border-theme_purple text-theme_purple cursor-pointer " id="headlessui-tabs-tab-:R1d9bsusq:" role="tab" aria-selected="true" tabindex="0" data-headlessui-state="selected" data-selected=""><span class="flex w-full max-w-[26px] justify-center lg:max-w-none"><img alt="NodeJS" loading="lazy" width="0" height="0" decoding="async" data-nimg="1" class="w-full max-w-[26px] lg:max-w-[34px]" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2FYOSv0GB2TRKZ1buZBtM2&w=16&q=75 1x" src="/_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2FYOSv0GB2TRKZ1buZBtM2&w=16&q=75"/></span><span class=" hidden whitespace-nowrap lg:inline-block">NodeJS</span></button><button class="relative flex h-[50px] w-[60px] shrink-0 grow items-center justify-center gap-[6px] overflow-hidden rounded-lg border-[2px] border-[#D1B9B0] bg-[#FDFCFC] p-[6px] font-medium transition focus:shadow-[0px_0px_0px_1.6px_rgba(110,_86,_207,_0.20)] focus:outline-none lg:h-auto lg:w-auto lg:border-[2px] lg:p-2 lg:pr-5 text-[#43302B] hover:border-[#D3B3FA] cursor-pointer " id="headlessui-tabs-tab-:R2d9bsusq:" role="tab" aria-selected="false" tabindex="-1" data-headlessui-state=""><span class="flex w-full max-w-[26px] justify-center lg:max-w-none"><img alt="Python" loading="lazy" width="0" height="0" decoding="async" data-nimg="1" class="w-full max-w-[26px] lg:max-w-[34px]" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2FMgVopNE5QuaxqLfSt2rH&w=16&q=75 1x" src="/_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2FMgVopNE5QuaxqLfSt2rH&w=16&q=75"/></span><span class=" hidden whitespace-nowrap lg:inline-block">Python</span></button><button class="relative flex h-[50px] w-[60px] shrink-0 grow items-center justify-center gap-[6px] overflow-hidden rounded-lg border-[2px] border-[#D1B9B0] bg-[#FDFCFC] p-[6px] font-medium transition focus:shadow-[0px_0px_0px_1.6px_rgba(110,_86,_207,_0.20)] focus:outline-none lg:h-auto lg:w-auto lg:border-[2px] lg:p-2 lg:pr-5 text-[#43302B] hover:border-[#D3B3FA] cursor-pointer " id="headlessui-tabs-tab-:R3d9bsusq:" role="tab" aria-selected="false" tabindex="-1" data-headlessui-state=""><span class="flex w-full max-w-[26px] justify-center lg:max-w-none"><img alt="Java" loading="lazy" width="0" height="0" decoding="async" data-nimg="1" class="w-full max-w-[26px] lg:max-w-[34px]" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2F57BE7KhQraimEFcITViQ&w=16&q=75 1x" src="/_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2F57BE7KhQraimEFcITViQ&w=16&q=75"/></span><span class=" hidden whitespace-nowrap lg:inline-block">Java</span></button><button class="relative flex h-[50px] w-[60px] shrink-0 grow items-center justify-center gap-[6px] overflow-hidden rounded-lg border-[2px] border-[#D1B9B0] bg-[#FDFCFC] p-[6px] font-medium transition focus:shadow-[0px_0px_0px_1.6px_rgba(110,_86,_207,_0.20)] focus:outline-none lg:h-auto lg:w-auto lg:border-[2px] lg:p-2 lg:pr-5 text-[#43302B] hover:border-[#D3B3FA] cursor-pointer " id="headlessui-tabs-tab-:R4d9bsusq:" role="tab" aria-selected="false" tabindex="-1" data-headlessui-state=""><span class="flex w-full max-w-[26px] justify-center lg:max-w-none"><img alt="C#" loading="lazy" width="0" height="0" decoding="async" data-nimg="1" class="w-full max-w-[26px] lg:max-w-[34px]" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2FENhZAG2DS4K4uLTRx4Zj&w=16&q=75 1x" src="/_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2FENhZAG2DS4K4uLTRx4Zj&w=16&q=75"/></span><span class=" hidden whitespace-nowrap lg:inline-block">C#</span></button><button class="relative flex h-[50px] w-[60px] shrink-0 grow items-center justify-center gap-[6px] overflow-hidden rounded-lg border-[2px] border-[#D1B9B0] bg-[#FDFCFC] p-[6px] font-medium transition focus:shadow-[0px_0px_0px_1.6px_rgba(110,_86,_207,_0.20)] focus:outline-none lg:h-auto lg:w-auto lg:border-[2px] lg:p-2 lg:pr-5 text-[#43302B] hover:border-[#D3B3FA] cursor-pointer " id="headlessui-tabs-tab-:R5d9bsusq:" role="tab" aria-selected="false" tabindex="-1" data-headlessui-state=""><span class="flex w-full max-w-[26px] justify-center lg:max-w-none"><img alt="Golang" loading="lazy" width="0" height="0" decoding="async" data-nimg="1" class="w-full max-w-[26px] lg:max-w-[34px]" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2FDPPj5DUkTZiwjgzACMC0&w=16&q=75 1x" src="/_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2FDPPj5DUkTZiwjgzACMC0&w=16&q=75"/></span><span class=" hidden whitespace-nowrap lg:inline-block">Golang</span></button><button class="relative flex h-[50px] w-[60px] shrink-0 grow items-center justify-center gap-[6px] overflow-hidden rounded-lg border-[2px] border-[#D1B9B0] bg-[#FDFCFC] p-[6px] font-medium transition focus:shadow-[0px_0px_0px_1.6px_rgba(110,_86,_207,_0.20)] focus:outline-none lg:h-auto lg:w-auto lg:border-[2px] lg:p-2 lg:pr-5 text-[#43302B] hover:border-[#D3B3FA] cursor-pointer " id="headlessui-tabs-tab-:R6d9bsusq:" role="tab" aria-selected="false" tabindex="-1" data-headlessui-state=""><span class="flex w-full max-w-[26px] justify-center lg:max-w-none"><img alt="Kong" loading="lazy" width="0" height="0" decoding="async" data-nimg="1" class="w-full max-w-[26px] lg:max-w-[34px]" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2FpmuvE4XgTuy3GeErYlpU&w=16&q=75 1x" src="/_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2FpmuvE4XgTuy3GeErYlpU&w=16&q=75"/></span><span class=" hidden whitespace-nowrap lg:inline-block">Kong</span></button><button class="relative flex h-[50px] w-[60px] shrink-0 grow items-center justify-center gap-[6px] overflow-hidden rounded-lg border-[2px] border-[#D1B9B0] bg-[#FDFCFC] p-[6px] font-medium transition focus:shadow-[0px_0px_0px_1.6px_rgba(110,_86,_207,_0.20)] focus:outline-none lg:h-auto lg:w-auto lg:border-[2px] lg:p-2 lg:pr-5 text-[#43302B] hover:border-[#D3B3FA] cursor-pointer " id="headlessui-tabs-tab-:R7d9bsusq:" role="tab" aria-selected="false" tabindex="-1" data-headlessui-state=""><span class="flex w-full max-w-[26px] justify-center lg:max-w-none"><img alt="Ruby" loading="lazy" width="0" height="0" decoding="async" data-nimg="1" class="w-full max-w-[26px] lg:max-w-[34px]" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2FgO68DgkRSSecSZ6d2aQQ&w=16&q=75 1x" src="/_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2FgO68DgkRSSecSZ6d2aQQ&w=16&q=75"/></span><span class=" hidden whitespace-nowrap lg:inline-block">Ruby</span></button><button class="relative flex h-[50px] w-[60px] shrink-0 grow items-center justify-center gap-[6px] overflow-hidden rounded-lg border-[2px] border-[#D1B9B0] bg-[#FDFCFC] p-[6px] font-medium transition focus:shadow-[0px_0px_0px_1.6px_rgba(110,_86,_207,_0.20)] focus:outline-none lg:h-auto lg:w-auto lg:border-[2px] lg:p-2 lg:pr-5 text-[#43302B] hover:border-[#D3B3FA] cursor-not-allowed opacity-75 pointer-events-none opacity-75 " id="headlessui-tabs-tab-:R8d9bsusq:" role="tab" aria-selected="false" tabindex="-1" data-headlessui-state=""><span class="flex w-full max-w-[26px] justify-center lg:max-w-none"><img alt="Gateway" loading="lazy" width="0" height="0" decoding="async" data-nimg="1" class="w-full max-w-[26px] lg:max-w-[34px]" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2FJPpRWWi4TbuepQakL5XU&w=16&q=75 1x" src="/_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2FJPpRWWi4TbuepQakL5XU&w=16&q=75"/></span><span class=" hidden whitespace-nowrap lg:inline-block">Gateway</span><span class="absolute right-0 top-0 z-10 translate-x-[2rem] translate-y-[6px] rotate-45 bg-[#EADDD7] px-8 text-[7px] font-bold uppercase text-[#846358]">Soon</span></button><button class="relative flex h-[50px] w-[60px] shrink-0 grow items-center justify-center gap-[6px] overflow-hidden rounded-lg border-[2px] border-[#D1B9B0] bg-[#FDFCFC] p-[6px] font-medium transition focus:shadow-[0px_0px_0px_1.6px_rgba(110,_86,_207,_0.20)] focus:outline-none lg:h-auto lg:w-auto lg:border-[2px] lg:p-2 lg:pr-5 text-[#43302B] hover:border-[#D3B3FA] cursor-not-allowed opacity-75 pointer-events-none opacity-75 " id="headlessui-tabs-tab-:R9d9bsusq:" role="tab" aria-selected="false" tabindex="-1" data-headlessui-state=""><span class="flex w-full max-w-[26px] justify-center lg:max-w-none"><img alt="Envoy" loading="lazy" width="0" height="0" decoding="async" data-nimg="1" class="w-full max-w-[26px] lg:max-w-[34px]" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2FP4CINTcRT2a7Diskbdje&w=16&q=75 1x" src="/_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2FP4CINTcRT2a7Diskbdje&w=16&q=75"/></span><span class=" hidden whitespace-nowrap lg:inline-block">Envoy</span><span class="absolute right-0 top-0 z-10 translate-x-[2rem] translate-y-[6px] rotate-45 bg-[#EADDD7] px-8 text-[7px] font-bold uppercase text-[#846358]">Soon</span></button></div><div class="w-full px-1 lg:hidden"><div class="h-px w-full bg-[#3B2E29]"></div></div><div></div></div></div></div><ul class="mx-auto mt-6 flex max-w-xs flex-col gap-4 px-4 font-inter text-sm font-medium lg:mt-9 lg:grid lg:max-w-[660px] lg:grid-cols-2 lg:gap-9 lg:px-0 lg:text-base"><li class="flex items-center gap-3"><img alt="" loading="lazy" width="42" height="42" decoding="async" data-nimg="1" class="h-6 w-6 shrink-0" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcheck.d8373de6.svg&w=48&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcheck.d8373de6.svg&w=96&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcheck.d8373de6.svg&w=96&q=75"/><p class="">Seamlessly migrate from any existing authorization solution</p></li><li class="flex items-center gap-3"><img alt="" loading="lazy" width="42" height="42" decoding="async" data-nimg="1" class="h-6 w-6 shrink-0" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcheck.d8373de6.svg&w=48&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcheck.d8373de6.svg&w=96&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcheck.d8373de6.svg&w=96&q=75"/><p class="">GitOps and Multi-tenancy<br class="hidden lg:block"/> available out-of-the-box</p></li></ul></div></section><section class="relative z-20 py-14 text-theme_orange_12 lg:px-5 lg:py-24"><div class="container flex max-w-6xl flex-col gap-2 lg:gap-3"><header class="text-center lg:text-left"><h2 class="font-poppins text-[26px] font-semibold tracking-[-1px] lg:text-4xl">Hybrid Model</h2></header><div class="flex gap-9"><div class="flex w-full shrink-0 flex-col items-center justify-center gap-9 lg:w-auto lg:items-start lg:gap-6"><div class="text-center lg:text-left"><h3 class="font-poppins text-lg font-semibold leading-tight tracking-[-0.5px] text-[#A18072] lg:text-[26px]">Secure, event-driven, compliant.</h3></div><figure class="pointer-events-none w-full lg:hidden"><div class="relative left-[6%] -mt-8 sm:hidden"><div style="width:110%;height:100%;overflow:hidden;margin:0 auto;outline:none" title="" role="button" aria-label="animation" tabindex="0"></div></div></figure><div class="lg:hidden"><div class="font-sm lg:font-base flex flex-wrap items-center justify-center gap-x-9 gap-y-2 px-4 font-inter text-[#A18072]"><div class="flex items-center gap-2"><p>Engines</p><div class="flex gap-3"><img alt="" loading="lazy" width="22" height="25" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon1.bcdd22ef.svg&w=32&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon1.bcdd22ef.svg&w=48&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon1.bcdd22ef.svg&w=48&q=75"/><img alt="" loading="lazy" width="16" height="24" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon2.c2080a17.svg&w=16&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon2.c2080a17.svg&w=32&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon2.c2080a17.svg&w=32&q=75"/></div><p class="font-medium text-theme_orange_12">OPA / Ceder</p></div><div class="flex items-center gap-2"><p>Policy Updater</p><img alt="" loading="lazy" width="21" height="22" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon3.ff11f1d7.svg&w=32&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon3.ff11f1d7.svg&w=48&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon3.ff11f1d7.svg&w=48&q=75"/><p class="font-medium text-theme_orange_12">OPAL</p></div></div></div><ul class="flex w-full max-w-md flex-col gap-6 px-4 text-theme_orange_12 lg:px-0"><li class="flex items-center gap-2 text-base"><div class="flex h-5 w-5 shrink-0 items-center justify-center rounded-full text-theme_purple lg:h-8 lg:w-8"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check"><polyline points="20 6 9 17 4 12"></polyline></svg></div><p><span class="lg:block">All authorization decisions are made on</span> your side <strong class="font-medium">with zero latency</strong></p></li><li class="flex items-center gap-2 text-base"><div class="flex h-5 w-5 shrink-0 items-center justify-center rounded-full text-theme_purple lg:h-8 lg:w-8"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check"><polyline points="20 6 9 17 4 12"></polyline></svg></div><p><span class="lg:block">Use sensitive data for authorization decisions,</span> <strong class="font-medium">without it ever leaving your VPC/Network</strong></p></li><li class="flex items-center gap-2 text-base"><div class="flex h-5 w-5 shrink-0 items-center justify-center rounded-full text-theme_purple lg:h-8 lg:w-8"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check"><polyline points="20 6 9 17 4 12"></polyline></svg></div><p><span class="lg:block">Permit is always up (+99.99) - but you are not</span> dependent on our availability</p></li><li class="flex items-center gap-2 text-base"><div class="flex h-5 w-5 shrink-0 items-center justify-center rounded-full text-theme_purple lg:h-8 lg:w-8"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check"><polyline points="20 6 9 17 4 12"></polyline></svg></div><p>Compliant with HIPAA, SOC2, and more</p></li></ul><div class="flex items-center md:items-start"><a href="https://docs.permit.io/overview/how-does-it-work#permits-hybrid-architecture" target="_blank" rel="noreferrer noopener" class="inline-flex font-semibold border-[2px] border-transparent justify-center gap-2 items-center whitespace-nowrap rounded-full ring-offset-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 dark:ring-offset-slate-950 dark:focus-visible:ring-slate-300 tracking-[-0.5px] text-[#7011E4] underline-offset-4 font-inter hover:underline dark:text-slate-50 text-base h-12 px-5 py-3 group hover:no-underline"><span class="font-medium">Learn more</span><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="transition group-hover:translate-x-1"><line x1="5" x2="19" y1="12" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></a></div></div></div></div></section><section class="px-5 md:px-12 pb-14 lg:pb-24"><div class="container max-w-6xl flex flex-col md:flex-row md:justify-between md:text-left lg:px-16 rounded-2xl items-center gap-y-16 py-12 px-5 text-center text-[26px] bg-[#FFE8D7]"><h2 class="tracking-[-1px] font-semibold"><span class="block">How the Hybrid Model</span> fits your architecture?</h2><div class="flex flex-wrap items-center justify-center gap-3"><a href="https://permit-io.slack.com/join/shared_invite/zt-nz6yjgnp-RlP9rtOPwO0n0aH_vLbmBQ#/shared-invite/email" class="inline-flex font-semibold text-lg border-[2px] justify-center gap-2 items-center whitespace-nowrap ring-offset-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 dark:ring-offset-slate-950 dark:focus-visible:ring-slate-300 tracking-[-0.5px] font-poppins rounded-full border-D1B9B0 bg-[#FFF1E7] text-theme_orange_dark_2 hover:border-[#A18072] hover:bg-[#FFCCA7] h-12 px-5 py-3"><img alt="" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" class="w-6 h-6 pointer-events-none" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fslack.cbb6ed5c.svg&w=32&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fslack.cbb6ed5c.svg&w=48&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fslack.cbb6ed5c.svg&w=48&q=75"/> <span class="pointer-events-none">Talk with Our Devs</span></a></div></div></section></div><div class="pointer-events-none absolute left-0 top-0 z-20 h-[2px] w-full from-[#FF953F] to-[#974EF2] bg-gradient-to-r"></div><figure class="absolute left-0 top-0 z-10 w-full"><img alt="" loading="lazy" width="1445" height="1102" decoding="async" data-nimg="1" class="hidden w-full lg:block" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg_section_before_after_desktop.96bcf269.svg&w=1920&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg_section_before_after_desktop.96bcf269.svg&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg_section_before_after_desktop.96bcf269.svg&w=3840&q=75"/><img alt="" loading="lazy" width="430" height="775" decoding="async" data-nimg="1" class="w-full lg:hidden" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg_section_before_after_mobile.d573a37f.svg&w=640&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg_section_before_after_mobile.d573a37f.svg&w=1080&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg_section_before_after_mobile.d573a37f.svg&w=1080&q=75"/></figure></div><section class="relative z-20 pb-[5.25rem] pt-14 text-theme_orange_12 lg:pb-36 lg:pt-24"><div class="container flex max-w-6xl flex-col gap-5 px-4 lg:gap-0"><header class="flex flex-col gap-3 lg:gap-5"><h2 class="font-poppins text-[26px] font-semibold tracking-[-1px] lg:text-4xl"><span class="lg:block">Flexible, Customizable, </span>and Scalable Implementation</h2><h3 class="font-poppins text-lg font-semibold leading-tight tracking-[-0.5px] text-[#A18072] lg:text-[26px]">Supports any Authentication provider</h3></header><div class="flex justify-center md:justify-end"><div class="relative"><div class="hidden w-full max-w-[700px] grid-cols-5 gap-3 md:grid"><div class="opacity-0 relative"><div class="absolute left-0 top-0 z-10 flex h-full w-full items-center justify-center p-4"></div><img alt="" loading="lazy" width="131" height="123" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=256&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=384&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=384&q=75"/></div><div class="opacity-0 relative"><div class="absolute left-0 top-0 z-10 flex h-full w-full items-center justify-center p-4"></div><img alt="" loading="lazy" width="131" height="123" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=256&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=384&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=384&q=75"/></div><div class="opacity-100 relative"><div class="absolute left-0 top-0 z-10 flex h-full w-full items-center justify-center p-4"><figure><img alt="" loading="lazy" width="57" height="63" decoding="async" data-nimg="1" class="translate-y-0 opacity-100 transition duration-300" style="color:transparent;max-width:auto" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fokta.495f2697.svg&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fokta.495f2697.svg&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fokta.495f2697.svg&w=128&q=75"/></figure></div><img alt="" loading="lazy" width="131" height="123" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=256&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=384&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=384&q=75"/></div><div class="opacity-100 relative"><div class="absolute left-0 top-0 z-10 flex h-full w-full items-center justify-center p-4"><figure><img alt="" loading="lazy" width="55" height="64" decoding="async" data-nimg="1" class="translate-y-0 opacity-100 transition duration-300" style="color:transparent;max-width:auto" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjwt.5b95b4ce.svg&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjwt.5b95b4ce.svg&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjwt.5b95b4ce.svg&w=128&q=75"/><img alt="" loading="lazy" width="97" height="59" decoding="async" data-nimg="1" class="-translate-y-[52%] opacity-0 absolute left-1/2 top-1/2 max-w-[80%] -translate-x-1/2 -translate-y-1/2 transition duration-300" style="color:transparent;max-width:auto" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fauthentik.2d5af972.svg&w=128&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fauthentik.2d5af972.svg&w=256&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fauthentik.2d5af972.svg&w=256&q=75"/></figure></div><img alt="" loading="lazy" width="131" height="123" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=256&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=384&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=384&q=75"/></div><div class="opacity-100 relative"><div class="absolute left-0 top-0 z-10 flex h-full w-full items-center justify-center p-4"><figure><img alt="" loading="lazy" width="91" height="73" decoding="async" data-nimg="1" class="translate-y-0 opacity-100 transition duration-300" style="color:transparent;max-width:auto" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Faws.58d00422.svg&w=96&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Faws.58d00422.svg&w=256&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Faws.58d00422.svg&w=256&q=75"/></figure></div><img alt="" loading="lazy" width="130" height="122" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg-right.813e2c84.svg&w=256&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg-right.813e2c84.svg&w=384&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg-right.813e2c84.svg&w=384&q=75"/></div><div class="opacity-0 relative"><div class="absolute left-0 top-0 z-10 flex h-full w-full items-center justify-center p-4"></div><img alt="" loading="lazy" width="131" height="123" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=256&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=384&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=384&q=75"/></div><div class="opacity-100 relative"><div class="absolute left-0 top-0 z-10 flex h-full w-full items-center justify-center p-4"><figure><img alt="" loading="lazy" width="53" height="60" decoding="async" data-nimg="1" class="translate-y-0 opacity-100 transition duration-300" style="color:transparent;max-width:auto" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fclerk.02d3c199.svg&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fclerk.02d3c199.svg&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fclerk.02d3c199.svg&w=128&q=75"/></figure></div><img alt="" loading="lazy" width="131" height="123" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=256&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=384&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=384&q=75"/></div><div class="opacity-100 relative"><div class="absolute left-0 top-0 z-10 flex h-full w-full items-center justify-center p-4"><figure><img alt="" loading="lazy" width="57" height="64" decoding="async" data-nimg="1" class="translate-y-0 opacity-100 transition duration-300" style="color:transparent;max-width:auto" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhanko.49528bf1.svg&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhanko.49528bf1.svg&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhanko.49528bf1.svg&w=128&q=75"/><img alt="" loading="lazy" width="81" height="64" decoding="async" data-nimg="1" class="-translate-y-[52%] opacity-0 absolute left-1/2 top-1/2 max-w-[80%] -translate-x-1/2 -translate-y-1/2 transition duration-300" style="color:transparent;max-width:auto" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.132e2a92.svg&w=96&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.132e2a92.svg&w=256&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.132e2a92.svg&w=256&q=75"/></figure></div><img alt="" loading="lazy" width="131" height="123" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=256&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=384&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=384&q=75"/></div><div class="opacity-100 relative"><div class="absolute left-0 top-0 z-10 flex h-full w-full items-center justify-center p-4"><figure><img alt="" loading="lazy" width="79" height="55" decoding="async" data-nimg="1" class="translate-y-0 opacity-100 transition duration-300" style="color:transparent;max-width:auto" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fworkos.c4188632.svg&w=96&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fworkos.c4188632.svg&w=256&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fworkos.c4188632.svg&w=256&q=75"/></figure></div><img alt="" loading="lazy" width="131" height="123" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=256&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=384&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=384&q=75"/></div><div class="opacity-100 relative"><div class="absolute left-0 top-0 z-10 flex h-full w-full items-center justify-center p-4"><figure><img alt="" loading="lazy" width="172" height="139" decoding="async" data-nimg="1" class="translate-y-0 opacity-100 transition duration-300" style="color:transparent;max-width:86px" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsecureauth.84c944a7.png&w=256&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsecureauth.84c944a7.png&w=384&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsecureauth.84c944a7.png&w=384&q=75"/><img alt="" loading="lazy" width="67" height="22" decoding="async" data-nimg="1" class="-translate-y-[52%] opacity-0 absolute left-1/2 top-1/2 max-w-[80%] -translate-x-1/2 -translate-y-1/2 transition duration-300" style="color:transparent;max-width:86px" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkinde.feb75791.svg&w=96&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkinde.feb75791.svg&w=256&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkinde.feb75791.svg&w=256&q=75"/></figure></div><img alt="" loading="lazy" width="131" height="123" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=256&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=384&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=384&q=75"/></div><div class="opacity-100 relative"><div class="absolute left-0 top-0 z-10 flex h-full w-full items-center justify-center p-4"><figure><img alt="" loading="lazy" width="81" height="81" decoding="async" data-nimg="1" class="translate-y-0 opacity-100 transition duration-300" style="color:transparent;max-width:auto" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Funknown.34095967.svg&w=96&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Funknown.34095967.svg&w=256&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Funknown.34095967.svg&w=256&q=75"/></figure></div><img alt="" loading="lazy" width="131" height="123" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg-left.11f8eb8e.svg&w=256&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg-left.11f8eb8e.svg&w=384&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg-left.11f8eb8e.svg&w=384&q=75"/></div><div class="opacity-100 relative"><div class="absolute left-0 top-0 z-10 flex h-full w-full items-center justify-center p-4"><figure><img alt="" loading="lazy" width="117" height="118" decoding="async" data-nimg="1" class="translate-y-0 opacity-100 transition duration-300" style="color:transparent;max-width:58px" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fauth0.e8f233ec.png&w=128&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fauth0.e8f233ec.png&w=256&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fauth0.e8f233ec.png&w=256&q=75"/></figure></div><img alt="" loading="lazy" width="131" height="123" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=256&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=384&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=384&q=75"/></div><div class="opacity-100 relative"><div class="absolute left-0 top-0 z-10 flex h-full w-full items-center justify-center p-4"><figure><img alt="" loading="lazy" width="49" height="62" decoding="async" data-nimg="1" class="translate-y-0 opacity-100 transition duration-300" style="color:transparent;max-width:auto" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fory.1c57d35c.svg&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fory.1c57d35c.svg&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fory.1c57d35c.svg&w=128&q=75"/></figure></div><img alt="" loading="lazy" width="131" height="123" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=256&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=384&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=384&q=75"/></div><div class="opacity-100 relative"><div class="absolute left-0 top-0 z-10 flex h-full w-full items-center justify-center p-4"><figure><img alt="" loading="lazy" width="55" height="50" decoding="async" data-nimg="1" class="translate-y-0 opacity-100 transition duration-300" style="color:transparent;max-width:auto" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsupertokens.064fb52f.svg&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsupertokens.064fb52f.svg&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsupertokens.064fb52f.svg&w=128&q=75"/></figure></div><img alt="" loading="lazy" width="131" height="123" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=256&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=384&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=384&q=75"/></div><div class="opacity-100 relative"><div class="absolute left-0 top-0 z-10 flex h-full w-full items-center justify-center p-4"><figure><img alt="" loading="lazy" width="111" height="24" decoding="async" data-nimg="1" class="translate-y-0 opacity-100 transition duration-300" style="color:transparent;max-width:auto" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsupabase.ffcbaf24.svg&w=128&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsupabase.ffcbaf24.svg&w=256&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsupabase.ffcbaf24.svg&w=256&q=75"/></figure></div><img alt="" loading="lazy" width="130" height="122" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg-right.813e2c84.svg&w=256&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg-right.813e2c84.svg&w=384&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg-right.813e2c84.svg&w=384&q=75"/></div></div><div class="grid grid-cols-3 gap-3 md:hidden"><div class="opacity-100 relative"><div class="absolute left-0 top-0 z-10 flex h-full w-full items-center justify-center p-4"><figure><img alt="" loading="lazy" width="57" height="63" decoding="async" data-nimg="1" class="translate-y-0 opacity-100 transition duration-300" style="color:transparent;max-width:auto" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fokta.495f2697.svg&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fokta.495f2697.svg&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fokta.495f2697.svg&w=128&q=75"/></figure></div><img alt="" loading="lazy" width="131" height="123" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg-left.11f8eb8e.svg&w=256&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg-left.11f8eb8e.svg&w=384&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg-left.11f8eb8e.svg&w=384&q=75"/></div><div class="opacity-100 relative"><div class="absolute left-0 top-0 z-10 flex h-full w-full items-center justify-center p-4"><figure><img alt="" loading="lazy" width="55" height="64" decoding="async" data-nimg="1" class="translate-y-0 opacity-100 transition duration-300" style="color:transparent;max-width:auto" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjwt.5b95b4ce.svg&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjwt.5b95b4ce.svg&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjwt.5b95b4ce.svg&w=128&q=75"/><img alt="" loading="lazy" width="97" height="59" decoding="async" data-nimg="1" class="-translate-y-[52%] opacity-0 absolute left-1/2 top-1/2 max-w-[80%] -translate-x-1/2 -translate-y-1/2 transition duration-300" style="color:transparent;max-width:auto" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fauthentik.2d5af972.svg&w=128&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fauthentik.2d5af972.svg&w=256&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fauthentik.2d5af972.svg&w=256&q=75"/></figure></div><img alt="" loading="lazy" width="131" height="123" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=256&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=384&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=384&q=75"/></div><div class="opacity-100 relative"><div class="absolute left-0 top-0 z-10 flex h-full w-full items-center justify-center p-4"><figure><img alt="" loading="lazy" width="91" height="73" decoding="async" data-nimg="1" class="translate-y-0 opacity-100 transition duration-300" style="color:transparent;max-width:78px" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Faws.58d00422.svg&w=96&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Faws.58d00422.svg&w=256&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Faws.58d00422.svg&w=256&q=75"/><img alt="" loading="lazy" width="79" height="55" decoding="async" data-nimg="1" class="-translate-y-[52%] opacity-0 absolute left-1/2 top-1/2 max-w-[80%] -translate-x-1/2 -translate-y-1/2 transition duration-300" style="color:transparent;max-width:78px" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fworkos.c4188632.svg&w=96&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fworkos.c4188632.svg&w=256&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fworkos.c4188632.svg&w=256&q=75"/></figure></div><img alt="" loading="lazy" width="130" height="122" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg-right.813e2c84.svg&w=256&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg-right.813e2c84.svg&w=384&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg-right.813e2c84.svg&w=384&q=75"/></div><div class="opacity-100 relative"><div class="absolute left-0 top-0 z-10 flex h-full w-full items-center justify-center p-4"><figure><img alt="" loading="lazy" width="49" height="62" decoding="async" data-nimg="1" class="translate-y-0 opacity-100 transition duration-300" style="color:transparent;max-width:auto" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fory.1c57d35c.svg&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fory.1c57d35c.svg&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fory.1c57d35c.svg&w=128&q=75"/></figure></div><img alt="" loading="lazy" width="131" height="123" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg-left.11f8eb8e.svg&w=256&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg-left.11f8eb8e.svg&w=384&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg-left.11f8eb8e.svg&w=384&q=75"/></div><div class="opacity-100 relative"><div class="absolute left-0 top-0 z-10 flex h-full w-full items-center justify-center p-4"><figure><img alt="" loading="lazy" width="55" height="50" decoding="async" data-nimg="1" class="translate-y-0 opacity-100 transition duration-300" style="color:transparent;max-width:auto" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsupertokens.064fb52f.svg&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsupertokens.064fb52f.svg&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsupertokens.064fb52f.svg&w=128&q=75"/><img alt="" loading="lazy" width="81" height="64" decoding="async" data-nimg="1" class="-translate-y-[52%] opacity-0 absolute left-1/2 top-1/2 max-w-[80%] -translate-x-1/2 -translate-y-1/2 transition duration-300" style="color:transparent;max-width:auto" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.132e2a92.svg&w=96&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.132e2a92.svg&w=256&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.132e2a92.svg&w=256&q=75"/></figure></div><img alt="" loading="lazy" width="131" height="123" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=256&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=384&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=384&q=75"/></div><div class="opacity-100 relative"><div class="absolute left-0 top-0 z-10 flex h-full w-full items-center justify-center p-4"><figure><img alt="" loading="lazy" width="111" height="24" decoding="async" data-nimg="1" class="translate-y-0 opacity-100 transition duration-300" style="color:transparent;max-width:auto" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsupabase.ffcbaf24.svg&w=128&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsupabase.ffcbaf24.svg&w=256&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsupabase.ffcbaf24.svg&w=256&q=75"/></figure></div><img alt="" loading="lazy" width="130" height="122" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg-right.813e2c84.svg&w=256&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg-right.813e2c84.svg&w=384&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg-right.813e2c84.svg&w=384&q=75"/></div><div class="opacity-100 relative"><div class="absolute left-0 top-0 z-10 flex h-full w-full items-center justify-center p-4"><figure><img alt="" loading="lazy" width="81" height="81" decoding="async" data-nimg="1" class="translate-y-0 opacity-100 transition duration-300" style="color:transparent;max-width:auto" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Funknown.34095967.svg&w=96&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Funknown.34095967.svg&w=256&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Funknown.34095967.svg&w=256&q=75"/><img alt="" loading="lazy" width="57" height="64" decoding="async" data-nimg="1" class="-translate-y-[52%] opacity-0 absolute left-1/2 top-1/2 max-w-[80%] -translate-x-1/2 -translate-y-1/2 transition duration-300" style="color:transparent;max-width:auto" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhanko.49528bf1.svg&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhanko.49528bf1.svg&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhanko.49528bf1.svg&w=128&q=75"/></figure></div><img alt="" loading="lazy" width="131" height="123" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg-left.11f8eb8e.svg&w=256&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg-left.11f8eb8e.svg&w=384&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg-left.11f8eb8e.svg&w=384&q=75"/></div><div class="opacity-100 relative"><div class="absolute left-0 top-0 z-10 flex h-full w-full items-center justify-center p-4"><figure><img alt="" loading="lazy" width="53" height="60" decoding="async" data-nimg="1" class="translate-y-0 opacity-100 transition duration-300" style="color:transparent;max-width:85px" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fclerk.02d3c199.svg&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fclerk.02d3c199.svg&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fclerk.02d3c199.svg&w=128&q=75"/><img alt="" loading="lazy" width="172" height="139" decoding="async" data-nimg="1" class="-translate-y-[52%] opacity-0 absolute left-1/2 top-1/2 max-w-[80%] -translate-x-1/2 -translate-y-1/2 transition duration-300" style="color:transparent;max-width:85px" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsecureauth.84c944a7.png&w=256&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsecureauth.84c944a7.png&w=384&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsecureauth.84c944a7.png&w=384&q=75"/></figure></div><img alt="" loading="lazy" width="131" height="123" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=256&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=384&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg.50bc7b64.svg&w=384&q=75"/></div><div class="opacity-100 relative"><div class="absolute left-0 top-0 z-10 flex h-full w-full items-center justify-center p-4"><figure><img alt="" loading="lazy" width="117" height="118" decoding="async" data-nimg="1" class="translate-y-0 opacity-100 transition duration-300" style="color:transparent;max-width:70px" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fauth0.e8f233ec.png&w=128&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fauth0.e8f233ec.png&w=256&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fauth0.e8f233ec.png&w=256&q=75"/><img alt="" loading="lazy" width="67" height="22" decoding="async" data-nimg="1" class="-translate-y-[52%] opacity-0 absolute left-1/2 top-1/2 max-w-[80%] -translate-x-1/2 -translate-y-1/2 transition duration-300" style="color:transparent;max-width:70px" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkinde.feb75791.svg&w=96&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkinde.feb75791.svg&w=256&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkinde.feb75791.svg&w=256&q=75"/></figure></div><img alt="" loading="lazy" width="130" height="122" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg-right.813e2c84.svg&w=256&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg-right.813e2c84.svg&w=384&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg-right.813e2c84.svg&w=384&q=75"/></div></div><div class="relative -left-5 -top-8 max-w-[80vw] sm:max-w-[332px] md:absolute md:-left-[270px] md:top-10" style="opacity:0;transform:translateX(-50px) translateY(50px) translateZ(0)"><img alt="" loading="lazy" width="333" height="295" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdog.8dfcfe71.svg&w=384&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdog.8dfcfe71.svg&w=750&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdog.8dfcfe71.svg&w=750&q=75"/></div></div></div></div></section><div class="relative overflow-clip"><div class="relative z-30"><section class="relative z-20 px-5 pb-14 pt-[5.25rem] text-theme_orange_12 lg:pb-24 lg:pt-36"><div class="container relative z-20 flex max-w-6xl flex-col gap-12"><header class="text-center"><h2 class="font-poppins text-[26px] font-semibold tracking-[-1px] lg:text-4xl"><span class="lg:block">All of your access control </span>needs <span class=" bg-gradient-to-r from-[#974EF2] to-[#FF953F] bg-clip-text text-transparent">in one place.</span></h2></header><div class="mx-auto flex max-w-[516px] flex-col gap-y-14 lg:grid lg:max-w-full lg:grid-cols-2 lg:gap-x-14"><div class="flex flex-col gap-10 lg:gap-14"><div style="opacity:0;transform:translateY(-50px) translateZ(0)"><a class="group flex w-full flex-col rounded-lg bg-[#FDFCFC] p-2 text-[#451E11] transition duration-300 hover:shadow lg:h-[588px] lg:min-h-[554px]" style="box-shadow:0px 0px 6px 2px rgba(67,48,43,0.10)" href="/elements"><figure class="relative hidden w-full grow items-end justify-center overflow-hidden rounded-lg bg-[#FFF1E7] transition-all duration-300 lg:flex"><div class="hidden lg:block"><img alt="" loading="lazy" width="825" height="704" decoding="async" data-nimg="1" class="absolute left-1/2 top-12 z-20 w-full max-w-[90%] -translate-x-1/2 transition-all duration-300 lg:max-w-sm lg:group-hover:top-8" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcard2.55829911.png&w=828&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcard2.55829911.png&w=1920&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcard2.55829911.png&w=1920&q=75"/><img alt="" loading="lazy" width="498" height="328" decoding="async" data-nimg="1" class="absolute left-1/2 top-1/2 z-10 h-full w-full -translate-x-1/2 -translate-y-1/2 object-cover transition duration-300 lg:opacity-0 lg:group-hover:opacity-100" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg2.5e7e7860.svg&w=640&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg2.5e7e7860.svg&w=1080&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg2.5e7e7860.svg&w=1080&q=75"/></div></figure><figure class="w-full lg:hidden"><img alt="" loading="lazy" width="374" height="325" decoding="async" data-nimg="1" class="w-full" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcard2mobile.08fb3f95.svg&w=384&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcard2mobile.08fb3f95.svg&w=750&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcard2mobile.08fb3f95.svg&w=750&q=75"/></figure><div class="flex flex-col items-start gap-3 px-4 py-5 lg:px-[34px] lg:py-[34px]"><div class="bg-[#FFE8D7] flex h-8 items-center gap-1 rounded px-1 pr-2 font-inter text-[10px] font-medium uppercase tracking-[0.5px] transition"><img alt="" loading="lazy" width="25" height="25" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon2.f6d93c06.svg&w=32&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon2.f6d93c06.svg&w=64&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon2.f6d93c06.svg&w=64&q=75"/><p>Authorization Elements</p></div><div class="flex flex-col gap-2"><h3 class="font-poppins text-2xl font-semibold">Create and embed</h3><p class="text-pretty max-w-[410px] font-inter text-sm lg:text-base">Embed customizable access control elements like User Management, Approval Flows, and Audit Logs directly into your app</p></div><button class="inline-flex border-[2px] border-transparent justify-center gap-2 items-center whitespace-nowrap rounded-full ring-offset-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 dark:ring-offset-slate-950 dark:focus-visible:ring-slate-300 tracking-[-0.5px] underline-offset-4 font-inter dark:text-slate-50 px-5 py-3 group/arrow h-auto pl-0 text-base font-medium text-[#7011E4] transition-all duration-300 hover:no-underline lg:-mt-[44px] lg:p-0 lg:opacity-0 lg:group-hover:mt-0 lg:group-hover:opacity-100">Learn More <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="transition group-hover/arrow:translate-x-1"><path d="M18 8L22 12L18 16"></path><path d="M2 12H22"></path></svg></button></div></a></div><div style="opacity:0;transform:translateY(-50px) translateZ(0)"><a href="https://docs.permit.io/how-to/use-audit-logs/types-and-filtering" rel="noreferrer noopener" target="_blank" style="box-shadow:0px 0px 6px 2px rgba(67,48,43,0.10)" class="group flex w-full flex-col rounded-lg bg-[#FDFCFC] p-2 text-[#451E11] transition duration-300 hover:shadow lg:h-[588px] lg:min-h-[554px]"><figure class="relative hidden w-full grow items-end justify-center overflow-hidden rounded-lg bg-[#FFF1E7] transition-all duration-300 lg:flex"><div class="hidden lg:block"><img alt="" loading="lazy" width="456" height="187" decoding="async" data-nimg="1" class="absolute left-1/2 top-1/2 z-20 w-full max-w-[90%] -translate-x-1/2 -translate-y-1/2 lg:max-w-sm" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcard3.25aa9d8b.svg&w=640&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcard3.25aa9d8b.svg&w=1080&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcard3.25aa9d8b.svg&w=1080&q=75"/><img alt="" loading="lazy" width="498" height="332" decoding="async" data-nimg="1" class="absolute left-1/2 top-1/2 z-10 h-full w-full -translate-x-1/2 -translate-y-1/2 object-cover transition duration-300 lg:opacity-0 lg:group-hover:opacity-100" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg1.301ce7e7.svg&w=640&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg1.301ce7e7.svg&w=1080&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg1.301ce7e7.svg&w=1080&q=75"/></div></figure><figure class="w-full lg:hidden"><img alt="" loading="lazy" width="374" height="329" decoding="async" data-nimg="1" class="w-full" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcard3mobile.2c2ff756.svg&w=384&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcard3mobile.2c2ff756.svg&w=750&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcard3mobile.2c2ff756.svg&w=750&q=75"/></figure><div class="flex flex-col items-start gap-3 px-4 py-5 lg:px-[34px] lg:py-[34px]"><div class="bg-[#FFE8D7] flex h-8 items-center gap-1 rounded px-1 pr-2 font-inter text-[10px] font-medium uppercase tracking-[0.5px] transition"><img alt="" loading="lazy" width="25" height="25" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon3.3dd21ccb.svg&w=32&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon3.3dd21ccb.svg&w=64&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon3.3dd21ccb.svg&w=64&q=75"/><p>Audit Logs</p></div><div class="flex flex-col gap-2"><h3 class="font-poppins text-2xl font-semibold">Access powerful audit logs</h3><p class="text-pretty max-w-[410px] font-inter text-sm lg:text-base">Enjoy automatically generated audit logs for your app and the permission management control plane, and easily propagate them to any logging solution</p></div><button class="inline-flex border-[2px] border-transparent justify-center gap-2 items-center whitespace-nowrap rounded-full ring-offset-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 dark:ring-offset-slate-950 dark:focus-visible:ring-slate-300 tracking-[-0.5px] underline-offset-4 font-inter dark:text-slate-50 px-5 py-3 group/arrow h-auto pl-0 text-base font-medium text-[#7011E4] transition-all duration-300 hover:no-underline lg:-mt-[44px] lg:p-0 lg:opacity-0 lg:group-hover:mt-0 lg:group-hover:opacity-100">Learn More <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="transition group-hover/arrow:translate-x-1"><path d="M18 8L22 12L18 16"></path><path d="M2 12H22"></path></svg></button></div></a></div></div><div class="flex flex-col gap-10 lg:mt-40 lg:gap-14"><div style="opacity:0;transform:translateY(-50px) translateZ(0)"><a href="https://docs.permit.io/manage-your-account/workspace-settings/#member-management" rel="noreferrer noopener" target="_blank" style="box-shadow:0px 0px 6px 2px rgba(67,48,43,0.10)" class="group flex w-full flex-col rounded-lg bg-[#FDFCFC] p-2 text-[#451E11] transition duration-300 hover:shadow lg:h-[588px] lg:min-h-[554px]"><figure class="relative hidden w-full grow items-end justify-center overflow-hidden rounded-lg bg-[#FFF1E7] transition-all duration-300 lg:flex"><div class="hidden lg:block"><img alt="" loading="lazy" width="908" height="389" decoding="async" data-nimg="1" class="absolute left-1/2 top-1/2 z-20 w-full max-w-[90%] -translate-x-1/2 -translate-y-1/2 lg:max-w-sm" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcard1.33d66368.png&w=1080&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcard1.33d66368.png&w=1920&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcard1.33d66368.png&w=1920&q=75"/><img alt="" loading="lazy" width="498" height="332" decoding="async" data-nimg="1" class="absolute left-1/2 top-1/2 z-10 h-full w-full -translate-x-1/2 -translate-y-1/2 object-cover transition duration-300 lg:opacity-0 lg:group-hover:opacity-100" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg1.301ce7e7.svg&w=640&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg1.301ce7e7.svg&w=1080&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg1.301ce7e7.svg&w=1080&q=75"/></div></figure><figure class="w-full lg:hidden"><img alt="" loading="lazy" width="748" height="580" decoding="async" data-nimg="1" class="w-full" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcard1mobile.bf596b30.png&w=750&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcard1mobile.bf596b30.png&w=1920&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcard1mobile.bf596b30.png&w=1920&q=75"/></figure><div class="flex flex-col items-start gap-3 px-4 py-5 lg:px-[34px] lg:py-[34px]"><div class="bg-[#FFE8D7] flex h-8 items-center gap-1 rounded px-1 pr-2 font-inter text-[10px] font-medium uppercase tracking-[0.5px] transition"><img alt="" loading="lazy" width="25" height="25" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon1.ce5f75a9.svg&w=32&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon1.ce5f75a9.svg&w=64&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon1.ce5f75a9.svg&w=64&q=75"/><p>Authorization for Authorization</p></div><div class="flex flex-col gap-2"><h3 class="font-poppins text-2xl font-semibold">Manage your team's access</h3><p class="text-pretty max-w-[410px] font-inter text-sm lg:text-base">Manage and audit who can grant, change and revoke permissions within your application's authorization system.</p></div><button class="inline-flex border-[2px] border-transparent justify-center gap-2 items-center whitespace-nowrap rounded-full ring-offset-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 dark:ring-offset-slate-950 dark:focus-visible:ring-slate-300 tracking-[-0.5px] underline-offset-4 font-inter dark:text-slate-50 px-5 py-3 group/arrow h-auto pl-0 text-base font-medium text-[#7011E4] transition-all duration-300 hover:no-underline lg:-mt-[44px] lg:p-0 lg:opacity-0 lg:group-hover:mt-0 lg:group-hover:opacity-100">Learn More <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="transition group-hover/arrow:translate-x-1"><path d="M18 8L22 12L18 16"></path><path d="M2 12H22"></path></svg></button></div></a></div><div style="opacity:0;transform:translateY(-50px) translateZ(0)"><a href="https://docs.permit.io/integrations/gitops/overview" rel="noreferrer noopener" target="_blank" style="box-shadow:0px 0px 6px 2px rgba(67,48,43,0.10)" class="group flex w-full flex-col rounded-lg bg-[#FDFCFC] p-2 text-[#451E11] transition duration-300 hover:shadow lg:h-[588px] lg:min-h-[554px]"><figure class="relative hidden w-full grow items-end justify-center overflow-hidden rounded-lg bg-[#FFF1E7] transition-all duration-300 lg:flex"><div class="hidden lg:block"><img alt="" loading="lazy" width="386" height="183" decoding="async" data-nimg="1" class="absolute left-1/2 top-1/2 z-20 w-full max-w-[90%] -translate-x-1/2 -translate-y-1/2 lg:max-w-sm" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcard4.c226c082.svg&w=640&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcard4.c226c082.svg&w=828&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcard4.c226c082.svg&w=828&q=75"/><img alt="" loading="lazy" width="498" height="332" decoding="async" data-nimg="1" class="absolute left-1/2 top-1/2 z-10 h-full w-full -translate-x-1/2 -translate-y-1/2 object-cover transition duration-300 lg:opacity-0 lg:group-hover:opacity-100" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg1.301ce7e7.svg&w=640&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg1.301ce7e7.svg&w=1080&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg1.301ce7e7.svg&w=1080&q=75"/></div></figure><figure class="w-full lg:hidden"><img alt="" loading="lazy" width="374" height="305" decoding="async" data-nimg="1" class="w-full" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcard4mobile.7114310f.svg&w=384&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcard4mobile.7114310f.svg&w=750&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcard4mobile.7114310f.svg&w=750&q=75"/></figure><div class="flex flex-col items-start gap-3 px-4 py-5 lg:px-[34px] lg:py-[34px]"><div class="bg-[#FFE8D7] flex h-8 items-center gap-1 rounded px-1 pr-2 font-inter text-[10px] font-medium uppercase tracking-[0.5px] transition"><img alt="" loading="lazy" width="24" height="25" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon4.b25a78a3.svg&w=32&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon4.b25a78a3.svg&w=48&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon4.b25a78a3.svg&w=48&q=75"/><p>Gitops</p></div><div class="flex flex-col gap-2"><h3 class="font-poppins text-2xl font-semibold">Enjoy true Policy-as-Code</h3><p class="text-pretty max-w-[410px] font-inter text-sm lg:text-base">Manage your policies in a cloud native GitOps flow, combining application level authorization with infra admissions in a unified policy repo.</p></div><button class="inline-flex border-[2px] border-transparent justify-center gap-2 items-center whitespace-nowrap rounded-full ring-offset-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 dark:ring-offset-slate-950 dark:focus-visible:ring-slate-300 tracking-[-0.5px] underline-offset-4 font-inter dark:text-slate-50 px-5 py-3 group/arrow h-auto pl-0 text-base font-medium text-[#7011E4] transition-all duration-300 hover:no-underline lg:-mt-[44px] lg:p-0 lg:opacity-0 lg:group-hover:mt-0 lg:group-hover:opacity-100">Learn More <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="transition group-hover/arrow:translate-x-1"><path d="M18 8L22 12L18 16"></path><path d="M2 12H22"></path></svg></button></div></a></div></div></div></div></section><section class="md:px-12 px-5 lg:pb-24"><div class="container max-w-6xl bg-[#FFE8D7] flex flex-col items-center gap-y-16 rounded-2xl px-5 py-12 text-center text-[26px] md:flex-row md:justify-between md:text-left lg:px-16"><h2 class="font-semibold tracking-[-1px]"><span class="block">Got questions?</span> Talk with our devs.</h2><div class="flex flex-wrap items-center justify-center gap-3"><a href="https://permit-io.slack.com/join/shared_invite/zt-nz6yjgnp-RlP9rtOPwO0n0aH_vLbmBQ#/shared-invite/email" class="inline-flex font-semibold text-lg border-[2px] justify-center gap-2 items-center whitespace-nowrap ring-offset-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 dark:ring-offset-slate-950 dark:focus-visible:ring-slate-300 tracking-[-0.5px] font-poppins rounded-full border-D1B9B0 bg-[#FFF1E7] text-theme_orange_dark_2 hover:border-[#A18072] hover:bg-[#FFCCA7] h-12 px-5 py-3"><img alt="" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" class="pointer-events-none h-6 w-6" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fslack.cbb6ed5c.svg&w=32&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fslack.cbb6ed5c.svg&w=48&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fslack.cbb6ed5c.svg&w=48&q=75"/> <span class="pointer-events-none">Chat over Slack</span></a><button class="inline-flex font-semibold text-lg border-[2px] justify-center gap-2 items-center whitespace-nowrap ring-offset-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 dark:ring-offset-slate-950 dark:focus-visible:ring-slate-300 tracking-[-0.5px] font-poppins rounded-full border-D1B9B0 bg-[#FFF1E7] text-theme_orange_dark_2 hover:border-[#A18072] hover:bg-[#FFCCA7] h-12 px-5 py-3"><img alt="" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" class="pointer-events-none h-6 w-6" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvideo-chat.977791aa.svg&w=32&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvideo-chat.977791aa.svg&w=48&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvideo-chat.977791aa.svg&w=48&q=75"/> <span class="pointer-events-none">Schedule Zoom</span></button></div></div><span hidden="" style="position:fixed;top:1px;left:1px;width:1px;height:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;display:none"></span></section><section class="relative z-20 text-theme_orange_12 px-5 py-32 pb-0 lg:py-36 lg:pb-36"><div class="container flex max-w-7xl flex-col gap-10 lg:gap-24"><header class="mx-auto flex flex-col items-center gap-4 text-center font-poppins"><h2 class="relative z-10 text-lg font-semibold leading-[-0.5px] text-[#A18072]">Works great for any industry</h2></header><div class="section-recommendation-slider inter relative z-10 flex flex-col items-center gap-3 text-center font-medium italic text-[#846358]"><p>Just listen to what these folks had to say...</p><div class="splide" aria-label="Testimonials"><div class="splide__track"><ul class="splide__list"><li class="splide__slide"><button type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-:Rd7dsusq:" data-state="closed"><figure class="group relative mx-auto w-full max-w-md cursor-pointer rounded-lg"><div class="relative aspect-video overflow-hidden rounded-lg"><img alt="Nate Young, Chief Information Officer at Maricopa County Recorder Office recommendation" loading="lazy" width="448" height="252" decoding="async" data-nimg="1" class="object-cover transition duration-300 group-hover:scale-110" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2FuC5jq8bySR6bQ7EymOFL&w=640&q=100 1x, /_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2FuC5jq8bySR6bQ7EymOFL&w=1080&q=100 2x" src="/_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2FuC5jq8bySR6bQ7EymOFL&w=1080&q=100"/><div class="absolute inset-0 z-10 h-full w-full bg-theme_black bg-opacity-50 group-hover:opacity-0"></div><div class="absolute inset-0 z-20 flex h-full w-full items-center justify-center text-theme_white"><svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-theme_white transition duration-300 group-hover:scale-125 group-hover:opacity-0"><circle cx="12" cy="12" r="10"></circle><polygon points="10 8 16 12 10 16 10 8"></polygon></svg></div></div></figure></button></li><li class="splide__slide"><button type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-:Rl7dsusq:" data-state="closed"><figure class="group relative mx-auto w-full max-w-md cursor-pointer rounded-lg"><div class="relative aspect-video overflow-hidden rounded-lg"><img alt="Dor Tabakuli, Full Stack Team Leader at Honeycomb Insurance recommendation" loading="lazy" width="448" height="252" decoding="async" data-nimg="1" class="object-cover transition duration-300 group-hover:scale-110" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2FVQ5RlTcRimOEadSAcOY2&w=640&q=100 1x, /_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2FVQ5RlTcRimOEadSAcOY2&w=1080&q=100 2x" src="/_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2FVQ5RlTcRimOEadSAcOY2&w=1080&q=100"/><div class="absolute inset-0 z-10 h-full w-full bg-theme_black bg-opacity-50 group-hover:opacity-0"></div><div class="absolute inset-0 z-20 flex h-full w-full items-center justify-center text-theme_white"><svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-theme_white transition duration-300 group-hover:scale-125 group-hover:opacity-0"><circle cx="12" cy="12" r="10"></circle><polygon points="10 8 16 12 10 16 10 8"></polygon></svg></div></div></figure></button></li><li class="splide__slide"><button type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-:Rt7dsusq:" data-state="closed"><figure class="group relative mx-auto w-full max-w-md cursor-pointer rounded-lg"><div class="relative aspect-video overflow-hidden rounded-lg"><img alt="Benny Bloch, Software Development Manager at Rivulis recommendation" loading="lazy" width="448" height="252" decoding="async" data-nimg="1" class="object-cover transition duration-300 group-hover:scale-110" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2FrAo4KqKzRrCu5MDSYgq9&w=640&q=100 1x, /_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2FrAo4KqKzRrCu5MDSYgq9&w=1080&q=100 2x" src="/_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2FrAo4KqKzRrCu5MDSYgq9&w=1080&q=100"/><div class="absolute inset-0 z-10 h-full w-full bg-theme_black bg-opacity-50 group-hover:opacity-0"></div><div class="absolute inset-0 z-20 flex h-full w-full items-center justify-center text-theme_white"><svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-theme_white transition duration-300 group-hover:scale-125 group-hover:opacity-0"><circle cx="12" cy="12" r="10"></circle><polygon points="10 8 16 12 10 16 10 8"></polygon></svg></div></div></figure></button></li></ul></div></div></div><div class="flex flex-col gap-y-9"><div class="relative"><ul class="flex max-h-[47rem] flex-col gap-4 overflow-hidden py-4 transition-all md:grid md:grid-cols-2 md:gap-6 lg:max-h-none lg:grid-cols-3"><li class="flex flex-col gap-3 p-[14px]"><div class="flex items-center gap-[10px]"><figure class="flex h-[42px] w-[42px] overflow-hidden rounded-lg border border-[#D1B9B0]"><img alt="Tal Saiag | Granulate Founder & CTO" loading="lazy" width="200" height="200" decoding="async" data-nimg="1" class="relative -top-[15%] h-[130%] w-[130%] object-cover" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2FcihGwsK0QPGuQVbcBMkt&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2FcihGwsK0QPGuQVbcBMkt&w=640&q=75 2x" src="/_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2FcihGwsK0QPGuQVbcBMkt&w=640&q=75"/></figure><div class="flex flex-col font-inter text-sm font-medium"><p>Tal Saiag</p><p class="text-[#A18072]">Granulate Founder & CTO</p></div></div><blockquote class="font-inter text-sm text-[#846358] xl:text-base">At Granulate we optimize our customers’ most critical systems; as a result, getting access control right is of the highest importance. Full stack permissions as a service allows our developers to focus on their core product. I was extremely impressed both by Permit.io’s technology and its dedication to customer service.</blockquote></li><li class="flex flex-col gap-3 p-[14px]"><div class="flex items-center gap-[10px]"><figure class="flex h-[42px] w-[42px] overflow-hidden rounded-lg border border-[#D1B9B0]"><img alt="Matan Bakshi | Buzzer.ai Founder & CTO" loading="lazy" width="200" height="200" decoding="async" data-nimg="1" class="relative -top-[15%] h-[130%] w-[130%] object-cover" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2FEpzSnkruTBSn36jCvTct&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2FEpzSnkruTBSn36jCvTct&w=640&q=75 2x" src="/_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2FEpzSnkruTBSn36jCvTct&w=640&q=75"/></figure><div class="flex flex-col font-inter text-sm font-medium"><p>Matan Bakshi</p><p class="text-[#A18072]">Buzzer.ai Founder & CTO</p></div></div><blockquote class="font-inter text-sm text-[#846358] xl:text-base">Building authorization for Buzzer’s call-rep on-demand service was a challenging task, but with Permit.io we were able to get it up and running end-to-end in just a few days.</blockquote></li><li class="flex flex-col gap-3 p-[14px]"><div class="flex items-center gap-[10px]"><figure class="flex h-[42px] w-[42px] overflow-hidden rounded-lg border border-[#D1B9B0]"><img alt="Ran Ribenzaft | Cisco, Epsagon CTO" loading="lazy" width="200" height="200" decoding="async" data-nimg="1" class="relative -top-[15%] h-[130%] w-[130%] object-cover" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2FTjtL4dL5QFyIbYNUstDA&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2FTjtL4dL5QFyIbYNUstDA&w=640&q=75 2x" src="/_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2FTjtL4dL5QFyIbYNUstDA&w=640&q=75"/></figure><div class="flex flex-col font-inter text-sm font-medium"><p>Ran Ribenzaft</p><p class="text-[#A18072]">Cisco, Epsagon CTO</p></div></div><blockquote class="font-inter text-sm text-[#846358] xl:text-base">At Epsagon (acquired by Cisco) we are no strangers to the complexity of microservices. Access control demands of microservices are never-ending , so they require a modern stack that can quickly adapt to the most demanding tech and security needs.</blockquote></li><li class="flex flex-col gap-3 p-[14px]"><div class="flex items-center gap-[10px]"><figure class="flex h-[42px] w-[42px] overflow-hidden rounded-lg border border-[#D1B9B0]"><img alt="Nate Young | CIO, Maricopa County Recorder's Office" loading="lazy" width="225" height="225" decoding="async" data-nimg="1" class="relative -top-[15%] h-[130%] w-[130%] object-cover" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2FQD3e1sLDTK2PzJkquLGw&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2FQD3e1sLDTK2PzJkquLGw&w=640&q=75 2x" src="/_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2FQD3e1sLDTK2PzJkquLGw&w=640&q=75"/></figure><div class="flex flex-col font-inter text-sm font-medium"><p>Nate Young</p><p class="text-[#A18072]">CIO, Maricopa County Recorder's Office</p></div></div><blockquote class="font-inter text-sm text-[#846358] xl:text-base">Permit’s intuitive policy editor allows access to complex attribute-based conditions that are robust enough for our developers to use, yet simple enough for our non-technical staff to configure without the need for IT assistance</blockquote></li><li class="flex flex-col gap-3 p-[14px]"><div class="flex items-center gap-[10px]"><figure class="flex h-[42px] w-[42px] overflow-hidden rounded-lg border border-[#D1B9B0]"><img alt="Hongbo Miao | Tesla Senior Software Engineer" loading="lazy" width="200" height="200" decoding="async" data-nimg="1" class="relative -top-[15%] h-[130%] w-[130%] object-cover" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2FXQpUI5mKQjaOyudGA9c4&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2FXQpUI5mKQjaOyudGA9c4&w=640&q=75 2x" src="/_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2FXQpUI5mKQjaOyudGA9c4&w=640&q=75"/></figure><div class="flex flex-col font-inter text-sm font-medium"><p>Hongbo Miao</p><p class="text-[#A18072]">Tesla Senior Software Engineer</p></div></div><blockquote class="font-inter text-sm text-[#846358] xl:text-base">Moving to modern authorization for microservices is no easy feat, but OPAL made it easy. When I was learning and exploring replicator solutions for OPA myself in my free time, I found that OPAL is a very mature solution for the open-policy administration layer and beyond.</blockquote></li><li class="flex flex-col gap-3 p-[14px]"><div class="flex items-center gap-[10px]"><figure class="flex h-[42px] w-[42px] overflow-hidden rounded-lg border border-[#D1B9B0]"><img alt="Jean Philippe Boul | Co-founder & COO Jules AI" loading="lazy" width="200" height="200" decoding="async" data-nimg="1" class="relative -top-[15%] h-[130%] w-[130%] object-cover" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2Fo7iDHfPVQrGcN8yS2Qav&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2Fo7iDHfPVQrGcN8yS2Qav&w=640&q=75 2x" src="/_next/image?url=https%3A%2F%2Fmedia.graphassets.com%2Fo7iDHfPVQrGcN8yS2Qav&w=640&q=75"/></figure><div class="flex flex-col font-inter text-sm font-medium"><p>Jean Philippe Boul</p><p class="text-[#A18072]">Co-founder & COO Jules AI</p></div></div><blockquote class="font-inter text-sm text-[#846358] xl:text-base">At Jules we aim to streamline the process of buying/selling recycled materials, and sharing access as part of our portal is an important step to achieve that. Allowing users to share access is both important to get right and hard to do so, we're delighted to have Permit solve this problem for us end to end.</blockquote></li></ul><div class="pointer-events-none absolute bottom-0 left-0 h-[16rem] w-full bg-gradient-to-t from-fdf3ec to-transparent"></div></div></div></div><div class="absolute bottom-0 left-0 flex h-[24rem] w-full items-end justify-center bg-gradient-to-t from-FFDCC3 pb-20 to-transparent p-3 lg:hidden"><a href="/customers" class="inline-flex font-semibold border-[2px] justify-center gap-2 items-center whitespace-nowrap ring-offset-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 dark:ring-offset-slate-950 dark:focus-visible:ring-slate-300 py-3 tracking-[-0.5px] font-poppins rounded-full border-D1B9B0 bg-[#FFF1E7] text-theme_orange_dark_2 hover:border-[#A18072] hover:bg-[#FFCCA7] h-9 text-sm px-3">See more</a></div></section></div><div class="pointer-events-none absolute left-0 top-0 z-20 h-[2px] w-full from-[#FF953F] to-[#974EF2] bg-gradient-to-l"></div><figure class="absolute left-0 top-0 z-10 w-full"><img alt="" loading="lazy" width="1445" height="1700" decoding="async" data-nimg="1" class="hidden w-full lg:block" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg_section_control_desktop.6adabb97.svg&w=1920&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg_section_control_desktop.6adabb97.svg&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg_section_control_desktop.6adabb97.svg&w=3840&q=75"/><img alt="" loading="lazy" width="430" height="4286" decoding="async" data-nimg="1" class="w-full lg:hidden" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg_section_control_mobile.6b5aa333.svg&w=640&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg_section_control_mobile.6b5aa333.svg&w=1080&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg_section_control_mobile.6b5aa333.svg&w=1080&q=75"/></figure></div><section class="relative z-10 bg-[#FFDCC3] px-5 py-[5.25rem] lg:py-24"><div class="container flex max-w-6xl flex-col gap-24"><div class="flex flex-col items-center justify-center gap-[70px] lg:flex-row"><header class="flex w-full max-w-[486px] flex-col items-center gap-6 text-center lg:items-start lg:text-left"><h2 class="font-poppins text-4xl font-semibold text-theme_orange_12 lg:text-5xl"><span class="block">Test in minutes, </span>go to prod in days.</h2><a href="https://app.permit.io/" class="inline-flex text-lg border-[2px] border-transparent justify-center gap-2 items-center whitespace-nowrap rounded-full dark:ring-offset-slate-950 dark:focus-visible:ring-slate-300 tracking-[-0.5px] font-poppins bg-theme_purple font-semibold text-theme_white ring-offset-theme_purple transition hover:border-theme_purple hover:bg-[#A666F4] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-theme_black focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 h-12 px-5 py-3">Get Started Now</a></header><figure><img alt="" loading="lazy" width="262" height="304" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdog.9ca2332c.svg&w=384&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdog.9ca2332c.svg&w=640&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdog.9ca2332c.svg&w=640&q=75"/></figure></div><div class="mx-auto flex w-full max-w-lg flex-col items-center justify-center gap-6 rounded-3xl bg-[#FFCCA7] px-6 py-12 text-center text-theme_orange_12 lg:max-w-full lg:flex-row lg:items-start lg:gap-[90px] lg:px-12 lg:text-left"><div class="flex flex-col items-center gap-3 font-poppins lg:items-start"><h3 class="text-[26px] font-semibold tracking-[-1px] lg:text-4xl">Join our Community</h3><p class="font-poppins text-lg font-semibold text-[#846358]">2026 Members</p></div><div class="h-[2px] w-full bg-[#FFB381] lg:h-36 lg:w-[2px]"></div><div class="flex w-full max-w-[324px] flex-col items-center gap-6 lg:items-start lg:pt-3"><h4 class="font-poppins text-lg font-semibold tracking-[-0.5px]"><span class="lg:block">Get support from our experts, </span>Learn from fellow devs</h4><a target="_blank" rel="noopener noreferrer" class="inline-flex font-semibold text-lg border-[2px] justify-center gap-2 items-center whitespace-nowrap ring-offset-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 dark:ring-offset-slate-950 dark:focus-visible:ring-slate-300 tracking-[-0.5px] font-poppins rounded-full border-D1B9B0 bg-[#FFF1E7] text-theme_orange_dark_2 hover:border-[#A18072] hover:bg-[#FFCCA7] h-12 px-5 py-3 pl-3 slack_cta_section" href="https://permit-io.slack.com/join/shared_invite/zt-nz6yjgnp-RlP9rtOPwO0n0aH_vLbmBQ#/shared-invite/email"><img alt="" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" class="pointer-events-none" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fslack.03ccf1cf.svg&w=32&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fslack.03ccf1cf.svg&w=48&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fslack.03ccf1cf.svg&w=48&q=75"/> <span class="pointer-events-none">Join Permit's Slack</span></a></div></div></div></section><div style="background-image:radial-gradient(rgba(238,212,195,1) 1px,rgba(253,243,236,1) 1px);background-size:24px 24px" class="pointer-events-none absolute inset-0 h-full w-full"></div></main><footer class="relative z-20 bg-FFE8D7 px-5 py-10 lg:px-12 lg:py-16"><div class="container flex flex-col gap-12 border-t border-solid border-slate-400 pt-10"><div class="flex flex-col items-center justify-between gap-10 xl:grid xl:grid-cols-3 xl:items-start"><div class="flex flex-col"><div class="flex flex-col gap-8 lg:justify-self-start"><div class="flex flex-col items-center gap-6 lg:flex-row"><img alt="logo" loading="lazy" width="104" height="30" decoding="async" data-nimg="1" class="w-auto" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo_small.e6226942.png&w=128&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo_small.e6226942.png&w=256&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo_small.e6226942.png&w=256&q=75"/><p class="mt-[1px] text-sm">Fullstack Permissions</p></div><ul class="group flex items-center gap-5"><li><a target="_blank" rel="noopener noreferrer" href="https://github.com/permitio" class="flex items-center justify-center text-sm font-bold opacity-100 transition duration-500 hover:text-theme_purple"><img alt="github" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" class="w-auto" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgithub.ae594e21.svg&w=32&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgithub.ae594e21.svg&w=48&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgithub.ae594e21.svg&w=48&q=75"/></a></li><li><a target="_blank" rel="noopener noreferrer" href="https://permit-io.slack.com/join/shared_invite/zt-nz6yjgnp-RlP9rtOPwO0n0aH_vLbmBQ#/shared-invite/email" class="slack_footer flex items-center justify-center text-sm font-bold opacity-100 transition duration-500 hover:text-theme_purple"><img alt="slack" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" class="pointer-events-none w-auto" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fslack.03ccf1cf.svg&w=32&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fslack.03ccf1cf.svg&w=48&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fslack.03ccf1cf.svg&w=48&q=75"/></a></li><li><a target="_blank" rel="noopener noreferrer" href="https://twitter.com/permit_io" class="flex items-center justify-center text-sm font-bold opacity-100 transition duration-500 hover:text-theme_purple"><img alt="twitter" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" class="w-auto" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftwitter.2e4f4769.svg&w=32&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftwitter.2e4f4769.svg&w=48&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftwitter.2e4f4769.svg&w=48&q=75"/></a></li><li><a target="_blank" rel="noopener noreferrer" href="https://www.youtube.com/channel/UCWUHX5q_fFPBhrJF_J-NTbg" class="flex items-center justify-center text-sm font-bold opacity-100 transition duration-500 hover:text-theme_purple"><img alt="youtube" loading="lazy" width="26" height="26" decoding="async" data-nimg="1" class="w-auto" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fyoutube.fe0493dc.svg&w=32&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fyoutube.fe0493dc.svg&w=64&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fyoutube.fe0493dc.svg&w=64&q=75"/></a></li><li><a target="_blank" rel="noopener noreferrer" href="https://www.linkedin.com/company/permitio/" class="flex items-center justify-center text-sm font-bold opacity-100 transition duration-500 hover:text-theme_purple"><img alt="linkedin" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" class="w-auto" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flinkedin.be430367.svg&w=32&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flinkedin.be430367.svg&w=48&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flinkedin.be430367.svg&w=48&q=75"/></a></li></ul></div></div><div class="flex flex-col gap-10 text-center lg:flex-row lg:justify-self-center lg:text-left 2xl:gap-20"><nav class="flex flex-col gap-5"><p class="text-sm font-bold uppercase">Product</p><ul class="flex flex-col gap-3 whitespace-nowrap text-sm"><li><a class="transition hover:text-theme_purple" href="/blog">Blog</a></li><li><a class="transition hover:text-theme_purple" href="/videos">Videos</a></li><li><a class="transition hover:text-theme_purple" href="/pricing">Pricing</a></li><li><a class="transition hover:text-theme_purple" href="/pricing#faqs">FAQ's</a></li><li><a target="_blank" rel="noopener noreferrer" href="https://docs.permit.io/" class="transition hover:text-theme_purple">Docs</a></li><li><a target="_blank" rel="noopener noreferrer" class="transition hover:text-theme_purple" href="https://permit.productlane.com/roadmap">Roadmap</a></li></ul></nav><nav class="flex flex-col gap-5"><p class="text-sm font-bold uppercase">Solutions</p><ul class="flex flex-col gap-3 whitespace-nowrap text-sm"><li><a class="transition hover:text-theme_purple" href="/rbac">RBAC</a></li><li><a class="transition hover:text-theme_purple" href="/abac">ABAC</a></li><li><a class="transition hover:text-theme_purple" href="/rebac">ReBAC</a></li><li><a class="transition hover:text-theme_purple" href="/elements">Elements</a></li><li><a class="transition hover:text-theme_purple" href="/foaz">FoAz</a></li></ul></nav><nav class="flex flex-col gap-5"><p class="text-sm font-bold uppercase">Company</p><ul class="flex flex-col gap-3 whitespace-nowrap text-sm"><li><a class="transition hover:text-theme_purple" href="/about">About</a></li><li><a class="transition hover:text-theme_purple" href="/customers">Customers</a></li><li><a class="transition hover:text-theme_purple" href="/open-source">Open Source</a></li><li><a class="transition hover:text-theme_purple" href="/career">Careers</a></li></ul></nav><nav class="flex flex-col gap-5"><p class="text-sm font-bold uppercase">Support</p><ul class="flex flex-col gap-3 whitespace-nowrap text-sm"><li><a class="transition hover:text-theme_purple" href="/legal/terms-and-conditions">Terms & Conditions</a></li><li><a class="transition hover:text-theme_purple" href="/legal/privacy-policy">Privacy Policy</a></li><li><a target="_blank" rel="noopener noreferrer" href="https://permit-io.instatus.com/" class="transition hover:text-theme_purple">Service Status</a></li><li><a target="_blank" rel="noopener noreferrer" href="mailto:help@permit.io" class="transition hover:text-theme_purple">Email</a></li></ul></nav></div><div class="flex items-start justify-start lg:justify-self-end"><button class="schedule_a_meeting group col-span-2 flex items-center justify-between gap-4 self-center justify-self-center rounded-full border border-theme_purple bg-theme_purple py-2 pl-[22px] pr-4 text-sm font-semibold text-slate-50 transition duration-300 hover:bg-transparent hover:text-theme_purple md:col-span-3"><div class="flex items-center gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="pointer-events-none h-3 w-3"><rect width="18" height="18" x="3" y="4" rx="2" ry="2"></rect><line x1="16" x2="16" y1="2" y2="6"></line><line x1="8" x2="8" y1="2" y2="6"></line><line x1="3" x2="21" y1="10" y2="10"></line></svg><span class="pointer-events-none">Schedule a Meeting</span></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3 w-3"><polyline points="20 6 9 17 4 12"></polyline></svg></button></div></div><div class="flex flex-col items-center gap-10 text-xs lg:flex-row lg:items-end lg:justify-between"><div class="flex flex-col items-center gap-2"><div class="flex items-center justify-center"><a href="https://www.producthunt.com/posts/permit-io?utm_source=badge-top-post-badge&utm_medium=badge&utm_souce=badge-permit-io" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/top-post-badge.svg?post_id=412562&theme=neutral&period=daily" alt="Permit.io - Never build permissions again | Product Hunt" style="width:250px;height:54px" width="250" height="54"/></a></div><h3 class="text-center text-sm font-bold uppercase">Certifications & Compliance</h3><ul class="flex items-center justify-center gap-6 lg:justify-between"><li class="max-h-14"><img alt="HIPAA logo" loading="lazy" width="66" height="36" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhipaa.ea9aa725.svg&w=96&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhipaa.ea9aa725.svg&w=256&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhipaa.ea9aa725.svg&w=256&q=75"/></li><li class="relative max-h-14"><img alt="SOC logo" loading="lazy" width="86" height="36" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsoc.feeb2693.svg&w=96&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsoc.feeb2693.svg&w=256&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsoc.feeb2693.svg&w=256&q=75"/></li><li class="relative max-h-14"><img alt="ISO logo" loading="lazy" width="44" height="36" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fiso.ddfa67d5.svg&w=48&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fiso.ddfa67d5.svg&w=96&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fiso.ddfa67d5.svg&w=96&q=75"/><div class="absolute -bottom-4 left-1/2 top-auto flex -translate-x-1/2 items-center justify-center text-[.6rem] font-semibold opacity-70">Pending</div></li></ul></div><p>© 2024 Permit Inc.</p></div></div><span hidden="" style="position:fixed;top:1px;left:1px;width:1px;height:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;display:none"></span></footer><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-THM5WG9" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><script src="/_next/static/chunks/webpack-01e73197e3f2030b.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script>self.__next_f.push([1,"1:HL[\"/_next/static/media/0484562807a97172-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n2:HL[\"/_next/static/media/3478b6abef19b3b3-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n3:HL[\"/_next/static/media/8888a3826f4a3af4-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n4:HL[\"/_next/static/media/a34f9d1faa5f3315-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n5:HL[\"/_next/static/media/b957ea75a84b6ea7-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n6:HL[\"/_next/static/media/eafabf029ad39a43-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n7:HL[\"/_next/static/css/01e5bac16705e828.css\",\"style\"]\n8:HL[\"/_next/static/css/d76bc6ce3dc05648.css\",\"style\"]\n9:HL[\"/_next/static/css/a5bf0f54838695eb.css\",\"style\"]\na:HL[\"/_next/static/css/b1d3ba6006268788.css\",\"style\"]\nb:HL[\"/_next/static/css/b8cdbe65eb3ab5bb.css\",\"style\"]\nc:HL[\"/_next/static/css/06fc1affc7cd79be.css\",\"style\"]\nd:HL[\"/_next/static/css/7f8ffc327d7015c4.css\",\"style\"]\ne:HL[\"/_next/static/css/00412b0bf6df8839.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"f:I[95751,[],\"\"]\n13:I[38173,[\"4705\",\"static/chunks/dc112a36-dd72e56818520f67.js\",\"8173\",\"static/chunks/8173-e774c5d71a814901.js\",\"231\",\"static/chunks/231-2d95731a77013fe4.js\",\"875\",\"static/chunks/875-a60853c51a2b1423.js\",\"2053\",\"static/chunks/2053-b50197606fb47355.js\",\"7230\",\"static/chunks/7230-5e98abdbabd76742.js\",\"9785\",\"static/chunks/9785-05156a054cf1cf25.js\",\"7827\",\"static/chunks/7827-c2a6d71015dbdd9b.js\",\"2160\",\"static/chunks/2160-202f2e95d3d20c3b.js\",\"243\",\"static/chunks/243-8f162bd1e0a357f4.js\",\"1092\",\"static/chunks/1092-5f1d0d50edc55520.js\",\"4143\",\"static/chunks/4143-c2ae81bded5d8939.js\",\"8489\",\"static/chunks/8489-2232261a0ca8bd58.js\",\"3022\",\"static/chunks/3022-1fadff06001ea92a.js\",\"6266\",\"static/chunks/6266-78dc61c42846ad73.js\",\"187\",\"static/chunks/187-f1dd536a9fd7a06f.js\",\"8184\",\"static/chunks/8184-f8efbf7cd0f0d8e7.js\",\"6922\",\"static/chunks/6922-8459ff558908f120.js\",\"1931\",\"static/chunks/app/page-3b61fcc466e51801.js\"],\"Image\"]\n15:I[76130,[],\"\"]\n16:[]\n0:[\"$\",\"$Lf\",null,{\"buildId\":\"Zh4vM3CGcDb5jCibi62yv\",\"assetPrefix\":\"\",\"urlParts\":[\"\",\"\"],\"initialTree\":[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"__PAGE__\",{},[[\"$L10\",\"$L11\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/a5bf0f54838695eb.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/b1d3ba6006268788.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/b8cdbe65eb3ab5bb.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/06fc1affc7cd79be.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/7f8ffc327d7015c4.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"5\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/00412b0bf6df8839.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]]],null],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":"])</script><script>self.__next_f.push([1,"\"stylesheet\",\"href\":\"/_next/static/css/01e5bac16705e828.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/d76bc6ce3dc05648.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],\"$L12\"],null],[[\"$\",\"div\",null,{\"className\":\"flex h-100dvh w-full items-center justify-center bg-theme_white\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex h-[90%] w-10/12 animate-pulse items-center justify-center\",\"children\":[\"$\",\"$L13\",null,{\"src\":{\"src\":\"/_next/static/media/loading.ea56116f.svg\",\"height\":384,\"width\":371,\"blurWidth\":0,\"blurHeight\":0},\"alt\":\"Permit logo\"}]}]}],[],[]]],\"couldBeIntercepted\":false,\"initialHead\":[null,\"$L14\"],\"globalErrorComponent\":\"$15\",\"missingSlots\":\"$W16\"}]\n"])</script><script>self.__next_f.push([1,"14:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"2\",{\"children\":\"Never Build Permissions Again | Permit.io\"}],[\"$\",\"meta\",\"3\",{\"name\":\"description\",\"content\":\"Easily bake-in access control in minutes regardless of previous experience or expertise. Based on OPA and OPAL. Treat policy as code to make Auth-z easy.\"}],[\"$\",\"link\",\"4\",{\"rel\":\"canonical\",\"href\":\"https://www.permit.io\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:title\",\"content\":\"Never Build Permissions Again | Permit.io\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:description\",\"content\":\"Easily bake-in access control in minutes regardless of previous experience or expertise. Based on OPA and OPAL. Treat policy as code to make Auth-z easy.\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:image:type\",\"content\":\"image/png\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image\",\"content\":\"https://www.permit.io/opengraph-image.png?1df87237eb814263\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:card\",\"content\":\"summary\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:title\",\"content\":\"Never Build Permissions Again | Permit.io\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:description\",\"content\":\"Easily bake-in access control in minutes regardless of previous experience or expertise. Based on OPA and OPAL. Treat policy as code to make Auth-z easy.\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:image:type\",\"content\":\"image/png\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:image\",\"content\":\"https://www.permit.io/opengraph-image.png?1df87237eb814263\"}],[\"$\",\"link\",\"18\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"32x33\"}],[\"$\",\"meta\",\"19\",{\"name\":\"next-size-adjust\"}]]\n10:null\n"])</script><script>self.__next_f.push([1,"17:I[70631,[\"5501\",\"static/chunks/c16f53c3-4d00a7641f93daab.js\",\"8173\",\"static/chunks/8173-e774c5d71a814901.js\",\"231\",\"static/chunks/231-2d95731a77013fe4.js\",\"875\",\"static/chunks/875-a60853c51a2b1423.js\",\"2053\",\"static/chunks/2053-b50197606fb47355.js\",\"7230\",\"static/chunks/7230-5e98abdbabd76742.js\",\"9785\",\"static/chunks/9785-05156a054cf1cf25.js\",\"4143\",\"static/chunks/4143-c2ae81bded5d8939.js\",\"227\",\"static/chunks/227-93628c82f312b8db.js\",\"2586\",\"static/chunks/2586-fc99edf9307ed9bb.js\",\"3185\",\"static/chunks/app/layout-ba2d078b1d909750.js\"],\"default\"]\n18:I[39275,[],\"\"]\n19:I[62446,[\"8173\",\"static/chunks/8173-e774c5d71a814901.js\",\"7601\",\"static/chunks/app/error-b401b9b78241af65.js\"],\"default\"]\n1a:I[61343,[],\"\"]\n1b:I[231,[\"4705\",\"static/chunks/dc112a36-dd72e56818520f67.js\",\"8173\",\"static/chunks/8173-e774c5d71a814901.js\",\"231\",\"static/chunks/231-2d95731a77013fe4.js\",\"875\",\"static/chunks/875-a60853c51a2b1423.js\",\"2053\",\"static/chunks/2053-b50197606fb47355.js\",\"7230\",\"static/chunks/7230-5e98abdbabd76742.js\",\"9785\",\"static/chunks/9785-05156a054cf1cf25.js\",\"7827\",\"static/chunks/7827-c2a6d71015dbdd9b.js\",\"2160\",\"static/chunks/2160-202f2e95d3d20c3b.js\",\"243\",\"static/chunks/243-8f162bd1e0a357f4.js\",\"1092\",\"static/chunks/1092-5f1d0d50edc55520.js\",\"4143\",\"static/chunks/4143-c2ae81bded5d8939.js\",\"8489\",\"static/chunks/8489-2232261a0ca8bd58.js\",\"3022\",\"static/chunks/3022-1fadff06001ea92a.js\",\"6266\",\"static/chunks/6266-78dc61c42846ad73.js\",\"187\",\"static/chunks/187-f1dd536a9fd7a06f.js\",\"8184\",\"static/chunks/8184-f8efbf7cd0f0d8e7.js\",\"6922\",\"static/chunks/6922-8459ff558908f120.js\",\"1931\",\"static/chunks/app/page-3b61fcc466e51801.js\"],\"\"]\n1c:I[88900,[\"5501\",\"static/chunks/c16f53c3-4d00a7641f93daab.js\",\"8173\",\"static/chunks/8173-e774c5d71a814901.js\",\"231\",\"static/chunks/231-2d95731a77013fe4.js\",\"875\",\"static/chunks/875-a60853c51a2b1423.js\",\"2053\",\"static/chunks/2053-b50197606fb47355.js\",\"7230\",\"static/chunks/7230-5e98abdbabd76742.js\",\"9785\",\"static/chunks/9785-05156a054cf1cf25.js\",\"4143\",\"static/chunks/4143-c2ae81bded5d8939.js\",\"227\",\"s"])</script><script>self.__next_f.push([1,"tatic/chunks/227-93628c82f312b8db.js\",\"2586\",\"static/chunks/2586-fc99edf9307ed9bb.js\",\"3185\",\"static/chunks/app/layout-ba2d078b1d909750.js\"],\"default\"]\n1d:I[84080,[\"5501\",\"static/chunks/c16f53c3-4d00a7641f93daab.js\",\"8173\",\"static/chunks/8173-e774c5d71a814901.js\",\"231\",\"static/chunks/231-2d95731a77013fe4.js\",\"875\",\"static/chunks/875-a60853c51a2b1423.js\",\"2053\",\"static/chunks/2053-b50197606fb47355.js\",\"7230\",\"static/chunks/7230-5e98abdbabd76742.js\",\"9785\",\"static/chunks/9785-05156a054cf1cf25.js\",\"4143\",\"static/chunks/4143-c2ae81bded5d8939.js\",\"227\",\"static/chunks/227-93628c82f312b8db.js\",\"2586\",\"static/chunks/2586-fc99edf9307ed9bb.js\",\"3185\",\"static/chunks/app/layout-ba2d078b1d909750.js\"],\"\"]\n"])</script><script>self.__next_f.push([1,"12:[\"$\",\"html\",null,{\"lang\":\"en\",\"dir\":\"ltr\",\"className\":\"scroll-smooth __variable_199403 __variable_179fbf __variable_a17b92\",\"children\":[\"$\",\"body\",null,{\"className\":\"bg-[#FDF8F6] font-inter text-451E11 antialiased\",\"children\":[null,[\"$\",\"$L17\",null,{}],[\"$\",\"main\",null,{\"id\":\"main_wrapper\",\"className\":\"relative z-10 w-full overflow-clip\",\"children\":[\"$\",\"$L18\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$19\",\"errorStyles\":[],\"errorScripts\":[],\"template\":[\"$\",\"$L1a\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[\"$\",\"div\",null,{\"className\":\"relative isolate flex items-center text-center pb-20 pt-36 px-5\",\"children\":[\"$\",\"div\",null,{\"className\":\"container max-w-[370px] flex flex-col gap-9\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center gap-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"font-bold text-4xl text-[#FA934E]\",\"children\":\"404\"}],[\"$\",\"h1\",null,{\"className\":\"font-bold text-5xl text-[#20134B]\",\"children\":\"Page not found\"}]]}],[\"$\",\"figure\",null,{\"className\":\"flex justify-center\",\"children\":[\"$\",\"$L13\",null,{\"src\":{\"src\":\"/_next/static/media/not_found.1c62f752.svg\",\"height\":270,\"width\":344,\"blurWidth\":0,\"blurHeight\":0},\"alt\":\"error\"}]}],[\"$\",\"div\",null,{\"className\":\"flex justify-center\",\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/\",\"passHref\":true,\"className\":\"py-3 px-5 text-[22px] font-bold rounded-full bg-theme_purple text-[#FDFDFC]\",\"children\":\"Back Home\"}]}]]}]}],\"notFoundStyles\":[]}]}],[\"$\",\"$L1c\",null,{}],[\"$\",\"noscript\",null,{\"children\":[\"$\",\"iframe\",null,{\"src\":\"https://www.googletagmanager.com/ns.html?id=GTM-THM5WG9\",\"height\":\"0\",\"width\":\"0\",\"style\":{\"display\":\"none\",\"visibility\":\"hidden\"}}]}],[\"$\",\"$L1d\",null,{\"id\":\"google-tag-manager\",\"strategy\":\"lazyOnload\",\"children\":\"\\n (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\\n new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\\n j=d.createElement(s),dl=l!='dataLayer'?'\u0026l='+l:'';j.async=true;j.src=\\n 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\\n })(window,document,'script','dataLayer','GTM-THM5WG9');\\n \"}]]}]}]\n"])</script><script>self.__next_f.push([1,"1e:I[665,[\"4705\",\"static/chunks/dc112a36-dd72e56818520f67.js\",\"8173\",\"static/chunks/8173-e774c5d71a814901.js\",\"231\",\"static/chunks/231-2d95731a77013fe4.js\",\"875\",\"static/chunks/875-a60853c51a2b1423.js\",\"2053\",\"static/chunks/2053-b50197606fb47355.js\",\"7230\",\"static/chunks/7230-5e98abdbabd76742.js\",\"9785\",\"static/chunks/9785-05156a054cf1cf25.js\",\"7827\",\"static/chunks/7827-c2a6d71015dbdd9b.js\",\"2160\",\"static/chunks/2160-202f2e95d3d20c3b.js\",\"243\",\"static/chunks/243-8f162bd1e0a357f4.js\",\"1092\",\"static/chunks/1092-5f1d0d50edc55520.js\",\"4143\",\"static/chunks/4143-c2ae81bded5d8939.js\",\"8489\",\"static/chunks/8489-2232261a0ca8bd58.js\",\"3022\",\"static/chunks/3022-1fadff06001ea92a.js\",\"6266\",\"static/chunks/6266-78dc61c42846ad73.js\",\"187\",\"static/chunks/187-f1dd536a9fd7a06f.js\",\"8184\",\"static/chunks/8184-f8efbf7cd0f0d8e7.js\",\"6922\",\"static/chunks/6922-8459ff558908f120.js\",\"1931\",\"static/chunks/app/page-3b61fcc466e51801.js\"],\"default\"]\n1f:\"$Sreact.suspense\"\n21:I[61061,[\"4705\",\"static/chunks/dc112a36-dd72e56818520f67.js\",\"8173\",\"static/chunks/8173-e774c5d71a814901.js\",\"231\",\"static/chunks/231-2d95731a77013fe4.js\",\"875\",\"static/chunks/875-a60853c51a2b1423.js\",\"2053\",\"static/chunks/2053-b50197606fb47355.js\",\"7230\",\"static/chunks/7230-5e98abdbabd76742.js\",\"9785\",\"static/chunks/9785-05156a054cf1cf25.js\",\"7827\",\"static/chunks/7827-c2a6d71015dbdd9b.js\",\"2160\",\"static/chunks/2160-202f2e95d3d20c3b.js\",\"243\",\"static/chunks/243-8f162bd1e0a357f4.js\",\"1092\",\"static/chunks/1092-5f1d0d50edc55520.js\",\"4143\",\"static/chunks/4143-c2ae81bded5d8939.js\",\"8489\",\"static/chunks/8489-2232261a0ca8bd58.js\",\"3022\",\"static/chunks/3022-1fadff06001ea92a.js\",\"6266\",\"static/chunks/6266-78dc61c42846ad73.js\",\"187\",\"static/chunks/187-f1dd536a9fd7a06f.js\",\"8184\",\"static/chunks/8184-f8efbf7cd0f0d8e7.js\",\"6922\",\"static/chunks/6922-8459ff558908f120.js\",\"1931\",\"static/chunks/app/page-3b61fcc466e51801.js\"],\"default\"]\n22:I[19571,[\"4705\",\"static/chunks/dc112a36-dd72e56818520f67.js\",\"8173\",\"static/chunks/8173-e774c5d71a814901.js\",\"231\",\"static/chunks/231-2d95731a77013fe4.js"])</script><script>self.__next_f.push([1,"\",\"875\",\"static/chunks/875-a60853c51a2b1423.js\",\"2053\",\"static/chunks/2053-b50197606fb47355.js\",\"7230\",\"static/chunks/7230-5e98abdbabd76742.js\",\"9785\",\"static/chunks/9785-05156a054cf1cf25.js\",\"7827\",\"static/chunks/7827-c2a6d71015dbdd9b.js\",\"2160\",\"static/chunks/2160-202f2e95d3d20c3b.js\",\"243\",\"static/chunks/243-8f162bd1e0a357f4.js\",\"1092\",\"static/chunks/1092-5f1d0d50edc55520.js\",\"4143\",\"static/chunks/4143-c2ae81bded5d8939.js\",\"8489\",\"static/chunks/8489-2232261a0ca8bd58.js\",\"3022\",\"static/chunks/3022-1fadff06001ea92a.js\",\"6266\",\"static/chunks/6266-78dc61c42846ad73.js\",\"187\",\"static/chunks/187-f1dd536a9fd7a06f.js\",\"8184\",\"static/chunks/8184-f8efbf7cd0f0d8e7.js\",\"6922\",\"static/chunks/6922-8459ff558908f120.js\",\"1931\",\"static/chunks/app/page-3b61fcc466e51801.js\"],\"default\"]\n26:I[1596,[\"4705\",\"static/chunks/dc112a36-dd72e56818520f67.js\",\"8173\",\"static/chunks/8173-e774c5d71a814901.js\",\"231\",\"static/chunks/231-2d95731a77013fe4.js\",\"875\",\"static/chunks/875-a60853c51a2b1423.js\",\"2053\",\"static/chunks/2053-b50197606fb47355.js\",\"7230\",\"static/chunks/7230-5e98abdbabd76742.js\",\"9785\",\"static/chunks/9785-05156a054cf1cf25.js\",\"7827\",\"static/chunks/7827-c2a6d71015dbdd9b.js\",\"2160\",\"static/chunks/2160-202f2e95d3d20c3b.js\",\"243\",\"static/chunks/243-8f162bd1e0a357f4.js\",\"1092\",\"static/chunks/1092-5f1d0d50edc55520.js\",\"4143\",\"static/chunks/4143-c2ae81bded5d8939.js\",\"8489\",\"static/chunks/8489-2232261a0ca8bd58.js\",\"3022\",\"static/chunks/3022-1fadff06001ea92a.js\",\"6266\",\"static/chunks/6266-78dc61c42846ad73.js\",\"187\",\"static/chunks/187-f1dd536a9fd7a06f.js\",\"8184\",\"static/chunks/8184-f8efbf7cd0f0d8e7.js\",\"6922\",\"static/chunks/6922-8459ff558908f120.js\",\"1931\",\"static/chunks/app/page-3b61fcc466e51801.js\"],\"default\"]\n27:I[59511,[\"4705\",\"static/chunks/dc112a36-dd72e56818520f67.js\",\"8173\",\"static/chunks/8173-e774c5d71a814901.js\",\"231\",\"static/chunks/231-2d95731a77013fe4.js\",\"875\",\"static/chunks/875-a60853c51a2b1423.js\",\"2053\",\"static/chunks/2053-b50197606fb47355.js\",\"7230\",\"static/chunks/7230-5e98abdbabd76742.js\",\"9785\",\"static/chunks/9785-05156a"])</script><script>self.__next_f.push([1,"054cf1cf25.js\",\"7827\",\"static/chunks/7827-c2a6d71015dbdd9b.js\",\"2160\",\"static/chunks/2160-202f2e95d3d20c3b.js\",\"243\",\"static/chunks/243-8f162bd1e0a357f4.js\",\"1092\",\"static/chunks/1092-5f1d0d50edc55520.js\",\"4143\",\"static/chunks/4143-c2ae81bded5d8939.js\",\"8489\",\"static/chunks/8489-2232261a0ca8bd58.js\",\"3022\",\"static/chunks/3022-1fadff06001ea92a.js\",\"6266\",\"static/chunks/6266-78dc61c42846ad73.js\",\"187\",\"static/chunks/187-f1dd536a9fd7a06f.js\",\"8184\",\"static/chunks/8184-f8efbf7cd0f0d8e7.js\",\"6922\",\"static/chunks/6922-8459ff558908f120.js\",\"1931\",\"static/chunks/app/page-3b61fcc466e51801.js\"],\"default\"]\n29:I[97980,[\"4705\",\"static/chunks/dc112a36-dd72e56818520f67.js\",\"8173\",\"static/chunks/8173-e774c5d71a814901.js\",\"231\",\"static/chunks/231-2d95731a77013fe4.js\",\"875\",\"static/chunks/875-a60853c51a2b1423.js\",\"2053\",\"static/chunks/2053-b50197606fb47355.js\",\"7230\",\"static/chunks/7230-5e98abdbabd76742.js\",\"9785\",\"static/chunks/9785-05156a054cf1cf25.js\",\"7827\",\"static/chunks/7827-c2a6d71015dbdd9b.js\",\"2160\",\"static/chunks/2160-202f2e95d3d20c3b.js\",\"243\",\"static/chunks/243-8f162bd1e0a357f4.js\",\"1092\",\"static/chunks/1092-5f1d0d50edc55520.js\",\"4143\",\"static/chunks/4143-c2ae81bded5d8939.js\",\"8489\",\"static/chunks/8489-2232261a0ca8bd58.js\",\"3022\",\"static/chunks/3022-1fadff06001ea92a.js\",\"6266\",\"static/chunks/6266-78dc61c42846ad73.js\",\"187\",\"static/chunks/187-f1dd536a9fd7a06f.js\",\"8184\",\"static/chunks/8184-f8efbf7cd0f0d8e7.js\",\"6922\",\"static/chunks/6922-8459ff558908f120.js\",\"1931\",\"static/chunks/app/page-3b61fcc466e51801.js\"],\"default\"]\n2a:I[81409,[\"4705\",\"static/chunks/dc112a36-dd72e56818520f67.js\",\"8173\",\"static/chunks/8173-e774c5d71a814901.js\",\"231\",\"static/chunks/231-2d95731a77013fe4.js\",\"875\",\"static/chunks/875-a60853c51a2b1423.js\",\"2053\",\"static/chunks/2053-b50197606fb47355.js\",\"7230\",\"static/chunks/7230-5e98abdbabd76742.js\",\"9785\",\"static/chunks/9785-05156a054cf1cf25.js\",\"7827\",\"static/chunks/7827-c2a6d71015dbdd9b.js\",\"2160\",\"static/chunks/2160-202f2e95d3d20c3b.js\",\"243\",\"static/chunks/243-8f162bd1e0a357f4.js\",\"1092\",\"static/chun"])</script><script>self.__next_f.push([1,"ks/1092-5f1d0d50edc55520.js\",\"4143\",\"static/chunks/4143-c2ae81bded5d8939.js\",\"8489\",\"static/chunks/8489-2232261a0ca8bd58.js\",\"3022\",\"static/chunks/3022-1fadff06001ea92a.js\",\"6266\",\"static/chunks/6266-78dc61c42846ad73.js\",\"187\",\"static/chunks/187-f1dd536a9fd7a06f.js\",\"8184\",\"static/chunks/8184-f8efbf7cd0f0d8e7.js\",\"6922\",\"static/chunks/6922-8459ff558908f120.js\",\"1931\",\"static/chunks/app/page-3b61fcc466e51801.js\"],\"default\"]\n2b:I[55106,[\"4705\",\"static/chunks/dc112a36-dd72e56818520f67.js\",\"8173\",\"static/chunks/8173-e774c5d71a814901.js\",\"231\",\"static/chunks/231-2d95731a77013fe4.js\",\"875\",\"static/chunks/875-a60853c51a2b1423.js\",\"2053\",\"static/chunks/2053-b50197606fb47355.js\",\"7230\",\"static/chunks/7230-5e98abdbabd76742.js\",\"9785\",\"static/chunks/9785-05156a054cf1cf25.js\",\"7827\",\"static/chunks/7827-c2a6d71015dbdd9b.js\",\"2160\",\"static/chunks/2160-202f2e95d3d20c3b.js\",\"243\",\"static/chunks/243-8f162bd1e0a357f4.js\",\"1092\",\"static/chunks/1092-5f1d0d50edc55520.js\",\"4143\",\"static/chunks/4143-c2ae81bded5d8939.js\",\"8489\",\"static/chunks/8489-2232261a0ca8bd58.js\",\"3022\",\"static/chunks/3022-1fadff06001ea92a.js\",\"6266\",\"static/chunks/6266-78dc61c42846ad73.js\",\"187\",\"static/chunks/187-f1dd536a9fd7a06f.js\",\"8184\",\"static/chunks/8184-f8efbf7cd0f0d8e7.js\",\"6922\",\"static/chunks/6922-8459ff558908f120.js\",\"1931\",\"static/chunks/app/page-3b61fcc466e51801.js\"],\"default\"]\n2c:I[6093,[\"4705\",\"static/chunks/dc112a36-dd72e56818520f67.js\",\"8173\",\"static/chunks/8173-e774c5d71a814901.js\",\"231\",\"static/chunks/231-2d95731a77013fe4.js\",\"875\",\"static/chunks/875-a60853c51a2b1423.js\",\"2053\",\"static/chunks/2053-b50197606fb47355.js\",\"7230\",\"static/chunks/7230-5e98abdbabd76742.js\",\"9785\",\"static/chunks/9785-05156a054cf1cf25.js\",\"7827\",\"static/chunks/7827-c2a6d71015dbdd9b.js\",\"2160\",\"static/chunks/2160-202f2e95d3d20c3b.js\",\"243\",\"static/chunks/243-8f162bd1e0a357f4.js\",\"1092\",\"static/chunks/1092-5f1d0d50edc55520.js\",\"4143\",\"static/chunks/4143-c2ae81bded5d8939.js\",\"8489\",\"static/chunks/8489-2232261a0ca8bd58.js\",\"3022\",\"static/chunks/3022-1fadff06001ea92a.js\",\"626"])</script><script>self.__next_f.push([1,"6\",\"static/chunks/6266-78dc61c42846ad73.js\",\"187\",\"static/chunks/187-f1dd536a9fd7a06f.js\",\"8184\",\"static/chunks/8184-f8efbf7cd0f0d8e7.js\",\"6922\",\"static/chunks/6922-8459ff558908f120.js\",\"1931\",\"static/chunks/app/page-3b61fcc466e51801.js\"],\"default\"]\n2e:I[87871,[\"4705\",\"static/chunks/dc112a36-dd72e56818520f67.js\",\"8173\",\"static/chunks/8173-e774c5d71a814901.js\",\"231\",\"static/chunks/231-2d95731a77013fe4.js\",\"875\",\"static/chunks/875-a60853c51a2b1423.js\",\"2053\",\"static/chunks/2053-b50197606fb47355.js\",\"7230\",\"static/chunks/7230-5e98abdbabd76742.js\",\"9785\",\"static/chunks/9785-05156a054cf1cf25.js\",\"7827\",\"static/chunks/7827-c2a6d71015dbdd9b.js\",\"2160\",\"static/chunks/2160-202f2e95d3d20c3b.js\",\"243\",\"static/chunks/243-8f162bd1e0a357f4.js\",\"1092\",\"static/chunks/1092-5f1d0d50edc55520.js\",\"4143\",\"static/chunks/4143-c2ae81bded5d8939.js\",\"8489\",\"static/chunks/8489-2232261a0ca8bd58.js\",\"3022\",\"static/chunks/3022-1fadff06001ea92a.js\",\"6266\",\"static/chunks/6266-78dc61c42846ad73.js\",\"187\",\"static/chunks/187-f1dd536a9fd7a06f.js\",\"8184\",\"static/chunks/8184-f8efbf7cd0f0d8e7.js\",\"6922\",\"static/chunks/6922-8459ff558908f120.js\",\"1931\",\"static/chunks/app/page-3b61fcc466e51801.js\"],\"default\"]\n2f:I[35884,[\"4705\",\"static/chunks/dc112a36-dd72e56818520f67.js\",\"8173\",\"static/chunks/8173-e774c5d71a814901.js\",\"231\",\"static/chunks/231-2d95731a77013fe4.js\",\"875\",\"static/chunks/875-a60853c51a2b1423.js\",\"2053\",\"static/chunks/2053-b50197606fb47355.js\",\"7230\",\"static/chunks/7230-5e98abdbabd76742.js\",\"9785\",\"static/chunks/9785-05156a054cf1cf25.js\",\"7827\",\"static/chunks/7827-c2a6d71015dbdd9b.js\",\"2160\",\"static/chunks/2160-202f2e95d3d20c3b.js\",\"243\",\"static/chunks/243-8f162bd1e0a357f4.js\",\"1092\",\"static/chunks/1092-5f1d0d50edc55520.js\",\"4143\",\"static/chunks/4143-c2ae81bded5d8939.js\",\"8489\",\"static/chunks/8489-2232261a0ca8bd58.js\",\"3022\",\"static/chunks/3022-1fadff06001ea92a.js\",\"6266\",\"static/chunks/6266-78dc61c42846ad73.js\",\"187\",\"static/chunks/187-f1dd536a9fd7a06f.js\",\"8184\",\"static/chunks/8184-f8efbf7cd0f0d8e7.js\",\"6922\",\"static/chunks/6922-8459ff55890"])</script><script>self.__next_f.push([1,"8f120.js\",\"1931\",\"static/chunks/app/page-3b61fcc466e51801.js\"],\"default\"]\n30:I[97924,[\"4705\",\"static/chunks/dc112a36-dd72e56818520f67.js\",\"8173\",\"static/chunks/8173-e774c5d71a814901.js\",\"231\",\"static/chunks/231-2d95731a77013fe4.js\",\"875\",\"static/chunks/875-a60853c51a2b1423.js\",\"2053\",\"static/chunks/2053-b50197606fb47355.js\",\"7230\",\"static/chunks/7230-5e98abdbabd76742.js\",\"9785\",\"static/chunks/9785-05156a054cf1cf25.js\",\"7827\",\"static/chunks/7827-c2a6d71015dbdd9b.js\",\"2160\",\"static/chunks/2160-202f2e95d3d20c3b.js\",\"243\",\"static/chunks/243-8f162bd1e0a357f4.js\",\"1092\",\"static/chunks/1092-5f1d0d50edc55520.js\",\"4143\",\"static/chunks/4143-c2ae81bded5d8939.js\",\"8489\",\"static/chunks/8489-2232261a0ca8bd58.js\",\"3022\",\"static/chunks/3022-1fadff06001ea92a.js\",\"6266\",\"static/chunks/6266-78dc61c42846ad73.js\",\"187\",\"static/chunks/187-f1dd536a9fd7a06f.js\",\"8184\",\"static/chunks/8184-f8efbf7cd0f0d8e7.js\",\"6922\",\"static/chunks/6922-8459ff558908f120.js\",\"1931\",\"static/chunks/app/page-3b61fcc466e51801.js\"],\"default\"]\n20:{\"src\":\"/_next/static/media/loading.ea56116f.svg\",\"height\":384,\"width\":371,\"blurWidth\":0,\"blurHeight\":0}\n23:{\"src\":\"/_next/static/media/icon1.33de0ef0.svg\",\"height\":40,\"width\":39,\"blurWidth\":0,\"blurHeight\":0}\n24:{\"src\":\"/_next/static/media/icon2.f931d0ca.svg\",\"height\":40,\"width\":40,\"blurWidth\":0,\"blurHeight\":0}\n25:{\"src\":\"/_next/static/media/icon3.d298c551.svg\",\"height\":40,\"width\":39,\"blurWidth\":0,\"blurHeight\":0}\n28:{\"src\":\"/_next/static/media/check.d8373de6.svg\",\"height\":42,\"width\":42,\"blurWidth\":0,\"blurHeight\":0}\n2d:{\"src\":\"/_next/static/media/bg1.301ce7e7.svg\",\"height\":332,\"width\":498,\"blurWidth\":0,\"blurHeight\":0}\n"])</script><script>self.__next_f.push([1,"11:[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Organization\\\",\\\"url\\\":\\\"http://www.permit.io/\\\",\\\"logo\\\":\\\"http://www.permit.io/_ipx/w_828,q_75/%2F_next%2Fstatic%2Fimage%2Fpublic%2Fimages%2Ficons%2Flogo-dark.a97f7542db97d9e383b7c9f613fff940.svg?url=%2F_next%2Fstatic%2Fimage%2Fpublic%2Fimages%2Ficons%2Flogo-dark.a97f7542db97d9e383b7c9f613fff940.svg\u0026w=828\u0026q=75\\\"}\"}}],[\"$\",\"$L1e\",null,{}],[\"$\",\"$1f\",null,{\"fallback\":[\"$\",\"div\",null,{\"className\":\"flex h-100dvh w-full items-center justify-center bg-theme_white\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex h-[90%] w-10/12 animate-pulse items-center justify-center\",\"children\":[\"$\",\"$L13\",null,{\"src\":\"$20\",\"alt\":\"Permit logo\"}]}]}],\"children\":[[\"$\",\"div\",null,{\"className\":\"relative overflow-clip\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative z-30\",\"children\":[[\"$\",\"$L21\",null,{}],[\"$\",\"section\",null,{\"className\":\"relative z-20 px-5 py-14 text-theme_orange_12 lg:py-24\",\"children\":[\"$\",\"div\",null,{\"className\":\"container flex max-w-lg flex-col gap-6 lg:max-w-6xl lg:flex-row lg:justify-between\",\"children\":[[\"$\",\"header\",null,{\"className\":\"flex w-full flex-col gap-6\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-poppins text-[26px] font-semibold tracking-[-1px] lg:text-4xl\",\"children\":[\"APIs for\",\" \",[\"$\",\"span\",null,{\"className\":\" bg-gradient-to-r from-[#974EF2] to-[#FF953F] bg-clip-text text-transparent\",\"children\":\"everything\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2 font-inter text-sm md:text-base lg:gap-3\",\"children\":[\"$\",\"p\",null,{\"className\":\"w-full max-w-[500px]\",\"children\":[\"Create, manage and automate your policies with Permit's API. Anything done via the UI can be done with\",\" \",[\"$\",\"a\",null,{\"className\":\"text-[#852EEF] transition hover:opacity-80\",\"href\":\"https://api.permit.io/v2/redoc\",\"rel\":\"noopener noreferrer\",\"target\":\"_blank\",\"children\":\"our API\"}],\",\",\" \",[\"$\",\"a\",null,{\"className\":\"text-[#852EEF] transition hover:opacity-80\",\"href\":\"https://docs.permit.io/integrations/infra-as-code/terraform-provider/\",\"rel\":\"noopener noreferrer\",\"target\":\"_blank\",\"children\":\"Terraform\"}],\" \",\"provider or\",\" \",[\"$\",\"a\",null,{\"className\":\"text-[#852EEF] transition hover:opacity-80\",\"href\":\"https://docs.permit.io/category/supported-sdks\",\"rel\":\"noopener noreferrer\",\"target\":\"_blank\",\"children\":\"SDKs\"}],\" \",\"as well!\"]}]}],[\"$\",\"div\",null,{\"className\":\"hidden lg:block\",\"children\":[\"$\",\"ul\",null,{\"className\":\"flex items-center gap-x-3\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"a\",null,{\"className\":\"transition hover:opacity-80\",\"href\":\"https://docs.permit.io/category/supported-sdks\",\"rel\":\"noopener noreferrer\",\"target\":\"_blank\",\"children\":[\"$\",\"figure\",null,{\"children\":[\"$\",\"$L13\",null,{\"src\":{\"src\":\"/_next/static/media/icon1.33de0ef0.svg\",\"height\":40,\"width\":39,\"blurWidth\":0,\"blurHeight\":0},\"alt\":\"\"}]}]}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"a\",null,{\"className\":\"transition hover:opacity-80\",\"href\":\"https://api.permit.io/v2/redoc\",\"rel\":\"noopener noreferrer\",\"target\":\"_blank\",\"children\":[\"$\",\"figure\",null,{\"children\":[\"$\",\"$L13\",null,{\"src\":{\"src\":\"/_next/static/media/icon2.f931d0ca.svg\",\"height\":40,\"width\":40,\"blurWidth\":0,\"blurHeight\":0},\"alt\":\"\"}]}]}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"a\",null,{\"className\":\"transition hover:opacity-80\",\"href\":\"https://docs.permit.io/integrations/infra-as-code/terraform-provider/\",\"rel\":\"noopener noreferrer\",\"target\":\"_blank\",\"children\":[\"$\",\"figure\",null,{\"children\":[\"$\",\"$L13\",null,{\"src\":{\"src\":\"/_next/static/media/icon3.d298c551.svg\",\"height\":40,\"width\":39,\"blurWidth\":0,\"blurHeight\":0},\"alt\":\"\"}]}]}]}]]}]}]]}],[\"$\",\"div\",null,{\"className\":\"flex\",\"children\":[\"$\",\"$L22\",null,{}]}],[\"$\",\"div\",null,{\"className\":\"lg:hidden\",\"children\":[\"$\",\"ul\",null,{\"className\":\"flex items-center gap-x-3\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"a\",null,{\"className\":\"transition hover:opacity-80\",\"href\":\"https://docs.permit.io/category/supported-sdks\",\"rel\":\"noopener noreferrer\",\"target\":\"_blank\",\"children\":[\"$\",\"figure\",null,{\"children\":[\"$\",\"$L13\",null,{\"src\":\"$23\",\"alt\":\"\"}]}]}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"a\",null,{\"className\":\"transition hover:opacity-80\",\"href\":\"https://api.permit.io/v2/redoc\",\"rel\":\"noopener noreferrer\",\"target\":\"_blank\",\"children\":[\"$\",\"figure\",null,{\"children\":[\"$\",\"$L13\",null,{\"src\":\"$24\",\"alt\":\"\"}]}]}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"a\",null,{\"className\":\"transition hover:opacity-80\",\"href\":\"https://docs.permit.io/integrations/infra-as-code/terraform-provider/\",\"rel\":\"noopener noreferrer\",\"target\":\"_blank\",\"children\":[\"$\",\"figure\",null,{\"children\":[\"$\",\"$L13\",null,{\"src\":\"$25\",\"alt\":\"\"}]}]}]}]]}]}]]}]}]]}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute left-0 top-0 z-20 h-[2px] w-full from-[#FF953F] to-[#974EF2] bg-gradient-to-l\"}],[\"$\",\"figure\",null,{\"className\":\"absolute left-0 top-0 z-10 w-full\",\"children\":[[\"$\",\"$L13\",null,{\"src\":{\"src\":\"/_next/static/media/bg_section_ui_desktop.a9fb1642.svg\",\"height\":702,\"width\":1445,\"blurWidth\":0,\"blurHeight\":0},\"alt\":\"\",\"className\":\"hidden w-full lg:block\"}],[\"$\",\"$L13\",null,{\"src\":{\"src\":\"/_next/static/media/bg_section_ui_mobile.0cf609ed.svg\",\"height\":932,\"width\":430,\"blurWidth\":0,\"blurHeight\":0},\"alt\":\"\",\"className\":\"w-full lg:hidden\"}]]}]]}],[\"$\",\"$L26\",null,{}],[\"$\",\"div\",null,{\"className\":\"relative overflow-clip\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative z-30\",\"children\":[[\"$\",\"section\",null,{\"className\":\"relative z-20 px-5 pb-14 pt-[5.25rem] text-theme_orange_12 lg:pb-24 lg:pt-36\",\"children\":[\"$\",\"div\",null,{\"className\":\"container z-20 w-full max-w-[990px]\",\"children\":[[\"$\",\"header\",null,{\"className\":\"mx-auto flex w-full flex-col items-center gap-4 text-center text-[#451E11] lg:max-w-[496px] lg:gap-6\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-poppins text-[26px] font-semibold tracking-[-1px] lg:text-4xl\",\"children\":[[\"$\",\"span\",null,{\"className\":\"block md:inline-block\",\"children\":\"Fully functional\"}],\" \",\"authorization\",\" \",[\"$\",\"span\",null,{\"className\":\" bg-gradient-to-r from-[#974EF2] to-[#FF953F] bg-clip-text text-transparent\",\"children\":\"in 5 minutes\"}]]}],[\"$\",\"p\",null,{\"className\":\"w-full max-w-[432px] font-inter text-lg font-medium lg:text-xl\",\"children\":[\"Just add\",\" \",[\"$\",\"span\",null,{\"className\":\"rounded bg-[#FFDCC3] px-[6px] pb-[2px] font-ibm\",\"children\":\"permit.check()\"}],\" \",\"to your code, middleware, mesh, or API gateway.\"]}]]}],[\"$\",\"$L27\",null,{\"codes\":[{\"id\":\"ckxja083cza6h0b69cysq8rre\",\"nameOnTag\":\"NodeJS\",\"iconActive\":{\"url\":\"https://media.graphassets.com/YOSv0GB2TRKZ1buZBtM2\",\"width\":0,\"height\":0},\"iconNotActive\":{\"url\":\"https://media.graphassets.com/AyELKo9QDWFdlwCdr1n2\",\"width\":0,\"height\":0},\"language\":\"javascript\",\"languageId\":null,\"copy\":\"import { Permit } from \\\"permitio\\\";\\n\\nconst permit = new Permit({\\n token: \\\"[YOUR_API_KEY]\\\",\\n});\\n\\nif (await permit.check(user, \\\"view\\\", `doc:${doc.id}`)) {\\n // allowed to close issue\\n}\",\"textAfter\":\"import { Permit } from \\\"permitio\\\";\\n\\nconst permit = new Permit({\\n token: \\\"[YOUR_API_KEY]\\\",\\n});\\n\\nif (await permit.check(user, \\\"view\\\", `doc:${doc.id}`)) {\\n // allowed to close issue\\n}\",\"textBefore\":\"// Gather all the needed objects for the permission check\\n// Complete user object from DB (based on session object, only 3 DB queries...)\\nconst user = new User(session);\\nconst doc = new Document(undefined, undefined, session.url);\\n// The 'fancy' home-brewed auth-z layer (Someone wrote 3 years ago) \\nAllowedDocType allowedDocTypes = new AllowedDocType(user.role);\\n// Query Stripe for live data (hope it's not too slow)\\nconst isPaying = (await stripeWrapper.get_billing_status(user.email)) == STRIPE_PAYING;\\n\\nif (user.role == ADMIN || \\n( user.geo == \\\"US\\\" \u0026\u0026 \\nallowedDocTypes.includes(doc.type) \u0026\u0026 \\nisPaying \u0026\u0026 \\nuser.role == EDITOR || user.role == VIEWER)){\\n // allow access\\n}\",\"active\":true,\"docsLink\":\"https://docs.permit.io/sdk/nodejs/quickstart-nodejs\"},{\"id\":\"ckxjbyb8o0eqi0g29w17m7xri\",\"nameOnTag\":\"Python\",\"iconActive\":{\"url\":\"https://media.graphassets.com/dieYljPkSpqFgGGr8aGN\",\"width\":0,\"height\":0},\"iconNotActive\":{\"url\":\"https://media.graphassets.com/MgVopNE5QuaxqLfSt2rH\",\"width\":0,\"height\":0},\"language\":\"python\",\"languageId\":null,\"copy\":\"from permit import Permit\\n\\npermit = Permit(token=\\\"\u003cYOUR_API_KEY\u003e\\\")\\n\\npermitted = await permit.check(user, \\\"view\\\", f\\\"doc:{doc.id}\\\")\",\"textAfter\":\"from permit import Permit\\n\\npermit = Permit(token=\\\"\u003cYOUR_API_KEY\u003e\\\")\\n\\npermitted = await permit.check(user, \\\"view\\\", f\\\"doc:{doc.id}\\\")\",\"textBefore\":\"# Gather all the needed objects for the permission check\\n# Complete user object from DB (based on session object, only 3 DB queries...)\\nuser = User(session=session)\\ndoc = Document(url=session.url)\\n# The 'fancy' home-brewed auth-z layer (Someone wrote 3 years ago)\\nallowed_doc_types = get_allowed_doc_types(user.role)\\n# Query Stripe for live data (hope it's not too slow)\\nis_paying = (await stripe_wrapper.get_billing_status(user.email)) == STRIPE_PAYING\\n\\nif user.role == UserRole.ADMIN or \\n (user.geo == \\\"US\\\" and\\n doc.type in allowed_doc_types and \\n is_paying and\\n user.role == UserRole.EDITOR or user.role == UserRole.VIEWER):\\n # allow access\",\"active\":true,\"docsLink\":\"https://docs.permit.io/sdk/python/quickstart-python\"},{\"id\":\"ckxyiuy4wytx60c270j5z2vpc\",\"nameOnTag\":\"Java\",\"iconActive\":{\"url\":\"https://media.graphassets.com/rsPfyJ7QxWsak18e4HC8\",\"width\":0,\"height\":0},\"iconNotActive\":{\"url\":\"https://media.graphassets.com/57BE7KhQraimEFcITViQ\",\"width\":0,\"height\":0},\"language\":\"Java\",\"languageId\":null,\"copy\":\"Permit permit = new Permit(new PermitConfig.Builder(\\\"API KEY\\\").build());\\n\\nUser user = new User.Builder(\\\"auth0|elon\\\").build();\\nString action = \\\"create\\\";\\nResource resource = new Resource.Builder(\\\"document\\\").withTenant(\\\"default\\\").build();\\n\\nboolean permitted = permit.check(user, action, resource);\\nif (permitted) {\\n // allow access\\n}\",\"textAfter\":\"Permit permit = new Permit(new PermitConfig.Builder(\\\"API KEY\\\").build());\\n\\nUser user = new User.Builder(\\\"auth0|elon\\\").build();\\nString action = \\\"create\\\";\\nResource resource = new Resource.Builder(\\\"document\\\").withTenant(\\\"default\\\").build();\\n\\nboolean permitted = permit.check(user, action, resource);\\nif (permitted) {\\n // allow access\\n}\",\"textBefore\":\"// Gather all the needed objects for the permission check\\n// Complete user object from DB (based on session object, only 3 DB queries...)\\nUser user = new User.Builder.fromSession(session);\\nDocument doc = new Document.Builder().fromUrl(session.url);\\n// The 'fancy' home-brewed auth-z layer (Someone wrote 3 years ago) \\nAllowedDocType allowedDocTypes = new AllowedDocType(user.role);\\n// Query Stripe for live data (hope it's not too slow)\\nboolean isPaying = stripeWrapper.get_billing_status(user.email) == STRIPE_PAYING;\\n\\nif (user.role == ADMIN || \\n( user.geo == \\\"US\\\" \u0026\u0026 \\nallowedDocTypes.includes(doc.type) \u0026\u0026 \\nisPaying \u0026\u0026 \\nuser.role == EDITOR || user.role == VIEWER)){\\n // allow access\\n}\\n\\n\",\"active\":true,\"docsLink\":\"https://docs.permit.io/1.0.0/reference/SDKs/Java/quickstart_java\"},{\"id\":\"ckyr6u2q08jnk0d72koeuaqne\",\"nameOnTag\":\"C#\",\"iconActive\":{\"url\":\"https://media.graphassets.com/syWOsnXFTdKHLS73Q3hf\",\"width\":0,\"height\":0},\"iconNotActive\":{\"url\":\"https://media.graphassets.com/ENhZAG2DS4K4uLTRx4Zj\",\"width\":0,\"height\":0},\"language\":\"C#\",\"languageId\":\"csharp\",\"copy\":\"bool permitted = await permit.Check(user.key, \\\"view\\\", \\\"document\\\");\\nif (permitted)\\n{\\n Console.Write(\\\"User is PERMITTED to view a document\\\");\\n}\",\"textAfter\":\"bool permitted = await permit.Check(user.key, \\\"view\\\", \\\"document\\\");\\nif (permitted)\\n{\\n Console.Write(\\\"User is PERMITTED to view a document\\\");\\n}\",\"textBefore\":\"// Gather all the needed objects for the permission check\\n// Complete user object from DB (based on session object, only 3 DB queries...)\\nUser user = new User.Builder.fromSession(session);\\nDocument doc = new Document.Builder().fromUrl(session.url);\\n// The 'fancy' home-brewed auth-z layer (Someone wrote 3 years ago) \\nAllowedDocType allowedDocTypes = new AllowedDocType(user.role);\\n// Query Stripe for live data (hope it's not too slow)\\nbool isPaying = (await stripeWrapper.get_billing_status(user.email)) == STRIPE_PAYING;\\n\\nif (user.role == ADMIN || \\n( user.geo == \\\"US\\\" \u0026\u0026 \\nallowedDocTypes.includes(doc.type) \u0026\u0026 \\nisPaying \u0026\u0026 \\nuser.role == EDITOR || user.role == VIEWER))\\n{\\n Console.Write(\\\"User is PERMITTED to view a document\\\");\\n}\\n\\n\",\"active\":true,\"docsLink\":\"https://docs.permit.io/sdk/dotnet/quickstart-dotnet\"},{\"id\":\"ckxyllyy8zgot0c27zofkm614\",\"nameOnTag\":\"Golang\",\"iconActive\":{\"url\":\"https://media.graphassets.com/DZfjwg9US2ds15hUKVPU\",\"width\":0,\"height\":0},\"iconNotActive\":{\"url\":\"https://media.graphassets.com/DPPj5DUkTZiwjgzACMC0\",\"width\":0,\"height\":0},\"language\":\"GO\",\"languageId\":\"go\",\"copy\":\"permitted, _ := Permit.Check(user, \\\"read\\\", document)\\nif permitted {\\n\\t// allow access to read document\\n}\",\"textAfter\":\"\\tpermitted, _ := Permit.Check(user, \\\"read\\\", document)\\n\\tif permitted {\\n\\t\\t// allow access to read document\\n\\t}\",\"textBefore\":\"// Gather all the needed objects for the permissions check\\n// Complete user object from DB (based on session object, 3 DB queries...)\\nerr, user := session.Get(\\\"user\\\").(string)\\nerr, doc := session.Get(\\\"url\\\").(string)\\n// The 'fancy' home-brewed authorization library (Someone wrote 3 years ago)\\nallowedDocTypes := GetAllowedDocTypes(user.Role)\\n// Query Stripe for live data (3rd party API, slow and expensive)\\nisPaying := stripeWrapper.GetBillingStatus(user.Id) == StripePayingKey\\n\\nif user.Role == AdminRole ||\\n\\t(user.Geo == \\\"US\\\" \u0026\u0026 doc.resourceType == allowedDocTypes \u0026\u0026\\n\\t\\tisPaying \u0026\u0026 user.Role == EditorRole || user.Role == ViewerRole) {\\n\\t// Allow access\\n}\",\"active\":true,\"docsLink\":\"https://docs.permit.io/sdk/golang/quickstart-golang\"},{\"id\":\"cldiuvk8k1ov20aloiymgmxrx\",\"nameOnTag\":\"Kong\",\"iconActive\":{\"url\":\"https://media.graphassets.com/6UZG1VXcTrWQ94PkOVRM\",\"width\":0,\"height\":0},\"iconNotActive\":{\"url\":\"https://media.graphassets.com/pmuvE4XgTuy3GeErYlpU\",\"width\":0,\"height\":0},\"language\":\"Kong gateway\",\"languageId\":\"text\",\"copy\":\"\\\"Config.include Consumer In Opa Input” should be checked\\n“Config.Opa Host” = The PDP’s IP address\\n“Config.Opa Path” = “/kong”\\n“Config.Opa Port” = 7766\\n“Config.Opa Protocol” = “http”\",\"textAfter\":\"Enforce routes directly from the policy-editor / API\",\"textBefore\":\"Write complex Rego code :(\",\"active\":true,\"docsLink\":\"https://docs.permit.io/integrations/gateways/kong\"},{\"id\":\"ckxyiw648yy190d266rxg6mmz\",\"nameOnTag\":\"Ruby\",\"iconActive\":{\"url\":\"https://media.graphassets.com/z4xURxEnSLq2AXFaasRT\",\"width\":0,\"height\":0},\"iconNotActive\":{\"url\":\"https://media.graphassets.com/gO68DgkRSSecSZ6d2aQQ\",\"width\":0,\"height\":0},\"language\":\"Ruby\",\"languageId\":\"ruby\",\"copy\":\"if permit.check(user, \\\"view\\\", \\\"document\\\")\\n # Allow to view document\\nend\",\"textAfter\":\"if permit.check(user, \\\"view\\\", \\\"document\\\")\\n # Allow to view document\\nend\",\"textBefore\":\"# Gather all the needed objects for the permissions check\\n# Complete user object from DB (based on session object, 3 DB queries...)\\nuser = session[:user_id]\\ndoc = params[:id]\\n# The 'fancy' home-brewed authorization library (Someone wrote 3 years ago)\\nallowed_doc_type = list_allowed_doc_type(user.role)\\n# Query Stripe for live data (3rd party API, slow and expensive)\\nis_paying = stripe_api_call.get_billing_status(user_id) == \\\"PAYING\\\"\\n# check if doc.type is in allowed_doc_type array\\nis doc_in_allowed_doc_type = allowed_doc_type.include?(doc.type)\\nif (user.role == \\\"ADMIN\\\") ||\\n (user.geo == \\\"US\\\") \u0026\u0026\\n (allowed_doc_type.include?(doc.type)) \u0026\u0026\\n (is_paying) \u0026\u0026\\n (user.role == \\\"EDITOR\\\" || user.role == \\\"VIEWER\\\")\\n # Allow Access\\nelse\\n # Deny Access\\nend\\n\",\"active\":true,\"docsLink\":\"https://docs.permit.io/sdk/ruby/quickstart-ruby\"},{\"id\":\"ckyr6y0p48nxy0e765s4zpe7p\",\"nameOnTag\":\"Gateway\",\"iconActive\":{\"url\":\"https://media.graphassets.com/3PsJqjinRGuhLTx5O1eh\",\"width\":0,\"height\":0},\"iconNotActive\":{\"url\":\"https://media.graphassets.com/JPpRWWi4TbuepQakL5XU\",\"width\":0,\"height\":0},\"language\":\"AWS gateway\",\"languageId\":null,\"copy\":null,\"textAfter\":null,\"textBefore\":null,\"active\":false,\"docsLink\":null},{\"id\":\"ckyr7dyrs8l8h0d72eaxlqxxj\",\"nameOnTag\":\"Envoy\",\"iconActive\":{\"url\":\"https://media.graphassets.com/n1NpJ69RTM6B2Fp2h0Pj\",\"width\":0,\"height\":0},\"iconNotActive\":{\"url\":\"https://media.graphassets.com/P4CINTcRT2a7Diskbdje\",\"width\":0,\"height\":0},\"language\":\"Envoy\",\"languageId\":null,\"copy\":null,\"textAfter\":null,\"textBefore\":null,\"active\":null,\"docsLink\":null}]}],[\"$\",\"ul\",null,{\"className\":\"mx-auto mt-6 flex max-w-xs flex-col gap-4 px-4 font-inter text-sm font-medium lg:mt-9 lg:grid lg:max-w-[660px] lg:grid-cols-2 lg:gap-9 lg:px-0 lg:text-base\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex items-center gap-3\",\"children\":[[\"$\",\"$L13\",null,{\"src\":{\"src\":\"/_next/static/media/check.d8373de6.svg\",\"height\":42,\"width\":42,\"blurWidth\":0,\"blurHeight\":0},\"alt\":\"\",\"className\":\"h-6 w-6 shrink-0\"}],[\"$\",\"p\",null,{\"className\":\"\",\"children\":\"Seamlessly migrate from any existing authorization solution\"}]]}],[\"$\",\"li\",null,{\"className\":\"flex items-center gap-3\",\"children\":[[\"$\",\"$L13\",null,{\"src\":\"$28\",\"alt\":\"\",\"className\":\"h-6 w-6 shrink-0\"}],[\"$\",\"p\",null,{\"className\":\"\",\"children\":[\"GitOps and Multi-tenancy\",[\"$\",\"br\",null,{\"className\":\"hidden lg:block\"}],\" available out-of-the-box\"]}]]}]]}]]}]}],[\"$\",\"$L29\",null,{}],[\"$\",\"$L2a\",null,{}]]}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute left-0 top-0 z-20 h-[2px] w-full from-[#FF953F] to-[#974EF2] bg-gradient-to-r\"}],[\"$\",\"figure\",null,{\"className\":\"absolute left-0 top-0 z-10 w-full\",\"children\":[[\"$\",\"$L13\",null,{\"src\":{\"src\":\"/_next/static/media/bg_section_before_after_desktop.96bcf269.svg\",\"height\":1102,\"width\":1445,\"blurWidth\":0,\"blurHeight\":0},\"alt\":\"\",\"className\":\"hidden w-full lg:block\"}],[\"$\",\"$L13\",null,{\"src\":{\"src\":\"/_next/static/media/bg_section_before_after_mobile.d573a37f.svg\",\"height\":775,\"width\":430,\"blurWidth\":0,\"blurHeight\":0},\"alt\":\"\",\"className\":\"w-full lg:hidden\"}]]}]]}],[\"$\",\"$L2b\",null,{}],[\"$\",\"div\",null,{\"className\":\"relative overflow-clip\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative z-30\",\"children\":[[\"$\",\"section\",null,{\"className\":\"relative z-20 px-5 pb-14 pt-[5.25rem] text-theme_orange_12 lg:pb-24 lg:pt-36\",\"children\":[\"$\",\"div\",null,{\"className\":\"container relative z-20 flex max-w-6xl flex-col gap-12\",\"children\":[[\"$\",\"header\",null,{\"className\":\"text-center\",\"children\":[\"$\",\"h2\",null,{\"className\":\"font-poppins text-[26px] font-semibold tracking-[-1px] lg:text-4xl\",\"children\":[[\"$\",\"span\",null,{\"className\":\"lg:block\",\"children\":\"All of your access control \"}],\"needs\",\" \",[\"$\",\"span\",null,{\"className\":\" bg-gradient-to-r from-[#974EF2] to-[#FF953F] bg-clip-text text-transparent\",\"children\":\"in one place.\"}]]}]}],[\"$\",\"div\",null,{\"className\":\"mx-auto flex max-w-[516px] flex-col gap-y-14 lg:grid lg:max-w-full lg:grid-cols-2 lg:gap-x-14\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-10 lg:gap-14\",\"children\":[[\"$\",\"$L2c\",null,{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/elements\",\"className\":\"group flex w-full flex-col rounded-lg bg-[#FDFCFC] p-2 text-[#451E11] transition duration-300 hover:shadow lg:h-[588px] lg:min-h-[554px]\",\"style\":{\"boxShadow\":\"0px 0px 6px 2px rgba(67,48,43,0.10)\"},\"children\":[[[\"$\",\"figure\",null,{\"className\":\"relative hidden w-full grow items-end justify-center overflow-hidden rounded-lg bg-[#FFF1E7] transition-all duration-300 lg:flex\",\"children\":[\"$\",\"div\",null,{\"className\":\"hidden lg:block\",\"children\":[[\"$\",\"$L13\",null,{\"className\":\"absolute left-1/2 top-12 z-20 w-full max-w-[90%] -translate-x-1/2 transition-all duration-300 lg:max-w-sm lg:group-hover:top-8\",\"src\":{\"src\":\"/_next/static/media/card2.55829911.png\",\"height\":704,\"width\":825,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAMAAAACh/xsAAAAQlBMVEUhGhhVVVVJODAeFxY2LCgvJx4tJSQuJyQdFxUvJiM3KSUdGBUhQz0bFRM2Liw4IBwjIyA3IhsxJiQzLCgoIyAjSkSONJEqAAAAFHRSTlP9AfzD+wmaxqz8tsjngfw/4yV2bDEpdpkAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAA7SURBVHicFcZJEoAwCATAgQQYosYN//9VK31qeLS20QTRM7/9NASAum5ZqT79XZmqOhCFyhwPDpJ0kx81FQG9YB8iRQAAAABJRU5ErkJggg==\",\"blurWidth\":8,\"blurHeight\":7},\"alt\":\"\"}],[\"$\",\"$L13\",null,{\"className\":\"absolute left-1/2 top-1/2 z-10 h-full w-full -translate-x-1/2 -translate-y-1/2 object-cover transition duration-300 lg:opacity-0 lg:group-hover:opacity-100\",\"src\":{\"src\":\"/_next/static/media/bg2.5e7e7860.svg\",\"height\":328,\"width\":498,\"blurWidth\":0,\"blurHeight\":0},\"alt\":\"\"}]]}]}],[\"$\",\"figure\",null,{\"className\":\"w-full lg:hidden\",\"children\":[\"$\",\"$L13\",null,{\"src\":{\"src\":\"/_next/static/media/card2mobile.08fb3f95.svg\",\"height\":325,\"width\":374,\"blurWidth\":0,\"blurHeight\":0},\"alt\":\"\",\"className\":\"w-full\"}]}]],[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start gap-3 px-4 py-5 lg:px-[34px] lg:py-[34px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"bg-[#FFE8D7] flex h-8 items-center gap-1 rounded px-1 pr-2 font-inter text-[10px] font-medium uppercase tracking-[0.5px] transition\",\"children\":[[\"$\",\"$L13\",null,{\"src\":{\"src\":\"/_next/static/media/icon2.f6d93c06.svg\",\"height\":25,\"width\":25,\"blurWidth\":0,\"blurHeight\":0},\"alt\":\"\"}],[\"$\",\"p\",null,{\"children\":\"Authorization Elements\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-poppins text-2xl font-semibold\",\"children\":\"Create and embed\"}],[\"$\",\"p\",null,{\"className\":\"text-pretty max-w-[410px] font-inter text-sm lg:text-base\",\"children\":\"Embed customizable access control elements like User Management, Approval Flows, and Audit Logs directly into your app\"}]]}],[\"$\",\"button\",null,{\"className\":\"inline-flex border-[2px] border-transparent justify-center gap-2 items-center whitespace-nowrap rounded-full ring-offset-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 dark:ring-offset-slate-950 dark:focus-visible:ring-slate-300 tracking-[-0.5px] underline-offset-4 font-inter dark:text-slate-50 px-5 py-3 group/arrow h-auto pl-0 text-base font-medium text-[#7011E4] transition-all duration-300 hover:no-underline lg:-mt-[44px] lg:p-0 lg:opacity-0 lg:group-hover:mt-0 lg:group-hover:opacity-100\",\"children\":[\"Learn More\",\" \",[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":16,\"height\":16,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"transition group-hover/arrow:translate-x-1\",\"children\":[[\"$\",\"path\",\"1r0oui\",{\"d\":\"M18 8L22 12L18 16\"}],[\"$\",\"path\",\"1m8cig\",{\"d\":\"M2 12H22\"}],\"$undefined\"]}]]}]]}]]}]}],[\"$\",\"$L2c\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"https://docs.permit.io/how-to/use-audit-logs/types-and-filtering\",\"rel\":\"noreferrer noopener\",\"target\":\"_blank\",\"style\":{\"boxShadow\":\"0px 0px 6px 2px rgba(67,48,43,0.10)\"},\"className\":\"group flex w-full flex-col rounded-lg bg-[#FDFCFC] p-2 text-[#451E11] transition duration-300 hover:shadow lg:h-[588px] lg:min-h-[554px]\",\"children\":[[[\"$\",\"figure\",null,{\"className\":\"relative hidden w-full grow items-end justify-center overflow-hidden rounded-lg bg-[#FFF1E7] transition-all duration-300 lg:flex\",\"children\":[\"$\",\"div\",null,{\"className\":\"hidden lg:block\",\"children\":[[\"$\",\"$L13\",null,{\"className\":\"absolute left-1/2 top-1/2 z-20 w-full max-w-[90%] -translate-x-1/2 -translate-y-1/2 lg:max-w-sm\",\"src\":{\"src\":\"/_next/static/media/card3.25aa9d8b.svg\",\"height\":187,\"width\":456,\"blurWidth\":0,\"blurHeight\":0},\"alt\":\"\"}],[\"$\",\"$L13\",null,{\"className\":\"absolute left-1/2 top-1/2 z-10 h-full w-full -translate-x-1/2 -translate-y-1/2 object-cover transition duration-300 lg:opacity-0 lg:group-hover:opacity-100\",\"src\":{\"src\":\"/_next/static/media/bg1.301ce7e7.svg\",\"height\":332,\"width\":498,\"blurWidth\":0,\"blurHeight\":0},\"alt\":\"\"}]]}]}],[\"$\",\"figure\",null,{\"className\":\"w-full lg:hidden\",\"children\":[\"$\",\"$L13\",null,{\"src\":{\"src\":\"/_next/static/media/card3mobile.2c2ff756.svg\",\"height\":329,\"width\":374,\"blurWidth\":0,\"blurHeight\":0},\"alt\":\"\",\"className\":\"w-full\"}]}]],[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start gap-3 px-4 py-5 lg:px-[34px] lg:py-[34px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"bg-[#FFE8D7] flex h-8 items-center gap-1 rounded px-1 pr-2 font-inter text-[10px] font-medium uppercase tracking-[0.5px] transition\",\"children\":[[\"$\",\"$L13\",null,{\"src\":{\"src\":\"/_next/static/media/icon3.3dd21ccb.svg\",\"height\":25,\"width\":25,\"blurWidth\":0,\"blurHeight\":0},\"alt\":\"\"}],[\"$\",\"p\",null,{\"children\":\"Audit Logs\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-poppins text-2xl font-semibold\",\"children\":\"Access powerful audit logs\"}],[\"$\",\"p\",null,{\"className\":\"text-pretty max-w-[410px] font-inter text-sm lg:text-base\",\"children\":\"Enjoy automatically generated audit logs for your app and the permission management control plane, and easily propagate them to any logging solution\"}]]}],[\"$\",\"button\",null,{\"className\":\"inline-flex border-[2px] border-transparent justify-center gap-2 items-center whitespace-nowrap rounded-full ring-offset-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 dark:ring-offset-slate-950 dark:focus-visible:ring-slate-300 tracking-[-0.5px] underline-offset-4 font-inter dark:text-slate-50 px-5 py-3 group/arrow h-auto pl-0 text-base font-medium text-[#7011E4] transition-all duration-300 hover:no-underline lg:-mt-[44px] lg:p-0 lg:opacity-0 lg:group-hover:mt-0 lg:group-hover:opacity-100\",\"children\":[\"Learn More\",\" \",[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":16,\"height\":16,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"transition group-hover/arrow:translate-x-1\",\"children\":[[\"$\",\"path\",\"1r0oui\",{\"d\":\"M18 8L22 12L18 16\"}],[\"$\",\"path\",\"1m8cig\",{\"d\":\"M2 12H22\"}],\"$undefined\"]}]]}]]}]]}]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-10 lg:mt-40 lg:gap-14\",\"children\":[[\"$\",\"$L2c\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"https://docs.permit.io/manage-your-account/workspace-settings/#member-management\",\"rel\":\"noreferrer noopener\",\"target\":\"_blank\",\"style\":{\"boxShadow\":\"0px 0px 6px 2px rgba(67,48,43,0.10)\"},\"className\":\"group flex w-full flex-col rounded-lg bg-[#FDFCFC] p-2 text-[#451E11] transition duration-300 hover:shadow lg:h-[588px] lg:min-h-[554px]\",\"children\":[[[\"$\",\"figure\",null,{\"className\":\"relative hidden w-full grow items-end justify-center overflow-hidden rounded-lg bg-[#FFF1E7] transition-all duration-300 lg:flex\",\"children\":[\"$\",\"div\",null,{\"className\":\"hidden lg:block\",\"children\":[[\"$\",\"$L13\",null,{\"className\":\"absolute left-1/2 top-1/2 z-20 w-full max-w-[90%] -translate-x-1/2 -translate-y-1/2 lg:max-w-sm\",\"src\":{\"src\":\"/_next/static/media/card1.33d66368.png\",\"height\":389,\"width\":908,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAADCAMAAACZFr56AAAAElBMVEX18/Ho4+P49/b9/Pzgzszv7Ovo8FsSAAAAAnRSTlP+/qap3hAAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAAeSURBVHicY2BlYGZiYmJiYGBhZGBgYAAxWJlBgAkAAnwAMjgGJTYAAAAASUVORK5CYII=\",\"blurWidth\":8,\"blurHeight\":3},\"alt\":\"\"}],[\"$\",\"$L13\",null,{\"className\":\"absolute left-1/2 top-1/2 z-10 h-full w-full -translate-x-1/2 -translate-y-1/2 object-cover transition duration-300 lg:opacity-0 lg:group-hover:opacity-100\",\"src\":\"$2d\",\"alt\":\"\"}]]}]}],[\"$\",\"figure\",null,{\"className\":\"w-full lg:hidden\",\"children\":[\"$\",\"$L13\",null,{\"src\":{\"src\":\"/_next/static/media/card1mobile.bf596b30.png\",\"height\":580,\"width\":748,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAMAAADJ2y/JAAAAHlBMVEX7+vn08fD10cb49fX/8ef96eDl393/4c/mxr/byccSDt72AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAKklEQVR4nCXGQRIAEBADwYlsFv//sEKfmrqSUBJYJt0CQdaWMczRkl++Aw/4AI08y1GVAAAAAElFTkSuQmCC\",\"blurWidth\":8,\"blurHeight\":6},\"alt\":\"\",\"className\":\"w-full\"}]}]],[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start gap-3 px-4 py-5 lg:px-[34px] lg:py-[34px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"bg-[#FFE8D7] flex h-8 items-center gap-1 rounded px-1 pr-2 font-inter text-[10px] font-medium uppercase tracking-[0.5px] transition\",\"children\":[[\"$\",\"$L13\",null,{\"src\":{\"src\":\"/_next/static/media/icon1.ce5f75a9.svg\",\"height\":25,\"width\":25,\"blurWidth\":0,\"blurHeight\":0},\"alt\":\"\"}],[\"$\",\"p\",null,{\"children\":\"Authorization for Authorization\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-poppins text-2xl font-semibold\",\"children\":\"Manage your team's access\"}],[\"$\",\"p\",null,{\"className\":\"text-pretty max-w-[410px] font-inter text-sm lg:text-base\",\"children\":\"Manage and audit who can grant, change and revoke permissions within your application's authorization system.\"}]]}],[\"$\",\"button\",null,{\"className\":\"inline-flex border-[2px] border-transparent justify-center gap-2 items-center whitespace-nowrap rounded-full ring-offset-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 dark:ring-offset-slate-950 dark:focus-visible:ring-slate-300 tracking-[-0.5px] underline-offset-4 font-inter dark:text-slate-50 px-5 py-3 group/arrow h-auto pl-0 text-base font-medium text-[#7011E4] transition-all duration-300 hover:no-underline lg:-mt-[44px] lg:p-0 lg:opacity-0 lg:group-hover:mt-0 lg:group-hover:opacity-100\",\"children\":[\"Learn More\",\" \",[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":16,\"height\":16,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"transition group-hover/arrow:translate-x-1\",\"children\":[[\"$\",\"path\",\"1r0oui\",{\"d\":\"M18 8L22 12L18 16\"}],[\"$\",\"path\",\"1m8cig\",{\"d\":\"M2 12H22\"}],\"$undefined\"]}]]}]]}]]}]}],[\"$\",\"$L2c\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"https://docs.permit.io/integrations/gitops/overview\",\"rel\":\"noreferrer noopener\",\"target\":\"_blank\",\"style\":{\"boxShadow\":\"0px 0px 6px 2px rgba(67,48,43,0.10)\"},\"className\":\"group flex w-full flex-col rounded-lg bg-[#FDFCFC] p-2 text-[#451E11] transition duration-300 hover:shadow lg:h-[588px] lg:min-h-[554px]\",\"children\":[[[\"$\",\"figure\",null,{\"className\":\"relative hidden w-full grow items-end justify-center overflow-hidden rounded-lg bg-[#FFF1E7] transition-all duration-300 lg:flex\",\"children\":[\"$\",\"div\",null,{\"className\":\"hidden lg:block\",\"children\":[[\"$\",\"$L13\",null,{\"className\":\"absolute left-1/2 top-1/2 z-20 w-full max-w-[90%] -translate-x-1/2 -translate-y-1/2 lg:max-w-sm\",\"src\":{\"src\":\"/_next/static/media/card4.c226c082.svg\",\"height\":183,\"width\":386,\"blurWidth\":0,\"blurHeight\":0},\"alt\":\"\"}],[\"$\",\"$L13\",null,{\"className\":\"absolute left-1/2 top-1/2 z-10 h-full w-full -translate-x-1/2 -translate-y-1/2 object-cover transition duration-300 lg:opacity-0 lg:group-hover:opacity-100\",\"src\":\"$2d\",\"alt\":\"\"}]]}]}],[\"$\",\"figure\",null,{\"className\":\"w-full lg:hidden\",\"children\":[\"$\",\"$L13\",null,{\"src\":{\"src\":\"/_next/static/media/card4mobile.7114310f.svg\",\"height\":305,\"width\":374,\"blurWidth\":0,\"blurHeight\":0},\"alt\":\"\",\"className\":\"w-full\"}]}]],[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start gap-3 px-4 py-5 lg:px-[34px] lg:py-[34px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"bg-[#FFE8D7] flex h-8 items-center gap-1 rounded px-1 pr-2 font-inter text-[10px] font-medium uppercase tracking-[0.5px] transition\",\"children\":[[\"$\",\"$L13\",null,{\"src\":{\"src\":\"/_next/static/media/icon4.b25a78a3.svg\",\"height\":25,\"width\":24,\"blurWidth\":0,\"blurHeight\":0},\"alt\":\"\"}],[\"$\",\"p\",null,{\"children\":\"Gitops\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-poppins text-2xl font-semibold\",\"children\":\"Enjoy true Policy-as-Code\"}],[\"$\",\"p\",null,{\"className\":\"text-pretty max-w-[410px] font-inter text-sm lg:text-base\",\"children\":\"Manage your policies in a cloud native GitOps flow, combining application level authorization with infra admissions in a unified policy repo.\"}]]}],[\"$\",\"button\",null,{\"className\":\"inline-flex border-[2px] border-transparent justify-center gap-2 items-center whitespace-nowrap rounded-full ring-offset-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 dark:ring-offset-slate-950 dark:focus-visible:ring-slate-300 tracking-[-0.5px] underline-offset-4 font-inter dark:text-slate-50 px-5 py-3 group/arrow h-auto pl-0 text-base font-medium text-[#7011E4] transition-all duration-300 hover:no-underline lg:-mt-[44px] lg:p-0 lg:opacity-0 lg:group-hover:mt-0 lg:group-hover:opacity-100\",\"children\":[\"Learn More\",\" \",[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":16,\"height\":16,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"transition group-hover/arrow:translate-x-1\",\"children\":[[\"$\",\"path\",\"1r0oui\",{\"d\":\"M18 8L22 12L18 16\"}],[\"$\",\"path\",\"1m8cig\",{\"d\":\"M2 12H22\"}],\"$undefined\"]}]]}]]}]]}]}]]}]]}]]}]}],[\"$\",\"$L2e\",null,{}],[\"$\",\"$L2f\",null,{\"recommendations\":[{\"id\":\"ckwnfwln4lzuz0c20z32ewgsd\",\"nameAndPosition\":\"Tal Saiag, Founder \u0026 CTO\",\"name\":\"Tal Saiag\",\"companyAndPosition\":\"Granulate Founder \u0026 CTO\",\"short\":\"At Granulate we optimize our customers’ most critical systems; as a result, getting access control right is of the highest importance. Full stack permissions as a service allows our developers to focus on their core product. I was extremely impressed both by Permit.io’s technology and its dedication to customer service.\",\"avatar\":{\"url\":\"https://media.graphassets.com/cihGwsK0QPGuQVbcBMkt\",\"width\":200,\"height\":200},\"order\":1},{\"id\":\"ckwnfuv54lpjv0b28x9q0y92w\",\"nameAndPosition\":\"Matan Bakshi, Founder \u0026 CTO\",\"name\":\"Matan Bakshi\",\"companyAndPosition\":\"Buzzer.ai Founder \u0026 CTO\",\"short\":\"Building authorization for Buzzer’s call-rep on-demand service was a challenging task, but with Permit.io we were able to get it up and running end-to-end in just a few days.\",\"avatar\":{\"url\":\"https://media.graphassets.com/EpzSnkruTBSn36jCvTct\",\"width\":200,\"height\":200},\"order\":2},{\"id\":\"ckwnfy6qom00h0c20wp3auexx\",\"nameAndPosition\":\"Ran Ribenzaft , Epsagon CTO\",\"name\":\"Ran Ribenzaft\",\"companyAndPosition\":\"Cisco, Epsagon CTO\",\"short\":\"At Epsagon (acquired by Cisco) we are no strangers to the complexity of microservices. Access control demands of microservices are never-ending , so they require a modern stack that can quickly adapt to the most demanding tech and security needs.\",\"avatar\":{\"url\":\"https://media.graphassets.com/TjtL4dL5QFyIbYNUstDA\",\"width\":200,\"height\":200},\"order\":3},{\"id\":\"cl17m86z721pm0dmwy11pytr5\",\"nameAndPosition\":\"Nate Young | CIO, Maricopa County Recorder's Office\",\"name\":\"Nate Young\",\"companyAndPosition\":\"CIO, Maricopa County Recorder's Office\",\"short\":\"Permit’s intuitive policy editor allows access to complex attribute-based conditions that are robust enough for our developers to use, yet simple enough for our non-technical staff to configure without the need for IT assistance\",\"avatar\":{\"url\":\"https://media.graphassets.com/QD3e1sLDTK2PzJkquLGw\",\"width\":225,\"height\":225},\"order\":4},{\"id\":\"ckwnfr774lwhj0c140xste3vs\",\"nameAndPosition\":\"Hongbo Miao, Senior Software Engineer\",\"name\":\"Hongbo Miao\",\"companyAndPosition\":\"Tesla Senior Software Engineer\",\"short\":\"Moving to modern authorization for microservices is no easy feat, but OPAL made it easy. When I was learning and exploring replicator solutions for OPA myself in my free time, I found that OPAL is a very mature solution for the open-policy administration layer and beyond.\",\"avatar\":{\"url\":\"https://media.graphassets.com/XQpUI5mKQjaOyudGA9c4\",\"width\":200,\"height\":200},\"order\":5},{\"id\":\"cm00xskue6kq908n6mxpbwjcv\",\"nameAndPosition\":\"Jean Philippe Boul | Co-founder \u0026 COO Jules AI\",\"name\":\"Jean Philippe Boul\",\"companyAndPosition\":\"Co-founder \u0026 COO Jules AI\",\"short\":\"At Jules we aim to streamline the process of buying/selling recycled materials, and sharing access as part of our portal is an important step to achieve that. Allowing users to share access is both important to get right and hard to do so, we're delighted to have Permit solve this problem for us end to end.\",\"avatar\":{\"url\":\"https://media.graphassets.com/o7iDHfPVQrGcN8yS2Qav\",\"width\":200,\"height\":200},\"order\":7}],\"videos\":[{\"videoCover\":{\"url\":\"https://media.graphassets.com/uC5jq8bySR6bQ7EymOFL\"},\"youTube\":\"https://youtu.be/AGpTLFGpzcY\",\"name\":\"Nate Young\",\"position\":\"Chief Information Officer\",\"company\":\"Maricopa County Recorder Office\"},{\"videoCover\":{\"url\":\"https://media.graphassets.com/VQ5RlTcRimOEadSAcOY2\"},\"youTube\":\"https://youtu.be/9CkROJwaDU8\",\"name\":\"Dor Tabakuli\",\"position\":\"Full Stack Team Leader\",\"company\":\"Honeycomb Insurance\"},{\"videoCover\":{\"url\":\"https://media.graphassets.com/rAo4KqKzRrCu5MDSYgq9\"},\"youTube\":\"https://youtu.be/d8vNPrsnJCEsirzgb7IgeuWcBfqAr\",\"name\":\"Benny Bloch\",\"position\":\"Software Development Manager\",\"company\":\"Rivulis\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute left-0 top-0 z-20 h-[2px] w-full from-[#FF953F] to-[#974EF2] bg-gradient-to-l\"}],[\"$\",\"figure\",null,{\"className\":\"absolute left-0 top-0 z-10 w-full\",\"children\":[[\"$\",\"$L13\",null,{\"src\":{\"src\":\"/_next/static/media/bg_section_control_desktop.6adabb97.svg\",\"height\":1700,\"width\":1445,\"blurWidth\":0,\"blurHeight\":0},\"alt\":\"\",\"className\":\"hidden w-full lg:block\"}],[\"$\",\"$L13\",null,{\"src\":{\"src\":\"/_next/static/media/bg_section_control_mobile.6b5aa333.svg\",\"height\":4286,\"width\":430,\"blurWidth\":0,\"blurHeight\":0},\"alt\":\"\",\"className\":\"w-full lg:hidden\"}]]}]]}],[\"$\",\"$L30\",null,{\"memberNumber\":2026}],[\"$\",\"div\",null,{\"style\":{\"backgroundImage\":\"radial-gradient(rgba(238,212,195,1) 1px,rgba(253,243,236,1) 1px)\",\"backgroundSize\":\"24px 24px\"},\"className\":\"pointer-events-none absolute inset-0 h-full w-full\"}]]}]]\n"])</script></body></html>