
/* BOOJEE Mansion Visual Integration — static mansion visual primitives.
   Scope: visual section only. Does not alter locked homepage hero, nav, footer, forms, routes, or product copy. */
.mansionVisualIntegration{
  --mansion-porcelain:#fffaf0;
  --mansion-ivory:#efe5d2;
  --mansion-chrome:#dce3e7;
  --mansion-champagne:#d9b776;
  --mansion-jade:#c8ded5;
  --mansion-hairline:rgba(238,229,210,.16);
  --mansion-shadow:rgba(0,0,0,.46);
  position:relative;
  overflow:hidden;
  isolation:isolate;
  padding:clamp(58px,8vw,118px) 0;
  background:
    radial-gradient(circle at 16% 10%,rgba(217,183,118,.14),transparent 30%),
    radial-gradient(circle at 88% 18%,rgba(220,227,231,.12),transparent 28%),
    linear-gradient(155deg,#030303 0%,#0b0a08 48%,#020203 100%);
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.mansionVisualIntegration:before,
.mansionVisualIntegration:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-2}
.mansionVisualIntegration:before{
  opacity:.24;
  background-image:
    linear-gradient(rgba(220,227,231,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(220,227,231,.08) 1px,transparent 1px),
    linear-gradient(120deg,transparent 0 48%,rgba(217,183,118,.08) 48% 49%,transparent 49% 100%);
  background-size:76px 76px,76px 76px,420px 420px;
  mask-image:radial-gradient(circle at 50% 12%,black,transparent 78%);
}
.mansionVisualIntegration:after{
  z-index:-1;
  background:
    linear-gradient(112deg,transparent 0 18%,rgba(255,250,240,.08) 19%,transparent 21% 100%),
    linear-gradient(74deg,transparent 0 60%,rgba(217,183,118,.075) 61%,transparent 63% 100%),
    repeating-linear-gradient(145deg,rgba(255,255,255,.018) 0 1px,transparent 1px 14px);
}
.mansionVisual__intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(280px,1.1fr);gap:clamp(22px,5vw,58px);align-items:end;margin-bottom:clamp(22px,4vw,42px)}
.mansionVisual__intro h2{font-family:var(--serif);font-size:clamp(42px,7vw,92px);line-height:.86;letter-spacing:-.065em;margin:0;color:var(--mansion-porcelain);text-wrap:balance}
.mansionVisual__intro p{color:rgba(239,229,210,.74);font-size:clamp(16px,1.6vw,20px);line-height:1.7;max-width:660px;margin:0}
.mansionVisualMap{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 clamp(20px,3vw,34px)}
.mansionVisualMap a{display:block;min-height:88px;padding:12px;border:1px solid rgba(255,250,240,.12);border-radius:18px;background:rgba(255,255,255,.035);color:var(--mansion-ivory);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);transition:transform .24s ease,border-color .24s ease,background .24s ease}
.mansionVisualMap a:hover{transform:translateY(-2px);border-color:rgba(217,183,118,.52);background:rgba(217,183,118,.09)}
.mansionVisualMap span,.mansionVisualMap em{display:block;color:rgba(239,229,210,.56);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;font-style:normal}.mansionVisualMap b{display:block;margin:4px 0 3px;font-size:.88rem;letter-spacing:.03em}
.mansionRoomStatic{position:relative;min-height:clamp(360px,54vh,620px);margin:clamp(16px,4vw,42px) 0;padding:clamp(22px,5vw,56px);border:1px solid var(--mansion-hairline);border-radius:clamp(24px,4vw,44px);background:linear-gradient(132deg,rgba(255,250,240,.12),transparent 35%),linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),rgba(4,5,6,.74);box-shadow:0 32px 110px var(--mansion-shadow),inset 0 1px 0 rgba(255,255,255,.1);backdrop-filter:blur(18px);overflow:hidden;display:grid;grid-template-columns:minmax(0,.86fr) minmax(280px,1.14fr);gap:clamp(18px,4vw,42px);align-items:center}
.mansionRoomStatic:before{content:"";position:absolute;inset:18px;border:1px solid rgba(220,227,231,.10);border-radius:inherit;pointer-events:none}.mansionRoomStatic:after{content:"";position:absolute;width:340px;height:340px;right:-120px;top:-90px;border-radius:50%;background:radial-gradient(circle,rgba(217,183,118,.18),transparent 64%);pointer-events:none}.mansionRoomStatic__chrome{position:absolute;left:0;top:10%;bottom:10%;width:3px;background:linear-gradient(transparent,var(--mansion-champagne),var(--mansion-chrome),transparent);box-shadow:0 0 34px rgba(217,183,118,.32)}
.mansionRoomStatic__copy,.mansionRoomStatic__body{position:relative;z-index:1}.mansionRoomStatic__copy span{display:inline-flex;margin-bottom:12px;color:var(--mansion-champagne);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase}.mansionRoomStatic__copy h3{font-family:var(--serif);margin:0;color:var(--mansion-porcelain);font-size:clamp(2.2rem,6vw,5.6rem);line-height:.88;letter-spacing:-.075em}.mansionRoomStatic__copy p{color:rgba(239,229,210,.76);font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.72}.mansionRoomStatic__body{display:grid;gap:12px}.mansionRoomStatic__body .mansionChip{border:1px solid rgba(255,250,240,.11);border-radius:18px;padding:14px 16px;background:rgba(255,255,255,.04);color:rgba(239,229,210,.76);line-height:1.5;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.mansionRoomStatic__body .mansionChip b{display:block;color:#fff;margin-bottom:4px;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.mansionRoomStatic--watchtower{background:linear-gradient(132deg,rgba(200,222,213,.11),transparent 35%),linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),rgba(4,5,6,.74)}.mansionRoomStatic--watchtower:after{background:radial-gradient(circle,rgba(200,222,213,.18),transparent 64%)}.mansionRoomStatic--command{background:linear-gradient(132deg,rgba(220,227,231,.12),transparent 35%),linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),rgba(4,5,6,.74)}
@media(max-width:900px){.mansionVisual__intro,.mansionRoomStatic{grid-template-columns:1fr}.mansionVisualMap{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:8px}.mansionVisualMap a{min-width:152px;scroll-snap-align:start}.mansionRoomStatic{min-height:auto;padding:24px}}
@media(prefers-reduced-motion:reduce){.mansionVisualMap a{transition:none}.mansionVisualMap a:hover{transform:none}}


/* AI Front Desk conversion patch — scoped homepage/mansion additions. */
.homeHeroMicroline{max-width:650px;margin:-6px 0 20px;color:rgba(255,250,240,.88);font-size:clamp(14px,1.25vw,18px);line-height:1.55;text-shadow:0 2px 14px rgba(0,0,0,.88),0 0 28px rgba(217,183,118,.18)}
.frontDeskTeaser{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.62fr);gap:clamp(18px,3vw,34px);align-items:stretch;margin:0 0 clamp(22px,4vw,42px);padding:clamp(22px,4vw,38px);border:1px solid rgba(255,250,240,.14);border-radius:clamp(22px,3vw,34px);background:linear-gradient(135deg,rgba(255,250,240,.105),rgba(255,255,255,.03)),radial-gradient(circle at 90% 12%,rgba(217,183,118,.16),transparent 34%);box-shadow:0 26px 90px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08);overflow:hidden}.frontDeskTeaser:before{content:"";position:absolute;inset:12px;border:1px solid rgba(220,227,231,.08);border-radius:inherit;pointer-events:none}.frontDeskTeaser__copy,.frontDeskPricing{position:relative;z-index:1}.frontDeskTeaser h3{font-family:var(--serif);font-size:clamp(2.35rem,5.2vw,5.4rem);line-height:.88;letter-spacing:-.07em;color:var(--mansion-porcelain);margin:0 0 14px}.frontDeskTeaser p{max-width:760px;color:rgba(239,229,210,.76);line-height:1.7;font-size:clamp(1rem,1.45vw,1.16rem)}.frontDeskTeaser__bridge{color:rgba(239,229,210,.62)!important}.frontDeskTeaser__actions{margin-top:18px}.frontDeskPricing{display:grid;gap:10px;align-content:center;padding:22px;border:1px solid rgba(255,250,240,.13);border-radius:24px;background:rgba(0,0,0,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.frontDeskPricing span{color:var(--mansion-champagne);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}.frontDeskPricing b{display:block;color:#fff;font-size:clamp(1rem,1.35vw,1.22rem);line-height:1.35}.mansionVisualIntegration--ready .mansionRoomStatic{opacity:.72;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}.mansionVisualIntegration--ready .mansionRoomStatic--seen{opacity:1;transform:none}
@media(max-width:900px){.frontDeskTeaser{grid-template-columns:1fr}.frontDeskTeaser__actions .btn{width:100%}.homeHeroMicroline{margin-top:0}}
@media(prefers-reduced-motion:reduce){.mansionVisualIntegration--ready .mansionRoomStatic{transition:none;opacity:1;transform:none}}
