.pt-grid{align-items:center;display:grid;gap:clamp(30px,4vw,60px);grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);margin-top:clamp(30px,3.6vw,46px)}.pt-board{aspect-ratio:16/11;background:linear-gradient(160deg,#fff,var(--stone));border:1px solid rgba(60,95,172,.16);border-radius:20px;box-shadow:0 30px 60px -48px rgba(0,24,68,.6);container-type:inline-size;overflow:hidden;position:relative;--fs:max(10.5px,1.7cqi)}.pt-board>*{height:var(--h);left:var(--x);position:absolute;top:var(--y);width:var(--w)}.pt-on{--x:3%;--y:12%;--w:31%;--h:76%}.pt-aws{--x:43%;--y:6%;--w:54%;--h:88%}.pt-c.c1{--x:49%;--y:24%;--w:13%;--h:13%}.pt-c.c2{--x:49%;--y:43%;--w:13%;--h:13%}.pt-c.c3{--x:49%;--y:62%;--w:13%;--h:13%}.pt-latency{--x:34%;--y:46%;--w:9%;--h:8%}.pt-security{--x:41.2%;--y:20%;--w:3.6%;--h:60%}.pt-bench{--x:66%;--y:14%;--w:28%;--h:24%}.pt-data{--x:66%;--y:43%;--w:28%;--h:24%}.pt-tools{--x:48%;--y:75%;--w:18%;--h:10%}.pt-dr{--x:72%;--y:72%;--w:22%;--h:18%}.pt-cap{color:var(--mid);font:700 var(--fs)/1 var(--mono);left:5%;letter-spacing:.1em;position:absolute;text-transform:uppercase;top:4%;white-space:nowrap}.pt-on{align-content:center;background:#fff;border:1.5px solid rgba(60,95,172,.24);border-radius:14px;display:grid;gap:1.6cqi;grid-template-columns:1fr 1fr;padding:6cqi 2.4cqi 2.4cqi}.pt-s{aspect-ratio:5/3;background:var(--stone);border:1.5px solid rgba(60,95,172,.24);border-radius:8px;color:var(--deep);display:grid;font:800 var(--fs)/1 var(--head);place-items:center;transition:border-color .5s,background .5s}.pt-in .pt-s.s1,.pt-in .pt-s.s2,.pt-in .pt-s.s3{background:#fff;border-color:var(--corn)}.pt-aws{background:rgba(88,188,216,.05);border:2px dashed var(--corn);border-radius:16px}.pt-aws .pt-cap{color:var(--spot);left:auto;right:4%}.pt-c{background:var(--deep);border-radius:8px;box-shadow:0 12px 22px -16px rgba(0,24,68,.8);color:#fff;display:grid;font:800 var(--fs)/1 var(--head);opacity:0;place-items:center;transform:translateX(-160%) scale(1.25);transition:opacity .6s,transform 1s var(--ease)}.pt-c.c2{transition-delay:.15s}.pt-c.c3{transition-delay:.3s}.pt-in .pt-c{opacity:1;transform:none}.pt-i{opacity:.55;transition:opacity .4s}.pt-i em{color:var(--lt-mut);font:700 var(--fs)/1.15 var(--head);font-style:normal;position:absolute;transition:color .4s;white-space:nowrap}.js-pt[data-a=""] .pt-i,.js-pt[data-a=bench] .pt-bench,.js-pt[data-a=data] .pt-data,.js-pt[data-a=dr] .pt-dr,.js-pt[data-a=latency] .pt-latency,.js-pt[data-a=security] .pt-security,.js-pt[data-a=tools] .pt-tools{opacity:1}.js-pt[data-a=bench] .pt-bench em,.js-pt[data-a=data] .pt-data em,.js-pt[data-a=dr] .pt-dr em,.js-pt[data-a=latency] .pt-latency em,.js-pt[data-a=security] .pt-security em,.js-pt[data-a=tools] .pt-tools em{color:var(--deep)}.pt-wire{border-top:2px dashed var(--corn);right:0;top:50%}.pt-wire,.pt-wire i{left:0;position:absolute}.pt-wire i{background:var(--neon);border-radius:50%;box-shadow:0 0 10px rgba(97,212,195,.9);height:10px;opacity:0;top:-6px;width:10px}.js-pt[data-a=latency] .pt-wire i{animation:ptPing 1.4s linear infinite;opacity:1}@keyframes ptPing{0%{left:0}to{left:calc(100% - 10px)}}.pt-latency em{bottom:calc(50% + 8px);left:50%;transform:translateX(-50%)}.pt-wall{background:var(--lt-line);border-radius:4px;inset:0;margin:auto;position:absolute;transition:background .4s,box-shadow .4s;width:4px}.pt-security svg{fill:#fff;height:max(26px,5cqi);left:50%;position:absolute;stroke:var(--mid);stroke-linejoin:round;stroke-width:1.6;top:50%;transform:translate(-50%,-50%);width:max(26px,5cqi)}.pt-security svg .tick{fill:none;stroke:var(--neon);stroke-dasharray:14;stroke-dashoffset:14;stroke-linecap:round;stroke-width:2.2;transition:stroke-dashoffset .6s .2s}.js-pt[data-a=security] .pt-wall{background:var(--neon);box-shadow:0 0 12px rgba(97,212,195,.8)}.js-pt[data-a=security] .pt-security svg{stroke:var(--deep)}.js-pt[data-a=security] .pt-security svg .tick{stroke-dashoffset:0}.pt-security em{left:50%;top:calc(100% + 6px);transform:translateX(-50%)}.pt-bench,.pt-data,.pt-dr{background:#fff;border:1.5px solid rgba(60,95,172,.2);border-radius:12px;transition:opacity .4s,border-color .4s,box-shadow .4s}.js-pt[data-a=bench] .pt-bench,.js-pt[data-a=data] .pt-data,.js-pt[data-a=dr] .pt-dr{border-color:var(--spot);box-shadow:0 18px 30px -22px rgba(0,24,68,.7)}.pt-bench em,.pt-data em{left:7%;top:10%}.pt-bench svg{bottom:12%;height:52%;left:7%;position:absolute;right:7%;width:86%}.pt-bench path{fill:none;stroke-dasharray:240;stroke-dashoffset:0;stroke-linecap:round;stroke-width:2.2;vector-effect:non-scaling-stroke}.pt-bench .l1{stroke:var(--lt-mut)}.pt-bench .l2{stroke:var(--neon)}.js-pt[data-a=bench] .pt-bench path{animation:ptTrace 2.4s var(--ease)}@keyframes ptTrace{0%{stroke-dashoffset:240}to{stroke-dashoffset:0}}.pt-data .r{background:var(--lt-line);border-radius:3px;height:7%;left:7%;overflow:hidden;position:absolute;right:7%;transition:opacity .5s,transform .5s}.pt-data .r i{background:repeating-linear-gradient(90deg,var(--deep) 0 4px,transparent 4px 8px);bottom:0;left:38%;opacity:0;position:absolute;top:0;transition:opacity .4s .3s;width:40%}.pt-data .r1{top:36%}.pt-data .r2{top:48%}.pt-data .r3{top:60%}.pt-data .r4{top:72%}.pt-data .r5{top:84%}.js-pt[data-a=data] .pt-data .r3,.js-pt[data-a=data] .pt-data .r4,.js-pt[data-a=data] .pt-data .r5{opacity:0;transform:scaleX(.4)}.js-pt[data-a=data] .pt-data .r i{opacity:1}.js-pt[data-a=data] .pt-data .r1,.js-pt[data-a=data] .pt-data .r2{background:rgba(97,212,195,.45)}.pt-tools{align-items:center;display:flex;gap:6%}.pt-tools>i{aspect-ratio:1;background:#fff;border:1.5px solid rgba(60,95,172,.24);border-radius:8px;display:grid;height:100%;place-items:center;transition:border-color .4s,transform .4s}.pt-tools svg{fill:none;height:60%;stroke:var(--mid);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:60%}.js-pt[data-a=tools] .pt-tools>i{border-color:var(--spot);transform:translateY(-8%)}.js-pt[data-a=tools] .pt-tools>i:nth-child(2){transition-delay:.1s}.js-pt[data-a=tools] .pt-tools>i:nth-child(3){transition-delay:.2s}.pt-tools em{left:0;top:calc(100% + 6px)}.pt-dr{border-style:dashed}.pt-dr b{color:var(--deep);font:700 var(--fs)/1.15 var(--head);right:7%;top:12%}.pt-dr .pt-c,.pt-dr b{left:7%;position:absolute}.pt-dr .pt-c{bottom:12%;height:34%;opacity:.35;transform:none;transition:opacity .5s;width:38%}.js-pt[data-a=dr] .pt-dr .pt-c{opacity:1}.pt-dr em{bottom:14%;right:7%}.pt-link{border-top:2px dashed var(--corn);position:absolute;right:100%;top:50%;width:20%}.pt-link i{background:var(--neon);border-radius:50%;height:8px;left:0;opacity:0;position:absolute;top:-5px;width:8px}.js-pt[data-a=dr] .pt-link i{animation:ptPing 1.2s linear infinite;opacity:1}.pt-label{background:var(--deep);border-radius:999px;color:#fff;display:inline-block;font:700 .76rem/1 var(--mono);letter-spacing:.08em;padding:6px 12px;text-transform:uppercase}.pt-list{display:grid;gap:4px;list-style:none;margin:14px 0 0;padding:0}.pt-list li{border-left:3px solid var(--lt-line);border-radius:0 12px 12px 0;outline:none;padding:12px 14px 12px 18px;transition:background .3s,border-color .3s}.pt-list li.is-on{background:var(--stone);border-color:var(--neon)}.pt-list li:focus-visible{outline:2px solid var(--spot);outline-offset:2px}.pt-list b{color:var(--deep);display:block;font:800 1.04rem/1.3 var(--head)}.pt-list p{color:var(--lt-mut);font-size:.93rem;line-height:1.55;margin:4px 0 0}@container (max-width:520px){.pt-on{--x:4%;--y:4%;--w:92%;--h:23%}.pt-aws{--x:4%;--y:36%;--w:92%;--h:61%}.pt-c.c1{--x:9%;--y:44%;--w:19%;--h:9%}.pt-c.c2{--x:9%;--y:55%;--w:19%;--h:9%}.pt-c.c3{--x:9%;--y:66%;--w:19%;--h:9%}.pt-latency{--x:46%;--y:27%;--w:8%;--h:9%}.pt-security{--x:20%;--y:34.5%;--w:60%;--h:3%}.pt-bench{--x:34%;--y:45%;--w:58%;--h:16%}.pt-data{--x:34%;--y:64%;--w:58%;--h:14%}.pt-tools{--x:9%;--y:86%;--w:36%;--h:7%}.pt-dr{--x:52%;--y:82%;--w:40%;--h:12%}.pt-on{gap:1.6cqi;grid-template-columns:repeat(6,1fr);padding:7cqi 3cqi 3cqi}.pt-c{transform:translateY(-200%) scale(1.15)}.pt-wall{height:4px;inset:0;width:auto}.pt-latency .pt-wire{border-left:2px dashed var(--corn);border-top:0;bottom:0;left:50%;right:auto;top:0}.js-pt[data-a=latency] .pt-wire i{animation-name:ptPingV;left:-6px}.pt-latency em{bottom:auto;left:calc(50% + 10px);top:50%;transform:translateY(-50%)}.pt-security em{display:none}.pt-security svg{left:82%}.pt-tools em{bottom:calc(100% + 5px);top:auto}.pt-link{display:none}}@keyframes ptPingV{0%{top:0}to{top:calc(100% - 10px)}}@media (max-width:960px){.pt-grid{grid-template-columns:1fr}}@media (max-width:600px){.pt-board{aspect-ratio:3/4}}@media (prefers-reduced-motion:reduce){.pt-board *{animation:none!important;transition:none!important}}