:root{--navy:#101a2b;--charcoal:#1e2430;--white:#ffffff;--soft:#f4f6f8;--muted:#e7ebf0;--gold:#b79a63;--text:#2d3440;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--shadow:0 10px 30px rgba(16,26,43,.08);--shadow-hover:0 16px 40px rgba(16,26,43,.14);--container:1160px;--s1:.5rem;--s2:.75rem;--s3:1rem;--s4:1.5rem;--s5:2rem;--s6:3rem;--s7:4.5rem;--hfont:"Plus Jakarta Sans",sans-serif;--bfont:"Source Sans 3",sans-serif;--cfont:"Archivo",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--bfont);color:var(--text);background:var(--white);line-height:1.65;text-rendering:optimizeLegibility}body.is-loading{opacity:0}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(var(--container),92%);margin-inline:auto}.section{padding:var(--s7) 0;position:relative}.section-soft{background:var(--soft)}.eyebrow{font:600 .8rem/1.2 var(--cfont);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0 0 var(--s2)}h1,h2,h3{margin:0 0 var(--s3);line-height:1.2;color:var(--navy)}h1{font-family:var(--hfont);font-size:clamp(1.95rem,5vw,3.35rem)}h2{font-family:var(--hfont);font-size:clamp(1.6rem,4.2vw,2.45rem)}h3{font-size:1.1rem}.lead{font-size:1.05rem;max-width:62ch}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.8rem 1.35rem;border-radius:999px;border:1px solid transparent;font:600 1rem/1 var(--cfont);letter-spacing:.04em;text-transform:uppercase;transition:all .26s ease;min-height:46px}.btn-primary{background:var(--navy);color:var(--white)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-hover)}.btn-ghost{border-color:var(--navy);color:var(--navy)}.btn-ghost:hover{background:var(--navy);color:var(--white)}.site-header{position:sticky;top:0;z-index:999;background:rgba(255,255,255,.96);backdrop-filter:saturate(130%) blur(7px);border-bottom:1px solid transparent;transition:border-color .28s ease,box-shadow .28s ease}.site-header.scrolled{border-color:var(--muted);box-shadow:0 8px 20px rgba(16,26,43,.06)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:78px}.logo{font:700 1.28rem/1 var(--hfont);color:var(--navy)}.logo span{color:var(--gold)}.primary-nav{position:fixed;inset:78px 0 auto 0;background:var(--white);padding:var(--s5) var(--s4);display:grid;gap:var(--s3);transform:translateY(-120%);opacity:0;pointer-events:none;transition:transform .32s ease,opacity .32s ease;box-shadow:var(--shadow)}.primary-nav a{font-weight:600;color:var(--charcoal);text-align:center}.primary-nav .btn-nav{justify-self:center;width:max-content;background:var(--gold);color:var(--navy);border-color:var(--gold);font-size:.86rem;line-height:1.1;min-height:38px;padding:.52rem .92rem;letter-spacing:.01em;text-transform:none}.primary-nav .btn-nav:hover{background:#a88a57;border-color:#a88a57;color:#fff}.primary-nav.open{transform:translateY(0);opacity:1;pointer-events:auto}.menu-toggle{width:42px;height:42px;border:1px solid var(--muted);border-radius:10px;background:var(--white);display:grid;place-content:center;gap:5px;cursor:pointer}.menu-toggle span{width:18px;height:2px;background:var(--navy);transition:all .28s ease}.menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{padding:var(--s6) 0 var(--s7);background:linear-gradient(180deg,#fff 0%,#f7f9fc 100%)}.hero-grid{display:grid;gap:var(--s5)}.hero-copy{text-align:center}.hero-follow{width:100%;margin-top:var(--s2);text-align:left}.hero-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s3);margin:var(--s4) 0}.hero-media{margin:0}.hero-media img{width:100%;height:auto;object-fit:contain;border-radius:var(--radius-lg);box-shadow:var(--shadow)}.hero-trust{list-style:none;padding:0;margin:var(--s3) 0 0;display:grid;gap:var(--s2)}.hero-trust li{position:relative;padding-left:1.2rem;text-align:left}.hero-trust li:before{content:"";position:absolute;left:0;top:.52rem;width:7px;height:7px;border-radius:50%;background:var(--gold)}.split{display:grid;gap:var(--s5)}.solution-points,.grid-4,.grid-3,.grid-5,.listing-grid{display:grid;gap:var(--s4)}.problem-card,.usp-card,.service-card,.listing-card,.quote-card,.faq-item,.process-grid li,.solution-points article{background:var(--white);border:1px solid var(--muted);border-radius:var(--radius-md);padding:var(--s4);box-shadow:var(--shadow);transition:transform .26s ease,box-shadow .26s ease}.problem-card:hover,.usp-card:hover,.service-card:hover,.listing-card:hover,.solution-points article:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.credential-strip{display:grid;gap:var(--s2);margin-top:var(--s5);text-align:center}.credential-strip span{padding:.65rem .95rem;background:#fff;border:1px solid var(--muted);border-radius:999px;font-weight:600;color:var(--charcoal)}.listing-card{padding:0;overflow:hidden}.listing-card img{height:220px;width:100%;object-fit:cover}.listing-body{padding:var(--s4);display:grid;gap:.5rem}.listing-body strong{color:var(--navy);font-size:1.2rem}.center-cta{text-align:center;margin-top:var(--s5)}.process-grid{list-style:none;padding:0;margin:var(--s5) 0 0;display:grid;gap:var(--s4);counter-reset:step}.process-grid li h3{color:var(--navy)}.quote-card{font-style:normal}.quote-card p{margin:0 0 var(--s3)}.quote-card cite{font-style:normal;color:var(--navy);font-weight:700}.faq-list{display:grid;gap:var(--s3);margin-top:var(--s4)}.faq-item{padding:0;overflow:hidden}.faq-question{all:unset;display:block;width:100%;padding:var(--s4);font-weight:700;color:var(--navy);cursor:pointer;position:relative}.faq-question:after{content:"+";position:absolute;right:var(--s4);top:50%;transform:translateY(-50%);font-size:1.3rem;color:var(--gold);transition:transform .22s ease}.faq-item.active .faq-question:after{transform:translateY(-50%) rotate(45deg)}.faq-answer{margin:0;padding:0 var(--s4);max-height:0;overflow:hidden;transition:max-height .34s ease,padding .34s ease}.faq-item.active .faq-answer{max-height:180px;padding:0 var(--s4) var(--s4)}.cta-strong{background:var(--navy)}.cta-box{text-align:center;color:var(--white)}.cta-box h2{color:var(--white)}.cta-box .eyebrow{color:#d8c39b}.cta-box p{max-width:62ch;margin:0 auto var(--s4)}.site-footer{background:#0f1625;color:#d7deea;padding:var(--s6) 0 var(--s3)}.footer-grid{display:grid;gap:var(--s5);text-align:center}.footer-logo{display:inline-block;margin-bottom:var(--s3)}.site-footer h3{color:var(--white);font-size:1rem}.site-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.site-footer a:hover{color:#fff}.footer-bottom{margin-top:var(--s5);padding-top:var(--s3);border-top:1px solid rgba(255,255,255,.12);text-align:center;font-size:.92rem}.wa-float{position:fixed;right:16px;bottom:16px;z-index:990;background:#1ca169;color:#fff;padding:.75rem 1rem;border-radius:999px;font:600 .95rem/1 var(--cfont);letter-spacing:.04em;box-shadow:0 10px 28px rgba(0,0,0,.22);transition:transform .22s ease,box-shadow .22s ease}.wa-float:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(0,0,0,.3)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:none}@media (min-width:760px){.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}.listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1.1fr .9fr;align-items:center}.split.reverse{grid-template-columns:.9fr 1.1fr}.hero-copy{text-align:left}.hero-cta{justify-content:flex-start}.hero-trust li{text-align:left}.footer-grid{grid-template-columns:1.2fr 1fr 1fr;text-align:left}.credential-strip{grid-template-columns:repeat(3,minmax(0,1fr));text-align:left}}
@media (min-width:992px){.menu-toggle{display:none}.primary-nav{position:static;inset:auto;box-shadow:none;transform:none;opacity:1;pointer-events:auto;display:flex;align-items:center;gap:1.1rem;padding:0;background:transparent}.primary-nav a{text-align:left}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center}.hero-copy{padding-right:var(--s5);grid-column:1;grid-row:1}.hero-media{grid-column:2;grid-row:1;align-self:start}.hero-follow{grid-column:2;grid-row:2;max-width:none;margin-top:var(--s3)}.hero-follow .hero-cta{justify-content:space-between;gap:var(--s2);flex-wrap:nowrap}.hero-follow .hero-cta .btn{flex:1 1 0}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.listing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.process-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Hero Redesign */
.hero .hero-grid{display:grid;gap:clamp(1.25rem,2vw,2rem);align-items:start}
.hero .hero-copy{grid-column:auto;grid-row:auto}
.hero-panel{background:#fff;border:1px solid var(--muted);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:clamp(1rem,2vw,1.25rem);display:grid;gap:var(--s3);align-content:start}
.hero-panel .hero-media{margin:0;grid-column:auto;grid-row:auto;align-self:auto}
.hero-panel .hero-media img{width:100%;height:auto;object-fit:contain;border-radius:calc(var(--radius-lg) - 6px);box-shadow:none}
.hero-panel .hero-cta{margin:.25rem 0 0;display:grid;grid-template-columns:1fr;gap:var(--s2)}
.hero-panel .hero-cta .btn{width:100%;font-family:var(--bfont);font-size:.9rem;line-height:1.15;padding:.62rem .85rem;min-height:40px;letter-spacing:.01em;text-transform:none}
.hero-panel .hero-trust{margin:var(--s1) 0 0;gap:var(--s1)}

@media (min-width:992px){
  .hero .hero-grid{grid-template-columns:1.05fr .95fr;align-items:start}
  .hero .hero-copy{padding-right:var(--s5)}
  .hero-panel .hero-cta{grid-template-columns:1fr 1fr}
}

/* Problem Section Centered */
#problem .container{text-align:center}
#problem .lead{margin-inline:auto}
#problem .grid-4{align-items:stretch}
#problem .problem-card{text-align:center;display:grid;grid-template-rows:auto minmax(3.2rem,auto) 1fr;align-content:start;height:100%;padding:0;overflow:hidden}
#problem .problem-card h3{margin:.95rem 0 .55rem;padding:0 var(--s4)}
#problem .problem-card p{margin:0;padding:0 var(--s4) var(--s4)}
#problem .problem-media{margin:0}
#problem .problem-media img{width:100%;height:auto;object-fit:contain;display:block}

/* Solution Infographic */
#solution .split{align-items:start}
#solution .solution-points{counter-reset:flow;gap:.9rem}
#solution .solution-points article{position:relative;padding:1rem 1rem 1rem 3.6rem;background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);border:1px solid #dfe6ee;border-radius:14px;box-shadow:var(--shadow)}
#solution .solution-points article:before{counter-increment:flow;content:counter(flow,decimal-leading-zero);position:absolute;left:1rem;top:1rem;width:2rem;height:2rem;border-radius:999px;display:grid;place-items:center;background:var(--navy);color:#fff;font:700 .72rem/1 var(--cfont);letter-spacing:.05em}
#solution .solution-points article:after{content:"";position:absolute;left:1.95rem;top:3.05rem;bottom:-.92rem;width:2px;background:linear-gradient(180deg,rgba(16,26,43,.24),rgba(16,26,43,.04))}
#solution .solution-points article:last-child:after{display:none}
#solution .solution-points h3{margin:0 0 .35rem;text-align:left}
#solution .solution-points p{margin:0;text-align:left}
#solution .split>div:first-child .btn-primary{font-family:var(--bfont);font-size:.9rem;line-height:1.15;padding:.62rem .95rem;min-height:40px;letter-spacing:.01em;text-transform:none}

@media (max-width:991px){
  #solution .split>div:first-child{text-align:center}
  #solution .split>div:first-child p{margin-inline:auto}
}

/* About Owner Card */
#about .about-owner-card{margin:0;background:#fff;border:1px solid var(--muted);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:clamp(1rem,2.2vw,1.6rem);align-items:start}
#about .about-media{margin:0;border-radius:calc(var(--radius-lg) - 6px);overflow:hidden;background:#f8fafc}
#about .about-media img{width:100%;height:auto;object-fit:contain;display:block}
#about .about-copy p{margin:0 0 .95rem}
#about .about-copy p:last-child{margin-bottom:0}

@media (max-width:991px){
  #about .about-owner-card{padding:1rem}
  #about .about-copy{text-align:left}
}

/* USP Centered + Card Alignment */
#usp .container{text-align:center}
#usp .grid-4{align-items:stretch}
#usp .usp-card{text-align:center;display:grid;grid-template-rows:minmax(3.2rem,auto) 1fr;align-content:start;height:100%}
#usp .usp-card h3{margin:0 0 .55rem}
#usp .usp-card p{margin:0}

/* Services Centered + Card Alignment */
#services .container{text-align:center}
#services .grid-5{align-items:stretch}
#services .service-card{text-align:center;display:grid;grid-template-rows:3.4rem 1fr;align-content:start;height:100%}
#services .service-card h3{margin:0;display:flex;align-items:center;justify-content:center}
#services .service-card p{margin:0}

/* Testimoni Marquee */
#testimoni .container{text-align:center}
.testi-marquee{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;margin-top:var(--s4);overflow:hidden;padding:.2rem 0}
.testi-row{overflow:hidden}
.testi-row+.testi-row{margin-top:var(--s3)}
.testi-track{display:flex;gap:1rem;width:max-content;will-change:transform}
.testi-row.row-right .testi-track{animation:testi-right 36s linear infinite}
.testi-row.row-left .testi-track{animation:testi-left 36s linear infinite}
.testi-card{flex:0 0 clamp(270px,28vw,360px);background:#fff;border:1px solid var(--muted);border-radius:14px;box-shadow:var(--shadow);padding:1rem;display:grid;grid-template-rows:auto 1fr auto;gap:.55rem;text-align:left;min-height:220px}
.testi-stars{color:var(--gold);font-size:1.02rem;line-height:1;letter-spacing:.08em}
.testi-card p{margin:0}
.testi-card cite{font-style:normal;font-weight:700;color:var(--navy)}

@keyframes testi-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes testi-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}

@media (hover:hover){
  .testi-row:hover .testi-track{animation-play-state:paused}
}

@media (prefers-reduced-motion:reduce){
  .testi-row .testi-track{animation:none}
}

/* FAQ Minimalist */
#faq .faq-list{gap:.85rem}
#faq .faq-item{background:#fff;border:1px solid #e4eaf1;border-radius:12px;box-shadow:none}
#faq .faq-question{padding:1rem 2.7rem 1rem 1rem;font-weight:600;color:var(--navy);line-height:1.35}
#faq .faq-question:after{content:"+";right:1rem;font-size:1.05rem;color:#8ea0b3}
#faq .faq-item.active .faq-question:after{color:var(--navy);transform:translateY(-50%) rotate(45deg)}
#faq .faq-answer{padding:0 1rem;max-height:0;opacity:0;transition:max-height .3s ease,padding .3s ease,opacity .2s ease}
#faq .faq-item.active .faq-answer{max-height:260px;padding:0 1rem 1rem;opacity:1}
#faq .eyebrow,#faq h2{text-align:center}

/* CTA Card Refinement */
#cta{background:linear-gradient(180deg,#0f1a2d 0%,#13213a 100%)}
#cta .cta-box{max-width:860px;margin-inline:auto;background:#fff;border:1px solid #e3e8ef;border-radius:var(--radius-lg);box-shadow:var(--shadow-hover);padding:clamp(1.2rem,2.5vw,2rem);color:var(--text)}
#cta .cta-box h2{color:var(--navy)}
#cta .cta-box .eyebrow{color:var(--gold)}
#cta .cta-box p{color:var(--text)}
#cta .cta-box .btn{font-family:var(--bfont);font-size:.9rem;line-height:1.15;padding:.62rem .95rem;min-height:40px;letter-spacing:.01em;text-transform:none}
#cta .cta-box .btn-primary{background:var(--navy);color:#fff}
#cta .cta-box .btn-primary:hover{background:#0c1626}

/* Footer Logo Contrast */
.site-footer .footer-logo{color:#f5f8ff}
.site-footer .footer-logo span{color:#d8c39b}

/* Header Logo Image */
.site-header .logo{display:inline-flex;align-items:center;height:56px;line-height:0}
.site-header .logo img{height:100%;width:auto;max-width:none;object-fit:contain;display:block;transform:scale(2.1);transform-origin:left center}

@media (max-width:575px){
  .site-header .logo img{transform:scale(1.8)}
}

/* Process Heading Center */
#process .eyebrow,#process h2{text-align:center}
#process .process-grid{align-items:stretch}
#process .process-grid li{display:grid;grid-template-rows:3.4rem 1fr;align-content:start;height:100%}
#process .process-grid li h3{margin:0;display:flex;align-items:center}
#process .process-grid li p{margin:0}

/* Featured Listing Redirect */
#featured .container{text-align:center}
#featured .lead{margin-inline:auto}
#featured .center-cta{display:flex;justify-content:center;gap:var(--s3);flex-wrap:wrap;margin-top:var(--s4)}
#featured .featured-card{max-width:860px;margin-inline:auto;background:#fff;border:1px solid var(--muted);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:clamp(1rem,2.2vw,1.6rem)}
#featured .center-cta .btn{font-family:var(--bfont);font-size:.9rem;line-height:1.15;padding:.62rem .85rem;min-height:40px;letter-spacing:.01em;text-transform:none}

@media (min-width:992px){
  .nav-wrap{position:relative}
  .primary-nav{position:static;display:flex;justify-content:center;gap:1.1rem;width:100%}
  .primary-nav .btn-nav{position:absolute;right:0;top:50%;transform:translateY(-50%);margin:0}
}