/* AMiller Landers */

.page:has(.d-name-lander-miller) .uk-navbar-nav {
  display:none;
}

.page:has(.d-name-lander-miller) footer .uk-container {
display: none;
}

.page:has(.d-name-lander-miller) .d-name-inquiry.d-name-managed {
font-size:24px !important;
 font-weight: 400 !important;
}

/* New Front Page Styling */

.home main {
  background-color: #00294E
}

.home main .wp-block-columns.hilcocol2-col.is-layout-flex.wp-block-columns-is-layout-flex {
	padding-top: 140px !important;
	padding-bottom: 60px !important;
}

.home main .uk-margin-large-bottom {
  margin-bottom: 0 !important;
  margin-top: 20px;
}

.home main .uk-margin-large-bottom a {
  color: #13B5EA;
}

.home main a {
	border-bottom: 1px solid #13B5EA
}

.home main h2 {
	color: #fff;
  line-height: 1.2;
}

.home .content .uk-heading-xlarge {
  font-size: 1.9rem;
}

.home main p {
color: #fff !important;
}

.home footer p {
color: #000 !important;
}

@media (max-width: 1200px) {
    .home .uk-margin-large-top {
        margin-top: 0px !important;
    }
}

@media (min-width: 1200px) {
    .home .uk-margin-large-top {
        margin-top: 70px !important;
    }
}

.home footer.uk-margin-large-top {
	margin-top: 0px !important;
}

@media screen and (min-width: 960px) {
    .home .hilco-col.hilcocol-col:first-child { 
			padding-left: 0 !important;
	}
}

/* Temporarily Remove "Contact Us" label */

.contact-link.uk-first-column {
Display:none !important
}

/* Domain Lander Fade-In Animations */

