body[data-page="HubungiKami"]{background:#f7f6f2}
[data-page="HubungiKami"] .shell{width:calc(100% - 112px);max-width:1328px;margin-inline:auto}
.contact-intro{position:relative;isolation:isolate;overflow:hidden;background:#0d293e;color:#fff;padding:170px max(56px,calc((100vw - 1328px)/2)) 80px;text-align:center}
.contact-intro: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}
.contact-intro.fc-wave-ready:before{visibility:hidden}
[data-page="HubungiKami"] .eyebrow{display:block;font-size:11px;font-weight:650;letter-spacing:.08em;color:#80602e;margin-bottom:20px}
.contact-intro .eyebrow{color:#efc58a!important}
.contact-intro h1{font-size:clamp(36px,4.5vw,60px);line-height:1.16;font-weight:550;letter-spacing:-.035em}
[data-page="HubungiKami"] h1 em,[data-page="HubungiKami"] h2 em{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-style:normal;font-weight:600;letter-spacing:-.025em;color:#927036}
.contact-intro h1 em{color:#efc58a!important}
.contact-intro .intro-aside{max-width:600px;margin:27px auto 0;font-size:16px;line-height:1.85;color:#dce7ee}
.contact-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:85px;padding:75px 0 85px;align-items:start}
[data-page="HubungiKami"] main h2{font-size:clamp(30px,3.2vw,43px);line-height:1.2;font-weight:550}
.contact-details>p{max-width:440px;font-size:15px;line-height:1.85;color:#526371;margin-top:25px}
.contact-details dl{margin:30px 0 0}
.contact-details dl>div{padding:18px 0;border-top:1px solid #d5ddd8}
.contact-details dt{font-size:11px;letter-spacing:.04em;color:#627480;margin-bottom:5px}
.contact-details dd{margin:0;font-size:17px;color:#18334a}
.contact-details a:hover{color:#927036}
.form-panel{background:#fff;border:1px solid #dde3df;border-radius:20px;padding:36px;box-shadow:0 15px 35px #0d293e06}
.contact-form fieldset{border:0;padding:0;margin:0;min-width:0}
.contact-form fieldset:first-of-type{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.contact-form label{display:block;font-size:13px;font-weight:600;margin-bottom:9px;color:#18334a}
.contact-form .Feedback_Field{margin-bottom:20px}
.contact-form input,.contact-form textarea{display:block;width:100%;min-width:0;border:1px solid #cdd8d8;border-radius:9px;padding:12px 14px;font:inherit;font-size:15px;color:#18334a;background:#fafbf9}
.contact-form textarea{min-height:150px;resize:vertical}
.contact-form .contact-trap{display:none}
.contact-form .Feedback_CharCount{font-size:11px;color:#627480;margin-top:7px}
.contact-form .dnnActions{padding:0;margin:4px 0 0;list-style:none}
.contact-form .button-01{padding:14px 25px;min-height:52px;border:1px solid #efc58a;border-radius:12px;background:#efc58a;color:#102d40;font:650 14px system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;cursor:pointer;transition:background .2s,box-shadow .2s;box-shadow:0 6px 20px #061d2820}
.contact-form .button-01:hover{background:#f6d6a7;box-shadow:0 8px 24px #061d2840}
.contact-form .validation-summary-errors,.contact-form .field-validation-error{font-size:13px;color:#a72f21}
.contact-form .validation-summary-valid,.contact-form .field-validation-valid{display:none}
.contact-form .form-success{padding:15px;background:#e5eee8;color:#315d4b;border-radius:8px;margin-bottom:20px}
[data-page="HubungiKami"] .section{padding:70px 0;background:#eaece8}
[data-page="HubungiKami"] .section-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:end;margin-bottom:40px}
[data-page="HubungiKami"] .section-intro>p,[data-page="HubungiKami"] .steps-grid p{font-size:14px;line-height:1.85;color:#526371}
[data-page="HubungiKami"] .steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
[data-page="HubungiKami"] .steps-grid article{border-top:2px solid #bc975f;padding-top:24px}
[data-page="HubungiKami"] .steps-grid h3{font-size:21px;line-height:1.35;margin-bottom:15px;font-weight:600}
.map-section{padding-block:65px}
.map-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}
.map-heading h2{font-size:30px!important}.map-heading p{font-size:14px;margin-top:15px;color:#526371}
[data-page="HubungiKami"] .text-link{font-size:13px;font-weight:600;border-bottom:1px solid #927036;padding-bottom:5px}
.map-section iframe{display:block;width:100%;height:360px;border:0;border-radius:16px;background:#eaece8}
@media(max-width:1000px){[data-page="HubungiKami"] .shell{width:calc(100% - 48px)}.contact-layout{gap:40px}.form-panel{padding:28px}.contact-intro{padding:150px 24px 65px}}
@media(max-width:760px){.contact-layout{grid-template-columns:1fr;padding-block:45px;gap:35px}.contact-form fieldset:first-of-type{grid-template-columns:1fr}.form-panel{padding:25px 22px}[data-page="HubungiKami"] .section-intro,[data-page="HubungiKami"] .steps-grid{grid-template-columns:1fr;gap:28px}[data-page="HubungiKami"] .section{padding:50px 0}.contact-intro h1{font-size:37px}.contact-intro .intro-aside{font-size:14px}.map-heading{display:block}.map-heading .text-link{display:inline-block;margin-top:20px}.map-section iframe{height:300px}}
@media(prefers-reduced-motion:reduce){.contact-form .button-01{transition:none}}/* Highlight the active field through color, retaining the original border width. */
.contact-form input:focus,.contact-form textarea:focus{outline:none;box-shadow:none;border-color:#927036;background:#fff5e3}
.contact-form input,.contact-form textarea{transition:background-color .2s,border-color .2s}
@media(prefers-reduced-motion:reduce){.contact-form input,.contact-form textarea{transition:none}}
/* Simple single-column enquiry form with plain required labels. */
.contact-form .form-required-note{font-size:12px;color:#627480;margin:0 0 24px}
.contact-form label{font-size:14px;margin-bottom:7px}
.contact-form .Feedback_Field{margin-bottom:23px}
.contact-form input,.contact-form textarea{border-radius:6px;background:#fff;padding:10px 12px}
.contact-form input{min-height:42px}
.contact-form input:focus,.contact-form textarea:focus{background:#fff5e3;border-color:#927036;outline:none;box-shadow:none}
/* Center the submit action; provide a full-width touch target on mobile. */
.contact-form>.button-01{display:block;margin:28px auto 0}
@media(max-width:760px){.contact-form>.button-01{width:100%}}
.contact-captcha{margin-top:26px;padding-top:23px;border-top:1px solid #dde3df}
.captcha-challenge{display:flex;align-items:center;gap:16px;margin:12px 0}
.captcha-challenge img{width:280px;max-width:100%;height:auto;border-radius:6px}
.captcha-refresh{border:0;background:transparent;color:#80602e;font:600 12px system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;text-decoration:underline;text-underline-offset:4px;padding:10px;white-space:nowrap}
.contact-captcha #captcha-help{font-size:12px;line-height:1.7;color:#627480;margin-top:10px}
@media(max-width:600px){.captcha-challenge{flex-wrap:wrap;gap:5px}.captcha-refresh{padding-left:0}}
.contact-captcha .captcha-status{min-height:1.7em;margin:8px 0 0;font-size:12px;line-height:1.7;color:#627480}
.captcha-refresh:disabled,.contact-form>.button-01:disabled{opacity:.6;cursor:wait}
/* Give the form introduction a clear, readable hierarchy. */
body[data-page="HubungiKami"] .form-heading .eyebrow{font-size:24px;line-height:1.35;letter-spacing:-.02em;font-weight:600;color:#18334a;margin-bottom:14px}
.contact-form .form-required-note{font-size:15px;line-height:1.8;margin-bottom:28px}
@media(max-width:760px){body[data-page="HubungiKami"] .form-heading .eyebrow{font-size:22px}}