/* SIUKT — gaya bersama halaman publik (landing & panduan).
   Diekstrak dari home.blade.php; ubah di sini agar kedua halaman tetap sama. */

:root {
    --ink:        #0d1b13;
    --ink-soft:   #3d4a40;
    --ink-mute:   #5f6a5d;
    --paper:      #ffffff;
    --cream:      #f6f2e7;
    --cream-2:    #ece4cf;
    --line:       #d9d3c2;
    --line-soft:  #ebe7da;

    --green-950:  #06210f;
    --green-900:  #0a3a22;
    --green-800:  #114d2d;
    --green-700:  #1a6d40;
    --green-600:  #2a8a55;
    --green-50:   #e7efe7;

    --gold-700:   #8a6817;
    --gold-600:   #b08322;
    --gold-500:   #c9a032;
    --gold-400:   #dcbb5a;
    --gold-100:   #f4e9c5;

    --red-700:    #8a2e22;
    --red-50:     #f7e6e2;

    --shadow-sm:  0 1px 2px rgba(13,27,19,.05), 0 1px 1px rgba(13,27,19,.04);
    --shadow:     0 4px 14px rgba(13,27,19,.06), 0 2px 4px rgba(13,27,19,.04);
    --shadow-lg:  0 18px 40px rgba(13,27,19,.12), 0 6px 14px rgba(13,27,19,.06);

    --serif: "Source Serif 4", "Source Serif Pro", Georgia, serif;
    --sans:  "Manrope", system-ui, -apple-system, sans-serif;
}