@keyframes fade-in-h2 {
	
  0% {
    opacity: 0;
    transform: translate3d(0, 150%, 0); 
  }
	
  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes fade-in {
	
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
	
  100% {
    opacity: 1;
    transform: none; 
  }
	
}

/* Domain Lander Fade-In Animation Applied to Elements */

.p-fade-in-2 {
  opacity: 0;
}

.p-fade-in-2 {
	animation: fadeInUp .75s ease-in forwards !important;
  animation-name: fade-in !important;
  animation-iteration-count: 1 !important; 
}

.p-fade-in-3 {
  opacity: 0;
}

.p-fade-in-3 {
	animation: fadeInUp .75s ease-in forwards !important;
  animation-name: fade-in !important;
  animation-iteration-count: 1 !important; 
}

.p-fade-in-3 {
  opacity: 0;
}

.p-fade-in-3 {
	animation: fadeInUp .75s ease-in forwards !important;
  animation-name: fade-in !important;
  animation-iteration-count: 1 !important; 
}

.h2-fade-in {
  animation: fadeInUp .75s ease-in forwards !important;
  animation-name: fade-in-h2 !important;
  animation-iteration-count: 1 !important; 
}

/* Domain Lander Fade-In Delay for Elements */

.h2-fade-in {
  animation-delay: 0ms !important; 
}

.p-fade-in-1 { 
  animation-delay: 1000ms !important;
}

.p-fade-in-2 {
  animation-delay: 1000ms !important;
}

.p-fade-in-3 {
  animation-delay: 1000ms !important;
}

.p-fade-in-4 {
  animation-delay: 1000ms !important;
}

.hda-logo-fade-in {
	display:none;
  opacity: 0;
  animation-delay: 2000ms !important;
}

/* Domain Lander Background Gradient */

main:has(.h2-fade-in) {
  background: radial-gradient(circle, rgba(255, 255, 255, 1) 7%, rgba(167, 214, 243, 1) 60%, rgba(19, 181, 234, 1) 100%);
}

/*Domain Lander Additional Text */

.landing-extra-text-padding {
	padding: 0 10% !important;
}

@media (min-width: 700px) {
	.landing-extra-text-padding {
			padding: 0 15% !important;
		  max-width: 1420px;
	}
}

/* Hide Element */

.no-display {
  display: none;
}

/* Domain Lander Underline Link Animation */

.landing-link a:hover {
	border-bottom: none;
}

.landing-link a {
  position: relative;
  border-bottom: 0;
  display: inline-block;
  color: #000;
  text-decoration: none;
  font-weight: 600;
}

.landing-link a::after {
  content: '';
  display: block;
  width: 0%;
  height: 2px;
  background: #000;
  transition: width .3s;
}

.landing-link a:hover {
  color: #000 !important;
}

.landing-link a:hover::after {
  width: 100%; 
}

/* Domain Lander Responsive Font Sizes */

@media (max-width: 283px) {
  .h2-fade-in {
    font-size: 23px !important;
  }
  
  .p-fade-in-2 {
    font-size: 14px !important;
  }
}

@media (min-width: 283px) and (max-width: 330px) {
  .h2-fade-in {
    font-size: 26px !important;
  }
  
  .p-fade-in-2 {
    font-size: 15px !important;
  }
}

@media (min-width: 330px) and (max-width: 376px) {
  .h2-fade-in {
    font-size: 29px !important;
  }
  
  .p-fade-in-2 {
    font-size: 16px !important;
  }
}

@media (min-width: 376px) and (max-width: 426px) {
  .h2-fade-in {
    font-size: 32px !important;
  }
  
  .p-fade-in-2 {
    font-size: 17px !important;
  }
}

@media (min-width: 426px) and (max-width: 479px) {
  .h2-fade-in {
    font-size: 35px !important;
  }
  
  .p-fade-in-2 {
    font-size: 18px !important;
  }
}

@media (min-width: 479px) and (max-width: 532px) {
  .h2-fade-in {
    font-size: 39px !important;
  }
  
  .p-fade-in-2 {
    font-size: 20px !important;
  }
}

@media (min-width: 532px) and (max-width: 586px) {
  .h2-fade-in {
    font-size: 43px !important;
  }
  
  .p-fade-in-2 {
    font-size: 22px !important;
  }
}

@media (min-width: 586px) and (max-width: 665px) {
  .h2-fade-in {
    font-size: 47px !important;
  }
  
  .p-fade-in-2 {
    font-size: 23px !important;
  }
} 

@media (min-width: 665px) and (max-width: 718px) {
  .h2-fade-in {
    font-size: 51px !important;
  }
}

@media (min-width: 718px) and (max-width: 761px) {
  .h2-fade-in {
    font-size: 55px !important;
  }
}

@media (min-width: 761px) and (max-width: 804px) {
  .h2-fade-in {
    font-size: 59px !important;
  }
}

@media (min-width: 804px) and (max-width: 847px) {
  .h2-fade-in {
    font-size: 63px !important;
  } 
}

@media (min-width: 847px) and (max-width: 890px) {
  .h2-fade-in {
    font-size: 67px !important;
  }
}

@media (min-width: 890px) and (max-width: 932px) {
  .h2-fade-in {
    font-size: 71px !important;
  }
}

/* Domain Name Header Container Sizing */

@media (min-width: 1313px) {
  .domain-name-header {
    max-width: 215px;
  }
}

@media (min-width: 972px) {
  .recent-transactions-header {
    max-width: 206px;
  }
}

/* General Image Sizing */

.attachment-400x400 {
  width: 300px; 
}

@media (max-width: 959px) {
  .about-us-squadhelp-logo {
    max-width: 300px;
  }
}

/* Font Size */

.uk-text-small.uk-text-muted {
  font-size: 1em;
}

/* Home Page Header Styling */

/*
@media (min-width: 640px) {
  body:has(.is-style-blue-stripe, .is-style-orange-stripe) header svg:not(.uk-navbar-toggle-icon) {
    height: 95px;
    width: 290px;
  }
}
*/

body:has(.is-style-blue-stripe, .is-style-orange-stripe) .is-style-blue-stripe,
body:has(.is-style-blue-stripe, .is-style-orange-stripe) .is-style-orange-stripe {
  padding-top: 0 !important; 
}

body:has(.is-style-blue-stripe, .is-style-orange-stripe) header .uk-navbar-toggle-icon svg,
body:has(.is-style-blue-stripe, .is-style-orange-stripe) header .uk-close svg {
  height: unset;
  width: unset;
}

/* Image width */

@media (min-width: 960px) {
  body:has(.is-style-blue-stripe, .is-style-orange-stripe) .wp-block-image {
    width: 91%;
  }
}

/* Thoughts Background Image */

body.blog:has(.uk-border-circle) .uk-background-cover,
body.single-post:has(.uk-border-circle) .uk-background-cover {
  background-image: url(https://a.mpcdn.io/hilcodigital/2023/07/thoughts-full-width.jpg?fm=pjpg&ixlib=php-3.3.1) !important;
}

/* Thoughts Hero Height */

@media (min-width: 960px) {
  
  body.single-post:has(.uk-border-circle) .uk-height-large,
  body.blog:has(.uk-border-circle) .uk-height-large {
    height: 370px !important;
  }
	
}

@media (max-width: 960px) {
  
  body.blog:has(.uk-border-circle) .uk-height-large {
    height: 275px !important;
  }
	
}

@media (max-width: 960px) {
  
	body.single-post:has(.uk-border-circle) .uk-height-large {
    height: 275px !important;
		margin-top: -1px;
  }
	
}

/* Margin */

body.blog .uk-text-small.uk-text-muted,
body.single-post .uk-text-small.uk-text-muted {
  margin-bottom: 14px;
}

/* Thoughts Profile Circle Image Size */

@media (max-width: 959px) {
  .uk-border-circle {
    max-width: 107px;
  }
}

/* Specific Container Padding */

@media (max-width: 959px) {
  
  body > main > div > div > div > div > div.wp-block-group.img-extend.uk-position-relative.uk-height-large.has-global-padding.is-layout-constrained > div.wp-block-group.uk-container.uk-container-large.uk-section.uk-height-1-1.uk-position-relative.uk-padding-remove.has-global-padding.is-layout-constrained > div {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

/* Specific Container Padding */

div.wp-block-column.hilcocol2-col.margin-left.is-layout-flow {
  padding-right: 24px; 
}

/* Hero Image Height */

@media (min-width: 960px) {
	
  div[class="uk-height-large"] {
    height: inherit !important;
  }
	
}

/* Responsive Styles for HDTV Page and Videos */

@media (max-width: 959px) {

  body:has(.is-style-thick-red-stripe) .uk-visible\@m:not(.uk-position-cover) {
    display: block !important;
		background-color: #f5f5f5 !important
  }
	
  body:has(.is-style-thick-red-stripe) .hilcocol-col.uk-visible\@m:has(.uk-text-small.uk-text-muted ) {
		background-color: unset !important
  }

body:has(.is-style-thick-red-stripe) .hilcocol-col.uk-visible\@m .uk-text-small.uk-text-muted {
		display: none;
  }
	
  body:has(.uk-hidden\@m) .uk-visible\@m:not(.uk-position-cover) {
    display: none !important;
  }
	
  body:has(.is-style-thick-red-stripe) .uk-hidden\@m .hilco-col4 {
    display: block !important;;
  }
  
  body:has(.is-style-thick-red-stripe) .uk-hidden\@m .uk-margin-top {
    margin-top: unset !important;
  }

  body:has(.is-style-thick-red-stripe) .uk-hidden\@m .uk-padding-small:not(.uk-background-muted-light) {
    padding: 5px 24px 0 24px;
  }
  
  body:has(.is-style-thick-red-stripe) .uk-container-large:has(iframe) .hilco-col4 {
    display: flex;
    flex-direction: column-reverse;
  }

  body:has(.is-style-thick-red-stripe) .uk-container-large:has(iframe) {
    padding: 0;
  }

  body:has(.is-style-thick-red-stripe) .hilcocol4-col .uk-visible\@m:has(iframe) p {
    display: none !important; 
  }

  body:has(.is-style-thick-red-stripe) .uk-hidden\@m .uk-padding-small.uk-background-muted-light p {
    padding-left: 9px !important;
  }
	.wp-block-columns.is-not-stacked-on-mobile.hilco-col.is-style-thick-red-stripe {
		margin-bottom: 19px !important;
	}
	  body:has(.is-style-thick-red-stripe) .uk-visible\@m .hilcocol4-col.wp-block-column .uk-margin-medium-bottom:has(p) {
    padding: 15px 24px 15px 24px;
			margin-bottom: 0 !important
  }
  body:has(.is-style-thick-red-stripe) .uk-hidden\@m
}

/* Thoughts Post Styling */  

.single-post .is-style-thick-black-stripe {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 0 !important;
}

.single-post .is-style-thick-black-stripe .wp-block-column:has(h1) {
  display: flex;
  flex-direction: row;
  justify-content: flex-start; 
}

.single-post .is-style-thick-black-stripe .wp-block-column {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}

.single-post .is-style-thick-black-stripe .wp-block-column .social {
  margin-top: 4px;
}

.single-post main:has(.is-style-thick-black-stripe) .uk-grid-small .uk-width-expand\@m p:not(.uk-text-bold) {
  font-size: .875rem; 
  line-height: 1.5em;
}

.single-post .uk-grid-small:has(.uk-border-circle) {
  margin-bottom: 40px;
}

.single-post .is-style-thick-black-stripe .wp-block-column .social {
  margin-top: 0;
}

@media (max-width: 959px) {

  .single-post .is-style-thick-black-stripe .wp-block-column::before {
    height: 43.4px;
  }

  .single-post .is-style-thick-black-stripe .wp-block-column .social {
    margin-top: 4px !important;
  }

  .single-post .is-style-thick-black-stripe .wp-block-column::before {
    height: 43.4px;
  }

  body:has(.is-style-thick-blue-stripe) .hilcocol2-col.margin-left {
    padding-left: 24px;
    padding-right: 24px;
  }
	
	  body:has(.is-style-thick-orange-stripe) .hilcocol2-col.margin-left {
    padding-left: 24px;
    padding-right: 24px;
  }

}

/* Stripe Positioning */

@media (max-width: 959px) {

  .is-style-blue-stripe .wp-block-column:first-child:before, 
  .is-style-orange-stripe .wp-block-column:first-child:before, 
  .is-style-black-stripe .wp-block-column:first-child:before, 
  .is-style-red-stripe .wp-block-column:first-child:before {
    left: -24px;
  }

  .is-style-thick-blue-stripe .wp-block-column:first-child:before,
  .is-style-thick-orange-stripe .wp-block-column:first-child:before,
  .is-style-thick-black-stripe .wp-block-column:first-child:before,
  .is-style-thick-red-stripe .wp-block-column:first-child:before {
    left: -24px;
  }

}

/* Mobile Container Padding */

@media (max-width: 959px) {

  .uk-container {
    padding-left: 24px;
    padding-right: 24px;
  }

}

/* Move Close Button on Mobile Menu */

.uk-offcanvas-close {
    top: 52px;
    right: 22px;
}

/* Remove Link Underline on Home Page Fader */

body:has(.is-style-blue-stripe, .is-style-orange-stripe) .uk-slideshow a {
  text-decoration: unset !important;
	border-bottom: unset !important;
}

/* Home Page Fader Sizing */

@media (max-width: 959px) {

  body:has(.is-style-blue-stripe, .is-style-orange-stripe) .uk-slideshow.uk-width-medium {
    width: 100% !important;
  }
	
}

body:has(.is-style-blue-stripe, .is-style-orange-stripe) .uk-slideshow.uk-width-medium {
  width: calc(77% - 2px) ;
}

/* Remove Margin Between Paragraph and Home Page Fader */

body:has(.is-style-blue-stripe, .is-style-orange-stripe) div.wp-block-columns.hilco-col.is-style-blue-stripe.is-layout-flex > div p {
	margin-top: 0;
}

@media (min-width: 1200px) {

body:has(.is-style-blue-stripe, .is-style-orange-stripe) ul.uk-slideshow-items {
	min-height: 140px !important;
}
	
}

@media (max-width: 1200px) {

body:has(.is-style-blue-stripe, .is-style-orange-stripe) ul.uk-slideshow-items {
	min-height: 120px !important;
}
	
}

/* Change Color and Thickness of Fader Border */

body:has(.is-style-blue-stripe, .is-style-orange-stripe) ul.uk-slideshow-items li div {
	border: 2px solid #13b5ea !important;
}

/* Change Thickness of Fader Border */

body:has(.is-style-blue-stripe, .is-style-orange-stripe) ul.uk-slideshow-items .uk-h3 {
	font-size: 1.5rem !important;
}

.uk-visible\@m:has(iframe.video-embed) p {
    margin-bottom: 0px !important;
}

/* Case Studies Page */


p.quote-text > em > span {
    font-family: Proxima Nova !important;
}

.page-id-3343 .uk-width-5-6\@m {
  width: 100% !important;
}
@media (min-width: 960px) {
.page-id-3343 .left-image {
  padding-right: 0px;
	margin-left:80px;
	width: 90% !Important;
	float:left;
}

.page-id-3343 .right-image {
  padding-left: 0px !important;
	margin-right: 40px;
		width: 90% !Important;
	  float:right;
}

.page-id-3343 .right-text {
  padding-left: 160px !important;
}

.page-id-3343 .left-text {
  padding-right: 80px !important;
	padding-left:80px
}
}

@media (max-width: 959px) {
	.page-id-3343 .left-image {
  padding-right: 100px;
	padding-left: 100px;
	margin-left:0px;
	margin-bottom: 20px;
	width: 100% !Important;
	float:unset;
}

.page-id-3343 .right-image {
  padding-right: 100px;
	padding-left:100px;
	margin-left:0px;
	margin-bottom: 20px;
	width: 100% !Important;
	float:unset;

}
	
div.wp-block-columns.uk-grid-stack:has(.right-image) {
	display:flex {}
}
	
div.wp-block-columns.uk-grid-stack div:has(.right-image) {
	order: -1;
	padding-bottom: 20px
  }	
}
.page-id-3343 div > div > div.wp-block-column.is-layout-flow.uk-width-1-3\@m {
  padding-left: 0 !Important
}

figure.avatar-image > img {
  border-radius: 100px;
}

.avatar-label > div > p {
  margin-top: 0px;
	padding-top:15px
}

.avatar-label{
  margin-top: -15px;
	padding-top: 1px;
}

.quote-text {
	padding-left: 45px;
	overflow: hidden;
	font-size: 24px;
	font-weight: 600
}

p.quote-text.begin-quote > em > span:last-of-type {
	display: none;
}

p.quote-text.end-quote > em > span:first-of-type {
	display: none;
}

p.quote-text > em > span {
  position: absolute;
	font-size: 100px;
  margin-top: -46px;
  color: #999;
}

p.quote-text > em > span:first-of-type {
position: absolute;
	font-size: 100px;
  margin-left: -53px;
	color: #999;
}

@media (max-width: 959px) {

	p.quote-text > em > span {
	font-size: 90px;
  margin-top: -38px;
  color: #999;
}

p.quote-text > em > span:first-of-type {
position: absolute;
		font-size: 90px;
	  margin-left: -49px;
}

p.quote-text span:last-of-type {
  	font-size: 90px;
  }
	
figure.left-image:has(img), figure.right-image:has(img) {	
	padding: 0 20px 0 40px !important;
}
}	

/* ═══════════════════════════════════════════════════
   D-NAME.COM LANDER — IMAGE BACKGROUND
   Append after existing site CSS
   ═══════════════════════════════════════════════════ */
 
/* ── THEME OVERRIDES ── */
.is-layout-constrained:has(> .d-name-lander),
.is-layout-flow:has(> .d-name-lander),
.has-global-padding:has(.d-name-lander),
.uk-section:has(.d-name-lander),
.uk-container:has(.d-name-lander),
.uk-container-large:has(.d-name-lander),
.entry-content:has(.d-name-lander),
.wp-block-group:has(.d-name-lander) {
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  width: 100% !important;
}
.is-layout-constrained > .d-name-lander,
.is-layout-flow > .d-name-lander {
  max-width: none !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: 0 !important;
}
body:has(.d-name-lander) .uk-margin-large-top { margin-top: 0 !important; }
body:has(.d-name-lander) .uk-margin-large-bottom { margin-bottom: 0 !important; }
.d-name-lander a, .d-name-lander a:hover, .d-name-lander a:visited, .d-name-lander a:active { border-bottom: none !important; }
 
/* ── CONTAINER ── */
.d-name-lander {
  position: relative;
  width: 100vw;
  height: calc(70vh - 20px);
  height: calc(70dvh - 20px);
  margin-top: 20px;
  margin-bottom: 0 !important;
  margin-left: calc(-50vw + 50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #003d73;
  font-family: 'DM Sans', 'Proxima Nova', -apple-system, BlinkMacSystemFont, sans-serif;
  line-height: 1.5;
  z-index: 1;
  -webkit-font-smoothing: antialiased;
}
.d-name-lander * { box-sizing: border-box; }
 
/* ── IMAGE BACKGROUND ── */
.d-name-bg { position: absolute; inset: 0; z-index: 0; background: #0076bd; }
.d-name-bg img { width: 100%; height: 100%; object-fit: cover; display: block; opacity: 0.4; }
 
/* ── OVERLAYS ── */
.d-name-overlay {
  position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background:
    radial-gradient(ellipse 60% 50% at 50% 48%, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.4) 100%),
    linear-gradient(180deg, rgba(0,61,115,0.3) 0%, rgba(19,181,234,0.03) 50%, rgba(0,61,115,0.4) 100%);
}
.d-name-vignette { position: absolute; inset: 0; z-index: 2; pointer-events: none; box-shadow: inset 0 0 180px rgba(0,0,0,0.5); }
 
/* ── CONTENT ── */
.d-name-content {
  position: relative; z-index: 5; text-align: center;
  padding: 0 28px; max-width: 720px !important; width: 100%;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
}
 
/* Label pill */
.d-name-label {
  display: inline-block !important;
  font-size: 11px !important; font-weight: 600 !important;
  letter-spacing: 0.28em !important; text-transform: uppercase !important;
  color: rgba(255,255,255,0.85) !important;
  background: rgba(19,181,234,0.12) !important;
  border: 1px solid rgba(19,181,234,0.25) !important;
  padding: 7px 22px !important; border-radius: 100px !important;
  margin: 0 0 28px 0 !important;
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
  width: auto !important;
}
 
/* Domain name */
.d-name-h {
  font-size: clamp(32px, 11vw, 130px) !important;
  font-weight: 700 !important; color: #fff !important;
  letter-spacing: -0.03em !important; line-height: 1.15 !important;
  margin: 0 !important; padding: 0.05em 0.1em !important;
  text-shadow: 0 2px 40px rgba(0,0,0,0.3);
  white-space: nowrap;
  max-width: calc(100vw - 100px) !important;
  width: fit-content !important;
}
.d-name-dot { color: #13b5ea !important; text-shadow: 0 0 30px rgba(19,181,234,0.4); }
 
/* Divider */
.d-name-divider {
  width: 56px; height: 2px; background: #13b5ea;
  margin: 28px auto; border-radius: 1px;
  box-shadow: 0 0 12px rgba(19,181,234,0.3);
}
 
/* Tagline */
.d-name-tag {
  font-size: clamp(15px, 2.2vw, 18px) !important;
  font-weight: 500 !important; color: rgba(255,255,255,0.9) !important;
  line-height: 1.7 !important; max-width: 460px !important;
  margin: 0 auto 44px auto !important; padding: 0 !important;
  letter-spacing: 0.01em !important;
}
 
/* CTA button */
.d-name-cta-wrap { margin: 0 !important; padding: 0 !important; }
.d-name-cta {
  display: inline-flex !important; align-items: center; gap: 10px;
  padding: 16px 32px !important;
  font-family: 'DM Sans', 'Proxima Nova', -apple-system, sans-serif !important;
  font-size: 16px !important; font-weight: 600 !important;
  letter-spacing: 0.1em !important; text-transform: uppercase;
  text-decoration: none !important; color: #fff !important;
  background: #13b5ea !important; border: none !important;
  border-bottom: none !important; border-radius: 5px;
  cursor: pointer; position: relative; overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
  box-shadow: 0 4px 28px rgba(19,181,234,0.35);
}
.d-name-cta::after {
  content: ''; display: inline-block; width: 17px; height: 17px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.75 9H14.25M14.25 9L9.75 4.5M14.25 9L9.75 13.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
  flex-shrink: 0; transition: transform 0.3s ease;
}
.d-name-cta:visited, .d-name-cta:active { color: #fff !important; text-decoration: none !important; }
.d-name-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 40px rgba(19,181,234,0.5);
  background: #0e8fbf !important; color: #fff !important;
  text-decoration: none !important; border-bottom: none !important;
}
.d-name-cta:hover::after { transform: translateX(2px); }
 
/* ── FOOTER ── */
.d-name-footer {
  position: absolute;
  bottom: calc(40px + env(safe-area-inset-bottom, 0px));
  left: 0; right: 0; z-index: 10;
  text-align: center; white-space: nowrap;
}
.d-name-footer-lbl {
  display: block; font-size: 10px; font-weight: 500;
  letter-spacing: 0.18em; text-transform: uppercase;
  color: rgba(255,255,255,0.3);
}
.d-name-footer a { text-decoration: none !important; border: none !important; }
.d-name-footer img { height: 80px; opacity: 0.4; transition: opacity 0.3s; }
.d-name-footer img:hover { opacity: 0.75; }
 
/* ── RESPONSIVE ── */
@media (max-width: 600px) {
  .d-name-corner { display: none; }
  .d-name-content { padding: 0 20px !important; }
  .d-name-label { font-size: 10px !important; padding: 6px 18px !important; margin-bottom: 22px !important; }
  .d-name-h { font-size: clamp(28px, 10vw, 56px) !important; }
  .d-name-divider { margin: 20px auto; }
  .d-name-tag { margin-bottom: 32px !important; font-size: 15px !important; padding: 0 8px !important; }
  .d-name-cta { padding: 14px 28px !important; font-size: 13px !important; }
  .d-name-footer { bottom: calc(24px + env(safe-area-inset-bottom, 0px)); }
  .d-name-footer img { height: 36px; }
  .d-name-footer-lbl { font-size: 9px; }
}
@media (max-height: 650px) {
  .d-name-lander { overflow-y: auto; justify-content: flex-start; padding: 40px 0 !important; }
  .d-name-footer { position: relative; bottom: auto; margin-top: 32px; padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px)); }
}
@media (min-width: 601px) and (max-width: 959px) {
  .d-name-h { font-size: clamp(40px, 10vw, 80px) !important; }
  .d-name-content { padding: 0 32px !important; }
}
@media (min-width: 960px) {
  .d-name-content { padding: 0 40px !important; }
}/* ═══════════════════════════════════════════════════
   D-NAME.COM LANDER DRAFT ═══════════════════════════════════════════════════ */

/* Inquiry text — replaces CTA button */
.d-name-inquiry {
font-size: 24px !important;
font-weight: 600 !important;
color: rgba(255,255,255,0.7) !important;
letter-spacing: 0.01em !important;
}
.d-name-inquiry a {
  color: #13b5ea !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  border-bottom: none !important;
  transition: color 0.3s ease;
  color: #13b5ea !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  border-bottom: none !important;
  transition: color 0.3s ease;
}
.d-name-inquiry a:hover {
color: #fff !important;
}

.d-name-managed {
font-size: 21px !important;
font-weight: 400 !important;
color: rgba(255,255,255,0.7) !important;
letter-spacing: 0.01em !important;
}
/* Light version */
.d-name-light .d-name-inquiry {
color: #4a5568 !important;
}
.d-name-light .d-name-inquiry a {
color: #00539B !important;
}
.d-name-light .d-name-inquiry a:hover {
color: #003d73 !important;
}


/* ── THEME OVERRIDES — scoped to lander wrapper chain only ── */

.is-layout-constrained:has(> .d-name-lander),
.is-layout-flow:has(> .d-name-lander),
.has-global-padding:has(.d-name-lander),
.uk-section:has(.d-name-lander),
.uk-container:has(.d-name-lander),
.uk-container-large:has(.d-name-lander),
.entry-content:has(.d-name-lander),
.wp-block-group:has(.d-name-lander) {
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

/* Lander itself: no constrained layout centering */
.is-layout-constrained > .d-name-lander,
.is-layout-flow > .d-name-lander {
  max-width: none !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: 0 !important;
}

/* Kill UIkit margin classes on the D-name lander page */
body:has(.d-name-lander) .uk-margin-large-top {
  margin-top: 0 !important;
}

body:has(.d-name-lander) .uk-margin-large-bottom {
  margin-bottom: 0 !important;
}

.d-name-lander a,
.d-name-lander a:hover,
.d-name-lander a:visited,
.d-name-lander a:active {
  border-bottom: none !important;
}


/* ── LANDER CONTAINER ── */

.d-name-lander {
  position: relative;
  width: 100vw;
  height: calc(70vh - 20px);
  height: calc(70dvh - 20px);
  margin-top: 20px;
  margin-bottom: 0 !important;
  margin-left: calc(-50vw + 50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #000;
  font-family: 'DM Sans', 'Proxima Nova', -apple-system, BlinkMacSystemFont, sans-serif;
  line-height: 1.5;
  z-index: 1;
  -webkit-font-smoothing: antialiased;
}

.d-name-lander * {
  box-sizing: border-box;
}


/* ── VIDEO BACKGROUND ── */

.d-name-vid {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.d-name-vid-fallback {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(135deg, #0c2340 0%, #0a4f6e 40%, #13b5ea 70%, #0e8fbf 100%);
  background-size: 300% 300%;
  animation: d-name-grad 12s ease-in-out infinite;
}

.d-name-vid video {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  object-fit: cover;
  display: block;
}

@keyframes d-name-grad {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}


/* ── OVERLAYS ── */

.d-name-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(ellipse 60% 50% at 50% 48%, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.55) 100%),
    linear-gradient(180deg, rgba(12,35,64,0.35) 0%, rgba(19,181,234,0.06) 50%, rgba(12,35,64,0.4) 100%);
}

.d-name-vignette {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  box-shadow: inset 0 0 150px rgba(0,0,0,0.4);
}


/* ── CORNER BRACKETS ── */

.d-name-corner {
  position: absolute;
  width: 44px;
  height: 44px;
  z-index: 6;
  pointer-events: none;
}

.d-name-corner::before,
.d-name-corner::after {
  content: '';
  position: absolute;
  background: rgba(19, 181, 234, 0.3);
}

.d-name-c-tl { top: 28px; left: 28px; }
.d-name-c-tl::before { top: 0; left: 0; width: 22px; height: 1px; }
.d-name-c-tl::after  { top: 0; left: 0; width: 1px; height: 22px; }

.d-name-c-tr { top: 28px; right: 28px; }
.d-name-c-tr::before { top: 0; right: 0; width: 22px; height: 1px; }
.d-name-c-tr::after  { top: 0; right: 0; width: 1px; height: 22px; }

.d-name-c-bl { bottom: 28px; left: 28px; }
.d-name-c-bl::before { bottom: 0; left: 0; width: 22px; height: 1px; }
.d-name-c-bl::after  { bottom: 0; left: 0; width: 1px; height: 22px; }

.d-name-c-br { bottom: 28px; right: 28px; }
.d-name-c-br::before { bottom: 0; right: 0; width: 22px; height: 1px; }
.d-name-c-br::after  { bottom: 0; right: 0; width: 1px; height: 22px; }


/* ── CONTENT ── */

.d-name-content {
  position: relative;
  z-index: 5;
  text-align: center;
  padding: 0 28px;
  max-width: 720px !important;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.d-name-label {
  display: inline-block !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  color: rgba(255, 255, 255, 0.85) !important;
  background: rgba(19, 181, 234, 0.15) !important;
  border: 1px solid rgba(19, 181, 234, 0.3) !important;
  padding: 7px 22px !important;
  border-radius: 100px !important;
  margin: 0 0 30px 0 !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  width: auto !important;
}

.page:has(.d-name-lander) .d-name-content p:first-of-type {
	margin-bottom:20px !important;
}

.d-name-h {
  font-size: clamp(32px, 11vw, 120px) !important;
  font-weight: 700 !important;
  color: #fff !important;
  letter-spacing: -0.03em !important;
  line-height: 1.15 !important;
  margin: 0 !important;
  padding: 0.05em 0.1em !important;
  text-shadow: 0 2px 40px rgba(0, 0, 0, 0.3);
  white-space: nowrap;
  max-width: calc(100vw - 100px) !important;
  width: fit-content !important;
}

.d-name-dot {
  color: #13b5ea !important;
  text-shadow: 0 0 30px rgba(19, 181, 234, 0.4);
}

.d-name-divider {
  width: 56px;
  height: 2px;
  background: #13b5ea;
  margin: 28px auto;
  border-radius: 1px;
  box-shadow: 0 0 12px rgba(19, 181, 234, 0.3);
}

.d-name-tag {
  font-size: clamp(15px, 2.2vw, 18px) !important;
  font-weight: 500 !important;
  color: rgba(255, 255, 255, 0.9) !important;
  line-height: 1.7 !important;
  max-width: 460px !important;
  margin: 0 auto 44px auto !important;
  padding: 0 !important;
  letter-spacing: 0.01em !important;
}


/* ── CTA BUTTON ── */

.d-name-cta-wrap {
  margin: 0 !important;
  padding: 0 !important;
}

.d-name-cta {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  padding: 16px 32px !important;
  font-family: 'DM Sans', 'Proxima Nova', -apple-system, sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase;
  text-decoration: none !important;
  color: #fff !important;
  background: #13b5ea !important;
  border: none !important;
  border-bottom: none !important;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
  box-shadow: 0 4px 28px rgba(19, 181, 234, 0.35);
}

.d-name-cta::after {
  content: '';
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.75 9H14.25M14.25 9L9.75 4.5M14.25 9L9.75 13.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}

.d-name-cta:visited,
.d-name-cta:active {
  color: #fff !important;
  text-decoration: none !important;
}

.d-name-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 40px rgba(19, 181, 234, 0.5);
  background: #0e8fbf !important;
  color: #fff !important;
  text-decoration: none !important;
  border-bottom: none !important;
}

.d-name-cta:hover::after {
  transform: translateX(2px);
}


/* ── RESPONSIVE ── */

@media (max-width: 600px) {
  .d-name-corner { display: none; }

  .d-name-content {
    padding: 0 20px !important;
  }

  .d-name-label {
    font-size: 10px !important;
    padding: 6px 18px !important;
    margin-bottom: 22px !important;
  }

  .d-name-h {
    font-size: clamp(28px, 10vw, 56px) !important;
  }

  .d-name-divider {
    margin: 20px auto;
  }

  .d-name-tag {
    margin-bottom: 32px !important;
    font-size: 15px !important;
    padding: 0 8px !important;
  }

  .d-name-cta {
    padding: 14px 28px !important;
    font-size: 13px !important;
  }
}

@media (max-height: 650px) {
  .d-name-lander {
    overflow-y: auto;
    justify-content: flex-start;
    padding: 40px 0 !important;
  }
}

@media (min-width: 601px) and (max-width: 959px) {
  .d-name-h {
    font-size: clamp(40px, 10vw, 80px) !important;
  }

  .d-name-content {
    padding: 0 32px !important;
  }
}

@media (min-width: 960px) {
  .d-name-content {
    padding: 0 40px !important;
  }
}

/* ═══════════════════════════════════════════════════
   D-NAME.COM LANDER — LIGHT VERSION OVERRIDES
   Append AFTER the dark version CSS.
   Activates when .d-name-light is on .d-name-lander
   ═══════════════════════════════════════════════════ */

/* White background, blends with page */
.d-name-lander.d-name-light { background: #fff; }

/* Hide everything not needed */
.d-name-light .d-name-bg,
.d-name-light .d-name-overlay,
.d-name-light .d-name-vignette,
.d-name-light .d-name-corner,
.d-name-light .d-name-footer { display: none !important; }

/* Label pill */
.d-name-light .d-name-label {
  color: #00539B !important;
  background: rgba(0,83,155,0.06) !important;
  border-color: rgba(0,83,155,0.15) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

/* Domain name */
.d-name-light .d-name-h {
  color: #1a1a2e !important;
  text-shadow: none;
}

/* Dot */
.d-name-light .d-name-dot {
  text-shadow: none;
}

/* Divider */
.d-name-light .d-name-divider {
  box-shadow: none;
}

/* Tagline */
.d-name-light .d-name-tag {
  color: #4a5568 !important;
  font-weight: 400 !important;
}

/* CTA button */
.d-name-light .d-name-cta {
  background: #00539B !important;
  box-shadow: 0 4px 28px rgba(0,83,155,0.25);
}
.d-name-light .d-name-cta:hover {
  background: #003d73 !important;
  box-shadow: 0 8px 40px rgba(0,83,155,0.35);
}

/* ═══════════════════════════════════════════════════
   D-NAME.COM LANDER — DARK SOLID VERSION OVERRIDES
   Append AFTER the base dark version CSS.
   Activates when .d-name-dark is on .d-name-lander
   ═══════════════════════════════════════════════════ */
 
/* Solid deep blue background */
.d-name-lander.d-name-dark { background: #00294E; }
 
/* Hide image, overlay, vignette — not needed on solid bg */
.d-name-dark .d-name-bg,
.d-name-dark .d-name-overlay,
.d-name-dark .d-name-vignette { display: none !important; }


/* D-NAME.COM WITH FORM OVERRIDES */

.d-name-lander.d-name-has-form {
  height: calc(100vh - 20px) !important;
  height: calc(100dvh - 20px) !important;
}

/* PlayPyramid.com button */
@keyframes play-pyramid-pulse {
  0%, 100% {
    box-shadow: 0 4px 28px rgba(0, 83, 155, 0.35);
  }
  50% {
    box-shadow: 0 4px 32px rgba(0, 83, 155, 0.5), 0 0 0 6px rgba(19, 181, 234, 0.12);
  }
}

.play-pyramid-wrap {
  margin-top: 28px !important;
}

.play-pyramid-btn {
  display: inline-block !important;
  padding: 16px 32px !important;
  font-family: 'DM Sans', 'Proxima Nova', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  text-decoration: none !important;
  color: #fff !important;
  background: #00539B !important;
  border: none !important;
  border-bottom: none !important;
  border-radius: 5px;
  cursor: pointer;
  transition: transform 0.3s ease, background 0.3s ease;
  animation: play-pyramid-pulse 3s ease-in-out infinite;
}

.play-pyramid-btn:visited,
.play-pyramid-btn:active {
  color: #fff !important;
  text-decoration: none !important;
}

.play-pyramid-btn:hover {
  transform: translateY(-2px);
  background: #003d73 !important;
  color: #fff !important;
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: 0 8px 40px rgba(0, 83, 155, 0.5);
  animation: none;
}

.d-name-lander .play-pyramid-btn,
.d-name-lander .play-pyramid-btn:hover,
.d-name-lander .play-pyramid-btn:visited,
.d-name-lander .play-pyramid-btn:active {
  border-bottom: none !important;
}