/* Pricing shares Home's typography, navigation, palette and footer. */
body[data-page="Harga"]{background:#f7f6f2}
[data-page="Harga"] .shell{width:calc(100% - 112px);max-width:1328px;margin-inline:auto}
[data-page="Harga"] .page-intro{width:100%;max-width:none;padding:180px max(56px,calc((100vw - 1328px)/2)) 112px;background:radial-gradient(ellipse at 90% 0%,#235975 0%,transparent 55%),linear-gradient(130deg,#0d293e,#123c53);color:#fff;display:grid;grid-template-columns:1.6fr 1fr;gap:64px;align-items:end}
[data-page="Harga"] .eyebrow{display:block;font-size:11px;font-weight:650;letter-spacing:.1em;margin-bottom:22px;color:#927036}
[data-page="Harga"] .page-intro .eyebrow{color:#efc58a}
[data-page="Harga"] h1{font-size:clamp(36px,3.6vw,54px);line-height:1.16;font-weight:600;letter-spacing:-.035em}
[data-page="Harga"] em{font-style:normal}
[data-page="Harga"] h1 em{color:#efc58a}
[data-page="Harga"] .intro-aside{color:#dce7ee;font-size:16px;line-height:1.85;max-width:380px;padding-bottom:6px}
[data-page="Harga"] .pricing-section{position:relative;margin-top:-48px;padding-bottom:80px}
[data-page="Harga"] .pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
[data-page="Harga"] .price-card{padding:34px 30px;background:#fff;border:1px solid #dce2df;border-radius:20px;box-shadow:0 16px 38px #0d293e08}
[data-page="Harga"] .plan-heading h2{font-size:30px;font-weight:600;margin-bottom:12px}
[data-page="Harga"] .plan-heading p{font-size:14px;color:#526371;min-height:48px}
[data-page="Harga"] .plan-heading .eyebrow{font-size:10px;margin-bottom:16px}
[data-page="Harga"] .plan-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;margin:28px 0}
[data-page="Harga"] .plan-price>span{font-size:16px}
[data-page="Harga"] .plan-price strong{font-size:44px;font-weight:600;line-height:1.2;letter-spacing:-.04em}
[data-page="Harga"] .plan-price small{flex-basis:100%;color:#627480;font-size:13px;margin-top:6px}
[data-page="Harga"] .button{display:flex;justify-content:center;align-items:center;min-height:52px;padding:14px 18px;border:1px solid #18334a;border-radius:12px;font-size:13px;font-weight:650;background:#18334a;color:#fff;box-shadow:0 6px 20px #061d2820;transition:background .2s,box-shadow .2s}
[data-page="Harga"] .button:hover{background:#183f5b;border-color:#183f5b;box-shadow:0 8px 24px #061d2840;transform:none}
[data-page="Harga"] .price-featured{background:#f5ead7;border-color:#d5b887;color:#18334a}
[data-page="Harga"] .price-featured .eyebrow{color:#80602e}
[data-page="Harga"] .price-featured .plan-heading p,[data-page="Harga"] .price-featured small{color:#526371}
[data-page="Harga"] .button-light{background:#efc58a;border-color:#efc58a;color:#18334a}
[data-page="Harga"] .button-light:hover{background:#f6d6a7;border-color:#f6d6a7}
[data-page="Harga"] .plan-details{margin-top:30px;border-top:1px solid #c4d0d54d;padding-top:21px}
[data-page="Harga"] .plan-details summary{cursor:pointer;font-size:14px;font-weight:600;display:flex;justify-content:space-between;list-style:none}
[data-page="Harga"] .plan-details summary::-webkit-details-marker{display:none}
[data-page="Harga"] .plan-details:not([open]) summary span{font-size:0}
[data-page="Harga"] .plan-details:not([open]) summary span:after{content:'+';font-size:16px}
[data-page="Harga"] .plan-details ul{list-style:none;padding:0;margin:18px 0 0}
[data-page="Harga"] .plan-details li{font-size:13px;line-height:1.7;padding:7px 0 7px 18px;position:relative}
[data-page="Harga"] .plan-details li:before{content:'';position:absolute;left:0;top:16px;width:5px;height:5px;border-radius:50%;background:#bc975f}
[data-page="Harga"] .pricing-note{max-width:930px;text-align:center;margin:0 auto 34px;font-size:14px;line-height:1.85;color:#526371}
[data-page="Harga"] .section{padding-block:80px}
[data-page="Harga"] .process-section{background:#eaece8;border-block:1px solid #dde1dd}
[data-page="Harga"] .section-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:45px}
[data-page="Harga"] .section h2{font-size:clamp(30px,3vw,40px);line-height:1.2;font-weight:550}
[data-page="Harga"] .section h2 em{color:#927036}
[data-page="Harga"] .section-intro p,[data-page="Harga"] .section article p{font-size:14px;line-height:1.85;color:#526371}
[data-page="Harga"] .steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
[data-page="Harga"] .steps-grid article{border-top:2px solid #bc975f;padding-top:25px}
[data-page="Harga"] .section h3{font-size:21px;line-height:1.35;font-weight:600;margin-bottom:15px;letter-spacing:-.025em}
[data-page="Harga"] .support-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:70px}
[data-page="Harga"] .support-items{display:grid;grid-template-columns:1fr 1fr;gap:38px}
[data-page="Harga"] .text-link{display:inline-block;margin-top:28px;padding-bottom:5px;border-bottom:1px solid #927036;font-size:13px;font-weight:600}
@media(max-width:1000px){[data-page="Harga"] .shell{width:calc(100% - 48px)}[data-page="Harga"] .page-intro{padding:155px 24px 100px;gap:35px}[data-page="Harga"] .price-card{padding:26px 20px}[data-page="Harga"] .pricing-grid{gap:14px}[data-page="Harga"] .plan-price strong{font-size:36px}[data-page="Harga"] .support-grid{gap:35px}}
@media(max-width:760px){[data-page="Harga"] .page-intro{grid-template-columns:1fr;gap:24px;padding-bottom:85px}[data-page="Harga"] .intro-aside{max-width:520px;font-size:14px}[data-page="Harga"] .pricing-grid{grid-template-columns:1fr;gap:22px}[data-page="Harga"] .price-card{padding:30px 25px}[data-page="Harga"] .plan-heading p{min-height:0}[data-page="Harga"] .plan-price strong{font-size:44px}[data-page="Harga"] .section{padding-block:55px}[data-page="Harga"] .section-intro,[data-page="Harga"] .support-grid{grid-template-columns:1fr;gap:25px}[data-page="Harga"] .steps-grid{grid-template-columns:1fr;gap:30px}[data-page="Harga"] .support-items{gap:30px}[data-page="Harga"] .pricing-section{padding-bottom:55px}}
@media(max-width:440px){[data-page="Harga"] .support-items{grid-template-columns:1fr}[data-page="Harga"] .shell{width:calc(100% - 40px)}}
@media(prefers-reduced-motion:reduce){[data-page="Harga"] .button{transition:none}}[data-page="Harga"] .page-intro.shell{width:100%;max-width:none;margin-inline:0}
[data-page="Harga"] .implementation-copy p+p{margin-top:18px}
[data-page="Harga"] .page-intro .eyebrow{color:#dce7ee}[data-page="Harga"] .page-intro .pricing-transparency{color:#efc58a;font-weight:700}
/* Keep the pricing explanation centered inside the hero above overlapping cards. */
[data-page="Harga"] .page-intro{grid-template-columns:1fr;gap:32px;text-align:center}
[data-page="Harga"] .page-intro .pricing-hero-description{width:100%;max-width:930px;margin-inline:auto;text-align:center;padding-bottom:0}
@media(max-width:760px){[data-page="Harga"] .page-intro{gap:24px}}
/* Share Home's animated artwork without inheriting its full-screen hero sizing. */
[data-page="Harga"] .page-intro[data-fc-wave]{position:relative;isolation:isolate;overflow:hidden;background:#0d293e}
[data-page="Harga"] [data-fc-wave]:before{content:'';position:absolute;inset:0;z-index:-1;background:url('/assets/home-original/forte-wave.svg') center/100% 100% no-repeat;pointer-events:none}
[data-page="Harga"] [data-fc-wave].fc-wave-ready:before{visibility:hidden}

/* Keep the cards close to the copy, with waves behind their upper edge. */
[data-page="Harga"] .page-intro[data-fc-wave]{min-height:0;padding-bottom:144px;align-content:start}
[data-page="Harga"] .pricing-section{margin-top:-104px}
@media(max-width:760px){[data-page="Harga"] .page-intro[data-fc-wave]{padding-bottom:112px}[data-page="Harga"] .pricing-section{margin-top:-80px}}


/* Advanced modules follow the package comparison without implying package inclusion. */
[data-page="Harga"] .pricing-advanced{padding-bottom:88px}
[data-page="Harga"] .pricing-advanced-heading{margin-bottom:28px;border-top:1px solid #d7dfdc;padding-top:38px}
[data-page="Harga"] .pricing-advanced-heading h2{margin:0;color:#103b50;font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-.035em}
[data-page="Harga"] .pricing-advanced-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
[data-page="Harga"] .pricing-module{position:relative;isolation:isolate;overflow:hidden;padding:34px 36px;border:1px solid #d5dfdf;border-radius:24px 24px 52px 24px;background:#e8f0f1}
[data-page="Harga"] .pricing-module--2{background:#f0ebe2;border-color:#e2d9c9;border-radius:24px 52px 24px 24px}
[data-page="Harga"] .pricing-module--3{background:#e8eee8;border-color:#d6dfd6;border-radius:24px 24px 24px 52px}
[data-page="Harga"] .pricing-module--4{background:#eaeef3;border-color:#d9dfe7;border-radius:52px 24px 24px 24px}
[data-page="Harga"] .pricing-module::after{content:"";position:absolute;z-index:-1;right:-72px;top:-90px;width:220px;height:220px;border:1px solid #103b5010;border-radius:50%;box-shadow:0 0 0 24px #ffffff18;pointer-events:none}
[data-page="Harga"] .pricing-module-icon{color:#26556a;margin-bottom:22px;width:36px;height:36px}
[data-page="Harga"] .pricing-module-icon svg{width:36px;height:36px}
[data-page="Harga"] .pricing-module h3{margin:0 0 14px;color:#103b50;font-size:23px;line-height:1.35;letter-spacing:-.025em}
[data-page="Harga"] .pricing-module p{margin:0;color:#41535c;font-size:16px;line-height:1.8}
@media(max-width:760px){[data-page="Harga"] .pricing-advanced{padding-bottom:55px}[data-page="Harga"] .pricing-advanced-grid{grid-template-columns:1fr;gap:18px}[data-page="Harga"] .pricing-module{padding:28px}[data-page="Harga"] .pricing-module h3{font-size:21px}[data-page="Harga"] .pricing-advanced-heading{padding-top:28px}}