/* ---------- Skip link (a11y) ---------- */
.skip-link{position:absolute;left:12px;top:-48px;z-index:10000;background:var(--green-900);color:#fff;padding:10px 16px;border-radius:4px;font-size:13px;text-decoration:none;transition:top .15s ease}
.skip-link:focus{top:12px}

/* ---------- Icons: inline SVG masks (replaces Font Awesome CDN) ---------- */
i[class*="fa-"]{
    display:inline-block;width:1em;height:1em;
    font-style:normal;vertical-align:-.125em;
    background-color:currentColor;
    -webkit-mask:var(--fa) center/contain no-repeat;
    mask:var(--fa) center/contain no-repeat;
}
.fa-arrow-right{--fa:url("data:image/svg+xml,%3Csvg fill=%22white%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 448 512%22%3E%3Cpath d=%22M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z%22/%3E%3C/svg%3E")}
.fa-arrow-right-to-bracket{--fa:url("data:image/svg+xml,%3Csvg fill=%22white%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 512 512%22%3E%3Cpath d=%22M352 96l64 0c17.7 0 32 14.3 32 32l0 256c0 17.7-14.3 32-32 32l-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l64 0c53 0 96-43 96-96l0-256c0-53-43-96-96-96l-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32zm-9.4 182.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L242.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l210.7 0-73.4 73.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l128-128z%22/%3E%3C/svg%3E")}
.fa-check{--fa:url("data:image/svg+xml,%3Csvg fill=%22white%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 448 512%22%3E%3Cpath d=%22M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z%22/%3E%3C/svg%3E")}
.fa-chevron-down{--fa:url("data:image/svg+xml,%3Csvg fill=%22white%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 512 512%22%3E%3Cpath d=%22M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z%22/%3E%3C/svg%3E")}
.fa-circle-dot{--fa:url("data:image/svg+xml,%3Csvg fill=%22white%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 512 512%22%3E%3Cpath d=%22M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm256-96a96 96 0 1 1 0 192 96 96 0 1 1 0-192z%22/%3E%3C/svg%3E")}
.fa-circle-exclamation{--fa:url("data:image/svg+xml,%3Csvg fill=%22white%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 512 512%22%3E%3Cpath d=%22M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z%22/%3E%3C/svg%3E")}
.fa-clock{--fa:url("data:image/svg+xml,%3Csvg fill=%22white%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 512 512%22%3E%3Cpath d=%22M464 256A208 208 0 1 1 48 256a208 208 0 1 1 416 0zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM232 120V256c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2V120c0-13.3-10.7-24-24-24s-24 10.7-24 24z%22/%3E%3C/svg%3E")}
.fa-cloud-arrow-up{--fa:url("data:image/svg+xml,%3Csvg fill=%22white%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 640 512%22%3E%3Cpath d=%22M144 480C64.5 480 0 415.5 0 336c0-62.8 40.2-116.2 96.2-135.9c-.1-2.7-.2-5.4-.2-8.1c0-88.4 71.6-160 160-160c59.3 0 111 32.2 138.7 80.2C409.9 102 428.3 96 448 96c53 0 96 43 96 96c0 12.2-2.3 23.8-6.4 34.6C596 238.4 640 290.1 640 352c0 70.7-57.3 128-128 128H144zm79-217c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l39-39V392c0 13.3 10.7 24 24 24s24-10.7 24-24V257.9l39 39c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-80-80c-9.4-9.4-24.6-9.4-33.9 0l-80 80z%22/%3E%3C/svg%3E")}
.fa-down-long{--fa:url("data:image/svg+xml,%3Csvg fill=%22white%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 320 512%22%3E%3Cpath d=%22M2 334.5c-3.8 8.8-2 19 4.6 26l136 144c4.5 4.8 10.8 7.5 17.4 7.5s12.9-2.7 17.4-7.5l136-144c6.6-7 8.4-17.2 4.6-26s-12.5-14.5-22-14.5l-72 0 0-288c0-17.7-14.3-32-32-32L128 0C110.3 0 96 14.3 96 32l0 288-72 0c-9.6 0-18.2 5.7-22 14.5z%22/%3E%3C/svg%3E")}
.fa-envelope{--fa:url("data:image/svg+xml,%3Csvg fill=%22white%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 512 512%22%3E%3Cpath d=%22M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z%22/%3E%3C/svg%3E")}
.fa-external-link-alt{--fa:url("data:image/svg+xml,%3Csvg fill=%22white%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 512 512%22%3E%3Cpath d=%22M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z%22/%3E%3C/svg%3E")}
.fa-file-pdf{--fa:url("data:image/svg+xml,%3Csvg fill=%22white%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 512 512%22%3E%3Cpath d=%22M64 464l48 0 0 48-48 0c-35.3 0-64-28.7-64-64L0 64C0 28.7 28.7 0 64 0L229.5 0c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3L384 304l-48 0 0-144-80 0c-17.7 0-32-14.3-32-32l0-80L64 48c-8.8 0-16 7.2-16 16l0 384c0 8.8 7.2 16 16 16zM176 352l32 0c30.9 0 56 25.1 56 56s-25.1 56-56 56l-16 0 0 32c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-48 0-80c0-8.8 7.2-16 16-16zm32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24l-16 0 0 48 16 0zm96-80l32 0c26.5 0 48 21.5 48 48l0 64c0 26.5-21.5 48-48 48l-32 0c-8.8 0-16-7.2-16-16l0-128c0-8.8 7.2-16 16-16zm32 128c8.8 0 16-7.2 16-16l0-64c0-8.8-7.2-16-16-16l-16 0 0 96 16 0zm80-112c0-8.8 7.2-16 16-16l48 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 32 32 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 48c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-64 0-64z%22/%3E%3C/svg%3E")}
.fa-flag{--fa:url("data:image/svg+xml,%3Csvg fill=%22white%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 448 512%22%3E%3Cpath d=%22M48 24C48 10.7 37.3 0 24 0S0 10.7 0 24V64 350.5 400v88c0 13.3 10.7 24 24 24s24-10.7 24-24V388l80.3-20.1c41.1-10.3 84.6-5.5 122.5 13.4c44.2 22.1 95.5 24.8 141.7 7.4l34.7-13c12.5-4.7 20.8-16.6 20.8-30V66.1c0-23-24.2-38-44.8-27.7l-9.6 4.8c-46.3 23.2-100.8 23.2-147.1 0c-35.1-17.6-75.4-22-113.5-12.5L48 52V24zm0 77.5l96.6-24.2c27-6.7 55.5-3.6 80.4 8.8c54.9 27.4 118.7 29.7 175 6.8V334.7l-24.4 9.1c-33.7 12.6-71.2 10.7-103.4-5.4c-48.2-24.1-103.3-30.1-155.6-17.1L48 338.5v-237z%22/%3E%3C/svg%3E")}
.fa-info{--fa:url("data:image/svg+xml,%3Csvg fill=%22white%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 192 512%22%3E%3Cpath d=%22M48 80a48 48 0 1 1 96 0A48 48 0 1 1 48 80zM0 224c0-17.7 14.3-32 32-32H96c17.7 0 32 14.3 32 32V448h32c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H64V256H32c-17.7 0-32-14.3-32-32z%22/%3E%3C/svg%3E")}
.fa-instagram{--fa:url("data:image/svg+xml,%3Csvg fill=%22white%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 448 512%22%3E%3Cpath d=%22M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z%22/%3E%3C/svg%3E")}
.fa-language{--fa:url("data:image/svg+xml,%3Csvg fill=%22white%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 640 512%22%3E%3Cpath d=%22M0 128C0 92.7 28.7 64 64 64H256h48 16H576c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H320 304 256 64c-35.3 0-64-28.7-64-64V128zm320 0V384H576V128H320zM178.3 175.9c-3.2-7.2-10.4-11.9-18.3-11.9s-15.1 4.7-18.3 11.9l-64 144c-4.5 10.1 .1 21.9 10.2 26.4s21.9-.1 26.4-10.2l8.9-20.1h73.6l8.9 20.1c4.5 10.1 16.3 14.6 26.4 10.2s14.6-16.3 10.2-26.4l-64-144zM160 233.2L179 276H141l19-42.8zM448 164c11 0 20 9 20 20v4h44 16c11 0 20 9 20 20s-9 20-20 20h-2l-1.6 4.5c-8.9 24.4-22.4 46.6-39.6 65.4c.9 .6 1.8 1.1 2.7 1.6l18.9 11.3c9.5 5.7 12.5 18 6.9 27.4s-18 12.5-27.4 6.9l-18.9-11.3c-4.5-2.7-8.8-5.5-13.1-8.5c-10.6 7.5-21.9 14-34 19.4l-3.6 1.6c-10.1 4.5-21.9-.1-26.4-10.2s.1-21.9 10.2-26.4l3.6-1.6c6.4-2.9 12.6-6.1 18.5-9.8l-12.2-12.2c-7.8-7.8-7.8-20.5 0-28.3s20.5-7.8 28.3 0l14.6 14.6 .5 .5c12.4-13.1 22.5-28.3 29.8-45H448 376c-11 0-20-9-20-20s9-20 20-20h52v-4c0-11 9-20 20-20z%22/%3E%3C/svg%3E")}
.fa-list-check{--fa:url("data:image/svg+xml,%3Csvg fill=%22white%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 512 512%22%3E%3Cpath d=%22M152.1 38.2c9.9 8.9 10.7 24 1.8 33.9l-72 80c-4.4 4.9-10.6 7.8-17.2 7.9s-12.9-2.4-17.6-7L7 113C-2.3 103.6-2.3 88.4 7 79s24.6-9.4 33.9 0l22.1 22.1 55.1-61.2c8.9-9.9 24-10.7 33.9-1.8zm0 160c9.9 8.9 10.7 24 1.8 33.9l-72 80c-4.4 4.9-10.6 7.8-17.2 7.9s-12.9-2.4-17.6-7L7 273c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l22.1 22.1 55.1-61.2c8.9-9.9 24-10.7 33.9-1.8zM224 96c0-17.7 14.3-32 32-32H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H256c-17.7 0-32-14.3-32-32zm0 160c0-17.7 14.3-32 32-32H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H256c-17.7 0-32-14.3-32-32zM160 416c0-17.7 14.3-32 32-32H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H192c-17.7 0-32-14.3-32-32zM48 368a48 48 0 1 1 0 96 48 48 0 1 1 0-96z%22/%3E%3C/svg%3E")}
.fa-magnifying-glass-chart{--fa:url("data:image/svg+xml,%3Csvg fill=%22white%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 512 512%22%3E%3Cpath d=%22M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zm-312 8v64c0 13.3 10.7 24 24 24s24-10.7 24-24l0-64c0-13.3-10.7-24-24-24s-24 10.7-24 24zm80-96V280c0 13.3 10.7 24 24 24s24-10.7 24-24V120c0-13.3-10.7-24-24-24s-24 10.7-24 24zm80 64v96c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24s-24 10.7-24 24z%22/%3E%3C/svg%3E")}
.fa-pen-to-square{--fa:url("data:image/svg+xml,%3Csvg fill=%22white%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 512 512%22%3E%3Cpath d=%22M471.6 21.7c-21.9-21.9-57.3-21.9-79.2 0L362.3 51.7l97.9 97.9 30.1-30.1c21.9-21.9 21.9-57.3 0-79.2L471.6 21.7zm-299.2 220c-6.1 6.1-10.8 13.6-13.5 21.9l-29.6 88.8c-2.9 8.6-.6 18.1 5.8 24.6s15.9 8.7 24.6 5.8l88.8-29.6c8.2-2.7 15.7-7.4 21.9-13.5L437.7 172.3 339.7 74.3 172.4 241.7zM96 64C43 64 0 107 0 160V416c0 53 43 96 96 96H352c53 0 96-43 96-96V320c0-17.7-14.3-32-32-32s-32 14.3-32 32v96c0 17.7-14.3 32-32 32H96c-17.7 0-32-14.3-32-32V160c0-17.7 14.3-32 32-32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H96z%22/%3E%3C/svg%3E")}
.fa-route{--fa:url("data:image/svg+xml,%3Csvg fill=%22white%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 512 512%22%3E%3Cpath d=%22M512 96c0 50.2-59.1 125.1-84.6 155c-3.8 4.4-9.4 6.1-14.5 5H320c-17.7 0-32 14.3-32 32s14.3 32 32 32h96c53 0 96 43 96 96s-43 96-96 96H139.6c8.7-9.9 19.3-22.6 30-36.8c6.3-8.4 12.8-17.6 19-27.2H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H320c-53 0-96-43-96-96s43-96 96-96h39.8c-21-31.5-39.8-67.7-39.8-96c0-53 43-96 96-96s96 43 96 96zM117.1 489.1c-3.8 4.3-7.2 8.1-10.1 11.3l-1.8 2-.2-.2c-6 4.6-14.6 4-20-1.8C59.8 473 0 402.5 0 352c0-53 43-96 96-96s96 43 96 96c0 30-21.1 67-43.5 97.9c-10.7 14.7-21.7 28-30.8 38.5l-.6 .7zM128 352a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zM416 128a32 32 0 1 0 0-64 32 32 0 1 0 0 64z%22/%3E%3C/svg%3E")}
.fa-stamp{--fa:url("data:image/svg+xml,%3Csvg fill=%22white%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 512 512%22%3E%3Cpath d=%22M312 201.8c0-17.4 9.2-33.2 19.9-47C344.5 138.5 352 118.1 352 96c0-53-43-96-96-96s-96 43-96 96c0 22.1 7.5 42.5 20.1 58.8c10.7 13.8 19.9 29.6 19.9 47c0 29.9-24.3 54.2-54.2 54.2H112C50.1 256 0 306.1 0 368c0 20.9 13.4 38.7 32 45.3V464c0 26.5 21.5 48 48 48H432c26.5 0 48-21.5 48-48V413.3c18.6-6.6 32-24.4 32-45.3c0-61.9-50.1-112-112-112H366.2c-29.9 0-54.2-24.3-54.2-54.2zM416 416v32H96V416H416z%22/%3E%3C/svg%3E")}
.fa-telegram{--fa:url("data:image/svg+xml,%3Csvg fill=%22white%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 496 512%22%3E%3Cpath d=%22M248,8C111.033,8,0,119.033,0,256S111.033,504,248,504,496,392.967,496,256,384.967,8,248,8ZM362.952,176.66c-3.732,39.215-19.881,134.378-28.1,178.3-3.476,18.584-10.322,24.816-16.948,25.425-14.4,1.326-25.338-9.517-39.287-18.661-21.827-14.308-34.158-23.215-55.346-37.177-24.485-16.135-8.612-25,5.342-39.5,3.652-3.793,67.107-61.51,68.335-66.746.153-.655.3-3.1-1.154-4.384s-3.59-.849-5.135-.5q-3.283.746-104.608,69.142-14.845,10.194-26.894,9.934c-8.855-.191-25.888-5.006-38.551-9.123-15.531-5.048-27.875-7.717-26.8-16.291q.84-6.7,18.45-13.7,108.446-47.248,144.628-62.3c68.872-28.647,83.183-33.623,92.511-33.789,2.052-.034,6.639.474,9.61,2.885a10.452,10.452,0,0,1,3.53,6.716A43.765,43.765,0,0,1,362.952,176.66Z%22/%3E%3C/svg%3E")}
.fa-triangle-exclamation{--fa:url("data:image/svg+xml,%3Csvg fill=%22white%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 512 512%22%3E%3Cpath d=%22M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z%22/%3E%3C/svg%3E")}
.fa-user-plus{--fa:url("data:image/svg+xml,%3Csvg fill=%22white%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 640 512%22%3E%3Cpath d=%22M96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM0 482.3C0 383.8 79.8 304 178.3 304h91.4C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7H29.7C13.3 512 0 498.7 0 482.3zM504 312V248H440c-13.3 0-24-10.7-24-24s10.7-24 24-24h64V136c0-13.3 10.7-24 24-24s24 10.7 24 24v64h64c13.3 0 24 10.7 24 24s-10.7 24-24 24H552v64c0 13.3-10.7 24-24 24s-24-10.7-24-24z%22/%3E%3C/svg%3E")}

.fa-chevron-right{--fa:url("data:image/svg+xml,%3Csvg fill=%22white%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 320 512%22%3E%3Cpath d=%22M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z%22/%3E%3C/svg%3E")}
.fa-arrow-up-right-from-square{--fa:url("data:image/svg+xml,%3Csvg fill=%22white%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 512 512%22%3E%3Cpath d=%22M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z%22/%3E%3C/svg%3E")}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
    font-family: var(--sans);
    color: var(--ink);
    background: var(--paper);
    font-size: 16px;
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; }

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 32px;
}

