/* This file is auto-generated from a `scss` file with the same name */

.videobgwrapper{overflow:hidden;position:absolute;z-index:0;width:100%;height:100%;top:0;left:0;pointer-events:none;border-radius:inherit}.videobgframe{position:absolute;width:101%;height:100%;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);object-fit:fill}#dm video.videobgframe{margin:0}@media (max-width:767px){.dmRoot .dmPhotoGallery.newPhotoGallery:not(.photo-gallery-done){min-height:80vh}}@media (min-width:1025px){.dmRoot .dmPhotoGallery.newPhotoGallery:not(.photo-gallery-done){min-height:45vh}}@media (min-width:768px) and (max-width:1024px){.responsiveTablet .dmPhotoGallery.newPhotoGallery:not(.photo-gallery-done){min-height:45vh}}#dm [data-show-on-page-only]{display:none!important}#dmRoot div.stickyHeaderFix div.site_content{margin-top:0!important}#dmRoot div.stickyHeaderFix div.hamburger-header-container{position:relative}
    



    :root {
  --color_1: rgba(0,0,0,1);
  --color_2: rgba(119,119,119,1);
  --color_3: rgba(255, 255, 255, 1);
  --color_4: rgba(244, 244, 244, 1);
}

img[width][height] {
  height: auto;
}

  body[data-page-alias="thank-you"] #dm [data-show-on-page-only="thank-you"] {
    display: block !important;
  }




    


    




    *#dm *.dmBody a.span.textonly
{
	color:rgb(255,255,255) !important;
}
*#dm *.dmBody div.dmform-error
{
	font-style:normal !important;
}
*#dm *.dmBody div.dmforminput textarea
{
	font-style:italic !important;
}
*#dm *.dmBody div.dmforminput *.fileUploadLink
{
	font-style:italic !important;
}
*#dm *.dmBody div.checkboxwrapper span
{
	font-style:italic !important;
}
*#dm *.dmBody div.radiowrapper span
{
	font-style:italic !important;
}
*#dm *.dmBody nav.u_1144820115
{
	color:black !important;
}
*.dmFooterContainer
{
	display:none !important;
}
*#dm *.dmBody div.u_1243667655
{
	background-repeat:no-repeat !important;
	background-image:url(/Resources/images/LP-bg-2880w.jpg) !important;
	background-size:cover !important;
}
*#dm *.dmBody *.u_1243667655:before
{
	opacity:0.5 !important;
	background-color:rgb(255,255,255) !important;
}
*#dm *.dmBody *.u_1243667655.before
{
	opacity:0.5 !important;
	background-color:rgb(255,255,255) !important;
}
*#dm *.dmBody *.u_1243667655>.bgExtraLayerOverlay
{
	opacity:0.5 !important;
	background-color:rgb(255,255,255) !important;
}
*#dm *.dmBody div.u_1243667655:before
{
	background-color:rgba(17,17,17,1) !important;
	opacity:0.7 !important;
}
*#dm *.dmBody div.u_1243667655.before
{
	background-color:rgba(17,17,17,1) !important;
	opacity:0.7 !important;
}
*#dm *.dmBody div.u_1243667655>.bgExtraLayerOverlay
{
	background-color:rgba(17,17,17,1) !important;
	opacity:0.7 !important;
}



    *#dm *.d-page-1716942098 DIV.dmInner
{
	background-repeat:no-repeat !important;
	background-size:cover !important;
	background-attachment:fixed !important;
	background-position:50% 50% !important;
}
*#dm *.d-page-1716942098 DIV#dmSlideRightNavRight
{
	background-repeat:no-repeat !important;
	background-image:none !important;
	background-size:cover !important;
	background-attachment:fixed !important;
	background-position:50% 50% !important;
}
*.dmTabletBody .hamburger-header
{
	display:none !important;
}
*.dmTabletBody .layout-drawer-hamburger
{
	display:none !important;
}
*.dmTabletBody .hamburger-drawer
{
	display:none !important;
}
*.dmTabletBody [dmtemplateid*="amburger"] #site_content .site_content
{
	margin-top:0 !important;
}
body.dmDesktopBody .d-header-wrapper
{
	display:none !important;
}
body.dmDesktopBody .popupNavBox
{
	display:none !important;
}
*#dm *.dmBody div.u_1243667655
{
	margin-left:0px !important;
	padding-top:350px !important;
	padding-left:40px !important;
	padding-bottom:350px !important;
	margin-top:0px !important;
	margin-bottom:0px !important;
	padding-right:40px !important;
	margin-right:0px !important;
	float:none !important;
	top:0 !important;
	left:0 !important;
	width:auto !important;
	position:relative !important;
	height:auto !important;
	max-width:100% !important;
	min-width:0 !important;
	text-align:center !important;
	min-height:auto !important;
	background-position:50% 50% !important;
}



    .font-size-80, .size-80, .size-80 > font { font-size: 80px !important; }.font-size-24, .size-24, .size-24 > font { font-size: 24px !important; }




  .dmDesktopBody:not(.editGrid) [data-anim-desktop]:not([data-anim-desktop='none']), .dmDesktopBody:not(.editGrid) [data-anim-extended] {
    visibility: hidden;
  }

  .dmDesktopBody:not(.editGrid) .dmNewParagraph[data-anim-desktop]:not([data-anim-desktop='none']), .dmDesktopBody:not(.editGrid) .dmNewParagraph[data-anim-extended] {
    visibility: hidden !important;
  }

  #dmRoot:not(.editGrid) .flex-element [data-anim-extended] {
    visibility: hidden;
  }



    @font-face {
  font-family: "Figtree Fallback";
  src: local('Arial');
  ascent-override: 93.6018%;
  descent-override: 24.632%;
  size-adjust: 101.4938%;
  line-gap-override: 0%;
 }@font-face {
  font-family: "Roboto Fallback";
  src: local('Arial');
  ascent-override: 92.6709%;
  descent-override: 24.3871%;
  size-adjust: 100.1106%;
  line-gap-override: 0%;
 }@font-face {
  font-family: "Montserrat Fallback";
  src: local('Arial');
  ascent-override: 84.9466%;
  descent-override: 22.0264%;
  size-adjust: 113.954%;
  line-gap-override: 0%;
 }@font-face {
  font-family: "Poppins Fallback";
  src: local('Arial');
  ascent-override: 92.326%;
  descent-override: 30.7753%;
  line-gap-override: 8.793%;
  size-adjust: 113.7274%;
}

