{"id":10,"date":"2026-06-02T07:31:36","date_gmt":"2026-06-02T07:31:36","guid":{"rendered":"https:\/\/topcoachindonesia.id\/?page_id=10"},"modified":"2026-06-02T07:32:44","modified_gmt":"2026-06-02T07:32:44","slug":"webinar","status":"publish","type":"page","link":"https:\/\/topcoachindonesia.id\/","title":{"rendered":"webinar"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e6f0a37 e-con e-atomic-element e-flexbox-base e-ab27872 \" data-id=\"e6f0a37\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e6f0a37\" data-e-type=\"e-flexbox\" data-id=\"e6f0a37\">\n    \t\t<div class=\"elementor-element elementor-element-6833827 elementor-widget elementor-widget-html\" data-id=\"6833827\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================= -->\r\n<!-- \ud83d\udd12 CSS GUARD \u2014 kunci style dari setting pusat Elementor \/ tema -->\r\n<!-- Pasang blok ini SATU KALI di paling atas widget HTML -->\r\n<!-- ============================================= -->\r\n<style id=\"tci-guard\">\r\n\/* Netralkan reset & inheritance dari tema\/Elementor pada SEMUA elemen desain ini *\/\r\n.tci-header *, .s1 *, .s2 *, .s3 *, .s4 *, .s5 *, .s6 *, .s7 *, .s8 *, .s9 *, .tci-wa *{\r\n  box-sizing:border-box;\r\n  font-family:inherit;\r\n  letter-spacing:normal;\r\n  text-transform:none;\r\n  text-shadow:none;\r\n  text-align:inherit;\r\n  -webkit-font-smoothing:antialiased;\r\n}\r\n\r\n\/* Root tiap section: kunci font dasar & cegah tema mengubah warna teks\/garis *\/\r\n.tci-header, .s1, .s2, .s3, .s4, .s5, .s6, .s7, .s8, .s9, .tci-wa{\r\n  font-family:'Inter',sans-serif;\r\n  line-height:1.5;\r\n  -webkit-text-size-adjust:100%;\r\n}\r\n\r\n\/* HEADING \u2014 tema sering memaksa warna, margin, & font heading global *\/\r\n.tci-header h1, .s1 h1, .s2 h1, .s3 h1, .s4 h1, .s5 h1, .s6 h1, .s7 h1, .s8 h1, .s9 h1, .tci-wa h1,\r\n.tci-header h2, .s1 h2, .s2 h2, .s3 h2, .s4 h2, .s5 h2, .s6 h2, .s7 h2, .s8 h2, .s9 h2, .tci-wa h2,\r\n.tci-header h3, .s1 h3, .s2 h3, .s3 h3, .s4 h3, .s5 h3, .s6 h3, .s7 h3, .s8 h3, .s9 h3, .tci-wa h3,\r\n.tci-header h4, .s1 h4, .s2 h4, .s3 h4, .s4 h4, .s5 h4, .s6 h4, .s7 h4, .s8 h4, .s9 h4, .tci-wa h4{\r\n  font-family:'Montserrat',sans-serif;\r\n  color:inherit;\r\n  margin:0;\r\n  padding:0;\r\n  background:none;\r\n}\r\n\r\n\/* PARAGRAF & SPAN \u2014 cegah warna\/margin paksaan tema *\/\r\n.tci-header p, .s1 p, .s2 p, .s3 p, .s4 p, .s5 p, .s6 p, .s7 p, .s8 p, .s9 p, .tci-wa p,\r\n.tci-header span, .s1 span, .s2 span, .s3 span, .s4 span, .s5 span, .s6 span, .s7 span, .s8 span, .s9 span, .tci-wa span{\r\n  color:inherit;\r\n  margin:0;\r\n}\r\n\r\n\/* LIST \u2014 tema WordPress kerap menambah bullet, indentasi & margin pada ul\/li *\/\r\n.tci-header ul, .s1 ul, .s2 ul, .s3 ul, .s4 ul, .s5 ul, .s6 ul, .s7 ul, .s8 ul, .s9 ul, .tci-wa ul,\r\n.tci-header ol, .s1 ol, .s2 ol, .s3 ol, .s4 ol, .s5 ol, .s6 ol, .s7 ol, .s8 ol, .s9 ol, .tci-wa ol,\r\n.tci-header li, .s1 li, .s2 li, .s3 li, .s4 li, .s5 li, .s6 li, .s7 li, .s8 li, .s9 li, .tci-wa li{\r\n  list-style:none !important;\r\n  margin:0 !important;\r\n  padding:0 !important;\r\n  background:none !important;\r\n}\r\n\r\n\/* LINK \u2014 Elementor\/tema memaksa warna link & underline *\/\r\n.tci-header a, .s1 a, .s2 a, .s3 a, .s4 a, .s5 a, .s6 a, .s7 a, .s8 a, .s9 a, .tci-wa a{\r\n  text-decoration:none;\r\n  color:inherit;\r\n  box-shadow:none;\r\n}\r\n.tci-header a:hover, .s1 a:hover, .s2 a:hover, .s3 a:hover, .s4 a:hover, .s5 a:hover, .s6 a:hover, .s7 a:hover, .s8 a:hover, .s9 a:hover, .tci-wa a:hover,\r\n.tci-header a:focus, .s1 a:focus, .s2 a:focus, .s3 a:focus, .s4 a:focus, .s5 a:focus, .s6 a:focus, .s7 a:focus, .s8 a:focus, .s9 a:focus, .tci-wa a:focus{\r\n  text-decoration:none;\r\n}\r\n\r\n\/* BUTTON & INPUT \u2014 Elementor punya style global (warna, radius, border, shadow) *\/\r\n.tci-header button, .s1 button, .s2 button, .s3 button, .s4 button, .s5 button, .s6 button, .s7 button, .s8 button, .s9 button, .tci-wa button,\r\n.tci-header input, .s1 input, .s2 input, .s3 input, .s4 input, .s5 input, .s6 input, .s7 input, .s8 input, .s9 input, .tci-wa input,\r\n.tci-header select, .s1 select, .s2 select, .s3 select, .s4 select, .s5 select, .s6 select, .s7 select, .s8 select, .s9 select, .tci-wa select,\r\n.tci-header textarea, .s1 textarea, .s2 textarea, .s3 textarea, .s4 textarea, .s5 textarea, .s6 textarea, .s7 textarea, .s8 textarea, .s9 textarea, .tci-wa textarea{\r\n  font-family:inherit;\r\n  color:inherit;\r\n  background:none;\r\n  border:none;\r\n  border-radius:0;\r\n  box-shadow:none;\r\n  text-transform:none;\r\n  letter-spacing:normal;\r\n  line-height:normal;\r\n  -webkit-appearance:none;\r\n  appearance:none;\r\n  outline:none;\r\n}\r\n.tci-header button:hover, .s1 button:hover, .s2 button:hover, .s3 button:hover, .s4 button:hover, .s5 button:hover, .s6 button:hover, .s7 button:hover, .s8 button:hover, .s9 button:hover, .tci-wa button:hover,\r\n.tci-header button:focus, .s1 button:focus, .s2 button:focus, .s3 button:focus, .s4 button:focus, .s5 button:focus, .s6 button:focus, .s7 button:focus, .s8 button:focus, .s9 button:focus, .tci-wa button:focus{\r\n  background:none;\r\n  color:inherit;\r\n  box-shadow:none;\r\n  border:none;\r\n}\r\n\r\n\/* IMG \u2014 tema sering memaksa border-radius, border, & max-width pada gambar *\/\r\n.tci-header img, .s1 img, .s2 img, .s3 img, .s4 img, .s5 img, .s6 img, .s7 img, .s8 img, .s9 img, .tci-wa img{\r\n  max-width:100%;\r\n  height:auto;\r\n  border:none;\r\n  border-radius:0;\r\n  box-shadow:none;\r\n  vertical-align:middle;\r\n}\r\n\r\n\/* SVG *\/\r\n.tci-header svg, .s1 svg, .s2 svg, .s3 svg, .s4 svg, .s5 svg, .s6 svg, .s7 svg, .s8 svg, .s9 svg, .tci-wa svg{\r\n  vertical-align:middle;\r\n}\r\n\r\n\/* Section container: hilangkan margin\/padding bawaan tema pada <section>\/<header>\/<footer> *\/\r\n.tci-header, .s1, .s2, .s3, .s4, .s5, .s6, .s7, .s8, .s9, .tci-wa{\r\n  margin:0;\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n<style id=\"tci-enforce\">\r\n\/* === ENFORCEMENT: properti brand yang WAJIB menang vs Elementor === *\/\r\n\r\n\/* Warna merah brand & radius pill pada semua tombol *\/\r\n.tci-header .tci-btn, .s1 .btn, .s2 .btn, .s4 .btn{\r\n  background:#a5161a !important; color:#fff !important; border-radius:50px !important;\r\n}\r\n.s7 .submit{ background:#a5161a !important; color:#fff !important; border-radius:12px !important; }\r\n\r\n\/* Logo mark & ikon-ikon merah *\/\r\n.tci-logo .mark, .s9 .logo .mark{ background:#a5161a !important; border-radius:9px !important; }\r\n.s1 .badge .ic{ background:#a5161a !important; }\r\n.s2 .arrow .circle{ background:#a5161a !important; border-radius:50% !important; }\r\n\r\n\/* Background section gelap (sering ditimpa jadi putih\/transparan oleh tema) *\/\r\n.s2{ background:#111111 !important; }\r\n.s4{ background:#ffffff !important; }\r\n.s5, .s8{ background:#faf8f8 !important; }\r\n.s6{ background:linear-gradient(160deg,#161616,#0c0c0c) !important; }\r\n.s7, .s4{ background:#ffffff !important; }\r\n.s9{ background:#111111 !important; }\r\n\r\n\/* Kartu & panel ber-radius besar (Elementor sering memaksa radius global) *\/\r\n.s2 .metrics, .s2 .eventph{ border-radius:24px !important; }\r\n.s2 .eventph{ border-radius:20px !important; }\r\n.s4 .card, .s5 .stage, .s5 .fw, .s7 .formcard{ border-radius:22px !important; }\r\n.s5 .stage, .s7 .formcard{ border-radius:24px !important; }\r\n.s5 .mtab{ border-radius:18px !important; }\r\n.s1 .photo, .s8 .photo{ border-radius:24px !important; }\r\n.s6 .item{ border-radius:16px !important; }\r\n.s7 .cd{ border-radius:18px !important; }\r\n.s7 .chip{ border-radius:50px !important; }\r\n.s1 .pill, .s5 .kick{ border-radius:50px !important; }\r\n\r\n\/* Pill & chip merah\/transparan *\/\r\n.s1 .pill{ background:rgba(165,22,26,.08) !important; color:#a5161a !important; }\r\n\r\n\/* Teks heading warna ink\/putih sesuai section gelap *\/\r\n.s2 .lead h2, .s6 .head h2, .s9 .copy b{ color:#fff !important; }\r\n.s5 .stage h3, .s5 .fw h4{ color:#fff !important; }\r\n\r\n\/* Input form: radius & border sesuai desain *\/\r\n.s7 .field input, .s7 .field select{ border-radius:12px !important; border:1.5px solid rgba(17,17,17,.12) !important; background:#fff !important; }\r\n\r\n\/* WhatsApp float *\/\r\n.tci-wa a{ background:#25D366 !important; border-radius:50px !important; }\r\n.tci-wa .ic::before, .tci-wa .ic::after{ background:#25D366 !important; }\r\n<\/style>\r\n\r\n<!-- ============================================= -->\r\n<!-- HEADER \/ NAVBAR \u2014 paste into Elementor HTML -->\r\n<!-- ============================================= -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;600;700;800&family=Inter:wght@400;500;600&display=swap');\r\n\r\n.tci-header *{margin:0;padding:0;box-sizing:border-box}\r\n.tci-header{\r\n  --red:#a5161a;--ink:#111111;--white:#ffffff;\r\n  font-family:'Inter',sans-serif;\r\n  position:fixed;top:0;left:0;right:0;z-index:9999;\r\n  background:rgba(255,255,255,.82);\r\n  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);\r\n  border-bottom:1px solid rgba(17,17,17,.06);\r\n  transition:box-shadow .4s ease, background .4s ease;\r\n}\r\n.tci-header.scrolled{box-shadow:0 8px 30px rgba(17,17,17,.08);background:rgba(255,255,255,.95)}\r\n.tci-header .wrap{\r\n  max-width:1240px;margin:0 auto;padding:14px 24px;\r\n  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;\r\n}\r\n.tci-sched{display:flex;flex-direction:column;gap:2px;justify-self:start}\r\n.tci-sched .lbl{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--red);font-weight:700}\r\n.tci-sched .dt{font-size:13px;color:var(--ink);font-weight:600;font-family:'Montserrat',sans-serif}\r\n.tci-logo{justify-self:center;display:flex;align-items:center;gap:10px;font-family:'Montserrat',sans-serif;font-weight:800;color:var(--ink);text-decoration:none}\r\n.tci-logo .mark{width:38px;height:38px;border-radius:9px;background:var(--red);display:grid;place-items:center;color:#fff;font-size:18px;font-weight:800;box-shadow:0 6px 16px rgba(165,22,26,.32); padding:0px 4px;}\r\n.tci-logo .txt{line-height:1.05;font-size:15px;letter-spacing:-.01em}\r\n.tci-logo .txt small{display:block;font-size:10px;font-weight:600;letter-spacing:.18em;color:var(--red);text-transform:uppercase}\r\n.tci-cta{justify-self:end}\r\n.tci-btn{\r\n  font-family:'Montserrat',sans-serif;font-weight:700;font-size:14px;\r\n  background:var(--red);color:#fff;border:none;cursor:pointer;\r\n  padding:13px 26px;border-radius:50px;text-decoration:none;display:inline-block;\r\n  position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s;\r\n  box-shadow:0 8px 22px rgba(165,22,26,.28);\r\n}\r\n.tci-btn::after{content:\"\";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.4),transparent);transform:translateX(-120%);transition:transform .6s}\r\n.tci-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(165,22,26,.4)}\r\n.tci-btn:hover::after{transform:translateX(120%)}\r\n\r\n\/* mobile *\/\r\n@media(max-width:860px){\r\n  .tci-header .wrap{grid-template-columns:1fr auto;padding:11px 16px}\r\n  .tci-sched{display:none}\r\n  .tci-logo{justify-self:start}\r\n  .tci-cta{justify-self:end}\r\n  .tci-btn{padding:11px 18px;font-size:12.5px}\r\n  .tci-logo .mark{width:34px;height:34px;font-size:16px}\r\n  .tci-logo .txt{font-size:13px}\r\n}\r\n<\/style>\r\n\r\n<header class=\"tci-header\" id=\"tciHeader\">\r\n  <div class=\"wrap\">\r\n    <div class=\"tci-sched\">\r\n      <span class=\"lbl\">Jadwal Webinar<\/span>\r\n      <span class=\"dt\">Jum'at, 12 Juni 2026 \u00b7 19.00 WIB<\/span>\r\n    <\/div>\r\n    <a href=\"#daftar\" class=\"tci-logo\">\r\n      <span class=\"mark\"><img decoding=\"async\" src=\"https:\/\/www.topcoachindonesia.com\/wp-content\/uploads\/2026\/05\/Logo-TCI-putih.png\" alt=\"logo\"><\/span>\r\n      <span class=\"txt\">Top Coach<small>Indonesia<\/small><\/span>\r\n    <\/a>\r\n    <div class=\"tci-cta\">\r\n      <a href=\"#daftar\" class=\"tci-btn\">Daftar Webinarnya<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/header>\r\n\r\n<script>\r\n(function(){\r\n  var h=document.getElementById('tciHeader');\r\n  function onScroll(){ if(window.scrollY>20){h.classList.add('scrolled')}else{h.classList.remove('scrolled')} }\r\n  window.addEventListener('scroll',onScroll,{passive:true});onScroll();\r\n})();\r\n<\/script>\r\n\r\n<!-- ============================================= -->\r\n<!-- SECTION 1 \u2014 HERO -->\r\n<!-- ============================================= -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;600;700;800;900&family=Inter:wght@400;500;600&display=swap');\r\n\r\n.s1 *{margin:0;padding:0;box-sizing:border-box}\r\n.s1{\r\n  --red:#a5161a;--ink:#111111;--white:#ffffff;\r\n  font-family:'Inter',sans-serif;color:var(--ink);\r\n  position:relative;overflow:hidden;\r\n  padding:140px 24px 90px;\r\n  background:\r\n    radial-gradient(900px 500px at 85% -10%,rgba(165,22,26,.08),transparent 60%),\r\n    linear-gradient(180deg,#fff 0%,#faf8f8 100%);\r\n}\r\n.s1::before{content:\"\";position:absolute;inset:0;opacity:.4;\r\n  background-image:radial-gradient(rgba(17,17,17,.05) 1px,transparent 1px);background-size:26px 26px;pointer-events:none}\r\n.s1 .grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center;position:relative;z-index:2}\r\n.s1 .pill{display:inline-flex;align-items:center;gap:8px;background:rgba(165,22,26,.08);color:var(--red);font-weight:700;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;padding:8px 16px;border-radius:50px;margin-bottom:22px;border:1px solid rgba(165,22,26,.18)}\r\n.s1 .pill .dot{width:7px;height:7px;border-radius:50%;background:var(--red);animation:s1pulse 1.6s infinite}\r\n@keyframes s1pulse{0%,100%{opacity:1}50%{opacity:.3}}\r\n.s1 h1{font-family:'Montserrat',sans-serif;font-weight:800;font-size:clamp(30px,4.4vw,52px);line-height:1.08;letter-spacing:-.02em;margin-bottom:22px}\r\n.s1 h1 .hl{color:var(--red);position:relative;white-space:nowrap}\r\n.s1 h1 .hl::after{content:\"\";position:absolute;left:0;right:0;bottom:4px;height:11px;background:rgba(165,22,26,.16);z-index:-1;border-radius:3px}\r\n.s1 .sub{font-size:clamp(15px,1.5vw,18px);line-height:1.6;color:#444;max-width:560px;margin-bottom:34px}\r\n.s1 .actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}\r\n.s1 .btn{font-family:'Montserrat',sans-serif;font-weight:700;font-size:15px;background:var(--red);color:#fff;border:none;cursor:pointer;padding:17px 34px;border-radius:50px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;position:relative;overflow:hidden;box-shadow:0 12px 30px rgba(165,22,26,.3);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}\r\n.s1 .btn::after{content:\"\";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.45),transparent);transform:translateX(-120%);transition:transform .65s}\r\n.s1 .btn:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(165,22,26,.42)}\r\n.s1 .btn:hover::after{transform:translateX(120%)}\r\n.s1 .btn .arr{transition:transform .3s}.s1 .btn:hover .arr{transform:translateX(4px)}\r\n.s1 .trust{display:flex;gap:26px;margin-top:38px;flex-wrap:wrap}\r\n.s1 .trust .t{display:flex;flex-direction:column}\r\n.s1 .trust .t b{font-family:'Montserrat',sans-serif;font-size:26px;color:var(--ink);font-weight:800}\r\n.s1 .trust .t span{font-size:12.5px;color:#777;font-weight:500}\r\n\r\n\/* interactive photo *\/\r\n.s1 .photo-wrap{position:relative;justify-self:center;perspective:1200px}\r\n.s1 .photo{position:relative;width:min(420px,90vw);aspect-ratio:4\/5;border-radius:24px;overflow:hidden;transform-style:preserve-3d;transition:transform .25s ease-out;box-shadow:0 40px 80px -30px rgba(17,17,17,.5)}\r\n.s1 .photo img{width:100%;height:100%;object-fit:cover;display:block}\r\n.s1 .photo .ph{width:100%;height:100%;background:linear-gradient(160deg,#2a2a2a,#111);display:grid;place-items:center;color:#666;font-family:'Montserrat',sans-serif;font-weight:600;font-size:14px;text-align:center;padding:20px}\r\n.s1 .ring{position:absolute;inset:-18px;border:1.5px dashed rgba(165,22,26,.35);border-radius:32px;animation:s1spin 22s linear infinite;z-index:-1}\r\n@keyframes s1spin{to{transform:rotate(360deg)}}\r\n.s1 .badge{position:absolute;background:#fff;border-radius:16px;padding:12px 16px;box-shadow:0 18px 40px rgba(17,17,17,.16);display:flex;align-items:center;gap:11px;transform:translateZ(60px)}\r\n.s1 .badge.b1{top:24px;left:-34px;animation:s1float 4s ease-in-out infinite}\r\n.s1 .badge.b2{bottom:40px;right:-30px;animation:s1float 4s ease-in-out infinite .8s}\r\n@keyframes s1float{0%,100%{transform:translateZ(60px) translateY(0)}50%{transform:translateZ(60px) translateY(-10px)}}\r\n.s1 .badge .ic{width:34px;height:34px;border-radius:9px;background:var(--red);color:#fff;display:grid;place-items:center;font-weight:800;font-family:'Montserrat',sans-serif}\r\n.s1 .badge .tx b{display:block;font-family:'Montserrat',sans-serif;font-size:15px;color:var(--ink)}\r\n.s1 .badge .tx span{font-size:11px;color:#888}\r\n\r\n.s1 .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}\r\n.s1 .reveal.in{opacity:1;transform:none}\r\n.s1 .d1{transition-delay:.05s}.s1 .d2{transition-delay:.15s}.s1 .d3{transition-delay:.25s}.s1 .d4{transition-delay:.35s}.s1 .d5{transition-delay:.45s}\r\n\r\n@media(max-width:880px){\r\n  .s1{padding:110px 18px 60px}\r\n  .s1 .grid{grid-template-columns:1fr;gap:46px;text-align:center}\r\n  .s1 .sub{margin-left:auto;margin-right:auto}\r\n  .s1 .actions,.s1 .trust{justify-content:center}\r\n  .s1 .badge.b1{left:-10px}.s1 .badge.b2{right:-8px}\r\n}\r\n<\/style>\r\n\r\n<section class=\"s1\" id=\"s1\">\r\n  <div class=\"grid\">\r\n    <div class=\"col-text\">\r\n      <span class=\"pill reveal d1\"><span class=\"dot\"><\/span>Studi Kasus &amp; Bedah Framework<\/span>\r\n      <h1 class=\"reveal d2\">Cara Meningkatkan Revenue hingga <span class=\"hl\">41%<\/span> dengan Membangun Sistem Bisnis<\/h1>\r\n      <p class=\"sub reveal d3\">Naikkan penjualan, bangun tim yang solid, dan buat bisnis yang scalable tanpa harus ketergantungan dengan owner.<\/p>\r\n      <div class=\"actions reveal d4\">\r\n        <a href=\"#daftar\" class=\"btn\">Saya Mau Belajar Coach <span class=\"arr\">\u2192<\/span><\/a>\r\n      <\/div>\r\n      <div class=\"trust reveal d5\">\r\n        <div class=\"t\"><b>17+<\/b><span>Tahun Pengalaman<\/span><\/div>\r\n        <div class=\"t\"><b>1000+<\/b><span>Perusahaan Dibantu<\/span><\/div>\r\n        <div class=\"t\"><b>41%<\/b><span>Rata-rata Kenaikan<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"col-photo reveal d3\">\r\n      <div class=\"photo-wrap\">\r\n        <div class=\"ring\"><\/div>\r\n        <div class=\"photo\" id=\"s1photo\">\r\n          <!-- GANTI src di bawah dengan foto Coach Tom -->\r\n          <div class=\"ph\"><img decoding=\"async\" src=\"https:\/\/www.topcoachindonesia.com\/wp-content\/uploads\/2026\/05\/553312-1777975822794-c6a0abfa3d037-scaled.jpg\" alt=\"Coach Tom\"><\/div>\r\n          <!-- <img decoding=\"async\" src=\"URL_FOTO_COACH_TOM\" alt=\"Coach Tom\"> -->\r\n        <\/div>\r\n        <div class=\"badge b1\"><div class=\"ic\">\u2605<\/div><div class=\"tx\"><b>Coach Tom<\/b><span>Business Coach<\/span><\/div><\/div>\r\n        <div class=\"badge b2\"><div class=\"ic\">\u2191<\/div><div class=\"tx\"><b>+41% Revenue<\/b><span>Hasil Klien<\/span><\/div><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var els=document.querySelectorAll('#s1 .reveal');\r\n  var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting)e.target.classList.add('in')})},{threshold:.15});\r\n  els.forEach(function(e){io.observe(e)});\r\n  \/\/ interactive tilt\r\n  var p=document.getElementById('s1photo'),w=p&&p.parentElement;\r\n  if(w){\r\n    w.addEventListener('mousemove',function(e){\r\n      var r=w.getBoundingClientRect(),x=(e.clientX-r.left)\/r.width-.5,y=(e.clientY-r.top)\/r.height-.5;\r\n      p.style.transform='rotateY('+(x*12)+'deg) rotateX('+(-y*12)+'deg)';\r\n    });\r\n    w.addEventListener('mouseleave',function(){p.style.transform='rotateY(0) rotateX(0)'});\r\n  }\r\n})();\r\n<\/script>\r\n\r\n<!-- ============================================= -->\r\n<!-- SECTION 2 \u2014 MASALAH & SOLUSI -->\r\n<!-- ============================================= -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;600;700;800&family=Inter:wght@400;500;600&display=swap');\r\n\r\n.s2 *{margin:0;padding:0;box-sizing:border-box}\r\n.s2{--red:#a5161a;--ink:#111111;--white:#fff;font-family:'Inter',sans-serif;color:var(--ink);background:var(--ink);padding:90px 24px;position:relative;overflow:hidden}\r\n.s2::before{content:\"\";position:absolute;inset:0;background:radial-gradient(800px 400px at 20% 10%,rgba(165,22,26,.18),transparent 55%);pointer-events:none}\r\n.s2 .inner{max-width:1100px;margin:0 auto;position:relative;z-index:2}\r\n.s2 .lead{text-align:center;max-width:760px;margin:0 auto 56px}\r\n.s2 .lead h2{font-family:'Montserrat',sans-serif;font-weight:800;font-size:clamp(24px,3.4vw,38px);line-height:1.18;color:#fff;margin-bottom:14px}\r\n.s2 .lead h2 .hl{color:#ff5a5f}\r\n.s2 .lead p{color:rgba(255,255,255,.65);font-size:16px;line-height:1.6}\r\n\r\n.s2 .split{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;margin-bottom:60px}\r\n.s2 .eventph{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:4\/3;box-shadow:0 30px 60px -25px rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.08)}\r\n.s2 .eventph img{width:100%;height:100%;object-fit:cover;display:block}\r\n.s2 .eventph .ph{width:100%;height:100%;background:linear-gradient(150deg,#222,#0c0c0c);display:grid;place-items:center;color:#555;font-family:'Montserrat',sans-serif;font-weight:600;text-align:center;padding:20px;font-size:14px}\r\n.s2 .eventph .tag{position:absolute;bottom:14px;left:14px;background:rgba(165,22,26,.92);color:#fff;font-size:12px;font-weight:700;padding:7px 14px;border-radius:50px;font-family:'Montserrat',sans-serif}\r\n.s2 .copy p{color:rgba(255,255,255,.8);font-size:15.5px;line-height:1.75;margin-bottom:16px}\r\n.s2 .copy p b{color:#fff}\r\n.s2 .copy .cape{color:#ff5a5f;font-weight:700;font-style:italic}\r\n\r\n\/* metric comparison *\/\r\n.s2 .metrics{background:#fff;border-radius:24px;padding:38px;display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center;box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}\r\n.s2 .mcard h4{font-family:'Montserrat',sans-serif;font-size:13px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:20px;font-weight:700}\r\n.s2 .mcard.before h4{color:#999}.s2 .mcard.after h4{color:var(--red)}\r\n.s2 .bar-row{margin-bottom:16px}\r\n.s2 .bar-row .l{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px;color:#555;font-weight:600}\r\n.s2 .bar{height:10px;border-radius:50px;background:#eee;overflow:hidden}\r\n.s2 .bar i{display:block;height:100%;border-radius:50px;width:0;transition:width 1.3s cubic-bezier(.2,.8,.2,1)}\r\n.s2 .before .bar i{background:#c9c9c9}\r\n.s2 .after .bar i{background:linear-gradient(90deg,var(--red),#ff5a5f)}\r\n.s2 .arrow{display:grid;place-items:center}\r\n.s2 .arrow .circle{width:60px;height:60px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-size:24px;box-shadow:0 14px 30px rgba(165,22,26,.4);animation:s2bob 2.4s ease-in-out infinite}\r\n@keyframes s2bob{0%,100%{transform:translateX(0)}50%{transform:translateX(7px)}}\r\n.s2 .uplift{text-align:center;margin-top:18px;grid-column:1\/-1;font-family:'Montserrat',sans-serif;font-weight:800;color:var(--red);font-size:15px}\r\n\r\n.s2 .cta-wrap{text-align:center;margin-top:50px}\r\n.s2 .btn{font-family:'Montserrat',sans-serif;font-weight:700;font-size:15px;background:var(--red);color:#fff;border:none;cursor:pointer;padding:17px 38px;border-radius:50px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;position:relative;overflow:hidden;box-shadow:0 14px 34px rgba(165,22,26,.45);transition:transform .3s,box-shadow .3s}\r\n.s2 .btn:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(165,22,26,.55)}\r\n\r\n.s2 .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1)}\r\n.s2 .reveal.in{opacity:1;transform:none}\r\n\r\n@media(max-width:880px){\r\n  .s2{padding:64px 18px}\r\n  .s2 .split{grid-template-columns:1fr;gap:30px}\r\n  .s2 .metrics{grid-template-columns:1fr;gap:24px;padding:26px}\r\n  .s2 .arrow .circle{transform:rotate(90deg)}\r\n  @keyframes s2bob{0%,100%{transform:rotate(90deg) translateX(0)}50%{transform:rotate(90deg) translateX(7px)}}\r\n}\r\n<\/style>\r\n\r\n<section class=\"s2\" id=\"s2\">\r\n  <div class=\"inner\">\r\n    <div class=\"lead reveal\">\r\n      <h2>Masalah bisnis sering kali bukan karena market kecil.<br>Tapi karena bisnis belum dibangun dengan <span class=\"hl\">sistem yang benar.<\/span><\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"split\">\r\n      <div class=\"eventph reveal\">\r\n        <!-- GANTI dengan foto Tom Mcifle di seminar\/event -->\r\n        <div class=\"ph\"><img decoding=\"async\" src=\"https:\/\/www.topcoachindonesia.com\/wp-content\/uploads\/2026\/05\/2nd-image2x-copy-scaled.jpg\" alt=\"Coach Tom di seminar\"><\/div>\r\n        <!-- <img decoding=\"async\" src=\"URL_FOTO_EVENT\" alt=\"Coach Tom di seminar\"> -->\r\n        <span class=\"tag\">Live Seminar<\/span>\r\n      <\/div>\r\n      <div class=\"copy reveal\">\r\n        <p>Bisnis yang tidak bisa di-scale bukan berarti selalu salah pada produk atau timnya saja, tapi bisa jadi Anda bekerja sendirian karena perusahaan Anda belum punya sistem, sehingga semua tanggung jawab dan keputusan selalu mengandalkan Anda. <span class=\"cape\">Capek, kan?<\/span><\/p>\r\n        <p>Selama <b>17 tahun<\/b> saya sudah coaching <b>1000+ perusahaan<\/b> baik UMKM maupun perusahaan besar. Masalah utama mereka adalah menentukan sistem bisnis yang tepat agar SDM, keuangan, operasional, dan marketing dapat bekerja selaras dengan visi perusahaan.<\/p>\r\n        <p>Anda bisa meningkatkan revenue hingga <b>41%<\/b> dengan memiliki sistem bisnis yang tepat \u2014 karena Anda dan tim sudah punya visi yang sama. Jika sistem bisnis sudah terstruktur, maka revenue akan meningkat dengan sendirinya, seperti contoh di bawah ini:<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"metrics reveal\" id=\"s2metrics\">\r\n      <div class=\"mcard before\">\r\n        <h4>Sebelum Ada Sistem<\/h4>\r\n        <div class=\"bar-row\"><div class=\"l\"><span>Revenue<\/span><span>59%<\/span><\/div><div class=\"bar\"><i data-w=\"59\"><\/i><\/div><\/div>\r\n        <div class=\"bar-row\"><div class=\"l\"><span>Profit Margin<\/span><span>32%<\/span><\/div><div class=\"bar\"><i data-w=\"32\"><\/i><\/div><\/div>\r\n        <div class=\"bar-row\"><div class=\"l\"><span>Produktivitas Tim<\/span><span>45%<\/span><\/div><div class=\"bar\"><i data-w=\"45\"><\/i><\/div><\/div>\r\n      <\/div>\r\n      <div class=\"arrow\"><div class=\"circle\">\u2192<\/div><\/div>\r\n      <div class=\"mcard after\">\r\n        <h4>Sesudah Ada Sistem<\/h4>\r\n        <div class=\"bar-row\"><div class=\"l\"><span>Revenue<\/span><span>100%<\/span><\/div><div class=\"bar\"><i data-w=\"100\"><\/i><\/div><\/div>\r\n        <div class=\"bar-row\"><div class=\"l\"><span>Profit Margin<\/span><span>78%<\/span><\/div><div class=\"bar\"><i data-w=\"78\"><\/i><\/div><\/div>\r\n        <div class=\"bar-row\"><div class=\"l\"><span>Produktivitas Tim<\/span><span>92%<\/span><\/div><div class=\"bar\"><i data-w=\"92\"><\/i><\/div><\/div>\r\n      <\/div>\r\n      <div class=\"uplift\">\u2191 Revenue meningkat hingga 41% dengan sistem yang tepat<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"cta-wrap reveal\">\r\n      <a href=\"#daftar\" class=\"btn\">Daftar Webinar Sekarang \u2192<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting)e.target.classList.add('in')})},{threshold:.15});\r\n  document.querySelectorAll('#s2 .reveal').forEach(function(e){io.observe(e)});\r\n  var m=document.getElementById('s2metrics'),done=false;\r\n  var mo=new IntersectionObserver(function(es){es.forEach(function(e){\r\n    if(e.isIntersecting&&!done){done=true;m.querySelectorAll('.bar i').forEach(function(i){i.style.width=i.getAttribute('data-w')+'%'})}\r\n  })},{threshold:.3});\r\n  if(m)mo.observe(m);\r\n})();\r\n<\/script>\r\n\r\n<!-- ============================================= -->\r\n<!-- SECTION 3 \u2014 PARTNERS CAROUSEL -->\r\n<!-- ============================================= -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800&family=Inter:wght@400;500&display=swap');\r\n\r\n.s3 *{margin:0;padding:0;box-sizing:border-box}\r\n.s3{--red:#a5161a;--ink:#111111;font-family:'Inter',sans-serif;background:#faf8f8;padding:72px 0;overflow:hidden;border-bottom:1px solid rgba(17,17,17,.06)}\r\n.s3 .head{text-align:center;padding:0 24px;margin-bottom:44px}\r\n.s3 .head h2{font-family:'Montserrat',sans-serif;font-weight:800;font-size:clamp(20px,2.8vw,30px);color:var(--ink);line-height:1.25}\r\n.s3 .head h2 .hl{color:var(--red)}\r\n.s3 .head p{color:#888;font-size:14px;margin-top:8px}\r\n\r\n.s3 .marquee{position:relative;width:100%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}\r\n.s3 .track{display:flex;gap:26px;width:max-content;animation:s3scroll 32s linear infinite}\r\n.s3 .marquee:hover .track{animation-play-state:paused}\r\n@keyframes s3scroll{to{transform:translateX(-50%)}}\r\n.s3 .logo{flex:0 0 auto;width:190px;height:96px;background:#fff;border-radius:16px;display:grid;place-items:center;border:1px solid rgba(17,17,17,.07);box-shadow:0 10px 26px -16px rgba(17,17,17,.25);transition:transform .35s,box-shadow .35s;color:#bbb;font-family:'Montserrat',sans-serif;font-weight:700;font-size:15px;text-align:center;padding:10px}\r\n.s3 .logo:hover{transform:translateY(-6px);box-shadow:0 18px 36px -16px rgba(165,22,26,.3);color:var(--red)}\r\n.s3 .logo img{max-width:80%;max-height:60%;object-fit:contain;filter:grayscale(1);opacity:.7;transition:filter .35s,opacity .35s}\r\n.s3 .logo:hover img{filter:none;opacity:1}\r\n<\/style>\r\n\r\n<section class=\"s3\" id=\"s3\">\r\n  <div class=\"head\">\r\n    <h2><span class=\"hl\">17 Tahun<\/span> Membantu Business Owner<br>Mulai dari UMKM sampai Perusahaan Besar<\/h2>\r\n    <p>Dipercaya oleh ratusan brand &amp; perusahaan di Indonesia<\/p>\r\n  <\/div>\r\n  <div class=\"marquee\">\r\n    <div class=\"track\" id=\"s3track\">\r\n      <!-- GANTI tiap .logo dengan <img decoding=\"async\" src=\"URL_LOGO_PARTNER\"> -->\r\n      <div class=\"logo\"><img decoding=\"async\" src=\"https:\/\/www.topcoachindonesia.com\/wp-content\/uploads\/2026\/05\/1.png\"><\/div>\r\n      <div class=\"logo\"><img decoding=\"async\" src=\"https:\/\/www.topcoachindonesia.com\/wp-content\/uploads\/2026\/05\/2.png\"><\/div>\r\n      <div class=\"logo\"><img decoding=\"async\" src=\"https:\/\/www.topcoachindonesia.com\/wp-content\/uploads\/2026\/05\/3.png\"><\/div>\r\n      <div class=\"logo\"><img decoding=\"async\" src=\"https:\/\/www.topcoachindonesia.com\/wp-content\/uploads\/2026\/05\/4.png\"><\/div>\r\n      <div class=\"logo\"><img decoding=\"async\" src=\"https:\/\/www.topcoachindonesia.com\/wp-content\/uploads\/2026\/05\/5.png\"><\/div>\r\n      <div class=\"logo\"><img decoding=\"async\" src=\"https:\/\/www.topcoachindonesia.com\/wp-content\/uploads\/2026\/05\/6.png\"><\/div>\r\n      <div class=\"logo\"><img decoding=\"async\" src=\"https:\/\/www.topcoachindonesia.com\/wp-content\/uploads\/2026\/05\/7.png\"><\/div>\r\n      <div class=\"logo\"><img decoding=\"async\" src=\"https:\/\/www.topcoachindonesia.com\/wp-content\/uploads\/2026\/05\/8.png\"><\/div>\r\n      <div class=\"logo\"><img decoding=\"async\" src=\"https:\/\/www.topcoachindonesia.com\/wp-content\/uploads\/2026\/05\/9.png\"><\/div>\r\n      <div class=\"logo\"><img decoding=\"async\" src=\"https:\/\/www.topcoachindonesia.com\/wp-content\/uploads\/2026\/05\/10.png\"><\/div>\r\n      <div class=\"logo\"><img decoding=\"async\" src=\"https:\/\/www.topcoachindonesia.com\/wp-content\/uploads\/2026\/05\/11.png\"><\/div>\r\n      <div class=\"logo\"><img decoding=\"async\" src=\"https:\/\/www.topcoachindonesia.com\/wp-content\/uploads\/2026\/05\/12.png\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  \/\/ duplicate logos for seamless loop\r\n  var t=document.getElementById('s3track');\r\n  if(t){t.innerHTML+=t.innerHTML;}\r\n})();\r\n<\/script>\r\n\r\n<!-- ============================================= -->\r\n<!-- SECTION 4 \u2014 SETIAP BISNIS BUTUH SISTEM -->\r\n<!-- ============================================= -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800&family=Inter:wght@400;500;600&display=swap');\r\n\r\n.s4 *{margin:0;padding:0;box-sizing:border-box}\r\n.s4{--red:#a5161a;--ink:#111111;font-family:'Inter',sans-serif;color:var(--ink);background:#fff;padding:90px 24px;position:relative}\r\n.s4 .inner{max-width:1120px;margin:0 auto}\r\n.s4 .head{text-align:center;max-width:720px;margin:0 auto 56px}\r\n.s4 .kick{display:inline-block;color:var(--red);font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}\r\n.s4 .head h2{font-family:'Montserrat',sans-serif;font-weight:800;font-size:clamp(26px,3.6vw,42px);line-height:1.15;margin-bottom:16px}\r\n.s4 .head p{color:#555;font-size:16px;line-height:1.65}\r\n.s4 .head p b{color:var(--ink)}\r\n\r\n.s4 .cols{display:grid;grid-template-columns:1fr 1fr;gap:28px}\r\n.s4 .card{border-radius:22px;padding:34px;position:relative;overflow:hidden;transition:transform .4s}\r\n.s4 .card:hover{transform:translateY(-6px)}\r\n.s4 .card.old{background:#f4f2f2;border:1px solid rgba(17,17,17,.07)}\r\n.s4 .card.new{background:linear-gradient(160deg,var(--ink),#1c1c1c);color:#fff;box-shadow:0 30px 70px -28px rgba(165,22,26,.5)}\r\n.s4 .card.new::before{content:\"\";position:absolute;top:-60px;right:-60px;width:200px;height:200px;background:radial-gradient(circle,rgba(165,22,26,.45),transparent 70%)}\r\n.s4 .ctag{display:inline-flex;align-items:center;gap:9px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:8px 16px;border-radius:50px;margin-bottom:24px;position:relative;z-index:2}\r\n.s4 .old .ctag{background:rgba(17,17,17,.08);color:#888}\r\n.s4 .new .ctag{background:rgba(165,22,26,.95);color:#fff}\r\n.s4 ul{list-style:none;position:relative;z-index:2}\r\n.s4 li{display:flex;align-items:flex-start;gap:13px;padding:13px 0;font-size:15px;line-height:1.45;border-bottom:1px solid rgba(128,128,128,.14)}\r\n.s4 li:last-child{border-bottom:none}\r\n.s4 .old li{color:#777}\r\n.s4 .new li{color:rgba(255,255,255,.92)}\r\n.s4 .ico{flex:0 0 24px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;margin-top:1px}\r\n.s4 .old .ico{background:rgba(165,22,26,.12);color:var(--red)}\r\n.s4 .new .ico{background:rgba(255,255,255,.16);color:#7CFFA0}\r\n\r\n.s4 .cta-wrap{text-align:center;margin-top:54px}\r\n.s4 .btn{font-family:'Montserrat',sans-serif;font-weight:700;font-size:15px;background:var(--red);color:#fff;border:none;cursor:pointer;padding:17px 38px;border-radius:50px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;box-shadow:0 14px 34px rgba(165,22,26,.4);transition:transform .3s,box-shadow .3s}\r\n.s4 .btn:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(165,22,26,.5)}\r\n\r\n.s4 .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1)}\r\n.s4 .reveal.in{opacity:1;transform:none}\r\n.s4 .reveal.r2{transition-delay:.12s}\r\n.s4 li{opacity:0;transform:translateX(-10px);transition:opacity .5s,transform .5s}\r\n.s4 .card.in li{opacity:1;transform:none}\r\n.s4 .card.in li:nth-child(1){transition-delay:.1s}.s4 .card.in li:nth-child(2){transition-delay:.18s}.s4 .card.in li:nth-child(3){transition-delay:.26s}.s4 .card.in li:nth-child(4){transition-delay:.34s}.s4 .card.in li:nth-child(5){transition-delay:.42s}.s4 .card.in li:nth-child(6){transition-delay:.5s}\r\n\r\n@media(max-width:820px){.s4{padding:64px 18px}.s4 .cols{grid-template-columns:1fr;gap:20px}.s4 .card{padding:28px}}\r\n<\/style>\r\n\r\n<section class=\"s4\" id=\"s4\">\r\n  <div class=\"inner\">\r\n    <div class=\"head reveal\">\r\n      <span class=\"kick\">Transformasi Bisnis<\/span>\r\n      <h2>Setiap Bisnis Butuh Sistem<\/h2>\r\n      <p>Bisnis yang sistematis bukan bisnis yang kaku. Justru sebaliknya \u2014 bisnis yang punya sistem kuat adalah bisnis yang <b>paling fleksibel<\/b>, karena owner-nya bebas berpikir strategis.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"cols\">\r\n      <div class=\"card old reveal\" id=\"s4old\">\r\n        <span class=\"ctag\">\u26d4 Dulu \u2014 Tanpa System<\/span>\r\n        <ul>\r\n          <li><span class=\"ico\">\u2715<\/span>Owner kerja 12\u201314 jam\/hari<\/li>\r\n          <li><span class=\"ico\">\u2715<\/span>Team kerja kalau disuruh<\/li>\r\n          <li><span class=\"ico\">\u2715<\/span>SOP ada tapi gak dijalankan<\/li>\r\n          <li><span class=\"ico\">\u2715<\/span>Omzet naik tapi profit gak kerasa<\/li>\r\n          <li><span class=\"ico\">\u2715<\/span>Bisnis chaos saat growth<\/li>\r\n          <li><span class=\"ico\">\u2715<\/span>Semua problem numpuk ke owner<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"card new reveal r2\" id=\"s4new\">\r\n        <span class=\"ctag\">\u2713 Sekarang \u2014 Dengan System<\/span>\r\n        <ul>\r\n          <li><span class=\"ico\">\u2713<\/span>Owner lebih fokus ke growth &amp; strategic<\/li>\r\n          <li><span class=\"ico\">\u2713<\/span>Team lebih ownership &amp; accountable<\/li>\r\n          <li><span class=\"ico\">\u2713<\/span>Workflow &amp; accountability lebih jelas<\/li>\r\n          <li><span class=\"ico\">\u2713<\/span>Profit &amp; efisiensi bisnis lebih sehat<\/li>\r\n          <li><span class=\"ico\">\u2713<\/span>Bisnis lebih siap scale<\/li>\r\n          <li><span class=\"ico\">\u2713<\/span>Problem terselesaikan lewat system<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"cta-wrap reveal\">\r\n      <a href=\"#daftar\" class=\"btn\">Daftar Webinar Sekarang \u2192<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting)e.target.classList.add('in')})},{threshold:.18});\r\n  document.querySelectorAll('#s4 .reveal').forEach(function(e){io.observe(e)});\r\n})();\r\n<\/script>\r\n\r\n\r\n<!-- ============================================= -->\r\n<!-- SECTION 5 \u2014 MATERI WEBINAR (versi premium) -->\r\n<!-- ============================================= -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800;900&family=Inter:wght@400;500;600&display=swap');\r\n\r\n.s5 *{margin:0;padding:0;box-sizing:border-box}\r\n.s5{--red:#a5161a;--ink:#111111;font-family:'Inter',sans-serif;color:var(--ink);background:#faf8f8;padding:90px 24px;position:relative;overflow:hidden}\r\n.s5::before{content:\"\";position:absolute;inset:0;background-image:radial-gradient(rgba(17,17,17,.04) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}\r\n.s5::after{content:\"\";position:absolute;top:-160px;right:-120px;width:480px;height:480px;background:radial-gradient(circle,rgba(165,22,26,.08),transparent 65%);pointer-events:none}\r\n.s5 .inner{max-width:1140px;margin:0 auto;position:relative;z-index:2}\r\n.s5 .head{text-align:center;max-width:680px;margin:0 auto 50px}\r\n.s5 .kick{display:inline-flex;align-items:center;gap:8px;color:var(--red);font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;background:rgba(165,22,26,.08);border:1px solid rgba(165,22,26,.18);padding:7px 16px;border-radius:50px}\r\n.s5 .kick .ln{width:18px;height:2px;background:var(--red);border-radius:2px}\r\n.s5 .head h2{font-family:'Montserrat',sans-serif;font-weight:800;font-size:clamp(26px,3.6vw,40px);line-height:1.16}\r\n.s5 .head h2 .hl{color:var(--red);position:relative}\r\n.s5 .head h2 .hl::after{content:\"\";position:absolute;left:0;right:0;bottom:2px;height:9px;background:rgba(165,22,26,.16);z-index:-1;border-radius:3px}\r\n\r\n\/* ===== INTERACTIVE MATERI ===== *\/\r\n.s5 .materi{display:grid;grid-template-columns:340px 1fr;gap:24px;align-items:stretch}\r\n\r\n\/* selector list (kiri) *\/\r\n.s5 .selector{display:flex;flex-direction:column;gap:12px}\r\n.s5 .mtab{position:relative;display:flex;align-items:center;gap:16px;background:#fff;border:1.5px solid rgba(17,17,17,.08);border-radius:18px;padding:18px 20px;cursor:pointer;text-align:left;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s;overflow:hidden}\r\n.s5 .mtab::before{content:\"\";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--red);transform:scaleY(0);transform-origin:top;transition:transform .4s cubic-bezier(.2,.8,.2,1)}\r\n.s5 .mtab:hover{transform:translateX(5px);box-shadow:0 16px 34px -22px rgba(17,17,17,.4);border-color:rgba(165,22,26,.3)}\r\n.s5 .mtab.active{box-shadow:0 22px 44px -24px rgba(165,22,26,.5);border-color:transparent}\r\n.s5 .mtab.active::before{transform:scaleY(1)}\r\n.s5 .mtab .ti{flex:0 0 50px;width:50px;height:50px;border-radius:14px;background:#f4f2f2;display:grid;place-items:center;font-size:24px;transition:background .4s,transform .4s,box-shadow .4s}\r\n.s5 .mtab.active .ti{background:linear-gradient(150deg,var(--red),#ff5a5f);transform:scale(1.06) rotate(-4deg);box-shadow:0 12px 26px rgba(165,22,26,.4)}\r\n.s5 .mtab .tt{flex:1}\r\n.s5 .mtab .tt b{display:block;font-family:'Montserrat',sans-serif;font-weight:700;font-size:16px;color:var(--ink);transition:color .3s}\r\n.s5 .mtab.active .tt b{color:var(--red)}\r\n.s5 .mtab .tt span{display:block;font-size:12.5px;color:#999;margin-top:2px}\r\n.s5 .mtab .no{font-family:'Montserrat',sans-serif;font-weight:800;font-size:13px;color:#ccc;transition:color .3s}\r\n.s5 .mtab.active .no{color:var(--red)}\r\n\r\n\/* detail panel (kanan) *\/\r\n.s5 .stage{position:relative;background:linear-gradient(165deg,var(--ink),#1a1a1a);border-radius:24px;padding:42px;color:#fff;overflow:hidden;min-height:340px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 40px 90px -40px rgba(17,17,17,.6)}\r\n.s5 .stage::before{content:\"\";position:absolute;top:-80px;right:-80px;width:300px;height:300px;background:radial-gradient(circle,rgba(165,22,26,.45),transparent 68%);transition:transform .8s ease;pointer-events:none}\r\n.s5 .stage .ghost{position:absolute;top:20px;right:30px;font-family:'Montserrat',sans-serif;font-weight:900;font-size:160px;line-height:1;color:rgba(255,255,255,.04);pointer-events:none;user-select:none;transition:opacity .5s}\r\n.s5 .pane{display:none;position:relative;z-index:2}\r\n.s5 .pane.active{display:block;animation:s5in .55s cubic-bezier(.2,.8,.2,1)}\r\n@keyframes s5in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}\r\n.s5 .pane .pico{width:64px;height:64px;border-radius:18px;background:linear-gradient(150deg,var(--red),#ff5a5f);display:grid;place-items:center;font-size:30px;margin-bottom:22px;box-shadow:0 16px 34px rgba(165,22,26,.45)}\r\n.s5 .pane .ptag{display:inline-block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#ff7a7e;font-weight:700;margin-bottom:12px}\r\n.s5 .pane h3{font-family:'Montserrat',sans-serif;font-weight:800;font-size:clamp(22px,2.6vw,30px);margin-bottom:14px;line-height:1.2}\r\n.s5 .pane p{color:rgba(255,255,255,.78);font-size:16px;line-height:1.7;max-width:560px}\r\n.s5 .pane .pts{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}\r\n.s5 .pane .pts span{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:50px;padding:9px 16px;font-size:13px;font-weight:500;color:rgba(255,255,255,.9)}\r\n.s5 .pane .pts span .d{width:6px;height:6px;border-radius:50%;background:#ff5a5f}\r\n\r\n\/* progress dots (mobile\/desktop) *\/\r\n.s5 .progress{display:flex;gap:8px;margin-top:30px;position:relative;z-index:2}\r\n.s5 .progress i{height:4px;flex:1;background:rgba(255,255,255,.14);border-radius:50px;overflow:hidden;cursor:pointer}\r\n.s5 .progress i b{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--red),#ff5a5f);border-radius:50px}\r\n.s5 .progress i.active b{width:100%;transition:width 5s linear}\r\n\r\n\/* ===== FRAMEWORK CARDS ===== *\/\r\n.s5 .fwhead{text-align:center;margin:66px 0 34px}\r\n.s5 .fwhead h3{font-family:'Montserrat',sans-serif;font-weight:800;font-size:clamp(20px,2.6vw,28px)}\r\n.s5 .fwhead h3 .hl{color:var(--red)}\r\n.s5 .fwgrid{display:grid;grid-template-columns:1fr 1fr;gap:26px}\r\n.s5 .fw{background:linear-gradient(160deg,var(--ink),#1b1b1b);border-radius:22px;padding:34px;color:#fff;position:relative;overflow:hidden;transition:transform .4s,box-shadow .4s}\r\n.s5 .fw:hover{transform:translateY(-7px);box-shadow:0 34px 70px -30px rgba(165,22,26,.6)}\r\n.s5 .fw::after{content:\"\";position:absolute;bottom:-50px;right:-50px;width:170px;height:170px;background:radial-gradient(circle,rgba(165,22,26,.5),transparent 70%)}\r\n.s5 .fw .no{font-family:'Montserrat',sans-serif;font-weight:800;font-size:13px;color:#ff5a5f;letter-spacing:.1em;margin-bottom:10px}\r\n.s5 .fw h4{font-family:'Montserrat',sans-serif;font-weight:800;font-size:22px;margin-bottom:12px;position:relative;z-index:2}\r\n.s5 .fw .desc{color:rgba(255,255,255,.7);font-size:14.5px;line-height:1.6;margin-bottom:22px;position:relative;z-index:2}\r\n.s5 .fw .out{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.45);font-weight:700;margin-bottom:14px;position:relative;z-index:2}\r\n.s5 .fw ul{list-style:none;position:relative;z-index:2}\r\n.s5 .fw li{display:flex;align-items:center;gap:11px;padding:9px 0;font-size:14.5px;color:rgba(255,255,255,.9)}\r\n.s5 .fw li .c{width:22px;height:22px;border-radius:50%;background:rgba(124,255,160,.16);color:#7CFFA0;display:grid;place-items:center;font-size:12px;font-weight:800;flex:0 0 22px}\r\n\r\n.s5 .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1)}\r\n.s5 .reveal.in{opacity:1;transform:none}\r\n.s5 .reveal.r2{transition-delay:.12s}\r\n.s5 .mtab{opacity:0;transform:translateX(-16px);transition:opacity .55s,transform .55s cubic-bezier(.2,.8,.2,1)}\r\n.s5 .selector.in .mtab{opacity:1;transform:none}\r\n.s5 .selector.in .mtab:nth-child(1){transition-delay:.05s}\r\n.s5 .selector.in .mtab:nth-child(2){transition-delay:.13s}\r\n.s5 .selector.in .mtab:nth-child(3){transition-delay:.21s}\r\n.s5 .selector.in .mtab:nth-child(4){transition-delay:.29s}\r\n\r\n@media(max-width:880px){\r\n  .s5{padding:64px 18px}\r\n  .s5 .materi{grid-template-columns:1fr;gap:16px}\r\n  .s5 .stage{min-height:auto;padding:32px 26px}\r\n  .s5 .stage .ghost{font-size:110px;top:14px;right:18px}\r\n  .s5 .fwgrid{grid-template-columns:1fr;gap:18px}\r\n}\r\n@media(max-width:520px){\r\n  .s5 .mtab{padding:14px 16px;gap:13px}\r\n  .s5 .mtab .ti{flex:0 0 44px;width:44px;height:44px;font-size:21px}\r\n  .s5 .mtab .tt b{font-size:15px}\r\n}\r\n<\/style>\r\n\r\n<section class=\"s5\" id=\"s5\">\r\n  <div class=\"inner\">\r\n    <div class=\"head reveal\">\r\n      <span class=\"kick\"><span class=\"ln\"><\/span>Kurikulum Webinar<\/span>\r\n      <h2>Materi yang Akan Kamu <span class=\"hl\">Pelajari<\/span><\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"materi\">\r\n      <!-- LEFT: selector -->\r\n      <div class=\"selector\" id=\"s5sel\">\r\n        <button class=\"mtab active\" data-i=\"0\">\r\n          <span class=\"ti\">\ud83d\udcb0<\/span>\r\n          <span class=\"tt\"><b>Keuangan<\/b><span>Cashflow, profit &amp; kebocoran<\/span><\/span>\r\n          <span class=\"no\">01<\/span>\r\n        <\/button>\r\n        <button class=\"mtab\" data-i=\"1\">\r\n          <span class=\"ti\">\ud83d\udce3<\/span>\r\n          <span class=\"tt\"><b>Marketing<\/b><span>Sistem yang stabil<\/span><\/span>\r\n          <span class=\"no\">02<\/span>\r\n        <\/button>\r\n        <button class=\"mtab\" data-i=\"2\">\r\n          <span class=\"ti\">\u2699\ufe0f<\/span>\r\n          <span class=\"tt\"><b>Operasional<\/b><span>Rapi &amp; minim chaos<\/span><\/span>\r\n          <span class=\"no\">03<\/span>\r\n        <\/button>\r\n        <button class=\"mtab\" data-i=\"3\">\r\n          <span class=\"ti\">\ud83d\udc65<\/span>\r\n          <span class=\"tt\"><b>SDM \/ Team<\/b><span>Mandiri &amp; accountable<\/span><\/span>\r\n          <span class=\"no\">04<\/span>\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <!-- RIGHT: stage -->\r\n      <div class=\"stage\" id=\"s5stage\">\r\n        <span class=\"ghost\" id=\"s5ghost\">01<\/span>\r\n\r\n        <div class=\"pane active\">\r\n          <div class=\"pico\">\ud83d\udcb0<\/div>\r\n          <span class=\"ptag\">Materi 01 \u00b7 Keuangan<\/span>\r\n          <h3>Kendalikan Cashflow &amp; Profit Bisnis<\/h3>\r\n          <p>Strategi mengontrol cashflow, profit, &amp; menutup kebocoran bisnis agar keuangan selalu sehat, terukur, dan siap untuk scale.<\/p>\r\n          <div class=\"pts\"><span><span class=\"d\"><\/span>Kontrol Cashflow<\/span><span><span class=\"d\"><\/span>Optimasi Profit<\/span><span><span class=\"d\"><\/span>Cegah Kebocoran<\/span><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"pane\">\r\n          <div class=\"pico\">\ud83d\udce3<\/div>\r\n          <span class=\"ptag\">Materi 02 \u00b7 Marketing<\/span>\r\n          <h3>Marketing yang Stabil &amp; Mandiri<\/h3>\r\n          <p>Strategi membangun marketing yang lebih stabil &amp; tidak bergantung pada owner \u2014 sistem yang terus menghasilkan leads secara konsisten.<\/p>\r\n          <div class=\"pts\"><span><span class=\"d\"><\/span>Lead Konsisten<\/span><span><span class=\"d\"><\/span>Tidak Bergantung Owner<\/span><span><span class=\"d\"><\/span>Sistem Terukur<\/span><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"pane\">\r\n          <div class=\"pico\">\u2699\ufe0f<\/div>\r\n          <span class=\"ptag\">Materi 03 \u00b7 Operasional<\/span>\r\n          <h3>Operasional Rapi &amp; Konsisten<\/h3>\r\n          <p>Strategi membuat operasional lebih rapi, konsisten, &amp; minim chaos lewat workflow yang jelas dan dapat dijalankan oleh tim.<\/p>\r\n          <div class=\"pts\"><span><span class=\"d\"><\/span>Workflow Jelas<\/span><span><span class=\"d\"><\/span>Konsisten<\/span><span><span class=\"d\"><\/span>Minim Chaos<\/span><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"pane\">\r\n          <div class=\"pico\">\ud83d\udc65<\/div>\r\n          <span class=\"ptag\">Materi 04 \u00b7 SDM \/ Team<\/span>\r\n          <h3>Team Mandiri &amp; Accountable<\/h3>\r\n          <p>Strategi membangun team yang lebih mandiri, ownership, &amp; accountable tanpa harus selalu diawasi \u2014 sehingga owner bebas berpikir strategis.<\/p>\r\n          <div class=\"pts\"><span><span class=\"d\"><\/span>Ownership<\/span><span><span class=\"d\"><\/span>Accountable<\/span><span><span class=\"d\"><\/span>Mandiri<\/span><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"progress\" id=\"s5prog\">\r\n          <i class=\"active\" data-i=\"0\"><b><\/b><\/i>\r\n          <i data-i=\"1\"><b><\/b><\/i>\r\n          <i data-i=\"2\"><b><\/b><\/i>\r\n          <i data-i=\"3\"><b><\/b><\/i>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- FRAMEWORK -->\r\n    <div class=\"fwhead reveal\">\r\n      <h3>Dengan Menggunakan <span class=\"hl\">Metode Analisa<\/span><\/h3>\r\n    <\/div>\r\n    <div class=\"fwgrid\">\r\n      <div class=\"fw reveal\">\r\n        <div class=\"no\">FRAMEWORK 01<\/div>\r\n        <h4>Business Diagnostic<\/h4>\r\n        <div class=\"desc\">Framework untuk menemukan akar masalah &amp; bottleneck yang menghambat pertumbuhan bisnis.<\/div>\r\n        <div class=\"out\">Output<\/div>\r\n        <ul>\r\n          <li><span class=\"c\">\u2713<\/span>Business Bottleneck Mapping<\/li>\r\n          <li><span class=\"c\">\u2713<\/span>Business Health Evaluation<\/li>\r\n          <li><span class=\"c\">\u2713<\/span>Root Cause Analysis<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"fw reveal r2\">\r\n        <div class=\"no\">FRAMEWORK 02<\/div>\r\n        <h4>Priority Mapping<\/h4>\r\n        <div class=\"desc\">Framework untuk menentukan bagian bisnis yang paling perlu dibenahi terlebih dahulu.<\/div>\r\n        <div class=\"out\">Output<\/div>\r\n        <ul>\r\n          <li><span class=\"c\">\u2713<\/span>Priority Improvement Map<\/li>\r\n          <li><span class=\"c\">\u2713<\/span>Business Focus Framework<\/li>\r\n          <li><span class=\"c\">\u2713<\/span>System Development Roadmap<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting)e.target.classList.add('in')})},{threshold:.15});\r\n  document.querySelectorAll('#s5 .reveal, #s5 .selector').forEach(function(e){io.observe(e)});\r\n\r\n  var tabs=document.querySelectorAll('#s5sel .mtab'),\r\n      panes=document.querySelectorAll('#s5stage .pane'),\r\n      bars=document.querySelectorAll('#s5prog i'),\r\n      ghost=document.getElementById('s5ghost'),\r\n      stage=document.getElementById('s5stage'),\r\n      ghostTxt=['01','02','03','04'],\r\n      cur=0,timer=null,AUTO=5000,running=false;\r\n\r\n  function show(i){\r\n    cur=i;\r\n    tabs.forEach(function(t,k){t.classList.toggle('active',k===i)});\r\n    panes.forEach(function(p,k){p.classList.toggle('active',k===i)});\r\n    ghost.textContent=ghostTxt[i];\r\n    \/\/ restart progress bar animation\r\n    bars.forEach(function(b,k){\r\n      b.classList.remove('active');\r\n      var inner=b.querySelector('b');inner.style.transition='none';inner.style.width='0';\r\n    });\r\n    void bars[i].offsetWidth;\r\n    bars[i].classList.add('active');\r\n  }\r\n  function next(){show((cur+1)%tabs.length)}\r\n  function start(){stop();running=true;timer=setInterval(next,AUTO)}\r\n  function stop(){running=false;if(timer)clearInterval(timer)}\r\n\r\n  tabs.forEach(function(t){t.addEventListener('click',function(){show(+t.getAttribute('data-i'));if(running)start()})});\r\n  bars.forEach(function(b){b.addEventListener('click',function(){show(+b.getAttribute('data-i'));if(running)start()})});\r\n\r\n  \/\/ auto-rotate only while visible\r\n  var so=new IntersectionObserver(function(es){es.forEach(function(e){\r\n    if(e.isIntersecting){if(!running){show(cur);start()}}else{stop()}\r\n  })},{threshold:.4});\r\n  if(stage)so.observe(stage);\r\n})();\r\n<\/script>\r\n\r\n\r\n<!-- ============================================= -->\r\n<!-- SECTION 6 \u2014 BUKAN SEKEDAR MOTIVASI -->\r\n<!-- ============================================= -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800&family=Inter:wght@400;500;600&display=swap');\r\n\r\n.s6 *{margin:0;padding:0;box-sizing:border-box}\r\n.s6{--red:#a5161a;--ink:#111111;font-family:'Inter',sans-serif;color:#fff;background:linear-gradient(160deg,#161616,#0c0c0c);padding:90px 24px;position:relative;overflow:hidden}\r\n.s6::before{content:\"\";position:absolute;top:-120px;left:50%;transform:translateX(-50%);width:700px;height:400px;background:radial-gradient(circle,rgba(165,22,26,.28),transparent 65%);pointer-events:none}\r\n.s6 .inner{max-width:980px;margin:0 auto;position:relative;z-index:2}\r\n.s6 .head{text-align:center;max-width:740px;margin:0 auto 48px}\r\n.s6 .kick{display:inline-block;color:#ff5a5f;font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}\r\n.s6 .head h2{font-family:'Montserrat',sans-serif;font-weight:800;font-size:clamp(26px,3.6vw,42px);line-height:1.15}\r\n.s6 .head h2 .hl{color:#ff5a5f}\r\n.s6 .sub{text-align:center;color:rgba(255,255,255,.6);font-size:16px;margin-bottom:40px}\r\n\r\n.s6 .list{display:grid;grid-template-columns:1fr 1fr;gap:16px}\r\n.s6 .item{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:22px 24px;display:flex;align-items:center;gap:16px;transition:transform .35s,background .35s,border-color .35s}\r\n.s6 .item:hover{transform:translateY(-5px);background:rgba(165,22,26,.12);border-color:rgba(165,22,26,.4)}\r\n.s6 .item .ic{flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:linear-gradient(150deg,var(--red),#ff5a5f);display:grid;place-items:center;font-size:19px;font-weight:800;box-shadow:0 10px 22px rgba(165,22,26,.4)}\r\n.s6 .item span{font-size:15.5px;font-weight:500;line-height:1.4;color:rgba(255,255,255,.92)}\r\n.s6 .item:last-child{grid-column:1\/-1}\r\n\r\n.s6 .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1)}\r\n.s6 .reveal.in{opacity:1;transform:none}\r\n.s6 .item{opacity:0;transform:translateY(24px);transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1)}\r\n.s6 .list.in .item{opacity:1;transform:none}\r\n.s6 .list.in .item:nth-child(1){transition-delay:.06s}.s6 .list.in .item:nth-child(2){transition-delay:.14s}.s6 .list.in .item:nth-child(3){transition-delay:.22s}.s6 .list.in .item:nth-child(4){transition-delay:.3s}.s6 .list.in .item:nth-child(5){transition-delay:.38s}\r\n\r\n@media(max-width:760px){.s6{padding:64px 18px}.s6 .list{grid-template-columns:1fr}.s6 .item:last-child{grid-column:auto}}\r\n<\/style>\r\n\r\n<section class=\"s6\" id=\"s6\">\r\n  <div class=\"inner\">\r\n    <div class=\"head reveal\">\r\n      <span class=\"kick\">Action, Bukan Sekedar Teori<\/span>\r\n      <h2>Bukan Webinar untuk Sekedar Cari Motivasi, Tapi Yang <span class=\"hl\">Siap Implementasi<\/span><\/h2>\r\n    <\/div>\r\n    <p class=\"sub reveal\">Di webinar ini Anda juga akan melihat:<\/p>\r\n    <div class=\"list\" id=\"s6list\">\r\n      <div class=\"item\"><span class=\"ic\">\u2713<\/span><span>Real business case study<\/span><\/div>\r\n      <div class=\"item\"><span class=\"ic\">\u2713<\/span><span>Contoh business diagnostic sederhana<\/span><\/div>\r\n      <div class=\"item\"><span class=\"ic\">\u2713<\/span><span>Gambaran system bisnis yang sehat<\/span><\/div>\r\n      <div class=\"item\"><span class=\"ic\">\u2713<\/span><span>Simulasi mapping problem bisnis<\/span><\/div>\r\n      <div class=\"item\"><span class=\"ic\">\u2713<\/span><span>Framework evaluasi bisnis yang bisa langsung dipakai<\/span><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting)e.target.classList.add('in')})},{threshold:.15});\r\n  document.querySelectorAll('#s6 .reveal, #s6 .list').forEach(function(e){io.observe(e)});\r\n})();\r\n<\/script>\r\n\r\n<!-- ============================================= -->\r\n<!-- SECTION 7 \u2014 COUNTDOWN + FORM PENDAFTARAN -->\r\n<!-- ============================================= -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800;900&family=Inter:wght@400;500;600&display=swap');\r\n\r\n.s7 *{margin:0;padding:0;box-sizing:border-box}\r\n.s7{--red:#a5161a;--ink:#111111;font-family:'Inter',sans-serif;color:var(--ink);background:#fff;padding:90px 24px;position:relative;overflow:hidden}\r\n.s7::before{content:\"\";position:absolute;inset:0;background:radial-gradient(700px 400px at 80% 110%,rgba(165,22,26,.07),transparent 60%);pointer-events:none}\r\n.s7 .inner{max-width:1080px;margin:0 auto;position:relative;z-index:2}\r\n.s7 .head{text-align:center;max-width:680px;margin:0 auto 40px}\r\n.s7 .kick{display:inline-flex;align-items:center;gap:8px;color:var(--red);font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}\r\n.s7 .kick .dot{width:7px;height:7px;border-radius:50%;background:var(--red);animation:s7pulse 1.4s infinite}\r\n@keyframes s7pulse{0%,100%{opacity:1}50%{opacity:.2}}\r\n.s7 .head h2{font-family:'Montserrat',sans-serif;font-weight:800;font-size:clamp(26px,3.6vw,40px);line-height:1.14}\r\n\r\n\/* countdown *\/\r\n.s7 .countdown{display:flex;justify-content:center;gap:14px;margin:36px 0 30px}\r\n.s7 .cd{background:linear-gradient(160deg,var(--ink),#1c1c1c);color:#fff;border-radius:18px;padding:20px 8px;min-width:92px;text-align:center;position:relative;overflow:hidden;box-shadow:0 20px 44px -22px rgba(17,17,17,.5)}\r\n.s7 .cd::after{content:\"\";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--red),#ff5a5f)}\r\n.s7 .cd .num{font-family:'Montserrat',sans-serif;font-weight:900;font-size:clamp(30px,5vw,46px);line-height:1;font-variant-numeric:tabular-nums}\r\n.s7 .cd .lbl{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-top:8px}\r\n\r\n\/* event details *\/\r\n.s7 .details{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}\r\n.s7 .chip{display:inline-flex;align-items:center;gap:9px;background:#faf8f8;border:1px solid rgba(17,17,17,.08);border-radius:50px;padding:11px 20px;font-weight:600;font-size:14px;color:var(--ink)}\r\n.s7 .chip .e{font-size:16px}\r\n.s7 .note{text-align:center;color:#666;font-size:15px;line-height:1.65;max-width:680px;margin:0 auto 44px}\r\n\r\n\/* form card *\/\r\n.s7 .formcard{background:#fff;border:1px solid rgba(17,17,17,.08);border-radius:24px;padding:40px;box-shadow:0 40px 90px -40px rgba(17,17,17,.35);max-width:600px;margin:0 auto}\r\n.s7 .formcard h3{font-family:'Montserrat',sans-serif;font-weight:800;font-size:20px;text-align:center;margin-bottom:6px}\r\n.s7 .formcard .fsub{text-align:center;color:#888;font-size:13.5px;margin-bottom:26px}\r\n.s7 .field{margin-bottom:16px}\r\n.s7 .field label{display:block;font-size:13px;font-weight:600;color:#444;margin-bottom:7px}\r\n.s7 .field input,.s7 .field select{width:100%;padding:14px 16px;border:1.5px solid rgba(17,17,17,.12);border-radius:12px;font-family:'Inter',sans-serif;font-size:15px;color:var(--ink);background:#fff;transition:border-color .25s,box-shadow .25s;outline:none}\r\n.s7 .field input:focus,.s7 .field select:focus{border-color:var(--red);box-shadow:0 0 0 4px rgba(165,22,26,.1)}\r\n.s7 .submit{width:100%;font-family:'Montserrat',sans-serif;font-weight:700;font-size:16px;background:var(--red);color:#fff;border:none;cursor:pointer;padding:17px;border-radius:12px;margin-top:8px;position:relative;overflow:hidden;box-shadow:0 14px 34px rgba(165,22,26,.4);transition:transform .3s,box-shadow .3s}\r\n.s7 .submit::after{content:\"\";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.4),transparent);transform:translateX(-120%);transition:transform .6s}\r\n.s7 .submit:hover{transform:translateY(-2px);box-shadow:0 20px 44px rgba(165,22,26,.5)}\r\n.s7 .submit:hover::after{transform:translateX(120%)}\r\n.s7 .ok{display:none;text-align:center;padding:20px;background:rgba(124,255,160,.12);border:1px solid rgba(40,160,80,.3);border-radius:12px;color:#1f7a3d;font-weight:600;margin-top:14px}\r\n.s7 .ok.show{display:block;animation:s7fade .4s ease}\r\n@keyframes s7fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}\r\n\r\n.s7 .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1)}\r\n.s7 .reveal.in{opacity:1;transform:none}\r\n\r\n@media(max-width:680px){\r\n  .s7{padding:64px 18px}\r\n  .s7 .countdown{gap:9px}.s7 .cd{min-width:70px;padding:16px 4px}\r\n  .s7 .formcard{padding:28px 22px}\r\n}\r\n<\/style>\r\n\r\n<section class=\"s7\" id=\"daftar\">\r\n  <div class=\"inner\">\r\n    <div class=\"head reveal\">\r\n      <span class=\"kick\"><span class=\"dot\"><\/span>Catat Jadwal Webinarnya<\/span>\r\n      <h2>Amankan Kursi Anda Sebelum Waktu Habis<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"countdown reveal\" id=\"s7cd\">\r\n      <div class=\"cd\"><div class=\"num\" id=\"cdD\">00<\/div><div class=\"lbl\">Hari<\/div><\/div>\r\n      <div class=\"cd\"><div class=\"num\" id=\"cdH\">00<\/div><div class=\"lbl\">Jam<\/div><\/div>\r\n      <div class=\"cd\"><div class=\"num\" id=\"cdM\">00<\/div><div class=\"lbl\">Menit<\/div><\/div>\r\n      <div class=\"cd\"><div class=\"num\" id=\"cdS\">00<\/div><div class=\"lbl\">Detik<\/div><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"details reveal\">\r\n      <span class=\"chip\"><span class=\"e\">\ud83d\udcc5<\/span>Jum'at, 12 Juni 2026<\/span>\r\n      <span class=\"chip\"><span class=\"e\">\ud83d\udd56<\/span>Pukul 19.00 WIB<\/span>\r\n      <span class=\"chip\"><span class=\"e\">\ud83d\udcbb<\/span>Online via Zoom<\/span>\r\n    <\/div>\r\n\r\n    <p class=\"note reveal\">Jika Anda sedang menghadapi penjualan stagnan, tim tidak produktif, sistem berantakan, atau bisnis sulit bertumbuh \u2014 webinar ini dirancang khusus berdasarkan masalah nyata yang paling banyak dialami business owner Indonesia.<\/p>\r\n\r\n    <div class=\"formcard reveal\">\r\n      <h3>Silakan Isi Form Pendaftaran<\/h3>\r\n      <p class=\"fsub\">\u26a0\ufe0f Pastikan cek email dan click tombol WA jika ada pertanyaan<\/p>\r\n      <!-- OrderOnline Embed Code - v8.0.2 --> <div class=\"ooef\"> <form class=\"orderonline-embed-form\" data-username=\"timcoachtom\" data-product-slug=\"webinar-coach-tom\" data-product-id=\"6a1ab080c52eed78ac0fb429\" id=\"oo-embed-form-webinar-coach-tom-8484\" data-origin=\"orderonline\"> <div class=\"ooef-loader\"><style>.ooef-loader{visibility: hidden;opacity: 0;position: absolute;left: 0;right: 0;top: 0;bottom: 0;display: flex;justify-content: center;align-items: center;flex-direction: column;animation: ooLoadingIn 10s ease;-webkit-animation: ooLoadingIn 10s ease;animation-fill-mode: forwards;overflow: hidden}@keyframes ooLoadingIn{0%{visibility: hidden;opacity: 0}20%{visibility: visible;opacity: 0}100%{visibility: visible;opacity: 1}}@-webkit-keyframes ooLoadingIn{0%{visibility: hidden;opacity: 0}20%{visibility: visible;opacity: 0}100%{visibility: visible;opacity: 1}}.ooef-loader>div,.ooef-loader>div:after{border-radius: 50%;width: 2.5rem;height: 2.5rem}.ooef-loader>div{font-size: 10px;position: relative;text-indent: -9999em;border: .25rem solid #f5f5f5;border-left: .25rem solid #55c4cf;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);-webkit-animation: ooLoading 1.1s infinite linear;animation: ooLoading 1.1s infinite linear}.ooef-loader.error>div{border-left: .25rem solid #ff4500;animation-duration: 5s}@-webkit-keyframes ooLoading{0%{-webkit-transform: rotate(0);transform: rotate(0)}100%{-webkit-transform: rotate(360deg);transform: rotate(360deg)}}@keyframes ooLoading{0%{-webkit-transform: rotate(0);transform: rotate(0)}100%{-webkit-transform: rotate(360deg);transform: rotate(360deg)}}<\/style><div aria-live=\"polite\" role=\"status\"><div>Loading...<\/div><\/div><\/div> <\/form> <\/div> <script> if (typeof xLogError != 'function') { var xLogError = function (error) { var req = new XMLHttpRequest(); var payload = JSON.stringify({ url: document.location.href, line: error.line, stack: error.stack }); var params = 'message=' + encodeURIComponent(error.name) + '&payload=' + encodeURIComponent(payload) + '&type=embed&level=error'; req.open('POST', 'https:\/\/api.orderonline.id\/log', true); req.setRequestHeader('Content-type', 'application\/x-www-form-urlencoded'); req.send(params); }; } try { if (typeof xEmbedScript != 'function') { var xEmbedScript = function () { !function(w, d, e, v, id, t, s) { if (d.getElementById(id)) return; t = d.createElement(e);t.async = !0;t.src = v;t.id = id; s = d.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s); }(window, document, 'script', 'https:\/\/cdn.orderonline.id\/js\/embed-v2-slim.min.js?v=8.0.2', 'oo-embed-js'); }; } if (typeof xEmbedInit != 'function') { var xEmbedInit = function (w, n) { if (w.ooe) return; n = w.ooe = function() { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments) }; if (!w._ooe) w._ooe = n; n.push = n;n.loaded = !0;n.version = '8.0.2';n.queue = []; }; } xEmbedInit(window); ooe('setup', 'redirect', 'https:\/\/timcoachtom.orderonline.id'); ooe('init', '6a1aaf4ddad8929b3405a6d1', '6a1ab080c52eed78ac0fb429', '6a1ab0d10755cb2d4a00fb39', 'oo-embed-form-webinar-coach-tom-8484', {\"mode\":\"page\",\"action\":\"Klik untuk pemesanan\",\"title\":\"Form Pemesanan\",\"triggerPixel\":true,\"triggerGtm\":true}); if (!window.jQuery) { !function(w, d, e, v, id, t, s) { if (d.getElementById(id)) return; t = d.createElement(e);t.async = !0;t.src = v;t.id = id; t.addEventListener('load', xEmbedScript); s = d.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s); }(window, document, 'script', 'https:\/\/cdn.orderonline.id\/js\/vendor\/jquery.min.js', 'oo-embed-jquery'); } else { xEmbedScript(); } } catch (e) { xLogError(e); throw e; } <\/script> <!-- End OrderOnline Embed Code -->\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting)e.target.classList.add('in')})},{threshold:.12});\r\n  document.querySelectorAll('#daftar .reveal').forEach(function(e){io.observe(e)});\r\n\r\n  \/\/ countdown to 12 Juni 2026 19:00 WIB (UTC+7)\r\n  var target=new Date('2026-06-12T19:00:00+07:00').getTime();\r\n  var D=document.getElementById('cdD'),H=document.getElementById('cdH'),M=document.getElementById('cdM'),S=document.getElementById('cdS');\r\n  function p(n){return n<10?'0'+n:''+n}\r\n  function tick(){\r\n    var d=target-Date.now();if(d<0)d=0;\r\n    D.textContent=p(Math.floor(d\/864e5));\r\n    H.textContent=p(Math.floor(d%864e5\/36e5));\r\n    M.textContent=p(Math.floor(d%36e5\/6e4));\r\n    S.textContent=p(Math.floor(d%6e4\/1e3));\r\n  }\r\n  tick();setInterval(tick,1000);\r\n\r\n  \/\/ form (dummy submit \u2014 ganti dengan integrasi form Anda)\r\n  var btn=document.getElementById('s7submit'),ok=document.getElementById('s7ok');\r\n  btn.addEventListener('click',function(){\r\n    var n=document.getElementById('f_name').value.trim(),wa=document.getElementById('f_wa').value.trim();\r\n    if(!n||!wa){alert('Mohon lengkapi nama & nomor WhatsApp.');return;}\r\n    ok.classList.add('show');btn.textContent='\u2713 Terdaftar';btn.style.opacity=.7;\r\n    \/\/ TODO: kirim data ke endpoint \/ integrasi Elementor form di sini\r\n  });\r\n})();\r\n<\/script>\r\n\r\n<!-- ============================================= -->\r\n<!-- SECTION 8 \u2014 ABOUT COACH TOM -->\r\n<!-- ============================================= -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800&family=Inter:wght@400;500;600&display=swap');\r\n\r\n.s8 *{margin:0;padding:0;box-sizing:border-box}\r\n.s8{--red:#a5161a;--ink:#111111;font-family:'Inter',sans-serif;color:var(--ink);background:#faf8f8;padding:90px 24px;position:relative;overflow:hidden}\r\n.s8::before{content:\"\";position:absolute;inset:0;background-image:radial-gradient(rgba(17,17,17,.04) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}\r\n.s8 .inner{max-width:1080px;margin:0 auto;position:relative;z-index:2}\r\n.s8 .grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center}\r\n\r\n.s8 .photo-wrap{position:relative;justify-self:center;perspective:1200px}\r\n.s8 .photo{position:relative;width:min(380px,88vw);aspect-ratio:4\/5;border-radius:24px;overflow:hidden;transform-style:preserve-3d;transition:transform .25s ease-out;box-shadow:0 40px 80px -32px rgba(17,17,17,.5)}\r\n.s8 .photo img{width:100%;height:100%;object-fit:cover;display:block}\r\n.s8 .photo .ph{width:100%;height:100%;background:linear-gradient(160deg,#2a2a2a,#0f0f0f);display:grid;place-items:center;color:#666;font-family:'Montserrat',sans-serif;font-weight:600;font-size:14px;text-align:center;padding:20px}\r\n.s8 .frame{position:absolute;inset:-14px;border:2px solid var(--red);border-radius:30px;z-index:-1;opacity:.25}\r\n.s8 .badge{position:absolute;bottom:24px;left:50%;transform:translateX(-50%) translateZ(50px);background:#fff;border-radius:14px;padding:10px 20px;box-shadow:0 18px 40px rgba(17,17,17,.18);font-family:'Montserrat',sans-serif;font-weight:700;font-size:14px;color:var(--ink);white-space:nowrap}\r\n.s8 .badge .r{color:var(--red)}\r\n\r\n.s8 .kick{display:inline-block;color:var(--red);font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}\r\n.s8 h2{font-family:'Montserrat',sans-serif;font-weight:800;font-size:clamp(26px,3.4vw,40px);line-height:1.14;margin-bottom:10px}\r\n.s8 .tline{font-family:'Montserrat',sans-serif;font-size:17px;color:#555;font-weight:600;margin-bottom:26px}\r\n.s8 ul{list-style:none}\r\n.s8 li{display:flex;align-items:center;gap:14px;padding:13px 0;font-size:15.5px;color:#333;border-bottom:1px solid rgba(17,17,17,.07)}\r\n.s8 li:last-child{border-bottom:none}\r\n.s8 li .c{flex:0 0 28px;width:28px;height:28px;border-radius:8px;background:linear-gradient(150deg,var(--red),#ff5a5f);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:800;box-shadow:0 8px 18px rgba(165,22,26,.3)}\r\n\r\n.s8 .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1)}\r\n.s8 .reveal.in{opacity:1;transform:none}\r\n.s8 .reveal.r2{transition-delay:.12s}\r\n\r\n@media(max-width:840px){\r\n  .s8{padding:64px 18px}\r\n  .s8 .grid{grid-template-columns:1fr;gap:40px;text-align:center}\r\n  .s8 li{text-align:left}\r\n}\r\n<\/style>\r\n\r\n<section class=\"s8\" id=\"s8\">\r\n  <div class=\"inner\">\r\n    <div class=\"grid\">\r\n      <div class=\"reveal\">\r\n        <div class=\"photo-wrap\">\r\n          <div class=\"frame\"><\/div>\r\n          <div class=\"photo\" id=\"s8photo\">\r\n            <!-- GANTI dengan foto Coach Tom profesional -->\r\n            <div class=\"ph\"><img decoding=\"async\" src=\"https:\/\/www.topcoachindonesia.com\/wp-content\/uploads\/2026\/02\/foto-Tom-MC-ifle.webp\" alt=\"Coach Tom\"><\/div>\r\n            <!-- <img decoding=\"async\" src=\"URL_FOTO_COACH_TOM\" alt=\"Coach Tom\"> -->\r\n          <\/div>\r\n          <div class=\"badge\">Coach <span class=\"r\">Tom Mcifle<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"reveal r2\">\r\n        <span class=\"kick\">About Coach Tom<\/span>\r\n        <h2>Dipandu Langsung oleh Coach Tom<\/h2>\r\n        <p class=\"tline\">17+ tahun membantu business owner membangun sistem bisnis yang scalable.<\/p>\r\n        <ul>\r\n          <li><span class=\"c\">\u2713<\/span>Membangun business system yang kuat<\/li>\r\n          <li><span class=\"c\">\u2713<\/span>Mengurangi chaos operasional<\/li>\r\n          <li><span class=\"c\">\u2713<\/span>Membuat team lebih mandiri<\/li>\r\n          <li><span class=\"c\">\u2713<\/span>Membantu bisnis lebih scalable<\/li>\r\n          <li><span class=\"c\">\u2713<\/span>Mengurangi ketergantungan bisnis pada owner<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting)e.target.classList.add('in')})},{threshold:.15});\r\n  document.querySelectorAll('#s8 .reveal').forEach(function(e){io.observe(e)});\r\n  var p=document.getElementById('s8photo'),w=p&&p.parentElement;\r\n  if(w){\r\n    w.addEventListener('mousemove',function(e){\r\n      var r=w.getBoundingClientRect(),x=(e.clientX-r.left)\/r.width-.5,y=(e.clientY-r.top)\/r.height-.5;\r\n      p.style.transform='rotateY('+(x*10)+'deg) rotateX('+(-y*10)+'deg)';\r\n    });\r\n    w.addEventListener('mouseleave',function(){p.style.transform='rotateY(0) rotateX(0)'});\r\n  }\r\n})();\r\n<\/script>\r\n\r\n<!-- ============================================= -->\r\n<!-- FOOTER -->\r\n<!-- ============================================= -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800&family=Inter:wght@400;500&display=swap');\r\n\r\n.s9 *{margin:0;padding:0;box-sizing:border-box}\r\n.s9{--red:#a5161a;--ink:#111111;font-family:'Inter',sans-serif;background:var(--ink);color:#fff;padding:56px 24px 36px;position:relative;overflow:hidden}\r\n.s9::before{content:\"\";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--red),#ff5a5f)}\r\n.s9 .inner{max-width:1080px;margin:0 auto;text-align:center}\r\n.s9 .logo{display:inline-flex;align-items:center;gap:11px;font-family:'Montserrat',sans-serif;font-weight:800;color:#fff;margin-bottom:20px;text-decoration:none}\r\n.s9 .logo .mark{width:40px;height:40px;border-radius:10px;background:var(--red);display:grid;place-items:center;font-size:18px;font-weight:800;box-shadow:0 8px 20px rgba(165,22,26,.4)}\r\n.s9 .logo .txt{line-height:1.05;font-size:16px;text-align:left}\r\n.s9 .logo .txt small{display:block;font-size:10px;font-weight:600;letter-spacing:.18em;color:#ff5a5f;text-transform:uppercase}\r\n.s9 .socials{display:flex;justify-content:center;gap:14px;margin-bottom:28px}\r\n.s9 .soc{width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:grid;place-items:center;color:#fff;transition:transform .3s,background .3s,border-color .3s}\r\n.s9 .soc:hover{transform:translateY(-5px);background:var(--red);border-color:var(--red);box-shadow:0 14px 28px rgba(165,22,26,.45)}\r\n.s9 .soc svg{width:20px;height:20px;fill:currentColor}\r\n.s9 .copy{color:rgba(255,255,255,.45);font-size:13.5px;border-top:1px solid rgba(255,255,255,.08);padding-top:24px}\r\n.s9 .copy b{color:rgba(255,255,255,.7);font-weight:600}\r\n<\/style>\r\n\r\n<footer class=\"s9\" id=\"s9\">\r\n  <div class=\"inner\">\r\n    <a href=\"#daftar\" class=\"logo\">\r\n      <span class=\"mark\">TC<\/span>\r\n      <span class=\"txt\">Top Coach<small>Indonesia<\/small><\/span>\r\n    <\/a>\r\n    <div class=\"socials\">\r\n      <!-- GANTI href dengan link sosial media Anda -->\r\n      <a class=\"soc\" href=\"https:\/\/www.instagram.com\/tommcifle\/\" aria-label=\"Instagram\" target=\"_blank\" rel=\"noopener\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2.2c3.2 0 3.6 0 4.9.1 1.2.1 1.8.3 2.2.4.6.2 1 .5 1.4.9.4.4.7.8.9 1.4.1.4.3 1 .4 2.2.1 1.3.1 1.7.1 4.9s0 3.6-.1 4.9c-.1 1.2-.3 1.8-.4 2.2-.2.6-.5 1-.9 1.4-.4.4-.8.7-1.4.9-.4.1-1 .3-2.2.4-1.3.1-1.7.1-4.9.1s-3.6 0-4.9-.1c-1.2-.1-1.8-.3-2.2-.4-.6-.2-1-.5-1.4-.9-.4-.4-.7-.8-.9-1.4-.1-.4-.3-1-.4-2.2C2.2 15.6 2.2 15.2 2.2 12s0-3.6.1-4.9c.1-1.2.3-1.8.4-2.2.2-.6.5-1 .9-1.4.4-.4.8-.7 1.4-.9.4-.1 1-.3 2.2-.4C8.4 2.2 8.8 2.2 12 2.2zm0 1.8c-3.1 0-3.5 0-4.7.1-1.1.1-1.7.2-2.1.4-.5.2-.9.4-1.3.8-.4.4-.6.8-.8 1.3-.2.4-.3 1-.4 2.1-.1 1.2-.1 1.6-.1 4.7s0 3.5.1 4.7c.1 1.1.2 1.7.4 2.1.2.5.4.9.8 1.3.4.4.8.6 1.3.8.4.2 1 .3 2.1.4 1.2.1 1.6.1 4.7.1s3.5 0 4.7-.1c1.1-.1 1.7-.2 2.1-.4.5-.2.9-.4 1.3-.8.4-.4.6-.8.8-1.3.2-.4.3-1 .4-2.1.1-1.2.1-1.6.1-4.7s0-3.5-.1-4.7c-.1-1.1-.2-1.7-.4-2.1-.2-.5-.4-.9-.8-1.3-.4-.4-.8-.6-1.3-.8-.4-.2-1-.3-2.1-.4-1.2-.1-1.6-.1-4.7-.1zm0 3.1a4.9 4.9 0 110 9.8 4.9 4.9 0 010-9.8zm0 8.1a3.2 3.2 0 100-6.4 3.2 3.2 0 000 6.4zm6.2-8.3a1.15 1.15 0 11-2.3 0 1.15 1.15 0 012.3 0z\"\/><\/svg>\r\n      <\/a>\r\n      <a class=\"soc\" href=\"https:\/\/www.tiktok.com\/@tommcifle\" aria-label=\"TikTok\" target=\"_blank\" rel=\"noopener\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M16.6 5.8c-1-.7-1.7-1.7-2-2.9-.1-.3-.1-.6-.1-.9h-3v13.4c0 1.5-1.2 2.7-2.7 2.7-1.5 0-2.7-1.2-2.7-2.7 0-1.5 1.2-2.7 2.7-2.7.3 0 .6 0 .8.1v-3.1c-.3 0-.5-.1-.8-.1-3.2 0-5.8 2.6-5.8 5.8s2.6 5.8 5.8 5.8 5.8-2.6 5.8-5.8V9.3c1.2.8 2.6 1.3 4.1 1.3v-3c-.8 0-1.6-.3-2.1-.8z\"\/><\/svg>\r\n      <\/a>\r\n      <a class=\"soc\" href=\"https:\/\/www.youtube.com\/@TomMCIfle\" aria-label=\"YouTube\" target=\"_blank\" rel=\"noopener\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M23 7.5s-.2-1.6-.9-2.3c-.9-.9-1.8-.9-2.3-1C16.5 4 12 4 12 4h0s-4.5 0-7.8.2c-.5.1-1.4.1-2.3 1C1.2 5.9 1 7.5 1 7.5S.8 9.4.8 11.3v1.8c0 1.9.2 3.8.2 3.8s.2 1.6.9 2.3c.9.9 2.1.9 2.6 1 1.9.2 7.5.2 7.5.2s4.5 0 7.8-.2c.5-.1 1.4-.1 2.3-1 .7-.7.9-2.3.9-2.3s.2-1.9.2-3.8v-1.8c0-1.9-.2-3.8-.2-3.8zM9.8 15.1V8.9l5.8 3.1-5.8 3.1z\"\/><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n    <div class=\"copy\">\r\n      Copyright \u00a9 2026 <b>Tom Mcifle<\/b> \u00b7 CV. Mahir Digital Indonesia. All rights reserved.\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<!-- ============================================= -->\r\n<!-- FLOATING WHATSAPP BUTTON (pasang 1x, mis. di footer\/global) -->\r\n<!-- ============================================= -->\r\n<style>\r\n.tci-wa *{margin:0;padding:0;box-sizing:border-box}\r\n.tci-wa{position:fixed;right:22px;bottom:22px;z-index:99999;font-family:'Inter',sans-serif}\r\n.tci-wa a{display:flex;align-items:center;gap:0;background:#25D366;color:#fff;border-radius:50px;height:60px;text-decoration:none;overflow:hidden;box-shadow:0 12px 30px rgba(37,211,102,.45);transition:gap .35s,padding .35s,box-shadow .35s,transform .35s;padding:0;width:60px}\r\n.tci-wa a:hover{width:auto;gap:10px;padding:0 22px 0 0;transform:translateY(-3px);box-shadow:0 18px 40px rgba(37,211,102,.6)}\r\n.tci-wa .ic{flex:0 0 60px;width:60px;height:60px;display:grid;place-items:center;position:relative}\r\n.tci-wa .ic svg{width:30px;height:30px;fill:#fff;position:relative;z-index:2}\r\n.tci-wa .label{white-space:nowrap;font-weight:600;font-size:14.5px;max-width:0;opacity:0;transition:max-width .35s,opacity .35s}\r\n.tci-wa a:hover .label{max-width:200px;opacity:1}\r\n\/* pulse rings *\/\r\n.tci-wa .ic::before,.tci-wa .ic::after{content:\"\";position:absolute;inset:8px;border-radius:50%;background:#25D366;z-index:1;animation:waPulse 2.4s ease-out infinite}\r\n.tci-wa .ic::after{animation-delay:1.2s}\r\n@keyframes waPulse{0%{transform:scale(.9);opacity:.7}80%,100%{transform:scale(2.2);opacity:0}}\r\n\/* gentle bob *\/\r\n.tci-wa{animation:waBob 3s ease-in-out infinite}\r\n@keyframes waBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}\r\n@media(max-width:600px){.tci-wa{right:16px;bottom:16px}}\r\n<\/style>\r\n\r\n<div class=\"tci-wa\">\r\n  <!-- GANTI nomor 6281234567890 dengan nomor WhatsApp CS Anda (format internasional tanpa +) -->\r\n  <a href=\"https:\/\/wa.me\/6281234567890?text=Halo%2C%20saya%20mau%20tanya%20soal%20Webinar%20Top%20Coach%20Indonesia\" target=\"_blank\" rel=\"noopener\" aria-label=\"Chat WhatsApp CS\">\r\n    <span class=\"ic\">\r\n      <svg viewBox=\"0 0 24 24\"><path d=\"M.06 24l1.69-6.16a11.87 11.87 0 01-1.6-5.95C.16 5.32 5.5 0 12.06 0a11.82 11.82 0 018.4 3.49 11.76 11.76 0 013.48 8.39c0 6.55-5.34 11.88-11.9 11.88a11.94 11.94 0 01-5.7-1.45L.06 24zm6.6-3.8c1.68.99 3.28 1.59 5.4 1.59 5.45 0 9.9-4.43 9.9-9.9 0-5.46-4.43-9.9-9.89-9.9-5.46 0-9.9 4.44-9.9 9.9 0 2.23.65 3.9 1.74 5.65l-1 3.65 3.75-.99zm10.74-6.46c-.07-.12-.27-.2-.57-.35-.3-.15-1.76-.87-2.03-.96-.27-.1-.47-.15-.67.15-.2.3-.77.96-.94 1.16-.17.2-.35.22-.65.07-.3-.15-1.26-.46-2.4-1.48-.88-.79-1.48-1.76-1.65-2.06-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.08-.15-.67-1.62-.92-2.22-.24-.58-.49-.5-.67-.51l-.57-.01c-.2 0-.52.07-.8.37-.27.3-1.04 1.02-1.04 2.48 0 1.46 1.07 2.88 1.22 3.08.15.2 2.1 3.2 5.08 4.49.71.31 1.26.49 1.69.62.71.23 1.36.2 1.87.12.57-.08 1.76-.72 2-1.41.25-.7.25-1.29.18-1.41z\"\/><\/svg>\r\n    <\/span>\r\n    <span class=\"label\">Tanya CS via WhatsApp<\/span>\r\n  <\/a>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Jadwal Webinar Jum&#8217;at, 12 Juni 2026 \u00b7 19.00 WIB Top CoachIndonesia Daftar Webinarnya Studi Kasus &amp; Bedah Framework Cara Meningkatkan Revenue hingga 41% dengan Membangun Sistem Bisnis Naikkan penjualan, bangun tim yang solid, dan buat bisnis yang scalable tanpa harus ketergantungan dengan owner. Saya Mau Belajar Coach \u2192 17+Tahun Pengalaman 1000+Perusahaan Dibantu 41%Rata-rata Kenaikan \u2605Coach [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/topcoachindonesia.id\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/topcoachindonesia.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/topcoachindonesia.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/topcoachindonesia.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/topcoachindonesia.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":4,"href":"https:\/\/topcoachindonesia.id\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":15,"href":"https:\/\/topcoachindonesia.id\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/15"}],"wp:attachment":[{"href":"https:\/\/topcoachindonesia.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}