/* Classie site — page-section styles (Platform / Solutions / Company / Home
 * extras). Built on the Classie design tokens; matches the dark product look. */

.mint{color:var(--accent-mint);}
.platform-band{scroll-margin-top:128px;}
.platform-band > .section:first-child{padding-top:88px;}
/* anchor landing offset for in-page nav (clears the fixed nav) */
.page section[id],.page > main [id]{scroll-margin-top:104px;}
#outcomes,#teams,#deliverables,#delivery,#usecases{scroll-margin-top:104px;}

/* ───────── sub-page hero ───────── */
.phero{position:relative;padding:168px 0 72px;}
.phero-inner{max-width:860px;}
.phero-kicker{font-family:var(--f-mono);font-size:13px;color:var(--fg-tertiary);letter-spacing:.01em;margin-bottom:18px;}
.eyebrow.ha{margin-bottom:16px;}
.phero-h1{font-family:var(--f-display);font-weight:800;font-size:clamp(40px,5.6vw,72px);line-height:.98;
  letter-spacing:-.035em;color:var(--fg-primary);margin:0;}
.phero-h1 .cy{color:var(--brand-primary);}
.phero-sub{font-size:clamp(17px,1.7vw,20px);line-height:1.55;color:var(--fg-secondary);max-width:640px;margin:22px 0 0;font-weight:500;}
.phero-sub strong{color:var(--fg-primary);font-weight:700;}
.phero .cta-row{margin-top:32px;}

/* ───────── home Platform teaser ───────── */
.teaser-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center;}
.teaser-pillars{display:flex;flex-direction:column;gap:14px;margin:30px 0 32px;}
.teaser-pill{display:flex;align-items:flex-start;gap:13px;}
.teaser-ic{flex:none;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;
  background:var(--brand-primary-10);border:1px solid var(--border-default);}
.teaser-pill b{display:block;font-family:var(--f-display);font-weight:700;font-size:15.5px;color:var(--fg-primary);}
.teaser-pill span{font-size:14px;color:var(--fg-tertiary);}
.teaser-art{position:relative;}
@media(max-width:900px){.teaser-grid{grid-template-columns:1fr;gap:36px;}}

/* ───────── use-case grid ───────── */
a.uc-card{text-decoration:none;color:inherit;display:flex;flex-direction:column;}
.uc-go{margin-top:16px;font-family:var(--f-mono);font-size:12px;letter-spacing:.03em;color:var(--fg-tertiary);
  display:inline-flex;align-items:center;gap:7px;transition:color .18s var(--ease-out);}
.uc-card:hover .uc-go{color:var(--brand-primary-hover);}
.uc-go .arr{transition:transform .18s var(--ease-out);}
.uc-card:hover .uc-go .arr{transform:translateX(3px);}
.uc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px;}
.uc-card{position:relative;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px;
  padding:22px 22px 24px;box-shadow:var(--shadow-card);transition:border-color .18s var(--ease-out),transform .18s var(--ease-out);}
.uc-card:hover{transform:translateY(-3px);}
.uc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.uc-ic{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:11px;
  border:1px solid var(--border-default);color:var(--brand-primary-hover);flex:none;}
.uc-tag{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;
  color:var(--fg-tertiary);border-radius:7px;padding:5px 9px;}
