/* Terracotta accent */
.navlinks a.active{color:var(--terracotta-glow)}
.eyebrow{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.42em;text-transform:uppercase;color:var(--terracotta-glow);margin-bottom:24px;animation:fade-in 1s ease-out .4s both}
h1 em{font-style:italic;color:var(--terracotta-glow);animation:glow-text 4.5s ease-in-out infinite}
.btn-primary{background:linear-gradient(135deg,var(--terracotta),var(--terracotta-glow));color:#fff;box-shadow:0 10px 30px rgba(212,104,48,.32)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(212,104,48,.5)}
.step .num{color:var(--terracotta-glow)}
.card .ic{background:rgba(212,104,48,.12);border:1px solid rgba(212,104,48,.3)}
.card h3.card-stat{color:var(--terracotta-glow)}
.card-after{border-color:rgba(212,104,48,.4);background:linear-gradient(180deg,rgba(212,104,48,.08),rgba(212,104,48,.03))}
.card-after h3{color:var(--terracotta-glow)}
.cta .note a{color:var(--terracotta-glow)}
:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--terracotta-glow);outline-offset:3px;border-radius:8px}
.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:var(--terracotta-glow);color:#1a1208;padding:12px 18px;border-radius:0 0 10px 0;font-family:'Manrope',sans-serif;font-weight:700;text-decoration:none}
.skip-link:focus{left:0}
.comfort-invite .pulse-dot{background:var(--terracotta-glow);box-shadow:0 0 10px var(--terracotta-glow)}
.seg button[aria-pressed="true"]{background:var(--terracotta-glow);color:#1a1208;border-color:var(--terracotta-glow)}

/* Mosaic hero */
.hero{position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(88vh,auto);overflow:hidden;background:radial-gradient(120% 120% at 50% 35%, #1A1510 0%, #0E0B08 55%, #0A0806 100%)}
.tilefield{position:absolute;inset:0;z-index:0;display:flex;flex-wrap:wrap;align-content:flex-start;gap:2px;padding:2px;overflow:hidden;animation:fade-in 1.4s ease both}
.tilefield span{flex:none;width:46px;height:46px;border-radius:2px}
.veil{grid-area:1/1;z-index:2;pointer-events:none;
  background:
    radial-gradient(72% 66% at 50% 44%, rgba(10,8,6,.66) 0%, rgba(10,8,6,.32) 46%, rgba(10,8,6,0) 80%),
    linear-gradient(180deg, rgba(10,8,6,.28) 0%, rgba(10,8,6,0) 24%, rgba(10,8,6,0) 72%, rgba(10,8,6,.55) 100%);}
.hero-inner{grid-area:1/1;z-index:5;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:140px 28px 90px}
.subhero .wm{font-family:'Libre Baskerville',serif;font-weight:700;color:var(--white)}

/* Join modal */
.panel .clabel{display:block;font-size:13px;font-weight:600;color:var(--cream-dim);margin-bottom:7px;letter-spacing:.02em}
.join-input{width:100%;padding:12px 14px;border-radius:9px;border:1px solid var(--border);background:rgba(237,228,212,.05);color:var(--cream);font-family:'Manrope',sans-serif;font-size:15px}
.join-input:focus{border-color:var(--terracotta-glow);outline:none}
.join-err{min-height:18px;font-size:13px;color:var(--terracotta-glow);margin:7px 0 4px}
.join-submit{width:100%;justify-content:center}
#joinDone .join-submit{margin-top:14px}
.uc-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:40px}
.uc-tab{font-family:'Manrope',sans-serif;font-size:15px;font-weight:600;color:var(--cream-dim);background:rgba(237,228,212,.04);border:1px solid var(--border);border-radius:999px;padding:10px 22px;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}
.uc-tab:hover{border-color:var(--cream-muted);color:var(--cream);transform:translateY(-1px)}
.uc-tab.active{background:linear-gradient(135deg,var(--terracotta),var(--terracotta-glow));color:#fff;border-color:transparent;box-shadow:0 8px 22px rgba(212,104,48,.3)}
.uc-panel{display:none}
.uc-panel.active{display:block;animation:fade-in .4s ease both}
.cards.cards-flex{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.callout{max-width:760px;margin:0 auto 48px;background:linear-gradient(180deg,rgba(212,104,48,.08),rgba(212,104,48,.03));border:1px solid rgba(212,104,48,.28);border-radius:16px;padding:24px 30px;text-align:center}
.callout p{font-size:17px;color:var(--cream-dim);line-height:1.65;margin:0}
.callout b{color:var(--white);font-weight:600}