@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,500;6..72,600&display=swap";:root{--ink:#15191e;--paper:#f4f1e9;--muted:#676861;--line:#c9c4b8;--acid:#d5ef4b;--blue:#98c9e8;--red:#f26c56;color:var(--ink);background:var(--paper);font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}button{font:inherit}:focus-visible{outline-offset:3px;outline:3px solid #176e9c}.brand{letter-spacing:-.05em;align-items:center;gap:10px;font-weight:700;line-height:.9;display:inline-flex}.brand-mark{background:var(--ink);width:28px;height:28px;color:var(--acid);letter-spacing:0;place-items:center;font-family:DM Mono,monospace;font-size:14px;display:grid}.brand small{color:var(--muted);letter-spacing:.08em;margin-top:4px;font-family:DM Mono,monospace;font-size:9px;display:block}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-family:DM Mono,monospace;font-size:11px}.landing{min-height:100vh;overflow:hidden}.landing-header,.app-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:76px;padding:0 5vw;display:flex}.landing-header nav{gap:26px;font-size:13px;font-weight:600;display:flex}.landing-header nav a:last-child{border-bottom:2px solid var(--ink)}.hero{background:var(--ink);min-height:595px;color:var(--paper);padding:100px 5vw 70px;position:relative}.hero .eyebrow{color:var(--acid)}.hero h1{letter-spacing:-.055em;max-width:735px;margin:20px 0;font:600 max(42px,min(6.8vw,91px))/.94 Newsreader,Georgia,serif}.hero>p{color:#d0d0c9;max-width:510px;font-size:16px;line-height:1.65}.hero-actions{align-items:center;gap:26px;margin-top:32px;display:flex}.button{background:var(--acid);color:var(--ink);padding:12px 18px;font-size:13px;font-weight:700}.text-link{border-bottom:1px solid var(--acid);font-size:13px}.network-diagram{background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:36px 36px;border:1px solid #484c4d;width:44%;min-width:430px;height:380px;margin:0;position:absolute;bottom:-42px;right:-5%}.network-diagram .line{background:var(--acid);transform-origin:0;height:1px;position:absolute}.line-one{width:49%;top:45%;left:26%;transform:rotate(-28deg)}.line-two{width:49%;top:47%;left:27%;transform:rotate(28deg)}.node{border:1px solid var(--acid);background:var(--ink);place-items:center;width:68px;height:68px;font-family:DM Mono,monospace;font-size:12px;display:grid;position:absolute}.node b{color:var(--acid)}.node span{white-space:nowrap;color:#c7c7bd;font-size:10px;position:absolute;top:78px}.node-main{top:40%;left:22%}.node-a{top:19%;right:20%}.node-b{bottom:18%;right:19%}.network-diagram figcaption{color:#a6a9a3;font:10px DM Mono,monospace;position:absolute;bottom:14px;left:16px}.built-strip{background:var(--acid);justify-content:space-between;align-items:center;min-height:68px;padding:0 5vw;font:500 11px DM Mono,monospace;display:flex}.built-strip span:first-child{font-size:14px}.principles{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:8vw;padding:110px 15vw 100px 5vw;display:grid}.principles h2,.platform h2{letter-spacing:-.04em;margin:16px 0 0;font:600 max(35px,min(4vw,55px))/1 Newsreader,Georgia,serif}.principle-copy{font-size:17px;line-height:1.75}.principle-copy p:first-child{margin-top:0}.principle-copy p:last-child{color:var(--muted)}.platform{padding:85px 5vw 0}.platform-grid{border-top:1px solid var(--ink);grid-template-columns:repeat(4,1fr);margin-top:60px;display:grid}.platform-grid article{border-right:1px solid var(--line);min-height:225px;padding:18px 20px 25px 0}.platform-grid article+article{padding-left:20px}.platform-grid article:last-child{border-right:0}.platform-grid span{color:var(--muted);font:11px DM Mono,monospace}.platform-grid h3{margin:54px 0 9px;font-size:17px}.platform-grid p{max-width:190px;color:var(--muted);font-size:13px;line-height:1.6}footer{border-top:1px solid var(--line);color:var(--muted);grid-template-columns:1fr 1.5fr 2fr;align-items:center;gap:30px;padding:36px 5vw;font-size:11px;display:grid}footer p{color:var(--ink);font:12px DM Mono,monospace}.app-frame{background:#fcfaf5;min-height:100vh}.app-header{z-index:3;background:#fcfaf5;padding-left:3vw;padding-right:3vw;position:sticky;top:0}.app-header nav{gap:4px;display:flex}.app-header nav a{padding:8px 11px;font-size:12px}.app-header nav a.active{background:var(--ink);color:var(--acid)}.preview-label{color:var(--muted);font:10px DM Mono,monospace}.menu-button{border:0;border-bottom:1px solid var(--ink);background:0 0;padding:4px 0;display:none}.preview-banner{z-index:2;background:var(--acid);border-bottom:1px solid var(--ink);text-align:center;padding:8px 3vw;font:10px DM Mono,monospace;position:sticky;top:76px}.adapter-list em.prototype{color:#936800}.adapter-list em.unavailable{color:#9b3d31}.app-frame main{max-width:1320px;margin:auto;padding:0 3vw 70px}.page-heading{border-bottom:2px solid var(--ink);justify-content:space-between;gap:30px;padding:78px 0 50px;display:flex}.page-heading h1{letter-spacing:-.05em;margin:12px 0 0;font:600 max(42px,min(5vw,70px))/.92 Newsreader,Georgia,serif}.page-heading p{max-width:360px;color:var(--muted);margin:22px 0 0;font-size:14px;line-height:1.65}.topology{border-bottom:1px solid var(--line);background-image:radial-gradient(#b8b5ac 1px,#0000 1px);background-size:19px 19px;height:355px;position:relative;overflow:hidden}.map-label{color:var(--muted);font:10px DM Mono,monospace;position:absolute;top:22px;left:22px}.map-line{background:var(--ink);transform-origin:0;height:1px;position:absolute}.map-line-a{width:30%;top:48%;left:36%;transform:rotate(-27deg)}.map-line-b{width:30%;top:48%;left:36%;transform:rotate(26deg)}.map-core{background:var(--ink);width:82px;height:82px;color:var(--acid);place-items:center;font:500 19px DM Mono,monospace;display:grid;position:absolute;top:40%;left:31%}.map-core span{font-size:9px}.map-peer{border:1px solid var(--ink);background:#fcfaf5;gap:4px;padding:11px 15px;font-size:12px;display:grid;position:absolute}.map-peer small{color:var(--muted)}.map-peer-0{top:26%;right:17%}.map-peer-1{bottom:17%;right:19%}.map-peer-2{bottom:10%;left:7%}.status{background:var(--acid);border-radius:50%;width:8px;height:8px;display:inline-block}.status.relay{background:var(--blue)}.status.offline{background:var(--red)}.stat-row{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr) 2fr;display:grid}.stat-row div,.stat-row p{margin:0;padding:22px 0}.stat-row div+div{border-left:1px solid var(--line);padding-left:24px}.stat-row b{font:500 31px Newsreader,Georgia,serif;display:block}.stat-row span{color:var(--muted);font-size:11px}.stat-row p{text-align:right;font:11px DM Mono,monospace}.coverage{grid-template-columns:1fr 2fr;padding-top:70px;display:grid}.coverage h2{letter-spacing:-.04em;font:500 32px/1 Newsreader,Georgia,serif}.coverage ul{margin:0;padding:0;list-style:none}.coverage li{border-top:1px solid var(--line);grid-template-columns:150px 1fr;padding:15px 0;font-size:13px;display:grid}.coverage li span{color:var(--muted)}.data-table{border-bottom:1px solid var(--line)}.table-head,.data-table article{grid-template-columns:1.25fr .8fr 1fr 1.5fr;align-items:center;gap:18px;display:grid}.table-head{border-bottom:1px solid var(--line);text-transform:uppercase;color:var(--muted);padding:13px 0;font:10px DM Mono,monospace}.data-table article{border-bottom:1px solid var(--line);min-height:75px;font-size:13px}.data-table article small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.data-table code,.oidc code,.zone-list code{font:12px DM Mono,monospace}.peers-table .table-head,.peers-table article{grid-template-columns:1.1fr .85fr .7fr 2.5fr}.presence{align-items:center;gap:7px;display:flex}.adapter-list{flex-wrap:wrap;gap:6px;display:flex}.adapter-list>span{border:1px solid var(--line);padding:3px 5px;font:10px DM Mono,monospace}.adapter-list em{color:var(--muted);margin-top:3px;font-size:8px;font-style:normal;display:block}.adapter-list em.available{color:#457100}.adapter-list em.preview{color:#936800}.kind{text-transform:uppercase;font:10px DM Mono,monospace}.route-rule{gap:12px;padding:19px 0;font-size:12px;display:flex}.route-rule span{color:var(--muted);margin-left:auto;font:10px DM Mono,monospace}.note{border-left:4px solid var(--acid);max-width:550px;margin-top:44px;padding-left:18px;font-size:13px;line-height:1.6}.note b{display:block}.zone-list article{border-bottom:1px solid var(--line);justify-content:space-between;padding:34px 0;display:flex}.zone-list h2{margin-left:17px;font:500 36px Newsreader,Georgia,serif;display:inline}.zone-index{color:var(--muted);font:11px DM Mono,monospace}.zone-list p{color:var(--muted);margin:9px 0 0 45px;font-size:12px}.zone-list article>div:last-child{width:220px;color:var(--muted);align-content:center;gap:7px;font-size:12px;display:grid}.access-layout{grid-template-columns:1fr 1.4fr;gap:6vw;padding-top:45px;display:grid}.access-layout h2{letter-spacing:-.04em;margin:16px 0 11px;font:500 43px Newsreader,Georgia,serif}.access-layout h2 span{vertical-align:middle;letter-spacing:0;font:11px DM Mono,monospace}.oidc{border-top:4px solid var(--ink);background:var(--acid);padding:20px}.oidc p{font-size:13px}.oidc code{overflow-wrap:anywhere;display:block}.oidc small{margin-top:50px;font-size:10px;display:block}.mapping dl{margin:17px 0 0}.mapping dl div{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;padding:17px 0;font-size:13px;display:grid}.mapping dt{font-weight:700}.mapping dd{color:var(--muted);margin:0}.krasichka-line{margin-top:60px;font:12px DM Mono,monospace}.signin-gate,.session-error,.page-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100vh;padding:80px 20px;display:flex}.page-loading{color:var(--muted);font:500 15px DM Mono,monospace}.signin-gate h1,.session-error h1{letter-spacing:-.04em;margin:10px 0 0;font:600 max(34px,min(4vw,52px))/1 Newsreader,Georgia,serif}.signin-gate>p{max-width:460px;color:var(--muted);margin:0;font-size:14px;line-height:1.65}.signin-gate .krasichka-line,.session-error .krasichka-line{margin-top:34px}.session-error{border-top:4px solid var(--red)}.session-error .note{max-width:460px;margin:0;font-size:14px;line-height:1.65}.device-form{gap:14px;width:min(460px,100%);display:grid}.device-form label{text-align:left;gap:7px;font-size:12px;font-weight:600;display:grid}.device-form label>span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font:10px DM Mono,monospace}.device-form input{border:1px solid var(--line);color:var(--ink);text-align:center;letter-spacing:.14em;background:#fff;padding:12px 14px;font:15px DM Mono,monospace}.device-actions{justify-content:center;gap:12px;display:flex}.panel{margin-top:54px}section h2{letter-spacing:-.03em;margin:56px 0 20px;font:500 30px/1 Newsreader,Georgia,serif}.form-panel{border:1px solid var(--line);border-top:4px solid var(--ink);background:#fffef9;padding:26px 28px 32px}.form-panel h2{margin:0 0 22px}.form-grid{grid-template-columns:1fr 1fr;gap:18px 22px;margin-bottom:24px;display:grid}.form-grid label{flex-direction:column;gap:7px;font-size:12px;font-weight:600;display:flex}.form-grid label>span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font:10px DM Mono,monospace}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid var(--line);color:var(--ink);background:#fff;padding:9px 11px;font:13px DM Mono,monospace}.form-grid label.wide,.form-grid label.check{grid-column:1/-1}.form-grid label.check{color:var(--ink);flex-direction:row;align-items:center;gap:10px}.form-grid label.check input{width:16px;height:16px}.records{resize:vertical}.inline-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);align-items:center;gap:10px;margin:18px 0;font:10px DM Mono,monospace;display:inline-flex}.inline-label select{border:1px solid var(--line);background:#fff;padding:8px 10px;font:13px DM Mono,monospace}.button{cursor:pointer;border:0}.button:disabled{opacity:.45;cursor:not-allowed}.button-small{padding:7px 11px;font-size:12px;font-weight:600}.row-actions{justify-content:flex-end;gap:8px;display:flex}.state-on,.state-off{border:1px solid var(--line);justify-self:start;padding:3px 9px;font:11px DM Mono,monospace}.state-on{color:#457100;background:#f3f8dd;border-color:#a9c46a}.state-off{color:#9b3d31;background:#faeae7;border-color:#d8a49b}.data-table{margin-top:36px}.data-table>[role=row]{border-bottom:1px solid var(--line);align-items:center;gap:18px;padding:14px 0;font-size:13px;display:grid}.adapters-table [role=row]{grid-template-columns:1fr 1fr}.capabilities-table [role=row]{grid-template-columns:1fr 1.6fr 2.4fr}.capabilities-table [role=row].row-current{background:#f7f4ea}.peers-table [role=row]{grid-template-columns:1.1fr .8fr 1.8fr .9fr 1fr}.routes-table [role=row]{grid-template-columns:1.5fr .8fr 1.2fr .6fr .9fr 1fr}.zones-table [role=row]{grid-template-columns:1.3fr 1.3fr .6fr .9fr 1.5fr}.forwarding-table [role=row]{grid-template-columns:1fr 1.6fr .6fr .9fr 1fr}.events-table [role=row]{grid-template-columns:.5fr 1.1fr 1.1fr 2.6fr}.tenants-table [role=row]{grid-template-columns:1fr 1fr}.admin-projects-table [role=row]{grid-template-columns:1fr 1fr .8fr}.enrollments-table [role=row]{grid-template-columns:1fr 1fr 1.2fr .8fr 1fr}.events-status{color:var(--muted);align-items:center;gap:12px;margin-top:26px;font:12px DM Mono,monospace;display:flex}.state-badge{border:1px solid var(--ink);background:var(--ink);color:var(--acid);text-transform:uppercase;letter-spacing:.06em;padding:3px 9px;font:11px DM Mono,monospace}.event-payload{overflow-wrap:anywhere;color:var(--muted)}.error-note{border:1px solid var(--red);border-left:4px solid var(--red);background:#fbe9e5;margin-top:24px;padding:14px 18px;font-size:13px}.readonly-note{border:1px dashed var(--line);max-width:550px;color:var(--muted);margin-top:24px;padding:14px 18px;font-size:13px}.empty-state{border-bottom:1px solid var(--line);color:var(--muted);margin:40px 0;padding:28px 0;font-size:14px}.loading{color:var(--muted);margin:40px 0;font:12px DM Mono,monospace}.session-details{margin:0;display:grid}.session-details div{border-top:1px solid var(--line);grid-template-columns:220px 1fr;gap:18px;padding:13px 0;font-size:13px;display:grid}.session-details dt{font-weight:700}.session-details dd{color:var(--muted);overflow-wrap:anywhere;margin:0;font:12px DM Mono,monospace}.header-tools{align-items:center;gap:16px;display:flex}.session-subject{color:var(--muted);font:12px DM Mono,monospace}.project-switcher{flex-direction:column;gap:4px;display:flex}.project-switcher select{border:1px solid var(--line);color:var(--ink);background:#fff;padding:6px 9px;font:12px DM Mono,monospace}.ticket{border:1px solid var(--ink);background:var(--acid);gap:8px;margin-top:20px;padding:18px 20px;display:grid}.ticket code{overflow-wrap:anywhere;font:13px DM Mono,monospace}.ticket span{color:#4a4a3a;font:11px DM Mono,monospace}.resolution{border:1px solid var(--line);background:#fffef9;gap:6px;margin-top:20px;padding:16px 18px;font-size:13px;display:grid}.resolution b{text-transform:uppercase;letter-spacing:.06em;font:12px DM Mono,monospace}.connection-toggle{flex-wrap:wrap;align-items:center;gap:44px;margin-top:30px;display:flex}.connection-toggle .note{max-width:420px;margin:0}.vpn-toggle{border:5px solid var(--line);width:172px;height:172px;color:var(--ink);cursor:pointer;background:#fffef9;border-radius:50%;place-items:center;padding:0;transition:border-color .15s,background .15s;display:grid}.vpn-toggle:disabled{cursor:progress;opacity:1}.vpn-toggle-core{letter-spacing:.02em;font:500 17px DM Mono,monospace}.vpn-toggle.ring-connecting{border-color:var(--blue);border-top-color:var(--ink);animation:1.1s linear infinite vpn-spin}.vpn-toggle.ring-on{color:#457100;background:#f3f8dd;border-color:#457100}.vpn-toggle.ring-degraded{color:#936800;background:#fdf4d7;border-color:#936800}.vpn-toggle.ring-stale{border-color:var(--muted);background:var(--line);color:var(--muted);border-style:dashed}.vpn-toggle.ring-error{border-color:var(--red);color:#9b3d31;background:#faeae7}.vpn-toggle.ring-reconnecting{border-color:var(--blue);border-top-color:var(--ink);border-style:dashed;animation:1.1s linear infinite vpn-spin}.vpn-toggle.ring-unbound{border-color:var(--muted);background:var(--line);color:var(--muted);border-style:dashed}@keyframes vpn-spin{to{transform:rotate(360deg)}}@media (max-width:760px){.form-grid{grid-template-columns:1fr}.data-table>[role=row]{grid-template-columns:1fr 1fr;row-gap:8px}.session-details div{grid-template-columns:1fr;gap:4px}.signin-gate h1,.session-error h1{font-size:34px}.landing-header,.app-header{min-height:66px;padding:0 20px}.landing-header nav a:not(:last-child){display:none}.hero{min-height:625px;padding:65px 20px 260px}.hero h1{font-size:max(44px,min(14vw,68px))}.network-diagram{width:110%;min-width:0;height:235px;bottom:-20px;right:-16%}.node{transform:scale(.75)}.built-strip{flex-direction:column;align-items:flex-start;gap:5px;padding:18px 20px}.built-strip span:first-child{font-size:12px}.principles{grid-template-columns:1fr;gap:30px;padding:70px 20px}.platform{padding:60px 20px 0}.platform-grid{grid-template-columns:1fr 1fr;margin-top:40px}.platform-grid article{border-bottom:1px solid var(--line);min-height:170px}.platform-grid article:nth-child(2){border-right:0}.platform-grid h3{margin-top:30px}footer{grid-template-columns:1fr;gap:12px;padding:30px 20px}.app-header{flex-wrap:wrap}.menu-button{display:block}.app-header nav{border-top:1px solid var(--line);order:4;width:calc(100% + 40px);margin:10px -20px 0;padding:10px 20px;display:none;overflow-x:auto}.app-header nav.is-open{display:flex}.preview-label{display:none}.app-frame main{padding:0 20px 45px}.page-heading{padding:50px 0 35px;display:block}.page-heading p{margin-top:25px}.topology{height:290px}.map-peer{padding:8px;font-size:10px}.map-peer-0,.map-peer-1{right:3%}.map-peer-2{left:2%}.map-core{left:32%;transform:scale(.75)}.stat-row{grid-template-columns:repeat(3,1fr)}.stat-row div{padding:15px 0}.stat-row div+div{padding-left:10px}.stat-row p{text-align:left;grid-column:1/-1;padding-top:8px}.coverage,.access-layout{grid-template-columns:1fr;gap:25px}.coverage li{grid-template-columns:110px 1fr}.table-head{display:none}.data-table article,.peers-table article{grid-template-columns:1fr 1fr;gap:12px;padding:17px 0}.adapter-list{grid-column:1/-1}.route-rule{flex-wrap:wrap}.route-rule span{width:100%;margin-left:0}.zone-list article{display:block}.zone-list article>div:last-child{margin:24px 0 0 45px}.mapping dl div{grid-template-columns:1fr;gap:7px}}