.doc-booking-page{background:#f3f5ef}.doc-layout{max-width:1440px;margin:auto;padding:48px 6% 80px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:7%}.doc-intro{min-width:0}.doc-back{display:inline-block;color:#5c6c59;font-size:12px;margin-bottom:35px}.doc-intro>.eyebrow{margin-bottom:22px}.doc-intro h1{font-size:clamp(44px,4.5vw,66px);line-height:1.06;letter-spacing:-.065em}.doc-intro h1 em{font-style:normal;color:#74876c}.doc-lead{font-size:15px;line-height:1.9;max-width:360px;margin-top:26px;color:#5d6d56}.doc-car{position:relative;isolation:isolate;perspective:1100px;margin:24px -22px 5px;overflow:hidden;mix-blend-mode:multiply}.doc-car>span{position:absolute;top:25px;left:5%;font-size:clamp(22px,3vw,42px);font-weight:800;letter-spacing:-.05em;color:#dae4d4;z-index:-1;white-space:nowrap}.doc-car img{display:block;width:100%;height:auto;transform:rotate(-3deg);animation:doc-float 7s ease-in-out infinite}.doc-car i{position:absolute;z-index:-1;bottom:20%;left:5%;width:90%;height:55px;border:1px solid #cad6c2;border-radius:50%;transform:rotate(-7deg)}@keyframes doc-float{50%{transform:rotate(-1deg) translateY(-7px)}}.doc-advisor{display:flex;align-items:center;gap:15px;padding:21px 0;border-top:1px solid #d5dfcd}.doc-advisor .brand-logo{width:64px;height:64px;object-fit:contain}.doc-advisor strong,.doc-advisor span{display:block}.doc-advisor strong{font-size:17px}.doc-advisor span{font-size:11px;color:#617158;margin:5px 0}.doc-advisor a{font-size:13px;display:inline-flex;align-items:center;gap:7px}.doc-advisor .icon{width:15px;height:15px}.doc-trust{display:flex;align-items:flex-start;gap:11px;border-block:1px solid #d5dfcd;padding:20px 0;font-size:12px;line-height:1.8;color:#627259}.doc-trust strong{color:#364b2c}.doc-trust .icon{flex:none;margin-top:3px}.doc-small{font-size:11px;line-height:1.9;color:#65765c;margin-top:18px}.doc-start{display:none}.doc-card{background:#fff;border:1px solid #dfe7d8;border-radius:16px;padding:34px;align-self:start;min-width:0;box-shadow:0 18px 60px #293e2410;scroll-margin-top:110px}.doc-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.doc-card-top>.eyebrow{font-size:9px}.doc-card-top>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#edf2e7;color:#788e67}.doc-card h2{font-size:31px;letter-spacing:-.055em;line-height:1.2}.doc-subtitle{font-size:12px;color:#697761;line-height:1.8;margin-top:11px}.doc-steps{display:flex;gap:14px;list-style:none;padding:22px 0;margin:0 0 25px;border-bottom:1px solid #e6ecdf}.doc-steps li{flex:1;min-width:0;font-size:11px;color:#74836b;display:flex;align-items:center;gap:6px;white-space:nowrap}.doc-steps b{font-size:10px;font-weight:600;border-radius:50%;padding:7px;background:#f1f4ed}.doc-steps [aria-current]{color:#344f28;font-weight:700}.doc-steps [aria-current] b{background:#e4eddc;color:#3d592d}.doc-card fieldset{border:0;padding:0;margin:0;min-width:0}.doc-card legend{font-size:19px;font-weight:700;letter-spacing:-.03em;padding:0}.doc-hint{font-size:11px;line-height:1.85;color:#617057;margin:10px 0 18px}.doc-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 14px;margin-top:20px}.doc-fields label{display:block;font-size:11px;font-weight:700;color:#405636;min-width:0}.doc-fields label>span{font-weight:400;color:#66765c}.doc-fields input,.doc-fields select{display:block;width:100%;min-width:0;min-height:46px;font:inherit;font-size:14px;font-weight:400;border:1px solid #dbe4d3;border-radius:6px;background:#fcfdfb;padding:12px;margin-top:8px;color:#2b3c25}.doc-fields input:focus,.doc-fields select:focus,.doc-upload input:focus-visible{outline:2px solid #728c5d;outline-offset:2px}.doc-wide{grid-column:1/-1}.doc-sector{margin-top:22px}.doc-sector>p{font-size:11px;font-weight:700;color:#405636}.doc-sector>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}.doc-sector label{position:relative;cursor:pointer;min-width:0}.doc-sector input{position:absolute;top:16px;right:13px;width:15px;height:15px;accent-color:#567641}.doc-sector label>span{display:block;border:1px solid #dfe7d9;border-radius:7px;padding:15px 12px}.doc-sector .icon{width:21px;height:21px;color:#718867;display:block;margin-bottom:12px}.doc-sector strong{display:block;font-size:12px}.doc-sector small{display:block;font-size:10px;color:#627557;margin-top:5px;line-height:1.6}.doc-sector input:checked+span{border-color:#7b966a;background:#f0f5e9}.doc-sector input:focus-visible+span{outline:2px solid #728c5d;outline-offset:2px}.doc-checklist{margin:20px 0;background:#f6f8f2;border-radius:7px;padding:16px 18px;color:#5c7050;font-size:11px;line-height:1.9}.doc-checklist>strong{color:#3d532f}.doc-checklist ul{margin:8px 0 10px;padding-left:18px}.doc-checklist p{font-size:10px}.doc-checklist a,.doc-consent a,.doc-alert a{text-decoration:underline;text-underline-offset:3px}.doc-actions{display:flex;justify-content:space-between;gap:15px;margin-top:26px;align-items:center}.doc-actions .button{margin-left:auto;justify-content:center;gap:14px;font-size:12px;min-height:48px;white-space:normal;line-height:1.5}.doc-previous{font-size:11px;color:#596d4d;background:none;border:0;cursor:pointer;padding:12px 0;flex:none}.doc-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.doc-alert{background:#fff2ef;border:1px solid #f0c8bf;border-radius:6px;color:#883d2b;font-size:12px;line-height:1.8;padding:13px;margin-bottom:20px}.doc-upload{border:1px solid #dce5d3;background:#fafcf7;border-radius:9px;padding:17px;margin-top:16px}.doc-upload label{display:grid;grid-template-columns:25px 1fr;gap:7px 9px;cursor:pointer}.doc-upload b{font-size:10px;color:#7a8c6b;padding-top:2px}.doc-upload strong{font-size:12px;color:#354e29}.doc-upload label>span{grid-column:2;font-size:11px;color:#637658;line-height:1.75}.doc-upload input{display:block;width:100%;min-width:0;margin:17px 0 8px;font-size:11px;color:#4f6443;cursor:pointer}.doc-upload input::file-selector-button{border:1px solid #cbd8c1;border-radius:5px;background:#fff;color:#3a532d;font:inherit;font-weight:700;padding:10px 12px;margin-right:10px;cursor:pointer}.doc-upload>small{font-size:10px;color:#677a5c;display:block;line-height:1.75}.doc-files{list-style:none;padding:0;margin:8px 0 0}.doc-files li{font-size:10px;color:#4e6840;overflow-wrap:anywhere;padding:5px 0;border-top:1px solid #e1e9d9;line-height:1.7}.doc-total{font-size:12px;font-weight:700;color:#4e693f;margin-top:18px}.doc-review{background:#f5f8f0;padding:5px 16px;border:1px solid #dfe7d6;border-radius:7px;margin:20px 0}.doc-review>div{display:grid;grid-template-columns:1fr 1.4fr;gap:15px;padding:12px 0;border-bottom:1px solid #dfe7d6;font-size:12px;line-height:1.8}.doc-review>div:last-child{border-bottom:0}.doc-review dt{color:#697b5d}.doc-review dd{margin:0;font-weight:600;color:#344d29;white-space:pre-wrap;overflow-wrap:anywhere}.doc-consent{display:flex;align-items:flex-start;gap:11px;margin:20px 0;font-size:11px;line-height:1.85;color:#526b44}.doc-consent input{width:17px;height:17px;flex:none;accent-color:#6e885a;margin-top:3px}.doc-success{padding:10px 0}.doc-success-icon{display:grid;place-items:center;background:#e7f0dd;border:1px solid #ccdfbb;width:50px;height:50px;border-radius:50%;color:#597b40;margin-bottom:24px}.doc-success .eyebrow{font-size:9px;margin-bottom:16px}.doc-success>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#5d7250;margin:18px 0}.doc-success>strong{display:block;background:#f1f6eb;padding:16px;border:1px solid #dce7d1;border-radius:6px;font-size:21px;letter-spacing:.035em;overflow-wrap:anywhere}.doc-success .button{white-space:normal;text-align:center;justify-content:center;line-height:1.8;font-size:12px;width:100%}.doc-success .doc-back{margin:12px 0 0}.doc-faq{border-top:1px solid #d8e1d0;max-width:1440px;padding:50px 6% 75px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:7%}.doc-faq h2{font-size:33px;line-height:1.15;letter-spacing:-.055em;margin-top:18px}.doc-faq details{border-bottom:1px solid #d6e0ce}.doc-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 0;font-size:12px;font-weight:700}.doc-faq summary::-webkit-details-marker{display:none}.doc-faq summary .icon{flex:none;width:17px;height:17px}.doc-faq details p{font-size:12px;line-height:1.9;color:#637956;padding-bottom:22px}.doc-faq details[open] summary .icon{transform:rotate(45deg)}#doc-upload-progress{margin-top:20px;color:#4b683c;font-size:12px}#doc-upload-progress progress{width:100%;height:6px;accent-color:#6d8958}#doc-upload-progress p{margin-top:10px}.page-template-page-booking-perodua .floating-wa,.page-booking-perodua .floating-wa{display:none}.doc-booking-page [hidden]{display:none!important}.doc-booking-page button:disabled{opacity:.6;cursor:wait}
@media(max-width:1100px){.doc-layout{padding:32px 4% 60px;gap:4%}.doc-card{padding:28px 24px}.doc-intro h1{font-size:48px}.doc-faq{padding:45px 4%;gap:4%}}
@media(max-width:780px){.doc-layout{display:block;padding:25px 20px 45px}.doc-back{margin-bottom:24px}.doc-intro h1{font-size:clamp(40px,8vw,58px)}.doc-intro h1 br:nth-of-type(2){display:none}.doc-intro h1 em{display:block}.doc-intro>.eyebrow{font-size:9px;margin-bottom:18px}.doc-lead{font-size:13px;max-width:430px;margin-top:20px}.doc-start{display:inline-flex;margin-top:20px;font-size:12px}.doc-car{max-width:370px;margin:12px auto 0}.doc-car>span{font-size:30px}.doc-advisor{padding-top:16px}.doc-trust{font-size:11px;padding:16px 0}.doc-small{font-size:10px;margin:14px 0 26px}.doc-card{padding:25px 22px;scroll-margin-top:100px}.doc-card h2{font-size:30px}.doc-fields input,.doc-fields select{font-size:16px}.doc-faq{display:block;padding:35px 22px 50px}.doc-faq h2{font-size:29px;margin-bottom:22px}.doc-faq h2 br{display:none}.doc-faq .eyebrow{font-size:9px}.doc-upload input{font-size:12px}.doc-upload input::file-selector-button{min-height:44px}.doc-steps{gap:7px}.doc-steps li{font-size:10px;gap:4px}.doc-steps b{font-size:9px;padding:6px}.doc-success>strong{font-size:19px}.doc-faq summary{line-height:1.7}}
@media(max-width:390px){.doc-layout{padding-inline:14px}.doc-card{padding:24px 17px}.doc-fields{grid-template-columns:1fr}.doc-card h2{font-size:27px}.doc-sector>div{gap:8px}.doc-sector strong{font-size:11px}.doc-sector small{font-size:9px}.doc-upload{padding:14px}.doc-upload label{grid-template-columns:19px 1fr;gap:7px}.doc-actions{gap:10px}.doc-actions .button{font-size:11px;padding:13px 12px}.doc-review>div{font-size:11px}}
@media(prefers-reduced-motion:reduce){.doc-car img{animation:none}}