/* ───────────────────────────────────────────────────────────
   SBC Investment Summit 2026 — presentation design system
   Canvas: 1920 × 1080 (scaled to fit). Brand tokens mirror the
   SBC site (navy #0a1a3b · azure #1e90ff · Playfair + Inter).
   ─────────────────────────────────────────────────────────── */
:root{
  --navy-950:#0a1a3b; --navy-900:#050f24; --navy-800:#102a60; --navy-700:#16356f;
  --azure-500:#1e90ff; --azure-400:#52a9ff; --azure-300:#8fc8ff; --azure-100:#e8f4ff;
  --gold:#c9a44b; --gold-300:#e2c47a; --sa-green:#1a6b3c; --sa-green-300:#3fae6e; --bd-red:#e03a54;
  --ink:#0a1a3b; --ink-2:#2c3a55; --ink-3:#5b6a86;
  --white:#fff;
  --t1:rgba(255,255,255,.96); --t2:rgba(255,255,255,.76); --t3:rgba(255,255,255,.54);
  --line:rgba(255,255,255,.14); --glass:rgba(255,255,255,.06);
  --serif:'Inter',system-ui,'Segoe UI',Arial,sans-serif; --sans:'Inter',system-ui,sans-serif;
  --ease:cubic-bezier(.2,.7,.15,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:var(--sans);color:var(--t1);-webkit-font-smoothing:antialiased}
#stage{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0;background:var(--navy-950);overflow:hidden}
.ic{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* ── Slide shell ── */
.slide{position:absolute;inset:0;padding:104px 128px 132px;display:flex;flex-direction:column;justify-content:center;
  opacity:0;visibility:hidden;transition:opacity .7s var(--ease),visibility 0s .7s;overflow:hidden}
.slide.active{opacity:1;visibility:visible;transition:opacity .7s var(--ease),visibility 0s}
.slide>.content{position:relative;z-index:3;width:100%}
.slide.dark{background:radial-gradient(1200px 700px at 85% -10%,rgba(30,144,255,.22),transparent 60%),radial-gradient(900px 600px at -5% 105%,rgba(30,144,255,.12),transparent 55%),linear-gradient(160deg,var(--navy-950),var(--navy-900))}
.slide.deep{background:radial-gradient(1000px 640px at 20% 0%,rgba(30,144,255,.18),transparent 60%),linear-gradient(180deg,#071634,var(--navy-900))}
.slide.light{background:radial-gradient(1000px 600px at 100% 0%,#d6ebff,transparent 60%),linear-gradient(180deg,#f4f9ff,#e6f2ff);color:var(--ink)}
.slide.photo{background:var(--navy-900)}
/* subtle geometric pattern (eight-point star) */
.slide.dark::before,.slide.deep::before,.slide.light::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.55;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%238fc8ff' stroke-opacity='.07' stroke-width='1'%3E%3Cpath d='M60 12 72 36 96 24 84 48 108 60 84 72 96 96 72 84 60 108 48 84 24 96 36 72 12 60 36 48 24 24 48 36Z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image:linear-gradient(120deg,transparent 0%,#000 55%,transparent 100%);mask-image:linear-gradient(120deg,transparent 0%,#000 55%,transparent 100%)}
.slide.light::before{opacity:.9;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%231e90ff' stroke-opacity='.09' stroke-width='1'%3E%3Cpath d='M60 12 72 36 96 24 84 48 108 60 84 72 96 96 72 84 60 108 48 84 24 96 36 72 12 60 36 48 24 24 48 36Z'/%3E%3C/g%3E%3C/svg%3E")}

/* media backgrounds */
.bg{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover}
.bg-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(5,15,36,.94) 0%,rgba(5,15,36,.78) 42%,rgba(5,15,36,.30) 100%)}
.bg-shade.full{background:linear-gradient(180deg,rgba(5,15,36,.55),rgba(5,15,36,.88))}
.bg-shade.center{background:radial-gradient(900px 600px at 50% 50%,rgba(5,15,36,.55),rgba(5,15,36,.92))}
.kb{animation:kb 22s ease-in-out infinite alternate}
@keyframes kb{from{transform:scale(1.02)}to{transform:scale(1.12) translate(-1%,-1%)}}

/* ── Type ── */
.kicker{font-size:22px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--azure-400);display:flex;align-items:center;gap:18px;margin-bottom:26px}
.kicker::before{content:"";width:54px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--azure-500),var(--azure-300))}
.light .kicker{color:#0b5fb8}
.display{font-family:var(--serif);font-weight:900;font-size:128px;line-height:1.02;letter-spacing:-.01em;text-wrap:balance}
.h1{font-family:var(--serif);font-weight:800;font-size:88px;line-height:1.06;letter-spacing:-.01em;text-wrap:balance}
.h2{font-family:var(--serif);font-weight:700;font-size:64px;line-height:1.12;text-wrap:balance}
.h3{font-family:var(--serif);font-weight:700;font-size:40px;line-height:1.15}
.lead{font-size:34px;line-height:1.5;color:var(--t2);font-weight:400;text-wrap:pretty;max-width:1180px}
.body{font-size:28px;line-height:1.55;color:var(--t2);text-wrap:pretty}
.small{font-size:24px;line-height:1.5;color:var(--t2)}
.cap{font-size:20px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--t3)}
.light .lead,.light .body,.light .small{color:var(--ink-2)} .light .cap{color:var(--ink-3)}
em{font-style:normal;background:linear-gradient(90deg,var(--azure-400),var(--azure-300));-webkit-background-clip:text;background-clip:text;color:transparent}
.light em{background:linear-gradient(90deg,#0b6bd1,#1e90ff);-webkit-background-clip:text;background-clip:text}
.gold{color:var(--gold-300)} .num{font-variant-numeric:tabular-nums}
.rule{width:96px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--gold),var(--gold-300));margin:34px 0}
.center{text-align:center;align-items:center}
.mt8{margin-top:8px}.mt16{margin-top:16px}.mt24{margin-top:24px}.mt32{margin-top:32px}.mt48{margin-top:48px}.mt64{margin-top:64px}

/* ── Layout helpers ── */
.row{display:flex}.col{display:flex;flex-direction:column}.ac{align-items:center}.jb{justify-content:space-between}.jc{justify-content:center}.wrap{flex-wrap:wrap}
.g8{gap:8px}.g12{gap:12px}.g16{gap:16px}.g24{gap:24px}.g32{gap:32px}.g48{gap:48px}.g64{gap:64px}
.grid{display:grid}.c2{grid-template-columns:repeat(2,1fr)}.c3{grid-template-columns:repeat(3,1fr)}.c4{grid-template-columns:repeat(4,1fr)}.c5{grid-template-columns:repeat(5,1fr)}.c6{grid-template-columns:repeat(6,1fr)}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}
.split.r{grid-template-columns:.95fr 1.05fr}
.grow{flex:1}

/* ── Cards ── */
.card{background:var(--glass);border:1px solid var(--line);border-radius:28px;padding:36px 38px;backdrop-filter:blur(6px)}
.card.hl{background:linear-gradient(160deg,rgba(30,144,255,.20),rgba(30,144,255,.06));border-color:rgba(82,169,255,.45)}
.card.gd{background:linear-gradient(160deg,rgba(201,164,75,.18),rgba(201,164,75,.05));border-color:rgba(201,164,75,.4)}
.light .card{background:#fff;border:1px solid #d5e6f7;box-shadow:0 18px 50px -24px rgba(10,26,59,.28)}
.light .card.hl{background:linear-gradient(160deg,#0a1a3b,#102a60);border-color:transparent;color:#fff}
.card .h3{margin-bottom:12px}
.badge{width:76px;height:76px;border-radius:22px;display:grid;place-items:center;font-size:38px;color:var(--azure-300);background:linear-gradient(145deg,rgba(30,144,255,.28),rgba(30,144,255,.08));border:1px solid rgba(82,169,255,.4);flex:none}
.light .badge{color:#0b6bd1;background:linear-gradient(145deg,#e1f0ff,#cfe6ff);border-color:#b9d9fb}
.badge.sm{width:60px;height:60px;border-radius:18px;font-size:30px}
.badge.gold{color:var(--gold-300);background:linear-gradient(145deg,rgba(201,164,75,.28),rgba(201,164,75,.07));border-color:rgba(201,164,75,.45)}
.chip{display:inline-flex;align-items:center;gap:12px;padding:12px 24px;border-radius:999px;font-size:24px;font-weight:600;background:var(--glass);border:1px solid var(--line);color:var(--t1)}
.chip.az{background:rgba(30,144,255,.18);border-color:rgba(82,169,255,.5);color:var(--azure-300)}
.light .chip{background:#fff;border-color:#cfe2f6;color:var(--ink)}
.plate{background:#fff;border-radius:22px;padding:22px 30px;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 50px -20px rgba(0,0,0,.55)}
.plate img{display:block;max-height:100%;max-width:100%;min-width:0;min-height:0;object-fit:contain}
.photo-frame{border-radius:32px;overflow:hidden;position:relative;box-shadow:0 40px 90px -30px rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.14)}
.photo-frame img,.photo-frame video{width:100%;height:100%;object-fit:cover;display:block}
.stat{display:flex;flex-direction:column;gap:10px}
.stat .v{font-family:var(--serif);font-weight:800;font-size:104px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.stat .v small{font-size:.5em;font-weight:700;margin-left:4px;color:var(--azure-400)}
.stat .l{font-size:26px;line-height:1.35;color:var(--t2);max-width:420px}
.stat.sm .v{font-size:76px}
.light .stat .l{color:var(--ink-2)} .light .stat .v small{color:#1e90ff}
.hair{height:1px;background:var(--line);width:100%}
.light .hair{background:#cfe2f6}
.src{font-size:19px;color:var(--t3);letter-spacing:.04em;display:flex;align-items:center;gap:10px}
.light .src{color:var(--ink-3)}
.src::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--azure-500)}

/* ── Chrome (footer / progress) ── */
#progress{position:absolute;left:0;top:0;height:6px;width:0;z-index:50;background:linear-gradient(90deg,var(--azure-500),var(--azure-300) 70%,var(--gold-300));transition:width .6s var(--ease)}
#foot{position:absolute;left:0;right:0;bottom:0;height:84px;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:0 128px;
  font-size:19px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--t3);transition:opacity .5s,color .4s}
#foot .l{display:flex;align-items:center;gap:22px}
#foot .logo{height:50px;background:#fff;border-radius:12px;padding:6px 14px;display:flex;align-items:center}
#foot .logo img{height:36px;width:auto;display:block}
#foot .r{display:flex;align-items:center;gap:26px;white-space:nowrap}
#foot .l span{white-space:nowrap}
#foot .pg{font-variant-numeric:tabular-nums;color:var(--t1)}
#stage.on-light #foot{color:var(--ink-3)} #stage.on-light #foot .pg{color:var(--ink)}
#stage.nochrome #foot{opacity:0}

/* ── Reveal animation (auto-staggered by deck.js) ── */
[data-a]{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--d,0) * 1ms);will-change:transform,opacity}
.slide.active [data-a]{opacity:1;transform:none}
[data-a="l"]{transform:translateX(-60px)}[data-a="r"]{transform:translateX(60px)}[data-a="z"]{transform:scale(.92)}
.slide.active [data-a="l"],.slide.active [data-a="r"],.slide.active [data-a="z"]{transform:none}
.bar{height:16px;border-radius:10px;background:rgba(255,255,255,.1);overflow:hidden}
.light .bar{background:#dbe9f8}
.bar>i{display:block;height:100%;width:0;border-radius:10px;background:linear-gradient(90deg,var(--azure-500),var(--azure-300));transition:width 1.6s var(--ease);transition-delay:calc(var(--d,0) * 1ms + 300ms)}
.slide.active .bar>i{width:var(--w)}

/* ── Navigation overlay ── */
#nav{position:absolute;bottom:104px;left:50%;transform:translateX(-50%);z-index:90;display:flex;align-items:center;gap:18px;padding:12px 22px;border-radius:999px;background:rgba(5,15,36,.88);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(14px);transition:opacity .35s}
body.hide-nav #nav{opacity:0;pointer-events:none}
body.hide-nav{cursor:none}
.nb{width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;font-size:24px;cursor:pointer;display:grid;place-items:center}
.nb:hover{background:rgba(30,144,255,.3)}
#counter{background:none;border:0;color:#fff;font:600 22px var(--sans);font-variant-numeric:tabular-nums;cursor:pointer;padding:8px 14px;border-radius:12px}
#counter:hover{background:rgba(255,255,255,.1)}
#jump{display:none;position:absolute;inset:0;z-index:100;background:rgba(5,15,36,.82);backdrop-filter:blur(10px);align-items:center;justify-content:center}
#jump.open{display:flex}
#jump .panel{width:1560px;max-height:940px;overflow:auto;background:#0b1f4a;border:1px solid rgba(255,255,255,.18);border-radius:30px;padding:36px}
#jump h4{font-size:20px;letter-spacing:.22em;text-transform:uppercase;color:var(--azure-300);margin-bottom:24px;display:flex;justify-content:space-between}
#jump .grid{grid-template-columns:repeat(4,1fr);gap:12px}
.jc-btn{display:flex;gap:14px;align-items:center;text-align:left;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px 18px;color:#fff;font:500 21px var(--sans);cursor:pointer}
.jc-btn b{font-family:var(--serif);color:var(--azure-300);min-width:36px;font-size:24px}
.jc-btn:hover,.jc-btn.cur{background:rgba(30,144,255,.25);border-color:var(--azure-400)}
#blank{position:absolute;inset:0;background:#000;z-index:200;display:none}#blank.on{display:block}

/* ═════════ Slide-specific ═════════ */
/* chapter divider */
.divider .big{font-family:var(--serif);font-weight:900;font-size:420px;line-height:.8;position:absolute;right:96px;bottom:70px;z-index:2;color:transparent;-webkit-text-stroke:3px rgba(143,200,255,.28);letter-spacing:-.03em}
/* timeline */
.tl{position:relative;display:flex;flex-direction:column;gap:0;padding-left:44px}
.tl::before{content:"";position:absolute;left:11px;top:14px;bottom:14px;width:3px;background:linear-gradient(180deg,var(--azure-500),rgba(82,169,255,.15))}
.tl .it{position:relative;display:flex;gap:28px;align-items:baseline;padding:8px 0;font-size:27px;line-height:1.35;color:var(--t2)}
.tl .it::before{content:"";position:absolute;left:-44px;top:17px;width:25px;height:25px;border-radius:50%;background:var(--navy-950);border:4px solid var(--azure-400)}
.tl .it.key{color:#fff;font-weight:600}.tl .it.key::before{background:var(--azure-400);box-shadow:0 0 0 8px rgba(82,169,255,.18)}
.tl .t{font:700 22px var(--sans);letter-spacing:.06em;color:var(--azure-300);min-width:122px;font-variant-numeric:tabular-nums}
/* people */
.person{display:flex;flex-direction:column;gap:18px}
.person .ph{aspect-ratio:4/5;border-radius:26px;overflow:hidden;border:1px solid rgba(255,255,255,.2);box-shadow:0 30px 60px -28px rgba(0,0,0,.7);position:relative;background:#16356f}
.person .ph img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.person .nm{font-family:var(--serif);font-weight:700;font-size:31px;line-height:1.15}
.person .ro{font-size:21px;line-height:1.4;color:var(--t2)}
.tag{display:inline-block;font-size:17px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;padding:7px 14px;border-radius:999px;background:rgba(201,164,75,.18);border:1px solid rgba(201,164,75,.5);color:var(--gold-300);width:fit-content}
.tag.az{background:rgba(30,144,255,.18);border-color:rgba(82,169,255,.5);color:var(--azure-300)}
/* corridor */
.corr{display:grid;grid-template-columns:1fr 180px 1fr;align-items:stretch}
.corr .side{padding:44px 48px;border-radius:30px}
.corr .bd{background:linear-gradient(160deg,rgba(224,58,84,.24),rgba(224,58,84,.06));border:1px solid rgba(224,58,84,.45)}
.corr .sa{background:linear-gradient(160deg,rgba(26,107,60,.5),rgba(26,107,60,.12));border:1px solid rgba(63,174,110,.5)}
.corr .mid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--gold-300)}
.corr .mid svg{font-size:78px}
.flagimg{height:56px;border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.25)}
/* doughnut */
.donut{width:420px;height:420px;border-radius:50%;position:relative;display:grid;place-items:center;
  background:conic-gradient(var(--azure-500) 0 var(--p,55.6%),var(--gold) var(--p,55.6%) 100%);-webkit-mask:radial-gradient(circle 150px at center,transparent 98%,#000 100%);mask:radial-gradient(circle 150px at center,transparent 98%,#000 100%)}
/* vertical columns chart */
.vchart{display:flex;align-items:flex-end;gap:44px;height:470px;padding:0 10px;border-bottom:3px solid var(--line)}
.vcol{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:14px;height:100%}
.vcol .b{width:100%;max-width:210px;height:0;border-radius:18px 18px 0 0;background:linear-gradient(180deg,var(--azure-400),var(--azure-500));transition:height 1.5s var(--ease);transition-delay:calc(var(--d,0) * 1ms + 350ms)}
.slide.active .vcol .b{height:var(--h)}
.vcol .b.gd{background:linear-gradient(180deg,var(--gold-300),var(--gold))}
.vcol .b.mute{background:linear-gradient(180deg,#7f93b8,#5d739d)}
.vcol .vv{font:800 46px var(--serif);font-variant-numeric:tabular-nums}
.vcol .vl{font-size:23px;color:var(--t2);text-align:center;margin-top:16px;line-height:1.3;min-height:64px}
.light .vcol .vl{color:var(--ink-2)}
.vaxis{display:flex;gap:44px;padding:0 10px;margin-top:18px}.vaxis>div{flex:1;text-align:center}
/* myth vs reality */
.myth{border-radius:28px;padding:34px 40px;background:rgba(224,58,84,.1);border:1px solid rgba(224,58,84,.4)}
.myth .lab,.real .lab{font-size:19px;letter-spacing:.24em;text-transform:uppercase;font-weight:800;margin-bottom:14px;display:flex;align-items:center;gap:12px}
.myth .lab{color:#ff8296}.real .lab{color:#6fe0a0}
.myth q{font-family:var(--serif);font-style:italic;font-size:33px;line-height:1.35;color:rgba(255,255,255,.82);quotes:"“" "”"}
.real{border-radius:28px;padding:34px 40px;background:linear-gradient(160deg,rgba(26,107,60,.34),rgba(26,107,60,.1));border:1px solid rgba(63,174,110,.5)}
.real .h3{font-size:36px;margin-bottom:12px}
/* process */
.phase{position:relative;padding:40px 38px 34px;border-radius:30px;background:var(--glass);border:1px solid var(--line);overflow:hidden}
.phase .n{font-family:var(--serif);font-weight:900;font-size:150px;line-height:.8;position:absolute;right:26px;top:22px;color:transparent;-webkit-text-stroke:2px rgba(143,200,255,.28)}
.phase ul{list-style:none;display:flex;flex-direction:column;gap:11px;margin-top:22px}
.phase li{display:flex;gap:14px;font-size:23px;line-height:1.35;color:var(--t2)}
.phase li svg{color:var(--azure-400);font-size:26px;margin-top:2px}
/* service image card */
.svc{position:relative;border-radius:26px;overflow:hidden;aspect-ratio:1/.8;border:1px solid rgba(255,255,255,.16);box-shadow:0 26px 60px -30px rgba(0,0,0,.7)}
.svc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.svc::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,15,36,.05) 20%,rgba(5,15,36,.94))}
.svc .tx{position:absolute;left:26px;right:26px;bottom:24px;z-index:2}
.svc .tx b{display:block;font-family:var(--serif);font-size:30px;line-height:1.15;margin-bottom:8px}
.svc .tx span{font-size:20px;line-height:1.4;color:var(--t2);display:block}
.svc .tx i{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:rgba(30,144,255,.85);font-size:28px;margin-bottom:14px}
/* provide grid */
.pv{display:flex;align-items:center;gap:18px;padding:20px 24px;border-radius:20px;background:var(--glass);border:1px solid var(--line);font-size:24px;font-weight:600;line-height:1.25}
.pv svg{font-size:30px;color:var(--azure-400)}
.pv small{display:block;font-size:16px;letter-spacing:.14em;color:var(--t3);font-weight:700;margin-bottom:3px}
/* license tree */
.tree-root{display:inline-flex;align-items:center;gap:18px;padding:22px 44px;border-radius:22px;background:linear-gradient(135deg,var(--azure-500),#0b6bd1);font:800 36px var(--serif);box-shadow:0 20px 50px -18px rgba(30,144,255,.7)}
.leafs{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px}
.leaf{padding:13px 18px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid var(--line);font-size:22px;font-weight:500;display:flex;align-items:center;gap:12px}
.leaf svg{color:var(--azure-300);font-size:22px}
/* city pills */
.city{padding:26px 30px;border-radius:24px;background:var(--glass);border:1px solid var(--line)}
.city b{font-family:var(--serif);font-size:34px;display:flex;align-items:center;gap:12px;margin-bottom:8px}
.city b svg{color:var(--azure-400)}
.city.hq{background:linear-gradient(160deg,rgba(30,144,255,.28),rgba(30,144,255,.08));border-color:rgba(82,169,255,.55)}
/* logos row */
.logos{display:flex;gap:26px;align-items:stretch;flex-wrap:wrap}
.logos .plate{height:130px;min-width:170px;padding:16px 26px}
.gov{display:grid;grid-template-columns:repeat(8,1fr);gap:18px}
.gov .plate{height:150px;padding:12px;border-radius:20px}
/* quote */
.quote{font-family:var(--serif);font-style:italic;font-size:46px;line-height:1.4;position:relative;padding-left:64px}
.quote::before{content:"“";position:absolute;left:0;top:-26px;font-size:150px;line-height:1;color:var(--azure-400);font-style:normal}
/* contact */
.contact{display:flex;align-items:center;gap:22px;padding:24px 30px;border-radius:24px;background:var(--glass);border:1px solid var(--line);font-size:30px;font-weight:600}
.contact svg{font-size:40px;color:var(--azure-400)}
.contact small{display:block;font-size:17px;letter-spacing:.18em;text-transform:uppercase;color:var(--t3);margin-bottom:4px}
.cta-btn{display:inline-flex;align-items:center;gap:18px;font-size:30px;font-weight:700;padding:22px 44px;border-radius:999px;background:linear-gradient(90deg,var(--azure-500),#0b6bd1);box-shadow:0 20px 50px -16px rgba(30,144,255,.8)}
.pulse{animation:pulse 3s ease-in-out infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(30,144,255,.45),0 20px 50px -16px rgba(30,144,255,.8)}50%{box-shadow:0 0 0 22px rgba(30,144,255,0),0 20px 50px -16px rgba(30,144,255,.8)}}
.floatflag{position:absolute;z-index:2;height:430px;filter:drop-shadow(0 26px 40px rgba(0,0,0,.5));animation:wave 7s ease-in-out infinite alternate}
@keyframes wave{from{transform:rotate(-2deg) translateY(0)}to{transform:rotate(2.5deg) translateY(-14px)}}
.content.grid.c2>.col>.real{flex:1}

/* ═════════ Real-estate chapter components ═════════ */
.orbit{position:relative;width:820px;height:760px;margin:0 auto}
.orbit .core{position:absolute;left:50%;top:50%;width:300px;height:300px;margin:-150px 0 0 -150px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  background:radial-gradient(circle at 50% 35%,rgba(30,144,255,.55),rgba(30,144,255,.16));border:2px solid rgba(82,169,255,.7);box-shadow:0 0 90px rgba(30,144,255,.45)}
.orbit .core b{font:900 78px var(--serif);line-height:1}.orbit .core span{font-size:22px;letter-spacing:.2em;text-transform:uppercase;color:var(--azure-300);font-weight:700;margin-top:8px}
.orbit .ring{position:absolute;left:50%;top:50%;width:620px;height:620px;margin:-310px 0 0 -310px;border-radius:50%;border:2px dashed rgba(143,200,255,.28);animation:spin 80s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.orbit .node{position:absolute;display:flex;align-items:center;gap:14px;padding:14px 22px 14px 16px;border-radius:22px;background:rgba(10,26,59,.92);border:1px solid rgba(82,169,255,.5);font-size:23px;font-weight:600;line-height:1.2;white-space:nowrap;box-shadow:0 20px 40px -20px rgba(0,0,0,.7)}
.orbit .node svg{font-size:32px;color:var(--azure-300)}.orbit .node small{display:block;font-size:17px;font-weight:600;color:var(--gold-300);letter-spacing:.08em}
.chain{display:grid;grid-template-columns:1fr 70px 1fr 70px 1fr 70px 1fr;align-items:stretch}
.chain .st{padding:34px 30px;border-radius:28px;background:var(--glass);border:1px solid var(--line)}
.chain .st:nth-child(7){background:linear-gradient(160deg,rgba(30,144,255,.26),rgba(30,144,255,.07));border-color:rgba(82,169,255,.55)}
.chain .st .n{font:900 60px var(--serif);color:transparent;-webkit-text-stroke:2px rgba(143,200,255,.5);line-height:1;margin-bottom:10px}
.chain .st h4{font:700 34px var(--serif);margin-bottom:16px}
.chain .st li{list-style:none;font-size:22px;line-height:1.35;color:var(--t2);padding:6px 0;display:flex;gap:10px}.chain .st li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--azure-400);margin-top:10px;flex:none}
.chain .ar{display:grid;place-items:center;color:var(--gold-300);font-size:44px}
.kv{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:26px;overflow:hidden;border:1px solid var(--line);background:var(--glass)}
.kv>div{padding:20px 28px;border-bottom:1px solid var(--line)}.kv>div:nth-child(odd){border-right:1px solid var(--line)}
.kv .k{font-size:17px;letter-spacing:.16em;text-transform:uppercase;color:var(--t3);font-weight:700;margin-bottom:6px}
.kv .v{font:700 34px var(--serif);line-height:1.15}.kv .v small{font:500 20px var(--sans);color:var(--t2)}
.kv .wide{grid-column:1/-1;border-right:0!important}
.seg{display:flex;height:96px;border-radius:24px;overflow:hidden;gap:5px}
.seg>div{display:flex;flex-direction:column;align-items:center;justify-content:center;font:800 32px var(--serif);background:linear-gradient(180deg,#2a9bff,#0b6bd1);flex:0 0 0;width:0;transition:width 1.4s var(--ease);transition-delay:calc(var(--d,0) * 1ms + 350ms)}
.slide.active .seg>div{width:var(--w);flex:none}
.seg>div:first-child{background:linear-gradient(180deg,#e2c47a,#c9a44b);color:#0a1a3b;border-radius:24px 0 0 24px}.seg>div:last-child{border-radius:0 24px 24px 0;background:linear-gradient(180deg,#3fae6e,#1a6b3c)}
.pt{width:100%;border-collapse:collapse;font-size:23px}.pt th{font-size:17px;letter-spacing:.16em;text-transform:uppercase;color:var(--t3);text-align:left;padding:10px 16px;border-bottom:2px solid var(--line)}
.pt td{padding:11px 16px;border-bottom:1px solid var(--line);color:var(--t2)}.pt td b{color:#fff}.pt td.n{text-align:right;font-variant-numeric:tabular-nums;color:#fff;font-weight:600}.pt th.n{text-align:right}
.pt tr.tot td{border-bottom:0;padding-top:16px;font-size:26px;color:#fff;font-weight:700}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;position:relative}
.steps .s{padding:30px 26px;border-radius:26px;background:var(--glass);border:1px solid var(--line);position:relative}
.steps .s .num{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font:800 30px var(--serif);background:linear-gradient(145deg,var(--azure-500),#0b6bd1);margin-bottom:20px;box-shadow:0 12px 28px -10px rgba(30,144,255,.8)}
.steps .s h4{font:700 29px var(--serif);margin-bottom:10px;line-height:1.15}.steps .s p{font-size:21px;line-height:1.45;color:var(--t2)}
.htl{position:relative;display:grid;grid-template-columns:repeat(6,1fr);padding-top:44px}
.htl::before{content:"";position:absolute;left:0;right:0;top:15px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--gold),var(--azure-400),var(--azure-300))}
.htl .e{position:relative;padding-right:18px}.htl .e::before{content:"";position:absolute;left:0;top:-39px;width:26px;height:26px;border-radius:50%;background:var(--navy-950);border:5px solid var(--azure-400)}
.htl .e.gold::before{border-color:var(--gold-300);background:var(--gold)}
.htl .e b{display:block;font:700 27px var(--serif);margin-bottom:6px}.htl .e span{font-size:20px;line-height:1.35;color:var(--t2)}
.risk{display:flex;gap:22px;align-items:flex-start;padding:26px 30px;border-radius:24px;background:var(--glass);border:1px solid var(--line)}
.risk svg{font-size:40px;color:var(--gold-300);margin-top:4px}.risk h4{font:700 29px var(--serif);margin-bottom:6px}.risk p{font-size:22px;line-height:1.4;color:var(--t2)}
.caption{position:absolute;left:28px;bottom:22px;z-index:3;font-size:21px;font-weight:600;padding:10px 18px;border-radius:14px;background:rgba(5,15,36,.78);backdrop-filter:blur(6px)}
.disc{font-size:19px;color:var(--t3);letter-spacing:.03em;font-style:italic}
.cmp{display:grid;grid-template-columns:1fr 150px 1fr;align-items:stretch}
.cmp .c{padding:40px 44px;border-radius:30px}
.cmp .dub{background:linear-gradient(160deg,rgba(201,164,75,.2),rgba(201,164,75,.05));border:1px solid rgba(201,164,75,.45)}
.cmp .jed{background:linear-gradient(160deg,rgba(30,144,255,.24),rgba(30,144,255,.06));border:1px solid rgba(82,169,255,.55)}
.cmp .mid{display:grid;place-items:center;font-size:64px;color:var(--gold-300)}
.cmp li{list-style:none;display:flex;gap:14px;font-size:25px;line-height:1.35;color:var(--t2);padding:9px 0}.cmp li b{color:#fff}
.cmp li svg{font-size:28px;margin-top:3px;flex:none}.cmp .dub li svg{color:var(--gold-300)}.cmp .jed li svg{color:var(--azure-300)}

/* touch devices: no browser swipe-back / pull-to-refresh, and a rotate hint in portrait */
html,body{overscroll-behavior:none;touch-action:manipulation}
#rot{display:none;position:fixed;left:50%;top:10px;transform:translateX(-50%);z-index:300;max-width:92vw;padding:8px 14px;border-radius:999px;background:rgba(5,15,36,.85);color:#fff;font:600 12px/1.3 var(--sans);text-align:center;pointer-events:none;animation:rotfade 1s 6s forwards}
@keyframes rotfade{to{opacity:0;visibility:hidden}}
@media (max-width:820px) and (orientation:portrait){#rot{display:block}}

/* asset shown from the control panel */
#showcase{position:fixed;inset:0;z-index:9000;background:#000;display:none;align-items:center;justify-content:center}
#showcase.on{display:flex;animation:scIn .4s ease}
#showcase img,#showcase video{max-width:100%;max-height:100%;object-fit:contain}
#showcase iframe{width:100%;height:100%;border:0;background:#fff}
#showcase .sc-au{display:flex;flex-direction:column;align-items:center;gap:28px;color:#fff;font:600 42px/1.2 var(--sans,sans-serif)}
#showcase .sc-au audio{width:640px}
@keyframes scIn{from{opacity:0}to{opacity:1}}