/* White Space — dedicated visual system */
:root{--gv-accent:#4488f4;--gv-accent2:#e55797;}
.gv{background:linear-gradient(135deg,#4488f418,transparent 38%),linear-gradient(315deg,#e5579715,transparent 35%),#101722;}
.gv-hero{border-radius:10px;}
.gv-stage{grid-template-areas:"n1 core" "n2 n3" "n4 core";grid-auto-columns:minmax(0,1fr);}
.gv-n1{grid-area:n1}.gv-n2{grid-area:n2}.gv-n3{grid-area:n3}.gv-n4{grid-area:n4}.gv-core{grid-area:core}
.gv-node{border-radius:10px;border-style:dashed;}
.gv-core{border-radius:999px;box-shadow:0 0 0 10px color-mix(in srgb,var(--gv-accent) 10%,transparent);}
.gv-node:nth-child(odd){background:color-mix(in srgb,var(--gv-accent) 11%,rgba(255,255,255,.045));}
.gv-node:nth-child(even){background:color-mix(in srgb,var(--gv-accent2) 10%,rgba(255,255,255,.045));}
.gv-signal{left:9%;right:20%;top:42%;height:2px;background:linear-gradient(90deg,transparent,var(--gv-accent),var(--gv-accent2),transparent);transform:rotate(67deg);animation:gvSignal_white_space_design 6.8s ease-in-out infinite alternate;}
.gv-stage:after{content:"";position:absolute;width:53px;height:68px;right:22%;bottom:26%;border:2px dashed color-mix(in srgb,var(--gv-accent) 65%,transparent);border-radius:4px;animation:gvShape_white_space_design 5.5s linear infinite;opacity:.55;}
.gv-secondary-stage{grid-template-areas:"a a" "measure b";grid-template-columns:repeat(2,minmax(0,1fr));background:linear-gradient(135deg,#4488f418,transparent 38%),linear-gradient(315deg,#e5579715,transparent 35%),#101722;}
.gv-example-a{grid-area:a;border-radius:10px;}.gv-example-b{grid-area:b;border-radius:5px;}.gv-measure{grid-area:measure;}
.gv-measure i:nth-child(1){animation:gvBar_white_space_design 2.7s ease-in-out infinite alternate;}
.gv-measure i:nth-child(2){animation:gvBar_white_space_design 4.7s ease-in-out -.3s infinite alternate;}
.gv-measure i:nth-child(3){animation:gvBar_white_space_design 3.5s ease-in-out -.6s infinite alternate;}
.gv-measure i:nth-child(4){animation:gvBar_white_space_design 2.9s ease-in-out -.9s infinite alternate;}
.gv-measure i:nth-child(5){animation:gvBar_white_space_design 3.9s ease-in-out -1.2s infinite alternate;}
.gv-motion{inset:11% 11%;border:2px dashed color-mix(in srgb,var(--gv-accent2) 42%,transparent);border-radius:10px;animation:gvMotion_white_space_design 6.5s ease-in-out infinite alternate;}
@keyframes gvSignal_white_space_design{from{opacity:.12;transform:translateX(-6%) rotate(67deg)}to{opacity:.9;transform:translateX(6%) rotate(67deg)}}
@keyframes gvShape_white_space_design{to{transform:rotate(360deg)}}
@keyframes gvBar_white_space_design{from{transform:scaleY(.58);opacity:.45}to{transform:scaleY(1.05);opacity:.95}}
@keyframes gvMotion_white_space_design{from{transform:scale(.94);opacity:.2}to{transform:scale(1.03);opacity:.7}}
@media(max-width:760px){.gv-stage{grid-template-areas:"core core" "n1 n2" "n3 n4"!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.gv-core{aspect-ratio:auto!important;min-width:0!important;clip-path:none!important;border-radius:16px!important}.gv-secondary-stage{grid-template-areas:"measure measure" "a b"!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}}