:root{
  --text:#202124;
  --muted:#5f6368;
  --blue:#1a73e8;
  --teal:#14B8A6;
  --border:#dadce0;
  --subtle:#f8fafd;
  --white:#ffffff;
  --yellow:#fbbc04;
}

*{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  background:var(--white);
  color:var(--text);
  font-family:Arial,Inter,sans-serif;
  font-size:16px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}

a{
  color:inherit;
  text-decoration:none;
}

h1,
h2,
h3,
p{
  overflow-wrap:break-word;
}

.container{
  width:min(100%,1200px);
  margin:0 auto;
  padding:0 32px;
}

.site-header{
  height:64px;
  background:var(--white);
  border-bottom:1px solid var(--border);
}

.header-inner{
  height:64px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

.brand{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--text);
  font-size:20px;
  font-weight:600;
  white-space:nowrap;
}

.brand span span{
  color:var(--teal);
}

.brand-mark{
  position:relative;
  width:28px;
  height:28px;
  border:2px solid var(--blue);
  border-radius:7px;
  flex:0 0 auto;
}

.brand-mark::before,
.brand-mark::after{
  content:"";
  position:absolute;
  left:6px;
  height:2px;
  border-radius:2px;
  background:var(--teal);
}

.brand-mark::before{
  top:8px;
  width:12px;
}

.brand-mark::after{
  top:15px;
  width:16px;
}

.header-nav{
  display:flex;
  justify-content:center;
  gap:30px;
  flex:1;
  color:var(--muted);
  font-size:14px;
  font-weight:500;
}

.header-nav a:hover,
.anchor-nav a:hover,
.link-list a:hover,
.editorial-block a:hover{
  color:var(--blue);
}

.header-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:0 16px;
  border-radius:4px;
  background:var(--blue);
  color:var(--white);
  font-size:14px;
  font-weight:600;
}

.hero{
  background:var(--white);
}

.hero-grid{
  min-height:560px;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  align-items:center;
  gap:64px;
  padding-top:72px;
  padding-bottom:72px;
}

.eyebrow{
  margin:0 0 18px;
  color:var(--muted);
  font-size:14px;
  font-weight:500;
}

.meta-inline{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:var(--muted);
  font-size:14px;
  font-weight:600;
  line-height:1.35;
}

.meta-inline__logo{
  display:block;
  width:34px;
  height:auto;
  flex:0 0 auto;
  object-fit:contain;
}

.meta-inline__text{
  display:block;
}

.hero-meta{
  margin-bottom:18px;
}

h1{
  max-width:760px;
  margin:0;
  color:var(--text);
  font-size:56px;
  font-weight:500;
  line-height:1.08;
  letter-spacing:0;
}

.hero-lead{
  max-width:760px;
  margin:24px 0 0;
  color:var(--muted);
  font-size:18px;
  line-height:1.65;
}

.button-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:32px;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 18px;
  border:1px solid transparent;
  border-radius:4px;
  font-size:14px;
  font-weight:600;
}

.btn-primary{
  background:var(--blue);
  border-color:var(--blue);
  color:var(--white);
}

.btn-secondary{
  background:var(--white);
  border-color:var(--border);
  color:var(--blue);
}

.learning-path{
  position:relative;
  min-height:380px;
  border:1px solid #edf0f3;
  border-radius:8px;
  background:
    linear-gradient(90deg,rgba(26,115,232,.08) 1px,transparent 1px),
    linear-gradient(0deg,rgba(26,115,232,.08) 1px,transparent 1px),
    var(--white);
  background-size:48px 48px;
  overflow:hidden;
}

.path-line{
  position:absolute;
  left:22%;
  top:68px;
  bottom:68px;
  width:2px;
  background:var(--border);
}

.path-node{
  position:absolute;
  left:calc(22% - 18px);
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:8px;
  color:var(--white);
  font-size:13px;
  font-weight:700;
}

.node-one{
  top:48px;
  background:var(--blue);
}

.node-two{
  top:170px;
  background:var(--teal);
}

.node-three{
  top:292px;
  background:var(--yellow);
  color:var(--text);
}

.path-card{
  position:absolute;
  left:34%;
  right:42px;
  min-height:76px;
  padding:16px 18px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--white);
}

.card-one{
  top:36px;
}

.card-two{
  top:158px;
}

