/* ClubeBari visual polish layer */
:root{
  --cb-gold:#d8b84f;
  --cb-gold-soft:#ffe191;
  --cb-green:#46d489;
  --cb-blue:#58a6ff;
  --cb-ink:#070706;
  --cb-panel:rgba(22,20,16,.86);
  --cb-line:rgba(255,244,214,.12);
  --cb-line-strong:rgba(216,184,79,.35);
  --cb-text:#fffaf0;
  --cb-muted:#b9af9a;
  --cb-radius:14px;
  --cb-shadow:0 24px 70px rgba(0,0,0,.42);
}

html{scroll-behavior:smooth;background:var(--cb-ink)}
body{
  color:var(--cb-text);
  background:
    linear-gradient(90deg,rgba(255,244,214,.025) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,244,214,.02) 1px,transparent 1px),
    linear-gradient(180deg,#0d0c09 0%,#070706 44%,#07100c 100%) !important;
  background-size:56px 56px,56px 56px,100% 100% !important;
  letter-spacing:0 !important;
}

body::selection{background:rgba(216,184,79,.32);color:#fff}

/* Public site */
nav#main-nav,
body > nav{
  top:12px !important;
  left:18px !important;
  right:18px !important;
  width:auto !important;
  border-radius:16px !important;
  border:1px solid rgba(255,244,214,.12) !important;
  background:rgba(10,10,8,.78) !important;
  box-shadow:0 18px 46px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.nav-logo-badge,
.auth-logo-badge,
.logo-badge,
.brand-mark{
  border-radius:10px !important;
  background:linear-gradient(145deg,rgba(255,225,145,.18),rgba(216,184,79,.08)) !important;
  border-color:rgba(216,184,79,.36) !important;
}

.nav-links a{
  position:relative;
  color:#c7bea8 !important;
}
.nav-links a:not(.nav-cta)::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-7px;
  height:2px;
  border-radius:4px;
  background:linear-gradient(90deg,var(--cb-gold),var(--cb-green));
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .2s ease;
}
.nav-links a:hover::after{transform:scaleX(1)}

.nav-cta,
.btn-primary,
.btn-submit,
.btn-auth,
.login-btn,
.export-btn,
.refresh-btn,
.t-btn{
  background:linear-gradient(135deg,var(--cb-gold-soft),var(--cb-gold)) !important;
  color:#090806 !important;
  border:0 !important;
  border-radius:11px !important;
  box-shadow:0 14px 34px rgba(216,184,79,.22) !important;
  transform:translateY(0);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease !important;
}
.nav-cta:hover,
.btn-primary:hover,
.btn-submit:hover,
.btn-auth:hover,
.login-btn:hover,
.export-btn:hover,
.refresh-btn:hover,
.t-btn:hover{
  transform:translateY(-2px) !important;
  filter:brightness(1.04);
  box-shadow:0 20px 46px rgba(216,184,79,.32) !important;
}

.hero{
  isolation:isolate;
}
.hero.has-photo .public-hero-image{
  opacity:.42 !important;
  filter:saturate(1.08) contrast(1.08) !important;
}
.hero.has-photo::after{
  background:
    linear-gradient(90deg,rgba(7,7,6,.95),rgba(7,7,6,.68) 48%,rgba(7,7,6,.9)),
    linear-gradient(180deg,rgba(7,7,6,.12),#070706 96%) !important;
}
.hero-title,
.section-title{
  text-wrap:balance;
  letter-spacing:.2px !important;
}
.hero-desc{
  max-width:680px;
  color:#c1b8a5 !important;
}

.hero-visual,
.plan-card,
.blog-card,
.team-card,
.test-card,
.info-card,
.social-card,
.featured-article,
.featured-test,
.rating-card,
.cta-section,
.card,
.faq-item,
.contact-form,
.form-card,
.success-card,
.table-card,
.stat-card{
  border-radius:var(--cb-radius) !important;
  border:1px solid var(--cb-line) !important;
  background:linear-gradient(180deg,rgba(28,26,21,.9),rgba(13,13,11,.84)) !important;
  box-shadow:0 18px 54px rgba(0,0,0,.34) !important;
}
.hero-visual:hover,
.plan-card:hover,
.blog-card:hover,
.team-card:hover,
.test-card:hover,
.info-card:hover,
.social-card:hover,
.featured-article:hover,
.featured-test:hover,
.rating-card:hover,
.faq-item:hover,
.table-card:hover,
.stat-card:hover{
  border-color:var(--cb-line-strong) !important;
  box-shadow:var(--cb-shadow),0 0 0 1px rgba(216,184,79,.08) !important;
}

input,
textarea,
select{
  border-radius:11px !important;
  border:1px solid rgba(255,244,214,.12) !important;
  background:rgba(0,0,0,.34) !important;
  color:var(--cb-text) !important;
}
input:focus,
textarea:focus,
select:focus{
  outline:none !important;
  border-color:rgba(216,184,79,.56) !important;
  box-shadow:0 0 0 3px rgba(216,184,79,.11) !important;
}

footer{
  background:rgba(5,5,4,.5) !important;
}

/* Platform auth */
#auth-overlay{
  background:
    linear-gradient(180deg,rgba(7,7,6,.74),rgba(7,7,6,.94)),
    url("og-image.jpg") center/cover no-repeat !important;
}
.auth-card{
  width:min(440px,calc(100vw - 32px)) !important;
  max-height:calc(100vh - 40px);
  overflow:auto;
  border-radius:18px !important;
  border:1px solid rgba(216,184,79,.32) !important;
  background:linear-gradient(180deg,rgba(24,22,18,.94),rgba(11,11,9,.94)) !important;
  box-shadow:0 28px 90px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.auth-card::-webkit-scrollbar{width:8px}
.auth-card::-webkit-scrollbar-thumb{background:rgba(216,184,79,.34);border-radius:999px}
.auth-tabs{
  background:rgba(0,0,0,.34) !important;
  border:1px solid rgba(255,244,214,.08) !important;
}
.auth-tab.on{
  background:linear-gradient(135deg,var(--cb-gold-soft),var(--cb-gold)) !important;
  color:#070706 !important;
}
.btn-google{
  background:rgba(255,255,255,.075) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:11px !important;
  color:#fff !important;
}
.btn-google:hover{
  background:rgba(255,255,255,.12) !important;
  border-color:rgba(216,184,79,.34) !important;
  transform:translateY(-1px);
}
.auth-title{letter-spacing:0 !important;text-wrap:balance}
.auth-sub{color:#aaa18f !important}

/* Platform app */
#app{
  gap:14px !important;
  padding:14px !important;
}
.sidebar{
  border-radius:18px !important;
  border:1px solid rgba(216,184,79,.24) !important;
  background:linear-gradient(180deg,rgba(24,22,18,.95),rgba(10,10,8,.92)) !important;
  box-shadow:0 20px 60px rgba(0,0,0,.38) !important;
}
.nav-item{
  border-radius:10px !important;
  border:1px solid transparent;
}
.nav-item:hover{
  border-color:rgba(255,244,214,.08);
}
.nav-item.on{
  border-color:rgba(216,184,79,.28) !important;
  background:linear-gradient(135deg,rgba(216,184,79,.2),rgba(70,212,137,.055)) !important;
  color:var(--cb-gold-soft) !important;
}
.main{
  border-radius:18px !important;
  border:1px solid rgba(255,244,214,.06);
  background:rgba(7,7,6,.38) !important;
}
.topbar{
  border-radius:18px 18px 0 0;
  background:rgba(16,15,12,.92) !important;
  border-bottom:1px solid rgba(216,184,79,.18) !important;
  box-shadow:0 16px 40px rgba(0,0,0,.25);
}
.topbar-search,
.topbar-btn{
  border-color:rgba(255,244,214,.1) !important;
  background:rgba(0,0,0,.28) !important;
}
.dash-hero{
  border-radius:16px !important;
  border:1px solid rgba(216,184,79,.22) !important;
  background:
    linear-gradient(135deg,rgba(216,184,79,.16),rgba(70,212,137,.06) 50%,rgba(88,166,255,.06)) !important;
  box-shadow:0 22px 64px rgba(0,0,0,.36) !important;
}
.post-card,
.qa-card,
.cs-card,
.phase-card,
.content-card,
.profile-card,
.new-post,
.pm-card,
.bari-today-card{
  border-radius:14px !important;
  border:1px solid rgba(255,244,214,.1) !important;
  background:linear-gradient(180deg,rgba(28,26,21,.9),rgba(14,14,12,.84)) !important;
  box-shadow:0 16px 48px rgba(0,0,0,.32) !important;
}
.post-card:hover,
.qa-card:hover,
.content-card:hover{
  border-color:rgba(216,184,79,.32) !important;
}

/* Admin */
#admin-app .sidebar{
  border-radius:0 !important;
}
.stat-card::before{
  background:linear-gradient(90deg,var(--cb-gold),var(--cb-green),var(--cb-blue)) !important;
  opacity:.9 !important;
}
table tr:hover td{
  background:rgba(216,184,79,.045);
}
.td-action-btn{
  min-width:32px;
  white-space:nowrap;
}

@media(max-width:900px){
  nav#main-nav,
  body > nav{
    left:10px !important;
    right:10px !important;
    top:10px !important;
    padding:11px 14px !important;
  }
  .hero{padding-top:118px !important}
  .hero-title{font-size:clamp(42px,13vw,64px) !important}
  .section-title{font-size:clamp(34px,10vw,48px) !important}
  footer{grid-template-columns:1fr !important;gap:28px !important}
  #app{padding:10px !important}
  .auth-card{max-height:calc(100vh - 24px)}
  .page-inner{padding:16px !important}
  .topbar{border-radius:16px !important}
}

/* Waitlist landing */
main:has(.waitlist){
  position:relative !important;
  z-index:1 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:24px !important;
  min-height:100vh !important;
  padding:clamp(26px,4vw,58px) 20px !important;
}

body:has(.waitlist)::before{
  z-index:0 !important;
  opacity:.18 !important;
}

.waitlist{
  position:relative !important;
  width:min(1160px,calc(100vw - 40px)) !important;
  grid-template-columns:1.03fr .97fr !important;
  overflow:hidden !important;
  border-radius:24px !important;
  border:1px solid rgba(216,184,79,.28) !important;
  background:linear-gradient(145deg,rgba(24,22,18,.97),rgba(7,7,6,.98)) !important;
  box-shadow:
    0 36px 110px rgba(0,0,0,.58),
    0 0 0 1px rgba(255,255,255,.035) inset !important;
  backdrop-filter:none !important;
}

.waitlist::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(216,184,79,.13),transparent 35%,rgba(70,212,137,.075)),
    linear-gradient(180deg,rgba(255,255,255,.035),transparent 28%);
  opacity:.9;
  z-index:0;
}

