.sample-panel-module__CBi1DG__panel{isolation:isolate;border:1px solid var(--color-rule);background:var(--color-paper);min-width:0;position:relative}.sample-panel-module__CBi1DG__heading{border-bottom:1px solid var(--color-rule);color:var(--color-steel);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;padding:15px 22px;font-size:12px;display:flex}.sample-panel-module__CBi1DG__index{font-size:10px}.sample-panel-module__CBi1DG__scene{background-image:radial-gradient(var(--color-rule) .8px, transparent .8px);background-size:16px 16px;height:365px;position:relative;overflow:hidden}.sample-panel-module__CBi1DG__guides{width:100%;height:100%;stroke:var(--color-rule);stroke-width:1px;position:absolute;inset:0}.sample-panel-module__CBi1DG__browser{border:1px solid var(--color-steel);background:var(--color-panel);width:77%;height:215px;box-shadow:6px 7px 0 var(--color-tint);border-radius:5px;position:absolute;top:32px;left:7%;overflow:hidden;transform:rotate(-4deg)}.sample-panel-module__CBi1DG__browserBar{border-bottom:1px solid var(--color-rule);background:var(--color-paper);align-items:center;gap:13px;height:34px;padding:0 13px;display:flex}.sample-panel-module__CBi1DG__windowDots{gap:4px;display:flex}.sample-panel-module__CBi1DG__windowDots i{border:1px solid var(--color-steel);border-radius:50%;width:4px;height:4px}.sample-panel-module__CBi1DG__address{color:var(--color-steel);align-items:center;gap:6px;font-size:10px;display:flex}.sample-panel-module__CBi1DG__address svg{stroke:currentColor;stroke-width:1.2px;width:12px;height:12px}.sample-panel-module__CBi1DG__browserPage{padding:15px 20px}.sample-panel-module__CBi1DG__mockNav{justify-content:space-between;align-items:center;display:flex}.sample-panel-module__CBi1DG__mockNav>span{background:var(--color-ink);width:51px;height:6px}.sample-panel-module__CBi1DG__mockNav>div{gap:8px;display:flex}.sample-panel-module__CBi1DG__mockNav i{background:var(--color-rule);width:17px;height:3px}.sample-panel-module__CBi1DG__mockContent{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:22px;margin-top:20px;display:grid}.sample-panel-module__CBi1DG__mockCopy{padding-top:5px}.sample-panel-module__CBi1DG__mockCopy i,.sample-panel-module__CBi1DG__mockCopy span,.sample-panel-module__CBi1DG__mockCopy b{display:block}.sample-panel-module__CBi1DG__mockCopy i{background:var(--color-steel);width:94%;height:8px;margin-bottom:6px}.sample-panel-module__CBi1DG__mockCopy i:nth-child(2){width:65%;margin-bottom:12px}.sample-panel-module__CBi1DG__mockCopy span{background:var(--color-rule);height:3px;margin-bottom:5px}.sample-panel-module__CBi1DG__mockCopy span:nth-child(4){width:80%}.sample-panel-module__CBi1DG__mockCopy b{background:var(--color-ink);width:44px;height:14px;margin-top:13px}.sample-panel-module__CBi1DG__blueprint{background:var(--color-paper);border:1px solid var(--color-rule);place-items:center;height:96px;display:grid}.sample-panel-module__CBi1DG__blueprint svg{max-width:100%;height:83px;stroke:var(--color-steel);stroke-width:1px}.sample-panel-module__CBi1DG__blueprint circle{fill:var(--color-ink)}.sample-panel-module__CBi1DG__mockCards{gap:9px;margin-top:16px;display:flex}.sample-panel-module__CBi1DG__mockCards i{border:1px solid var(--color-rule);flex:1;height:18px}.sample-panel-module__CBi1DG__scanLine{border-right:1px solid var(--color-steel);pointer-events:none;background:linear-gradient(90deg,#0000,#5a667217);width:32%;animation:4s ease-in-out both sample-panel-module__CBi1DG__inspect;position:absolute;top:34px;bottom:0}.sample-panel-module__CBi1DG__request{background:var(--color-ink);color:var(--color-paper);align-items:center;gap:9px;padding:8px 12px;display:flex;position:absolute;top:16px;right:5%;box-shadow:3px 3px #141a2314}.sample-panel-module__CBi1DG__request .evidence{font-size:10px;line-height:16px}.sample-panel-module__CBi1DG__requestArrow{font-size:18px;line-height:1}.sample-panel-module__CBi1DG__requestLine{background:#8d939b;width:22px;height:1px}.sample-panel-module__CBi1DG__report{border:1px solid var(--color-ink);background:var(--color-panel);width:70%;box-shadow:5px 6px 0 var(--color-tint), 0 12px 30px #141a2312;animation:.65s ease-out .18s backwards sample-panel-module__CBi1DG__report-in;position:absolute;top:156px;right:5%}.sample-panel-module__CBi1DG__reportHeading{border-bottom:1px solid var(--color-rule);align-items:center;gap:9px;padding:12px 14px;display:flex}.sample-panel-module__CBi1DG__reportIcon{background:var(--color-paper);border:1px solid var(--color-rule);place-items:center;width:31px;height:36px;display:grid}.sample-panel-module__CBi1DG__reportIcon svg{width:21px;height:21px;stroke:var(--color-ink);stroke-width:1.2px}.sample-panel-module__CBi1DG__reportHeading strong{font-size:13px;line-height:1.8;display:block}.sample-panel-module__CBi1DG__reportLabel{color:var(--color-steel);font-size:10px;line-height:1.8;display:block}.sample-panel-module__CBi1DG__reportNumber{color:var(--color-steel);margin-left:auto;font-size:11px}.sample-panel-module__CBi1DG__findings{padding:9px 14px}.sample-panel-module__CBi1DG__finding{align-items:center;gap:8px;font-size:11px;line-height:2.3;display:flex}.sample-panel-module__CBi1DG__check{background:var(--color-verified);color:#fff;place-items:center;width:13px;height:13px;font-size:9px;line-height:1;display:grid}.sample-panel-module__CBi1DG__pass{color:var(--color-verified);margin-left:auto;font-size:10px}.sample-panel-module__CBi1DG__evidence{background:var(--color-paper);border-top:1px solid var(--color-rule);font-family:var(--font-mono);color:var(--color-steel);justify-content:space-between;gap:8px;padding:7px 14px;font-size:9px;line-height:1.8;display:flex}.sample-panel-module__CBi1DG__evidence strong{color:var(--color-ink);font-weight:400}.sample-panel-module__CBi1DG__figureLabel{color:var(--color-steel);writing-mode:vertical-rl;font-size:9px;position:absolute;bottom:20px;left:6%;transform:rotate(180deg)}.sample-panel-module__CBi1DG__caption{border-top:1px solid var(--color-rule);background:var(--color-panel);padding:19px 22px 21px}.sample-panel-module__CBi1DG__caption strong{font-size:17px;line-height:1.8;display:block}.sample-panel-module__CBi1DG__caption p{color:var(--color-steel);margin-top:4px;font-size:13px;line-height:1.8}.sample-panel-module__CBi1DG__caption>span{color:var(--color-steel);margin-top:9px;font-size:11px;line-height:1.8;display:block}@keyframes sample-panel-module__CBi1DG__inspect{0%{opacity:0;left:-32%}15%{opacity:1}85%{opacity:1}to{opacity:0;left:100%}}@keyframes sample-panel-module__CBi1DG__report-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:380px){.sample-panel-module__CBi1DG__heading,.sample-panel-module__CBi1DG__caption{padding-left:16px;padding-right:16px}.sample-panel-module__CBi1DG__report{width:83%;right:4%}.sample-panel-module__CBi1DG__browser{width:85%;left:5%}.sample-panel-module__CBi1DG__figureLabel{left:4%}}@media (prefers-reduced-motion:reduce){.sample-panel-module__CBi1DG__scanLine{animation:none;display:none}.sample-panel-module__CBi1DG__report{animation:none}}
.blog-architecture-module__KuDauq__explainer{border:1px solid var(--color-rule);background:var(--color-panel);border-radius:12px;margin-top:24px;overflow:hidden}.blog-architecture-module__KuDauq__heading{justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;display:flex}.blog-architecture-module__KuDauq__eyebrow{color:var(--color-steel);margin-bottom:5px;font-size:11px}.blog-architecture-module__KuDauq__heading h3{font-size:20px;font-weight:700;line-height:1.6}.blog-architecture-module__KuDauq__play{border:1px solid var(--color-rule);cursor:pointer;background:var(--color-paper);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:8px 13px;font-size:12px;display:inline-flex}.blog-architecture-module__KuDauq__play:hover{border-color:var(--color-ink)}.blog-architecture-module__KuDauq__play>span{font-size:20px;line-height:1}.blog-architecture-module__KuDauq__explainer button:focus-visible,.blog-architecture-module__KuDauq__caption a:focus-visible{outline:2px solid var(--color-ink);outline-offset:-3px}.blog-architecture-module__KuDauq__steps{border-block:1px solid var(--color-rule);background:var(--color-paper);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.blog-architecture-module__KuDauq__steps button{text-align:left;color:var(--color-steel);cursor:pointer;align-items:center;gap:9px;padding:13px 16px;font-size:12px;display:flex;position:relative}.blog-architecture-module__KuDauq__steps button+button{border-left:1px solid var(--color-rule)}.blog-architecture-module__KuDauq__steps button[aria-pressed=true]{background:var(--color-panel);color:var(--color-ink);font-weight:700}.blog-architecture-module__KuDauq__stepNumber{border:1px solid var(--color-rule);border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:10px;display:grid}.blog-architecture-module__KuDauq__steps button[aria-pressed=true] .blog-architecture-module__KuDauq__stepNumber{background:var(--color-ink);color:var(--color-panel);border-color:var(--color-ink)}.blog-architecture-module__KuDauq__progress{background:var(--color-ink);transform-origin:0;width:100%;height:2px;position:absolute;bottom:-1px;left:0;transform:scaleX(0)}.blog-architecture-module__KuDauq__steps button[aria-pressed=true] .blog-architecture-module__KuDauq__progress{transform:scaleX(1)}.blog-architecture-module__KuDauq__explainer[data-playing=true] .blog-architecture-module__KuDauq__steps button[aria-pressed=true] .blog-architecture-module__KuDauq__progress{animation:3s linear both blog-architecture-module__KuDauq__progress}.blog-architecture-module__KuDauq__comparison{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.blog-architecture-module__KuDauq__approach{min-width:0;padding:22px 24px 18px}.blog-architecture-module__KuDauq__approach+.blog-architecture-module__KuDauq__approach{border-left:1px solid var(--color-rule)}.blog-architecture-module__KuDauq__approachTitle{align-items:center;gap:12px;display:flex}.blog-architecture-module__KuDauq__approachTitle h4{font-size:16px;font-weight:700;line-height:1.8}.blog-architecture-module__KuDauq__approachTitle p{color:var(--color-steel);font-size:11px;line-height:1.8}.blog-architecture-module__KuDauq__symbol{border:1px solid var(--color-rule);border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:20px;font-weight:700;display:grid}.blog-architecture-module__KuDauq__diagram{background-color:var(--color-paper);background-image:radial-gradient(var(--color-rule) .7px, transparent .7px);background-size:14px 14px;border-radius:6px;margin-top:20px;padding:16px 12px 12px;position:relative}.blog-architecture-module__KuDauq__browser{border:1px solid var(--color-steel);background:var(--color-panel);width:min(100%,220px);box-shadow:5px 5px 0 var(--color-tint);border-radius:5px;margin:auto;transition:transform .7s cubic-bezier(.2,.7,.2,1);position:relative;overflow:hidden}.blog-architecture-module__KuDauq__explainer[data-step="0"] .blog-architecture-module__KuDauq__browser{transform:translateY(48px)}.blog-architecture-module__KuDauq__browserBar{background:var(--color-paper);border-bottom:1px solid var(--color-rule);height:24px;color:var(--color-steel);align-items:center;gap:10px;padding:0 10px;font-size:10px;display:flex}.blog-architecture-module__KuDauq__browserBar i{border:1px solid var(--color-rule);border-radius:2px;flex:1;height:9px}.blog-architecture-module__KuDauq__page{padding:13px 15px 14px}.blog-architecture-module__KuDauq__category{color:var(--color-steel);font-size:7px;line-height:1.8;display:block}.blog-architecture-module__KuDauq__page strong{margin:4px 0 8px;font-size:11px;line-height:1.8;display:block}.blog-architecture-module__KuDauq__articleArt{background:var(--color-tint);justify-content:center;align-items:flex-end;gap:5px;height:42px;display:flex;overflow:hidden}.blog-architecture-module__KuDauq__articleArt i{border:1px solid var(--color-steel);width:34px;height:34px;display:block;transform:rotate(45deg)translate(12px,12px)}.blog-architecture-module__KuDauq__articleArt i:nth-child(2){width:48px;height:48px}.blog-architecture-module__KuDauq__lines{gap:4px;margin-top:10px;display:grid}.blog-architecture-module__KuDauq__lines i{background:var(--color-rule);height:2px}.blog-architecture-module__KuDauq__lines i:last-child{width:65%}.blog-architecture-module__KuDauq__connector{background:var(--color-rule);width:1px;height:28px;margin:0 auto;position:relative}.blog-architecture-module__KuDauq__connector span{background:var(--color-ink);opacity:0;border-radius:50%;width:5px;height:5px;position:absolute;top:0;left:-2px}.blog-architecture-module__KuDauq__connector i{border-bottom:1px solid var(--color-steel);border-right:1px solid var(--color-steel);width:7px;height:7px;position:absolute;bottom:1px;left:-3px;transform:rotate(45deg)}.blog-architecture-module__KuDauq__layerLabel{text-align:center;color:var(--color-steel);margin-bottom:7px;font-size:10px}.blog-architecture-module__KuDauq__nodes{gap:7px;min-height:97px;display:grid}.blog-architecture-module__KuDauq__wpNodes{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-architecture-module__KuDauq__staticNodes{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-architecture-module__KuDauq__node{border:1px solid var(--color-rule);background:var(--color-panel);text-align:center;transition:opacity .4s,transform .55s;transition-delay:calc(var(--node) * 90ms);border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:8px 6px;font-size:10px;line-height:1.8;display:flex}.blog-architecture-module__KuDauq__node svg{width:19px;height:19px;color:var(--color-steel);flex-shrink:0}.blog-architecture-module__KuDauq__staticNodes .blog-architecture-module__KuDauq__node{flex-direction:column}.blog-architecture-module__KuDauq__underneath,.blog-architecture-module__KuDauq__connector{transition:opacity .5s}.blog-architecture-module__KuDauq__explainer[data-step="0"] .blog-architecture-module__KuDauq__underneath,.blog-architecture-module__KuDauq__explainer[data-step="0"] .blog-architecture-module__KuDauq__connector{opacity:0}.blog-architecture-module__KuDauq__explainer[data-step="0"] .blog-architecture-module__KuDauq__node{opacity:0;transform:translateY(-16px)}.blog-architecture-module__KuDauq__explainer[data-step="1"][data-playing=true] .blog-architecture-module__KuDauq__connector span{animation:1s ease-in-out 2 blog-architecture-module__KuDauq__travel}.blog-architecture-module__KuDauq__care{border:1px solid var(--color-rule);background:var(--color-paper);opacity:0;border-radius:5px;align-items:center;gap:9px;min-height:55px;margin-top:15px;padding:9px 12px;transition:opacity .5s,transform .5s;display:flex;transform:translateY(5px)}.blog-architecture-module__KuDauq__care>span{color:var(--color-steel);font-size:22px;line-height:1}.blog-architecture-module__KuDauq__care p{font-size:11px;line-height:1.8}.blog-architecture-module__KuDauq__explainer[data-step="2"] .blog-architecture-module__KuDauq__care{opacity:1;transform:none}.blog-architecture-module__KuDauq__fit{color:var(--color-steel);margin-top:9px;font-size:11px;line-height:1.8}.blog-architecture-module__KuDauq__caption{border-top:1px solid var(--color-rule);background:var(--color-paper);padding:20px 24px}.blog-architecture-module__KuDauq__caption>p{min-height:3.6em;font-size:15px;font-weight:700;line-height:1.8}.blog-architecture-module__KuDauq__caption>span{color:var(--color-steel);margin-top:8px;font-size:11px;line-height:1.8;display:block}.blog-architecture-module__KuDauq__caption a{min-height:40px;color:var(--color-steel);text-underline-offset:3px;align-items:center;margin-top:0;font-size:11px;text-decoration:underline;display:inline-flex}@keyframes blog-architecture-module__KuDauq__progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes blog-architecture-module__KuDauq__travel{0%{opacity:0;transform:translateY(0)}15%,85%{opacity:1}to{opacity:0;transform:translateY(26px)}}@media (max-width:639px){.blog-architecture-module__KuDauq__heading{flex-wrap:wrap;gap:12px;padding:17px 16px}.blog-architecture-module__KuDauq__heading h3{font-size:18px}.blog-architecture-module__KuDauq__steps button{flex-direction:column;align-items:flex-start;gap:6px;padding:10px;font-size:11px}.blog-architecture-module__KuDauq__comparison{grid-template-columns:1fr}.blog-architecture-module__KuDauq__approach{padding:20px 16px 16px}.blog-architecture-module__KuDauq__approach+.blog-architecture-module__KuDauq__approach{border-left:0;border-top:1px solid var(--color-rule)}.blog-architecture-module__KuDauq__diagram{padding-inline:16px}.blog-architecture-module__KuDauq__caption{padding:17px 16px}.blog-architecture-module__KuDauq__caption>p{min-height:5.4em}}@media (prefers-reduced-motion:reduce){.blog-architecture-module__KuDauq__explainer *,.blog-architecture-module__KuDauq__explainer :before,.blog-architecture-module__KuDauq__explainer :after{transition:none!important;animation:none!important}}