:root { --ink:#172B26; --ink-soft:#45564F; --muted:#63736D; --bg:#FFFFFF; --line:#E1E8E4; --line-soft:#F4F7F5; --pri:#155C46; --pri-hover:#104633; --pri-soft:#ECF5EF; --pri-ink:#155C46; --gold:#BC663E; --gold-soft:#FFF2EB; }
.brand-logo { display:block; width:180px; height:auto!important; max-width:100%; object-fit:contain; aspect-ratio:1357/319; }
.brand-link { display:inline-flex; flex:none; text-decoration:none; align-items:center; }
/* Hosting's promotional builder panel is not part of BetterYet navigation. */
#nl-badge-frame{display:none!important}
.brand-link:focus-visible { outline:2px solid var(--pri); outline-offset:5px; border-radius:8px; }
.topbar { background:var(--bg); gap:18px; height:76px; }
.topbar .brand-logo { width:164px; }
.send-cta { background:var(--pri); box-shadow:none; border-radius:10px; }
.send-cta:hover { background:var(--pri-hover); }
.card { border-radius:18px; box-shadow:0 2px 3px #202e2804,0 8px 26px #202e2807; }
.demo-banner { padding:8px 20px; font-size:12px; background:#EAF0DF; color:#234D3D; }
.demo-banner a { color:inherit; font-weight:700; margin-left:8px; }
#payOv { z-index:100; }
.beta-tag { display:inline-block; padding:5px 10px; border:1px solid var(--line); background:#fff9; color:var(--pri); border-radius:99px; font-size:12px; font-weight:600; letter-spacing:.03em; margin-bottom:20px; }
.hero h1 { font-size:clamp(40px,5vw,64px); letter-spacing:-.045em; line-height:1.06; }
.hero h1 em { color:var(--pri); font-weight:500; font-family:Georgia,serif; }
.hero .sub { font-size:18px; line-height:1.7; }
.chat { transform:rotate(1.5deg); box-shadow:0 12px 55px #234d3d10; padding:30px 24px; }
.chat-label { color:var(--muted); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; margin-bottom:8px; }
.req-card { background:var(--pri-soft); border-color:var(--line); }
.req-card .top { color:var(--pri); }
.mini-brand-mark { width:23px; height:23px; }
.form-note { font-size:12px; color:var(--muted); max-width:430px; }
.waitlist-success { padding:60px 0; }
.btn, .big-btn { transition:background .15s ease,transform .15s ease; }
.btn:hover { transform:translateY(-1px); }
.btn:focus-visible, a:focus-visible { outline:2px solid var(--pri); outline-offset:4px; }
@media(max-width:1050px) { .topbar { gap:10px; padding:0 18px; } .topbar .brand-logo { width:140px; } .topbar .tab { padding:8px 10px; } }
@media(max-width:600px) { .brand-logo { width:148px; } nav .links { gap:12px; } nav .links>a:not(.btn) { display:none; } .topbar { height:68px; padding:0 12px; gap:8px; } .topbar .brand-logo { width:128px; } .topbar .send-cta { padding:9px 12px; font-size:13px; } #palBtn { display:none; } .chat { transform:none; } .hero { padding-top:35px; } form.waitlist { flex-wrap:wrap; } form.waitlist input { min-width:0; flex-basis:220px; } .prof-head { flex-wrap:wrap; } .prof-stats { margin-left:0; } }