@font-face{font-family:"Anuphan";font-style:normal;font-weight:400;font-display:block;src:url("fonts/anuphan-thai-400-normal.woff2?v=20261103j") format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:"Anuphan";font-style:normal;font-weight:400;font-display:block;src:url("fonts/anuphan-latin-400-normal.woff2?v=20261103j") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Anuphan";font-style:normal;font-weight:500;font-display:block;src:url("fonts/anuphan-thai-500-normal.woff2?v=20261103j") format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:"Anuphan";font-style:normal;font-weight:500;font-display:block;src:url("fonts/anuphan-latin-500-normal.woff2?v=20261103j") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Anuphan";font-style:normal;font-weight:600;font-display:block;src:url("fonts/anuphan-thai-600-normal.woff2?v=20261103j") format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:"Anuphan";font-style:normal;font-weight:600;font-display:block;src:url("fonts/anuphan-latin-600-normal.woff2?v=20261103j") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Anuphan";font-style:normal;font-weight:700;font-display:block;src:url("fonts/anuphan-thai-700-normal.woff2?v=20261103j") format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:"Anuphan";font-style:normal;font-weight:700;font-display:block;src:url("fonts/anuphan-latin-700-normal.woff2?v=20261103j") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{--bg0:#050a18;--bg1:#0a1736;--bg2:#10285a;--gold:#e0b84a;--gold2:#f6dc8b;--blue:#5fa0ff;--ink:#f3f6fc;--mute:#aebbd6;
/* สเกลตัวอักษรเดียวทั้งเด็ค (พื้นที่ 1920x1080) */
--fs-display:112px;--fs-lead:38px;--fs-h1:56px;--fs-num:72px;--fs-num-s:56px;--fs-h2:36px;--fs-body:30px;--fs-sub:28px;--fs-cap:26px;--fs-src:22px;
--lh-th:1.5;--lh-tight:1.3;
/* ระยะ/กริดเดียว */
--mx:120px;--gap:32px;--radius:24px;--pad:36px}
*{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;height:100%;background:#000;overflow:hidden;font-family:"Anuphan",sans-serif;font-size:var(--fs-body);line-height:var(--lh-th);font-weight:400;color:var(--ink)}
button{font-family:"Anuphan",sans-serif}
#viewport{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}
#stage{position:relative;width:1920px;height:1080px;flex:none;transform-origin:center center;background:var(--bg0);overflow:hidden}
.slide{isolation:isolate;position:absolute;inset:0;padding:72px var(--mx) 112px;display:flex;flex-direction:column;gap:var(--gap);opacity:0;visibility:hidden;transform:translateX(calc(var(--dir,1)*56px));transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1),visibility 0s .8s;
  background:radial-gradient(1200px 700px at 85% -10%,rgba(95,160,255,.22),transparent 60%),radial-gradient(900px 600px at 0% 110%,rgba(224,184,74,.14),transparent 60%),linear-gradient(160deg,var(--bg1),var(--bg0) 70%)}
.slide:has(.src){padding-bottom:152px}
.slide.on{opacity:1;visibility:visible;transform:none;transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1),visibility 0s}
.slide.out{opacity:0;visibility:visible;transform:translateX(calc(var(--dir,1)*-56px))}
.chrome{position:absolute;inset:0;z-index:30;pointer-events:none;transition:opacity .5s}
.chrome .gl{position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.8}
#stage.nochrome .chrome{opacity:0}
.rails{position:absolute;left:0;right:0;bottom:0;height:64px;opacity:.5;pointer-events:none;
  background:repeating-linear-gradient(90deg,rgba(224,184,74,.55) 0 6px,transparent 6px 60px) bottom/100% 14px no-repeat,linear-gradient(rgba(224,184,74,.5),rgba(224,184,74,.5)) 0 18px/100% 3px no-repeat,linear-gradient(rgba(224,184,74,.5),rgba(224,184,74,.5)) 0 40px/100% 3px no-repeat}