.uc-h{font-family:var(--f-display);font-weight:700;font-size:19px;color:var(--fg-primary);margin:0 0 8px;letter-spacing:-.01em;}
.uc-b{font-size:14.5px;line-height:1.55;color:var(--fg-secondary);margin:0;}
/* colored tones — sky · mint · violet · amber */
.uc-card.t-sky{background:radial-gradient(120% 90% at 100% 0%,rgba(0,173,255,.08),transparent 55%),var(--bg-surface);}
.uc-card.t-sky .uc-ic{color:var(--accent-sky);background:rgba(0,173,255,.12);border-color:rgba(0,173,255,.32);}
.uc-card.t-sky .uc-tag{color:var(--accent-sky);background:rgba(0,173,255,.12);}
.uc-card.t-sky:hover{border-color:rgba(0,173,255,.42);}
.uc-card.t-mint{background:radial-gradient(120% 90% at 100% 0%,rgba(107,255,206,.08),transparent 55%),var(--bg-surface);}
.uc-card.t-mint .uc-ic{color:var(--accent-mint);background:rgba(107,255,206,.12);border-color:rgba(107,255,206,.32);}
.uc-card.t-mint .uc-tag{color:var(--accent-mint);background:rgba(107,255,206,.12);}
.uc-card.t-mint:hover{border-color:rgba(107,255,206,.42);}
.uc-card.t-violet{background:radial-gradient(120% 90% at 100% 0%,rgba(167,139,250,.09),transparent 55%),var(--bg-surface);}
.uc-card.t-violet .uc-ic{color:#c4b5fd;background:rgba(167,139,250,.13);border-color:rgba(167,139,250,.34);}
.uc-card.t-violet .uc-tag{color:#c4b5fd;background:rgba(167,139,250,.13);}
.uc-card.t-violet:hover{border-color:rgba(167,139,250,.44);}
.uc-card.t-amber{background:radial-gradient(120% 90% at 100% 0%,rgba(249,115,22,.08),transparent 55%),var(--bg-surface);}
.uc-card.t-amber .uc-ic{color:#fdba74;background:rgba(249,115,22,.13);border-color:rgba(249,115,22,.34);}
.uc-card.t-amber .uc-tag{color:#fdba74;background:rgba(249,115,22,.13);}
.uc-card.t-amber:hover{border-color:rgba(249,115,22,.44);}
@media(max-width:760px){.uc-grid{grid-template-columns:1fr;}}

/* ───────── persona strip ───────── */
.persona-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px;}
.persona-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px;padding:26px;
  box-shadow:var(--shadow-card);}
.persona-ic{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:11px;
  background:var(--bg-raised);border:1px solid var(--border-default);color:var(--brand-primary-hover);margin-bottom:16px;}
.persona-who{font-family:var(--f-mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:7px;}
.persona-h{font-family:var(--f-display);font-weight:700;font-size:19px;color:var(--fg-primary);margin:0 0 9px;}
.persona-b{font-size:14.5px;line-height:1.55;color:var(--fg-secondary);margin:0;}
@media(max-width:820px){.persona-grid{grid-template-columns:1fr;}}

/* ═══════════ Deliverables ═══════════ */
.rep-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:48px;}
.rep-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:14px;padding:20px 18px;
  box-shadow:var(--shadow-card);transition:border-color .18s,transform .18s;
  display:flex;flex-direction:column;text-align:left;width:100%;cursor:pointer;font:inherit;-webkit-appearance:none;appearance:none;}
.rep-card:hover{transform:translateY(-3px);}
.rep-view{margin-top:auto;padding-top:16px;display:inline-flex;align-items:center;gap:6px;font-family:var(--f-mono);
  font-size:11.5px;letter-spacing:.02em;color:var(--brand-primary-hover);font-weight:500;}
.rep-card:hover .rep-view .arr{transform:translateX(3px);}
.rep-ic{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:11px;margin-bottom:16px;
  border:1px solid var(--border-default);}
.rep-card.t-sky .rep-ic{background:rgba(0,173,255,.12);color:var(--accent-sky);border-color:rgba(0,173,255,.28);}
.rep-card.t-mint .rep-ic{background:rgba(107,255,206,.1);color:var(--accent-mint);border-color:rgba(107,255,206,.26);}
.rep-card.t-rose .rep-ic{background:rgba(244,63,94,.12);color:var(--danger);border-color:rgba(244,63,94,.28);}
.rep-card.t-sky:hover{border-color:rgba(0,173,255,.45);}
.rep-card.t-mint:hover{border-color:rgba(107,255,206,.4);}
.rep-card.t-rose:hover{border-color:rgba(244,63,94,.45);}
.rep-n{font-family:var(--f-display);font-weight:700;font-size:15.5px;line-height:1.25;color:var(--fg-primary);margin:0 0 14px;letter-spacing:-.01em;}
.rep-meta{display:flex;flex-direction:column;gap:7px;}
.rep-tag{align-self:flex-start;font-family:var(--f-mono);font-size:11px;color:var(--fg-secondary);
  background:var(--bg-raised);border:1px solid var(--border-default);border-radius:6px;padding:3px 8px;}
.rep-cad{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-mono);font-size:11px;color:var(--fg-muted);}
@media(max-width:1000px){.rep-cards{grid-template-columns:repeat(3,1fr);}}
@media(max-width:620px){.rep-cards{grid-template-columns:repeat(2,1fr);}}