.waitlist > *{
  position:relative;
  z-index:1;
}

.brand-panel{
  min-height:620px !important;
  padding:46px !important;
  border-right:1px solid rgba(255,244,214,.1) !important;
  background:
    linear-gradient(135deg,rgba(33,28,14,.96),rgba(10,10,8,.94) 58%,rgba(6,18,12,.94)) !important;
}

.brand-panel::before{
  inset:auto -70px -120px auto !important;
  width:min(560px,88%) !important;
  height:360px !important;
  border-radius:28px !important;
  background:
    linear-gradient(180deg,rgba(7,7,6,.18),rgba(7,7,6,.88)),
    url("og-image.jpg") center/cover no-repeat !important;
  border:1px solid rgba(216,184,79,.18);
  box-shadow:0 30px 80px rgba(0,0,0,.4);
  opacity:.28 !important;
  transform:rotate(-5deg);
  mask-image:linear-gradient(90deg,transparent,black 18%,black 78%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,black 18%,black 78%,transparent);
}

.brand-panel::after{
  display:none !important;
}

.brand{
  padding:8px 0 !important;
}

.brand-mark{
  width:52px !important;
  height:52px !important;
  border-radius:13px !important;
  box-shadow:0 14px 32px rgba(0,0,0,.28);
}

.brand-name{
  font-size:30px !important;
  letter-spacing:2.4px !important;
}

