/* ─────────── DC brand fonts ─────────── */
@font-face{font-family:'Canada'; src:url('https://travel.destinationcanada.com/_next/static/media/Canada-Bold.1f3ff88f.woff2') format('woff2'); font-weight:700; font-style:normal; font-display:swap;}
@font-face{font-family:'SuisseIntl'; src:url('https://travel.destinationcanada.com/_next/static/media/SuisseIntl-Book.d4cd1d07.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:swap;}
@font-face{font-family:'SuisseIntl'; src:url('https://travel.destinationcanada.com/_next/static/media/SuisseIntl-BookItalic.dac63729.woff2') format('woff2'); font-weight:400; font-style:italic; font-display:swap;}
@font-face{font-family:'SuisseIntl'; src:url('https://travel.destinationcanada.com/_next/static/media/SuisseIntl-Medium.3a347bb8.woff2') format('woff2'); font-weight:500; font-style:normal; font-display:swap;}
@font-face{font-family:'SuisseIntl'; src:url('https://travel.destinationcanada.com/_next/static/media/SuisseIntl-SemiBold.145a47e9.woff2') format('woff2'); font-weight:600; font-style:normal; font-display:swap;}
@font-face{font-family:'SuisseIntl'; src:url('https://travel.destinationcanada.com/_next/static/media/SuisseIntl-Bold.c49a5096.woff2') format('woff2'); font-weight:700; font-style:normal; font-display:swap;}

:root{
  --red:#e60013;
  --red-deep:#b31706;
  --red-soft:#fde8ea;
  --teal:#065D69;
  --teal-deep:#054852;
  --mint:#AADACA;
  --mint-soft:#eaf3ee;
  --yellow:#fada46;

  --ac-red:#D22630;
  --ac-ink:#0a0a0a;

  --ink:#0a0a0a;
  --ink-2:#282828;
  --gray-1:#757575;
  --gray-2:#9F9F9F;
  --gray-3:#E1E1E1;
  --paper:#fcfbf8;
  --paper-2:#f6f4ee;
  --white:#ffffff;

  --line:rgba(10,10,10,0.08);
  --line-2:rgba(10,10,10,0.14);

  --r:6px;
  --r-lg:12px;

  --sidebar:240px;
}

*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:'SuisseIntl', -apple-system, 'Helvetica Neue', Arial, sans-serif;
  font-weight:400; font-size:14.5px; line-height:1.55;
  color:var(--ink); background:var(--paper);
  -webkit-font-smoothing:antialiased;
}
a{color:inherit; text-decoration:none;}
button{font-family:inherit; cursor:pointer; border:0; background:none; color:inherit;}
img{max-width:100%; display:block;}
::selection{background:var(--red); color:#fff;}

.mono{font-family:'JetBrains Mono', ui-monospace, monospace; font-feature-settings:"tnum" 1;}
.font-alt{font-family:'Canada','DM Serif Display', Georgia, serif; font-weight:700;}

@keyframes pulse{0%,100%{opacity:1;} 50%{opacity:.45;}}

/* ════════════════════ TOP NAV ════════════════════ */
.nav{
  background:var(--white);
  border-bottom:1px solid var(--line);
  height:68px;
  display:flex; align-items:center;
  position:sticky; top:0; z-index:60;
}
.nav-inner{
  width:100%; padding:0 28px;
  display:flex; align-items:center;
}
.brand{
  display:flex; align-items:center;
  height:31px;
}
.brand-wordmark{
  position:relative;
  width:270px; height:31px;
  display:block;
}
.brand-wordmark img{
  position:absolute;
  display:block;
}
.brand-wordmark .bw-canada{left:0; top:0.92px; width:174.7px; height:29.4px;}
.brand-wordmark .bw-o{left:183.6px; top:0.92px; width:29.6px; height:29.4px;}
.brand-wordmark .bw-n{left:216.6px; top:1.58px; width:26.2px; height:28.2px;}
.brand-wordmark .bw-e{left:247.8px; top:1.58px; width:22.5px; height:28.2px;}

.nav-spacer{flex:1;}

.partner-pill{
  display:inline-flex; align-items:center; gap:4px;
  height:34px;
  padding:7px 9px 7px 15px;
  background:var(--paper-2);
  border:1px solid var(--line);
  border-radius:100px;
  transition:background .15s, border-color .15s;
  cursor:pointer;
}
.partner-pill:hover{background:var(--white); border-color:var(--line-2);}
.partner-pill .name{
  font-size:13.5px; font-weight:700; color:var(--ink);
  letter-spacing:-0.005em;
}
.partner-pill .chev{
  display:inline-flex; align-items:center; justify-content:center;
  width:20px; height:20px;
  color:var(--gray-2); font-size:10px;
}

/* Canada Verified badge — Figma node 1:403 */
.canada-verified-badge{
  display:inline-flex; flex-direction:column; align-items:center;
  width:70px;
  padding:8px 6px 10px;
  background:#000; color:#fff;
  border-radius:53px 53px 0 0;
  flex-shrink:0;
  text-align:center;
}
.canada-verified-badge .leaf{
  width:45px; height:42px;
  display:block;
}
.canada-verified-badge .leaf img{
  width:100%; height:100%; display:block;
}
.canada-verified-badge .lbl{
  margin-top:4px;
  font-family:'SuisseIntl', -apple-system, sans-serif;
  font-weight:700; font-size:11.6px;
  letter-spacing:0.03em;
  line-height:1.15;
  color:#fff;
}

/* ════════════════════ APP SHELL ════════════════════ */
.app{display:grid; grid-template-columns:var(--sidebar) 1fr; min-height:calc(100vh - 68px);}

.sidebar{
  background:var(--white);
  border-right:1px solid var(--line);
  padding:28px 14px;
  position:sticky; top:68px; align-self:start;
  height:calc(100vh - 68px); overflow-y:auto;
}
.side-head{
  padding:6px 12px 8px;
  font-size:10px; font-weight:700; letter-spacing:0.16em; text-transform:uppercase;
  color:var(--gray-1);
}
.side-section{margin-bottom:22px;}
.side-link{
  display:flex; align-items:center; gap:11px;
  padding:9px 12px;
  font-size:13.5px; font-weight:500; color:var(--ink-2);
  border-radius:5px;
  transition:background .12s, color .12s;
}
.side-link:hover{background:var(--paper-2); color:var(--ink);}
.side-link.active{background:var(--ink); color:#fff;}
.side-link.active .side-icon{color:#fff;}
.side-link .side-icon{width:16px; height:16px; flex-shrink:0; color:var(--gray-1);}
.side-link:hover .side-icon{color:var(--ink-2);}
.side-link.sub{padding-left:32px; font-size:13px; position:relative;}
.side-link.sub::before{
  content:''; position:absolute; left:20px; top:50%;
  width:6px; height:1px; background:var(--gray-3);
}
.side-link.sub.active{background:transparent; color:var(--red);}
.side-link.sub.active::before{background:var(--red); width:10px; left:16px;}

/* Accordion sub-list */
.side-sub{display:none;}
.side-sub[data-open]{display:block; padding-bottom:4px;}
.chev{
  margin-left:auto;
  width:20px; height:20px;
  display:flex; align-items:center; justify-content:center;
  color:var(--gray-2);
  transition:color .15s;
  flex-shrink:0;
  cursor:pointer;
}
.chev-icon{width:11px; height:11px; transition:transform .18s;}
.chev.collapsed .chev-icon{transform:rotate(-90deg);}
.chev:hover{color:var(--ink);}
.side-link.active .chev{color:rgba(255,255,255,0.65);}
.side-link.active .chev:hover{color:#fff;}

/* ════════════════════ MAIN ════════════════════ */
.main{padding:0;}

/* Page header */
.pg-head{
  padding:48px 48px 36px;
  background:var(--paper);
  border-bottom:1px solid var(--line);
}
.pg-crumbs{
  display:flex; align-items:center; gap:10px;
  font-size:12px; color:var(--gray-1); font-weight:500;
  margin-bottom:18px;
}
.pg-crumbs a:hover{color:var(--ink);}
.pg-crumbs .sep{color:var(--gray-3);}
.pg-crumbs b{color:var(--ink); font-weight:600;}

.pg-title-row{
  display:flex; justify-content:space-between; align-items:flex-end; gap:48px;
}
.pg-title-row h1{
  font-family:'Canada','DM Serif Display', Georgia, serif;
  font-weight:700; font-size:32px; line-height:1;
  letter-spacing:-0.018em; color:var(--ink);
}
.pg-title-row .status{
  margin-top:14px;
  display:flex; align-items:center; gap:18px;
  font-size:12.5px; color:var(--gray-1);
}
.pg-title-row .status .item{display:inline-flex; align-items:center; gap:7px;}
.pg-title-row .status .item b{color:var(--ink); font-weight:600;}
.pg-title-row .status .item .pip{width:6px; height:6px; border-radius:50%; background:#10b981;}
.pg-title-row .status .item .pip.warn{background:#f5c842;}
.pg-title-row .status .sep{width:1px; height:14px; background:var(--line-2);}
.pg-actions{display:flex; gap:10px; flex-shrink:0;}

.btn{
  display:inline-flex; align-items:center; gap:9px;
  font:inherit; font-size:13.5px; font-weight:600;
  padding:11px 18px;
  border:1px solid transparent; border-radius:6px;
  transition:background .15s, border-color .15s, color .15s;
  line-height:1; white-space:nowrap;
}
.btn .arrow{transition:transform .18s;}
.btn:hover .arrow{transform:translateX(2px);}
.btn-red{background:var(--red); color:#fff; border-color:var(--red);}
.btn-red:hover{background:var(--red-deep); border-color:var(--red-deep);}
.btn-ghost{background:transparent; color:var(--ink); border-color:var(--line-2);}
.btn-ghost:hover{background:var(--ink); color:#fff; border-color:var(--ink);}
.btn-sm{padding:8px 13px; font-size:12.5px;}

/* ════════════════════ HUB OVERVIEW — summary rows ════════════════════ */
.hub-list{padding:48px 48px 96px; display:flex; flex-direction:column; gap:14px;}
.hub-row{
  display:grid; grid-template-columns:auto 1fr 260px auto;
  gap:32px; align-items:center;
  padding:24px 28px;
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  transition:border-color .15s, transform .15s, box-shadow .15s;
}
.hub-row:hover{
  border-color:var(--line-2);
  transform:translateY(-2px);
  box-shadow:0 12px 32px -16px rgba(10,10,10,0.12);
}
.hub-num{
  font-family:'Canada','DM Serif Display', Georgia, serif;
  font-size:52px; font-weight:700;
  color:var(--gray-3);
  letter-spacing:-0.04em;
  line-height:1;
  transition:color .15s;
  min-width:50px;
}
.hub-row:hover .hub-num{color:var(--red);}
.hub-info{display:flex; flex-direction:column; gap:10px; min-width:0;}
.hub-info .kind{
  font-size:10.5px; font-weight:700; letter-spacing:0.18em; text-transform:uppercase;
  color:var(--gray-1);
}
.hub-info h3{
  font-family:'Canada','DM Serif Display', Georgia, serif;
  font-size:26px; font-weight:700;
  color:var(--ink); letter-spacing:-0.02em; line-height:1.1;
}
.hub-info h3 em{font-style:italic; color:var(--red); font-weight:400; font-family:'DM Serif Display', serif;}
.hub-info .meta{
  display:flex; align-items:center; gap:14px; flex-wrap:wrap;
  font-size:12.5px; color:var(--gray-1);
}
.hub-info .meta b{color:var(--ink); font-weight:600;}
.hub-info .meta .status{display:inline-flex; align-items:center; gap:7px; font-weight:600; color:var(--ink-2);}
.hub-info .meta .status .pip{width:6px; height:6px; border-radius:50%; background:#10b981;}
.hub-info .meta .status .pip.warn{background:#f5c842;}
.hub-info .meta .status.off{color:var(--gray-1);}
.hub-info .meta .status.off .pip{background:transparent; border:1.5px solid var(--gray-2);}
.hub-info .meta .sep{width:3px; height:3px; border-radius:50%; background:var(--gray-3);}
.hub-info .meta .mono{font-family:'JetBrains Mono', monospace; font-size:11.5px; color:var(--ink-2);}

.hub-thumb{
  aspect-ratio:16/9; border-radius:6px; overflow:hidden;
  position:relative;
  background-size:cover; background-position:center;
}
.hub-thumb.t-hub{
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.1) 35%, rgba(0,0,0,0.65) 100%),
    url('https://images.unsplash.com/photo-1644999172103-d69a66924cbd?w=700&q=80&fit=crop&auto=format');
}
.hub-thumb.t-lp{
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.1) 30%, rgba(0,0,0,0.65) 100%),
    url('https://images.unsplash.com/photo-1668139225815-75a91275edb2?w=700&q=80&fit=crop&auto=format');
}
.hub-thumb.t-ad{
  background:
    radial-gradient(ellipse 60% 70% at 30% 30%, rgba(255,170,120,0.32), transparent 60%),
    radial-gradient(ellipse 50% 60% at 80% 90%, rgba(210,38,48,0.28), transparent 50%),
    linear-gradient(135deg, #1a1a1a 0%, #000 100%);
}
.hub-thumb.t-social{
  background:
    radial-gradient(ellipse 55% 60% at 75% 30%, rgba(244,210,216,0.5) 0%, transparent 60%),
    radial-gradient(ellipse 60% 55% at 20% 80%, rgba(170,218,202,0.55) 0%, transparent 55%),
    linear-gradient(135deg, #18494f 0%, #2c6e75 55%, #4d9aa3 100%);
}
.hub-thumb.t-modules{
  background:
    radial-gradient(ellipse 55% 55% at 25% 30%, rgba(250,218,70,0.32) 0%, transparent 55%),
    radial-gradient(ellipse 60% 50% at 80% 80%, rgba(244,210,216,0.28) 0%, transparent 55%),
    linear-gradient(135deg, #2b2e1a 0%, #4d4f30 55%, #7a7a55 100%);
}
.hub-thumb.t-ig{background:linear-gradient(135deg, #4a1d6e 0%, #c13584 45%, #f56040 80%, #fcaf45 100%);}
.hub-thumb.t-tt{background:linear-gradient(135deg, #000 0%, #1a1a1a 50%, #000 100%);}
.hub-thumb.t-tt::before{content:''; position:absolute; inset:0; background:linear-gradient(135deg, rgba(255,0,80,0.25), transparent 40%), linear-gradient(225deg, rgba(0,242,234,0.22), transparent 40%);}
.hub-thumb.t-yt{background:linear-gradient(135deg, #2a0f12 0%, #5a1a20 50%, #c4302b 100%);}
.hub-thumb.t-x{background:linear-gradient(135deg, #0a0a0a 0%, #000 100%);}
.hub-thumb.t-x::before{content:''; position:absolute; inset:0; background:radial-gradient(ellipse 60% 50% at 50% 50%, rgba(255,255,255,0.08), transparent 60%);}
.hub-thumb .lbl{
  position:absolute; bottom:8px; left:10px;
  font-family:'Canada','DM Serif Display', Georgia, serif;
  font-size:13px; font-weight:700; color:#fff;
  letter-spacing:-0.012em; line-height:1.1;
  text-shadow:0 1px 6px rgba(0,0,0,0.4);
  max-width:78%;
}
.hub-thumb .lbl em{font-style:italic; color:#ffb88a; font-weight:400; font-family:'DM Serif Display', serif;}
.hub-thumb .corner{
  position:absolute; top:8px; right:8px;
  padding:2px 7px;
  background:rgba(0,0,0,0.45); backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,0.16); border-radius:2px;
  font-family:'JetBrains Mono', monospace; font-size:9px;
  color:rgba(255,255,255,0.85); letter-spacing:0.04em;
}

.hub-arrow{
  font-size:18px; color:var(--gray-2);
  transition:transform .18s, color .18s;
  margin-left:8px;
}
.hub-row:hover .hub-arrow{transform:translateX(4px); color:var(--ink);}

/* ════════════════════ SURFACE CARD (child detail pages) ════════════════════ */
.surface-page{padding:48px 48px 96px;}

.surface{
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  overflow:hidden;
}
.surface-head{
  padding:24px 32px;
  border-bottom:1px solid var(--line);
  display:grid; grid-template-columns:1fr auto; gap:24px; align-items:center;
}
.surface-title h3{
  font-family:'Canada','DM Serif Display', Georgia, serif;
  font-size:22px; font-weight:700; line-height:1.1;
  letter-spacing:-0.018em; color:var(--ink);
  margin-bottom:6px;
}
.surface-title h3 em{font-style:italic; color:var(--red); font-weight:400; font-family:'DM Serif Display', serif;}
.surface-title .kind{
  display:inline-block;
  font-size:10.5px; font-weight:700; letter-spacing:0.16em; text-transform:uppercase;
  padding:3px 9px;
  background:var(--paper-2); border:1px solid var(--line);
  border-radius:3px; color:var(--gray-1);
  margin-right:12px;
}
.surface-title .id{
  font-family:'JetBrains Mono', monospace;
  font-size:11.5px; color:var(--gray-1);
}
.surface-title .id b{color:var(--ink-2);}
.surface-actions{display:flex; gap:10px;}

.surface-body{
  display:grid; grid-template-columns:1fr 1fr;
  gap:0;
}
.surface-config{
  padding:32px;
  border-right:1px solid var(--line);
  display:flex; flex-direction:column; gap:24px;
  min-width:0;
}
.surface-preview{
  padding:32px;
  background:var(--paper-2);
  display:flex; flex-direction:column; gap:18px;
  min-width:0;
}

/* ── Config building blocks ── */
.cfg-title{
  font-size:10.5px; font-weight:700; letter-spacing:0.16em; text-transform:uppercase;
  color:var(--gray-1);
  display:flex; align-items:center; gap:12px;
  margin-bottom:4px;
}
.cfg-title::before{content:''; width:20px; height:1px; background:var(--gray-2);}

.cfg-block{
  background:var(--white);
  border:1px solid var(--line);
  border-radius:6px;
  overflow:hidden;
}
.cfg-row{
  padding:14px 16px;
  display:grid; grid-template-columns:1fr auto; gap:16px; align-items:center;
  border-bottom:1px solid var(--line);
}
.cfg-row:last-child{border-bottom:0;}
.cfg-row .k{display:flex; flex-direction:column; gap:3px; min-width:0;}
.cfg-row .k b{font-size:13.5px; color:var(--ink); font-weight:600;}
.cfg-row .k span{font-size:12.5px; color:var(--gray-1); line-height:1.45;}
.cfg-row .v{font-size:13px; font-weight:500; color:var(--ink-2); white-space:nowrap;}
.cfg-row .v.tag{
  padding:4px 9px; background:var(--mint-soft); border:1px solid var(--mint);
  color:var(--teal-deep); font-size:10.5px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase;
  border-radius:3px;
}
.cfg-row .v.tag.off{background:var(--paper-2); border-color:var(--line-2); color:var(--gray-1);}

.tog{position:relative; width:34px; height:20px; border-radius:100px; background:var(--gray-3); transition:background .15s; flex-shrink:0; cursor:pointer;}
.tog::after{content:''; position:absolute; top:2px; left:2px; width:16px; height:16px; background:#fff; border-radius:50%; transition:left .15s; box-shadow:0 1px 2px rgba(0,0,0,0.2);}
.tog.on{background:var(--teal);}
.tog.on::after{left:16px;}

.signal-row{display:flex; flex-wrap:wrap; gap:6px;}
.sig{
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 12px 6px 10px;
  background:var(--white); border:1px solid var(--line-2);
  border-radius:100px;
  font-size:12px; font-weight:500; color:var(--ink-2);
}
.sig::before{
  content:''; width:6px; height:6px; border-radius:1px;
  background:var(--teal); transform:rotate(45deg);
}
.sig.red::before{background:var(--red);}
.sig.yellow::before{background:#d4a800;}

/* Audience card */
.audience-card{
  background:var(--ink); color:#fff;
  padding:20px;
  border-radius:6px;
  display:flex; flex-direction:column; gap:14px;
}
.audience-card .head{
  display:flex; justify-content:space-between; align-items:flex-start; gap:18px;
  padding-bottom:14px; border-bottom:1px solid rgba(255,255,255,0.1);
}
.audience-card .head h4{
  font-family:'Canada','DM Serif Display', Georgia, serif;
  font-size:22px; font-weight:700; letter-spacing:-0.015em; line-height:1.1;
}
.audience-card .head .id{
  font-family:'JetBrains Mono', monospace; font-size:11px;
  color:rgba(255,255,255,0.55); margin-top:5px; display:block;
}
.audience-card .size{
  font-family:'Canada','DM Serif Display', Georgia, serif;
  font-size:34px; font-weight:700; letter-spacing:-0.02em;
  color:#fff; line-height:1; font-variant-numeric:tabular-nums;
  text-align:right;
}
.audience-card .size .lbl{
  font-family:'SuisseIntl', sans-serif; font-size:9.5px; font-weight:700;
  letter-spacing:0.14em; text-transform:uppercase; color:rgba(255,255,255,0.55);
  display:block; margin-bottom:6px;
}
.audience-card .filters{display:flex; flex-wrap:wrap; gap:6px;}
.a-filter{
  padding:5px 11px 5px 9px;
  background:rgba(255,255,255,0.08);
  border:1px solid rgba(255,255,255,0.14);
  border-radius:100px;
  font-size:11.5px; font-weight:500; color:rgba(255,255,255,0.92);
  display:inline-flex; align-items:center; gap:7px;
}
.a-filter::before{content:''; width:5px; height:5px; border-radius:1px; background:var(--mint); transform:rotate(45deg);}
.a-filter.red::before{background:var(--red);}

/* Channel allocation */
.channel-row{display:grid; grid-template-columns:repeat(2, 1fr); gap:10px;}
.channel{
  padding:16px;
  background:var(--white); border:1px solid var(--line);
  border-radius:6px;
  display:flex; flex-direction:column; gap:10px;
}
.channel .top{
  display:flex; justify-content:space-between; align-items:center;
  font-size:11px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase;
  color:var(--ink);
}
.channel .top .pct{color:var(--gray-1); font-family:'JetBrains Mono', monospace; letter-spacing:0.04em;}
.channel .spend{
  font-family:'Canada','DM Serif Display', Georgia, serif;
  font-size:26px; font-weight:700; letter-spacing:-0.02em; color:var(--ink); line-height:1;
  font-variant-numeric:tabular-nums;
}
.channel .spend .cur{color:var(--gray-1); font-size:16px; font-weight:400; margin-right:2px;}
.channel .bar{height:4px; background:var(--paper-2); border-radius:2px; overflow:hidden;}
.channel .bar i{display:block; height:100%; background:linear-gradient(90deg, var(--teal), var(--mint));}

/* ── Preview frames ── */
.frame{
  background:var(--ac-ink); color:#fff;
  border:1px solid var(--line);
  border-radius:8px;
  overflow:hidden;
}
.frame-bar{
  background:#000; padding:10px 14px;
  border-bottom:1px solid rgba(255,255,255,0.08);
  display:flex; align-items:center; gap:10px;
  font-size:11px;
}
.frame-bar .dot{width:9px; height:9px; border-radius:50%; background:rgba(255,255,255,0.18);}
.frame-bar .dot.r{background:#ff5f57;}
.frame-bar .dot.y{background:#febc2e;}
.frame-bar .dot.g{background:#28c840;}
.frame-bar .url{
  margin-left:8px;
  font-family:'JetBrains Mono', monospace; font-size:11px;
  color:rgba(255,255,255,0.5);
  padding:4px 11px; background:rgba(255,255,255,0.05);
  border-radius:3px;
  flex:1;
}
.frame-bar .url b{color:#fff; font-weight:500;}
.frame-bar .live{
  margin-left:auto;
  font-size:9.5px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase;
  color:#4ade80;
  display:inline-flex; align-items:center; gap:6px;
}
.frame-bar .live::before{content:''; width:6px; height:6px; border-radius:50%; background:#4ade80; animation:pulse 2.4s infinite;}
.frame-bar .live.sched{color:#f5c842;}
.frame-bar .live.sched::before{background:#f5c842;}

.stage{
  position:relative;
  aspect-ratio:16/9;
  background-size:cover; background-position:center;
  overflow:hidden;
}
.stage.hub{
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.6) 100%),
    url('https://images.unsplash.com/photo-1644999172103-d69a66924cbd?w=1800&q=80&fit=crop&auto=format');
}
.stage.lp{
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.65) 100%),
    url('https://images.unsplash.com/photo-1668139225815-75a91275edb2?w=1800&q=80&fit=crop&auto=format');
}

.stage-tag{
  position:absolute; top:16px; left:16px;
  display:inline-flex; align-items:center; gap:7px;
  padding:5px 11px;
  background:rgba(255,255,255,0.12); backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,0.18); border-radius:3px;
  font-size:10px; font-weight:700; letter-spacing:0.16em; text-transform:uppercase;
  color:#fff;
}
.stage-tag::before{content:''; width:6px; height:6px; border-radius:50%; background:var(--mint);}

.stage-headline{
  position:absolute; bottom:20px; left:20px; right:20px;
  font-family:'Canada','DM Serif Display', Georgia, serif;
  font-size:38px; font-weight:700; line-height:0.95;
  letter-spacing:-0.025em; color:#fff;
  max-width:78%;
  text-shadow:0 2px 16px rgba(0,0,0,0.4);
}
.stage-headline em{font-style:italic; color:#ffb88a; font-weight:400; font-family:'DM Serif Display', serif;}

.stage-verified{
  position:absolute; bottom:20px; right:20px;
  display:flex; align-items:center; gap:8px;
  padding:6px 11px 6px 8px;
  background:rgba(255,255,255,0.12); backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,0.2); border-radius:100px;
  font-size:10.5px; color:#fff; font-weight:600;
}
.stage-verified .seal{
  width:16px; height:16px; border-radius:50%;
  background:var(--red);
  display:inline-flex; align-items:center; justify-content:center;
  color:#fff; font-size:9px;
}

/* LP preview composite */
.lp-preview{
  background:var(--paper);
  border:1px solid var(--line); border-radius:8px;
  padding:14px; display:flex; flex-direction:column; gap:12px;
}
.lp-hero{
  position:relative;
  aspect-ratio:16/8;
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.1) 35%, rgba(0,0,0,0.65) 100%),
    url('https://images.unsplash.com/photo-1668139225815-75a91275edb2?w=1400&q=80&fit=crop&auto=format');
  background-size:cover; background-position:center;
  border-radius:5px; overflow:hidden;
  color:#fff; padding:18px;
  display:flex; flex-direction:column; justify-content:flex-end;
}
.lp-hero .eb{
  font-size:9.5px; font-weight:700; letter-spacing:0.2em; text-transform:uppercase; color:#ffb88a;
  position:relative; z-index:1;
  margin-bottom:8px;
}
.lp-hero .h{
  font-family:'Canada','DM Serif Display', Georgia, serif;
  font-size:28px; font-weight:700; line-height:0.95;
  letter-spacing:-0.025em;
  position:relative; z-index:1;
  max-width:88%;
}
.lp-hero .h em{font-style:italic; color:#ffb88a; font-weight:400; font-family:'DM Serif Display', serif;}

.lp-tiles{display:grid; grid-template-columns:repeat(6, 1fr); gap:5px;}
.lp-tile{
  aspect-ratio:1; border-radius:3px; overflow:hidden; position:relative;
  background-size:cover; background-position:center;
}
.lp-tile.t1{background:linear-gradient(135deg, #4a6f3a, #8aaa6e);}
.lp-tile.t2{background:linear-gradient(135deg, #8a4a3a, #c08a6e);}
.lp-tile.t3{background:linear-gradient(135deg, #3a4a8a, #6a7aaa);}
.lp-tile.t4{background:linear-gradient(135deg, #6a3a4a, #aa6a7a);}
.lp-tile.t5{background:linear-gradient(135deg, #6f5a3a, #aa8a5e);}
.lp-tile.t6{background:linear-gradient(135deg, #3a6a6a, #6aaaaa);}
.lp-tile .pr{
  position:absolute; bottom:0; left:0; right:0;
  padding:3px 5px;
  background:linear-gradient(0deg, rgba(0,0,0,0.7), transparent);
  font-family:'JetBrains Mono', monospace; font-size:9px;
  color:#fff; font-weight:600;
  display:flex; justify-content:space-between;
}
.lp-tile.sold::after{
  content:'SOLD'; position:absolute; top:50%; left:50%;
  transform:translate(-50%, -50%) rotate(-18deg);
  padding:2px 7px;
  background:rgba(0,0,0,0.7); color:#fff;
  font-size:8.5px; font-weight:700; letter-spacing:0.14em;
  font-family:'JetBrains Mono', monospace;
  border:1px solid rgba(255,255,255,0.4); border-radius:2px;
}

/* Co-brand lockup card */
.lockup-card{
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.75) 100%),
    url('https://images.unsplash.com/photo-1743687233989-b013b182ec7b?w=1400&q=80&fit=crop&auto=format');
  background-size:cover; background-position:center;
  color:#fff;
  padding:24px;
  border-radius:8px;
  position:relative; overflow:hidden;
}
.lockup-card .top{
  position:relative; z-index:1;
  display:flex; align-items:center; gap:14px;
  padding-bottom:18px; border-bottom:1px solid rgba(255,255,255,0.12);
}
.lockup-card .ac{display:flex; align-items:center; gap:9px;}
.lockup-card .ac .m{
  width:24px; height:24px; border-radius:50%;
  background:var(--ac-red);
  display:flex; align-items:center; justify-content:center;
}
.lockup-card .ac .m::before{
  content:''; width:13px; height:6.5px; background:#fff;
  clip-path:polygon(0 50%, 50% 0, 100% 50%, 100% 100%, 50% 75%, 0 100%);
}
.lockup-card .ac .w{font-size:14px; font-weight:300; letter-spacing:-0.005em;}
.lockup-card .ac .w b{font-weight:700;}
.lockup-card .x{color:rgba(255,255,255,0.4); font-weight:300; font-size:18px;}
.lockup-card .dc{display:flex; align-items:center; gap:9px;}
.lockup-card .dc .seal{
  width:24px; height:24px; border-radius:50%;
  background:var(--red);
  display:flex; align-items:center; justify-content:center;
  color:#fff; font-family:'Canada','DM Serif Display', Georgia, serif;
  font-size:11px; font-weight:700;
}
.lockup-card .dc .w{
  font-family:'Canada','DM Serif Display', Georgia, serif;
  font-size:14px; font-weight:700;
}
.lockup-card .credit{
  margin-left:auto;
  font-size:9.5px; letter-spacing:0.18em; text-transform:uppercase;
  color:rgba(255,255,255,0.55); font-weight:500;
  display:inline-flex; align-items:center; gap:7px;
}
.lockup-card .credit b{color:#fff; font-weight:700;}
.lockup-card .credit::before{
  content:''; width:6px; height:6px; border-radius:50%; background:var(--red);
}
.lockup-card .h{
  position:relative; z-index:1;
  margin-top:22px;
  font-family:'Canada','DM Serif Display', Georgia, serif;
  font-size:38px; font-weight:700; line-height:0.95;
  letter-spacing:-0.028em;
  max-width:90%;
}
.lockup-card .h em{font-style:italic; color:#ffb88a; font-weight:400; font-family:'DM Serif Display', serif;}
.lockup-card .sub{
  position:relative; z-index:1;
  margin-top:14px;
  font-size:13px; color:rgba(255,255,255,0.74); line-height:1.5;
  max-width:90%;
}
.lockup-card .sub b{color:#fff;}
.lockup-card .cta-row{
  position:relative; z-index:1;
  margin-top:22px;
  display:flex; align-items:center; gap:14px;
}
.lockup-card .cta{
  display:inline-flex; align-items:center; gap:7px;
  padding:9px 16px;
  background:#fff; color:#000;
  border-radius:3px;
  font-size:12px; font-weight:700; letter-spacing:0.02em;
}
.lockup-card .runtime{
  font-family:'JetBrains Mono', monospace; font-size:10.5px;
  color:rgba(255,255,255,0.55);
}
.lockup-card .runtime b{color:#fff;}

/* Preview footer link */
.pv-foot{
  display:flex; align-items:center; gap:14px;
  padding:16px 18px;
  background:var(--white); border:1px solid var(--line);
  border-radius:6px;
}
.pv-foot .seal{
  width:30px; height:30px; border-radius:50%;
  background:var(--red); color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-family:'Canada','DM Serif Display', Georgia, serif;
  font-size:13px; font-weight:700;
  flex-shrink:0;
}
.pv-foot .txt{flex:1; min-width:0;}
.pv-foot .txt b{font-size:13px; color:var(--ink); display:block; font-weight:600;}
.pv-foot .txt span{font-size:11.5px; color:var(--gray-1);}
.pv-foot a{font-size:12.5px; font-weight:600; color:var(--ink); display:inline-flex; align-items:center; gap:7px;}
.pv-foot a:hover{color:var(--red);}
.pv-foot a .arrow{transition:transform .15s;}
.pv-foot a:hover .arrow{transform:translateX(3px);}

/* ════════════════════ DASHBOARD ════════════════════ */
.dash-pillars{
  display:grid; grid-template-columns:repeat(3, 1fr); gap:18px;
  padding:48px 48px 24px;
}
.dash-pillar{
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  padding:26px 28px;
  display:flex; flex-direction:column; gap:18px;
  transition:border-color .15s, transform .15s, box-shadow .15s;
}
.dash-pillar:hover{
  border-color:var(--line-2);
  transform:translateY(-2px);
  box-shadow:0 10px 28px -14px rgba(10,10,10,0.12);
}
.dash-pillar .kind-row{
  display:flex; align-items:center; justify-content:space-between;
}
.dash-pillar .kind{
  font-size:10.5px; font-weight:700; letter-spacing:0.18em; text-transform:uppercase;
  color:var(--gray-1);
  display:inline-flex; align-items:center; gap:9px;
}
.dash-pillar .kind::before{
  content:''; width:7px; height:7px; border-radius:50%; background:#10b981;
}
.dash-pillar .kind.warn::before{background:#f5c842;}
.dash-pillar .pill-link{
  font-size:11.5px; font-weight:600; color:var(--gray-1);
  display:inline-flex; align-items:center; gap:6px;
}
.dash-pillar:hover .pill-link{color:var(--ink);}
.dash-pillar .pill-link .arrow{transition:transform .18s;}
.dash-pillar:hover .pill-link .arrow{transform:translateX(3px);}
.dash-pillar .num{
  font-family:'Canada','DM Serif Display', Georgia, serif;
  font-size:46px; font-weight:700; line-height:1;
  letter-spacing:-0.028em; color:var(--ink);
  font-variant-numeric:tabular-nums;
}
.dash-pillar .num em{font-style:italic; color:var(--red); font-weight:400; font-family:'DM Serif Display', serif;}
.dash-pillar .num .small{font-size:18px; color:var(--gray-1); font-weight:400; margin-left:4px; letter-spacing:0;}
.dash-pillar .meta{
  display:flex; flex-direction:column; gap:8px;
  padding-top:16px; border-top:1px solid var(--line);
}
.dash-pillar .meta .row{
  display:flex; justify-content:space-between; align-items:center;
  font-size:12.5px; color:var(--gray-1);
}
.dash-pillar .meta .row b{color:var(--ink); font-weight:600;}
.dash-pillar .meta .row .v{font-family:'JetBrains Mono', monospace; font-size:12px; color:var(--ink); font-weight:500;}
.dash-pillar .meta .pip-set{display:inline-flex; gap:12px;}
.dash-pillar .meta .pip-set span{display:inline-flex; align-items:center; gap:6px; color:var(--ink-2);}
.dash-pillar .meta .pip-set .pip{width:6px; height:6px; border-radius:50%; background:#10b981;}
.dash-pillar .meta .pip-set .pip.warn{background:#f5c842;}

/* Dashboard 2-col bottom */
.dash-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:18px;
  padding:0 48px 96px;
}
.dash-col{
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  overflow:hidden;
}
.dash-col-head{
  padding:18px 22px 16px;
  display:flex; justify-content:space-between; align-items:center;
  border-bottom:1px solid var(--line);
}
.dash-col-head h2{
  font-family:'Canada','DM Serif Display', Georgia, serif;
  font-size:22px; font-weight:700; letter-spacing:-0.018em; color:var(--ink);
}
.dash-col-head h2 em{font-style:italic; color:var(--red); font-weight:400; font-family:'DM Serif Display', serif;}
.dash-col-head .count{
  font-family:'JetBrains Mono', monospace; font-size:11px;
  padding:2px 8px;
  background:var(--paper-2); border:1px solid var(--line);
  border-radius:3px; color:var(--gray-1); font-weight:500;
}
.dash-col-head .count.alert{background:#fff6d6; border-color:#f5c842; color:#7a5800; font-weight:600;}
.dash-col-head .view-all{
  font-size:11.5px; font-weight:600; color:var(--gray-1);
}
.dash-col-head .view-all:hover{color:var(--ink);}

/* Attention list */
.att-list{display:flex; flex-direction:column;}
.att-item{
  padding:16px 22px;
  display:grid; grid-template-columns:auto 1fr auto; gap:14px; align-items:center;
  border-bottom:1px solid var(--line);
  transition:background .12s;
}
.att-item:last-child{border-bottom:0;}
.att-item:hover{background:var(--paper-2);}
.att-item .badge{
  width:30px; height:30px; border-radius:7px;
  display:flex; align-items:center; justify-content:center;
  font-size:13px; flex-shrink:0;
}
.att-item .badge.review{background:#fff6d6; color:#7a5800;}
.att-item .badge.launch{background:#e8efff; color:#1a4ab3;}
.att-item .badge.brand{background:var(--mint-soft); color:var(--teal-deep);}
.att-item .badge.brief{background:#fde8ea; color:#a01744;}
.att-item .info{display:flex; flex-direction:column; gap:3px; min-width:0;}
.att-item .info b{font-size:13.5px; color:var(--ink); font-weight:600;}
.att-item .info span{font-size:11.5px; color:var(--gray-1);}
.att-item .info span .where{color:var(--ink-2); font-weight:500;}
.att-item .when{font-size:11px; color:var(--gray-1); font-family:'JetBrains Mono', monospace; white-space:nowrap;}

/* Activity feed */
.act-list{display:flex; flex-direction:column;}
.act-item{
  padding:14px 22px;
  display:grid; grid-template-columns:54px auto 1fr; gap:14px; align-items:flex-start;
  border-bottom:1px solid var(--line);
  font-size:13px;
}
.act-item:last-child{border-bottom:0;}
.act-item .t{font-family:'JetBrains Mono', monospace; font-size:10.5px; color:var(--gray-1); padding-top:3px;}
.act-item .tag{
  padding:3px 8px;
  border-radius:3px;
  font-size:9.5px; font-weight:700; letter-spacing:0.12em; text-transform:uppercase;
  align-self:flex-start; margin-top:1px; white-space:nowrap;
}
.act-item .tag.sig{background:var(--mint-soft); color:var(--teal-deep);}
.act-item .tag.attr{background:var(--red-soft); color:var(--red-deep);}
.act-item .tag.brand{background:#fdf6dc; color:#7a5800;}
.act-item .tag.pub{background:var(--paper-2); color:var(--ink-2); border:1px solid var(--line);}
.act-item .msg{color:var(--ink); line-height:1.45; font-size:12.5px;}
.act-item .msg b{font-weight:600;}
.act-item .msg .code{font-family:'JetBrains Mono', monospace; font-size:11.5px; padding:1px 5px; background:var(--paper-2); border:1px solid var(--line); border-radius:3px; color:var(--ink-2);}

/* ════════════════════ SEGMENTS (signals page) ════════════════════ */
.seg-grid{
  display:grid; grid-template-columns:repeat(3, 1fr); gap:18px;
  padding:36px 48px 96px;
}
.seg-card{
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  overflow:hidden;
  display:flex; flex-direction:column;
  transition:transform .2s, border-color .15s, box-shadow .2s;
  cursor:pointer;
}
.seg-card:hover{
  transform:translateY(-3px);
  border-color:var(--line-2);
  box-shadow:0 16px 36px -16px rgba(10,10,10,0.14);
}
.seg-img{
  aspect-ratio:16/9;
  background-size:cover; background-position:center;
  position:relative;
}
.seg-img::after{
  content:''; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,0.05) 40%, rgba(0,0,0,0.55) 100%);
}
.seg-num{
  position:absolute; top:14px; left:16px; z-index:2;
  font-family:'Canada','DM Serif Display', Georgia, serif;
  font-size:26px; font-weight:700; letter-spacing:-0.025em;
  color:#fff; line-height:1;
  text-shadow:0 1px 8px rgba(0,0,0,0.35);
}
.seg-tag{
  position:absolute; top:14px; right:14px; z-index:2;
  display:inline-flex; align-items:center; gap:6px;
  padding:4px 10px 4px 9px;
  background:rgba(255,255,255,0.96);
  border-radius:100px;
  font-size:9.5px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase;
  color:var(--teal-deep);
}
.seg-tag::before{
  content:''; width:6px; height:6px; border-radius:50%; background:var(--teal);
}
.seg-body{
  padding:22px 24px 22px;
  display:flex; flex-direction:column; gap:13px;
  flex:1;
}
.seg-body h3{
  font-family:'Canada','DM Serif Display', Georgia, serif;
  font-size:26px; font-weight:700; line-height:1.05;
  letter-spacing:-0.02em; color:var(--ink);
}
.seg-body h3 em{font-style:italic; color:var(--red); font-weight:400; font-family:'DM Serif Display', serif;}
.seg-body .desc{
  font-size:13.5px; color:var(--gray-1); line-height:1.5;
}
.seg-chips{display:flex; flex-wrap:wrap; gap:5px;}
.seg-chip{
  padding:3px 10px;
  background:var(--paper-2); border:1px solid var(--line);
  border-radius:100px;
  font-size:11px; font-weight:500; color:var(--ink-2);
}
.seg-foot{
  margin-top:auto;
  padding-top:14px; border-top:1px solid var(--line);
  display:flex; justify-content:space-between; align-items:center;
  font-size:11.5px; color:var(--gray-1);
}
.seg-foot .left{display:flex; align-items:center; gap:14px;}
.seg-foot .v{font-family:'JetBrains Mono', monospace; font-weight:600; color:var(--ink); font-size:12px;}
.seg-foot .trend{
  font-family:'JetBrains Mono', monospace; font-size:11.5px; font-weight:600;
  color:#10b981;
  display:inline-flex; align-items:center; gap:4px;
}
.seg-foot .trend.dn{color:var(--ac-red);}
.seg-foot .arrow{font-size:14px; color:var(--gray-2); transition:transform .18s, color .18s;}
.seg-card:hover .seg-foot .arrow{color:var(--ink); transform:translateX(3px);}

/* Segments intro line */
.seg-intro{
  padding:24px 48px 0;
  display:flex; justify-content:space-between; align-items:center;
  font-size:12.5px; color:var(--gray-1);
}
.seg-intro .src{
  display:inline-flex; align-items:center; gap:8px;
}
.seg-intro .src::before{
  content:''; width:6px; height:6px; border-radius:50%; background:#10b981;
}
.seg-intro .src b{color:var(--ink); font-weight:600;}
.seg-intro .filters{display:flex; gap:6px;}
.seg-filter{
  padding:5px 12px;
  border:1px solid var(--line-2); border-radius:100px;
  font-size:11.5px; font-weight:500; color:var(--ink-2);
  cursor:pointer;
  background:transparent;
}
.seg-filter.active{background:var(--ink); color:#fff; border-color:var(--ink);}

/* ════════════════════ AURORA AGENT (chat) ════════════════════ */
.main.chat{
  height:calc(100vh - 68px);
  display:flex; flex-direction:column;
  overflow:hidden;
}
.chat-thread{
  flex:1; min-height:0; overflow-y:auto;
  padding:32px 48px 44px;
}
.chat-inner{max-width:768px; margin:0 auto; display:flex; flex-direction:column; gap:30px;}

.msg{display:flex; gap:14px; align-items:flex-start;}
.msg.user{flex-direction:row-reverse;}
.msg-av{
  width:34px; height:34px; border-radius:50%; flex-shrink:0;
  background:linear-gradient(135deg, #5fd6c4 0%, #4a9aa8 38%, #9b8fd4 72%, #f0a8c4 100%);
}
.msg-av.user{
  background:linear-gradient(135deg, var(--teal), var(--teal-deep));
  color:#fff; font-size:11.5px; font-weight:700;
  font-family:'JetBrains Mono', monospace;
  display:flex; align-items:center; justify-content:center;
}
.msg-body{display:flex; flex-direction:column; gap:10px; min-width:0; max-width:580px;}
.msg.user .msg-body{align-items:flex-end;}
.msg-name{
  font-size:12px; font-weight:700; color:var(--ink);
  display:flex; align-items:center; gap:8px;
}
.msg-name .meta{font-weight:400; color:var(--gray-1); font-size:11px;}
.msg-text{font-size:14.5px; line-height:1.62; color:var(--ink-2);}
.msg-text b{color:var(--ink); font-weight:600;}
.msg.user .msg-text{
  background:var(--paper-2); color:var(--ink);
  padding:11px 15px; border-radius:12px;
}

/* Result cards inside an Aurora message */
.result-set{display:flex; flex-direction:column; gap:10px;}
.result-card{
  display:flex; gap:0;
  background:var(--white); border:1px solid var(--line);
  border-radius:10px; overflow:hidden;
  transition:border-color .15s, box-shadow .15s, transform .15s;
  cursor:pointer;
}
.result-card:hover{
  border-color:var(--line-2);
  box-shadow:0 10px 26px -14px rgba(10,10,10,0.14);
  transform:translateY(-1px);
}
.result-img{
  width:116px; flex-shrink:0;
  background-size:cover; background-position:center;
}
.result-img.r1{background:linear-gradient(135deg, #1d4a55, #3a7a85);}
.result-img.r2{background:linear-gradient(135deg, #6f4a3a, #b2785a);}
.result-img.r3{background:linear-gradient(135deg, #355a3d, #6a9a6e);}
.result-info{padding:13px 16px; display:flex; flex-direction:column; gap:5px; min-width:0;}
.result-top{display:flex; align-items:center; gap:12px;}
.result-type{
  font-size:9.5px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase;
  color:var(--gray-1);
}
.result-verified{
  display:inline-flex; align-items:center; gap:5px;
  font-size:9.5px; font-weight:700; letter-spacing:0.05em;
  color:var(--ink);
}
.result-verified::before{
  content:'✓';
  width:14px; height:14px; border-radius:50%;
  background:#000; color:#fff;
  display:inline-flex; align-items:center; justify-content:center; font-size:8px;
}
.result-info h4{
  font-family:'Canada','DM Serif Display', Georgia, serif;
  font-size:17px; font-weight:700; letter-spacing:-0.012em; color:var(--ink);
  line-height:1.15;
}
.result-info h4 em{font-style:italic; color:var(--red); font-weight:400; font-family:'DM Serif Display', serif;}
.result-meta{font-family:'JetBrains Mono', monospace; font-size:10.5px; color:var(--gray-1);}
.result-copy{font-size:12.5px; color:var(--ink-2); font-style:italic; line-height:1.45; margin-top:1px;}

/* Suggested prompt chips */
.prompt-chips{display:flex; flex-wrap:wrap; gap:8px;}
.prompt-chip{
  padding:8px 14px;
  background:var(--white); border:1px solid var(--line-2);
  border-radius:100px;
  font-size:12.5px; color:var(--ink-2); font-weight:500;
  cursor:pointer;
  transition:border-color .15s, background .15s, color .15s;
}
.prompt-chip:hover{border-color:var(--ink); background:var(--ink); color:#fff;}

/* Composer */
.composer{
  border-top:1px solid var(--line);
  background:var(--white);
  padding:18px 48px 22px;
  flex-shrink:0;
}
.composer-inner{max-width:768px; margin:0 auto;}
.composer-box{
  border:1px solid var(--line-2);
  border-radius:12px;
  padding:13px 14px 11px;
  display:flex; flex-direction:column; gap:10px;
  background:var(--paper);
  transition:border-color .15s, background .15s;
}
.composer-box:focus-within{border-color:var(--ink); background:var(--white);}
.composer-input{
  border:0; background:transparent; outline:none;
  font:inherit; font-size:14.5px; color:var(--ink);
  resize:none; width:100%; line-height:1.5;
  font-family:'SuisseIntl', sans-serif;
}
.composer-input::placeholder{color:var(--gray-2);}
.composer-actions{display:flex; justify-content:space-between; align-items:center;}
.composer-scope{
  font-size:11px; color:var(--gray-1);
  display:inline-flex; align-items:center; gap:7px;
}
.composer-scope::before{content:''; width:6px; height:6px; border-radius:50%; background:#10b981;}
.composer-scope b{color:var(--ink-2); font-weight:600;}
.composer-send{
  width:34px; height:34px; border-radius:8px;
  background:var(--ink); color:#fff;
  display:flex; align-items:center; justify-content:center;
  transition:background .15s;
}
.composer-send:hover{background:var(--red);}
.composer-send svg{width:16px; height:16px;}
.composer-note{
  text-align:center; font-size:11px; color:var(--gray-2);
  margin-top:11px;
}

/* ════════════════════ FOOTER ════════════════════ */
.footer{
  background:var(--ink); color:rgba(255,255,255,0.6);
  padding:24px 48px;
  display:flex; justify-content:space-between; align-items:center;
  font-size:11.5px;
}
.footer .left{display:flex; align-items:center; gap:18px;}
.footer .seal{
  width:22px; height:22px; border-radius:50%;
  background:var(--red); color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-family:'Canada','DM Serif Display', Georgia, serif; font-size:11px; font-weight:700;
}
.footer a:hover{color:#fff;}
.footer .right{display:flex; gap:22px;}