/* ALLU PepTalk brand alignment layer
 * Keeps the approved PepTalk structure intact while matching the live ALLU visual system.
 */

.allu-peptalk-shell{
  --pt-cobalt:#1746e8;
  --pt-baby-pink:#F7A6C4;
  --pt-tangerine:#F58A45;
  --pt-teal:#1E9B93;
  --pt-ink:#111217;
  --pt-muted:#626772;
  --pt-line:#e8e9ec;
  --pt-soft:#f7f7f5;
  --pt-blue-soft:#f3f5ff;
  --pt-pink-soft:#fff1f6;
  --pt-teal-soft:#eff9f7;
  --pt-tangerine-soft:#fff5ee;
  font-family:Poppins,Arial,sans-serif;
  background:#fff;
  color:var(--pt-ink);
}

.allu-peptalk-shell :is(h1,h2,h3,h4,p,span,a,button,input,summary,small,strong){
  font-family:Poppins,Arial,sans-serif;
}

.pt-primary-button{
  background:var(--pt-cobalt);
  color:#fff!important;
  box-shadow:0 12px 30px rgba(23,70,232,.18);
}
.pt-primary-button:hover{box-shadow:0 15px 34px rgba(23,70,232,.22)}
.pt-secondary-button{background:#fff;border-color:#dfe1e5}
.pt-kicker,.pt-overline,.pt-section-heading p{color:var(--pt-cobalt)}
.pt-section-heading>span{
  color:var(--pt-cobalt);
  border-color:#dfe5ff;
  background:var(--pt-blue-soft);
}
.pt-section-heading h2{
  font-family:Poppins,Arial,sans-serif;
  font-weight:500;
  letter-spacing:-.065em;
}

/* Access */
.pt-access{
  background:#fff;
}
.pt-access-art{
  background:
    linear-gradient(180deg,rgba(6,12,36,.05),rgba(6,12,36,.18)),
    var(--pt-access-image,url('https://meetallu.com/wp-content/uploads/2026/09/ChatGPT-Image-Sep-21-2026-08_09_51-PM.png')) center/cover no-repeat;
}
.pt-access-art:after{
  background:linear-gradient(180deg,rgba(23,70,232,.08),rgba(247,166,196,.16));
  opacity:1;
}
.pt-access-brand{
  font-family:Poppins,Arial,sans-serif;
  font-size:34px;
  font-weight:400;
  letter-spacing:.24em;
}
.pt-access-badge{
  background:var(--pt-cobalt);
  color:#fff;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.55);
  box-shadow:0 28px 60px rgba(17,18,23,.2);
}
.pt-access-badge small{color:rgba(255,255,255,.86)}
.pt-access-card{
  background:#fff;
}
.pt-access-card h1{
  font-family:Poppins,Arial,sans-serif;
  font-weight:500;
  letter-spacing:-.07em;
}
.pt-access-card h1 em{
  color:var(--pt-cobalt);
  font-style:normal;
}
.pt-access-copy{color:var(--pt-muted)}
.pt-password-form input{
  border-color:#dfe1e5;
  border-radius:14px;
}
.pt-password-form input:focus{
  border-color:var(--pt-cobalt);
  box-shadow:0 0 0 3px rgba(23,70,232,.10);
}
.pt-password-form button{background:var(--pt-cobalt)}
.pt-access-footnote{color:#727780}

/* Home hero */
.pt-home-hero{
  background:#fff;
  border-color:var(--pt-line);
  border-radius:24px;
  box-shadow:0 18px 44px rgba(17,18,23,.045);
}
.pt-home-hero-copy h1{
  font-family:Poppins,Arial,sans-serif;
  color:#111217;
  font-weight:500;
  letter-spacing:-.075em;
}
.pt-home-lead{color:var(--pt-muted)}
.pt-search-wrap{
  border-color:#dfe1e5;
  box-shadow:0 10px 26px rgba(17,18,23,.05);
}
.pt-search-wrap:focus-within{
  border-color:var(--pt-cobalt);
  box-shadow:0 0 0 3px rgba(23,70,232,.08);
}
.pt-search-wrap svg{color:var(--pt-cobalt)}
.pt-filter-row button{
  background:#fff;
  border-color:#e1e3e7;
  color:#4c515b;
}
.pt-filter-row button.is-active{
  background:var(--pt-cobalt);
  border-color:var(--pt-cobalt);
  color:#fff;
}
.pt-filter-row button[data-pt-filter="skin"]:not(.is-active){background:var(--pt-pink-soft)}
.pt-filter-row button[data-pt-filter="weight"]:not(.is-active){background:var(--pt-blue-soft)}
.pt-filter-row button[data-pt-filter="body"]:not(.is-active){background:var(--pt-tangerine-soft)}
.pt-filter-row button[data-pt-filter="mind"]:not(.is-active){background:var(--pt-teal-soft)}

.pt-home-hero-art{
  background:
    linear-gradient(180deg,rgba(255,255,255,.02),rgba(17,18,23,.06)),
    var(--pt-dashboard-image,url('https://meetallu.com/wp-content/uploads/2026/09/ChatGPT-Image-Sep-21-2026-04_09_09-AM.png')) center/cover no-repeat;
}
.pt-home-hero-art:after{
  background:linear-gradient(135deg,rgba(23,70,232,.05),transparent 45%,rgba(247,166,196,.09));
}
.pt-art-label{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.16)}
.pt-art-curve{border-color:rgba(255,255,255,.55)}
.pt-art-card{
  background:var(--pt-baby-pink);
  color:#111217;
  border-radius:18px;
  border-color:rgba(255,255,255,.7);
}
.pt-art-card span{
  font-family:Poppins,Arial,sans-serif;
  font-size:32px;
  font-weight:500;
  letter-spacing:.18em;
}

/* Start here */
.pt-start-feature{
  background:
    radial-gradient(circle at 78% 20%,rgba(255,255,255,.96),transparent 32%),
    linear-gradient(140deg,#f3f5ff 0%,#fff 72%);
}
.pt-script{
  font-family:Poppins,Arial,sans-serif!important;
  font-weight:500!important;
  letter-spacing:-.06em!important;
  color:#111217!important;
}
.pt-start-feature>p:not(.pt-script){color:var(--pt-muted)}
.pt-start-feature>a{color:var(--pt-cobalt)}
.pt-consult-mini{
  background:linear-gradient(145deg,#fff1f6,var(--pt-baby-pink));
}
.pt-consult-mini h3{
  font-family:Poppins,Arial,sans-serif;
  letter-spacing:-.05em;
}
.pt-consult-mini>p:not(.pt-overline){color:#6c5f63}

/* Beginner cards */
.pt-beginner-grid article{
  border-radius:24px;
  box-shadow:0 10px 24px rgba(17,18,23,.025);
}
.pt-beginner-grid article svg{color:var(--pt-cobalt)}
.pt-beginner-grid article:nth-child(1){border-top:3px solid var(--pt-cobalt)}
.pt-beginner-grid article:nth-child(2){border-top:3px solid var(--pt-teal)}
.pt-beginner-grid article:nth-child(3){border-top:3px solid var(--pt-baby-pink)}
.pt-beginner-grid article:nth-child(4){border-top:3px solid var(--pt-tangerine)}
.pt-beginner-grid article:nth-child(5){border-top:3px solid var(--pt-cobalt)}
.pt-beginner-grid article:nth-child(6){border-top:3px solid var(--pt-teal)}
.pt-beginner-grid h3{color:#111217}
.pt-beginner-grid p{color:var(--pt-muted)}

/* Library */
.pt-product-card{
  border-radius:24px;
  border-color:var(--pt-line);
  box-shadow:none;
}
.pt-product-card:hover{
  box-shadow:0 18px 40px rgba(17,18,23,.07);
}
.pt-product-image{
  background:#fff;
  padding:42px;
}
.pt-product-image>span{
  font-family:Poppins,Arial,sans-serif;
  font-size:30px;
  font-weight:500;
  letter-spacing:.18em;
  color:var(--pt-cobalt);
}
.pt-product-copy h3{
  font-family:Poppins,Arial,sans-serif;
  font-size:26px;
  font-weight:500;
  letter-spacing:-.04em;
}
.pt-product-copy p{color:var(--pt-muted)}
.pt-card-link{color:var(--pt-cobalt)}
.pt-category{
  color:var(--pt-cobalt);
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 9px;
  border-radius:999px;
  background:var(--pt-blue-soft);
}
.pt-product-card[data-category="skin"] .pt-category{
  color:#b45276;
  background:var(--pt-pink-soft);
}
.pt-product-card[data-category="weight"] .pt-category{
  color:var(--pt-cobalt);
  background:var(--pt-blue-soft);
}
.pt-product-card[data-category="body"] .pt-category{
  color:#b85c21;
  background:var(--pt-tangerine-soft);
}
.pt-product-card[data-category="mind"] .pt-category{
  color:#18786f;
  background:var(--pt-teal-soft);
}
.pt-product-card[data-category="skin"]{border-top:3px solid var(--pt-baby-pink)}
.pt-product-card[data-category="weight"]{border-top:3px solid var(--pt-cobalt)}
.pt-product-card[data-category="body"]{border-top:3px solid var(--pt-tangerine)}
.pt-product-card[data-category="mind"]{border-top:3px solid var(--pt-teal)}

.pt-no-results h3{
  font-family:Poppins,Arial,sans-serif;
  font-weight:500;
  letter-spacing:-.04em;
}
.pt-responsibility{
  background:#f7f7f5;
  border-color:var(--pt-line);
}
.pt-responsibility h2{
  font-family:Poppins,Arial,sans-serif;
  font-size:38px;
  font-weight:500;
  letter-spacing:-.05em;
}
.pt-responsibility>p{color:var(--pt-muted)}

/* Product guide */
.pt-guide{background:#fff}
.pt-guide-hero{
  border-radius:24px;
  box-shadow:0 14px 34px rgba(17,18,23,.035);
}
.pt-guide-media{
  background:#fff;
  border:1px solid #ececef;
  border-radius:20px;
}
.pt-guide-placeholder{
  font-family:Poppins,Arial,sans-serif;
  font-size:54px;
  font-weight:500;
  letter-spacing:.18em;
  color:var(--pt-cobalt);
}
.pt-guide-copy h1{
  font-family:Poppins,Arial,sans-serif;
  font-weight:500;
  letter-spacing:-.07em;
}
.pt-guide-subtitle{color:var(--pt-muted)}
.pt-evidence-row span{
  background:var(--pt-blue-soft);
  color:#525a72;
}
.pt-evidence-row svg{color:var(--pt-cobalt)}
.pt-safety-banner{
  background:var(--pt-pink-soft);
  border-color:#f5d7e1;
}
.pt-section-nav{
  background:rgba(255,255,255,.94);
}
.pt-section-nav a{
  background:#fff;
  border-color:#e1e3e7;
}
.pt-section-nav a:hover{
  border-color:var(--pt-cobalt);
  color:var(--pt-cobalt);
}
.pt-panel,.pt-consult-card{
  border-radius:24px;
  border-color:var(--pt-line);
}
.pt-panel h3,.pt-consult-card h3{
  font-family:Poppins,Arial,sans-serif;
  font-size:30px;
  font-weight:500;
  letter-spacing:-.045em;
}
.pt-panel>p:not(.pt-overline):not(.pt-microcopy),.pt-consult-card>p:not(.pt-overline){color:var(--pt-muted)}
.pt-quick-grid>div{
  background:#f7f7f5;
  border-color:#e8e9ec;
}
.pt-reference-pill{
  background:var(--pt-blue-soft);
  color:var(--pt-cobalt);
}
.pt-table th,.pt-table td{border-bottom-color:#e8e9ec}
.pt-table th{color:#727780}
.pt-table td{color:#444951}
.pt-syringe-visual{
  border-color:#c8cad0;
  background:linear-gradient(90deg,#f7f7f5 0 70%,#dfe5ff 70% 100%);
}
.pt-syringe-visual b{background:var(--pt-cobalt)}
.pt-warning-card{
  background:var(--pt-pink-soft);
  border-color:#f6d5e0;
}
.pt-step-grid article{
  border-radius:24px;
  border-color:var(--pt-line);
}
.pt-step-grid article>span{
  background:var(--pt-blue-soft);
  color:var(--pt-cobalt);
  font-weight:600;
}
.pt-step-grid article:nth-child(2)>span{background:var(--pt-teal-soft);color:#18786f}
.pt-step-grid article:nth-child(3)>span{background:var(--pt-tangerine-soft);color:#b85c21}
.pt-step-grid article:nth-child(4)>span{background:var(--pt-pink-soft);color:#b45276}
.pt-step-grid h3{
  font-family:Poppins,Arial,sans-serif;
  font-size:26px;
  font-weight:500;
  letter-spacing:-.04em;
}
.pt-panel li:before{background:var(--pt-cobalt)}
.pt-consult-card{
  background:linear-gradient(145deg,#fff1f6,var(--pt-baby-pink));
}
.pt-accordion details{
  border-radius:16px;
  border-color:#e8e9ec;
}
.pt-accordion details[open]{
  border-color:#ccd5ff;
  box-shadow:0 10px 26px rgba(23,70,232,.05);
}
.pt-accordion summary span{color:var(--pt-cobalt)}

/* Section hierarchy: no numeric bubbles, larger section titles */
.pt-section-heading{display:block}
.pt-section-heading>span{display:none!important}
.pt-section-heading>div{width:100%}
.pt-section-heading-home h2{
  font-size:clamp(58px,6.8vw,96px);
  line-height:.9;
  letter-spacing:-.07em;
}
.pt-section-subtitle{
  margin:16px 0 0!important;
  max-width:650px;
  color:var(--pt-muted)!important;
  font-size:14px!important;
  line-height:1.65!important;
  font-weight:400!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.pt-art-card,.pt-art-curve{display:none!important}

/* Beginner Guide v2: one clear learning flow instead of six floating tiles */
.pt-beginner-redesign{padding-top:86px}
.pt-beginner-flow{
  display:grid;
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);
  gap:20px;
  align-items:stretch;
  margin-top:34px;
}
.pt-beginner-intro{
  min-height:100%;
  padding:34px;
  border:1px solid #dfe5ff;
  border-radius:24px;
  background:linear-gradient(145deg,#f3f5ff 0%,#fff 82%);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
}
.pt-beginner-intro .pt-overline{margin:0 0 14px}
.pt-beginner-intro h3{
  margin:0;
  max-width:430px;
  font-size:clamp(34px,3.5vw,52px);
  line-height:.98;
  letter-spacing:-.055em;
  font-weight:500;
}
.pt-beginner-intro>p:not(.pt-overline){
  margin:20px 0 24px;
  color:var(--pt-muted);
  font-size:12px;
  line-height:1.8;
}
.pt-beginner-intro .pt-secondary-button{
  width:auto;
  color:var(--pt-cobalt);
  border-color:#ccd5ff;
}
.pt-beginner-list{
  overflow:hidden;
  border:1px solid var(--pt-line);
  border-radius:24px;
  background:#fff;
}
.pt-beginner-row{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:18px;
  align-items:start;
  padding:20px 22px;
  border-bottom:1px solid var(--pt-line);
}
.pt-beginner-row:last-child{border-bottom:0}
.pt-beginner-row-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
}
.pt-beginner-row-icon svg{width:21px;height:21px}
.pt-beginner-row h3{
  margin:1px 0 5px;
  font-size:15px;
  font-weight:600;
  letter-spacing:-.02em;
}
.pt-beginner-row p{
  margin:0;
  max-width:720px;
  color:var(--pt-muted);
  font-size:10.5px;
  line-height:1.7;
}
.pt-beginner-row.is-blue .pt-beginner-row-icon{background:var(--pt-blue-soft);color:var(--pt-cobalt)}
.pt-beginner-row.is-teal .pt-beginner-row-icon{background:var(--pt-teal-soft);color:#18786f}
.pt-beginner-row.is-pink .pt-beginner-row-icon{background:var(--pt-pink-soft);color:#b45276}
.pt-beginner-row.is-tangerine .pt-beginner-row-icon{background:var(--pt-tangerine-soft);color:#b85c21}

/* The old tile grid remains available inside individual guides, but is visually quieter */
.pt-guide .pt-beginner-grid article{
  box-shadow:none;
  border-top-width:1px;
}
.pt-guide .pt-beginner-grid article:nth-child(n){border-top-color:var(--pt-line)}

/* Product guide polish, using the library as the visual reference */
.pt-guide .pt-wrap{width:min(1280px,calc(100% - 48px))}
.pt-guide-hero{
  gap:42px;
  padding:26px;
  box-shadow:none;
}
.pt-guide-media{
  min-height:410px;
  padding:48px;
}
.pt-guide-copy .pt-category{
  min-height:25px;
  padding:0 10px;
  background:var(--pt-blue-soft);
}
.pt-guide-copy h1{
  font-size:clamp(56px,6vw,86px);
  line-height:.88;
}
.pt-section-nav{
  top:72px;
  padding:14px 0;
  margin-top:10px;
  border-bottom:1px solid rgba(232,233,236,.7);
}
.pt-section-nav a{
  padding:10px 15px;
  font-size:10px;
}
.pt-guide .pt-guide-section{
  padding:82px 0;
}
.pt-guide .pt-section-heading h2{
  font-size:clamp(52px,5.8vw,82px);
  line-height:.91;
  letter-spacing:-.065em;
}
.pt-guide .pt-section-heading p:not(.pt-section-subtitle){
  margin:0 0 11px;
  color:var(--pt-cobalt);
}
.pt-guide-grid,.pt-protocol-layout,.pt-safety-grid{gap:16px;margin-top:32px}
.pt-panel,.pt-consult-card{
  padding:28px;
  box-shadow:none;
}
.pt-quick-grid>div{
  min-height:120px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.pt-accordion{margin-top:32px}
.pt-accordion summary{padding:19px 20px;font-size:11.5px}

/* Small brand-color moments only */
.pt-section-heading:nth-child(4n+1)>span{background:var(--pt-blue-soft);color:var(--pt-cobalt)}
.pt-section-heading:nth-child(4n+2)>span{background:var(--pt-pink-soft);color:#b45276}
.pt-section-heading:nth-child(4n+3)>span{background:var(--pt-teal-soft);color:#18786f}
.pt-section-heading:nth-child(4n)>span{background:var(--pt-tangerine-soft);color:#b85c21}

@media(max-width:980px){
  .pt-beginner-flow{grid-template-columns:1fr}
}
@media(max-width:620px){
  .pt-home-hero{box-shadow:none}
  .pt-home-hero-art{min-height:315px;background-position:center}
  .pt-access-art{background-position:center 34%}
  .pt-product-card[data-category]{border-top-width:2px}
  .pt-section-heading-home h2{font-size:56px}
  .pt-section-subtitle{font-size:12px!important}
  .pt-beginner-redesign{padding-top:58px}
  .pt-beginner-flow{margin-top:26px}
  .pt-beginner-intro{padding:25px}
  .pt-beginner-intro h3{font-size:36px}
  .pt-beginner-row{grid-template-columns:42px 1fr;padding:17px 16px;gap:14px}
  .pt-beginner-row-icon{width:38px;height:38px;border-radius:12px}
  .pt-guide .pt-wrap{width:min(100% - 28px,1280px)}
  .pt-guide .pt-guide-section{padding:58px 0}
  .pt-guide .pt-section-heading h2{font-size:48px}
}