/* ---------- Top bar ---------- */
.topbar {
    background: var(--green-950);
    color: #dfe5dc;
    font-size: 12.5px;
    letter-spacing: .02em;
}
.topbar .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 36px;
}
.topbar .left { display: flex; align-items: center; gap: 18px; }
.topbar .left span { display: inline-flex; align-items: center; gap: 6px; }
.topbar .right { display: flex; align-items: center; gap: 14px; }
.topbar .right a { opacity: .85; transition: opacity .2s; }
.topbar .right a:hover { opacity: 1; }
.topbar .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--gold-400); display: inline-block; }

/* ---------- Nav ---------- */
.nav {
    background: var(--green-900);
    color: #fff;
    border-bottom: 1px solid rgba(220, 187, 90, .25);
    position: sticky;
    top: 0;
    z-index: 50;
}
.nav .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 76px;
}
.brand { display: flex; align-items: center; gap: 14px; }
.brand-mark {
    width: 48px; height: 48px;
    display: grid; place-items: center;
    flex-shrink: 0;
}
.brand-mark img { width: 48px; height: 48px; object-fit: contain; display: block; filter: drop-shadow(0 1px 2px rgba(0,0,0,.35)); }
.brand-text { line-height: 1.1; }
.brand-text .acronym, .brand-text .full { display: block; }
.brand-text .acronym {
    font-family: var(--serif);
    font-weight: 600;
    font-size: 20px;
    letter-spacing: .01em;
}
.brand-text .full {
    font-size: 11px;
    letter-spacing: .12em;
    text-transform: uppercase;
    opacity: .75;
    margin-top: 2px;
}
.nav-links {
    display: flex; align-items: center; gap: 4px;
    list-style: none; margin: 0; padding: 0;
}
.nav-links a {
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .01em;
    border-radius: 2px;
    transition: background .2s, color .2s;
    display: inline-block;
    position: relative;
}
.nav-links a:hover { background: rgba(255,255,255,.06); }
.nav-links a.active::after {
    content: "";
    position: absolute;
    left: 16px; right: 16px; bottom: 4px;
    height: 2px; background: var(--gold-400);
}
.nav-actions { display: flex; align-items: center; gap: 12px; }
.nav-toggle {
    display: none;
    flex-direction: column; gap: 5px;
    background: none; border: 0; padding: 10px 0 10px 10px;
    cursor: pointer;
}
.nav-toggle span { width: 22px; height: 2px; background: #fff; border-radius: 2px; transition: transform .25s ease, opacity .25s ease; }
.nav.open .nav-toggle span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav.open .nav-toggle span:nth-child(2) { opacity: 0; }
.nav.open .nav-toggle span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.btn {
    display: inline-flex; align-items: center; justify-content: center;
    gap: 8px;
    padding: 11px 22px;
    border-radius: 2px;
    font-family: var(--sans);
    font-weight: 600;
    font-size: 14px;
    letter-spacing: .02em;
    border: 1px solid transparent;
    transition: transform .15s ease, background .2s, color .2s, box-shadow .2s, border-color .2s;
    text-align: center;
    white-space: nowrap;
}
.btn:hover { transform: translateY(-1px); }
.btn:active { transform: translateY(0); }
.btn-primary {
    background: var(--gold-500);
    color: var(--green-950);
    border-color: var(--gold-500);
}
.btn-primary:hover { background: var(--gold-400); border-color: var(--gold-400); box-shadow: 0 8px 20px rgba(201,160,50,.3); }
.btn-outline {
    background: transparent;
    color: #fff;
    border-color: rgba(255,255,255,.35);
}
.btn-outline:hover { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.6); }
.btn-ghost {
    background: transparent;
    color: var(--ink);
    border-color: var(--line);
}
.btn-ghost:hover { background: var(--cream); border-color: var(--ink-soft); }
.btn-dark {
    background: var(--green-900);
    color: #fff;
    border-color: var(--green-900);
}
.btn-dark:hover { background: var(--green-800); border-color: var(--green-800); }
.btn-lg { padding: 15px 28px; font-size: 15px; }
.btn-block { width: 100%; }

