﻿.pf-page{--pf-bg:#000;--pf-ink:#eee;--pf-muted:#aaa;--pf-line:#292929;--pf-panel:linear-gradient(130deg,#101010,#050505);background:var(--pf-bg);color:var(--pf-ink)}.pf-shell{max-width:1320px;margin:auto;padding:0 38px}.pf-page .pf-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--pf-ink);margin:0 0 15px;font-size:9px}.pf-page h1{letter-spacing:-.04em;margin:0 0 19px;font-size:clamp(34px,3.25vw,46px);line-height:1.1}.pf-page h2{margin:0 0 15px;font-size:clamp(23px,2.05vw,29px);line-height:1.2}.pf-page h3{margin:0 0 7px;font-size:12px;font-weight:400}.pf-page p{color:var(--pf-muted);margin:0;font-size:12px;line-height:1.55}.pf-hero{grid-template-columns:40% 60%;align-items:center;min-height:420px;padding:20px 0;display:grid}.pf-intro{max-width:360px}.pf-hero-art{height:400px;margin-left:-20px;margin-right:-20px;position:relative}.pf-hero-art img{object-fit:contain;filter:grayscale();-webkit-mask-image:radial-gradient(#000 50%,#0000 76%);mask-image:radial-gradient(#000 50%,#0000 76%)}.pf-actions{flex-wrap:wrap;gap:15px;margin-top:25px;display:flex}.pf-button{color:var(--pf-ink);background:0 0;border:1px solid #666;border-radius:4px;justify-content:center;align-items:center;gap:18px;padding:10px 17px;font-size:10px;display:inline-flex}.pf-button.pf-primary{color:#111;background:linear-gradient(#fff,#ddd);border-color:#ccc}.pf-button:hover{border-color:var(--pf-ink);box-shadow:0 0 15px #8882}.pf-benefits{border:1px solid var(--pf-line);background:var(--pf-panel);border-radius:10px;grid-template-columns:repeat(4,1fr);padding:23px 20px;display:grid}.pf-benefits article{border-right:1px solid var(--pf-line);align-items:center;gap:18px;padding:0 25px;display:flex}.pf-benefits article:first-child{padding-left:5px}.pf-benefits article:last-child{border:0;padding-right:0}.pf-benefits svg{stroke-width:1px;border:1px solid var(--pf-line);border-radius:50%;flex-shrink:0;width:47px;height:47px;padding:6px}.pf-benefits h3{font-size:12px}.pf-benefits p{font-size:10px}.pf-row{grid-template-columns:32% minmax(0,1fr);align-items:center;gap:25px;padding:30px 0;scroll-margin-top:90px;display:grid}.pf-copy>p:not(.pf-kicker){max-width:300px;margin-bottom:18px}.pf-copy ul{margin:0 0 20px;padding:0;font-size:11px;list-style:none}.pf-copy li{gap:9px;margin:7px 0;display:flex}.pf-network{height:265px;position:relative}.pf-network>svg{fill:none;stroke:#777;stroke-width:.7px;filter:drop-shadow(0 0 3px #aaa7);width:100%;height:100%;position:absolute;inset:0}.pf-network-core{text-align:center;background:radial-gradient(#282828,#070707);border:1px solid #ddd;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:22%;height:43%;display:flex;position:absolute;top:29%;left:40%;box-shadow:0 0 14px #aaa7,inset 0 0 10px #aaa8}.pf-network-core>span{font-size:39px;font-weight:300;line-height:1.1}.pf-network-core strong{text-transform:uppercase;font-size:12px;font-weight:400;line-height:1.25}.pf-network-item{align-items:center;gap:12px;max-width:150px;font-size:11px;line-height:1.25;display:flex;position:absolute}.pf-network-item svg{stroke-width:1px;border:1px solid #555;border-radius:50%;flex-shrink:0;width:34px;height:34px;padding:5px}.pf-network-item:hover{color:#fff;text-decoration:underline}.pf-network-item-0,.pf-network-item-1,.pf-network-item-2,.pf-network-item-3,.pf-network-item-4{text-align:right;flex-direction:row-reverse;left:4%}.pf-network-item-5,.pf-network-item-6,.pf-network-item-7,.pf-network-item-8,.pf-network-item-9{left:79%}.pf-network-item-0,.pf-network-item-5{top:3%}.pf-network-item-1,.pf-network-item-6{top:22%}.pf-network-item-2,.pf-network-item-7{top:41%}.pf-network-item-3,.pf-network-item-8{top:60%}.pf-network-item-4,.pf-network-item-9{top:79%}.pf-panel{border:1px solid var(--pf-line);background:var(--pf-panel);border-radius:10px}.pf-architecture{grid-template-columns:30% 26% 1fr;align-items:center;gap:15px;padding:25px 20px;scroll-margin-top:90px;display:grid}.pf-stack{isolation:isolate;perspective:650px;height:220px;position:relative}.pf-stack>span{z-index:-1;background:linear-gradient(135deg,#9995,#111c,#ccc3);border:1px solid #bbb;width:76%;height:65px;position:absolute;left:12%;transform:rotateX(57deg)rotate(-20deg);box-shadow:0 8px #252525,0 9px #777,0 15px 20px #aaa2}.pf-stack>span:nth-child(2n){border-color:#93a9b7;box-shadow:0 8px #20282d,0 9px #718997,0 15px 20px #aaa2}.pf-stack-core{z-index:2;border:1px solid #ddd;border-radius:7px;padding:1px 15px;font-size:28px;position:absolute;top:25px;left:37%;transform:rotateX(50deg)rotate(-20deg)}.pf-layer-list a{border-bottom:1px solid var(--pf-line);align-items:center;gap:13px;padding:10px 0;font-size:10px;display:flex}.pf-layer-list a:last-child{border:0}.pf-layer-list svg{stroke-width:1px;flex-shrink:0}.pf-layer-list strong{white-space:nowrap;min-width:95px;font-weight:400}.pf-layer-list span{color:var(--pf-muted)}.pf-layer-list a:hover{background:var(--surface-strong)}.pf-command-section{padding-top:20px}.pf-command{background:var(--pf-panel);border:1px solid #666;border-radius:12px;min-width:0;padding:13px 13px 13px 0;display:flex}.pf-command>aside{width:42px;color:var(--pf-muted);border-right:1px solid var(--pf-line);flex-direction:column;flex-shrink:0;align-items:center;gap:20px;display:flex}.pf-command>aside b{color:var(--pf-ink);border:1px solid #aaa;border-radius:3px;padding:0 3px;font-weight:400}.pf-command-body{flex:1;min-width:0;padding-left:13px}.pf-command-heading{align-items:center;gap:12px;margin:1px 0 15px;display:flex}.pf-page .pf-command-heading h3{margin:0;font-size:11px}.pf-demo-label{color:var(--pf-muted);margin-left:auto;font-size:8px}.pf-command-heading select{color:var(--pf-ink);background:var(--pf-bg);border:1px solid var(--pf-line);border-radius:4px;padding:4px;font-size:8px}.pf-dashboard-metrics{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:9px;display:grid}.pf-command article{border:1px solid var(--pf-line);background:var(--surface);border-radius:6px;min-width:0;padding:9px}.pf-dashboard-metrics small{color:var(--pf-muted);font-size:8px;display:block}.pf-dashboard-metrics strong{margin:5px 0;font-size:18px;font-weight:400;display:block}.pf-dashboard-metrics span{color:#75bd90;font-size:7px}.pf-dashboard-middle{grid-template-columns:1.5fr .8fr 1.2fr;gap:8px;display:grid}.pf-page .pf-command h4{margin:0 0 10px;font-size:8px;font-weight:400}.pf-chart{width:100%;height:auto;min-height:90px;color:var(--pf-ink);display:block}.pf-progress>div{aspect-ratio:1;background:conic-gradient(#7dc296 0 73%,#444 73%);border-radius:50%;width:75px;max-width:100%;height:75px;margin:12px auto 7px;padding:5px}.pf-progress>div>span{background:var(--pf-bg);border-radius:50%;place-items:center;height:100%;font-size:23px;display:grid}.pf-progress>small{text-align:center;color:var(--pf-muted);font-size:8px;display:block}.pf-command article p{color:var(--pf-ink);justify-content:space-between;align-items:center;gap:6px;padding:6px 0;font-size:7px;line-height:1.5;display:flex}.pf-command article p>small{white-space:nowrap;color:#7dc296;font-size:6px}.pf-command article p>small.pf-amber{color:#dba15e}.pf-dashboard-bottom{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:8px;display:grid}.pf-dashboard-bottom svg{flex-shrink:0}.pf-roles{border-block:1px solid var(--pf-line);padding:16px 0 24px}.pf-roles>h2{text-align:center;margin-bottom:20px;font-size:26px}.pf-roles>div{grid-template-columns:repeat(7,1fr);gap:12px;display:grid}.pf-roles button{border:1px solid var(--pf-line);background:var(--pf-panel);color:var(--pf-ink);text-align:center;cursor:pointer;border-radius:6px;padding:18px 11px}.pf-roles button[aria-pressed=true]{border-color:#aaa;box-shadow:0 0 10px #aaa2}.pf-roles svg{stroke-width:1px;margin:0 auto 12px}.pf-roles h3{font-size:12px}.pf-roles button p{font-size:10px}.pf-page .pf-role-status{text-align:center;margin-top:13px;font-size:9px}.pf-device-art{min-height:330px;padding:20px 95px 30px 20px;position:relative}.pf-laptop{background:var(--pf-bg);border:2px solid #888;border-radius:15px 15px 2px 2px;padding:8px;position:relative}.pf-laptop .pf-command{border:0;border-radius:6px;min-height:250px;padding:8px 8px 8px 0}.pf-laptop-base{background:linear-gradient(#bcbcbc,#333);border-radius:2px 2px 50% 50%;height:12px;position:absolute;bottom:-12px;left:-20px;right:-20px;box-shadow:0 8px 15px #0005}.pf-compact .pf-dashboard-middle{grid-template-columns:1.4fr 1fr}.pf-compact .pf-progress{display:none}.pf-compact .pf-command>aside{gap:15px}.pf-phone{background:var(--pf-bg);border:3px solid #555;border-radius:20px;width:180px;min-height:270px;padding:18px 10px 12px;position:absolute;bottom:12px;right:15px;box-shadow:0 0 0 2px #171717,0 7px 20px #0006}.pf-phone-notch{background:#333;border-radius:0 0 8px 8px;width:36%;height:8px;position:absolute;top:0;left:32%}.pf-phone>h3{text-align:center;font-size:12px}.pf-phone>small{text-align:center;color:var(--pf-muted);font-size:7px;display:block}.pf-phone-tabs{gap:3px;margin:10px 0;display:flex}.pf-phone-tabs button{color:var(--pf-muted);border:1px solid var(--pf-line);cursor:pointer;background:0 0;border-radius:3px;flex:1;padding:4px 2px;font-size:7px}.pf-phone-tabs button[aria-pressed=true]{background:var(--pf-ink);color:var(--pf-bg)}.pf-phone-list>div{border-bottom:1px solid var(--pf-line);align-items:center;gap:6px;padding:10px 0;font-size:8px;display:flex}.pf-phone-list>div>span{flex:1}.pf-phone-list small{color:var(--pf-muted);margin-top:3px;font-size:6px;display:block}.pf-phone-list svg{flex-shrink:0}.pf-phone>a{text-align:center;margin-top:13px;font-size:8px;display:block}.pf-closing{text-align:center;border-block:1px solid var(--pf-line);justify-content:space-between;align-items:center;gap:25px;padding:28px 0;display:flex}.pf-closing h2{margin-bottom:8px;font-size:27px}.pf-closing p{font-size:12px}.pf-closing .pf-actions{justify-content:center;margin-top:16px}.pf-orbit{background:radial-gradient(at 40% 30%,#fff 0%,#aaa 1%,#0000 13%);border:1px solid #666;border-radius:50%;flex-shrink:0;width:130px;height:65px;transform:rotate(-15deg);box-shadow:0 0 0 8px #8882,0 0 0 18px #8881,0 0 0 30px #8881}.pf-page :is(a,button,select):focus-visible{outline:2px solid var(--pf-ink);outline-offset:4px}:root[data-theme=light] .pf-page{--pf-bg:#f8f8f8;--pf-ink:#202020;--pf-muted:#555;--pf-line:#ccc;--pf-panel:linear-gradient(130deg,#fff,#eee)}:root[data-theme=light] .pf-hero-art img{filter:grayscale()invert();mix-blend-mode:multiply}:root[data-theme=light] .pf-button.pf-primary{color:#fff;background:linear-gradient(#333,#111);border-color:#333}:root[data-theme=light] .pf-network-core{background:radial-gradient(#fff,#ddd);border-color:#777;box-shadow:0 0 15px #aaa5}:root[data-theme=light] .pf-network-item:hover{color:#111}:root[data-theme=light] .pf-stack>span{background:linear-gradient(135deg,#fff,#aaa8,#eee);box-shadow:0 8px #bbb,0 9px #777,0 15px 20px #aaa2}:root[data-theme=light] .pf-stack-core{border-color:#555}:root[data-theme=light] .pf-dashboard-metrics span,:root[data-theme=light] .pf-command article p>small{color:#327349}:root[data-theme=light] .pf-command article p>small.pf-amber{color:#935818}@media (max-width:1100px){.pf-shell{padding:0 28px}.pf-benefits article{gap:10px;padding:0 14px}.pf-benefits svg{width:38px;height:38px}.pf-benefits h3{font-size:10px}.pf-roles>div{gap:8px}.pf-roles button{padding:15px 7px}.pf-roles h3{font-size:10px}.pf-roles button p{font-size:9px}.pf-layer-list a{gap:8px;font-size:9px}.pf-layer-list strong{min-width:85px}.pf-device-art{padding-right:70px}.pf-phone{width:160px;right:0}.pf-network-item{max-width:120px;font-size:10px}.pf-network-item-5,.pf-network-item-6,.pf-network-item-7,.pf-network-item-8,.pf-network-item-9{left:77%}.pf-orbit{width:85px;height:45px}.pf-progress>div{width:60px;height:60px}.pf-progress>div>span{font-size:19px}}@media (max-width:800px){.pf-hero{grid-template-columns:1fr;padding-top:30px}.pf-hero-art{height:370px;margin:0}.pf-intro{max-width:500px}.pf-benefits{grid-template-columns:repeat(2,1fr);gap:22px}.pf-benefits article:nth-child(2){border:0}.pf-benefits article:first-child{padding-left:14px}.pf-row{grid-template-columns:1fr}.pf-copy>p:not(.pf-kicker){max-width:500px}.pf-architecture{grid-template-columns:1fr 1fr}.pf-architecture>.pf-copy{grid-column:1/-1}.pf-roles>div{grid-template-columns:repeat(4,1fr)}.pf-roles button:last-child{grid-column:span 2}.pf-device-art{width:100%;max-width:680px;margin:auto}.pf-closing{justify-content:center}.pf-orbit{display:none}.pf-roles h3{font-size:12px}.pf-roles button p{font-size:11px}}@media (max-width:500px){.pf-shell{padding:0 18px}.pf-page h1{font-size:38px}.pf-hero-art{height:285px;margin:0 -12px}.pf-actions{gap:10px}.pf-button{padding:9px 12px;font-size:9px}.pf-benefits{gap:18px 10px;padding:18px 10px}.pf-benefits article{gap:8px;padding:0 7px}.pf-benefits article:first-child{padding-left:7px}.pf-benefits p{font-size:9px}.pf-benefits svg{width:30px;height:30px;padding:4px}.pf-network{height:290px}.pf-network-item{gap:5px;max-width:95px;font-size:8px}.pf-network-item svg{width:26px;height:26px;padding:4px}.pf-network-item-0,.pf-network-item-1,.pf-network-item-2,.pf-network-item-3,.pf-network-item-4{left:0}.pf-network-item-5,.pf-network-item-6,.pf-network-item-7,.pf-network-item-8,.pf-network-item-9{left:74%}.pf-network-core{width:29%;height:34%;top:32%;left:37%}.pf-network-core strong{font-size:9px}.pf-network-core>span{font-size:30px}.pf-architecture{grid-template-columns:1fr;padding:20px 15px}.pf-architecture>.pf-copy{grid-column:auto}.pf-stack{width:100%;max-width:260px;margin:auto}.pf-layer-list a{padding:12px 0;font-size:10px}.pf-command{padding:9px 8px 9px 0}.pf-command>aside{gap:17px;width:24px}.pf-command-body{padding-left:7px}.pf-command-heading{flex-wrap:wrap;gap:6px}.pf-page .pf-command-heading h3{font-size:9px}.pf-demo-label{font-size:6px}.pf-dashboard-metrics{grid-template-columns:repeat(2,1fr);gap:6px}.pf-dashboard-metrics strong{font-size:16px}.pf-dashboard-middle{grid-template-columns:1.5fr 1fr}.pf-dashboard-middle>.pf-initiatives{grid-column:1/-1}.pf-command article p{font-size:8px}.pf-command article p>small{font-size:7px}.pf-dashboard-bottom{grid-template-columns:1fr}.pf-dashboard-bottom article{padding:9px}.pf-page .pf-command h4{font-size:9px}.pf-roles>div{grid-template-columns:repeat(2,1fr)}.pf-roles>h2{font-size:24px}.pf-device-art{min-height:345px;padding:12px 35px 55px 0}.pf-laptop{padding:4px}.pf-laptop .pf-command>aside{display:none}.pf-laptop .pf-command-body{padding-left:3px}.pf-laptop .pf-dashboard-metrics{grid-template-columns:repeat(2,1fr)}.pf-laptop .pf-initiatives{display:none}.pf-compact .pf-dashboard-middle{grid-template-columns:1fr}.pf-phone{width:145px;min-height:265px;bottom:0;right:0}.pf-laptop-base{left:-8px;right:-8px}.pf-closing h2{font-size:24px}.pf-closing p{font-size:11px}}