.brand-copy{
  max-width:480px !important;
}

.eyebrow{
  margin-bottom:20px !important;
  padding:8px 15px !important;
  border-radius:999px !important;
  border-color:rgba(216,184,79,.42) !important;
  background:rgba(216,184,79,.12) !important;
  color:#ffe191 !important;
  font-size:11px !important;
  letter-spacing:1.6px !important;
}

.brand-copy h1{
  max-width:520px !important;
  font-size:clamp(70px,7.2vw,104px) !important;
  line-height:.87 !important;
  letter-spacing:.5px !important;
  text-shadow:0 18px 46px rgba(0,0,0,.45);
}

.brand-copy h1 span{
  color:#d8b84f !important;
}

.brand-copy p{
  max-width:430px !important;
  margin-top:24px !important;
  color:#d8cfbc !important;
  font-size:15px !important;
  line-height:1.75 !important;
}

.mini-proof{
  grid-template-columns:1fr 1fr !important;
  gap:12px !important;
  align-items:stretch !important;
}

.vagas-badge,
.proof-item{
  min-height:86px;
  padding:15px 16px !important;
  border-radius:15px !important;
  border:1px solid rgba(255,244,214,.13) !important;
  background:rgba(0,0,0,.22) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}

.vagas-badge{
  display:flex !important;
  justify-content:flex-start;
  color:#ffc7c7 !important;
  border-color:rgba(255,107,107,.28) !important;
}