/* ==== Thank-you redesign: hero + "Book your demo" section ====
   Must live at the end of this file: earlier rules set padding/min-height
   with !important on the same selectors and this file loads last. */

/* Hero fills the viewport with the content vertically centred */
#dm .dmBody div.u_1243667655{
  min-height:100vh !important;
  box-sizing:border-box !important;
  padding:120px 40px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative !important;
}

/* Overlay matches the homepage hero exactly (#111 at 0.7) */
#dm .dmBody div.u_1243667655:before,
#dm .dmBody div.u_1243667655.before,
#dm .dmBody div.u_1243667655>.bgExtraLayerOverlay{
  background-color:rgba(17,17,17,1) !important;
  opacity:0.7 !important;
}

/* ===== Top logo row: no bar, Swell logo layered over the hero =====
   Same treatment as the homepage: the row (u_1760638867) is lifted out
   of the flow and laid over the hero, Swell logo top-left. */
#dm .dmBody div.u_1760638867{position:absolute!important;top:0!important;left:0!important;width:100%!important;z-index:10!important;background:none!important;background-color:transparent!important;pointer-events:none!important}
#dm .dmBody div.u_1760638867 a{pointer-events:auto!important}
#dm .dmBody div.u_1760638867 .dmRespColsWrapper,#dm .dmBody div.u_1760638867 .dmRespCol{padding:0!important;margin:0!important;width:100%!important;max-width:none!important;float:none!important}
#dm .dmBody div.u_1317444182{width:auto!important;max-width:95px!important;min-width:0!important;margin:18px 0 0 24px!important;float:none!important}
#dm .dmBody div.u_1317444182 img{width:100%!important;height:auto!important}

