/* Homepage, design Option C: bold, high-contrast, conversion-led. Uses the kit tokens only. */
.home-c main{overflow:hidden}
.hc-grad{background:linear-gradient(100deg,#ffb15c,var(--orange) 40%,var(--orange-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.hc-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;padding:8px 16px 8px 10px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#ffd9b8;font:700 16px/1.2 var(--hf);letter-spacing:.08em;text-transform:uppercase}
.hc-kicker.light{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.35);color:#fff}
.hc-heart{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--orange-2)) ;display:grid;place-items:center;flex:none}
.hc-heart::before{content:"";width:12px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 21s-8-5.2-8-11.2A4.6 4.6 0 0 1 12 7a4.6 4.6 0 0 1 8 2.8C20 15.8 12 21 12 21z'/%3E%3C/svg%3E") center/contain no-repeat}
.hc-kicker.light .hc-heart{background:var(--navy)}
.hc-label{font:800 16px/1.2 var(--hf);letter-spacing:.14em;text-transform:uppercase;color:var(--orange-2);margin:0 0 12px}
.hc-label.light{color:#ffb87a}

/* hero */
.hc-hero{position:relative;color:#fbe9e4;padding:88px 0 104px;
  background:radial-gradient(1200px 600px at 110% -10%,rgba(122,18,24,.9),transparent 60%),linear-gradient(150deg,#2a0609 0%,var(--navy) 42%,var(--wine) 100%)}
.hc-glow{position:absolute;pointer-events:none;width:900px;height:900px;right:-220px;top:-160px;border-radius:50%;
  background:radial-gradient(circle,rgba(247,147,30,.42) 0%,rgba(241,90,36,.2) 35%,transparent 68%);filter:blur(10px)}
.hc-hero::after{content:"";position:absolute;inset:auto 0 0 0;height:120px;background:linear-gradient(180deg,transparent,rgba(30,4,6,.35));pointer-events:none}
.hc-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:64px;align-items:center}
.hc-hero h1{color:#fff;font-size:clamp(36px,4.3vw,60px);line-height:1.06;letter-spacing:-.025em;margin:0 0 28px}
.hc-intro p{font-size:20px;line-height:1.65;color:#f6dcd6;margin:0 0 18px;max-width:640px}
.hc-intro .hc-q{font:italic 500 clamp(21px,1.9vw,25px)/1.45 var(--sf);color:#ffc48f;padding-left:20px;border-left:4px solid var(--orange)}
.hc-side{position:relative;max-width:460px;width:100%;justify-self:end}
.hc-book{position:relative;z-index:2;width:58%;margin:0 auto -96px;transform:rotate(-7deg);
  filter:drop-shadow(0 34px 40px rgba(0,0,0,.55)) drop-shadow(0 6px 10px rgba(0,0,0,.35))}
.hc-book::before{content:"";position:absolute;inset:8% -12% -6%;border-radius:50%;background:radial-gradient(closest-side,rgba(247,147,30,.55),transparent);z-index:-1;filter:blur(18px)}
.hc-formcard{position:relative;overflow:hidden;background:#fff;color:var(--ink);border-radius:28px;padding:118px 32px 30px;text-align:center;
  box-shadow:0 40px 80px -30px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.4)}
.hc-formcard::before{content:"";position:absolute;inset:0 0 auto 0;height:6px;border-radius:28px 28px 0 0;background:linear-gradient(90deg,var(--orange),var(--orange-2))}
.hc-formcard h2{font-size:clamp(28px,2.6vw,34px);margin:0 0 6px}
.hc-sub{font-size:18px;line-height:1.45;color:var(--muted);margin:0 auto 20px;max-width:360px}
.hc-formcard .ck-form .formkit-submit{min-height:62px;font-size:20px;font-weight:800;letter-spacing:.02em;background:linear-gradient(100deg,var(--orange),var(--orange-2) 60%,#e2470f);box-shadow:0 16px 30px -12px rgba(241,90,36,.85)}
.hc-formcard .ck-form .formkit-submit:hover{filter:brightness(.95)}

/* benefits bento */
.hc-benefits{padding:110px 0 120px;background:var(--cream)}
.hc-head{text-align:center;max-width:820px;margin:0 auto 56px}
.hc-head h2{font-size:clamp(30px,3.6vw,48px);margin:0}
.hc-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.hc-tile{display:flex;flex-direction:column;background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 1px 0 var(--line),0 24px 50px -32px rgba(92,15,20,.45);transition:transform .25s,box-shadow .25s}
.hc-tile:hover{transform:translateY(-4px);box-shadow:0 1px 0 var(--line),0 34px 60px -30px rgba(92,15,20,.5)}
.hc-pic{aspect-ratio:4/3;overflow:hidden}
.hc-pic img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.hc-tile:hover .hc-pic img{transform:scale(1.04)}
.hc-txt{position:relative;padding:30px 30px 32px;flex:1}
.hc-num{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:14px;margin:0 0 16px;background:linear-gradient(135deg,var(--orange),var(--orange-2));color:#fff;font:900 18px/1 var(--hf);box-shadow:0 10px 20px -10px rgba(241,90,36,.9)}
.hc-tile h3{font-size:clamp(21px,1.8vw,25px);margin:0 0 12px}
.hc-tile p{margin:0;color:var(--muted)}
/* wide tiles: picture beside the words */
.hc-t1,.hc-t4,.hc-t5{grid-column:span 2;flex-direction:row}
.hc-t1 .hc-pic,.hc-t4 .hc-pic,.hc-t5 .hc-pic{aspect-ratio:auto;flex:0 0 50%}
.hc-t4{flex-direction:row-reverse}
.hc-t1 .hc-txt,.hc-t4 .hc-txt,.hc-t5 .hc-txt{padding:44px 42px;display:flex;flex-direction:column;justify-content:center}
.hc-t1{background:var(--navy)}
.hc-t1 h3{color:#fff;font-size:clamp(24px,2.3vw,32px)}
.hc-t1 p{color:#f3d9d3}
/* row 3: wide 5 + narrow 6 */
.hc-t6 .hc-pic{aspect-ratio:4/3}

/* orange form band */
.hc-band{position:relative;padding:96px 0;color:#fff;background:linear-gradient(120deg,var(--orange) 0%,var(--orange-2) 70%,#e2470f 100%);overflow:hidden}
.hc-band::before{content:"";position:absolute;width:700px;height:700px;left:-200px;top:-260px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.28),transparent 65%)}
.hc-band::after{content:"";position:absolute;width:600px;height:600px;right:-180px;bottom:-320px;border-radius:50%;background:radial-gradient(circle,rgba(92,15,20,.35),transparent 65%)}
.hc-band-grid{position:relative;z-index:1;display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:center;max-width:1040px}
.hc-band-book{justify-self:center;width:min(320px,100%);transform:rotate(5deg);filter:drop-shadow(0 34px 34px rgba(80,10,0,.5))}
.hc-band-copy h2{color:#fff;font-size:clamp(34px,4vw,54px);margin:0 0 8px}
.hc-band-copy .hc-sub{color:#fff3e8;font-size:21px;max-width:none;margin:0 0 26px}
.hc-band .ck-form{max-width:520px}
.hc-band .ck-form input.formkit-input{border-color:transparent;box-shadow:0 10px 24px -14px rgba(80,10,0,.6)}
.hc-band .ck-form .formkit-submit{background:var(--navy);min-height:62px;font-size:20px;font-weight:800;box-shadow:0 18px 30px -14px rgba(40,4,6,.9)}
.hc-band .ck-form .formkit-submit:hover{background:var(--navy-2)}
.hc-band .ck-form .formkit-alert li{background:#fff}

/* catalog panel */
.hc-cat{padding:110px 0;background:#fff}
.hc-cat-panel{display:grid;grid-template-columns:1.05fr .95fr;align-items:stretch;border-radius:32px;overflow:hidden;
  background:radial-gradient(700px 400px at 100% 0,rgba(247,147,30,.3),transparent 60%),linear-gradient(140deg,var(--navy-2),var(--navy) 50%,var(--wine));
  box-shadow:0 50px 90px -40px rgba(61,10,14,.7)}
.hc-cat-art{position:relative;min-height:440px}
.hc-cat-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hc-cat-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,rgba(61,10,14,.85))}
.hc-cat-box{position:absolute;z-index:1;right:-28px;bottom:26px;width:46%;filter:drop-shadow(0 26px 30px rgba(0,0,0,.6))}
.hc-cat-copy{padding:64px 60px 64px 72px;color:#fbe9e4;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.hc-cat-copy h2{color:#fff;font-size:clamp(34px,3.8vw,52px);margin:0 0 6px}
.hc-by{font:800 16px/1.2 var(--hf);letter-spacing:.18em;color:#ffb87a;margin:0 0 22px}
.hc-cat-lead{font:italic 500 clamp(21px,1.9vw,26px)/1.45 var(--sf);color:#fff;margin:0 0 32px}

@media (max-width:1060px){
  .hc-hero-grid{gap:40px}
  .hc-cat-copy{padding:48px 40px}
}
@media (max-width:900px){
  .hc-hero{padding:56px 0 72px}
  .hc-hero-grid{grid-template-columns:1fr;gap:28px}
  .hc-side{justify-self:center;margin-top:8px}
  .hc-bento{grid-template-columns:1fr 1fr}
  .hc-t1,.hc-t4{grid-column:1/-1}
  .hc-t5{grid-column:auto;flex-direction:column}
  .hc-t5 .hc-pic{flex:none;aspect-ratio:4/3}
  .hc-t5 .hc-txt{padding:30px 30px 32px;display:block}
  .hc-band-grid{grid-template-columns:1fr;gap:28px;text-align:center}
  .hc-band-book{width:220px}
  .hc-band .ck-form{margin:0 auto}
  .hc-cat-panel{grid-template-columns:1fr}
  .hc-cat-art{min-height:0;aspect-ratio:3/2}
  .hc-cat-art::after{background:linear-gradient(180deg,transparent 55%,rgba(61,10,14,.85))}
  .hc-cat-box{right:16px;bottom:-30px;width:38%}
}
@media (max-width:600px){
  .hc-hero{padding:40px 0 60px}
  .hc-kicker{margin-bottom:16px}
  .hc-hero h1{font-size:34px;margin-bottom:22px}
  .hc-intro p{font-size:18px}
  .hc-intro .hc-q{font-size:20px;padding-left:14px}
  .hc-book{width:62%;margin-bottom:-78px}
  .hc-formcard{padding:96px 20px 24px;border-radius:24px}
  .hc-benefits,.hc-cat{padding:64px 0}
  .hc-head{margin-bottom:36px}
  .hc-bento{grid-template-columns:1fr;gap:18px}
  .hc-tile,.hc-t1,.hc-t4,.hc-t5{flex-direction:column}
  .hc-t1 .hc-pic,.hc-t4 .hc-pic,.hc-t5 .hc-pic{flex:none;aspect-ratio:4/3}
  .hc-txt,.hc-t1 .hc-txt,.hc-t4 .hc-txt,.hc-t5 .hc-txt{padding:24px 22px 28px}
  .hc-band{padding:64px 0}
  .hc-band-copy .hc-sub{font-size:19px}
  .hc-cat-panel{border-radius:24px}
  .hc-cat-copy{padding:48px 22px 36px}
  .hc-cat-copy .btn.big{width:100%}
}
@media (prefers-reduced-motion:reduce){ .hc-tile:hover,.hc-tile:hover .hc-pic img{transform:none} }
.hc-cat-copy .btn{background:linear-gradient(100deg,var(--orange),var(--orange-2) 60%,#e2470f);font-weight:800;box-shadow:0 18px 34px -14px rgba(241,90,36,.9)}

/* phone jump button to the hero form, privacy line under each form */
.hc-jump{display:none}
.hc-priv{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0 0;font-size:16px;line-height:1.4;color:var(--muted)}
.hc-priv svg{width:18px;height:18px;flex:none;color:var(--orange-2)}
.hc-priv a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.hc-band .hc-priv{justify-content:flex-start;color:#fff3e8;max-width:520px}
.hc-band .hc-priv svg{color:#fff}
@media (max-width:900px){
  .btn.hc-jump{display:flex;width:100%;max-width:420px;margin:0 0 26px;min-height:58px;font-weight:800;font-size:19px;letter-spacing:.02em;
    background:linear-gradient(100deg,var(--orange),var(--orange-2) 60%,#e2470f);box-shadow:0 16px 30px -12px rgba(241,90,36,.85)}
  .hc-band .hc-priv{justify-content:center;margin-left:auto;margin-right:auto}
}
.btn.hc-jump::after{transform:rotate(135deg);margin-top:-5px}