.cost-hero{margin-top:24px;position:relative;background:#202326 url('/assets/biaya-armada.webp') center 53%/cover;color:white;isolation:isolate;padding:95px 0}.cost-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101519f5 0%,#101519db 38%,#10151970 72%,#10151925),linear-gradient(0deg,#10151955,transparent 60%)}.cost-hero-copy{max-width:830px}.cost-hero h1{font-size:clamp(2.8rem,4.3vw,4.5rem);line-height:1.17}.cost-hero h1 em{font-style:normal;color:#ff955f}.cost-hero .eyebrow{color:#ffa076}.cost-hero .lead{color:#e9edef;max-width:590px}.cost-hero .button.secondary{color:white;border-color:#ffffff65}.cost-hero .button.secondary:hover{background:#ffffff15}.cost-hero-note{font-size:14px;color:#cdd3d7;max-width:580px;margin:28px 0 0}.cost-benefit-strip{border-bottom:1px solid var(--line);padding:27px 0}.cost-benefit-strip .container{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.cost-benefit-strip .container>div{display:flex;align-items:center;gap:16px}.cost-benefit-strip span{font-size:12px;color:var(--orange);font-weight:700}.cost-benefit-strip strong{font-size:14px}.cost-outcomes article{border-bottom:1px solid var(--line);padding:22px 0}.cost-outcomes article:first-child{padding-top:0}.cost-outcomes span{font-size:12px;color:var(--orange);font-weight:700;letter-spacing:.07em}.cost-outcomes h3{font-size:23px;margin:10px 0}.cost-outcomes p{font-size:15px;color:var(--muted);margin:0}.cost-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.cost-feature{padding:32px;background:#f4f5f5;border-radius:10px;display:flex;flex-direction:column;align-items:start}.cost-feature h3{font-size:24px}.cost-feature p{color:var(--muted);font-size:16px}.cost-feature .card-number{margin-bottom:25px}.cost-feature .text-link{margin-top:auto}.cost-proof-layout{align-items:center}.cost-record{border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 15px 40px #2023260c}.cost-record-top{display:flex;justify-content:space-between;gap:15px;background:#24282c;color:white;padding:18px 24px;font-size:14px}.cost-record-top span{font-size:12px;color:#c5cbd0}.cost-record-unit{padding:25px 24px;background:#f4f5f5}.cost-record-unit>span{font-size:12px;letter-spacing:.1em;color:var(--orange);font-weight:700}.cost-record-unit h3{margin:8px 0;font-size:26px}.cost-record-unit p{font-size:14px;color:var(--muted);margin:0}.cost-record-row{display:grid;grid-template-columns:90px 1fr;gap:20px;padding:17px 24px;border-top:1px solid var(--line);font-size:14px}.cost-record-row>span{color:var(--muted)}.cost-record-row strong{font-weight:500}.cost-case{padding:0;overflow:hidden}.case-visual{background:#272c31;padding:24px;min-height:165px;position:relative;display:flex;flex-direction:column;justify-content:space-between;color:white}.case-visual span{font-size:12px;letter-spacing:.08em;font-weight:600;color:#ffd7c4}.case-visual strong{font-size:64px;line-height:1;font-family:Manrope;color:#ffffff25;position:absolute;right:24px;top:47px;font-weight:800}.case-visual small{font-size:12px;letter-spacing:.08em}.case-visual-1{background:#b64219}.case-visual-1 span{color:#fff}.case-visual-2{background:#3a4147}.case-copy{padding:28px;display:flex;flex-direction:column;flex:1}.case-copy h3{font-size:23px}.case-copy p{font-size:15px}.case-copy .text-link{margin-top:auto}.cost-case-grid .card{height:100%}#solusi{scroll-margin-top:100px}@media(max-width:800px){.cost-hero{padding:65px 0;background-position:65% center}.cost-hero:before{background:linear-gradient(90deg,#101519ed,#101519c9 65%,#10151985)}.cost-hero h1{font-size:clamp(2.5rem,7vw,3.8rem)}.cost-benefit-strip .container{gap:20px}.cost-benefit-strip .container>div{align-items:start;gap:10px}.cost-benefit-strip strong{font-size:13px}.cost-outcomes{margin-top:10px}.cost-feature{padding:25px}.cost-case-grid{grid-template-columns:1fr}.cost-case{display:grid;grid-template-columns:180px 1fr}.case-visual{min-height:100%;padding:24px 18px}.case-visual strong{right:18px}.case-copy{padding:24px}.cost-record-row{padding:15px 20px}.cost-hero-note{font-size:13px}}@media(max-width:480px){.cost-hero{padding:50px 0}.cost-hero h1{font-size:2.5rem}.cost-hero .button-row{display:grid}.cost-hero .lead{font-size:17px}.cost-benefit-strip .container{grid-template-columns:1fr;gap:14px}.cost-benefit-strip .container>div{align-items:center}.cost-feature-grid{grid-template-columns:1fr}.cost-feature h3{font-size:23px}.cost-case{display:flex}.case-visual{min-height:150px}.cost-record-top{padding:17px 20px;flex-wrap:wrap}.cost-record-row{grid-template-columns:75px 1fr;gap:12px;font-size:14px}.cost-proof-layout{gap:30px}}

#p2h{scroll-margin-top:110px}#p2h .measure-copy{margin-bottom:32px}.p2h-table-wrap{overflow-x:auto;margin:36px 0 20px;border:1px solid var(--line);border-radius:10px}.p2h-table{width:100%;border-collapse:collapse;text-align:left;font-size:15px;min-width:650px}.p2h-table caption{text-align:left;padding:20px;font-weight:700;background:#fff}.p2h-table th,.p2h-table td{padding:18px 20px;vertical-align:top;border-top:1px solid var(--line);line-height:1.65}.p2h-table thead{background:#24282c;color:#fff}.p2h-table tbody th{width:23%}.p2h-table tbody td{width:38.5%;color:var(--muted)}#p2h .three-points{margin-top:36px}#p2h .button-row{margin-top:28px}
