/* v0.39.0 — Website Builder v2 */
.webEditorV390{min-width:0}.webBuilderTopbarV390{position:sticky;top:0;z-index:45;display:grid;grid-template-columns:minmax(190px,.7fr) auto minmax(430px,1.4fr);gap:12px;align-items:center;background:#fff;border:1px solid #dfe6ef;border-radius:14px;padding:10px 12px;margin-bottom:12px;box-shadow:0 6px 20px rgba(25,42,61,.06)}
.webBuilderTitleV390{display:flex;align-items:center;gap:10px;min-width:0}.webBuilderTitleV390 h2,.webBuilderTitleV390 small{display:block;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.webBuilderTitleV390 small{color:#778397;font-size:11px}.webEditorModeV390{display:flex;background:#eef2f6;padding:3px;border-radius:9px}.webEditorModeV390 button{border:0;background:transparent;border-radius:7px;padding:7px 10px;font-weight:800;font-size:11px;white-space:nowrap}.webEditorModeV390 button.active{background:#fff;color:#245fa7;box-shadow:0 1px 5px rgba(20,36,55,.12)}.webBuilderToolbarV390{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.webBuilderToolbarV390>.webDeviceToggleV380{order:-1}.webBuilderToolbarV390 button{white-space:nowrap}
.webBuilderShellV390{display:grid;grid-template-columns:245px minmax(520px,1fr) 310px;gap:12px;align-items:start;min-width:0}.webLibraryV390,.webInspectorV390{position:sticky;top:82px;max-height:calc(100vh - 105px);overflow:auto;background:#fff;border:1px solid #dfe6ef;border-radius:14px}.webLibraryV390>header,.webInspectorV390>header{position:sticky;top:0;z-index:2;background:#fff;display:flex;justify-content:space-between;gap:8px;align-items:center;padding:13px 14px;border-bottom:1px solid #e6ebf1}.webLibraryV390 h3,.webInspectorV390 h3,.webLibraryV390 small,.webInspectorV390 small{margin:0;display:block}.webLibraryV390 small,.webInspectorV390 small{color:#798697;font-size:10px;letter-spacing:.08em}.webInspectorV390>header>button{border:0;background:transparent}.webQuickBuildV390{padding:12px;border-bottom:1px solid #e6ebf1;background:#f7faff}.webQuickBuildV390 label{display:block;font-size:11px;font-weight:900;color:#476985;margin-bottom:6px}.webQuickBuildV390 textarea{width:100%;resize:vertical;min-height:72px}.webQuickBuildV390 button{width:100%;margin-top:7px}.webSectionLibraryV390{display:grid;gap:5px;padding:9px}.webSectionLibraryV390>button{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;text-align:left;border:1px solid transparent;background:#fff;border-radius:10px;padding:8px;min-height:54px}.webSectionLibraryV390>button:hover{border-color:#b7c9dc;background:#f2f7fd}.webSectionLibraryV390>button>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#edf3f9;color:#426e9f;font-weight:900}.webSectionLibraryV390 b,.webSectionLibraryV390 small{display:block}.webSectionLibraryV390 small{font-size:10px;line-height:1.25;color:#798697;letter-spacing:0}.webReusableLibraryV390{border-top:1px solid #e6ebf1}.webReusableLibraryV390>summary{padding:12px 13px;cursor:pointer;font-weight:900}.webReusableLibraryV390>summary span{float:right;background:#eaf1f8;border-radius:999px;padding:2px 7px;font-size:10px}.webReusableLibraryV390>div{padding:0 9px 10px;display:grid;gap:5px}.webReusableLibraryV390 article{display:grid;grid-template-columns:1fr 34px;gap:5px}.webReusableLibraryV390 article>button:first-child{text-align:left}.webReusableLibraryV390 b,.webReusableLibraryV390 small{display:block}.webReusableLibraryV390 p{font-size:11px;color:#788596;padding:3px 5px}
.webBuilderStageV390{min-width:0}.webCanvasDeviceLabelV390{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 10px;color:#647286;font-size:11px}.webBuilderCanvasV390{background:#dfe4ea;border:1px solid #d5dde7;border-radius:14px;padding:20px;min-height:740px;overflow:auto;display:flex;justify-content:center;align-items:flex-start}.webBuilderViewportV390{position:relative;flex:0 0 auto;width:100%;transition:width .18s ease;box-shadow:0 18px 45px rgba(19,32,48,.14);background:#fff}.webBuilderViewportV390.desktop{width:min(1280px,100%)}.webBuilderViewportV390.tablet{width:min(820px,100%)}.webBuilderViewportV390.mobile{width:min(390px,100%)}.webBuilderViewportV390.fold{width:min(344px,100%)}.webBuilderViewportV390.duo{width:min(720px,100%)}.webBuilderViewportV390>.webPublicSiteV380{width:100%;box-shadow:none;min-height:680px}.webBuilderHingeV390{position:absolute;z-index:31;top:0;bottom:0;left:50%;width:18px;transform:translateX(-50%);background:repeating-linear-gradient(90deg,rgba(29,37,47,.24) 0 2px,rgba(255,255,255,.25) 2px 4px);pointer-events:none;box-shadow:0 0 0 1px rgba(0,0,0,.08)}.webCanvasEmptyV390{min-height:420px;display:grid;place-items:center;align-content:center;gap:5px;color:#768395;border:2px dashed #cad4df;margin:28px;border-radius:16px}.webCanvasEmptyV390 b{font-size:18px}.webEditableSiteV390 .webPublicHeaderV380 nav span{padding:8px 10px;border-radius:8px}.webEditableSiteV390 .webPublicHeaderV380 nav span.active{background:color-mix(in srgb,var(--web-primary) 10%,white);color:var(--web-primary);font-weight:800}.webMobileNavV390{display:none;margin-left:auto;border:1px solid #d9e1eb;border-radius:8px;padding:7px 9px;font-weight:800}
.webCanvasSectionWrapV390{position:relative;outline:0 solid transparent;transition:outline .1s,box-shadow .1s}.webCanvasSectionWrapV390:hover{outline:2px solid rgba(74,124,177,.48);outline-offset:-2px}.webCanvasSectionWrapV390.selected{outline:3px solid #4a7fb7;outline-offset:-3px;z-index:3}.webCanvasSectionWrapV390.dragging{opacity:.55}.webCanvasSectionToolsV390{position:absolute;z-index:28;left:8px;top:8px;display:flex;align-items:center;gap:6px;max-width:calc(100% - 16px);background:rgba(20,31,45,.93);color:#fff;border-radius:9px;padding:4px 5px;opacity:0;transform:translateY(-3px);transition:.12s;box-shadow:0 4px 15px rgba(0,0,0,.18)}.webCanvasSectionWrapV390:hover .webCanvasSectionToolsV390,.webCanvasSectionWrapV390.selected .webCanvasSectionToolsV390{opacity:1;transform:none}.webCanvasSectionToolsV390>b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:135px}.webCanvasSectionToolsV390>div{display:flex;gap:2px}.webCanvasSectionToolsV390 button{border:0;background:rgba(255,255,255,.12);color:#fff;border-radius:6px;padding:4px 6px;font-size:10px}.webCanvasSectionToolsV390 button:hover{background:rgba(255,255,255,.24)}.webDragHandleV390{cursor:grab;padding:3px 4px}.webInsertAfterV390{position:absolute;z-index:30;left:50%;bottom:-15px;transform:translateX(-50%);width:30px;height:30px;border-radius:50%;border:2px solid #fff;background:#4a7fb7;color:#fff;font-weight:900;box-shadow:0 3px 10px rgba(20,38,60,.25);opacity:0}.webCanvasSectionWrapV390:hover>.webInsertAfterV390,.webCanvasSectionWrapV390.selected>.webInsertAfterV390{opacity:1}.webEditableSiteV390 [contenteditable="true"]{outline:none;border-radius:4px;cursor:text}.webEditableSiteV390 [contenteditable="true"]:hover{box-shadow:0 0 0 2px rgba(255,196,65,.65);background:rgba(255,248,225,.08)}.webEditableSiteV390 [contenteditable="true"]:focus{box-shadow:0 0 0 3px #ffc441;background:rgba(255,248,225,.12)}.webEditableImageV390{border:0;padding:0;width:100%;cursor:pointer}.webCanvasLinkHintV390{display:block;color:#6d7a8b;margin-top:12px;font-size:10px}.webEmptyGalleryV390{min-height:150px;border:2px dashed #bdcbd9;background:#f8fafc;border-radius:12px;color:#54718e}
.webInspectorBlankV390{padding:28px 20px;text-align:center;color:#718095}.webInspectorBlankV390>span{font-size:28px}.webInspectorBlankV390 h3{margin:9px 0 5px;color:#2b3d52}.webInspectorBlankV390 p{font-size:12px;line-height:1.5}.webInspectorScrollV390{padding:0 13px 15px}.webInspectorScrollV390>section{border-bottom:1px solid #e6ebf1;padding:13px 0}.webInspectorScrollV390>section:last-child{border-bottom:0}.webInspectorScrollV390 h4{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#5b6e82;margin:0 0 10px}.webInspectorV390 .field{display:grid;gap:4px;margin-bottom:9px}.webInspectorV390 .field>span{font-size:11px;font-weight:800;color:#5d6d7f}.webInspectorV390 textarea{resize:vertical}.webInspectorTipV390{font-size:11px;color:#758196;line-height:1.45}.webInspectorItemsV390{display:grid;gap:6px}.webInspectorItemsV390>div{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:5px;align-items:center}.webInspectorItemsV390>div>span{grid-column:1/-1;font-size:10px;color:#728094}.webInspectorItemsV390>div>input{min-width:0}.webInspectorDangerV390{display:grid;gap:6px}.webInspectorDangerV390 button{width:100%}
/* New website section types */
.webTestimonialsV390>header,.webPricingV390>header,.webTeamV390>header{max-width:760px;margin-bottom:28px}.webTestimonialsV390>div,.webPricingV390>div,.webTeamV390>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:16px}.webTestimonialsV390 blockquote{margin:0;background:#fff;border:1px solid rgba(40,55,74,.11);border-radius:16px;padding:24px;box-shadow:0 5px 20px rgba(20,36,55,.04)}.webTestimonialsV390 blockquote>p{font-size:18px;margin-top:0}.webTestimonialsV390 blockquote footer{display:grid;gap:2px}.webTestimonialsV390 blockquote footer span{font-size:12px;opacity:.65}.webPricingV390 article{background:#fff;border:1px solid rgba(40,55,74,.12);border-radius:16px;padding:24px}.webPricingV390 article>strong{font-size:36px;display:block;margin:7px 0}.webPricingV390 article>button{background:var(--web-accent);border:0;color:#fff;border-radius:9px;padding:10px 14px;font-weight:800}.webTeamV390 article{text-align:center}.webTeamV390 article>img,.webTeamAvatarV390{width:120px;height:120px;border-radius:50%;object-fit:cover;margin:0 auto 12px;background:#e5ebf2;display:grid;place-items:center;font-size:34px}.webTeamV390 article h3{margin:0 0 3px}.webTeamV390 article>b{color:var(--web-accent);font-size:12px}.webVideoV390,.webMapV390{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,60px);align-items:center}.webVideoFrameV390{aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#111;display:grid;place-items:center}.webVideoFrameV390 iframe,.webVideoFrameV390 video{width:100%;height:100%;border:0}.webVideoPlaceholderV390,.webVideoLinkV390{color:#fff;text-align:center}.webMapPlaceholderV390{min-height:280px;background:linear-gradient(135deg,#e4edf6,#cad8e7);border-radius:16px;display:grid;place-items:center;align-content:center;gap:8px;color:#48657e;text-align:center;padding:20px}.webMapPlaceholderV390>span{font-size:42px}.webMapV390 address{font-style:normal;font-weight:700;margin-top:14px}.webCodeSectionV390{padding-top:35px;padding-bottom:35px}.webDeveloperAppendV390{min-width:0}.webTheme-softV390{background:color-mix(in srgb,var(--web-primary) 5%,white)!important}.webTheme-darkV390{background:#172231!important;color:#fff!important}.webTheme-darkV390 article,.webTheme-darkV390 blockquote{color:var(--web-text)}.webTheme-accentV390{background:var(--web-accent)!important;color:#fff!important}.webWidth-narrowV390>*:first-child,.webWidth-narrowV390>header{max-width:760px;margin-left:auto;margin-right:auto}.webWidth-wideV390{padding-left:clamp(18px,4vw,65px)!important;padding-right:clamp(18px,4vw,65px)!important}
/* Developer mode */
.webDeveloperLayoutV390{display:grid;grid-template-columns:minmax(440px,.8fr) minmax(520px,1.2fr);gap:14px;align-items:start}.webDeveloperCodeV390{background:#fff;border:1px solid #dfe6ef;border-radius:14px;padding:16px;display:grid;gap:12px}.webDeveloperNoticeV390{background:#f1f6fb;border:1px solid #d4e3f1;border-radius:10px;padding:12px}.webDeveloperNoticeV390 p{margin:4px 0 0;color:#68778a;font-size:12px}.webDeveloperCodeV390 label{display:grid;gap:6px}.webDeveloperCodeV390 label>span{font-size:11px;font-weight:900}.webDeveloperCodeV390 textarea{font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;tab-size:2;resize:vertical}.webDeveloperActionsV390{display:flex;justify-content:flex-end;gap:7px}.webDeveloperPreviewV390{position:sticky;top:82px;background:#dfe4ea;border:1px solid #d5dde7;border-radius:14px;overflow:auto;max-height:calc(100vh - 104px)}.webDeveloperPreviewV390>header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:8px;background:#fff;padding:9px 11px;border-bottom:1px solid #dce3ec}.webDeveloperPreviewV390>.webBuilderViewportV390{margin:18px auto}
/* New page templates */
.webTemplatePickerV390{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:6px}.webTemplatePickerV390 label{position:relative}.webTemplatePickerV390 input{position:absolute;opacity:0}.webTemplatePickerV390 span{display:grid;height:100%;min-height:145px;align-content:start;gap:5px;border:1px solid #dbe3ec;border-radius:12px;padding:13px;cursor:pointer}.webTemplatePickerV390 i{font-style:normal;font-size:27px;color:#4d7198}.webTemplatePickerV390 b,.webTemplatePickerV390 small{display:block}.webTemplatePickerV390 small{color:#748195;line-height:1.4}.webTemplatePickerV390 input:checked+span{border-color:#497aad;background:#eef6ff;box-shadow:0 0 0 2px rgba(73,122,173,.14)}
/* Responsive diagnostics */
.webResponsiveResultsV390{display:grid;gap:8px}.webResponsiveResultsV390 article{display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:center;border:1px solid #e0e7ee;border-radius:10px;padding:11px}.webResponsiveResultsV390 article>span{font-size:20px}.webResponsiveResultsV390 article.ok{background:#f2fbf5;border-color:#cdebd6}.webResponsiveResultsV390 article.warn{background:#fff8eb;border-color:#f1ddb5}.webResponsiveResultsV390 b,.webResponsiveResultsV390 small{display:block}.webResponsiveResultsV390 small{color:#718095;margin-top:2px}.webResponsiveAdviceV390,.webResponsivePassV390{margin-top:14px;padding:12px;border-radius:10px}.webResponsiveAdviceV390{background:#fff8eb;color:#715420}.webResponsivePassV390{background:#edf9f1;color:#25653b;font-weight:800}
/* Device simulation: these class-based rules are intentional. Simulated devices must adapt even when the browser window itself is desktop sized. */
.webBuilderViewportV390.tablet .webCardsV380>div,.webBuilderViewportV390.tablet .webGalleryV380>div,.webFullPreviewCanvasV380.tablet .webCardsV380>div,.webFullPreviewCanvasV380.tablet .webGalleryV380>div{grid-template-columns:repeat(2,minmax(0,1fr))}.webBuilderViewportV390.tablet .webSecV380,.webFullPreviewCanvasV380.tablet .webSecV380{padding-left:42px;padding-right:42px}.webBuilderViewportV390.tablet .webHeroV380 h1,.webFullPreviewCanvasV380.tablet .webHeroV380 h1{font-size:clamp(38px,7vw,58px)}
.webBuilderViewportV390.mobile .webPublicHeaderV380>nav,.webBuilderViewportV390.mobile .webHeaderCtaV380,.webBuilderViewportV390.mobile .webHeaderSocialV381,.webBuilderViewportV390.fold .webPublicHeaderV380>nav,.webBuilderViewportV390.fold .webHeaderCtaV380,.webBuilderViewportV390.fold .webHeaderSocialV381,.webFullPreviewCanvasV380.mobile .webPublicHeaderV380>nav,.webFullPreviewCanvasV380.mobile .webHeaderCtaV380,.webFullPreviewCanvasV380.mobile .webHeaderSocialV381,.webFullPreviewCanvasV380.fold .webPublicHeaderV380>nav,.webFullPreviewCanvasV380.fold .webHeaderCtaV380,.webFullPreviewCanvasV380.fold .webHeaderSocialV381{display:none!important}.webBuilderViewportV390.mobile .webMobileNavV381,.webBuilderViewportV390.fold .webMobileNavV381,.webFullPreviewCanvasV380.mobile .webMobileNavV381,.webFullPreviewCanvasV380.fold .webMobileNavV381{display:block}.webBuilderViewportV390.mobile .webMobileNavV390,.webBuilderViewportV390.fold .webMobileNavV390{display:block}.webBuilderViewportV390.mobile .webSecV380,.webBuilderViewportV390.fold .webSecV380,.webFullPreviewCanvasV380.mobile .webSecV380,.webFullPreviewCanvasV380.fold .webSecV380{padding:34px 18px}.webBuilderViewportV390.mobile .webHeroV380,.webBuilderViewportV390.fold .webHeroV380,.webFullPreviewCanvasV380.mobile .webHeroV380,.webFullPreviewCanvasV380.fold .webHeroV380{min-height:360px}.webBuilderViewportV390.mobile .webHeroV380 h1,.webBuilderViewportV390.fold .webHeroV380 h1,.webFullPreviewCanvasV380.mobile .webHeroV380 h1,.webFullPreviewCanvasV380.fold .webHeroV380 h1{font-size:clamp(31px,10vw,43px)}.webBuilderViewportV390.mobile .webImageTextV380,.webBuilderViewportV390.mobile .webFormSectionV380,.webBuilderViewportV390.mobile .webVideoV390,.webBuilderViewportV390.mobile .webMapV390,.webBuilderViewportV390.fold .webImageTextV380,.webBuilderViewportV390.fold .webFormSectionV380,.webBuilderViewportV390.fold .webVideoV390,.webBuilderViewportV390.fold .webMapV390,.webFullPreviewCanvasV380.mobile .webImageTextV380,.webFullPreviewCanvasV380.mobile .webFormSectionV380,.webFullPreviewCanvasV380.mobile .webVideoV390,.webFullPreviewCanvasV380.mobile .webMapV390,.webFullPreviewCanvasV380.fold .webImageTextV380,.webFullPreviewCanvasV380.fold .webFormSectionV380,.webFullPreviewCanvasV380.fold .webVideoV390,.webFullPreviewCanvasV380.fold .webMapV390{grid-template-columns:1fr}.webBuilderViewportV390.mobile .webCardsV380>div,.webBuilderViewportV390.mobile .webGalleryV380>div,.webBuilderViewportV390.mobile .webTestimonialsV390>div,.webBuilderViewportV390.mobile .webPricingV390>div,.webBuilderViewportV390.mobile .webTeamV390>div,.webBuilderViewportV390.fold .webCardsV380>div,.webBuilderViewportV390.fold .webGalleryV380>div,.webBuilderViewportV390.fold .webTestimonialsV390>div,.webBuilderViewportV390.fold .webPricingV390>div,.webBuilderViewportV390.fold .webTeamV390>div,.webFullPreviewCanvasV380.mobile .webCardsV380>div,.webFullPreviewCanvasV380.mobile .webGalleryV380>div,.webFullPreviewCanvasV380.mobile .webTestimonialsV390>div,.webFullPreviewCanvasV380.mobile .webPricingV390>div,.webFullPreviewCanvasV380.mobile .webTeamV390>div,.webFullPreviewCanvasV380.fold .webCardsV380>div,.webFullPreviewCanvasV380.fold .webGalleryV380>div,.webFullPreviewCanvasV380.fold .webTestimonialsV390>div,.webFullPreviewCanvasV380.fold .webPricingV390>div,.webFullPreviewCanvasV380.fold .webTeamV390>div{grid-template-columns:1fr}.webBuilderViewportV390.mobile .webCtaV380,.webBuilderViewportV390.fold .webCtaV380,.webFullPreviewCanvasV380.mobile .webCtaV380,.webFullPreviewCanvasV380.fold .webCtaV380{align-items:flex-start;flex-direction:column}.webBuilderViewportV390.mobile .webCtaV380>button,.webBuilderViewportV390.fold .webCtaV380>button,.webFullPreviewCanvasV380.mobile .webCtaV380>button,.webFullPreviewCanvasV380.fold .webCtaV380>button{width:100%}.webBuilderViewportV390.mobile .webPublicFooterV380,.webBuilderViewportV390.fold .webPublicFooterV380,.webFullPreviewCanvasV380.mobile .webPublicFooterV380,.webFullPreviewCanvasV380.fold .webPublicFooterV380{grid-template-columns:1fr;padding:30px 18px}.webBuilderViewportV390.mobile .webPublicFooterV380>div:nth-child(2),.webBuilderViewportV390.fold .webPublicFooterV380>div:nth-child(2),.webFullPreviewCanvasV380.mobile .webPublicFooterV380>div:nth-child(2),.webFullPreviewCanvasV380.fold .webPublicFooterV380>div:nth-child(2){text-align:left}.webBuilderViewportV390.mobile .webButtonsV380,.webBuilderViewportV390.fold .webButtonsV380,.webFullPreviewCanvasV380.mobile .webButtonsV380,.webFullPreviewCanvasV380.fold .webButtonsV380{display:grid;grid-template-columns:1fr}.webBuilderViewportV390.mobile .webButtonsV380 button,.webBuilderViewportV390.fold .webButtonsV380 button,.webFullPreviewCanvasV380.mobile .webButtonsV380 button,.webFullPreviewCanvasV380.fold .webButtonsV380 button{width:100%}.webBuilderViewportV390.mobile .webHideNarrowV390,.webBuilderViewportV390.fold .webHideNarrowV390,.webFullPreviewCanvasV380.mobile .webHideNarrowV390,.webFullPreviewCanvasV380.fold .webHideNarrowV390{display:none!important}
.webBuilderViewportV390.duo .webCardsV380>div,.webBuilderViewportV390.duo .webGalleryV380>div,.webBuilderViewportV390.duo .webTestimonialsV390>div,.webBuilderViewportV390.duo .webPricingV390>div,.webBuilderViewportV390.duo .webTeamV390>div,.webFullPreviewCanvasV380.duo .webCardsV380>div,.webFullPreviewCanvasV380.duo .webGalleryV380>div,.webFullPreviewCanvasV380.duo .webTestimonialsV390>div,.webFullPreviewCanvasV380.duo .webPricingV390>div,.webFullPreviewCanvasV380.duo .webTeamV390>div{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}.webBuilderViewportV390.duo .webSecV380,.webFullPreviewCanvasV380.duo .webSecV380{padding-left:30px;padding-right:30px}.webBuilderViewportV390.duo .webHeroV380>div,.webFullPreviewCanvasV380.duo .webHeroV380>div{max-width:calc(50% - 28px)}.webBuilderViewportV390.duo .webHeroV380 h1,.webFullPreviewCanvasV380.duo .webHeroV380 h1{font-size:40px}.webBuilderViewportV390.duo .webImageTextV380,.webBuilderViewportV390.duo .webFormSectionV380,.webBuilderViewportV390.duo .webVideoV390,.webBuilderViewportV390.duo .webMapV390,.webFullPreviewCanvasV380.duo .webImageTextV380,.webFullPreviewCanvasV380.duo .webFormSectionV380,.webFullPreviewCanvasV380.duo .webVideoV390,.webFullPreviewCanvasV380.duo .webMapV390{column-gap:46px}.webBuilderViewportV390.duo .webCtaV380,.webFullPreviewCanvasV380.duo .webCtaV380{gap:50px}
@media(max-width:760px){.webHideNarrowV390{display:none!important}.webVideoV390,.webMapV390{grid-template-columns:1fr}.webTestimonialsV390>div,.webPricingV390>div,.webTeamV390>div{grid-template-columns:1fr}.webBuilderTopbarV390{position:relative;grid-template-columns:1fr}.webBuilderToolbarV390{justify-content:flex-start}.webBuilderShellV390{grid-template-columns:1fr}.webLibraryV390,.webInspectorV390{position:relative;top:auto;max-height:none}.webBuilderCanvasV390{padding:8px}.webDeveloperLayoutV390{grid-template-columns:1fr}.webDeveloperPreviewV390{position:relative;top:auto;max-height:none}}
@media(max-width:1180px){.webBuilderTopbarV390{grid-template-columns:1fr}.webBuilderToolbarV390{justify-content:flex-start}.webBuilderShellV390{grid-template-columns:220px minmax(460px,1fr)}.webInspectorV390{grid-column:1/-1;position:relative;top:auto;max-height:none}.webInspectorScrollV390{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.webInspectorScrollV390>section{border-bottom:0;border-right:1px solid #e6ebf1;padding-right:14px}.webInspectorScrollV390>section:last-child{border-right:0}}
@media(max-width:900px){.webBuilderShellV390{grid-template-columns:1fr}.webLibraryV390{position:relative;top:auto;max-height:none}.webSectionLibraryV390{grid-template-columns:repeat(2,1fr)}.webInspectorScrollV390{grid-template-columns:1fr}.webInspectorScrollV390>section{border-right:0;border-bottom:1px solid #e6ebf1}.webTemplatePickerV390{grid-template-columns:repeat(2,1fr)}}


/* v0.39.1 — true viewport Website Builder: canvas first, temporary drawers, exact device widths. */
.webEditorV391{min-width:0}.webBuilderTopbarV391{grid-template-columns:minmax(190px,.7fr) auto minmax(520px,1.6fr)}
.webAddSectionPrimaryV391{background:#eaf3ff!important;border-color:#b7d0ee!important;color:#245f9f!important;font-weight:900!important}
.webBuilderShellV391{position:relative;min-width:0}.webBuilderStageV391{min-width:0}.webBuilderCanvasV391{min-height:760px;width:100%;padding:20px;box-sizing:border-box;overflow:auto;justify-content:center}
.webViewportHostV391{position:relative;flex:0 0 auto;min-width:0}.webViewportHostV391>.webBuilderViewportV390{position:absolute;left:0;top:0;width:auto;max-width:none!important;transition:none!important}
.webBuilderViewportV390.desktop{width:1440px}.webBuilderViewportV390.tablet{width:834px}.webBuilderViewportV390.mobile{width:390px}.webBuilderViewportV390.fold{width:344px}.webBuilderViewportV390.duo{width:720px}
.webBuilderViewportV390 .webPublicSiteV380,.webFullPreviewCanvasV380>.webPublicSiteV380{overflow-x:hidden}.webBuilderViewportV390 .webPublicSiteV380 *,.webFullPreviewCanvasV380>.webPublicSiteV380 *{box-sizing:border-box;min-width:0;max-width:100%}.webBuilderViewportV390 .webPublicSiteV380 h1,.webBuilderViewportV390 .webPublicSiteV380 h2,.webBuilderViewportV390 .webPublicSiteV380 h3,.webBuilderViewportV390 .webPublicSiteV380 p,.webFullPreviewCanvasV380>.webPublicSiteV380 h1,.webFullPreviewCanvasV380>.webPublicSiteV380 h2,.webFullPreviewCanvasV380>.webPublicSiteV380 h3,.webFullPreviewCanvasV380>.webPublicSiteV380 p{overflow-wrap:anywhere}
.webDrawerV391{position:fixed!important;z-index:12120!important;top:72px!important;bottom:16px!important;width:min(370px,calc(100vw - 30px))!important;max-height:none!important;margin:0!important;box-shadow:0 24px 70px rgba(11,24,39,.28)!important;border-radius:16px!important;overflow:auto!important;animation:webDrawerInV391 .16s ease-out}.webDrawerLeftV391{left:16px!important}.webDrawerRightV391{right:16px!important}.webDrawerV391>header{top:0!important}.webDrawerV391>header>button{border:0;background:#eef2f6;border-radius:8px;width:32px;height:32px;font-size:16px}.webDrawerBackdropV391{position:fixed;inset:0;z-index:12100;border:0!important;background:rgba(12,22,34,.22)!important;padding:0!important}
@keyframes webDrawerInV391{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
/* Banner must always be visible even when no image has been selected. */
.webHeroV380{background:linear-gradient(105deg,color-mix(in srgb,var(--web-primary) 95%,black),color-mix(in srgb,var(--web-primary) 70%,transparent)),var(--hero-image,none)}
.webEditableSiteV390 .webHeroV380:not([style*="--hero-image:url"]){background:linear-gradient(125deg,color-mix(in srgb,var(--web-primary) 96%,black),color-mix(in srgb,var(--web-accent) 68%,var(--web-primary)))}
/* Exact simulated widths: viewport units belong to the ERP browser, so device-specific typography is explicit. */
.webBuilderViewportV390.tablet .webPublicHeaderV380,.webFullPreviewCanvasV380.tablet .webPublicHeaderV380{padding:16px 34px;gap:14px}.webBuilderViewportV390.tablet .webHeaderSocialV381,.webFullPreviewCanvasV380.tablet .webHeaderSocialV381{display:none}.webBuilderViewportV390.tablet .webSecV380,.webFullPreviewCanvasV380.tablet .webSecV380{padding:56px 42px}.webBuilderViewportV390.tablet .webSecV380 h2,.webFullPreviewCanvasV380.tablet .webSecV380 h2{font-size:38px}.webBuilderViewportV390.tablet .webHeroV380 h1,.webFullPreviewCanvasV380.tablet .webHeroV380 h1{font-size:52px}.webBuilderViewportV390.tablet .webHeroV380 p,.webFullPreviewCanvasV380.tablet .webHeroV380 p{font-size:18px}
.webBuilderViewportV390.mobile .webSecV380,.webFullPreviewCanvasV380.mobile .webSecV380{padding:38px 20px}.webBuilderViewportV390.fold .webSecV380,.webFullPreviewCanvasV380.fold .webSecV380{padding:34px 16px}.webBuilderViewportV390.mobile .webSecV380 h2,.webFullPreviewCanvasV380.mobile .webSecV380 h2{font-size:30px}.webBuilderViewportV390.fold .webSecV380 h2,.webFullPreviewCanvasV380.fold .webSecV380 h2{font-size:27px}.webBuilderViewportV390.mobile .webHeroV380 h1,.webFullPreviewCanvasV380.mobile .webHeroV380 h1{font-size:37px}.webBuilderViewportV390.fold .webHeroV380 h1,.webFullPreviewCanvasV380.fold .webHeroV380 h1{font-size:33px}.webBuilderViewportV390.mobile .webHeroV380 p,.webBuilderViewportV390.fold .webHeroV380 p,.webFullPreviewCanvasV380.mobile .webHeroV380 p,.webFullPreviewCanvasV380.fold .webHeroV380 p{font-size:16px}.webBuilderViewportV390.mobile .webPublicHeaderV380,.webFullPreviewCanvasV380.mobile .webPublicHeaderV380{padding:14px 18px}.webBuilderViewportV390.fold .webPublicHeaderV380,.webFullPreviewCanvasV380.fold .webPublicHeaderV380{padding:13px 15px}.webBuilderViewportV390.mobile .webBrandV380 b,.webBuilderViewportV390.fold .webBrandV380 b,.webFullPreviewCanvasV380.mobile .webBrandV380 b,.webFullPreviewCanvasV380.fold .webBrandV380 b{font-size:15px}.webBuilderViewportV390.mobile .webBrandV380 img,.webBuilderViewportV390.fold .webBrandV380 img,.webFullPreviewCanvasV380.mobile .webBrandV380 img,.webFullPreviewCanvasV380.fold .webBrandV380 img{height:31px;max-width:105px}
.webBuilderViewportV390.duo .webSecV380,.webFullPreviewCanvasV380.duo .webSecV380{padding:48px 32px}.webBuilderViewportV390.duo .webSecV380 h2,.webFullPreviewCanvasV380.duo .webSecV380 h2{font-size:34px}.webBuilderViewportV390.duo .webHeroV380 h1,.webFullPreviewCanvasV380.duo .webHeroV380 h1{font-size:42px}.webBuilderViewportV390.duo .webPublicHeaderV380,.webFullPreviewCanvasV380.duo .webPublicHeaderV380{padding:15px 28px}.webBuilderViewportV390.duo .webHeaderSocialV381,.webFullPreviewCanvasV380.duo .webHeaderSocialV381{display:none}
/* Full website preview uses the same exact viewport widths instead of shrinking to the editor column. */
.webFullPreviewCanvasV380.desktop>.webPublicSiteV380{width:1440px!important;min-width:1440px!important;max-width:1440px!important}.webFullPreviewCanvasV380.tablet>.webPublicSiteV380{width:834px!important;min-width:834px!important;max-width:834px!important}.webFullPreviewCanvasV380.mobile>.webPublicSiteV380{width:390px!important;min-width:390px!important;max-width:390px!important}.webFullPreviewCanvasV380.fold>.webPublicSiteV380{width:344px!important;min-width:344px!important;max-width:344px!important}.webFullPreviewCanvasV380.duo>.webPublicSiteV380{width:720px!important;min-width:720px!important;max-width:720px!important}
@media(max-width:1180px){.webBuilderTopbarV391{grid-template-columns:1fr}.webBuilderCanvasV391{padding:14px}.webDrawerV391{top:64px!important}}
@media(max-width:760px){.webBuilderCanvasV391{padding:8px;min-height:620px}.webDrawerV391{top:56px!important;left:8px!important;right:8px!important;width:auto!important;bottom:8px!important}.webBuilderToolbarV390 .webDeviceToggleV380{max-width:100%;overflow:auto;flex-wrap:nowrap}}

/* v0.39.2 — true isolated browser viewport for Website Preview / Developer Mode */
.webTrueViewportCanvasV392{display:flex;justify-content:center;align-items:flex-start;overflow:auto;min-width:0}.webTrueViewportHostV392{position:relative;flex:0 0 auto;overflow:hidden;background:#fff;box-shadow:0 18px 45px rgba(19,32,48,.16);border-radius:2px}.webTrueViewportFrameV392{display:block;border:0;background:#fff;transform-origin:top left}.webDeveloperPreviewV392>header>div:first-child{display:grid;gap:2px}.webDeveloperPreviewV392>header small{font-size:10px;color:#758196;font-weight:600}.webDeveloperCanvasV392{padding:18px;min-height:720px}.webPreviewWorkspaceV392 .webFullPreviewCanvasV380{padding:18px;align-items:flex-start}.webPreviewWorkspaceV392 .webTrueViewportHostV392{margin:0 auto}.webDeveloperAppendV390{margin:0!important;padding:0!important}.webDeveloperAppendV390>.wh-home,.webDeveloperAppendV390>.wh-services-page{width:100%}

/* v0.40.0 — mixed Visual Builder + Developer Components */
.webDeveloperComponentV400{position:relative;width:100%;max-width:none!important;min-width:0;overflow:hidden;background:var(--dev-background,var(--web-bg));color:var(--dev-text,var(--web-text))}.webDeveloperComponentV400>*{max-width:100%;box-sizing:border-box}.webDevOwnerBadgeV400{position:absolute;z-index:15;right:10px;top:10px;border:1px solid rgba(255,255,255,.65)!important;background:rgba(20,31,45,.82)!important;color:#fff!important;border-radius:999px!important;padding:6px 9px!important;font-size:10px!important;font-weight:900!important;backdrop-filter:blur(6px)}
.webDevOwnerPanelV400{display:grid;gap:8px}.webDevOwnerPanelV400>.webOpenDeveloperCodeV400{width:100%;margin-top:6px;background:#17263b;color:#fff;border-color:#17263b;font-weight:900}.webDevColourGridV400{display:grid;grid-template-columns:1fr 1fr;gap:7px}.webDevColourGridV400 label{display:grid;gap:4px;font-size:10px;font-weight:800;color:#5d6d7f}.webDevColourGridV400 input[type=color]{width:100%;height:38px;padding:3px;border:1px solid #d7e0e9;border-radius:8px;background:#fff}
.webDeveloperLayoutV400 .webDeveloperCodeV390{min-width:0}.webLegacyCodeNoticeV400{display:flex;gap:16px;align-items:center;justify-content:space-between;margin:0 0 14px;padding:14px;border:1px solid #e2c66a;background:#fff8d9;border-radius:12px}.webLegacyCodeNoticeV400 b,.webLegacyCodeNoticeV400 p{display:block;margin:0}.webLegacyCodeNoticeV400 p{margin-top:4px;color:#6d6443;font-size:11px;line-height:1.45}.webLegacyCodeNoticeV400 button{flex:0 0 auto}.webDevComponentBarV400{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;padding:8px;background:#f3f6f9;border:1px solid #dde5ed;border-radius:11px}.webDevComponentBarV400>div{display:flex;gap:5px;min-width:0;overflow:auto}.webDevComponentBarV400>div>button{white-space:nowrap}.webDevComponentBarV400>div>button.active{background:#18304d;color:#fff;border-color:#18304d}.webDevComponentBarV400>div>span{font-size:11px;color:#758196;padding:7px}.webDevTokenHelpV400{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-bottom:12px;padding:11px;border:1px solid #d9e5f2;background:#f5f9ff;border-radius:10px}.webDevTokenHelpV400>b{width:100%;font-size:11px;color:#345b83}.webDevTokenHelpV400 code{font-size:10px;background:#fff;border:1px solid #d8e3ef;border-radius:6px;padding:3px 6px}.webDevTokenHelpV400 small{width:100%;color:#6d7a8a;margin-top:3px}.webDeveloperCodeV390>label>input{width:100%;box-sizing:border-box}.webDevEmptyV400{display:grid;place-items:center;text-align:center;gap:7px;min-height:260px;border:2px dashed #ced9e4;border-radius:14px;color:#6d7b8d}.webDevEmptyV400 b{font-size:17px;color:#2d4157}.webDevEmptyV400 p{margin:0;max-width:420px;font-size:12px}
@media(max-width:760px){.webLegacyCodeNoticeV400,.webDevComponentBarV400{align-items:stretch;flex-direction:column}.webDevColourGridV400{grid-template-columns:1fr}}