
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap");
:root{--pad-x:96px;--pad-y:72px}
html,body{margin:0;padding:0;background:#0e1420}
deck-stage:not(:defined){visibility:hidden}
deck-stage section{font-family:var(--font-sans);color:var(--text);background:var(--white);box-sizing:border-box;position:relative;overflow:hidden}
deck-stage section *{box-sizing:border-box}
h1,h2,h3,p,ul{margin:0}ul{list-style:none;padding:0}
a{color:var(--blue);text-decoration:none}a:hover{color:var(--orange-deep)}
.ic{stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}
.tick{width:56px;height:6px;background:var(--orange);border-radius:3px;margin-bottom:26px}
.brandmark{position:absolute;top:48px;right:var(--pad-x);display:flex;align-items:center;gap:16px}
.brandmark img{height:38px;width:auto;display:block}
.brandmark span{font-size:24px;font-weight:var(--w-medium);color:var(--muted);letter-spacing:.04em;border-left:1px solid var(--line);padding-left:16px}
.pagenum{position:absolute;bottom:40px;right:var(--pad-x);font-size:24px;color:var(--muted-2);font-weight:var(--w-medium)}
.head h2{font-size:56px;font-weight:var(--w-semibold);color:var(--blue);line-height:1.1;letter-spacing:-.01em;max-width:1300px}
.head .sub{font-size:28px;color:var(--muted);margin-top:16px;line-height:1.45;max-width:1200px;text-wrap:pretty}
.std{padding:var(--pad-y) var(--pad-x);display:flex;flex-direction:column}
.badge{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;flex:none}
.badge .ic{width:30px;height:30px}
.b-blue{background:var(--blue-soft);color:var(--blue)}.b-ink{background:var(--blue-ink);color:#fff}.b-orange{background:var(--orange-soft);color:var(--orange-deep)}.b-orange-solid{background:var(--orange);color:#fff}
.b-blue .ic{stroke:var(--blue)}.b-ink .ic,.b-orange-solid .ic{stroke:#fff}.b-orange .ic{stroke:var(--orange-deep)}
.s6 .big .arrow{stroke:var(--orange)}.tn-ops .ic,.tn-sup .ic,.tn-int .ic{stroke:#fff}.tn-pat .ic{stroke:var(--orange)}.svclist .ic{stroke:var(--blue)}.col.accent .svclist .ic{stroke:var(--orange-deep)}.eq .result .ic{stroke:#fff}
/* 1 hero */
.s1 .photo{position:absolute;inset:0}.s1 .photo img{width:100%;height:100%;object-fit:cover;display:block}
.s1 .scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.96) 40%,rgba(255,255,255,.6) 62%,rgba(255,255,255,0) 85%)}
.s1 .content{position:absolute;inset:0;padding:var(--pad-y) var(--pad-x);display:flex;flex-direction:column}
.lockup{display:flex;align-items:center;gap:20px}
.lockup img{height:56px;width:auto;display:block}
.lockup .lsub{font-size:26px;font-weight:var(--w-medium);letter-spacing:.14em;color:var(--orange-deep);text-transform:uppercase;border-left:2px solid var(--line);padding-left:20px}
.s1 h1{font-size:88px;font-weight:var(--w-semibold);color:var(--blue);line-height:1.04;letter-spacing:-.015em;max-width:960px;margin-top:150px}
.s1 .lead{font-size:32px;line-height:1.45;max-width:820px;margin-top:36px;text-wrap:pretty}
.s1 .tagline{display:flex;align-items:center;gap:16px;margin-top:40px;font-size:26px;font-weight:var(--w-medium);color:var(--blue-deep)}
.s1 .tagline .dot{width:10px;height:10px;border-radius:50%;background:var(--orange)}
.presenters{margin-top:auto;display:flex;gap:56px}
.presenter{display:flex;align-items:center;gap:18px}
.presenter .bar{width:6px;height:54px;border-radius:3px;background:var(--orange)}
.presenter b{font-size:26px;font-weight:var(--w-semibold);color:var(--blue-ink);display:block}
.presenter span{font-size:24px;color:var(--muted);display:block;margin-top:2px}
/* 2 platform */
.s2{display:grid;grid-template-columns:600px 1fr;column-gap:80px;padding:var(--pad-y) var(--pad-x);align-items:stretch}
.s2 .left{display:flex;flex-direction:column}
.s2 .left h2{font-size:56px;font-weight:var(--w-semibold);color:var(--blue);line-height:1.1}
.s2 .left .sub{font-size:28px;color:var(--muted);margin-top:22px;line-height:1.45;text-wrap:pretty}
.s2 .left .foot{margin-top:auto;font-size:26px;line-height:1.45;color:var(--blue-ink);border-top:1px solid var(--line);padding-top:26px;text-wrap:pretty}
.s2 .left .foot b{color:var(--blue);font-weight:var(--w-semibold)}
.caps{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,minmax(0,1fr));gap:16px;min-height:0}
.cap{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px 26px;display:flex;gap:18px;align-items:flex-start;min-height:0}
.cap .badge{width:56px;height:56px}.cap .badge .ic{width:26px;height:26px}
.cap b{font-size:26px;font-weight:var(--w-semibold);color:var(--blue-ink);display:block;line-height:1.2}
.cap p{font-size:24px;color:var(--muted);line-height:1.3;margin-top:6px;text-wrap:pretty}
/* 3 sectors */
.s3 .head{text-align:center;align-items:center;display:flex;flex-direction:column}
.s3 .head h2{max-width:1100px}
.s3{justify-content:center}
.s3 .sectors{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;margin-top:64px}
.sector{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:36px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}
.sector.hl{border-color:var(--orange);background:var(--orange-soft)}
.sector .badge{width:80px;height:80px}.sector .badge .ic{width:38px;height:38px}
.sector b{font-size:28px;font-weight:var(--w-semibold);color:var(--blue-ink);line-height:1.2;text-wrap:balance}
.sector span{font-size:24px;color:var(--muted);line-height:1.35;text-wrap:pretty}
.sector .now{margin-top:10px;font-size:24px;font-weight:var(--w-medium);color:var(--orange-deep)}
.s3 .foot{margin-top:44px;text-align:center;font-size:28px;color:var(--blue-ink);font-weight:var(--w-medium)}
.s3 .foot b{color:var(--blue);font-weight:var(--w-semibold)}
/* 4 why */
.s4 .cols{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:30px;flex:1;min-height:0}
.wcol{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px 32px;display:flex;flex-direction:column}
.wcol .ch{display:flex;align-items:center;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--line-2)}
.wcol .ch h3{font-size:30px;font-weight:var(--w-semibold);color:var(--blue-ink)}
.wcol.exp .ch h3{color:var(--orange-deep)}
.wrows{display:flex;flex-direction:column;flex:1;justify-content:space-around}
.wrow{display:flex;gap:20px;align-items:flex-start;padding:6px 0}
.wrow .badge{width:52px;height:52px}.wrow .badge .ic{width:24px;height:24px}
.wrow b{font-size:26px;font-weight:var(--w-semibold);color:var(--blue-ink);display:block;line-height:1.2}
.wrow p{font-size:24px;color:var(--muted);line-height:1.35;margin-top:4px;text-wrap:pretty}
.wrow p em{font-style:normal;color:var(--orange-deep);font-weight:var(--w-medium)}
.s4 .partner{margin-top:20px;flex:none;font-size:24px;color:var(--muted);display:flex;align-items:center;gap:14px}
.s4 .partner img{height:22px;width:auto;opacity:.75}
/* 5 impact */
.s5 .head h2{font-size:48px;max-width:1600px}
.s5 .grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:20px;margin-top:30px;flex:1;min-height:0}
.imp{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:0;display:flex;flex-direction:column;min-height:0;overflow:hidden}
.imp .ih{display:flex;align-items:center;gap:18px;padding:18px 28px;color:#fff}
.imp.t-ink .ih{background:var(--blue-ink)}.imp.t-blue .ih{background:var(--blue)}.imp.t-orange .ih{background:var(--orange)}.imp.t-soft .ih{background:var(--blue-soft);color:var(--blue-ink)}
.imp .ih .badge{width:56px;height:56px;background:rgba(255,255,255,.18)}.imp.t-soft .ih .badge{background:#fff}
.imp .ih .badge .ic{width:26px;height:26px}
.imp .ih b{font-size:28px;font-weight:var(--w-semibold);display:block;line-height:1.15}
.imp .ih span{font-size:24px;opacity:.85;display:block;margin-top:2px}
.imp.t-soft .ih span{color:var(--muted);opacity:1}
.stats{display:grid;grid-template-columns:1fr 1fr 1fr;margin:22px 28px 20px;padding-top:0;border-top:none;align-items:start}
.stat{padding:0 22px;border-left:1px solid var(--line-2)}.stat:first-child{padding-left:0;border-left:none}
.stat b{font-size:36px;font-weight:var(--w-semibold);color:var(--blue-ink);display:block;line-height:1.05;white-space:nowrap}
.imp.t-ink .stat b,.imp.t-blue .stat b{color:var(--blue)}.imp.t-orange .stat b{color:var(--orange-deep)}.imp.t-soft .stat b{color:var(--blue-ink)}
.stat b.blue{color:inherit}
.stat span{font-size:24px;color:var(--text);display:block;line-height:1.25;margin-top:6px;text-wrap:pretty}
.s5 .eq{margin-top:20px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--blue-soft-2);border:1px solid var(--line-2);border-radius:var(--radius-lg);padding:18px 32px}
.eq .term{display:flex;align-items:center;gap:14px;font-size:24px;color:var(--blue-ink);font-weight:var(--w-medium)}
.eq .term .badge{width:44px;height:44px}.eq .term .badge .ic{width:22px;height:22px}
.eq .op{font-size:34px;font-weight:var(--w-semibold);color:var(--orange)}
.eq .result{background:var(--blue-ink);color:#fff;border-radius:12px;padding:12px 24px;white-space:nowrap;font-size:24px;font-weight:var(--w-semibold);display:flex;align-items:center;gap:14px}
.eq .result .ic{width:26px;height:26px}
/* 6 transition */
.s6{background:var(--blue-ink)}
.s6 .photo{position:absolute;inset:0;opacity:.18}.s6 .photo img{width:100%;height:100%;object-fit:cover;display:block}
.s6 .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,42,100,.2),rgba(6,42,100,.85))}
.s6 .content{position:absolute;inset:0;padding:var(--pad-y) var(--pad-x);display:flex;flex-direction:column;justify-content:center}
.s6 .kicker{font-size:26px;letter-spacing:.18em;text-transform:uppercase;color:#fff;opacity:.7;font-weight:var(--w-medium)}
.s6 .big{display:flex;align-items:center;gap:48px;margin-top:40px}
.s6 .big h2{font-size:96px;font-weight:var(--w-semibold);color:#fff;line-height:1.05;letter-spacing:-.015em}
.s6 .big .arrow{width:72px;height:72px;color:var(--orange);stroke-width:2.5}
.s6 .big .care{color:var(--orange)}
.s6 .duo{display:flex;gap:80px;margin-top:80px}
.s6 .duo div{display:flex;flex-direction:column;gap:6px;border-left:2px solid rgba(255,255,255,.25);padding-left:28px}
.s6 .duo b{font-size:28px;color:#fff;font-weight:var(--w-semibold)}
.s6 .duo span{font-size:24px;color:#fff;opacity:.7}
/* 7 system */
.s7{display:grid;grid-template-columns:1fr 900px;padding:var(--pad-y) var(--pad-x);align-items:center;column-gap:40px}
.s7 .left h2{font-size:56px;font-weight:var(--w-semibold);color:var(--blue);line-height:1.1}
.s7 .lead{font-size:28px;margin-top:30px;line-height:1.45;color:var(--muted);max-width:640px}
.s7 ul{margin-top:30px;display:flex;flex-direction:column;gap:18px}
.s7 li{display:flex;align-items:center;gap:16px;font-size:28px;font-weight:var(--w-medium);color:var(--blue-ink)}
.s7 li .dot{width:12px;height:12px;border-radius:50%;background:var(--orange);flex:none}
.s7 .foot{margin-top:46px;font-size:26px;font-weight:var(--w-medium);color:var(--orange-deep);border-top:1px solid var(--line);padding-top:26px;max-width:600px}
.tri{position:relative;width:900px;height:880px}
.tri svg.wires{position:absolute;inset:0;width:100%;height:100%}
.tnode{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:50%;padding:30px}
.tnode .ic{width:44px;height:44px;margin-bottom:12px}
.tnode b{font-size:26px;font-weight:var(--w-semibold);line-height:1.15;display:block}
.tnode span{font-size:24px;line-height:1.3;display:block;margin-top:8px;opacity:.85}
.tn-ops{background:var(--blue-ink);color:#fff;width:310px;height:310px;box-shadow:var(--shadow-lg);left:450px;top:190px}
.tn-sup{background:var(--blue);color:#fff;width:290px;height:290px;box-shadow:var(--shadow-lg);left:214px;top:600px}
.tn-int{background:var(--orange);color:#fff;width:290px;height:290px;box-shadow:var(--shadow-lg);left:686px;top:600px}
.tn-pat{background:var(--white);color:var(--blue-ink);width:250px;height:250px;box-shadow:var(--shadow-lg);border:1px solid var(--line);left:450px;top:465px}
.tn-pat .ic{color:var(--orange)}.tn-pat span{color:var(--muted);opacity:1}
/* 8 offering */
.s8{padding:56px var(--pad-x) 52px}
.s8 .cols{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px;margin-top:26px;flex:1;min-height:0}
.col{background:var(--card);border:1px solid var(--line);border-top:6px solid var(--blue);border-radius:var(--radius-lg);padding:20px 30px;display:flex;flex-direction:column;min-height:0}
.col.mid{border-top-color:var(--blue-deep)}.col.accent{border-top-color:var(--orange)}
.colhead{display:flex;align-items:flex-start;gap:18px;padding-bottom:14px;border-bottom:1px solid var(--line-2)}
.colhead .badge{width:56px;height:56px}.colhead .badge .ic{width:26px;height:26px}
.colhead h3{font-size:28px;font-weight:var(--w-semibold);color:var(--blue-ink);line-height:1.15}
.col.accent .colhead h3{color:var(--orange-deep)}
.colhead .count{font-weight:var(--w-regular);color:var(--muted);font-size:24px}
.colhead p{font-size:24px;color:var(--muted);margin-top:4px;line-height:1.3}
.svclist{margin-top:10px;display:flex;flex-direction:column;flex:1;justify-content:space-around}
.svclist li{display:flex;align-items:center;gap:14px;font-size:24px;color:var(--text);line-height:1.15}
.svclist .ic{width:24px;height:24px;color:var(--blue)}
.col.accent .svclist .ic{color:var(--orange-deep)}
.s8 .band{margin-top:20px;display:flex;align-items:center;gap:24px;background:var(--blue-soft-2);border:1px solid var(--line-2);border-radius:var(--radius-lg);padding:14px 28px}
.s8 .band .badge{width:46px;height:46px}.s8 .band .badge .ic{width:22px;height:22px}
.s8 .band b{font-size:26px;font-weight:var(--w-semibold);color:var(--blue-ink);white-space:nowrap}
.s8 .band p{font-size:24px;color:var(--muted);border-left:1px solid var(--line);padding-left:24px;line-height:1.35}
/* 9 demo */
.s9{background:var(--blue-ink);display:grid;grid-template-columns:1fr 720px;column-gap:96px;align-items:center;padding:var(--pad-y) var(--pad-x)}
.s9 .kicker{font-size:26px;letter-spacing:.18em;text-transform:uppercase;color:#fff;opacity:.7;font-weight:var(--w-medium)}
.mira-lockup{display:flex;align-items:center;gap:32px;margin-top:32px}
.mira-orb{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--orange),#C24E00);display:grid;place-items:center;flex:none;box-shadow:0 20px 50px -10px rgba(255,106,0,.6)}
.mira-orb .ic{width:60px;height:60px;stroke-width:2}
.mira-orb.sm{width:44px;height:44px;box-shadow:none}.mira-orb.sm .ic{width:24px;height:24px}
.s9 h2{font-size:104px;font-weight:var(--w-semibold);color:#fff;line-height:1;letter-spacing:-.01em}
.s9 h2 span{color:var(--orange)}
.s9 .left>p.desc{font-size:30px;color:#fff;opacity:.8;margin-top:36px;max-width:760px;line-height:1.45;text-wrap:pretty}
.s9 .chips{display:flex;flex-wrap:wrap;gap:14px;margin-top:48px}
.s9 .chip{border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:12px 26px;font-size:24px;color:#fff;font-weight:var(--w-medium)}
.mpanel{background:#FBFAF7;border-radius:24px;box-shadow:0 40px 100px rgba(0,0,0,.45);display:flex;flex-direction:column;overflow:hidden;font-family:var(--font-sans);height:880px}
.mph{display:flex;align-items:center;gap:14px;padding:22px 28px;border-bottom:1px solid #ECE8DF}
.mph b{font-size:28px;color:var(--blue-ink);font-weight:var(--w-semibold)}
.mph .live{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:24px;color:var(--green);font-weight:var(--w-medium)}
.mph .live i{width:12px;height:12px;border-radius:50%;background:var(--green);display:block}
.mctx{display:flex;align-items:center;gap:12px;margin:18px 28px 0;background:#EFF3FA;border-radius:12px;padding:12px 18px;font-size:24px;color:#5B6B84}
.mctx .ic{width:24px;height:24px}
.mfeed{display:flex;flex-direction:column;gap:14px;padding:24px 28px;flex:1 1 0;min-height:0;overflow:hidden}
.mb{max-width:86%;border-radius:18px;padding:16px 22px;font-size:24px;line-height:1.4;text-wrap:pretty}
.mb.in{align-self:flex-start;background:#fff;border:1px solid #ECE8DF;border-bottom-left-radius:6px;color:var(--text)}
.mb.in b{color:var(--blue-ink);font-weight:var(--w-semibold)}
.mb.out{align-self:flex-end;background:var(--blue);color:#fff;border-bottom-right-radius:6px}
.mb.typing{display:flex;gap:8px;align-items:center;padding:18px 22px;align-self:flex-start;background:#fff;border:1px solid #ECE8DF;border-bottom-left-radius:6px}
.mb.typing i{width:10px;height:10px;border-radius:50%;background:var(--muted-2);display:block}
.mb.typing i:nth-child(2){opacity:.7}.mb.typing i:nth-child(3){opacity:.4}
.mdock{display:flex;gap:10px;padding:18px 28px 24px;border-top:1px solid #ECE8DF;background:#fff}
.mchip{font-size:24px;font-weight:var(--w-medium);color:var(--blue);background:#fff;border:1px solid #D9E2F2;border-radius:999px;padding:10px 20px;white-space:nowrap}
/* 10 closing */
.s10{display:grid;grid-template-columns:1fr 820px;padding:var(--pad-y) var(--pad-x);column-gap:80px}
.s10 .left{display:flex;flex-direction:column}
.s10 .thanks{font-size:28px;color:var(--muted);font-weight:var(--w-medium);margin-top:72px}
.s10 h2{font-size:72px;font-weight:var(--w-semibold);color:var(--blue);line-height:1.06;margin-top:20px;max-width:800px;letter-spacing:-.01em}
.s10 .body{font-size:28px;line-height:1.5;margin-top:26px;max-width:760px;color:var(--text);text-wrap:pretty}
.s10 .scanrow{display:flex;align-items:center;gap:28px;margin-top:40px}
.s10 .qr{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:12px;box-shadow:var(--shadow-sm)}
.s10 .scanrow p{font-size:26px;font-weight:var(--w-medium);color:var(--blue-ink);max-width:360px;line-height:1.35}
.s10 .contact{margin-top:auto;display:flex;align-items:center;gap:36px;border-top:1px solid var(--line);padding-top:28px}
.s10 .contact div{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:var(--w-medium);color:var(--blue-ink)}
.s10 .contact div.badge{width:42px;height:42px;display:grid;place-items:center;gap:0}.s10 .contact .badge .ic{width:20px;height:20px}
.s10 .right{position:relative;display:flex;flex-direction:column;justify-content:center}
.s10 .right image-slot{flex:none;height:560px;width:100%}
.s10 .right image-slot img{object-position:60% 55%}
.s10 .right .people{margin-top:32px;display:flex;gap:40px}
.s10 .tagcard{position:absolute;left:-48px;top:calc(50% - 320px);background:rgba(255,255,255,.96);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:22px 28px;font-size:26px;font-weight:var(--w-medium);color:var(--blue-ink);line-height:1.4;max-width:460px}
.s10 .tagcard .bar{width:40px;height:6px;border-radius:3px;background:var(--orange);margin-bottom:12px}

/* =========================================================
   Solazur — Design Tokens  (v1.0.0)
   THE single source of truth for colour, type and spacing.
   Every deliverable imports this file. Never redefine a brand
   colour or font family anywhere else.

   Reference: brand/foundation/Brand-Foundation.html §7
   ========================================================= */

:root {
  /* ---- Brand core (locked, non-negotiable) ---- */
  --blue:        #0D47A1;   /* Primary. Headlines, primary CTAs, brand accents */
  --orange:      #FF6A00;   /* Accent. Highlights, icons, CTA backgrounds. NEVER body text */
  --black:       #000000;
  --white:       #FFFFFF;

  /* ---- Blue scale (tints / shades of primary) ---- */
  --blue-deep:   #0A3A85;
  --blue-ink:    #062A64;
  --blue-soft:   #E7EEF8;
  --blue-soft-2: #F2F6FC;

  /* ---- Orange scale ---- */
  --orange-deep: #E85F00;
  --orange-soft: #FFF1E7;

  /* ---- Neutrals ---- */
  --paper:       #F4F5F7;   /* app/page background */
  --paper-2:     #FAFAFC;
  --card:        #FFFFFF;
  --line:        #E6E8EC;
  --line-2:      #EFF1F4;
  --text:        #1B1F2A;   /* body text on light */
  --muted:       #6B7280;
  --muted-2:     #99A0AD;

  /* ---- Support / state (extension, v1.0) ---- */
  --green:       #1E8E5A;
  --green-soft:  #E7F4ED;
  --amber:       #B7791F;
  --amber-soft:  #FBF3E2;
  --red:         #C0392B;

  /* ---- Typography ---- */
  --font-sans:   "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono:   "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Weight map: SemiBold headlines, Medium subheads, Regular body */
  --w-regular:   400;
  --w-medium:    500;
  --w-semibold:  600;
  --w-bold:      700;

  /* ---- Radii & elevation ---- */
  --radius:      10px;
  --radius-lg:   18px;
  --shadow-sm:   0 1px 2px rgba(13,30,70,.06), 0 1px 1px rgba(13,30,70,.04);
  --shadow-md:   0 6px 20px -8px rgba(13,30,70,.18), 0 2px 6px rgba(13,30,70,.06);
  --shadow-lg:   0 18px 50px -18px rgba(10,30,80,.28);
}