.card-three{
  top:280px;
}

.path-card span{
  display:block;
  margin-bottom:5px;
  color:var(--muted);
  font-size:12px;
  font-weight:600;
  text-transform:uppercase;
}

.path-card strong{
  display:block;
  color:var(--text);
  font-size:18px;
  font-weight:500;
}

.anchor-nav{
  background:var(--white);
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
}

.anchor-inner{
  display:flex;
  gap:34px;
  overflow:auto;
}

.anchor-inner a{
  flex:0 0 auto;
  padding:18px 0;
  color:var(--muted);
  font-size:14px;
  font-weight:500;
  white-space:nowrap;
}

.section{
  padding:78px 0;
}

.section-subtle{
  background:var(--subtle);
  border-top:1px solid #edf0f3;
  border-bottom:1px solid #edf0f3;
}

h2{
  max-width:820px;
  margin:0;
  color:var(--text);
  font-size:40px;
  font-weight:500;
  line-height:1.16;
  letter-spacing:0;
}

.section-intro{
  max-width:840px;
  margin:18px 0 0;
  color:var(--muted);
  font-size:17px;
  line-height:1.65;
}

.insight-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:36px;
  margin-top:46px;
}

.insight{
  min-height:150px;
  padding-left:24px;
  border-left:4px solid var(--blue);
}

.insight-teal{
  border-left-color:var(--teal);
}

.insight-yellow{
  border-left-color:var(--yellow);
}

.insight strong{
  display:block;
  margin-bottom:18px;
  color:var(--text);
  font-size:42px;
  font-weight:500;
  line-height:1;
}

.insight p{
  margin:0;
  color:var(--muted);
  font-size:17px;
  line-height:1.6;
}

.learn-grid{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:56px;
  align-items:start;
  margin-top:42px;
}

.learning-tabs{
  border-right:1px solid var(--border);
}

.learning-tab{
  display:block;
  padding:18px 22px;
  border-left:4px solid transparent;
  color:var(--muted);
  font-size:15px;
  font-weight:500;
}

.learning-tab.active{
  background:var(--white);
  border-left-color:var(--blue);
  color:var(--text);
}

.learning-panel{
  padding:34px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--white);
}

.learning-panel h3{
  margin:0;
  color:var(--text);
  font-size:32px;
  font-weight:500;
  line-height:1.2;
}

.learning-panel p{
  margin:16px 0 0;
  color:var(--muted);
  font-size:17px;
  line-height:1.7;
}

.link-list{
  display:grid;
  gap:13px;
  margin-top:26px;
}

.link-list a,
.editorial-block a{
  color:var(--blue);
  font-size:15px;
  font-weight:600;
}

.credential-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  margin-top:40px;
}

.editorial-block{
  min-height:240px;
  padding:28px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--white);
}

.editorial-block h3{
  margin:0 0 14px;
  color:var(--text);
  font-size:22px;
  font-weight:500;
  line-height:1.3;
}

.editorial-block p{
  margin:0 0 24px;
  color:var(--muted);
  font-size:15px;
  line-height:1.65;
}

.program-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  margin-top:40px;
}

.program-card{
  display:flex;
  flex-direction:column;
  min-height:310px;
  padding:20px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--white);
}

.program-card.featured{
  border-color:var(--teal);
  box-shadow:0 0 0 1px rgba(20,184,166,.12);
}

.program-label{
  color:var(--muted);
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
}

.program-card h3{
  margin:12px 0 0;
  color:var(--text);
  font-size:20px;
  font-weight:500;
  line-height:1.3;
}

.program-card p{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
  overflow:hidden;
  margin:12px 0 18px;
  color:var(--muted);
  font-size:15px;
  line-height:1.55;
}

.program-meta{
  display:grid;
  gap:4px;
  margin-top:auto;
}

.program-meta strong{
  color:var(--text);
  font-size:26px;
  font-weight:500;
  line-height:1.2;
}

.program-meta span{
  min-height:18px;
  color:var(--muted);
  font-size:13px;
}

.program-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  margin-top:16px;
  padding:0 14px;
  border-radius:4px;
  background:var(--blue);
  color:var(--white);
  font-size:14px;
  font-weight:700;
  text-align:center;
}

.quote-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:56px;
  align-items:center;
}

