/* Property Debut brand system. Loaded last so the shared identity stays consistent. */
:root {
  --ink: #0B1220;
  --ink-2: #10203A;
  --cream: #F4F7FC;
  --paper: #FFFFFF;
  --mint: #E8EEFF;
  --mint-2: #F0F3FF;
  --line: rgba(79, 125, 255, .16);
  --muted: #64748B;
  --danger: #B42318;
  --warning: #946200;
  --shadow: 0 24px 70px rgba(11, 18, 32, .11);
  --brand-midnight: #0B1220;
  --brand-navy: #10203A;
  --brand-blue: #4F7DFF;
  --brand-periwinkle: #6F8DFF;
  --brand-violet: #756CFF;
  --brand-sky: #2DB9F5;
  --brand-cloud: #F4F7FC;
  --brand-gradient: linear-gradient(135deg, #756CFF 0%, #4F7DFF 48%, #2DB9F5 100%);
}

html { background: var(--brand-cloud); color: var(--brand-midnight); }
body {
  background:
    radial-gradient(circle at 8% 0%, rgba(111, 141, 255, .18), transparent 30rem),
    radial-gradient(circle at 94% 12%, rgba(45, 185, 245, .12), transparent 26rem),
    linear-gradient(180deg, #FAFBFF 0%, #F4F7FC 100%);
}

.brand { min-width: 0; }
.brand-lockup { display: block; width: clamp(168px, 19vw, 224px); height: auto; }
.quiet-link { color: var(--muted); }
.quiet-link:hover { color: var(--brand-blue); }
.eyebrow, .mini-label { color: var(--brand-blue); }

.button.primary {
  color: #fff;
  background: var(--brand-gradient);
  box-shadow: 0 10px 28px rgba(79, 125, 255, .25);
}
.button.primary:hover { box-shadow: 0 14px 34px rgba(79, 125, 255, .32); }
.button.secondary { border-color: var(--line); background: rgba(255, 255, 255, .9); }
input:focus, select:focus { border-color: var(--brand-blue); box-shadow: 0 0 0 4px rgba(79, 125, 255, .13); }
.badge { background: #EAF0FF; color: #3658C8; }
.status-dot i, .live-indicator i { background: var(--brand-blue); box-shadow: 0 0 0 4px rgba(79, 125, 255, .14); }

.control-card,
.analysis-panel,
.purchase-card,
.video-card,
.evidence-grid article,
.dashboard-panel,
.kpi-card,
.pipeline-stage,
.freshness-card,
.creator-panel,
.gift-card,
.gift-feedback {
  border-color: var(--line);
  background: rgba(255, 255, 255, .88);
  box-shadow: var(--shadow);
}

.site-topbar, .gift-topbar, .operator-topbar, .topbar, .preview-topbar { border-color: var(--line); }
.site-main { padding-top: 76px; }
.site-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, .72fr);
  align-items: center;
  gap: clamp(48px, 8vw, 108px);
  max-width: none;
}
.site-hero-copy { max-width: 830px; }
.site-hero h1 {
  color: var(--brand-midnight);
  text-wrap: balance;
  background: linear-gradient(112deg, #0B1220 0%, #10203A 66%, #4F7DFF 130%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.site-hero p { color: var(--muted); }
.site-proof-strip span, .workflow-line span {
  border-color: rgba(79, 125, 255, .18);
  background: rgba(255, 255, 255, .8);
}
.site-brand-stage {
  position: relative;
  isolation: isolate;
  display: grid;
  place-items: center;
  min-height: 440px;
  overflow: hidden;
  border: 1px solid rgba(111, 141, 255, .18);
  border-radius: 38px;
  background:
    radial-gradient(circle at 75% 18%, rgba(45, 185, 245, .24), transparent 42%),
    radial-gradient(circle at 18% 82%, rgba(117, 108, 255, .28), transparent 44%),
    linear-gradient(145deg, #101D35, #0B1220 70%);
  box-shadow: 0 34px 90px rgba(11, 18, 32, .22);
}
.site-brand-stage::before {
  content: "";
  position: absolute;
  inset: 22px;
  z-index: -1;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 26px;
}
.site-brand-stage img { width: min(70%, 340px); filter: drop-shadow(0 24px 48px rgba(26, 69, 189, .32)); }
.site-brand-stage small {
  position: absolute;
  bottom: 30px;
  color: #AFC0DC;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .24em;
}
.site-brand-orbit {
  position: absolute;
  width: 280px;
  height: 280px;
  border: 1px solid rgba(111, 141, 255, .16);
  border-radius: 50%;
  box-shadow: 0 0 0 52px rgba(79, 125, 255, .035), 0 0 0 104px rgba(45, 185, 245, .025);
}
.site-process article { border-color: var(--line); background: rgba(255, 255, 255, .78); }
.site-process article > strong { color: var(--brand-blue); }
.site-early-access {
  background:
    radial-gradient(circle at 90% 10%, rgba(45, 185, 245, .25), transparent 38%),
    linear-gradient(135deg, #10203A, #0B1220);
  box-shadow: 0 28px 70px rgba(11, 18, 32, .22);
}
.site-early-access .button { color: #fff; background: var(--brand-gradient); }
.site-footer { border-color: var(--line); }
.site-footer nav { display: flex; gap: 14px; white-space: nowrap; }
.site-footer nav a { color: var(--muted); }
.site-footer nav a:hover { color: var(--brand-blue); }
.policy-main { max-width: 850px; margin: 0 auto; padding: 78px 0 54px; }
.policy-main > h1 { margin: 14px 0 8px; font-size: clamp(48px, 7vw, 76px); line-height: .98; letter-spacing: -.06em; }
.policy-updated { color: var(--muted); }
.policy-main section { padding: 25px 0; border-top: 1px solid var(--line); }
.policy-main section:first-of-type { margin-top: 42px; }
.policy-main h2 { margin: 0 0 12px; font-size: 24px; letter-spacing: -.03em; }
.policy-main section p { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.72; }
.policy-main section a { color: var(--brand-blue); }
.policy-footer { align-items: center; }

.event-chip, .gift-kicker { color: #fff; background: var(--brand-gradient); }
.format-strip span, .private-pill, .style-pill { border-color: var(--line); background: rgba(255, 255, 255, .74); }
.viewer-link, .row-actions a, .row-actions button { color: #3658C8; }
.viewer-link:hover, .row-actions a:hover, .row-actions button:hover { color: var(--brand-violet); }
.asset-card:hover { border-color: rgba(79, 125, 255, .42); box-shadow: 0 20px 48px rgba(79, 125, 255, .14); }
.asset-viewer { background: #080F1E; }
.asset-viewer-stage, .asset-viewer-media-frame img, .asset-viewer-media-frame video { background: #080F1E; }

.kpi-card.intent { border-color: rgba(79, 125, 255, .34); background: rgba(234, 240, 255, .9); }
.pipeline-stage, .kpi-card { background: rgba(255, 255, 255, .82); }
.stage-ready, .stage-gifted, .stage-paid { background: #E7F8F0; color: #176B4B; }
.stage-review { background: #FFF4D6; color: #855C00; }
.stage-blocked { background: #FDE8E7; color: #9F2D26; }
.stage-sent, .stage-queued { background: #E8EEFF; color: #3658C8; }
.ready-note { color: #3658C8; }
.gift-feedback-buttons button:hover, .gift-feedback-buttons button.selected { border-color: var(--brand-blue); background: #EAF0FF; }

@media (max-width: 900px) {
  .site-hero { grid-template-columns: 1fr; }
  .site-brand-stage { min-height: 360px; }
}
@media (max-width: 720px) {
  .brand-lockup { width: 170px; }
  .site-brand-stage { min-height: 310px; border-radius: 28px; }
  .site-brand-stage img { width: min(64%, 260px); }
  .site-brand-orbit { width: 210px; height: 210px; }
}