@page{size:1920px 1080px;margin:0}
:root{--ink:#0a0a0a;--ink2:#5B5E63;--ink3:#8A8D91;--ac:#14B8A6;--teal:#5EE6C9;--cy:#4CC3FF;--teal-ink:#0F766E;--surf:#F2F2EF;--fill:#F3F3F1;--grn:#22C55E;
/* deck type scale = web scale (tokens.css/site.css) x1.33 for 1920x1080 */
--fs-display:96px;--fs-h1:64px;--fs-h3:28px;--fs-sub:26px;--fs-body:21px;--fs-bubble:19px;--fs-meta:16.5px;--fs-tag:14.5px;--fs-eyebrow:17px;
--lh-display:1.02;--lh-h1:1.06;--lh-body:1.5;
--m-x:120px;--m-top:96px;--content-top:330px;--gap:32px;
--r-sm:16px;--r-md:22px;--r-card:28px;--r-xl:36px;--r-chip:99px;
--glow-card:0 20px 44px -24px rgba(20,140,150,.45),0 0 28px -6px rgba(94,230,201,.28);
--display:'Bricolage Grotesque',sans-serif;--body:'Instrument Sans','Noto Color Emoji',sans-serif;--mono:'Geist Mono',monospace;
--lift:0 24px 56px -32px rgba(15,60,55,.28);--glow:0 24px 56px -32px rgba(15,60,55,.26),0 0 44px -12px rgba(94,230,201,.28);
--tick:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-15 -15 30 30'%3E%3Ccircle r='15' fill='%2322C55E'/%3E%3Cpath d='M-6.5 0.5 L-2 5 L7 -5' stroke='white' stroke-width='3.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:#fff}
body{-webkit-font-smoothing:antialiased;-webkit-print-color-adjust:exact;print-color-adjust:exact;font-family:var(--body);color:var(--ink)}
.slide{width:1920px;height:1080px;position:relative;overflow:hidden;background:#fff;break-after:page}
.slide:last-child{break-after:auto}
.slide.surf{background:var(--surf)}
h1,.hl{font-family:var(--display);font-weight:700;color:var(--ink);letter-spacing:-.035em;line-height:var(--lh-h1)}
.grey{color:#9A9DA2}
.sub{font-family:var(--body);color:var(--ink2);font-weight:450}
.eyebrow{font-family:var(--mono);font-size:var(--fs-eyebrow);letter-spacing:.02em;color:var(--teal-ink);text-transform:lowercase}
.eyebrow b{color:var(--ac);font-weight:500;margin-right:10px}
.pg{position:absolute;right:var(--m-x);bottom:48px;font-family:var(--mono);font-size:var(--fs-tag);color:#B4B7BA;letter-spacing:.04em}
.glow{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none}
.wash-t{background:radial-gradient(closest-side,rgba(94,230,201,.30),rgba(94,230,201,0))}
.wash-c{background:radial-gradient(closest-side,rgba(76,195,255,.20),rgba(76,195,255,0))}
.top{position:absolute;left:0;right:0;top:var(--m-top);text-align:center}
.top h1{margin-top:16px}
.sub{line-height:1.45}
.hair{height:2px;background:linear-gradient(90deg,rgba(94,230,201,0),rgba(94,230,201,.7) 50%,rgba(94,230,201,0))}
.tk{display:inline-block;width:1.05em;height:1.05em;background:var(--tick) center/contain no-repeat;vertical-align:-.17em;flex:none}
.soon{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:999px;background:#fff;box-shadow:0 0 0 0 transparent,0 6px 24px -6px rgba(15,60,55,.22),0 0 22px -6px rgba(94,230,201,.45);font:600 var(--fs-bubble) var(--body);color:var(--teal-ink)}
.soon::before{content:"";width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--cy))}
/* chat windows */
.win{background:#fff;border-radius:26px;box-shadow:var(--glow);overflow:hidden;display:flex;flex-direction:column}
.wh{display:flex;align-items:center;gap:12px;padding:16px 22px;background:linear-gradient(90deg,rgba(94,230,201,.18),rgba(76,195,255,.07));font:600 var(--fs-bubble) var(--body);white-space:nowrap}
.wh img{width:26px;height:26px}
.wh .cl{color:var(--ink3);font-weight:500}
.wb{padding:20px 20px 22px;display:flex;flex-direction:column;gap:13px;background:#FAFAF8;flex:1}
.msg{display:flex;gap:10px;align-items:flex-end}
.msg.me{justify-content:flex-end}
.av{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;font:700 var(--fs-tag) var(--body);color:#fff}
.av.ren{background:#fff url(assets/ren-logo.svg) center/150% no-repeat;box-shadow:0 0 12px rgba(94,230,201,.45)}
.av.sq{border-radius:9px}
.a1{background:linear-gradient(135deg,#F6B48B,#E9875C)}.a2{background:linear-gradient(135deg,#B9A7F5,#8E77E6)}.a3{background:linear-gradient(135deg,#8FD3F7,#4C9FE0)}.a4{background:linear-gradient(135deg,#C9CCD1,#9EA3AA)}.a5{background:linear-gradient(135deg,#F7A3B5,#E2728D)}
.bub{max-width:84%;padding:11px 15px;border-radius:18px 18px 18px 6px;font:var(--fs-bubble)/1.38 var(--body);background:#fff;box-shadow:0 2px 10px -6px rgba(0,0,0,.18);color:var(--ink)}
.me .bub{background:var(--fill);border-radius:18px 18px 6px 18px;box-shadow:none}
.bub.ren{background:#DEF7F0;color:#0b2f2a;box-shadow:none}
.bub .nm{display:block;font-weight:700;font-size:var(--fs-tag);margin-bottom:2px;color:var(--ink2)}
.bub.ren .nm{color:var(--teal-ink)}
.row{display:flex;gap:12px;align-items:flex-start}
.row .tx{font:var(--fs-bubble)/1.38 var(--body);flex:1}
.row .h{font-size:var(--fs-meta);color:var(--ink3);margin-bottom:1px}
.row .h b{font-size:var(--fs-meta);color:var(--ink);margin-right:8px}
.row .h b.rn{color:var(--teal-ink)}
.row .h em{font-style:normal;font-size:var(--fs-tag);font-weight:600;background:var(--fill);color:var(--ink2);padding:1px 6px;border-radius:4px;margin-right:8px;vertical-align:2px}
.m-wa{color:#0F9D8A;font-weight:700}.m-sl{color:#1264A3;font-weight:700}.m-tm{color:#4F52B2;font-weight:700}.m-dc{color:#5865F2;font-weight:700}
.file{display:flex;gap:12px;align-items:center;margin-top:9px;padding:9px 12px;background:#F3F4F2;border-radius:12px;font:600 var(--fs-meta) var(--body);color:var(--ink)}
.bub.ren .file{background:rgba(255,255,255,.7)}
.file small{display:block;font-weight:500;font-size:var(--fs-tag);color:var(--ink3)}
.ft{width:40px;height:40px;border-radius:9px;display:grid;place-items:center;font:700 var(--fs-tag) var(--mono);color:#fff;flex:none}
.ft.pdf{background:#E5484D}.ft.xls{background:#0F766E}.ft.img{background:#4C9FE0}
.opts{display:flex;flex-direction:column;gap:7px;margin-top:9px}
.opts span{background:rgba(255,255,255,.75);border-radius:10px;padding:7px 12px;font-size:var(--fs-meta);font-weight:500}
.chiprow{display:flex;gap:10px;justify-content:center}
.chip{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;font:500 var(--fs-bubble) var(--body);color:var(--ink);background:var(--fill)}
.chip.w{background:#fff;box-shadow:0 6px 20px -10px rgba(15,60,55,.3)}
.lbl{font:600 var(--fs-bubble) var(--body);color:var(--ink);display:flex;align-items:center;gap:9px;margin-bottom:14px}