/* ---------- Kursor kustom (sama dengan landing) ---------- */
html.has-custom-cursor, html.has-custom-cursor body { cursor: none; }
html.has-custom-cursor a,
html.has-custom-cursor button,
html.has-custom-cursor input,
html.has-custom-cursor textarea,
html.has-custom-cursor select,
html.has-custom-cursor [role="button"] { cursor: none; }
.site-cursor {
    position: fixed;
    top: 0; left: 0;
    width: 36px; height: 36px;
    border: 1px solid var(--gold-500);
    border-radius: 50%;
    pointer-events: none;
    z-index: 9999;
    transform: translate3d(-100px, -100px, 0);
    transition: transform .18s cubic-bezier(.2,.8,.2,1),
                width .25s cubic-bezier(.2,.8,.2,1),
                height .25s cubic-bezier(.2,.8,.2,1),
                background .2s,
                border-color .2s,
                opacity .25s;
    opacity: 0;
    will-change: transform;
}
.site-cursor::after {
    content: "";
    position: absolute;
    top: 50%; left: 50%;
    width: 4px; height: 4px;
    background: var(--gold-500);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: background .2s, width .2s, height .2s;
}
.site-cursor.in { opacity: 1; }
.site-cursor.on-hero { border-color: var(--gold-400); }
.site-cursor.on-hero::after { background: var(--gold-400); }
.site-cursor.active {
    width: 56px; height: 56px;
    background: rgba(201,160,50,.10);
}
.site-cursor.on-link {
    width: 56px; height: 56px;
    background: rgba(201,160,50,.10);
}
.site-cursor.on-link::after { width: 0; height: 0; }
.site-cursor.on-btn {
    width: 72px; height: 72px;
    background: rgba(201,160,50,.18);
    border-color: var(--gold-400);
}
.site-cursor.on-btn::after { width: 0; height: 0; }
.site-cursor.on-dark { mix-blend-mode: normal; }
.site-cursor { display: block; }
@media (pointer: coarse) { .site-cursor { display: none; } }

