@charset "UTF-8";
:root{--tile-bg:#e9ecdf;--bg:#f6f6f2;--ink:#202720;--muted:#777d72;--gold:#cba659;--line:#e2e4da;--dark:#19211c;--serif:Georgia,'Times New Roman',serif;--sans:'Segoe UI',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:var(--sans);color:var(--ink);font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:5px}a:hover{color:#927233}button{cursor:pointer}svg{flex-shrink:0}h1,h2,h3,p{margin-top:0}h1{font-weight:400;font-family:var(--serif);font-size:clamp(38px,4vw,60px);line-height:1.13;letter-spacing:-1.8px;margin-bottom:24px}h1 em{color:#a4813e;font-weight:400}h2{font-size:23px;line-height:1.3;font-weight:500;letter-spacing:-.5px;margin-bottom:16px}p{margin-bottom:18px}.gold{color:var(--gold)}.muted{color:var(--muted)}.layout{display:flex;min-height:100vh}.sidebar{width:246px;flex-shrink:0;background:#17201b;color:#c1c8be;padding:40px 24px 24px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;overflow-y:auto;z-index:10}.brand{display:flex;align-items:center;gap:12px;color:#f9faf4;font-size:26px;font-weight:600;letter-spacing:-1px;margin:0 7px 56px}.brand img{object-fit:contain;border-radius:50%}.brand small{display:block;font-size:8px;font-weight:400;letter-spacing:3px;color:#a5ada1;margin-top:1px}.nav-wrap{display:flex;flex:1;flex-direction:column}.nav-label{font-size:9px;letter-spacing:2.1px;font-weight:600;color:#798679;margin:0 14px 16px}.spaced{margin-top:38px}nav{display:flex;flex-direction:column;gap:7px}nav a{padding:12px 14px;display:flex;gap:13px;align-items:center;font-size:13px;border-radius:6px;color:#bfc6bc}nav a svg{width:17px;height:17px;color:#939e90}nav a[aria-current=page]{background:#2c352a;color:#e7d6a5}nav a[aria-current=page] svg{color:var(--gold)}nav a:hover{background:#293329;color:#fff}.sidebar-bottom{margin:45px 14px 0;padding-top:32px;border-top:1px solid #364033;margin-top:auto}.sidebar-bottom p{font-size:11px;color:#8f9b8d;line-height:1.8}.mini-mark{display:block;font-family:var(--serif);font-size:25px;color:#c9ae70;margin-bottom:14px}.legal{display:flex;gap:14px;font-size:10px;color:#8f9b8d}.workspace{margin-left:246px;width:calc(100% - 246px);min-width:0}.topbar{height:87px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 48px;gap:20px}.breadcrumb{font-size:12px;color:#5f685c}.breadcrumb span{margin:0 15px;color:#bec3b6}.account{display:flex;gap:14px;align-items:center;font-size:12px}.public-label{color:#8c9384;font-size:11px}.account form{margin:0}.avatar{width:30px;height:30px;border-radius:50%;background:#e7dfca;display:grid;place-items:center;color:#6b5932}main{max-width:1460px;margin:auto;padding:48px 48px 32px;min-height:calc(100vh - 158px)}.button{background:var(--dark);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:46px;border:1px solid var(--dark);padding:11px 21px;border-radius:5px;font-size:12px;font-weight:500;transition:background .2s}.button:hover{color:#fff;background:#34422f;border-color:#34422f}.button svg{width:16px;height:16px}.button.small{min-height:35px;padding:7px 13px;gap:9px;font-size:11px}.button.secondary{background:transparent;color:var(--ink);border-color:#cbd0c1}.button.secondary:hover{background:#e9ecdf}.quiet-link{font-size:12px;display:inline-flex;align-items:center;gap:24px}.hero{min-height:388px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:12px;padding:8px 0 35px;border-bottom:1px solid var(--line)}.eyebrow{display:block;font-size:9px;letter-spacing:2px;font-weight:600;color:#8b907c;margin-bottom:24px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);margin-right:9px;vertical-align:2px}.hero h1{font-size:clamp(42px,4.3vw,64px);line-height:1.12;margin-bottom:22px}.hero p{font-size:13px;color:#7e8477;line-height:1.9}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:28px}.hero-meta{display:flex;gap:24px;margin-top:38px;font-size:8px;letter-spacing:1px;color:#999e8e}.network-art{height:355px;position:relative;isolation:isolate;background:radial-gradient(ellipse at center,#e6e8d9 0%,transparent 64%);overflow:hidden}.orbit{position:absolute;border:1px solid #d9ddcb;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-one{width:170px;height:170px}.orbit-two{width:260px;height:260px}.orbit-three{width:345px;height:345px;border-style:dashed;border-color:#e0e3d6}.orb-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;width:112px;height:112px;background:#000;color:#d6bd81;box-shadow:0 0 0 1px #cba65966,0 10px 28px #0004;display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:var(--serif);font-size:37px;line-height:1}.orb-center img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}.node{position:absolute;background:var(--tile-bg);border:1px solid #d9decd;box-shadow:0 5px 20px #28342508;padding:8px 14px;font-size:8px;letter-spacing:1.5px;border-radius:4px;color:#68705b}.node-a{left:53%;top:12%}.node-b{left:2%;top:51%}.node-c{right:0;top:64%}.dot{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px #f3f0e3}.dot-a{left:27%;top:22%}.dot-b{left:41%;bottom:14%}.art-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:6px;letter-spacing:2px;color:#9cA18f;background:var(--bg);padding-top:7px}.section{margin-top:32px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.section-head h2{margin:0}.section-head .eyebrow{margin-bottom:9px}.section-head>.muted{font-size:11px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.service-card{display:flex;gap:13px;align-items:center;min-height:92px;padding:20px 18px;border:1px solid var(--line);background:var(--tile-bg);border-radius:7px;transition:transform .2s,border-color .2s;min-width:0}.service-card:hover{transform:translateY(-3px);border-color:#bba369;color:var(--ink)}.service-icon{background:#eeefe5;width:38px;height:38px;border-radius:9px;display:grid;place-items:center;color:#79846b;flex-shrink:0}.service-icon svg{width:19px;height:19px}.service-card strong{display:block;font-size:13px;font-weight:600;overflow-wrap:anywhere}.service-card small{font-size:9px;color:#929887;overflow-wrap:anywhere}.card-arrow{margin-left:auto;align-self:flex-start;color:#959c87;font-size:15px}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:34px}.feature{border-radius:8px;padding:29px 30px;position:relative;overflow:hidden}.network-feature{background:var(--tile-bg);border:1px solid #e2e6d6}.network-feature h2{font-family:var(--serif);font-size:38px;margin-bottom:13px}.feature .eyebrow{font-size:8px;margin-bottom:22px}.feature p{font-size:12px;line-height:1.8;color:#7a8370}.network-feature .quiet-link{margin-top:15px}.feature-symbol{position:absolute;right:18px;bottom:-47px;font-size:175px;color:#d9dfcd;line-height:1;transform:rotate(-15deg);pointer-events:none;z-index:0}.network-feature>*:not(.feature-symbol){position:relative;z-index:1}.access-feature{border:1px solid var(--line);background:var(--tile-bg)}.access-feature h2{font-size:21px}.access-feature .eyebrow{margin-bottom:16px}.access-row{border-top:1px solid #e6e8df;display:flex;align-items:center;gap:13px;padding:13px 0 0;margin-top:12px;font-size:12px}.access-row svg{color:#90967e;width:19px}.access-row small{display:block;color:#929986;font-size:9px;margin-top:2px}.access-row b{margin-left:auto;color:#9fa88d}.footer{margin:12px 48px 0;border-top:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;color:#8b9481;font-size:10px;letter-spacing:.3px}.page-heading{margin:15px 0 30px}.page-heading h1{font-size:46px;margin-bottom:12px}.panel{background:var(--tile-bg);border:1px solid var(--line);border-radius:9px;padding:30px;min-width:0}.narrow{max-width:650px;margin:auto}.prose{max-width:950px;overflow-wrap:anywhere}.prose p{line-height:1.85;margin:0 0 20px;white-space:normal}.prose p:last-child{margin-bottom:0}.auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start;padding-top:35px}.auth-intro{padding-top:38px}.auth-intro p{color:#818879;font-size:14px;max-width:360px}.auth-detail{border-top:1px solid var(--line);margin-top:48px;padding-top:26px;display:flex;gap:16px;align-items:center;font-size:13px;color:#647158}.auth-detail small{font-size:10px;color:#919985}.auth-form h2{font-size:24px}.auth-form p{font-size:12px}form label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:500;margin:17px 0}input,textarea,select{width:100%;padding:12px;border:1px solid #d7dcca;border-radius:5px;background:#fdfdf9;color:var(--ink);min-height:45px}textarea{resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid #b79b59;border-color:transparent}input[type=file]{font-size:12px}input[type=checkbox]{width:16px;min-height:16px;flex-shrink:0}.check{flex-direction:row;align-items:center;flex-wrap:wrap;gap:7px}.check a{text-decoration:underline}.full{width:100%;justify-content:space-between;margin-top:16px}.form-bottom{margin:24px 0 0;border-top:1px solid var(--line);padding-top:18px}.form-bottom a{font-weight:600;color:#927233}.small-text{font-size:11px!important}.text-button{border:0;background:none;padding:0;color:#6c775e;font-size:12px}.trap{display:none}.notice{padding:15px 20px;border:1px solid #c4d4b0;border-radius:6px;background:#edf5e5;margin-bottom:24px;font-size:13px}.notice.error{background:#fff0e9;border-color:#edc4b1;color:#943f22}.toolbar{display:flex;flex-wrap:wrap;gap:12px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.align-start{align-self:start}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{padding:13px 10px;color:#8a927d;font-size:10px;letter-spacing:.8px;font-weight:500;text-transform:uppercase;border-bottom:1px solid var(--line)}td{padding:17px 10px;border-bottom:1px solid #eceee4;vertical-align:middle}.table-sub{display:block;font-size:10px;color:#8c9480;margin-top:4px;overflow-wrap:anywhere;max-width:350px}.badge{font-size:10px;padding:4px 9px;background:#eaf1df;color:#58713f;border-radius:20px;white-space:nowrap}.badge.inactive{background:#f6e9d9;color:#98773b}.row-actions{display:flex;gap:15px;align-items:center;white-space:nowrap}.row-actions form{margin:0}.danger{color:#a44736}.danger-button{background:#8e4033;border-color:#8e4033}.danger-button:hover{background:#6b2e24;border-color:#6b2e24}hr{border:0;border-top:1px solid var(--line);margin:28px 0}details>summary{cursor:pointer;font-weight:500}details[open]>summary{margin-bottom:20px}.tabs{display:flex;flex-wrap:wrap;gap:23px;border-bottom:1px solid var(--line);margin-bottom:30px;padding-bottom:16px;font-size:12px}.tabs a:hover{text-decoration:underline}.empty{text-align:center;padding:35px;color:#8c957e;font-size:13px}.message{margin-top:22px}.message-body{overflow-wrap:anywhere}.message .muted{font-size:12px}.form-row{display:flex;align-items:center;justify-content:space-between;gap:22px}.form-row .muted{font-size:11px}.menu-toggle{display:none}.skip{position:fixed;top:-100px;left:15px;z-index:50;background:#fff;padding:10px}.skip:focus{top:10px}
@media(min-width:1600px){main{padding-top:65px}.hero{min-height:440px}.network-art{height:400px}.hero h1{font-size:72px}.orbit-three{width:385px;height:385px}.orbit-two{width:290px;height:290px}}
@media(max-width:1150px){.sidebar{width:210px;padding:30px 16px}.workspace{margin-left:210px;width:calc(100% - 210px)}main{padding:32px}.topbar{padding:0 32px}.footer{margin-left:32px;margin-right:32px}.hero h1{font-size:46px}.hero-meta{gap:13px;font-size:7px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.network-art{height:320px}.hero-actions{gap:15px}.hero-actions .quiet-link{gap:12px}.auth-layout{gap:30px}.service-card:last-child:nth-child(3){grid-column:1/-1}.public-label{display:none}}
@media(max-width:800px){.layout{display:block}.sidebar{position:relative;width:100%;padding:18px 22px;display:block;overflow:visible}.brand{margin:0;font-size:24px}.brand img{width:36px;height:36px}.brand small{font-size:7px}.menu-toggle{display:flex;position:absolute;right:22px;top:25px;gap:12px;background:none;border:0;color:#eee;font-size:12px}.nav-wrap{display:none;padding-top:28px}.sidebar.open .nav-wrap{display:flex}.sidebar-bottom{margin-top:25px;padding-top:20px}.sidebar-bottom p,.mini-mark{display:none}.workspace{margin:0;width:100%}.topbar{height:65px;padding:0 22px}.breadcrumb{font-size:10px}.breadcrumb span{margin:0 7px}.account{gap:8px;font-size:10px}.account>a:not(.button){max-width:120px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.avatar{display:none}main{padding:30px 22px}.hero{grid-template-columns:1.2fr 1fr;min-height:360px}.hero h1{font-size:43px}.hero-actions{flex-wrap:wrap;gap:18px}.hero-meta{display:none}.hero p br{display:none}.network-art{height:270px}.orbit-three{width:260px;height:260px}.orbit-two{width:195px;height:195px}.orbit-one{width:135px;height:135px}.orb-center{width:90px;height:90px;font-size:30px}.node{font-size:6px;padding:5px 9px}.node-b{left:0}.node-c{right:0}.auth-layout{gap:28px}.auth-intro h1{font-size:42px}.split-section{gap:16px}.feature{padding:24px}.two-columns{gap:18px}.panel{padding:24px}.footer{margin-left:22px;margin-right:22px}}
@media(max-width:560px){h1{font-size:39px}.hero{display:block;padding-bottom:24px}.hero h1{font-size:46px}.hero-copy .eyebrow{font-size:8px}.network-art{height:200px;margin:22px 15px 0}.orbit-three{width:220px;height:220px}.orbit-two{width:160px;height:160px}.orbit-one{width:110px;height:110px}.orb-center{width:80px;height:80px;font-size:27px}.node-a{top:4%;left:56%}.node-b{left:10%}.node-c{right:10%}.dot-a{left:32%;top:14%}.dot-b{left:35%;bottom:10%}.art-caption{font-size:6px}.hero-actions{gap:22px}.hero p{font-size:12px}.service-grid{grid-template-columns:1fr}.service-card:last-child:nth-child(3){grid-column:auto}.service-card{min-height:81px;padding:17px}.split-section,.auth-layout,.two-columns{grid-template-columns:1fr}.section-head>.muted{display:none}.auth-layout{padding-top:0;gap:20px}.auth-intro{padding-top:0}.auth-intro h1{font-size:39px}.auth-detail{display:none}.page-heading h1{font-size:37px}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:17px}.panel{padding:22px 18px}.form-row{align-items:flex-start;flex-direction:column;gap:10px}.toolbar .button{font-size:11px;padding:10px 14px}.footer{font-size:9px}.tabs{gap:17px}.account .text-button{font-size:10px}.breadcrumb{max-width:45%;overflow:hidden;white-space:nowrap}.topbar{gap:10px}.two-columns{gap:0}.two-columns>.panel+.panel{margin-top:20px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Match the content canvas to the sidebar, retaining the light framed surfaces. */
.workspace {
 --bg: #17201b;
 background-color: var(--bg);
 color: #c1c8be;
}
.workspace .breadcrumb {
 color: #bfc6bc;
}
.workspace :where(.panel, .feature, .service-card, .notice) {
 color: var(--ink);
}
.workspace .button.secondary:not(.panel *) {
 color: #c1c8be;
}
.workspace .button.secondary:not(.panel *):hover {
 color: var(--ink);
}

/* Hide page/menu scrollbars without disabling wheel, touch or keyboard scrolling. */
html, body, .sidebar {
 scrollbar-width: none;
 -ms-overflow-style: none;
}
html::-webkit-scrollbar, body::-webkit-scrollbar, .sidebar::-webkit-scrollbar {
 display: none;
 width: 0;
 height: 0;
}
.scroll-indicator {
 position: fixed;
 inset: 0 0 auto;
 z-index: 100;
 width: 100%;
 height: 3px;
 margin: 0;
 padding: 0;
 border: 0;
 appearance: none;
 -webkit-appearance: none;
 background: rgba(203, 166, 89, .14);
 color: var(--gold);
 pointer-events: none;
}
.scroll-indicator[hidden] { display: none; }
.scroll-indicator::-webkit-progress-bar { background: rgba(203, 166, 89, .14); }
.scroll-indicator::-webkit-progress-value { background: var(--gold); }
.scroll-indicator::-moz-progress-bar { background: var(--gold); }

.network-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:0; }
.prose h2, .prose h3, .prose h4 { margin:24px 0 14px; color:var(--ink); }
.prose > :first-child { margin-top:0; }
.prose a { color:#74591f; text-decoration:underline; text-underline-offset:3px; }
.prose ul, .prose ol { padding-left:25px; margin:0 0 20px; }
.prose li { margin:6px 0; }
.prose blockquote { margin:20px 0; padding:12px 20px; border-left:3px solid var(--gold); background:#dfe4d3; }
.prose pre, .content-example { white-space:pre-wrap; overflow-wrap:anywhere; padding:16px; background:#dfe4d3; border-radius:5px; font-size:12px; }
.prose table { display:block; overflow-x:auto; margin:20px 0; }
.prose th, .prose td { border-bottom-color:#cbd2be; }
.network-metric { background:var(--tile-bg); color:var(--ink); border:1px solid var(--line); border-radius:7px; padding:18px; min-width:0; }
.network-metric dt { font-size:10px; text-transform:uppercase; letter-spacing:.8px; color:#626c59; margin-bottom:9px; }
.network-metric dd { margin:0; font-size:13px; font-weight:600; overflow-wrap:anywhere; }
.contact-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); gap:20px; }
.share-users { border:1px solid #cbd2be; border-radius:6px; padding:12px 18px; margin:20px 0; max-height:320px; overflow-y:auto; }
.share-users legend { font-size:12px; padding:0 8px; }
.language-switch { display:flex; gap:5px; align-items:center; margin-left:auto; font-size:11px; white-space:nowrap; }
.language-switch a { padding:5px 8px; border:1px solid transparent; border-radius:4px; }
.language-switch a[aria-current=true] { color:var(--gold); border-color:var(--gold); }
.content-languages { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-bottom:24px; }
.content-languages a[aria-current=true] { border-color:var(--gold); color:var(--gold); }
html[lang=ja] body { font-family:'Yu Gothic','Meiryo','Hiragino Kaku Gothic ProN',sans-serif; line-height:1.85; }
html[lang=ja] h1 { font-family:'Yu Mincho','Hiragino Mincho ProN',serif; letter-spacing:0; line-height:1.45; }
html[lang=ja] .hero h1 { font-size:clamp(32px,3.4vw,52px); }
html[lang=ja] .eyebrow { letter-spacing:.8px; }
.topbar { height:auto; min-height:87px; flex-wrap:wrap; padding-top:14px; padding-bottom:14px; }
@media(max-width:800px) { .topbar { gap:10px; } .language-switch { order:3; width:100%; justify-content:flex-end; } .language-switch a { padding:3px 8px; } }
.share-users .check { flex-wrap:nowrap; align-items:flex-start; }
.share-users .check span { overflow-wrap:anywhere; }
.contact-point { border:1px solid #cbd2be; border-radius:7px; padding:20px; min-width:0; }
.contact-point h3 { font-size:17px; margin:0 0 12px; }
.contact-name { font-size:14px; margin-bottom:14px; }
.contact-point dl { margin:0; }
.contact-point dt { font-size:10px; text-transform:uppercase; letter-spacing:.8px; color:#626c59; }
.contact-point dd { margin:2px 0 12px; font-size:12px; overflow-wrap:anywhere; }
.contact-point dd:last-child { margin-bottom:0; }
.contact-point a { text-decoration:underline; text-underline-offset:3px; }
.peering-exchanges .section-head { align-items:flex-start; flex-wrap:wrap; }
.peering-exchanges .section-head form { margin:0; }
.peering-exchanges .eyebrow { color:#687252; }
.peering-status { font-size:11px; color:#626c59; line-height:1.9; }
.peering-status a { text-decoration:underline; text-underline-offset:3px; }
.peering-table th, .peering-table td { border-bottom-color:#d3d9c7; }
.peering-table thead th { color:#626c59; }
.peering-table tbody th { color:var(--ink); font-size:12px; letter-spacing:0; text-transform:none; font-weight:600; }
.peering-table tbody tr:last-child > * { border-bottom:0; }
.peering-table td { white-space:nowrap; }
.peering-address { font-family:Consolas,monospace; }
.visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
@media(max-width:1200px) { .network-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:950px) { .network-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:560px) {
 .network-metrics { grid-template-columns:1fr; gap:10px; }
 .peering-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
 .peering-table, .peering-table tbody, .peering-table tr, .peering-table td, .peering-table tbody th { display:block; width:100%; }
 .peering-table tr { padding:16px 0; border-top:1px solid #cbd2be; }
 .peering-table tbody th { padding:0 0 8px; font-size:14px; border:0; }
 .peering-table td { padding:4px 0; border:0; white-space:normal; overflow-wrap:anywhere; }
 .peering-table td::before { display:inline-block; min-width:70px; font:11px var(--sans); color:#626c59; }
 .peering-table td:nth-child(2)::before { content:'IPv4'; }
 .peering-table td:nth-child(3)::before { content:'IPv6'; }
 .peering-table td:nth-child(4)::before { content:'ASN'; }
 .peering-table td:nth-child(5)::before { content:'Kapazität'; }
 html[lang="en"] .peering-table td:nth-child(5)::before { content:'Capacity'; }
 html[lang="ja"] .peering-table td:nth-child(5)::before { content:'容量'; }
}
