.topnav-wire{display:flex;flex-direction:column;width:236px;background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:hidden}.topnav-wire-bar{display:flex;align-items:center;gap:6px;width:100%;padding:5px 8px;border-bottom:1px solid var(--border-light)}.topnav-wire-logo{width:10px;height:10px;border-radius:3px;background:var(--brand);flex:none}.topnav-wire-links{display:flex;gap:4px;flex:1 1}.topnav-wire-links i{width:14px;height:4px;border-radius:2px;background:var(--bg-hover)}.topnav-wire-btn{width:22px;height:8px;border-radius:4px;background:var(--brand);opacity:.85;flex:none}.topnav-wire-body{width:100%;padding:10px 0;background:var(--bg-soft)}.topnav-wire-body,.topnav-wire-col{display:flex;justify-content:center}.topnav-wire-col{width:58%;min-height:44px;padding:4px;background:var(--bg);border:1px dashed var(--border);border-radius:5px;flex-direction:column;align-items:center;font-size:12px;color:var(--text-2);line-height:1.5;text-align:center}.topnav-wire-col em{font-style:normal;font-size:11px;color:var(--text-3)}.topnav-wire-foot{display:block;width:100%;padding:4px 8px;border-top:1px solid var(--border-light);font-size:11px;color:var(--text-3);text-align:center}.topnav-anat .ap{display:flex;flex-direction:column}.sidebar-wire{display:flex;align-items:stretch;width:236px;height:86px;background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:hidden}.sidebar-wire-side{width:62px;flex:none;height:100%;background:var(--brand-light);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:5px;padding:8px 7px}.sidebar-wire-side i{height:5px;border-radius:3px;background:#fff}.sidebar-wire-side i.on{background:var(--brand)}.sidebar-wire-side b{margin-top:auto;font-size:11px;font-weight:400;color:var(--brand)}.sidebar-wire-right{flex:1 1;display:flex;flex-direction:column;min-width:0}.sidebar-wire-head{height:16px;padding:0 8px;border-bottom:1px solid var(--border-light);font-size:11px;color:var(--text-3)}.sidebar-wire-head,.sidebar-wire-main{display:flex;align-items:center;white-space:nowrap}.sidebar-wire-main{flex:1 1;margin:7px;background:var(--bg-soft);border:1px dashed var(--border);border-radius:5px;justify-content:center;font-size:12px;color:var(--text-2)}.sidebar-anat{height:110px}.sidebar-anat .ap{display:flex}.sidebar-anat .ap[data-ap=main]{flex:1 1;display:flex}.sidebar-anat .ap[data-ap=main] .sidebar-wire-main{width:100%}.single-site-demo{width:100%;max-width:660px;display:flex;align-items:center;justify-content:center;gap:10px}.single-site-browser{flex:1 1;min-width:0;overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 22px rgba(29,33,41,.08)}.single-site-chrome{display:flex;align-items:center;gap:4px;padding:5px 7px;background:#f4f5f7;border-bottom:1px solid var(--border-light)}.single-site-chrome>i{width:5px;height:5px;border-radius:50%;background:#c9ccd3}.single-site-chrome>span{flex:1 1;margin-left:3px;padding:2px 7px;border:1px solid var(--border-light);border-radius:99px;background:#fff;color:var(--text-3);font:11px/1.2 ui-monospace,Menlo,monospace;text-align:center}.single-site-page{width:100%;background:#fff}.single-site-nav{display:flex;align-items:center;gap:9px;padding:6px 9px;border-bottom:1px solid var(--border-light)}.single-site-nav b{color:var(--text);font-size:11px;letter-spacing:-.02em}.single-site-nav>span{flex:1 1;color:var(--text-3);font-size:11px;text-align:center}.single-site-nav em{flex:none;padding:2px 6px;border-radius:4px;background:var(--brand);color:#fff;font-size:11px;font-style:normal;line-height:1.4}.single-site-hero{display:flex;flex-direction:column;align-items:center;padding:13px 9px 11px;text-align:center;background:radial-gradient(circle at 50% 0,var(--brand-light),#fff 64%)}.single-site-hero small{color:var(--brand);font:600 11px/1.4 ui-monospace,Menlo,monospace;letter-spacing:.12em}.single-site-hero strong{margin-top:3px;color:var(--text);font-size:14px;line-height:1.25;letter-spacing:-.03em}.single-site-hero p{margin:3px 0 7px;color:var(--text-3);font-size:11px;line-height:1.5}.single-site-final button,.single-site-hero button{border:none;border-radius:5px;padding:4px 8px;background:var(--brand);color:#fff;font-size:11px;font-weight:600;line-height:1.3}.single-site-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:5px;gap:5px;padding:8px 9px}.single-site-features>div{min-width:0;display:flex;flex-direction:column;padding:6px;border:1px solid var(--border-light);border-radius:6px;background:var(--bg-soft)}.single-site-features i{color:var(--brand);font-size:11px;font-style:normal}.single-site-features b{margin-top:2px;color:var(--text);font-size:11px;line-height:1.3}.single-site-features span{margin-top:1px;overflow:hidden;color:var(--text-3);font-size:11px;line-height:1.35;white-space:nowrap;text-overflow:ellipsis}.single-site-proof{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 9px;border-top:1px solid var(--border-light);color:var(--text-3);font-size:11px}.single-site-proof>span{flex:none;white-space:nowrap}.single-site-proof b{color:var(--text)}.single-site-proof i{min-width:0;overflow:hidden;font-style:normal;white-space:nowrap;text-overflow:ellipsis}.single-site-final{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;background:color-mix(in srgb,var(--brand) 88%,#20242d);color:#fff}.single-site-final>div{min-width:0;display:flex;flex-direction:column}.single-site-final b{font-size:11px;line-height:1.35}.single-site-final span{margin-top:1px;opacity:.72;font-size:11px}.single-site-final button{flex:none;background:#fff;color:var(--brand)}.detail-hero .single-site-demo{max-width:720px}.detail-hero .single-site-chrome{padding:6px 9px}.detail-hero .single-site-nav{padding:8px 12px}.detail-hero .single-site-nav b,.detail-hero .single-site-nav em,.detail-hero .single-site-nav>span{font-size:11px}.detail-hero .single-site-hero{padding:18px 12px 15px}.detail-hero .single-site-hero small{font-size:11px}.detail-hero .single-site-hero strong{font-size:19px}.detail-hero .single-site-hero p{font-size:11px}.detail-hero .single-site-final button,.detail-hero .single-site-hero button{font-size:11px;padding:5px 10px}.detail-hero .single-site-features{gap:7px;padding:10px 12px}.detail-hero .single-site-features>div{padding:8px}.detail-hero .single-site-features b,.detail-hero .single-site-features i,.detail-hero .single-site-features span,.detail-hero .single-site-final span,.detail-hero .single-site-proof{font-size:11px}.detail-hero .single-site-final{padding:9px 12px}.detail-hero .single-site-final b{font-size:11px}@media (max-width:720px){.single-site-nav>span{display:none}.single-site-nav b{flex:1 1}.single-site-proof i{display:none}.detail-hero .single-site-hero strong{font-size:16px}.detail-hero .single-site-features span{display:none}}.single-demo{align-items:center;gap:6px}.single-demo,.single-wire{display:flex;flex-direction:column}.single-wire{gap:4px;width:150px}.single-wire-screen{height:20px;width:100%;border-radius:4px;background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-2)}.single-wire-screen.hook{border-color:var(--brand);color:var(--brand);background:var(--brand-light)}.single-wire-screen.cta{background:var(--brand);color:#fff;border-color:var(--brand)}.single-wire-arrow{font-size:12px;color:var(--text-3)}.doc-wire,.single-anat .ap{display:flex}.doc-wire{align-items:stretch;width:236px;height:78px;background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:hidden}.doc-wire-toc{width:54px;flex:none;background:var(--bg-soft);border-right:1px solid var(--border-light);align-items:center;font-size:12px;color:var(--text-2)}.doc-wire-content,.doc-wire-toc{height:100%;display:flex;justify-content:center}.doc-wire-content{flex:1 1;align-items:stretch}.doc-wire-col{width:64%;background:var(--bg);border-left:1px dashed var(--border);border-right:1px dashed var(--border)}.doc-wire-col,.doc-wire-outline{height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-2)}.doc-wire-outline{width:44px;flex:none;background:var(--bg-soft);border-left:1px solid var(--border-light)}.doc-anat .ap{display:flex}.doc-anat .ap[data-ap=content]{flex:1 1}.cardgrid-wire{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px;width:220px}.cardgrid-wire i{height:30px;border-radius:5px;padding:4px;background:var(--bg);border:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.cardgrid-wire i b{height:10px;border-radius:2px;background:linear-gradient(135deg,var(--brand-light),#e5e6eb)}.cardgrid-wire i em{height:3px;border-radius:2px;background:var(--bg-hover)}.cardgrid-anat-box{display:flex;align-items:stretch;gap:8px;padding:8px;background:var(--bg);border:1px solid var(--border);border-radius:8px}.cardgrid-anat-cell{width:40px;height:34px;border-radius:5px;background:var(--bg-soft);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-2)}.cardgrid-anat-cell.on{background:var(--brand-light);border-color:var(--brand);color:var(--brand)}.cardgrid-anat-gap{display:block;width:6px;background:repeating-linear-gradient(180deg,var(--brand) 0 3px,transparent 3px 7px);border-radius:3px}.cardgrid-v-cell{display:block;height:18px;border-radius:4px;background:var(--bg);border:1px solid var(--border)}.centered-wire{width:236px;padding:10px 0;background:var(--bg-soft);border:1px solid var(--border);border-radius:8px}.centered-wire,.centered-wire-col{display:flex;justify-content:center}.centered-wire-col{width:52%;min-height:56px;padding:6px;background:var(--bg);border:1px dashed var(--border);border-radius:5px;flex-direction:column;align-items:center;font-size:12px;color:var(--text-2);line-height:1.5;text-align:center}.centered-wire-col em{font-style:normal;font-size:11px;color:var(--text-3)}.centered-anat{width:260px;padding:14px 0}.centered-anat-content{display:block;padding:6px 12px;background:var(--brand-light);border:1px solid var(--brand);border-radius:5px;font-size:12px;color:var(--brand)}.pos-demo{position:relative;gap:12px;padding-top:16px}.pos-demo,.pos-demo-card{display:flex;flex-direction:column}.pos-demo-card{width:72%;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:12px 14px 10px;gap:6px}.pos-demo-card.ok{position:relative}.pos-demo-card i{height:7px;border-radius:4px;background:var(--bg-hover);width:70%}.pos-demo-card i.short{width:45%}.pos-demo-badge{position:absolute;top:-8px;right:10px;background:var(--red);color:#fff;font-size:12px;padding:1px 7px;border-radius:99px}.pos-demo-badge.bad{top:0;right:0}.pos-demo-cap{font-size:12px}.pos-demo-cap.ok{color:var(--green)}.pos-demo-cap.bad{color:var(--red)}.pos-anat{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap}.pos-anat-anchor{position:relative;display:block;width:150px;padding:12px 14px;background:var(--bg);border:1.5px solid var(--brand);border-radius:8px}.pos-anat-line{display:block;height:6px;border-radius:3px;background:var(--bg-hover);margin:4px 0;width:80%}.pos-anat-line.short{width:55%}.pos-anat-el{position:absolute;top:-9px;right:-9px;background:var(--brand);color:#fff;font-size:12px;padding:2px 8px;border-radius:99px}.pos-anat-tag{color:var(--text-2);background:var(--bg);border:1px dashed var(--border);border-radius:999px}.pos-anat-tag,.pos-v-box{display:inline-block;font-size:12px;padding:4px 10px}.pos-v-box{background:var(--brand-light);border:1.5px solid var(--brand);border-radius:6px;color:var(--brand)}.pos-v-ghost{position:absolute;left:0;top:0;width:100%;height:100%;border:1.5px dashed var(--text-3);border-radius:6px}.ctr-demo{display:flex;gap:14px}.ctr-demo-col{display:flex;flex-direction:column;align-items:center;gap:5px}.ctr-demo-box{width:64px;height:52px;background:var(--bg);border:1px solid var(--border);border-radius:8px}.ctr-demo-box.flex{display:flex;align-items:center;justify-content:center}.ctr-demo-box.grid{display:grid;place-items:center}.ctr-demo-box.abs{position:relative}.ctr-demo-box.abs .ctr-demo-item{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.ctr-demo-item{width:18px;height:18px;background:var(--brand-light);border:1.5px solid var(--brand);border-radius:5px}.ctr-demo-label{font-size:12px;color:var(--text-3)}.ctr-anat{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap}.ctr-anat-box{width:110px;height:80px;background:var(--bg);border:1.5px dashed var(--brand);border-radius:8px}.ctr-anat-box,.ctr-anat-item{display:flex;align-items:center;justify-content:center}.ctr-anat-item{width:30px;height:24px;background:var(--brand-light);border:1.5px solid var(--brand);border-radius:5px;font-size:12px;color:var(--brand)}.ctr-anat-axes{display:flex;flex-direction:column;gap:8px}.ctr-anat-axis{display:inline-block;font-size:12px;color:var(--text-2);background:var(--bg);border:1px dashed var(--border);border-radius:999px;padding:4px 10px;white-space:nowrap}.ctr-v-item{display:block;width:16px;height:16px;background:var(--brand-light);border:1.5px solid var(--brand);border-radius:4px}