.icon-box-icon-content img {
    border-radius: 5px;
    max-width: 35%;
}

.apsw-search-wrap .apsw-category-items {
    font-family: "Rajdhani", sans-serif !important;
}

.apsw-search-wrap .apsw-category-items, .apsw-search-wrap .apsw-search-form input[type='search'] {
    color: #43454b;
    font-family: "Rajdhani", sans-serif !important;
}

.apsw-search-wrap .apsw-search-btn svg {
    fill: #01fc8d !important;
}


/*======= Cart page CSS =======*/

input#coupon_code {
    padding: 20px;
		border: none;
}

/* === Header buttons — card treatment (added by Claude) === */
.elementor-element-7e9c532 .single-button a,.elementor-element-b46a7a3 .single-button a{display:inline-flex!important;align-items:center!important;gap:11px!important;height:50px!important;padding:0 22px 0 12px!important;background:rgba(1,252,141,.06)!important;border:1px solid rgba(1,252,141,.35)!important;border-radius:14px!important;color:#fff!important;font-weight:500!important;font-size:14px!important;letter-spacing:.02em!important;text-transform:none!important;transition:all .22s ease!important;overflow:visible!important;}
.elementor-element-7e9c532 .single-button a:hover,.elementor-element-b46a7a3 .single-button a:hover{background:rgba(1,252,141,.13)!important;border-color:#01FC8D!important;transform:translateY(-2px)!important;color:#fff!important;}
.elementor-element-7e9c532 .single-button a svg{display:none!important}
.elementor-element-7e9c532 .single-button a::after,.elementor-element-b46a7a3 .single-button a::after{display:none!important}
.elementor-element-7e9c532 .single-button a::before{content:""!important;display:block!important;align-self:center!important;width:32px!important;height:32px!important;min-width:32px!important;flex:0 0 32px!important;border-radius:8px!important;background-color:#01FC8D!important;background-repeat:no-repeat!important;background-position:center!important;background-size:17px 17px!important;margin:0!important;padding:0!important;position:static!important;opacity:1!important;transform:none!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'2.3'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'3'%20y%3D'4'%20width%3D'18'%20height%3D'18'%20rx%3D'2'%2F%3E%3Cpath%20d%3D'M16%202v4M8%202v4M3%2010h18'%2F%3E%3C%2Fsvg%3E")!important;}
.elementor-element-b46a7a3 .single-button a::before{content:""!important;display:block!important;align-self:center!important;width:32px!important;height:32px!important;min-width:32px!important;flex:0 0 32px!important;border-radius:8px!important;background-color:#01FC8D!important;background-repeat:no-repeat!important;background-position:center!important;background-size:17px 17px!important;margin:0!important;padding:0!important;position:static!important;opacity:1!important;transform:none!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'2.3'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'9'%20cy%3D'20'%20r%3D'1.4'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'20'%20r%3D'1.4'%2F%3E%3Cpath%20d%3D'M2%203h3l2.6%2012.4a1.5%201.5%200%200%200%201.5%201.2h8.2a1.5%201.5%200%200%200%201.5-1.2L21%207H6'%2F%3E%3C%2Fsvg%3E")!important;}
/* === end header buttons === */

/* === Shop product cards — bottom half (added by Claude) === */
.e-loop-item .elementor-element-50c02a6{order:1!important}
.e-loop-item .elementor-element-8e8c056{order:2!important;margin-bottom:14px!important}
.e-loop-item .elementor-element-f4352f7{order:3!important;margin-top:auto!important}
.e-loop-item p.product_title{color:#01FC8D!important;font-size:15px!important;line-height:1.5!important;min-height:45px;margin:0 0 4px!important;font-weight:400!important}
.e-loop-item .price,.e-loop-item .woocommerce-Price-amount,.e-loop-item .woocommerce-Price-currencySymbol{color:#ffffff!important;font-size:27px!important;font-weight:700!important}
body .e-loop-item a.button.product_type_simple.add_to_cart_button{background:#01FC8D!important;background-color:#01FC8D!important;color:#06210F!important;border:none!important;border-radius:26px!important;font-weight:600!important;font-size:15px!important;padding:13px 26px!important;transition:all .2s ease!important}
body .e-loop-item a.button.product_type_simple.add_to_cart_button:hover{background-color:#01FC8D!important;color:#06210F!important;box-shadow:0 8px 20px rgba(1,252,141,.35)!important;transform:translateY(-2px)!important}
body .e-loop-item a.button.product_type_simple.add_to_cart_button svg,body .e-loop-item a.button.product_type_simple.add_to_cart_button i,body .e-loop-item a.button.product_type_simple.add_to_cart_button span{color:#06210F!important;fill:#06210F!important;stroke:#06210F!important;border-color:#06210F!important}
/* --- hide titles, enlarge images --- */
.e-loop-item .elementor-element-50c02a6{display:none!important}
.e-loop-item .elementor-element-4675131{margin:0 auto!important}
.e-loop-item .elementor-element-4675131 img{width:100%!important;max-width:230px!important;height:auto!important}
/* --- bigger images + refined button --- */
.e-loop-item .elementor-element-4675131 img{width:100%!important;max-width:310px!important;height:auto!important}
.e-loop-item .elementor-element-f4352f7{width:100%!important;text-align:center!important}
.e-loop-item .elementor-element-f4352f7 .elementor-widget-container{width:100%!important}
body .e-loop-item a.button.product_type_simple.add_to_cart_button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;white-space:nowrap!important;width:auto!important;min-width:215px!important;max-width:none!important;height:56px!important;padding:0 28px!important;margin:0 auto!important;font-size:16px!important;font-weight:600!important;letter-spacing:.02em!important;line-height:1!important;border-radius:14px!important}
body .e-loop-item a.button.product_type_simple.add_to_cart_button::before{background:rgba(6,33,15,.16)!important;color:#06210F!important;width:26px!important;height:26px!important;min-width:26px!important;flex:0 0 26px!important;line-height:1!important;font-size:19px!important;font-weight:700!important;border-radius:8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important}
body .e-loop-item a.button.product_type_simple.add_to_cart_button:hover{box-shadow:0 10px 26px rgba(1,252,141,.4)!important;transform:translateY(-2px)!important}
/* --- carousel: desktop only. Mobile keeps the theme's native swipe carousel. --- */
@media (min-width:1025px){
.elementor-widget-loop-carousel .swiper-wrapper{flex-direction:row-reverse!important;transform:none!important;transition:none!important;display:flex!important;flex-wrap:nowrap!important;justify-content:center!important;width:100%!important}
.elementor-widget-loop-carousel .swiper-slide-duplicate{display:none!important}
.elementor-widget-loop-carousel .swiper-slide{flex:1 1 0!important;max-width:none!important;margin-right:0!important}
.elementor-widget-loop-carousel .swiper{overflow:visible!important}
.elementor-widget-loop-carousel .swiper-pagination,.elementor-widget-loop-carousel .elementor-swiper-button,.swiper-pagination-bullets{display:none!important}
}
/* === end shop product cards === */

/* --- checkout: show the coupon field expanded by default --- */
.e-coupon-anchor{display:block!important;height:auto!important;opacity:1!important;visibility:visible!important;max-height:none!important;overflow:visible!important}

/* --- lighten the dark scrims so the background video shows through --- */
.elementor-element-fd1fffb::before,.elementor-element-b717a7b::before,.elementor-element-68eb0bb::before,
.elementor-element-e814e20::before,.elementor-element-d23e670::before,.elementor-element-5ca1d2d::before{opacity:.30!important}
.elementor-element-10dc990{background-image:none!important;background-color:rgba(11,18,24,.45)!important;border:1px solid rgba(1,252,141,.13)!important;border-radius:16px!important}
.elementor-element-10dc990::before{opacity:0!important}
.elementor-widget-loop-carousel .swiper-slide{padding:0 10px!important}

/* --- homepage Step 1/2/3 icons: sizing + tighter grouping --- */
.elementor-element-129ee47{max-width:1080px!important;margin-left:auto!important;margin-right:auto!important}
.elementor-element-0cfe8af img,.elementor-element-b7734f1 img,.elementor-element-30c5da3 img{max-width:175px!important;width:175px!important;height:auto!important;margin-left:auto!important;margin-right:auto!important;display:block!important}

/* --- homepage feature icons (CSV / sourced / pricing / mobile): same treatment --- */
.elementor-element-dd146e1{max-width:1340px!important;margin-left:auto!important;margin-right:auto!important}
.elementor-element-57cf11d img,.elementor-element-6591d83 img,.elementor-element-e2cd15c img,.elementor-element-95aada8 img{max-width:165px!important;width:165px!important;height:auto!important;margin-left:auto!important;margin-right:auto!important;display:block!important}

@media (max-width:1024px){
.elementor-element-0cfe8af img,.elementor-element-b7734f1 img,.elementor-element-30c5da3 img{max-width:110px!important;width:110px!important}
.elementor-element-57cf11d img,.elementor-element-6591d83 img,.elementor-element-e2cd15c img,.elementor-element-95aada8 img{max-width:110px!important;width:110px!important}
}

/* === Background video: readability scrim (added by Claude) === */
/* Sits between the video (z-index -10) and all page content, so white text reads. */
/* Darkens the video itself instead of layering an overlay over the page.
   A fixed pseudo-element with a negative z-index paints BELOW content in Chrome
   but ABOVE it in Safari, which greyed out every white text there. */
#dd-site-bg{filter:brightness(.62)}

/* === Remove per-container black overlays (added by Claude) === */
/* The single body scrim above replaces them. Applies to every container, header and footer, on every page. */
.e-con::before,.e-con-inner::before{opacity:0!important}

/* === Visit Shop button + homepage rhythm (added by Claude) === */
html body .banner-section.option2 .banner-button a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:11px!important;height:56px!important;min-height:56px!important;width:auto!important;padding:0 30px!important;border-radius:14px!important;color:#01FC8D!important;background-color:rgba(1,252,141,.10)!important;background-image:none!important;border:1px solid rgba(1,252,141,.42)!important;font-weight:600!important;font-size:15px!important;text-transform:uppercase!important;letter-spacing:.03em!important;line-height:1!important;box-shadow:none!important;transition:all .2s ease!important}
html body .banner-section.option2 .banner-button a::before{content:""!important;display:block!important;position:static!important;width:30px!important;height:30px!important;min-width:30px!important;border-radius:9px!important;flex:none!important;margin:0!important;padding:0!important;opacity:1!important;transform:none!important;border:0!important;background-color:rgba(1,252,141,.16)!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2301FC8D%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%202%203%206v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V6l-3-4z%22%2F%3E%3Cpath%20d%3D%22M3%206h18%22%2F%3E%3Cpath%20d%3D%22M16%2010a4%204%200%200%201-8%200%22%2F%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:19px 19px!important}
html body .banner-section.option2 .banner-button a::after{display:none!important}
html body .banner-section.option2 .banner-button a:hover{background-color:#01FC8D!important;color:#06210F!important;border-color:#01FC8D!important;box-shadow:0 10px 26px rgba(1,252,141,.34)!important}
html body .banner-section.option2 .banner-button a:hover::before{background-color:rgba(6,33,15,.16)!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2306210F%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%202%203%206v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V6l-3-4z%22%2F%3E%3Cpath%20d%3D%22M3%206h18%22%2F%3E%3Cpath%20d%3D%22M16%2010a4%204%200%200%201-8%200%22%2F%3E%3C%2Fsvg%3E")!important}

/* Desktop only — mobile keeps the theme spacing until reviewed on a phone. */
@media (min-width:1025px){
/* Illustration is 561px tall and the container clips; these values are the tightest that show it whole. */
.elementor-element-3e881d8{min-height:auto!important}
.elementor-element-3e881d8>.e-con-inner{padding-top:132px!important;padding-bottom:230px!important}
.elementor-element-129ee47{padding-top:10px!important;padding-bottom:40px!important}
}

/* === Shop: enlarge the Example Data section (desktop) — added by Claude === */
/* Breaks out of the 1330px content cap without widening the parent, which also holds the product rows. */
/* Image caps at its native 995px so it never upscales and goes soft. */
/* === Shop: "Control Results with good Data" as one compact panel === */
.elementor-element-8fb38d6{
  width:min(1180px,94vw)!important;max-width:none!important;
  margin-left:auto!important;margin-right:auto!important;transform:none!important;
  padding:34px 34px 32px!important;border-radius:20px!important;
  background-color:rgba(2,5,8,.86)!important;background-image:none!important;
  border:1px solid rgba(1,252,141,.20)!important;
  box-shadow:0 20px 50px rgba(0,0,0,.55)!important;
  align-items:center!important;
}
@media (min-width:1025px){
  .elementor-element-8fb38d6{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr)!important;column-gap:36px!important}
}
/* image: contained, rounded, never upscaled */
/* never upscale: the screenshot is 486px wide natively, so cap it there */
.elementor-element-9b34696 img{
  width:auto!important;max-width:min(100%,486px)!important;height:auto!important;display:block!important;margin:0 auto!important;
  border-radius:10px!important;border:1px solid rgba(232,239,236,.16)!important;
  image-rendering:auto;
}
/* heading block tightened */
.elementor-element-9e35a31 .section-title-one h1{font-size:31px!important;line-height:1.2!important;margin:0 0 12px!important}
.elementor-element-9e35a31 .section-description p{font-size:15.5px!important;line-height:1.75!important;color:rgba(232,239,236,.82)!important;margin:0 0 20px!important;font-family:Inter,'Helvetica Neue',Helvetica,Arial,sans-serif!important}
/* the 8 points as compact pill rows */
.elementor-element-a599bd6 .elementor-icon-list-items{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin:0!important;padding:0!important}
.elementor-element-a599bd6 .elementor-icon-list-item{
  margin:0!important;padding:13px 17px!important;border-radius:10px!important;
  background:rgba(1,252,141,.08)!important;border:1px solid rgba(1,252,141,.26)!important;
}
.elementor-element-a599bd6 .elementor-icon-list-text{
  font-size:18px!important;line-height:1.4!important;color:#FFFFFF!important;font-weight:600!important;
  font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif!important;
  letter-spacing:.012em!important;text-shadow:none!important;-webkit-font-smoothing:antialiased;
}
.elementor-element-a599bd6 .elementor-icon-list-icon svg,
.elementor-element-a599bd6 .elementor-icon-list-icon i{width:20px!important;height:20px!important;font-size:19px!important}
.elementor-element-a599bd6 .elementor-icon-list-icon{margin-right:4px!important}
@media (max-width:1024px){
  .elementor-element-8fb38d6{padding:24px 18px 22px!important;row-gap:24px!important}
  .elementor-element-9e35a31 .section-title-one h1{font-size:25px!important}
}


/* === Container display fallback (added by Claude) === */
/* Some containers on About and FAQ lost their --display property, so Elementor's own
   rule display:var(--display) became invalid and fell back to inline, which ignores
   max-width. That made those pages render full-bleed. This supplies flex (Elementor's
   default) only when --display is missing; grid containers keep grid. */
.e-con,.e-con-inner{display:var(--display,flex);flex-direction:var(--flex-direction,column)}

/* === About + FAQ: clear the overlapping header (added by Claude) === */
/* The header carries margin-bottom:-150px so the homepage hero tucks under it.
   These two pages lost the padding that compensated for it, so their titles sat behind it. */
.elementor-1567>.e-con.e-parent:first-child,.elementor-1581>.e-con.e-parent:first-child{padding-top:170px}

/* === Information Centre + guide articles (added by Claude) === */
/* Hub page sat at top:-18 behind the header. */
body.page-id-7573 .default-page{padding:225px 20px 90px!important;box-sizing:border-box}
body.page-id-7573 .site-main{padding-top:0!important}

/* Guide articles: the theme puts a 440px sidebar of leftover demo content in the
   left column and squeezes the article into the right. Single column instead. */
body.single-post .col-lg-4,
body.single-post .col-md-4{display:none!important}
body.single-post .col-lg-8,
body.single-post .col-md-8{flex:0 0 100%!important;max-width:100%!important;width:100%!important}
body.single-post .single-blog-post-content{max-width:820px;margin:0 auto}
body.single-post h1{font-size:36px!important;line-height:1.22!important;color:#fff!important;margin:0 0 20px!important}
body.single-post .blog-post-description p{font-size:17px!important;line-height:1.8!important;color:rgba(232,239,236,.86)!important;margin:0 0 18px!important}
body.single-post .blog-post-description h2{font-size:23px!important;line-height:1.3!important;color:#ffffff!important;margin:34px 0 12px!important}
body.single-post .blog-post-description h3{font-size:19px!important;color:#ffffff!important;margin:26px 0 10px!important}
body.single-post .blog-post-description ul,
body.single-post .blog-post-description ol{margin:0 0 20px 22px!important}
body.single-post .blog-post-description li{margin-bottom:9px!important;font-size:17px!important;line-height:1.75!important;color:rgba(232,239,236,.86)!important}
body.single-post .blog-post-description a{color:#01FC8D!important}
body.single-post .blog-post-description strong{color:#ffffff!important}

@media (max-width:900px){
  body.page-id-7573 .default-page{padding:150px 16px 60px!important}
  body.single-post h1{font-size:28px!important}
}

/* === Guide article chrome cleanup (added by Claude) === */
/* The theme wraps every post in a generic blog banner: a 546px band coloured
   rgba(85,200,255,.7) reading Blog Details, plus a Read Details box that repeats
   the title. Neither belongs in an information centre. */
body.single-post .theme-breadcumb-section{display:none!important}
body.single-post .blog-details-top{display:none!important}
body.single-post .blog-details-section > .container{padding-top:190px!important;padding-bottom:70px!important}
/* The theme paints rgba(10,20,49,.62) - a navy blue - across the whole article
   page, hiding the background video. Clear it so the site background shows. */
body.single-post .blog-details-section,
body.single-post .blog-details-section > .container,
body.single-post .single-blog-post-content{background:transparent!important;background-image:none!important}
/* Category labels removed: the green Guides chip at the top of each article and
   the repeated post-categories lists at the bottom. */
.blog-post-category,
.post-categories,
.blog-category,
.wp-calendar-nav{display:none!important}
body.single-post .blog-post-title{margin-top:0!important}
/* Remove the theme related-posts block at the foot of every article. */
body.single-post .blog-grid-section,
body.single-post .blog-details-grid{display:none!important}

/* Back link, sits above the article title. */
body.single-post .dd-back{margin:0 0 20px!important}
body.single-post .dd-back a{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#01FC8D!important;text-decoration:none!important;padding:9px 17px;border:1px solid rgba(1,252,141,.32);border-radius:11px;background:rgba(1,252,141,.07);transition:all .18s ease}
body.single-post .dd-back a:hover{background:#01FC8D!important;color:#06210F!important;border-color:#01FC8D!important}
body.single-post .blog-post-text-content{background:transparent!important}


@media (max-width:900px){
  body.single-post .blog-details-section > .container{padding-top:140px!important}
}

/* === Academy hub: hero + cards (added by Claude) === */
body.page-id-7573 .dd-hero{max-width:820px;margin:0 auto 54px;text-align:center}
body.page-id-7573 .dd-hero-title{font-size:52px!important;line-height:1.1!important;margin:0 0 20px!important;color:#fff!important;letter-spacing:-.01em}
body.page-id-7573 .dd-hero-sub{font-size:18px!important;line-height:1.75!important;color:rgba(232,239,236,.82)!important;margin:0 0 14px!important}
body.page-id-7573 .dd-hero-note{font-size:14.5px!important;color:#01FC8D!important;margin:0!important;font-weight:600;letter-spacing:.02em}

body.page-id-7573 .dd-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:26px;max-width:1180px;margin:0 auto}
body.page-id-7573 .dd-card{display:flex}
body.page-id-7573 .dd-card-link{display:flex;flex-direction:column;width:100%;border-radius:18px;overflow:hidden;background:rgba(11,18,24,.66);border:1px solid rgba(1,252,141,.16);text-decoration:none!important;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
body.page-id-7573 .dd-card-link:hover{transform:translateY(-4px);border-color:rgba(1,252,141,.55);box-shadow:0 18px 40px rgba(0,0,0,.45)}
body.page-id-7573 .dd-card-thumb{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(1,252,141,.14),rgba(1,252,141,.03) 60%,rgba(4,9,13,.5));border-bottom:1px solid rgba(1,252,141,.14)}
/* the inline SVG ships at 24px; scale it to fill the thumbnail like an image would */
body.page-id-7573 .dd-card-thumb svg{width:88px!important;height:88px!important;opacity:.92}
/* stretch every card to the tallest in its row so titles wrapping do not stagger them */
body.page-id-7573 .dd-cards{align-items:stretch}
body.page-id-7573 .dd-card{height:100%}
body.page-id-7573 .dd-card-title{min-height:52px;display:flex;align-items:flex-start}
body.page-id-7573 .dd-card-body{display:flex;flex-direction:column;gap:9px;padding:22px 24px 24px;flex:1}
body.page-id-7573 .dd-card-title{margin:0!important;font-size:19px!important;line-height:1.35!important;color:#fff!important}
body.page-id-7573 .dd-card-ex{margin:0!important;font-size:14.5px!important;line-height:1.6!important;color:rgba(232,239,236,.7)!important}
body.page-id-7573 .dd-card-more{margin-top:auto;padding-top:8px;font-size:13.5px;font-weight:700;letter-spacing:.04em;color:#01FC8D}

body.page-id-7573 .dd-hub-cta{max-width:820px;margin:66px auto 0;text-align:center;padding:38px 30px;border-radius:18px;background:rgba(1,252,141,.06);border:1px solid rgba(1,252,141,.3)}
body.page-id-7573 .dd-hub-cta-title{margin:0 0 8px!important;font-size:26px!important;color:#fff!important}
body.page-id-7573 .dd-hub-cta-sub{margin:0 0 22px!important;font-size:15.5px!important;color:rgba(232,239,236,.76)!important}
body.page-id-7573 .dd-hub-cta-btn{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 30px;border-radius:13px;background:#01FC8D!important;color:#06210F!important;font-weight:700;font-size:15px;text-decoration:none!important}
body.page-id-7573 .dd-hub-cta-btn:hover{box-shadow:0 12px 28px rgba(1,252,141,.36)}

@media (max-width:860px){
  body.page-id-7573 .dd-hero-title{font-size:34px!important}
  body.page-id-7573 .dd-hero-sub{font-size:16px!important}
  body.page-id-7573 .dd-cards{grid-template-columns:1fr;gap:20px}
}

/* === Guide article panel (added by Claude) === */
/* The theme framed articles with a border on only the left and bottom edges and
   lopsided padding (15px 15px 40px 30px), so text floated on the video with a
   half-frame. Make it a proper panel, matching My Account and the thank you page. */
body.single-post .blog-post-text-content{
  background:rgba(11,18,24,.66)!important;
  border:1px solid rgba(1,252,141,.16)!important;
  border-radius:18px!important;
  padding:40px 44px 44px!important;
}
body.single-post .single-blog-post-content{max-width:860px!important}
body.single-post .blog-post-description{max-width:none!important}

/* headings and spacing inside the article */
body.single-post .blog-post-description > *:first-child{margin-top:0!important}
body.single-post .blog-post-description h2{padding-top:6px!important}
body.single-post .blog-post-description h2:first-of-type{padding-top:0!important}

/* the Guides chip above the title */
body.single-post .blog-post-text-content .blog-category,
body.single-post .blog-post-text-content .post-categories{margin-bottom:14px!important}

@media (max-width:860px){
  body.single-post .blog-post-text-content{padding:26px 22px 30px!important;border-radius:14px!important}
}

/* === Guide article visuals: mockups + chips (added by Claude) === */
/* Mock of a checkout control, used in place of a screenshot. */
body.single-post .dd-mock{margin:20px 0 30px;padding:22px 24px;border-radius:14px;background:rgba(4,9,13,.55);border:1px solid rgba(1,252,141,.2)}
body.single-post .dd-mock-label{font-size:14.5px;color:rgba(232,239,236,.9);margin-bottom:10px}
body.single-post .dd-req{color:#ff6b6b}
body.single-post .dd-mock-select{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-radius:11px;background:#0a1016;border:1px solid rgba(1,252,141,.28);color:#fff;font-size:15px}
body.single-post .dd-mock-caret{color:#01FC8D;font-size:12px}
body.single-post .dd-mock-hint{margin-top:12px;font-size:13.5px;line-height:1.6;color:rgba(232,239,236,.62)}

/* State chips, replacing long comma lists. */
body.single-post .dd-chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 26px}
body.single-post .dd-chip{display:inline-block;padding:7px 13px;border-radius:9px;font-size:13.5px;line-height:1.2;white-space:nowrap}
body.single-post .dd-chip-on{background:rgba(1,252,141,.13);border:1px solid rgba(1,252,141,.32);color:#01FC8D}
body.single-post .dd-chip-add{background:rgba(255,255,255,.05);border:1px solid rgba(232,239,236,.22);color:rgba(232,239,236,.9)}

@media (max-width:600px){
  body.single-post .dd-chip{font-size:12.5px;padding:6px 10px}
  body.single-post .dd-mock{padding:18px}
}

/* === Guide visuals: table, compare, steps (added by Claude) === */
/* mock data table */
body.single-post .dd-table-wrap{margin:18px 0 8px;overflow-x:auto;border-radius:12px;border:1px solid rgba(1,252,141,.18);background:rgba(4,9,13,.45)}
body.single-post .dd-table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:640px}
body.single-post .dd-table th{background:rgba(1,252,141,.10);color:#01FC8D;text-align:left;padding:11px 13px;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
body.single-post .dd-table td{padding:11px 13px;border-top:1px solid rgba(1,252,141,.10);color:rgba(232,239,236,.88);white-space:nowrap}
body.single-post .dd-table .dd-clean{color:#01FC8D;font-weight:600}
body.single-post .dd-table .dd-dnc{color:#ff5f57;font-weight:600}
body.single-post .dd-cap{font-size:13px!important;color:rgba(232,239,236,.55)!important;margin:0 0 26px!important}

/* definition rows */
body.single-post .dd-defs{display:grid;gap:1px;background:rgba(1,252,141,.14);border:1px solid rgba(1,252,141,.16);border-radius:12px;overflow:hidden;margin:16px 0 28px}
body.single-post .dd-def{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:13px 16px;background:rgba(4,9,13,.55)}
body.single-post .dd-def-k{color:#01FC8D;font-weight:600;font-size:14px}
body.single-post .dd-def-v{color:rgba(232,239,236,.78);font-size:14px}

/* two-up comparison */
body.single-post .dd-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0 30px}
body.single-post .dd-comp{padding:22px 24px;border-radius:14px;background:rgba(4,9,13,.5);border:1px solid rgba(1,252,141,.18)}
body.single-post .dd-comp-b{border-color:rgba(255,85,80,.3)}
body.single-post .dd-comp-h{font-size:17px;font-weight:700;letter-spacing:.06em;margin-bottom:9px;color:#01FC8D}
body.single-post .dd-comp-b .dd-comp-h{color:#ff5f57}
body.single-post .dd-comp p{margin:0!important;font-size:15px!important;line-height:1.6!important}

/* stat callout */
body.single-post .dd-stat{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;padding:20px 24px;margin:18px 0 22px;border-radius:14px;background:rgba(1,252,141,.07);border:1px solid rgba(1,252,141,.28)}
body.single-post .dd-stat-n{font-size:34px;font-weight:700;color:#01FC8D;line-height:1}
body.single-post .dd-stat-l{font-size:15px;color:rgba(232,239,236,.8)}

/* numbered steps */
body.single-post .dd-steps{display:grid;gap:14px;margin:18px 0 26px}
body.single-post .dd-step{display:flex;gap:16px;padding:20px 22px;border-radius:14px;background:rgba(4,9,13,.5);border:1px solid rgba(1,252,141,.16)}
body.single-post .dd-step-n{flex:none;width:34px;height:34px;border-radius:10px;background:#01FC8D;color:#06210F;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:16px}
body.single-post .dd-step h3{margin:2px 0 6px!important;font-size:17px!important;color:#fff!important}
body.single-post .dd-step p{margin:0!important;font-size:15px!important;line-height:1.65!important}

@media (max-width:640px){
  body.single-post .dd-compare{grid-template-columns:1fr}
  body.single-post .dd-stat-n{font-size:28px}
}

/* === Guide visuals: product card, fields, email, shot frame === */
body.single-post .dd-shot{display:flex;justify-content:center;padding:26px 20px;margin:18px 0 6px;border-radius:16px;background:rgba(4,9,13,.5);border:1px solid rgba(1,252,141,.16)}
body.single-post .dd-cardmock{width:250px;padding:22px 18px 24px;border-radius:14px;background:rgba(255,255,255,.02);border:1px solid rgba(232,239,236,.10);text-align:center}
body.single-post .dd-doc{position:relative;width:110px;height:132px;margin:0 auto 16px;border-radius:8px;background:#2b3138;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
body.single-post .dd-doc:after{content:"";position:absolute;top:0;right:0;border-width:0 26px 26px 0;border-style:solid;border-color:transparent #11161b transparent transparent;border-radius:0 8px 0 0}
body.single-post .dd-doc-n{font-size:22px;font-weight:700;color:#fff;line-height:1}
body.single-post .dd-doc-l{font-size:9px;letter-spacing:.22em;color:rgba(232,239,236,.65)}
body.single-post .dd-doc-x{position:absolute;left:10px;bottom:10px;padding:3px 9px;border-radius:5px;background:#01FC8D;color:#06210F;font-size:10px;font-weight:700;letter-spacing:.14em}
body.single-post .dd-cardmock-t{color:#01FC8D;font-size:13px;letter-spacing:.22em;margin-bottom:18px}
body.single-post .dd-btn{display:inline-flex;align-items:center;gap:9px;padding:11px 22px;border-radius:9px;background:#01FC8D;color:#06210F;font-size:14px;font-weight:600}
body.single-post .dd-btn-i{width:18px;height:18px;border-radius:50%;background:rgba(6,33,15,.16);display:inline-flex;align-items:center;justify-content:center;font-size:13px;line-height:1}

body.single-post .dd-field{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;margin-top:11px;border-radius:11px;background:#0a1016;border:1px solid rgba(1,252,141,.22)}
body.single-post .dd-field-l{font-size:13px;color:rgba(232,239,236,.62)}
body.single-post .dd-field-i{font-size:15px;color:#fff}

body.single-post .dd-mail{margin:18px 0 6px;border-radius:14px;overflow:hidden;background:rgba(4,9,13,.55);border:1px solid rgba(1,252,141,.2)}
body.single-post .dd-mail-h{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;padding:13px 18px;background:rgba(1,252,141,.09);border-bottom:1px solid rgba(1,252,141,.16)}
body.single-post .dd-mail-from{color:#01FC8D;font-weight:600;font-size:14px}
body.single-post .dd-mail-when{color:rgba(232,239,236,.6);font-size:13px}
body.single-post .dd-mail-s{padding:18px 18px 4px;color:#fff;font-size:17px;font-weight:600}
body.single-post .dd-mail-att{display:inline-flex;align-items:center;gap:10px;margin:12px 18px 20px;padding:10px 14px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(232,239,236,.14)}
body.single-post .dd-att-x{padding:3px 8px;border-radius:5px;background:#01FC8D;color:#06210F;font-size:10px;font-weight:700;letter-spacing:.12em}
body.single-post .dd-att-n{color:rgba(232,239,236,.88);font-size:14px}

/* === Guide visuals: column mapping + feature grid === */
body.single-post .dd-map{margin:18px 0 8px;border-radius:12px;overflow:hidden;border:1px solid rgba(1,252,141,.18);background:rgba(4,9,13,.45)}
body.single-post .dd-map-h{display:flex;justify-content:space-between;gap:12px;padding:11px 16px;background:rgba(1,252,141,.10);color:#01FC8D;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase}
body.single-post .dd-map-r{display:flex;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid rgba(1,252,141,.10)}
body.single-post .dd-map-a{flex:1;color:#fff;font-size:14.5px;font-weight:600}
body.single-post .dd-map-x{flex:none;color:#01FC8D;font-size:16px}
body.single-post .dd-map-b{flex:1;text-align:right;color:rgba(232,239,236,.8);font-size:14.5px}

body.single-post .dd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin:18px 0 28px}
body.single-post .dd-feat{padding:20px 22px;border-radius:14px;background:rgba(4,9,13,.5);border:1px solid rgba(1,252,141,.16)}
body.single-post .dd-feat h3{margin:0 0 7px!important;font-size:15.5px!important;color:#01FC8D!important}
body.single-post .dd-feat p{margin:0!important;font-size:14.5px!important;line-height:1.6!important}

@media (max-width:560px){
  body.single-post .dd-map-r{flex-wrap:wrap;gap:4px}
  body.single-post .dd-map-b{text-align:left;flex:1 1 100%}
}

/* === Guide visuals: red comparison card (USHealth) === */
body.single-post .dd-comp-r{border-color:rgba(255,85,80,.38)}
body.single-post .dd-comp-r .dd-comp-h{color:#ff5f57}

/* === Guide visuals: CRM upload walkthrough === */
body.single-post .dd-step .dd-map,body.single-post .dd-step .dd-nav,body.single-post .dd-step .dd-stepbar,body.single-post .dd-step .dd-browse,body.single-post .dd-step .dd-toggle-row,body.single-post .dd-step .dd-note{margin-top:14px}
body.single-post .dd-step .dd-cap{margin-top:8px!important}

body.single-post .dd-nav{display:inline-flex;flex-direction:column;gap:2px;padding:8px;border-radius:11px;background:#0a1016;border:1px solid rgba(232,239,236,.12);min-width:230px}
body.single-post .dd-nav-i{padding:9px 13px;border-radius:8px;font-size:14px;color:rgba(232,239,236,.62)}
body.single-post .dd-nav-i.dd-on{background:rgba(1,252,141,.14);color:#01FC8D;font-weight:600}

body.single-post .dd-btn-sm{padding:9px 18px;font-size:13.5px}

body.single-post .dd-stepbar{display:flex;flex-wrap:wrap;gap:8px;padding:11px 13px;border-radius:11px;background:#0a1016;border:1px solid rgba(232,239,236,.12)}
body.single-post .dd-stepbar-i{display:inline-flex;align-items:center;gap:9px;padding:5px 11px;border-radius:8px;font-size:13.5px;color:rgba(232,239,236,.5)}
body.single-post .dd-stepbar-i b{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;border-radius:6px;background:rgba(232,239,236,.10);color:rgba(232,239,236,.6);font-size:12.5px}
body.single-post .dd-stepbar-i.dd-on{color:#01FC8D;font-weight:600}
body.single-post .dd-stepbar-i.dd-on b{background:#01FC8D;color:#06210F}

body.single-post .dd-browse{display:flex;align-items:stretch;border-radius:10px;overflow:hidden;background:#0a1016;border:1px solid rgba(232,239,236,.14)}
body.single-post .dd-browse-t{flex:1;padding:12px 15px;font-size:14px;color:rgba(232,239,236,.42)}
body.single-post .dd-browse-b{display:flex;align-items:center;padding:12px 20px;font-size:14px;color:#01FC8D;border-left:1px solid rgba(232,239,236,.14);background:rgba(1,252,141,.08)}

body.single-post .dd-toggle-row{display:flex;align-items:center;gap:12px;padding:12px 15px;border-radius:11px;background:#0a1016;border:1px solid rgba(1,252,141,.28);font-size:14.5px;color:#fff}
body.single-post .dd-toggle{flex:none;position:relative;width:42px;height:23px;border-radius:12px;background:rgba(232,239,236,.18)}
body.single-post .dd-toggle i{position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#fff;transition:left .2s}
body.single-post .dd-toggle.dd-on{background:#01FC8D}
body.single-post .dd-toggle.dd-on i{left:22px}

body.single-post .dd-note{margin:18px 0;padding:16px 18px;border-radius:12px;background:rgba(1,252,141,.07);border-left:3px solid #01FC8D;font-size:14.5px;line-height:1.65;color:rgba(232,239,236,.86)}
body.single-post .dd-note strong{color:#01FC8D}

/* === Mobile nav dropdown: kill the navy, match the site === */
.elementor-nav-menu--dropdown.elementor-nav-menu__container,
.elementor-nav-menu--dropdown{
  background-color:rgba(6,11,15,.97)!important;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border-top:1px solid rgba(1,252,141,.22);
  border-bottom:1px solid rgba(1,252,141,.22);
  box-shadow:0 20px 46px rgba(0,0,0,.6);
}
.elementor-nav-menu--dropdown a.elementor-item{
  color:#E8EFEC!important;
  letter-spacing:.01em;
}
.elementor-nav-menu--dropdown li:not(:last-child) > a.elementor-item{
  border-bottom:1px solid rgba(232,239,236,.08);
}
.elementor-nav-menu--dropdown a.elementor-item:hover,
.elementor-nav-menu--dropdown a.elementor-item:focus,
.elementor-nav-menu--dropdown a.elementor-item.elementor-item-active,
.elementor-nav-menu--dropdown a.elementor-item.highlighted{
  color:#01FC8D!important;
  background-color:rgba(1,252,141,.09)!important;
}

/* === Shop: default / free add-on state lists === */
/* the box now wraps the title, subtitle and both state groups */
.elementor-element-d3245aa .main-title-area{
  max-width:1040px;margin:0 auto;padding:40px 36px 34px;border-radius:20px;
  background:rgba(2,5,8,.86);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  border:1px solid rgba(1,252,141,.20);
  box-shadow:0 20px 50px rgba(0,0,0,.55);
}
.elementor-element-d3245aa .section-title-two h1{margin-bottom:6px}

.section-description .dd-sl{display:block;max-width:100%;margin:22px auto 0;text-align:center;padding:0;background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.section-description .dd-sl-h{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0 0 16px;color:#01FC8D;font-size:21px;font-weight:700;letter-spacing:.02em;line-height:1.2}
.section-description .dd-sl-h2{margin-top:32px}
.section-description .dd-sl-n{
  font-size:14.5px;font-weight:600;letter-spacing:.05em;
  color:rgba(232,239,236,.85);text-transform:uppercase;
  font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.section-description .dd-sl-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}
.section-description .dd-s{display:inline-block;padding:7px 14px;border-radius:9px;font-size:14px;line-height:1.2;background:rgba(1,252,141,.12);border:1px solid rgba(1,252,141,.32);color:#01FC8D;white-space:nowrap}
.section-description .dd-s2{background:rgba(255,255,255,.06);border-color:rgba(232,239,236,.24);color:rgba(232,239,236,.94)}
.section-description .dd-sl-note{
  display:block;margin-top:16px;font-size:16px;line-height:1.65;
  color:rgba(232,239,236,.86);font-weight:500;
  font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
@media (max-width:767px){
  .elementor-element-d3245aa .main-title-area{padding:26px 16px 24px;border-radius:16px;margin-left:10px;margin-right:10px}
  .section-description .dd-sl-h{font-size:18px}
  .section-description .dd-s{font-size:12.5px;padding:6px 10px}
  .section-description .dd-sl-chips{gap:7px}
}

/* === Guide visuals: SMS bubbles === */
body.single-post .dd-sms{margin:18px 0 22px;padding:22px 20px 16px;border-radius:16px;background:rgba(4,9,13,.55);border:1px solid rgba(1,252,141,.18)}
body.single-post .dd-sms-l{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(232,239,236,.45);margin-bottom:14px}
body.single-post .dd-sms-b{max-width:82%;width:-moz-fit-content;width:fit-content;padding:12px 16px;margin:0 0 4px;border-radius:16px 16px 16px 5px;background:rgba(255,255,255,.06);border:1px solid rgba(232,239,236,.14);color:rgba(232,239,236,.92);font-size:15px;line-height:1.5}
body.single-post .dd-sms-b.dd-out{margin-left:auto;border-radius:16px 16px 5px 16px;background:rgba(1,252,141,.13);border-color:rgba(1,252,141,.30);color:#fff}

body.single-post .dd-sms-row{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:14px}
body.single-post .dd-sms-row.dd-r-out{align-items:flex-end}
body.single-post .dd-sms-t{font-size:11.5px;color:rgba(232,239,236,.38);padding:0 4px}
body.single-post .dd-sms-d{text-align:center;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:rgba(232,239,236,.38);margin:6px 0 16px}
body.single-post .dd-sms h3,body.single-post h3+ul{margin-top:0}
@media (max-width:600px){body.single-post .dd-sms-b{max-width:94%;font-size:14px}}

/* === Guide visuals: ramp chart + step track === */
body.single-post .dd-ramp{margin:20px 0 8px;padding:24px 26px 20px;border-radius:16px;background:rgba(4,9,13,.55);border:1px solid rgba(1,252,141,.18)}
body.single-post .dd-ramp-l{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(232,239,236,.45);margin-bottom:20px}
body.single-post .dd-ramp-bars{display:flex;align-items:flex-end;gap:12px;border-bottom:1px solid rgba(232,239,236,.14);padding-bottom:0}
body.single-post .dd-bar{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center}
body.single-post .dd-bar:before{content:"";display:block;width:100%;border-radius:8px 8px 0 0;background:linear-gradient(180deg,rgba(1,252,141,.9),rgba(1,252,141,.18));border:1px solid rgba(1,252,141,.42);border-bottom:0}
body.single-post .dd-bar.h1:before{height:20px}
body.single-post .dd-bar.h2:before{height:38px}
body.single-post .dd-bar.h3:before{height:60px}
body.single-post .dd-bar.h4:before{height:86px}
body.single-post .dd-bar.h5:before{height:116px}
body.single-post .dd-bar.h6:before{height:150px}
body.single-post .dd-bar i{font-style:normal;margin-top:10px;font-size:11.5px;letter-spacing:.03em;color:rgba(232,239,236,.5);white-space:nowrap}
body.single-post .dd-ramp-cap{display:block;margin-top:26px;font-size:13.5px;line-height:1.6;color:rgba(232,239,236,.6)}

body.single-post .dd-track{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:26px 0 30px}
body.single-post .dd-track-i{position:relative;padding:0 22px 0 0}
body.single-post .dd-track-i:not(:last-child):after{content:"";position:absolute;left:44px;right:6px;top:17px;height:2px;border-radius:2px;background:linear-gradient(90deg,rgba(1,252,141,.55),rgba(1,252,141,.12))}
body.single-post .dd-track-n{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#01FC8D;color:#06210F;font-weight:700;font-size:16px;margin:0 0 15px}
body.single-post .dd-track-i h3{margin:0 0 7px!important;font-size:16px!important;color:#fff!important}
body.single-post .dd-track-i p{margin:0!important;font-size:14.5px!important;line-height:1.6!important}

@media (max-width:720px){
  body.single-post .dd-track{grid-template-columns:1fr;gap:22px}
  body.single-post .dd-track-i{padding:0 0 0 52px}
  body.single-post .dd-track-n{position:absolute;left:0;top:0;margin:0}
  body.single-post .dd-track-i:not(:last-child):after{left:17px;right:auto;top:44px;bottom:-22px;width:2px;height:auto;background:linear-gradient(180deg,rgba(1,252,141,.55),rgba(1,252,141,.12))}
  body.single-post .dd-ramp{padding:20px 16px 16px}
  body.single-post .dd-ramp-bars{gap:6px}
  body.single-post .dd-bar i{font-size:10px}
}

/* === Guide visuals: warning callout === */
body.single-post .dd-warn{margin:20px 0;padding:17px 20px;border-radius:12px;background:rgba(255,85,80,.08);border:1px solid rgba(255,85,80,.30);border-left:3px solid #ff5f57;font-size:14.5px;line-height:1.65;color:rgba(232,239,236,.88)}
body.single-post .dd-warn strong{color:#ff5f57}
body.single-post .dd-warn em{color:#01FC8D;font-style:normal;font-weight:600}

/* === Guide visuals: partner logo card === */
body.single-post .dd-logo{display:block;margin:20px 0 22px;padding:30px 28px 24px;border-radius:16px;text-align:center;background:#fff;border:1px solid rgba(1,252,141,.22);box-shadow:0 14px 34px rgba(0,0,0,.4)}
body.single-post .dd-logo img{display:block;margin:0 auto;max-width:260px;width:100%;height:auto}
body.single-post .dd-logo-cap{display:block;margin-top:20px;padding-top:18px;border-top:1px solid rgba(10,16,22,.10);font-size:14px;line-height:1.6;color:#3b4a55}
body.single-post .dd-logo-cap a{color:#5b3df5!important;font-weight:600}
body.single-post .dd-logo-cap a:hover{text-decoration:underline}
@media (max-width:600px){body.single-post .dd-logo{padding:24px 18px 20px}body.single-post .dd-logo img{max-width:210px}}

/* === Checkout: state list presentation (cosmetic only, no field changes) === */
/* Panels the three copy containers into one card. Touches no checkout field. */
body.woocommerce-checkout .elementor-element-48fcb8b,
body.woocommerce-checkout .elementor-element-559d7cd,
body.woocommerce-checkout .elementor-element-bccdb05{
  width:min(980px,92vw)!important;margin-left:auto!important;margin-right:auto!important;
  padding-left:32px!important;padding-right:32px!important;
  background-color:rgba(2,5,8,.88)!important;background-image:none!important;
  border-left:1px solid rgba(1,252,141,.20)!important;border-right:1px solid rgba(1,252,141,.20)!important;
}
body.woocommerce-checkout .elementor-element-48fcb8b{border-top:1px solid rgba(1,252,141,.20)!important;border-radius:18px 18px 0 0!important;padding-top:28px!important}
body.woocommerce-checkout .elementor-element-bccdb05{border-bottom:1px solid rgba(1,252,141,.20)!important;border-radius:0 0 18px 18px!important;padding-bottom:28px!important;box-shadow:0 20px 50px rgba(0,0,0,.5)}

/* group headings */
body.woocommerce-checkout .elementor-element-135c77f .elementor-heading-title,
body.woocommerce-checkout .elementor-element-1fdb3d5 .elementor-heading-title{
  font-size:23px!important;line-height:1.3!important;color:#01FC8D!important;letter-spacing:.03em;margin:0 0 10px!important;font-style:normal!important;font-weight:700!important;
}
body.woocommerce-checkout .elementor-element-bccdb05 .elementor-element-1fdb3d5{margin-top:22px}

/* the state lists themselves */
body.woocommerce-checkout .elementor-element-7042cf7 .elementor-heading-title,
body.woocommerce-checkout .elementor-element-1c2560e .elementor-heading-title{
  font-size:17px!important;line-height:1.95!important;font-weight:500!important;font-style:normal!important;
  color:#E8EFEC!important;max-width:860px;margin:0 auto!important;letter-spacing:.015em;
  font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif!important;
}

/* acknowledgement reads as a note, not a headline */
body.woocommerce-checkout .elementor-element-b7f6c14 .elementor-heading-title{
  display:block;width:min(980px,92vw);margin:22px auto 4px!important;padding:15px 20px;
  border-radius:12px;background:rgba(1,252,141,.07);border-left:3px solid #01FC8D;
  font-size:14.5px!important;line-height:1.6!important;font-weight:400!important;
  color:rgba(232,239,236,.88)!important;text-align:left!important;font-style:normal!important;
}

@media (max-width:767px){
  body.woocommerce-checkout .elementor-element-48fcb8b,
  body.woocommerce-checkout .elementor-element-559d7cd,
  body.woocommerce-checkout .elementor-element-bccdb05{padding-left:18px!important;padding-right:18px!important;width:min(980px,94vw)!important}
  body.woocommerce-checkout .elementor-element-135c77f .elementor-heading-title,
  body.woocommerce-checkout .elementor-element-1fdb3d5 .elementor-heading-title{font-size:17px!important}
  body.woocommerce-checkout .elementor-element-7042cf7 .elementor-heading-title,
  body.woocommerce-checkout .elementor-element-1c2560e .elementor-heading-title{font-size:14px!important;line-height:1.9!important}
}

/* === Checkout: acknowledgement note === */
/* tighten the 100px gap the container adds above the note */
body.woocommerce-checkout .elementor-element-e3f1386 > .e-con-inner{padding-top:26px!important}

/* the note itself: centered, clearer, self-contained */
body.woocommerce-checkout .elementor-element-b7f6c14 .elementor-heading-title{
  display:block;width:min(980px,92vw);max-width:none;margin:0 auto!important;
  padding:16px 26px!important;border-radius:13px;
  background:rgba(1,252,141,.09)!important;border:1px solid rgba(1,252,141,.30)!important;border-left-width:1px!important;
  font-size:17px!important;line-height:1.6!important;font-weight:700!important;font-style:normal!important;
  color:#FFFFFF!important;text-align:center!important;letter-spacing:.015em;text-wrap:balance;
  font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif!important;
}
@media (max-width:767px){
  body.woocommerce-checkout .elementor-element-e3f1386 > .e-con-inner{padding-top:20px!important}
  body.woocommerce-checkout .elementor-element-b7f6c14 .elementor-heading-title{font-size:14px!important;padding:14px 18px!important}
}

/* === Checkout: state filtering explainer + scroll notice === */
/* scroll-down notice under the state lists */
body.woocommerce-checkout .elementor-element-dd7a1b2 .elementor-heading-title{
  display:block;max-width:840px;margin:24px auto 0!important;padding:16px 24px;
  border-radius:12px;background:rgba(1,252,141,.10);border:1px solid rgba(1,252,141,.45);
  font-size:16.5px!important;line-height:1.6!important;font-weight:600!important;font-style:normal!important;
  color:#FFFFFF!important;text-align:center!important;text-wrap:balance;
  font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif!important;
}

/* the explainer that replaced the video */
body.woocommerce-checkout .elementor-element-dd9c3d4{width:min(980px,92vw)!important;margin:0 auto!important}
body.woocommerce-checkout .dd-ck{text-align:left;padding:30px 32px 26px;border-radius:18px;background:rgba(2,5,8,.88);border:1px solid rgba(1,252,141,.20);box-shadow:0 20px 50px rgba(0,0,0,.5)}
body.woocommerce-checkout .dd-ck p{margin:0 0 14px;font-size:15px;line-height:1.7;color:rgba(232,239,236,.88)}
body.woocommerce-checkout .dd-ck-intro{font-size:16px!important;color:#E8EFEC!important}
body.woocommerce-checkout .dd-ck strong{color:#fff}
body.woocommerce-checkout .dd-ck em{color:#01FC8D;font-style:normal}
body.woocommerce-checkout .dd-ck-steps{display:block;margin:24px 0 22px}
body.woocommerce-checkout .dd-ck-step{position:relative;display:flex;gap:20px;padding:0 0 28px;background:none!important;border:0!important;border-radius:0}
body.woocommerce-checkout .dd-ck-step:last-child{padding-bottom:0}
body.woocommerce-checkout .dd-ck-step:not(:last-child):before{content:"";position:absolute;left:20px;top:48px;bottom:4px;width:2px;border-radius:2px;background:linear-gradient(180deg,rgba(1,252,141,.55),rgba(1,252,141,.10))}
body.woocommerce-checkout .dd-ck-n{position:relative;z-index:1;flex:none;width:42px;height:42px;border-radius:50%;background:rgba(1,252,141,.13);border:2px solid #01FC8D;color:#01FC8D;font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center;font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif}
body.woocommerce-checkout .dd-ck-step h4{margin:9px 0 8px!important;font-size:18px!important;color:#fff!important;font-weight:700!important;letter-spacing:.01em}
body.woocommerce-checkout .dd-ck-step p{margin:0!important;font-size:15.5px!important;line-height:1.7!important;color:rgba(232,239,236,.82)!important;max-width:640px;font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif!important}
body.woocommerce-checkout .dd-ck-note{margin:12px 0;padding:15px 18px;border-radius:11px;background:rgba(1,252,141,.07);border-left:3px solid #01FC8D;font-size:14.5px;line-height:1.6;color:rgba(232,239,236,.9)}
body.woocommerce-checkout .dd-ck-note strong{color:#01FC8D}
body.woocommerce-checkout .dd-ck-warn{background:rgba(255,85,80,.08);border-left-color:#ff5f57}
body.woocommerce-checkout .dd-ck-warn strong{color:#ff5f57}
body.woocommerce-checkout .dd-ck-warn em{color:#ff5f57;font-weight:600}
body.woocommerce-checkout .dd-ck-more{margin:18px 0 0!important;font-size:14px!important;color:rgba(232,239,236,.6)!important}
body.woocommerce-checkout .dd-ck-more a{color:#01FC8D!important;font-weight:600}
@media (max-width:767px){
  body.woocommerce-checkout .dd-ck{padding:22px 16px 20px}
  body.woocommerce-checkout .dd-ck-step{padding:15px 14px;gap:12px}
}

/* === Checkout explainer: title, subheads, mock, chips === */
/* the old standalone heading above the box is now inside it */
body.woocommerce-checkout .elementor-element-c3061f9{display:none!important}

body.woocommerce-checkout .dd-ck-title{margin:0 0 14px!important;font-size:30px!important;line-height:1.2!important;color:#fff!important;font-weight:700!important;text-align:center}
body.woocommerce-checkout .dd-ck-sub{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;margin:30px 0 10px!important;font-size:19px!important;color:#01FC8D!important;font-weight:700!important}
body.woocommerce-checkout .dd-ck-count{font-size:12.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:rgba(232,239,236,.6)}
body.woocommerce-checkout .dd-ck-lead{font-size:14.5px!important;color:rgba(232,239,236,.78)!important;margin:0 0 12px!important}

/* dropdown mock */
body.woocommerce-checkout .dd-ck-mock{margin:14px 0 6px;padding:18px 20px;border-radius:13px;background:rgba(4,9,13,.6);border:1px solid rgba(1,252,141,.2)}
body.woocommerce-checkout .dd-ck-mock-l{font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:rgba(232,239,236,.6);margin-bottom:10px}
body.woocommerce-checkout .dd-ck-mock-s{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-radius:10px;background:#0a1016;border:1px solid rgba(1,252,141,.3);color:#fff;font-size:15px}
body.woocommerce-checkout .dd-ck-caret{color:#01FC8D;font-size:13px}
body.woocommerce-checkout .dd-ck-mock-h{margin-top:10px;font-size:13.5px;color:rgba(232,239,236,.6)}

/* state chips */
body.woocommerce-checkout .dd-ck-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 6px}
body.woocommerce-checkout .dd-ck-chip{display:inline-block;padding:7px 13px;border-radius:9px;font-size:14px;line-height:1.2;white-space:nowrap;font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif}
body.woocommerce-checkout .dd-ck-on{background:rgba(1,252,141,.11);border:1px solid rgba(1,252,141,.30);color:#01FC8D}
body.woocommerce-checkout .dd-ck-off{background:rgba(255,255,255,.05);border:1px solid rgba(232,239,236,.22);color:rgba(232,239,236,.92)}

@media (max-width:767px){
  body.woocommerce-checkout .dd-ck-title{font-size:23px!important}
  body.woocommerce-checkout .dd-ck-sub{font-size:17px!important;gap:8px}
  body.woocommerce-checkout .dd-ck-chip{font-size:12.5px;padding:6px 10px}
  body.woocommerce-checkout .dd-ck-chips{gap:6px}
}

/* === Footer: policy links moved to the Information Center === */
.elementor-element-8e7d0b0 .elementor-icon-list-item:has(a[href*="/privacy-policy"]),
.elementor-element-8e7d0b0 .elementor-icon-list-item:has(a[href*="/refund_returns"]){display:none!important}

/* the two links now live under the hub CTA */
.dd-hub-legal{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;margin:22px 0 0!important;font-size:14.5px}
.dd-hub-legal a{color:rgba(232,239,236,.72)!important;text-decoration:none;font-weight:500}
.dd-hub-legal a:hover{color:#01FC8D!important;text-decoration:underline}
.dd-hub-dot{color:rgba(232,239,236,.35)}

/* === Shop: tighten the gap under the page title === */
/* scoped to the shop archive only, so other page banners are untouched */
body.woocommerce-shop .elementor-element-68eb0bb{min-height:auto!important}
body.woocommerce-shop .elementor-element-68eb0bb > .e-con-inner{padding-top:170px!important;padding-bottom:34px!important}
body.woocommerce-shop .elementor-element-fd1fffb > .e-con-inner{padding-top:24px!important}
body.woocommerce-shop .elementor-element-5ca1d2d{padding-top:10px!important}
body.woocommerce-shop .elementor-element-fc896f8,
body.woocommerce-shop .elementor-element-5e7a64c,
body.woocommerce-shop .elementor-element-0f4e1ee{padding-top:18px!important}
@media (max-width:767px){
  /* The header is pulled down over the page with margin-bottom:-150px and z-index:100.
     On phones it is taller than the padding that compensates, so the title collided with it.
     Drop the pull on the shop archive and let the header take its own space. */
  body.woocommerce-shop .elementor-element-b717a7b{margin-bottom:0!important}
  body.woocommerce-shop .elementor-element-68eb0bb{min-height:auto!important}
  body.woocommerce-shop .elementor-element-68eb0bb > .e-con-inner{padding-top:34px!important;padding-bottom:24px!important}
  body.woocommerce-shop .elementor-element-fc896f8,
  body.woocommerce-shop .elementor-element-5e7a64c,
  body.woocommerce-shop .elementor-element-0f4e1ee{padding-top:10px!important;padding-bottom:10px!important}
  body.woocommerce-shop .elementor-element-fd1fffb > .e-con-inner{padding-top:14px!important}
  body.woocommerce-shop .elementor-element-5ca1d2d{padding-top:6px!important}
}

/* === Guide visuals: send window schedule cards === */
body.single-post .dd-sched{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0 20px}
body.single-post .dd-sched-c{padding:22px 22px 18px;border-radius:15px;background:rgba(4,9,13,.55);border:1px solid rgba(1,252,141,.18)}
body.single-post .dd-sched-max{border-color:rgba(1,252,141,.40);background:rgba(1,252,141,.06)}
body.single-post .dd-sched-h{font-size:16.5px;font-weight:700;color:#01FC8D;margin:0 0 14px;letter-spacing:.01em}
body.single-post .dd-sched-r{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid rgba(232,239,236,.09)}
body.single-post .dd-sched-r:first-of-type{border-top:0;padding-top:0}
body.single-post .dd-sched-k{font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:rgba(232,239,236,.55);white-space:nowrap}
body.single-post .dd-sched-v{font-size:15.5px;font-weight:600;color:#fff;text-align:right;font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif}
body.single-post .dd-sched-f{margin-top:14px;padding-top:12px;border-top:1px dashed rgba(1,252,141,.28);font-size:13.5px;color:rgba(232,239,236,.7)}
@media (max-width:640px){
  body.single-post .dd-sched{grid-template-columns:1fr;gap:14px}
  body.single-post .dd-sched-c{padding:18px 16px 15px}
  body.single-post .dd-sched-v{font-size:14.5px}
}

/* === Checkout mobile: kill the empty grid rows in the state panel === */
/* These containers are grids set to 3 rows on mobile but only hold 1-2 widgets,
   so Elementor renders two empty rows as dead space. Flex column removes them. */
@media (max-width:767px){
  body.woocommerce-checkout .elementor-element-48fcb8b,
  body.woocommerce-checkout .elementor-element-559d7cd,
  body.woocommerce-checkout .elementor-element-bccdb05{
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    grid-template-rows:none!important;grid-template-columns:none!important;
    row-gap:0!important;gap:0!important;min-height:0!important;height:auto!important;
  }
  body.woocommerce-checkout .elementor-element-48fcb8b{padding-top:22px!important;padding-bottom:4px!important}
  body.woocommerce-checkout .elementor-element-559d7cd{padding-top:0!important;padding-bottom:6px!important}
  body.woocommerce-checkout .elementor-element-bccdb05{padding-top:0!important;padding-bottom:22px!important}
  /* the state lists carry a fixed 338px mobile width from Elementor */
  body.woocommerce-checkout .elementor-element-7042cf7,
  body.woocommerce-checkout .elementor-element-1c2560e,
  body.woocommerce-checkout .elementor-element-135c77f,
  body.woocommerce-checkout .elementor-element-1fdb3d5{width:100%!important;max-width:100%!important}
  body.woocommerce-checkout .elementor-element-135c77f .elementor-heading-title,
  body.woocommerce-checkout .elementor-element-1fdb3d5 .elementor-heading-title{font-size:19px!important;margin:0 0 8px!important}
  body.woocommerce-checkout .elementor-element-1fdb3d5{margin-top:18px!important}
  body.woocommerce-checkout .elementor-element-7042cf7 .elementor-heading-title,
  body.woocommerce-checkout .elementor-element-1c2560e .elementor-heading-title{font-size:15px!important;line-height:1.75!important}
  /* the logo image at the top of the panel */
  body.woocommerce-checkout .elementor-element-4d8edf8{margin-bottom:6px!important}
}

/* === Start Here page (new customer onboarding) === */
body.page-id-7758 .default-page{padding:150px 20px 80px}
body.page-id-7758 .site-main{padding:0!important}
body.page-id-7758 .dd-sh{max-width:820px;margin:0 auto;font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif}

/* hero */
body.page-id-7758 .dd-sh-hero{text-align:center;margin-bottom:36px}
body.page-id-7758 .dd-sh-eyebrow{display:inline-block;padding:6px 14px;border-radius:20px;background:rgba(1,252,141,.12);border:1px solid rgba(1,252,141,.35);color:#01FC8D;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}
body.page-id-7758 .dd-sh-title{font-size:46px!important;line-height:1.1!important;color:#fff!important;margin:0 0 14px!important;font-weight:700!important}
body.page-id-7758 .dd-sh-sub{font-size:17px!important;line-height:1.65!important;color:rgba(232,239,236,.78)!important;max-width:600px;margin:0 auto!important}

/* sections */
body.page-id-7758 .dd-sh-sec{margin:0 0 20px;padding:30px 32px;border-radius:18px;background:rgba(2,5,8,.86);border:1px solid rgba(1,252,141,.20);box-shadow:0 18px 44px rgba(0,0,0,.5)}
body.page-id-7758 .dd-sh-h{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:24px!important;line-height:1.25!important;color:#fff!important;margin:0 0 14px!important;font-weight:700!important}
body.page-id-7758 .dd-sh-tag{padding:5px 12px;border-radius:20px;background:#01FC8D;color:#06210F;font-size:12.5px;font-weight:700;letter-spacing:.04em}
body.page-id-7758 .dd-sh-sec p{font-size:15.5px!important;line-height:1.75!important;color:rgba(232,239,236,.82)!important;margin:0 0 14px!important}
body.page-id-7758 .dd-sh-sec p:last-child{margin-bottom:0!important}
body.page-id-7758 .dd-sh-sec strong{color:#fff}

/* callouts */
body.page-id-7758 .dd-sh-warn{margin:18px 0 0;padding:16px 20px;border-radius:12px;background:rgba(255,85,80,.08);border:1px solid rgba(255,85,80,.28);border-left:3px solid #ff5f57;font-size:15px;line-height:1.65;color:rgba(232,239,236,.9)}
body.page-id-7758 .dd-sh-warn strong{color:#ff5f57}
body.page-id-7758 .dd-sh-note{margin:18px 0 0;padding:16px 20px;border-radius:12px;background:rgba(1,252,141,.08);border-left:3px solid #01FC8D;font-size:15px;line-height:1.65;color:rgba(232,239,236,.9)}
body.page-id-7758 .dd-sh-note strong{color:#01FC8D}

/* three trust cards */
body.page-id-7758 .dd-sh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
body.page-id-7758 .dd-sh-card{padding:20px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid rgba(1,252,141,.18)}
body.page-id-7758 .dd-sh-card-h{font-size:15.5px;font-weight:700;color:#01FC8D;margin-bottom:8px;line-height:1.35}
body.page-id-7758 .dd-sh-card p{font-size:14px!important;line-height:1.6!important;margin:0!important}

/* crm rows */
body.page-id-7758 .dd-sh-crm{display:flex;gap:16px;align-items:flex-start;padding:18px 20px;margin-bottom:12px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid rgba(1,252,141,.18)}
body.page-id-7758 .dd-sh-badge{flex:none;padding:5px 12px;border-radius:7px;background:#01FC8D;color:#06210F;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-top:2px}
body.page-id-7758 .dd-sh-badge-alt{background:rgba(232,239,236,.14);color:rgba(232,239,236,.85)}
body.page-id-7758 .dd-sh-crm-n{font-size:18px;font-weight:700;color:#fff;margin-bottom:5px}
body.page-id-7758 .dd-sh-crm p{margin:0!important;font-size:14.5px!important}
body.page-id-7758 .dd-sh-link{margin-top:16px!important}
body.page-id-7758 .dd-sh-link a{color:#01FC8D!important;font-weight:600;font-size:15px}

/* referral steps */
body.page-id-7758 .dd-sh-steps{margin:18px 0 0}
body.page-id-7758 .dd-sh-step{position:relative;display:flex;gap:18px;padding:0 0 24px}
body.page-id-7758 .dd-sh-step:last-child{padding-bottom:0}
body.page-id-7758 .dd-sh-step:not(:last-child):before{content:"";position:absolute;left:19px;top:44px;bottom:2px;width:2px;border-radius:2px;background:linear-gradient(180deg,rgba(1,252,141,.55),rgba(1,252,141,.1))}
body.page-id-7758 .dd-sh-n{position:relative;z-index:1;flex:none;width:40px;height:40px;border-radius:50%;background:rgba(1,252,141,.13);border:2px solid #01FC8D;color:#01FC8D;font-weight:700;font-size:17px;display:flex;align-items:center;justify-content:center}
body.page-id-7758 .dd-sh-step h3{margin:8px 0 6px!important;font-size:17px!important;color:#fff!important;font-weight:700!important}
body.page-id-7758 .dd-sh-step p{margin:0!important;font-size:15px!important}
body.page-id-7758 .dd-sh-step em{color:#01FC8D;font-style:normal;font-weight:700}
body.page-id-7758 .dd-sh-eg{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0 0;padding:16px 20px;border-radius:12px;background:rgba(1,252,141,.08);border:1px dashed rgba(1,252,141,.4);font-size:16px;color:rgba(232,239,236,.9)}
body.page-id-7758 .dd-sh-eg-l{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#01FC8D}
body.page-id-7758 .dd-sh-eg strong{color:#01FC8D}
body.page-id-7758 .dd-sh-rules{margin:18px 0 0!important;padding:0!important;list-style:none!important}
body.page-id-7758 .dd-sh-rules li{position:relative;padding:0 0 0 26px;margin:0 0 9px;font-size:15px;color:rgba(232,239,236,.82)}
body.page-id-7758 .dd-sh-rules li:before{content:"✓";position:absolute;left:0;color:#01FC8D;font-weight:700}

/* state chips */
body.page-id-7758 .dd-sh-sub-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;margin:24px 0 12px!important;font-size:17px!important;color:#01FC8D!important;font-weight:700!important}
body.page-id-7758 .dd-sh-count{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgba(232,239,236,.55)}
body.page-id-7758 .dd-sh-chips{display:flex;flex-wrap:wrap;gap:8px}
body.page-id-7758 .dd-sh-chip{display:inline-block;padding:7px 13px;border-radius:9px;font-size:14px;line-height:1.2;white-space:nowrap}
body.page-id-7758 .dd-sh-on{background:rgba(1,252,141,.11);border:1px solid rgba(1,252,141,.3);color:#01FC8D}
body.page-id-7758 .dd-sh-off{background:rgba(255,255,255,.05);border:1px solid rgba(232,239,236,.22);color:rgba(232,239,236,.92)}

/* link list */
body.page-id-7758 .dd-sh-links{display:grid;gap:10px}
body.page-id-7758 .dd-sh-lnk{display:block;padding:16px 20px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(1,252,141,.18);text-decoration:none!important;transition:border-color .2s,background .2s}
body.page-id-7758 .dd-sh-lnk:hover{border-color:rgba(1,252,141,.5);background:rgba(1,252,141,.07)}
body.page-id-7758 .dd-sh-lnk span{display:block;font-size:16.5px;font-weight:700;color:#01FC8D;margin-bottom:4px}
body.page-id-7758 .dd-sh-lnk em{display:block;font-style:normal;font-size:14px;color:rgba(232,239,236,.7)}

/* contact */
body.page-id-7758 .dd-sh-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
body.page-id-7758 .dd-sh-contact-grid a{padding:14px 18px;border-radius:11px;background:rgba(255,255,255,.04);border:1px solid rgba(232,239,236,.14);color:#E8EFEC!important;font-size:15px;text-decoration:none!important}
body.page-id-7758 .dd-sh-contact-grid a:hover{border-color:rgba(1,252,141,.45);color:#01FC8D!important}

@media (max-width:767px){
  body.page-id-7758 .default-page{padding:110px 14px 60px}
  body.page-id-7758 .dd-sh-title{font-size:32px!important}
  body.page-id-7758 .dd-sh-sub{font-size:15.5px!important}
  body.page-id-7758 .dd-sh-sec{padding:22px 18px;border-radius:15px}
  body.page-id-7758 .dd-sh-h{font-size:20px!important}
  body.page-id-7758 .dd-sh-grid{grid-template-columns:1fr}
  body.page-id-7758 .dd-sh-contact-grid{grid-template-columns:1fr}
  body.page-id-7758 .dd-sh-chip{font-size:12.5px;padding:6px 10px}
  body.page-id-7758 .dd-sh-crm{flex-direction:column;gap:10px}
}

/* === Start Here: referral visual walkthrough === */
/* checkout field mock */
body.page-id-7758 .dd-sh-mock{margin:14px 0 0;padding:20px 22px;border-radius:13px;background:rgba(4,9,13,.6);border:1px solid rgba(1,252,141,.2)}
body.page-id-7758 .dd-sh-mock-lab{font-size:13.5px;line-height:1.5;color:rgba(232,239,236,.72);margin-bottom:10px}
body.page-id-7758 .dd-sh-opt{color:rgba(232,239,236,.4)}
body.page-id-7758 .dd-sh-input{display:flex;align-items:center;padding:14px 16px;border-radius:10px;background:#0a1016;border:1px solid rgba(1,252,141,.45);box-shadow:0 0 0 3px rgba(1,252,141,.08)}
body.page-id-7758 .dd-sh-typed{font-size:16px;color:#fff;font-weight:500}
body.page-id-7758 .dd-sh-caret{display:inline-block;width:2px;height:19px;margin-left:2px;background:#01FC8D;animation:ddblink 1.1s step-end infinite}
@keyframes ddblink{50%{opacity:0}}
body.page-id-7758 .dd-sh-mock-hint{margin-top:11px;font-size:13.5px;color:rgba(232,239,236,.6)}

/* bonus calculation */
body.page-id-7758 .dd-sh-calc{display:flex;align-items:stretch;gap:10px;margin:14px 0 0;flex-wrap:wrap}
body.page-id-7758 .dd-sh-calc-i{flex:1 1 0;min-width:120px;padding:16px 14px;border-radius:12px;text-align:center;background:rgba(255,255,255,.035);border:1px solid rgba(232,239,236,.14)}
body.page-id-7758 .dd-sh-calc-i span{display:block;font-size:11.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:rgba(232,239,236,.55);margin-bottom:7px}
body.page-id-7758 .dd-sh-calc-i strong{display:block;font-size:23px;font-weight:700;color:#E8EFEC;line-height:1}
body.page-id-7758 .dd-sh-calc-tot{background:rgba(1,252,141,.10);border-color:rgba(1,252,141,.42)}
body.page-id-7758 .dd-sh-calc-tot span{color:#01FC8D}
body.page-id-7758 .dd-sh-calc-tot strong{color:#01FC8D}
body.page-id-7758 .dd-sh-calc-op{display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:700;color:rgba(1,252,141,.65);padding:0 2px}

@media (max-width:600px){
  body.page-id-7758 .dd-sh-calc{flex-direction:column;gap:8px}
  body.page-id-7758 .dd-sh-calc-op{padding:2px 0}
  body.page-id-7758 .dd-sh-calc-i{min-width:0}
  body.page-id-7758 .dd-sh-calc-i strong{font-size:21px}
}