.elementor-255 .elementor-element.elementor-element-9eea5bf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-255 .elementor-element.elementor-element-67e8bd8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-255 .elementor-element.elementor-element-b7e3065{--display:flex;}.elementor-255 .elementor-element.elementor-element-94aeec5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-255 .elementor-element.elementor-element-afe7f9c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-255 .elementor-element.elementor-element-1ca4285{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-3649781 *//* ==============================
   0) RESET & BASE
   ============================== */
html, body { margin: 0; padding: 0; }
* {
  transition: background-color 1.8s ease, color 1.8s ease,
              border-color 1.8s ease, box-shadow 1.8s ease;
}
@media (prefers-reduced-motion: reduce){
  * { transition: none !important; animation: none !important; }
}

/* ==============================
   1) THEME ROOT & PALETTE
   ============================== */
.theme-root{
  /* Dark section palette */
  --ink:#E9EEF9;
  --muted:#9EB0CF;
  --line:rgba(255,255,255,.16);
  --glass:rgba(255,255,255,.08);

  /* Netflix accents */
  --accent:#E50914;
  --accent2:#B20710;
  --accent3:#730308;

  font-family:"Poppins",system-ui,-apple-system,Segoe UI,Inter,Roboto,sans-serif;
  color:var(--ink);
  min-height:100vh;
  position:relative;
  isolation:isolate;
}

/* Optional theme background layers (if you use them) */
.bg{position:fixed; inset:0; z-index:-1; pointer-events:none;}
.bg-layer{position:absolute; inset:0; opacity:0; transition:opacity 1.6s ease;}
.bg-layer.active{opacity:1;}

}
.theme-white{ background:#fff; }

/* ==============================
   2) LAYOUT HELPERS
   ============================== */
.container{ max-width:1280px; margin:0 auto; padding:28px; }
@media (min-width:1400px){ .container{ max-width:1320px; } }
.section{ padding:88px 0; }
.grid{ display:grid; gap:24px; }
.flex{ display:flex; align-items:center; }
.flex-wrap{ flex-wrap:wrap; }
.gap-12{ gap:12px; }

/* ==============================
   3) TYPE & COMMON UI
   ============================== */
h1.title{
  font-weight:700; letter-spacing:-.6px; line-height:1.02;
  font-size:clamp(44px,4.5vw,96px); margin:12px 0 8px;
}
.lead{ font-size:clamp(20px,2.2vw,24px); color:var(--ink); max-width:70ch; }
h2{ font-size:clamp(28px,3.6vw,44px); margin:0 0 12px; }
h3{ font-size:clamp(20px,2.2vw,26px); margin:0 0 6px; }

.btn{
  display:inline-flex; align-items:center; gap:12px;
  padding:16px 24px; border-radius:16px;
  border:1px solid var(--line); background:var(--glass); color:var(--ink);
  font-weight:700; text-decoration:none; font-size:clamp(14px,1.4vw,18px);
}
.btn:hover{ transform:translateY(-1px); }
.btn.accent{
  border:none;
  background:linear-gradient(135deg,var(--accent),var(--accent2) 60%,var(--accent3));
  color:#fff;
  box-shadow:0 14px 30px rgba(0,0,0,.18);
}

.chip{
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 14px; border-radius:999px;
  background:rgba(255,255,255,.06); border:1px solid var(--line);
  color:var(--muted); font-weight:700;
}
.glass{
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04));
  border:1px solid var(--line); border-radius:22px;
}

/* ==============================
   4) HERO (Background image)
   ============================== */
.hero-bg{
  background-image:url("https://jpfluellen.com/wp-content/uploads/2025/05/20240811_124213-scaled.jpeg");
  background-repeat:no-repeat;
  background-size:cover;
  background-position:65% 50%; /* focal shift to the right */
  position:relative;
  color:#fff;
  width:100%;
  min-height:100svh; min-height:100dvh; min-height:100vh; /* fallbacks */
  display:flex;
  align-items:center;
  padding:110px 0;
}
.hero-bg::before{
  content:""; position:absolute; inset:0;
  background:rgba(0,0,0,.45);
}
.hero-bg > *{ position:relative; z-index:1; }

/* Focal point nudges for smaller screens */
@media (max-width:1200px){ .hero-bg{ background-position:70% 50%; } }
@media (max-width:980px) { .hero-bg{ background-position:75% 50%; } }
@media (max-width:720px) { .hero-bg{ background-position:80% 50%; } }

/* WordPress admin bar compensation */
body.admin-bar .hero-bg{ min-height:calc(100svh - 32px); }
@media (max-width:782px){
  body.admin-bar .hero-bg{ min-height:calc(100svh - 46px); }
}