/* sample brief document */
.brief-frame{margin-top:32px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:18px;
  box-shadow:var(--shadow-chrome);overflow:hidden;}
.brief-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 18px;
  background:var(--bg-raised);border-bottom:1px solid var(--border-default);flex-wrap:wrap;}
.brief-bar-l{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:12px;color:var(--fg-tertiary);letter-spacing:.02em;}
.brief-bar-r{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.brief-btn{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;color:var(--fg-secondary);
  background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;padding:7px 11px;}
.brief-btn.primary{background:var(--brand-primary);color:#041420;border-color:transparent;font-weight:600;}
.brief-doc{padding:34px clamp(22px,3.4vw,46px) 30px;}
.brief-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
.brief-brand{display:flex;align-items:center;gap:8px;margin-bottom:16px;}
.brief-brand .nav-word{font-size:18px;}
.brief-title{font-family:var(--f-display);font-weight:800;font-size:clamp(26px,3.2vw,38px);line-height:1.05;color:var(--fg-primary);margin:0;letter-spacing:-.02em;}
.brief-meta-line{font-family:var(--f-mono);font-size:12.5px;color:var(--fg-tertiary);margin-top:10px;letter-spacing:.01em;}
.brief-stamp{flex:none;font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;color:var(--accent-mint);
  background:rgba(107,255,206,.1);border:1px solid rgba(107,255,206,.3);border-radius:7px;padding:6px 11px;}
.brief-rule{height:2px;background:var(--brand-primary);border-radius:2px;margin:20px 0 24px;opacity:.85;}
.brief-sec-label{font-family:var(--f-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--brand-primary-hover);margin-bottom:14px;}
.brief-summary{font-size:16px;line-height:1.6;color:var(--fg-secondary);margin:0 0 26px;max-width:none;}
.brief-summary b{color:var(--fg-primary);font-weight:700;}
.brief-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:30px;}
.brief-kpi{background:var(--bg-base);border:1px solid var(--border-default);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:6px;}
.brief-kpi-l{font-size:12.5px;color:var(--fg-tertiary);}
.brief-kpi-v{font-family:var(--f-display);font-weight:700;font-size:26px;color:var(--fg-primary);letter-spacing:-.02em;line-height:1;}
.brief-kpi-d{font-family:var(--f-mono);font-size:12px;color:var(--fg-tertiary);}
.brief-kpi-d.good{color:var(--accent-mint);}
.brief-kpi-d.down{color:var(--danger);}
.brief-cols{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;margin-bottom:28px;}
.brief-find{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--border-quiet);}
.brief-find:last-child{border-bottom:none;}
.brief-dot{flex:none;width:9px;height:9px;border-radius:50%;margin-top:6px;}
.brief-dot.s-critical{background:var(--danger);}
.brief-dot.s-high{background:var(--warning);}
.brief-dot.s-medium{background:var(--accent-sky);}
.brief-find-h{font-size:14.5px;font-weight:600;color:var(--fg-primary);line-height:1.35;}
.brief-sev{font-family:var(--f-mono);font-size:10px;letter-spacing:.05em;border-radius:5px;padding:2px 6px;margin-left:4px;vertical-align:middle;}
.brief-sev.s-critical{color:var(--danger);background:var(--danger-bg,rgba(244,63,94,.12));}
.brief-sev.s-high{color:var(--warning);background:rgba(249,115,22,.12);}
.brief-sev.s-medium{color:var(--accent-sky);background:rgba(0,173,255,.12);}
.brief-find-d{font-size:13px;color:var(--fg-tertiary);margin-top:3px;line-height:1.4;}
.brief-gauges{display:flex;gap:10px;justify-content:space-between;}
.bgauge{display:flex;flex-direction:column;align-items:center;gap:6px;}
.bgauge-n{font-family:var(--f-display);font-weight:700;font-size:18px;fill:var(--fg-primary);}
.bgauge-l{font-size:11.5px;color:var(--fg-tertiary);}
.brief-changed{margin-top:18px;background:rgba(107,255,206,.06);border:1px solid rgba(107,255,206,.22);border-radius:11px;padding:13px 15px;display:flex;flex-direction:column;gap:5px;}
.brief-changed-k{font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-mint);}
.brief-changed-v{font-size:13px;color:var(--fg-secondary);line-height:1.45;}
.brief-actions{margin:0;padding-left:0;list-style:none;counter-reset:ba;display:flex;flex-direction:column;gap:11px;}
.brief-actions li{counter-increment:ba;position:relative;padding-left:34px;font-size:14.5px;line-height:1.5;color:var(--fg-secondary);}
.brief-actions li b{color:var(--fg-primary);}
.brief-actions li::before{content:counter(ba);position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;
  background:var(--brand-primary-10);border:1px solid var(--border-default);color:var(--brand-primary-hover);
  font-family:var(--f-mono);font-size:12px;display:flex;align-items:center;justify-content:center;}