/* ---------- Lapisan hero (dipakai hero landing & hero halaman) ---------- */
.hero-photo {
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    object-position: center 40%;
    z-index: 0;
}
.hero-tint {
    position: absolute; inset: 0;
    z-index: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(6,33,15,.55) 0%, rgba(10,58,34,.82) 55%, rgba(10,58,34,.95) 100%);
}
.hero-grain {
    position: absolute; inset: 0;
    background-image: radial-gradient(rgba(255,255,255,.04) 1px, transparent 1px);
    background-size: 3px 3px;
    z-index: 1;
    pointer-events: none;
}
.hero-eyebrow {
    display: inline-flex; align-items: center; gap: 12px;
    padding: 7px 14px;
    border: 1px solid rgba(220,187,90,.55);
    border-radius: 2px;
    background: rgba(6,33,15,.4);
    font-size: 11.5px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--gold-400);
    font-weight: 600;
    position: relative;
    overflow: hidden;
}
.hero-eyebrow .dot { width: 6px; height: 6px; background: var(--gold-400); border-radius: 50%; }
.hero-eyebrow::after {
    content: "";
    position: absolute;
    top: 0; left: -100%;
    width: 100%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(220,187,90,.4), transparent);
    animation: shimmer 3.5s ease-in-out infinite;
}
@keyframes shimmer {
    0%, 100% { left: -100%; }
    50% { left: 100%; }
}
.hero-meta {
    display: flex;
    gap: 40px;
    margin-top: 56px;
    padding-top: 28px;
    border-top: 1px solid rgba(255,255,255,.18);
    max-width: 600px;
}
.hero-meta .item .lbl {
    font-size: 11px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: rgba(255,255,255,.6);
    margin-bottom: 6px;
}
.hero-meta .item .val {
    font-family: var(--serif);
    font-size: 24px;
    color: #fff;
}

