/* EduBenchers — Home (Batch 25): original 2021 layout + doodles, refreshed */
.eb-hm{--navy:#052050;--orange:#F7801F;--orange-2:#FF6A2B;--gold:#F9B233;--violet:#7B61FF;--teal:#12B5A6;--ink:#14213d;--muted:#5d6782;--line:#e8eaf1;--soft:#fbf8f4;
  --display:'Plus Jakarta Sans','Open Sans',sans-serif;font-family:'Inter','Open Sans',sans-serif;color:var(--ink);background:#fff;overflow:hidden}
.eb-hm a{text-decoration:none!important}
.eb-hm svg{width:14px;height:14px}
.eb-hm h1,.eb-hm h2,.eb-hm h3{font-family:var(--display)}

/* buttons */
.eb-hm-btn{display:inline-flex;align-items:center;gap:8px;height:50px;padding:0 24px;border-radius:12px;background:var(--orange);color:#fff!important;font-weight:800;font-size:15px;box-shadow:0 4px 0 #d9630a;transition:transform .15s,box-shadow .15s}
.eb-hm-btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 #d9630a}
.eb-hm-btn:active{transform:translateY(3px);box-shadow:0 1px 0 #d9630a}
.eb-hm-btn svg{width:12px;height:12px}
.eb-hm-btn-line{background:#fff;color:var(--navy)!important;border:2px solid var(--navy);box-shadow:0 4px 0 var(--navy)}
.eb-hm-btn-line:hover{box-shadow:0 6px 0 var(--navy)}.eb-hm-btn-line:active{box-shadow:0 1px 0 var(--navy)}
.eb-hm-btn.sm{height:42px;padding:0 18px;font-size:14px}

/* doodle bits */
.eb-hm-dd{position:absolute;pointer-events:none;display:block}
.eb-hm-dd svg{width:100%;height:100%}
.eb-hm-dd.d1{width:34px;height:34px;left:4%;top:16%;color:var(--gold);animation:ebHmSpin 9s linear infinite}
.eb-hm-dd.d2{width:110px;height:22px;left:44%;top:9%;color:var(--teal);opacity:.7}
.eb-hm-dd.d3{width:14px;height:14px;right:6%;top:12%;border-radius:50%;border:3px solid var(--violet);animation:ebHmBob 5s ease-in-out infinite}
.eb-hm-dd.d4{width:22px;height:22px;right:44%;top:10%;color:var(--orange);animation:ebHmSpin 12s linear infinite reverse}
.eb-hm-dd.d5{width:120px;height:24px;right:4%;top:60px;color:var(--orange);opacity:.55}
@keyframes ebHmSpin{to{transform:rotate(360deg)}}
@keyframes ebHmBob{50%{transform:translateY(-12px)}}
@keyframes ebHmWig{0%,100%{transform:rotate(0)}25%{transform:rotate(-2.5deg)}75%{transform:rotate(2.5deg)}}

/* hero — same two-column layout as before */
.eb-hm-hero{position:relative;padding:40px 0 30px;background:#fff}
.eb-hm-hero-in{display:grid;grid-template-columns:1fr 1.05fr;gap:36px;align-items:center}
.eb-hm-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:999px;background:#fff4ea;color:#b4530b;font-size:13px;font-weight:700}
.eb-hm-pill svg{width:16px;height:16px}
.eb-hm-hero h1{margin:16px 0 14px;font-size:clamp(38px,4.6vw,60px);line-height:1.08;font-weight:800;letter-spacing:-.03em;color:var(--navy)}
.eb-hm-mark{position:relative;display:inline-block;color:var(--orange)}
.eb-hm-mark svg{position:absolute;left:-2%;bottom:-10px;width:104%;height:16px;color:var(--gold)}
.eb-hm-hero-txt>p{margin:0;font-size:18px;line-height:1.65;color:#2c3655;max-width:500px}
.eb-hm-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.eb-hm-goals{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:560px}
.eb-hm-goals li{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:14px;border:1.5px dashed #d8dce8;transition:border-color .2s,background .2s}
.eb-hm-goals li:hover{border-color:var(--orange);background:#fffaf5}
.eb-hm-goals i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#fff4ea;color:var(--orange)}
.eb-hm-goals li:nth-child(2) i{background:#f1eeff;color:var(--violet)}
.eb-hm-goals li:nth-child(3) i{background:#e3f8f3;color:var(--teal)}
.eb-hm-goals i svg{width:16px;height:16px}
.eb-hm-goals span{font-size:12.5px;line-height:1.4;color:var(--muted)}
.eb-hm-goals b{display:block;font:800 14px var(--display);color:var(--navy);margin-bottom:2px}
.eb-hm-hero-art{position:relative}
.eb-hm-hero-art img{width:100%;height:auto;display:block;animation:ebHmBob 7s ease-in-out infinite}
.eb-hm-note{font-family:Caveat,cursive!important;font-size:21px!important;line-height:1.1!important;position:absolute;left:-26px;bottom:-14px;padding:12px 16px;background:#fff6c9;color:var(--navy);font-size:14px;line-height:1.35;border-radius:4px 4px 14px 4px;box-shadow:0 10px 20px -10px rgba(5,32,80,.35);transform:rotate(-4deg);font-family:var(--display)}
.eb-hm-note b{color:var(--orange)}

/* sections + the classic split title */
.eb-hm-sec{position:relative;padding:64px 0}
.eb-hm-soft{background:var(--soft)}
.eb-hm-title{display:table;margin:0 auto 12px;font-size:clamp(30px,3.4vw,44px);font-weight:800;letter-spacing:-.02em;text-align:center;line-height:1.25}
.eb-hm-title span{color:var(--orange);border-bottom:3px solid var(--orange);padding-bottom:4px;padding-right:.26em}
.eb-hm-title b{color:var(--navy);border-bottom:3px solid var(--navy);padding-bottom:4px;font-weight:800}
.eb-hm-lead{text-align:center;color:var(--muted);font-size:16px;margin:16px auto 34px;max-width:560px}
.eb-hm.js .eb-hm-sec>.container{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.eb-hm.js .eb-hm-sec.in>.container{opacity:1;transform:none}

/* course tiles — the old square boxes, refreshed */
.eb-hm-tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:22px}
.eb-hm-tile{flex:0 0 200px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px 14px 16px;border-radius:18px;background:#fff;border:2px solid #fbd6a8;transition:transform .25s,border-color .25s,box-shadow .25s}
.eb-hm-tile:hover{transform:translateY(-6px);border-color:var(--orange);box-shadow:0 18px 30px -18px rgba(247,128,31,.6)}
.eb-hm-tile:hover .eb-hm-tile-img img{animation:ebHmWig .6s ease-in-out}
.eb-hm-tile-img{width:100%;aspect-ratio:1;display:grid;place-items:center;margin-bottom:12px}
.eb-hm-tile-img img{max-width:100%;max-height:100%;object-fit:contain}
.eb-hm-tile b{font:800 16px/1.3 var(--display);color:var(--navy)}
.eb-hm-tile small{margin-top:6px;font-size:14px;font-weight:800;color:var(--orange)}
.eb-hm-tile small s{color:#9aa2b8;font-weight:500;font-size:12.5px;margin-left:3px}
.eb-hm-tile small.own{color:var(--teal);display:inline-flex;align-items:center;gap:5px}
.eb-hm-more{text-align:center;margin-top:28px}
.eb-hm-more a{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--navy);border-bottom:2px dashed var(--orange);padding-bottom:3px}
.eb-hm-more a:hover{color:var(--orange)}
.eb-hm-more svg{width:12px;height:12px}

/* offers — medium doodle cards */
.eb-hm-offers{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:960px;margin:0 auto}
.eb-hm-pk{--c:var(--orange);--bg:#FFF3E6;--bd:#FBCB9A;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 150px;align-items:center;gap:10px;min-height:190px;padding:22px 18px 22px 26px;border-radius:22px;background:var(--bg);border:2px dashed var(--bd);transition:transform .25s,box-shadow .25s,border-style .25s}
.eb-hm-pk:before{content:"";position:absolute;inset:0;background:radial-gradient(rgba(5,32,80,.08) 1.2px,transparent 1.5px) 0 0/16px 16px;-webkit-mask-image:linear-gradient(90deg,transparent 40%,#000);mask-image:linear-gradient(90deg,transparent 40%,#000);pointer-events:none}
.eb-hm-pk:hover{transform:translateY(-4px) rotate(-.5deg);border-style:solid;box-shadow:0 20px 34px -22px rgba(247,128,31,.65)}
.eb-hm-pk.best{--c:#5B3FE0;--bg:#F0EDFF;--bd:#C9BEFF}
.eb-hm-pk.best:hover{box-shadow:0 20px 34px -22px rgba(91,63,224,.55)}
.eb-hm-pk-txt{position:relative;display:flex;flex-direction:column;align-items:flex-start}
.eb-hm-pk-txt em{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--c);padding:4px 10px;border-radius:999px;transform:rotate(-3deg)}
.eb-hm-pk-txt h3{margin:10px 0 2px;font-size:22px;font-weight:800;color:var(--navy)}
.eb-hm-pk-txt p{margin:0;font-size:14px;color:#3a4360}
.eb-hm-pk-txt p b{color:var(--navy)}
.eb-hm-pk-price{margin:10px 0 12px;font:800 34px/1 var(--display);color:var(--c);letter-spacing:-.02em}
.eb-hm-pk-price small{font:600 13px 'Inter',sans-serif;color:var(--muted);letter-spacing:0}
.eb-hm-pk-go{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 16px;border-radius:12px;background:var(--orange);color:#fff;font-size:14px;font-weight:800;box-shadow:0 3px 0 #d9630a;transition:gap .2s}
.eb-hm-pk:hover .eb-hm-pk-go{gap:11px}
.eb-hm-pk-go svg{width:12px;height:12px}
.eb-hm-pk-side{position:relative;display:flex;flex-direction:column;align-items:center}
.eb-hm .eb-hm-pk-art{width:150px;height:auto;transition:transform .4s cubic-bezier(.3,1.5,.5,1)}
.eb-hm .eb-hm-pk:hover .eb-hm-pk-art{transform:rotate(-4deg) scale(1.06)}
.eb-hm-pk-note{margin-top:2px;font:700 22px/1 'Caveat',cursive;color:var(--c);transform:rotate(-6deg)}

/* what we offer — doodles kept as-is */
.eb-hm-feats{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;margin-top:40px}
.eb-hm-feat{display:flex;flex-direction:column;align-items:center;text-align:center;cursor:default}
.eb-hm-feat[href]{cursor:pointer}
.eb-hm-feat-img{width:100%;max-width:170px;aspect-ratio:1;display:grid;place-items:center;margin-bottom:12px}
.eb-hm-feat-img img{max-width:100%;max-height:100%;object-fit:contain;animation:ebHmBob 6s ease-in-out infinite;animation-delay:var(--d,0s)}
.eb-hm-feat b{font:800 16px/1.3 var(--display);color:var(--navy)}
.eb-hm-feat small{margin-top:4px;font-size:13px;color:var(--muted);line-height:1.4}
.eb-hm-feat:after{content:"";width:60%;height:3px;margin-top:14px;border-radius:3px;background:var(--line);transition:background .25s,width .25s}
.eb-hm-feat:hover:after{background:var(--orange);width:80%}

/* why */
.eb-hm-why{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:40px}
.eb-hm-why-list>div{display:flex;gap:14px;padding:14px 0;border-bottom:1.5px dashed #e3ddd3}
.eb-hm-why-list>div:last-of-type{border-bottom:0}
.eb-hm-why-list i{flex:0 0 30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#fff;font-style:normal;font-weight:800;font-size:15px;transition:transform .3s}
.eb-hm-why-list>div:hover i{transform:rotate(-12deg) scale(1.1)}
.eb-hm-why-list span{font-size:15px;line-height:1.6;color:#2c3655}
.eb-hm-why-list b{display:block;font:800 19px var(--display);color:var(--orange);margin-bottom:2px}
.eb-hm-why-list .eb-hm-btn{margin-top:18px}
.eb-hm-why-art img{width:100%;height:auto;display:block;mix-blend-mode:multiply}
.eb-hm-soft .eb-hm-feat-img img,.eb-hm-soft .eb-hm-tile-img img{mix-blend-mode:multiply}

@media (max-width:991px){
  .eb-hm-hero-in,.eb-hm-why{grid-template-columns:1fr}
  .eb-hm-hero-art{max-width:540px;margin:0 auto}
  .eb-hm-feats{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:767px){
  .eb-hm-hero{padding:24px 0 40px}
  .eb-hm-hero h1{font-size:40px}
  .eb-hm-hero-txt>p{font-size:16px}
  .eb-hm-cta .eb-hm-btn{flex:1;justify-content:center;padding:0 12px}
  .eb-hm-goals{grid-template-columns:1fr;gap:8px}
  .eb-hm-goals li{flex-direction:row;align-items:center;padding:10px 12px}
  .eb-hm-dd.d1,.eb-hm-dd.d2{display:none}
  .eb-hm-note{font-size:12.5px;padding:9px 12px;left:0;bottom:-8px}
  .eb-hm-dd.d4{right:8%;top:4%}
  .eb-hm-sec{padding:48px 0}
  .eb-hm-tiles{gap:12px}
  .eb-hm-tile{flex:0 0 calc(50% - 6px);padding:14px 10px}
  .eb-hm-offers{grid-template-columns:1fr;gap:18px}
  .eb-hm-pk{grid-template-columns:1fr 112px;min-height:170px;padding:18px 12px 18px 18px}
  .eb-hm .eb-hm-pk-art{width:112px}
  .eb-hm-pk-txt h3{font-size:19px}
  .eb-hm-pk-price{font-size:28px}
  .eb-hm-pk-note{font-size:19px}
  .eb-hm-feats{grid-template-columns:repeat(2,1fr);gap:26px 14px}
  .eb-hm-feat:last-child{grid-column:1/-1}
  .eb-hm-why-art{order:-1;max-width:420px;margin:0 auto}
  .eb-hm-why-list .eb-hm-btn{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.eb-hm *{animation:none!important;transition:none!important}.eb-hm.js .eb-hm-sec>.container{opacity:1;transform:none}}