.proof-divider{
  display:none !important;
}

.proof-num{
  color:#ffe191 !important;
  font-size:38px !important;
}

.proof-label{
  color:#b9af9a !important;
}

.form-panel{
  padding:50px 52px !important;
  background:linear-gradient(180deg,rgba(15,15,13,.98),rgba(9,9,8,.98)) !important;
}

.form-panel h2{
  max-width:430px !important;
  margin-bottom:10px !important;
  font-size:34px !important;
  letter-spacing:.1px !important;
  text-wrap:balance;
}

.form-panel > p{
  max-width:460px !important;
  margin-bottom:22px !important;
  color:#bbb19f !important;
  font-size:14px !important;
  line-height:1.7 !important;
}

.instant-proof{
  margin:0 0 18px;
  padding:15px 16px;
  border:1px solid rgba(216,184,79,.28);
  border-radius:15px;
  background:
    linear-gradient(135deg,rgba(216,184,79,.14),rgba(70,212,137,.055)),
    rgba(255,255,255,.035);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.instant-proof strong{
  display:block;
  color:#fffaf0;
  font-size:18px;
  font-weight:900;
  line-height:1.25;
}

.instant-proof span{
  display:block;
  margin-top:6px;
  color:#a89f8c;
  font-size:12px;
  font-weight:700;
  line-height:1.45;
}

.progress-wrap{
  margin-bottom:18px !important;
  padding:14px !important;
  border:1px solid rgba(255,244,214,.1) !important;
  border-radius:15px !important;
  background:rgba(255,255,255,.035) !important;
}

.progress-header{
  margin-bottom:2px;
}

.progress-bar{
  height:8px !important;
  background:rgba(255,255,255,.08) !important;
}

.progress-fill{
  background:linear-gradient(90deg,#d8b84f,#ffe191,#46d489) !important;
}

#waitlist-form{
  gap:14px !important;
}

.field-grid{
  gap:14px !important;
}

.form-panel label{
  gap:8px !important;
  color:#dfd6c4 !important;
  letter-spacing:.7px !important;
}

.form-panel input,
.form-panel select{
  min-height:54px !important;
  border-radius:13px !important;
  border-color:rgba(255,244,214,.12) !important;
  background:rgba(5,5,4,.58) !important;
  color:#fffaf0 !important;
}

.form-panel input::placeholder{
  color:#6d6658 !important;
}

.form-panel input:focus,
.form-panel select:focus{
  border-color:rgba(216,184,79,.62) !important;
  box-shadow:0 0 0 4px rgba(216,184,79,.13) !important;
}

.btn-submit,
.btn-wa{
  min-height:58px !important;
  border-radius:14px !important;
}

.btn-wa{
  background:linear-gradient(135deg,#0f8f51,#28d871) !important;
  box-shadow:0 16px 38px rgba(37,211,102,.18) !important;
}

.btn-wa-icon{
  display:grid !important;
  width:24px !important;
  height:24px !important;
  place-items:center !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.18) !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:0 !important;
}

.or-divider{
  color:#817866 !important;
}

.terms{
  max-width:470px;
  color:#817866 !important;
}

.proof-strip,
.landing-section{
  width:min(1160px,calc(100vw - 40px));
}

.proof-strip{
  display:grid;
  grid-template-columns:repeat(3,1fr) auto;
  align-items:stretch;
  gap:12px;
  margin-top:4px;
}

.proof-strip-item,
.proof-strip-link{
  min-height:88px;
  border:1px solid rgba(255,244,214,.1);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(25,23,18,.84),rgba(11,11,9,.82));
  box-shadow:0 18px 54px rgba(0,0,0,.28);
}

