/* AX-HP HP-3a: homepage builder sections (from the approved mockup homepage-builder-v2.html).
   Colours/fonts come from --hb-* variables (App\Support\HomeThemes), so one class set serves all 4 themes.
   Every class starts with hb- so nothing here can touch the shared header/footer. */

.hb-page{margin:0;background:var(--hb-bg);color:var(--hb-ink);font-family:var(--hb-f-body);font-size:17px;line-height:1.7;overflow-x:hidden;-webkit-text-size-adjust:100%}
.hb-page *,.hb-page *::before,.hb-page *::after{box-sizing:border-box}
.hb-main [hidden]{display:none!important}
.hb-main img{max-width:100%;display:block}
.hb-main a{color:inherit}
.hb-main h1,.hb-main h2,.hb-main h3{font-family:var(--hb-f-display);font-weight:var(--hb-d-weight);letter-spacing:var(--hb-d-track);line-height:1.25;margin:0;text-wrap:balance;color:var(--hb-ink)}
.hb-main p{margin:0}
.hb-main :focus-visible{outline:2.5px solid var(--hb-gold);outline-offset:3px;border-radius:6px}
.hb-wrap{max-width:1180px;margin:0 auto;padding-inline:20px}
.hb-num{font-variant-numeric:tabular-nums}

/* buttons */
.hb-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 26px;border-radius:var(--hb-r);background:var(--hb-btn-bg);color:var(--hb-btn-fg)!important;font:600 16.5px/1.2 var(--hb-f-body);text-decoration:none!important;border:0;cursor:pointer;transition:transform .2s,box-shadow .2s;white-space:nowrap}
.hb-btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px -14px rgba(0,0,0,.55)}
.hb-btn svg{color:var(--hb-btn-ico);flex-shrink:0}
.hb-btn--ghost{background:transparent;color:var(--hb-ink)!important;box-shadow:inset 0 0 0 1.5px var(--hb-line2)}
.hb-btn--ghost svg{color:var(--hb-gold)}
.hb-btn--ghost:hover{box-shadow:inset 0 0 0 1.5px var(--hb-ink)}
.hb-btn--full{width:100%}
.hb-btn[disabled]{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}
@media(max-width:420px){.hb-btn{white-space:normal;text-align:center;padding-block:10px}}

/* common */
.hb-sec{padding-block:var(--hb-space)}
.hb-sec--sand{background:var(--hb-sand)}
.hb-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--hb-gold-text);letter-spacing:.03em;margin-bottom:14px}
.hb-eyebrow::before{content:"";width:22px;height:1.5px;background:var(--hb-gold)}
.hb-h2{font-size:clamp(28px,4.2vw,42px)}
.hb-lead{font-size:18px;color:var(--hb-ink2);max-width:62ch}
.hb-head{display:grid;grid-template-columns:1.1fr .9fr;gap:24px 56px;align-items:end;margin-bottom:48px}
.hb-head > *{min-width:0}
.hb-center{text-align:center}
.hb-center .hb-lead{margin-inline:auto}
.hb-center .hb-eyebrow::after{content:"";width:22px;height:1.5px;background:var(--hb-gold)}
@media(max-width:860px){.hb-head{grid-template-columns:1fr;margin-bottom:36px}.hb-sec{padding-block:calc(var(--hb-space) * .7)}}

/* hero */
.hb-hero{padding-block:64px 40px;position:relative;overflow:hidden}
.hb-hero::before{content:"";position:absolute;inset:-20% -10% auto auto;width:640px;height:640px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--hb-gold) 16%,transparent),transparent);pointer-events:none}
.hb-hero__grid{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center;position:relative}
.hb-hero__grid > *{min-width:0}
.hb-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;border:1px solid var(--hb-line2);background:var(--hb-surface);font-size:14px;font-weight:600;color:var(--hb-ink2);max-width:100%}
.hb-chip i{width:7px;height:7px;border-radius:50%;background:var(--hb-gold);flex-shrink:0;box-shadow:0 0 0 4px color-mix(in srgb,var(--hb-gold) 22%,transparent)}
.hb-chip em{font-style:normal;font-weight:500;color:var(--hb-muted)}
.hb-hero h1{font-size:clamp(34px,5.4vw,60px);margin:22px 0 20px;line-height:1.18}
.hb-hero h1 .hb-l2{display:block;color:var(--hb-ink2);font-size:.62em;line-height:1.35;margin-top:10px;font-weight:600}
.hb-hero h1 .hb-mark{background:linear-gradient(transparent 80%,color-mix(in srgb,var(--hb-gold) 55%,transparent) 80%,color-mix(in srgb,var(--hb-gold) 55%,transparent) 90%,transparent 90%);padding-inline:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.hb-hero__sub{font-size:18.5px;color:var(--hb-ink2);max-width:56ch}
.hb-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 22px}
.hb-hero__trust{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:14.5px;color:var(--hb-muted);margin:0;padding:0;list-style:none}
.hb-hero__trust li{display:inline-flex;align-items:center;gap:8px}
.hb-hero__trust svg{color:var(--hb-gold);flex-shrink:0}

