.product-icon__solid[data-astro-cid-ulkepenx],[aria-selected=true] .product-icon__stroke[data-astro-cid-ulkepenx]{display:none}[aria-selected=true] .product-icon__solid[data-astro-cid-ulkepenx]{display:inline}/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--radius-md:.375rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.static{position:static}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.rounded{border-radius:.25rem}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}@font-face{font-family:Geom;font-style:normal;font-weight:300 900;font-display:swap;src:url(/fonts/geom-latin.woff2)format("woff2")}:root{color-scheme:dark;--font-sans:"Geom",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"SFMono-Regular","Cascadia Code","Roboto Mono",Consolas,monospace;--page:#050505;--surface-0:#080808;--surface-1:#0b0b0c;--surface-2:#101012;--surface-3:#151518;--ink:#f7f7f8;--ink-soft:#c3c3ca;--muted:#85858f;--muted-2:#606068;--line:#ffffff1a;--line-strong:#ffffff29;--accent:#8367c7;--accent-light:#a78bfa;--accent-deep:#5a3f9d;--accent-rgb:131 103 199;--success:#34d399;--success-rgb:52 211 153;--danger:#fb7185;--container:1240px;--header-height:76px;--radius-sm:12px;--radius-md:16px;--radius-lg:22px;--radius-xl:26px;--ease-out:cubic-bezier(.16,1,.3,1);--shadow-card:0 28px 80px #00000057}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;scroll-padding-top:calc(var(--header-height) + 28px);background:var(--page)}body{background:radial-gradient(circle at 50% -10%,rgb(var(--accent-rgb)/.17),transparent 34rem),var(--page);min-width:320px;min-height:100vh;color:var(--ink);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5;overflow-x:clip}body:before,body:after{z-index:-2;pointer-events:none;content:"";position:fixed;inset:0}body:before{background-color:#0000;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:64px 64px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;-webkit-mask-image:linear-gradient(#000,#0000 62%);mask-image:linear-gradient(#000,#0000 62%)}body:after{z-index:-1;background:radial-gradient(circle at 2% 32%,rgb(var(--accent-rgb)/.08),transparent 22rem),radial-gradient(circle at 98% 68%,rgb(var(--accent-rgb)/.07),transparent 25rem)}::selection{background:rgb(var(--accent-rgb)/.55);color:#fff}a{color:inherit;text-decoration:none}button,input,textarea,select{color:inherit;font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img,svg{max-width:100%;display:block}h1,h2,h3,p,pre{margin-block:0}:where(a,button,input,summary,[tabindex]):focus-visible{outline:2px solid var(--accent-light);outline-offset:4px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:1000;border:1px solid var(--line-strong);color:#050505;transition:transform .18s var(--ease-out);background:#fff;border-radius:12px;padding:11px 16px;font-weight:700;position:fixed;top:12px;left:12px;transform:translateY(-140%)}.skip-link:focus{transform:translateY(0)}.site-main{z-index:1;position:relative}.container,.section-shell,.nav-shell,.footer-shell{width:min(calc(100% - 48px),var(--container));margin-inline:auto}.section{padding-block:clamp(88px,10vw,144px);position:relative}.section--compact{padding-block:clamp(64px,8vw,104px)}.section-kicker,.eyebrow{color:var(--accent-light);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:9px;font-size:.74rem;font-weight:700;line-height:1.1;display:inline-flex}.section-kicker:before,.eyebrow:before{content:"";background:currentColor;width:18px;height:1px}.section-title{letter-spacing:-.055em;max-width:780px;margin-top:20px;font-size:clamp(2.25rem,5vw,4.75rem);font-weight:590;line-height:.98}.section-lede{max-width:660px;color:var(--muted);margin-top:24px;font-size:clamp(1.02rem,1.6vw,1.24rem);line-height:1.68}.section-heading-row{justify-content:space-between;align-items:end;gap:40px;margin-bottom:clamp(44px,7vw,76px);display:flex}.muted{color:var(--muted)}.mono{font-family:var(--font-mono)}.site-header{z-index:100;pointer-events:none;border-bottom:1px solid #0000;transition:border-color .22s,background-color .22s;position:fixed;top:0;left:0;right:0}.nav-shell{pointer-events:auto;align-items:center;gap:24px;min-height:78px;display:flex}.site-header[data-scrolled=true],.site-header.is-scrolled{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050505eb;border-color:#ffffff14}.brand{letter-spacing:-.03em;border-radius:11px;flex:none;align-items:center;gap:10px;min-height:42px;font-size:1.08rem;font-weight:700;display:inline-flex}.brand-mark{width:30px;height:30px}.desktop-nav,.nav-links{align-items:center;gap:4px;display:flex}.nav-links{margin-inline:auto}.nav-link{color:#a8a8b0;border-radius:11px;align-items:center;min-height:42px;padding-inline:13px;font-size:.91rem;font-weight:510;transition:background-color .17s,color .17s;display:inline-flex}.nav-link:hover,.nav-link[aria-current=page]{color:#fff;background:#ffffff0e}.nav-actions{flex:none;align-items:center;gap:7px;display:flex}.button,.nav-button{border:1px solid var(--line-strong);min-height:46px;color:var(--ink);letter-spacing:-.015em;transition:border-color .18s ease,background-color .18s ease,color .18s ease,transform .18s var(--ease-out),box-shadow .18s ease;background:#111113;border-radius:14px;justify-content:center;align-items:center;gap:9px;padding:0 19px;font-size:.94rem;font-weight:620;display:inline-flex;position:relative;overflow:hidden}.button:hover,.nav-button:hover{background:#18181b;border-color:#ffffff45;transform:translateY(-1px)}.button--primary,.nav-button--primary{color:#090909;background:#fff;border-color:#ffffffeb;box-shadow:0 10px 30px #ffffff14}.button--primary:after,.nav-button--primary:after{background:linear-gradient(105deg,transparent 20%,rgb(var(--accent-rgb)/.16),transparent 80%);content:"";transition:transform .5s var(--ease-out);position:absolute;inset:0;transform:translate(-120%)}.button--primary:hover,.nav-button--primary:hover{box-shadow:0 12px 36px rgb(var(--accent-rgb)/.18);background:#f0eef7;border-color:#fff}.button--primary:hover:after,.nav-button--primary:hover:after{transform:translate(120%)}.button--ghost,.nav-button--ghost{color:#b2b2ba;background:0 0;border-color:#0000}.button--ghost:hover,.nav-button--ghost:hover{color:#fff;background:#ffffff0e;border-color:#0000}.button-icon{flex:none;width:18px;height:18px}.mobile-menu-toggle,.menu-toggle{border:1px solid var(--line);color:#fff;background:#111113;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:none}.menu-toggle-lines,.menu-toggle-lines:before,.menu-toggle-lines:after{content:"";background:currentColor;border-radius:999px;width:18px;height:1.5px;transition:transform .18s;display:block}.menu-toggle-lines:before{transform:translateY(-5px)}.menu-toggle-lines:after{transform:translateY(3.5px)}.menu-toggle[aria-expanded=true] .menu-toggle-lines{transform:rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-toggle-lines:before{transform:translateY(0)rotate(90deg)}.menu-toggle[aria-expanded=true] .menu-toggle-lines:after{transform:translateY(-1.5px)scaleX(0)}.mobile-menu{display:none}.hero{background:var(--page);place-items:start center;min-height:min(1060px,100svh);padding:clamp(240px,26vh,300px) 0 72px;display:grid;position:relative;overflow:hidden}.hero-shell{width:min(calc(100% - 48px),var(--container));text-align:center;margin-inline:auto}.hero-title{letter-spacing:-.075em;max-width:1040px;margin:30px auto 0;font-size:clamp(4rem,9vw,8.6rem);font-weight:570;line-height:.86}.hero-lede{color:#a3a3ab;max-width:720px;margin:34px auto 0;font-size:clamp(1.08rem,2vw,1.34rem);line-height:1.64}.hero-actions{flex-wrap:wrap;justify-content:center;gap:11px;margin-top:34px;display:flex}.hero-actions .button{min-height:52px;padding-inline:23px}.install-command,.command-bar{color:#b8b8c0;text-align:left;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0a0bc2;border:1px solid #ffffff1f;border-radius:14px;align-items:center;gap:0;width:fit-content;max-width:100%;min-height:52px;margin:24px auto 0;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff09}.command-bar code,.install-command code{min-width:0;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;padding:0 18px;font-size:.84rem;display:block;overflow:hidden}.command-prompt{color:var(--accent-light)}.copy-button,.command-copy{border:0;border-left:1px solid var(--line);color:#83838c;background:0 0;justify-content:center;align-items:center;width:50px;min-width:50px;height:50px;padding:0;transition:background-color .16s,color .16s;display:inline-flex}.copy-button:hover,.command-copy:hover{color:#fff;background:#ffffff0d}.copy-button[data-copied=true],.copy-button.is-copied,.command-copy[data-copied=true]{background:rgb(var(--success-rgb)/.1);color:var(--success)}.copy-button svg,.command-copy svg{width:18px;height:18px}.topology-wrap,.topology-section{width:min(calc(100% - 48px),var(--container));margin:clamp(-72px,-5vw,-34px) auto 0;position:relative}.topology{isolation:isolate;border:1px solid var(--line);border-radius:var(--radius-xl);background:radial-gradient(circle at 50% 46%,rgb(var(--accent-rgb)/.14),transparent 28%),linear-gradient(180deg,#ffffff06,transparent 34%),#080809;min-height:480px;box-shadow:var(--shadow-card),inset 0 1px #ffffff08;position:relative;overflow:hidden}.topology:before{z-index:-1;content:"";background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 78%);mask-image:radial-gradient(circle,#000,#0000 78%)}.topology-header,.panel-toolbar{z-index:4;min-height:40px;color:var(--muted-2);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;font-size:.69rem;display:flex;position:absolute;top:20px;left:20px;right:20px}.window-dots,.panel-dots{align-items:center;gap:6px;display:flex}.window-dots span,.panel-dots span{background:#2e2e34;border-radius:999px;width:6px;height:6px}.topology-stage{position:absolute;inset:64px 22px 24px}.topology-svg{width:100%;height:100%;overflow:visible}.topology-path,.topology-line{fill:none;stroke:#ffffff1f;stroke-width:1.15px;vector-effect:non-scaling-stroke;transition:opacity .24s,stroke .24s,stroke-width .24s}.topology-flow,.topology-path-flow{fill:none;opacity:.55;stroke:var(--accent-light);stroke-dasharray:4 11;stroke-linecap:round;stroke-width:1.6px;vector-effect:non-scaling-stroke;animation:2.4s linear infinite dash-flow}.topology-glow{fill:none;opacity:.35;stroke:var(--accent);stroke-width:8px;filter:blur(8px)}.topology-node{color:#a3a3ac;cursor:default;transition:color .2s ease,filter .2s ease,transform .26s var(--ease-out);transform-box:fill-box;transform-origin:50%}.topology-node:hover,.topology-node:focus-visible,.topology-node[data-active=true],.topology-node.is-active{color:#fff;filter:drop-shadow(0 0 14px rgb(var(--accent-rgb)/.55));transform:translateY(-2px)}.topology-node-bg,.topology-node rect{fill:#111113;stroke:#ffffff24;transition:fill .2s,stroke .2s}.topology-node:hover .topology-node-bg,.topology-node:focus-visible .topology-node-bg,.topology-node[data-active=true] .topology-node-bg{fill:#17131f;stroke:rgb(var(--accent-rgb)/.78)}.topology-node-title{fill:#f4f4f5;font-family:var(--font-sans);font-size:13px;font-weight:620}.topology-node-label{fill:#6f6f78;font-family:var(--font-mono);letter-spacing:.04em;font-size:9px}.topology-node-status{fill:var(--success);filter:drop-shadow(0 0 4px rgb(var(--success-rgb)/.5));animation:2.2s ease-in-out infinite status-pulse}.topology[data-active-product=tunnels] :is([data-product-path=observability],[data-product-path=secrets]),.topology[data-active-product=observability] :is([data-product-path=tunnels],[data-product-path=secrets]),.topology[data-active-product=secrets] :is([data-product-path=tunnels],[data-product-path=observability]){opacity:.16}.topology[data-active-product=tunnels] [data-product-path=tunnels],.topology[data-active-product=observability] [data-product-path=observability],.topology[data-active-product=secrets] [data-product-path=secrets]{opacity:1;stroke:var(--accent-light);stroke-width:2px}.topology-legend{z-index:5;gap:7px;display:flex;position:absolute;bottom:20px;right:22px}.topology-filter{border:1px solid var(--line);color:#85858f;background:#0e0e10d1;border-radius:10px;min-height:34px;padding:0 11px;font-size:.72rem;transition:border-color .16s,color .16s,background-color .16s}.topology-filter:hover,.topology-filter[aria-pressed=true],.topology-filter[data-active=true]{border-color:rgb(var(--accent-rgb)/.5);background:rgb(var(--accent-rgb)/.1);color:#ddd5f5}.product-stack{gap:clamp(100px,14vw,184px);display:grid}.product-story{grid-template-columns:minmax(280px,.78fr) minmax(520px,1.22fr);align-items:center;gap:clamp(46px,7vw,96px);display:grid}.product-story:nth-child(2n),.product-story[data-layout=reverse]{grid-template-columns:minmax(520px,1.22fr) minmax(280px,.78fr)}.product-story:nth-child(2n) .product-copy,.product-story[data-layout=reverse] .product-copy{order:2}.product-story:nth-child(2n) .product-panel,.product-story[data-layout=reverse] .product-panel{order:1}.product-copy{position:relative}.product-index{border:1px solid rgb(var(--accent-rgb)/.27);background:rgb(var(--accent-rgb)/.08);color:#c4b5fd;width:38px;height:38px;font-family:var(--font-mono);border-radius:11px;place-items:center;margin-bottom:22px;font-size:.72rem;display:inline-grid}.product-label{color:var(--accent-light);letter-spacing:.14em;text-transform:uppercase;font-size:.76rem;font-weight:710}.product-title{letter-spacing:-.06em;margin-top:14px;font-size:clamp(2.4rem,4.7vw,4.9rem);font-weight:580;line-height:.96}.product-description{color:var(--muted);margin-top:24px;font-size:clamp(1rem,1.35vw,1.14rem);line-height:1.68}.feature-list{gap:11px;margin:29px 0 0;padding:0;list-style:none;display:grid}.feature-list li{color:#c0c0c7;align-items:center;gap:11px;font-size:.94rem;display:flex}.feature-list li:before{background:var(--accent-light);width:5px;height:5px;box-shadow:0 0 10px rgb(var(--accent-rgb)/.65);content:"";border-radius:999px;flex:none}.product-link{color:#ded8ee;align-items:center;gap:7px;margin-top:28px;font-size:.92rem;font-weight:610;display:inline-flex}.product-link svg{width:16px;transition:transform .18s var(--ease-out)}.product-link:hover svg{transform:translate(3px)}.product-panel,.console-frame,.mockup-shell{border:1px solid var(--line);border-radius:var(--radius-xl);min-width:0;box-shadow:var(--shadow-card),inset 0 1px #ffffff09;background:#09090a;position:relative;overflow:hidden}.product-panel{min-height:480px}.product-panel:before{z-index:0;background:rgb(var(--accent-rgb)/.1);filter:blur(80px);content:"";pointer-events:none;border-radius:999px;height:280px;position:absolute;inset:-30% 25% auto}.product-panel>*{z-index:1;position:relative}.mockup-header,.console-header{border-bottom:1px solid var(--line);background:#ffffff04;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:0 20px;display:flex}.mockup-title{color:#b9b9c0;font-size:.78rem;font-weight:560}.live-status,.status-pill{color:var(--success);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;font-size:.67rem;font-weight:650;display:inline-flex}.live-status:before,.status-pill:before{width:6px;height:6px;box-shadow:0 0 10px rgb(var(--success-rgb)/.6);content:"";background:currentColor;border-radius:50%}.mockup-body{padding:20px}.mockup-grid{border:1px solid var(--line);border-radius:var(--radius-md);background:#0b0b0d;grid-template-columns:repeat(3,1fr);display:grid}.metric-cell{min-width:0;padding:18px}.metric-cell+.metric-cell{border-left:1px solid var(--line)}.metric-label{color:var(--muted-2);letter-spacing:.08em;text-transform:uppercase;font-size:.66rem;font-weight:680}.metric-value{color:#ededf0;font-family:var(--font-mono);margin-top:8px;font-size:clamp(1.1rem,2vw,1.52rem);display:block}.request-list,.trace-list,.secret-list{border:1px solid var(--line);border-radius:var(--radius-md);background:#09090b;margin-top:16px;overflow:hidden}.request-row,.trace-row,.secret-row{border-bottom:1px solid var(--line);color:#b4b4bd;min-height:62px;font-family:var(--font-mono);align-items:center;gap:14px;padding:0 16px;font-size:.72rem;display:grid}.request-row:last-child,.trace-row:last-child,.secret-row:last-child{border-bottom:0}.request-row{grid-template-columns:54px minmax(0,1fr) auto auto}.method-pill{background:rgb(var(--accent-rgb)/.11);color:#c4b5fd;border-radius:7px;width:fit-content;padding:5px 7px;font-size:.63rem}.request-path,.secret-key,.trace-name{color:#e0e0e4;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.status-code{color:var(--success)}.request-time,.trace-time,.secret-meta{color:#696971}.trace-row{grid-template-columns:minmax(120px,.72fr) minmax(180px,1.28fr) 60px;min-height:70px}.trace-waterfall{background:#111114;border-radius:7px;height:20px;position:relative;overflow:hidden}.trace-bar{top:4px;bottom:4px;left:var(--trace-left,0%);width:var(--trace-width,42%);background:linear-gradient(90deg,var(--accent-deep),var(--accent-light));min-width:5px;box-shadow:0 0 12px rgb(var(--accent-rgb)/.2);border-radius:4px;position:absolute}.chart-card{border:1px solid var(--line);border-radius:var(--radius-md);background:#09090b;min-height:215px;margin-top:16px;padding:20px 18px 14px;position:relative;overflow:hidden}.chart-grid{background-image:linear-gradient(#ffffff0d 1px,#0000 1px);background-size:100% 25%;position:absolute;inset:54px 18px 24px}.chart-line{width:calc(100% - 36px);height:calc(100% - 78px);position:absolute;inset:54px 18px 24px;overflow:visible}.chart-line path{fill:none;stroke:var(--accent-light);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vector-effect:non-scaling-stroke}.chart-line .area{fill:url(#chart-gradient);stroke:none}.vault-tabs,.environment-tabs{border-bottom:1px solid var(--line);gap:6px;padding:12px 16px;display:flex}.vault-tab,.environment-tab{color:#6f6f78;background:0 0;border:1px solid #0000;border-radius:9px;min-height:34px;padding:0 12px;font-size:.72rem}.vault-tab[aria-selected=true],.environment-tab[aria-selected=true]{border-color:rgb(var(--accent-rgb)/.24);background:rgb(var(--accent-rgb)/.1);color:#d8cdf3}.secret-row{grid-template-columns:minmax(100px,1fr) minmax(100px,1.15fr) auto}.secret-value{color:#585860;letter-spacing:.12em;text-overflow:clip;white-space:nowrap;overflow:hidden}.secret-action{border:1px solid var(--line);color:#777780;background:#111113;border-radius:8px;width:32px;height:32px}.workflow{background:radial-gradient(circle at 50% 0%,rgb(var(--accent-rgb)/.08),transparent 32rem),#070708;border-block:1px solid #fff1}.workflow-layout{grid-template-columns:minmax(250px,.62fr) minmax(0,1.38fr);align-items:start;gap:clamp(42px,7vw,90px);display:grid}.workflow-intro{top:calc(var(--header-height) + 42px);position:sticky}.workflow-intro .section-title{font-size:clamp(2.4rem,4.6vw,4.5rem)}.workflow-tabs{border:1px solid var(--line);border-radius:var(--radius-xl);min-width:0;box-shadow:var(--shadow-card);background:#09090a;overflow:hidden}.workflow-tablist,[role=tablist].product-tabs{border-bottom:1px solid var(--line);background:#0b0b0d;grid-template-columns:repeat(3,1fr);gap:0;padding:7px;display:grid}.workflow-tab,.product-tab{color:#8a8a94;background:0 0;border:0;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:52px;font-size:.84rem;font-weight:590;transition:background-color .18s,color .18s;display:flex;position:relative}.workflow-tab:hover,.product-tab:hover{color:#bcbcc3}.workflow-tab[aria-selected=true],.product-tab[aria-selected=true]{color:#f5f5f6;background:#171719;box-shadow:inset 0 0 0 1px #ffffff14}.workflow-tab[aria-selected=true]:after,.product-tab[aria-selected=true]:after{background:var(--accent-light);height:1px;box-shadow:0 0 10px var(--accent);content:"";position:absolute;bottom:-8px;left:24%;right:24%}.workflow-panel,[role=tabpanel].product-tab-panel{padding:22px}.workflow-panel[hidden],.product-tab-panel[hidden]{display:none}.code-panel{border:1px solid var(--line);border-radius:var(--radius-md);background:#060607;min-height:330px;position:relative;overflow:hidden}.code-panel-header{border-bottom:1px solid var(--line);color:#91919b;min-height:50px;font-family:var(--font-mono);justify-content:space-between;align-items:center;padding:0 12px 0 17px;font-size:.69rem;display:flex}.code-panel .copy-button{border:0;border-radius:9px;width:36px;min-width:36px;height:36px}.code-panel pre{color:#d1d1d6;max-width:100%;font-family:var(--font-mono);tab-size:2;padding:25px 24px 32px;font-size:clamp(.72rem,1.1vw,.82rem);line-height:1.8;overflow:auto}.code-keyword,.token-keyword{color:#b8a5ef}.code-string,.token-string{color:#8adbbd}.code-property,.token-property{color:#c9c9d1}.code-comment,.token-comment{color:#595961}.frameworks,.framework-list{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.framework-logo,.framework-item{border:1px solid var(--line);color:#73737b;text-align:center;min-width:0;min-height:78px;transition:border-color .17s ease,background-color .17s ease,color .17s ease,transform .17s var(--ease-out);background:#0b0b0d;border-radius:13px;place-items:center;gap:6px;padding:10px 6px;font-size:.61rem;display:grid}.framework-logo:hover,.framework-item:hover{color:#bdbdc4;background:#111113;border-color:#ffffff2e;transform:translateY(-2px)}.framework-logo img,.framework-logo svg,.framework-item img,.framework-item svg{object-fit:contain;filter:grayscale();opacity:.75;width:24px;height:24px;transition:filter .17s,opacity .17s}.framework-logo:hover img,.framework-logo:hover svg,.framework-item:hover img,.framework-item:hover svg{filter:grayscale(0);opacity:1}.open-source,.opensource{position:relative}.open-source-card,.opensource-card{border:1px solid var(--line);border-radius:var(--radius-xl);background:radial-gradient(circle at 78% 50%,rgb(var(--accent-rgb)/.16),transparent 26rem),linear-gradient(145deg,#0c0c0e,#080809);min-height:420px;box-shadow:var(--shadow-card);grid-template-columns:minmax(260px,.8fr) minmax(380px,1.2fr);align-items:center;gap:clamp(42px,8vw,110px);padding:clamp(36px,6vw,72px);display:grid;position:relative;overflow:hidden}.open-source-card:before,.opensource-card:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.opensource-copy,.open-source-copy{z-index:1;position:relative}.opensource-copy h2,.open-source-copy h2{letter-spacing:-.06em;margin-top:18px;font-size:clamp(2.4rem,5vw,4.8rem);font-weight:570;line-height:.98}.opensource-copy p,.open-source-copy p{color:var(--muted);margin-top:23px;line-height:1.7}.opensource-copy .button,.open-source-copy .button{margin-top:28px}.repo-visual,.opensource-visual{z-index:1;border:1px solid var(--line);background:#080809cc;border-radius:20px;padding:22px;position:relative;box-shadow:0 22px 60px #00000047}.repo-heading{color:#d7d7dc;font-family:var(--font-mono);justify-content:space-between;align-items:center;gap:20px;font-size:.79rem;display:flex}.repo-tree{border:1px solid var(--line);border-radius:13px;gap:0;margin-top:17px;display:grid;overflow:hidden}.repo-row{border-bottom:1px solid var(--line);color:#8a8a93;min-height:44px;font-family:var(--font-mono);grid-template-columns:20px 1fr auto;align-items:center;gap:10px;padding-inline:13px;font-size:.68rem;display:grid}.repo-row:last-child{border-bottom:0}.repo-row svg{width:15px}.repo-row span:last-child{color:#53535a}.final-cta{text-align:center;padding-block:clamp(108px,14vw,190px);position:relative}.final-cta:before{z-index:-1;background:radial-gradient(ellipse,rgb(var(--accent-rgb)/.15),transparent 68%);content:"";width:min(850px,90vw);height:520px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.final-cta h2{letter-spacing:-.072em;max-width:900px;margin-inline:auto;font-size:clamp(3.15rem,8vw,7.75rem);font-weight:570;line-height:.88}.final-cta p{max-width:590px;color:var(--muted);margin:30px auto 0;font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.65}.final-cta .hero-actions,.final-cta .cta-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:32px;display:flex}.site-footer{border-top:1px solid var(--line);background:#050505}.footer-shell{grid-template-columns:minmax(230px,1fr) auto;gap:70px;padding-block:54px 36px;display:grid}.footer-brand p{color:#91919b;max-width:370px;margin-top:17px;font-size:.88rem;line-height:1.65}.footer-links{grid-template-columns:repeat(2,minmax(120px,auto));align-content:start;gap:12px 56px;display:grid}.footer-link{color:#898991;align-items:center;min-height:32px;font-size:.86rem;transition:color .16s;display:inline-flex}.footer-link:hover{color:#fff}.footer-bottom{color:#55555c;border-top:1px solid #ffffff12;grid-column:1/-1;justify-content:space-between;align-items:center;gap:24px;margin-top:22px;padding-top:25px;font-size:.75rem;display:flex}.footer-status{align-items:center;gap:8px;display:inline-flex}.footer-status:before{background:var(--success);width:6px;height:6px;box-shadow:0 0 8px rgb(var(--success-rgb)/.55);content:"";border-radius:50%}[data-reveal]{opacity:0;transition:opacity .7s var(--ease-out),transform .7s var(--ease-out);transform:translateY(22px)}[data-reveal=left]{transform:translate(-22px)}[data-reveal=right]{transform:translate(22px)}[data-reveal].is-visible,.js [data-reveal][data-visible=true],html:not(.js) [data-reveal],.no-js [data-reveal]{opacity:1;transform:none}@keyframes dash-flow{to{stroke-dashoffset:-30px}}@keyframes status-pulse{0%,to{opacity:.72;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}}@media(max-width:1080px){:root{--container:960px}.nav-shell{gap:14px}.nav-link{padding-inline:9px}.product-story,.product-story:nth-child(2n),.product-story[data-layout=reverse]{grid-template-columns:minmax(230px,.7fr) minmax(470px,1.3fr);gap:42px}.product-story:nth-child(2n) .product-copy,.product-story[data-layout=reverse] .product-copy{order:1}.product-story:nth-child(2n) .product-panel,.product-story[data-layout=reverse] .product-panel{order:2}.frameworks,.framework-list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:860px){:root{--header-height:70px}.container,.section-shell,.nav-shell,.footer-shell,.hero-shell,.topology-wrap,.topology-section{width:min(calc(100% - 32px),var(--container))}.site-header{padding-top:0}.nav-shell{min-height:68px;padding:0;position:relative}.desktop-nav,.nav-links,.nav-actions>.nav-button--ghost,.nav-actions>.nav-button:not(.nav-button--primary){display:none}.nav-actions{margin-left:auto}.mobile-menu-toggle,.menu-toggle{display:inline-flex}.mobile-menu{visibility:hidden;opacity:0;border:1px solid var(--line-strong);pointer-events:none;transition:opacity .18s ease,transform .18s var(--ease-out),visibility .18s;background:#0a0a0bf7;border-radius:16px;gap:4px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;transform:translateY(-8px)scale(.985);box-shadow:0 24px 70px #0000008c}.nav-shell[data-menu-open=true] .mobile-menu,.mobile-menu[data-open=true],.mobile-menu.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:none}.mobile-menu .nav-link{justify-content:space-between;width:100%;min-height:46px;padding-inline:13px}.mobile-menu-actions{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:8px;margin-top:5px;padding-top:10px;display:grid}.hero{min-height:auto}.hero-title{font-size:clamp(4rem,14vw,7rem)}.topology-wrap,.topology-section{margin-top:0}.topology{min-height:400px}.product-story,.product-story:nth-child(2n),.product-story[data-layout=reverse]{grid-template-columns:1fr;gap:42px}.product-story:nth-child(2n) .product-copy,.product-story[data-layout=reverse] .product-copy,.product-copy{order:1}.product-story:nth-child(2n) .product-panel,.product-story[data-layout=reverse] .product-panel,.product-panel{order:2}.product-description{max-width:650px}.workflow-layout{grid-template-columns:1fr}.workflow-intro{position:static}.open-source-card,.opensource-card{grid-template-columns:1fr}.footer-shell{grid-template-columns:1fr;gap:36px}}@media(max-width:620px){.container,.section-shell,.nav-shell,.footer-shell,.hero-shell,.topology-wrap,.topology-section{width:min(calc(100% - 24px),var(--container))}.section{padding-block:78px}.section-heading-row{display:block}.nav-shell{border-radius:15px}.nav-actions .nav-button--primary{display:none}.brand{font-size:1rem}.brand-mark{width:27px;height:27px}.hero{padding-bottom:62px}.hero-title{margin-top:24px;font-size:clamp(3.45rem,18vw,5.2rem);line-height:.9}.hero-lede{margin-top:26px;font-size:1rem}.hero-actions{grid-template-columns:1fr;width:100%;display:grid}.hero-actions .button,.cta-actions .button,.install-command,.command-bar{width:100%}.command-bar code,.install-command code{flex:1;padding-inline:14px;font-size:.75rem}.topology{border-radius:20px;min-height:390px}.topology-header,.panel-toolbar{top:14px;left:14px;right:14px}.topology-stage{inset:54px 6px 58px}.topology-legend{bottom:12px;left:12px;right:12px;overflow-x:auto}.topology-filter{flex:none}.product-stack{gap:110px}.product-title{font-size:clamp(2.75rem,14vw,4rem)}.product-panel{border-radius:20px;min-height:400px}.mockup-header,.console-header{min-height:52px;padding-inline:14px}.mockup-body{padding:12px}.mockup-grid{grid-template-columns:1fr 1fr}.metric-cell:nth-child(3){display:none}.metric-cell{padding:14px}.request-row{grid-template-columns:50px minmax(0,1fr) auto;padding-inline:12px}.request-time{display:none}.trace-row{grid-template-columns:minmax(90px,.8fr) minmax(120px,1.2fr);padding-inline:12px}.trace-time{display:none}.secret-row{grid-template-columns:minmax(90px,1fr) minmax(70px,.75fr) auto;padding-inline:12px}.workflow-tabs{border-radius:20px}.workflow-tablist,[role=tablist].product-tabs{grid-template-columns:1fr;gap:4px}.workflow-tab,.product-tab{justify-content:flex-start;min-height:46px;padding-inline:14px}.workflow-tab[aria-selected=true]:after,.product-tab[aria-selected=true]:after{width:1px;height:auto;inset:25% auto 25% -7px}.workflow-panel,[role=tabpanel].product-tab-panel{padding:12px}.code-panel{min-height:290px}.code-panel pre{padding:20px 16px 26px;font-size:.68rem}.frameworks,.framework-list{grid-template-columns:repeat(3,minmax(0,1fr))}.open-source-card,.opensource-card{border-radius:20px;min-height:0;padding:28px 18px}.repo-visual,.opensource-visual{padding:14px}.repo-row{grid-template-columns:18px minmax(0,1fr)}.repo-row span:last-child{display:none}.final-cta{padding-block:110px}.final-cta h2{font-size:clamp(3.5rem,17vw,5.3rem)}.footer-links{gap-inline:24px;grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;align-items:flex-start}}@media(max-width:390px){.frameworks,.framework-list{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-menu-actions{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}.topology-flow,.topology-path-flow,.topology-node-status{animation:none}}@media(prefers-contrast:more){:root{--line:#ffffff3d;--line-strong:#ffffff61;--muted:#b5b5bc;--muted-2:#97979f}.nav-shell,.product-panel,.workflow-tabs,.open-source-card,.opensource-card{border-color:var(--line-strong)}}.page-shell{width:min(calc(100% - 48px),var(--container));margin-inline:auto}.brand-link{color:#f5f5f6;letter-spacing:-.035em;border-radius:11px;flex:none;align-items:center;gap:10px;min-height:42px;font-size:1.06rem;font-weight:700;display:inline-flex}.brand-link img{width:30px;height:30px}.button-primary{color:#080808;background:#fff;border-color:#ffffffeb;box-shadow:0 10px 30px #ffffff14}.button-primary:hover{box-shadow:0 12px 36px rgb(var(--accent-rgb)/.18);color:#080808;background:#f1eff7;border-color:#fff}.button-secondary{border-color:var(--line-strong);color:var(--ink);background:#111113}.button-secondary:hover{background:#18181b;border-color:#ffffff45}.button-compact{min-height:42px;padding-inline:16px}.button>svg,.inline-link>svg{width:18px;height:18px;transition:transform .18s var(--ease-out);flex:none}.button:hover>svg,.inline-link:hover>svg{transform:translate(2px)}.inline-link{color:#ded8ee;border-radius:8px;align-items:center;gap:8px;margin-top:29px;font-size:.92rem;font-weight:620;display:inline-flex}.text-link{color:#aaaab2;border-radius:10px;align-items:center;min-height:40px;padding-inline:12px;font-size:.9rem;font-weight:540;transition:background-color .17s,color .17s;display:inline-flex}.text-link:hover{color:#fff;background:#ffffff0e}.site-header .nav-shell{width:min(calc(100% - 48px),var(--container));margin-inline:auto}.desktop-nav{align-items:center;gap:clamp(22px,3vw,42px);margin-inline:auto;display:flex}.nav-list,.mobile-menu ul,.site-footer ul{margin:0;padding:0;list-style:none}.nav-list{align-items:center;gap:clamp(17px,2vw,27px);display:flex}.nav-list a{color:#a9a9b1;align-items:center;min-height:42px;font-size:.91rem;font-weight:520;transition:color .17s;display:inline-flex}.nav-list a:hover{color:#fff}.nav-list--resources a{color:#81818b}.products-menu{position:relative}.products-menu__trigger{color:#a9a9b1;cursor:pointer;align-items:center;gap:7px;min-height:42px;font-size:.91rem;font-weight:520;list-style:none;transition:color .17s;display:inline-flex}.products-menu__trigger::-webkit-details-marker{display:none}.products-menu__trigger:hover,.products-menu[open] .products-menu__trigger{color:#fff}.products-menu__trigger svg{color:#85858f;width:14px;height:14px;transition:transform .18s}.products-menu[open] .products-menu__trigger svg{transform:rotate(180deg)}.products-menu__popover{z-index:2;width:min(720px,100vw - 48px);padding-top:17px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.products-menu__panel{min-height:318px;animation:products-menu-enter .18s var(--ease-out)both;background:#0d0d0f;border:1px solid #ffffff1c;border-radius:16px;grid-template-columns:.95fr 1.05fr;gap:12px;padding:10px;display:grid;box-shadow:0 30px 70px #0000007a}.products-menu__links{padding:5px 0}.products-menu__label{color:#74747e;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin:5px 12px 9px;font-size:.69rem;font-weight:600}.products-menu__item{color:#e5e5e8;border-radius:10px;align-items:center;gap:12px;min-height:82px;padding:11px 10px;transition:background-color .17s;display:flex}.products-menu__item:hover,.products-menu__item:focus-visible,.products-menu[data-active-product=tunnels] [data-menu-product=tunnels],.products-menu[data-active-product=observability] [data-menu-product=observability],.products-menu[data-active-product=secrets] [data-menu-product=secrets]{background:#ffffff0e}.products-menu__icon{color:#b6a1e8;background:#151518;border:1px solid #ffffff1a;border-radius:10px;flex:none;place-items:center;width:39px;height:39px;display:grid}.products-menu__icon .product-icon{width:20px;height:20px}.products-menu__item-copy{gap:3px;min-width:0;display:grid}.products-menu__item-copy strong{font-size:.94rem;font-weight:620}.products-menu__item-copy small{color:#898993;font-size:.77rem;line-height:1.32}.products-menu__item-arrow{color:#777780;flex:none;width:16px;height:16px;margin-left:auto}.products-menu__preview{background:#121215;border:1px solid #ffffff12;border-radius:10px;min-width:0;position:relative;overflow:hidden}.products-menu__preview-content{opacity:0;transition:opacity .16s ease,transform .2s var(--ease-out);padding:25px 25px 20px;position:absolute;inset:0;transform:translateY(7px)}.products-menu[data-active-product=tunnels] [data-menu-preview=tunnels],.products-menu[data-active-product=observability] [data-menu-preview=observability],.products-menu[data-active-product=secrets] [data-menu-preview=secrets]{opacity:1;transform:none}.products-menu__preview-kicker{color:#a78bfa;font-family:var(--font-mono);letter-spacing:.1em;margin:0;font-size:.69rem}.products-menu__preview-title{color:#f1f1f3;letter-spacing:-.04em;margin:11px 0 19px;font-size:1.34rem;font-weight:580;line-height:1.1}.products-menu__terminal,.products-menu__trace,.products-menu__vault{background:#0b0b0d;border:1px solid #ffffff17;border-radius:9px;overflow:hidden}.products-menu__terminal>span{border-bottom:1px solid #ffffff14;gap:4px;padding:10px 12px;display:flex}.products-menu__terminal>span i{background:#55555e;border-radius:50%;width:5px;height:5px}.products-menu__terminal code{color:#d8d8df;font-family:var(--font-mono);padding:13px 12px;font-size:.73rem;display:block}.products-menu__terminal code span{color:#9a80d2}.products-menu__result,.products-menu__trace>div,.products-menu__vault>div{color:#aaaab3;font-family:var(--font-mono);border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:9px;padding:10px 12px;font-size:.67rem;display:flex}.products-menu__result em,.products-menu__trace em{color:var(--success);font-style:normal}.products-menu__trace{padding-bottom:17px}.products-menu__trace>div{border-top:0;border-bottom:1px solid #ffffff14;margin-bottom:19px}.products-menu__trace-bar{background:#7963ad;border-radius:3px;height:9px;margin:10px 13px;display:block}.products-menu__trace-bar--request{width:76%}.products-menu__trace-bar--database{background:#5d4b89;width:43%;margin-left:23%}.products-menu__trace-bar--response{background:#4d3e71;width:22%;margin-left:50%}.products-menu__vault>div{border-top:0;border-bottom:1px solid #ffffff14}.products-menu__vault p{color:#c3c3cb;font-family:var(--font-mono);justify-content:space-between;margin:0;padding:9px 12px;font-size:.67rem;display:flex}.products-menu__vault p+p{border-top:1px solid #ffffff0f}.products-menu__vault p span{color:#777781}@keyframes products-menu-enter{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}.site-header .nav-actions{gap:5px}.mobile-nav{display:none;position:relative}.mobile-nav summary{color:#fff;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;width:44px;height:44px;list-style:none;display:grid}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav[open] summary{background:#ffffff0e;border-color:#ffffff1a}.mobile-menu__label{color:#73737e;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin:8px 10px 6px;font-size:.69rem;font-weight:600}.mobile-menu__arrow{color:#6f6f79;width:16px;height:16px;margin-left:auto}.mobile-menu-actions{border-top:1px solid var(--line);grid-template-columns:1fr;margin-top:6px;padding-top:10px}.mobile-menu-actions a{color:#e5e5e9;border-radius:10px;justify-content:space-between;align-items:center;min-height:46px;padding-inline:12px;font-size:.9rem;display:flex}.mobile-menu-actions a:hover{background:#ffffff0d}.hero-content{z-index:2;text-align:center;position:relative}.hero-content>h1{color:#f7f7f8;letter-spacing:-.035em;max-width:1050px;margin:0 auto;font-size:clamp(3.6rem,6.6vw,6.5rem);font-weight:580;line-height:.87}.hero-endpoint{white-space:nowrap;display:inline-block;position:relative}.hero-endpoint-local:before,.hero-endpoint-production:before{content:"";pointer-events:none;height:2px;position:absolute;bottom:-.13em;left:.01em;right:.01em}.hero-endpoint-local:before{background:repeating-linear-gradient(90deg,#ffffff70 0 6px,#0000 6px 11px)}.hero-endpoint-local:after{content:"";pointer-events:none;background:#f7f7f8;width:.055em;height:.17em;animation:1.25s step-end infinite hero-cursor;position:absolute;bottom:-.155em;right:-.045em}.hero-endpoint-production:before{background:var(--success);transform-origin:0;animation:hero-route .9s var(--ease-out).26s both;transform:scaleX(0)}.hero-endpoint-production:after{background:var(--success);width:.085em;height:.085em;box-shadow:0 0 0 .045em rgb(var(--success-rgb)/.13);content:"";pointer-events:none;border-radius:50%;animation:2.6s ease-in-out infinite hero-live;position:absolute;bottom:-.16em;right:-.11em}@keyframes hero-cursor{50%{opacity:0}}@keyframes hero-route{to{transform:scaleX(1)}}@keyframes hero-live{50%{box-shadow:0 0 0 .09em rgb(var(--success-rgb)/.05)}}.hero-content .install-command{padding-left:17px}.hero-content .install-command>button{border:0;border-left:1px solid var(--line);color:#777780;background:0 0;justify-content:center;align-items:center;gap:7px;min-width:88px;height:50px;padding-inline:14px;font-size:.7rem;font-weight:620;transition:background-color .16s,color .16s;display:inline-flex}.hero-content .install-command>button:hover{color:#fff;background:#ffffff0d}.hero-content .install-command>button[data-copied=true]{background:rgb(var(--success-rgb)/.1);color:var(--success)}.install-command .copy-icon,.install-command .check-icon,.code-toolbar .copy-icon,.code-toolbar .check-icon{width:17px;height:17px}.install-command .check-icon,.code-toolbar .check-icon,.install-command button[data-copied=true] .copy-icon,.code-toolbar button[data-copied=true] .copy-icon{display:none}.install-command button[data-copied=true] .check-icon,.code-toolbar button[data-copied=true] .check-icon{display:block}.hero-topology-wrap{z-index:1;margin-top:clamp(70px,8vw,108px);position:relative}.hero-topology-wrap .topology{min-height:520px}.topology-backdrop{background:radial-gradient(circle at 51% 50%,rgb(var(--accent-rgb)/.14),transparent 26%),linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);pointer-events:none;background-size:auto,42px 42px,42px 42px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 15%,#0000 78%);mask-image:radial-gradient(#000 15%,#0000 78%)}.topology-lines{width:100%;height:100%;position:absolute;inset:0}.topology-lines .topology-path{fill:none;opacity:.56;stroke:url(#path-gradient);stroke-dasharray:.035 .025;stroke-linecap:round;stroke-width:1.55px;vector-effect:non-scaling-stroke;animation:2.8s linear infinite topology-dash}.topology-lines .topology-trunk{opacity:.84;stroke-width:1.8px}.topology-pulse{fill:#a78bfa;animation:2s ease-in-out infinite topology-pulse}.topology .topology-node{z-index:2;color:#a8a8b1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:190px;min-height:104px;transition:border-color .22s ease,background-color .22s ease,color .22s ease,filter .22s ease,transform .26s var(--ease-out);background:#0f0f11e8;border:1px solid #ffffff21;border-radius:16px;align-items:center;gap:12px;padding:16px;display:flex;position:absolute;box-shadow:0 18px 45px #0000005c,inset 0 1px #ffffff09}.topology .topology-node:hover,.topology .topology-node:focus-visible,.topology[data-active-product=tunnels] .topology-node-tunnels,.topology[data-active-product=observability] .topology-node-observability,.topology[data-active-product=secrets] .topology-node-secrets{border-color:rgb(var(--accent-rgb)/.7);color:#fff;filter:drop-shadow(0 0 20px rgb(var(--accent-rgb)/.2));background:#18141ff2}.topology .topology-node:hover,.topology .topology-node:focus-visible{transform:translateY(-50%)translate(4px)}.topology-node-local{flex-wrap:wrap;top:50%;left:3.6%;transform:translateY(-50%)}.topology-node-local:hover,.topology-node-local:focus-visible{transform:translateY(calc(-50% - 2px))!important}.topology-node-local>.node-icon{align-self:flex-start}.topology-node-local>.node-kicker,.topology-node-local>strong{width:calc(100% - 52px)}.topology-node-local>strong{color:#eeeeef;font-family:var(--font-mono);margin:-32px 0 0 52px;font-size:.75rem}.node-status{color:#777780;align-items:center;gap:7px;width:100%;font-size:.65rem;display:flex}.node-status i{background:var(--success);width:6px;height:6px;box-shadow:0 0 9px rgb(var(--success-rgb)/.55);border-radius:50%}.topology-node-core{text-align:center;flex-direction:column;justify-content:center;top:50%;left:51.3%;transform:translate(-50%,-50%);border-color:rgb(var(--accent-rgb)/.4)!important;background:radial-gradient(circle,#1d1728,#0f0e12 70%)!important;border-radius:50%!important;gap:7px!important;width:148px!important;min-height:148px!important;padding:20px!important}.topology-node-core:hover{transform:translate(-50%,calc(-50% - 2px))!important}.topology-node-core img{width:40px;height:40px}.topology-node-core strong{color:#eeeef1;font-size:.76rem}.node-orbit{border:1px dashed rgb(var(--accent-rgb)/.25);border-radius:50%;animation:18s linear infinite orbit-spin;position:absolute;inset:-14px}.node-icon{border:1px solid rgb(var(--accent-rgb)/.22);background:rgb(var(--accent-rgb)/.09);color:#b9a6e8;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid}.node-icon svg{width:20px;height:20px}.node-kicker{color:#707079;letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:680;line-height:1.2;display:block}.topology-node-product{right:2.5%;min-height:76px!important}.topology-node-product strong{color:#e9e9ec;margin-top:3px;font-size:.84rem;font-weight:620;display:block}.topology-node-tunnels{top:10.2%}.topology-node-observability{top:50%;transform:translateY(-50%)}.topology-node-secrets{bottom:10.2%}.topology[data-active-product=tunnels] :is(.topology-node-observability,.topology-node-secrets),.topology[data-active-product=observability] :is(.topology-node-tunnels,.topology-node-secrets),.topology[data-active-product=secrets] :is(.topology-node-tunnels,.topology-node-observability){opacity:.5}.topology[data-active-product=tunnels] [data-topology-path]:not([data-topology-path=tunnels]),.topology[data-active-product=observability] [data-topology-path]:not([data-topology-path=observability]),.topology[data-active-product=secrets] [data-topology-path]:not([data-topology-path=secrets]){opacity:.1}.topology[data-in-view=true] .topology-path{animation-play-state:running}.product-story{padding:clamp(24px,4vw,56px) 0 clamp(104px,12vw,170px);display:block}.product-showcase{padding:clamp(24px,4vw,56px) 0 clamp(104px,12vw,170px)}.section-intro{max-width:var(--container)}.section-intro>h2,.section-intro-split h2{letter-spacing:-.062em;max-width:920px;margin-top:19px;font-size:clamp(2.7rem,5.6vw,5.5rem);font-weight:570;line-height:.98}.section-intro>p:last-child,.section-intro-split>p{max-width:680px;color:var(--muted);margin-top:25px;font-size:clamp(1rem,1.45vw,1.17rem);line-height:1.7}.eyebrow>span{background:currentColor;width:18px;height:1px}.section-intro .eyebrow:before,.open-source-copy .eyebrow:before,.final-cta .eyebrow:before{display:none}.product-sections{gap:clamp(110px,15vw,190px);margin-top:clamp(86px,10vw,132px);display:grid}.product-section,.product-story .product-section{border:0;grid-template-columns:minmax(260px,.78fr) minmax(510px,1.22fr);align-items:center;gap:clamp(48px,7vw,96px);display:grid}.product-section-reverse{grid-template-columns:minmax(510px,1.22fr) minmax(260px,.78fr)}.product-section-reverse .product-copy{order:2}.product-section-reverse .product-panel{order:1}.product-copy .product-title{letter-spacing:-.062em;margin-top:16px;font-size:clamp(2.55rem,4.8vw,4.9rem);font-weight:570;line-height:.97}.product-copy .product-index{color:#bba9e5;letter-spacing:.08em;text-transform:uppercase;border-radius:9px;width:fit-content;height:auto;margin:0;padding:7px 10px;font-size:.66rem;font-weight:680}.product-copy .feature-list li:before{display:none}.product-copy .feature-list li>span{background:var(--accent-light);width:5px;height:5px;box-shadow:0 0 10px rgb(var(--accent-rgb)/.6);border-radius:50%;flex:none}.product-panel .panel-toolbar{z-index:2;border-bottom:1px solid var(--line);min-height:70px;color:inherit;font-family:inherit;font-size:inherit;letter-spacing:normal;text-transform:none;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:relative;inset:auto}.tunnel-panel,.trace-panel{isolation:isolate}.panel-title{align-items:center;gap:12px;display:flex}.panel-title>span:last-child{gap:2px;display:grid}.panel-title small{color:#65656d;letter-spacing:.09em;text-transform:uppercase;font-size:.61rem;font-weight:650}.panel-title strong{color:#ededf0;font-size:.82rem;font-weight:620}.product-glyph{border:1px solid rgb(var(--accent-rgb)/.22);background:rgb(var(--accent-rgb)/.08);color:#b8a6e5;border-radius:10px;place-items:center;width:37px;height:37px;display:grid}.product-glyph svg{width:19px;height:19px}.product-panel .status-pill:before{display:none}.product-panel .status-pill i,.ok-text i,.secret-sync i{background:var(--success);width:6px;height:6px;box-shadow:0 0 9px rgb(var(--success-rgb)/.55);border-radius:50%;flex:none}.tunnel-url{border:1px solid var(--line);color:#aaaab3;min-height:58px;font-family:var(--font-mono);background:#0d0d0f;border-radius:13px;justify-content:space-between;align-items:center;gap:20px;margin:20px;padding:0 16px;font-size:.72rem;display:flex}.tunnel-url svg{color:#64646d;width:18px;height:18px}.tunnel-url span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.request-table{border:1px solid var(--line);background:#09090b;border-radius:14px;margin:0 20px;overflow:hidden}.request-table .request-row{grid-template-columns:64px minmax(120px,1fr) 60px 66px;min-height:62px;margin:0;padding-inline:15px}.request-table .request-row>:nth-child(2){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.request-table .request-heading{color:#9898a2;min-height:43px;font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;font-size:.61rem;font-weight:660}.method{background:rgb(var(--accent-rgb)/.1);color:#bdaae9;border-radius:6px;width:fit-content;padding:4px 6px;font-size:.61rem}.method-post{color:#93c5fd;background:#3b82f61a}.method-patch{color:#fcd34d;background:#f59e0b1a}.panel-footer{color:#92929b;align-items:center;gap:7px;padding:18px 20px 20px;font-size:.65rem;display:flex}.panel-footer span{border:1px solid #ffffff13;border-radius:7px;padding:5px 8px}.trace-duration,.environment-pill{border:1px solid rgb(var(--accent-rgb)/.2);background:rgb(var(--accent-rgb)/.08);color:#b9a7e6;font-family:var(--font-mono);border-radius:8px;padding:6px 9px;font-size:.64rem}.trace-summary{border:1px solid var(--line);border-radius:13px;grid-template-columns:repeat(3,1fr);margin:18px 20px 0;display:grid;overflow:hidden}.trace-summary>span{gap:7px;padding:13px 15px;display:grid}.trace-summary>span+span{border-left:1px solid var(--line)}.trace-summary small{color:#585860;letter-spacing:.07em;text-transform:uppercase;font-size:.58rem;font-weight:650}.trace-summary strong{color:#c9c9ce;font-family:var(--font-mono);font-size:.69rem}.ok-text{align-items:center;gap:6px;display:flex;color:var(--success)!important}.waterfall{border:1px solid var(--line);border-radius:14px;margin:16px 20px 20px;overflow:hidden}.span-row{border-bottom:1px solid var(--line);color:#7e7e87;min-height:47px;font-family:var(--font-mono);grid-template-columns:minmax(112px,.62fr) minmax(150px,1.38fr) 51px;align-items:center;gap:12px;padding:0 13px;font-size:.62rem;display:grid}.span-row:last-child{border-bottom:0}.span-row>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.span-row>i{background:#111114;border-radius:6px;height:18px;font-style:normal;position:relative;overflow:hidden}.span-row>i:after{top:3px;bottom:3px;left:var(--span-start);width:var(--span-width);content:"";background:linear-gradient(90deg,#654aa8,#9b83d2);border-radius:4px;position:absolute}.span-row>small{color:#5d5d65;text-align:right}.span-root{color:#d2d2d7}.secret-heading,.secrets-panel .secret-row{grid-template-columns:minmax(120px,1fr) minmax(120px,.9fr) 70px;align-items:center;gap:14px;padding-inline:20px;display:grid}.secret-heading{border-bottom:1px solid var(--line);color:#9898a2;letter-spacing:.08em;text-transform:uppercase;min-height:45px;font-size:.6rem;font-weight:660}.secrets-panel .secret-row{border-bottom:1px solid var(--line);color:#c8c8ce;background:0 0;border-radius:0;min-height:64px;margin:0;font-size:.7rem}.secrets-panel .secret-row>span{font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.secrets-panel .secret-row code{color:#94949d;font-family:var(--font-mono);letter-spacing:.1em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.secrets-panel .secret-row small{color:#5d5d65;text-align:right}.secret-sync{color:#686870;align-items:center;gap:8px;min-height:56px;padding-inline:20px;font-size:.66rem;display:flex}.product-switcher{--switcher-background:#0a0a0b;position:relative}.product-switcher__frame{isolation:isolate;background:#030304;border-radius:42px;padding:24px;position:relative}.product-switcher__pills{z-index:0;pointer-events:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,28px);height:80px;display:none;position:absolute;top:24px;left:24px;right:24px}.product-switcher__pills span{background:#101012;border:1px solid #ffffff17;border-radius:999px}.product-switcher__tabs{z-index:2;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(12px,2vw,28px);height:104px;display:grid;position:relative}.product-switcher__tab{color:#9b9ba3;background:#101012;border:1px solid #ffffff17;border-radius:999px;justify-content:center;align-items:center;gap:14px;min-width:0;height:80px;padding:0 clamp(12px,2.2vw,28px);font-size:clamp(.93rem,1.3vw,1.05rem);font-weight:620;transition:color .14s;display:flex;position:relative}.product-switcher__tab:hover{color:#f5f5f6;background:#19191c;border-color:#fff3}.product-switcher__tab[aria-selected=true]{border-color:var(--line-strong);background:var(--switcher-background);color:#fff;border-bottom-color:#0000;border-radius:40px 40px 0 0}.product-switcher__tab[aria-selected=true]:after{background:var(--switcher-background);content:"";pointer-events:none;height:27px;position:absolute;bottom:-25px;left:1px;right:1px}.product-switcher__tab .product-switcher__icon{width:28px;height:28px;color:inherit;flex:none}.product-switcher__outline{z-index:1;pointer-events:none;width:100%;height:100%;display:none;position:absolute;inset:0;overflow:visible}.product-switcher__outline path{fill:var(--switcher-background);stroke:var(--line-strong);stroke-width:1.5px;vector-effect:non-scaling-stroke}.product-switcher__frame[data-outline-ready=true] .product-switcher__outline{display:block}.product-switcher__frame[data-outline-ready=true] .product-switcher__pills{display:grid}.product-switcher__frame[data-outline-ready=true] .product-switcher__tab,.product-switcher__frame[data-outline-ready=true] .product-switcher__tab:hover{background:0 0;border-color:#0000}.product-switcher__frame[data-outline-ready=true] .product-switcher__tab[aria-selected=true]:after{display:none}.product-switcher__stage{z-index:2;border:1px solid var(--line-strong);background:radial-gradient(circle at 73% 30%,rgb(var(--accent-rgb)/.09),transparent 35rem),var(--switcher-background);border-radius:40px;min-height:640px;position:relative;overflow:hidden}.product-switcher__stage[data-switching=true]{transition:height .22s var(--ease-out)}.product-switcher__frame[data-outline-ready=true] .product-switcher__stage{background:0 0;border-color:#0000}.product-switcher__stage:before{background:radial-gradient(circle at 73% 30%,rgb(var(--accent-rgb)/.085),transparent 33rem),linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);content:"";pointer-events:none;background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.product-switcher__panels{z-index:1;position:relative}.product-switcher__panel{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:center;gap:clamp(30px,3.5vw,46px) clamp(32px,4vw,60px);min-height:640px;padding:clamp(40px,4.6vw,64px);display:grid}.product-switcher__panel>.product-copy{order:0;grid-area:1/1;max-width:470px}.product-switcher__panel .product-title{letter-spacing:-.055em;max-width:13ch;margin-top:22px;font-size:clamp(2.35rem,3.2vw,3.25rem);line-height:1.02}.product-switcher__panel .product-description{max-width:41ch;margin-top:24px;font-size:clamp(1rem,1.2vw,1.1rem);line-height:1.6}.product-switcher__panel .product-link{margin-top:30px}.product-switcher__panel>.product-panel{order:0;grid-area:1/2;width:100%;min-height:460px}.product-switcher__panel>.product-features{border-top:1px solid var(--line);grid-area:2/1/auto/-1;grid-template-columns:repeat(4,minmax(0,1fr));align-self:stretch;gap:0;margin:0;padding:26px 0 0;display:grid}.product-switcher__panel>.product-features li{color:#b7b7c0;align-items:flex-start;gap:10px;min-width:0;padding:2px 18px;font-size:.83rem;line-height:1.45}.product-switcher__panel>.product-features li:first-child{padding-left:0}.product-switcher__panel>.product-features li+li{border-left:1px solid var(--line)}.product-switcher__panel>.product-features li:before{display:none}.product-switcher__panel>.product-features li>span{background:var(--accent-light);border-radius:50%;flex:none;width:5px;height:5px;margin-top:.5em}.product-switcher__stage[data-switching=true] .product-switcher__panel[data-active=true]{animation:.18s ease-out both product-panel-enter}.product-switcher__panel[hidden],.js [data-product-panel][data-active=false]{display:none}@keyframes product-panel-enter{0%{opacity:.7}to{opacity:1}}.developer-workflow{background:radial-gradient(circle at 50% 0%,rgb(var(--accent-rgb)/.09),transparent 34rem),#070708;border-block:1px solid #fff1;padding-block:clamp(104px,12vw,160px)}.section-intro-split{grid-template-columns:minmax(0,1.1fr) minmax(280px,.55fr);align-items:end;gap:60px;display:grid}.section-intro-split>p{margin:0 0 5px}.developer-workflow .workflow-tabs{margin-top:clamp(56px,7vw,82px)}.workflow-panels{min-width:0}.workflow-tabs .tab-list{border-bottom:1px solid var(--line);background:#0b0b0d;grid-template-columns:repeat(3,1fr);gap:6px;padding:7px;display:grid}.tab-list>button{color:#8a8a94;background:0 0;border:0;border-radius:11px;justify-content:center;align-items:center;gap:10px;min-height:56px;font-size:.86rem;font-weight:590;transition:background-color .18s,color .18s;display:flex;position:relative}.tab-list>button:hover{color:#bdbdc4}.tab-list>button[aria-selected=true]{color:#f3f3f5;background:#171719;box-shadow:inset 0 0 0 1px #ffffff14}.tab-number{color:#8a8a94;font-family:var(--font-mono);font-size:.64rem}.tab-list>button[aria-selected=true] .tab-number{color:var(--accent-light)}.workflow-tabs[data-enhanced=true] .workflow-panel:not([data-active=true]){display:none}.workflow-panel{grid-template-columns:minmax(230px,.64fr) minmax(420px,1.36fr);align-items:stretch;gap:clamp(28px,5vw,60px);padding:clamp(24px,4vw,48px);display:grid}.workflow-copy{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.code-language{border:1px solid rgb(var(--accent-rgb)/.2);background:rgb(var(--accent-rgb)/.08);color:#b5a1e1;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:7px;padding:5px 7px;font-size:.59rem}.workflow-copy h3{letter-spacing:-.05em;margin-top:17px;font-size:clamp(1.75rem,3.2vw,2.8rem);font-weight:570;line-height:1.05}.workflow-copy>p:not(.code-language){color:var(--muted);margin-top:18px;font-size:.94rem;line-height:1.67}.code-toolbar{border-bottom:1px solid var(--line);color:#91919b;min-height:50px;font-family:var(--font-mono);justify-content:space-between;align-items:center;padding:0 9px 0 16px;font-size:.67rem;display:flex}.code-toolbar>button{color:#91919b;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-width:74px;height:34px;padding-inline:10px;font-size:.65rem;transition:background-color .16s,color .16s;display:inline-flex}.code-toolbar>button:hover{color:#fff;background:#ffffff0d}.code-toolbar>button[data-copied=true]{background:rgb(var(--success-rgb)/.1);color:var(--success)}.framework-strip{border:1px solid var(--line);background:#09090a;border-radius:17px;grid-template-columns:210px minmax(0,1fr);align-items:center;gap:28px;margin-top:18px;padding:18px 20px;display:grid}.framework-strip>p{color:#91919b;font-size:.77rem;line-height:1.4}.framework-strip ul{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin:0;padding:0;list-style:none;display:grid}.framework-strip li{color:#a0a0a9;text-align:center;min-width:0;min-height:64px;transition:border-color .17s ease,background-color .17s ease,color .17s ease,transform .17s var(--ease-out);border:1px solid #fff1;border-radius:11px;place-items:center;gap:5px;padding:8px 4px;font-size:.56rem;display:grid}.framework-strip li:hover{color:#bcbcc3;background:#111113;border-color:#ffffff26;transform:translateY(-2px)}.framework-strip img{object-fit:contain;filter:grayscale();opacity:.72;width:23px;height:23px;transition:filter .17s,opacity .17s}.framework-strip li:hover img{filter:grayscale(0);opacity:1}.open-source{padding-block:clamp(100px,12vw,164px)}.product-showcase+.open-source{padding-top:0}.open-source-shell{border:1px solid var(--line);border-radius:var(--radius-xl);background:radial-gradient(circle at 50% 12%,rgb(var(--accent-rgb)/.12),transparent 30rem),linear-gradient(145deg,#0c0c0e,#080809);min-height:580px;box-shadow:var(--shadow-card);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:clamp(52px,7vw,88px) clamp(24px,6vw,80px);display:flex;position:relative;overflow:hidden}.open-source-shell:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 35%,#000,#0000 75%);mask-image:radial-gradient(at 50% 35%,#000,#0000 75%)}.open-source-mark,.open-source-copy{z-index:1;position:relative}.open-source-mark{color:#f7f7f8;width:82px;height:82px;filter:drop-shadow(0 12px 30px rgb(var(--accent-rgb)/.25));place-items:center;display:grid}.open-source-mark svg{width:82px;height:82px;display:block}.open-source-copy{width:100%;max-width:800px}.open-source-copy .eyebrow{margin-top:0}.open-source-copy h2{letter-spacing:-.062em;margin:18px auto 0;font-size:clamp(3.1rem,5vw,4.7rem);font-weight:570;line-height:1.02}.open-source-copy>p:not(.eyebrow){max-width:57ch;color:var(--muted);margin:22px auto 0;font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.65}.open-source-copy .button{margin-top:30px}.final-cta{isolation:isolate;overflow:hidden}.final-cta-grid{z-index:-2;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000,#0000 67%);mask-image:radial-gradient(#000,#0000 67%)}.final-cta-content{text-align:center}.final-cta-content>img{width:48px;height:48px;filter:drop-shadow(0 0 22px rgb(var(--accent-rgb)/.4));margin:0 auto 24px}.final-cta-content>.eyebrow{justify-content:center}.final-cta-content>.eyebrow:before{display:none}.final-cta-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:32px;display:flex}.site-footer .footer-shell{width:min(calc(100% - 48px),var(--container));margin-inline:auto}.site-footer nav ul{grid-template-columns:repeat(2,minmax(110px,auto));gap:5px 44px;display:grid}.site-footer nav a{color:#85858d;align-items:center;min-height:34px;font-size:.84rem;transition:color .16s;display:inline-flex}.site-footer nav a:hover{color:#fff}.site-footer .footer-bottom{width:min(calc(100% - 48px),var(--container));color:#92929b;border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;min-height:76px;margin:0 auto;padding:0;font-size:.74rem;display:flex}@keyframes topology-dash{to{stroke-dashoffset:-.12px}}@keyframes topology-pulse{0%,to{opacity:.55;transform-origin:50%;transform:scale(.75)}50%{opacity:1;transform-origin:50%;transform:scale(1.2)}}@keyframes orbit-spin{to{transform:rotate(1turn)}}@media(max-width:1080px){.site-header .nav-shell,.page-shell,.site-footer .footer-shell,.site-footer .footer-bottom{width:min(calc(100% - 36px),var(--container))}.product-section,.product-story .product-section,.product-section-reverse{grid-template-columns:minmax(230px,.7fr) minmax(470px,1.3fr);gap:42px}.product-section-reverse .product-copy{order:1}.product-section-reverse .product-panel{order:2}}@media(max-width:860px){.site-header .nav-shell,.page-shell,.site-footer .footer-shell,.site-footer .footer-bottom{width:min(calc(100% - 28px),var(--container))}.desktop-nav,.nav-actions .text-link{display:none}.site-header .nav-shell{gap:10px}.site-header .nav-actions{margin-left:auto;display:flex}.nav-actions .button-compact{min-height:42px;padding-inline:14px}.mobile-nav{margin-left:0;display:block}.mobile-nav .mobile-menu{visibility:hidden;opacity:0;border:1px solid var(--line);pointer-events:none;width:min(360px,100vw - 28px);max-height:calc(100dvh - 90px);transition:opacity .18s ease,transform .18s var(--ease-out),visibility .18s;background:#09090afa;border-radius:12px;gap:8px;padding:12px;display:grid;position:absolute;top:calc(100% + 9px);left:auto;right:0;overflow-y:auto;transform:translateY(-7px)scale(.985);box-shadow:0 24px 70px #0000008c}.mobile-nav[open] .mobile-menu{visibility:visible;opacity:1;pointer-events:auto;transform:none}.mobile-menu li+li{margin-top:2px}.mobile-menu nav a{color:#d1d1d7;border-radius:10px;align-items:center;min-height:48px;padding-inline:12px;font-size:.93rem;display:flex}.mobile-menu nav a:hover{color:#fff;background:#ffffff0d}.mobile-menu__resources{grid-template-columns:1fr;gap:0;display:grid}.mobile-menu__resources li+li{margin-top:0}.hero{padding-top:164px}.hero-content>h1{font-size:clamp(3.7rem,11.6vw,6.4rem)}.hero-topology-wrap .topology{min-height:450px}.topology .topology-node{width:158px;min-height:90px;padding:12px}.topology-node-core{width:126px!important;min-height:126px!important;left:50%!important}.topology-node-product{width:166px!important}.product-section,.product-story .product-section,.product-section-reverse{grid-template-columns:1fr;gap:42px}.product-section-reverse .product-copy,.product-copy{order:1}.product-section-reverse .product-panel,.product-panel{order:2}.section-intro-split{grid-template-columns:1fr;gap:24px}.section-intro-split>p{margin:0}.workflow-panel{grid-template-columns:1fr}.workflow-copy{padding:8px 6px 0}.framework-strip{grid-template-columns:1fr}}@media(max-width:620px){.site-header .nav-shell,.page-shell,.site-footer .footer-shell,.site-footer .footer-bottom{width:min(calc(100% - 24px),var(--container))}.hero-content>h1{font-size:clamp(3.1rem,15.5vw,4.6rem)}.hero-content .install-command{padding-left:13px}.hero-content .install-command>button{min-width:52px}.hero-content .install-command>button [data-copy-label]{display:none}.hero-topology-wrap{margin-top:60px}.hero-topology-wrap .topology{min-height:590px}.topology-lines{display:none}.topology .topology-node{left:50%;right:auto;transform:translate(-50%);width:calc(100% - 40px)!important;min-height:78px!important}.topology .topology-node:hover,.topology .topology-node:focus-visible{transform:translate(-50%)translateY(-2px)}.topology-node-local{flex-wrap:nowrap;top:20px}.topology-node-local:hover,.topology-node-local:focus-visible{transform:translate(-50%)translateY(-2px)!important}.topology-node-local>.node-kicker,.topology-node-local>strong{width:auto}.topology-node-local>strong{margin:0}.node-status{width:auto;margin-left:auto}.topology-node-core{top:122px;width:116px!important;min-height:116px!important;left:50%!important;transform:translate(-50%)!important}.topology-node-core:hover{transform:translate(-50%)translateY(-2px)!important}.topology-node-product{right:auto}.topology-node-tunnels{top:265px}.topology-node-observability{top:361px}.topology-node-secrets{top:457px;bottom:auto}.product-story{padding-block:86px}.section-intro>h2,.section-intro-split h2{font-size:clamp(2.75rem,14vw,4.2rem)}.product-sections{margin-top:78px}.product-copy .product-title{font-size:clamp(2.65rem,13vw,3.9rem)}.request-table .request-row{grid-template-columns:56px minmax(100px,1fr) 45px}.request-table .request-row>:last-child,.panel-footer span:last-child{display:none}.span-row{grid-template-columns:minmax(90px,.72fr) minmax(120px,1.28fr)}.span-row>small{display:none}.secret-heading,.secrets-panel .secret-row{grid-template-columns:minmax(105px,1fr) minmax(85px,.8fr);padding-inline:14px}.secret-heading>:last-child,.secrets-panel .secret-row>small{display:none}.developer-workflow{padding-block:86px}.workflow-tabs .tab-list{grid-template-columns:1fr}.tab-list>button{justify-content:flex-start;min-height:46px;padding-inline:14px}.workflow-panel{padding:16px 12px}.framework-strip ul{grid-template-columns:repeat(3,minmax(0,1fr))}.open-source{padding-block:84px}.open-source-shell{border-radius:20px;gap:18px;min-height:0;padding:48px 20px}.open-source-mark,.open-source-mark svg{width:68px;height:68px}.open-source-copy h2{font-size:clamp(2.3rem,10vw,3.2rem)}.open-source-copy>p:not(.eyebrow){margin-top:18px}.final-cta-actions{grid-template-columns:1fr;display:grid}.final-cta-actions .button{width:100%}.site-footer .footer-shell{grid-template-columns:1fr}.site-footer .footer-bottom{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;min-height:92px}}@media(max-width:390px){.node-status{display:none}.framework-strip ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.product-switcher__frame{padding:18px}.product-switcher__pills{gap:12px;top:18px;left:18px;right:18px}.product-switcher__tabs{gap:12px}.product-switcher__tab{gap:10px;padding-inline:12px;font-size:.9rem}.product-switcher__tab .product-switcher__icon{width:23px;height:23px}.product-switcher__panel{min-height:0;padding:48px}}@media(max-width:620px){.product-story{padding:28px 0 86px}.product-switcher__frame{background:#0d0d0e;border:1px solid #ffffff1a;border-radius:30px;padding:18px}.product-switcher__tabs{overscroll-behavior-inline:contain;scrollbar-width:none;scroll-snap-type:x proximity;gap:10px;height:auto;display:flex;overflow-x:auto}.product-switcher__frame[data-outline-ready=true] .product-switcher__pills{display:none}.product-switcher__tabs::-webkit-scrollbar{display:none}.product-switcher__tab{scroll-snap-align:start;border-radius:999px;flex:none;gap:8px;height:50px;padding-inline:16px;font-size:.82rem}.product-switcher__tab[aria-selected=true]{background:#202023;border-color:#ffffff2e;border-radius:999px;height:50px}.product-switcher__tab[aria-selected=true]:after{display:none}.product-switcher__tab .product-switcher__icon{width:20px;height:20px;display:block}.product-switcher__stage{background:#151517;border-radius:24px;min-height:0;margin-top:20px}.product-switcher__panel{min-height:0;padding:30px 20px 22px}}@media(max-width:1080px){.product-switcher__panel{grid-template-columns:minmax(0,1fr);align-items:start;row-gap:34px}.product-switcher__panel>.product-copy{max-width:720px}.product-switcher__panel .product-title{max-width:16ch;font-size:clamp(2.2rem,4.3vw,3rem)}.product-switcher__panel>.product-panel{grid-area:2/1}.product-switcher__panel>.product-features{grid-area:3/1;grid-template-columns:repeat(2,minmax(0,1fr))}.product-switcher__panel>.product-features li{padding:10px 16px}.product-switcher__panel>.product-features li:nth-child(odd){border-left:0;padding-left:0}.product-switcher__panel>.product-features li:nth-child(n+3){border-top:1px solid var(--line)}}@media(max-width:620px){.product-showcase{padding:28px 0 86px}.product-switcher__panel{row-gap:28px}.product-switcher__panel .product-title{max-width:14ch;font-size:clamp(2rem,8.2vw,2.55rem)}.product-switcher__panel .product-description{margin-top:18px}.product-switcher__panel>.product-panel{min-height:0}.product-switcher__panel>.product-features{grid-template-columns:minmax(0,1fr);padding-top:14px}.product-switcher__panel>.product-features li,.product-switcher__panel>.product-features li:nth-child(odd){border-left:0;padding:11px 0}.product-switcher__panel>.product-features li+li{border-top:1px solid var(--line)}.request-table .request-row{grid-template-columns:52px minmax(0,1fr) 36px;gap:6px;padding-inline:8px;font-size:.6rem}}@media(max-width:390px){.secret-heading,.secrets-panel .secret-row{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:8px;padding-inline:10px}}@media(prefers-reduced-motion:reduce){.hero-endpoint-local:after,.hero-endpoint-production:after{animation:none}.hero-endpoint-production:before{animation:none;transform:none}.topology-lines .topology-path,.topology-pulse,.node-orbit,.product-switcher__panel{animation:none}.product-switcher__stage[data-switching=true]{transition:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}