.proof-strip-item{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:18px;
}

.proof-strip-item span{
  font-family:"Bebas Neue",Impact,sans-serif;
  color:#ffe191;
  font-size:42px;
  line-height:.9;
}

.proof-strip-item small{
  margin-top:8px;
  color:#aca28f;
  font-size:12px;
  font-weight:700;
}

.proof-strip-link{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:180px;
  padding:0 22px;
  color:#090806;
  background:linear-gradient(135deg,#ffe191,#d8b84f);
  text-decoration:none;
  text-transform:uppercase;
  font-size:12px;
  font-weight:900;
  letter-spacing:.5px;
}

.landing-section{
  position:relative;
  overflow:hidden;
  margin-top:10px;
  padding:42px;
  border:1px solid rgba(216,184,79,.2);
  border-radius:24px;
  background:
    linear-gradient(180deg,rgba(21,20,16,.9),rgba(9,9,8,.92)),
    linear-gradient(90deg,rgba(216,184,79,.08),transparent);
  box-shadow:0 30px 90px rgba(0,0,0,.4);
}

.landing-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,244,214,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,244,214,.03) 1px,transparent 1px);
  background-size:42px 42px;
  opacity:.22;
}

.landing-section > *{
  position:relative;
  z-index:1;
}

.section-heading{
  max-width:720px;
  margin-bottom:26px;
}

.section-heading.compact{
  max-width:620px;
}

.section-kicker{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  margin-bottom:14px;
  padding:7px 13px;
  border:1px solid rgba(216,184,79,.35);
  border-radius:999px;
  background:rgba(216,184,79,.11);
  color:#ffe191;
  font-size:11px;
  font-weight:900;
  letter-spacing:1.4px;
  text-transform:uppercase;
}

.section-heading h2{
  margin:0;
  max-width:760px;
  color:#fffaf0;
  font-size:clamp(30px,4vw,50px);
  line-height:1.04;
  letter-spacing:0;
  text-wrap:balance;
}

.section-heading p{
  margin:14px 0 0;
  max-width:680px;
  color:#b9af9a;
  font-size:15px;
  line-height:1.75;
}

.social-grid{
  display:grid;
  grid-template-columns:1.12fr .94fr .94fr;
  gap:16px;
}

.story-card{
  display:flex;
  flex-direction:column;
  min-height:270px;
  padding:24px;
  border:1px solid rgba(255,244,214,.1);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(30,28,22,.92),rgba(12,12,10,.9));
  box-shadow:0 20px 60px rgba(0,0,0,.32);
}

.story-card-featured{
  border-color:rgba(216,184,79,.36);
  background:linear-gradient(160deg,rgba(216,184,79,.2),rgba(30,28,22,.92) 42%,rgba(12,12,10,.9));
}

.story-tag{
  width:max-content;
  max-width:100%;
  margin-bottom:18px;
  padding:7px 10px;
  border:1px solid rgba(255,244,214,.12);
  border-radius:999px;
  color:#d8cfbc;
  background:rgba(255,255,255,.04);
  font-size:10px;
  font-weight:900;
  letter-spacing:.8px;
  text-transform:uppercase;
}

.story-card blockquote{
  margin:0;
  color:#fffaf0;
  font-size:clamp(20px,2.6vw,34px);
  font-weight:900;
  line-height:1.18;
  text-wrap:balance;
}

.story-card:not(.story-card-featured) blockquote{
  font-size:22px;
}

.story-card p{
  margin:16px 0 0;
  color:#b2a895;
  font-size:13px;
  line-height:1.7;
}

.story-author{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:auto;
  padding-top:22px;
}

.story-author span{
  display:grid;
  width:44px;
  height:44px;
  place-items:center;
  border-radius:50%;
  color:#080806;
  background:linear-gradient(135deg,#ffe191,#d8b84f);
  font-weight:900;
}

.story-author strong,
.story-author small{
  display:block;
}

.story-author strong{
  color:#fffaf0;
  font-size:13px;
}

.story-author small{
  margin-top:3px;
  color:#8f8674;
  font-size:11px;
}

.transformation-grid{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:16px;
}

.before-after-card,
.community-print-card{
  min-height:380px;
  padding:24px;
  border:1px solid rgba(255,244,214,.1);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(30,28,22,.88),rgba(12,12,10,.92));
  box-shadow:0 20px 60px rgba(0,0,0,.32);
}

