/* Shared social-pack design tokens — LinkedIn / Instagram / WhatsApp */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&family=Newsreader:ital,opsz,wght@0,18..72,400;0,18..72,500;1,18..72,400&display=swap');

:root{
  --ink:#201850; --ink-deep:#181040; --accent:#1088B0; --accent-deep:#0B6A8A;
  --accent-light:#5BC4E6; --paper:#F2F4F8; --white:#FFFFFF; --text:#1E1A3C; --muted:#5B5E78;
  --gold:#F2A93B;
  --font-display:'Archivo',sans-serif; --font-serif:'Newsreader',serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:#1E2230;font-family:var(--font-display);color:var(--text);-webkit-font-smoothing:antialiased;padding:40px 20px;}

.intro{max-width:1180px;margin:0 auto 28px;color:#fff;}
.intro .eb{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-light);font-weight:700;}
.intro h1{font-size:28px;font-weight:600;letter-spacing:-.01em;margin-top:8px;}
.intro p{font-size:14px;color:rgba(255,255,255,.7);line-height:1.55;margin-top:8px;max-width:780px;}
.intro .actions{display:flex;gap:10px;margin-top:14px;}
.intro button{font-family:inherit;font-size:13px;font-weight:600;border:none;border-radius:8px;padding:10px 16px;cursor:pointer;background:#1088B0;color:#fff;}
.intro button:hover{filter:brightness(1.08);}

/* Slide containers — sizing kept at print spec */
.slides{display:flex;flex-direction:column;align-items:center;gap:22px;}
.li-slide{
  width:1080px; height:1350px;        /* LinkedIn carousel 4:5 */
  background:var(--white); color:var(--text);
  position:relative; overflow:hidden;
  box-shadow:0 20px 50px rgba(0,0,0,.5);
}
.sq-slide{
  width:1080px; height:1080px;        /* Instagram / WhatsApp square */
  background:var(--white); color:var(--text);
  position:relative; overflow:hidden;
  box-shadow:0 20px 50px rgba(0,0,0,.5);
}
.li-slide.dark,.sq-slide.dark{background:var(--ink-deep);color:#fff;}
.li-slide.accent,.sq-slide.accent{background:var(--accent);color:#fff;}
.li-slide.paper,.sq-slide.paper{background:var(--paper);}

.frame{position:absolute;inset:0;padding:90px 90px 110px;display:flex;flex-direction:column;}

/* Common decorative elements */
.tile-deco-1{position:absolute;top:-120px;right:-120px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(16,136,176,.25),transparent 70%);}
.tile-deco-2{position:absolute;bottom:-160px;left:-120px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(91,196,230,.18),transparent 70%);}

.eyebrow{font-size:24px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:16px;}
.eyebrow::before{content:"";width:36px;height:2px;background:var(--accent);}
.dark .eyebrow,.accent .eyebrow{color:var(--accent-light);}
.dark .eyebrow::before,.accent .eyebrow::before{background:var(--accent-light);}
.accent .eyebrow{color:#fff;}
.accent .eyebrow::before{background:#fff;}

h1.t1{font-size:80px;font-weight:600;letter-spacing:-.02em;line-height:1.02;color:var(--ink);}
h1.t-lg{font-size:96px;font-weight:600;letter-spacing:-.02em;line-height:1;color:var(--ink);}
.dark h1.t1,.dark h1.t-lg,.accent h1.t1,.accent h1.t-lg{color:#fff;}
.t-serif{font-family:var(--font-serif);font-style:italic;color:var(--accent);font-weight:500;}
.dark .t-serif,.accent .t-serif{color:var(--accent-light);}
.accent .t-serif{color:#fff;text-shadow:0 0 1px rgba(255,255,255,.6);}

p.lead{font-size:30px;line-height:1.45;color:var(--muted);font-weight:400;}
.dark p.lead{color:rgba(255,255,255,.72);}
.accent p.lead{color:rgba(255,255,255,.92);}

.brand-row{position:absolute;left:90px;right:90px;bottom:54px;display:flex;justify-content:space-between;align-items:center;}
.brand-row img{height:36px;width:auto;}
.brand-row .pn{font-size:22px;font-weight:600;color:var(--muted);letter-spacing:.04em;}
.dark .brand-row .pn,.accent .brand-row .pn{color:rgba(255,255,255,.55);}
.brand-row .web{font-size:20px;font-weight:600;color:var(--accent-deep);letter-spacing:.02em;}
.dark .brand-row .web{color:var(--accent-light);}
.accent .brand-row .web{color:#fff;}

.swipe-cue{position:absolute;bottom:54px;right:90px;font-size:22px;font-weight:700;color:var(--accent);display:flex;align-items:center;gap:8px;}
.dark .swipe-cue{color:var(--accent-light);}
.accent .swipe-cue{color:#fff;}
.swipe-cue .arrow{font-size:28px;}

/* Card patterns */
.cards{display:grid;gap:24px;}
.card{background:#fff;border:1px solid rgba(32,24,80,.12);border-radius:18px;padding:32px 34px;display:flex;flex-direction:column;gap:10px;}
.dark .card,.accent .card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);}
.card h3{font-size:32px;font-weight:600;color:var(--ink);letter-spacing:-.01em;}
.dark .card h3,.accent .card h3{color:#fff;}
.card p{font-size:24px;line-height:1.42;color:var(--muted);}
.dark .card p,.accent .card p{color:rgba(255,255,255,.7);}
.card .kn{font-size:32px;font-weight:800;color:var(--accent);}
.dark .card .kn,.accent .card .kn{color:var(--accent-light);}

.pillrow{display:flex;flex-wrap:wrap;gap:14px;}
.pill{padding:14px 24px;border-radius:999px;border:1px solid rgba(32,24,80,.14);font-size:26px;font-weight:600;color:var(--ink);background:#fff;}
.dark .pill,.accent .pill{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#fff;}

ul.clean{list-style:none;display:flex;flex-direction:column;gap:14px;}
ul.clean li{font-size:30px;line-height:1.36;color:var(--text);padding-left:30px;position:relative;font-weight:500;}
ul.clean li::before{content:"";position:absolute;left:0;top:14px;width:14px;height:14px;border-radius:3px;background:var(--accent);transform:rotate(45deg);}
.dark ul.clean li,.accent ul.clean li{color:rgba(255,255,255,.92);}
.dark ul.clean li::before,.accent ul.clean li::before{background:var(--accent-light);}

.quote{font-family:var(--font-serif);font-style:italic;font-size:42px;line-height:1.32;color:var(--text);font-weight:500;}
.dark .quote,.accent .quote{color:#fff;}
.q-attr{font-size:22px;color:var(--accent-deep);font-weight:700;margin-top:24px;letter-spacing:.04em;text-transform:uppercase;}
.dark .q-attr,.accent .q-attr{color:var(--accent-light);}

@media print{
  @page{size:1080px 1350px;margin:0;}
  body{background:#fff;padding:0;}
  .intro{display:none;}
  .slides{gap:0;}
  .li-slide,.sq-slide{box-shadow:none;page-break-after:always;}
  .li-slide:last-child,.sq-slide:last-child{page-break-after:auto;}
}