/* Simplified deck (index-simple.html) — layouts on top of deck.css. Stage px only. */

/* speaker notes live in each slide but never show on the stage */
.say{display:none}
#notes{position:fixed;left:0;right:0;bottom:0;max-height:38vh;overflow:auto;z-index:25;background:rgba(10,23,44,.96);color:#EEF1F6;
  padding:18px 6vw 22px;font:17px/1.55 var(--f-body);border-top:3px solid var(--red)}
#notes b{color:#FF8BA3;font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:12px;display:block;margin-bottom:6px}
#notes p + p{margin-top:8px}
.export #notes{display:none!important}

.big-q{font-family:var(--f-disp);font-size:44px;line-height:1.25;color:var(--navy)}

/* 01 roadmap */
.road{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:auto;margin-bottom:auto}
.road div{background:var(--paper);border-top:4px solid var(--navy);padding:48px 44px 54px;border-radius:0 0 4px 4px}
.road small{font-family:var(--f-disp);font-size:90px;line-height:1;color:var(--red);font-weight:300}
.road b{display:block;font-family:var(--f-disp);font-weight:500;font-size:42px;line-height:1.15;color:var(--navy);margin:22px 0 12px}
.road p{font-size:24px;line-height:1.45;color:var(--muted)}

/* 02 ₹1 lakh over 10 years */
.grow{display:grid;gap:18px;margin-top:auto;margin-bottom:auto}
.grow .h,.grow .r{display:grid;grid-template-columns:300px 110px 1fr;align-items:center;gap:28px}
.grow .h span{font-size:15px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2)}
.grow .r > span{font-size:28px;color:var(--ink);text-align:right}
.grow .r > em{font-style:normal;font-size:28px;font-weight:600;color:var(--muted);text-align:right}
.grow .tr{position:relative;height:62px}
.grow .tr i{position:absolute;left:0;top:0;bottom:0;background:var(--sand);border-radius:0 4px 4px 0;transition:width 1s var(--ease)}
.grow .tr em{position:absolute;top:50%;transform:translateY(-50%);font-style:normal;font-family:var(--f-disp);font-size:36px;color:var(--navy);white-space:nowrap;transition:left 1s var(--ease)}
.grow .r.top i{background:var(--navy)}
.grow .r.top em{color:var(--red)}
.grow .r.top > span{font-weight:600}