.quote-visual{
  min-height:280px;
  padding:42px;
  border:1px solid #edf0f3;
  border-radius:8px;
  background:
    linear-gradient(90deg,rgba(218,220,224,.55) 1px,transparent 1px),
    linear-gradient(0deg,rgba(218,220,224,.55) 1px,transparent 1px),
    var(--subtle);
  background-size:40px 40px;
}

.quote-visual div{
  height:44px;
  margin-bottom:18px;
  border-left:5px solid var(--blue);
  border-radius:6px;
  background:var(--white);
}

.quote-visual div:nth-child(2){
  width:82%;
  border-left-color:var(--teal);
}

.quote-visual div:nth-child(3){
  width:64%;
  border-left-color:var(--yellow);
}

.quote-copy blockquote{
  margin:0;
  color:var(--text);
  font-size:28px;
  font-weight:400;
  line-height:1.45;
}

.quote-copy p{
  margin:18px 0 0;
  color:var(--muted);
  font-size:15px;
}

.faq-grid{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:56px;
  align-items:start;
}

.faq-meta{
  margin-bottom:12px;
}

.faq-list{
  border-top:1px solid var(--border);
}

.faq-list details{
  border-bottom:1px solid var(--border);
  background:var(--white);
}

.faq-list summary{
  cursor:pointer;
  padding:22px 0;
  color:var(--text);
  font-size:17px;
  font-weight:500;
  list-style:none;
}

.faq-list summary::-webkit-details-marker{
  display:none;
}

.faq-list summary::after{
  content:"+";
  float:right;
  color:var(--blue);
  font-size:22px;
  line-height:1;
}

.faq-list details[open] summary::after{
  content:"-";
}

.faq-list details p{
  margin:0;
  padding:0 44px 22px 0;
  color:var(--muted);
  font-size:15px;
  line-height:1.7;
}

.final-inner{
  display:grid;
  grid-template-columns:1fr auto;
  gap:32px;
  align-items:center;
}

.final-inner p{
  max-width:720px;
  margin:16px 0 0;
  color:var(--muted);
  font-size:17px;
  line-height:1.65;
}

.site-footer{
  background:var(--white);
  border-top:1px solid var(--border);
}

.footer-inner{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:28px;
  padding-top:30px;
  padding-bottom:30px;
}

.footer-brand{
  font-size:18px;
}

.site-footer p{
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.55;
}

.meta-disclaimer{
  max-width:640px;
  align-items:flex-start;
}

.meta-disclaimer .meta-inline__logo{
  width:28px;
  margin-top:1px;
}

.meta-disclaimer .meta-inline__text{
  color:var(--muted);
  font-size:13px;
  font-weight:400;
  line-height:1.55;
}

@media(max-width:1060px){
  .container{
    padding:0 24px;
  }

  .header-nav{
    display:none;
  }

  .hero-grid,
  .learn-grid,
  .quote-grid,
  .faq-grid,
  .final-inner{
    grid-template-columns:1fr;
  }

  .hero-grid{
    min-height:0;
    gap:42px;
    padding-top:54px;
    padding-bottom:60px;
  }

  .insight-grid,
  .credential-grid{
    grid-template-columns:1fr;
  }

  .program-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .learning-tabs{
    border-right:0;
    border-bottom:1px solid var(--border);
  }

  .footer-inner{
    grid-template-columns:1fr;
    align-items:start;
  }
}

@media(max-width:640px){
  .container{
    padding:0 20px;
  }

  .brand{
    font-size:18px;
  }

  .header-cta{
    min-height:34px;
    padding:0 14px;
  }

  h1{
    font-size:38px;
    line-height:1.12;
  }

  .hero-lead{
    font-size:16px;
  }

  .btn{
    min-width:132px;
  }

  .learning-path{
    min-height:318px;
  }

  .path-line{
    left:34px;
    top:56px;
    bottom:56px;
  }

  .path-node{
    left:16px;
  }

  .node-one{
    top:38px;
  }

  .node-two{
    top:146px;
  }

  .node-three{
    top:254px;
  }

  .path-card{
    left:72px;
    right:18px;
    min-height:68px;
    padding:14px;
  }

  .card-one{
    top:28px;
  }

  .card-two{
    top:136px;
  }

  .card-three{
    top:244px;
  }

  .path-card strong{
    font-size:15px;
  }

  .section{
    padding:58px 0;
  }

  h2{
    font-size:32px;
  }

  .section-intro{
    font-size:16px;
  }

  .program-grid{
    grid-template-columns:1fr;
  }

  .learning-panel,
  .editorial-block,
  .program-card{
    padding:22px;
  }

  .learning-panel h3{
    font-size:26px;
  }

  .quote-copy blockquote{
    font-size:23px;
  }

  .quote-visual{
    min-height:220px;
    padding:30px;
  }
}