.brief-foot{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:30px;padding-top:18px;
  border-top:1px solid var(--border-quiet);font-family:var(--f-mono);font-size:11.5px;color:var(--fg-muted);letter-spacing:.02em;}
@media(max-width:760px){.brief-kpis{grid-template-columns:repeat(2,1fr);}.brief-cols{grid-template-columns:1fr;gap:26px;}}
.brief-finds{display:flex;flex-direction:column;margin-bottom:26px;}

/* report modal */
.rmodal-back{position:fixed;inset:0;z-index:200;background:rgba(4,8,16,.62);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  display:flex;align-items:flex-start;justify-content:center;padding:6vh 20px;overflow-y:auto;
  animation:rmFade .18s var(--ease-out) both;}
@keyframes rmFade{from{opacity:0;}to{opacity:1;}}
.rmodal{width:min(760px,100%);background:var(--bg-surface);border:1px solid var(--border-default);
  border-radius:18px;box-shadow:var(--shadow-chrome);overflow:hidden;animation:rmIn .22s var(--ease-out) both;}
@keyframes rmIn{from{opacity:0;transform:translateY(14px) scale(.985);}to{opacity:1;transform:none;}}
.motion-off .rmodal,.motion-off .rmodal-back{animation:none;}
.rmodal .brief-doc{padding:30px clamp(20px,3vw,38px) 26px;}
.rmodal-x{-webkit-appearance:none;appearance:none;border:1px solid var(--border-default);background:var(--bg-surface);
  color:var(--fg-tertiary);width:30px;height:30px;border-radius:8px;cursor:pointer;font-size:13px;
  display:inline-flex;align-items:center;justify-content:center;}
.rmodal-x:hover{color:var(--fg-primary);border-color:var(--border-strong);}

/* ═══════════ Delivery — Slack + email ═══════════ */
.delivery-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;margin-top:48px;align-items:start;}
@media(max-width:880px){.delivery-grid{grid-template-columns:1fr;}}

.email-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px;
  box-shadow:var(--shadow-chrome);overflow:hidden;}