/* ==============================
   5) HERO EMAIL FORM
   ============================== */
.sr-only{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;
  clip:rect(0,0,0,0); white-space:nowrap; border:0;
}
.cta-form{
  display:flex; align-items:stretch; gap:12px; flex-wrap:nowrap;
  max-width:820px; margin:16px 0 8px;
}
.cta-form input{
  flex:1;
  font:500 clamp(14px,1.6vw,16px)/1.2 Poppins,system-ui,-apple-system,Segoe UI,Inter,Roboto,sans-serif;
  padding:16px 18px; border-radius:14px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.06); color:var(--ink);
  outline:none; box-shadow:inset 0 -2px 0 rgba(0,0,0,.06);
}
.cta-form input::placeholder{ color:var(--muted); }
.cta-form input:focus{
  border-color:var(--accent);
  box-shadow:0 0 0 3px rgba(229,9,20,.28);
  background:rgba(255,255,255,.08);
}
.cta-form .btn{ padding:16px 24px; border-radius:14px; }
.form-helper{
  margin:6px 0 0; color:var(--muted);
  font:500 clamp(12px,1.4vw,14px)/1.6 Poppins,system-ui,-apple-system,Segoe UI,Inter,Roboto,sans-serif;
}
@media (max-width:640px){
  .cta-form{ flex-direction:column; }
  .cta-form .btn{ width:100%; }
}

/* ==============================
   6) WORDPRESS FULL-WIDTH FIXES
   (Removes the theme’s page padding so alignfull is true full-bleed)
   ============================== */

/* Make alignfull blocks actually span the viewport width */
.wp-block-group.alignfull,
.wp-block-cover.alignfull,
.wp-block-image.alignfull,
.hero-bg.alignfull {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding-left: 0;
  padding-right: 0;
}

/* Remove outer site padding some themes add */
.wp-site-blocks { padding-left: 0; padding-right: 0; }