/* === META LOGO VISIBILITY FIX === */

.meta-inline {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin-bottom: 20px !important;
}

.meta-inline__logo {
    display: block !important;
    width: 105px !important;
    height: auto !important;
    max-width: none !important;
    object-fit: contain !important;
    flex: 0 0 auto !important;
}

.meta-inline__text {
    font-size: 12px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    letter-spacing: .07em !important;
    color: #5f6368 !important;
}

/* FAQ / section kecil */
.meta-inline--small .meta-inline__logo {
    width: 88px !important;
}

/* Footer */
.meta-disclaimer .meta-inline__logo,
footer .meta-inline__logo {
    width: 78px !important;
}

/* HERO dibuat paling jelas */
.hero .meta-inline__logo,
.hero-copy .meta-inline__logo {
    width: 120px !important;
}

@media (max-width: 720px) {
    .meta-inline__logo {
        width: 88px !important;
    }

    .hero .meta-inline__logo,
    .hero-copy .meta-inline__logo {
        width: 100px !important;
    }

    .meta-inline--small .meta-inline__logo {
        width: 78px !important;
    }

    .meta-inline__text {
        font-size: 11px !important;
    }
}

/* ========================================================
   BIMBINGAN.COM BRAND POSITIONING
   Tempat Belajar Meta Ads
   ======================================================== */

/* Pastikan seluruh logo Meta lama tidak muncul */
.meta-inline__logo,
.meta-brand-logo,
.meta-context img,
.meta-disclaimer img,
img[src*="meta-logo"] {
    display: none !important;
}

/* Hapus logo Meta palsu dari pseudo element lama */
.hero h1::before,
.hero-copy h1::before,
main section h2::before {
    content: none !important;
    display: none !important;
    background: none !important;
    background-image: none !important;
}

/* Label editorial Bimbingan.com */
.learning-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 18px;
    padding: 0;
}

.learning-label::before {
    content: "";
    width: 22px;
    height: 3px;
    background: #14B8A6;
    display: block;
    flex: 0 0 auto;
}

.learning-label,
.learning-label__text {
    color: #5f6368;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
}

/* Disclaimer independen */
.independent-note {
    display: flex;
    align-items: flex-start;
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid #dadce0;
}

.independent-note p {
    margin: 0;
    max-width: 760px;
    color: #5f6368;
    font-size: 12px;
    line-height: 1.65;
}

/* Bimbingan.com harus tetap jadi brand utama */
.site-brand,
.brand,
.logo {
    position: relative;
    z-index: 2;
}

@media (max-width: 720px) {
    .learning-label,
    .learning-label__text {
        font-size: 11px;
        letter-spacing: .05em;
    }

    .learning-label {
        margin-bottom: 14px;
    }

    .learning-label::before {
        width: 18px;
    }
}
/* BIMBINGAN HOME POLISH V1 */

.nowrap-meta{
    white-space:nowrap;
}

/* Hilangkan seluruh sisa visual logo Meta lama */
.meta-inline__logo,
.meta-brand-logo,
.meta-context img,
.meta-disclaimer img,
img[src*="meta-logo"]{
    display:none !important;
}
.hero h1::before,
.hero-copy h1::before,
main section h2::before{
    content:none !important;
    display:none !important;
    background:none !important;
}

/* Quote + foto mentor */
.mentor-quote-layout{
    display:grid !important;
    grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr) !important;
    gap:56px !important;
    align-items:center !important;
}
.mentor-photo-wrap{
    min-height:330px !important;
    border:1px solid #dadce0 !important;
    border-radius:8px !important;
    overflow:hidden !important;
    background:#f8fafd !important;
}
.mentor-photo-wrap img{
    width:100% !important;
    height:100% !important;
    min-height:330px !important;
    display:block !important;
    object-fit:cover !important;
    object-position:center 22% !important;
}

