/* ============================================================================
   SIG · Magpie homepage guide agent (v1)
   Self-contained styles for assets/agent/sig-agent.js. Everything is scoped
   under .sigx- so it can drop into any page that loads the v2 tokens.
   Rename-safe: the agent name never appears in this file.
   ========================================================================== */

.sigx-section{background:#0B0D0C;color:#fff;padding:84px 0}
.sigx-section .eyebrow{color:rgba(255,255,255,.72)}
.sigx-section h2{color:#fff;margin:14px 0 16px}
.sigx-section h2 .grad-text{color:#006AFC}
.sigx-section .lede{color:rgba(255,255,255,.78);max-width:520px}
.sigx-grid{display:grid;gap:34px;align-items:start}
@media(min-width:980px){.sigx-grid{grid-template-columns:1fr 1.35fr;gap:48px}}
.sigx-doors{margin-top:28px;display:grid;gap:12px;max-width:520px}
.sigx-doorline{background:#151515;border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:14px 16px}
.sigx-doorline .k{font-size:.62rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#A9E8C9;margin-bottom:4px}
.sigx-doorline p{color:rgba(255,255,255,.72);font-size:.92rem;line-height:1.55}
.sigx-honest{margin-top:20px;font-size:.8rem;color:rgba(255,255,255,.45);max-width:460px;line-height:1.55}

/* ---------- the living face (V4 rendered character, 2026-10-28) ----------
   Same media model as the app: the hero still is the poster and
   the fallback; the idle loop attaches lazily over it (homepage
   inline loader). Reduced motion keeps the still. */
.sigx-hero{position:relative;width:168px;height:168px;border-radius:50%;overflow:hidden;background:#0B0D0C;box-shadow:0 0 0 2px #A9E8C9,0 24px 44px -18px rgba(0,0,0,.55);margin-top:30px}
.sigx-hero img,.sigx-hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.sigx-hero video[hidden]{display:none}
@media(max-width:640px){.sigx-hero{width:132px;height:132px}}

/* ---------- panel ---------- */
.sigx-panel{background:var(--card,#fff);color:var(--ink,#0B0D0C);border-radius:24px;box-shadow:0 4px 10px rgba(0,0,0,.18),0 40px 72px -24px rgba(0,0,0,.45);display:flex;flex-direction:column;overflow:hidden;text-align:left}
.sigx-phead{display:flex;align-items:center;gap:11px;padding:14px 16px;border-bottom:1px solid var(--line2,#EAF2EA)}
.sigx-ava{flex:none;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#006AFC 0%,#019BFC 32%,#03C9AB 64%,#2FE07E 100%);color:#fff;font-family:'Manrope',sans-serif;font-weight:800;font-size:.95rem;display:grid;place-items:center;overflow:hidden}
.sigx-ava-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
.sigx-ava video.sigx-ava-img{background:#0B0D0C}
.sigx-ava.lg{width:44px;height:44px;font-size:1.2rem}
.sigx-who{flex:1;min-width:0}
.sigx-name{font-family:'Manrope',sans-serif;font-weight:800;font-size:1.02rem;line-height:1.2;color:var(--ink,#0B0D0C)}
.sigx-role{font-size:.76rem;color:var(--ink3,#5F7265);font-weight:600}
.sigx-restart{background:none;border:1px solid var(--line,#DFE7DF);border-radius:999px;padding:7px 13px;font-family:'Manrope',sans-serif;font-weight:700;font-size:.78rem;color:var(--ink2,#3C443C);cursor:pointer}
.sigx-restart:hover{border-color:var(--ink,#0B0D0C);color:var(--ink,#0B0D0C)}

.sigx-log{height:400px;overflow-y:auto;padding:18px 16px;background:var(--bg2,#F4F7F4);display:flex;flex-direction:column;gap:12px;overscroll-behavior:contain}
@media(max-width:640px){.sigx-log{height:348px}}
.sigx-msg{display:flex;gap:8px;align-items:flex-end;animation:sigxUp .35s ease both}
.sigx-msg .sigx-ava{width:26px;height:26px;font-size:.78rem}
.sigx-bubble{background:#fff;border:1px solid var(--line,#DFE7DF);border-radius:16px 16px 16px 4px;padding:11px 14px;max-width:88%;font-size:.94rem;line-height:1.55;color:var(--ink2,#3C443C);box-shadow:0 1px 2px rgba(26,23,18,.05)}
.sigx-bubble p{color:var(--ink2,#3C443C)}
.sigx-msg.sigx-user{justify-content:flex-end}
.sigx-ububble{background:var(--ink,#0B0D0C);color:#fff;border-radius:16px 16px 4px 16px;padding:9px 14px;font-weight:600;font-size:.9rem;max-width:85%}
.sigx-typing .sigx-bubble{display:flex;gap:5px;padding:14px 16px}
.sigx-typing span{width:6px;height:6px;border-radius:50%;background:var(--ink3,#5F7265);animation:sigxDot 1.1s infinite}
.sigx-typing span:nth-child(2){animation-delay:.15s}
.sigx-typing span:nth-child(3){animation-delay:.3s}
@keyframes sigxDot{0%,60%,100%{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
@keyframes sigxUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.sigx-ctas{display:flex;flex-wrap:wrap;gap:9px;padding-left:34px;animation:sigxUp .35s ease both}
.sigx-cta{display:inline-flex;align-items:center;border:1.5px solid var(--ink,#0B0D0C);border-radius:999px;padding:10px 17px;font-family:'Manrope',sans-serif;font-weight:700;font-size:.88rem;color:var(--ink,#0B0D0C);background:#fff}
.sigx-cta.primary{background:var(--ink,#0B0D0C);color:#fff}
.sigx-cta:hover{transform:translateY(-1px)}

.sigx-chips{display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px 2px}
.sigx-chip{border:1.5px solid var(--line,#DFE7DF);background:#fff;border-radius:999px;padding:8px 13px;font-family:'Manrope',sans-serif;font-weight:600;font-size:.85rem;color:var(--ink,#0B0D0C);cursor:pointer}
.sigx-chip:hover{border-color:var(--ink,#0B0D0C)}
.sigx-chip.primary{background:var(--mint,#A9E8C9);border-color:transparent;font-weight:700}

.sigx-form{display:flex;gap:8px;padding:10px 14px 4px}
.sigx-input{flex:1;min-width:0;border:1px solid var(--line,#DFE7DF);border-radius:999px;padding:10px 16px;font-family:'Manrope',sans-serif;font-size:.92rem;color:var(--ink,#0B0D0C);background:#fff}
.sigx-input:focus{outline:2px solid var(--mint-deep,#006AFC);outline-offset:1px;border-color:transparent}
.sigx-send{background:var(--ink,#0B0D0C);color:#fff;border:none;border-radius:999px;padding:10px 18px;font-family:'Manrope',sans-serif;font-weight:700;font-size:.88rem;cursor:pointer}
.sigx-fine{font-size:.72rem;color:var(--ink3,#5F7265);text-align:center;padding:6px 16px 13px;line-height:1.5}

/* ---------- embedded cards ---------- */
.sigx-cardwrap{margin-top:12px}
.sigx-card{border:1px solid var(--line,#DFE7DF);border-radius:18px;padding:14px;background:#fff}
.sigx-card-k{font-family:'Space Grotesk',monospace;font-size:.62rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--ink3,#5F7265);margin-bottom:10px}
.sigx-card-k.light{color:rgba(255,255,255,.55)}
.sigx-card-note{font-size:.8rem;color:var(--ink3,#5F7265);line-height:1.5;margin-top:10px}

.sigx-rank-row{display:grid;grid-template-columns:48px 1fr;column-gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line2,#EAF2EA)}
.sigx-rank-row:last-of-type{border-bottom:none}
.sigx-rank-pct{grid-row:1/3;font-family:'Manrope',sans-serif;font-weight:800;font-size:1.02rem;color:var(--ink,#0B0D0C)}
.sigx-rank-bar{height:8px;border-radius:99px;background:var(--line2,#EAF2EA);overflow:hidden}
.sigx-rank-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#006AFC,#03C9AB 64%,#2FE07E)}
.sigx-rank-meta{font-size:.78rem;color:var(--ink3,#5F7265);margin-top:2px}

.sigx-sample{padding:0;overflow:hidden}
.sigx-sample-top{position:relative}
.sigx-sample-top img{width:100%;height:148px;object-fit:cover;display:block}
.sigx-tier{position:absolute;top:10px;left:10px;background:var(--mint,#A9E8C9);color:var(--ink,#0B0D0C);font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:4px 9px}
.sigx-sample-pill{position:absolute;top:10px;right:10px;background:#FBF2DC;border:1px solid #EAD9A4;color:var(--ink,#0B0D0C);font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 9px}
.sigx-sample-body{padding:13px 14px 14px}
.sigx-sample-name{font-family:'Manrope',sans-serif;font-weight:800;font-size:1.04rem;color:var(--ink,#0B0D0C)}
.sigx-sample-handle{font-size:.8rem;color:var(--ink3,#5F7265);font-weight:600}
.sigx-local{display:flex;align-items:baseline;gap:9px;margin-top:7px}
.sigx-local-pct{font-family:'Manrope',sans-serif;font-weight:800;font-size:1.9rem;line-height:1;color:var(--ink,#0B0D0C)}
.sigx-local-lbl{font-family:'Space Grotesk',monospace;font-size:.6rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--mint-deep,#006AFC)}
.sigx-chiprow{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.sigx-chiprow span{border:1px solid var(--line,#DFE7DF);border-radius:999px;padding:3px 9px;font-size:.72rem;font-weight:600;color:var(--ink2,#3C443C)}
.sigx-sample-meta{font-size:.76rem;color:var(--ink3,#5F7265);margin-top:8px}
.sigx-dock{display:flex;gap:8px;margin-top:12px}
.sigx-dock-pass,.sigx-dock-go{flex:1;text-align:center;border-radius:999px;padding:9px 10px;font-family:'Manrope',sans-serif;font-weight:700;font-size:.84rem}
.sigx-dock-pass{border:1.5px solid var(--line,#DFE7DF);color:var(--ink2,#3C443C)}
.sigx-dock-go{background:var(--ink,#0B0D0C);color:#fff}

.sigx-offer{background:#0B0D0C;border-color:#0B0D0C;color:#fff}
.sigx-offer-row{display:flex;justify-content:space-between;gap:14px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.10);font-size:.88rem}
.sigx-offer-row span{color:rgba(255,255,255,.55)}
.sigx-offer-row b{color:#fff;font-weight:700;text-align:right}
.sigx-offer .sigx-dock-pass{border-color:rgba(255,255,255,.35);color:#fff}
.sigx-offer .sigx-dock-go{background:var(--mint,#A9E8C9);color:var(--ink,#0B0D0C)}

.sigx-track-row{display:flex;align-items:baseline;gap:10px;padding:6px 0;border-bottom:1px solid var(--line2,#EAF2EA);font-size:.88rem}
.sigx-track-row:last-child{border-bottom:none}
.sigx-track-dot{flex:none;width:9px;height:9px;border-radius:50%;background:#2FE07E;box-shadow:0 0 0 3px var(--mint-pale,#E3F5EA);transform:translateY(-1px)}
.sigx-track-row b{font-weight:700;color:var(--ink,#0B0D0C);min-width:58px}
.sigx-track-row span:last-child{color:var(--ink3,#5F7265)}

.sigx-plan-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 8px;border-bottom:1px solid var(--line2,#EAF2EA)}
.sigx-plan-row:last-of-type{border-bottom:none}
.sigx-plan-row.feat{background:var(--mint-pale,#E3F5EA);border-radius:12px;border-bottom-color:transparent}
.sigx-plan-name{font-weight:800;font-family:'Manrope',sans-serif;font-size:.94rem;color:var(--ink,#0B0D0C)}
.sigx-plan-visits{font-size:.78rem;color:var(--ink3,#5F7265);font-weight:600}
.sigx-plan-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.sigx-plan-price{font-family:'Manrope',sans-serif;font-weight:800;font-size:1.28rem;color:var(--ink,#0B0D0C)}
.sigx-plan-price small{font-size:.78rem;color:var(--ink3,#5F7265);font-weight:600}
.sigx-plan-badge{background:var(--mint,#A9E8C9);color:var(--ink,#0B0D0C);font-size:.6rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:4px 8px;white-space:nowrap}

.sigx-step-row{display:flex;gap:12px;padding:8px 0;border-bottom:1px solid var(--line2,#EAF2EA)}
.sigx-step-row:last-child{border-bottom:none}
.sigx-step-n{flex:none;width:29px;height:29px;border-radius:50%;background:var(--ink,#0B0D0C);color:#fff;font-family:'Manrope',sans-serif;font-weight:800;font-size:.88rem;display:grid;place-items:center}
.sigx-step-row b{font-weight:700;color:var(--ink,#0B0D0C);font-size:.93rem}
.sigx-step-row p{font-size:.87rem;color:var(--ink2,#3C443C);line-height:1.5;margin-top:1px}

.sigx-lane-row{display:flex;gap:11px;padding:8px 0;border-bottom:1px solid var(--line2,#EAF2EA)}
.sigx-lane-row p{font-size:.88rem;color:var(--ink2,#3C443C);line-height:1.55}
.sigx-lane-chip{flex:none;height:fit-content;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:5px 10px;margin-top:2px}
.sigx-lane-chip.comp{background:var(--mint,#A9E8C9);color:var(--ink,#0B0D0C)}
.sigx-lane-chip.paid{background:#141414;color:#fff}

.sigx-momentum{display:flex;gap:15px;align-items:center}
.sigx-momentum-big{font-family:'Manrope',sans-serif;font-weight:800;font-size:2.1rem;line-height:1;color:var(--mint-deep,#006AFC)}
.sigx-momentum b{color:var(--ink,#0B0D0C);font-size:.93rem}
.sigx-momentum p{font-size:.86rem;color:var(--ink2,#3C443C);line-height:1.5;margin-top:1px}

/* ---------- fallback (no JS) ---------- */
.sigx-fallback{background:var(--card,#fff);color:var(--ink,#0B0D0C);border-radius:24px;padding:26px;display:grid;gap:10px}
.sigx-fallback a{font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* ---------- floating button + sheet ---------- */
.sigx-fab{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:90;display:inline-flex;align-items:center;gap:9px;background:var(--ink,#0B0D0C);color:#fff;border:none;border-radius:999px;padding:8px 17px 8px 8px;box-shadow:0 18px 38px -12px rgba(0,0,0,.45);font-family:'Manrope',sans-serif;font-weight:700;font-size:.92rem;cursor:pointer;animation:sigxUp .5s ease;transition:opacity .25s ease,transform .25s ease,padding .25s ease}
.sigx-fab .sigx-ava{width:30px;height:30px;font-size:.88rem}
.sigx-fab:hover{transform:translateY(-1px)}
/* Audit fix (2026-11-01): the pill must never cover content. Past the
   hero it collapses to the avatar alone; over the footer it fades out;
   while the mobile menu is open it is gone (the menu carries its own
   Sig row). The entrance animation no longer fills forwards, so these
   states can actually win the cascade. */
.sigx-fab.mini{padding:7px}
.sigx-fab.mini>span:last-child{display:none}
.sigx-fab.away{opacity:0;pointer-events:none;transform:translateY(14px)}
body:has(.mobile-nav.open) .sigx-fab{opacity:0;pointer-events:none}
body.sigx-locked{overflow:hidden}
.sigx-sheet{position:fixed;inset:0;z-index:130}
.sigx-sheet[hidden]{display:none}
.sigx-backdrop{position:absolute;inset:0;background:rgba(8,10,9,.55)}
.sigx-sheet-card{position:absolute;left:0;right:0;bottom:0;height:min(88svh,720px);background:#fff;border-radius:24px 24px 0 0;display:flex;flex-direction:column;overflow:hidden;animation:sigxUp .35s ease both}
@media(min-width:760px){.sigx-sheet-card{left:auto;right:22px;bottom:22px;width:432px;height:min(78vh,700px);border-radius:24px}}
.sigx-sheet-head{display:flex;align-items:center;gap:11px;padding:13px 16px;border-bottom:1px solid var(--line2,#EAF2EA)}
.sigx-close{margin-left:auto;width:36px;height:36px;border-radius:50%;border:1px solid var(--line,#DFE7DF);background:#fff;font-size:1rem;line-height:1;color:var(--ink,#0B0D0C);cursor:pointer}
.sigx-sheet-slot{flex:1;display:flex;min-height:0}
.sigx-sheet .sigx-panel{flex:1;border-radius:0;box-shadow:none;min-height:0}
.sigx-sheet .sigx-log{flex:1;height:auto}
.sigx-sheet .sigx-phead{display:none}

.sigx-panel button:focus-visible,.sigx-panel a:focus-visible,.sigx-fab:focus-visible,.sigx-close:focus-visible{outline:2px solid var(--mint-deep,#006AFC);outline-offset:2px}

@media (prefers-reduced-motion: reduce){
  .sigx-msg,.sigx-ctas,.sigx-fab,.sigx-sheet-card{animation:none}
  .sigx-typing span{animation:none}
  .sigx-cta:hover,.sigx-fab:hover{transform:none}
}