@font-face{font-family:DM Sans;src:url('../../wholeverb-section04-website-carousel-2026-10-18/assets/dm-sans-latin-wght-normal.woff2') format('woff2');font-weight:100 1000;font-display:swap}*{box-sizing:border-box}html,body{margin:0;background:#071317;font-family:DM Sans,Arial,sans-serif;color:#263337;overflow-x:hidden}.stage{position:relative;width:100%;overflow:hidden;background:#071317}.canvas{position:absolute;left:0;top:0;transform-origin:0 0;width:1000px;height:680px}.world{position:absolute;left:0;top:0;width:1000px;height:680px;perspective:850px;perspective-origin:50% 45%;background:radial-gradient(ellipse at 50% 40%,#15292c,#071317 74%);overflow:hidden}.world:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#b6c7c708 .65px,transparent .65px);background-size:5px 5px;pointer-events:none}.puzzle-shadow{position:absolute;left:110px;top:190px;width:780px;height:335px;transform:rotate(-16deg);background:#203c3e;mask:url('../../../brand/wholeverb/wholeverb-symbol.svg') center/contain no-repeat;-webkit-mask:url('../../../brand/wholeverb/wholeverb-symbol.svg') center/contain no-repeat;opacity:.65;filter:drop-shadow(0 12px 3px #000)}.pane{position:absolute;padding:4px;border:1px solid #b6d6d65c;border-top-color:#d3eeee9c;border-left-color:#b5d5d580;border-right:4px solid #406064b0;border-bottom:4px solid #273e46c0;border-radius:11px;background:#8ba5a633;box-shadow:inset 1px 1px 0 #e0ffff22,4px 5px 0 #142e37,8px 13px 20px #0007;transform-style:preserve-3d;overflow:hidden}.pane:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 #efffff55}.browser{height:24px;background:#e6e9e9;border-radius:5px 5px 0 0;border-bottom:1px solid #cbd2d3;display:flex;align-items:center;gap:12px;padding:0 8px;font-size:8px;color:#657075;position:relative}.browser>i{width:4px;height:4px;border-radius:50%;background:#a7b0b2;box-shadow:6px 0 #a7b0b2,12px 0 #a7b0b2;margin-right:10px}.browser>span{background:#f8f9f9;border-radius:3px;padding:3px 7px;flex:1;text-align:center;font-size:8px;white-space:nowrap;overflow:hidden}.browser>b{font-size:10px;font-weight:400}.editor-toolbar{height:27px;display:flex;align-items:center;gap:7px;padding:0 7px;background:#fafbfb;border-bottom:1px solid #d7dddd;font-size:8px;color:#647074}.editor-toolbar .insert{display:grid;place-items:center;background:#087f83;color:white;width:14px;height:14px;font-size:12px}.editor-toolbar em{font-style:normal;font-size:7px;color:#727b7f;flex:1;text-align:center}.editor-toolbar button{background:#007c82;color:white;font:inherit;border:0;border-radius:2px;padding:4px 7px}.seo-workspace{height:calc(100% - 24px);background:#fff;padding:10px 14px;color:#30383d}.preview-options{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:7px;margin-bottom:12px;color:#747c81}.preview-options b{font-size:9px;font-weight:500;color:#30383d}.search-result{margin-bottom:10px}.result-identity{display:flex;gap:6px;align-items:center;font-size:9px}.result-identity>i{width:18px;height:18px;border-radius:50%;background:#eef2f2;color:#17666a;font-style:normal;display:grid;place-items:center;font-weight:700}.result-identity small{display:block;font-size:7px;margin-top:2px;color:#687273}.result-identity>span{margin-left:auto}.search-result h3{font-size:17px;font-weight:500;letter-spacing:-.4px;line-height:1.2;color:#1a0dab;margin:6px 0 5px}.search-result p{font-size:9px;line-height:1.45;margin:0;color:#555b60}.meta-editor{padding-top:8px;border-top:1px solid #e4e7e8}.meta-editor label{display:block;font-size:7px;margin:4px 0;color:#525c60}.meta-editor label span{float:right;color:#767f83}.meta-editor>div{height:19px;border:1px solid #d8dede;border-radius:2px;display:flex;gap:3px;align-items:center;padding:2px 4px}.meta-editor b{background:#e3eceb;color:#3e6262;border-radius:8px;font-size:6px;font-weight:500;padding:2px 5px}.meta-editor p{font-size:7px;border:1px solid #d8dede;padding:4px;margin:0;color:#5e6669}.form-workspace,.content-workspace{display:flex;height:calc(100% - 51px);background:#edf0f0}.edit-rail{width:23px;flex:none;background:#edf0f0;border-right:1px solid #d9dfdf;display:flex;flex-direction:column;align-items:center;gap:15px;padding-top:10px;color:#879092;font-size:11px}.edit-rail>b{color:#007d82;font-weight:400}.form-canvas{padding:15px 13px;background:#fff;flex:1;min-width:0}.form-canvas>small{font-size:6px;letter-spacing:.08em;color:#6d7a7a}.form-canvas h3{font-size:17px;line-height:1.15;font-weight:500;letter-spacing:-.6px;margin:5px 0 14px}.form-canvas label{font-size:7px;display:block;margin:9px 0 4px}.input-field{border:1px solid #ccd4d4;border-radius:3px;min-height:25px;padding:7px 6px;display:flex;justify-content:space-between;font-size:8px;color:#566467;background:#fff}.field-pair{display:flex;gap:7px}.field-pair>div{min-width:0;flex:1}.field-pair .input-field{font-size:7px;padding:7px 5px}.selected-control{margin-top:14px;outline:1px solid #018f94;outline-offset:4px;position:relative}.selected-control button{font:inherit;font-size:10px;background:#007c80;color:white;padding:9px 8px;width:100%;border:0;border-radius:2px;display:flex;justify-content:space-between}.selected-control:before,.selected-control:after{content:"";position:absolute;width:4px;height:4px;border:1px solid #008e94;background:white;top:-6px;left:-6px}.selected-control:after{top:auto;left:auto;right:-6px;bottom:-6px}.form-help{font-size:6px;color:#7a8587;margin:12px 0 0}.form-inspector{display:none;width:62px;flex:none;border-left:1px solid #d7dddd;background:#f4f6f6;padding:10px 7px;font-size:7px}.form-inspector>b{font-size:8px;display:block;margin-bottom:15px}.form-inspector>span{display:block;margin:12px 0 5px;color:#899496}.form-inspector>div{border:1px solid #cfd7d7;padding:4px;font-size:6px}.swatch{display:block;width:13px;height:13px;background:#007c80;border:2px solid white;box-shadow:0 0 0 1px #b7c4c3}.article-canvas{flex:1;min-width:0;padding:13px 12px;background:#fff}.article-canvas>img{width:100%;height:70px;object-fit:cover;object-position:65% 50%;display:block}.block-selection{margin-top:13px}.block-selection h3{font-size:21px;line-height:1.1;font-weight:500;letter-spacing:-.6px;margin:0 0 9px;color:#182e32}.block-selection p{font-size:8px;color:#657174;line-height:1.5;margin:0}.article-footer{font-size:6px;color:#80908e;margin-top:14px;padding-top:9px;border-top:1px solid #e4e9e8}.content-inspector{width:79px;flex:none;border-left:1px solid #d7dddd;background:#f8f9f9;padding:9px 8px;font-size:6px;color:#697579}.inspector-tabs{display:flex;gap:12px;border-bottom:1px solid #d7dddd;padding-bottom:8px;margin-bottom:12px;font-size:7px}.inspector-tabs>b{font-weight:500;border-bottom:1px solid #0b8387;color:#283d40}.content-inspector>strong{font-size:8px;display:block;color:#35474a;margin-bottom:12px}.content-inspector p{line-height:1.5;font-size:6px;margin:9px 0}.content-inspector p b{font-weight:400;color:#328b92;float:right}.content-inspector hr{border:0;border-top:1px solid #dde4e3;margin:12px 0}.content-inspector>img{width:100%;height:28px;object-fit:cover;display:block;margin:6px 0 10px}.support{opacity:.9}.page-list,.nav-editor{background:#f7f9f8;height:calc(100% - 24px);padding:10px 12px;font-size:9px}.list-heading{font-size:10px;margin-bottom:5px;display:flex;justify-content:space-between}.page-list p{border-bottom:1px solid #dce4e3;padding:6px 0;margin:0;display:flex;gap:7px;font-size:8px}.page-list p span{margin-left:auto;color:#8d9998}.page-list i{font-style:normal;color:#879c9a}.nav-editor small{font-size:6px;color:#7e9090;letter-spacing:.06em}.nav-editor>div{padding:6px 0;border-bottom:1px solid #dce4e3;font-size:8px}.nav-editor span{float:right}.small-site{height:calc(100% - 24px);position:relative;overflow:hidden;background:#071317}.small-site img{width:100%;height:100%;object-fit:cover;object-position:70% 50%;opacity:.8}.small-site>div{position:absolute;inset:12px;color:#f4f7f5}.small-site strong{font-size:8px;letter-spacing:.04em;display:block}.small-site span{font-size:8px;display:block;margin:7px 0}.small-site b{font-size:6px;font-weight:500;color:#ffbd65}.optical-focus{display:inline-block}
.magnifier{position:absolute;left:0;top:0;width:150px;height:150px;z-index:20;filter:drop-shadow(7px 12px 9px #0008);pointer-events:none}.lens-glass{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:#071317;clip-path:circle(50% at 50% 50%)}.optical-sample{position:absolute;left:0;top:0;transform-origin:0 0}.optical-sample .world{position:absolute;transform-origin:0 0}.lens-hardware{position:absolute;width:300px;height:300px;left:-20px;top:-20px;overflow:visible;pointer-events:none}
body[data-variant=recess] .world{background:radial-gradient(ellipse at 48% 43%,#1a282a,#071317 75%)}body[data-variant=recess] .puzzle-shadow{background:#02090c;opacity:.75;filter:drop-shadow(1px 2px 0 #2c4445)}body[data-variant=recess] .pane{background:#1b292d;border-color:#809c9c66;border-right-color:#263c42;border-bottom-color:#1b2e33;box-shadow:inset 1px 1px 0 #c6dddd22,4px 5px 0 #102025,8px 13px 20px #0008}body[data-variant=recess] .browser{background:#1f292e;border-bottom-color:#364347;color:#a2b3b6}body[data-variant=recess] .browser>span{background:#313e43;color:#c0cecf}body[data-variant=recess] .editor-toolbar{background:#27353a;border-bottom-color:#415156;color:#bcc9cb}body[data-variant=recess] .editor-toolbar em{color:#a6b8ba}body[data-variant=recess] .edit-rail{background:#253338;border-color:#39494c;color:#9fb0b2}body[data-variant=recess] .edit-rail>b{color:#6dc2c2}body[data-variant=recess] .form-inspector{display:block;background:#2c3b40;border-color:#46575a;color:#d1dcdd}body[data-variant=recess] .form-canvas{padding:13px 9px}body[data-variant=recess] .form-canvas h3{font-size:15px}body[data-variant=recess] .form-canvas .input-field{font-size:7px}body[data-variant=recess] .selected-control button{font-size:9px;padding:9px 6px}body[data-variant=recess] .content-inspector{background:#2b3a3e;color:#b0c0c0;border-color:#48585a}body[data-variant=recess] .content-inspector strong,body[data-variant=recess] .inspector-tabs b{color:#d1dcdc}body[data-variant=recess] .content-inspector hr,body[data-variant=recess] .inspector-tabs{border-color:#4a5b5d}body[data-variant=recess] .content-inspector p b{color:#7dcacb}body[data-variant=recess] .article-canvas{padding:12px 9px}body[data-variant=recess] .block-selection{outline:1px solid #06939b;outline-offset:5px}body[data-variant=recess] .meta-editor{background:#eef1f1;margin:10px -14px -14px;padding:8px 14px}

.form-inspector{display:block;width:58px}.form-tabs{display:flex;gap:4px;border:0!important;padding:0 0 7px!important;margin-bottom:12px;font-size:5px!important}.form-tabs b{font-weight:500;border-bottom:1px solid #02a0a0}.form-inspector>section{border:1px solid #ced8d7;padding:5px;font-size:6px;line-height:1.7}.form-inspector>b{margin-bottom:8px}.form-inspector>span{margin:9px 0 4px}body[data-variant=studio] .form-workspace .edit-rail{display:none}body[data-variant=studio] .form-canvas{padding:13px 10px}.meta-editor{padding-top:5px}.preview-options{margin-bottom:8px}.search-result h3{margin-top:4px}.search-result{margin-bottom:6px}.meta-editor p{padding:3px;font-size:6px}.meta-editor label{margin:3px 0}

.form-block{position:relative;outline:1px solid #019ba4;outline-offset:5px;margin-top:8px}.form-block:before{content:"▤ Form";position:absolute;left:-6px;top:-15px;background:#008a91;color:white;padding:2px 5px;font-size:5px;line-height:1}.form-block>small{font-size:6px;color:#6d7a7a;letter-spacing:.08em}.form-block h3{margin-top:5px}.form-block .selected-control{outline:none}.form-block .selected-control:before,.form-block .selected-control:after{display:none}.form-website-context{margin:-13px -9px 18px;background:#071317;color:#e8eeee}.form-website-context>div{display:flex;justify-content:space-between;padding:7px 8px;font-size:5px;align-items:center}.form-website-context b{font-size:6px;letter-spacing:.05em}.form-website-context img{width:100%;height:43px;object-fit:cover;object-position:65% 55%;display:block}.form-website-context span{color:#acbebe}body[data-variant=recess] .form-block{margin:0 0 0 1px}body[data-variant=recess] .form-block h3{font-size:14px;margin:0 0 10px}body[data-variant=recess] .form-block label{margin-top:8px}body[data-variant=recess] .form-block .selected-control{margin-top:13px}body[data-variant=recess] .form-help{margin:8px 0 0;padding-bottom:3px}body[data-variant=recess] .content-inspector{width:92px}.setting-row{display:flex;justify-content:space-between;border:1px solid #56696a;padding:6px 4px;font-size:6px}.setting-row b{font-weight:400;color:#d3e1df}.color-row{display:flex;align-items:center;gap:6px}.color-row i{width:12px;height:12px;display:block;background:#182e32;border:1px solid #76898b}body[data-variant=recess] .article-canvas>img{height:61px}