/* Link detail paket */
.package-detail-link{
    display:block !important;
    width:100% !important;
    margin:16px 0 8px !important;
    font-size:13px !important;
    line-height:1.4 !important;
    font-weight:600 !important;
    text-align:center !important;
    color:#1a73e8 !important;
    text-decoration:none !important;
}
.package-detail-link:hover{
    text-decoration:underline !important;
}

/* Footer disclaimer: satu baris, kecil */
footer small,
footer .independent-note,
footer .independent-note p{
    font-size:10px !important;
    line-height:1.35 !important;
}
footer .independent-note,
footer .independent-note p{
    white-space:nowrap !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
}

/* Package detail */
.program-detail-page{
    margin:0;
    color:#202124;
    background:#fff;
    font-family:Inter,Arial,sans-serif;
}
.program-detail-container{
    width:min(1120px,calc(100% - 40px));
    margin:0 auto;
}
.program-detail-header{
    border-bottom:1px solid #dadce0;
    background:#fff;
}
.program-detail-nav{
    min-height:64px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}
.program-detail-brand{
    font-size:19px;
    font-weight:700;
    color:#202124;
    text-decoration:none;
}
.program-detail-brand span{color:#14b8a6}
.program-detail-back{
    font-size:14px;
    font-weight:600;
    color:#1a73e8;
    text-decoration:none;
}
.program-detail-hero{
    padding:82px 0;
}
.program-detail-grid{
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
    gap:72px;
    align-items:start;
}
.program-detail-eyebrow,
.program-detail-kicker{
    margin-bottom:16px;
    color:#5f6368;
    font-size:12px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.program-detail-hero h1{
    max-width:720px;
    margin:0 0 22px;
    font-size:52px;
    line-height:1.08;
    letter-spacing:-.035em;
    font-weight:600;
}
.program-detail-lead{
    max-width:700px;
    margin:0;
    color:#5f6368;
    font-size:18px;
    line-height:1.75;
}
.program-detail-meta{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:28px;
}
.program-detail-meta span{
    padding:7px 10px;
    border:1px solid #dadce0;
    border-radius:6px;
    color:#5f6368;
    font-size:13px;
}
.program-detail-checkout{
    padding:26px;
    border:1px solid #dadce0;
    border-radius:8px;
    background:#fff;
}
.program-detail-checkout>span{
    display:block;
    color:#5f6368;
    font-size:13px;
}
.program-detail-checkout>strong{
    display:block;
    margin:8px 0 12px;
    font-size:30px;
    line-height:1.2;
    font-weight:600;
}
.program-detail-checkout p{
    margin:0 0 22px;
    color:#5f6368;
    font-size:14px;
    line-height:1.65;
}
.program-detail-primary,
.program-detail-secondary{
    min-height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 18px;
    border-radius:5px;
    font-size:14px;
    font-weight:600;
    text-decoration:none;
}
.program-detail-primary{
    background:#1a73e8;
    color:#fff;
}
.program-detail-secondary{
    margin-top:10px;
    border:1px solid #dadce0;
    color:#1a73e8;
    background:#fff;
}
.program-detail-section{
    padding:76px 0;
    border-top:1px solid #edf0f2;
}
.program-detail-soft{
    background:#f8fafd;
}
.program-detail-content-grid{
    display:grid;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    gap:80px;
}
.program-detail-section h2,
.program-detail-final h2{
    margin:0 0 18px;
    font-size:38px;
    line-height:1.18;
    letter-spacing:-.025em;
    font-weight:600;
}
.program-detail-section p{
    color:#5f6368;
    font-size:16px;
    line-height:1.75;
}
.program-detail-benefits{
    border-top:1px solid #dadce0;
}
.program-detail-benefit{
    display:flex;
    gap:14px;
    padding:17px 0;
    border-bottom:1px solid #dadce0;
}
.program-detail-benefit span{
    color:#14b8a6;
    font-weight:700;
}
.program-detail-benefit p{
    margin:0;
    color:#202124;
}
.program-detail-steps{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
    margin-top:34px;
}
.program-detail-steps>div{
    padding:22px;
    border:1px solid #dadce0;
    border-radius:7px;
    background:#fff;
}
.program-detail-steps strong{
    display:block;
    margin-bottom:26px;
    color:#1a73e8;
    font-size:13px;
}
.program-detail-steps h3{
    margin:0 0 10px;
    font-size:18px;
}
.program-detail-steps p{
    margin:0;
    font-size:14px;
    line-height:1.65;
}
.program-detail-final{
    padding:72px 0;
}
.program-detail-final-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:32px;
}
.program-detail-final h2{
    max-width:720px;
    margin-bottom:0;
}
.program-detail-final a{
    min-height:46px;
    display:inline-flex;
    align-items:center;
    padding:0 20px;
    border-radius:5px;
    background:#1a73e8;
    color:#fff;
    font-size:14px;
    font-weight:600;
    text-decoration:none;
    white-space:nowrap;
}
.program-detail-footer{
    border-top:1px solid #dadce0;
    padding:22px 0;
}
.program-detail-footer .program-detail-container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}
.program-detail-footer small{
    white-space:nowrap;
    color:#5f6368;
}

