/* v0.38.1 — visual website builder + responsive/foldable preview */
.webPublicSiteV380{
  container-type:inline-size;
  width:100%;
  min-width:0;
  overflow-x:hidden;
  overflow-wrap:anywhere;
}
.webPublicSiteV380 *{box-sizing:border-box;min-width:0}
.webPublicSiteV380 img{max-width:100%}
.webPublicHeaderV380{
  gap:12px;
  flex-wrap:wrap;
  padding-left:max(clamp(18px,4vw,70px),env(safe-area-inset-left));
  padding-right:max(clamp(18px,4vw,70px),env(safe-area-inset-right));
}
.webPublicHeaderV380 nav{flex-wrap:wrap;justify-content:center}
.webBrandV380 b{overflow-wrap:normal;word-break:normal}
.webHeaderSocialV381,.webFooterSocialV381{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.webSocialLinkV381{display:inline-flex;align-items:center;text-decoration:none;color:inherit;border:1px solid currentColor;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800;opacity:.78}
.webFooterSocialV381{margin-top:10px}.webFooterSocialV381 .webSocialLinkV381{color:#fff;border-color:rgba(255,255,255,.28)}
.webMobileNavV381{display:none;position:relative;margin-left:auto}
.webMobileNavV381>summary{list-style:none;cursor:pointer;border:1px solid color-mix(in srgb,var(--web-text) 18%,transparent);border-radius:9px;padding:8px 11px;font-weight:800;background:#fff;color:var(--web-text)}
.webMobileNavV381>summary::-webkit-details-marker{display:none}
.webMobileNavV381>div{position:absolute;right:0;top:calc(100% + 7px);z-index:30;width:min(270px,calc(100vw - 36px));display:grid;gap:4px;background:#fff;border:1px solid #d9e1eb;border-radius:12px;padding:8px;box-shadow:0 14px 35px rgba(20,36,55,.18)}
.webMobileNavV381>div button{width:100%;text-align:left;border:0;background:transparent;color:var(--web-text);padding:10px 11px;border-radius:8px}.webMobileNavV381>div button:hover{background:#f2f5f8}
.webSecV380{padding-left:max(clamp(18px,7vw,110px),env(safe-area-inset-left));padding-right:max(clamp(18px,7vw,110px),env(safe-area-inset-right))}
.webHeroV380{min-height:clamp(360px,62vh,620px)}
.webHeroV380>div{width:min(760px,100%)}
.webHeroV380 h1{font-size:clamp(32px,7cqw,72px);overflow-wrap:break-word}
.webHeroV380 p{font-size:clamp(15px,2.2cqw,21px)}
.webButtonsV380{flex-wrap:wrap}.webButtonsV380 button{max-width:100%;white-space:normal}
.webImageTextV380{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,55px)}
.webCardsV380>div{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}
.webGalleryV380>div{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}
.webCtaV380{flex-wrap:wrap}.webCtaV380>div{flex:1 1 420px}.webCtaV380>button{flex:0 0 auto;white-space:normal}
.webFormSectionV380{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(25px,5vw,55px)}
.webPublicFooterV380{padding-left:max(clamp(18px,7vw,110px),env(safe-area-inset-left));padding-right:max(clamp(18px,7vw,110px),env(safe-area-inset-right))}

/* Visual page builder */
.webVisualBuilderV381{padding:0;overflow:hidden}.webVisualBuilderV381>.webSectionHeadV380{padding:18px 18px 14px;border-bottom:1px solid #e4e9ef;margin:0}.webVisualSectionListV381{display:grid;gap:14px;padding:16px;background:#f4f6f9}.webVisualSectionV381{background:#fff;border:1px solid #dce4ed;border-radius:14px;overflow:hidden;box-shadow:0 4px 14px rgba(24,40,60,.04)}
.webVisualSectionTopV381{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;border-bottom:1px solid #e5eaf0;background:#fff}.webVisualSectionTopV381>div:first-child{display:flex;align-items:center;gap:10px}.webVisualSectionTopV381>div:first-child>span{display:grid;place-items:center;width:33px;height:33px;border-radius:9px;background:#eef4fb;color:#426e9f;font-weight:900}.webVisualSectionTopV381 b,.webVisualSectionTopV381 small{display:block}.webVisualSectionTopV381 small{color:#748195;margin-top:2px;max-width:520px}
.webSectionPreviewV381{position:relative;display:block;width:100%;border:0!important;border-radius:0!important;background:#edf1f5!important;padding:0!important;text-align:initial;overflow:hidden;cursor:pointer}.webSectionPreviewV381>div{pointer-events:none;transform-origin:top left;background:#fff}.webSectionPreviewV381 .webPublicSiteV380{min-height:0}.webSectionPreviewV381 .webSecV380{padding:32px 38px}.webSectionPreviewV381 .webHeroV380{min-height:270px}.webSectionPreviewV381 .webHeroV380 h1{font-size:38px}.webSectionPreviewV381 .webPublicFormV380{pointer-events:none}.webEditSectionHintV381{position:absolute;right:12px;bottom:12px;background:rgba(20,32,46,.88);color:#fff;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;opacity:0;transform:translateY(4px);transition:.15s}.webSectionPreviewV381:hover .webEditSectionHintV381{opacity:1;transform:none}.webSectionPreviewV381:hover{outline:2px solid #6a94c5;outline-offset:-2px}.webAddSectionBottomV381{width:calc(100% - 32px);margin:0 16px 16px;border:1px dashed #91a6bd;background:#f8fbff;color:#426e9f;border-radius:11px;padding:12px;font-weight:800}

/* Friendlier section chooser */
.websiteModalV380{width:min(850px,calc(100vw - 34px))}.websiteModalV380>header{align-items:flex-start}.websiteModalV380>header p{margin:4px 0 0;color:#738095;font-size:12px}.webModalIntroV381{max-width:610px}.webSectionPickerV381{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.webSectionPickerV381 button{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:7px;min-height:170px;text-align:left;padding:13px}.webSectionPickerV381 button>b{font-size:14px}.webSectionPickerV381 button>small{color:#6e7a8c;line-height:1.35}.webSectionSketchV381{width:100%;height:68px!important;border-radius:9px;background:#e8eef6;display:grid!important;place-items:center!important;color:#456c98!important;font-size:24px!important}.webSectionSketchV381.hero{background:linear-gradient(135deg,#526b8c,#263d5a);color:#fff!important}.webSectionSketchV381.imageText{background:linear-gradient(90deg,#dae4ef 0 48%,#f5f7fa 48%)}.webSectionSketchV381.cards{background:linear-gradient(90deg,#eef2f7 0 31%,#fff 31% 34%,#eef2f7 34% 65%,#fff 65% 68%,#eef2f7 68%)}.webSectionSketchV381.gallery{background:repeating-linear-gradient(90deg,#d8e4ef 0 30%,#fff 30% 34%)}.webSectionSketchV381.cta{background:#334c69;color:#fff!important}.webSectionSketchV381.form{background:linear-gradient(#fff 0 22%,#e6edf5 22% 37%,#fff 37% 45%,#e6edf5 45% 60%,#fff 60%)}
.webEditorExplainV381{display:grid;gap:3px;padding:12px 13px;margin-bottom:15px;background:#f2f7fc;border:1px solid #d7e5f3;border-radius:10px}.webEditorExplainV381 b{color:#315d88}.webEditorExplainV381 span{color:#66758a;font-size:12px;line-height:1.45}.webFieldGroupTitleV381{margin:17px 0 9px;border-top:1px solid #e2e8ef;padding-top:14px}.webResponsiveInfoV381{margin-top:18px;border-top:1px solid #e2e8ef;padding-top:12px;color:#66758a}.webResponsiveInfoV381 summary{cursor:pointer;font-weight:800;color:#476985}.webResponsiveInfoV381 p{font-size:12px;line-height:1.5}.webModalScrollV380 .field>small{display:block;color:#758196;margin-top:5px;font-size:11px}.webUrlFieldV381{display:flex;align-items:center;border:1px solid #ccd5df;border-radius:8px;overflow:hidden;background:#fff}.webUrlFieldV381>span{padding:0 0 0 10px;color:#778397}.webUrlFieldV381 input{border:0!important;box-shadow:none!important}
.webTemplatePickerV381{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:6px}.webTemplatePickerV381 label{position:relative}.webTemplatePickerV381 input{position:absolute;opacity:0}.webTemplatePickerV381 span{display:block;height:100%;border:1px solid #dbe3ec;border-radius:11px;padding:13px;cursor:pointer}.webTemplatePickerV381 b,.webTemplatePickerV381 small{display:block}.webTemplatePickerV381 small{color:#748195;margin-top:4px;line-height:1.4}.webTemplatePickerV381 input:checked+span{border-color:#497aad;background:#eef6ff;box-shadow:0 0 0 2px rgba(73,122,173,.14)}

/* Social settings */
.webSocialSettingsV381{grid-column:1/-1}.webSocialRowV381{display:grid;grid-template-columns:160px minmax(180px,1fr) auto auto 38px;gap:8px;align-items:center;padding:8px 0;border-top:1px solid #e6ebf1}.webSocialRowV381:first-child{border-top:0}.webSocialRowV381 label{white-space:nowrap;font-size:12px}.webSocialRowV381 button{height:38px}

/* Device simulator sizes. Preview width is deliberate; content inside remains fluid. */
.webPreviewCanvasV380,.webFullPreviewCanvasV380{position:relative}
.webPreviewCanvasV380>.webPublicSiteV380,.webFullPreviewCanvasV380>.webPublicSiteV380{transition:width .18s ease;max-width:none}
.webPreviewCanvasV380.desktop>.webPublicSiteV380,.webFullPreviewCanvasV380.desktop>.webPublicSiteV380{width:100%}
.webPreviewCanvasV380.tablet>.webPublicSiteV380,.webFullPreviewCanvasV380.tablet>.webPublicSiteV380{width:820px;max-width:100%}
.webPreviewCanvasV380.mobile>.webPublicSiteV380,.webFullPreviewCanvasV380.mobile>.webPublicSiteV380{width:390px;max-width:100%}
.webPreviewCanvasV380.fold>.webPublicSiteV380,.webFullPreviewCanvasV380.fold>.webPublicSiteV380{width:344px;max-width:100%}
.webPreviewCanvasV380.duo>.webPublicSiteV380,.webFullPreviewCanvasV380.duo>.webPublicSiteV380{width:720px;max-width:100%}
.webFullPreviewCanvasV380.duo{padding-left:28px;padding-right:28px}.webDuoHingeV381{position:absolute;z-index:20;top:22px;bottom:22px;left:50%;width:18px;transform:translateX(-50%);background:rgba(34,42,52,.28);border-left:1px solid rgba(255,255,255,.45);border-right:1px solid rgba(0,0,0,.12);pointer-events:none;border-radius:4px}.webFullPreviewCanvasV380.duo>.webPublicSiteV380{box-shadow:0 0 0 1px rgba(0,0,0,.08),0 15px 40px rgba(0,0,0,.08)}

/* Container-driven site adaptation; this also applies when embedded inside previews. */
@container (max-width: 760px){
  .webPublicHeaderV380>nav,.webPublicHeaderV380>.webHeaderCtaV380,.webHeaderSocialV381{display:none!important}.webMobileNavV381{display:block}.webPublicHeaderV380{padding-top:12px;padding-bottom:12px}.webBrandV380{font-size:15px;max-width:calc(100% - 95px)}.webBrandV380 img{max-width:110px;height:32px}.webSecV380{padding-top:clamp(30px,9cqw,55px);padding-bottom:clamp(30px,9cqw,55px)}.webHeroV380{min-height:390px}.webHeroV380 h1{font-size:clamp(30px,10cqw,48px)}.webImageTextV380,.webFormSectionV380{grid-template-columns:1fr}.webImageTextV380.imageRight .webImageV380{order:0}.webCardsV380>div{grid-template-columns:1fr}.webGalleryV380>div{grid-template-columns:repeat(2,minmax(0,1fr))}.webCtaV380{align-items:flex-start;flex-direction:column}.webCtaV380>button{width:100%}.webPublicFooterV380{grid-template-columns:1fr}.webPublicFooterV380>div:nth-child(2){text-align:left}.webButtonsV380 button{flex:1 1 150px}
}
@container (max-width: 430px){
  .webPublicHeaderV380{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.webSecV380{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.webHeroV380{min-height:350px}.webHeroV380 h1{font-size:clamp(29px,11cqw,42px)}.webHeroV380 p{font-size:15px}.webButtonsV380{display:grid;grid-template-columns:1fr}.webButtonsV380 button{width:100%}.webGalleryV380>div{grid-template-columns:1fr}.webPublicFormV380{padding:16px}.webPublicFooterV380{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
}

/* Progressive enhancement for browsers that expose fold/dual-screen segments. */
@media (horizontal-viewport-segments: 2){
  .webPublicHeaderV380,.webPublicFooterV380,.webSecV380{padding-left:max(18px,env(viewport-segment-left 0 0));padding-right:max(18px,calc(100vw - env(viewport-segment-right 1 0)))}
  .webHeroV380>div,.webTextV380>div{max-width:min(760px,env(viewport-segment-width 0 0))}
}
@media (spanning: single-fold-vertical){
  .webImageTextV380,.webFormSectionV380{gap:max(28px,env(fold-width,28px))}
}

@media(max-width:900px){.webSectionPickerV381{grid-template-columns:repeat(2,1fr)}.webSocialRowV381{grid-template-columns:130px 1fr auto auto 38px}.webVisualSectionTopV381{align-items:flex-start;flex-direction:column}.webTemplatePickerV381{grid-template-columns:1fr}}
@media(max-width:620px){.webSectionPickerV381{grid-template-columns:1fr}.webSocialRowV381{grid-template-columns:1fr 1fr}.webSocialRowV381>input{grid-column:1/-1}.webSocialRowV381>button{justify-self:end}.webDeviceToggleV380{overflow:auto;flex-wrap:nowrap;max-width:100%;padding-bottom:3px}.webDeviceToggleV380 button{white-space:nowrap}.webSectionPreviewV381 .webSecV380{padding:25px 20px}.webSectionPreviewV381 .webHeroV380 h1{font-size:31px}}
@container (max-width:760px){
  .webImageTextV380.mobileTextFirst .webImageV380{order:2}
  .webImageTextV380.mobileTextFirst .webImageTextCopyV381{order:1}
}