/* Slack — aubergine sidebar + themed message pane */
.slack-card{display:grid;grid-template-columns:150px 1fr;border:1px solid var(--border-default);border-radius:16px;
  box-shadow:var(--shadow-chrome);overflow:hidden;}
.slk-side{background:#3F0E40;padding:12px 0 16px;display:flex;flex-direction:column;gap:1px;}
.slk-ws{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:2px 14px 11px;margin-bottom:5px;
  border-bottom:1px solid rgba(255,255,255,.14);}
.slk-ws-name{font-family:var(--f-display);font-weight:700;font-size:15px;color:#fff;}
.slk-ws svg{color:rgba(255,255,255,.7);flex:none;}
.slk-sec{font-size:11px;font-weight:600;color:rgba(255,255,255,.5);padding:9px 16px 3px;}
.slk-ch{display:flex;align-items:center;gap:8px;padding:5px 16px;font-size:13.5px;color:rgba(255,255,255,.74);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.slk-ch.active{background:#1164A3;color:#fff;font-weight:500;}
.slk-hash{opacity:.5;font-weight:500;}
.slk-ch.active .slk-hash{opacity:.85;}
.slk-appdot{width:18px;height:18px;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#fff;flex:none;}
.slk-main{display:flex;flex-direction:column;background:var(--bg-surface);min-width:0;}
.slk-head{display:flex;align-items:center;gap:3px;padding:13px 16px;border-bottom:1px solid var(--border-default);}
.slk-hash.big{font-size:17px;color:var(--fg-tertiary);opacity:.7;margin-right:3px;font-weight:600;}
.slk-head-h{font-family:var(--f-display);font-weight:700;font-size:15.5px;color:var(--fg-primary);}
.slk-head-m{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--fg-tertiary);
  background:var(--bg-raised);border:1px solid var(--border-default);border-radius:20px;padding:3px 9px;}
.slk-feed{padding:8px 0;flex:1;}
.slk-msg{display:flex;gap:10px;padding:9px 16px;transition:background .12s;}
.slk-msg:hover{background:var(--bg-raised);}
.slk-av{flex:none;width:36px;height:36px;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;
  background:var(--bg-base);border:1px solid var(--border-default);}
.slk-av.init{font-family:var(--f-mono);font-size:12px;font-weight:600;color:#fff;background:#5b6b7d;border:none;}
.slk-body{min-width:0;flex:1;}
.slk-line{display:flex;align-items:center;gap:7px;margin-bottom:2px;}
.slk-line b{font-weight:700;font-size:14px;color:var(--fg-primary);}
.slk-app{font-family:var(--f-mono);font-size:9px;letter-spacing:.06em;color:var(--fg-tertiary);background:var(--bg-raised);
  border:1px solid var(--border-default);border-radius:3px;padding:1px 5px;font-weight:500;}
.slk-t{font-size:11.5px;color:var(--fg-muted);}
.slk-text{font-size:14px;line-height:1.48;color:var(--fg-secondary);}
.slk-text b{color:var(--fg-primary);font-weight:600;}
.slk-attach{margin-top:9px;display:flex;border:1px solid var(--border-default);border-radius:9px;overflow:hidden;background:var(--bg-base);}
.slk-attach-bar{width:4px;flex:none;background:var(--brand-primary);}
.slk-attach-in{padding:12px 14px;flex:1;min-width:0;}
.slk-attach-t{font-weight:600;font-size:13.5px;color:var(--fg-primary);margin-bottom:9px;}
.slk-attach-stats{display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:11px;}
.slk-attach-stats span{font-family:var(--f-mono);font-size:11.5px;color:var(--fg-tertiary);white-space:nowrap;}
.slk-attach-stats b{color:var(--fg-secondary);font-weight:600;}
.slk-attach-stats .mint b,.slk-attach-stats span.mint{color:var(--accent-mint);}
.slk-attach-btn{display:inline-flex;align-items:center;font-size:12.5px;font-weight:600;color:var(--fg-secondary);
  background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:7px;padding:7px 13px;}
.slk-react{display:flex;gap:6px;margin-top:9px;}
.slk-react span{font-size:11.5px;color:var(--brand-primary-hover);background:var(--brand-primary-10);
  border:1px solid var(--brand-primary);border-radius:20px;padding:2px 9px;}
.slk-compose{padding:6px 14px 14px;}
.slk-compose-box{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--border-strong);
  border-radius:9px;padding:11px 13px;font-size:13.5px;color:var(--fg-muted);}
.slk-send{color:var(--fg-muted);display:inline-flex;}
@media(max-width:420px){.slack-card{grid-template-columns:1fr;}.slk-side{display:none;}}

/* email */
.email-bar{display:flex;align-items:center;gap:7px;padding:13px 16px;border-bottom:1px solid var(--border-default);background:var(--bg-raised);}
.email-dot{width:9px;height:9px;border-radius:50%;background:var(--bg-raised-2);}
.email-cap{margin-left:10px;font-family:var(--f-mono);font-size:11px;color:var(--fg-tertiary);}
.email-row{display:flex;align-items:center;gap:11px;padding:16px 18px 4px;}
.email-from-ic{flex:none;width:34px;height:34px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-base);border:1px solid var(--border-default);}
.email-from{display:flex;flex-direction:column;line-height:1.3;}
.email-from b{font-size:14px;color:var(--fg-primary);}
.email-from span{font-size:12px;color:var(--fg-muted);font-family:var(--f-mono);}
.email-when{margin-left:auto;font-size:11.5px;color:var(--fg-muted);}
.email-subject{font-family:var(--f-display);font-weight:700;font-size:18px;color:var(--fg-primary);padding:8px 18px 0;letter-spacing:-.01em;}
.email-preview{padding:14px 18px 20px;}
.email-preview p{font-size:14px;line-height:1.55;color:var(--fg-secondary);margin:0 0 16px;}
.email-mini-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;}
.email-mini-kpis div{background:var(--bg-base);border:1px solid var(--border-default);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:5px;}
.email-mini-kpis span{font-size:11.5px;color:var(--fg-tertiary);}
.email-mini-kpis b{font-family:var(--f-display);font-size:18px;color:var(--fg-primary);font-weight:700;}
.email-mini-kpis b.mint{color:var(--accent-mint);}
.email-cta{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;color:#041420;background:var(--brand-primary);border-radius:9px;padding:10px 16px;}
.email-cta:hover .arr{transform:translateX(3px);}
.email-attach{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-family:var(--f-mono);font-size:12px;color:var(--fg-tertiary);
  background:var(--bg-base);border:1px solid var(--border-default);border-radius:8px;padding:8px 12px;}

.delivery-chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;justify-content:center;}
.delivery-chip{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:500;color:var(--fg-secondary);
  background:var(--bg-surface);border:1px solid var(--border-default);border-radius:30px;padding:9px 16px;}

/* ═══════════ Delivery v2 — aligned Slack + email windows ═══════════ */
.deliver2{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px;align-items:stretch;}
@media(max-width:880px){.deliver2{grid-template-columns:repeat(2,1fr);}}
.dwin{display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border-default);
  border-radius:16px;box-shadow:var(--shadow-chrome);overflow:hidden;}
.dwin-bar{display:flex;align-items:center;gap:9px;padding:13px 16px;border-bottom:1px solid var(--border-default);background:var(--bg-raised);}
.dwin-logo{width:20px;height:20px;display:block;flex:none;}
.dwin-mail{width:20px;height:20px;border-radius:5px;display:flex;align-items:center;justify-content:center;background:var(--brand-primary);flex:none;}
.dwin-app{font-family:var(--f-display);font-weight:700;font-size:14px;color:var(--fg-primary);}
.dwin-tag{margin-left:auto;display:inline-flex;align-items:center;gap:3px;font-family:var(--f-mono);font-size:11.5px;color:var(--fg-tertiary);
  background:var(--bg-surface);border:1px solid var(--border-default);border-radius:6px;padding:4px 9px;white-space:nowrap;}
.dwin-hash{opacity:.55;}
.dwin-body{flex:1;display:flex;flex-direction:column;padding:6px 0 0;}
.dwin-2{display:flex;flex:1;min-height:0;}
.dwin-main{display:flex;flex-direction:column;flex:1;min-width:0;padding:6px 0 0;}
/* sidebars */
.dwin-side{width:124px;flex:none;display:flex;flex-direction:column;gap:1px;padding:11px 0 14px;}
.dwin-side.slk{background:#3F0E40;}
.dwin-side.eml{background:var(--bg-raised);border-right:1px solid var(--border-default);}
.dside-ws{display:flex;align-items:center;justify-content:space-between;gap:6px;font-family:var(--f-display);font-weight:700;
  font-size:14px;padding:1px 13px 11px;margin-bottom:5px;border-bottom:1px solid var(--border-quiet);}
.dwin-side.slk .dside-ws{color:#fff;border-bottom-color:rgba(255,255,255,.14);}
.dwin-side.slk .dside-ws svg{color:rgba(255,255,255,.7);}
.dwin-side.eml .dside-ws{color:var(--fg-primary);}
.dside-sec{font-size:10.5px;font-weight:600;padding:9px 14px 3px;}
.dwin-side.slk .dside-sec{color:rgba(255,255,255,.5);}
.dwin-side.eml .dside-sec{color:var(--fg-muted);}
.dside-item{display:flex;align-items:center;gap:7px;padding:5px 14px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dwin-side.slk .dside-item{color:rgba(255,255,255,.74);}
.dwin-side.slk .dside-item.on{background:#1164A3;color:#fff;font-weight:500;}
.dwin-side.eml .dside-item{color:var(--fg-tertiary);}
.dwin-side.eml .dside-item.on{background:var(--brand-primary-10);color:var(--brand-primary-hover);font-weight:600;}
.dside-h{opacity:.5;}
.dside-item.on .dside-h{opacity:.85;}
.dside-fi{display:inline-flex;flex:none;opacity:.8;}
.dside-dot{width:16px;height:16px;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#fff;flex:none;}
.dside-badge{margin-left:auto;font-family:var(--f-mono);font-size:10px;font-weight:600;background:var(--brand-primary);color:#041420;border-radius:10px;padding:0 6px;line-height:16px;}
.dwin-foot{margin-top:auto;}

.dmsg{display:flex;gap:10px;padding:10px 16px;}
.dmsg-av{flex:none;width:36px;height:36px;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-base);border:1px solid var(--border-default);}
.dmsg-av.init{font-family:var(--f-mono);font-size:12px;font-weight:600;color:#fff;background:#5b6b7d;border:none;}
.dmsg-bd{min-width:0;flex:1;}
.dmsg-line{display:flex;align-items:center;gap:7px;margin-bottom:2px;}
.dmsg-line b{font-weight:700;font-size:14px;color:var(--fg-primary);}
.dmsg-app{font-family:var(--f-mono);font-size:9px;letter-spacing:.06em;color:var(--fg-tertiary);background:var(--bg-raised);border:1px solid var(--border-default);border-radius:3px;padding:1px 5px;font-weight:500;}
.dmsg-t{font-size:11.5px;color:var(--fg-muted);}
.dmsg-text{font-size:14px;line-height:1.48;color:var(--fg-secondary);}
.dmsg-text b{color:var(--fg-primary);font-weight:600;}
.dmsg-attach{margin-top:9px;display:flex;border:1px solid var(--border-default);border-radius:9px;overflow:hidden;background:var(--bg-base);}
.dmsg-attach-bar{width:4px;flex:none;background:var(--brand-primary);}
.dmsg-attach-in{padding:12px 14px;flex:1;min-width:0;}
.dmsg-attach-t{font-weight:600;font-size:13.5px;color:var(--fg-primary);margin-bottom:9px;}
.dmsg-attach-stats{display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:11px;}
.dmsg-attach-stats span{font-family:var(--f-mono);font-size:11.5px;color:var(--fg-tertiary);white-space:nowrap;}
.dmsg-attach-stats b{color:var(--fg-secondary);font-weight:600;}
.dmsg-attach-stats .mint b,.dmsg-attach-stats span.mint{color:var(--accent-mint);}
.dmsg-attach-btn{display:inline-flex;align-items:center;font-size:12.5px;font-weight:600;color:var(--fg-secondary);background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:7px;padding:7px 13px;white-space:nowrap;}
.dmsg-react{display:flex;gap:6px;margin-top:9px;}
.dmsg-alert{display:flex;gap:8px;align-items:flex-start;margin-top:4px;font-size:13.5px;line-height:1.45;color:var(--fg-secondary);
  background:var(--bg-base);border:1px solid color-mix(in oklab,var(--danger) 32%,transparent);border-left:3px solid var(--danger);
  border-radius:9px;padding:11px 13px;}
.dmsg-alert b{color:var(--fg-primary);font-weight:600;}
.dmsg-alert-ic{color:var(--danger);flex:none;}
.dmsg-actions{display:flex;gap:9px;margin-top:9px;}
.dmsg-act{font-family:var(--f-body);font-weight:600;font-size:13px;border-radius:7px;padding:7px 16px;cursor:default;}
.dmsg-act.approve{color:#05201a;background:var(--accent-mint);}
.dmsg-act.deny{color:var(--fg-secondary);background:var(--bg-raised);border:1px solid var(--border-default);}
.dmsg-react span{font-size:11.5px;color:var(--brand-primary-hover);background:var(--brand-primary-10);border:1px solid var(--brand-primary);border-radius:20px;padding:2px 9px;}
.dwin-compose{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 16px 16px;border:1px solid var(--border-strong);border-radius:9px;padding:11px 13px;font-size:13.5px;color:var(--fg-muted);}
.dwin-send{display:inline-flex;color:var(--fg-muted);}

.dml-from{display:flex;align-items:center;gap:11px;padding:14px 18px 0;}
.dml-av{flex:none;width:34px;height:34px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-base);border:1px solid var(--border-default);}
.dml-meta{display:flex;flex-direction:column;line-height:1.3;}
.dml-meta b{font-size:14px;color:var(--fg-primary);}
.dml-meta span{font-size:12px;color:var(--fg-muted);font-family:var(--f-mono);}
.dml-when{margin-left:auto;font-size:11.5px;color:var(--fg-muted);}
.dml-subject{font-family:var(--f-display);font-weight:700;font-size:18px;color:var(--fg-primary);padding:14px 18px 0;letter-spacing:-.01em;}
.dml-text{font-size:14px;line-height:1.55;color:var(--fg-secondary);margin:8px 18px 0;}
.dml-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 18px 0;}
.dml-kpis div{background:var(--bg-base);border:1px solid var(--border-default);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:5px;}
.dml-kpis span{font-size:11.5px;color:var(--fg-tertiary);}
.dml-kpis b{font-family:var(--f-display);font-size:18px;color:var(--fg-primary);font-weight:700;}
.dml-kpis b.mint{color:var(--accent-mint);}
.dwin-foot.col{display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding:16px 18px 18px;}
.dml-cta{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;color:#041420;background:var(--brand-primary);border-radius:9px;padding:10px 16px;text-decoration:none;}
.dml-cta:hover .arr{transform:translateX(3px);}
.dml-attach{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:12px;color:var(--fg-tertiary);background:var(--bg-base);border:1px solid var(--border-default);border-radius:8px;padding:8px 12px;}