body[data-page="TentangKami"]{background:#f7f6f2}
.fa-hero{position:relative;isolation:isolate;overflow:hidden;background:#0d293e;color:#fff;padding:180px 0 90px}
.fa-hero: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}
.fa-hero.fc-wave-ready:before{visibility:hidden}
.fa-hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:80px;align-items:center}
.fa-label{font-size:12px;letter-spacing:.06em;font-weight:650;color:#80602e;margin-bottom:20px}
.fa-hero .fa-label,.fa-closing .fa-label{color:#efc58a}
.fa-hero h1{font-size:clamp(36px,3.5vw,52px);line-height:1.17;font-weight:600}
.fa-hero h1 span{color:#efc58a}
.fa-intro{font-size:16px;line-height:1.85;color:#dce7ee;margin-top:27px;max-width:650px}
.fa-button{display:inline-flex;align-items:center;justify-content:center;background:#efc58a;color:#102d40;border:1px solid #efc58a;padding:13px 25px;border-radius:12px;font-weight:650;font-size:15px;min-height:52px;box-shadow:0 6px 20px #061d2820;transition:background .2s,box-shadow .2s}
.fa-button:hover{background:#f6d6a7;border-color:#f6d6a7;box-shadow:0 8px 24px #061d2840}
.fa-hero .fa-button{margin-top:30px}
.fa-brand{border-block:1px solid #ffffff35;padding:36px 12px;text-align:center}
.fa-brand>span{font-size:13px;color:#dce7ee}
.fa-brand img{width:100%;max-width:420px;margin:34px auto}
.fa-brand p{color:#dce7ee;font-size:13px}
.fa-section{padding:85px 0}
.fa-section h2,.fa-closing h2{font-size:clamp(30px,3vw,40px);line-height:1.2;font-weight:550;letter-spacing:-.03em}
.fa-section h2 span{color:#927036}
.fa-story{display:grid;grid-template-columns:1fr 1.25fr;gap:80px}
.fa-copy p,.fa-values p,.fa-support p{font-size:15px;line-height:1.9;color:#526371}
.fa-copy p+p{margin-top:20px}
.fa-principles{background:#eaece8;border-block:1px solid #dde1dd}
.fa-section-heading{text-align:center;max-width:700px;margin:0 auto 45px}
.fa-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}
.fa-values article{padding-top:25px;border-top:2px solid #bc975f}
.fa-section h3{font-size:22px;line-height:1.35;letter-spacing:-.025em;margin-bottom:16px;font-weight:600}
.fa-support{display:grid;grid-template-columns:1fr 1.2fr;gap:85px}
.fa-support-heading>p:not(.fa-label){margin-top:24px}
.fa-link{display:inline-block;font-size:13px;font-weight:650;padding-bottom:6px;border-bottom:1px solid #927036;margin-top:25px}
.fa-support-items{display:grid;gap:30px;border-left:1px solid #d5ddd8;padding-left:40px}
.fa-closing{padding:60px 0;background:#12354b;color:#fff}
.fa-closing>.fc-wrap{display:flex;align-items:center;justify-content:space-between;gap:45px}
.fa-closing p:not(.fa-label){color:#dce7ee;font-size:15px;line-height:1.85;max-width:700px;margin-top:20px}
.fa-closing .fa-button{flex-shrink:0}
@media(max-width:1000px){.fa-hero-grid,.fa-story,.fa-support{gap:40px}.fa-brand img{max-width:320px}.fa-values{gap:24px}}
@media(max-width:760px){.fa-hero{padding:145px 0 60px}.fa-hero-grid,.fa-story,.fa-support,.fa-values{grid-template-columns:1fr}.fa-brand{max-width:480px;width:100%;margin:auto}.fa-section{padding:55px 0}.fa-support-items{border-left:0;padding-left:0}.fa-support-items article{border-top:1px solid #d5ddd8;padding-top:25px}.fa-closing>.fc-wrap{display:block}.fa-closing .fa-button{margin-top:26px}.fa-intro{font-size:15px}}
@media(prefers-reduced-motion:reduce){.fa-button{transition:none}}/* One-screen About hero, expanding naturally when mobile content needs more room. */
.fa-hero{min-height:100vh;min-height:100svh;display:flex;align-items:center}

/* Editorial company profile with a unified hero and compact brand signature. */
.fa-hero{padding:155px 0 35px;align-items:stretch}
.fa-hero-grid{display:flex;flex-direction:column;justify-content:space-between;gap:48px}
.fa-hero-copy{text-align:center;max-width:1050px;margin:auto}
.fa-hero .fa-label{margin-bottom:22px;font-size:13px;letter-spacing:.08em}
.fa-hero h1{font-size:clamp(44px,5.3vw,76px);line-height:1.08;letter-spacing:-.045em;font-weight:550}
.fa-hero h1 span{display:block;font-size:clamp(28px,3.4vw,49px);margin-top:15px;line-height:1.18}
.fa-intro{max-width:750px;margin:27px auto 0;font-size:16px;line-height:1.85}
.fa-hero .fa-button{margin-top:27px}
.fa-brand{width:100%;max-width:none;border:0;border-top:1px solid #ffffff30;padding:25px 0 0;display:flex;align-items:center;justify-content:space-between;gap:30px;text-align:left;margin:0}
.fa-brand-identity{display:flex;align-items:center;gap:28px}
.fa-brand-identity>span{font-size:12px;color:#b9cdd9;white-space:nowrap}
.fa-brand img{width:250px;max-width:100%;margin:0}
.fa-brand>p{display:flex;align-items:center;gap:26px;color:#dce7ee;font-size:12px;line-height:1.7}
.fa-brand>p span{border-inline:1px solid #ffffff30;padding-inline:26px}
.fa-section{padding:100px 0}
.fa-story{grid-template-columns:1fr 1.2fr;gap:100px}
.fa-story>div:first-child{border-top:2px solid #b99762;padding-top:26px}
.fa-copy p:first-child{font-size:19px;color:#18334a;line-height:1.8}
.fa-section h2{font-size:clamp(30px,3.2vw,45px);line-height:1.22}
.fa-principles{background:#eeefec}
.fa-section-heading{text-align:left;max-width:none;margin-bottom:45px}
.fa-values{gap:0;border:1px solid #d7dfdb;border-radius:18px;overflow:hidden;background:#f7f6f2}
.fa-values article{padding:35px;border:0}
.fa-values article+article{border-left:1px solid #d7dfdb}
.fa-values h3{min-height:60px}
.fa-support{grid-template-columns:1fr 1.15fr;gap:90px}
.fa-support-items{padding-left:0;border-left:0;gap:0}
.fa-support-items article{border-top:1px solid #d5ddd8;padding:25px 0}
.fa-support-items article:first-child{border-top:2px solid #b99762}
.fa-support-items article:last-child{padding-bottom:0}
.fa-closing{background:#e8eae5;color:#18334a;padding:60px 0}
.fa-closing .fa-label{color:#80602e}
.fa-closing p:not(.fa-label){color:#526371}
@media(max-width:1100px){.fa-brand>p{gap:14px;font-size:11px}.fa-brand>p span{padding-inline:14px}.fa-brand-identity{gap:16px}.fa-brand img{width:210px}.fa-story,.fa-support{gap:45px}.fa-values article{padding:28px}}
@media(max-width:850px){.fa-brand{flex-direction:column;text-align:center;gap:23px}.fa-brand>p{flex-wrap:wrap;justify-content:center}.fa-values{grid-template-columns:1fr}.fa-values article+article{border-left:0;border-top:1px solid #d7dfdb}.fa-values h3{min-height:0}}
@media(max-width:760px){.fa-hero{padding:135px 0 30px}.fa-hero-grid{gap:45px}.fa-hero h1{font-size:48px}.fa-hero h1 span{font-size:32px}.fa-intro{font-size:14px;line-height:1.85}.fa-brand-identity{flex-direction:column;gap:12px}.fa-brand img{width:230px}.fa-brand>p{gap:8px 14px;font-size:10px}.fa-brand>p span{border:0;padding:0}.fa-section{padding:60px 0}.fa-story,.fa-support{grid-template-columns:1fr;gap:32px}.fa-copy p:first-child{font-size:17px}.fa-section-heading{margin-bottom:30px}.fa-values article{padding:27px}.fa-closing{padding:45px 0}}/* Company profile and a distinct product presentation below the hero. */
.fa-company-section{padding:90px 0 10px;background:#f7f6f2}
.fa-company-editorial{display:grid;grid-template-columns:1fr 1.15fr;gap:95px;align-items:center;margin-bottom:65px}
.fa-company-heading{padding-left:28px;border-left:3px solid #b99762}
.fa-company-heading h2{font-size:clamp(36px,4vw,58px);line-height:1.13;letter-spacing:-.04em;font-weight:550}
.fa-company-heading h2 span{color:#927036}
.fa-company-signature{margin-top:30px;display:inline-block;background:#12354b;border-radius:8px;padding:15px 22px}
.fa-company-signature img{width:225px;height:auto}
.fa-company-narrative .fa-company-lead{font-size:25px;line-height:1.45;color:#18334a;letter-spacing:-.025em;font-weight:550;margin-bottom:22px}
.fa-company-narrative>p:not(.fa-company-lead){font-size:15px;line-height:1.9;color:#526371}
.fa-company-commitments{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:25px;padding-top:22px;border-top:1px solid #d5ddd8}
.fa-company-commitments span{font-size:12px;font-weight:600;color:#526371}
.fa-company-narrative .fa-link{margin-top:25px}
.fa-onprem-panel{display:grid;grid-template-columns:1.3fr 1fr;position:relative;isolation:isolate;overflow:hidden;background:#10334b;border-radius:24px;color:#fff;padding:55px 58px;gap:60px;align-items:center}
.fa-onprem-panel:before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 100% 100%,#32617866,transparent 65%);pointer-events:none}
.fa-onprem-copy .fa-label{color:#efc58a;margin-bottom:20px}
.fa-onprem-copy h2{font-size:clamp(30px,3.1vw,44px);font-weight:550;line-height:1.2;letter-spacing:-.03em}
.fa-onprem-copy h2 span{color:#efc58a}
.fa-onprem-copy>p:not(.fa-label){font-size:14px;line-height:1.9;color:#dce7ee;margin-top:24px;max-width:590px}
.fa-onprem-copy strong{font-weight:650;color:#fff}
.fa-onprem-copy .fa-button{margin-top:28px}
.fa-onprem-identity{border-left:1px solid #ffffff26;padding:28px 0 28px 45px;text-align:center}
.fa-onprem-identity img{width:320px;max-width:100%;margin:0 auto 24px}
.fa-onprem-identity>p{font-size:12px;color:#c1d3de;line-height:1.8}
.fa-deployment{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:24px}
.fa-deployment span{border:1px solid #ffffff35;border-radius:7px;padding:8px 15px;font-size:12px;color:#e4edf1}
@media(max-width:1000px){.fa-company-editorial{gap:45px}.fa-onprem-panel{padding:40px 35px;gap:30px}.fa-onprem-identity{padding-left:25px}.fa-company-narrative .fa-company-lead{font-size:22px}}
@media(max-width:760px){.fa-company-section{padding-top:55px}.fa-company-editorial{grid-template-columns:1fr;gap:30px;margin-bottom:38px}.fa-company-heading{padding-left:20px}.fa-company-heading h2{font-size:40px}.fa-company-signature{margin-top:23px}.fa-company-signature img{width:210px}.fa-onprem-panel{grid-template-columns:1fr;padding:32px 25px;gap:35px;border-radius:18px}.fa-onprem-copy h2{font-size:32px}.fa-onprem-identity{border-left:0;border-top:1px solid #ffffff26;padding:30px 0 0}.fa-onprem-identity img{width:255px}.fa-company-narrative .fa-company-lead{font-size:23px}}/* Three product pillars, each with its own restrained corporate color. */
.fa-pillars-section{margin:0 0 60px}
.fa-pillars-heading{margin-bottom:25px}
.fa-pillars-heading .fa-label{margin-bottom:10px}
.fa-pillars-heading h3{font-size:28px;line-height:1.3;letter-spacing:-.025em;font-weight:550}
.fa-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.fa-pillar{padding:32px 28px;border-radius:16px;border:1px solid transparent}
.fa-pillar-quality{background:#e6edf3;border-color:#cfdae4;color:#204b6b}
.fa-pillar-growth{background:#e5eee8;border-color:#cdded2;color:#315d4b}
.fa-pillar-support{background:#f2e8d7;border-color:#e4d3b4;color:#765628}
.fa-pillar svg{display:block;width:44px;height:44px;margin-bottom:24px}
.fa-pillar h4{font-size:21px;line-height:1.35;font-weight:650;letter-spacing:-.025em;margin:0 0 16px}
.fa-pillar p{font-size:14px;line-height:1.85;margin:0;color:#3e5260}
@media(max-width:1000px){.fa-pillars{gap:15px}.fa-pillar{padding:26px 21px}.fa-pillar h4{font-size:19px}}
@media(max-width:760px){.fa-pillars{grid-template-columns:1fr;gap:18px}.fa-pillars-section{margin-bottom:38px}.fa-pillars-heading h3{font-size:25px}.fa-pillar{padding:28px}.fa-pillar h4{font-size:21px}}
.fa-pillar p strong{display:block;color:inherit;font-weight:650;margin-bottom:12px}