.hero{position:relative;min-height:92vh;display:flex;align-items:center;background:#0a0a0a;overflow:hidden;}.hero-bg{position:absolute;inset:0;background-image:url('hero-bg.webp');background-size:cover;background-position:center 30%;opacity:0.3;}.hero-gradient{position:absolute;inset:0;background:linear-gradient(105deg,rgba(0,0,0,0.88) 32%,rgba(0,0,0,0.1) 65%);}.hero-content{position:relative;z-index:2;max-width:680px;padding:80px 0;}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(238,150,75,0.15);border:1px solid rgba(238,150,75,0.4);border-radius:100px;padding:6px 16px;margin-bottom:28px;}.hero-eyebrow span{color:#EE964B;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;}.hero-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:#EE964B;flex-shrink:0;}.hero h1{font-size:clamp(38px,5.5vw,68px);line-height:1.08;color:#fff;margin-bottom:24px;letter-spacing:-0.5px;}.hero h1 em{color:#EE964B;font-style:normal;}.hero-sub{font-size:17px;line-height:1.75;color:rgba(255,255,255,0.65);margin-bottom:40px;max-width:520px;}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-bottom:52px;}.hero-social-proof{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,0.45);font-size:13px;border-top:1px solid rgba(255,255,255,0.1);padding-top:28px;}.hero-social-proof-dot{width:6px;height:6px;border-radius:50%;background:#EE964B;flex-shrink:0;}.trust-bar{background:#EE964B;padding:52px 0;}.trust-bar-inner{display:grid;grid-template-columns:repeat(4,1fr);}.trust-item{text-align:center;padding:0 24px;border-right:1px solid rgba(0,0,0,0.15);}.trust-item:last-child{border-right:none;}.trust-num{font-family:'Headland One',serif;font-size:52px;color:#000;line-height:1;}.trust-label{font-size:14px;color:rgba(0,0,0,0.65);margin-top:8px;font-weight:500;line-height:1.4;}.clients-marquee{padding:56px 0 52px;background:#fff;border-bottom:1px solid #ececec;overflow:hidden;}.clients-marquee-head{text-align:center;margin-bottom:32px;}.clients-marquee-head .section-tag{color:#F95738;}.clients-marquee-head h3{font-size:clamp(20px,2.4vw,28px);line-height:1.3;color:#111;}.clients-marquee-head h3 em{color:#F95738;font-style:normal;}.marquee-viewport{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 80px,#000 calc(100% - 80px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 80px,#000 calc(100% - 80px),transparent 100%);}.marquee-track{display:flex;gap:56px;width:max-content;animation:marquee-scroll 38s linear infinite;}.clients-marquee:hover .marquee-track{animation-play-state:paused;}@keyframes marquee-scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}.client-logo{flex-shrink:0;height:64px;padding:0 20px;display:flex;align-items:center;gap:10px;border:1.5px solid #eee;border-radius:8px;background:#fff;transition:border-color 0.2s,background 0.2s;}.client-logo:hover{border-color:#EE964B;background:#fff9f3;}.client-logo img{height:28px;width:auto;max-width:72px;object-fit:contain;filter:grayscale(30%);flex-shrink:0;transition:filter 0.2s;}.client-logo span{font-family:'Headland One',serif;font-size:15px;color:#333;white-space:nowrap;transition:color 0.2s;}.client-logo:hover img{filter:grayscale(0%);}.client-logo:hover span{color:#000;}.pain{padding:100px 0;background:#fff;}.pain-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}.pain-left h2{font-size:clamp(28px,3.5vw,44px);line-height:1.15;margin-bottom:20px;}.pain-left h2 em{color:#F95738;font-style:normal;}.pain-left p{font-size:16px;color:#555;line-height:1.8;margin-bottom:32px;}.pain-left .btn{margin-top:8px;}.pain-cards{display:flex;flex-direction:column;gap:16px;}.pain-card{display:flex;gap:20px;align-items:flex-start;padding:24px;border:1.5px solid #ebebeb;border-radius:8px;transition:border-color 0.2s;}.pain-card:hover{border-color:#F95738;}.pain-card-icon{width:44px;height:44px;border-radius:8px;background:#fff5ef;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;}.pain-card h4{font-size:15px;margin-bottom:6px;}.pain-card p{font-size:13px;color:#777;line-height:1.6;}.services{padding:100px 0;background:#fafafa;}.section-header{margin-bottom:64px;}.section-header h2{font-size:clamp(28px,4vw,46px);line-height:1.15;max-width:540px;margin-bottom:16px;}.section-header p{font-size:16px;color:#666;max-width:480px;line-height:1.7;}.phase{margin-bottom:64px;}.phase-header{display:flex;align-items:center;gap:20px;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid #e8e8e8;justify-content:space-between;}.phase-badge{flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:6px 14px;border-radius:2px;align-self:flex-start;margin-top:4px;}.badge-red{background:#F95738;color:#fff;}.badge-dark{background:#8C1C13;color:#fff;}.badge-orange{background:#EE964B;color:#000;}.phase-meta{flex:1;}.phase-meta h3{font-size:22px;margin-bottom:6px;}.phase-meta p{font-size:14px;color:#666;line-height:1.6;max-width:560px;}.phase-cta{font-size:13px;padding:10px 20px;white-space:nowrap;flex-shrink:0;}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,300px));gap:16px;justify-content:center;}.service-card{border:1.5px solid #e5e5e5;border-radius:8px;padding:0;overflow:hidden;background:#fff;transition:border-color 0.2s,box-shadow 0.2s;text-decoration:none;color:inherit;display:block;}.service-card:hover{border-color:#EE964B;box-shadow:0 4px 24px rgba(238,150,75,0.1);}.card-thumb{width:100%;height:160px;object-fit:cover;display:block;}.card-content{padding:18px 18px 16px;}.service-card h4{font-size:15px;margin-bottom:8px;line-height:1.3;}.service-card p{font-size:13px;color:#777;line-height:1.6;}.phase-divider{border:none;border-top:1px solid #e5e5e5;margin:0 0 64px;}.services-cta{text-align:center;margin-top:56px;}.services-cta p{font-size:14px;color:#888;margin-top:12px;}.team{padding:100px 0;background:#000;}.team .section-tag{color:#EE964B;}.team-header{margin-bottom:56px;}.team-header h2{font-size:clamp(28px,4vw,44px);color:#fff;margin-bottom:16px;}.team-header p{font-size:16px;color:rgba(255,255,255,0.5);max-width:480px;line-height:1.7;}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}.team-card{border:1px solid rgba(255,255,255,0.1);border-radius:8px;overflow:hidden;transition:border-color 0.2s;}.team-card:hover{border-color:rgba(238,150,75,0.5);}.team-photo{width:100%;height:280px;object-fit:cover;display:block;background:#1a1a1a;}.team-photo-placeholder{width:100%;height:280px;background:linear-gradient(135deg,#1a1a1a 0%,#111 100%);display:flex;align-items:center;justify-content:center;font-size:64px;}.team-info{padding:24px;}.team-role{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#EE964B;margin-bottom:8px;}.team-info h3{font-size:22px;color:#fff;margin-bottom:12px;}.team-info p{font-size:13px;color:rgba(255,255,255,0.5);line-height:1.7;}.team-exp{display:inline-block;margin-top:16px;background:rgba(238,150,75,0.12);border:1px solid rgba(238,150,75,0.25);color:#EE964B;font-size:12px;font-weight:600;padding:4px 12px;border-radius:100px;}.testimonials{padding:100px 0;background:#fff;}.testimonials .section-header{margin-bottom:56px;}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}.testi-card{padding:32px 28px;border:1.5px solid #ebebeb;border-radius:8px;position:relative;transition:border-color 0.2s,box-shadow 0.2s;}.testi-card:hover{border-color:#EE964B;box-shadow:0 4px 24px rgba(238,150,75,0.08);}.testi-quote{font-family:'Headland One',serif;font-size:56px;color:#EE964B;line-height:0.6;margin-bottom:20px;display:block;}.testi-card p{font-size:14px;color:#444;line-height:1.8;margin-bottom:24px;font-style:italic;}.testi-divider{border:none;border-top:1px solid #efefef;margin-bottom:20px;}.testi-author{display:flex;align-items:center;gap:14px;}.testi-avatar{width:44px;height:44px;border-radius:50%;background:#EE964B;display:flex;align-items:center;justify-content:center;font-family:'Headland One',serif;font-size:18px;color:#000;flex-shrink:0;}.testi-name{font-size:14px;font-weight:600;}.testi-biz{font-size:12px;color:#888;margin-top:2px;}.testi-service{display:inline-block;margin-top:6px;background:#fff5ef;color:#EE964B;font-size:11px;font-weight:600;padding:2px 10px;border-radius:100px;}.cta-final{background:#000;padding:120px 0;text-align:center;position:relative;overflow:hidden;}.cta-glow{position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(238,150,75,0.12) 0%,transparent 65%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;}.cta-inner{position:relative;z-index:1;}.cta-eyebrow{display:inline-block;color:#EE964B;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:20px;}.cta-final h2{font-size:clamp(30px,4.5vw,52px);color:#fff;line-height:1.12;max-width:620px;margin:0 auto 20px;}.cta-final h2 em{color:#EE964B;font-style:normal;}.cta-final .cta-inner > p{color:rgba(255,255,255,0.55);font-size:16px;max-width:440px;margin:0 auto 44px;line-height:1.75;}.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}.cta-footnote{margin-top:64px;font-size:13px;color:rgba(255,255,255,0.3);}.cta-footnote span{color:rgba(255,255,255,0.5);}.faq-section{padding:100px 0;background:#fafafa;}.faq-wrapper{display:grid;grid-template-columns:1fr 1.6fr;gap:80px;align-items:flex-start;}.faq-intro .section-tag{color:#F95738;}.faq-intro h2{font-size:clamp(28px,3.8vw,44px);line-height:1.15;margin-bottom:20px;}.faq-intro h2 em{color:#F95738;font-style:normal;}.faq-intro p{font-size:15px;color:#666;line-height:1.75;margin-bottom:28px;max-width:34ch;}.faq-intro .faq-wa-box{border:1.5px solid #ebebeb;border-radius:8px;padding:20px 22px;background:#fff;}.faq-intro .faq-wa-box strong{display:block;font-family:'Headland One',serif;font-size:18px;margin-bottom:6px;}.faq-intro .faq-wa-box p{font-size:13px;color:#888;margin-bottom:14px;max-width:none;}.faq-list{border-top:1.5px solid #e8e8e8;}.faq-item{border-bottom:1.5px solid #e8e8e8;}.faq-q{width:100%;text-align:left;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:24px;font-family:'Headland One',serif;font-size:18px;color:#111;cursor:pointer;background:transparent;border:0;line-height:1.35;transition:background 0.2s,color 0.2s;}.faq-q:hover{background:#EE964B;color:#fff;}.faq-q:hover::after{color:#fff;}.faq-sign{flex-shrink:0;width:34px;height:34px;border-radius:50%;border:1.5px solid #111;display:flex;align-items:center;justify-content:center;font-family:'Poppins',sans-serif;font-size:20px;font-weight:300;transition:transform 0.25s,background 0.2s,color 0.2s,border-color 0.2s;}.faq-item.open .faq-q{background:#EE964B;color:#fff;}.faq-item.open .faq-q::after{content:"−";color:#fff;}.faq-item.open .faq-sign{transform:rotate(45deg);background:#EE964B;border-color:#EE964B;color:#000;}.faq-a{display:none;padding:0 24px 22px;font-size:14px;line-height:1.75;color:#555;}.faq-item.open .faq-a{display:block;}@media (max-width:900px){.pain-inner{grid-template-columns:1fr;gap:48px;}.team-grid{grid-template-columns:1fr 1fr;}.testimonials-grid{grid-template-columns:1fr 1fr;}.faq-wrapper{grid-template-columns:1fr;gap:40px;}.faq-a{padding-right:0;}.faq-item.open .faq-a{padding:0 0 24px 0;}.footer-grid{grid-template-columns:1fr 1fr;gap:36px;}}@media (max-width:768px){.trust-bar-inner{grid-template-columns:repeat(2,1fr);gap:24px;}.trust-item{border-right:none;}.trust-item:nth-child(odd){border-right:1px solid rgba(0,0,0,0.15);padding-right:24px;}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:unset;}.team-grid{grid-template-columns:1fr;}.testimonials-grid{grid-template-columns:1fr;}.phase-header{flex-wrap:wrap;gap:12px;}.phase-cta{width:100%;text-align:center;}}@media (max-width:480px){.service-grid{grid-template-columns:1fr;}.hero-actions{flex-direction:column;align-items:flex-start;}.cta-buttons{flex-direction:column;align-items:center;}}.portfolio-preview{padding:100px 0;background:#0a0a0a;}.portfolio-preview .section-tag{color:#EE964B;}.portfolio-preview .section-header h2{color:#fff;font-size:clamp(28px,3.5vw,44px);margin-bottom:16px;}.portfolio-preview .section-header p{color:rgba(255,255,255,0.55);max-width:540px;}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:48px 0 40px;}.portfolio-item{overflow:hidden;border-radius:4px;height:240px;}.portfolio-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.4s;}.portfolio-item:hover img{transform:scale(1.05);}.portfolio-cta-wrap{text-align:center;}@media(max-width:768px){.portfolio-grid{grid-template-columns:repeat(2,1fr);}}.articles{padding:100px 0;background:#fafafa;}.articles .section-header{margin-bottom:48px;}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px;}.article-card{border:1.5px solid #ebebeb;border-radius:8px;overflow:hidden;background:#fff;transition:border-color 0.2s,box-shadow 0.2s;text-decoration:none;display:block;color:inherit;}.article-card:hover{border-color:#EE964B;box-shadow:0 4px 24px rgba(238,150,75,0.08);}.article-thumb{width:100%;height:200px;object-fit:cover;display:block;transition:transform 0.4s;}.article-card:hover .article-thumb{transform:scale(1.03);}.article-thumb-wrap{overflow:hidden;}.article-body{padding:24px;}.article-tag{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#F95738;margin-bottom:12px;display:block;}.article-card h3{font-family:'Headland One',serif;font-size:18px;line-height:1.35;margin-bottom:12px;color:#111;}.article-card:hover h3{color:#EE964B;}.article-excerpt{font-size:13px;color:#777;line-height:1.65;margin-bottom:20px;}.article-meta{font-size:12px;color:#bbb;display:flex;gap:8px;}.article-meta span{display:flex;align-items:center;gap:4px;}.articles-cta{text-align:center;}@media(max-width:768px){.articles-grid{grid-template-columns:1fr;}}

/* ============================================================
   OVERRIDES — FAQ Hover + Footer Full-Width
   Override parent theme (Hello Elementor) + cache-bust fix
   ============================================================ */

/* FAQ hover fix — harus lebih spesifik dari shared.css */
.faq-section .faq-item .faq-q:hover {
  background: #EE964B !important;
  color: #fff !important;
}
.faq-section .faq-item .faq-q:hover::after {
  color: #fff !important;
}
.faq-section .faq-item.open .faq-q {
  background: #EE964B !important;
  color: #fff !important;
}
.faq-section .faq-item.open .faq-q::after {
  content: "-" !important;
  color: #fff !important;
}

/* Footer full-width fix */
body .site-footer,
footer.site-footer {
  display: block !important;
  background: #0a0a0a !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* ============================================================
   JALAN KELUAR — Global Structural Overrides
   Fixes untuk Hello Elementor parent theme interference
   ============================================================ */

html, body {
  overflow-x: hidden;
}

/* 1. Footer full-width — override Hello Elementor #page wrapper */
body.page-template-homepage .site-footer,
body .site-footer {
  display: block !important;
  background: #0a0a0a !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  box-sizing: border-box !important;
}

/* 2. FAQ hover — override Hello Elementor button:hover */
section.faq-section .faq-list .faq-item .faq-q:hover,
.faq-list .faq-item .faq-q:hover {
  background: #EE964B !important;
  background-color: #EE964B !important;
  color: #fff !important;
  border-color: transparent !important;
}
section.faq-section .faq-list .faq-item .faq-q:hover::after,
.faq-list .faq-item .faq-q:hover::after {
  color: #fff !important;
}