@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Variable.woff2) format("woff2-variations");font-weight:300 900;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-VariableItalic.woff2) format("woff2-variations");font-weight:300 900;font-style:italic;font-display:swap}:root{--primary: #0a3d8f;--primary-dark: #062a66;--primary-light: #1d5cc8;--accent-red: #e63946;--accent-yellow: #fbc02d;--accent-orange: #ff7a3a;--text: #0f172a;--text-soft: #475569;--text-light: #64748b;--bg: #ffffff;--bg-soft: #f6f8fc;--bg-card: #ffffff;--border: #e6ecf4;--radius-sm: 10px;--radius: 16px;--radius-lg: 24px;--shadow-sm: 0 2px 8px rgba(10, 61, 143, .06);--shadow: 0 12px 32px rgba(10, 61, 143, .1);--shadow-lg: 0 24px 64px rgba(10, 61, 143, .15);--font-sans: "Satoshi", system-ui, -apple-system, sans-serif;--font-display: "Satoshi", system-ui, sans-serif;--container-w: 1200px}*{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:3px solid var(--primary-light);outline-offset:3px;border-radius:4px}.contact-card.highlight :focus-visible,.cta-band :focus-visible,.site-footer :focus-visible,.float-wa:focus-visible{outline-color:var(--accent-yellow)}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font-sans);font-size:16px;line-height:1.65;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;display:block}a{color:inherit;text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary)}ul{list-style:none}.container{max-width:var(--container-w);margin:0 auto;padding:0 24px}.eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--primary);background:#0a3d8f14;padding:6px 14px;border-radius:999px;margin-bottom:18px}.eyebrow-light{color:#fff;background:#ffffff26}h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--text)}h1{font-size:clamp(2rem,4.5vw,3.5rem)}h2{font-size:clamp(1.75rem,3.5vw,2.5rem);margin-bottom:16px}h3{font-size:1.25rem;margin-bottom:10px}p{color:var(--text-soft)}.text-gradient{background:linear-gradient(135deg,var(--accent-red) 0%,var(--accent-orange) 50%,var(--accent-yellow) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.section{padding:100px 0}.section-head{text-align:center;max-width:720px;margin:0 auto 60px}.section-head.light h2,.section-head.light p{color:#fff}.section-head.light p{opacity:.85}.section-head p{font-size:1.05rem;margin-top:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 26px;font-family:inherit;font-size:.95rem;font-weight:600;border-radius:999px;border:2px solid transparent;cursor:pointer;transition:all .25s ease;white-space:nowrap}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 6px 20px #0a3d8f4d}.btn-primary:hover{background:var(--primary-dark);color:#fff;transform:translateY(-2px);box-shadow:0 10px 28px #0a3d8f66}.btn-ghost{background:transparent;color:var(--primary)}.btn-ghost:hover{color:var(--accent-red);transform:translate(4px)}.btn-white{background:#fff;color:var(--primary)}.btn-white:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0003}.btn-outline-light{background:transparent;color:#fff;border-color:#fff6}.btn-outline-light:hover{background:#ffffff1a;color:#fff;border-color:#fff}.btn-sm{padding:10px 20px;font-size:.875rem}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:#ffffffd9;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid transparent;transition:all .3s ease}.site-header.scrolled{background:#fffffff2;border-bottom-color:var(--border);box-shadow:0 1px #0a3d8f0a}.nav-wrap{display:flex;align-items:center;justify-content:space-between;height:76px}.brand{display:flex;align-items:center;gap:14px;font-weight:800}.brand-logo{height:52px;width:auto;display:block;flex-shrink:0;transition:transform .25s ease}.brand:hover .brand-logo{transform:scale(1.04)}.brand-text{display:flex;flex-direction:column;line-height:1;color:var(--text);border-left:1px solid var(--border);padding-left:14px}.brand-text small{font-size:.7rem;font-weight:600;color:var(--text-soft);letter-spacing:.8px;text-transform:uppercase;white-space:nowrap}.nav{display:flex;align-items:center;gap:8px}.nav a{padding:10px 16px;font-size:.92rem;font-weight:500;color:var(--text-soft);border-radius:8px;transition:all .2s ease}.nav a:hover{color:var(--primary);background:#0a3d8f0d}.nav-cta{background:var(--primary)!important;color:#fff!important;margin-left:8px;box-shadow:0 4px 14px #0a3d8f40}.nav-cta:hover{background:var(--primary-dark)!important;transform:translateY(-1px)}.nav-toggle{display:none;background:none;border:none;width:40px;height:40px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px}.nav-toggle span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .25s ease,background .25s ease;transform-origin:center}.nav-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-backdrop{position:fixed;inset:76px 0 0;background:#0610266b;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:98;display:none}@keyframes navLinkFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.hero{position:relative;padding:140px 0 100px;overflow:hidden;background:linear-gradient(180deg,#f0f5ff,#fff 80%)}.hero-bg{position:absolute;inset:0;pointer-events:none;z-index:0}.dot-pattern{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(10,61,143,.08) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 30%,transparent 70%)}.hero-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5}.hero-blob-1{width:500px;height:500px;background:radial-gradient(circle,rgba(230,57,70,.3),transparent 70%);top:-10%;right:-10%}.hero-blob-2{width:400px;height:400px;background:radial-gradient(circle,rgba(251,192,45,.4),transparent 70%);bottom:-10%;left:-5%}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.hero-copy h1{margin:12px 0 24px}.lead{font-size:1.125rem;color:var(--text-soft);max-width:540px;margin-bottom:36px}.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:48px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:32px;border-top:1px solid var(--border);max-width:540px}.hero-stats>div{display:flex;flex-direction:column}.hero-stats strong{font-family:var(--font-display);font-size:1.75rem;font-weight:800;color:var(--primary);line-height:1}.hero-stats span{font-size:.8rem;color:var(--text-soft);margin-top:6px}.hero-card{position:relative;height:480px}.card-stack{position:relative;width:100%;height:100%}.cert-badge{position:absolute;background:#fff;border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);display:flex;align-items:center;gap:14px;width:260px;transition:transform .4s cubic-bezier(.2,.8,.2,1);border:1px solid var(--border)}.cert-badge:hover{transform:scale(1.04) rotate(0)!important}.cert-badge p{font-size:.78rem;font-weight:600;color:var(--text);line-height:1.3}.cert-logo{flex-shrink:0;width:64px;height:64px;object-fit:contain}.cert-logo.wide{width:104px;height:48px}.cert-1{top:30px;left:0;transform:rotate(-4deg)}.cert-2{top:130px;right:0;transform:rotate(3deg)}.cert-3{top:250px;left:20px;transform:rotate(-2deg)}.cert-4{top:360px;right:30px;transform:rotate(4deg)}.trust-bar{background:var(--bg-soft);padding:40px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden}.trust-label{text-align:center;font-size:.82rem;font-weight:600;color:var(--text-light);letter-spacing:1px;text-transform:uppercase;margin-bottom:24px}.trust-marquee{position:relative;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.trust-track{display:flex;gap:32px;white-space:nowrap;animation:scroll-left 50s linear infinite;width:max-content}.trust-track span{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text-soft);opacity:.7}.trust-track span:nth-child(odd){color:var(--primary)}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}.about{background:#fff}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.lead-2{font-size:1.1rem;color:var(--text);font-weight:500;margin-bottom:16px}.col-text>p{margin-bottom:32px}.vm-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.vm-card{padding:24px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-soft);transition:all .25s ease}.vm-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);background:#fff}.vm-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.vm-icon svg{width:22px;height:22px}.vm-vision .vm-icon{background:#0a3d8f1a;color:var(--primary)}.vm-mission .vm-icon{background:#e639461a;color:var(--accent-red)}.vm-card h3{font-size:1.1rem}.vm-card p{font-size:.92rem}.quote-card{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;padding:48px 40px;border-radius:var(--radius-lg);position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.quote-card:before{content:"";position:absolute;top:-50%;right:-30%;width:400px;height:400px;background:radial-gradient(circle,rgba(251,192,45,.25),transparent 70%)}.quote-icon{width:48px;height:48px;color:var(--accent-yellow);margin-bottom:20px}.quote-text{font-size:1.2rem;line-height:1.5;color:#fff;font-weight:500;margin-bottom:32px;position:relative;z-index:1}.quote-author{display:flex;align-items:center;gap:14px;border-top:1px solid rgba(255,255,255,.2);padding-top:20px;position:relative;z-index:1}.qa-avatar{width:48px;height:48px;border-radius:50%;background:var(--accent-yellow);color:var(--primary-dark);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem}.quote-author strong{display:block;font-size:.95rem;color:#fff}.quote-author span{font-size:.82rem;color:#ffffffb3}.services{background:var(--bg-soft)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{position:relative;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:30px;transition:all .3s cubic-bezier(.2,.8,.2,1);overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent}.service-card:hover:before{transform:scaleX(1)}.service-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;background:#0a3d8f14;color:var(--primary)}.service-icon svg{width:28px;height:28px}.service-card h3{font-size:1.15rem;margin-bottom:10px}.service-card>p{font-size:.92rem;line-height:1.6;margin-bottom:18px}.service-tag{position:absolute;top:24px;right:24px;background:var(--accent-red);color:#fff;padding:4px 10px;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.service-tags{display:flex;flex-wrap:wrap;gap:6px}.service-tags li{font-size:.72rem;font-weight:600;padding:4px 10px;background:var(--bg-soft);color:var(--text-soft);border-radius:999px;border:1px solid var(--border)}.s-food .service-icon{background:#e639461a;color:var(--accent-red)}.s-food:before{background:var(--accent-red)}.s-quality .service-icon{background:#0a3d8f1a;color:var(--primary)}.s-halal .service-icon{background:#1a87541a;color:#1a8754}.s-halal:before{background:#1a8754}.s-k3 .service-icon{background:#ff7a3a1f;color:var(--accent-orange)}.s-k3:before{background:var(--accent-orange)}.s-lab .service-icon{background:#7c4dff1a;color:#7c4dff}.s-lab:before{background:#7c4dff}.s-audit .service-icon{background:#fbc02d26;color:#c79100}.s-audit:before{background:var(--accent-yellow)}.s-kuliner .service-icon{background:#d843151a;color:#d84315}.s-kuliner:before{background:#d84315}.methodology{background:linear-gradient(135deg,#062a66,#0a3d8f,#062a66);color:#fff;position:relative;overflow:hidden}.methodology:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.method-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;position:relative;z-index:1}.method-step{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);border-radius:var(--radius);padding:28px 24px;transition:all .3s ease;position:relative}.method-step:hover{transform:translateY(-6px);background:#ffffff1a;border-color:var(--accent-yellow)}.step-num{font-family:var(--font-display);font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,var(--accent-yellow),var(--accent-orange));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px;line-height:1}.method-step h3{color:#fff;font-size:1.05rem;margin-bottom:10px}.method-step p{color:#ffffffbf;font-size:.88rem;line-height:1.55}.clients{background:#fff}.client-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:60px}.client-cell{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:20px 14px;text-align:center;font-size:.88rem;font-weight:600;color:var(--text-soft);transition:all .25s ease;display:flex;align-items:center;justify-content:center;min-height:70px}.client-cell:hover{background:#fff;color:var(--primary);border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.experience-callout{background:linear-gradient(135deg,var(--accent-red) 0%,#c0392b 100%);color:#fff;padding:48px;border-radius:var(--radius-lg);text-align:center;position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.experience-callout:before{content:"";position:absolute;top:-50%;left:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(251,192,45,.2),transparent 60%)}.callout-tag{display:inline-block;padding:6px 14px;background:#fff3;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px;position:relative;z-index:1}.experience-callout h3{color:#fff;font-size:1.6rem;margin-bottom:14px;position:relative;z-index:1}.experience-callout p{color:#ffffffeb;font-size:1rem;max-width:720px;margin:0 auto;position:relative;z-index:1}.activity-photos{background:linear-gradient(180deg,#fff 0%,var(--bg-soft) 100%)}.activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.activity-card{appearance:none;border:1px solid var(--border);background:#fff;border-radius:var(--radius-lg);overflow:hidden;padding:0;text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .32s ease}.activity-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:#0a3d8f29}.activity-card:focus-visible{outline:3px solid rgba(251,192,45,.75);outline-offset:4px}.activity-image-wrap{display:block;position:relative;aspect-ratio:4 / 3;overflow:hidden;background:var(--bg-soft)}.activity-image{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .5s ease}.activity-card:hover .activity-image{transform:scale(1.06);filter:saturate(1.08)}.activity-category,.activity-badge{position:absolute;z-index:2;border-radius:999px;color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.7px;text-transform:uppercase;box-shadow:0 8px 20px #0f172a2e}.activity-category{left:14px;bottom:14px;padding:7px 11px;background:#0a3d8fe0;backdrop-filter:blur(8px)}.activity-badge{top:14px;right:14px;padding:7px 11px;background:var(--accent-red)}.activity-caption{display:block;padding:18px 18px 20px}.activity-caption strong{display:block;color:var(--text);font-size:1rem;line-height:1.35;margin-bottom:8px}.activity-caption small{display:-webkit-box;color:var(--text-soft);font-size:.86rem;line-height:1.55;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.activity-empty{border:1px dashed var(--border);border-radius:var(--radius-lg);padding:42px 24px;text-align:center;background:#ffffffb8;color:var(--text-soft)}.activity-lightbox{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:86px 28px 36px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility .28s ease}.activity-lightbox.active{opacity:1;visibility:visible;pointer-events:auto}.activity-lightbox-overlay{position:absolute;inset:0;background:#030712e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.activity-lightbox-panel{position:relative;width:min(1080px,100%);max-height:calc(100vh - 122px);z-index:1;display:flex;flex-direction:column;align-items:center}.activity-lightbox-image-wrap{width:100%;max-height:68vh;display:flex;justify-content:center;align-items:center}.activity-lightbox-image{max-width:100%;max-height:68vh;object-fit:contain;border-radius:var(--radius-lg);box-shadow:0 24px 80px #00000073}.activity-lightbox-caption{width:min(780px,100%);text-align:center;margin-top:22px;color:#fff}.activity-lightbox-caption span{display:inline-block;margin-bottom:8px;color:var(--accent-yellow);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:1px}.activity-lightbox-caption h3{color:#fff;font-size:clamp(1.25rem,3vw,2rem);margin-bottom:8px}.activity-lightbox-caption p{color:#ffffffc7;max-width:680px;margin:0 auto 10px;line-height:1.6}.activity-lightbox-caption small{color:#ffffff9e;font-weight:700}.activity-lightbox-close,.activity-lightbox-nav{appearance:none;border:1px solid rgba(255,255,255,.22);background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .2s ease,transform .2s ease}.activity-lightbox-close:hover,.activity-lightbox-nav:hover{background:#ffffff38}.activity-lightbox-close:focus-visible,.activity-lightbox-nav:focus-visible{outline:3px solid var(--accent-yellow);outline-offset:3px}.activity-lightbox-close{position:absolute;top:-58px;right:0;width:44px;height:44px;border-radius:50%}.activity-lightbox-close span{position:absolute;width:18px;height:2px;border-radius:2px;background:currentColor}.activity-lightbox-close span:first-child{transform:rotate(45deg)}.activity-lightbox-close span:last-child{transform:rotate(-45deg)}.activity-lightbox-nav{position:absolute;top:42%;width:52px;height:52px;border-radius:50%;font-size:2.4rem;line-height:1;z-index:2}.activity-lightbox-prev{left:-76px}.activity-lightbox-next{right:-76px}.founder{background:var(--bg-soft)}.founder-wrap{grid-template-columns:.85fr 1.15fr;gap:60px;align-items:start}.founder-photo{position:sticky;top:100px}.photo-placeholder{width:100%;aspect-ratio:3 / 4;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.photo-placeholder:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 30% 20%,rgba(251,192,45,.3),transparent 50%),radial-gradient(circle at 70% 80%,rgba(230,57,70,.25),transparent 50%)}.photo-placeholder span{font-family:var(--font-display);font-size:6rem;font-weight:800;color:#fff;letter-spacing:-.05em;position:relative;z-index:1;text-shadow:0 4px 24px rgba(0,0,0,.3)}.founder-cred{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;justify-content:center}.founder-cred span{background:#fff;border:1px solid var(--border);padding:6px 12px;border-radius:999px;font-size:.75rem;font-weight:600;color:var(--primary)}.founder-info h2{margin-bottom:12px}.founder-tag{font-size:.92rem;color:var(--accent-red);font-weight:600;margin-bottom:24px;line-height:1.5}.founder-bio{margin-bottom:32px}.founder-bio p{font-size:1rem}.career-timeline{display:flex;flex-direction:column;gap:14px;margin-bottom:32px;border-left:2px solid var(--border);padding-left:24px;position:relative}.t-item{display:grid;grid-template-columns:130px 1fr;gap:20px;align-items:start;position:relative}.t-item:before{content:"";position:absolute;left:-32px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--border);border:2px solid #fff}.t-item.current:before{background:var(--accent-red);box-shadow:0 0 0 4px #e6394633}.t-year{font-size:.78rem;font-weight:700;color:var(--primary);background:#0a3d8f14;padding:4px 10px;border-radius:6px;display:inline-block;width:fit-content}.t-item.current .t-year{background:#e639461a;color:var(--accent-red)}.t-item strong{display:block;font-size:.95rem;color:var(--text)}.t-item span{display:block;font-size:.82rem;color:var(--text-soft);margin-top:2px}.partnership-label{font-size:.82rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-light);margin-bottom:12px}.partner-pills{display:flex;flex-wrap:wrap;gap:8px}.partner-pills span{background:#fff;border:1px solid var(--border);padding:8px 14px;border-radius:999px;font-size:.82rem;font-weight:600;color:var(--text);transition:all .2s ease}.partner-pills span:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.cta-band{background:linear-gradient(135deg,#062a66,#0a3d8f);color:#fff;padding:80px 0;position:relative;overflow:hidden}.cta-band:before{content:"";position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(251,192,45,.15),transparent 60%)}.cta-band:after{content:"";position:absolute;bottom:-50%;left:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(230,57,70,.15),transparent 60%)}.cta-inner{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center;position:relative;z-index:1}.cta-inner h2{color:#fff;margin-bottom:12px}.cta-inner p{color:#ffffffd9;font-size:1.05rem;max-width:560px}.cta-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.contact{background:#fff}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.contact-card{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:32px;transition:all .3s ease}.contact-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);background:#fff}.contact-card.highlight{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border-color:transparent;box-shadow:var(--shadow-lg)}.contact-card.highlight h3,.contact-card.highlight p{color:#fff}.contact-card.highlight p{color:#ffffffd9}.contact-card.highlight .contact-tag{background:var(--accent-yellow);color:var(--primary-dark)}.contact-card.highlight hr{border-color:#fff3}.contact-card.highlight .contact-link{color:var(--accent-yellow)}.contact-tag{display:inline-block;background:#0a3d8f1a;color:var(--primary);padding:4px 12px;border-radius:6px;font-size:.72rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:14px}.contact-card h3{font-size:1.15rem;margin-bottom:14px}.contact-addr{display:flex;align-items:flex-start;gap:10px;font-size:.92rem;margin-bottom:16px}.contact-addr svg{width:18px;height:18px;flex-shrink:0;margin-top:2px;color:var(--accent-red)}.contact-card hr{border:0;border-top:1px solid var(--border);margin:16px 0}.contact-person,.contact-person-2{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:8px}.contact-person span,.contact-person-2 span{display:block;font-size:.82rem;font-weight:400;color:var(--text-soft)}.contact-card.highlight .contact-person-2 span{color:#ffffffb3}.contact-link{display:inline-block;font-size:.95rem;font-weight:600;color:var(--primary);margin-bottom:12px}.contact-link:hover{color:var(--accent-red)}.company-meta{font-size:.78rem;color:var(--text-light);line-height:1.7;margin-top:12px}.site-footer{background:#0a1628;color:#cbd5e1;padding:80px 0 0}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding-bottom:60px}.brand-light .brand-text{color:#fff;border-left-color:#ffffff26}.brand-light .brand-text small{color:#fff9}.brand-logo-light{height:56px}.footer-brand p{margin-top:20px;font-size:.9rem;color:#fff9;line-height:1.6;max-width:380px}.footer-col h4{color:#fff;font-size:.92rem;font-weight:700;margin-bottom:18px;letter-spacing:.5px;text-transform:uppercase}.footer-col ul{display:flex;flex-direction:column;gap:10px}.footer-col li,.footer-col a{font-size:.9rem;color:#ffffffa6;transition:color .2s ease}.footer-col a:hover{color:var(--accent-yellow)}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:24px 0;font-size:.82rem;color:#ffffff80}.footer-bottom .container{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.float-wa{position:fixed;bottom:24px;right:24px;width:56px;height:56px;background:#25d366;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #25d36666;z-index:90;transition:all .3s ease;animation:pulse-wa 2s infinite}.float-wa:hover{transform:scale(1.1);color:#fff}.float-wa svg{width:28px;height:28px}@keyframes pulse-wa{0%,to{box-shadow:0 8px 24px #25d36666,0 0 #25d36680}50%{box-shadow:0 8px 24px #25d36666,0 0 0 16px #25d36600}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:1280px){.brand-text{display:none}}@media(max-width:1100px)and (min-width:769px){.nav a{padding:8px 12px;font-size:.88rem}.nav-cta{margin-left:4px}}@media(max-width:1024px){.hero-inner{grid-template-columns:1fr;gap:80px}.hero-card{height:460px;max-width:480px;margin:0 auto}.services-grid,.method-steps{grid-template-columns:repeat(2,1fr)}.client-grid{grid-template-columns:repeat(4,1fr)}.activity-grid{grid-template-columns:repeat(2,1fr)}.activity-lightbox-prev{left:12px}.activity-lightbox-next{right:12px}.contact-grid{grid-template-columns:1fr}.two-col{grid-template-columns:1fr;gap:40px}.founder-wrap{grid-template-columns:1fr}.founder-photo{position:relative;top:0;max-width:380px;margin:0 auto}.cta-inner{grid-template-columns:1fr}.cta-actions{justify-content:flex-start}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.section{padding:70px 0}.hero{padding:120px 0 60px}.nav-toggle{display:flex;position:relative;z-index:101}.nav-backdrop{display:block}.nav-backdrop.active{opacity:1;pointer-events:auto}.nav{position:fixed;top:76px;left:16px;right:16px;background:#fffffff5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);flex-direction:column;align-items:stretch;padding:18px;gap:4px;border:1px solid var(--border);border-radius:20px;box-shadow:0 24px 70px #0f172a2e;transform:translateY(-18px) scale(.98);opacity:0;pointer-events:none;visibility:hidden;transition:transform .38s cubic-bezier(.2,.8,.2,1),opacity .25s ease,visibility 0s linear .38s;z-index:99}.nav.open{transform:translateY(0) scale(1);opacity:1;pointer-events:auto;visibility:visible;transition:transform .38s cubic-bezier(.2,.8,.2,1),opacity .25s ease,visibility 0s}.nav a{width:100%;padding:14px 16px;opacity:0;transform:translateY(-8px)}.nav.open a{animation:navLinkFadeIn .34s cubic-bezier(.2,.8,.2,1) forwards}.nav.open a:nth-child(1){animation-delay:.04s}.nav.open a:nth-child(2){animation-delay:.08s}.nav.open a:nth-child(3){animation-delay:.12s}.nav.open a:nth-child(4){animation-delay:.16s}.nav.open a:nth-child(5){animation-delay:.2s}.nav.open a:nth-child(6){animation-delay:.24s}.nav.open a:nth-child(7){animation-delay:.28s}.nav-cta{margin-left:0;margin-top:8px;text-align:center}.vm-grid,.services-grid,.method-steps{grid-template-columns:1fr}.client-grid{grid-template-columns:repeat(2,1fr)}.activity-grid{gap:14px}.activity-caption{padding:14px}.activity-caption strong{font-size:.92rem}.activity-caption small{font-size:.8rem}.activity-lightbox{padding:78px 14px 28px}.activity-lightbox-panel{max-height:calc(100vh - 106px)}.activity-lightbox-image-wrap,.activity-lightbox-image{max-height:58vh}.activity-lightbox-nav{width:42px;height:42px;font-size:2rem;top:38%}.activity-lightbox-close{top:-50px;width:40px;height:40px}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-bottom .container{flex-direction:column;text-align:center}.hero-stats{grid-template-columns:repeat(3,1fr);gap:12px}.hero-stats strong{font-size:1.4rem}.quote-card,.experience-callout{padding:32px 24px}.experience-callout h3{font-size:1.25rem}.t-item{grid-template-columns:1fr;gap:4px}.career-timeline{padding-left:20px}.t-item:before{left:-28px}}@media(max-width:480px){.brand-text{display:none}.brand-logo{height:44px}.hero-cta{flex-direction:column;align-items:stretch}.hero-cta .btn{width:100%}.cert-badge{width:220px;padding:14px}.hero-card{height:420px}.activity-grid{grid-template-columns:1fr}.activity-lightbox-caption{margin-top:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal,.reveal.visible{opacity:1;transform:none}.nav a,.nav.open a{opacity:1;transform:none;animation:none}.cert-badge:hover{transform:none!important}}.page-hero{position:relative;padding:140px 0 80px;background:linear-gradient(180deg,#f0f5ff,#fff);overflow:hidden}.page-hero:before{content:"";position:absolute;top:10%;right:-10%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(230,57,70,.15),transparent 60%);filter:blur(60px)}.page-hero:after{content:"";position:absolute;bottom:-20%;left:-5%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(251,192,45,.2),transparent 60%);filter:blur(60px)}.page-hero-inner{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:1}.page-hero-inner h1{font-size:clamp(2rem,4vw,3.25rem);margin:14px 0 20px}.page-hero-inner .lead{margin:0 auto 36px;font-size:1.1rem}.page-hero-stats{display:flex;justify-content:center;gap:48px;flex-wrap:wrap}.page-hero-stats>div{display:flex;flex-direction:column}.page-hero-stats strong{font-family:var(--font-display);font-size:1.75rem;font-weight:800;color:var(--primary);line-height:1}.page-hero-stats span{font-size:.82rem;color:var(--text-soft);margin-top:6px}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.course-card{--course-color: var(--primary);position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:28px;text-decoration:none;color:var(--text);transition:all .3s cubic-bezier(.2,.8,.2,1);overflow:hidden;min-height:100%}.course-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--course-color);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.course-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0a3d8f1f;border-color:transparent;color:var(--text)}.course-card:hover:before{transform:scaleX(1)}.cc-image{position:relative;margin:-28px -28px 20px;border-radius:var(--radius) var(--radius) 0 0;overflow:hidden;background:var(--bg-soft)}.cc-image img{width:100%;height:auto;display:block;transition:transform .4s ease}.course-card:hover .cc-image img{transform:scale(1.05)}.cc-badge-image{position:absolute;top:16px;right:16px;background:var(--course-color);color:#fff;padding:6px 12px;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;z-index:2;box-shadow:0 4px 12px #00000026}.cc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.cc-icon{width:56px;height:56px;border-radius:14px;background:color-mix(in srgb,var(--course-color) 12%,transparent);display:flex;align-items:center;justify-content:center;color:var(--course-color)}.cc-icon svg{width:28px;height:28px}.cc-badge{background:var(--course-color);color:#fff;padding:4px 10px;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.cc-title{font-size:1.2rem;margin-bottom:10px;line-height:1.3}.cc-desc{font-size:.92rem;line-height:1.55;color:var(--text-soft);margin-bottom:20px}.cc-meta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:16px;padding-bottom:16px;border-bottom:1px dashed var(--border)}.cc-meta-item{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;color:var(--text-soft)}.cc-meta-item svg{width:14px;height:14px;color:var(--course-color)}.cc-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px}.cc-tags span{font-size:.72rem;font-weight:600;padding:4px 10px;background:color-mix(in srgb,var(--course-color) 8%,transparent);color:var(--course-color);border-radius:999px}.cc-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--border)}.cc-price-label{display:block;font-size:.7rem;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.cc-price strong{font-family:var(--font-display);font-size:1.05rem;color:var(--text)}.cc-cta{display:inline-flex;align-items:center;gap:4px;font-size:.85rem;font-weight:600;color:var(--course-color)}.cc-cta svg{width:16px;height:16px;transition:transform .25s ease}.course-card:hover .cc-cta svg{transform:translate(3px)}.course-hero{--course-color: var(--primary);padding:120px 0 60px;background:linear-gradient(135deg,color-mix(in srgb,var(--course-color) 8%,#f6f8fc),#fff 70%);position:relative;overflow:hidden}.course-hero:before{content:"";position:absolute;top:-20%;right:-10%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--course-color) 20%,transparent),transparent 70%);filter:blur(60px)}.course-back{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;font-weight:600;color:var(--text-soft);margin-bottom:32px;padding:8px 16px;background:#ffffffb3;border-radius:999px;border:1px solid var(--border);transition:all .2s ease;position:relative;z-index:1}.course-back:hover{color:var(--course-color);border-color:var(--course-color);transform:translate(-4px)}.course-hero-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;align-items:start;position:relative;z-index:1}.course-hero-meta{display:flex;align-items:center;gap:14px;margin-bottom:18px}.ch-badge{background:var(--course-color);color:#fff;padding:6px 14px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.ch-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--course-color) 12%,transparent);border-radius:14px;color:var(--course-color)}.ch-icon svg{width:30px;height:30px}.course-hero-main h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:18px;line-height:1.15}.course-hero-desc{font-size:1.1rem;color:var(--text-soft);margin-bottom:32px;max-width:600px}.course-quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px;background:#fff;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.course-quick-stats>div{display:flex;flex-direction:column;gap:4px}.qs-label{font-size:.72rem;font-weight:600;color:var(--text-light);letter-spacing:.5px;text-transform:uppercase}.course-quick-stats strong{font-size:.95rem;color:var(--text);font-weight:700}.course-sidebar{position:sticky;top:100px}.course-price-card{background:#fff;border:2px solid var(--course-color);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.cpc-label{display:block;font-size:.78rem;font-weight:600;color:var(--text-light);letter-spacing:.5px;text-transform:uppercase;margin-bottom:6px}.cpc-amount{display:block;font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--course-color);line-height:1.1;margin-bottom:4px}.cpc-note{display:block;font-size:.78rem;color:var(--text-soft);margin-bottom:20px}.cpc-cta{width:100%;background:var(--course-color);margin-bottom:16px;color:#fff}.cpc-cta:hover{filter:brightness(.92);color:#fff}.cpc-jadwal{display:flex;flex-direction:column;gap:4px;padding:14px;background:var(--bg-soft);border-radius:10px;font-size:.85rem}.cpc-jadwal span:first-child{font-weight:600;color:var(--text)}.cpc-jadwal span:last-child{color:var(--text-soft)}.course-content{padding:60px 0 80px}.course-content-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:48px;align-items:start}.course-main{min-width:0}.course-block{margin-bottom:48px}.course-block h2{font-size:1.5rem;margin-bottom:20px}.course-prose{font-size:1rem;line-height:1.75;color:var(--text-soft);margin-bottom:48px;padding-bottom:40px;border-bottom:1px dashed var(--border)}.course-prose h2{font-size:1.5rem;margin:32px 0 16px;color:var(--text)}.course-prose h3{font-size:1.2rem;margin:24px 0 12px;color:var(--text)}.course-prose p{margin-bottom:16px}.course-prose ul,.course-prose ol{margin:16px 0 16px 24px}.course-prose li{margin-bottom:8px}.course-prose strong{color:var(--text);font-weight:700}.course-prose blockquote{border-left:4px solid var(--course-color);padding:12px 20px;margin:24px 0;background:var(--bg-soft);border-radius:0 8px 8px 0;font-style:italic;color:var(--text)}.course-prose blockquote p:last-child{margin-bottom:0}.course-outline{list-style:none;counter-reset:outline-counter;padding:0}.course-outline li{counter-increment:outline-counter;padding:14px 14px 14px 56px;position:relative;border-radius:10px;margin-bottom:8px;background:var(--bg-soft);border:1px solid var(--border);transition:all .2s ease}.course-outline li:hover{background:#fff;border-color:var(--course-color);transform:translate(4px)}.course-outline li:before{content:counter(outline-counter,decimal-leading-zero);position:absolute;left:16px;top:50%;transform:translateY(-50%);font-family:var(--font-display);font-weight:800;font-size:.95rem;color:var(--course-color);background:#fff;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--border)}.course-benefit{list-style:none;padding:0;display:grid;gap:12px}.course-benefit li{display:flex;gap:12px;align-items:flex-start;padding:14px 18px;background:var(--bg-soft);border-radius:10px;border-left:3px solid var(--course-color)}.course-benefit svg{width:18px;height:18px;color:var(--course-color);flex-shrink:0;margin-top:3px}.course-aside{display:flex;flex-direction:column;gap:16px;position:sticky;top:100px}.aside-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm)}.aside-card h3{font-size:1rem;margin-bottom:14px;font-weight:700}.aside-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}.aside-list li{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--text-soft)}.aside-list svg{width:18px;height:18px;color:var(--course-color);flex-shrink:0}.aside-cta{background:linear-gradient(135deg,var(--course-color),color-mix(in srgb,var(--course-color) 70%,#000));color:#fff;border:none}.aside-cta h3{color:#fff}.aside-cta p{color:#ffffffd9;margin-bottom:16px;font-size:.9rem}.aside-cta .btn{background:#fff;color:var(--course-color);width:100%}.aside-cta .btn:hover{transform:translateY(-2px);color:var(--course-color)}.aside-format{font-weight:600;color:var(--text);margin-bottom:12px}.aside-jadwal-label{font-size:.75rem;font-weight:700;color:var(--text-light);letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px}.related-courses{background:var(--bg-soft)}@media(max-width:1024px){.course-grid{grid-template-columns:repeat(2,1fr)}.course-hero-grid,.course-content-grid{grid-template-columns:1fr;gap:32px}.course-aside,.course-sidebar{position:relative;top:0}}@media(max-width:768px){.course-grid{grid-template-columns:1fr}.page-hero{padding:120px 0 60px}.page-hero-stats{gap:24px}.course-hero{padding:100px 0 40px}.course-quick-stats{grid-template-columns:1fr;gap:12px}}.jadwal-hero{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);color:#fff;padding:120px 0 80px;text-align:center;position:relative;overflow:hidden}.jadwal-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);animation:rotateBg 20s linear infinite;pointer-events:none}@keyframes rotateBg{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.jadwal-hero-content{position:relative;z-index:1}.jadwal-hero h1{font-size:3rem;margin-bottom:1rem;font-family:var(--font-display);font-weight:700}.jadwal-hero p{font-size:1.125rem;opacity:.9;max-width:600px;margin:0 auto}.filter-bar{background:var(--bg-card);padding:1rem 2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:1rem;align-items:center;justify-content:space-between;margin-top:-30px;position:relative;z-index:10;max-width:1000px;margin-left:auto;margin-right:auto;flex-wrap:wrap;border:1px solid var(--border)}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-select{padding:.5rem 1rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-sans);color:var(--text);background:var(--bg);outline:none}.filter-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;user-select:none}.filter-toggle input{accent-color:var(--primary)}.schedule-table-wrapper{overflow-x:auto;margin-top:3rem;background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.schedule-table{width:100%;border-collapse:collapse;min-width:1000px}.schedule-table th,.schedule-table td{padding:1rem;border:1px solid var(--border);text-align:left;vertical-align:top}.schedule-table th{background:var(--bg-soft);font-weight:600;color:var(--text-soft);position:sticky;top:0;z-index:2}.schedule-table th.month-col{text-align:center;width:7%}.schedule-table th:first-child{width:25%;position:sticky;left:0;background:var(--bg-soft);z-index:3}.schedule-table td:first-child{position:sticky;left:0;background:var(--bg-card);z-index:2;font-weight:600;color:var(--text)}.schedule-table tr:hover td{background-color:#0a3d8f05}.schedule-table tr:hover td:first-child{background-color:var(--bg-soft)}.month-cell{text-align:center;padding:.5rem!important}.month-cell:nth-child(2n){background:#f6f8fc80}.date-badge{display:inline-block;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;cursor:pointer;margin-bottom:.5rem;transition:transform .2s,box-shadow .2s;width:100%;text-align:center;position:relative;box-sizing:border-box}.date-badge:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.schedule-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:2rem;width:90%;max-width:500px;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s,transform .3s,visibility .3s;border:1px solid var(--border)}.schedule-popup.active{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.popup-overlay{position:fixed;inset:0;background:#0f172a80;backdrop-filter:blur(4px);z-index:999;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.popup-overlay.active{opacity:1;visibility:visible}.popup-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:var(--text-light);cursor:pointer;transition:color .2s}.popup-close:hover{color:var(--accent-red)}.popup-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:var(--text)}.popup-detail{display:flex;margin-bottom:.75rem;color:var(--text-soft);align-items:center;gap:.5rem}.popup-detail strong{min-width:100px;color:var(--text)}.popup-cta{display:block;width:100%;padding:1rem;text-align:center;background:var(--primary);color:#fff;text-decoration:none;border-radius:var(--radius-sm);font-weight:600;margin-top:1.5rem;transition:background .2s;box-sizing:border-box}.popup-cta:hover{background:var(--primary-dark)}.mobile-schedule{display:none;margin-top:2rem}.accordion-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;overflow:hidden;box-shadow:var(--shadow-sm)}.accordion-header{padding:1.25rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:var(--bg-soft);font-weight:600;user-select:none;transition:background .2s}.accordion-header:hover{background:#0a3d8f0d}.accordion-icon{transition:transform .3s}.accordion-item.active .accordion-icon{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.accordion-item.active .accordion-content{max-height:2000px}.schedule-card{padding:1rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem}.schedule-card:hover{background:#0a3d8f05}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.format-badge{background:var(--bg-soft);color:var(--text-soft);padding:.25rem .5rem;border-radius:4px;font-size:.75rem}.cta-band{background:var(--bg-soft);padding:4rem 2rem;text-align:center;border-radius:var(--radius-lg);margin:4rem 0;border:1px solid var(--border)}.cta-band h2{font-size:2rem;margin-bottom:1rem}.cta-band p{color:var(--text-soft);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.btn{display:inline-block;padding:1rem 2rem;background:var(--primary);color:#fff;text-decoration:none;border-radius:var(--radius-sm);font-weight:600;transition:background .2s,transform .2s}.btn:hover{background:var(--primary-dark);transform:translateY(-2px)}@media(max-width:1024px){.schedule-table-wrapper{display:none}.mobile-schedule{display:block}}@media(max-width:768px){.jadwal-hero h1{font-size:2rem}.filter-bar{flex-direction:column;align-items:stretch}.filter-group{justify-content:space-between}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.blog-hero{padding:120px 0 80px;background:linear-gradient(135deg,var(--primary-light),var(--primary-dark));color:#fff;text-align:center}.blog-hero h1{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:1rem}.blog-hero p{font-size:1.125rem;max-width:600px;margin:0 auto;opacity:.9;line-height:1.6}.blog-filters{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:3rem}.blog-filter-btn{background:var(--bg-soft);border:1px solid var(--border);color:var(--text-soft);padding:.5rem 1.25rem;border-radius:999px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-sans)}.blog-filter-btn:hover{background:var(--primary-light);color:#fff;border-color:var(--primary-light)}.blog-filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:var(--shadow-sm)}.blog-empty{text-align:center;padding:4rem 2rem;background:var(--bg-soft);border-radius:var(--radius);border:1px dashed var(--border);color:var(--text-soft)}.blog-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem}@media(min-width:768px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-card{display:flex;flex-direction:column;background:var(--bg-card);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);text-decoration:none;color:inherit;transition:transform .3s ease,box-shadow .3s ease;height:100%}.blog-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.blog-card-image{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--bg-soft)}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;font-weight:700;text-transform:uppercase;background:linear-gradient(135deg,var(--primary-light),var(--primary))}.blog-card-placeholder[data-cat=halal]{background:linear-gradient(135deg,#10b981,#059669)}.blog-card-placeholder[data-cat=k3]{background:linear-gradient(135deg,var(--accent-orange),#ea580c)}.blog-card-placeholder[data-cat=food-safety]{background:linear-gradient(135deg,var(--accent-red),#be123c)}.blog-card-badge{position:absolute;top:1rem;right:1rem;background:#ffffffe6;backdrop-filter:blur(4px);color:var(--primary-dark);padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.blog-card-content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.blog-card-content h3{font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:var(--text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-excerpt{color:var(--text-soft);font-size:.9375rem;line-height:1.6;margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}.blog-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;border-top:1px solid var(--border)}.blog-card-meta{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-light)}.blog-author{font-weight:600;color:var(--text-soft)}.blog-read-more{color:var(--primary);font-weight:700;transition:transform .2s ease}.blog-card:hover .blog-read-more{transform:translate(4px)}.blog-detail-hero{padding:140px 0 80px;background:linear-gradient(135deg,var(--primary-light),var(--primary-dark));background-size:cover;background-position:center;color:#fff;position:relative}.blog-detail-hero-inner{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:2}.blog-back-link{display:inline-block;color:#fffc;text-decoration:none;font-size:.875rem;font-weight:500;margin-bottom:2rem;transition:color .2s ease}.blog-back-link:hover{color:#fff}.blog-badge-hero{display:inline-block;background:var(--accent-yellow);color:var(--text);padding:.25rem 1rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem}.blog-detail-hero h1{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.5rem);font-weight:800;line-height:1.2;margin-bottom:1.5rem}.blog-hero-meta{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:.9375rem;color:#ffffffe6}.blog-layout{display:grid;grid-template-columns:1fr;gap:3rem;padding-top:4rem;padding-bottom:4rem}@media(min-width:1024px){.blog-layout{grid-template-columns:2fr 1fr;gap:4rem}}.blog-prose{font-family:var(--font-sans);font-size:1.125rem;line-height:1.8;color:var(--text-soft)}.blog-prose h2,.blog-prose h3,.blog-prose h4{font-family:var(--font-display);color:var(--text);margin-top:2.5rem;margin-bottom:1rem;font-weight:700;line-height:1.3}.blog-prose h2{font-size:2rem}.blog-prose h3{font-size:1.5rem}.blog-prose p{margin-bottom:1.5rem}.blog-prose ul,.blog-prose ol{margin-bottom:1.5rem;padding-left:1.5rem}.blog-prose li{margin-bottom:.5rem}.blog-prose blockquote{border-left:4px solid var(--primary);padding:1rem 1.5rem;margin:2rem 0;background:var(--bg-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic;color:var(--primary-dark)}.blog-prose img{max-width:100%;height:auto;border-radius:var(--radius);margin:2rem 0;box-shadow:var(--shadow-sm)}.blog-prose a{color:var(--primary);text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .2s ease}.blog-prose a:hover{text-decoration-color:var(--primary)}.blog-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:3rem 0;padding-top:2rem;border-top:1px solid var(--border)}.blog-tag{background:var(--bg-soft);color:var(--text-light);padding:.25rem .75rem;border-radius:999px;font-size:.8125rem;font-weight:500}.blog-share{margin-bottom:3rem}.blog-share p{font-weight:600;margin-bottom:1rem;color:var(--text)}.blog-share-buttons{display:flex;gap:1rem}.btn-share{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit}.wa-share{background:#25d366;color:#fff}.wa-share:hover{background:#20bd5a;transform:translateY(-2px)}.copy-share{background:var(--bg-soft);color:var(--text-soft);border:1px solid var(--border)}.copy-share:hover{background:var(--border);transform:translateY(-2px)}.blog-sidebar{display:flex;flex-direction:column;gap:2rem}.sidebar-widget{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);padding:1.5rem}.widget-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.sidebar-related{display:flex;flex-direction:column;gap:1.25rem}.sidebar-related-card{display:flex;flex-direction:column;gap:.25rem;text-decoration:none;color:inherit;transition:opacity .2s ease}.sidebar-related-card:hover{opacity:.7}.sidebar-related-card h4{font-size:.9375rem;line-height:1.4;color:var(--text)}.sidebar-related-card span{font-size:.75rem;color:var(--text-light)}.sidebar-cta{background:linear-gradient(135deg,var(--primary-light),var(--primary-dark));color:#fff;border:none;text-align:center;padding:2rem 1.5rem}.sidebar-cta h3{font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.sidebar-cta p{font-size:.9375rem;margin-bottom:1.5rem;opacity:.9}.sidebar-cta .btn{width:100%}.latest-blog{background:var(--bg-soft)}.latest-blog-cta{margin-top:3rem;text-align:center}@media(prefers-reduced-motion:reduce){.blog-card,.blog-filter-btn,.blog-card-image img,.btn-share{transition:none!important;transform:none!important}}