/* Classic themes often wrap content in narrower containers */
.entry-content > .alignfull,
.site-main > .alignfull {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* Keep your hero’s inner content at a readable width */
.hero-bg .container{
  max-width: 1280px;
  margin: 0 auto;
  padding: 28px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d60552f */#reasonsAlt{ background:#fff; color:#0f172a; }
#reasonsAlt .wrap{ max-width:1280px; margin:0 auto; padding:clamp(32px,6vw,72px) clamp(20px,4vw,40px); }
#reasonsAlt .eyebrow{ display:inline-block; margin-bottom:8px; font:700 12px/1 Poppins; text-transform:uppercase; letter-spacing:.16em; color:var(--muted); }
#reasonsAlt .title{ margin:0 0 clamp(10px,2vw,16px); font:800 clamp(28px,4vw,40px)/1.1 Poppins; letter-spacing:-.3px; color:#0f172a; }

.alt-list{ display:grid; gap:clamp(28px,4vw,48px); }
.alt-item{
  display:grid; align-items:center;
  grid-template-columns: 1.15fr .85fr; gap:clamp(18px,3vw,32px);
}
.alt-item:nth-child(even) .media{ order:2; }
.alt-item:nth-child(even) .content{ order:1; }
.alt-item .media{ position:relative; overflow:hidden; border-radius:14px; border:1px solid var(--line); background:#000; }
.alt-item .media img{ display:block; width:100%; height:100%; object-fit:cover; aspect-ratio:16/9; filter:grayscale(100%); transition: filter .35s ease, transform .35s ease; }
.alt-item .rule{ width:180px; height:3px; border-radius:3px; background:var(--accent); margin:0 0 16px 0; }
.alt-item h3{ margin:.2rem 0 .6rem; font:800 clamp(22px,3.2vw,30px)/1.2 Poppins; color:#0f172a; letter-spacing:-.2px; }
.alt-item p{ margin:0; max-width:60ch; color:var(--muted); font:500 clamp(14px,1.6vw,16px)/1.7 Poppins; }
.alt-item:hover .media img, .alt-item .media:hover img{ filter:grayscale(0%); transform:scale(1.02); }
@media (max-width:980px){
  .alt-item{ grid-template-columns:1fr; }
  .alt-item:nth-child(even) .media, .alt-item:nth-child(even) .content{ order:unset; }
}
@media (prefers-reduced-motion: reduce){
  .alt-item .media img{ transition: filter .2s ease; }
  .alt-item:hover .media img, .alt-item .media:hover img{ transform:none; }
}
Write to Lorenzo Quianzon/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-20bc9e7 */.partners-dark.alignfull{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
}

/* Dark band with a soft green glow in the top-right */
.partners-dark{
  position:relative;
  color:#E9EEF9;
  background:
    radial-gradient(900px 520px at 85% -10%, rgba(173, 255, 94, .16), transparent 60%),
    radial-gradient(900px 520px at 0% 100%, rgba(120, 200, 255, .10), transparent 60%),
    #0b100d; /* base near-black */
  padding:clamp(36px,6vw,80px) 0;
  overflow:hidden;
}

/* Inner container */
.partners-wrap{
  max-width:1280px;
  margin:0 auto;
  padding:0 clamp(18px,4vw,40px);
}

/* Eyebrow pill */
.partners-eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  font:700 12px/1 Poppins,system-ui,sans-serif;
  letter-spacing:.18em; text-transform:uppercase;
  color:#cfe6d1;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  padding:8px 12px; margin:0 0 12px;
}
.partners-eyebrow::before{
  content:""; width:10px; height:10px; border-radius:50%;
  background:radial-gradient(45% 45% at 35% 35%, #e6ffb3 0%, #9cf06e 60%, #55b53a 100%);
  box-shadow:0 0 0 6px rgba(156,240,110,.18);
}

/* Container spacing within your dark band */
.partner-marquee{ margin-top: clamp(14px, 3vw, 24px); display:grid; gap: clamp(10px, 2vw, 16px); }

/* One marquee row */
.pm-row{
  position:relative; overflow:hidden;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent);
          mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent);
}

/* The moving track – duplicate logos inside to make a seamless loop */
.pm-track{
  display:inline-flex; align-items:center;
  gap: clamp(12px, 1.8vw, 22px);
  width:max-content;
  animation: marquee-left var(--dur, 48s) linear infinite;
  will-change: transform;
}
.pm-right .pm-track{ animation-name: marquee-right; }
.pm-row:hover .pm-track{ animation-play-state: paused; } /* pause on hover */

@keyframes marquee-left   { from{ transform: translateX(0);   } to{ transform: translateX(-50%); } }
@keyframes marquee-right  { from{ transform: translateX(-50%);} to{ transform: translateX(0);    } }

/* Card look, consistent with your earlier dark tiles */
.pm-card{
  position:relative;
  min-height:110px;
  padding: clamp(14px, 1.6vw, 20px);
  border-radius: 16px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.02), 0 10px 26px rgba(0,0,0,.35);
  display:grid; place-items:center;
  transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .22s ease, filter .2s ease;
  user-select:none;
}
.pm-card:hover{
  transform: translateY(-3px);
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.20);
  box-shadow: 0 14px 40px rgba(0,0,0,.55);
}

/* Logos – inverted to white for dark band (remove filter if you want original colors) */
.pm-card img{
  max-width:min(220px, 72vw);
  max-height:42px;
  width:auto; height:auto;
  filter: brightness(0) invert(1) contrast(105%);
  opacity:.92;
  transition: opacity .18s ease, transform .2s ease;
}
.pm-card:hover img{ opacity:1; transform: scale(1.02); }

/* Respect accessibility (no motion) */
@media (prefers-reduced-motion: reduce){
  .pm-track{ animation: none; transform: translateX(0) !important; }
}

/* Keep each tile wide enough even if an image fails to load */
.pm-card{
  min-width: clamp(180px, 22vw, 260px);   /* NEW */
}