.before-after-visual{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  min-height:230px;
  margin-bottom:20px;
}

.before-after-visual div{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:18px;
  border:1px solid rgba(255,244,214,.1);
  border-radius:16px;
  background:
    linear-gradient(180deg,transparent,rgba(0,0,0,.54)),
    linear-gradient(135deg,rgba(255,244,214,.05),rgba(216,184,79,.08));
}

.before-after-visual div:last-child{
  border-color:rgba(70,212,137,.22);
  background:
    linear-gradient(180deg,transparent,rgba(0,0,0,.5)),
    linear-gradient(135deg,rgba(70,212,137,.12),rgba(216,184,79,.1));
}

.before-after-visual span{
  color:#9f9582;
  font-size:11px;
  font-weight:900;
  letter-spacing:1px;
  text-transform:uppercase;
}

.before-after-visual strong{
  margin-top:6px;
  color:#fffaf0;
  font-size:20px;
  line-height:1.15;
}

.before-after-card h3,
.community-print-card h3{
  margin:0 0 8px;
  color:#fffaf0;
  font-size:22px;
}

.before-after-card p,
.community-print-card p{
  margin:0;
  color:#b2a895;
  font-size:13px;
  line-height:1.7;
}

.phone-frame{
  width:min(330px,100%);
  min-height:250px;
  margin:0 auto 20px;
  padding:18px;
  border:1px solid rgba(216,184,79,.24);
  border-radius:26px;
  background:linear-gradient(180deg,#151410,#090908);
  box-shadow:0 24px 70px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.05);
}

.phone-top{
  width:72px;
  height:6px;
  margin:0 auto 20px;
  border-radius:999px;
  background:rgba(255,244,214,.16);
}

.chat-bubble{
  max-width:82%;
  margin:10px 0;
  padding:11px 13px;
  border-radius:14px;
  color:#fffaf0;
  font-size:12px;
  font-weight:700;
  line-height:1.45;
}

.chat-bubble.left{
  background:rgba(255,255,255,.07);
  border-top-left-radius:5px;
}

.chat-bubble.right{
  margin-left:auto;
  color:#080806;
  background:linear-gradient(135deg,#ffe191,#d8b84f);
  border-top-right-radius:5px;
}

@media(max-width:920px){
  main:has(.waitlist){
    padding:16px !important;
    gap:18px !important;
  }
  .waitlist{
    width:min(100%,680px) !important;
    grid-template-columns:1fr !important;
    border-radius:22px !important;
  }
  .brand-panel{
    min-height:auto !important;
    gap:34px !important;
    padding:34px !important;
    border-right:0 !important;
    border-bottom:1px solid rgba(255,244,214,.1) !important;
  }
  .brand-panel::before{
    width:360px !important;
    height:260px !important;
    opacity:.18 !important;
  }
  .brand-copy h1{
    font-size:clamp(58px,16vw,78px) !important;
  }
  .form-panel{
    padding:34px !important;
  }
  .form-panel h2{
    font-size:28px !important;
  }
  .proof-strip,
  .landing-section{
    width:min(100%,680px);
  }
  .proof-strip,
  .social-grid,
  .transformation-grid{
    grid-template-columns:1fr !important;
  }
  .proof-strip-link{
    min-height:58px;
  }
  .landing-section{
    padding:30px 24px;
  }
}

@media(max-width:560px){
  .waitlist{
    width:100% !important;
  }
  .brand-panel,
  .form-panel{
    padding:26px 22px !important;
  }
  .brand-name{
    font-size:25px !important;
  }
  .brand-mark{
    width:46px !important;
    height:46px !important;
  }
  .brand-copy h1{
    font-size:52px !important;
  }
  .mini-proof{
    grid-template-columns:1fr !important;
  }
  .field-grid{
    grid-template-columns:1fr !important;
  }
  .proof-strip{
    width:100%;
  }
  .landing-section{
    width:100%;
    padding:26px 20px;
    border-radius:20px;
  }
  .section-heading h2{
    font-size:30px;
  }
  .before-after-visual{
    grid-template-columns:1fr;
  }
}