/* Mobile */
@media(max-width:760px){
    .nowrap-meta{
        white-space:nowrap;
    }

    .mentor-quote-layout{
        grid-template-columns:1fr !important;
        gap:26px !important;
    }
    .mentor-photo-wrap{
        min-height:0 !important;
        aspect-ratio:4/3 !important;
    }
    .mentor-photo-wrap img{
        min-height:0 !important;
        height:100% !important;
    }

    footer .independent-note,
    footer .independent-note p{
        font-size:8px !important;
        letter-spacing:-.02em !important;
        white-space:nowrap !important;
    }

    .program-detail-container{
        width:min(100% - 30px,720px);
    }
    .program-detail-nav{
        min-height:58px;
    }
    .program-detail-brand{
        font-size:17px;
    }
    .program-detail-back{
        font-size:12px;
    }
    .program-detail-hero{
        padding:52px 0 56px;
    }
    .program-detail-grid{
        grid-template-columns:1fr;
        gap:32px;
    }
    .program-detail-hero h1{
        font-size:37px;
        line-height:1.13;
    }
    .program-detail-lead{
        font-size:16px;
        line-height:1.7;
    }
    .program-detail-checkout{
        padding:22px;
    }
    .program-detail-section{
        padding:54px 0;
    }
    .program-detail-content-grid{
        grid-template-columns:1fr;
        gap:30px;
    }
    .program-detail-section h2,
    .program-detail-final h2{
        font-size:29px;
        line-height:1.22;
    }
    .program-detail-steps{
        grid-template-columns:1fr;
    }
    .program-detail-steps>div{
        padding:20px;
    }
    .program-detail-final{
        padding:54px 0;
    }
    .program-detail-final-inner{
        align-items:stretch;
        flex-direction:column;
    }
    .program-detail-final a{
        justify-content:center;
    }
    .program-detail-footer .program-detail-container{
        align-items:flex-start;
        flex-direction:column;
        gap:7px;
    }
    .program-detail-footer small{
        max-width:100%;
        white-space:nowrap;
        font-size:8px !important;
        letter-spacing:-.02em;
    }
}
/* LIVE PACKAGE SYNC */
.live-package-page{margin:0;color:#202124;background:#fff;font-family:Inter,Arial,sans-serif}
.live-package-container{width:min(1120px,calc(100% - 40px));margin:0 auto}
.live-package-header{border-bottom:1px solid #dadce0;background:#fff}
.live-package-header-inner{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.live-package-brand{font-size:19px;font-weight:700;color:#202124;text-decoration:none}
.live-package-brand span{color:#14b8a6}
.live-package-back{font-size:14px;font-weight:600;color:#1a73e8;text-decoration:none}
.live-package-hero{padding:76px 0}
.live-package-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:70px;align-items:start}
.live-package-label,.live-package-kicker{margin-bottom:15px;color:#5f6368;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.live-package-hero h1{margin:0 0 20px;font-size:52px;line-height:1.08;letter-spacing:-.035em;font-weight:600}
.live-package-lead{max-width:720px;margin:0;color:#5f6368;font-size:18px;line-height:1.75}
.live-package-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:32px}
.live-package-facts div{padding:16px;border:1px solid #dadce0;border-radius:7px}
.live-package-facts small{display:block;margin-bottom:6px;color:#5f6368;font-size:12px}
.live-package-facts strong{font-size:14px;line-height:1.45}
.live-package-buy{padding:26px;border:1px solid #dadce0;border-radius:8px;background:#fff}
.live-package-buy>small{display:block;color:#5f6368;font-size:13px}
.live-package-buy>strong{display:block;margin:8px 0 12px;font-size:29px;line-height:1.2;font-weight:600}
.live-package-buy p{margin:0 0 20px;color:#5f6368;font-size:14px;line-height:1.65}
.live-package-primary,.live-package-secondary{min-height:46px;display:flex;align-items:center;justify-content:center;padding:0 18px;border-radius:5px;font-size:14px;font-weight:600;text-decoration:none}
.live-package-primary{background:#1a73e8;color:#fff}
.live-package-secondary{margin-top:10px;border:1px solid #dadce0;background:#fff;color:#1a73e8}
.live-package-section{padding:72px 0;border-top:1px solid #edf0f2}
.live-package-soft{background:#f8fafd}
.live-package-two-col{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:80px}
.live-package-section h2,.live-package-final h2{margin:0;font-size:38px;line-height:1.18;letter-spacing:-.025em;font-weight:600}
.live-package-copy{margin:0;color:#5f6368;font-size:17px;line-height:1.78}
.live-package-checks{margin-top:32px;border-top:1px solid #dadce0}
.live-package-checks>div,.live-package-notes>div{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid #dadce0}
.live-package-checks span,.live-package-notes span{color:#14b8a6;font-weight:700}
.live-package-checks p,.live-package-notes p{margin:0;font-size:15px;line-height:1.65}
.live-package-curriculum{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px;margin-top:32px;border-top:1px solid #dadce0}
.live-package-curriculum article{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:17px 0;border-bottom:1px solid #dadce0}
.live-package-curriculum span{color:#1a73e8;font-size:13px;font-weight:700}
.live-package-curriculum p{margin:0;font-size:15px;line-height:1.6}
.live-package-regions{max-width:820px;margin-top:30px;border-top:1px solid #dadce0}
.live-package-regions>div{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #dadce0}
.live-package-final{padding:68px 0}
.live-package-final-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.live-package-final p{margin:12px 0 0;color:#5f6368;font-size:16px}
.live-package-final a{min-height:46px;display:inline-flex;align-items:center;padding:0 20px;border-radius:5px;background:#1a73e8;color:#fff;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}
.live-package-footer{padding:20px 0;border-top:1px solid #dadce0}
.live-package-footer .live-package-container{display:flex;align-items:center;justify-content:space-between;gap:20px}
.live-package-footer small{color:#5f6368;font-size:10px;white-space:nowrap}

@media(max-width:760px){
  .live-package-container{width:min(100% - 30px,720px)}
  .live-package-header-inner{min-height:58px}
  .live-package-brand{font-size:17px}
  .live-package-back{font-size:12px}
  .live-package-hero{padding:50px 0 54px}
  .live-package-hero-grid{grid-template-columns:1fr;gap:30px}
  .live-package-hero h1{font-size:36px;line-height:1.14}
  .live-package-lead{font-size:16px;line-height:1.72}
  .live-package-facts{grid-template-columns:1fr}
  .live-package-buy{padding:21px}
  .live-package-section{padding:52px 0}
  .live-package-two-col{grid-template-columns:1fr;gap:28px}
  .live-package-section h2,.live-package-final h2{font-size:29px;line-height:1.22}
  .live-package-curriculum{grid-template-columns:1fr}
  .live-package-final{padding:52px 0}
  .live-package-final-inner{align-items:stretch;flex-direction:column}
  .live-package-final a{justify-content:center}
  .live-package-footer .live-package-container{display:block}
  .live-package-footer strong{display:block;margin-bottom:5px}
  .live-package-footer small{display:block;font-size:8px;white-space:nowrap;letter-spacing:-.02em}
}
/* PROGRAM FOOTER LEGAL LINKS */
.program-footer-links{display:flex;gap:12px;flex-wrap:wrap}
.program-footer-links a{color:#5f6368;font-size:9px;font-weight:600;text-decoration:none;white-space:nowrap}
.program-footer-links a:hover{color:#1a73e8}
@media(max-width:760px){.program-footer-links{gap:8px 12px}.program-footer-links a{font-size:8px}}