/* Make the placeholder images visible and consistent */
.pm-card img{
  display:block;                          /* NEW */
  max-height:44px;                        /* visible size */
  width:auto; height:auto;
  filter:none;                            /* turn OFF invert while using white dummy images */
  opacity:1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bbe7aa9 *//* ===== Testimonials: auto scrolling marquee ===== */
.ts-section{
  --ink: var(--ink, #FFFFFF);
  --muted: var(--muted, #FFFFFF);
  --line: var(--line, rgba(0,0,0,.12));
  --glass: var(--glass, rgba(0,0,0,.04));
  --card-bg: rgba(255,255,255,.04);
  --title: #fff;
  --dot: #FFFFFF;
  --duration: 42s;                /* speed (bigger = slower) */
  background: radial-gradient(420px 240px at 12% 26%, rgba(255,90,31,.15), transparent 60%),
              #FFFFFF;            /* dark backdrop with subtle glow */
  padding: clamp(48px, 10vw, 96px) 0;
  color: var(--ink);
}

.ts-wrap{
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 clamp(16px, 4vw, 32px);
  text-align: center;
}

.ts-title{
  margin: 0 0 6px;
  font: 800 clamp(28px, 6vw, 56px)/1.05 Poppins, system-ui, sans-serif;
  letter-spacing: -.02em;
  color: black;
}
.ts-sub{
  margin: 0 0 clamp(22px, 4vw, 36px);
  color: black;
  font: 500 clamp(14px, 2vw, 18px)/1.7 Poppins, system-ui, sans-serif;
}

.ts-marquee{
  position: relative;
  overflow: hidden;
  /* fade edges like the reference */
  -webkit-mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
          mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
}

.ts-track{
  display: flex;
  gap: clamp(16px, 3vw, 24px);
  width: max-content;           /* allow natural width */
  animation: tsScroll var(--duration) linear infinite;
  will-change: transform;
}
.ts-marquee:hover .ts-track{ animation-play-state: paused; }

@keyframes tsScroll{
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); } /* because we duplicated the set */
}

/* Card */
.ts-card{
  width: clamp(280px, 32vw, 420px);
  padding: clamp(18px, 2.6vw, 24px);
  text-align: left;
  border-radius: 14px;
  background: var(--card-bg);
  border: 1px solid var(--line);
  box-shadow: 0 10px 30px rgba(0,0,0,.18) inset,
              0 0 0 1px rgba(255,255,255,.03);
}

.ts-stars{
  color: #ff7a33;        /* warm orange */
  letter-spacing: .12em;
  font-size: 16px;
  margin-bottom: 10px;
}
.ts-quote{
  margin: 0 0 16px;
  font: 600 clamp(15px, 2.1vw, 18px)/1.6 Inter, system-ui, sans-serif;
  color: var(--ink);
}

.ts-person{
  display: grid;
  grid-template-columns: 40px auto;
  align-items: center;
  gap: 10px;
}
.ts-person img{
  width: 40px; height: 40px; border-radius: 50%;
  object-fit: cover; display: block;
  border: 1px solid rgba(255,255,255,.16);
}
.ts-person strong{
  display: block; color: var(--ink);
  font: 700 14px/1 Poppins, system-ui, sans-serif;
}
.ts-person span{
  display: block; color: var(--muted);
  font: 500 12px/1.4 Poppins, system-ui, sans-serif;
}

/* Responsive: stack height a bit tighter on small screens */
@media (max-width: 680px){
  .ts-card{ width: 84vw; }
  .ts-sub{ margin-bottom: 16px; }
}

/* Force light text inside the Testimonials section */
.ts-section{ color:#E9EEF9; }                 /* default text in section */
.ts-section .ts-title{ color:black; }           /* heading */
.ts-section .ts-sub{ color:#282829; }          /* subtitle */

/* Card text colors */
.ts-section .ts-card{ color:#080808; }
.ts-section .ts-card .ts-quote{ color:#242121; }
.ts-section .ts-card .ts-person strong{ color:#0c0c0c; }
.ts-section .ts-card .ts-person span{ color:#0c0c0c; }

/* Links in cards (if any) */
.ts-section .ts-card a{
  color: black;
  text-decoration-color: rgba(233,238,249,.35);
}
.ts-section .ts-card a:hover{
  text-decoration-color: rgba(233,238,249,.7);
}

/* Neutralize WP block color utilities that might force black */
.ts-section .has-black-color,
.ts-section .has-text-color.has-black-color,
.ts-section p.has-text-color,
.ts-section .wp-block-paragraph.has-black-color{
  color:#000000 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-077a2b6 */#enroll.checkout-hero{
  padding: clamp(32px, 5vw, 60px) 0;
}

#enroll .ck-outer{
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 clamp(20px, 4vw, 40px);
}

/* Card */
#enroll .ck-card{
  display: grid;
  grid-template-columns: 1fr;        /* single-centered column */
  place-items: center;
  text-align: center;

  min-height: min(74vh, 880px);
  border-radius: 26px;
  overflow: hidden;

  /* black + red glow */
  background:
    radial-gradient(1200px 700px at 72% 52%,
      rgba(229, 9, 20, .24) 0%,
      rgba(229, 9, 20, .10) 38%,
      rgba(0,0,0,0) 64%),
    radial-gradient(900px 520px at 86% 84%,
      rgba(115, 3, 8, .22) 0%,
      rgba(115, 3, 8, .06) 60%,
      transparent 72%),
    #070708;

  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 45px 120px rgba(0,0,0,.45);
}

#enroll .ck-left{
  padding: clamp(36px, 6vw, 72px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  color: var(--ink, #E9EEF9);
}

/* Eyebrow pill */
#enroll .ck-eyebrow{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-radius: 999px;
  font: 700 12px/1 "Poppins", system-ui, sans-serif;
  letter-spacing: .16em;
  text-transform: uppercase;
  background: rgba(255,255,255,.08);
  color: rgba(233,238,249,.8);
  border: 1px solid rgba(255,255,255,.12);
}

/* Headline — force to 2 lines without <br> */
#enroll .headline{
  margin: 0 auto 6px;
  font: 800 clamp(42px, 8.6vw, 112px)/.95 "Poppins", system-ui, sans-serif;
  letter-spacing: -.02em;
  color: #F3F6FB;

  /* keep first line “Ready to make” */
  max-width: 22ch;         /* tweak 21–23ch if needed to break perfectly */
  text-wrap: balance;
}
#enroll .headline .word-group{
  display: block;          /* start second line */
  white-space: nowrap;     /* keep “a difference?” together */
}
#enroll .headline .word-group em{ font-style: italic; opacity: .95; }
#enroll .headline .word-group strong{ color: #fff; }

@media (max-width: 560px){
  #enroll .headline{ max-width: none; }
  #enroll .headline .word-group{ white-space: normal; }
}

/* Pills */
#enroll .ck-pills{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  margin-top: 6px;
}
#enroll .ck-pill{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 14px;
  background: #0f1621;
  border: 1px solid rgba(255,255,255,.10);
  color: var(--ink, #E9EEF9);
  font: 700 14px/1 "Poppins", system-ui, sans-serif;
}

/* CTA — bigger & lower */
#enroll .ck-cta{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;

  /* pushes the button further down from the headline */
  margin-top: clamp(32px, 7vw, 100px);
}

#enroll .ck-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  padding: 20px 32px;                /* bigger */
  border-radius: 18px;
  font: 800 19px/1 "Poppins", system-ui, sans-serif;
  color: var(--ink, #E9EEF9);

  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.16);
  text-decoration: none;

  box-shadow: 0 10px 28px rgba(0,0,0,.28),
              inset 0 0 0 1px rgba(255,255,255,.06);
}

