:root{
  --navy:#07172f;
  --navy2:#0b2144;
  --gold:#cfa85d;
  --gold2:#f3d894;
  --blush:#f7dfd8;
  --rose:#b8736d;
  --cream:#fff8ee;
  --ivory:#fffdf8;
  --ink:#172033;
  --muted:#69758b;
  --emerald:#236a5b;
  --danger:#8d2831;
  --blue:#245b9f;
  --shadow:0 24px 80px rgba(7,23,47,.16);
  --soft-shadow:0 12px 40px rgba(7,23,47,.10);
  --radius:28px;
  --radius2:18px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color:var(--ink);
  background:
    radial-gradient(circle at top left, rgba(247,223,216,.86), transparent 30rem),
    radial-gradient(circle at 86% 12%, rgba(207,168,93,.20), transparent 24rem),
    linear-gradient(180deg,#fffdf8 0%,#fff8ee 48%,#ffffff 100%);
  min-height:100vh;
  overflow-x:hidden;
}
body::before{
  content:"HAH";
  position:fixed;
  inset:auto -4rem 3rem auto;
  font-family:Georgia, serif;
  font-size:18rem;
  color:rgba(207,168,93,.045);
  letter-spacing:-.1em;
  z-index:-1;
  font-weight:900;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
.skip-link{position:absolute;left:-999px;top:auto;background:#fff;padding:.8rem 1rem;border-radius:12px;z-index:999}
.skip-link:focus{left:1rem;top:1rem}
.topbar{
  position:sticky;top:0;z-index:50;
  background:rgba(7,23,47,.92);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(243,216,148,.28);
  color:white;
}
.nav{
  max-width:var(--max);
  margin:auto;
  min-height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:0 1.25rem;
}
.brand{
  display:flex;align-items:center;gap:.85rem;min-width:220px;
}
.crest{
  width:48px;height:48px;border-radius:50%;
  background:
    linear-gradient(135deg,rgba(243,216,148,.96),rgba(207,168,93,.76)),
    radial-gradient(circle at 35% 20%,#fff,transparent 35%);
  color:var(--navy);
  display:grid;place-items:center;
  font-family:Georgia,serif;font-weight:900;font-size:1.1rem;
  box-shadow:0 0 0 6px rgba(207,168,93,.10),0 12px 30px rgba(0,0,0,.24);
}
.brand-text strong{display:block;color:var(--gold2);letter-spacing:.03em}
.brand-text span{display:block;font-size:.78rem;color:rgba(255,255,255,.72)}
.navlinks{
  display:flex;align-items:center;justify-content:center;gap:.25rem;flex-wrap:wrap;
}
.navlinks a{
  position:relative;
  padding:.7rem .82rem;
  border-radius:999px;
  font-size:.91rem;
  color:rgba(255,255,255,.84);
  overflow:hidden;
}
.navlinks a::before{
  content:"";
  position:absolute;inset:0;
  transform:translateX(-105%);
  background:linear-gradient(90deg,transparent,rgba(243,216,148,.18),transparent);
  transition:.45s ease;
}
.navlinks a:hover::before{transform:translateX(105%)}
.navlinks a:hover,.navlinks a.active{background:rgba(255,255,255,.08);color:white}
.nav-actions{display:flex;gap:.65rem;align-items:center}
.menu-btn{display:none}
.btn{
  border:0;
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  border-radius:999px;
  padding:.86rem 1.08rem;
  font-weight:800;
  letter-spacing:.01em;
  cursor:pointer;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
  text-align:center;
}
.btn:hover{transform:translateY(-2px)}
.btn-primary{
  color:#09162d;
  background:linear-gradient(135deg,var(--gold2),var(--gold));
  box-shadow:0 16px 36px rgba(207,168,93,.28);
}
.btn-primary:hover{box-shadow:0 20px 44px rgba(207,168,93,.40)}
.btn-navy{
  color:#fff;
  background:linear-gradient(135deg,var(--navy2),var(--navy));
  box-shadow:0 16px 36px rgba(7,23,47,.25);
}
.btn-ghost{
  color:var(--navy);
  background:rgba(255,255,255,.72);
  border:1px solid rgba(207,168,93,.26);
  box-shadow:0 10px 28px rgba(7,23,47,.08);
}
main{position:relative}
.section{padding:5.2rem 1.25rem}
.section.compact{padding:3.2rem 1.25rem}
.wrap{max-width:var(--max);margin:auto}
.hero{
  padding:5.5rem 1.25rem 3.2rem;
  min-height:calc(100vh - 76px);
  display:flex;align-items:center;
}
.hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
  gap:3rem;
  align-items:center;
}
.kicker{
  display:inline-flex;align-items:center;gap:.5rem;
  color:var(--navy);
  background:rgba(255,255,255,.75);
  border:1px solid rgba(207,168,93,.26);
  padding:.55rem .82rem;
  border-radius:999px;
  font-weight:800;
  font-size:.82rem;
  box-shadow:0 12px 30px rgba(7,23,47,.07);
}
.kicker .dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px rgba(207,168,93,.14)}
h1,h2,h3{
  font-family:Georgia, "Times New Roman", serif;
  color:var(--navy);
  margin:0;
  line-height:1.02;
}
h1{
  font-size:clamp(3rem,7vw,6.8rem);
  letter-spacing:-.07em;
  margin:.9rem 0 1rem;
}
h2{
  font-size:clamp(2.25rem,4.6vw,4.7rem);
  letter-spacing:-.055em;
  margin-bottom:1rem;
}
h3{font-size:1.55rem;letter-spacing:-.03em}
.lead{
  font-size:1.18rem;
  color:#455268;
  line-height:1.75;
  max-width:760px;
}
.hero-actions{display:flex;gap:.9rem;flex-wrap:wrap;margin:1.8rem 0}
.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;margin-top:2rem}
.trust-pill{
  background:rgba(255,255,255,.70);
  border:1px solid rgba(207,168,93,.23);
  border-radius:18px;
  padding:1rem;
  box-shadow:var(--soft-shadow);
}
.trust-pill b{display:block;color:var(--navy);font-size:1.28rem}
.trust-pill span{font-size:.82rem;color:var(--muted);line-height:1.45}
.hero-card{
  position:relative;
  min-height:620px;
  border-radius:42px;
  overflow:hidden;
  background:
    radial-gradient(circle at 30% 10%,rgba(243,216,148,.48),transparent 16rem),
    linear-gradient(150deg,#102951,#07172f 58%,#3a2632);
  box-shadow:0 35px 110px rgba(7,23,47,.28);
  border:1px solid rgba(243,216,148,.26);
  padding:1.35rem;
}
.hero-card::before{
  content:"";
  position:absolute;inset:1rem;
  border:1px solid rgba(243,216,148,.24);
  border-radius:34px;
  pointer-events:none;
}
.hero-card::after{
  content:"";
  position:absolute;
  width:34rem;height:34rem;border-radius:50%;
  background:radial-gradient(circle,rgba(247,223,216,.24),transparent 65%);
  bottom:-13rem;right:-10rem;
}
.arch{
  position:absolute;
  inset:4.8rem 2.3rem 6.8rem;
  border-radius:18rem 18rem 2rem 2rem;
  border:1px solid rgba(243,216,148,.38);
  background:
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.03)),
    radial-gradient(circle at 50% 24%,rgba(243,216,148,.20),transparent 12rem);
  overflow:hidden;
}
.arch::before{
  content:"";
  position:absolute;inset:1.3rem;
  border-radius:16rem 16rem 1.4rem 1.4rem;
  border:1px solid rgba(255,255,255,.16);
}
.arch-content{
  position:absolute;inset:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:2rem;
  color:white;
}
.floating-card{
  position:absolute;
  z-index:2;
  background:rgba(255,255,255,.91);
  backdrop-filter:blur(18px);
  border:1px solid rgba(243,216,148,.35);
  border-radius:24px;
  padding:1rem;
  box-shadow:0 22px 60px rgba(0,0,0,.18);
  color:var(--ink);
  animation:floaty 6s ease-in-out infinite;
}
.fc1{left:1.35rem;top:1.35rem;width:230px}
.fc2{right:1.35rem;bottom:1.35rem;width:245px;animation-delay:-2s}
.fc3{left:2.1rem;bottom:2rem;width:215px;animation-delay:-3.4s}
@keyframes floaty{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-12px)}
}
.mini-label{font-size:.74rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-weight:900}
.mini-value{font-weight:900;color:var(--navy);font-size:1.25rem;margin-top:.2rem}
.status{display:inline-flex;gap:.4rem;align-items:center;border-radius:999px;padding:.38rem .58rem;font-size:.77rem;font-weight:900}
.status.blue{background:rgba(36,91,159,.12);color:var(--blue)}
.status.red{background:rgba(141,40,49,.12);color:var(--danger)}
.status.gold{background:rgba(207,168,93,.18);color:#73541f}
.section-title{
  display:flex;align-items:end;justify-content:space-between;gap:1.5rem;margin-bottom:2rem;
}
.section-title p{max-width:640px;color:var(--muted);line-height:1.7;margin:0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.card{
  position:relative;
  background:rgba(255,255,255,.76);
  backdrop-filter:blur(16px);
  border:1px solid rgba(207,168,93,.22);
  border-radius:var(--radius);
  padding:1.35rem;
  box-shadow:var(--soft-shadow);
  overflow:hidden;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.card::before{
  content:"";
  position:absolute;top:0;left:1.4rem;right:1.4rem;height:4px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  opacity:.75;
}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:rgba(207,168,93,.40)}
.icon{
  width:50px;height:50px;border-radius:18px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,rgba(207,168,93,.20),rgba(247,223,216,.66));
  color:var(--navy);
  font-size:1.35rem;
  margin-bottom:1rem;
}
.card p{color:var(--muted);line-height:1.65;margin:.75rem 0 0}
.card ul{padding-left:1.1rem;color:var(--muted);line-height:1.7;margin:.8rem 0 0}
.banner{
  border-radius:36px;
  background:
    linear-gradient(135deg,rgba(7,23,47,.96),rgba(11,33,68,.94)),
    radial-gradient(circle at 80% 20%,rgba(207,168,93,.22),transparent 22rem);
  color:white;
  padding:2rem;
  box-shadow:0 26px 80px rgba(7,23,47,.25);
  border:1px solid rgba(243,216,148,.28);
  overflow:hidden;
  position:relative;
}
.banner::after{
  content:"";
  position:absolute;
  width:17rem;height:17rem;border-radius:50%;
  background:radial-gradient(circle,rgba(247,223,216,.18),transparent 64%);
  right:-5rem;bottom:-7rem;
}
.banner h2,.banner h3{color:var(--gold2)}
.banner p{color:rgba(255,255,255,.78);line-height:1.75}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem;align-items:start}
.steps{display:grid;gap:1rem}
.step{
  display:grid;grid-template-columns:auto 1fr;gap:1rem;
  padding:1.1rem;
  border-radius:24px;
  background:rgba(255,255,255,.75);
  border:1px solid rgba(207,168,93,.22);
  box-shadow:var(--soft-shadow);
}
.step-num{
  width:42px;height:42px;border-radius:50%;
  background:linear-gradient(135deg,var(--gold2),var(--gold));
  color:var(--navy);
  display:grid;place-items:center;
  font-weight:950;
}
.step strong{display:block;color:var(--navy);margin:.2rem 0}
.step span{display:block;color:var(--muted);line-height:1.6}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;align-items:stretch}
.price-card{
  background:rgba(255,255,255,.82);
  border:1px solid rgba(207,168,93,.25);
  border-radius:30px;
  padding:1.5rem;
  box-shadow:var(--soft-shadow);
  position:relative;
  overflow:hidden;
}
.price-card.featured{
  transform:scale(1.025);
  background:linear-gradient(180deg,#fff,#fff8ee);
  border-color:rgba(207,168,93,.48);
  box-shadow:0 26px 85px rgba(207,168,93,.22);
}
.price-tag{
  font-family:Georgia,serif;
  font-size:2.3rem;
  color:var(--navy);
  margin:.75rem 0 .25rem;
  font-weight:900;
  letter-spacing:-.04em;
}
.price-card p,.price-card li{color:var(--muted);line-height:1.65}
.price-card ul{padding-left:1.15rem}
.form-shell{
  background:rgba(255,255,255,.82);
  border:1px solid rgba(207,168,93,.25);
  border-radius:34px;
  padding:1.4rem;
  box-shadow:var(--shadow);
}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.field{display:flex;flex-direction:column;gap:.45rem}
.field.full{grid-column:1/-1}
label{font-weight:850;color:var(--navy);font-size:.92rem}
input,select,textarea{
  width:100%;
  border:1px solid rgba(7,23,47,.14);
  background:rgba(255,255,255,.88);
  border-radius:16px;
  padding:.95rem 1rem;
  color:var(--ink);
  outline:none;
  transition:.2s ease;
}
textarea{min-height:132px;resize:vertical}
input:focus,select:focus,textarea:focus{
  border-color:rgba(207,168,93,.72);
  box-shadow:0 0 0 5px rgba(207,168,93,.14);
}
.result-box{
  margin-top:1rem;
  padding:1.1rem;
  border-radius:22px;
  background:linear-gradient(135deg,rgba(7,23,47,.96),rgba(11,33,68,.94));
  color:white;
  display:none;
}
.result-box.show{display:block}
.result-box h3{color:var(--gold2)}
.result-box p,.result-box li{color:rgba(255,255,255,.78);line-height:1.65}
.footer{
  background:var(--navy);
  color:white;
  padding:3.5rem 1.25rem 1.5rem;
  border-top:1px solid rgba(243,216,148,.22);
}
.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:1.4rem}
.footer h3{color:var(--gold2)}
.footer p,.footer a,.footer li{color:rgba(255,255,255,.72);line-height:1.7}
.footer ul{list-style:none;margin:0;padding:0}
.footer a:hover{color:white}
.legal-lock{
  margin-top:2rem;
  padding:1rem;
  border-radius:22px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(243,216,148,.18);
  color:rgba(255,255,255,.74);
  font-size:.92rem;
}
.copyright{
  margin-top:1.5rem;
  padding-top:1.2rem;
  border-top:1px solid rgba(255,255,255,.1);
  color:rgba(255,255,255,.56);
  font-size:.88rem;
  display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;
}
.page-hero{
  padding:4.5rem 1.25rem 2.5rem;
}
.page-hero-inner{
  border-radius:40px;
  padding:3rem;
  background:
    linear-gradient(135deg,rgba(7,23,47,.96),rgba(11,33,68,.94)),
    radial-gradient(circle at 80% 0%,rgba(207,168,93,.22),transparent 26rem);
  color:white;
  border:1px solid rgba(243,216,148,.26);
  box-shadow:var(--shadow);
  overflow:hidden;
  position:relative;
}
.page-hero-inner h1{color:var(--gold2);font-size:clamp(2.6rem,6vw,5.7rem)}
.page-hero-inner p{color:rgba(255,255,255,.76);line-height:1.75;max-width:760px;font-size:1.1rem}
.badges{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.3rem}
.badge{
  display:inline-flex;align-items:center;gap:.4rem;
  padding:.54rem .75rem;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(243,216,148,.20);
  color:rgba(255,255,255,.82);
  font-weight:850;
  font-size:.84rem;
}
.table-wrap{
  background:rgba(255,255,255,.82);
  border:1px solid rgba(207,168,93,.22);
  border-radius:28px;
  overflow:auto;
  box-shadow:var(--soft-shadow);
}
table{width:100%;border-collapse:collapse;min-width:760px}
th,td{padding:1rem;text-align:left;border-bottom:1px solid rgba(7,23,47,.08);vertical-align:top}
th{background:rgba(207,168,93,.14);color:var(--navy);font-size:.88rem;text-transform:uppercase;letter-spacing:.08em}
td{color:#4d5a70;line-height:1.55}
.portal-card{
  min-height:360px;
  display:grid;
  place-items:center;
  text-align:center;
  background:
    radial-gradient(circle at top,rgba(207,168,93,.20),transparent 18rem),
    linear-gradient(145deg,#0b2144,#07172f);
  border-radius:36px;
  border:1px solid rgba(243,216,148,.28);
  box-shadow:var(--shadow);
  color:white;
  padding:2rem;
}
.portal-card h2{color:var(--gold2)}
.portal-card p{color:rgba(255,255,255,.72);line-height:1.7}
.notice{
  border-left:5px solid var(--gold);
  background:rgba(255,255,255,.78);
  border-radius:20px;
  padding:1rem;
  color:var(--muted);
  box-shadow:var(--soft-shadow);
}
.fade-up{opacity:0;transform:translateY(18px);transition:opacity .7s ease, transform .7s ease}
.fade-up.in-view{opacity:1;transform:translateY(0)}
@media (max-width:980px){
  .hero-grid,.two-col{grid-template-columns:1fr}
  .hero{padding-top:3.2rem}
  .hero-card{min-height:560px;order:-1}
  .cards,.pricing-grid{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .navlinks{
    display:none;
    position:absolute;left:1rem;right:1rem;top:82px;
    background:rgba(7,23,47,.98);
    border:1px solid rgba(243,216,148,.22);
    border-radius:26px;
    padding:1rem;
    box-shadow:var(--shadow);
    flex-direction:column;align-items:stretch;
  }
  .navlinks.open{display:flex}
  .navlinks a{padding:1rem}
  .menu-btn{display:inline-flex}
  .brand-text span{display:none}
}
@media (max-width:720px){
  .nav{padding:0 .9rem}
  .brand{min-width:auto}
  .brand-text strong{font-size:.92rem}
  .hero-card{min-height:520px}
  .fc1,.fc2,.fc3{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;margin:.7rem;animation:none}
  .arch{inset:8.2rem 1.2rem 8.2rem}
  .cards,.pricing-grid,.trust-row,.form-grid,.footer-grid{grid-template-columns:1fr}
  .section{padding:3.4rem 1rem}
  .page-hero-inner{padding:2rem 1.25rem;border-radius:30px}
  .nav-actions .btn-primary{display:none}
  h1{font-size:3.15rem}
  .copyright{display:block}
}
@media print{
  .topbar,.footer,.btn,.hero-actions{display:none!important}
  body{background:white;color:black}
  .section,.page-hero,.hero{padding:1rem}
  .card,.banner,.form-shell,.page-hero-inner{box-shadow:none;border:1px solid #ccc}
}

/* HAH v1.1 Supabase Primary Add-Ons */
.cloud-status{display:flex;align-items:flex-start;gap:.65rem;border-radius:18px;padding:.8rem;background:rgba(255,255,255,.74);border:1px solid rgba(207,168,93,.20);color:var(--muted);line-height:1.45;margin:.8rem 0}.cloud-dot{width:.72rem;height:.72rem;border-radius:50%;background:#b8c0cc;box-shadow:0 0 0 6px rgba(184,192,204,.14);margin-top:.25rem;flex:0 0 auto}.cloud-dot.live{background:var(--emerald);box-shadow:0 0 0 6px rgba(35,106,91,.14)}.cloud-dot.local{background:var(--gold);box-shadow:0 0 0 6px rgba(207,168,93,.14)}
.owner-shell{display:grid;grid-template-columns:320px minmax(0,1fr);gap:1.2rem;align-items:start}.owner-panel,.queue-panel,.portal-summary,.script-card{background:rgba(255,255,255,.82);border:1px solid rgba(207,168,93,.25);border-radius:30px;padding:1.25rem;box-shadow:var(--soft-shadow)}.owner-panel{position:sticky;top:96px}.owner-stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:1rem 0}.owner-stat{border-radius:22px;padding:1rem;background:linear-gradient(135deg,rgba(7,23,47,.96),rgba(11,33,68,.94));color:white;border:1px solid rgba(243,216,148,.22)}.owner-stat b{display:block;color:var(--gold2);font-size:1.65rem;font-family:Georgia,serif;line-height:1}.owner-stat span{display:block;margin-top:.35rem;color:rgba(255,255,255,.72);font-size:.78rem;line-height:1.35}.queue-toolbar{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.queue-list{display:grid;gap:1rem}.queue-card{border-radius:26px;padding:1rem;background:rgba(255,255,255,.82);border:1px solid rgba(207,168,93,.22);box-shadow:0 10px 26px rgba(7,23,47,.06)}.queue-card.approved{border-color:rgba(35,106,91,.38)}.queue-card.declined{border-color:rgba(141,40,49,.28);opacity:.82}.queue-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.queue-head h3{margin:.2rem 0 .35rem}.queue-meta{display:flex;flex-wrap:wrap;gap:.45rem;margin:.65rem 0}.queue-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.small-btn{border:0;border-radius:999px;padding:.62rem .8rem;font-weight:850;cursor:pointer;background:rgba(7,23,47,.08);color:var(--navy);transition:.2s ease}.small-btn:hover{transform:translateY(-1px)}.small-btn.gold{background:linear-gradient(135deg,var(--gold2),var(--gold))}.small-btn.green{background:rgba(35,106,91,.14);color:var(--emerald)}.small-btn.red{background:rgba(141,40,49,.12);color:var(--danger)}.small-btn.navy{background:rgba(7,23,47,.92);color:white}.owner-lock{min-height:440px;display:grid;place-items:center;text-align:center}.owner-lock-card{width:min(520px,100%);padding:1.5rem;border-radius:32px;background:rgba(255,255,255,.88);border:1px solid rgba(207,168,93,.28);box-shadow:var(--shadow)}.portal-profile{display:none;margin-top:1rem}.portal-profile.show{display:block}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.profile-tile{border-radius:22px;background:rgba(255,255,255,.78);border:1px solid rgba(207,168,93,.22);padding:1rem}.profile-tile b{display:block;color:var(--navy);margin-bottom:.35rem}.profile-tile span,.profile-tile p{color:var(--muted);line-height:1.55}.approval-ribbon{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;padding:.45rem .68rem;background:rgba(35,106,91,.13);color:var(--emerald);font-weight:900;font-size:.82rem}.sync-box{border-radius:24px;padding:1rem;background:rgba(247,223,216,.34);border:1px solid rgba(207,168,93,.24);color:var(--muted);line-height:1.6}.codebox{width:100%;min-height:320px;white-space:pre;overflow:auto;border-radius:20px;border:1px solid rgba(7,23,47,.14);background:#08162c;color:#f7dfd8;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82rem;line-height:1.55}@media(max-width:980px){.owner-shell{grid-template-columns:1fr}.owner-panel{position:relative;top:auto}.profile-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.owner-stats,.profile-grid{grid-template-columns:1fr}.queue-head{display:block}}

/* v1.2 — Public Intake Mirror + Draft Bridge */
.compact-hero{padding-bottom:2.5rem}.intake-layout-v12{display:grid;grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:1.5rem;align-items:start}.intake-side{background:linear-gradient(180deg,#fff,#faf7ef);border:1px solid rgba(198,167,86,.24);border-radius:28px;padding:1.25rem;box-shadow:0 18px 45px rgba(7,23,47,.08);position:sticky;top:92px}.path-choice{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:1rem 0}.path-btn.active{outline:3px solid rgba(198,167,86,.42)}.guided-section{border-top:1px solid rgba(7,23,47,.1);margin-top:1rem;padding-top:1rem}.assessment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.8rem}.assessment-card{border:1px solid rgba(7,23,47,.12);border-radius:18px;padding:.9rem;background:#fff}.assessment-card label{display:block;font-weight:800;color:#07172f;margin-bottom:.45rem}.assessment-card small{display:block;color:#69758b;line-height:1.45;margin:.3rem 0}.schedule-grid-v12{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.schedule-day{background:#fff;border:1px solid rgba(7,23,47,.12);border-radius:18px;padding:.85rem}.schedule-times{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.5rem}.total-strip,.readonly-card{background:#fff8e7;border:1px solid rgba(198,167,86,.35);border-radius:18px;padding:1rem;margin-top:.8rem}.mirror-status{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.6rem;margin-top:1rem}.mirror-chip{border-radius:999px;background:#f3f6fb;padding:.55rem .8rem;font-size:.85rem}.mirror-chip.ok{background:#e9f8ef;color:#176b39}.mirror-chip.warn{background:#fff3cd;color:#725300}@media(max-width:980px){.intake-layout-v12{grid-template-columns:1fr}.intake-side{position:relative;top:auto}.path-choice{grid-template-columns:1fr}}

/* v1.2.1 — Discovery Intake schedule UI polish */
.question-count{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  font-size:.72rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#9b6b14;
  background:#fff8e7;
  border:1px solid rgba(198,167,86,.28);
  border-radius:999px;
  padding:.28rem .55rem;
  margin-bottom:.55rem;
  font-weight:900;
}
.calendar-panel,.budget-panel{
  margin-top:1.4rem;
  padding:1.2rem;
  border:1px solid rgba(198,167,86,.24);
  border-radius:28px;
  background:linear-gradient(180deg,#fffdf8,#fffaf1);
  box-shadow:0 20px 55px rgba(7,23,47,.08);
}
.section-heading-row{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1rem;
}
.mini-kicker{
  display:inline-flex;
  width:max-content;
  padding:.35rem .7rem;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(198,167,86,.3);
  color:#9b6b14;
  font-weight:900;
  font-size:.78rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:.4rem;
}
.weekly-total-card{
  min-width:190px;
  border-radius:24px;
  background:linear-gradient(135deg,#07172f,#102b54);
  color:#fff;
  padding:1rem;
  box-shadow:0 16px 36px rgba(7,23,47,.18);
}
.weekly-total-card span{display:block;color:rgba(255,255,255,.72);font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.weekly-total-card strong{display:block;font-size:1.55rem;margin-top:.25rem;color:#f0cf73}
.schedule-grid-v12{
  display:grid !important;
  grid-template-columns:repeat(7,minmax(118px,1fr)) !important;
  gap:.7rem !important;
}
.schedule-day{
  min-height:205px;
  border-radius:22px !important;
  background:linear-gradient(180deg,#fff,#faf7ef) !important;
  border:1px solid rgba(7,23,47,.12) !important;
  padding:.8rem !important;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.schedule-day:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(7,23,47,.1)}
.schedule-day.selected{border-color:rgba(198,167,86,.8) !important;box-shadow:0 0 0 4px rgba(198,167,86,.14), 0 18px 38px rgba(7,23,47,.12)}
.schedule-pick{display:flex !important;align-items:center;gap:.55rem;font-weight:900;color:#07172f;cursor:pointer;margin-bottom:.7rem;}
.schedule-pick input{width:18px;height:18px;accent-color:#c6a756;}
.day-short{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:#07172f;color:#f0cf73;font-size:.82rem;letter-spacing:.08em;}
.day-name{display:none;}
.schedule-times{display:grid !important;grid-template-columns:1fr !important;gap:.55rem !important;margin-top:.4rem !important;}
.schedule-times div span{display:block;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#69758b;font-weight:900;margin:0 0 .2rem .2rem;}
.schedule-times input[type="time"]{width:100%;min-height:42px;border-radius:14px;border:1px solid rgba(7,23,47,.14);padding:.55rem;background:#fff;font-weight:800;color:#07172f;}
.schedule-times input[disabled]{background:#f4f5f8;color:#9aa3b2;}
.day-total{margin-top:.7rem;padding:.55rem .65rem;border-radius:14px;background:#fff8e7;border:1px solid rgba(198,167,86,.28);font-weight:900;color:#9b6b14;text-align:center;}
.budget-grid-v12{display:grid;grid-template-columns:minmax(260px,1fr) 320px;gap:1rem;align-items:stretch;}
.budget-summary-card{border-radius:24px;border:1px solid rgba(7,23,47,.12);background:#fff;padding:1rem;box-shadow:0 14px 30px rgba(7,23,47,.06)}
.budget-summary-card span{display:block;color:#69758b;font-weight:900;font-size:.8rem;text-transform:uppercase;letter-spacing:.09em;}
.budget-summary-card strong{display:block;color:#07172f;font-size:1.35rem;margin:.25rem 0 .55rem;}
.budget-summary-card hr{border:0;border-top:1px solid rgba(7,23,47,.1);margin:.8rem 0;}
.readonly-card{margin-top:.35rem !important;background:#fff8e7 !important;}
.readonly-card strong{color:#9b6b14 !important;font-size:1.5rem !important;margin:0 !important;}
.readonly-card span{font-size:.78rem;color:#69758b;text-transform:none;letter-spacing:0;margin-top:.1rem;}
@media(max-width:1180px){.schedule-grid-v12{grid-template-columns:repeat(4,minmax(140px,1fr)) !important;}.day-name{display:inline}.day-short{width:38px;height:38px}}
@media(max-width:760px){.section-heading-row,.budget-grid-v12{grid-template-columns:1fr;display:grid}.weekly-total-card{min-width:0}.schedule-grid-v12{grid-template-columns:1fr !important}.schedule-day{min-height:0}.schedule-times{grid-template-columns:1fr 1fr !important}.day-name{display:inline}.path-choice{grid-template-columns:1fr!important}}

/* v1.2.2 — Luxury Clickable Weekly Schedule Builder */
:root{--hah-cream:#fff9ef;--hah-navy:#07172f;--hah-gold:#c6a756;--hah-blush:#f7dfd8;--hah-muted:#68758a;}
.page-hero.compact-hero{padding:3.2rem 1rem 1.25rem!important;}
.page-hero-inner h1{font-size:clamp(2.1rem,4vw,4.4rem)!important;letter-spacing:-.05em!important;line-height:.95!important;}
.page-hero-inner p{font-size:1.02rem!important;max-width:840px!important;line-height:1.65!important;}
.intake-layout-v12{grid-template-columns:minmax(270px,360px) minmax(0,1fr)!important;gap:1.1rem!important;}
.intake-side{border-radius:24px!important;padding:1rem!important;}
.intake-side h2{font-size:1.45rem!important;line-height:1.1!important;margin-bottom:.45rem!important;}
.intake-side .lead{font-size:.98rem!important;line-height:1.55!important;}
.form-shell{border-radius:28px!important;padding:1.05rem!important;}
.form-shell h2{font-size:1.5rem!important;letter-spacing:-.02em!important;}
.form-shell .lead,.calendar-panel p,.budget-panel p{font-size:.96rem!important;line-height:1.55!important;color:var(--hah-muted)!important;}
.assessment-card{border-radius:16px!important;padding:.75rem!important;}
.assessment-card label{font-size:.9rem!important;line-height:1.25!important;}
.assessment-card small{font-size:.78rem!important;}
.calendar-panel,.budget-panel{border-radius:26px!important;padding:1rem!important;background:linear-gradient(180deg,#fffdf8,#fff7eb)!important;}
.section-heading-row{align-items:center!important;margin-bottom:.8rem!important;}
.weekly-total-card{border-radius:22px!important;min-width:175px!important;padding:.9rem!important;}
.weekly-total-card strong{font-size:1.38rem!important;}
.lux-week-calendar{display:grid!important;grid-template-columns:repeat(7,minmax(112px,1fr))!important;gap:.7rem!important;margin-top:.8rem!important;}
.lux-day-card{appearance:none;border:1px solid rgba(7,23,47,.12);background:linear-gradient(180deg,#fff,#fffaf2);border-radius:22px;min-height:128px;padding:.8rem;text-align:left;display:flex;flex-direction:column;gap:.35rem;cursor:pointer;box-shadow:0 12px 30px rgba(7,23,47,.06);transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;color:var(--hah-navy);}
.lux-day-card:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(7,23,47,.12);border-color:rgba(198,167,86,.5)}
.lux-day-card.selected{background:linear-gradient(135deg,#07172f,#132e58);border-color:rgba(240,207,115,.95);box-shadow:0 0 0 4px rgba(198,167,86,.18),0 24px 46px rgba(7,23,47,.2);color:#fff;}
.lux-day-card.selected::after{content:'✓ Selected';display:inline-flex;width:max-content;margin-top:auto;padding:.25rem .5rem;border-radius:999px;background:rgba(240,207,115,.18);color:#f0cf73;font-weight:900;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;}
.lux-day-short{font-weight:950;font-size:.72rem;letter-spacing:.14em;color:#9b6b14;text-transform:uppercase;}
.lux-day-card.selected .lux-day-short{color:#f0cf73;}
.lux-day-card strong{font-size:1.05rem!important;line-height:1.1!important;}
.lux-day-date{font-size:.78rem;color:#748095;font-weight:800;}
.lux-day-card.selected .lux-day-date{color:rgba(255,255,255,.72);}
.lux-day-hours{font-size:.78rem;font-weight:900;color:#9b6b14;margin-top:auto;}
.lux-day-card.selected .lux-day-hours{color:#fff;}
.selected-time-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem;margin-top:.95rem;}
.schedule-empty{grid-column:1/-1;border:1px dashed rgba(198,167,86,.55);border-radius:20px;background:rgba(255,255,255,.75);padding:1rem;color:var(--hah-muted);}
.schedule-empty strong{display:block;color:var(--hah-navy);font-size:1rem;margin-bottom:.25rem;}
.schedule-empty span{display:block;line-height:1.5;}
.lux-time-row{border:1px solid rgba(198,167,86,.28);border-radius:22px;background:#fff;padding:.85rem;box-shadow:0 10px 26px rgba(7,23,47,.05);}
.time-row-head{display:flex;justify-content:space-between;gap:.75rem;align-items:center;margin-bottom:.6rem;}
.time-row-head span{font-weight:950;color:var(--hah-navy);}
.time-row-head strong{font-size:.82rem;background:#fff8e7;color:#9b6b14;border:1px solid rgba(198,167,86,.28);padding:.28rem .55rem;border-radius:999px;}
.time-row-fields{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;}
.time-row-fields label span{display:block;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--hah-muted);font-weight:950;margin:0 0 .22rem .1rem;}
.time-row-fields input[type="time"]{width:100%;min-height:44px;border-radius:14px;border:1px solid rgba(7,23,47,.14);background:#fff;padding:.55rem;font-weight:900;color:var(--hah-navy);}
.time-row-note{font-size:.8rem!important;margin:.55rem 0 0!important;color:var(--hah-muted)!important;}
.request-summary-preview{margin-top:.85rem;border-radius:20px;background:linear-gradient(135deg,#fff8e7,#fff);border:1px solid rgba(198,167,86,.3);padding:.85rem;color:#5f4b1b;line-height:1.5;}
.budget-grid-v12{grid-template-columns:minmax(260px,1fr) minmax(260px,330px)!important;}
.budget-summary-card{border-radius:22px!important;}
.result-box.show{border-radius:24px!important;background:linear-gradient(180deg,#fff,#fff8ef)!important;border:1px solid rgba(198,167,86,.32)!important;box-shadow:0 18px 45px rgba(7,23,47,.08)!important;}
@media(max-width:1180px){.lux-week-calendar{grid-template-columns:repeat(4,minmax(124px,1fr))!important}.intake-layout-v12{grid-template-columns:1fr!important}.intake-side{position:relative!important;top:auto!important}}
@media(max-width:760px){.lux-week-calendar{grid-template-columns:1fr!important}.lux-day-card{min-height:105px}.time-row-fields,.budget-grid-v12,.section-heading-row{grid-template-columns:1fr!important;display:grid!important}.weekly-total-card{min-width:0!important}.page-hero-inner h1{font-size:2.25rem!important}}


/* v1.2.3 — Public intake confirmation visibility + wider intake layout */
.result-box.show,
.result-box.hah-confirmation-readable,
#discoveryResult.show{
  display:block!important;
  color:#07172f!important;
  background:linear-gradient(180deg,#fffdf8,#fff8e9)!important;
  border:1px solid rgba(198,167,86,.42)!important;
  box-shadow:0 20px 52px rgba(7,23,47,.10)!important;
}
.result-box.show *,
.result-box.hah-confirmation-readable *,
#discoveryResult.show *{
  color:#07172f!important;
  opacity:1!important;
  text-shadow:none!important;
}
.result-box.show h3,
#discoveryResult.show h3{color:#07172f!important;}
.result-box.show p,
.result-box.show li,
#discoveryResult.show p,
#discoveryResult.show li{color:#263852!important;line-height:1.65!important;}
.result-box.show small,
#discoveryResult.show small{color:#263852!important;}
.result-box .mirror-chip.ok{background:#e9f8ef!important;color:#176b39!important;}
.result-box .mirror-chip.warn{background:#fff3cd!important;color:#725300!important;}
@media(min-width:1181px){
  .intake-layout-v12{max-width:1360px!important;grid-template-columns:minmax(250px,330px) minmax(0,1fr)!important;gap:1.5rem!important;}
  .form-shell{padding:1.35rem!important;}
}


/* v1.2.3.5 Navigation Clarity Lock
   Desktop/tablet nav should not show the extra Menu pill now that Discovery Intake is the primary CTA. */
@media (min-width: 760px){
  .navlinks{
    display:flex!important;
    position:static!important;
    left:auto!important;right:auto!important;top:auto!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    padding:0!important;
    flex-direction:row!important;
    align-items:center!important;
  }
  .menu-btn{display:none!important;}
  .nav-actions .btn-primary{display:inline-flex!important;}
}

@media (max-width: 759px){
  .menu-btn{display:inline-flex!important;}
  .nav-actions .btn-primary{display:none!important;}
}


/* v1.2.3.6 — Two-button intake decision flow */
.path-choice-v1236{
  margin:1.15rem 0 0!important;
}
.path-choice-v1236 .btn{
  min-height:64px;
  font-size:1.02rem;
}
.guided-submit-row{
  margin-top:1.1rem;
}
.guided-submit-row .btn{
  width:100%;
  min-height:64px;
  font-size:1.05rem;
}
#guidedSection[hidden]{display:none!important;}
@media(max-width:760px){
  .path-choice-v1236 .btn,.guided-submit-row .btn{min-height:58px;font-size:.96rem;}
}


/* v1.2.3.7 — Concierge intake calendar render repair */
#scheduleGrid.schedule-grid-v12{
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
  max-width:100%!important;
  overflow:visible!important;
}
#scheduleGrid.lux-week-calendar{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;
  gap:.75rem!important;
  max-width:100%!important;
  overflow:visible!important;
}
.calendar-panel{overflow:hidden!important;}
.selected-time-panel{max-width:100%!important;}
@media(max-width:1100px){#scheduleGrid.lux-week-calendar{grid-template-columns:repeat(3,minmax(145px,1fr))!important;}}
@media(max-width:760px){#scheduleGrid.lux-week-calendar,#scheduleGrid.schedule-grid-v12{grid-template-columns:1fr!important;}}


/* v1.2.3.8 Supabase insert diagnostics */
.debug-details{margin-top:14px;padding:12px 14px;border:1px solid rgba(198,160,74,.35);border-radius:16px;background:rgba(255,250,240,.78);color:#07172f}
.debug-details summary{cursor:pointer;font-weight:900;color:#9b6a08}
.debug-details pre{white-space:pre-wrap;word-break:break-word;font-size:12px;line-height:1.45;background:rgba(7,23,47,.06);padding:10px;border-radius:12px}


/* v1.2.3.14 — Public Owner Portal Google Bridge panel */
.bridge-owner-panel{grid-column:1/-1;background:rgba(255,255,255,.94);border:1px solid rgba(211,174,91,.38);border-radius:2rem;padding:1.4rem;box-shadow:0 22px 60px rgba(7,23,47,.10);margin-bottom:1.2rem}
.bridge-owner-head{display:flex;gap:1rem;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}
.bridge-owner-panel input{width:100%;border:1px solid rgba(7,23,47,.16);border-radius:1rem;padding:1rem;font:inherit;color:#07172f;background:#fff;margin:.45rem 0 1rem}
.bridge-good{border-color:rgba(13,116,86,.35);background:rgba(224,245,238,.95)}
.bridge-warn{border-color:rgba(211,174,91,.45);background:rgba(255,248,231,.95)}
@media(max-width:760px){.bridge-owner-head{display:block}.bridge-owner-panel{border-radius:1.25rem}}


/* v1.2.3.17 public owner dashboard Supabase guard + client schedule display */
.schedule-list{display:grid;gap:.35rem;line-height:1.55;color:#64708a;font-size:.98rem;white-space:normal;word-break:normal}
.schedule-list div{padding:.35rem .5rem;border:1px solid rgba(211,169,86,.28);border-radius:14px;background:rgba(255,248,232,.55)}
.schedule-list strong{color:#07172f}.schedule-list span{color:#9a6710;font-weight:800}.profile-tile.schedule-tile{grid-column:span 2}.profile-tile.schedule-tile>span{white-space:normal}.bridge-owner-panel .notice code{white-space:normal;word-break:break-word}.bridge-owner-panel{margin-top:1.25rem}
@media(max-width:780px){.profile-tile.schedule-tile{grid-column:span 1}.schedule-list{font-size:.92rem}}


/* v1.2.3.18 — client-facing confirmation cleanup */
#discoveryForm.hah-intake-submitted .form-grid,
#discoveryForm.hah-intake-submitted .path-choice,
#discoveryForm.hah-intake-submitted .guided-section{display:none!important}
.client-clean-confirmation{border:1px solid rgba(211,169,86,.42);background:linear-gradient(180deg,#fffdf8,#fff9ee);box-shadow:0 22px 70px rgba(7,23,47,.12)}
.client-confirmation-card h3{font-size:clamp(1.9rem,4vw,3.2rem);line-height:1.05;margin:.5rem 0 1rem;color:#07172f;font-family:var(--serif)}
.client-confirmation-card p{font-size:1.08rem;line-height:1.75;color:#2d3d58;max-width:980px}.client-confirmation-actions{display:flex;gap:1rem;flex-wrap:wrap;margin:1.4rem 0}.client-confirmation-actions .btn{min-width:210px;justify-content:center}.client-scope-note{font-size:.95rem!important;color:#5f6b80!important;border-top:1px solid rgba(211,169,86,.26);padding-top:1rem;margin-top:1.2rem!important}
.schedule-list-empty{color:#64708a;font-style:italic}.portal-note{margin:.6rem 0 1rem;padding:1rem;border:1px solid rgba(211,169,86,.28);border-radius:18px;background:#fff9ec;color:#40506a;line-height:1.6}
@media(max-width:720px){.client-confirmation-actions{display:grid}.client-confirmation-actions .btn{width:100%;min-width:0}}
