.root:where(.pg-index){--ink:#1c1a25;--muted:#5c5a6b;--line:#e5e7eb;--tint:#fff0e8;--bg:#f3f3f5;--accent-text:#c43a00;font-family:var(--font-montserrat),var(--font-noto-thai),sans-serif;color:var(--ink);background:var(--bg);width:100%;font-size:17px;line-height:1.7;overflow-x:clip}.root:where(.pg-index) h1,.root:where(.pg-index) h2,.root:where(.pg-index) h3,.root:where(.pg-index) p{margin:0}:where(.pg-index) .wrap{max-width:1200px;margin:0 auto;padding:0 32px}:where(.pg-index) .sec{padding:112px 0}:where(.pg-index) .mono{font-family:var(--font-jetbrains),monospace;font-style:italic;font-weight:500}:where(.pg-index) .bl-sm{flex-direction:column;gap:12px;margin:14px 0 0;padding:0;font-weight:600;line-height:1.55;list-style:none;display:flex}:where(.pg-index) .bl-sm li{padding-left:22px;position:relative}:where(.pg-index) .bl-sm li:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:.62em;left:2px}:where(.pg-index) .eyebrow{font-family:var(--font-jetbrains),monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text);font-size:13px;font-style:italic;font-weight:500}:where(.pg-index) .h2{letter-spacing:-.01em;margin-top:12px;font-size:clamp(30px,3.6vw,48px);font-weight:800;line-height:1.3}:where(.pg-index) .lead{color:var(--muted);max-width:680px;font-size:18px}:where(.pg-index) .btn{cursor:pointer;text-align:center;border:0;border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding:0 30px;font-family:inherit;font-size:16px;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}:where(.pg-index) .btn-or{background:var(--accent);color:var(--ink)}:where(.pg-index) .btn-ink{background:var(--ink);color:#fff}:where(.pg-index) .btn-line{color:var(--ink);border:1.5px solid var(--ink);background:0 0}:where(.pg-index) .card{border:1px solid var(--line);background:#fff;border-radius:28px}:where(.pg-index) .chip{background:var(--tint);color:#7a2a00;border-radius:999px;padding:5px 14px;font-size:14px;font-weight:600;line-height:1.6;display:inline-block}:where(.pg-index) .g2{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}:where(.pg-index) .g3{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}:where(.pg-index) .g5{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;display:grid}:where(.pg-index) .hero-photos{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr);gap:20px;display:grid}:where(.pg-index) .course{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:0;display:grid;overflow:hidden}:where(.pg-index) .mosaic{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}:where(.pg-index) .logos{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px 44px;display:flex}:where(.pg-index) .logos img{opacity:.8;width:auto;height:34px}:where(.pg-index) .photo{object-fit:cover;border-radius:24px;width:100%;height:100%;display:block}:where(.pg-index) details{border-top:1px solid var(--line)}:where(.pg-index) details summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:22px 4px;font-size:18px;font-weight:700;line-height:1.5;list-style:none;display:flex}:where(.pg-index) details summary::-webkit-details-marker{display:none}:where(.pg-index) details summary:after{content:"+";font-size:28px;font-weight:500;line-height:1}:where(.pg-index) details[open] summary:after{content:"−"}:where(.pg-index) details .ans{color:var(--muted);max-width:820px;padding:0 4px 24px}:where(.pg-index) .outline{counter-reset:o;margin:0;padding:0;list-style:none}:where(.pg-index) .outline li{counter-increment:o;border-top:1px solid var(--line);grid-template-columns:36px 1fr;gap:4px 12px;padding:14px 0;font-size:16px;font-weight:600;line-height:1.5;display:grid}:where(.pg-index) .outline li:before{content:counter(o,decimal-leading-zero);font-family:var(--font-jetbrains),monospace;color:var(--accent-text);padding-top:2px;font-size:14px;font-style:italic}:where(.pg-index) .outline li span{color:var(--muted);grid-column:2;font-size:15px;font-weight:500}:where(.pg-index) .field{flex-direction:column;gap:6px;font-size:15px;font-weight:600;display:flex}:where(.pg-index) .field input,:where(.pg-index) .field select{height:52px;color:var(--ink);background:#fff;border:1.5px solid #cfcfd6;border-radius:14px;padding:0 16px;font-family:inherit;font-size:16px}:where(.pg-index) .pick{border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:20px;grid-template-columns:24px 1fr auto;align-items:center;gap:14px;padding:18px 20px;display:grid}:where(.pg-index) .pick input{accent-color:#1c1a25;width:20px;height:20px}:where(.pg-index) .nav a.l{color:var(--ink);font-size:15px;font-weight:600;text-decoration:none}:where(.pg-index) .price-big{font-size:clamp(34px,3.4vw,44px);font-weight:800;line-height:1.2}:where(.pg-index) .strike{color:var(--muted);font-size:16px;font-weight:600;text-decoration:line-through}:where(.pg-index) .save{background:var(--ink);color:#fff;border-radius:999px;padding:3px 12px;font-size:13px;font-weight:700;line-height:1.6;display:inline-block}:where(.pg-index) .mod{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;font-size:15px;font-weight:600;line-height:1.5;display:flex}:where(.pg-index) .mod span.p{white-space:nowrap;font-weight:800}:where(.pg-index) .tbl{border-collapse:collapse;width:100%;font-size:15px}:where(.pg-index) .tbl th,:where(.pg-index) .tbl td{text-align:left;border-top:1px solid var(--line);vertical-align:top;padding:14px 16px;line-height:1.5}:where(.pg-index) .tbl th{color:var(--muted);border-top:0;font-size:14px;font-weight:700}:where(.pg-index) .pcard{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 2px 8px #1c1a250d}:where(.pg-index) .cover{background:var(--ink);height:168px;position:relative;overflow:hidden}:where(.pg-index) .cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}:where(.pg-index) .cover .shade{background:#1c1a25a8;position:absolute;inset:0}:where(.pg-index) .ptag{background:var(--accent);color:var(--ink);letter-spacing:.06em;border-bottom-right-radius:14px;padding:6px 16px 6px 12px;font-size:12px;font-weight:800;line-height:1.4;position:absolute;top:0;left:0}:where(.pg-index) .ctext{color:#fff;position:absolute;top:44px;left:16px;right:16px}:where(.pg-index) .clabel{letter-spacing:-.01em;font-size:22px;font-weight:800;line-height:1.15}:where(.pg-index) .csub{font-family:var(--font-jetbrains),monospace;color:#ffd9c7;margin-top:8px;font-size:13px;font-style:italic;line-height:1.5}:where(.pg-index) .pcode{color:#fff;background:#000;border-top-left-radius:12px;padding:6px 12px;font-size:14px;font-weight:800;line-height:1.3;position:absolute;bottom:0;right:0}:where(.pg-index) .pbody{flex-direction:column;flex-grow:1;padding:18px 20px 20px;display:flex}:where(.pg-index) .ptitle{font-size:17px;font-weight:700;line-height:1.5}:where(.pg-index) .pmeta{color:var(--muted);font-size:13px;line-height:1.7}:where(.pg-index) .pfoot{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:16px;display:flex}:where(.pg-index) .pprice{font-size:22px;font-weight:800}:where(.pg-index) .g4c{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}:where(.pg-index) .hscroll{scroll-snap-type:x proximity;gap:20px;padding:4px 2px 14px;display:flex;overflow-x:auto}:where(.pg-index) .hscroll>.pcard{scroll-snap-align:start;flex:0 0 clamp(260px,24vw,300px)}:where(.pg-index) .pill{background:var(--tint);color:#7a2a00;border-radius:999px;align-items:center;gap:6px;padding:10px 20px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}:where(.pg-index) .coupon{text-align:center;color:var(--ink);background:#fff0e8;border:2px dashed #e9b79e;border-radius:22px;padding:26px 20px 20px;position:relative}:where(.pg-index) .coupon .step{background:var(--ink);color:#fff;white-space:nowrap;border:2px solid #fff;border-radius:999px;padding:2px 14px;font-size:13px;font-weight:700;line-height:1.6;position:absolute;top:-14px;left:50%;transform:translate(-50%)}:where(.pg-index) .coupon .big{margin-top:6px;font-size:clamp(30px,3vw,42px);font-weight:800;line-height:1.2}:where(.pg-index) .coupon .cap{margin-top:6px;font-size:16px;font-weight:700;line-height:1.5}:where(.pg-index) .coupon .fine{color:var(--muted);margin-top:6px;font-size:13px;line-height:1.5}:where(.pg-index) .cd{font-family:var(--font-jetbrains),monospace;align-items:center;gap:6px;font-weight:500;display:inline-flex}:where(.pg-index) .cd b{color:var(--ink);text-align:center;background:#fff;border-radius:8px;min-width:34px;padding:2px 8px;font-weight:500}:where(.pg-index) .spop{box-sizing:border-box;background:#1c1a2573;justify-content:center;align-items:center;height:min(100vh,1000px);padding:16px;display:flex;position:absolute;bottom:0;left:0;right:0}:where(.pg-index) .spop-card{width:min(500px,100%);max-height:100%;color:var(--ink);text-align:left;background:#fff;border-radius:28px;position:relative;overflow:auto;box-shadow:0 30px 90px #00000059}:where(.pg-index) .spop-card .cx{z-index:2;width:36px;height:36px;color:var(--ink);cursor:pointer;background:#ffffffeb;border:0;border-radius:50%;font-size:22px;line-height:1;position:absolute;top:12px;right:12px}:where(.pg-index) .spop-photo{background:var(--tint);height:clamp(120px,22vh,190px)}:where(.pg-index) .spop-photo img{object-fit:cover;border-radius:28px 28px 0 0;width:100%;height:100%;display:block}:where(.pg-index) .spop-body{padding:clamp(20px,3vw,30px)}:where(.pg-index) .spop-card h3{margin:12px 0 0;font-size:clamp(21px,2.8vw,27px);font-weight:800;line-height:1.4}:where(.pg-index) .cd.dk b{background:var(--ink);color:#fff}:where(.pg-index) .dock{z-index:60;height:0;position:sticky;bottom:0;overflow:visible}:where(.pg-index) .dock-in{pointer-events:none;height:0;position:absolute;bottom:0;left:0;right:0}:where(.pg-index) .dock-in>*{pointer-events:auto}:where(.pg-index) .consent{border:1px solid var(--line);background:#fff;border-radius:24px;width:380px;max-width:calc(100% - 32px);padding:24px 24px 20px;position:absolute;bottom:16px;right:24px;box-shadow:0 18px 60px #1c1a2538}:where(.pg-index) .consent p{color:var(--muted);font-size:14px;line-height:1.7}:where(.pg-index) .consent .row{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}:where(.pg-index) .consent .btn{min-height:44px;padding:0 18px;font-size:14px}:where(.pg-index) .consent a{color:var(--ink);font-size:13px;font-weight:600}:where(.pg-index) .bar{background:var(--ink);color:#fff;border-radius:22px;justify-content:space-between;align-items:center;gap:16px;width:min(600px,100% - 32px);padding:12px 14px 12px 22px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 10px 36px #1c1a2547;width:min(940px,100% - 32px)!important}:where(.pg-index) .bar>div:first-child{white-space:nowrap}:where(.pg-index) .bar .bcta{flex:none;gap:10px;display:flex}:where(.pg-index) .bar .cpop{width:min(380px,100%);color:var(--ink);border:1px solid var(--line);text-align:left;white-space:normal;background:#fff;border-radius:22px;padding:22px;position:absolute;bottom:calc(100% + 12px);right:0;box-shadow:0 16px 48px #1c1a2538}:where(.pg-index) .bar .cpop h4{margin:0;font-size:18px;font-weight:800}:where(.pg-index) .bar .cpop p{color:var(--muted);margin:6px 0 0;font-size:14px;font-weight:500;line-height:1.7}:where(.pg-index) .bar .copt{border:1.5px solid var(--line);color:var(--ink);background:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:14px 16px;font-size:15px;font-weight:700;text-decoration:none;display:flex}:where(.pg-index) .bar .copt small{color:var(--muted);margin-top:2px;font-size:13px;font-weight:500;display:block}:where(.pg-index) .bar .cpop input{box-sizing:border-box;border:1.5px solid var(--line);width:100%;min-height:46px;font:inherit;color:var(--ink);background:#fff;border-radius:14px;margin-top:10px;padding:0 14px;font-size:15px}:where(.pg-index) .bar .cx{cursor:pointer;color:var(--muted);background:0 0;border:0;font-size:22px;line-height:1;position:absolute;top:14px;right:16px}:where(.pg-index) .bar .ghost{color:#fff;background:0 0;border:1.5px solid #ffffff8c}@media (max-width:900px){:where(.pg-index) .bar>div:first-child{white-space:normal}:where(.pg-index) .bar{flex-wrap:wrap;gap:10px;padding:12px 14px!important}:where(.pg-index) .bar>div:first-child,:where(.pg-index) .bar .bcta{flex:100%}:where(.pg-index) .bar .bcta .btn{flex:1;padding:0 12px!important}}.root:where(.pg-index) h1{overflow-wrap:break-word;max-width:100%}@media (max-width:1100px){:where(.pg-index) .consent{bottom:92px}}@media (max-width:520px){:where(.pg-index) .nav .mono{display:none!important}}:where(.pg-index) .tog{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 0;font-size:15px;line-height:1.5;display:flex}:where(.pg-index) .tog input{accent-color:#1c1a25;width:20px;height:20px;margin-top:2px}@media (max-width:900px){:where(.pg-index) .g4c{grid-template-columns:minmax(0,1fr)!important}:where(.pg-index) .hscroll>.pcard{flex:0 0 78%}:where(.pg-index) .nav .wrap{height:64px!important}:where(.pg-index) .consent{width:auto;max-width:none;left:16px;right:16px}:where(.pg-index) .ann{padding:8px 14px!important;font-size:13px!important}:where(.pg-index) .swipe{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin-left:-20px;margin-right:-20px;padding:0 20px 12px;scroll-padding-left:20px;overflow-x:auto;gap:16px!important;display:flex!important}:where(.pg-index) .swipe>*{scroll-snap-align:start;flex:0 0 82%;min-width:0}:where(.pg-index) .tbl-wrap{overflow-x:auto}:where(.pg-index) .bar{transition:transform .35s,opacity .25s}:where(.pg-index) .bar.bar-off{opacity:0;pointer-events:none;transform:translate(-50%)translateY(140%)}:where(.pg-index) .bar .hide-m{display:none!important}:where(.pg-index) .sec{padding:72px 0}:where(.pg-index) .wrap{padding:0 20px}:where(.pg-index) .g2,:where(.pg-index) .g3,:where(.pg-index) .course,:where(.pg-index) .hero-photos{grid-template-columns:minmax(0,1fr)!important}:where(.pg-index) .g5,:where(.pg-index) .mosaic{grid-template-columns:repeat(2,minmax(0,1fr))!important}:where(.pg-index) .hide-m{display:none!important}:where(.pg-index) .stack-m{flex-direction:column!important;align-items:stretch!important}:where(.pg-index) .hero-photos .photo{height:240px!important}}