#enroll .ck-dot{
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-weight: 800;
  font-size: 18px;
  color: #fff;
  background: radial-gradient(120% 120% at 30% 30%, #E50914 0%, #B20710 55%, #730308 100%);
  border: 0;
}

/* When the viewport is narrow, let the card grow naturally */
@media (max-width: 980px){
  #enroll .ck-card{ min-height: auto; }
}

/* Bigger Apply Today button */
#enroll .ck-btn{
  padding: 29px 50px;    /* ← was ~20px 32px */
  font-size: 30px;       /* ← was ~18–19px */
  border-radius: 50px;   /* a touch rounder */
}

/* Match the red dot to the new size (optional) */
#enroll .ck-dot{
  width: 56px;           /* ← was ~48–52px */
  height: 56px;
  font-size: 20px;
}

/* If you also want more space below the headline */
#enroll .ck-cta{
  margin-top: clamp(40px, 9vw, 140px);  /* push the button further down */
}

/* === Bigger checkout hero background === */
#enroll.checkout-hero{
  padding: clamp(48px, 7vw, 96px) 0;      /* more vertical room around the card */
}
#enroll .ck-outer{
  max-width: 1440px;                      /* wider canvas (bump to 1560px if you want) */
}

/* Larger card + stronger, wider red gradients */
#enroll .ck-card{
  min-height: min(88vh, 1040px);          /* taller hero (was ~72–82vh) */
  border-radius: 28px;
  box-shadow: 0 60px 160px rgba(0,0,0,.50);

  /* bigger glow ellipses */
  background:
    radial-gradient(1400px 820px at 68% 46%,
      rgba(229, 9, 20, .28) 0%,
      rgba(229, 9, 20, .12) 44%,
      transparent 70%),
    radial-gradient(1100px 640px at 88% 86%,
      rgba(115, 3, 8, .30) 0%,
      rgba(115, 3, 8, .06) 64%,
      transparent 80%),
    #060606;                               /* deep black base */
}

/* Bigger right-side aura so the red feels wider */
#enroll .ck-right::after{
  background:
    radial-gradient(70% 70% at 68% 60%, rgba(229,9,20,.28) 0%, rgba(229,9,20,0) 70%),
    radial-gradient(60% 60% at 88% 78%, rgba(178,7,16,.22) 0%, rgba(178,7,16,0) 62%);
  filter: blur(6px);
}

/* (Optional) Truly wide/full-bleed section if you add alignfull to #enroll */
#enroll.alignfull{
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding-left: 0; padding-right: 0;
}/* End custom CSS */