/* ---------- Section base ---------- */
section.s { padding: 96px 0; }
.s-head { margin-bottom: 56px; text-align: center; }
.s-head .eyebrow {
    display: inline-flex; align-items: center; gap: 10px;
    font-size: 11px;
    letter-spacing: .25em;
    text-transform: uppercase;
    color: var(--green-700);
    font-weight: 600;
    margin-bottom: 18px;
}
.s-head .eyebrow .line {
    width: 32px; height: 1px; background: var(--gold-500);
}
.s-head h2 {
    font-family: var(--serif);
    font-weight: 400;
    font-size: clamp(32px, 4vw, 48px);
    letter-spacing: -.01em;
    line-height: 1.1;
    margin: 0 0 16px;
    text-wrap: balance;
}
.s-head h2 em { font-style: italic; color: var(--gold-600); font-weight: 300;}
.s-head p {
    max-width: 640px;
    margin: 0 auto;
    color: var(--ink-soft);
    font-size: 16px;
}

/* ---------- Chip status ---------- */
.status {
    display: inline-block;
    font-size: 10.5px;
    padding: 3px 9px;
    letter-spacing: .12em;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 100px;
    white-space: nowrap;
}
.status.done { background: var(--green-50); color: var(--green-800); }
.status.current { background: var(--gold-100); color: var(--gold-700); }
.status.upcoming { background: #f0eee5; color: var(--ink-mute); }
.status.rejected { background: var(--red-50); color: var(--red-700); }

/* ---------- Alur ---------- */
.s-alur { background: var(--cream); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.alur-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0;
    background: var(--line);
    border: 1px solid var(--line);
}
.alur-card {
    background: #fff;
    padding: 32px 26px;
    position: relative;
    transition: background .2s;
}
.alur-card:hover { background: #fdfcf7; }
.alur-card .step-num {
    font-family: var(--serif);
    font-size: 13px;
    letter-spacing: .25em;
    color: var(--gold-600);
    font-weight: 600;
    margin-bottom: 18px;
    display: flex; align-items: center; gap: 10px;
}
.alur-card .step-num::after {
    content: "";
    flex: 1; height: 1px;
    background: var(--line);
}
.alur-card .ico {
    width: 48px; height: 48px;
    border: 1px solid var(--green-700);
    color: var(--green-800);
    display: grid; place-items: center;
    font-size: 18px;
    margin-bottom: 20px;
    background: var(--green-50);
}
.alur-card h3 {
    font-family: var(--serif);
    font-weight: 500;
    font-size: 18px;
    margin: 0 0 8px;
    letter-spacing: -.005em;
    line-height: 1.25;
}
.alur-card p { font-size: 13.5px; color: var(--ink-soft); margin: 0; line-height: 1.55; }

/* ---------- FAQ ---------- */
.faq-list .item {
    background: #fff;
    border: 1px solid var(--line);
    border-bottom: none;
    transition: border-color .2s;
}
.faq-list .item:last-child { border-bottom: 1px solid var(--line); }
.faq-list .item.open { border-color: var(--green-700); }
.faq-list .item.open + .item { border-top: 1px solid var(--green-700); }
.faq-q {
    display: grid;
    grid-template-columns: 40px 1fr 24px;
    align-items: center;
    gap: 18px;
    padding: 20px 24px;
    cursor: pointer;
    width: 100%;
    border: none;
    background: transparent;
    text-align: left;
    font-family: var(--serif);
    font-size: 17px;
    font-weight: 500;
    color: var(--ink);
    letter-spacing: -.005em;
    transition: background .15s;
}
.faq-q:hover { background: var(--cream); }
.faq-q .qnum {
    font-family: var(--serif);
    font-size: 13px;
    color: var(--gold-600);
    letter-spacing: .12em;
    font-weight: 600;
}
.faq-q .chev {
    color: var(--green-700);
    font-size: 14px;
    transition: transform .25s ease;
}
.item.open .faq-q .chev { transform: rotate(180deg); }
.faq-a {
    max-height: 0;
    overflow: hidden;
    transition: max-height .35s ease;
}
.item.open .faq-a { max-height: 400px; }
.faq-a-inner {
    padding: 0 24px 22px 82px;
    font-size: 14.5px;
    color: var(--ink-soft);
    line-height: 1.65;
}
.faq-a-inner p { margin: 0 0 10px; }
.faq-a-inner p:last-child { margin: 0; }

/* ---------- Kontak ---------- */
.s-kontak { background: #fff; }
.kontak-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}
.kontak-card {
    border: 1px solid var(--line);
    padding: 32px 28px;
    transition: border-color .2s, background .2s, transform .2s;
    text-align: left;
    display: block;
    background: #fff;
}
.kontak-card:hover {
    border-color: var(--green-700);
    background: var(--cream);
    transform: translateY(-3px);
}
.kontak-card .ico {
    width: 48px; height: 48px;
    display: grid; place-items: center;
    font-size: 20px;
    color: var(--green-800);
    border: 1px solid var(--green-700);
    background: var(--green-50);
    margin-bottom: 22px;
    transition: background .2s, color .2s;
}
.kontak-card:hover .ico { background: var(--green-800); color: var(--gold-400); }
.kontak-card .lbl {
    font-size: 11px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--gold-600);
    font-weight: 600;
    margin-bottom: 6px;
}
.kontak-card h3 {
    font-family: var(--serif);
    font-weight: 500;
    font-size: 22px;
    margin: 0 0 8px;
    letter-spacing: -.005em;
}
.kontak-card p { font-size: 14px; color: var(--ink-soft); margin: 0 0 18px; }
.kontak-card .handle {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: 13.5px;
    color: var(--green-800);
    font-weight: 600;
}
.kontak-card .handle .arr {
    transition: transform .2s;
}
.kontak-card:hover .handle .arr { transform: translateX(4px); }

/* ---------- CTA Login ---------- */
.s-cta {
    padding: 0;
    background: var(--cream);
}
.cta-band {
    background: var(--green-900);
    color: #fff;
    padding: 72px 64px;
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 64px;
    align-items: center;
    position: relative;
    overflow: hidden;
    border: 1px solid var(--green-800);
}
.cta-band::before {
    content: "";
    position: absolute;
    top: -120px; right: -120px;
    width: 360px; height: 360px;
    border: 1px solid rgba(220,187,90,.18);
    border-radius: 50%;
}
.cta-band::after {
    content: "";
    position: absolute;
    top: -80px; right: -80px;
    width: 280px; height: 280px;
    border: 1px solid rgba(220,187,90,.12);
    border-radius: 50%;
}
.cta-band .left { position: relative; z-index: 1; }
.cta-band .eyebrow {
    font-size: 11px;
    letter-spacing: .25em;
    text-transform: uppercase;
    color: var(--gold-400);
    font-weight: 600;
    margin-bottom: 18px;
    display: flex; align-items: center; gap: 12px;
}
.cta-band .eyebrow::before { content: ""; width: 24px; height: 1px; background: var(--gold-400); }
.cta-band h2 {
    font-family: var(--serif);
    font-weight: 400;
    font-size: clamp(30px, 3.4vw, 44px);
    letter-spacing: -.01em;
    line-height: 1.1;
    margin: 0 0 16px;
    text-wrap: balance;
}
.cta-band h2 em { color: var(--gold-400); font-style: italic; }
.cta-band p { color: rgba(255,255,255,.78); font-size: 16px; margin: 0; max-width: 520px; }
.cta-band .right { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 14px; align-items: stretch; }
.cta-band .right .note {
    font-size: 12px;
    color: rgba(255,255,255,.55);
    text-align: center;
    margin-top: 4px;
}

/* ---------- Footer ---------- */
footer {
    background: var(--green-950);
    color: rgba(255,255,255,.65);
    padding: 64px 0 28px;
    font-size: 14px;
}
.footer-grid {
    display: grid;
    grid-template-columns: 1.4fr repeat(3, 1fr);
    gap: 48px;
    padding-bottom: 48px;
    border-bottom: 1px solid rgba(255,255,255,.1);
}
.footer-brand .brand-text .acronym { color: #fff; }
.footer-brand .brand-text .full { color: var(--gold-400); }
.footer-brand p { margin: 18px 0 0; max-width: 320px; line-height: 1.65; }
.footer-col h2, .footer-col h3 {
    font-family: var(--sans);
    font-size: 11px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--gold-400);
    margin: 6px 0 18px;
    font-weight: 700;
}
.footer-col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.footer-col a { transition: color .15s; }
.footer-col a:hover { color: var(--gold-400); }
.footer-bottom {
    padding-top: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12.5px;
    color: rgba(255,255,255,.66);
    flex-wrap: wrap; gap: 12px;
}
.footer-bottom .seal {
    display: inline-flex; align-items: center; gap: 8px;
    color: rgba(255,255,255,.72);
}
.footer-bottom .seal .dot { width: 6px; height: 6px; background: var(--gold-500); border-radius: 50%; }

/* ---------- Reveal animations ---------- */
/* Konten disembunyikan HANYA bila JS aktif (html.js). Tanpa JS / JS gagal,
   semua seksi tetap tampil -> tidak ada informasi yang hilang di perangkat apa pun. */
html.js .reveal { opacity: 0; transform: translateY(16px); transition: opacity .7s ease, transform .7s ease; }
html.js .reveal.in { opacity: 1; transform: translateY(0); }

/* ---------- Aksesibilitas ---------- */
a:focus-visible, button:focus-visible, summary:focus-visible,
input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: 2px solid var(--gold-500); outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation: none !important; transition: none !important; }
    html.js .reveal { opacity: 1; transform: none; }
}

/* ---------- Responsive komponen bersama ---------- */
@media (max-width: 980px) {
    .cta-band { grid-template-columns: 1fr; }
    .alur-grid, .kontak-grid, .footer-grid { grid-template-columns: 1fr 1fr; }
    .nav-toggle { display: flex; }
    .nav-actions { margin-left: auto; }
    .nav-links {
        display: none;
        position: absolute; top: 100%; left: 0; right: 0;
        flex-direction: column; gap: 0;
        background: var(--green-900);
        border-bottom: 1px solid rgba(220, 187, 90, .25);
        padding: 8px 24px 18px;
        box-shadow: 0 12px 24px rgba(0,0,0,.25);
    }
    .nav-links li { width: 100%; }
    .nav-links a { display: block; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.06); }
    .nav-links li:last-child a { border-bottom: 0; }
    .nav.open .nav-links { display: flex; }
}
@media (max-width: 600px) {
    .container { padding: 0 20px; }
    section.s { padding: 64px 0; }
    .alur-grid, .kontak-grid, .footer-grid { grid-template-columns: 1fr; }
    .cta-band { padding: 40px 28px; }
    .nav-actions .btn-outline { display: none; }
}
@media (max-width: 440px) {
    .brand-text .full { display: none; }
}