*{box-sizing:border-box}
:root{
  --bg:#080808;
  --panel:#0d0d0d;
  --panel2:#111;
  --text:#f5f5f3;
  --muted:#a8a8a3;
  --gold:#d0a651;
  --line:#292929;
}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:"Plus Jakarta Sans",sans-serif;
}
a{text-decoration:none;color:inherit}
.site-header{
  position:absolute;z-index:10;top:0;left:0;right:0;height:104px;
  display:flex;align-items:center;justify-content:center;padding:0 5.5vw;
  border-bottom:0;
  background:linear-gradient(180deg,rgba(8,8,8,.60),rgba(8,8,8,.18) 58%,rgba(8,8,8,0));
}
.brand{display:flex;align-items:center;gap:14px}
.brand-mark{
  width:58px;height:58px;object-fit:contain;background:transparent;
  filter:drop-shadow(0 0 4px rgba(245,245,243,.42))
         drop-shadow(0 0 9px rgba(245,245,243,.15))
         drop-shadow(0 0 16px rgba(208,166,81,.06));
}
.brand-name{
  font-family:"Plus Jakarta Sans",sans-serif;font-size:22px;font-weight:600;
  letter-spacing:.34em;color:#f5f5f3;
  text-shadow:0 0 4px rgba(245,245,243,.20),0 0 9px rgba(245,245,243,.06);
}
.hero{
  position:relative;
  min-height:100vh;
  overflow:hidden;
  display:flex;
  align-items:center;
  background:#080808;
}
.hero-media{
  position:absolute;
  inset:0;
  overflow:hidden;
}
.hero-media img{
  position:absolute;top:-14%;right:0;width:55%;height:122%;
  object-fit:contain;object-position:right top;transform:none;
}
.hero-overlay{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(8,8,8,1) 0%,rgba(8,8,8,.995) 29%,rgba(8,8,8,.90) 41%,rgba(8,8,8,.43) 56%,rgba(8,8,8,.05) 76%,rgba(8,8,8,.08) 100%),
    linear-gradient(0deg,rgba(8,8,8,1) 0%,rgba(8,8,8,.98) 8%,rgba(8,8,8,.70) 18%,rgba(8,8,8,.20) 33%,rgba(8,8,8,0) 49%);
}
.hero-content{
  position:relative;
  z-index:2;
  width:100%;
  margin:0;
  padding:155px 5.5vw 110px;
}
.eyebrow{
  max-width:640px;
  margin:0 0 18px;
  font-family:"Barlow Condensed",sans-serif;
  font-weight:700;
  font-size:16px;
  letter-spacing:.08em;
  line-height:1.22;
  color:var(--gold);
}
.eyebrow span{color:var(--text)}
h1{
  margin:0;
  max-width:650px;
  font-family:"Barlow Condensed",sans-serif;
  font-size:clamp(46px,4.65vw,72px);
  line-height:.91;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:-.018em;
}
h1 span,h1 em{display:block;font-style:normal}
h1 em{color:var(--gold)}
.hero-subtext{
  max-width:560px;
  margin:24px 0 0;
  color:#b8b8b3;
  font-size:16px;
  line-height:1.65;
}
.hero-actions{
  display:flex;
  align-items:center;
  gap:20px;
  margin-top:28px;
  flex-wrap:wrap;
}
.primary-cta,.next-btn,.submit-btn{
  border:1px solid var(--gold);
  background:var(--gold);
  color:#080808;
  font-weight:700;
  letter-spacing:.16em;
  padding:18px 24px;
  font-size:13px;
  transition:.2s ease;
}
.primary-cta:hover,.next-btn:hover,.submit-btn:hover{transform:translateY(-2px);filter:brightness(1.05)}
.microcopy{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.14em}
.application-shell{
  position:relative;
  margin-top:-34px;
  padding:132px 24px 120px;
  background:
    linear-gradient(180deg, rgba(8,8,8,0) 0%, #080808 70px, #080808 100%);
}
.application-heading{text-align:center;max-width:760px;margin:0 auto 36px}
.section-kicker{
  display:inline-block;color:var(--gold);
  font-size:11px;letter-spacing:.32em;
  text-transform:uppercase;margin-bottom:12px
}
.application-heading h2,.success-card h2{
  margin:0;
  font-family:"Barlow Condensed",sans-serif;
  font-size:clamp(46px,6vw,76px);
  line-height:.95;text-transform:uppercase
}
.application-heading p,.success-card p{color:var(--muted);font-size:14px;line-height:1.7}
.application-card{
  width:min(820px,100%);
  margin:0 auto;
  padding:30px;
  border:1px solid rgba(208,166,81,.35);
  background:linear-gradient(180deg,#101010,#0b0b0b);
  box-shadow:0 0 30px rgba(208,166,81,.08);
}
.form-progress{
  display:flex;justify-content:space-between;
  color:#d6d6d1;font-size:10px;letter-spacing:.28em;text-transform:uppercase
}
#step-percent{color:var(--gold)}
.progress-track{height:1px;background:#303030;margin:14px 0 32px}
.progress-fill{height:1px;background:var(--gold);width:20%;transition:width .25s ease}
.step{display:none;border:0;padding:0;margin:0}
.step.active{display:block}
legend,.contact-step h3{
  font-family:"Barlow Condensed",sans-serif;
  font-size:30px;line-height:1.05;
  font-weight:700;text-transform:uppercase;
  margin-bottom:26px;width:100%
}
.option{
  display:flex;align-items:center;
  gap:16px;margin:10px 0;padding:18px;
  border:1px solid #292929;
  cursor:pointer;
  transition:.16s ease;
  line-height:1.45;
  background:#0c0c0c;
}
.option:hover{border-color:#565656}
.option input{appearance:none;width:21px;height:21px;border:1px solid #555;margin:0;flex:0 0 auto}
.option input:checked{
  border-color:var(--gold);
  background:var(--gold);
  box-shadow:inset 0 0 0 5px #0c0c0c
}
.option:has(input:checked){border-color:var(--gold);background:rgba(208,166,81,.09)}
.option span{font-size:14px}
.form-controls{display:flex;justify-content:space-between;align-items:center;margin-top:28px}
.back-btn{
  background:none;border:0;color:var(--muted);
  letter-spacing:.22em;font-size:10px;padding:14px 0;cursor:pointer
}
.next-btn,.submit-btn{border:0;cursor:pointer}
.submit-btn{display:none}
.form-error{min-height:20px;color:#d9b56a;font-size:12px;margin:12px 0 0}
.contact-step h3{margin-bottom:8px}
.contact-step>p{color:var(--muted);margin-top:0}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px;margin-top:30px}
.contact-grid label{font-size:9px;letter-spacing:.22em;color:var(--muted);text-transform:uppercase}
.contact-grid input{
  display:block;width:100%;margin-top:8px;
  border:0;border-bottom:1px solid #383838;
  background:transparent;color:var(--text);
  padding:11px 0;font:inherit;outline:none
}
.contact-grid input:focus{border-color:var(--gold)}
.success-card{
  width:min(820px,100%);margin:0 auto;text-align:center;
  border:1px solid rgba(208,166,81,.35);padding:70px 30px
}
footer{
  border-top:1px solid #1f1f1f;
  min-height:130px;padding:36px 6vw;
  display:flex;align-items:center;justify-content:space-between;
  color:#74746f;font-size:11px
}
.footer-brand{display:flex;align-items:center;gap:10px;color:#d9d9d5;letter-spacing:.28em;font-weight:700}
.footer-brand img{width:26px;height:26px;object-fit:contain}

@media (max-width:800px){
  .site-header{
    height:86px;
    padding:0 18px;
    justify-content:center;
  }
  .brand-mark{
    width:46px;
    height:46px;
  }
  .brand-name{font-size:18px}
  .hero{
    min-height:980px;
    align-items:flex-end;
  }
  .hero-media img{
    width:100%;
    height:68%;
    top:-2%;
    right:0;
    object-position:58% 8%;
    transform:scale(.98);
    transform-origin:top center;
  }
  .hero-overlay{
    background:
      linear-gradient(0deg,
        rgba(8,8,8,1) 0%,
        rgba(8,8,8,.99) 34%,
        rgba(8,8,8,.78) 50%,
        rgba(8,8,8,.20) 73%,
        rgba(8,8,8,.10) 100%),
      linear-gradient(90deg,rgba(8,8,8,.42),rgba(8,8,8,.03));
  }
  .hero-content{
    width:100%;
    padding:0 18px 64px;
  }
  h1{
    font-size:clamp(48px,14vw,66px);
    max-width:100%;
    line-height:.91;
  }
  .hero-subtext{
    font-size:14px;
    line-height:1.6;
    margin-top:20px;
    max-width:96%;
  }
  .hero-statement{
    font-size:17px;
    line-height:1.24;
    max-width:100%;
  }
  .hero-actions{
    align-items:flex-start;
    flex-direction:column;
    gap:12px;
    margin-top:24px;
  }
  .primary-cta{
    width:100%;
    text-align:center;
  }
  .application-shell{
    margin-top:-22px;
    padding:96px 14px 84px;
  }
  .application-card{padding:20px 16px}
  legend,.contact-step h3{font-size:25px}
  .option{padding:15px 13px;gap:12px}
  .option span{font-size:13px}
  .contact-grid{grid-template-columns:1fr}
  footer{flex-direction:column;justify-content:center;gap:16px;text-align:center}
}


/* ===== DECREED V6 HERO REFINEMENT ===== */
.site-header{
  border-bottom:0 !important;
  background:linear-gradient(180deg,rgba(5,5,5,.78) 0%,rgba(5,5,5,.28) 58%,rgba(5,5,5,0) 100%) !important;
}
.brand-mark{
  width:56px !important;
  height:56px !important;
  filter:drop-shadow(0 0 3px rgba(245,245,243,.30))
         drop-shadow(0 0 8px rgba(245,245,243,.10)) !important;
}
.brand-name{
  text-shadow:0 0 3px rgba(245,245,243,.15),0 0 8px rgba(245,245,243,.04) !important;
}
.hero{
  min-height:760px;
  overflow:hidden;
  background:#050505;
}
.hero-media{
  position:absolute;
  inset:0;
  overflow:hidden;
  background:#050505;
}
.hero-media img{
  position:absolute !important;
  top:-3% !important;
  right:-1% !important;
  width:58% !important;
  height:108% !important;
  object-fit:cover !important;
  object-position:50% 31% !important;
  transform:none !important;
  filter:saturate(.88) contrast(1.03) brightness(.84);
}
.hero-media::before{
  content:"";
  position:absolute;
  z-index:1;
  inset:0 auto 0 0;
  width:62%;
  background:
    radial-gradient(circle at 28% 45%,rgba(184,143,67,.11),rgba(184,143,67,0) 39%),
    radial-gradient(circle at 9% 17%,rgba(255,255,255,.035),rgba(255,255,255,0) 28%);
  pointer-events:none;
}
.hero-overlay{
  z-index:2;
  background:
    linear-gradient(90deg,
      #050505 0%,
      #050505 27%,
      rgba(5,5,5,.985) 35%,
      rgba(5,5,5,.90) 43%,
      rgba(5,5,5,.63) 50%,
      rgba(5,5,5,.28) 58%,
      rgba(5,5,5,.07) 68%,
      rgba(5,5,5,.03) 100%),
    linear-gradient(0deg,
      #050505 0%,
      rgba(5,5,5,.96) 5%,
      rgba(5,5,5,.62) 13%,
      rgba(5,5,5,.14) 25%,
      rgba(5,5,5,0) 39%) !important;
}
.hero-content{
  max-width:none !important;
  padding-left:7vw !important;
  padding-right:5vw !important;
  padding-top:162px !important;
  padding-bottom:104px !important;
}
.hero-content h1{
  max-width:650px !important;
}
.hero-statement{
  max-width:590px !important;
}
.founder-note{
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:24px;
  max-width:520px;
}
.founder-rule{
  width:2px;
  height:38px;
  flex:0 0 2px;
  background:linear-gradient(180deg,#d5b46d,rgba(213,180,109,.18));
  box-shadow:0 0 10px rgba(213,180,109,.14);
}
.founder-note p{
  margin:0;
  color:rgba(245,245,243,.58);
  font-family:"Plus Jakarta Sans",sans-serif;
  font-size:11px;
  line-height:1.65;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.founder-note strong{
  color:rgba(245,245,243,.88);
  font-weight:600;
}
.application-shell{
  margin-top:-54px !important;
  padding-top:150px !important;
  background:
    linear-gradient(180deg,rgba(5,5,5,0) 0,#050505 86px,#080808 100%) !important;
}

@media (max-width:800px){
  .brand-mark{width:45px !important;height:45px !important}
  .hero{min-height:960px}
  .hero-media img{
    top:-2% !important;
    right:-20% !important;
    width:135% !important;
    height:70% !important;
    object-position:50% 27% !important;
    filter:saturate(.86) contrast(1.02) brightness(.78);
  }
  .hero-media::before{width:100%}
  .hero-overlay{
    background:
      linear-gradient(0deg,#050505 0%,rgba(5,5,5,.995) 34%,rgba(5,5,5,.80) 48%,rgba(5,5,5,.24) 68%,rgba(5,5,5,.06) 100%),
      linear-gradient(90deg,rgba(5,5,5,.22),rgba(5,5,5,.02)) !important;
  }
  .hero-content{
    padding:0 20px 62px !important;
  }
  .founder-note{
    margin-top:20px;
  }
  .founder-note p{
    font-size:10px;
  }
}


/* ===== DECREED V7 REFINEMENTS ===== */

/* Better photo blending / vignette */
.hero-media img{
  filter:saturate(.78) contrast(1.02) brightness(.78) !important;
}
.hero-overlay{
  background:
    linear-gradient(90deg,
      #050505 0%,
      #050505 28%,
      rgba(5,5,5,.99) 34%,
      rgba(5,5,5,.93) 41%,
      rgba(5,5,5,.75) 49%,
      rgba(5,5,5,.42) 57%,
      rgba(5,5,5,.18) 64%,
      rgba(5,5,5,.07) 72%,
      rgba(5,5,5,.05) 100%),
    linear-gradient(0deg,
      #050505 0%,
      rgba(5,5,5,.97) 7%,
      rgba(5,5,5,.65) 16%,
      rgba(5,5,5,.18) 29%,
      rgba(5,5,5,0) 43%),
    radial-gradient(circle at 86% 14%, rgba(5,5,5,.22), rgba(5,5,5,0) 34%),
    radial-gradient(circle at 92% 52%, rgba(5,5,5,0) 52%, rgba(5,5,5,.30) 100%) !important;
}

.secondary-cta{
  display:inline-block;
  margin-top:15px;
  color:rgba(245,245,243,.58);
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  transition:.2s ease;
}
.secondary-cta:hover{
  color:var(--gold);
  transform:translateY(1px);
}

.founder-note{
  margin-top:20px !important;
}
.founder-note p{
  font-size:10px !important;
  letter-spacing:.19em !important;
}
.founder-rule{
  height:28px !important;
}

.included-strip{
  position:relative;
  z-index:3;
  background:#070707;
  border-top:1px solid rgba(255,255,255,.05);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.included-inner{
  width:min(1380px,90vw);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
}
.included-item{
  min-height:94px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:22px 18px;
  border-right:1px solid rgba(255,255,255,.06);
}
.included-item:last-child{
  border-right:0;
}
.included-icon{
  color:var(--gold);
  font-family:"Barlow Condensed",sans-serif;
  font-size:17px;
  font-weight:700;
  letter-spacing:.06em;
  opacity:.95;
}
.included-label{
  color:rgba(245,245,243,.84);
  font-family:"Plus Jakarta Sans",sans-serif;
  font-size:11px;
  font-weight:600;
  letter-spacing:.12em;
  line-height:1.45;
  text-transform:uppercase;
}

.application-shell{
  margin-top:0 !important;
  padding-top:118px !important;
}

@media (max-width:900px){
  .included-inner{
    grid-template-columns:1fr 1fr;
    width:100%;
  }
  .included-item{
    min-height:84px;
    justify-content:flex-start;
    padding-left:24px;
  }
  .included-item:nth-child(2){
    border-right:0;
  }
  .included-item:nth-child(-n+2){
    border-bottom:1px solid rgba(255,255,255,.06);
  }
}

@media (max-width:520px){
  .included-inner{
    grid-template-columns:1fr;
  }
  .included-item{
    border-right:0 !important;
    border-bottom:1px solid rgba(255,255,255,.06);
    min-height:72px;
  }
  .included-item:last-child{
    border-bottom:0;
  }
  .secondary-cta{
    margin-top:12px;
  }
}


/* ===== DECREED V8: FULL WHAT'S INCLUDED SECTION ===== */

/* Keep the V7 hero intact. Add only a subtle premium divider beneath it. */
.included-section{
  position:relative;
  z-index:4;
  background:
    radial-gradient(circle at 50% 0%,rgba(196,155,78,.055),rgba(196,155,78,0) 27%),
    #080808;
  border-top:1px solid rgba(255,255,255,.10);
  padding:92px 0 98px;
}
.included-section::before{
  content:"";
  position:absolute;
  top:-1px;
  left:50%;
  width:min(1320px,88vw);
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(207,170,93,.42),rgba(255,255,255,.13),rgba(207,170,93,.42),transparent);
}
.included-wrap{
  width:min(1320px,88vw);
  margin:0 auto;
}
.included-intro{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.72fr);
  gap:9vw;
  align-items:end;
  margin-bottom:54px;
}
.section-kicker{
  display:block;
  margin-bottom:14px;
  color:var(--gold);
  font-family:"Plus Jakarta Sans",sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.included-intro h2{
  margin:0;
  color:#f4f2ed;
  font-family:"Barlow Condensed",sans-serif;
  font-size:clamp(46px,4.2vw,68px);
  font-weight:800;
  line-height:.90;
  letter-spacing:-.015em;
  text-transform:uppercase;
}
.included-intro h2 span{
  color:var(--gold);
}
.included-lead{
  margin:0 0 4px;
  max-width:560px;
  color:rgba(245,245,243,.67);
  font-family:"Plus Jakarta Sans",sans-serif;
  font-size:15px;
  line-height:1.82;
}
.included-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid rgba(255,255,255,.09);
  border-left:1px solid rgba(255,255,255,.09);
}
.included-card{
  position:relative;
  min-height:230px;
  padding:32px 30px 34px;
  border-right:1px solid rgba(255,255,255,.09);
  border-bottom:1px solid rgba(255,255,255,.09);
  background:linear-gradient(145deg,rgba(255,255,255,.026),rgba(255,255,255,.006));
  transition:transform .22s ease,background .22s ease;
}
.included-card:hover{
  transform:translateY(-2px);
  background:linear-gradient(145deg,rgba(207,170,93,.055),rgba(255,255,255,.01));
}
.card-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  margin-bottom:28px;
  border:1px solid rgba(207,170,93,.30);
  color:var(--gold);
  font-family:"Barlow Condensed",sans-serif;
  font-size:14px;
  font-weight:700;
  letter-spacing:.08em;
}
.included-card h3{
  margin:0 0 12px;
  color:#f4f2ed;
  font-family:"Barlow Condensed",sans-serif;
  font-size:23px;
  font-weight:700;
  line-height:1.05;
  letter-spacing:.015em;
  text-transform:uppercase;
}
.included-card p{
  margin:0;
  color:rgba(245,245,243,.55);
  font-family:"Plus Jakarta Sans",sans-serif;
  font-size:12px;
  line-height:1.72;
}
.included-cta{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:11px;
  margin-top:46px;
}
.included-cta > span{
  color:rgba(245,245,243,.40);
  font-family:"Plus Jakarta Sans",sans-serif;
  font-size:10px;
  letter-spacing:.10em;
  text-transform:uppercase;
}

/* V7's old strip styles no longer apply to the new section. */
.application-shell{
  padding-top:112px !important;
}

@media (max-width:900px){
  .included-section{padding:72px 0 78px}
  .included-intro{
    grid-template-columns:1fr;
    gap:28px;
    align-items:start;
  }
  .included-lead{max-width:700px}
  .included-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  .included-wrap{width:min(92vw,680px)}
  .included-section{padding:62px 0 68px}
  .included-intro{margin-bottom:38px}
  .included-intro h2{font-size:46px}
  .included-lead{font-size:13px;line-height:1.72}
  .included-grid{grid-template-columns:1fr}
  .included-card{min-height:0;padding:26px 24px 28px}
  .card-number{margin-bottom:20px}
  .included-card h3{font-size:21px}
}


/* ===== DECREED V9 HERO + SECTION FLOW ===== */

/* Use the original hero image more faithfully: bright on the right, blended on the left. */
.hero-media img{
  top:-2% !important;
  right:-1% !important;
  width:59% !important;
  height:107% !important;
  object-fit:cover !important;
  object-position:50% 30% !important;
  transform:none !important;
  filter:saturate(.96) contrast(1.01) brightness(.98) !important;
}

/* Keep the blend concentrated over the image's left edge instead of dimming the entire photo. */
.hero-overlay{
  background:
    linear-gradient(90deg,
      #050505 0%,
      #050505 28%,
      rgba(5,5,5,.995) 34%,
      rgba(5,5,5,.94) 40%,
      rgba(5,5,5,.76) 46%,
      rgba(5,5,5,.49) 52%,
      rgba(5,5,5,.24) 58%,
      rgba(5,5,5,.09) 64%,
      rgba(5,5,5,.025) 71%,
      rgba(5,5,5,0) 100%),
    linear-gradient(0deg,
      #050505 0%,
      rgba(5,5,5,.93) 5%,
      rgba(5,5,5,.54) 12%,
      rgba(5,5,5,.13) 23%,
      rgba(5,5,5,0) 35%) !important;
}

/* Remove extra space created by the deleted CTA so the application follows the 6 cards directly. */
.included-section{
  padding-bottom:70px !important;
}
.application-shell{
  padding-top:78px !important;
}

/* Preserve a smooth visual handoff between sections. */
.included-section + .application-shell{
  border-top:1px solid rgba(255,255,255,.055);
}

@media (max-width:800px){
  .hero-media img{
    top:-2% !important;
    right:-16% !important;
    width:132% !important;
    height:69% !important;
    object-position:50% 24% !important;
    filter:saturate(.94) contrast(1.01) brightness(.92) !important;
  }
  .hero-overlay{
    background:
      linear-gradient(0deg,
        #050505 0%,
        rgba(5,5,5,.995) 34%,
        rgba(5,5,5,.77) 49%,
        rgba(5,5,5,.20) 70%,
        rgba(5,5,5,.035) 100%),
      linear-gradient(90deg,rgba(5,5,5,.20),rgba(5,5,5,0)) !important;
  }
  .included-section{
    padding-bottom:56px !important;
  }
  .application-shell{
    padding-top:64px !important;
  }
}


/* ===== DECREED V10 HERO REFINEMENT ===== */

/* Make the hero feel ~20% taller / more cinematic without changing the structure below. */
.hero{
  min-height:920px !important;
}

/* Use the latest original image with a brighter right-hand side and a softer left blend. */
.hero-media img{
  top:2% !important;
  right:-1% !important;
  width:60% !important;
  height:116% !important;
  object-fit:cover !important;
  object-position:50% 26% !important;
  transform:none !important;
  filter:saturate(.92) contrast(1.02) brightness(.94) !important;
}

/* Blend only the left edge of the photo heavily; keep the body/face more natural on the right. */
.hero-overlay{
  background:
    linear-gradient(90deg,
      #050505 0%,
      #050505 27%,
      rgba(5,5,5,.995) 33%,
      rgba(5,5,5,.94) 39%,
      rgba(5,5,5,.76) 46%,
      rgba(5,5,5,.48) 53%,
      rgba(5,5,5,.22) 60%,
      rgba(5,5,5,.07) 67%,
      rgba(5,5,5,.015) 75%,
      rgba(5,5,5,0) 100%),
    linear-gradient(0deg,
      #050505 0%,
      rgba(5,5,5,.96) 6%,
      rgba(5,5,5,.62) 14%,
      rgba(5,5,5,.16) 26%,
      rgba(5,5,5,0) 40%) !important;
}

/* Pull the copy slightly downward within the taller hero. */
.hero-content{
  padding-top:190px !important;
  padding-bottom:120px !important;
}

/* Increase prominence of the accountability statement. */
.hero-statement{
  max-width:640px !important;
  margin-top:30px !important;
  font-size:24px !important;
  line-height:1.22 !important;
  letter-spacing:.025em !important;
}
.hero-statement strong{
  display:block;
  margin-top:4px;
  color:var(--gold) !important;
}

/* New discovery line replacing the template paragraph in the hero. */
.hero-discovery{
  max-width:560px;
  margin:24px 0 0;
  color:rgba(245,245,243,.72);
  font-family:"Plus Jakarta Sans",sans-serif;
  font-size:15px;
  line-height:1.72;
}

/* CTA now sits directly beneath the discovery line. */
.hero-actions{
  margin-top:24px !important;
}
.founder-note{
  margin-top:18px !important;
}

/* Retain the thin brand divider at top, but keep it subtle. */
.site-header{
  border-bottom:1px solid rgba(208,166,81,.18) !important;
  background:linear-gradient(180deg,rgba(5,5,5,.70),rgba(5,5,5,.16) 64%,rgba(5,5,5,0)) !important;
}

@media (max-width:800px){
  .hero{
    min-height:1040px !important;
  }
  .hero-media img{
    top:0 !important;
    right:-18% !important;
    width:136% !important;
    height:72% !important;
    object-position:50% 23% !important;
    filter:saturate(.90) contrast(1.01) brightness(.90) !important;
  }
  .hero-content{
    padding:0 20px 70px !important;
  }
  .hero-statement{
    font-size:18px !important;
    line-height:1.25 !important;
    margin-top:22px !important;
  }
  .hero-discovery{
    font-size:13px;
    line-height:1.65;
    margin-top:18px;
    max-width:95%;
  }
  .hero-actions{
    margin-top:20px !important;
  }
}


/* ===== DECREED V11: SEAMLESS HERO MERGE ===== */

/* Remove the thin line below the logo/header completely. */
.site-header{
  border-bottom:0 !important;
  background:transparent !important;
}

/* Remove any visible black strip/gap above the hero image. */
.hero,
.hero-media{
  top:0 !important;
  margin-top:0 !important;
  padding-top:0;
  background:#050505;
}

.hero-media img{
  top:0 !important;
  right:0 !important;
  width:61% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:50% 26% !important;
  transform:none !important;
  filter:saturate(.94) contrast(1.01) brightness(.96) !important;
}

/*
  Make the photo and black copy area read as ONE continuous hero.
  Instead of a panel seam, the black progressively dissolves into the photo
  across a broad middle band.
*/
.hero-overlay{
  background:
    linear-gradient(90deg,
      #050505 0%,
      #050505 25%,
      rgba(5,5,5,.995) 31%,
      rgba(5,5,5,.97) 36%,
      rgba(5,5,5,.89) 41%,
      rgba(5,5,5,.76) 46%,
      rgba(5,5,5,.60) 51%,
      rgba(5,5,5,.43) 56%,
      rgba(5,5,5,.28) 61%,
      rgba(5,5,5,.16) 66%,
      rgba(5,5,5,.08) 71%,
      rgba(5,5,5,.03) 77%,
      rgba(5,5,5,0) 86%,
      rgba(5,5,5,0) 100%),
    linear-gradient(0deg,
      #050505 0%,
      rgba(5,5,5,.96) 5%,
      rgba(5,5,5,.60) 13%,
      rgba(5,5,5,.16) 25%,
      rgba(5,5,5,0) 39%) !important;
}

/* Add a very subtle atmospheric bridge behind the midpoint,
   so the left black area doesn't feel flat compared with the photo. */
.hero-media::before{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 45% 43%,
      rgba(190,148,70,.055) 0%,
      rgba(190,148,70,.025) 18%,
      rgba(190,148,70,0) 42%);
}

/* Ensure the header sits visually inside the hero instead of above it. */
.site-header{
  position:absolute !important;
  top:0 !important;
  left:0;
  right:0;
  z-index:20;
}

/* Slightly soften the DECREED glow so it doesn't create its own panel. */
.brand-mark{
  filter:
    drop-shadow(0 0 3px rgba(245,245,243,.25))
    drop-shadow(0 0 7px rgba(245,245,243,.08)) !important;
}
.brand-name{
  text-shadow:
    0 0 3px rgba(245,245,243,.12),
    0 0 7px rgba(245,245,243,.03) !important;
}

@media (max-width:800px){
  .hero-media img{
    top:0 !important;
    right:-17% !important;
    width:134% !important;
    height:72% !important;
    object-position:50% 22% !important;
  }

  .hero-overlay{
    background:
      linear-gradient(0deg,
        #050505 0%,
        rgba(5,5,5,.995) 35%,
        rgba(5,5,5,.83) 48%,
        rgba(5,5,5,.48) 58%,
        rgba(5,5,5,.18) 68%,
        rgba(5,5,5,.05) 78%,
        rgba(5,5,5,0) 100%),
      linear-gradient(90deg,
        rgba(5,5,5,.18),
        rgba(5,5,5,0)) !important;
  }
}


/* ===== DECREED V12: SOFT PHOTO-TO-TEXT FADE + CTA GLOW + COPY REFINEMENTS ===== */

/*
  Instead of relying only on a stacked dark panel over the photo (which reads
  as a hard seam), fade the photo itself to transparent using a mask. This
  lets the black background show through gradually, so the image dissolves
  into the text side rather than being covered by one.
*/
.hero-media img{
  -webkit-mask-image:linear-gradient(90deg,
    transparent 0%,
    transparent 14%,
    rgba(0,0,0,.12) 24%,
    rgba(0,0,0,.32) 33%,
    rgba(0,0,0,.58) 42%,
    rgba(0,0,0,.82) 51%,
    rgba(0,0,0,.96) 60%,
    #000 72%,
    #000 100%) !important;
  mask-image:linear-gradient(90deg,
    transparent 0%,
    transparent 14%,
    rgba(0,0,0,.12) 24%,
    rgba(0,0,0,.32) 33%,
    rgba(0,0,0,.58) 42%,
    rgba(0,0,0,.82) 51%,
    rgba(0,0,0,.96) 60%,
    #000 72%,
    #000 100%) !important;
}

/* The overlay now only needs to handle the top/bottom vignette and a very
   light overall grade, since the mask above does the left-to-right blend. */
.hero-overlay{
  background:
    linear-gradient(90deg,
      #050505 0%,
      rgba(5,5,5,.55) 22%,
      rgba(5,5,5,.20) 38%,
      rgba(5,5,5,.04) 55%,
      rgba(5,5,5,0) 68%),
    linear-gradient(0deg,
      #050505 0%,
      rgba(5,5,5,.92) 6%,
      rgba(5,5,5,.55) 14%,
      rgba(5,5,5,.14) 26%,
      rgba(5,5,5,0) 40%) !important;
}

@media (max-width:800px){
  .hero-media img{
    -webkit-mask-image:linear-gradient(0deg,
      transparent 0%,
      rgba(0,0,0,.20) 18%,
      rgba(0,0,0,.55) 32%,
      rgba(0,0,0,.88) 46%,
      #000 60%,
      #000 100%) !important;
    mask-image:linear-gradient(0deg,
      transparent 0%,
      rgba(0,0,0,.20) 18%,
      rgba(0,0,0,.55) 32%,
      rgba(0,0,0,.88) 46%,
      #000 60%,
      #000 100%) !important;
  }
}

/* Remove "about 60 seconds" left a single short line; give it a touch more room. */
.microcopy{
  font-size:11px;
}

/* Slight, tasteful glow on the primary hero CTA only. */
.primary-cta{
  box-shadow:
    0 0 16px rgba(208,166,81,.35),
    0 0 34px rgba(208,166,81,.16);
}
.primary-cta:hover{
  box-shadow:
    0 0 22px rgba(208,166,81,.50),
    0 0 46px rgba(208,166,81,.24);
}

/* "LIMITED CLIENT INTAKE." — bump up so it reads as a statement, not a footnote. */
.founder-note p{
  font-size:13px !important;
  letter-spacing:.16em !important;
}
.founder-note strong{
  font-weight:700 !important;
}

/* Lock the accountability statement into the secondary brand font explicitly. */
.hero-statement{
  font-family:"Plus Jakarta Sans",sans-serif !important;
}


/* ===== DECREED V13: SCALE MATCH, DISCOVERY LINE, HERO FRAMING ===== */

/*
  The screenshot you sent was captured at 80% browser zoom. CSS `zoom` is the
  most direct way to bake that same scale into the page itself, so it looks
  the same for every visitor regardless of their own browser zoom level.
*/
html{
  zoom:0.8;
}

/* Bigger discovery line so it fills both lines properly, with the bolded
   phrase reading as a genuine emphasis rather than just slightly darker text. */
.hero-discovery{
  font-size:17px !important;
  line-height:1.55 !important;
  max-width:600px !important;
}
.hero-discovery strong{
  color:var(--text) !important;
  font-weight:700 !important;
}

@media (max-width:800px){
  .hero-discovery{
    font-size:15px !important;
    line-height:1.6 !important;
  }
}

/* Shift the hero photo slightly right so the right arm sits further into frame. */
.hero-media img{
  object-position:57% 26% !important;
}
@media (max-width:800px){
  .hero-media img{
    object-position:57% 22% !important;
  }
}

/* ===== DECREED V14 — CREED METHOD INTEGRATION ===== */
.method-section{
  position:relative;
  z-index:4;
  padding:96px 0 104px;
  background:
    radial-gradient(circle at 50% 0%, rgba(208,166,81,.05), rgba(208,166,81,0) 28%),
    #070707;
  border-top:1px solid rgba(255,255,255,.055);
  border-bottom:1px solid rgba(255,255,255,.055);
}
.method-wrap{
  width:min(1320px,88vw);
  margin:0 auto;
}
.method-intro{
  max-width:690px;
  margin-bottom:48px;
}
.method-intro h2{
  margin:0;
  font-family:"Barlow Condensed",sans-serif;
  font-size:clamp(52px,4.5vw,74px);
  line-height:.92;
  font-weight:800;
  letter-spacing:-.015em;
  text-transform:uppercase;
}
.method-intro h2 span{ color:var(--gold); }
.method-intro p{
  margin:18px 0 0;
  max-width:600px;
  color:rgba(245,245,243,.60);
  font-family:"Plus Jakarta Sans",sans-serif;
  font-size:14px;
  line-height:1.75;
}
.method-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:1px;
  background:rgba(208,166,81,.16);
  border:1px solid rgba(208,166,81,.16);
}
.method-card{
  min-height:285px;
  padding:34px 24px 32px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.026),rgba(255,255,255,.006)),
    #0b0b0b;
  transition:transform .2s ease, background .2s ease;
}
.method-card:hover{
  transform:translateY(-2px);
  background:
    linear-gradient(145deg,rgba(208,166,81,.055),rgba(255,255,255,.01)),
    #0b0b0b;
}
.method-letter{
  font-family:"Barlow Condensed",sans-serif;
  font-size:64px;
  line-height:.9;
  font-weight:800;
  color:var(--gold);
}
.method-word{
  margin-top:14px;
  font-family:"Barlow Condensed",sans-serif;
  font-size:22px;
  line-height:1;
  font-weight:700;
  letter-spacing:.04em;
  color:var(--text);
}
.method-tag{
  margin-top:8px;
  color:rgba(245,245,243,.50);
  font-family:"Plus Jakarta Sans",sans-serif;
  font-size:12px;
  line-height:1.5;
  font-style:italic;
}
.method-desc{
  margin:16px 0 0;
  color:rgba(245,245,243,.56);
  font-family:"Plus Jakarta Sans",sans-serif;
  font-size:12px;
  line-height:1.72;
}
.method-section + .application-shell{
  margin-top:0 !important;
  padding-top:96px !important;
  background:#080808 !important;
}
@media (max-width:1100px){
  .method-grid{ grid-template-columns:repeat(3,1fr); }
}
@media (max-width:760px){
  .method-section{ padding:72px 0 78px; }
  .method-wrap{ width:min(92vw,700px); }
  .method-grid{ grid-template-columns:1fr 1fr; }
  .method-card{ min-height:250px; }
}
@media (max-width:520px){
  .method-grid{ grid-template-columns:1fr; }
  .method-card{ min-height:0; padding:28px 24px; }
  .method-letter{ font-size:56px; }
  .method-intro h2{ font-size:48px; }
}


/* =========================================================
   DECREED V15 — MOTION + CREED METHOD GLOW PANEL
   ========================================================= */

/* ---------- Reveal motion system ---------- */
.reveal{
  opacity:0;
  will-change:transform, opacity;
  transition:
    opacity .78s cubic-bezier(.22,1,.36,1),
    transform .78s cubic-bezier(.22,1,.36,1);
}

.reveal-hero{
  transform:translateX(-48px);
}

.reveal-up{
  transform:translateY(42px);
}

.reveal.is-visible{
  opacity:1;
  transform:translate3d(0,0,0);
}

/* Staggered cards */
.reveal-delay-1{ transition-delay:.05s; }
.reveal-delay-2{ transition-delay:.10s; }
.reveal-delay-3{ transition-delay:.15s; }
.reveal-delay-4{ transition-delay:.20s; }
.reveal-delay-5{ transition-delay:.25s; }
.reveal-delay-6{ transition-delay:.30s; }

/* Hero appears slightly quicker so the page doesn't feel blank on load */
.hero-content.reveal{
  transition-duration:.68s;
}

/* ---------- CREED Method premium boxed treatment ---------- */
.method-section{
  padding:96px 0 108px !important;
  background:
    radial-gradient(circle at 50% 15%, rgba(208,166,81,.045), rgba(208,166,81,0) 34%),
    #070707 !important;
  border-top:0 !important;
  border-bottom:0 !important;
}

.method-panel{
  position:relative;
  padding:54px 52px 52px;
  border:1px solid rgba(208,166,81,.34);
  background:
    linear-gradient(180deg, rgba(255,255,255,.024), rgba(255,255,255,.008)),
    #0a0a0a;
  box-shadow:
    0 0 0 1px rgba(208,166,81,.035) inset,
    0 0 28px rgba(208,166,81,.10),
    0 0 70px rgba(208,166,81,.055);
  overflow:hidden;
}

/* subtle gold aura along top edge */
.method-panel::before{
  content:"";
  position:absolute;
  top:-1px;
  left:12%;
  right:12%;
  height:1px;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(208,166,81,.18),
    rgba(230,196,118,.72),
    rgba(208,166,81,.18),
    transparent
  );
  box-shadow:0 0 16px rgba(208,166,81,.22);
}

/* subtle vignette so the box feels deep rather than flat */
.method-panel::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 0%, rgba(208,166,81,.045), transparent 28%),
    linear-gradient(180deg, transparent 72%, rgba(0,0,0,.12));
}

.method-panel > *{
  position:relative;
  z-index:1;
}

/* Make the five phases feel integrated into the glowing container */
.method-grid{
  border-color:rgba(208,166,81,.22) !important;
  background:rgba(208,166,81,.18) !important;
  box-shadow:0 0 22px rgba(208,166,81,.035);
}

.method-card{
  background:
    linear-gradient(150deg, rgba(255,255,255,.027), rgba(255,255,255,.004)),
    #0b0b0b !important;
}

.method-card:hover{
  background:
    linear-gradient(150deg, rgba(208,166,81,.065), rgba(255,255,255,.008)),
    #0b0b0b !important;
  box-shadow:inset 0 0 22px rgba(208,166,81,.035);
}

/* Mobile/touch refinements */
@media (max-width:760px){
  .method-panel{
    padding:38px 24px 34px;
  }
  .reveal-hero{
    transform:translateX(-30px);
  }
  .reveal-up{
    transform:translateY(28px);
  }
}

/* Respect accessibility preferences */
@media (prefers-reduced-motion: reduce){
  .reveal,
  .reveal-hero,
  .reveal-up{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }
}


/* =========================================================
   DECREED V17 FIXED — CREED METHOD COPY EMPHASIS
   Built on the true V15 styles.css
   ========================================================= */

.method-lead{
  max-width:760px !important;
  margin-top:18px !important;
  color:rgba(245,245,243,.62) !important;
  font-size:16px !important;
  line-height:1.75 !important;
}

.method-lead strong{
  color:var(--text) !important;
  font-weight:700 !important;
}

.method-positioning{
  max-width:900px !important;
  margin-top:16px !important;
  color:rgba(245,245,243,.48) !important;
  font-size:13px !important;
  line-height:1.78 !important;
}

.method-positioning strong{
  color:var(--gold) !important;
  font-weight:600 !important;
}

.method-close{
  display:flex;
  align-items:flex-start;
  gap:14px;
  max-width:860px;
  margin-top:30px;
}

.method-close-rule{
  width:2px;
  min-width:2px;
  height:46px;
  margin-top:2px;
  background:linear-gradient(180deg,var(--gold),rgba(208,166,81,.25));
  box-shadow:0 0 12px rgba(208,166,81,.18);
}

.method-close p{
  margin:0;
  color:rgba(245,245,243,.48);
  font-family:"Plus Jakarta Sans",sans-serif;
  font-size:12px;
  line-height:1.72;
}

.method-close strong{
  color:rgba(245,245,243,.88);
  font-size:11px;
  letter-spacing:.14em;
}

@media (max-width:760px){
  .method-lead{
    font-size:14px !important;
  }
  .method-positioning{
    font-size:12px !important;
  }
}


/* =========================================================
   DECREED V18 — HERO / WHAT'S INCLUDED / CREED REFINEMENT
   ========================================================= */

/* Explicit hero line structure: white line first, gold line second. */
.hero-content h1 .hero-line-white{
  display:block !important;
  color:var(--text) !important;
}

.hero-content h1 em{
  display:block !important;
  color:var(--gold) !important;
}

/* Slightly thicker DECREED body typography for the accountability statement. */
.hero-statement{
  font-family:"Plus Jakarta Sans",sans-serif !important;
  font-weight:500 !important;
  letter-spacing:.015em !important;
}

.hero-statement strong{
  font-weight:700 !important;
}

/* Preserve clear emphasis in discovery copy. */
.hero-discovery{
  font-family:"Plus Jakarta Sans",sans-serif !important;
  font-weight:400 !important;
}

.hero-discovery strong{
  color:var(--text) !important;
  font-weight:700 !important;
}

/* What's Included replacement copy: maintain Catalyst-style selective bolding. */
.included-lead{
  font-weight:400 !important;
}

.included-lead strong{
  color:var(--text) !important;
  font-weight:700 !important;
}

/* CREED cards are now intentionally minimal: letter + phase + one-line cue only. */
.method-card{
  min-height:205px !important;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}

.method-tag{
  margin-top:8px !important;
  color:rgba(245,245,243,.58) !important;
  font-size:13px !important;
  line-height:1.5 !important;
  font-style:italic;
}

.method-desc{
  display:none !important;
}

@media (max-width:1100px){
  .method-card{
    min-height:190px !important;
  }
}

@media (max-width:520px){
  .method-card{
    min-height:0 !important;
  }
}


/* ===== DECREED V19 — HERO CROP + CREED SUMMARY ===== */
html{zoom:.91 !important}

.hero{
  min-height:760px !important;
  height:760px !important;
}

.hero-content{
  padding-top:130px !important;
  padding-bottom:66px !important;
}

.hero-media img{
  top:0 !important;
  right:-1% !important;
  width:61% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:57% 20% !important;
}

.hero-overlay{
  background:
    linear-gradient(90deg,
      #050505 0%,
      #050505 25%,
      rgba(5,5,5,.995) 31%,
      rgba(5,5,5,.97) 36%,
      rgba(5,5,5,.88) 42%,
      rgba(5,5,5,.73) 48%,
      rgba(5,5,5,.54) 54%,
      rgba(5,5,5,.34) 60%,
      rgba(5,5,5,.18) 66%,
      rgba(5,5,5,.08) 72%,
      rgba(5,5,5,.025) 79%,
      rgba(5,5,5,0) 87%),
    linear-gradient(0deg,
      #050505 0%,
      rgba(5,5,5,.98) 5%,
      rgba(5,5,5,.78) 11%,
      rgba(5,5,5,.34) 19%,
      rgba(5,5,5,.08) 27%,
      rgba(5,5,5,0) 36%) !important;
}

.hero-statement,
.hero-discovery,
.included-card p,
.method-desc,
.method-tag{
  color:rgba(245,245,243,.68) !important;
}

.hero-statement strong{
  color:var(--gold) !important;
  text-shadow:0 0 10px rgba(208,166,81,.15);
}

.hero-content h1 em,
.included-intro h2 span,
.method-intro h2 span{
  color:var(--gold) !important;
  text-shadow:0 0 12px rgba(208,166,81,.16);
}

.hero-discovery strong,
.included-card strong,
.method-desc strong,
.method-lead strong{
  color:#f5f5f3 !important;
  font-weight:700 !important;
  text-shadow:0 0 8px rgba(245,245,243,.08);
}

.gold-highlight{
  color:#f5f5f3 !important;
  font-weight:700 !important;
  text-shadow:0 0 8px rgba(245,245,243,.08) !important;
}

.method-card{
  min-height:250px !important;
  padding:30px 24px 28px !important;
}

.method-desc{
  display:block !important;
  margin-top:14px !important;
  font-size:12px !important;
  line-height:1.68 !important;
}

.method-tag{
  font-size:12.5px !important;
  line-height:1.45 !important;
}

.method-intro{
  margin-bottom:42px !important;
}

.included-section{
  padding-top:84px !important;
}

@media (max-width:900px){
  html{zoom:1 !important}
  .hero{
    min-height:950px !important;
    height:auto !important;
  }
  .hero-content{
    padding-top:0 !important;
    padding-bottom:58px !important;
  }
  .hero-media img{
    height:70% !important;
    object-position:57% 20% !important;
  }
}


/* ===== DECREED V20 — FINAL HERO REFINEMENT ===== */

/* Slightly reduce the visual footprint of the left copy without changing hierarchy. */
.hero-content{
  max-width:700px !important;
}

.hero-content h1{
  font-size:clamp(54px,4.15vw,78px) !important;
  line-height:.94 !important;
}

.hero-statement{
  font-size:clamp(22px,1.65vw,30px) !important;
}

.hero-discovery{
  max-width:660px !important;
  font-size:clamp(17px,1.22vw,22px) !important;
}

/* Bring Jondré slightly closer and nudge the crop so the arm survives more of the fade. */
.hero-media img{
  right:-2.5% !important;
  width:64% !important;
  object-position:59% 20% !important;
}

/* Let the photograph remain visible a little farther into the blend. */
.hero-overlay{
  background:
    linear-gradient(90deg,
      #050505 0%,
      #050505 23%,
      rgba(5,5,5,.995) 29%,
      rgba(5,5,5,.96) 35%,
      rgba(5,5,5,.84) 41%,
      rgba(5,5,5,.66) 47%,
      rgba(5,5,5,.46) 53%,
      rgba(5,5,5,.27) 59%,
      rgba(5,5,5,.13) 65%,
      rgba(5,5,5,.055) 71%,
      rgba(5,5,5,.015) 78%,
      rgba(5,5,5,0) 86%),
    linear-gradient(0deg,
      #050505 0%,
      rgba(5,5,5,.98) 5%,
      rgba(5,5,5,.78) 11%,
      rgba(5,5,5,.34) 19%,
      rgba(5,5,5,.08) 27%,
      rgba(5,5,5,0) 36%) !important;
}

@media (max-width:900px){
  .hero-content{max-width:none !important;}
  .hero-media img{
    right:0 !important;
    width:100% !important;
    object-position:58% 20% !important;
  }
}


/* ===== DECREED FINAL V21 — APPROVED HERO SIZE ===== */
.hero{
  min-height:820px !important;
  height:820px !important;
}
.hero-content{
  max-width:760px !important;
  padding-top:150px !important;
  padding-bottom:58px !important;
}
.hero-content h1{
  font-size:clamp(58px,4.45vw,84px) !important;
  line-height:.94 !important;
}
.hero-statement{
  font-size:clamp(23px,1.72vw,31px) !important;
  line-height:1.28 !important;
  margin-top:36px !important;
}
.hero-discovery{
  max-width:690px !important;
  font-size:clamp(18px,1.28vw,23px) !important;
  line-height:1.55 !important;
}
.hero-media img{
  top:0 !important;
  right:-3.25% !important;
  width:66.5% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:60% 20% !important;
}
.hero-overlay{
  background:
    linear-gradient(90deg,#050505 0%,#050505 22%,rgba(5,5,5,.995) 28%,rgba(5,5,5,.95) 34%,rgba(5,5,5,.81) 40%,rgba(5,5,5,.61) 46%,rgba(5,5,5,.41) 52%,rgba(5,5,5,.23) 58%,rgba(5,5,5,.11) 64%,rgba(5,5,5,.045) 70%,rgba(5,5,5,.012) 77%,rgba(5,5,5,0) 85%),
    linear-gradient(0deg,#050505 0%,rgba(5,5,5,.98) 4%,rgba(5,5,5,.72) 10%,rgba(5,5,5,.28) 17%,rgba(5,5,5,.06) 25%,rgba(5,5,5,0) 33%) !important;
}
.hero-discovery strong,.included-card strong,.method-desc strong,.method-lead strong{
  color:#f5f5f3 !important;
  font-weight:700 !important;
  text-shadow:0 0 8px rgba(245,245,243,.09) !important;
}
.gold-highlight{
  color:#f5f5f3 !important;
  font-weight:700 !important;
  text-shadow:0 0 8px rgba(245,245,243,.09) !important;
}
.method-card{min-height:275px !important;}

@media (max-width:900px){
  .hero{min-height:950px !important;height:auto !important;}
  .hero-content{max-width:none !important;padding-top:0 !important;}
  .hero-media img{
    right:-10% !important;
    width:125% !important;
    height:70% !important;
    object-position:58% 20% !important;
  }
}


/* ===== DECREED FINAL V22 ===== */
.included .section-kicker,
.whats-included .section-kicker,
#included .section-kicker,
#whats-included .section-kicker {
  color: #d8aa52 !important;
  text-shadow:
    0 0 7px rgba(216,170,82,.28),
    0 0 18px rgba(216,170,82,.12);
  letter-spacing: .18em;
}

/* Keep body-copy emphasis premium and restrained rather than turning copy gold. */
.included-card strong,
.feature-card strong,
.method-desc strong {
  color: #f4f2ed !important;
  text-shadow: 0 0 7px rgba(244,242,237,.08) !important;
}


/* ===== DECREED LIVE MOTION ===== */
.reveal{
  opacity:0;
  will-change:transform,opacity;
  transition:opacity 1.25s cubic-bezier(.22,1,.36,1),transform 1.25s cubic-bezier(.22,1,.36,1);
}
.reveal-left{transform:translate3d(-34px,0,0)}
.reveal-up{transform:translate3d(0,28px,0)}
.reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}
.reveal-delay-1{transition-delay:.08s}
.reveal-delay-2{transition-delay:.18s}
.reveal-delay-3{transition-delay:.28s}
.reveal-delay-4{transition-delay:.38s}
.reveal-delay-5{transition-delay:.48s}
.reveal-delay-6{transition-delay:.58s}
.hero-content.reveal{transition-duration:1.05s}
.included-card,.creed-card,.method-card{
  transition:transform .24s cubic-bezier(.22,1,.36,1),background .24s ease,box-shadow .24s ease;
}
.included-card:hover,.creed-card:hover,.method-card:hover{transform:translateY(-3px)}
@media (prefers-reduced-motion:reduce){
  .reveal,.reveal-left,.reveal-up{opacity:1!important;transform:none!important;transition:none!important}
}


/* ===== DECREED FINAL V28 — CREED PROCESS FLOW ===== */
.method-flow{
  display:grid;
  grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr) 52px minmax(0,1fr) 52px minmax(0,1fr) 52px minmax(0,1fr);
  align-items:start;
  gap:16px;
  margin-top:54px;
  padding:0 4px;
}
.method-step{
  min-width:0;
  padding:0 6px;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  transform:none;
}
.method-step:hover{transform:none !important;box-shadow:none !important;}
.method-step .method-letter{
  font-family:'Barlow Condensed',sans-serif;
  font-size:70px;
  line-height:.9;
  font-weight:800;
  color:var(--gold,#d7aa50);
  text-shadow:none !important;
  margin:0 0 18px;
}
.method-step .method-word{
  font-family:'Barlow Condensed',sans-serif;
  font-size:27px;
  line-height:1;
  font-weight:800;
  color:#f5f5f2;
  letter-spacing:.01em;
  margin-bottom:12px;
}
.method-step .method-tag{
  min-height:48px;
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:15px;
  line-height:1.55;
  font-style:italic;
  color:rgba(245,245,242,.62);
}
.method-rule{
  display:block;
  width:30px;
  height:1px;
  margin:17px 0 17px;
  background:var(--gold,#d7aa50);
  opacity:.9;
}
.method-step .method-desc{
  margin:0;
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:14px;
  line-height:1.75;
  color:rgba(245,245,242,.62);
}
.method-step .method-desc strong{color:rgba(245,245,242,.92);font-weight:600;}
.method-arrow{
  position:relative;
  align-self:start;
  height:74px;
  margin-top:7px;
}
.method-arrow span{
  position:absolute;
  top:31px;
  left:8px;
  width:32px;
  height:1px;
  background:linear-gradient(90deg,rgba(215,170,80,.28),rgba(215,170,80,.95));
}
.method-arrow span::after{
  content:'';
  position:absolute;
  right:-1px;
  top:-3px;
  width:7px;
  height:7px;
  border-top:1px solid var(--gold,#d7aa50);
  border-right:1px solid var(--gold,#d7aa50);
  transform:rotate(45deg);
}
.method-outcome{
  display:flex;
  align-items:center;
  gap:22px;
  margin-top:42px;
  padding:20px 26px;
  border:1px solid rgba(215,170,80,.18);
  background:rgba(255,255,255,.012);
}
.method-outcome p{margin:0;color:rgba(245,245,242,.72);font-size:14px;letter-spacing:.005em;}
.method-outcome strong{color:var(--gold,#d7aa50);font-weight:600;}
.method-crown{color:var(--gold,#d7aa50);font-size:22px;line-height:1;}

@media(max-width:1100px){
  .method-flow{grid-template-columns:1fr 34px 1fr 34px 1fr;row-gap:46px;}
  .method-step:nth-of-type(4),.method-step:nth-of-type(5){grid-row:3;}
  .method-arrow{width:34px;}
}
@media(max-width:800px){
  .method-flow{display:flex;flex-direction:column;gap:0;margin-top:38px;}
  .method-step{width:100%;padding:0 0 4px;}
  .method-arrow{width:100%;height:44px;margin:2px 0 12px;}
  .method-arrow span{top:19px;left:14px;width:42px;transform:rotate(90deg);transform-origin:left center;}
  .method-step .method-letter{font-size:58px;margin-bottom:14px;}
  .method-step .method-tag{min-height:0;}
  .method-outcome{margin-top:30px;padding:18px 20px;align-items:flex-start;}
}


/* V30 — compact CREED Method */
.method-section {
  padding-top: 70px;
  padding-bottom: 70px;
}

.method-panel {
  padding: 46px 34px 34px;
}

.method-intro {
  margin-bottom: 34px;
}

.method-intro h2 {
  font-size: clamp(38px, 4vw, 56px);
  line-height: 0.95;
  margin-top: 8px;
  margin-bottom: 14px;
}

.method-lead {
  max-width: 760px;
  font-size: 15px;
  line-height: 1.65;
}

.method-flow {
  gap: 10px;
  align-items: start;
}

.method-step {
  padding: 0 4px;
}

.method-letter {
  font-size: clamp(48px, 5.2vw, 72px);
  line-height: 0.82;
  margin-bottom: 12px;
}

.method-word {
  font-size: 20px;
  line-height: 1;
  margin-bottom: 8px;
}

.method-tag {
  font-size: 14px;
  line-height: 1.3;
  min-height: 36px;
}

.method-rule {
  margin: 12px auto 13px;
  width: 24px;
}

.method-desc {
  font-size: 12.5px;
  line-height: 1.55;
}

.method-arrow {
  padding-top: 30px;
  min-width: 34px;
}

.method-arrow span {
  width: 30px;
}

.method-outcome {
  margin-top: 30px;
  padding: 18px 24px;
}

.method-outcome p {
  font-size: 14px;
}

@media (max-width: 900px) {
  .method-panel {
    padding: 40px 24px 30px;
  }

  .method-flow {
    gap: 18px;
  }

  .method-letter {
    font-size: 56px;
  }

  .method-word {
    font-size: 19px;
  }

  .method-desc {
    font-size: 13px;
  }
}

/* V32 FINAL: position CREED arrows slightly further left */
.method-arrow {
  transform: translateX(-12px);
}
@media (max-width: 900px) {
  .method-arrow {
    transform: none;
  }
}


/* V33 FINAL — slightly more compact CREED Method + gold result emphasis */
@media (min-width: 901px) {
  .method-panel {
    padding: 44px 32px 32px;
  }

  .method-intro {
    margin-bottom: 32px;
  }

  .method-intro h2 {
    font-size: clamp(36px, 3.8vw, 53px);
  }

  .method-lead {
    font-size: 14.25px;
  }

  .method-flow {
    gap: 9px;
  }

  .method-letter {
    font-size: clamp(46px, 4.95vw, 68px);
    margin-bottom: 11px;
  }

  .method-word {
    font-size: 19px;
  }

  .method-tag {
    font-size: 13.3px;
    min-height: 34px;
  }

  .method-rule {
    margin: 11px auto 12px;
  }

  .method-desc {
    font-size: 11.9px;
    line-height: 1.52;
  }

  .method-arrow {
    padding-top: 28px;
  }

  .method-outcome {
    margin-top: 28px;
    padding: 17px 23px;
  }

  .method-outcome p {
    font-size: 13.3px;
  }
}

.method-result-glow {
  color: #C6A15B;
  font-weight: 600;
  text-shadow:
    0 0 7px rgba(198, 161, 91, 0.30),
    0 0 14px rgba(198, 161, 91, 0.12);
}


/* ===== DECREED FINAL V34 — requested refinements ===== */
.founder-note p{font-size:10.5px !important;line-height:1.35 !important;font-weight:400 !important;color:var(--muted) !important;letter-spacing:.14em !important;}
.founder-note p strong{font-weight:400 !important;}
.included-card p,.included-card p strong{font-weight:400 !important;color:inherit !important;text-shadow:none !important;}
@media (min-width:901px){.method-step .method-rule{transform:translateX(-9px);}}
.method-logo-mark{display:block;width:24px;height:24px;flex:0 0 24px;object-fit:contain;}
@media (max-width:800px){.method-logo-mark{width:22px;height:22px;flex-basis:22px;}}


/* ===== DECREED FINAL V35 — hero discovery refinement ===== */
.hero-discovery{
  font-weight:400 !important;
  margin-top:22px !important;
}
.hero-discovery strong{
  font-weight:400 !important;
  color:inherit !important;
  text-shadow:none !important;
}
@media (min-width:901px){
  .hero-statement{margin-bottom:0 !important;}
  .hero-discovery{margin-top:24px !important;}
}


/* ===== DECREED FINAL V36 — hero discovery line break + age highlight ===== */
.hero-age-gold{
  color:#C6A15B !important;
  font-weight:600 !important;
}
.hero-discovery-break{display:none;}
@media (min-width:901px){
  .hero-discovery{max-width:690px !important;}
  .hero-discovery-break{display:block;}
}


/* ===== DECREED FINAL V37 — MOBILE OPTIMISATION ONLY ===== */
@media (max-width: 600px){

  html, body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
  }

  /* Header / brand */
  .site-header{
    height:76px !important;
    padding:0 18px !important;
  }
  .brand{
    gap:10px !important;
  }
  .brand-mark{
    width:40px !important;
    height:40px !important;
  }
  .brand-name{
    font-size:15px !important;
    letter-spacing:.31em !important;
  }

  /* Hero: keep the photo premium, but give the copy breathing room */
  .hero{
    min-height:auto !important;
    height:auto !important;
    display:block !important;
    padding-top:0 !important;
  }
  .hero-media{
    height:610px !important;
    min-height:0 !important;
  }
  .hero-media img{
    top:0 !important;
    right:-22% !important;
    width:138% !important;
    height:610px !important;
    object-fit:cover !important;
    object-position:56% 18% !important;
    transform:none !important;
  }
  .hero-overlay{
    background:
      linear-gradient(0deg,
        #050505 0%,
        rgba(5,5,5,.995) 13%,
        rgba(5,5,5,.93) 25%,
        rgba(5,5,5,.58) 45%,
        rgba(5,5,5,.20) 67%,
        rgba(5,5,5,.05) 100%),
      linear-gradient(90deg,
        rgba(5,5,5,.58) 0%,
        rgba(5,5,5,.24) 40%,
        rgba(5,5,5,.03) 100%) !important;
  }
  .hero-content{
    position:relative !important;
    padding:255px 20px 58px !important;
  }
  .hero-content h1{
    max-width:100% !important;
    font-size:clamp(44px,12.2vw,56px) !important;
    line-height:.91 !important;
    letter-spacing:-.012em !important;
  }
  .hero-statement{
    margin-top:28px !important;
    max-width:100% !important;
    font-size:15px !important;
    line-height:1.36 !important;
    letter-spacing:.015em !important;
  }
  .hero-statement strong{
    display:block;
    margin-top:7px;
  }
  .hero-discovery{
    margin-top:22px !important;
    max-width:100% !important;
    font-size:14px !important;
    line-height:1.62 !important;
  }
  .hero-discovery-break{
    display:none !important;
  }
  .hero-actions{
    margin-top:24px !important;
    gap:11px !important;
  }
  .primary-cta{
    min-height:56px;
    padding:17px 16px !important;
    font-size:11.5px !important;
    letter-spacing:.14em !important;
  }
  .microcopy{
    padding-left:1px;
    font-size:10px !important;
    letter-spacing:.16em !important;
  }
  .founder-note{
    margin-top:17px !important;
    gap:10px !important;
  }
  .founder-rule{
    height:28px !important;
  }
  .founder-note p{
    font-size:9px !important;
    letter-spacing:.13em !important;
  }

  /* What's included */
  .included-section{
    padding:58px 0 64px !important;
  }
  .included-wrap{
    width:calc(100% - 32px) !important;
  }
  .included-intro{
    gap:20px !important;
    margin-bottom:32px !important;
  }
  .section-kicker{
    font-size:9px !important;
    letter-spacing:.22em !important;
    margin-bottom:12px !important;
  }
  .included-intro h2{
    font-size:clamp(38px,11.4vw,48px) !important;
    line-height:.91 !important;
  }
  .included-lead{
    font-size:12.5px !important;
    line-height:1.72 !important;
  }
  .included-card{
    padding:24px 20px 26px !important;
  }
  .card-number{
    width:34px !important;
    height:34px !important;
    margin-bottom:18px !important;
    font-size:12px !important;
  }
  .included-card h3{
    font-size:19px !important;
    line-height:1.08 !important;
    margin-bottom:11px !important;
  }
  .included-card p{
    font-size:12px !important;
    line-height:1.67 !important;
  }

  /* CREED Method: more compact vertical timeline, still clearly sequential */
  .method-section{
    padding:58px 0 !important;
  }
  .method-panel{
    padding:30px 20px 24px !important;
  }
  .method-intro{
    margin-bottom:28px !important;
  }
  .method-intro h2{
    font-size:clamp(36px,10.7vw,45px) !important;
    line-height:.94 !important;
  }
  .method-lead{
    font-size:12.5px !important;
    line-height:1.65 !important;
  }
  .method-flow{
    margin-top:28px !important;
  }
  .method-step{
    padding:0 !important;
  }
  .method-step .method-letter,
  .method-letter{
    font-size:48px !important;
    margin-bottom:10px !important;
  }
  .method-step .method-word,
  .method-word{
    font-size:22px !important;
    margin-bottom:9px !important;
  }
  .method-step .method-tag,
  .method-tag{
    font-size:12.5px !important;
    line-height:1.45 !important;
  }
  .method-rule{
    width:24px !important;
    margin:12px 0 13px !important;
    transform:none !important;
  }
  .method-step .method-desc,
  .method-desc{
    font-size:12px !important;
    line-height:1.62 !important;
  }
  .method-arrow{
    height:38px !important;
    margin:7px 0 12px !important;
    padding:0 !important;
  }
  .method-arrow span{
    top:14px !important;
    left:10px !important;
    width:34px !important;
  }
  .method-outcome{
    gap:14px !important;
    margin-top:24px !important;
    padding:16px 15px !important;
    align-items:center !important;
  }
  .method-outcome p{
    font-size:12px !important;
    line-height:1.55 !important;
  }
  .method-logo-mark{
    width:20px !important;
    height:20px !important;
    flex-basis:20px !important;
  }

  /* Application: fit comfortably in the viewport and reduce unnecessary height */
  .application-shell{
    padding:76px 14px 72px !important;
  }
  .application-heading{
    margin-bottom:28px !important;
    padding:0 8px !important;
  }
  .application-heading h2,
  .success-card h2{
    font-size:clamp(42px,12vw,54px) !important;
    line-height:.94 !important;
  }
  .application-heading p,
  .success-card p{
    font-size:12px !important;
    line-height:1.6 !important;
  }
  .application-card{
    padding:20px 15px 22px !important;
  }
  legend,
  .contact-step h3{
    font-size:22px !important;
    line-height:1.05 !important;
  }
  .option{
    padding:13px 12px !important;
    gap:11px !important;
  }
  .option span{
    font-size:12px !important;
    line-height:1.5 !important;
  }
  .form-actions{
    margin-top:22px !important;
  }
  .next-btn,
  .submit-btn{
    padding:15px 20px !important;
    min-width:132px !important;
    font-size:11px !important;
  }

  footer{
    min-height:112px !important;
    padding:28px 20px !important;
  }
}

/* ===== DECREED FINAL V46 — FINAL DESKTOP HERO ALIGNMENT =====
   Single authoritative desktop hero model.
   Target: larger ASUS-style composition on common MacBook/16:10 laptop viewports.
   Mobile V37 rules remain untouched.
*/
@media (min-width:901px){

  .hero{
    position:relative !important;
    min-height:780px !important;
    height:clamp(780px,47vw,860px) !important;
    max-height:860px !important;
    overflow:hidden !important;
    display:flex !important;
    align-items:center !important;
    background:#050505 !important;
  }

  .hero-media{
    position:absolute !important;
    inset:0 !important;
    overflow:hidden !important;
    background:#050505 !important;
  }

  .hero-media img{
    position:absolute !important;
    top:0 !important;
    left:34% !important;
    right:auto !important;

    width:66% !important;
    height:100% !important;
    max-width:none !important;

    object-fit:cover !important;
    /* Bias crop upward so head + full abs stay visible */
    object-position:52% 24% !important;
    transform:none !important;
    filter:saturate(.94) contrast(1.01) brightness(.97) !important;
  }

  .hero-overlay{
    position:absolute !important;
    inset:0 !important;
    background:
      linear-gradient(90deg,
        #050505 0%,
        #050505 15%,
        rgba(5,5,5,.985) 20%,
        rgba(5,5,5,.91) 25%,
        rgba(5,5,5,.73) 30%,
        rgba(5,5,5,.50) 35%,
        rgba(5,5,5,.29) 40%,
        rgba(5,5,5,.14) 45%,
        rgba(5,5,5,.055) 50%,
        rgba(5,5,5,.015) 55%,
        rgba(5,5,5,0) 60%),
      /* Much lighter bottom fade so the abs are not buried in black */
      linear-gradient(0deg,
        #050505 0%,
        rgba(5,5,5,.78) 3%,
        rgba(5,5,5,.34) 7%,
        rgba(5,5,5,.10) 11%,
        rgba(5,5,5,0) 16%) !important;
  }

  .hero-content{
    position:relative !important;
    z-index:2 !important;
    width:100% !important;
    max-width:820px !important;
    margin:0 !important;

    padding-top:145px !important;
    padding-right:0 !important;
    padding-bottom:72px !important;
    padding-left:clamp(70px,6.4vw,118px) !important;
  }

  .hero-content h1{
    max-width:760px !important;
    font-size:clamp(68px,3.75vw,74px) !important;
    line-height:.93 !important;
    letter-spacing:-.018em !important;
  }

  .hero-statement{
    max-width:700px !important;
    margin-top:38px !important;
    font-size:clamp(23px,1.35vw,26px) !important;
    line-height:1.28 !important;
  }

  .hero-discovery{
    max-width:670px !important;
    margin-top:26px !important;
    font-size:clamp(18px,1.05vw,20px) !important;
    line-height:1.55 !important;
  }

  .hero-actions{
    margin-top:29px !important;
  }

  .primary-cta{
    min-height:62px !important;
    padding:18px 31px !important;
  }
}

/* Common MacBook / modern laptop widths:
   increase image share and keep text deliberately large. */
@media (min-width:901px) and (max-width:1600px){

  .hero{
    min-height:800px !important;
    height:clamp(800px,57vw,850px) !important;
  }

  .hero-media img{
    left:30.5% !important;
    width:69.5% !important;
    object-position:52% 27% !important;
  }

  .hero-content{
    max-width:760px !important;
    padding-top:142px !important;
    padding-left:clamp(60px,5.8vw,88px) !important;
  }

  .hero-content h1{
    max-width:700px !important;
    font-size:clamp(66px,4.75vw,72px) !important;
  }

  .hero-statement{
    font-size:clamp(22px,1.55vw,25px) !important;
  }

  .hero-discovery{
    font-size:clamp(17.5px,1.2vw,19.5px) !important;
  }
}

/* Wider desktop screens keep the same visual weight rather than stretching apart. */
@media (min-width:1800px){

  .hero{
    height:850px !important;
  }

  .hero-media img{
    left:36% !important;
    width:64% !important;
    object-position:52% 24% !important;
  }

  .hero-content{
    padding-left:112px !important;
  }

  .hero-content h1{
    font-size:74px !important;
  }
}


/* ===== DECREED FINAL V47 — MOBILE HERO FINAL =====
   MOBILE ONLY. Desktop / laptop V46 is completely untouched.
*/

/* Desktop keeps the original approved heading. */
.included-title-mobile{
  display:none;
}

@media (max-width:600px){

  /* 1. Shift the portrait upward in its crop and add a tiny zoom.
     Increasing the Y object-position moves more of the image upward
     within the fixed mobile hero window, revealing more torso below. */
  .hero-media img{
    top:0 !important;
    right:-22% !important;
    width:138% !important;
    height:610px !important;
    object-fit:cover !important;
    object-position:56% 24% !important;
    transform:scale(1.025) !important;
    transform-origin:56% 24% !important;
  }

  /* 2 + 3. Headline ~10% smaller and content starts slightly lower
     on normal phones, but uses viewport-relative padding so short
     screens are not forced too far down. */
  .hero-content{
    padding-top:clamp(235px, 32svh, 282px) !important;
    padding-right:20px !important;
    padding-bottom:52px !important;
    padding-left:20px !important;
  }

  .hero-content h1{
    max-width:100% !important;
    font-size:clamp(40px, 11vw, 50px) !important;
    line-height:.92 !important;
    letter-spacing:-.012em !important;
  }

  /* Mobile-only line breaks for What's Included.
     Desktop heading remains exactly as V46. */
  .included-title-desktop{
    display:none !important;
  }

  .included-title-mobile{
    display:block !important;
  }
}

/* 4. Very small phones, including iPhone SE-width devices:
   slightly less top space and another small headline reduction. */
@media (max-width:375px){

  .hero-content{
    padding-top:clamp(218px, 29svh, 245px) !important;
    padding-right:18px !important;
    padding-bottom:46px !important;
    padding-left:18px !important;
  }

  .hero-content h1{
    font-size:clamp(37px, 10.4vw, 43px) !important;
    line-height:.93 !important;
  }

  .hero-media img{
    object-position:56% 25% !important;
    transform:scale(1.02) !important;
    transform-origin:56% 25% !important;
  }
}


/* ===== DECREED FINAL V48 — MOBILE PHYSIQUE-FIRST HERO =====
   MOBILE ONLY. Desktop/laptop V46 remains untouched.
   Uses the original jondre-hero-v10.jpg image.
*/
@media (max-width:600px){

  /* Give the original portrait a taller mobile canvas and bring the
     subject upward, while keeping a slight zoom for a stronger physique presence. */
  .hero-media{
    height:760px !important;
    min-height:0 !important;
  }

  .hero-media img{
    top:0 !important;
    right:-25% !important;
    width:150% !important;
    height:760px !important;
    max-width:none !important;

    object-fit:cover !important;
    object-position:56% 36% !important;

    transform:scale(1.015) !important;
    transform-origin:56% 36% !important;
  }

  /* Keep the face/torso readable for longer before fading into the copy area. */
  .hero-overlay{
    background:
      linear-gradient(0deg,
        #050505 0%,
        rgba(5,5,5,.995) 16%,
        rgba(5,5,5,.94) 27%,
        rgba(5,5,5,.70) 39%,
        rgba(5,5,5,.36) 51%,
        rgba(5,5,5,.14) 63%,
        rgba(5,5,5,.045) 75%,
        rgba(5,5,5,0) 88%),
      linear-gradient(90deg,
        rgba(5,5,5,.38) 0%,
        rgba(5,5,5,.16) 42%,
        rgba(5,5,5,.02) 100%) !important;
  }

  /* Move the complete copy block substantially lower so the physique
     gets its own visual area before the headline begins. */
  .hero-content{
    padding-top:clamp(410px, 51svh, 470px) !important;
    padding-right:20px !important;
    padding-bottom:54px !important;
    padding-left:20px !important;
  }

  /* Slightly smaller than V47 so it stays premium without covering the torso. */
  .hero-content h1{
    max-width:100% !important;
    font-size:clamp(36px, 9.8vw, 44px) !important;
    line-height:.93 !important;
    letter-spacing:-.012em !important;
  }

  .hero-statement{
    margin-top:26px !important;
  }

  .hero-discovery{
    margin-top:20px !important;
  }
}

/* Small phones: preserve the physique-first composition without pushing
   the CTA excessively far down. */
@media (max-width:375px){

  .hero-media{
    height:710px !important;
  }

  .hero-media img{
    right:-27% !important;
    width:154% !important;
    height:710px !important;
    object-position:56% 37% !important;
    transform:scale(1.01) !important;
    transform-origin:56% 37% !important;
  }

  .hero-content{
    padding-top:clamp(355px, 48svh, 400px) !important;
    padding-right:18px !important;
    padding-bottom:48px !important;
    padding-left:18px !important;
  }

  .hero-content h1{
    font-size:clamp(34px, 9.4vw, 39px) !important;
    line-height:.94 !important;
  }
}


/* ===== DECREED FINAL V49 — MOBILE HERO FINAL ALIGNMENT =====
   MOBILE ONLY. Desktop/laptop V46 remains untouched.
*/

.hero-title-mobile{
  display:none;
}

@media (max-width:600px){

  /* Keep the approved desktop title out of the mobile layout and use
     deliberate mobile line breaks instead. */
  .hero-title-desktop{
    display:none !important;
  }

  .hero-title-mobile{
    display:block !important;
  }

  /* Move the ORIGINAL hero image slightly further upward so the head sits
     closer to the DECREED logo and more torso remains visible below. */
  .hero-media img{
    object-position:56% 40% !important;
    transform:scale(1.015) !important;
    transform-origin:56% 40% !important;
  }

  /* Exact requested mobile headline structure:
       HIGH-TOUCH
       PERSONALISED
       COACHING FOR
       HIGH-PERFORMING MEN.
  */
  .hero-title-mobile .hero-line-white{
    display:block !important;
  }

  .hero-title-mobile em{
    display:block !important;
    margin-top:0 !important;
  }
}

/* Very small phones get the same composition with a touch more upward crop. */
@media (max-width:375px){

  .hero-media img{
    object-position:56% 41% !important;
    transform:scale(1.01) !important;
    transform-origin:56% 41% !important;
  }
}


/* ===== DECREED FINAL V50 — MOBILE LOGO + SLIGHT HERO LIFT =====
   MOBILE ONLY. Desktop/laptop layout remains exactly as V46/V49.
*/

/* Desktop default: keep the existing approved logo. */
.brand-mark-mobile{
  display:none;
}

@media (max-width:600px){

  /* Swap only the top mobile mark to the user's transparent white logo.
     No black square/background around the icon. */
  .brand-mark-desktop{
    display:none !important;
  }

  .brand-mark-mobile{
    display:block !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  /* Move the original hero photo just a little further upward.
     This brings the head closer to the DECREED header while revealing
     a touch more lower torso beneath it. */
  .hero-media img{
    object-position:56% 44% !important;
    transform:scale(1.015) !important;
    transform-origin:56% 44% !important;
  }
}

@media (max-width:375px){

  .hero-media img{
    object-position:56% 45% !important;
    transform:scale(1.01) !important;
    transform-origin:56% 45% !important;
  }
}


/* ===== DECREED FINAL V51 — MOBILE LOGO REFINEMENT =====
   MOBILE ONLY. Desktop/laptop remains unchanged.
   - move icon closer to DECREED text
   - slightly increase icon size
   - keep wordmark vertically centered with the icon
*/
@media (max-width:600px){
  .brand{
    gap:7px !important;
    align-items:center !important;
  }

  .brand-mark-mobile{
    width:46px !important;
    height:46px !important;
    display:block !important;
    object-fit:contain !important;
    background:transparent !important;
    box-shadow:none !important;
    filter:none !important;
    flex:0 0 auto !important;
  }

  .brand-name{
    font-size:15px !important;
    line-height:1 !important;
    display:block !important;
    position:relative !important;
    top:0 !important;
  }
}

@media (max-width:375px){
  .brand{
    gap:6px !important;
  }

  .brand-mark-mobile{
    width:44px !important;
    height:44px !important;
  }

  .brand-name{
    font-size:14px !important;
  }
}



/* ===== DECREED FINAL V52 — MOBILE HERO UP + TIGHTER LOGO =====
   MOBILE ONLY. Desktop/laptop remains unchanged.
   - move hero image upward so head sits closer to header/logo
   - reduce gap between icon and DECREED wordmark
*/
@media (max-width:600px){
  .hero-media img{
    object-position:56% 48% !important;
    transform:scale(1.02) !important;
    transform-origin:56% 48% !important;
  }

  .brand{
    gap:4px !important;
    align-items:center !important;
  }

  .brand-name{
    margin-left:0 !important;
    line-height:1 !important;
  }
}

@media (max-width:375px){
  .hero-media img{
    object-position:56% 49% !important;
    transform:scale(1.018) !important;
    transform-origin:56% 49% !important;
  }

  .brand{
    gap:3px !important;
  }
}


/* ===== DECREED FINAL V53 — MOBILE HERO HIGHER + LOGO TIGHTER =====
   MOBILE ONLY. Desktop/laptop remains unchanged.
*/
@media (max-width:600px){

  /* Move the original hero image further upward so the head sits
     noticeably closer to the DECREED header. */
  .hero-media img{
    object-position:56% 52% !important;
    transform:scale(1.022) !important;
    transform-origin:56% 52% !important;
  }

  /* Tighten the icon/wordmark relationship further. */
  .brand{
    gap:0 !important;
    align-items:center !important;
  }

  .brand-name{
    margin-left:-1px !important;
    line-height:1 !important;
  }
}

@media (max-width:375px){

  .hero-media img{
    object-position:56% 53% !important;
    transform:scale(1.02) !important;
    transform-origin:56% 53% !important;
  }

  .brand{
    gap:0 !important;
  }

  .brand-name{
    margin-left:-1px !important;
  }
}


/* ===== DECREED FINAL V54 — PREMIUM CTA GLOW =====
   Applies to the main "START YOUR APPLICATION" button on desktop + mobile.
   All other site styling remains unchanged.
*/
.primary-cta{
  position:relative !important;
  overflow:hidden !important;

  background:var(--gold) !important;
  border:1px solid rgba(245,245,245,.34) !important;

  color:#080808 !important;
  font-weight:700 !important;
  letter-spacing:.18em !important;

  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.14),
    inset 0 1px 0 rgba(255,255,255,.26),
    0 0 10px rgba(198,161,91,.48),
    0 0 24px rgba(198,161,91,.30),
    0 0 46px rgba(198,161,91,.15) !important;

  text-shadow:0 1px 0 rgba(255,255,255,.16) !important;
  transition:
    transform .24s cubic-bezier(.22,1,.36,1),
    box-shadow .24s ease,
    filter .24s ease !important;
}

.primary-cta::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.16) 0%,
      rgba(255,255,255,.055) 28%,
      rgba(255,255,255,0) 58%
    ) !important;
}

.primary-cta:hover{
  transform:translateY(-2px) scale(1.008) !important;
  filter:brightness(1.035) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.18),
    inset 0 1px 0 rgba(255,255,255,.30),
    0 0 13px rgba(198,161,91,.62),
    0 0 30px rgba(198,161,91,.38),
    0 0 58px rgba(198,161,91,.20) !important;
}

.primary-cta:focus-visible{
  outline:2px solid rgba(245,245,245,.88) !important;
  outline-offset:4px !important;
}

/* Slightly stronger text presence on desktop without changing dimensions. */
@media (min-width:601px){
  .primary-cta{
    font-size:13.5px !important;
  }
}

/* Mobile keeps the approved full-width button while making it feel more premium. */
@media (max-width:600px){
  .primary-cta{
    font-size:12px !important;
    letter-spacing:.17em !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.15),
      inset 0 1px 0 rgba(255,255,255,.26),
      0 0 9px rgba(198,161,91,.50),
      0 0 21px rgba(198,161,91,.31),
      0 0 38px rgba(198,161,91,.16) !important;
  }
}


/* ===== DECREED FINAL V55 — NETLIFY FORMS =====
   Backend integration only. No visual layout changes.
*/
.netlify-honeypot{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  clip-path:inset(50%) !important;
  white-space:nowrap !important;
  margin:-1px !important;
  padding:0 !important;
  border:0 !important;
}


/* ===== DECREED FINAL V57 — FINAL CONTACT FORM =====
   Contact stage only. All hero, mobile, CTA glow, and Netlify form handling remain unchanged.
*/
.final-contact-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:22px 18px !important;
  margin-top:30px !important;
}

.final-contact-grid label{
  display:block !important;
  font-size:9px !important;
  line-height:1.4 !important;
  letter-spacing:.20em !important;
  color:#d9d9d5 !important;
  text-transform:uppercase !important;
}

.final-contact-grid .required-mark{
  color:var(--gold) !important;
  margin-left:2px;
}

.final-contact-grid input,
.final-contact-grid select{
  display:block !important;
  width:100% !important;
  min-height:56px !important;
  margin-top:9px !important;
  padding:0 16px !important;

  border:1px solid #2d2d2d !important;
  border-radius:2px !important;
  background:#0c0c0c !important;
  color:var(--text) !important;

  font-family:"Plus Jakarta Sans",sans-serif !important;
  font-size:13px !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  text-transform:none !important;

  outline:none !important;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}

.final-contact-grid input::placeholder{
  color:#777 !important;
  opacity:1 !important;
}

.final-contact-grid select{
  appearance:none !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  cursor:pointer !important;
  padding-right:42px !important;

  background-image:
    linear-gradient(45deg,transparent 50%,#b7b7b3 50%),
    linear-gradient(135deg,#b7b7b3 50%,transparent 50%) !important;
  background-position:
    calc(100% - 20px) 25px,
    calc(100% - 15px) 25px !important;
  background-size:5px 5px,5px 5px !important;
  background-repeat:no-repeat !important;
}

.final-contact-grid input:focus,
.final-contact-grid select:focus{
  border-color:rgba(198,161,91,.82) !important;
  box-shadow:0 0 0 1px rgba(198,161,91,.13),0 0 14px rgba(198,161,91,.08) !important;
  background:#0e0e0e !important;
}

@media (max-width:800px){
  .final-contact-grid{
    grid-template-columns:1fr !important;
    gap:17px !important;
  }

  .final-contact-grid input,
  .final-contact-grid select{
    min-height:54px !important;
    font-size:12.5px !important;
  }
}



/* ===== DECREED V58 — PRIVACY POLICY INTEGRATION ===== */
.footer-legal{
  display:flex;
  align-items:center;
  gap:22px;
}
.footer-legal p{margin:0;}
.footer-legal a{
  color:#9a9a95;
  text-decoration:none;
  transition:color .18s ease;
}
.footer-legal a:hover,
.footer-legal a:focus-visible{color:var(--gold);}
@media (max-width:600px){
  .footer-legal{flex-direction:column;gap:10px;}
}

/* ===== DECREED V59 — FOUNDER-LED COPY + CTA + CREED REFINEMENTS =====
   Copy and micro-layout refinements only. Existing desktop/mobile system preserved.
*/

/* Vertically centre the hero CTA copy and arrow inside the approved button. */
.primary-cta{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  line-height:1 !important;
}
.primary-cta > span{
  display:inline-flex !important;
  align-items:center !important;
  line-height:1 !important;
}

/* Two-line low-friction application cue beside the CTA. */
.microcopy-stack{
  display:inline-flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:5px !important;
  line-height:1.05 !important;
  white-space:nowrap !important;
}
.microcopy-stack > span{
  display:block !important;
}
.microcopy-stack .microcopy-sub{
  color:rgba(245,245,243,.46) !important;
  font-size:.86em !important;
  letter-spacing:.15em !important;
}

/* CREED cue lines: same size, stronger emphasis. */
.method-step .method-tag,
.method-tag{
  font-weight:700 !important;
}

/* Keep the longer V59 card copy airy without materially changing the approved grid. */
.included-card p{
  text-wrap:pretty;
}

@media (max-width:600px){
  .primary-cta{
    width:100% !important;
    min-height:56px !important;
  }

  .microcopy-stack{
    width:100% !important;
    align-items:center !important;
    text-align:center !important;
    gap:4px !important;
  }

  /* Long premium cards remain readable on narrow devices. */
  .included-card p{
    max-width:100% !important;
  }
}


/* ===== DECREED V60 — CREED METHOD COPY + CUE EMPHASIS =====
   Shorter Commit copy and stronger phase cues. Existing desktop/mobile layout preserved.
*/
.method-step .method-tag,
.method-tag{
  color:#f5f5f3 !important;
  font-weight:700 !important;
  font-style:normal !important;
  text-shadow:0 0 8px rgba(245,245,243,.08) !important;
}

/* ===== DECREED V61 — COPY REFINEMENTS ONLY =====
   Founding 10 line, card 05/06 copy, CREED intro and Commit copy.
   No layout changes; approved desktop/mobile system preserved.
*/


/* ===== DECREED V64 — CREED METHOD FINAL COPY REFINEMENTS =====
   Bold + italic phase cues, no punctuation changes to layout, and final intro/Commit copy.
*/
.method-step .method-tag,
.method-tag{
  font-weight:700 !important;
  font-style:italic !important;
}

/* ===== DECREED V66 — TRANSPARENT LOGO + HERO STATEMENT + COMMIT COPY =====
   Uses the user's transparent cream-white DECREED mark on desktop and mobile.
   Hero positioning statement moves to sentence case with a brighter off-white first line
   and a stronger gold second line. Existing responsive layout remains unchanged.
*/
.hero-statement .hero-standard-line{
  display:block !important;
  color:#f5f5f3 !important;
  font-weight:600 !important;
  text-shadow:0 0 8px rgba(245,245,243,.06) !important;
}

.hero-statement strong{
  display:block !important;
  color:var(--gold) !important;
  font-weight:700 !important;
  text-shadow:0 0 10px rgba(208,166,81,.15) !important;
  margin-top:5px !important;
}

/* The supplied mark is already transparent, so keep it clean with no artificial box. */
.brand-mark,
.brand-mark-desktop,
.brand-mark-mobile{
  background:transparent !important;
  box-shadow:none !important;
}


/* ===== DECREED V67 — HERO STATEMENT LINE BREAK + HEADER MARK SCALE =====
   Keeps the approved V66 responsive structure intact.
   Desktop positioning statement returns to the deliberate two-line rhythm,
   while mobile can wrap naturally. Header mark is ~20% larger and sits
   closer to the DECREED wordmark.
*/
.hero-standard-break{
  display:block !important;
}

/* Increase the transparent header mark by ~20% and tighten mark/wordmark spacing. */
.brand{
  gap:6px !important;
}
.brand-mark-desktop{
  width:68px !important;
  height:68px !important;
  margin-right:-4px !important;
  object-fit:contain !important;
}

@media (max-width:600px){
  /* Allow the supporting sentence to reflow naturally on narrow screens. */
  .hero-standard-break{
    display:none !important;
  }

  .brand{
    gap:0 !important;
  }
  .brand-mark-mobile{
    width:55px !important;
    height:55px !important;
    margin-right:-5px !important;
  }
}

@media (max-width:375px){
  .brand-mark-mobile{
    width:53px !important;
    height:53px !important;
    margin-right:-5px !important;
  }
}

/* ===== DECREED V68 — HERO HIERARCHY + CTA MICROCOPY + SOFTER GLOW =====
   Review pass only. Keeps all approved responsive structure intact.
*/

/* Let the supporting sentence sit beneath the H1 instead of competing with it. */
.hero-statement .hero-standard-line{
  color:rgba(245,245,243,.85) !important;
  font-weight:500 !important;
  text-shadow:0 0 6px rgba(245,245,243,.035) !important;
}

/* Keep the gold payoff line stronger so the eye lands there. */
.hero-statement strong{
  color:var(--gold) !important;
  font-weight:700 !important;
  text-shadow:0 0 8px rgba(208,166,81,.12) !important;
}

/* Make the low-friction application cue easier to read without overpowering the CTA. */
.microcopy-stack{
  color:rgba(245,245,243,.76) !important;
  font-size:12.5px !important;
  font-weight:500 !important;
}
.microcopy-stack .microcopy-sub{
  color:rgba(245,245,243,.64) !important;
  font-size:11px !important;
  font-weight:500 !important;
  letter-spacing:.145em !important;
}

/* Tighter, softer CTA glow for a more restrained premium finish. */
.primary-cta{
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.13),
    inset 0 1px 0 rgba(255,255,255,.22),
    0 0 8px rgba(198,161,91,.34),
    0 0 18px rgba(198,161,91,.18),
    0 0 30px rgba(198,161,91,.08) !important;
}
.primary-cta:hover{
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.16),
    inset 0 1px 0 rgba(255,255,255,.26),
    0 0 10px rgba(198,161,91,.46),
    0 0 22px rgba(198,161,91,.24),
    0 0 38px rgba(198,161,91,.11) !important;
}

@media (max-width:600px){
  .microcopy-stack{
    font-size:11.5px !important;
    color:rgba(245,245,243,.80) !important;
  }
  .microcopy-stack .microcopy-sub{
    font-size:10.5px !important;
    color:rgba(245,245,243,.68) !important;
  }
  .primary-cta{
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.13),
      inset 0 1px 0 rgba(255,255,255,.22),
      0 0 7px rgba(198,161,91,.36),
      0 0 16px rgba(198,161,91,.19),
      0 0 27px rgba(198,161,91,.08) !important;
  }
}