/* The desktop editing identity is retained; mobile has its own reading order. */
.mobile-headline,.mobile-description,.mobile-reassure,.mobile-context,.demo-caption{display:none}
.desktop-headline{display:inline}
body::before{opacity:.025}
.btn-cta::after{display:none}
.offer{animation:none;background:linear-gradient(180deg,#141827,#0d101a);border-color:#ffaa0055}
.mq-wrap{display:none}
.playhead,.v-meta i{animation:none}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--cta);outline-offset:4px}
section[id],#demo-player{scroll-margin-top:90px}
.disclosure{border:1px solid var(--line2);border-radius:16px;background:linear-gradient(140deg,#11151e,#0b0e15);overflow:hidden}
.disclosure>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 22px;cursor:pointer;font-weight:650;color:#c4cedf}
.disclosure>summary::-webkit-details-marker{display:none}
.disclosure>summary>span{font-size:25px;line-height:1;transition:transform .2s;flex:none}
.disclosure[open]>summary>span{transform:rotate(45deg)}
.disclosure-body{padding:20px 22px 24px}
.section-disclosure .syl,.section-disclosure .faq{margin-top:28px}
.section-disclosure .chev{transform:none}
.section-disclosure details[open]>summary>.chev{transform:rotate(180deg)}
.featured-feedback{display:grid;grid-template-columns:auto 1fr;gap:20px;padding:28px 30px;max-width:800px;margin:auto;background:linear-gradient(140deg,#121720,#0b0e15)}
.quote-symbol{font-size:84px;line-height:.9;color:#586e8d;font-family:Georgia,serif}
.featured-feedback blockquote{font-size:23px;line-height:1.5;letter-spacing:-.02em;font-weight:500}
.feedback-source{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:12px;font-size:13px;color:#8d9eb7;flex-wrap:wrap}
.zt-btn{text-decoration:none}
.feedback-source .zt-btn{border:0;border-radius:0;padding:4px 0;color:#92cfe8;text-decoration:underline;text-underline-offset:5px}
.more-feedback{max-width:1000px;margin:16px auto 0;background:none;border-color:var(--line)}
.more-feedback>summary{justify-content:center;font-size:14px;padding:12px 18px;min-height:48px}
.more-feedback .zt-grid{margin:22px}
.feedback-note{font-size:14px;color:var(--muted);margin:0 22px}
.more-feedback .zt-card{padding:20px}
.footer-coaching{display:none}
.sticky{visibility:hidden;pointer-events:none}
.sticky.show{visibility:visible;pointer-events:auto}
.sticky .p b{color:var(--cta)}
@media(min-width:901px){
  .section-disclosure[open]{border:0;background:none;overflow:visible}
  .section-disclosure[open]>summary{display:none}
  .section-disclosure[open]>.disclosure-body{padding:0}
}
@media(max-width:900px){
  :root{--bg:#070a0f;--bg2:#0b0e15;--card:#10141c;--muted:#a8b4c6;--dim:#8b9bb3;--cta:#ffbc20;--cta-ink:#171100;--r:14px}
  html{scroll-padding-bottom:110px}
  body{font-size:15px;padding-bottom:calc(94px + env(safe-area-inset-bottom));background:radial-gradient(ellipse 90% 400px at 95% 0,#10253b65,transparent),var(--bg)}
  body::before{display:none}
  .wrap{width:100%;max-width:620px;padding:0 22px}
  header{position:relative;background:transparent;backdrop-filter:none;border:0}
  .nav{height:72px;gap:16px}
  .nav img{height:auto;width:172px;max-width:48vw}
  .nav-links,.progress{display:none}
  .nav .long{display:none}.nav .short{display:inline}
  .nav .btn{padding:6px 13px;background:transparent;color:var(--cta);border:1px solid var(--cta);box-shadow:none;border-radius:13px;font-size:15px;min-height:38px}
  main{display:flex;flex-direction:column}
  main>section{padding:0;order:10}
  .hero{order:1;padding:15px 0 0;overflow:visible}
  .hero .gridbg,.hero .glow,.desktop-context,.mq-wrap,.hero .stats,.hero-ctas>.btn-ghost,.desktop-headline,.desktop-description{display:none}
  .mobile-headline,.mobile-description{display:inline}
  .hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .hero-copy{display:contents}
  .hero-copy>.tc{order:1;font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:.12em;font-size:10px;line-height:1.5;margin:0 0 11px;color:#8da4c3;animation:none;transform:none;opacity:1}
  .hero-copy>.tc .t,.hero-copy>.tc .kf{display:none}
  .hero h1{order:2;font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(32px,9.8vw,54px);line-height:1.04;font-weight:800;letter-spacing:-.055em;margin:0 0 14px}
  .mobile-headline>span{color:var(--cta)}
  .hero .lead{order:3;line-height:1.45;font-size:16px;margin:0 0 21px;animation:none;opacity:1;transform:none;max-width:480px;color:#b3bdcc}
  .editor{order:4;margin:0;border-radius:12px;animation:none;opacity:1;transform:none;box-shadow:0 16px 45px #0004;background:linear-gradient(180deg,#111823,#0b0e15);border-color:#344052}
  .ed-bar{padding:8px 10px;font-size:9px}.ed-bar .ex{display:none}.ed-bar .d{width:6px;height:6px}.ed-bar .fn{margin-left:5px}
  .viewer{margin:0;border-radius:0;aspect-ratio:16/9}
  .viewer .corner{display:none}
  .demo-play{padding:10px 14px;font-size:12px;gap:7px;box-shadow:0 3px 14px #000a}
  .v-meta{margin:0;padding:8px 10px;font-size:8px;letter-spacing:0;gap:8px}.v-meta .ba{gap:4px}.v-meta .a{background:var(--cta)}.v-meta i{display:none}.v-meta a{font-size:10px;color:#a9bdd6}
  .timeline{height:24px;margin:0 10px 9px;padding:0;border-top:0}
  .timeline .ruler,.timeline .track:not(:last-of-type),.timeline .playhead{display:none}
  .timeline .track{height:24px;margin:0}.timeline .track .lbl{display:none}
  .timeline .clip.a{background:#0c2931;border-color:#245566}.timeline .wave i{background:#48b9d0}
  .demo-caption{display:block;order:5;text-align:center;color:#8ba0bd;font-size:11px;margin:8px 0 15px}
  .hero-ctas{order:6;display:flex;animation:none;opacity:1;transform:none}
  .hero-ctas .btn{flex:1 1 100%;font-size:16px;padding:16px 10px;border-radius:11px;min-height:56px;box-shadow:0 4px 18px #ffbc2010}
  .hero-ctas .btn span{font-size:23px;line-height:1;margin-left:8px}
  .mobile-reassure{display:block;order:7;font-size:10.5px;text-align:center;color:#91a5c0;margin:9px 0 0;line-height:1.6}
  #testimoni{order:2;padding:20px 0 0}
  .featured-feedback{padding:17px 16px;gap:12px;border-radius:13px}
  .quote-symbol{font-size:52px;margin-top:1px}
  .featured-feedback blockquote{font-size:15px;line-height:1.55;letter-spacing:-.01em}
  .feedback-source{font-size:10px;gap:5px;margin-top:5px}
  .feedback-source .zt-btn{min-height:36px;font-size:11px}
  .more-feedback{margin-top:5px;border:0;background:none;border-radius:0}
  .more-feedback>summary{padding:7px 0;min-height:40px;font-size:11px;color:#94aecb;justify-content:flex-end;gap:8px}
  .more-feedback>summary>span{font-size:17px}
  .more-feedback .zt-grid{margin:15px 0 5px;column-count:1}
  .more-feedback .zt-card{padding:18px}.zt-head{font-family:'Plus Jakarta Sans',sans-serif;font-size:17px}.zt-quote{font-size:14px}.zt-foot{flex-wrap:wrap}
  .feedback-note{font-size:12px;margin:8px 0}
  #harga{order:3;padding:10px 0 20px}
  #harga>.gridbg,#harga .tc{display:none}
  #harga .center{text-align:left}
  #harga h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:25px;letter-spacing:-.04em;line-height:1.15;margin:0 0 16px}
  .offer-wrap{margin:0;max-width:none}.offer-wrap::before{display:none}
  .offer{padding:18px 17px;border:1px solid #344052;border-radius:13px;background:linear-gradient(140deg,#11151d,#0b0e14)}
  .offer-top{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start;flex-wrap:nowrap;padding-bottom:15px;border-bottom:1px solid #2a3545}
  .offer-top h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:15px;line-height:1.4;letter-spacing:-.02em}
  .offer-top>div:first-child>p{display:none}
  .price{font-family:'Plus Jakarta Sans',sans-serif;font-size:27px;color:var(--cta);line-height:1.25;letter-spacing:-.04em}
  .price small{display:none}
  .offer ul{margin:16px 0;gap:12px;font-size:13px;line-height:1.6}
  .offer li{gap:10px}.offer .ico{flex-basis:18px;width:18px;height:18px;font-size:11px;border-radius:50%;margin-top:1px;background:var(--cta);color:#151005}
  .offer .btn{padding:13px 10px;min-height:48px;font-size:13px;border-radius:9px;box-shadow:none}
  .pay-note{margin-top:10px;gap:4px}.pay-note span{font-size:9px;padding:3px 6px}
  .offer .support{font-size:11px;padding:11px 0 0;background:none;border:0;border-top:1px solid var(--line);border-radius:0;margin-top:12px;color:#9eacc0}
  .offer .support b{color:#c2cfdf}
  #silibus{order:4;padding:0 0 10px}
  #faq{order:5;padding:0 0 20px;background:none;border:0}
  .section-disclosure>summary{padding:17px;font-size:14px;min-height:64px;font-weight:500}
  .section-disclosure>.disclosure-body{padding:0 12px 14px}
  .section-disclosure .center{display:none}
  .section-disclosure .syl,.section-disclosure .faq{margin-top:0;gap:8px}
  .section-disclosure .trk,.section-disclosure .faq details{background:#10151f;border-radius:10px}
  details.trk summary{padding:14px 11px;gap:9px}.st{font-size:12px}.sn{font-size:10px;padding:4px 7px}.sbar{display:none}
  details.trk summary{grid-template-columns:auto 1fr auto}.clips{padding:0 10px 12px;grid-template-columns:1fr}.tclip b{font-size:13px}.tclip span{font-size:12px}
  .faq summary{padding:15px 12px;font-size:13px;gap:8px}.faq .ans{font-size:12px;padding:0 12px 15px}.chev{width:18px;flex:0 0 18px}
  .mobile-context{order:6;display:block;padding:2px 0 26px}
  .teacher-compact{display:flex;gap:13px;align-items:center;padding:5px 0 17px}.teacher-compact img{flex:0 0 57px;width:57px;height:57px;object-fit:cover;object-position:50% 18%;border-radius:50%;border:1px solid #506079}.teacher-compact p{font-size:11px;line-height:1.6;color:#97a8bf}.teacher-compact b{color:#d9e1ec;font-size:12px;font-weight:650}
  .mobile-context .disclosure{margin-top:8px;background:none;border-color:var(--line)}
  .mobile-context summary{padding:13px 15px;font-size:12px;min-height:48px}
  .mobile-context .disclosure>p{font-size:12px;color:#a8b4c6;line-height:1.7;padding:0 15px 16px}
  .final{display:none}
  footer{padding:18px 0 22px;font-size:10px;line-height:1.7;color:#8699b2}
  footer img{height:23px;max-width:150px;margin-bottom:9px}
  .footer-coaching{display:inline-block;color:#a8bcd5;padding:12px 0;font-size:11px;text-underline-offset:4px}
  .sticky{padding:12px 20px calc(12px + env(safe-area-inset-bottom));gap:22px;background:#090d14f5;min-height:82px}
  .sticky .p{padding-right:20px;border-right:1px solid #344052;flex:none}.sticky .p b{font-family:'Plus Jakarta Sans',sans-serif;font-size:27px}.sticky .p span{font-size:11px}
  .sticky .btn{font-size:14px;border-radius:11px;padding:14px 8px;min-height:50px;box-shadow:none}
  .rv,.fade{opacity:1;transform:none;transition:none;animation:none}
  section[id],#demo-player{scroll-margin-top:16px}
}
@media(max-width:360px){
  .wrap{padding:0 17px}.hero h1{font-size:32px}.hero .lead{font-size:14px}.hero-copy>.tc{font-size:9px;letter-spacing:.08em}.mobile-reassure{font-size:9px}.featured-feedback{padding:15px 12px;gap:8px}.featured-feedback blockquote{font-size:14px}.quote-symbol{font-size:42px}.offer-top h3{font-size:13px}.price{font-size:24px}.offer{padding:17px 14px}.sticky{gap:14px;padding-left:16px;padding-right:16px}.sticky .p{padding-right:14px}.sticky .btn{font-size:12px}
}