/* create by Koyoy
 * Visual Company Profile INL dan tata letak editor responsif.
 * Semua koordinat cetak menggunakan satu template A4 yang sama.
 * end by Koyoy
 */
:root{--navy:#0a2937;--navy-dark:#071f2c;--navy-2:#153d4a;--green:#00a87c;--green-dark:#008768;--mint:#e3f6f0;--yellow:#e3ec70;--paper:#fff;--ink:#092733;--muted:#627987;--line:#e5edf0;--zoom:.7}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#eaf0f3;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}[hidden]{display:none!important}a{color:#087d63}#workspace{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;height:75px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:white;border-bottom:1px solid #dae4e7;padding:0 24px}.brand-lockup{display:flex;align-items:center;gap:11px;min-width:237px}.brand-symbol{height:39px;width:39px;border-radius:11px;background:#092c39;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:900;letter-spacing:-1px}.brand-symbol span:after{content:".";color:#40d4aa}.brand-name{font-size:15px;font-weight:900;letter-spacing:.08em;line-height:1.1}.brand-name span{color:var(--green);font-weight:850}.brand-sub{color:#87959b;font-size:10px;letter-spacing:.04em;margin-top:4px}.top-center{display:flex;align-items:center;justify-content:center;gap:12px;color:#7b8990;font-size:11px;font-weight:600}.top-project{color:#2a4450}.top-dot{width:4px;height:4px;background:#c3cfd3;border-radius:50%}.top-actions{display:flex;align-items:center;gap:10px}.save-state{font-size:11px;color:#67817d;display:flex;align-items:center;gap:7px;white-space:nowrap;margin-right:7px}.save-dot{width:7px;height:7px;background:#10a984;border-radius:50%}.save-state.dirty .save-dot{background:#e5a025}.btn{border-radius:9px;padding:11px 15px;font-size:11px;font-weight:800;border:1px solid transparent;white-space:nowrap;transition:background .2s,transform .2s;display:inline-flex;justify-content:center;align-items:center;gap:8px}.btn:active{transform:translateY(1px)}.btn-outline{border-color:#cfdddf;color:#284653;background:#fff}.btn-outline:hover{background:#f2f7f8}.btn-primary{background:var(--green);color:white;box-shadow:0 4px 12px #0aaa7b25}.btn-primary:hover{background:var(--green-dark)}.btn-dark{background:#102f3c;color:#fff}.btn-dark:hover{background:#1c4654}.btn-ico{font-size:16px;line-height:.6}.layout{display:grid;grid-template-columns:245px minmax(420px,1fr) 325px;min-height:calc(100vh - 75px)}.navside{background:#fff;border-right:1px solid #dee9eb;padding:27px 14px 20px;position:sticky;top:75px;height:calc(100vh - 75px);overflow:auto;display:flex;flex-direction:column}.aside-overline{font-size:10px;font-weight:900;letter-spacing:.16em;color:#8aa0a7;padding-left:11px}.doc-info{display:flex;align-items:center;gap:10px;padding:19px 9px 21px;border-bottom:1px solid #e9eff1}.doc-icon{width:41px;height:48px;background:#eaf6f2;color:#008f6d;border:1px solid #d3e9e3;border-radius:7px;display:grid;place-items:center;font-size:25px}.doc-info strong{display:block;font-size:12px;color:#203943}.doc-info small{display:block;margin-top:5px;color:#81949d;font-size:10px}.nav-header{display:flex;justify-content:space-between;color:#95a4aa;font-size:10px;font-weight:850;letter-spacing:.09em;margin:23px 10px 10px}.page-list{display:flex;flex-direction:column;gap:3px}.page-nav-item{width:100%;border:1px solid transparent;border-radius:10px;display:flex;align-items:center;gap:11px;text-align:left;background:transparent;padding:11px 9px;color:#415964}.page-nav-item:hover{background:#f1f7f8}.page-nav-item.active{background:#eaf7f2;border-color:#d4ebe3;color:#057e64}.page-bullet{font-size:11px;font-weight:900;width:26px;height:30px;background:#edf2f4;border-radius:6px;display:grid;place-items:center;color:#80949a}.page-nav-item.active .page-bullet{background:#12b48a;color:#fff}.page-info{flex:1;min-width:0}.page-info b{display:block;font-size:11px;font-weight:750;line-height:1.25}.page-info small{display:block;font-size:10px;color:#92a3aa;margin-top:4px}.page-nav-arrow{font-size:19px;font-weight:500;color:#8ca5a9}.nav-bottom{display:flex;align-items:flex-start;gap:11px;padding:14px 11px;margin-top:auto;border:1px solid #dfebea;background:#f5faf8;border-radius:11px}.nav-tip-icon{color:#008b6d;font-size:18px}.nav-bottom strong{font-size:10px}.nav-bottom p{font-size:10px;line-height:1.65;margin:6px 0 0;color:#7a8e94}.canvas-area{min-width:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 48% 18%,#f6f9fa 0%,#ebf1f4 50%,#e5edf0 100%)}.notice{padding:12px 24px;background:#fcefd9;color:#93611c;text-align:center;font-size:12px}.canvas-bar{height:63px;display:flex;align-items:center;justify-content:space-between;padding:0 27px;gap:15px}.canvas-context{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:800;letter-spacing:.08em;color:#769196}.live-indicator{height:7px;width:7px;border-radius:50%;background:#20c69a;box-shadow:0 0 0 3px #20c69a19}.canvas-sep{font-size:16px;color:#d3dee2;font-weight:300}.canvas-context strong{font-size:11px;letter-spacing:0;color:#3c5866}.canvas-controls{display:flex;gap:7px;align-items:center;font-weight:700;color:#5b7480;font-size:11px}.canvas-controls button{height:28px;width:28px;border-radius:7px;background:#fff;color:#607e88;border:1px solid #dee8eb;font-size:20px;display:grid;place-items:center;line-height:0}.canvas-controls button:hover{border-color:#9acfc1;color:#05755d}.canvas-controls button:disabled{opacity:.33}.canvas-controls span{padding:0 6px}.canvas-controls .canvas-divider{height:18px;width:1px;background:#d3e0e4;padding:0;margin:0 5px}.stage{flex:1;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:17px 32px 38px}.paper-holder{width:calc(794px * var(--zoom));height:calc(1123px * var(--zoom));flex:none;position:relative}.sheet{width:794px;height:1123px;background:#fff;overflow:hidden;position:relative;transform:scale(var(--zoom));transform-origin:top left;box-shadow:0 18px 54px #1f45572b,0 0 0 1px #91a7b21d}.stage-foot{display:flex;align-items:center;justify-content:space-between;color:#859aa4;font-size:10px;letter-spacing:.02em;padding:13px 27px 17px;border-top:1px solid #e0e9ed}.edit-panel{background:#fff;border-left:1px solid #dfe9eb;position:sticky;top:75px;height:calc(100vh - 75px);display:flex;flex-direction:column;overflow:hidden}.panel-head{padding:27px 23px 22px;border-bottom:1px solid #e8eff1;flex:none}.panel-overline{font-size:10px;color:#00a47f;letter-spacing:.13em;font-weight:900}.panel-head h2{font-size:19px;line-height:1.3;margin:11px 0 7px;letter-spacing:-.03em}.panel-head p{font-size:11px;line-height:1.6;color:#8b9ba2;margin:0}.editor-scroll{overflow-y:auto;flex:1;min-height:0;padding-bottom:25px}.editor-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;position:sticky;top:0;z-index:2;background:#fff;border-bottom:1px solid #e3edf0;padding:0 18px}.tab{background:#fff;color:#7c9199;border:0;border-bottom:2px solid transparent;padding:18px 4px 14px;font-weight:750;font-size:11px}.tab.active{color:#039b77;border-color:#06b187}.fields-list{padding:25px 22px}.section-card-label{font-size:10px;letter-spacing:.10em;font-weight:900;color:#7a9aa1;padding-bottom:15px;margin-bottom:18px;border-bottom:1px solid #e8f0f1}.second-title{margin-top:30px}.field-group{margin-bottom:21px}.field-group label{display:block;font-size:11px;font-weight:770;margin-bottom:9px;color:#354e5a}.field-group input,.field-group textarea{width:100%;border:1px solid #d9e5e8;border-radius:9px;background:#fbfdfd;color:#203c48;font-size:12px;padding:12px 13px;outline:none;line-height:1.55;transition:border-color .2s,box-shadow .2s}.field-group textarea{resize:vertical;min-height:74px}.field-group input:focus,.field-group textarea:focus{border-color:#31bd98;box-shadow:0 0 0 3px #2ec69b18;background:#fff}.image-field{border:1px solid #e1ecee;padding:11px;border-radius:11px;display:flex;gap:11px;align-items:center;margin-bottom:13px}.image-control-thumb{height:70px;width:82px;border-radius:7px;background:#ebf3f4;overflow:hidden;flex:none}.image-control-thumb img{height:100%;width:100%;object-fit:cover}.image-empty-thumb{height:100%;display:grid;place-items:center;font-size:25px;color:#9bb4b8}.image-control-copy{min-width:0}.image-control-copy strong{font-size:11px;display:block;line-height:1.35}.image-control-copy span{display:block;font-size:10px;color:#8b9da5;margin-top:5px}.image-actions{display:flex;gap:8px;margin-top:8px}.image-actions button{font-size:10px;font-weight:800;background:none;border:0;color:#028e6f;padding:0;text-decoration:underline;text-underline-offset:3px}.image-actions .delete-img{color:#b05c5c}.helper-note{font-size:10px;line-height:1.7;color:#8ca0a7;background:#f4f9f9;border-radius:9px;padding:13px;margin-top:17px}.editor-footnote{font-size:10px;line-height:1.7;color:#83999f;padding:18px 23px;border-top:1px solid #e9f0f1}.editor-footnote span{color:#07b18a}.locked{padding:32px 23px}.locked-icon{width:48px;height:48px;border-radius:14px;background:#ebf7f3;color:#00a77f;display:grid;place-items:center;font-size:25px}.locked h3{font-size:17px;margin:22px 0 9px}.locked p{font-size:12px;line-height:1.7;color:#8296a0;margin:0 0 22px}.locked .btn{width:100%}.modal-layer{position:fixed;inset:0;display:grid;place-items:center;background:#041823b9;z-index:50;padding:20px}.modal{position:relative;background:#fff;border-radius:21px;box-shadow:0 30px 120px #0004;padding:35px;width:min(430px,100%)}.modal-close{position:absolute;right:19px;top:14px;background:none;border:0;font-size:26px;color:#91a4ad}.modal-logo{height:45px;width:45px;border-radius:12px;background:#123644;color:white;display:grid;place-items:center;font-weight:900;font-size:15px}.modal h2{font-size:23px;margin:20px 0 7px}.modal p{font-size:12px;line-height:1.7;color:#7c929d;margin:0 0 25px}.modal label{display:block;font-size:11px;font-weight:800;margin:0 0 8px}.modal input{width:100%;border-radius:10px;border:1px solid #d6e3e6;padding:12px 14px;margin-bottom:20px;outline:none}.modal input:focus{border-color:#18a883}.block{width:100%;padding:14px}.form-error{background:#fff0ed;color:#a8413a;padding:10px;border-radius:8px;margin-bottom:15px;font-size:11px}.toast{position:fixed;bottom:22px;right:22px;max-width:390px;z-index:80;padding:14px 20px;color:white;background:#113d45;border-radius:10px;box-shadow:0 12px 45px #082a3644;opacity:0;pointer-events:none;transform:translateY(12px);transition:all .2s;font-weight:650;font-size:12px}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:#aa4242}#print-area{display:none}
/* -------------------- A4 COMPANY PROFILE -------------------- */
.sheet{font-family:"Segoe UI",Arial,sans-serif;color:var(--ink)}.sheet *{box-sizing:border-box}.sheet [data-field]{white-space:pre-line}.sheet h1,.sheet h2,.sheet p{margin-top:0}.sheet .photo{position:relative;overflow:hidden;background:#dfebec}.sheet .photo img{display:block;width:100%;height:100%;object-fit:cover}.photo-empty{background:linear-gradient(145deg,#dbe9eb,#f1f6f4)!important}.empty-media{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;color:#829e9c;font-size:15px}.empty-icon{height:37px;width:37px;border:1px dashed #9cbbb6;border-radius:50%;display:grid;place-items:center;font-size:22px}.photo-edit{position:absolute;bottom:11px;right:11px;font-size:11px;font-weight:700;border-radius:7px;background:#062d36c9;color:white;padding:9px 13px;opacity:0;transition:opacity .15s}.can-edit #live-sheet .photo:hover .photo-edit{opacity:1}.can-edit #live-sheet [data-asset],.can-edit #live-sheet [data-field]{cursor:pointer}.can-edit #live-sheet [data-field]:hover{outline:1px dashed #17b68f;outline-offset:3px}.can-edit #live-sheet .brand-fallback:hover{outline:1px dashed white}.brand-fallback{font-family:Arial,sans-serif;display:flex;flex-direction:column;gap:0;line-height:.9;font-weight:900;color:#0b4d4b;letter-spacing:-.11em}.brand-fallback b{font-size:31px;letter-spacing:-.11em}.brand-fallback b span{color:#00ac78}.brand-fallback small{font-size:8px;letter-spacing:.22em;font-weight:900;margin-top:5px}.brand-logo-file{height:45px;width:auto;max-width:150px;object-fit:contain}.sheet-head{height:101px;display:flex;align-items:center;justify-content:space-between;margin:0 54px;border-bottom:1px solid #dce7e8}.sheet-head-brand{display:flex;align-items:center;gap:16px}.head-rule{height:26px;width:1px;background:#bfcfd1}.sheet-head-brand>div:last-child{display:flex;flex-direction:column;gap:3px}.sheet-head-brand>div:last-child strong{font-size:12px;letter-spacing:.08em}.sheet-head-brand>div:last-child small{font-size:9px;letter-spacing:.12em;color:#619082;font-weight:850}.head-top-label{font-size:10px;font-weight:800;letter-spacing:.12em;color:#a8b5b9}.head-top-label b{color:#0aa983}.page-main{margin:0 54px;position:relative}.section-leadin{font-size:11px;color:#07a781;letter-spacing:.16em;font-weight:900;margin:38px 0 16px}.page-title{font-size:46px;letter-spacing:-.06em;line-height:1.05;font-weight:850;max-width:640px;margin:0 0 20px}.title-underline{width:92px;height:5px;background:#02b58b;margin-bottom:28px}.page-desc{font-size:17px;line-height:1.6;max-width:640px;color:#667f88;margin:-7px 0 28px;font-weight:400}.sheet-foot{height:67px;position:absolute;left:54px;right:54px;bottom:0;display:flex;align-items:center;gap:10px;border-top:1px solid #e0e9e9;font-size:10px;color:#899da4;letter-spacing:.045em;font-weight:650}.foot-mark{width:23px;height:6px;background:#00af88;display:block}.foot-right{margin-left:auto;color:#0b7c65;font-size:19px;font-weight:900}.foot-right small{font-size:11px;color:#a9baba}.standard-page{height:100%;background:#fff}
/* Cover */
.cover-page{position:absolute;inset:0;background:#081f2a;color:#fff;overflow:hidden}.cover-photo{position:absolute;left:0;right:0;top:0;height:72%}.cover-hero{width:100%;height:100%}.cover-hero img{object-position:38% center}.cover-tint{position:absolute;inset:0;background:linear-gradient(90deg,#061f2df5 2%,#062a39d6 42%,#06313a48 100%),linear-gradient(0deg,#06212a 5%,transparent 77%)}.cover-page:before{content:"";position:absolute;right:-190px;top:-160px;width:520px;height:520px;border:1px solid #ffffff30;transform:rotate(28deg);z-index:1}.cover-brand{position:absolute;top:62px;left:62px;display:flex;align-items:center;gap:16px;z-index:2}.cover-brand .brand-fallback{color:white}.cover-brand .brand-logo-file{filter:drop-shadow(0 2px 8px #0004)}.cover-brand .brand-fallback b{font-size:34px}.cover-brand .brand-fallback small{color:#c8f4e6}.cover-brandsplit{height:40px;width:1px;background:#ffffff65}.cover-brand strong{font-size:11px;line-height:1.45;letter-spacing:.19em}.cover-main{position:absolute;top:250px;left:62px;right:75px;z-index:2}.cover-kicker{font-size:11px;letter-spacing:.23em;color:#d8ffed;font-weight:850;margin-bottom:22px}.cover-titlelabel{font-size:100px;line-height:.88;letter-spacing:-.075em;font-weight:950}.cover-titlelabel span{color:#23d8a5}.cover-line{height:6px;width:92px;background:#28d8ad;margin:39px 0 29px}.cover-title{font-size:32px;line-height:1.18;letter-spacing:-.045em;font-weight:750;max-width:550px;margin:0 0 17px}.cover-description{color:#deedef;font-size:17px;line-height:1.5;max-width:510px;font-weight:450}.cover-bottom{position:absolute;left:0;right:0;bottom:0;height:245px;z-index:2;background:#06a37d;padding:38px 63px 30px}.cover-bottom:before{content:"";height:8px;background:#d8e879;width:180px;position:absolute;top:0;left:0}.cover-bottom-label{display:flex;align-items:center;gap:11px;color:#e7fffb;font-size:11px;letter-spacing:.19em;font-weight:800}.cover-yellow{width:8px;height:8px;background:#dcf07f;transform:rotate(45deg)}.cover-bottom-row{display:grid;grid-template-columns:1.25fr 1.05fr .7fr;gap:20px;border-top:1px solid #ffffff50;margin-top:37px;padding-top:24px}.cover-bottom-row>div{display:flex;flex-direction:column;gap:8px}.cover-bottom-row small{color:#bbf2e1;font-size:10px;letter-spacing:.12em;font-weight:800}.cover-bottom-row b{font-size:12px;line-height:1.45;letter-spacing:.025em}
/* About */
.about-top{display:grid;grid-template-columns:1.45fr .8fr;gap:21px;height:284px}.about-photo-frame{position:relative;border-radius:0 82px 0 0;overflow:hidden}.about-photo{height:100%}.about-side{position:relative;background:#0a3240;color:white;padding:34px 24px;overflow:hidden}.about-side:after{content:"";position:absolute;height:205px;width:205px;border:1px solid #ffffff2e;transform:rotate(30deg);right:-100px;top:90px}.side-accent{color:#5cddba;font-size:10px;letter-spacing:.16em;font-weight:850}.about-stat-big{font-size:32px;font-weight:900;letter-spacing:-.055em;line-height:1.13;margin-top:35px}.about-stat-big em{color:#36cc9d;font-style:normal}.about-side p{font-size:12px;color:#c3e0e0;line-height:1.55;margin-top:20px;max-width:155px}.about-side-line{display:block;width:35px;height:4px;background:#e4ed75;margin-top:16px}.about-copy{margin-top:30px;display:grid;gap:12px}.about-copy p{font-size:15.3px;line-height:1.58;color:#485f66;margin:0;text-align:left}.stat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:31px}.stat-card{border:1px solid #dce9e8;background:#f5faf8;padding:18px 15px;min-height:96px}.stat-card strong{display:block;font-weight:900;font-size:24px;color:#0d6b60;letter-spacing:-.06em}.stat-card small{font-size:9px;color:#698b8b;font-weight:900;letter-spacing:.09em;display:block;margin-top:8px}
/* Identity */
.identity-banner{height:229px;overflow:hidden;position:relative;background:#123c48;margin:16px 0 25px}.identity-image{height:100%}.identity-image img{filter:saturate(.8)}.identity-banner-label{position:absolute;inset:0;background:linear-gradient(90deg,#072b39eb,transparent 90%);display:flex;justify-content:space-between;align-items:flex-end;color:#fff;padding:25px 31px}.identity-banner-label span{font-size:21px;font-weight:900;letter-spacing:.04em;line-height:1.1}.identity-banner-label b{font-size:10px;letter-spacing:.1em}.identity-section-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;color:#10a181;font-weight:900;margin:31px 0 8px}.identity-section-label span:last-child{color:#b0bdc2}.identity-row{display:grid;grid-template-columns:38px 166px 1fr;gap:14px;align-items:start;padding:22px 9px 20px 0;border-bottom:1px solid #dae6e8;min-height:77px}.legal-index{color:#1aac87;font-size:11px;font-weight:850}.legal-name{font-size:13.5px;font-weight:800;color:#193a45}.legal-value{font-size:14px;line-height:1.5;color:#566e77}.identity-note{display:flex;align-items:center;gap:11px;padding:21px 22px;background:#eef8f5;margin-top:31px;color:#507e76;font-size:13px;font-weight:650}.circle-dot{width:9px;height:9px;background:#09ae83;border-radius:50%;flex:none}
/* Vision */
.vision-hero{height:281px;background:#0a3040;display:grid;grid-template-columns:1.45fr .75fr;color:#fff;overflow:hidden}.vision-hero-body{padding:26px 28px}.vision-index{color:#44cfad;font-size:12px;font-weight:900;letter-spacing:.11em}.vision-description{font-size:19px;line-height:1.53;font-weight:550;margin:24px 0}.vision-image{height:100%}.mission-header{display:flex;justify-content:space-between;align-items:center;margin:29px 0 11px;color:#098e73;font-size:13px;font-weight:900;letter-spacing:.13em}.mission-header small{font-size:10px;color:#a5b7bb}.mission-list{display:grid;grid-template-columns:1fr 1fr;gap:13px 20px}.mission-row{min-height:125px;display:flex;gap:14px;border:1px solid #e1e9e9;padding:15px 12px;background:#fbfdfc}.mission-no{font-size:12px;font-weight:900;color:#12af8d;border-top:3px solid #10b38c;padding-top:7px;flex:none}.mission-row p{font-size:12.5px;line-height:1.52;color:#485f69;margin:4px 0 0}.mission-row:last-child{grid-column:1/-1;min-height:68px}
/* Modes */
.modes-blocks{margin-top:28px;display:grid;gap:16px}.mode-card{height:207px;display:grid;grid-template-columns:244px 1fr 60px;border:1px solid #d9e7e7;background:#f8fbfa}.mode-image{height:100%}.mode-card-content{padding:27px 15px 12px 28px}.mode-card-content>span{color:#05a982;font-size:11px;letter-spacing:.12em;font-weight:850}.mode-card h2{font-size:24px;letter-spacing:-.03em;margin:18px 0 9px;font-weight:850}.mode-card p{font-size:14.5px;line-height:1.53;color:#657b83;max-width:320px;margin:0}.mode-arrow{padding-top:30px;color:#13aa83;font-size:24px;font-weight:500}.modes-endline{display:flex;align-items:center;justify-content:center;gap:17px;margin-top:34px;font-weight:850;font-size:13px;letter-spacing:.2em;color:#0c6e64}.thin-line{width:63px;height:2px;background:#c7e2d9}
/* Cargo */
.cargo-lead{display:flex;align-items:center;gap:14px;font-size:11px;color:#0b9274;font-weight:900;letter-spacing:.13em;margin:25px 0 15px}.cargo-lead span{height:1px;flex:1;background:#d3e5e2}.cargo-blocks{display:grid;gap:16px}.cargo-card{height:203px;display:grid;grid-template-columns:270px 1fr;background:#f6faf9;border:1px solid #e0eaeb;overflow:hidden}.cargo-photo{height:100%}.cargo-body{padding:22px 28px}.cargo-index{font-size:13px;font-weight:900;color:#02ac82}.cargo-index em{font-size:10px;font-style:normal;font-weight:800;letter-spacing:.1em;color:#a0aeaf}.cargo-body h2{font-size:25px;line-height:1.1;letter-spacing:-.04em;margin:19px 0 13px}.cargo-body p{font-size:14.5px;color:#5c777e;line-height:1.6}.cargo-statement{display:flex;justify-content:space-between;align-items:end;background:#0b3440;color:white;margin-top:25px;padding:20px 24px}.cargo-statement b{font-size:24px;line-height:1.1;letter-spacing:-.04em}.cargo-statement small{font-size:10px;letter-spacing:.07em;color:#7cdbbb}
/* Gallery */
.gallery-grid{margin-top:28px;display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.gallery-feature{height:290px;position:relative;overflow:hidden;background:#123947}.gallery-feature .gallery-image{height:100%}.gallery-feature .gallery-caption{position:absolute;bottom:0;left:0;right:0;min-height:65px;background:linear-gradient(0deg,#072e3de8,#072e3d30);color:#fff;font-size:14px;padding:29px 19px 13px;font-weight:800;line-height:1.3}.gallery-small{height:206px;position:relative;overflow:hidden;background:#153e49}.gallery-small .gallery-image{height:100%}.gallery-small .gallery-caption{position:absolute;bottom:0;left:0;right:0;min-height:52px;background:#072e3dc9;color:#fff;font-size:12px;padding:16px;font-weight:750;line-height:1.4}.gallery-final{display:flex;justify-content:space-between;font-size:11px;color:#82979b;font-weight:850;letter-spacing:.1em;border-top:1px solid #d4e5e6;margin-top:22px;padding-top:19px}
/* Contact */
.contact-page{position:absolute;inset:0;background:#f5faf8}.contact-top{height:575px;background:#0a2c3c;position:relative;color:#fff;overflow:hidden}.contact-top:before{content:"";position:absolute;right:-100px;top:-120px;width:420px;height:420px;border:1px solid #ffffff24;transform:rotate(35deg)}.contact-topbar{display:flex;align-items:center;justify-content:space-between;padding:43px 52px 0;position:relative;z-index:2}.contact-topbar .brand-fallback{color:#fff}.contact-topbar .brand-fallback small{color:#aaf7de}.contact-topbar>span{font-size:10px;letter-spacing:.13em;font-weight:800;color:#bcdbd8}.contact-hero-copy{position:relative;z-index:2;margin:70px 52px 0}.contact-kicker{color:#69e0bd;font-size:11px;font-weight:900;letter-spacing:.16em}.contact-title{font-size:61px;font-weight:900;letter-spacing:-.055em;line-height:1.05;margin:22px 0}.contact-intro{font-size:16px;line-height:1.6;color:#d5eae7;max-width:570px}.contact-photo{position:absolute;right:0;bottom:0;width:65%;height:210px}.contact-photo:after{content:"";background:linear-gradient(90deg,#0a2c3c,transparent);position:absolute;inset:0}.contact-bottom{display:grid;grid-template-columns:1.3fr .8fr;gap:38px;padding:50px 52px 0}.contact-info-head{font-size:10px;color:#02a27a;font-weight:900;letter-spacing:.14em;padding-bottom:17px;border-bottom:1px solid #bfd6d5}.contact-item{margin-top:24px}.contact-item small{display:block;font-size:10px;font-weight:900;color:#82a19d;letter-spacing:.12em;margin-bottom:9px}.contact-item p{font-size:16px;font-weight:700;line-height:1.45;color:#143a45;margin:0;overflow-wrap:anywhere}.contact-qr-card{background:#fff;border:1px solid #d6e9e5;align-self:start;padding:22px;text-align:center;box-shadow:0 10px 40px #063f4712}.qr-wrap{width:208px;height:208px;margin:0 auto 16px}.qr-wrap canvas,.qr-wrap img{width:100%;height:100%;object-fit:contain}.qr-caption{font-size:12px;font-weight:800;margin:4px 0 8px;color:#21454d}.contact-qr-card small{font-size:10px;letter-spacing:.12em;color:#88a09e;font-weight:800}.contact-endbar{position:absolute;bottom:0;left:0;right:0;height:84px;background:#00a77c;color:white;display:flex;justify-content:space-between;align-items:center;padding:0 52px}.contact-endbar>span{font-size:10px;letter-spacing:.14em;font-weight:800}.contact-endbar>b{font-size:29px;font-weight:900;letter-spacing:-.05em}.contact-endbar>b span{color:#daf086}
@media(max-width:1330px){.layout{grid-template-columns:217px minmax(390px,1fr) 296px}.topbar{padding:0 15px}.brand-lockup{min-width:200px}.top-project{display:none}.top-dot{display:none}.edit-panel .panel-head{padding-left:18px}.fields-list{padding:20px 17px}.stage{padding-left:18px;padding-right:18px}}
@media(max-width:1050px){.layout{grid-template-columns:84px minmax(350px,1fr) 280px}.navside{padding:22px 7px}.aside-overline,.doc-info,.nav-header,.page-info,.page-nav-arrow,.nav-bottom{display:none}.page-list{padding-top:15px}.page-nav-item{justify-content:center;padding:12px 3px}.page-bullet{font-size:11px;width:39px;height:39px}.topbar{height:70px}.navside,.edit-panel{top:70px;height:calc(100vh - 70px)}}
@media(max-width:780px){.topbar{flex-wrap:wrap;height:auto;min-height:80px;padding:12px;gap:9px}.brand-lockup{min-width:0}.brand-sub,.top-center{display:none}.top-actions{margin-left:auto;gap:5px}.btn{padding:9px 10px;font-size:10px}.save-state{display:none}.layout{display:flex;flex-direction:column}.navside{position:relative;top:auto;height:auto;border-right:0;border-bottom:1px solid #dae7e8;padding:9px;display:block;overflow-x:auto}.page-list{padding:0;flex-direction:row;min-width:max-content}.page-nav-item{width:43px;height:44px}.page-bullet{height:32px;width:32px}.canvas-bar{padding:12px;min-height:60px}.canvas-context strong{display:none}.canvas-controls{gap:2px}.stage{padding:15px 10px 26px;min-height:700px}.stage-foot{padding:10px;font-size:9px}.edit-panel{position:relative;top:auto;height:auto;max-height:780px;border-left:0;border-top:1px solid #dae7e8}.panel-head{padding:18px!important}.editor-scroll{max-height:610px}.locked{padding:20px}.brand-name{font-size:12px}}
@media print{
    @page{size:A4 portrait;margin:0}
    html,body{margin:0!important;padding:0!important;background:#fff!important;width:210mm!important;overflow:visible!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
    #workspace,.modal-layer,.toast,#hidden-file{display:none!important}
    #print-area{display:block!important;position:static!important;margin:0!important;padding:0!important;width:210mm!important}
    #print-area .sheet{transform:none!important;box-shadow:none!important;width:210mm!important;height:297mm!important;min-height:297mm!important;max-height:297mm!important;margin:0!important;break-inside:avoid!important;page-break-inside:avoid!important;break-after:page!important;page-break-after:always!important;overflow:hidden!important}
    #print-area .sheet:last-child{break-after:auto!important;page-break-after:auto!important}
    .photo-edit{display:none!important}
}
/* Penyesuaian ritme vertikal untuk memastikan footer A4 bebas benturan. */
.identity-banner{height:213px}
.identity-row{min-height:71px;padding-top:17px;padding-bottom:16px}
.identity-note{margin-top:23px;padding-top:16px;padding-bottom:16px}
.mission-row{min-height:111px;padding-top:12px;padding-bottom:12px}
.mission-row:last-child{min-height:59px}
.mode-card{height:195px}
.modes-endline{margin-top:16px}
.cargo-card{height:176px}
.cargo-statement{margin-top:18px;padding-top:13px;padding-bottom:13px}
.gallery-feature{height:274px}
.gallery-small{height:191px}
.gallery-final{margin-top:15px;padding-top:14px}

/* Warna teks terpisah dari elemen aksen pada judul editable. */
.cover-titlelabel > span[data-field]{color:#fff}
.cover-titlelabel > span:not([data-field]){color:#24d8a5}
.contact-endbar > b > span[data-field]{color:#fff}
.overflow-warning{background:#ffebe1;border-top:1px solid #f0b59a;border-bottom:1px solid #f0b59a;color:#9f4a2b;font-size:12px;font-weight:750;padding:10px 21px;text-align:center}
@media print{.overflow-warning{display:none!important}}
/* Menjaga isi kartu muatan tetap di dalam tinggi tetap. */
.cargo-body{padding:16px 24px}
.cargo-body h2{margin:12px 0 9px}
.cargo-body p{font-size:14px;line-height:1.48}
.cargo-statement{margin-top:10px}