/* Menu Produk V1 – responsive offline preview */
.product-main{padding-bottom:30px}.product-intro{text-align:center;padding:55px 16px 42px}.overline{display:block;color:#1768d8;font-size:11px;letter-spacing:2px;font-weight:850}.product-intro h1{font-size:clamp(31px,4.2vw,58px);letter-spacing:-1.7px;line-height:1.14;margin:15px 0}.product-intro p,.section-heading p{color:#60708b;line-height:1.6;margin:10px 0 0;font-size:15px}.class-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.class-card{min-width:0;overflow:hidden;border-radius:23px;border:1px solid #dce6f6;background:white;box-shadow:0 10px 32px #2654a313;display:flex;flex-direction:column}.class-art{padding:25px 32px;display:flex;justify-content:center;align-items:center;min-height:390px}.class-seven .class-art{background:linear-gradient(145deg,#dcecff,#f1f6ff)}.class-eight .class-art{background:linear-gradient(145deg,#d9f6f2,#effaf7)}.class-nine .class-art{background:linear-gradient(145deg,#efe2ff,#f9f1ff)}.class-art img{width:min(100%,235px);height:auto;aspect-ratio:941/1672;object-fit:cover;border:6px solid #121c35;border-radius:29px;box-shadow:0 13px 30px #1029563b;display:block}.class-info{padding:21px 25px 25px;display:flex;flex:1;flex-direction:column;align-items:flex-start}.pill{display:inline-block;padding:6px 10px;border-radius:50px;font-size:10px;line-height:1;font-weight:850;letter-spacing:.3px}.pill.free{background:#d9faed;color:#09744f}.pill.soon{background:#edf2f9;color:#5a6b85}.class-info h2{font-size:21px;line-height:1.25;letter-spacing:-.6px;margin:14px 0 4px}.class-info p{font-size:13px;line-height:1.55;color:#65728a;margin:0 0 17px}.class-cta,.class-coming{margin-top:auto;text-decoration:none;font-size:12px;font-weight:800;padding:13px 17px;border-radius:12px}.class-cta{background:#0965e7;color:white;display:flex;gap:15px;justify-content:space-between;width:100%;align-items:center}.class-cta:hover{background:#064db4}.class-coming{background:#f2f6fc;color:#8491a6}.detail-block{background:white;border:1px solid #e0e8f6;border-radius:25px;padding:clamp(23px,3vw,43px);margin-top:24px;scroll-margin-top:25px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.section-heading h2{font-size:clamp(25px,2.5vw,34px);letter-spacing:-1.2px;margin:9px 0 0;line-height:1.15}.section-chip{font-size:12px;color:#087956;background:#e2faf0;padding:12px 16px;border-radius:50px;font-weight:850;white-space:nowrap}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat-grid>div{background:#f4f8ff;padding:19px 15px;border-radius:14px;display:flex;flex-direction:column;gap:4px}.stat-grid strong{font-size:clamp(23px,2.8vw,37px);letter-spacing:-1.1px;color:#1566df}.stat-grid span{font-size:12px;line-height:1.4;color:#61718b}.info-note{margin-top:16px;padding:17px 20px;border:1px solid #b3e8da;background:#effdf8;border-radius:13px;font-size:13px;line-height:1.6;color:#285c50}.shot-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.shot{margin:0;min-width:0}.shot-frame{background:#dce8fa;border-radius:15px;padding:5px;overflow:hidden;border:1px solid #d8e5f9}.shot img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;object-position:top;border-radius:10px}.shot figcaption{text-align:center;color:#294873;font-size:12px;font-weight:800;margin-top:10px}.subject-list{list-style:none;counter-reset:mapel;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.subject-list li{counter-increment:mapel;display:flex;align-items:center;gap:9px;background:#f5f9ff;border:1px solid #e5edf8;border-radius:11px;padding:11px 12px;font-size:12px;font-weight:720;min-width:0}.subject-list li:before{content:counter(mapel,decimal-leading-zero);color:#5980bf;font-size:10px;font-weight:850}.subject-list li span{min-width:0;flex:1}.subject-list .pill{font-size:8px;padding:5px 6px;letter-spacing:0;white-space:nowrap}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.benefit-grid article{background:#f4f8ff;border-radius:16px;padding:21px}.benefit-index{font-size:12px;font-weight:900;color:#1768d8}.benefit-grid h3{font-size:17px;margin:10px 0}.benefit-grid p{font-size:13px;color:#63728a;line-height:1.6;margin:0}.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.price-grid>div{display:flex;flex-direction:column;gap:9px;padding:23px;border:1px solid #dae7fa;border-radius:16px;background:#f8fbff}.price-grid small{font-size:10px;font-weight:850;color:#3970bc;letter-spacing:.8px}.price-grid strong{font-size:clamp(22px,2.5vw,32px);letter-spacing:-1px}.price-grid strong em{font-style:normal;font-size:13px;font-weight:650;color:#60718e;letter-spacing:0}.price-grid span{font-size:12px;line-height:1.5;color:#65738c}.demo-warning{background:#fff9ed;color:#7d591d;border:1px solid #f5dfb0;font-size:12px;line-height:1.6;padding:15px 19px;border-radius:12px;margin:16px 0 0}.end-banner{background:#e8fbf5;border:1px solid #a4e9d1;border-radius:19px;padding:23px 27px;margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:16px}.end-banner strong{font-size:20px;color:#125d4f}.end-banner p{font-size:13px;color:#51796a;margin:6px 0 0}.disabled-cta{background:#e4f0ef;color:#6c8983;border:1px solid #c8ddd9;border-radius:12px;padding:15px 18px;white-space:nowrap;font-size:12px;font-weight:850}@media(max-width:1000px){.class-art{min-height:310px;padding:20px}.class-art img{max-width:195px}.class-info{padding:17px}.class-info h2{font-size:18px}.shot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.subject-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.product-intro{padding:33px 12px 27px}.product-intro h1{font-size:clamp(29px,7.5vw,40px)}.product-intro p{font-size:13px}.class-grid{grid-template-columns:1fr;gap:15px}.class-card{display:grid;grid-template-columns:41% 59%;border-radius:18px}.class-art{min-height:260px;padding:16px 9px}.class-art img{max-width:145px;border-width:4px;border-radius:18px}.class-info{padding:19px 15px}.class-info h2{font-size:19px}.class-info p{font-size:12px}.class-cta,.class-coming{font-size:11px;padding:12px}.detail-block{padding:21px 16px;border-radius:19px;margin-top:16px}.section-heading{align-items:flex-start}.section-heading h2{font-size:25px}.section-heading p{font-size:13px}.section-chip{font-size:10px;padding:9px}.stat-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-grid>div{padding:14px}.stat-grid strong{font-size:26px}.shot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.subject-list{grid-template-columns:1fr 1fr;gap:7px}.subject-list li{padding:9px 7px;gap:5px;font-size:10px}.subject-list li:before{font-size:9px}.subject-list .pill{font-size:7px;padding:4px}.benefit-grid,.price-grid{grid-template-columns:1fr}.end-banner{flex-direction:column;align-items:stretch;padding:18px}.disabled-cta{text-align:center;white-space:normal}}@media(max-width:380px){.class-info h2{font-size:16px}.class-art img{max-width:120px}.class-card{grid-template-columns:40% 60%}.subject-list{grid-template-columns:1fr}.section-chip{display:none}}
/* Link from Produk to the official Download menu. */
.product-download-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:#1267db!important;color:#fff!important;border-color:#1267db!important;cursor:pointer}
.product-download-link:hover{background:#0c50b0!important}