/* 04 pre-IPO timeline (flat-booking analogy) */
.tl{display:grid;grid-template-columns:repeat(4,1fr);margin-top:auto;position:relative}
.tl::before{content:"";position:absolute;left:0;right:0;top:44px;height:3px;background:var(--line)}
.tl div{position:relative;padding:88px 30px 0 0}
.tl div::before{content:"";position:absolute;left:0;top:30px;width:30px;height:30px;border-radius:50%;background:var(--ivory);border:3px solid var(--muted-2)}
.tl small{font-size:15px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2)}
.tl b{display:block;font-family:var(--f-disp);font-weight:500;font-size:38px;line-height:1.15;color:var(--navy);margin:10px 0 10px}
.tl p{font-size:22px;line-height:1.45;color:var(--muted)}
.tl .you{background:var(--red);border-radius:6px;padding:88px 30px 34px 30px;margin:-20px 24px 0 -16px}
.tl .you::before{left:30px;background:#fff;border-color:#fff}
.tl .you small{color:#FFD0DA}
.tl .you b,.tl .you p{color:#fff}
.like{margin-top:auto;display:flex;gap:28px;align-items:center;background:var(--paper);border-left:6px solid var(--navy);padding:30px 40px;border-radius:0 4px 4px 0}
.like small{flex:none;font-size:15px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--red)}
.like p{font-size:26px;line-height:1.45;color:var(--ink)}

/* 05 IPO vs pre-IPO, three rows */
.vs3{margin-top:auto;margin-bottom:auto;display:grid;grid-template-columns:300px 1fr 1fr;border-top:2px solid var(--navy)}
.vs3 > *{padding:30px 36px 30px 0;border-bottom:1px solid var(--line);font-size:28px;line-height:1.35;color:var(--ink)}
.vs3 .k{font-size:16px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding-top:38px}
.vs3 .th{font-family:var(--f-disp);font-weight:500;font-size:44px;color:var(--navy);border-bottom:2px solid var(--navy)}
.vs3 .th.hot{color:var(--red)}
.vs3 .p{background:rgba(213,26,69,.05);padding-left:36px;font-weight:500}
.vs3 .th.hot{background:rgba(213,26,69,.05);padding-left:36px}
.vs3 .no{color:var(--muted)}

/* 06 three real examples */
.ex{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:auto;margin-bottom:auto}
.ex div{background:var(--paper);padding:46px 44px 50px;border-radius:4px;border-top:4px solid var(--red)}
.ex b{display:block;font-family:var(--f-disp);font-weight:500;font-size:36px;color:var(--navy)}
.ex .nums{display:flex;align-items:baseline;gap:16px;margin:30px 0 8px;font-variant-numeric:lining-nums}
.ex .nums span{font-size:30px;color:var(--muted)}
.ex .nums i{font-style:normal;font-size:30px;color:var(--muted-2)}
.ex .nums strong{font-family:var(--f-disp);font-weight:400;font-size:64px;color:var(--navy);line-height:1}
.ex p{font-size:22px;color:var(--muted)}
.ex em{display:inline-block;margin-top:22px;font-style:normal;font-family:var(--f-disp);font-size:46px;color:var(--red)}

/* 07 risk ↔ help pairs */
.pairs{margin-top:auto;margin-bottom:auto;display:grid;grid-template-columns:1fr 70px 1fr;row-gap:18px}
.pairs .h{font-size:16px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);padding-bottom:6px}
.pairs .rk,.pairs .ok{padding:26px 34px;border-radius:4px;font-size:25px;line-height:1.4}
.pairs .rk{background:var(--paper);color:var(--ink)}
.pairs .ok{background:var(--navy);color:#E4E9F1}
.pairs .rk b,.pairs .ok b{display:block;font-family:var(--f-disp);font-weight:500;font-size:32px;margin-bottom:4px}
.pairs .rk b{color:var(--red)} .pairs .ok b{color:#fff}
.pairs .to{position:relative}
.pairs .to::before{content:"";position:absolute;left:14px;right:18px;top:50%;height:2px;background:var(--navy)}
.pairs .to::after{content:"";position:absolute;right:14px;top:calc(50% - 7px);border:8px solid transparent;border-left:11px solid var(--navy);border-right:0}

/* 09 direct: three big steps */
.s3{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:2px solid var(--navy);margin-top:44px}
.s3 div{padding:34px 40px 0 0}
.s3 div + div{padding-left:40px;border-left:1px solid var(--line)}
.s3 small{font-family:var(--f-disp);font-size:80px;line-height:1;color:var(--red);font-weight:300}
.s3 b{display:block;font-family:var(--f-disp);font-weight:500;font-size:38px;color:var(--navy);margin:16px 0 8px}
.s3 p{font-size:23px;color:var(--muted)}
.s-sdirect .browser{margin-top:auto;height:430px;width:1100px}
.s-sdirect .browser img{width:100%;height:100%;object-fit:cover;object-position:50% 0}

/* 10 buy-back with ₹1 lakh */
.bbx{display:grid;grid-template-columns:1fr 60px 1fr 60px 2fr;margin-top:auto;margin-bottom:34px}
.bbx .c{background:var(--paper);padding:40px 38px;border-radius:4px}
.bbx small{font-size:15px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--red)}
.bbx strong{display:block;font-family:var(--f-disp);font-weight:400;font-size:66px;line-height:1.05;color:var(--navy);margin:14px 0 10px;font-variant-numeric:lining-nums}
.bbx p{font-size:22px;color:var(--muted)}
.bbx .pick{background:var(--navy);display:grid;grid-template-columns:1fr 1fr;gap:0}
.bbx .pick > small{grid-column:span 2;color:#FF8BA3;margin-bottom:6px}
.bbx .pick div{padding-right:30px}
.bbx .pick div + div{padding:0 0 0 30px;border-left:1px solid rgba(255,255,255,.2)}
.bbx .pick strong{color:#fff;font-size:58px}
.bbx .pick em{font-style:normal;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--red);color:#fff;font-family:var(--f-disp);font-size:24px}
.bbx .pick div + div em{background:transparent;border:2px solid #fff}
.bbx .pick p{color:#C9D3E2}
.s-sbb .bb-calc b{font-size:42px}

/* 11 what you can choose */
.pick4{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:40px;min-height:0}
.pick4 article{background:var(--paper);display:flex;flex-direction:column;border-radius:4px;overflow:hidden;min-height:0}
.pick4 .ph{flex:1;min-height:0;overflow:hidden;background:var(--navy)}
.pick4 .ph img{width:100%;height:100%;object-fit:cover}
.pick4 .tx{padding:26px 30px 30px}
.pick4 .tx > b{display:block;font-family:var(--f-disp);font-weight:500;font-size:32px;line-height:1.15;color:var(--navy)}
.pick4 .tx span{display:block;font-size:20px;color:var(--muted);margin-top:6px}
.pick4 .tx strong{display:block;font-family:var(--f-disp);font-weight:400;font-size:46px;color:var(--red);margin-top:14px}
.pick4 .tx strong small{font-family:var(--f-body);font-size:16px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);margin-right:10px}
.ph.shares{display:grid;place-items:center;background:var(--navy);color:#fff;font-family:var(--f-disp);font-size:120px;font-style:italic}
.rule{margin-top:28px;display:flex;gap:28px;align-items:center;background:var(--navy);color:#E4E9F1;padding:26px 40px;border-radius:4px;border-left:6px solid var(--red);font-size:25px}
.rule small{flex:none;font-size:15px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#FF8BA3}
.rule b{color:#fff}

/* 12 Thailand */
.s-sthai .as-body .disp{margin-bottom:10px}
.ch2{display:grid;gap:22px;margin-top:auto}
.ch2 div{background:var(--paper);padding:30px 36px;border-radius:4px;border-left:6px solid var(--navy)}
.ch2 div.hot{border-left-color:var(--red)}
.ch2 small{font-size:15px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--red)}
.ch2 b{display:block;font-family:var(--f-disp);font-weight:500;font-size:38px;line-height:1.15;color:var(--navy);margin:8px 0 6px}
.ch2 p{font-size:22px;line-height:1.45;color:var(--muted)}
.big-start{font-size:28px;color:var(--ink);margin-top:26px}
.big-start b{font-family:var(--f-disp);font-weight:400;font-size:64px;color:var(--navy);margin-right:12px;vertical-align:-6px}

/* 13 monthly revenue with ₹1 lakh */
.mr{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.mr div{background:var(--paper);border-top:4px solid var(--navy);padding:38px 40px 40px;border-radius:0 0 4px 4px}
.mr div:last-child{border-top-color:var(--red)}
.mr small{font-size:15px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2)}
.mr b{display:block;font-family:var(--f-disp);font-weight:500;font-size:40px;color:var(--navy);margin:8px 0 18px}
.mr strong{display:block;font-family:var(--f-disp);font-weight:400;font-size:70px;line-height:1;color:var(--red);font-variant-numeric:lining-nums}
.mr strong small{font-family:var(--f-body);font-size:20px;letter-spacing:0;text-transform:none;color:var(--muted);font-weight:400;margin-left:6px}
.mr p{font-size:21px;color:var(--muted);margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.mr p b{display:inline;font-family:var(--f-body);font-size:inherit;font-weight:600;color:var(--ink);margin:0}
.s-smr .warn{margin-top:30px;border-top:0;border-left:6px solid var(--red);border-radius:0 4px 4px 0;padding:26px 36px;display:flex;gap:30px;align-items:baseline}
.s-smr .warn b{flex:none;margin:0;font-size:28px}

/* 14 ionizer */
.s-sion .facts{grid-template-columns:1fr 60px 1fr;max-width:900px}
.s-sion .facts .to{position:relative;border-bottom:0}
.s-sion .facts .to::before{content:"";position:absolute;left:8px;right:14px;top:50%;height:2px;background:var(--navy)}
.s-sion .facts .to::after{content:"";position:absolute;right:10px;top:calc(50% - 7px);border:8px solid transparent;border-left:11px solid var(--navy);border-right:0}

/* 15 recap table */
.cmp4 .cmp td{font-size:23px;padding:17px 22px 17px 0}
.cmp4 .cmp td:first-child b{font-size:27px}
.cmp4 .cmp td:last-child{font-weight:500;color:var(--ink)}

/* 18 plain-language disclosures */
.s-sdisc .disc li{font-size:24px}

/* fixes after first render */
.s-sroad .frame{justify-content:center}
.s-sroad .road{margin:70px 0 0}
.s-sroad .road div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-top:4px solid var(--red);backdrop-filter:blur(4px)}
.s-sroad .road small{color:#FF8BA3}
.s-sroad .road b{color:#fff}
.s-sroad .road p{color:#C9D3E2}
.s-sdirect .browser{margin-top:56px;height:400px;width:1000px}
.rule p{color:#E4E9F1}
.ph.shares{font-size:92px}