.kicker{flex:none;font-size:var(--fs-sub);line-height:var(--lh-tight);font-weight:600;letter-spacing:.06em;color:var(--gold);margin-bottom:-20px}
h1{flex:none;font-size:var(--fs-h1);line-height:var(--lh-tight);font-weight:700;background:linear-gradient(180deg,#fff,var(--gold2));-webkit-background-clip:text;background-clip:text;color:transparent;padding:.16em 0 .18em;margin:-.16em 0 4px}
.src{position:absolute;left:var(--mx);right:300px;bottom:84px;font-size:var(--fs-src);color:var(--mute);line-height:1.4}
.tag{position:absolute;right:48px;top:34px;font-size:var(--fs-src);line-height:1.4;color:var(--gold2);border:2px solid rgba(224,184,74,.6);border-radius:999px;padding:6px 24px;background:rgba(5,10,24,.6);z-index:5}
.tag.low{top:auto;bottom:36px}
.note{flex:none;font-size:var(--fs-cap);color:var(--gold2);line-height:var(--lh-th)}
/* cover */
.cover{justify-content:center;align-items:flex-start;gap:0;padding-left:150px;padding-bottom:112px}
.cover .sun{position:absolute;right:-180px;top:-180px;width:900px;height:900px;border-radius:50%;background:radial-gradient(circle,rgba(246,220,139,.28),rgba(95,160,255,.10) 55%,transparent 70%)}
.cover .org{font-size:var(--fs-sub);font-weight:600;letter-spacing:.14em;color:var(--gold);margin-bottom:24px}
.cover h1{font-size:var(--fs-display);line-height:1.25;margin:0 0 12px}
.cover .sub{font-size:var(--fs-lead);line-height:var(--lh-th);max-width:1500px;color:var(--ink);font-weight:500}
.cover .date{font-size:var(--fs-cap);color:var(--mute);margin-top:40px}
.play{margin-top:48px;font:700 var(--fs-body)/1.4 "Anuphan",sans-serif;color:#1a1405;background:linear-gradient(180deg,var(--gold2),var(--gold));border:0;border-radius:999px;padding:18px 52px;cursor:pointer;box-shadow:0 10px 40px rgba(224,184,74,.35)}
.play[hidden]{display:none}
.clip{position:absolute;inset:0;background:#000;z-index:8;display:none}
.clip.show{display:block}
.clip video{width:100%;height:100%;object-fit:contain}
.clip .x{position:absolute;right:36px;top:30px;font:600 var(--fs-cap)/1.4 "Anuphan",sans-serif;color:#fff;background:rgba(0,0,0,.55);border:2px solid rgba(255,255,255,.5);border-radius:999px;padding:8px 28px;cursor:pointer}
/* กล่องมาตรฐาน */
.stat,.tier,.panel,.card,.phase,.ask{border-radius:var(--radius);padding:var(--pad) 40px}
/* stats (หน้า 2) */
.share{flex:none;display:flex;flex-direction:column;gap:18px}
.share .row{display:grid;grid-template-columns:150px 1fr 170px;align-items:center;column-gap:28px;font-size:var(--fs-h2);line-height:var(--lh-tight)}
.share .row b{font-weight:700}
.share .row b:last-child{text-align:right}
.share .track{height:40px;border-radius:10px;background:rgba(255,255,255,.08);overflow:hidden}
.share .fill{height:100%;border-radius:10px}
.share .note{margin-top:2px}
.stats{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.stat{display:flex;flex-direction:column;justify-content:center;gap:12px;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:2px solid rgba(224,184,74,.35)}
.stat .big{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:16px;font-size:var(--fs-num);line-height:1.2;font-weight:700;color:var(--gold2);white-space:nowrap}
.stat .big small{display:inline;font-size:var(--fs-body);font-weight:600;color:var(--ink)}
.stat .cap{font-size:var(--fs-body);color:var(--ink);line-height:var(--lh-th)}
/* axis (หน้า 3) */
.tiers{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}
.tier{display:flex;flex-direction:column;justify-content:center;gap:10px;border:2px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05)}
.tier.rail{border-color:rgba(224,184,74,.7)}
.tier.ev{border-color:rgba(95,160,255,.8)}
.tier h2{font-size:var(--fs-h2);line-height:var(--lh-tight);font-weight:700}
.tier.rail h2{color:var(--gold2)}.tier.ev h2{color:#9cc4ff}
.tier p{font-size:var(--fs-body);line-height:var(--lh-th)}
.hubband{flex:none;text-align:center;font-size:var(--fs-h2);line-height:var(--lh-tight);font-weight:600;padding:20px 24px;border-radius:var(--radius);background:linear-gradient(90deg,rgba(224,184,74,.25),rgba(95,160,255,.25));border:2px solid rgba(246,220,139,.5)}
.facts{flex:none;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}
.fact{padding:22px 26px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
.fact .v{font-size:var(--fs-num-s);font-weight:700;color:var(--gold2);line-height:1.2;white-space:nowrap}
.fact .v small{font-size:var(--fs-cap);color:var(--ink);font-weight:600}
.fact .l{font-size:var(--fs-cap);color:var(--mute);margin-top:4px;line-height:1.4}
/* diagram (หน้า 5) */
.diag{flex:1;min-height:0;display:flex;gap:var(--gap);align-items:center}
.diag svg{flex:none;width:1180px;height:auto;border-radius:var(--radius);border:2px solid rgba(224,184,74,.35);background:#0b1d42}
.diag .legend{font-size:var(--fs-body);line-height:var(--lh-th)}
.diag .legend div{margin:0 0 16px;padding-left:36px;position:relative}
.diag .legend div:last-child{margin-bottom:0}
.diag .legend div::before{content:"";position:absolute;left:0;top:.62em;width:16px;height:16px;border-radius:50%;background:var(--gold)}
.diag .legend div.b::before{background:var(--blue)}
/* swap (หน้า 6) */
.swap{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}
.panel{background:rgba(255,255,255,.06);border:2px solid rgba(255,255,255,.16);position:relative;display:flex;flex-direction:column}
.panel h2{font-size:var(--fs-h2);line-height:var(--lh-tight);font-weight:700;margin-bottom:20px;color:var(--gold2)}
.steps{list-style:none}
.steps li{font-size:var(--fs-body);line-height:var(--lh-th);margin:0 0 16px;padding-left:68px;position:relative;min-height:48px}
.steps li span{position:absolute;left:0;top:1px;width:48px;height:48px;border-radius:50%;background:var(--gold);color:#1a1405;font-weight:700;text-align:center;line-height:48px;font-size:var(--fs-cap)}
.panel .time{margin-top:auto;font-size:var(--fs-num);font-weight:700;color:var(--gold2);line-height:1.2}
.panel .time small{font-size:var(--fs-body);color:var(--ink);font-weight:600;margin-left:12px}
.panel .time+.note{margin-top:4px}
.mock{flex:1;border-radius:20px;background:#0b1d42;border:2px solid rgba(95,160,255,.5);padding:24px 26px;display:flex;flex-direction:column;gap:14px}
.mock .bar2{display:flex;justify-content:space-between;font-size:var(--fs-src);line-height:1.4;color:var(--mute)}
.mock .row{flex:1;display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-sub);padding:0 20px;border-radius:14px;background:rgba(255,255,255,.07)}
.pill{font-size:var(--fs-src);line-height:1.4;font-weight:700;padding:3px 20px;border-radius:999px;color:#08120a;background:#7fe0a1}
.pill.y{background:var(--gold2)}.pill.b{background:#9cc4ff}
.chip{display:inline-block;font-size:var(--fs-src);line-height:1.4;font-weight:700;color:#1a1405;background:var(--gold2);border-radius:999px;padding:3px 22px;margin-left:16px;vertical-align:middle}
/* cards (หน้า 7) */
.cards{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr;gap:var(--gap)}
.card{display:flex;flex-direction:column;justify-content:center;gap:10px;background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.02));border:2px solid rgba(224,184,74,.35)}
.card h2{font-size:var(--fs-h2);line-height:var(--lh-tight);font-weight:700;color:var(--gold2)}
.card p{font-size:var(--fs-body);line-height:var(--lh-th)}
/* phases (หน้า 8) */
.phases{flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);position:relative}
.phase{padding:var(--pad) 30px;background:rgba(255,255,255,.06);border:2px solid rgba(255,255,255,.18);position:relative;display:flex;flex-direction:column;gap:10px}
.phase .n{font-size:var(--fs-sub);line-height:var(--lh-tight);font-weight:700;color:var(--gold);letter-spacing:.04em}
.phase h2{font-size:var(--fs-h2);font-weight:700;line-height:var(--lh-tight)}
.phase p{font-size:var(--fs-body);line-height:var(--lh-th);color:var(--ink)}
.phase .pilot{font-size:var(--fs-cap);line-height:1.45;color:var(--gold2);margin-top:auto}
.phase.vision{border-style:dashed;border-color:rgba(95,160,255,.8)}
.phase.vision .n{color:#9cc4ff}
.phase::after{content:"›";position:absolute;right:-26px;top:calc(50% - 36px);font-size:56px;line-height:1;color:var(--gold);z-index:2}
.phase:last-child::after{display:none}
/* asks (หน้า 9) */
.asks{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.ask{display:flex;flex-direction:column;justify-content:center;gap:10px;background:rgba(255,255,255,.07);border:2px solid rgba(224,184,74,.5)}
.ask .n{font-size:var(--fs-num);font-weight:700;color:var(--gold);line-height:1.1}
.ask h2{font-size:var(--fs-h2);font-weight:700;line-height:var(--lh-tight)}
.ask p{font-size:var(--fs-body);line-height:var(--lh-th);color:var(--ink)}
.contact{flex:none;padding:26px 44px;border-radius:var(--radius);background:linear-gradient(90deg,rgba(224,184,74,.25),rgba(95,160,255,.22));border:2px solid rgba(246,220,139,.6);display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-body);line-height:var(--lh-tight);font-weight:600}
.contact b{font-size:var(--fs-h2);color:var(--gold2);font-weight:700}
#ui{position:fixed;right:14px;bottom:10px;z-index:50;display:flex;gap:8px;align-items:center}
#ui>*{opacity:.35;transition:opacity .3s}
#ui:hover>*{opacity:1}
#ui button{font:600 20px/1.3 "Anuphan",sans-serif;color:#fff;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.4);border-radius:8px;padding:4px 14px;cursor:pointer}
#counter{font-size:20px;color:#fff;min-width:60px;text-align:center}
.shot #ui{display:none}

/* พื้นภาพยนตร์ */
.bgm{position:absolute;inset:0;z-index:-1;overflow:hidden;display:flex;background:var(--bg0)}
.bgm-i{position:relative;flex:1;background-size:cover;background-position:center}
.bgm-i video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bgm .film{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,10,24,.86) 0,rgba(5,10,24,.58) 30%,rgba(5,10,24,.52) 62%,rgba(5,10,24,.88) 100%)}
.bgm.bg-cover .film{background:linear-gradient(90deg,rgba(5,10,24,.9) 0,rgba(5,10,24,.74) 42%,rgba(5,10,24,.18) 100%),linear-gradient(0deg,rgba(5,10,24,.7),transparent 35%)}
.bgm.bg-diagram .film{background:linear-gradient(180deg,rgba(5,10,24,.82) 0,rgba(5,10,24,.34) 26%,rgba(5,10,24,.3) 70%,rgba(5,10,24,.8) 100%);transition:background 1s}
.slide.done .bgm.bg-diagram .film{background:linear-gradient(180deg,rgba(5,10,24,.86) 0,rgba(5,10,24,.7) 30%,rgba(5,10,24,.7) 70%,rgba(5,10,24,.9) 100%)}
.slide:has(.bgm) .stat,.slide:has(.bgm) .tier,.slide:has(.bgm) .card,.slide:has(.bgm) .phase,.slide:has(.bgm) .ask,.slide:has(.bgm) .panel,.slide:has(.bgm) .fact{background:rgba(8,16,38,.68);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.slide:has(.bgm) .share .track{background:rgba(255,255,255,.14)}
.src,.kicker{text-shadow:0 1px 8px rgba(0,0,0,.6)}
.note.hl{margin-top:24px;padding:18px 24px;border-left:5px solid var(--gold);background:rgba(8,16,38,.7);border-radius:0 16px 16px 0;font-size:var(--fs-body);font-weight:600;color:var(--gold2)}

/* ขั้นเปิดทีละคลิก */
.st{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.st.in{opacity:1;transform:none}
.slide:not(.on) .st{transition-duration:0s}
.slide.on .kicker.st{text-shadow:0 1px 8px rgba(0,0,0,.6)}
.tag.st,.src.st{transform:none}
.bgm-i{transform:scale(1.06);transition:transform 9s linear}
.slide.on .bgm-i{transform:scale(1)}
/* หน้า 2 */
.share{flex:1;justify-content:center;gap:34px}
.share .row{grid-template-columns:170px 1fr 220px;font-size:var(--fs-h2)}
.share .track{height:64px;border-radius:14px}
.share .fill{width:0;border-radius:14px;transition:width 1.6s cubic-bezier(.2,.7,.2,1) .25s}
.share .row.in .fill{width:var(--w)}
.share .val{font-size:var(--fs-num);line-height:1.1;text-align:left}
.share .note{font-size:var(--fs-sub);margin-top:6px}
/* หน้า 3 แผนที่วันนี้ (จุดเรียก HubSim) */
.maphost{flex:1;min-height:0;position:relative;border-radius:var(--radius);overflow:hidden;border:2px solid rgba(224,184,74,.35);background:#0a1736}
.maphost .mapfb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.maphost.live .mapfb{display:none}
.slide.today{padding-bottom:112px}
/* หน้า 4 */
.growth{flex:1;min-height:0;display:grid;grid-template-columns:1fr 56px 1fr 1fr;align-items:stretch;column-gap:var(--gap)}
.growth .stat{padding:var(--pad) 36px}
.growth .stat.hi{border-color:rgba(246,220,139,.8);background:linear-gradient(160deg,rgba(224,184,74,.22),rgba(255,255,255,.03))}
.growth .arrow{align-self:center;text-align:center;font-size:96px;line-height:1;color:var(--gold);margin:0 -14px}
.growth .stat .cap{font-size:var(--fs-body)}
/* หน้า 5 */
.pivot{flex:1;min-height:0;display:grid;grid-template-columns:1.15fr 1fr;column-gap:64px;align-items:center}
.pv-main{display:flex;flex-direction:column;gap:14px}
.big.pv{display:flex;align-items:baseline;column-gap:18px;font-size:160px;line-height:1.05;font-weight:700;color:var(--gold2);text-shadow:0 4px 30px rgba(0,0,0,.5)}
.big.pv small{font-size:var(--fs-h2);font-weight:600;color:var(--ink)}
.pv-cap{font-size:var(--fs-body);color:var(--ink)}
.pv-line{margin-top:10px;font-size:var(--fs-h2);line-height:1.4;font-weight:700;color:#fff;padding:18px 26px;border-left:6px solid var(--gold);background:rgba(8,16,38,.66);border-radius:0 16px 16px 0}
.pv-facts{display:flex;flex-direction:column;gap:20px}
.pv-facts .fact{background:rgba(8,16,38,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;grid-template-columns:auto 1fr;column-gap:22px;align-items:center;padding:20px 28px}
.pv-facts .fact .v{font-size:var(--fs-num-s)}
.pv-facts .fact .l{margin:0}
/* หน้า 7 */
.hubband{font-size:var(--fs-h2)}
.note.hl{align-self:flex-start}
/* หน้า 8 */
.slide.land .film{transition:opacity 1.4s}
.land-cap{position:absolute;left:var(--mx);bottom:136px;font-size:var(--fs-h1);font-weight:700;line-height:1.3;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.7);opacity:0;transform:translateY(24px);transition:opacity 1s ease .3s,transform 1s ease .3s}
.slide.done .land-cap{opacity:1;transform:none}
.slide.land.done .bgm .film{opacity:.4}
.slide.land::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(246,220,139,.5) 50%,transparent 65%);transform:translateX(-120%);opacity:0}
.slide.land.done::after{animation:sweep 1.6s ease-out 1}
@keyframes sweep{0%{transform:translateX(-120%);opacity:.9}100%{transform:translateX(120%);opacity:0}}
/* หน้า 9 */
.slide .diag{align-items:center}
/* หน้า 10 สลับแบต */
.swap{grid-template-columns:1fr 1fr}
.panel.timep{justify-content:center;align-items:flex-start}
.panel.timep .time{margin-top:0;font-size:var(--fs-num)}
.bgm.wipe .bgm-i:nth-child(2){position:absolute;inset:0;clip-path:inset(0 0 0 100%);transform:none;transition:clip-path 1.4s cubic-bezier(.7,0,.2,1)}
.slide.swiped .bgm.wipe .bgm-i:nth-child(2){clip-path:inset(0 0 0 0)}
.slide[data-k]:has(.bgm.wipe)::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(100deg,transparent 40%,rgba(127,227,255,.55) 50%,transparent 60%);transform:translateX(-130%);opacity:0}
.slide.swiped::after{animation:sweep 1.4s ease-out 1}
/* หน้า 11 */
.plat{flex:1;min-height:0;display:flex;justify-content:flex-end;align-items:center}
.plat .panel{width:880px;height:auto}
.plat .mock .row{flex:none;height:84px}
.slide:has(.bg-platform) .bgm .film{background:linear-gradient(90deg,rgba(5,10,24,.35) 0,rgba(5,10,24,.5) 45%,rgba(5,10,24,.88) 100%)}
.slide:has(.bg-cards) .cards .card{padding:28px 36px}
/* หน้า 13 */
.phases .phase{min-height:0}
/* หน้า 14 */
.slide:has(.bg-asks) .bgm .film{background:linear-gradient(180deg,rgba(5,10,24,.85),rgba(5,10,24,.62) 45%,rgba(5,10,24,.88))}
.sim-host{z-index:0}
/* ปรับสัดส่วนรอบ 2: จัดกลุ่มเนื้อหาไม่ให้ลอยบน/ว่างล่าง */
.growth{flex:none;margin-top:auto;margin-bottom:auto}
.growth .stat{padding:56px 40px;gap:16px}
.growth .stat .cap{min-height:3em}
.tiers{flex:none;margin-top:auto}
.tiers .tier{padding:40px 44px;gap:14px}
.phases{align-content:center}
.phases .phase{padding:40px 30px}
.swap{flex:none;margin-top:auto;align-items:stretch}
.swap .panel{padding:40px 44px;justify-content:center}
.swap .panel.timep{justify-content:center}
.slide:has(.bgm.wipe) .bgm .film{background:linear-gradient(180deg,rgba(5,10,24,.8) 0,rgba(5,10,24,.2) 28%,rgba(5,10,24,.2) 55%,rgba(5,10,24,.85) 100%)}
.slide:has(.bgm.wipe) .panel{background:rgba(8,16,38,.62)}
.maphost.live .mapfb{display:block}
.growth .stat{padding:56px 30px}
.growth .stat .big{column-gap:12px}
/* เก็บงานรอบ 3 */
.bgm.bg-land .film{background:linear-gradient(180deg,rgba(5,10,24,.9) 0,rgba(5,10,24,.5) 24%,rgba(5,10,24,.08) 46%,rgba(5,10,24,.45) 72%,rgba(5,10,24,.94) 100%)}
.slide.land.done .bgm .film{opacity:1}
.land-cap{text-shadow:0 2px 24px rgba(0,0,0,.85)}
.bgm.bg-growth .film{background:linear-gradient(180deg,rgba(5,10,24,.88) 0,rgba(5,10,24,.7) 40%,rgba(5,10,24,.82) 100%)}
.growth{margin-top:auto;margin-bottom:0}
.bgm.bg-phases .film{background:linear-gradient(180deg,rgba(5,10,24,.88) 0,rgba(5,10,24,.72) 50%,rgba(5,10,24,.9) 100%)}
.bgm.bg-diagram .film,.slide.done .bgm.bg-diagram .film{background:linear-gradient(180deg,rgba(5,10,24,.86) 0,rgba(5,10,24,.7) 45%,rgba(5,10,24,.9) 100%)}
.diag{position:relative;justify-content:center}
.acts{position:absolute;inset:0;display:grid;grid-template-columns:repeat(5,1fr);gap:24px;align-content:center;pointer-events:none}
.act{border-radius:var(--radius);overflow:hidden;background:rgba(8,16,38,.8);border:2px solid rgba(224,184,74,.55);display:flex;flex-direction:column}
.act.b{border-color:rgba(95,160,255,.8)}
.act-v{position:relative;height:340px;background-size:cover;background-position:center}
.act-v video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.act p{padding:20px 22px 24px;font-size:var(--fs-cap);line-height:var(--lh-th);font-weight:600;min-height:5.2em}
.slide[data-k="2"] .diag svg{opacity:0;transform:scale(.96);pointer-events:none}

/* ตรา Smart Quartrix */
#brand{position:absolute;right:408px;top:24px;width:60px;height:60px;border-radius:12px;z-index:60;box-shadow:0 4px 18px rgba(0,0,0,.45);pointer-events:none}
.cover .org{display:flex;align-items:center;gap:20px}
.cover .org img{width:92px;height:92px;border-radius:18px;box-shadow:0 8px 28px rgba(0,0,0,.5)}
.contact img{width:64px;height:64px;border-radius:12px;flex:none}
/* หน้าบริการที่ทำให้ hub มีรายได้ */
.svc{flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);align-content:center}
.svcard .act-v{height:380px}
.svc-t{padding:26px 28px 30px;display:flex;flex-direction:column;gap:10px}
.svc-t h2{font-size:var(--fs-h2);line-height:var(--lh-tight);font-weight:700;color:var(--gold2)}
.svc-t p{font-size:var(--fs-cap);line-height:var(--lh-th)}
.bgm.bg-services .film{background:linear-gradient(180deg,rgba(5,10,24,.88) 0,rgba(5,10,24,.7) 45%,rgba(5,10,24,.9) 100%)}
.svc-t p{padding:0;min-height:0}

/* EEC + เครดิตประธาน */
.eecl{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:20px}
.eecp{display:flex;align-items:center;gap:24px;padding:20px 30px;border-radius:var(--radius);background:rgba(8,16,38,.74);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid rgba(224,184,74,.4)}
.eecp .n{flex:none;width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--fs-body);font-weight:700;color:#1a1405;background:linear-gradient(180deg,var(--gold2),var(--gold))}
.eecp p{font-size:var(--fs-body);line-height:1.4;color:#fff;font-weight:600}
.credit{flex:none;padding:14px 26px;border-radius:14px;font-size:27px;line-height:1.35;font-weight:700;color:#fff;white-space:nowrap;background:linear-gradient(90deg,rgba(224,184,74,.32),rgba(8,16,38,.78));border:2px solid rgba(246,220,139,.7)}
.credit.sm{padding:8px 22px;font-size:28px;background:rgba(8,16,38,.72);border-color:rgba(246,220,139,.45);text-align:center}

@media (max-width:900px),(max-height:500px){#ui{right:6px;bottom:4px;gap:4px}#ui button{font-size:13px;padding:2px 8px}#ui span{font-size:13px}}

.credit.sm{white-space:normal}.credit .team{display:block;margin-top:2px;font-size:26px;font-weight:600;color:var(--gold2)}

/* บันได 4 ขั้น */
.ladder{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,1fr);column-gap:18px;align-items:end}
.lstep{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:24px 26px;border-radius:20px 20px 0 0;border:2px solid rgba(224,184,74,.5);border-bottom:0;background:rgba(8,16,38,.78)}
.lstep.l1{height:60%}.lstep.l2{height:70%}.lstep.l3{height:84%}.lstep.l4{height:100%;border-color:var(--gold2);box-shadow:0 0 60px rgba(224,184,74,.3)}
.lstep.st{transform:translateY(100%);opacity:1;transition:transform .9s cubic-bezier(.16,.84,.3,1)}.lstep.st.in{transform:none;opacity:1}
.lbg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;transform:scale(1.14);transition:transform 6s ease-out}.lstep.in .lbg{transform:scale(1)}
.lbg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,10,24,.2),rgba(5,10,24,.72) 45%,rgba(5,10,24,.95))}
.lstep>*:not(.lbg){position:relative;z-index:1}
.lstep .ln{flex:none;width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;color:#1a1405;background:linear-gradient(180deg,var(--gold2),var(--gold))}
.lstep h2{font-size:var(--fs-h2);line-height:1.25;font-weight:700;color:#fff}.lstep p{font-size:25px;line-height:1.3;font-weight:600;color:var(--gold2)}
.lstep.l4::after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,240,190,.2),transparent);pointer-events:none}
.lstep.l4.in::after{animation:lsheen 4s ease-in-out 1s infinite}@keyframes lsheen{to{left:130%}}
@media (prefers-reduced-motion:reduce){.lstep.st{transition:none}.lstep.l4.in::after{animation:none}}
.lstep p{white-space:pre-line}
#ui>#onepage,#ui>#v16link{opacity:1;font:700 20px/1.3 "Anuphan",sans-serif;color:#1a1405;background:#f6dc8b;border:1px solid #e0b84a;border-radius:8px;padding:4px 14px;text-decoration:none}
#ui>#onepage:hover,#ui>#v16link:hover{background:#ffe9a6}
#ui>#onepage:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media (max-width:900px),(max-height:500px){#ui>#onepage,#ui>#v16link{font-size:13px;padding:2px 8px}}
.slide.thanks{justify-content:center;align-items:center;text-align:center}
.tk{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:20px;max-width:1500px}
.tk-logo{width:112px;height:112px}
.tk h1{font-size:112px;line-height:1.15;font-weight:700;color:#fff}
.tk-line{font-size:40px;line-height:1.3;font-weight:600;color:var(--gold2,#f6dc8b)}
.tk .credit{width:100%;margin:6px 0 0}
.tk-people{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;width:100%}
.tk-people>div{padding:14px 16px;border-radius:14px;background:rgba(5,10,24,.66);border:1px solid rgba(246,220,139,.5)}
.tk-people b{display:block;font-size:30px;line-height:1.3;color:#fff}.tk-people span{display:block;font-size:22px;line-height:1.3;color:#f6dc8b}
.tk .contact{position:static;display:flex;gap:30px;justify-content:center;align-items:center;font-size:26px;font-weight:600;color:#fff}.tk .contact b{color:#f6dc8b}
.briefp{gap:20px;padding-bottom:84px}
.briefp h1{font-size:50px}
.briefp .kicker{margin-bottom:-14px}
.bf-stats{flex:none;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.bf-stat{padding:18px 22px;border-radius:18px;background:rgba(5,10,24,.76);border:1px solid rgba(246,220,139,.45);min-height:188px}
.bf-big{font-size:58px;line-height:1.15;font-weight:700;color:var(--gold2);white-space:nowrap}.bf-big small{font-size:26px;font-weight:600;color:#fff;margin-left:8px}
.bf-stat p{margin-top:6px;font-size:25px;line-height:1.3;color:#f3f6fc}
.bf-pair{flex:1;min-height:0;display:grid;grid-template-columns:1fr 56px 1fr;align-items:stretch;gap:10px}
.bf-box{display:flex;flex-direction:column;justify-content:center;padding:14px 30px;border-radius:18px;background:rgba(74,20,24,.88);border:1px solid rgba(255,170,150,.6)}
.bf-box.to{background:rgba(9,52,60,.88);border-color:rgba(150,235,215,.6)}
.bf-box b{font-size:34px;line-height:1.25;color:#f6dc8b;margin-bottom:8px}.bf-box p{font-size:33px;line-height:1.36;color:#fff}
.bf-arrow{align-self:center;text-align:center;font-size:48px;font-weight:700;color:var(--gold2)}
.bf-gains{flex:none;display:grid;grid-template-columns:150px repeat(4,1fr);gap:0;border-radius:16px;overflow:hidden;background:rgba(5,10,24,.82);border:1px solid rgba(246,220,139,.6)}
.bf-lab{display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#1a1405;background:linear-gradient(180deg,var(--gold2),var(--gold))}
.bf-g{padding:10px 16px;display:flex;align-items:center;font-size:24px;line-height:1.26;font-weight:600;color:#fff;border-left:1px solid rgba(255,255,255,.14)}
.bf-map{flex:1;min-height:0;width:100%;object-fit:contain;border-radius:14px;background:#fff}
.briefp .src{position:absolute;left:var(--mx);bottom:34px;font-size:20px}
.bf-date{font-size:28px;color:#dfe6f4}
.storyp{gap:26px;padding-bottom:88px}
.storyp h1{font-size:64px;line-height:1.2}
.sp{flex:none;display:flex;gap:10px;margin-right:560px;margin-top:-6px}
.sp span{font-size:21px;line-height:1.3;font-weight:600;color:#c3cde2;padding:5px 14px;border-radius:999px;background:rgba(5,10,24,.62);white-space:nowrap}
.sp span.done{color:#f6dc8b}.sp span.on{color:#1a1405;background:linear-gradient(180deg,#f6dc8b,#e0b84a)}
.sg{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
.sg.compare{grid-template-columns:1fr 64px 1fr}
.sg.map{grid-template-columns:720px 1fr}
.sg-i{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:26px 32px;border-radius:22px;background:rgba(5,10,24,.84);border:1px solid rgba(246,220,139,.5);min-width:0}
.sg-i h2{font-size:44px;line-height:1.22;font-weight:700;color:#f6dc8b}.sg-i h3{font-size:34px;font-weight:700;color:#fff;line-height:1.2}
.sg-i p{font-size:34px;line-height:1.36;color:#fff}
.sg-big{font-size:74px;line-height:1.14;font-weight:700;color:#f6dc8b}.sg-big small{font-size:32px;font-weight:600;color:#fff;margin-left:10px}
.sg.nums .sg-big{font-size:66px}
.sg-ar{align-self:center;text-align:center;font-size:64px;font-weight:700;color:#f6dc8b}
.sg-n{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;color:#1a1405;background:linear-gradient(180deg,#f6dc8b,#e0b84a)}
.sg-map{width:100%;height:100%;min-height:0;object-fit:cover;object-position:60% 44%;border-radius:18px;background:#fff}
.sg-side{display:flex;flex-direction:column;gap:18px;min-height:0}.sg-side .sg-i{flex:1;padding:16px 28px}
.sg-note{flex:none;padding:16px 28px;border-radius:16px;font-size:32px;line-height:1.3;font-weight:600;color:#1a1405;background:linear-gradient(90deg,#f6dc8b,#e0b84a);text-align:center}
.storyp .src{position:absolute;left:var(--mx);bottom:34px;font-size:20px}
.ag{flex:1;min-height:0;display:grid;grid-template-rows:repeat(5,1fr);gap:16px}
.ag-i{display:flex;align-items:center;gap:26px;padding:0 34px;border-radius:18px;background:rgba(5,10,24,.84);border:1px solid rgba(246,220,139,.5)}
.ag-i span{flex:none;width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:38px;font-weight:700;color:#1a1405;background:linear-gradient(180deg,#f6dc8b,#e0b84a)}
.ag-i b{font-size:48px;font-weight:700;color:#fff}