.hb-media{position:relative;padding:0 0 46px 0}
.hb-media__box{position:relative;aspect-ratio:4/5;max-width:100%;border-radius:var(--hb-r-lg);overflow:hidden;background:radial-gradient(120% 80% at 70% 10%,color-mix(in srgb,var(--hb-gold) 30%,transparent),transparent 60%),linear-gradient(160deg,#16294A 0%,#0B1B33 65%,#081426 100%);box-shadow:var(--hb-shadow)}
.hb-media__box > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}
.hb-media__box iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3;background:#000}
.hb-media__frame{position:absolute;inset:14px;border:1px solid rgba(233,213,154,.22);border-radius:16px;pointer-events:none;z-index:1}
.hb-media__portrait{position:absolute;inset:auto 0 0 0;height:84%;display:flex;justify-content:center;align-items:flex-end}
.hb-play{position:absolute;left:50%;top:44%;translate:-50% -50%;width:84px;height:84px;border-radius:50%;background:#FAF7F0;display:grid;place-items:center;border:0;cursor:pointer;z-index:2;box-shadow:0 0 0 12px rgba(250,247,240,.16),0 20px 40px -10px rgba(0,0,0,.5);transition:transform .25s}
.hb-play:hover{transform:scale(1.06)}
.hb-play::after{content:"";position:absolute;inset:-12px;border-radius:50%;border:1.5px solid rgba(250,247,240,.35);animation:hbRing 2.6s ease-out infinite}
@keyframes hbRing{from{transform:scale(.9);opacity:1}to{transform:scale(1.35);opacity:0}}
.hb-media__cap{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:60px 20px 18px;background:linear-gradient(transparent,rgba(6,13,25,.85));color:#F4EFE3;display:flex;justify-content:space-between;align-items:end;gap:12px;font-size:14px}
.hb-media__cap b{font-family:var(--hb-f-display);font-size:17px;font-weight:600;display:block;color:#F4EFE3}
.hb-media__cap span{opacity:.8}
.hb-note{position:absolute;right:-14px;bottom:0;z-index:2;width:min(270px,78%);background:var(--hb-surface);border:1px solid var(--hb-line);border-radius:16px;padding:16px 18px;box-shadow:var(--hb-shadow);rotate:-1.5deg}
.hb-note p{font-family:var(--hb-f-display);font-weight:600;font-size:17px;line-height:1.45;color:var(--hb-ink);white-space:pre-line}
.hb-note span{font-family:'Galada',var(--hb-f-body);color:var(--hb-gold-text);font-size:19px;display:block;margin-top:6px}
.hb-badge{position:absolute;left:-18px;top:22%;z-index:2;background:var(--hb-surface);border:1px solid var(--hb-line);border-radius:14px;padding:10px 14px;box-shadow:var(--hb-shadow);display:flex;gap:10px;align-items:center;rotate:2deg;max-width:220px}
.hb-badge b{display:block;font-size:14px;line-height:1.3;color:var(--hb-ink)}
.hb-badge span{font-size:12px;color:var(--hb-muted)}
.hb-badge i{width:34px;height:34px;border-radius:10px;background:var(--hb-sand);display:grid;place-items:center;flex-shrink:0;color:var(--hb-gold-text)}
.hb-media.is-playing .hb-play,.hb-media.is-playing .hb-media__cap{display:none}

/* hero layout v2: centred text, wide picture below */
.hb-hero--v2 .hb-hero__grid,.hb-hero--v3 .hb-hero__grid{grid-template-columns:1fr;gap:40px}
.hb-hero--v2 .hb-hero__txt,.hb-hero--v3 .hb-hero__txt{text-align:center;max-width:860px;margin-inline:auto}
.hb-hero--v2 .hb-hero__sub,.hb-hero--v3 .hb-hero__sub{margin-inline:auto}
.hb-hero--v2 .hb-hero__cta,.hb-hero--v2 .hb-hero__trust,.hb-hero--v3 .hb-hero__cta,.hb-hero--v3 .hb-hero__trust{justify-content:center}
.hb-hero--v2 .hb-media,.hb-hero--v3 .hb-media{max-width:880px;width:100%;margin-inline:auto;padding:0}
.hb-hero--v2 .hb-media__box,.hb-hero--v3 .hb-media__box{aspect-ratio:16/9}
.hb-hero--v2 .hb-badge,.hb-hero--v3 .hb-badge{display:none}
.hb-hero--v2 .hb-note,.hb-hero--v3 .hb-note{right:18px;bottom:-22px}
.hb-hero--v2 .hb-media{margin-bottom:22px}
/* hero layout v3: big picture first */
.hb-hero--v3 .hb-media{order:-1}
.hb-hero--v3 .hb-media__box{aspect-ratio:21/9}
.hb-hero--v3 .hb-note{display:none}

@media(max-width:980px){.hb-hero__grid{grid-template-columns:1fr;gap:40px}.hb-hero--v1 .hb-media{max-width:460px;width:100%;margin-inline:auto}}
@media(max-width:560px){.hb-hero{padding-top:36px}.hb-hero__cta .hb-btn{width:100%}.hb-badge{display:none}.hb-note{right:-4px}.hb-hero--v2 .hb-note{position:relative;right:auto;bottom:auto;margin:-26px 12px 0 auto;width:min(270px,86%)}.hb-hero--v3 .hb-media__box{aspect-ratio:4/3}.hb-hero--v1 .hb-media__box{aspect-ratio:1/1}}

/* stats */
.hb-stats-sec{padding-block:0 calc(var(--hb-space) * .55)}
.hb-hero + .hb-stats-sec{margin-top:16px}
.hb-stats{background:var(--hb-surface);border:1px solid var(--hb-line);border-radius:var(--hb-r-lg);display:grid;grid-template-columns:auto repeat(var(--n,3),1fr);align-items:stretch;overflow:hidden}
.hb-stats__k{padding:22px 26px;display:flex;flex-direction:column;justify-content:center;gap:4px;background:var(--hb-sand);min-width:0}
.hb-stats__k b{font-size:13.5px;font-weight:700;color:var(--hb-ink);display:flex;align-items:center;gap:8px}
.hb-stats__k b i{width:8px;height:8px;border-radius:50%;background:var(--hb-ok);box-shadow:0 0 0 4px color-mix(in srgb,var(--hb-ok) 20%,transparent);flex-shrink:0}
.hb-stats__k span{font-size:13px;color:var(--hb-muted);max-width:26ch}
.hb-stat{padding:22px 24px;border-left:1px solid var(--hb-line);min-width:0}
.hb-stat b{display:block;font-family:var(--hb-f-display);font-size:34px;font-weight:700;line-height:1.1;color:var(--hb-ink)}
.hb-stat b.is-gold{color:var(--hb-gold-text)}
.hb-stat span{display:block;font-size:15px;color:var(--hb-ink2);margin-top:6px;font-weight:500}
@media(max-width:980px){.hb-stats{grid-template-columns:repeat(var(--n,3),1fr)}.hb-stats__k{grid-column:1/-1}.hb-stat{border-top:1px solid var(--hb-line)}.hb-stat:nth-child(2){border-left:0}}
@media(max-width:560px){.hb-stats{grid-template-columns:1fr}.hb-stat{border-left:0;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.hb-stat b{font-size:28px}.hb-stat span{margin-top:0}}

/* audience */
.hb-aud{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.hb-card{background:var(--hb-surface);border:1px solid var(--hb-line);border-radius:var(--hb-r-lg);padding:26px 24px;display:flex;flex-direction:column;gap:12px;transition:transform .25s,border-color .25s;min-width:0}
.hb-card:hover{transform:translateY(-4px);border-color:var(--hb-line2)}
.hb-card__ico{width:48px;height:48px;border-radius:14px;background:var(--hb-sand);display:grid;place-items:center;color:var(--hb-gold-text);flex-shrink:0}
.hb-sec--sand .hb-card__ico{background:var(--hb-bg)}
.hb-card h3{font-size:20px}
.hb-card p{font-size:15.5px;color:var(--hb-ink2);margin-top:8px}
@media(max-width:980px){.hb-aud{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.hb-aud{grid-template-columns:1fr}.hb-card{flex-direction:row;align-items:flex-start;gap:16px;padding:20px}}

/* quiz */
.hb-quiz{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:center}
.hb-quiz > *{min-width:0}
.hb-qbox{background:var(--hb-surface);border:1px solid var(--hb-line);border-radius:var(--hb-r-lg);padding:30px;box-shadow:var(--hb-shadow)}
.hb-qbox__top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;font-size:14px;color:var(--hb-muted);flex-wrap:wrap}
.hb-qbar{height:5px;border-radius:9px;background:var(--hb-line);overflow:hidden;flex:1;min-width:120px}
.hb-qbar i{display:block;height:100%;background:var(--hb-gold);transition:width .4s}
.hb-qbox h3{font-size:22px;margin-bottom:18px}
.hb-qopts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hb-qopt{appearance:none;-webkit-appearance:none;margin:0;background:transparent;font:inherit;text-align:left;cursor:pointer;border:1.5px solid var(--hb-line);border-radius:14px;padding:14px 16px;font-size:15.5px;font-weight:500;color:var(--hb-ink);display:flex;gap:10px;align-items:center;transition:border-color .2s,background .2s;min-width:0}
.hb-qopt:hover{border-color:var(--hb-line2);background:var(--hb-bg)}
.hb-qopt span{width:30px;height:30px;border-radius:9px;background:var(--hb-sand);display:grid;place-items:center;flex-shrink:0;font-size:15px;font-weight:700;color:var(--hb-gold-text)}
.hb-qres h3{margin-bottom:8px}
.hb-qres p{color:var(--hb-ink2);margin-bottom:16px}
.hb-qres__chip{display:inline-flex;gap:8px;align-items:center;background:var(--hb-sand);color:var(--hb-gold-text);font-weight:700;font-size:14px;padding:6px 12px;border-radius:999px;margin-bottom:12px;max-width:100%}
.hb-qform{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid var(--hb-line)}
.hb-qform > *{min-width:0}
.hb-qform label{display:flex;flex-direction:column;gap:5px;font-size:13.5px;font-weight:600;color:var(--hb-ink2)}
.hb-qform label.is-wide{grid-column:1/-1}
.hb-qform input[type=email],.hb-qform input[type=tel],.hb-qform input[type=text]{width:100%;min-height:50px;border-radius:12px;border:1.5px solid var(--hb-line2);background:var(--hb-bg);color:var(--hb-ink);padding:0 14px;font:500 16px var(--hb-f-body)}
.hb-qform input:focus{outline:none;border-color:var(--hb-gold)}
.hb-qform .hb-qconsent{grid-column:1/-1;flex-direction:row;align-items:flex-start;gap:10px;font-weight:500}
.hb-qform .hb-qconsent input{margin-top:5px;accent-color:var(--hb-gold)}
.hb-qform .hb-btn{grid-column:1/-1}
.hb-qnote{font-size:13px;color:var(--hb-muted);margin-top:10px;grid-column:1/-1}
@media(max-width:860px){.hb-quiz{grid-template-columns:1fr;gap:26px}.hb-qbox{padding:22px 18px}}
@media(max-width:480px){.hb-qopts,.hb-qform{grid-template-columns:1fr}}

/* pain / path */
.hb-pp{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.hb-pp > *{min-width:0}
.hb-pp__col{border-radius:var(--hb-r-lg);padding:34px 32px;display:flex;flex-direction:column;gap:18px}
.hb-pp__col--pain{background:var(--hb-surface);border:1px solid var(--hb-line)}
.hb-pp__col--path{background:var(--hb-deep);color:var(--hb-deep-fg);border:1px solid var(--hb-deep-line)}
.hb-pp__label{font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--hb-muted)}
.hb-pp__col--path .hb-pp__label{color:var(--hb-deep-acc)}
.hb-pp__list{display:flex;flex-direction:column;gap:14px;margin:0;padding:0;list-style:none}
.hb-pp__list li{display:flex;gap:14px;align-items:flex-start;font-size:16.5px}
.hb-pp__list li svg{flex-shrink:0;margin-top:4px}
.hb-pp__col--pain li{color:var(--hb-ink2)}
.hb-pp__col--pain li svg{color:var(--hb-muted)}
.hb-pp__col--path li{color:var(--hb-deep-fg)}
.hb-pp__col--path li svg{color:var(--hb-deep-acc)}
@media(max-width:860px){.hb-pp{grid-template-columns:1fr}.hb-pp__col{padding:26px 22px}}

/* four steps */
.hb-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative;margin:12px 0 0;padding:0;list-style:none}
.hb-steps::before{content:"";position:absolute;left:6%;right:6%;top:27px;height:2px;background:repeating-linear-gradient(90deg,var(--hb-gold) 0 10px,transparent 10px 18px);opacity:.6}
.hb-step{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0}
.hb-step__n{width:56px;height:56px;border-radius:50%;background:var(--hb-sand);border:2px solid var(--hb-gold);display:grid;place-items:center;font-family:var(--hb-f-display);font-weight:700;font-size:20px;color:var(--hb-gold-text);position:relative;z-index:1}
.hb-sec--sand .hb-step__n{background:var(--hb-bg)}
.hb-step:last-child .hb-step__n{background:var(--hb-deep);color:var(--hb-deep-acc);border-color:var(--hb-deep)}
.hb-step h3{font-size:21px;margin-top:6px}
.hb-step p{font-size:15.5px;color:var(--hb-ink2)}
.hb-step__make{margin-top:auto;padding-top:6px;display:flex;flex-direction:column;gap:6px}
.hb-step__make small{font-size:12.5px;font-weight:700;color:var(--hb-muted);letter-spacing:.04em}
.hb-step__make span{display:inline-flex;align-self:flex-start;align-items:center;gap:7px;font-size:14px;font-weight:600;background:var(--hb-surface);border:1px solid var(--hb-line);padding:5px 11px;border-radius:999px;color:var(--hb-ink)}
.hb-step__make span::before{content:"";width:6px;height:6px;border-radius:2px;background:var(--hb-gold);rotate:45deg;flex-shrink:0}
.hb-steps.is-draw::before{transform:scaleX(0);transform-origin:left;transition:transform 1.6s ease}
.hb-steps.is-draw.is-go::before{transform:none}
@media(max-width:900px){
  .hb-steps{grid-template-columns:1fr;gap:0}
  .hb-steps::before{left:27px;right:auto;top:28px;bottom:28px;width:2px;height:auto;background:repeating-linear-gradient(180deg,var(--hb-gold) 0 10px,transparent 10px 18px)}
  .hb-steps.is-draw::before{transform:scaleY(0);transform-origin:top}
  .hb-step{display:grid;grid-template-columns:56px 1fr;column-gap:18px;padding-bottom:30px}
  .hb-step > :not(.hb-step__n){grid-column:2}
  .hb-step__n{grid-row:1/span 4}
  .hb-step h3{margin-top:12px}
}

/* comparison */
.hb-cmpw{overflow-x:auto;border-radius:var(--hb-r-lg);border:1px solid var(--hb-line);background:var(--hb-surface)}
.hb-cmp{width:100%;border-collapse:collapse;min-width:620px;font-size:15.5px;color:var(--hb-ink2)}
.hb-cmp th,.hb-cmp td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--hb-line);vertical-align:top}
.hb-cmp thead th{font-family:var(--hb-f-display);font-size:17px;font-weight:700;background:var(--hb-sand);color:var(--hb-ink)}
.hb-cmp thead td{background:var(--hb-sand);border-bottom:1px solid var(--hb-line)}
.hb-cmp thead th.is-us{background:var(--hb-deep);color:var(--hb-deep-fg)}
.hb-cmp td.is-us{background:color-mix(in srgb,var(--hb-gold) 9%,transparent);color:var(--hb-ink);font-weight:600}
.hb-cmp th[scope=row]{color:var(--hb-muted);font-weight:600;width:24%;font-family:inherit;font-size:inherit}
.hb-cmp tbody tr:last-child > *{border-bottom:0}
@media(max-width:680px){
  .hb-cmpw{border:0;background:none;overflow:visible}
  .hb-cmp{min-width:0}
  .hb-cmp thead{display:none}
  .hb-cmp,.hb-cmp tbody,.hb-cmp tr,.hb-cmp td,.hb-cmp th{display:block;width:auto}
  .hb-cmp tr{background:var(--hb-surface);border:1px solid var(--hb-line);border-radius:16px;margin-bottom:12px;overflow:hidden}
  .hb-cmp td{border:0;padding:8px 16px;display:flex;justify-content:space-between;gap:14px;text-align:right}
  .hb-cmp td::before{content:attr(data-l);font-weight:600;color:var(--hb-muted);text-align:left;flex-shrink:0;max-width:45%}
  .hb-cmp th[scope=row]{width:auto;background:var(--hb-sand);color:var(--hb-ink);font-family:var(--hb-f-display);font-size:16.5px;padding:12px 16px;border:0}
  .hb-cmp td.is-us{padding-bottom:12px}
}

/* inside (bento; swipe on phone) */
.hb-bento{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.hb-tile{background:var(--hb-surface);border:1px solid var(--hb-line);border-radius:var(--hb-r-lg);padding:22px;display:flex;flex-direction:column;gap:14px;overflow:hidden;min-width:0}
.hb-tile h3{font-size:19px}
.hb-tile p{font-size:15px;color:var(--hb-ink2);margin-top:6px}
.hb-tile--classroom{grid-column:span 4}.hb-tile--book,.hb-tile--live,.hb-tile--community,.hb-tile--cert{grid-column:span 2}
.hb-tile__img{border-radius:14px;border:1px solid var(--hb-line);overflow:hidden;flex:1;min-height:160px;background:var(--hb-bg)}
.hb-tile__img img{width:100%;height:100%;object-fit:cover;object-position:top}
.hb-ui{border-radius:14px;background:var(--hb-bg);border:1px solid var(--hb-line);padding:14px;font-size:13px;color:var(--hb-ink2);flex:1}
.hb-ui__bar{display:flex;gap:6px;margin-bottom:12px}
.hb-ui__bar i{width:8px;height:8px;border-radius:50%;background:var(--hb-line2)}
.hb-cls{display:grid;grid-template-columns:1.4fr 1fr;gap:12px}
.hb-cls > *{min-width:0}
.hb-vid{aspect-ratio:16/9;max-width:100%;border-radius:10px;background:linear-gradient(150deg,#1B2E50,#0B1B33);display:grid;place-items:center}
.hb-vid::after{content:"";width:0;height:0;border-left:16px solid #FAF7F0;border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:4px}
.hb-prog{height:6px;border-radius:9px;background:var(--hb-line);overflow:hidden;margin-top:10px}
.hb-prog i{display:block;height:100%;width:62%;background:var(--hb-gold);border-radius:9px}
.hb-jsteps{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}
.hb-jsteps span{font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:999px;border:1px solid var(--hb-line2);color:var(--hb-muted)}
.hb-jsteps span.is-on{background:var(--hb-ink);color:var(--hb-bg);border-color:var(--hb-ink)}
.hb-jsteps span.is-done{background:color-mix(in srgb,var(--hb-ok) 16%,transparent);color:var(--hb-ok);border-color:transparent}
.hb-lessons{display:flex;flex-direction:column;gap:7px}
.hb-lessons span{display:flex;gap:8px;align-items:center;padding:7px 9px;border-radius:8px;background:var(--hb-surface);border:1px solid var(--hb-line)}
.hb-lessons span b{width:16px;height:16px;border-radius:50%;flex-shrink:0;background:var(--hb-ok)}
.hb-lessons span i{display:block;height:7px;border-radius:5px;background:var(--hb-line2);flex:1;max-width:var(--w,70%)}
.hb-lessons span.is-cur{border-color:var(--hb-gold)}
.hb-lessons span.is-cur b{background:var(--hb-gold)}
.hb-lessons span.is-lock{opacity:.55}
.hb-lessons span.is-lock b{background:var(--hb-line2)}
.hb-bookui{display:flex;justify-content:center;align-items:center;padding:6px 0}
.hb-bookui__c{width:118px;aspect-ratio:3/4;max-width:100%;border-radius:4px 10px 10px 4px;background:linear-gradient(135deg,#0B1B33,#1B2E50);box-shadow:inset 6px 0 0 rgba(0,0,0,.25),0 18px 30px -12px rgba(11,27,51,.6);padding:14px 12px;display:flex;flex-direction:column;justify-content:space-between;color:#F4EFE3}
.hb-bookui__c small{font:700 7.5px/1.3 system-ui,sans-serif;letter-spacing:.12em;color:#E9D59A}
.hb-bookui__c b{font:700 11px/1.25 system-ui,sans-serif;letter-spacing:.04em;color:#F4EFE3}
.hb-bookui__c i{width:28px;height:28px;border-radius:50%;background:#E9D59A;opacity:.9}
.hb-live{display:flex;flex-direction:column;gap:10px}
.hb-live__row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--hb-surface);border:1px solid var(--hb-line);border-radius:10px;padding:10px 12px;flex-wrap:wrap}
.hb-live__row b{font-size:13.5px;color:var(--hb-ink)}
.hb-pill{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--hb-deep);color:var(--hb-deep-acc);white-space:nowrap}
.hb-live__row span:not(.hb-pill){font-size:12px;color:var(--hb-muted)}
.hb-feed{display:flex;flex-direction:column;gap:8px}
.hb-post{display:flex;gap:9px;align-items:flex-start;background:var(--hb-surface);border:1px solid var(--hb-line);border-radius:10px;padding:10px}
.hb-post > i{width:26px;height:26px;border-radius:50%;flex-shrink:0;background:var(--hb-gold-soft)}
.hb-post div{flex:1;min-width:0}
.hb-post div span{display:block;height:7px;border-radius:5px;background:var(--hb-line);margin-top:6px}
.hb-post div span:first-child{width:42%;background:var(--hb-line2);margin-top:2px}
.hb-post div span:last-child{width:70%}
.hb-cert{border-radius:10px;background:#FFFDF7;border:1px solid #E7DFCC;padding:14px;text-align:center;position:relative;color:#0B1B33}
.hb-cert::before{content:"";position:absolute;inset:5px;border:1px solid #D9C79A;border-radius:7px;pointer-events:none}
.hb-cert small{display:block;font:700 9px/1.4 system-ui,sans-serif;letter-spacing:.16em;color:#8A6A12}
.hb-cert b{display:block;font-family:var(--hb-f-display);font-size:17px;margin:6px 0 2px;color:#0B1B33}
.hb-cert span{font-size:11.5px;color:#6E6853}
.hb-cert i{display:block;width:30px;height:30px;margin:8px auto 0;border-radius:50%;background:radial-gradient(circle at 35% 35%,#E9D59A,#B8932E)}
.hb-swipe{display:none;font-size:13px;color:var(--hb-muted);margin-top:10px;text-align:center}
@media(max-width:980px){.hb-bento{grid-template-columns:repeat(2,1fr)}.hb-tile--classroom{grid-column:1/-1}.hb-tile--book,.hb-tile--live,.hb-tile--community,.hb-tile--cert{grid-column:span 1}}
@media(max-width:600px){
  .hb-bento{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-inline:-20px;padding:4px 20px 14px;scrollbar-width:none}
  .hb-bento::-webkit-scrollbar{display:none}
  .hb-bento .hb-tile{flex:0 0 86%;scroll-snap-align:center}
  .hb-cls{grid-template-columns:1fr}
  .hb-swipe{display:block}
}

/* gentle reveal (content is visible if JS is off) */
.hb-rv{transition:opacity .7s ease,transform .7s ease}
.hb-js .hb-rv.is-wait{opacity:.001;transform:translateY(18px)}
@media(prefers-reduced-motion:reduce){.hb-main *{animation:none!important;transition:none!important}.hb-js .hb-rv.is-wait{opacity:1;transform:none}}

/* admin preview bar (black/white, admin rule) */
.hbp{background:#111;color:#f2f2f2;font:500 13px/1.4 'Noto Sans Bengali',system-ui,sans-serif;position:relative;z-index:70}
.hbp__in{max-width:1400px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:9px 16px}
.hbp b{font-weight:700}
.hbp__g{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hbp__seg{display:inline-flex;background:#262626;border-radius:999px;padding:3px;flex-wrap:wrap}
.hbp__seg a{padding:5px 12px;border-radius:999px;color:#bdbdbd;text-decoration:none;font-size:13px;white-space:nowrap}
.hbp__seg a[aria-current="true"]{background:#fff;color:#111;font-weight:600}
.hbp__seg a:focus-visible{outline:2px solid #fff}
.hbp__ok{color:#7ad69b}
.hbp__bad{color:#ff8a80}
.hbp__note{color:#9a9a9a;margin-left:auto}
.hbp__note a{color:#fff}
@media(max-width:720px){.hbp__note{margin-left:0}}

/* ================= HP-3b ================= */
.hb-sec--deep{background:var(--hb-deep);color:var(--hb-deep-fg)}
.hb-swipe--always{display:none}

/* blueprint pages */
.hb-bp{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;perspective:1600px}
.hb-bp__pg{aspect-ratio:1/1.414;max-width:100%;background:#FFFDF8;color:#1C2433;border-radius:6px;box-shadow:0 2px 4px rgba(11,27,51,.06),0 22px 40px -18px rgba(0,0,0,.45);padding:9% 10%;display:flex;flex-direction:column;gap:6%;font-family:'Noto Serif Bengali','Noto Sans Bengali',Georgia,serif;transition:transform .4s;position:relative;overflow:hidden;min-width:0}
.hb-bp__pg:nth-child(1){transform:rotateY(8deg)}
.hb-bp__pg:nth-child(3){transform:rotateY(-8deg)}
.hb-bp__pg:hover{transform:none}
.hb-bp__pg small{font:700 clamp(8px,1vw,10px)/1.3 system-ui,sans-serif;letter-spacing:.18em;color:#8A6A12}
.hb-bp__pg h4{margin:0;font:700 clamp(15px,1.7vw,20px)/1.3 system-ui,sans-serif;letter-spacing:.02em;color:#1C2433}
.hb-bp__pg p{margin:0;font-size:clamp(12px,1.25vw,14.5px);line-height:1.75;color:#1C2433}
.hb-bp__pg u{text-decoration-color:#C9A43A;text-decoration-thickness:2px;text-underline-offset:4px}
.hb-bp__pg--cover{background:linear-gradient(150deg,#0B1B33,#1A2D52);color:#F4EFE3;justify-content:space-between}
.hb-bp__pg--cover small{color:#E9D59A}
.hb-bp__pg--cover h4{font-size:clamp(18px,2.2vw,26px);color:#F4EFE3}
.hb-bp__pg--cover p{color:#F4EFE3;opacity:.85;font-size:clamp(11px,1.1vw,13px)}
.hb-bp__photo{width:38%;aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,#2A4472,#132544);border:2px solid #D9B65A}
.hb-bp__ladder{display:flex;flex-direction:column;gap:6px}
.hb-bp__ladder span{font:600 clamp(10px,1.1vw,12.5px)/1.3 system-ui,'Noto Sans Bengali',sans-serif;padding:6px 8px;border-left:3px solid #C9A43A;background:#F6F0E1;color:#1C2433}
.hb-bp__num{position:absolute;bottom:5%;right:8%;font:600 10px system-ui;color:#A69E8A}
.hb-note-sm{font-size:12.5px;color:var(--hb-muted);text-align:center;margin-top:16px}
@media(max-width:760px){.hb-bp{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-20px;padding:6px 20px 16px;scrollbar-width:none}.hb-bp::-webkit-scrollbar{display:none}.hb-bp__pg{flex:0 0 72%;scroll-snap-align:center;transform:none!important}.hb-swipe--always{display:block}}

/* story + mentor */
.hb-story__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.hb-story__grid > *{min-width:0}
.hb-sec--deep .hb-eyebrow{color:var(--hb-deep-acc)}
.hb-sec--deep .hb-eyebrow::before{background:var(--hb-deep-acc)}
.hb-story__q{font-family:var(--hb-f-display);font-weight:var(--hb-d-weight);font-size:clamp(28px,3.8vw,40px);line-height:1.3;color:var(--hb-deep-fg);text-wrap:balance}
.hb-story__by{display:block;margin-top:14px;color:var(--hb-deep-muted);font-size:15px}
.hb-story__txt{display:flex;flex-direction:column;gap:18px;font-size:17.5px;color:var(--hb-deep-fg);max-width:60ch;opacity:.92}
.hb-story__txt p{white-space:pre-line}
.hb-story__txt .hb-key{font-weight:600;padding-left:18px;border-left:2px solid var(--hb-deep-acc);opacity:1}
.hb-more{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0;background:none;border:0;cursor:pointer;color:var(--hb-deep-acc);font:600 16px/1.3 var(--hb-f-body);text-align:left}
.hb-more svg{flex-shrink:0;transition:transform .2s}
.hb-more:hover svg{transform:translateX(3px)}
.hb-more:focus-visible{outline:2px solid var(--hb-deep-acc);outline-offset:4px;border-radius:6px}
/* HP-6 fix: full story popup (same pattern as the Silver page), coloured by the page theme */
.hb-modal{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(3,8,18,.78);opacity:0;transition:opacity .2s}
.hb-modal[hidden]{display:none}
.hb-modal.is-open{opacity:1}
.hb-modal__box{width:100%;max-width:820px;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--hb-r-lg);background:var(--hb-surface);color:var(--hb-ink);border:1px solid var(--hb-line);box-shadow:0 60px 120px -40px rgba(0,0,0,.8);transform:translateY(14px) scale(.98);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.hb-modal.is-open .hb-modal__box{transform:none}
.hb-modal__top,.hb-modal__foot{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 22px;border-bottom:1px solid var(--hb-line)}
.hb-modal__foot{border-bottom:0;border-top:1px solid var(--hb-line);flex-wrap:wrap}
.hb-modal__top span{font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--hb-gold-text)}
.hb-modal__x{width:40px;height:40px;flex-shrink:0;border-radius:50%;border:1px solid var(--hb-line2);background:transparent;color:var(--hb-ink);font-size:24px;line-height:1;cursor:pointer}
.hb-modal__x:hover{background:var(--hb-sand)}
.hb-modal__body{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:26px 22px;display:flex;flex-direction:column;gap:18px}
.hb-modal__title{margin:0;font-family:var(--hb-f-display);font-weight:var(--hb-d-weight);letter-spacing:var(--hb-d-track);font-size:clamp(24px,3vw,30px);line-height:1.35;color:var(--hb-ink);text-wrap:balance}
.hb-modal__body p{margin:0;font-size:17px;line-height:1.95;color:var(--hb-ink2);white-space:pre-line}
.hb-modal__body img{width:100%;height:auto;border-radius:var(--hb-r)}
.hb-modal__sign{font-family:var(--hb-f-display);font-size:19px;color:var(--hb-gold-text)}
.hb-modal__foot .hb-btn{min-height:46px;padding:0 20px;font-size:15px}
@media(min-width:768px){.hb-modal__body{padding:32px 52px}}
@media(max-width:600px){.hb-modal{padding:8px;align-items:flex-end}.hb-modal__box{max-height:94vh;border-radius:var(--hb-r-lg) var(--hb-r-lg) 0 0}.hb-modal__top,.hb-modal__foot{padding:10px 16px}.hb-modal__foot .hb-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.hb-modal,.hb-modal__box{transition:none}}
html.hb-lock,html.hb-lock body{overflow:hidden}
.hb-mentor{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;margin-top:34px;padding:20px;border:1px solid var(--hb-deep-line);border-radius:18px;background:rgba(255,255,255,.03)}
.hb-mentor > *{min-width:0}
.hb-mentor__ph{width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,#2A4472,#132544);border:2px solid var(--hb-deep-acc);display:grid;place-items:center;color:var(--hb-deep-acc);font-family:var(--hb-f-display);font-weight:700;font-size:24px;overflow:hidden}
.hb-mentor__ph img{width:100%;height:100%;object-fit:cover}
.hb-mentor b{display:block;font-family:var(--hb-f-display);font-size:19px;color:var(--hb-deep-fg)}
.hb-mentor span{display:block;font-size:14.5px;color:var(--hb-deep-muted)}
.hb-mentor__nums{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.hb-mentor__nums em{font-style:normal;font-size:13px;font-weight:600;color:var(--hb-deep-acc);border:1px solid color-mix(in srgb,var(--hb-deep-acc) 35%,transparent);padding:3px 10px;border-radius:999px}
@media(max-width:860px){.hb-story__grid{grid-template-columns:1fr;gap:28px}}
@media(max-width:420px){.hb-mentor{grid-template-columns:1fr}}

/* webinar */
.hb-web{display:grid;grid-template-columns:1.1fr .9fr;border-radius:26px;overflow:hidden;border:1px solid var(--hb-line);background:var(--hb-surface);box-shadow:var(--hb-shadow)}
.hb-web > *{min-width:0}
.hb-web__l{padding:40px}
.hb-web__r{background:var(--hb-deep);color:var(--hb-deep-fg);padding:40px;display:flex;flex-direction:column;justify-content:center;gap:18px}
.hb-web__r small{color:var(--hb-deep-acc);font-weight:600;font-size:14px}
.hb-web__date{font-family:var(--hb-f-display);font-size:26px;font-weight:700;line-height:1.3;color:var(--hb-deep-fg)}
.hb-web__title{font-size:15px;color:var(--hb-deep-muted);margin-top:-10px}
.hb-cd{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.hb-cd div{background:rgba(255,255,255,.06);border:1px solid var(--hb-deep-line);border-radius:12px;padding:10px 4px;text-align:center;min-width:0}
.hb-cd b{display:block;font-family:var(--hb-f-display);font-size:28px;font-weight:700;line-height:1.1;color:var(--hb-deep-fg)}
.hb-cd span{font-size:12px;color:var(--hb-deep-muted)}
.hb-btn--acc{background:var(--hb-deep-acc);color:var(--hb-deep)!important}
.hb-btn--acc svg{color:var(--hb-deep)}
.hb-btn--line{background:transparent;color:var(--hb-deep-fg)!important;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--hb-deep-fg) 30%,transparent)}
.hb-btn--line svg{color:var(--hb-deep-acc)}
.hb-list{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.hb-list li{display:flex;gap:12px;align-items:flex-start;color:var(--hb-ink2);font-size:16px}
.hb-list li svg{flex-shrink:0;margin-top:4px;color:var(--hb-gold)}
@media(max-width:860px){.hb-web{grid-template-columns:1fr}.hb-web__l,.hb-web__r{padding:28px 22px}}

/* plans */
.hb-plans{display:grid;grid-template-columns:1fr 1.08fr;gap:22px;align-items:stretch;max-width:1000px;margin:0 auto}
.hb-plans--one{grid-template-columns:minmax(0,560px);justify-content:center}
.hb-plan{background:var(--hb-surface);border:1px solid var(--hb-line);border-radius:var(--hb-r-lg);padding:32px 30px;display:flex;flex-direction:column;gap:18px;position:relative;min-width:0}
.hb-plan--hi{border:1.5px solid var(--hb-gold);box-shadow:var(--hb-shadow)}
.hb-plan__badge{position:absolute;top:-14px;left:30px;background:var(--hb-btn-bg);color:var(--hb-btn-fg);font-size:13px;font-weight:700;padding:5px 14px;border-radius:999px}
.hb-plan__top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.hb-plan__name{font-family:var(--hb-f-display);font-size:24px;font-weight:700;color:var(--hb-ink)}
.hb-plan__for{font-size:15px;color:var(--hb-muted);margin-top:2px}
.hb-plan__tag{font-size:12.5px;font-weight:700;padding:5px 11px;border-radius:999px;background:var(--hb-sand);color:var(--hb-gold-text);white-space:nowrap}
.hb-sec--sand .hb-plan__tag{background:var(--hb-bg)}
.hb-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.hb-price b{font-family:var(--hb-f-display);font-size:48px;font-weight:800;line-height:1;color:var(--hb-ink)}
.hb-price span{font-size:15px;color:var(--hb-muted)}
.hb-feat{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.hb-feat li{display:flex;gap:11px;align-items:flex-start;font-size:15.5px;color:var(--hb-ink2)}
.hb-feat li svg{flex-shrink:0;margin-top:5px;color:var(--hb-gold)}
.hb-feat li.is-plus{color:var(--hb-ink);font-weight:600}
.hb-seat{background:var(--hb-sand);border-radius:12px;padding:12px 14px}
.hb-sec--sand .hb-seat{background:var(--hb-bg)}
.hb-seat__t{display:flex;justify-content:space-between;gap:10px;font-size:14px;flex-wrap:wrap;color:var(--hb-ink2)}
.hb-seat__t b{color:var(--hb-gold-text)}
.hb-seat__bar{height:7px;border-radius:9px;background:var(--hb-line);margin-top:9px;overflow:hidden}
.hb-seat__bar i{display:block;height:100%;background:var(--hb-gold);border-radius:9px}
.hb-plan__foot{margin-top:auto;display:flex;flex-direction:column;gap:10px}
.hb-plan__foot small{text-align:center;font-size:13.5px;color:var(--hb-muted)}
.hb-diffw{max-width:1000px;margin:28px auto 0;overflow-x:auto;border:1px solid var(--hb-line);border-radius:var(--hb-r-lg);background:var(--hb-surface)}
.hb-diff{width:100%;border-collapse:collapse;font-size:15px}
.hb-diff th,.hb-diff td{padding:13px 18px;border-bottom:1px solid var(--hb-line);text-align:center}
.hb-diff th:first-child,.hb-diff td:first-child{text-align:left;color:var(--hb-ink2)}
.hb-diff thead th{font-size:14px;color:var(--hb-muted);font-weight:700;background:var(--hb-sand)}
.hb-diff tr:last-child td{border-bottom:0}
.hb-yes{color:var(--hb-ok);font-weight:700}
.hb-dash{color:var(--hb-line2)}
.hb-ladder{max-width:1000px;margin:22px auto 0;display:flex;gap:14px;align-items:center;justify-content:center;font-size:15px;color:var(--hb-ink2);text-align:center;flex-wrap:wrap}
.hb-ladder svg{color:var(--hb-gold);flex-shrink:0}
@media(max-width:820px){.hb-plans{grid-template-columns:1fr;gap:30px}.hb-plan{padding:28px 22px}}
@media(max-width:560px){.hb-diff th,.hb-diff td{padding:12px 10px;font-size:14px}.hb-diff th:not(:first-child),.hb-diff td:not(:first-child){width:64px}}

/* after purchase */
.hb-after{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0;padding:0;list-style:none}
.hb-after__i{background:var(--hb-surface);border:1px solid var(--hb-line);border-radius:var(--hb-r-lg);padding:24px;display:flex;flex-direction:column;gap:10px;min-width:0}
.hb-after__n{font-family:var(--hb-f-display);font-weight:700;font-size:15px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--hb-deep);color:var(--hb-deep-acc);flex-shrink:0}
.hb-after__i h3{font-size:19px}
.hb-after__i p{font-size:15px;color:var(--hb-ink2)}
.hb-pay{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;margin-top:26px;font-size:14px;color:var(--hb-muted)}
.hb-pay .hb-pc{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:10px;border:1px solid var(--hb-line);background:var(--hb-surface);font-weight:700;color:var(--hb-ink);font-size:14px}
.hb-pay .hb-pc i{width:10px;height:10px;border-radius:3px}
@media(max-width:820px){.hb-after{grid-template-columns:1fr}.hb-after__i{flex-direction:row;flex-wrap:wrap;align-items:center}.hb-after__i h3{flex:1;min-width:0}.hb-after__i p{flex-basis:100%}}

/* reviews (real, approved only) */
.hb-revs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.hb-rev{background:var(--hb-surface);border:1px solid var(--hb-line);border-radius:var(--hb-r-lg);padding:24px;display:flex;flex-direction:column;gap:14px;min-width:0;margin:0}
.hb-rev__stars{display:flex;gap:3px;color:var(--hb-gold)}
.hb-rev__stars svg{fill:currentColor}
.hb-rev blockquote{margin:0;font-size:16px;color:var(--hb-ink2);white-space:pre-line}
.hb-rev figcaption{display:flex;gap:12px;align-items:center;margin-top:auto}
.hb-rev figcaption i{width:42px;height:42px;border-radius:50%;background:var(--hb-sand);display:grid;place-items:center;font-style:normal;font-weight:700;color:var(--hb-gold-text);overflow:hidden;flex-shrink:0}
.hb-rev figcaption i img{width:100%;height:100%;object-fit:cover}
.hb-rev figcaption b{display:block;font-size:15px;color:var(--hb-ink)}
.hb-rev figcaption span{display:block;font-size:13px;color:var(--hb-muted)}
@media(max-width:980px){.hb-revs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.hb-revs{grid-template-columns:1fr}}

/* promise + e-book */
.hb-duo{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.hb-duo--one{grid-template-columns:minmax(0,760px);justify-content:center}
.hb-duo > *{min-width:0}
.hb-promise{border-radius:var(--hb-r-lg);padding:32px;background:var(--hb-surface);border:1px solid var(--hb-line);display:flex;flex-direction:column;gap:16px}
.hb-promise__h{display:flex;gap:14px;align-items:center}
.hb-promise__h svg{color:var(--hb-gold);flex-shrink:0}
.hb-promise h3{font-size:22px}
.hb-promise p{color:var(--hb-ink2);font-size:16.5px}
.hb-promise ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.hb-promise li{display:flex;gap:10px;font-size:15.5px;color:var(--hb-ink2)}
.hb-promise li::before{content:"";flex-shrink:0;width:7px;height:7px;margin-top:10px;border-radius:2px;rotate:45deg;background:var(--hb-gold)}
.hb-sign{font-family:'Galada',var(--hb-f-body);font-size:22px;color:var(--hb-gold-text)}
.hb-ebook{border-radius:var(--hb-r-lg);padding:28px;background:var(--hb-surface);border:1px solid var(--hb-line);display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center}
.hb-sec--sand .hb-ebook{background:var(--hb-bg)}
.hb-ebook > *{min-width:0}
.hb-ebook__cv{width:120px;aspect-ratio:3/4;max-width:100%;border-radius:4px 10px 10px 4px;background:linear-gradient(145deg,#C9A43A,#8A6A12);box-shadow:inset 7px 0 0 rgba(0,0,0,.18),0 20px 34px -14px rgba(0,0,0,.55);overflow:hidden;transform:perspective(700px) rotateY(-14deg);transform-origin:left center;display:flex;flex-direction:column;justify-content:flex-end;padding:12px;color:#fff}
.hb-ebook__cv--img{padding:0}
.hb-ebook__cv--img img{width:100%;height:100%;object-fit:cover}
.hb-ebook__cv b{font-family:var(--hb-f-display);font-size:15px;line-height:1.3;color:#fff}
.hb-ebook small{font-size:13px;font-weight:700;color:var(--hb-gold-text);letter-spacing:.04em}
.hb-ebook h3{font-size:21px;margin:6px 0 8px}
.hb-ebook p{font-size:15px;color:var(--hb-ink2)}
.hb-ebook__buy{display:flex;align-items:center;gap:14px;margin-top:16px;flex-wrap:wrap}
.hb-ebook__buy b{font-family:var(--hb-f-display);font-size:24px;color:var(--hb-ink)}
.hb-ebook__buy s{color:var(--hb-muted)}
.hb-btn--sm{min-height:44px;padding:0 18px;font-size:15px}
@media(max-width:860px){.hb-duo{grid-template-columns:1fr}}
@media(max-width:460px){.hb-ebook{grid-template-columns:1fr}.hb-ebook__cv{width:104px}.hb-promise{padding:24px 20px}}

/* faq */
.hb-faq{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.hb-faq details{background:var(--hb-surface);border:1px solid var(--hb-line);border-radius:16px;transition:border-color .2s}
.hb-faq details[open]{border-color:var(--hb-line2)}
.hb-faq summary{cursor:pointer;list-style:none;padding:20px 22px;display:flex;justify-content:space-between;gap:16px;align-items:center;font-weight:600;font-size:17px;color:var(--hb-ink)}
.hb-faq summary::-webkit-details-marker{display:none}
.hb-faq summary svg{flex-shrink:0;color:var(--hb-gold-text);transition:transform .25s}
.hb-faq details[open] summary svg{transform:rotate(45deg)}
.hb-faq p{padding:0 22px 20px;color:var(--hb-ink2);font-size:16px;white-space:pre-line}

/* final call */
.hb-final-sec{padding-block:0 var(--hb-space)}
.hb-final{border-radius:28px;background:var(--hb-deep);color:var(--hb-deep-fg);padding:72px 32px;text-align:center;position:relative;overflow:hidden;border:1px solid var(--hb-deep-line)}
.hb-final::before{content:"";position:absolute;inset:auto -10% -60% -10%;height:120%;background:radial-gradient(closest-side,color-mix(in srgb,var(--hb-deep-acc) 22%,transparent),transparent);pointer-events:none}
.hb-final > *{position:relative}
.hb-final h2{font-size:clamp(28px,4.4vw,46px);color:var(--hb-deep-fg);max-width:20ch;margin:0 auto}
.hb-final p{color:var(--hb-deep-muted);font-size:18px;margin:16px auto 30px;max-width:46ch}
.hb-final__cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.hb-final small{display:block;margin-top:18px;color:var(--hb-deep-muted);font-size:14.5px}
@media(max-width:560px){.hb-final{padding:52px 20px;border-radius:22px}.hb-final__cta .hb-btn{width:100%}}

/* phone sticky bar (visitors) */
.hb-mbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:180;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--hb-bg) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--hb-line);gap:10px;align-items:center;font-family:var(--hb-f-body);transform:translateY(110%);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.hb-mbar.is-on{transform:none}
.hb-mbar__t{flex:1;min-width:0;line-height:1.25}
.hb-mbar__t b{display:block;font-family:var(--hb-f-display);font-size:18px;color:var(--hb-ink)}
.hb-mbar__t span{font-size:12.5px;color:var(--hb-muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hb-mbar .hb-btn{min-height:48px;padding:0 18px;font-size:15.5px;flex-shrink:0}
@media(max-width:900px){.hb-mbar{display:flex}.hb-page.has-mbar{padding-bottom:76px}}

/* ===== HP-4d: the site's public header (partials/ax2/header) follows the homepage theme — homepage only (body.hb-page).
   Only header pieces are re-coloured; the footer and every other page keep their own look. ===== */
.hb-page .x2h,.hb-page .x2h-drawer,.hb-page .x2nb{
  --axh-bg:var(--hb-bg);--axh-line:var(--hb-line);--axh-ink:var(--hb-ink);--axh-ink2:var(--hb-ink2);--axh-mute:var(--hb-muted);--axh-soft:var(--hb-muted);
  --axh-navy:var(--hb-btn-bg);--axh-gold:var(--hb-gold);--axh-goldt:var(--hb-gold-text);--axh-goldl:var(--hb-btn-ico);--axh-sandl:var(--hb-line2);
  --axn-ink:var(--hb-ink);--axn-ink2:var(--hb-ink2);--axn-mute:var(--hb-muted);--axn-soft:var(--hb-muted);--axn-gold:var(--hb-gold);--axn-goldt:var(--hb-gold-text);
  --axn-goldbg:var(--hb-gold-soft);--axn-sand:var(--hb-sand);--axn-sandl:var(--hb-line);--axn-line:var(--hb-line);--axn-line2:var(--hb-line)}
.hb-page .x2h{background:var(--hb-bg);border-bottom-color:var(--hb-line)}
.hb-page .x2h.axh.is-scrolled{background:var(--hb-bg);background:color-mix(in srgb,var(--hb-bg) 93%,transparent)}
.hb-page .x2h .axh-mark::after{border-color:var(--hb-bg)}
.hb-page .x2h .x2h-nav a:hover{background:var(--hb-surface)}
.hb-page .x2h .x2h-login{color:var(--hb-ink2)}
.hb-page .x2h .x2h-login:hover{color:var(--hb-ink)}
.hb-page .x2h .x2-btn,.hb-page .x2h-drawer .x2-btn{background:var(--hb-btn-bg);color:var(--hb-btn-fg)!important}
.hb-page .x2h-drawer .x2-btn.x2-btn--out{background:transparent;color:var(--hb-ink)!important;border-color:var(--hb-ink)}
.hb-page .x2h .x2h-av{background:var(--hb-deep);color:var(--hb-deep-acc);border-color:var(--hb-gold)}
.hb-page .x2h .x2h-burger,.hb-page .x2h-drawer .x2h-burger{background:var(--hb-surface);border-color:var(--hb-line)}
.hb-page .x2h .x2h-burger svg,.hb-page .x2h-drawer .x2h-burger svg{stroke:var(--hb-ink)}
.hb-page .x2h .axn-sw a.is-on{background:var(--hb-surface)}
.hb-page .x2h .axn-sw a:hover{background:var(--hb-surface)}
.hb-page .x2h .axl-one{background:var(--hb-surface);border-color:var(--hb-line);color:var(--hb-ink)!important}
.hb-page .x2h .axl-one svg{color:var(--hb-gold-text)}
.hb-page .x2h .axl-one:hover{border-color:var(--hb-gold)}
/* menu drawer */
.hb-page .x2h-drawer{--x2-ivory:var(--hb-bg);--x2-ink:var(--hb-ink);--x2-ink2:var(--hb-ink2);--x2-line:var(--hb-line)}
.hb-page .x2h-drawer .x2h-panel{background:var(--hb-bg)}
.hb-page .x2h-drawer .x2h-row:hover,.hb-page .x2h-drawer .x2h-row.is-on{background:var(--hb-surface)}
.hb-page .x2h-drawer .x2h-row.is-on{border-color:var(--hb-gold)}
.hb-page .x2h-drawer .x2h-card{background:var(--hb-deep)}
.hb-page .x2h-drawer .x2h-card-n{color:var(--hb-deep-fg)}
.hb-page .x2h-drawer .x2h-card-c{color:var(--hb-deep-acc)}
.hb-page .x2h-drawer .x2h-card .x2h-av{background:var(--hb-deep-line);color:var(--hb-deep-acc)}
.hb-page .x2h-drawer .x2h-tag{background:var(--hb-sand);color:var(--hb-muted)}
.hb-page .x2h-drawer .x2h-logout{border-color:var(--hb-line);color:var(--hb-ink2)}
.hb-page .x2h-drawer .x2h-logout:hover{background:var(--hb-surface)}
.hb-page .x2h-drawer .x2h-logout svg{stroke:var(--hb-ink2)}
.hb-page .x2h-drawer .axn-go a{background:var(--hb-surface);border-color:var(--hb-line)}
.hb-page .x2h-drawer .axn-go a.is-on{border-color:var(--hb-gold)}
.hb-page .x2h-drawer .axl-row{background:var(--hb-surface);border-color:var(--hb-line)}
.hb-page .x2h-drawer .axl-lab{color:var(--hb-ink)}
.hb-page .x2h-drawer .axl-sw{background:var(--hb-sand);border-color:var(--hb-line)}
.hb-page .x2h-drawer .axl-sw a{color:var(--hb-muted)!important}
.hb-page .x2h-drawer .axl-sw a.is-on{background:var(--hb-surface);color:var(--hb-ink)!important}
/* announcement bar (webinar countdown or the owner's own line) */
.hb-page .x2h-bar{background:var(--hb-deep);color:var(--hb-deep-fg);border-bottom:1px solid var(--hb-deep-line)}
.hb-page .x2h-bar a,.hb-page .x2h-bar .x2h-cd{color:var(--hb-deep-acc)}
.hb-page .x2h-bar .x2h-dot{background:var(--hb-deep-acc)}
/* site bottom bar for visitors (shown only when the homepage's own phone bar is off) */
.hb-page .x2nb{--x2-ink:var(--hb-ink);--x2-muted:var(--hb-muted);--x2-gold-text:var(--hb-gold-text);background:var(--hb-surface);border-color:var(--hb-line)}
.hb-page .x2nb .x2nb-btn{background:var(--hb-btn-bg);color:var(--hb-btn-fg)!important}
.hb-page .x2nb .x2nb-btn svg{stroke:var(--hb-btn-ico)}

/* HP-5a: quiz form — honeypot (hidden from people, not from bots), field errors, result message */
.hb-qhp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.hb-qform{position:relative}
.hb-qerr{display:block;font-size:12.5px;font-weight:500;color:#C2410C;min-height:0}
.hb-qerr:empty{display:none}
.hb-qconsent span{display:flex;flex-direction:column;gap:4px}
.hb-qmsg{grid-column:1/-1;margin:2px 0 0;padding:12px 14px;border-radius:12px;background:var(--hb-sand);border:1px solid var(--hb-line);color:var(--hb-ink);font-size:14.5px;font-weight:600}
.hb-qmsg.is-bad{border-color:#C2410C}
.hb-qform.is-done input{opacity:.7}
[data-hb-theme="navy"] .hb-qerr{color:#FDBA74}
[data-hb-theme="navy"] .hb-qmsg.is-bad{border-color:#FDBA74}