/* Public demonstration of the real Widgoo page builder. */
.wg-studio-section{min-height:0}
.wg-studio-sticky{position:relative;top:auto}
.wg-builder{--builder-blue:#017cfc;--ghost-opacity:0;--path-opacity:0;--success-opacity:0;position:relative;height:520px;border:1px solid #c7ddfa;border-radius:14px;background:#fff;box-shadow:0 25px 65px #0075ef12;overflow:hidden;color:#102037;font-size:10px;text-align:left}
.wg-builder [hidden],.wg-builder-caption [hidden]{display:none!important}
.wg-builder button{font-family:inherit;cursor:pointer;transition:background .18s,border-color .18s}
.wg-builder button:focus-visible,.wg-builder-steps button:focus-visible{outline:3px solid #0080ff;outline-offset:3px}
.wg-builder-topbar{height:49px;display:flex;align-items:center;gap:9px;padding:0 12px;border-bottom:1px solid #dce7f5;white-space:nowrap}
.wg-builder-exit{display:grid;place-items:center;width:24px;height:27px;border:1px solid #d5e5fc;border-radius:6px;color:#0077ed;font-size:14px}
.wg-builder-topbar>img{display:block;width:91px;height:34px;object-fit:contain}
.wg-builder-label{font-size:7px;font-weight:700;letter-spacing:.1em;color:#69819f}
.wg-builder-document{display:flex;gap:6px;align-items:center;padding-left:12px;border-left:1px solid #d6e4f7;font-size:10px}
.wg-builder-document b{font-weight:700}
.wg-builder-document span{color:#647992}
.wg-builder-status{display:flex;align-items:center;gap:5px;font-size:7px;color:#67809e}
.wg-builder-status>i{width:5px;height:5px;border-radius:50%;background:#e4a323}
.wg-builder[data-saved=true] .wg-builder-status>i{background:#29a66b}
.wg-builder-devices{display:flex;margin-left:auto;background:#eef5ff;padding:3px;border-radius:8px;gap:2px}
.wg-builder .wg-builder-devices button{display:flex;align-items:center;gap:4px;border:0;border-radius:5px;background:transparent;color:#6281a9;min-height:27px;padding:4px 7px;font-size:9px}
.wg-builder-devices button .wg-icon{width:13px;height:13px}
.wg-builder-devices button[aria-pressed=true]{background:white;color:#12223b;box-shadow:0 1px 4px #0059bc12;font-weight:700}
.wg-builder .wg-builder-play,.wg-builder .wg-builder-preview{display:flex;align-items:center;justify-content:center;gap:5px;min-height:31px;padding:5px 8px;border:1px solid #b9d8ff;border-radius:6px;color:#0077ed;background:#fff;font-size:9px}
.wg-builder-play>svg{width:12px;height:12px}
.wg-builder-play-icon{display:none}
.wg-builder.is-paused .wg-builder-play-icon{display:block}
.wg-builder.is-paused .wg-builder-pause-icon{display:none}
.wg-builder .wg-builder-save{min-height:31px;padding:5px 12px;border:1px solid #20221f;border-radius:7px;background:#20221f;color:white;font-size:10px}
.wg-builder[data-phase=save] .wg-builder-save{box-shadow:0 0 0 3px #017cfc1c}
.wg-builder[data-saving=true] .wg-builder-save{background:#0077ed;border-color:#0077ed}
.wg-builder-body{height:calc(100% - 49px);display:grid;grid-template-columns:170px minmax(0,1fr) 204px}
.wg-builder-library{padding:12px 10px;background:white;border-right:1px solid #e2eaf5;overflow:hidden}
.wg-builder-browse{border:1px solid #91beff;border-radius:6px;text-align:center;padding:9px 3px;color:#0073e9;font-size:10px}
.wg-builder-search{display:flex;align-items:center;gap:5px;padding:10px 9px;margin:11px 0 18px;border-radius:7px;background:#edf5ff;color:#7687a0;font-size:10px}
.wg-builder-category{margin:15px 0 7px;color:#7087a3;font-size:8px;letter-spacing:.055em;text-transform:uppercase}
.wg-builder-widget{display:grid;grid-template-columns:25px minmax(0,1fr);gap:7px;align-items:start;border:1px solid #cbdefa;border-radius:9px;background:white;padding:10px 8px;color:#11243d}
.wg-builder-widget b{display:block;font-size:9px;line-height:1.4;font-weight:650}
.wg-builder-widget small{display:block;color:#748aa8;font-size:7px;line-height:1.5;margin-top:3px}
.wg-builder-widget-icon,.wg-builder-widget>.wg-icon{display:grid;place-items:center;background:#edf6ff;border-radius:6px;width:24px;height:24px;color:#0080ff;padding:5px}
.wg-builder-widget-icon .wg-icon{width:16px;height:16px}
.wg-builder-widget-icon--purple{color:#8b4aff;background:#f3ebff}
.wg-builder .wg-builder-widget--source{width:100%;text-align:left;background:#f7fbff;border-color:#83b7ff;position:relative}
.wg-builder-widget--source:after{content:"";position:absolute;inset:-3px;border:1px solid #0080ff40;border-radius:11px;opacity:0}
.wg-builder[data-phase=drag] .wg-builder-widget--source:after{animation:wg-builder-source-pulse 1.25s ease-in-out infinite paused}
.wg-builder-workspace{position:relative;min-width:0;min-height:0;padding:16px 12px 10px;background:#f3f8ff;display:flex;flex-direction:column;overflow:hidden}
.wg-builder-tools{display:flex;gap:5px;justify-content:center;align-items:center;padding-bottom:11px;border-bottom:1px solid #d9e5f7;white-space:nowrap;min-height:35px}
.wg-builder-tools>span{padding:6px;border:1px solid #c6ddfb;border-radius:5px;font-size:8px;color:#0077ed;background:white}
.wg-builder-tools>span:first-child,.wg-builder-tools>span:nth-child(2){padding-inline:8px}
.wg-builder-tools .is-muted{color:#98bdea;background:#f9fcff}
.wg-builder-width{display:flex;align-items:center;gap:8px;border:1px solid #c6ddfb;border-radius:5px;padding:7px;background:white;color:#4473ad}
.wg-builder-width>i{position:relative;width:48px;height:4px;border-radius:5px;background:#017cfc}
.wg-builder-width>i:after{content:"";position:absolute;right:0;top:-3px;width:10px;height:10px;border-radius:50%;background:#017cfc;border:2px solid white;outline:1px solid #017cfc}
.wg-builder-width b{font-size:7px;font-weight:400}
.wg-builder-ruler{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:7px;color:#6e87a9;padding:9px 2px 6px;white-space:nowrap}
.wg-builder-ruler b{font-weight:400}
.wg-builder-ruler small{font-size:6px}
.wg-builder-canvas{display:block;flex:1;min-height:0;width:100%;height:100%;overflow:hidden;font-family:inherit}
.wg-builder-canvas .b-tiny{font-size:9px}
.wg-builder-canvas .b-small{font-size:11px}
.wg-builder-canvas .b-strong{font-weight:650;fill:#386291}
.wg-builder-canvas .b-muted{fill:#7c93af}
.wg-builder-canvas .b-title{font-size:16px;font-weight:650;fill:#102037}
.wg-builder-canvas .b-form-title{font-size:23px;letter-spacing:-1px}
.wg-builder-canvas .b-nav{font-size:12px}
.wg-builder-drop-pulse{animation:wg-builder-drop 1.15s ease-in-out infinite paused;transform-box:fill-box;transform-origin:center}
.wg-builder-inspector{padding:12px 11px;background:white;border-left:1px solid #dce7f5;overflow:hidden}
.wg-builder-inspector>header{display:flex;align-items:start;gap:7px;padding-bottom:10px;border-bottom:1px solid #dce7f5}
.wg-builder-inspector>header>.wg-icon{flex:none;width:25px;height:25px;background:#eff6ff;border-radius:6px;padding:6px;color:#0080ff}
.wg-builder-inspector>header>b{font-size:11px}
.wg-builder-inspector header b{display:block;font-size:10px;line-height:1.4}
.wg-builder-inspector header small{display:block;font-size:6px;margin-top:2px;color:#778dae}
.wg-builder-inspector header>span{margin-left:auto;font-size:13px}
.wg-builder-selection{border:1px solid #cbdefa;border-radius:9px;background:#f4f8ff;padding:8px;margin:9px 0}
.wg-builder-selection>small{display:block;font-size:6px;font-weight:700;color:#6080a6;letter-spacing:.05em;text-transform:uppercase;margin-bottom:3px}
.wg-builder-selection>b{display:block;font-size:9px;margin-bottom:6px}
.wg-builder-selection>span{display:block;padding:6px;background:white;border:1px solid #d4e3f7;border-radius:4px;font-size:8px}
.wg-builder-selection>span>i{float:right;font-style:normal}
.wg-builder-property-tabs{display:flex;gap:25px;border-bottom:1px solid #dce7f5;font-size:11px;color:#7389a6}
.wg-builder-property-tabs>span{padding:10px 0}
.wg-builder-property-tabs>span:first-child{border-bottom:2px solid #017cfc;color:#0075ed;font-weight:650}
.wg-builder-editable{display:flex;align-items:center;justify-content:space-between;margin:13px 0 9px;font-size:10px}
.wg-builder-editable>span{background:#e9f3ff;padding:4px;border-radius:5px;font-size:7px;color:#0077ed}
.wg-builder-property-note{padding:10px;background:#edf5ff;border-radius:7px;font-size:8px;line-height:1.6;color:#6d84a2}
.wg-builder .wg-builder-property-item{display:block;text-align:left;width:100%;margin-top:9px;padding:9px 10px;border:1px solid #9bc5ff;border-radius:8px;background:#f8fbff;font-size:9px;color:#295485}
.wg-builder-property-item b{display:grid;font-weight:650}
.wg-builder-property-item b>span{grid-area:1/1}
.wg-builder-property-item small{display:block;margin-top:4px;font-size:7px;color:#7b8ca2}
.wg-builder-property-item--muted{border-color:#d5e1ed!important;background:white!important;opacity:.75}
.wg-builder-property-field{margin-top:12px;opacity:.5}
.wg-builder-property-field>label{display:block;font-size:8px;font-weight:650;color:#2a578f;margin-bottom:6px}
.wg-builder-property-field>div,.wg-builder-mini-field>div{position:relative;min-height:31px;border:1px solid #c9ddf8;border-radius:6px;background:white;font-size:12px;overflow:hidden}
.wg-builder-property-field>div>span,.wg-builder-mini-field>div>span{position:absolute;left:10px;top:8px;white-space:nowrap}
.wg-builder [data-builder-after]:not(text){opacity:0}
.wg-builder-property-field>div>i,.wg-builder-mini-field>div>i{position:absolute;left:calc(10px + var(--typed-chars,0)*.68em);top:8px;width:1px;height:14px;background:#0080ff;opacity:0}
.wg-builder-property-field>small{display:block;margin-top:6px;font-size:7px;line-height:1.6;color:#7a91b0}
.wg-builder[data-phase=edit] .wg-builder-property-field{opacity:1}
.wg-builder[data-phase=edit] .wg-builder-property-field>div{border-color:#017cfc;box-shadow:0 0 0 3px #017cfc13}
.wg-builder[data-phase=edit] .wg-builder-property-field i,.wg-builder[data-phase=edit] .wg-builder-mini-field i{animation:wg-builder-caret .7s step-end infinite paused;opacity:1}
.wg-builder-compact-source,.wg-builder-mini-field{display:none}
.wg-builder-drag-path{position:absolute;inset:0;width:100%;height:100%;opacity:var(--path-opacity);z-index:8;pointer-events:none}
.wg-builder-drag-path>path{animation:wg-builder-dashes 1.1s linear infinite paused}
.wg-builder-drag-ghost{position:absolute;left:0;top:0;width:156px;display:flex;align-items:start;gap:9px;padding:12px;background:#fff;border:1px solid #7db7ff;border-radius:10px;box-shadow:0 14px 30px #0053b233;z-index:10;pointer-events:none;opacity:var(--ghost-opacity);will-change:transform}
.wg-builder-drag-ghost>.wg-icon{width:25px;height:25px;color:#0079ff;flex:none;background:#edf6ff;border-radius:5px;padding:5px}
.wg-builder-drag-ghost b{display:block;font-size:9px;line-height:1.4}
.wg-builder-drag-ghost small{display:block;font-size:7px;color:#7890ad;margin-top:5px}
.wg-builder-pointer{position:absolute;left:0;top:0;z-index:13;pointer-events:none;color:#017cfc;filter:drop-shadow(0 3px 4px #004eb030);will-change:transform}
.wg-builder-pointer>.wg-icon{width:25px;height:29px;display:block;stroke:white;stroke-width:1.5;fill:#017cfc}
.wg-builder-pointer>span{display:block;margin:0 0 0 19px;background:#017cfc;border-radius:5px;padding:3px 7px;color:white;font-size:8px;white-space:nowrap}
.wg-builder-pointer>i{position:absolute;left:-11px;top:-11px;width:28px;height:28px;border-radius:50%;border:1px solid #017cfc;animation:wg-builder-click 1.1s ease-out infinite paused;opacity:0}
.wg-builder[data-phase=edit] .wg-builder-pointer>i,.wg-builder[data-phase=tablet] .wg-builder-pointer>i,.wg-builder[data-phase=mobile] .wg-builder-pointer>i,.wg-builder[data-phase=save] .wg-builder-pointer>i{opacity:1}
.wg-builder-success{position:absolute;inset:0;z-index:11;display:grid;place-items:center;padding:20px;background:#f3f8fff2;opacity:var(--success-opacity);transform:scale(var(--success-scale,.96));pointer-events:none}
.wg-builder-success>div{text-align:center;background:white;border:1px solid #cde6d9;border-radius:18px;padding:24px 30px;box-shadow:0 20px 50px #174b3620;max-width:320px;width:100%}
.wg-builder-success svg{width:91px;height:91px;display:block;margin:0 auto 9px}
.wg-builder-success-ring,.wg-builder-success-check{stroke-dasharray:1;stroke-dashoffset:var(--ring-offset,1)}
.wg-builder-success-check{stroke-dashoffset:var(--check-offset,1)}
.wg-builder-success strong{display:block;font-size:35px;color:#143c2b;line-height:1.1;letter-spacing:-1px}
.wg-builder-success p{font-size:11px;line-height:1.7;color:#6b8275;margin:12px 0 18px}
.wg-builder-success img{display:block;width:65px;height:23px;object-fit:contain;margin:auto}
.wg-builder.is-preview .wg-builder-body{grid-template-columns:0 minmax(0,1fr) 0}
.wg-builder.is-preview .wg-builder-library,.wg-builder.is-preview .wg-builder-inspector{visibility:hidden;padding:0;border:0}
.wg-builder.is-preview .wg-builder-tools{opacity:.35}
.wg-builder.is-preview [data-draw=nav],.wg-builder.is-preview [data-draw=frame],.wg-builder.is-preview [data-draw=divider]{stroke:transparent}
.wg-builder.is-preview [data-draw=nav-badge],.wg-builder.is-preview [data-draw=name-selection],.wg-builder.is-preview [data-draw=container1],.wg-builder.is-preview [data-draw=container2]{visibility:hidden}
.wg-builder-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;padding-top:22px}
.wg-builder-steps button{position:relative;display:flex;align-items:start;gap:10px;padding:7px 0 13px;border:0;border-bottom:2px solid #dce8f8;background:transparent;color:#8092ad;text-align:left;font-family:inherit}
.wg-builder-steps button>span{font-size:9px;padding-top:2px}
.wg-builder-steps b{display:block;font-size:12px;font-weight:650;color:#6a7f9e}
.wg-builder-steps small{display:block;margin-top:4px;font-size:9px;line-height:1.5}
.wg-builder-steps i{position:absolute;bottom:-2px;left:0;width:100%;height:2px;transform:scaleX(var(--step-progress,0));transform-origin:left;background:#017cfc}
.wg-builder-steps button[aria-pressed=true] b,.wg-builder-steps button[aria-pressed=true]>span{color:#0077ff}
.wg-builder-caption{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding-top:13px;padding-right:180px;font-size:11px;color:#4c688c}
.wg-builder-caption-dot{width:5px;height:5px;border-radius:50%;background:#017cfc;box-shadow:0 0 0 4px #017cfc0c}
.wg-builder-caption>b{margin-left:auto;font-size:9px;font-weight:400;color:#7993b6;font-variant-numeric:tabular-nums}
.wg-builder-scroll-hint{flex-basis:100%;display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#7c90ab;padding-top:1px}
.wg-builder-scroll-hint>span:last-child{font-size:13px;color:#017cfc}
.wg-network-brand{filter:brightness(0) invert(1)}
.wg-studio-section.is-inview .wg-builder:not(.is-paused) .wg-builder-widget--source:after,.wg-studio-section.is-inview .wg-builder:not(.is-paused) .wg-builder-drop-pulse,.wg-studio-section.is-inview .wg-builder:not(.is-paused) .wg-builder-drag-path>path,.wg-studio-section.is-inview .wg-builder:not(.is-paused) .wg-builder-pointer>i,.wg-studio-section.is-inview .wg-builder:not(.is-paused) .wg-builder-property-field i,.wg-studio-section.is-inview .wg-builder:not(.is-paused) .wg-builder-mini-field i{animation-play-state:running}
@keyframes wg-builder-source-pulse{50%{opacity:1;transform:scale(1.015)}}
@keyframes wg-builder-drop{50%{stroke-opacity:.8;transform:scale(.985)}}
@keyframes wg-builder-dashes{to{stroke-dashoffset:-20}}
@keyframes wg-builder-caret{50%{opacity:0}}
@keyframes wg-builder-click{from{transform:scale(.45);opacity:.8}to{transform:scale(1.6);opacity:0}}
@media(min-width:1100px) and (min-height:700px){
.wg-studio-section{min-height:0;padding:65px 0 25px;scroll-margin-top:19px}
.wg-studio-sticky{padding:8px 0}
.wg-studio-section .wg-section-heading{margin-bottom:22px;gap:40px}
.wg-studio-section .wg-section-heading h2{font-size:44px}
.wg-studio-section .wg-section-heading .wg-eyebrow{margin-bottom:10px}
.wg-studio-section .wg-section-heading>p{font-size:12px}
.wg-builder{height:clamp(310px,calc(100dvh - 380px),540px)}
.wg-builder-steps{padding-top:17px}
}
@media(min-width:1100px) and (max-height:819px){
.wg-builder-body{grid-template-columns:154px minmax(0,1fr) 182px}
.wg-studio-section .wg-section-heading h2{font-size:38px;white-space:nowrap}
.wg-studio-section .wg-section-heading h2 em{display:inline;margin-left:9px}
.wg-studio-section .wg-section-heading>p{max-width:280px;margin-right:150px}
.wg-builder{height:clamp(355px,calc(100dvh - 335px),484px)}
.wg-builder-library{padding:9px}
.wg-builder-search{margin-bottom:9px;padding:7px}
.wg-builder-category{margin-top:10px;font-size:7px}
.wg-builder-widget{padding:8px}
.wg-builder-widget:not(.wg-builder-widget--source) small{display:none}
.wg-builder-inspector{padding:9px}
.wg-builder-inspector>header{padding-bottom:6px}
.wg-builder-selection{padding:6px;margin:7px 0}
.wg-builder-property-note{display:none}
.wg-builder-editable{margin:8px 0}
.wg-builder-property-tabs>span{padding:7px 0}
.wg-builder-property-field{margin-top:8px}
.wg-builder-property-item--muted{display:none}
.wg-builder-workspace{padding:10px 10px 6px}
.wg-builder-steps small{font-size:8px}
}
@media(max-width:1250px){
.wg-builder-label,.wg-builder-document>span{display:none}
.wg-builder-status{font-size:6px}
.wg-builder-topbar{gap:7px}
.wg-builder .wg-builder-devices button{padding-inline:6px;font-size:8px}
.wg-builder-tools>span:nth-child(4){display:none}
}
@media(max-width:1099px){
.wg-builder-topbar{gap:6px}
.wg-builder-status,.wg-builder-document{display:none}
.wg-builder-body{grid-template-columns:150px minmax(0,1fr) 184px}
.wg-builder-tools>span:nth-child(3){display:none}
.wg-builder-steps{gap:14px}
}
@media(max-width:960px){
.wg-builder-body{grid-template-columns:145px minmax(0,1fr)}
.wg-builder-inspector{display:none}
.wg-builder-mini-field{position:absolute;top:124px;right:25px;width:170px;background:#f9fcff;padding:10px;border:1px solid #8fbfff;border-radius:8px;box-shadow:0 10px 25px #0052b22b;z-index:5;pointer-events:none}
.wg-builder[data-phase=edit] .wg-builder-mini-field{display:block}
.wg-builder-mini-field>small{display:block;font-size:9px;font-weight:650;color:#346a9f;margin-bottom:7px}
.wg-builder-ruler small{display:none}
.wg-builder .wg-builder-devices button{padding-inline:8px;font-size:9px}
.wg-builder-steps small{font-size:8px}
}
@media(max-width:760px){
.wg-builder{height:490px;border-radius:11px}
.wg-builder-body{grid-template-columns:minmax(0,1fr)}
.wg-builder-library{display:none}
.wg-builder-topbar{height:47px;padding:0 9px;gap:5px}
.wg-builder-body{height:calc(100% - 47px)}
.wg-builder-exit,.wg-builder-preview{display:none!important}
.wg-builder-topbar>img{width:92px;height:34px}
.wg-builder .wg-builder-devices button{padding:5px 6px;min-height:26px}
.wg-builder-devices button>span{display:none}
.wg-builder .wg-builder-play{padding:5px 6px;min-height:30px}
.wg-builder-play>span{display:none!important}
.wg-builder .wg-builder-save{font-size:9px;padding-inline:8px;min-height:31px}
.wg-builder-workspace{padding:11px 12px}
.wg-builder-tools{justify-content:flex-start;gap:5px;min-height:37px}
.wg-builder-tools>span:nth-child(3){display:block}
.wg-builder-tools>span:nth-child(6){display:none}
.wg-builder-width{margin-left:auto}
.wg-builder-compact-source{position:absolute;top:77px;left:22px;z-index:3;display:flex;align-items:center;gap:7px;width:175px;min-height:43px;padding:7px 9px;border:1px solid #83b7ff;border-radius:7px;background:white;color:#2b5a91;box-shadow:0 5px 15px #0052b20c}
.wg-builder .wg-builder-compact-source{font-size:9px;text-align:left}
.wg-builder-compact-source>.wg-icon{width:22px;height:22px;color:#017cfc;flex:none}
.wg-builder-compact-source>i{font-style:normal;color:#017cfc;margin-left:auto}
.wg-builder-mini-field{top:132px;right:17px;width:160px;padding:8px}
.wg-builder-success>div{max-width:260px;padding:21px 18px}
.wg-builder-success svg{width:80px;height:80px}
.wg-builder-success strong{font-size:32px}
.wg-builder-steps{gap:12px;padding-top:18px}
.wg-builder-steps button{display:block;padding:7px 0 11px}
.wg-builder-steps button>span{display:block;margin-bottom:5px;font-size:8px}
.wg-builder-steps b{font-size:10px}
.wg-builder-steps small{display:none}
.wg-builder-caption{font-size:10px;padding-top:12px;padding-right:0}
.wg-builder-scroll-hint{font-size:8px;line-height:1.6;padding-top:2px}
.wg-builder-pointer>span{font-size:7px}
}
@media(max-width:380px){
.wg-builder{height:450px}
.wg-builder-topbar{gap:4px;padding-inline:7px}
.wg-builder-topbar>img{width:71px}
.wg-builder-devices{padding:2px}
.wg-builder .wg-builder-devices button{padding-inline:4px}
.wg-builder .wg-builder-save{font-size:8px;padding-inline:7px}
.wg-builder-tools>span:nth-child(3){display:none}
.wg-builder-caption{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
.wg-studio-section{min-height:0}
.wg-studio-sticky{position:relative;top:auto}
.wg-builder *{animation:none!important;transition:none!important}
}
.wg-home[data-motion-state=off] .wg-builder-play{display:none}