/* The Wave logo above the headline, sized as on the homepage hero */
#dm .dmBody .ty-hero-logo{
  width:100%;
  max-width:129px;
  margin:0 auto 40px;
}
#dm .dmBody .ty-hero-logo img{
  width:100%;
  height:auto;
  display:block;
}

#dm .dmBody .ty-hero-title{
  font-size:44px !important;
  line-height:1.25 !important;
  margin:0 !important;
}

/* Styled like the homepage subtitle: Figtree 400, 22px, no letter-spacing */
#dm .dmBody .ty-hero-sub{
  font-size:22px !important;
  line-height:1.5 !important;
  margin:20px 0 0 !important;
}
#dm .dmBody .ty-hero-sub span{
  font-family:Figtree,'Figtree Fallback' !important;
  font-weight:400 !important;
}

/* Scroll-nudge arrow: slow vertical bob, hover handled by the colour swap */
@keyframes ty-arrow-bob{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(8px);}
}
#dm a.ty-scroll-arrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:56px;
  height:56px;
  border-radius:50%;
  box-sizing:border-box;
  background-color:#FF09CA;
  border:2px solid #FF09CA;
  color:#fff;
  margin-top:40px;
  animation:ty-arrow-bob 1.8s ease-in-out infinite;
  transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
/* Hover: pink outline only, hero shows through, arrow goes pink */
#dm a.ty-scroll-arrow:hover{
  background-color:transparent;
  color:#FF09CA;
}
@media (prefers-reduced-motion: reduce){
  #dm a.ty-scroll-arrow{animation:none;}
}
@media (prefers-reduced-motion: no-preference){
  html{scroll-behavior:smooth;}
}

/* "Book your demo" section */
/* Fills the viewport when scrolled to, content vertically centred */
#dm .ty-demo-section{
  background-color:#F4F4F4 !important;
  padding:120px 40px !important;
  min-height:100vh !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
#dm .ty-demo-section > .dmRespColsWrapper{
  width:100%;
}
#dm .ty-demo-inner{
  max-width:760px;
  margin:0 auto;
}
#dm h2.ty-demo-title{
  font-family:Figtree,'Figtree Fallback' !important;
  font-weight:900 !important;
  color:#111 !important;
  font-size:46px !important;
  line-height:1.2 !important;
  margin:0 auto !important;
  max-width:700px;
}
#dm p.ty-demo-text{
  font-family:Figtree,'Figtree Fallback' !important;
  font-weight:400 !important;
  color:#111 !important;
  font-size:18px !important;
  line-height:1.65 !important;
  margin:28px auto 0 !important;
  max-width:600px;
}
#dm a.ty-demo-button{
  display:inline-flex;
  align-items:center;
  gap:10px;
  background-color:#111 !important;
  color:#fff !important;
  font-family:Figtree,'Figtree Fallback' !important;
  font-weight:600 !important;
  font-size:17px !important;
  line-height:1.3 !important;
  padding:16px 34px !important;
  border-radius:40px !important;
  margin-top:44px;
  text-decoration:none !important;
  transition:background-color 0.3s ease-in-out;
}
#dm a.ty-demo-button:hover{
  background-color:#FF09CA !important;
}
@media (max-width:767px){
#dm .dmBody div.u_1317444182{margin:18px auto 0 !important;}
#dm .dmBody div.u_1243667655{padding:100px 24px !important;}
#dm .dmBody .ty-hero-title{font-size:30px !important;}
#dm .dmBody .ty-hero-sub{font-size:20px !important;}
#dm a.ty-scroll-arrow{width:52px;height:52px;}
#dm .ty-demo-section{padding:80px 24px !important;min-height:100svh !important;}
#dm h2.ty-demo-title{font-size:30px !important;}
#dm p.ty-demo-text{font-size:17px !important;}
}