
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--hl-dark);color:var(--hl-light);font-family:var(--hl-font-body);font-weight:var(--hl-weight-body);font-size:16px;line-height:26px}
img{max-width:100%;display:block}
a{color:inherit}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--hl-accent);outline-offset:3px}
h1,h2,h3{margin:0;font-family:var(--hl-font-heading);font-weight:var(--hl-weight-heading)}
p{margin:0}

.hl-dark{background:var(--hl-dark);color:var(--hl-light)}
.hl-light{background:var(--hl-light);color:var(--hl-dark)}
.hl-wrap{max-width:1240px;margin:0 auto;padding:0 32px}
.hl-band{padding:104px 0}
.hl-center .hl-wrap{display:flex;flex-direction:column;align-items:center;gap:40px;text-align:center}
.hl-muted{color:var(--hl-muted-dark)}
.hl-light .hl-muted{color:var(--hl-muted-light)}
.hl-mb{margin-bottom:48px}
.hl-mt{margin-top:32px}
.hl-stack{display:flex;flex-direction:column;gap:20px}

.hl-skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--hl-accent);color:var(--hl-on-accent);padding:12px 18px}
.hl-skip:focus{left:16px;top:16px}

/* Header */
.hl-header{position:sticky;top:0;z-index:20;background:var(--hl-dark);color:var(--hl-light);border-bottom:1px solid color-mix(in srgb,var(--hl-light) 12%,transparent)}
.hl-header-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:18px;padding-bottom:18px}
.hl-logo{display:flex;text-decoration:none;font-family:var(--hl-font-heading);font-size:22px}
.hl-logo img{height:44px;width:auto}
.hl-nav{display:flex;align-items:center;gap:28px;font-weight:400;font-size:14px;letter-spacing:.3px}
.hl-nav-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;text-decoration:none;background:none;border:0;color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;padding:0;border-bottom:1px solid transparent}
.hl-nav-link:hover,.hl-nav-link.is-active,.hl-dd-toggle[aria-expanded=true]{color:var(--hl-accent);border-bottom-color:var(--hl-accent)}
.hl-dd{position:relative}
.hl-dd-panel{position:absolute;top:calc(100% + 18px);left:-24px;width:380px;background:var(--hl-light);color:var(--hl-dark);padding:12px 0;box-shadow:0 18px 40px rgba(0,0,0,.35);display:flex;flex-direction:column;z-index:30}
.hl-dd-panel a{padding:10px 24px;text-decoration:none;font-size:15px;line-height:22px}
.hl-dd-panel a:hover,.hl-dd-panel a[aria-current]{background:color-mix(in srgb,var(--hl-dark) 7%,var(--hl-light))}
.hl-dd-panel .hl-dd-all{font-weight:500;border-bottom:1px solid color-mix(in srgb,var(--hl-dark) 12%,transparent);margin-bottom:6px;padding-bottom:14px}
.hl-nav-cta{min-height:44px!important;padding:0 20px!important;font-size:14px!important}
.hl-lang{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;text-decoration:none;font-weight:500;border:1px solid color-mix(in srgb,var(--hl-light) 35%,transparent)}
.hl-lang:hover{border-color:var(--hl-accent);color:var(--hl-accent)}
.hl-menu-btn{display:none;width:48px;height:48px;border:0;background:transparent;color:inherit;align-items:center;justify-content:center;cursor:pointer}
.hl-mobile{position:fixed;inset:0;z-index:50;background:var(--hl-dark);color:var(--hl-light);overflow-y:auto}
.hl-mobile-top{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 12px 20px;border-bottom:1px solid color-mix(in srgb,var(--hl-light) 12%,transparent)}
.hl-mobile-top .hl-menu-btn{display:flex}
.hl-mobile-top .hl-logo img{height:36px}
.hl-mobile-list{padding:12px 20px 32px;display:flex;flex-direction:column}
.hl-mobile-group{display:flex;flex-direction:column;border-bottom:1px solid color-mix(in srgb,var(--hl-light) 12%,transparent);padding:6px 0 10px}
.hl-mobile-link{padding:12px 0;text-decoration:none;font-family:var(--hl-font-heading);font-size:24px;line-height:30px}
.hl-mobile-sub{padding:8px 0 8px 14px;text-decoration:none;color:var(--hl-muted-dark);font-size:15px}
.hl-mobile-cta{margin-top:20px;justify-content:center}
.hl-mobile-lang{margin-top:16px;padding:12px 0;text-align:center;border:1px solid color-mix(in srgb,var(--hl-light) 35%,transparent);text-decoration:none}

/* Buttons and links */
.hl-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border:0;font:inherit;font-weight:500;font-size:15px;letter-spacing:.3px;text-decoration:none;cursor:pointer}
.hl-btn-primary{background:var(--hl-accent);color:var(--hl-on-accent)}
.hl-btn-primary:hover{filter:brightness(1.06)}
.hl-btn-secondary{background:transparent;color:inherit;border:1px solid var(--hl-accent);font-weight:400}
.hl-btn-dark{background:var(--hl-dark);color:var(--hl-light)}
.hl-btn-outline{background:transparent;color:inherit;border:1px solid currentColor;min-height:44px;padding:0 18px}
.hl-btn-text{background:none;padding:0;min-height:0;color:inherit;text-decoration:underline;text-underline-offset:4px;justify-content:flex-start}
.hl-btn[disabled]{cursor:progress;opacity:.85}
.hl-btn[aria-busy=true]::before{content:"";width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:hl-spin .9s linear infinite}
@keyframes hl-spin{to{transform:rotate(360deg)}}
.hl-arrow{font-weight:400;text-underline-offset:4px}
.hl-light .hl-arrow,.hl-strong-link{font-weight:500}
.hl-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}

/* Type */
.hl-eyebrow{margin:0 0 16px;font-weight:400;font-size:13px;letter-spacing:2.5px;text-transform:uppercase;color:var(--hl-accent)}
.hl-light .hl-eyebrow{color:var(--hl-muted-light)}
.hl-h1{font-size:60px;line-height:70px;letter-spacing:-.5px;max-width:900px}
.hl-h1-page{font-size:64px;line-height:72px}
.hl-h2{font-size:40px;line-height:50px}
.hl-h2-sm{font-size:32px;line-height:40px}
.hl-h3{font-size:22px;line-height:28px}
.hl-lead{margin-top:24px;max-width:640px;font-size:18px;line-height:30px;color:var(--hl-muted-dark)}
.hl-light .hl-lead{color:color-mix(in srgb,var(--hl-dark) 85%,var(--hl-light))}
.hl-lead p+p{margin-top:12px}
.hl-prose{font-size:17px;line-height:30px}
.hl-light .hl-prose{color:color-mix(in srgb,var(--hl-dark) 88%,var(--hl-light))}
.hl-prose p,.hl-prose ul,.hl-prose ol{margin:0 0 20px}
.hl-prose h2{font-size:26px;line-height:34px;margin:36px 0 14px}
.hl-prose h3{font-size:20px;line-height:28px;margin:28px 0 10px}
.hl-prose p:last-child{margin-bottom:0}
.hl-li-note{display:block;margin-top:4px;font-size:.85em;opacity:.8}
.hl-prose a{text-underline-offset:4px}

/* Layout pieces */
.hl-hero{padding:88px 0 56px}
.hl-bleed{width:100%;object-fit:cover}
.hl-bleed-tall{height:560px}
.hl-bleed-medium{height:480px}
.hl-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px}
.hl-single{max-width:820px}
.hl-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:48px}
.hl-head-wide{max-width:720px}
.hl-head-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:end}
.hl-head-body{font-size:17px;line-height:30px}
.hl-light .hl-head-body{color:color-mix(in srgb,var(--hl-dark) 85%,var(--hl-light))}
.hl-grid{display:grid;gap:40px 28px}
.hl-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.hl-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.hl-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}

/* Cards */
.hl-card{display:flex;flex-direction:column;gap:14px;text-decoration:none;color:inherit}
/* a card with its own link at the foot (the card itself isn't a link) */
.hl-card-link{align-self:flex-start;margin-top:auto;font-weight:600;font-size:15px;text-decoration:none;color:inherit;border-bottom:1px solid currentColor;padding-bottom:3px}
.hl-card-img{width:100%;aspect-ratio:4/3;object-fit:cover}
.hl-card-title{font-family:var(--hl-font-heading);font-size:22px;line-height:28px}
.hl-card-body{font-size:14px;line-height:22px;color:var(--hl-muted-dark)}
.hl-light .hl-card-body{color:var(--hl-muted-light)}
.hl-card-meta{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--hl-accent)}
.hl-card:hover .hl-card-title{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.hl-card-tile{justify-content:space-between;padding:28px;border:1px solid color-mix(in srgb,var(--hl-accent) 50%,transparent);min-height:240px}
.hl-tile-title{font-family:var(--hl-font-heading);font-size:26px;line-height:34px}
.hl-tile-cta{font-weight:500}
.hl-article-card{padding:28px;border-top:1px solid var(--hl-accent)}
.hl-person-img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top}
.hl-person{gap:10px}
.hl-person-name{font-family:var(--hl-font-heading);font-size:20px}
.hl-person-role{font-size:14px;line-height:22px;color:var(--hl-muted-light)}
.hl-dark .hl-person-role{color:var(--hl-muted-dark)}
.hl-person-location{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--hl-muted-light)}
.hl-dark .hl-person-location{color:var(--hl-muted-dark)}
.hl-pagehead-meta{margin-top:10px;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--hl-accent)}

/* Projects */
.hl-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid color-mix(in srgb,var(--hl-dark) 20%,var(--hl-light))}
.hl-project{display:flex;flex-direction:column;gap:6px;padding:28px 28px 28px 0;border-bottom:1px solid color-mix(in srgb,var(--hl-dark) 20%,var(--hl-light))}
.hl-project:nth-child(2n){padding:28px 0 28px 28px;border-left:1px solid color-mix(in srgb,var(--hl-dark) 20%,var(--hl-light))}
.hl-project-name{font-family:var(--hl-font-heading);font-size:22px;line-height:30px}
.hl-project-facts{font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--hl-muted-light)}
a.hl-project-link{color:inherit;text-decoration:none}a.hl-project-link:hover .hl-project-name{text-decoration:underline;text-underline-offset:4px}
/* A list shown as a gallery: photo cards, three across. */
.hl-projects.hl-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px;border-top:0}
.hl-gallery .hl-project{padding:0;border-bottom:0;gap:8px}
.hl-project-img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;margin-bottom:6px}
a.hl-project-link:hover .hl-project-img{filter:brightness(1.05)}
@media (max-width:1000px){.hl-projects.hl-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.hl-projects.hl-gallery{grid-template-columns:minmax(0,1fr)}}
.hl-project-scope{color:color-mix(in srgb,var(--hl-dark) 85%,var(--hl-light))}
.hl-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.hl-related-item{display:flex;flex-direction:column;gap:8px;padding-top:20px;border-top:1px solid var(--hl-dark)}

/* Logos */
.hl-logo-strip{width:100%;max-width:980px;height:auto}
.hl-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;width:100%;max-width:980px;align-items:center}
.hl-logo-item{width:100%;height:90px;object-fit:contain}

/* Service page */
.hl-pagehead{padding:72px 0 56px}
.hl-crumbs{margin:0 0 28px;font-size:13px;color:var(--hl-muted-dark)}
.hl-crumbs a{text-decoration:none}
.hl-crumbs a:hover{text-decoration:underline}
.hl-pagehead-row{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:end}
.hl-pagehead-aside{display:flex;flex-direction:column;gap:12px;align-items:flex-start;font-size:14px}
/* A product-style head: an upright photo (book, product) beside the title, price and button. */
.hl-product-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:center;margin-top:24px}
.hl-product-media{display:flex;justify-content:center}
.hl-product-img{width:100%;max-width:420px;height:auto}
.hl-product-head .hl-pagehead-aside{margin-top:28px}
.hl-pkg-imglink{display:block;margin:-24px -24px 4px}
.hl-pkg-img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.hl-pkg-pop .hl-pkg-imglink{margin-top:0}
.hl-features{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid color-mix(in srgb,var(--hl-accent) 40%,transparent);border-left:1px solid color-mix(in srgb,var(--hl-accent) 40%,transparent)}
.hl-feature{display:flex;flex-direction:column;gap:10px;padding:28px;border-right:1px solid color-mix(in srgb,var(--hl-accent) 40%,transparent);border-bottom:1px solid color-mix(in srgb,var(--hl-accent) 40%,transparent)}
.hl-feature-n{font-size:13px;letter-spacing:2px;color:var(--hl-accent)}
.hl-feature-title{font-family:var(--hl-font-heading);font-size:20px;line-height:26px}
.hl-feature-body{font-size:14px;line-height:23px;color:var(--hl-muted-dark)}
.hl-prevnext{padding:40px 0}
.hl-prevnext-row{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.hl-prevnext a{display:flex;flex-direction:column;gap:4px;text-decoration:none}
.hl-prevnext-next{text-align:right}
.hl-prevnext-label{font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:var(--hl-muted-light)}
.hl-prevnext-title{font-family:var(--hl-font-heading);font-size:20px;line-height:28px}

/* Bio, article, FAQ */
.hl-bio{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:56px;align-items:start}
.hl-bio-img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top}
.hl-eyebrow-light{color:var(--hl-muted-light)}
.hl-article{max-width:760px}
.hl-faq details{border-bottom:1px solid color-mix(in srgb,currentColor 25%,transparent);padding:4px 0}
.hl-faq summary{cursor:pointer;padding:18px 0;font-family:var(--hl-font-heading);font-size:20px;line-height:28px}
.hl-faq details>div{padding:0 0 20px}
.hl-stats dt{font-size:14px;color:var(--hl-muted-dark)}
.hl-light .hl-stats dt{color:var(--hl-muted-light)}
.hl-stats dd{margin:6px 0 0;font-family:var(--hl-font-heading);font-size:44px;line-height:52px}
.hl-cta .hl-wrap{display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.hl-imgtext{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;align-items:center}
.hl-img-left .hl-imgtext-img{order:-1}
@media (min-width:1001px){.hl-img-right .hl-imgtext-img{order:1}}
.hl-imgtext-img{width:100%;aspect-ratio:4/3;object-fit:cover}
.hl-col{display:flex;flex-direction:column;gap:12px}
.hl-col-img{width:100%;aspect-ratio:4/3;object-fit:cover}
.hl-address{display:flex;flex-direction:column;gap:4px;font-size:15px;line-height:24px}
.hl-address b{font-weight:500}
.hl-light .hl-address{color:color-mix(in srgb,var(--hl-dark) 85%,var(--hl-light))}

/* Forms */
.hl-form{display:flex;flex-direction:column;gap:20px;background:var(--hl-light);color:var(--hl-dark);padding:36px}
.hl-light .hl-form{background:#fff;border:1px solid color-mix(in srgb,var(--hl-dark) 12%,var(--hl-light))}
.hl-form-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.hl-field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500}
.hl-wide{grid-column:1/-1}
.hl-field input,.hl-field select,.hl-field textarea{min-height:48px;padding:0 14px;border:1px solid color-mix(in srgb,var(--hl-dark) 35%,var(--hl-light));border-radius:0;background:#fff;color:var(--hl-dark);font:inherit;font-size:15px;font-weight:300}
.hl-field textarea{padding:12px 14px;resize:vertical}
.hl-form-actions{display:flex;justify-content:flex-end}
.hl-form-error{padding:12px 14px;background:#fff1ee;border:1px solid #b3261e;color:#7f1d17;font-size:14px}
.hl-form-done{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.hl-form-done-title{font-family:var(--hl-font-heading);font-size:28px;line-height:36px}
.hl-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.hl-btn:disabled{opacity:.55;cursor:not-allowed}
.hl-pay-who{margin:0 auto 0 0;max-width:420px;font-size:13px;line-height:19px;color:color-mix(in srgb,var(--hl-dark) 70%,#fff)}
.hl-form-actions{gap:16px;align-items:center;flex-wrap:wrap}
.hl-order-top{background:var(--hl-dark);padding:14px 0}
.hl-order-site{color:var(--hl-light);text-decoration:none;font-weight:700;display:inline-flex}
.hl-order-site img{height:32px;width:auto}
.hl-order-body{background:color-mix(in srgb,var(--hl-dark) 4%,#fff)}
.hl-order-main{padding:40px 0 64px}
.hl-order-card{max-width:620px;margin:0 auto;background:#fff;color:var(--hl-dark);border:1px solid color-mix(in srgb,var(--hl-dark) 12%,#fff);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:16px}
.hl-order-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.hl-order-title{font-family:var(--hl-font-heading);font-size:24px;line-height:30px;margin:0;font-weight:700}
.hl-order-pill{display:inline-flex;border-radius:999px;padding:3px 12px;font-size:13px;font-weight:700;background:#E6EEFB;color:#1D4A8F;white-space:nowrap}
.hl-order-pill.is-wait{background:#FBF0DC;color:#7A4B00}
.hl-order-pill.is-off{background:#FDECEA;color:#8F2219}
.hl-order-sub{margin:0;font-size:14px;color:color-mix(in srgb,var(--hl-dark) 70%,#fff)}
.hl-steps{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column}
.hl-step{display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;position:relative;padding-bottom:16px;font-size:15px}
.hl-step:not(:last-child)::before{content:"";position:absolute;left:12px;top:26px;bottom:2px;width:2px;background:color-mix(in srgb,var(--hl-dark) 12%,#fff)}
.hl-step.is-done:not(:last-child)::before{background:#1F8A4C}
.hl-step-dot{width:26px;height:26px;border-radius:50%;border:2px solid color-mix(in srgb,var(--hl-dark) 22%,#fff);background:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff;box-sizing:border-box}
.hl-step.is-done .hl-step-dot{background:#1F8A4C;border-color:#1F8A4C}
.hl-step.is-now .hl-step-dot{border-color:var(--hl-dark);box-shadow:0 0 0 4px color-mix(in srgb,var(--hl-dark) 14%,#fff)}
.hl-step.is-todo b{font-weight:500;color:color-mix(in srgb,var(--hl-dark) 50%,#fff)}
.hl-step-sub{font-size:13px;color:color-mix(in srgb,var(--hl-dark) 65%,#fff)}
.hl-order-items{display:flex;flex-direction:column}
.hl-order-items div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid color-mix(in srgb,var(--hl-dark) 10%,#fff);font-size:15px}
.hl-order-items b{font-variant-numeric:tabular-nums;white-space:nowrap}
.hl-order-items .hl-order-total{font-size:17px;font-weight:800;border-top:2px solid var(--hl-dark)}
.hl-order-note{margin:0;font-size:14px}
.hl-order-ok{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:12px;background:#E3F4EA;color:#1F4D33}
.hl-order-ask{font-size:14px;font-weight:600;color:inherit}
.hl-order-card form{display:flex}
.hl-order-pill.is-ok{background:#E3F4EA;color:#1F4D33}
.hl-inv-due{display:flex;flex-direction:column;gap:2px}
.hl-inv-due span{font-size:14px;color:color-mix(in srgb,var(--hl-dark) 70%,#fff)}
.hl-inv-due b{font-family:var(--hl-font-heading);font-size:32px;line-height:38px;font-variant-numeric:tabular-nums}
.hl-inv-ways{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;align-items:start}
.hl-inv-way{border:1px solid color-mix(in srgb,var(--hl-dark) 14%,#fff);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px;min-width:0}
.hl-inv-way.is-rec{border-color:var(--hl-dark);box-shadow:inset 0 0 0 1px var(--hl-dark)}
.hl-inv-way p{margin:0;font-size:13px;line-height:19px;color:color-mix(in srgb,var(--hl-dark) 72%,#fff)}
.hl-inv-way .hl-btn{width:100%}
.hl-inv-kv{display:flex;flex-direction:column;gap:10px;font-size:15px}
.hl-inv-kv>div{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;align-items:center}
.hl-inv-kv>div>span{grid-column:1/-1;font-size:12px;color:color-mix(in srgb,var(--hl-dark) 65%,#fff)}
.hl-inv-kv b{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;letter-spacing:.2px}
.hl-inv-copy{font:inherit;font-size:12px;font-weight:700;color:var(--hl-dark);background:#fff;border:1px solid color-mix(in srgb,var(--hl-dark) 25%,#fff);border-radius:8px;padding:3px 9px;cursor:pointer}
.hl-inv-lines summary{cursor:pointer;font-weight:700;font-size:14px}
.hl-inv-lines[open] summary{margin-bottom:8px}
.hl-inv-table{width:100%;border-collapse:collapse;font-size:13px}
.hl-inv-table th{text-align:left;font-size:12px;font-weight:600;color:color-mix(in srgb,var(--hl-dark) 65%,#fff);padding:6px 4px;border-bottom:1px solid color-mix(in srgb,var(--hl-dark) 20%,#fff)}
.hl-inv-table td{padding:8px 4px;border-bottom:1px solid color-mix(in srgb,var(--hl-dark) 8%,#fff);vertical-align:top}
.hl-inv-table .r{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.hl-inv-table tr.t td{font-weight:800;border-top:2px solid var(--hl-dark);border-bottom:0}
.hl-inv-lines{overflow-x:auto}
.hl-inv-actions{display:flex;gap:10px;flex-wrap:wrap}
.hl-inv-list{display:flex;flex-direction:column;gap:0}
.hl-inv-list>b{font-size:15px;margin-bottom:6px}
.hl-inv-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid color-mix(in srgb,var(--hl-dark) 10%,#fff);color:inherit;text-decoration:none}
.hl-inv-row>span{display:flex;flex-direction:column;gap:2px;min-width:0}
.hl-inv-row>span:last-child{align-items:flex-end;text-align:right;flex:none}
.hl-inv-row:hover b,.hl-inv-row:focus-visible b{text-decoration:underline}
.hl-touch-only{display:none!important}
body.hl-touch .hl-touch-only{display:flex!important}
body.hl-touch p.hl-touch-only{display:block!important}
body.hl-phone .hl-not-phone{display:none!important}
body.hl-touch .hl-not-touch{display:none!important}
.hl-co .hl-co-form{display:flex;flex-direction:column;gap:10px}
.hl-co-sum{display:flex;justify-content:space-between;gap:10px;align-items:baseline;font-size:14px;color:color-mix(in srgb,var(--hl-dark) 70%,#fff);flex-wrap:wrap}
.hl-co-sum b{font-size:22px;color:var(--hl-dark);font-variant-numeric:tabular-nums}
.hl-co-signed b{white-space:nowrap;font-weight:700}
.hl-co-signed{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#E3F4EA;color:#1F4D33;border-radius:10px;padding:8px 12px;font-size:13px}
.hl-co-h{font-family:var(--hl-font-heading);font-size:20px;line-height:26px;margin:0}
.hl-co-small{margin:0;font-size:13px;color:color-mix(in srgb,var(--hl-dark) 70%,#fff)}
.hl-co-signin{display:flex;flex-direction:column;gap:12px;align-items:stretch}
.hl-co-wa{background:#1F8A4C;color:#fff;justify-content:center}
.hl-co-wa[aria-disabled=true]{opacity:.55;pointer-events:none}
.hl-co-qrbox{align-self:center;min-height:120px;display:flex;align-items:center;justify-content:center}
.hl-co-qrbox img,.hl-co-qr{width:200px;height:200px;max-width:100%;border:1px solid color-mix(in srgb,var(--hl-dark) 12%,#fff);border-radius:12px;background:#fff}
.hl-co-wait{margin:0;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:color-mix(in srgb,var(--hl-dark) 70%,#fff);text-align:center}
.hl-co-via{text-align:center;font-size:12px}
.hl-co-code{display:flex;flex-direction:column;gap:10px;border-top:1px solid color-mix(in srgb,var(--hl-dark) 10%,#fff);padding-top:12px}
.hl-co-code[hidden]{display:none}
.hl-co-link{font:inherit;font-size:13px;font-weight:700;color:var(--hl-dark);background:none;border:0;padding:4px;cursor:pointer;text-decoration:underline;align-self:center}
.hl-co-code label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700}
.hl-co-code input{font:inherit;font-size:17px;padding:11px 12px;border:1.5px solid color-mix(in srgb,var(--hl-dark) 20%,#fff);border-radius:10px;background:#fff}
.hl-co-code input[data-code-in]{letter-spacing:4px;text-align:center;font-variant-numeric:tabular-nums}
.hl-co-pulse{width:8px;height:8px;border-radius:50%;background:#1F8A4C;flex:none;animation:hl-co-pulse 1.4s ease-in-out infinite}
@keyframes hl-co-pulse{50%{opacity:.3}}
@media (prefers-reduced-motion:reduce){.hl-co-pulse{animation:none}}
.hl-co-grp{font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:color-mix(in srgb,var(--hl-dark) 70%,#fff);margin-top:4px}
.hl-co-group{flex-direction:column;gap:10px}
.hl-co-opt{display:flex;align-items:center;gap:12px;border:1.5px solid color-mix(in srgb,var(--hl-dark) 14%,#fff);border-radius:12px;padding:11px 12px;background:#fff;cursor:pointer}
.hl-co-opt:has(input:checked){border-color:var(--hl-dark);box-shadow:0 0 0 3px color-mix(in srgb,var(--hl-dark) 15%,#fff)}
.hl-co-opt.is-off{opacity:.55;cursor:not-allowed}
.hl-co-opt input{accent-color:var(--hl-dark);width:18px;height:18px;flex:none}
.hl-co-optt{display:flex;flex-direction:column;min-width:0}
.hl-co-optt b{font-size:15px}
.hl-co-optt span{font-size:12px;color:color-mix(in srgb,var(--hl-dark) 70%,#fff)}
.hl-co-va{border:1.5px solid color-mix(in srgb,var(--hl-dark) 14%,#fff);border-radius:12px;padding:11px 12px;background:#fff}
.hl-co-va summary{font-weight:700;cursor:pointer}
.hl-co-banks{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-top:10px}
.hl-co-opt.is-bank{padding:8px 10px}
.hl-co-note{margin:0;padding:12px 14px;border-radius:10px;background:#FBF0DC;color:#6B4500;font-size:14px}
.hl-co-center{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.hl-co-center p{margin:0}
.hl-co-timer{display:inline-flex;background:#FBF0DC;color:#6B4500;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
.hl-co-va-box{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px dashed color-mix(in srgb,var(--hl-dark) 30%,#fff);border-radius:12px;padding:12px 14px}
.hl-co-va-box b{font-size:22px;letter-spacing:1px;font-variant-numeric:tabular-nums}
.hl-co-copy{font:inherit;font-size:12px;font-weight:700;color:var(--hl-dark);border:1px solid color-mix(in srgb,var(--hl-dark) 25%,#fff);border-radius:8px;padding:5px 10px;background:#fff;cursor:pointer;white-space:nowrap}
.hl-co-kv{display:flex;justify-content:space-between;gap:10px;font-size:14px;padding:8px 0;border-top:1px solid color-mix(in srgb,var(--hl-dark) 10%,#fff);align-items:center}
.hl-co-how{border:1px solid color-mix(in srgb,var(--hl-dark) 12%,#fff);border-radius:12px;padding:10px 12px;font-size:14px}
.hl-co-how summary{font-weight:700;cursor:pointer}
.hl-co-how ol{margin:8px 0 0;padding-left:18px}
/* Staging only: Pivot's test gateway, with its simulator. */
.hl-co-test{border:1.5px dashed #E8C35A;background:#FFF4D6;color:#5A4200;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}
.hl-co-test-h{font-size:11px;font-weight:800;letter-spacing:1px}
.hl-co-test p{margin:0;font-size:13px;line-height:1.45}
.hl-co-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600}
.hl-co-test-btn{background:#fff;border:1.5px solid #E8C35A;color:#5A4200;min-height:40px;justify-content:center;font-size:14px}
.hl-co-callout{background:#FBF0DC;color:#6B4500;border-radius:12px;padding:12px 14px;font-size:14px}
.hl-co-callout b{display:block;margin-bottom:2px}
.hl-co .hl-pay-actions .hl-btn{flex:1;justify-content:center}
.hl-co-signin{border:1.5px solid #1F8A4C;border-radius:14px;padding:16px;background:#F3FBF6}
.hl-co-fs{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;min-width:0}
.hl-co-form.is-locked .hl-co-fs{opacity:.5;pointer-events:none}
.hl-co-lock{margin:4px 0 0;font-size:13px;font-weight:700;color:color-mix(in srgb,var(--hl-dark) 75%,#fff)}
.hl-order-err{margin:0;padding:12px 14px;border-radius:10px;background:#FDECEA;color:#7F1D17;font-size:14px}
.hl-pay-actions{display:flex;gap:10px;flex-wrap:wrap}
.hl-pay-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800}
.hl-pay-icon.is-ok{background:#1F8A4C;color:#fff}
.hl-pay-spin{width:36px;height:36px;border-radius:50%;border:3px solid color-mix(in srgb,var(--hl-dark) 15%,#fff);border-top-color:var(--hl-dark);animation:hl-spin .9s linear infinite}
@media (prefers-reduced-motion:reduce){.hl-pay-spin{animation:none}}
.hl-booking-hours{margin:20px 0 0;font-weight:600}
.hl-book-step{display:flex;flex-direction:column;gap:12px}
.hl-book-step[hidden]{display:none}
.hl-book-label{font-size:13px;font-weight:700;padding:0}
.hl-book-days{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:thin}
.hl-book-day,.hl-book-time,.hl-book-channels span{border:1px solid color-mix(in srgb,var(--hl-dark) 22%,#fff);background:#fff;color:var(--hl-dark);font:inherit;cursor:pointer;border-radius:10px}
.hl-book-day{flex:none;display:flex;flex-direction:column;align-items:center;min-width:64px;padding:8px 6px;font-size:12px;line-height:16px}
.hl-book-day b{font-size:20px;line-height:26px}
.hl-book-times{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px}
.hl-book-time{min-height:42px;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}
.hl-book-time:disabled{opacity:.4;text-decoration:line-through;cursor:not-allowed}
.hl-book-day[aria-pressed=true],.hl-book-time[aria-pressed=true],.hl-book-channels input:checked+span{background:var(--hl-dark);color:var(--hl-light);border-color:var(--hl-dark)}
.hl-book-day:focus-visible,.hl-book-time:focus-visible,.hl-book-channels input:focus-visible+span{outline:2px solid var(--hl-accent);outline-offset:2px}
.hl-book-status{margin:0;font-size:14px;color:color-mix(in srgb,var(--hl-dark) 70%,#fff)}
.hl-book-status:empty{display:none}
.hl-book-channels{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.hl-book-channels legend{margin-bottom:8px}
.hl-book-channels label{position:relative}
.hl-book-channels input{position:absolute;opacity:0;width:1px;height:1px}
.hl-book-channels span{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:600}
.hl-book [data-next]{align-self:flex-start;margin-top:6px}
.hl-book-chosen{margin:0;display:flex;gap:12px;flex-wrap:wrap;align-items:baseline}
.hl-linkbtn{border:0;background:none;padding:0;font:inherit;font-size:14px;color:inherit;text-decoration:underline;cursor:pointer}
.hl-book-done{align-items:flex-start}
.hl-book-done p{margin:0}
.hl-book-ok{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--hl-accent);color:var(--hl-on-accent)}
.hl-muted-small{font-size:14px;color:color-mix(in srgb,var(--hl-dark) 70%,#fff)}

/* Footer */
.hl-footer{padding:64px 0 40px}
.hl-footer-grid{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:32px}
.hl-footer-brand{display:flex;flex-direction:column;gap:16px;font-size:14px;color:var(--hl-muted-dark)}
.hl-footer-brand img{height:44px;width:auto;align-self:flex-start}
.hl-footer-name{font-family:var(--hl-font-heading);font-size:22px;color:var(--hl-light)}
.hl-footer-col{display:flex;flex-direction:column;gap:10px;font-size:14px}
.hl-footer-col a{text-decoration:none}
.hl-footer-col a:hover{text-decoration:underline}
.hl-footer-heading{font-weight:500;color:var(--hl-accent)}
.hl-footer-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:40px;padding-top:24px;border-top:1px solid color-mix(in srgb,var(--hl-light) 15%,transparent);font-size:13px;color:var(--hl-muted-dark)}
.hl-footer-legal{display:flex;gap:20px}
.hl-footer-legal a{text-decoration:none}

/* Tablet */
@media (max-width:1000px){
  .hl-nav{display:none}
  .hl-menu-btn{display:flex}
  .hl-cols-4,.hl-features,.hl-logos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hl-cols-3,.hl-related{grid-template-columns:minmax(0,1fr)}
  .hl-split,.hl-head-split,.hl-pagehead-row,.hl-bio,.hl-imgtext,.hl-product-row{grid-template-columns:minmax(0,1fr);gap:28px}
  .hl-product-img{max-width:300px}
  .hl-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Phone */
@media (max-width:600px){
  body{font-size:15px;line-height:24px}
  .hl-wrap{padding:0 20px}
  .hl-band{padding:56px 0}
  .hl-hero{padding:40px 0 32px}
  .hl-pagehead{padding:40px 0 32px}
  .hl-h1,.hl-h1-page{font-size:36px;line-height:44px}
  .hl-h2{font-size:28px;line-height:36px}
  .hl-lead{font-size:16px;line-height:26px}
  .hl-bleed-tall{height:260px}
  .hl-bleed-medium{height:240px}
  .hl-cols-4,.hl-features{grid-template-columns:minmax(0,1fr)}
  .hl-cols-4:has(.hl-person){grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
  .hl-projects,.hl-form-fields,.hl-footer-grid{grid-template-columns:minmax(0,1fr)}
  .hl-project,.hl-project:nth-child(2n){padding:20px 0;border-left:0}
  .hl-form{padding:24px 20px}
  .hl-btn{width:100%}
  .hl-btn-text,.hl-nav-cta{width:auto}
  .hl-person-name{font-size:16px}
  .hl-person-role{font-size:12px;line-height:18px}
  .hl-person-location{font-size:11px;letter-spacing:1px}
}

.hl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hl-soft{background:color-mix(in srgb,var(--hl-dark) 4%,var(--hl-light))}
.hl-price{display:inline-flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-variant-numeric:tabular-nums}
.hl-price b{font-size:24px;line-height:30px;font-weight:700}
.hl-price s{font-size:14px;opacity:.6}
.hl-price-lg b{font-size:32px;line-height:38px}
.hl-quote-label{font-weight:600}
.hl-badge{align-self:flex-start;display:inline-flex;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;background:color-mix(in srgb,var(--hl-accent) 25%,#fff);color:var(--hl-dark)}
.hl-checks{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:14px;line-height:21px}
.hl-checks li{display:flex;gap:8px}
.hl-checks li::before{content:"✓";flex:none;font-weight:700;color:#1F8A4C}
.hl-hero-row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center}
.hl-proof{list-style:none;margin:28px 0 0;padding:0;display:flex;gap:20px;flex-wrap:wrap;font-size:14px;color:var(--hl-muted-dark)}
.hl-pricecard,.hl-pkg{display:flex;flex-direction:column;gap:12px;background:#fff;color:var(--hl-dark);padding:24px}
.hl-pricecard{box-shadow:0 20px 40px rgba(0,0,0,.25)}
.hl-pkg{border:1px solid color-mix(in srgb,var(--hl-dark) 12%,#fff)}
.hl-pkg-pop{border:2px solid var(--hl-accent)}
.hl-pkg .hl-btn{margin-top:auto}
.hl-pkg-more{font-size:13px;font-weight:600;text-align:center}
.hl-pricecard-title{font-family:var(--hl-font-heading);font-size:20px;line-height:26px;font-weight:700}
.hl-pricegroup{display:flex;flex-direction:column;gap:10px;background:#fff;color:var(--hl-dark);padding:20px;border:1px solid color-mix(in srgb,var(--hl-dark) 12%,#fff)}
.hl-pricegroup-title{font-family:var(--hl-font-heading);font-size:18px;font-weight:700}
.hl-pricegroup ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.hl-pricegroup li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-top:1px solid color-mix(in srgb,var(--hl-dark) 8%,#fff);padding-top:8px;font-size:14px}
.hl-pricegroup li:first-child{border-top:0;padding-top:0}
.hl-pricegroup li a{text-decoration:none}
.hl-pricegroup li a:hover{text-decoration:underline}
.hl-pricegroup .hl-price b{font-size:15px;line-height:22px}
.hl-pricegroup .hl-price s{font-size:12px}
.hl-quote{margin:0;display:flex;flex-direction:column;gap:14px;padding:24px;background:#fff;color:var(--hl-dark);border:1px solid color-mix(in srgb,var(--hl-dark) 10%,#fff)}
.hl-quote blockquote{margin:0;font-size:16px;line-height:26px}
.hl-quote figcaption{font-size:13px;opacity:.8}
.hl-names{padding:20px 0}
.hl-names-row{display:flex;gap:12px 26px;align-items:center;flex-wrap:wrap;font-weight:600;font-size:14px;opacity:.85}
.hl-names-label{font-size:12px;letter-spacing:1px;text-transform:uppercase;font-weight:600;opacity:.7}
.hl-numbered .hl-card{padding:24px;border:1px solid color-mix(in srgb,currentColor 15%,transparent)}
.hl-card-num{width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-weight:700;background:var(--hl-dark);color:var(--hl-accent)}
@media (max-width:1000px){.hl-hero-row{grid-template-columns:minmax(0,1fr)}}
/* A photo behind a section, under the site's dark shade (hero, cards). */
.hl-photo-behind{position:relative;background-size:cover;background-position:center;isolation:isolate}
.hl-photo-behind::before{content:"";position:absolute;inset:0;z-index:-1;background:color-mix(in srgb,var(--hl-dark) 84%,transparent)}
.hl-hero.hl-photo-behind::before{background:linear-gradient(90deg,color-mix(in srgb,var(--hl-dark) 96%,transparent) 0%,color-mix(in srgb,var(--hl-dark) 86%,transparent) 50%,color-mix(in srgb,var(--hl-dark) 45%,transparent) 100%)}
@media (max-width:760px){.hl-hero.hl-photo-behind::before{background:color-mix(in srgb,var(--hl-dark) 86%,transparent)}}
/* Hero "cover": the photo stays clear; the dark colour rises from the bottom under centred text. */
.hl-hero.hl-hero-cover{min-height:780px;display:flex;align-items:flex-end;padding:96px 0 56px;background-position:center top}
.hl-hero.hl-hero-cover>.hl-wrap{width:100%;text-align:center}
.hl-hero.hl-hero-cover>.hl-wrap>div{max-width:760px;margin:0 auto}
.hl-hero.hl-hero-cover .hl-lead{margin-left:auto;margin-right:auto}
.hl-hero.hl-hero-cover .hl-actions,.hl-hero.hl-hero-cover .hl-proof{justify-content:center}
.hl-hero.hl-hero-cover::before{background:linear-gradient(180deg,transparent 0%,transparent 38%,color-mix(in srgb,var(--hl-dark) 60%,transparent) 58%,color-mix(in srgb,var(--hl-dark) 92%,transparent) 82%,var(--hl-dark) 100%)}
@media (max-width:760px){.hl-hero.hl-hero-cover{min-height:760px;padding:330px 0 40px;background-size:auto 470px;background-repeat:no-repeat;background-color:var(--hl-dark);background-position:center top}.hl-hero.hl-hero-cover::before{background:linear-gradient(180deg,transparent 0%,transparent 30%,color-mix(in srgb,var(--hl-dark) 80%,transparent) 50%,var(--hl-dark) 56%)}}
/* Brand cards: the accent colour, a big number, an icon at the foot. */
.hl-grid.hl-cards-brand .hl-card{background:var(--hl-accent);color:var(--hl-dark);border:0;border-radius:16px;padding:22px 16px;align-items:center;text-align:center;gap:10px}
.hl-grid.hl-cards-brand .hl-card-num{width:auto;height:auto;background:none;color:var(--hl-dark);font-size:44px;line-height:1;font-weight:800;letter-spacing:-1px}
.hl-cards-brand .hl-card-title{font-weight:800;font-style:italic;text-transform:uppercase;font-size:16px;line-height:1.2}
.hl-grid.hl-cards-brand .hl-card-body{font-size:14px;line-height:1.4;color:var(--hl-dark);opacity:.85}
.hl-card-icon{width:40px;height:40px;margin-top:auto;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:760px){.hl-grid.hl-cards-brand.hl-cols-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hl-grid.hl-cards-brand .hl-card{padding:16px 10px}.hl-grid.hl-cards-brand .hl-card-num{font-size:32px}.hl-cards-brand .hl-card-title{font-size:13px}.hl-grid.hl-cards-brand .hl-card-body{display:none}.hl-card-icon{width:30px;height:30px}}
/* Logos drifting in two rows; still (a wrapping grid) when visitors ask for less motion. */
.hl-drift-band .hl-wrap{display:flex;flex-direction:column;gap:16px}
.hl-drift{display:flex;flex-direction:column;gap:12px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.hl-drift-lane{display:flex;width:max-content;animation:hl-drift 80s linear infinite}
.hl-drift-rev{animation-direction:reverse}
.hl-drift:hover .hl-drift-lane{animation-play-state:paused}
.hl-drift-set{display:flex;gap:12px;padding-right:12px}
@keyframes hl-drift{to{transform:translateX(-50%)}}
.hl-logo-tile{width:132px;height:76px;flex:none;display:flex;align-items:center;justify-content:center;padding:10px;background:#fff;border:1px solid color-mix(in srgb,var(--hl-dark) 10%,#fff);border-radius:12px}
.hl-logo-tile img{max-width:100%;max-height:100%;object-fit:contain}
@media (max-width:760px){.hl-logo-tile{width:104px;height:62px}}
@media (prefers-reduced-motion:reduce){.hl-drift{-webkit-mask-image:none;mask-image:none}.hl-drift-lane{animation:none;width:auto}.hl-drift-set{flex-wrap:wrap}.hl-drift-set[aria-hidden]{display:none}}
/* A service's free extras, apart from what's included. */
.hl-col-eyebrow{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--hl-accent)}
.hl-extras{display:flex;flex-direction:column;gap:6px}
.hl-extras-h{font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:color-mix(in srgb,var(--hl-dark) 70%,#fff)}
.hl-dark .hl-extras-h{color:var(--hl-accent)}
.hl-checks-extra li::before{content:"+"}
.hl-booking-img{width:100%;max-width:520px;aspect-ratio:16/10;object-fit:cover;border-radius:16px;margin-top:8px}
.hl-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px}
.hl-chip{display:inline-flex;align-items:baseline;gap:6px;padding:7px 14px;border:1px solid currentColor;border-radius:999px;font-size:14px;text-decoration:none;color:inherit}
.hl-chip small{opacity:.6}
.hl-chip[aria-current]{background:var(--hl-accent);border-color:var(--hl-accent);color:var(--hl-on-accent)}
.hl-group-items{margin:0;padding-left:18px;display:grid;gap:4px;font-size:14px}
@media (max-width:760px){.hl-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.hl-chip{white-space:nowrap}}
.hl-blocks{display:grid;gap:56px;max-width:860px}
.hl-block,.hl-tabpanel,.hl-checklist-col,.hl-bstep{min-width:0}
.hl-block-label{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--hl-accent);margin:0 0 14px}
.hl-block-heading{margin:0 0 14px}
.hl-bsteps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:28px}
.hl-bstep{display:grid;gap:8px;align-content:start}
.hl-bstep-n{font-size:28px;line-height:1}
.hl-bstep-n small{font-size:13px;opacity:.7}
.hl-bstep-body p{margin:0}
.hl-checklist{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}
.hl-checklist-col{display:grid;gap:10px;align-content:start}
.hl-table-wrap{overflow-x:auto}
.hl-table{width:100%;border-collapse:collapse;min-width:480px}
.hl-table th,.hl-table td{text-align:left;padding:10px 12px;border-bottom:1px solid color-mix(in srgb,currentColor 18%,transparent);vertical-align:top}
.hl-table-note{font-size:14px;opacity:.8;margin-top:12px}
.hl-facts{margin:0;display:grid;gap:0}
.hl-fact{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,2fr);gap:16px;padding:12px 0;border-top:1px solid color-mix(in srgb,currentColor 18%,transparent)}
.hl-fact dt{font-weight:600}
.hl-fact dd{margin:0}
.hl-fact-small{display:block;font-size:13px;opacity:.75;margin-top:4px}
.hl-feats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}
.hl-feats li{display:grid;gap:6px}
.hl-tablist{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.hl-tab{border:1px solid currentColor;background:none;color:inherit;font:inherit;padding:8px 14px;border-radius:999px;cursor:pointer}
.hl-tab[aria-selected="true"]{background:var(--hl-accent);border-color:var(--hl-accent);color:var(--hl-on-accent)}
.hl-tab-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:16px}
@media (max-width:600px){.hl-fact{grid-template-columns:minmax(0,1fr);gap:4px}}
.hl-with-aside{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:64px;align-items:start}
.hl-aside{position:sticky;top:100px;min-width:0}
.hl-sidecard{display:grid;gap:14px;padding:24px;background:var(--hl-dark);color:var(--hl-light)}
.hl-sidecard-h{margin:0}
.hl-sidecard-text{font-size:14px;color:var(--hl-muted-dark)}
.hl-sidecard-text p{margin:0}
.hl-sidecard-actions{display:grid;gap:10px}
.hl-actionbar{display:none}
.hl-rail{display:grid;gap:28px}
.hl-toc,.hl-related-links{display:grid;gap:0}
.hl-toc a,.hl-related-links a,.hl-related-links span{padding:8px 0;border-top:1px solid color-mix(in srgb,currentColor 15%,transparent);font-size:14px}
.hl-lang-note{padding:12px 16px;background:color-mix(in srgb,var(--hl-dark) 6%,var(--hl-light));font-size:14px}
.hl-md-box{padding:8px 24px 12px;margin:1.6em 0;background:color-mix(in srgb,var(--hl-dark) 5%,var(--hl-light))}
.hl-cek{background:#F2E6C9;color:#5A4520;padding:1px 6px;font-size:.85em}
.hl-cek b{text-transform:uppercase;letter-spacing:.08em;font-size:.85em;margin-right:4px}
.hl-review-note{background:#F2E6C9;color:#5A4520;padding:13px 16px;font-size:14px;line-height:1.5;margin:0 0 30px}
.hl-hero-bleed,.hl-cta-photo{position:relative;isolation:isolate}
.hl-hero-bleed>.hl-wrap,.hl-cta-photo>.hl-wrap{position:relative;z-index:1}
.hl-hero-bg,.hl-cta-bg{position:absolute;top:0;bottom:0;right:0;left:38%;margin:0;z-index:0}
.hl-hero-bg img,.hl-cta-bg img{width:100%;height:100%;object-fit:cover;object-position:40% 50%;display:block}
.hl-hero-bg::after,.hl-cta-bg::after{content:"";position:absolute;inset:0 0 0 -3px;background:linear-gradient(90deg,var(--hl-dark) 0%,color-mix(in srgb,var(--hl-dark) 85%,transparent) 18%,color-mix(in srgb,var(--hl-dark) 35%,transparent) 45%,color-mix(in srgb,var(--hl-dark) 8%,transparent) 75%),linear-gradient(0deg,color-mix(in srgb,var(--hl-dark) 85%,transparent) 0%,transparent 30%)}
@media (max-width:760px){
  .hl-hero-bg,.hl-cta-bg{left:0;bottom:auto;height:360px}
  .hl-hero-bg img,.hl-cta-bg img{object-position:45% 50%}
  .hl-hero-bg::after,.hl-cta-bg::after{background:linear-gradient(0deg,var(--hl-dark) 0%,color-mix(in srgb,var(--hl-dark) 35%,transparent) 45%,color-mix(in srgb,var(--hl-dark) 5%,transparent) 100%)}
}
.hl-featured{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:center;margin-bottom:56px;color:inherit;text-decoration:none}
.hl-featured-img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.hl-featured-text{display:grid;gap:14px}
.hl-featured-title{font-size:34px;line-height:1.15}
.hl-footer-text,.hl-footer-lines{font-size:14px;opacity:.85}
.hl-footer-lines span{display:block}
@media (max-width:760px){.hl-featured{grid-template-columns:minmax(0,1fr);gap:20px}.hl-featured-title{font-size:26px}}
/* Options from decision 0021, step 5: each rule only meets a page that uses the option. */
.hl-hero-siderow{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:stretch}
.hl-hero-img{width:100%;height:100%;min-height:420px;object-fit:cover}
.hl-tabs-side{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:56px;align-items:start}
.hl-tabs-nav{display:grid;gap:22px;align-content:start}
.hl-tabs-side .hl-tablist{display:grid;gap:0;margin:0}
.hl-tabs-side .hl-tab{border:0;border-bottom:1px solid color-mix(in srgb,currentColor 15%,transparent);border-radius:0;text-align:left;padding:14px 4px;background:none;color:inherit}
.hl-tabs-side .hl-tab[aria-selected="true"]{background:none;color:inherit;font-weight:600}
.hl-tab-actions{margin-top:24px}
.hl-aside-facts,.hl-imgtext-facts,.hl-office-facts,.hl-office-kv,.hl-office-hours{margin:0}
.hl-aside-facts>div,.hl-imgtext-facts>div{padding:12px 0;border-top:1px solid color-mix(in srgb,currentColor 15%,transparent)}
.hl-aside-facts dt,.hl-imgtext-facts dt,.hl-office-facts dt,.hl-office-kv dt{font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.75}
.hl-aside-facts dd,.hl-imgtext-facts dd,.hl-office-facts dd,.hl-office-kv dd{margin:4px 0 0}
.hl-imgtext-facts{margin-top:24px}
.hl-imgtext-facts>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px}
.hl-imgtext-facts dd{margin:0}
.hl-aside .hl-aside-facts{margin-bottom:24px}
.hl-cta.hl-photo-behind{background-size:cover;background-position:center}
.hl-footer-text-col p{margin:0}
.hl-footer-text-col p+p{margin-top:8px}
.hl-md-table{overflow-x:auto;margin:0 0 20px}
.hl-prose blockquote{margin:0 0 20px;padding:14px 18px;border-left:2px solid var(--hl-accent);background:color-mix(in srgb,var(--hl-dark) 4%,transparent)}
.hl-prose blockquote p{margin:0}
.hl-md-table table{width:100%;border-collapse:collapse;min-width:480px;font-size:15px;line-height:1.5}
.hl-md-table th,.hl-md-table td{text-align:left;padding:10px 12px;border-bottom:1px solid color-mix(in srgb,currentColor 18%,transparent);vertical-align:top}
.hl-faq-split{align-items:start}
.hl-office-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}
.hl-office-photo .hl-office-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
.hl-office-box{display:grid;gap:14px;padding:28px;background:var(--hl-light);color:var(--hl-dark)}
.hl-office-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.75}
.hl-office-name{font-family:var(--hl-font-heading);font-size:20px;line-height:1.3}
.hl-office-address .hl-line,.hl-office-kv .hl-line{display:block}
.hl-office-kv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:16px;border-top:1px solid color-mix(in srgb,currentColor 15%,transparent)}
.hl-office-kv a{text-decoration:none;font-weight:600;overflow-wrap:anywhere}
.hl-office-note{font-size:14px;opacity:.7}
.hl-office-facts{display:grid;gap:10px;padding-top:16px;border-top:1px solid color-mix(in srgb,currentColor 15%,transparent);font-size:13px;line-height:1.5}
.hl-office-details{display:grid;gap:14px}
.hl-office-photo .hl-office-address{font-family:var(--hl-font-heading);font-size:22px;line-height:1.35}
.hl-office-hours>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid color-mix(in srgb,currentColor 15%,transparent)}
.hl-office-hours dd{margin:0}
.hl-office-img{width:100%;aspect-ratio:4/3;object-fit:cover}
.hl-list-foot{margin-top:44px}
.hl-download{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;align-items:start}
.hl-download.has-cover{grid-template-columns:200px minmax(0,1fr)}
.hl-download-cover{width:100%;aspect-ratio:3/4;object-fit:cover;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.hl-download-main{display:grid;gap:20px;min-width:0}
.hl-download-text{max-width:62ch}
.hl-download-files{border:0;margin:0;padding:0;display:grid;gap:0;border-top:1px solid color-mix(in srgb,currentColor 18%,transparent)}
.hl-download-file{display:flex;gap:14px;align-items:center;padding:14px 4px;border-bottom:1px solid color-mix(in srgb,currentColor 18%,transparent);cursor:pointer}
.hl-download-file-text{flex:1;min-width:0}
.hl-download-file i{flex:none}
.hl-download-file-text{display:grid;gap:2px}
.hl-download-file-text span{font-size:14px;opacity:.75}
.hl-download-file i{font-style:normal;font-weight:600;font-size:14px;border-bottom:1px solid currentColor}
.hl-download-file.is-busy{opacity:.6;cursor:progress}
.is-js .hl-download-file input{position:absolute;opacity:0;width:1px;height:1px}
.is-js .hl-download-file:has(input:checked){background:color-mix(in srgb,currentColor 6%,transparent)}
.is-js .hl-download-file:has(input:focus-visible){outline:2px solid var(--hl-accent);outline-offset:2px}
.hl-download-form{display:grid;gap:16px}
.is-js .hl-download-form:not(.is-open) .hl-form-fields,.is-js .hl-download-form:not(.is-open) .hl-form-actions,.is-js .hl-download-form:not(.is-open) .hl-download-chosen{display:none}
.hl-download-chosen{font-size:14px;opacity:.8}
.hl-download-done{font-size:15px}
.hl-download-done a{font-weight:600}
.hl-clips{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:24px}
.hl-clip{margin:0;display:grid;gap:10px}
.hl-clip-frame{position:relative}
.hl-clip video{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;background:color-mix(in srgb,currentColor 10%,transparent)}
.hl-clip-sound{position:absolute;left:12px;bottom:12px;border:0;background:rgba(0,0,0,.72);color:#fff;font:inherit;font-size:13px;font-weight:600;padding:7px 11px;cursor:pointer}
.hl-clip figcaption{font-size:14px;opacity:.8}
@media (max-width:760px){.hl-download.has-cover{grid-template-columns:minmax(0,1fr)}.hl-download-cover{max-width:180px}}
.hl-replyby{border:0;padding:0;margin:0;flex-direction:row;flex-wrap:wrap;gap:8px}
.hl-replyby legend{padding:0;margin-bottom:8px}
.hl-replyby label{display:inline-flex;align-items:center;padding:9px 14px;border:1px solid color-mix(in srgb,var(--hl-dark) 25%,var(--hl-light));background:#fff;color:var(--hl-dark);font-weight:500;font-size:14px;cursor:pointer}
.hl-replyby input{position:absolute;opacity:0;width:1px;height:1px;min-height:0;padding:0;border:0}
.hl-replyby label:has(input:checked){background:var(--hl-dark);color:var(--hl-light);border-color:var(--hl-dark)}
.hl-replyby label:has(input:focus-visible){outline:2px solid var(--hl-accent);outline-offset:2px}
.hl-consent{flex-direction:row;align-items:flex-start;gap:10px;font-weight:400;line-height:1.45}
.hl-consent input{flex:none;width:16px;height:16px;min-height:0;padding:0;margin:2px 0 0;accent-color:var(--hl-dark)}
@media (max-width:1000px){
  .hl-hero-siderow,.hl-tabs-side,.hl-office-row,.hl-office-photo .hl-office-row{grid-template-columns:minmax(0,1fr);gap:32px}
  .hl-hero-img{min-height:0;aspect-ratio:4/3;height:auto}
}
@media (max-width:600px){.hl-office-kv{grid-template-columns:minmax(0,1fr)}.hl-imgtext-facts>div{grid-template-columns:minmax(0,1fr);gap:4px}}
.hl-ways{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;background:color-mix(in srgb,currentColor 20%,transparent);border:1px solid color-mix(in srgb,currentColor 20%,transparent)}
.hl-way{display:grid;gap:8px;align-content:start;padding:24px;background:var(--hl-band-bg,var(--hl-dark));color:inherit;text-decoration:none}
.hl-way-label{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--hl-accent)}
.hl-way-value{font-size:20px;overflow-wrap:anywhere}
.hl-way-text{font-size:14px;opacity:.8}
@media (max-width:760px){
  .hl-with-aside{grid-template-columns:minmax(0,1fr);gap:40px}
  .hl-aside{position:static}
  .hl-actionbar{display:grid;position:fixed;left:0;right:0;bottom:0;z-index:40;gap:8px;padding:10px max(12px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));background:var(--hl-light);border-top:1px solid color-mix(in srgb,var(--hl-dark) 15%,transparent)}
  .hl-actionbar-1{grid-template-columns:1fr}.hl-actionbar-2{grid-template-columns:1fr 1fr}.hl-actionbar-3{grid-template-columns:1fr 1fr 1fr}
  .hl-actionbar .hl-btn{justify-content:center;text-align:center}
  .hl-actionbar .hl-btn-secondary{color:var(--hl-dark);border-color:var(--hl-dark);background:transparent}
  body:has(.hl-actionbar){padding-bottom:72px}
}

:root{--hl-tx:color-mix(in srgb,var(--hl-dark) 97.3%,var(--hl-light));--hl-stone:color-mix(in srgb,var(--hl-dark) 6%,var(--hl-light));--hl-ink2:color-mix(in srgb,#fff 4%,var(--hl-dark));--hl-rule-l:color-mix(in srgb,var(--hl-dark) 14%,transparent);--hl-rule-d:color-mix(in srgb,var(--hl-light) 16%,transparent);--hl-mark:var(--hl-accent-light,color-mix(in srgb,var(--hl-accent) 55%,var(--hl-dark)))}
body{font-size:16px;line-height:1.62}
h1,h2,h3{font-weight:500;text-wrap:balance}
.hl-wrap{max-width:1180px;padding:0 52px}
.hl-band{padding:104px 0}
.hl-soft{background:var(--hl-stone)}
.hl-light{color:var(--hl-tx)}
.hl-light .hl-lead,.hl-light .hl-head-body{color:var(--hl-muted-light)}
/* type */
.hl-h1,.hl-h1-page{font-size:62px;line-height:1.04;letter-spacing:-.012em}
.hl-h2{font-size:44px;line-height:1.08;letter-spacing:-.01em}
.hl-card-title,.hl-block-heading,.hl-h3{font-size:25px;line-height:1.16;font-weight:500;text-wrap:balance}
.hl-lead,.hl-head-body{font-size:18.5px;line-height:1.65;color:var(--hl-muted-light);max-width:58ch}
.hl-dark .hl-lead,.hl-dark .hl-head-body{color:var(--hl-muted-dark)}
.hl-lead p+p{margin-top:18px}
.hl-eyebrow,.hl-block-label{display:flex;align-items:center;gap:14px;margin:0 0 26px;font:600 12px/1.2 var(--hl-font-body);letter-spacing:.17em;text-transform:uppercase;color:var(--hl-muted-light)}
.hl-dark .hl-eyebrow,.hl-dark .hl-block-label{color:var(--hl-accent)}
.hl-eyebrow::after,.hl-block-label::after{content:"";flex:1;min-width:40px;height:1px;background:repeating-linear-gradient(90deg,currentColor 0 7px,transparent 7px 11px);opacity:.55}
.hl-prose{font-size:16.5px;line-height:1.7}
.hl-prose li+li{margin-top:8px}
.hl-prose h2{font-size:30px;line-height:1.15;margin:48px 0 18px}
.hl-prose h3{font-size:22px;line-height:1.2}
.hl-prose li::marker{color:var(--hl-mark)}
/* reading text beside a rail (profile, articles) */
.hl-with-aside .hl-prose{max-width:690px;font-size:17.5px;line-height:1.75;color:var(--hl-tx)}
.hl-with-aside .hl-prose p{margin:0 0 1.1em}
.hl-single .hl-prose p:first-of-type{font-size:19.5px;line-height:1.65}
.hl-with-aside .hl-prose h2{font:500 32px/1.15 var(--hl-font-heading);margin:1.9em 0 .6em;scroll-margin-top:110px}
.hl-with-aside .hl-prose h2:first-child{margin-top:0}
.hl-with-aside .hl-prose h3{font:600 18.5px/1.35 var(--hl-font-body);margin:1.6em 0 .5em}
.hl-with-aside .hl-prose ul,.hl-with-aside .hl-prose ol{margin:0 0 1.2em;padding-left:1.25em;display:grid;gap:.5em}
.hl-with-aside .hl-prose li+li{margin-top:0}
.hl-with-aside .hl-prose ol li::marker{font-family:var(--hl-font-heading);font-style:italic}
.hl-with-aside .hl-prose strong{font-weight:600}
.hl-with-aside .hl-prose a{text-decoration:none;border-bottom:1px solid color-mix(in srgb,currentColor 45%,transparent)}
.hl-li-note{display:block;margin-top:4px;font-size:14px;opacity:1;color:var(--hl-muted-light);white-space:nowrap}
/* buttons */
.hl-btn{min-height:52px;padding:0 26px;border-radius:2px;font-weight:600;font-size:15px;line-height:1;letter-spacing:.01em;white-space:nowrap}
.hl-btn-secondary{border:1px solid color-mix(in srgb,currentColor 55%,transparent);font-weight:600}
.hl-light .hl-btn-primary:not(.hl-nav-cta){background:var(--hl-dark);color:var(--hl-light)}
.hl-light .hl-hero .hl-btn-primary,.hl-dark .hl-btn-primary{background:var(--hl-accent);color:var(--hl-on-accent)}
.hl-actions{gap:12px;margin-top:8px}
.hl-btn[data-action="email"]::before,.hl-btn[data-action="whatsapp"]::before,.hl-hero .hl-btn[href^="mailto:"]::before,.hl-hero .hl-btn[href^="https://wa.me/"]::before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:var(--hl-ic) center/contain no-repeat;mask:var(--hl-ic) center/contain no-repeat}
.hl-btn[data-action="email"],.hl-hero .hl-btn[href^="mailto:"]{--hl-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6'%3E%3Crect x='3' y='5.5' width='18' height='13'/%3E%3Cpath d='M3.5 6.5l8.5 6.5 8.5-6.5'/%3E%3C/svg%3E")}
.hl-btn[data-action="whatsapp"],.hl-hero .hl-btn[href^="https://wa.me/"]{--hl-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H9l-5 4z'/%3E%3C/svg%3E")}
.hl-strong-link,.hl-arrow{font-weight:600;font-size:15px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}
/* header */
.hl-header{border-bottom:1px solid var(--hl-rule-d)}
.hl-header-row{height:84px;padding-top:0;padding-bottom:0;gap:36px}
.hl-logo{display:grid;line-height:1;white-space:nowrap}
.hl-logo span{font:500 25px/1 var(--hl-font-heading)}
.hl-logo-tag{font:600 9.5px/1 var(--hl-font-body);letter-spacing:.26em;text-transform:uppercase;color:var(--hl-accent);margin-top:7px}
.hl-nav{gap:30px;font-size:15px;letter-spacing:0;font-weight:400;color:color-mix(in srgb,var(--hl-light) 88%,var(--hl-dark))}
.hl-nav-link{border-bottom:0}
.hl-nav-link:hover,.hl-nav-link.is-active{color:var(--hl-accent)}
.hl-nav-cta{min-height:42px!important;padding:0 18px!important;order:2;font-size:14px!important;margin-left:6px}
.hl-lang{order:1;margin-left:6px;border:0;min-width:0;font:600 12.5px/1 var(--hl-font-body);letter-spacing:.12em;color:var(--hl-muted-dark);gap:6px}
/* the switch reads "EN · ID" on English pages and "ID · EN" on Indonesian ones: the current language first, brighter */
html[lang="en"] .hl-lang::before{content:"EN";order:-2;color:var(--hl-light)}
html[lang="id"] .hl-lang::before{content:"ID";order:-2;color:var(--hl-light)}
.hl-lang::after{content:"·";order:-1}
/* hero: text left, the photo bleeding to the right edge and fading into the dark */
.hl-band.hl-hero{padding:0;overflow:hidden}
.hl-hero .hl-wrap>div:not(.hl-hero-row){padding:104px 0 112px;display:grid;gap:30px;max-width:780px}
.hl-hero .hl-eyebrow,.hl-hero .hl-lead,.hl-hero .hl-actions{margin:0}
.hl-hero:not(.hl-hero-bleed):not(.hl-hero-side) .hl-h1{max-width:16ch}
.hl-hero-siderow{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px}
.hl-hero-siderow>div:first-child{padding:120px 0 112px;display:grid;gap:30px;align-content:center;position:relative;z-index:1}
.hl-hero-side .hl-h1{font-size:52px;max-width:15ch}
.hl-hero-img{min-height:640px;--hl-bleed:52px;margin-right:calc(-1 * var(--hl-bleed));width:calc(100% + var(--hl-bleed));max-width:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 26%),linear-gradient(0deg,transparent 0,#000 18%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 26%),linear-gradient(0deg,transparent 0,#000 18%);mask-composite:intersect;object-position:50% 18%}
.hl-hero-bleed .hl-wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px}
.hl-hero.hl-hero-bleed .hl-wrap>div{padding:120px 0 128px;max-width:none;align-content:center}
.hl-hero .hl-lead{display:grid;gap:30px}
.hl-hero .hl-lead p+p{margin:0}
.hl-hero-bg img{filter:saturate(.85) brightness(.85)}
/* section heads: label across, heading left, text right */
.hl-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px;align-items:end;margin-bottom:56px}
.hl-head>div:first-child{display:contents}
.hl-head .hl-eyebrow{grid-column:1/-1;margin-bottom:-26px}
.hl-head .hl-h2{grid-column:1}
.hl-head>.hl-head-body,.hl-head>.hl-arrow,.hl-head>a{grid-column:2;justify-self:start}
/* areas (groups) */
.hl-groups{gap:28px}
.hl-group-card{gap:18px}
.hl-group-card .hl-card-img{aspect-ratio:4/3.1;filter:saturate(.82)}
.hl-group-card .hl-card-title{font-size:24px}
.hl-group-items{list-style:none;padding:0;margin:0;gap:0;border-top:1px solid var(--hl-rule-l)}
.hl-group-items li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--hl-rule-l);font-size:14.5px;line-height:1.4}
.hl-group-items li::after{content:"→";color:var(--hl-muted-light)}
/* steps */
.hl-bsteps-words{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:28px}
.hl-section-steps .hl-bstep{display:grid;gap:12px;align-content:start;padding-top:22px;border-top:1px solid currentColor}
.hl-bstep-n{font:italic 500 22px/1 var(--hl-font-heading);color:var(--hl-mark)}
.hl-bstep-n small{font:500 12px/1 var(--hl-font-body);letter-spacing:.06em;color:var(--hl-muted-light);margin-left:6px}
.hl-bstep-title{font-size:17px;font-weight:600;line-height:1.3}
.hl-bstep-body{font-size:14.5px;color:var(--hl-muted-light)}
.hl-blocks .hl-bsteps{display:grid;grid-template-columns:minmax(0,1fr);gap:0;border-top:1px solid var(--hl-rule-l)}
.hl-blocks .hl-bstep{display:grid;grid-template-columns:92px minmax(0,1fr);gap:18px;padding:16px 0;border-bottom:1px solid var(--hl-rule-l);align-items:baseline}
.hl-blocks .hl-bstep-body{font-size:15.5px;color:inherit}
/* checklists */
.hl-checklist{gap:28px}
.hl-checklist-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.hl-tab-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;align-items:baseline}
.hl-tab-head .hl-strong-link{white-space:nowrap}
.hl-checklist-title{display:block;font-size:12px;line-height:1.2;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--hl-muted-light);margin-bottom:12px}
.hl-checks{gap:10px;font-size:14.5px;line-height:1.45}
.hl-checks li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:11px}
.hl-checks li::before{content:"";width:14px;height:14px;border:1.5px solid color-mix(in srgb,var(--hl-dark) 45%,var(--hl-light));margin-top:3px}
/* document tabs */
.hl-tabs-side .hl-tab{font:500 16px/1.3 var(--hl-font-body);color:var(--hl-muted-light);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--hl-rule-l)}
.hl-tabs-side .hl-tablist{border-top:1px solid var(--hl-rule-l)}
.hl-tabs-side .hl-tab::after{content:"";width:8px;height:8px;border-right:1.5px solid currentColor;border-top:1.5px solid currentColor;transform:rotate(45deg);opacity:.5}
.hl-tabs-side .hl-tab[aria-selected="true"]{color:var(--hl-tx);font-weight:600}
.hl-tabs-side .hl-tab[aria-selected="true"]::after{opacity:1}
.hl-tabs-nav .hl-eyebrow{margin:0}
.hl-tabs-nav .hl-h2{margin:0}
.hl-tabpanels .hl-tabpanel{background:#fff;border:1px solid var(--hl-rule-l);padding:34px 36px;display:grid;gap:26px}
.hl-tab-head{margin:0}
.hl-tab-head .hl-block-heading{margin:0}
.hl-tab-actions{margin:0;padding-top:22px;border-top:1px solid var(--hl-rule-l)}
.hl-tab-actions .hl-btn.hl-btn{background:none;color:var(--hl-tx);border:1px solid color-mix(in srgb,currentColor 55%,transparent)}
.hl-tab-actions .hl-btn.hl-btn[data-action="whatsapp"]{color:var(--hl-dark)}
.hl-tab-actions .hl-btn[data-action="email"]::before{display:none}
.hl-tab-actions .hl-btn.hl-btn[data-action="contact"]{background:var(--hl-dark);color:var(--hl-light);border-color:var(--hl-dark)}
/* profile band (image and text) */
.hl-imgtext{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px}
.hl-dark .hl-imgtext-img{aspect-ratio:4/5;filter:saturate(.7) brightness(.85)}
/* a dark band with the picture on the left: the picture fills the band's height to the screen's edge */
.hl-band.hl-dark:has(.hl-img-left){padding:0}
.hl-dark .hl-img-left{align-items:stretch}
.hl-dark .hl-img-left .hl-imgtext-img{aspect-ratio:auto;height:100%;min-height:640px;object-position:30% 50%;margin-left:calc((100vw - min(100vw,1180px)) / -2 - 52px);width:100%}
.hl-dark .hl-img-left .hl-prose{padding:104px 0}
.hl-dark .hl-imgtext .hl-h2+div{font-size:18.5px;line-height:1.65;color:var(--hl-muted-dark);max-width:58ch}
.hl-imgtext .hl-prose{display:grid;gap:26px;font-size:16px}
.hl-imgtext .hl-prose>*{margin:0}
.hl-imgtext .hl-h2{font-size:44px;line-height:1.08}
.hl-imgtext-facts>div{grid-template-columns:150px minmax(0,1fr);gap:0;padding:0;border-top:0;border-bottom:1px solid var(--hl-rule-d);font-size:14.5px;line-height:1.45}
.hl-imgtext-facts dt,.hl-imgtext-facts dd{padding:13px 0;margin:0}
.hl-imgtext-facts{border-top:1px solid var(--hl-rule-d);margin:0}
.hl-imgtext-facts dt{color:var(--hl-accent);opacity:1;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding-top:15px}
.hl-imgtext .hl-btn-secondary{border:0;border-bottom:1px solid currentColor;padding:0 0 3px;min-height:0;justify-self:start;width:auto;line-height:1.62}
.hl-actionbar .hl-btn.hl-btn-primary{background:var(--hl-dark);color:var(--hl-light);border-color:var(--hl-dark)}
.hl-actionbar .hl-btn{border-radius:2px}
.hl-actionbar .hl-btn.hl-btn{min-height:46px;padding:0 10px;font-size:14px}
.hl-actionbar .hl-btn::before{display:none}
.hl-actionbar{background:color-mix(in srgb,var(--hl-light) 94%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top-color:var(--hl-rule-l)}
.hl-imgtext .hl-btn-secondary::after{content:" →"}
/* international band */
.hl-cta.hl-cta-photo{padding:0}
.hl-cta .hl-wrap{display:grid;gap:24px;justify-items:start}
.hl-cta .hl-eyebrow{width:min(100%,520px);margin:0}
.hl-cta.hl-cta-photo .hl-wrap{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:24px;row-gap:30px;padding-top:120px;padding-bottom:128px}
.hl-cta-photo .hl-wrap>*{grid-column:1}
.hl-cta-photo .hl-wrap>.hl-eyebrow{width:100%}
.hl-cta-bg{left:42%}
.hl-cta-bg img{object-position:60% 40%;filter:saturate(.85) brightness(.85)}
.hl-cta .hl-lead{margin:0}
/* cards (forums): photo 4:3, category, title, text, link at the foot */
.hl-head:has(>div:first-child:empty):not(:has(>.hl-head-body)){display:none}
.hl-card-img{aspect-ratio:4/3;object-fit:cover;filter:saturate(.85)}
.hl-card-meta{font:600 11.5px/1.3 var(--hl-font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--hl-mark)}
.hl-card-body{font-size:15px;line-height:1.62;color:var(--hl-muted-light)}
.hl-card-link{margin-top:6px;line-height:1.62}
.hl-card-linked .hl-card-link{margin-top:auto}
/* articles */
.hl-article-card{padding:22px 0 0;border:0;border-top:1px solid currentColor;border-radius:0;background:none;gap:14px}
.hl-article-card .hl-card-meta{font-size:11.5px;line-height:1.2;font-weight:600;letter-spacing:.15em;color:var(--hl-mark)}
.hl-article-card .hl-card-title{font-size:25px}
.hl-article-card .hl-card-body{font-size:15px;line-height:1.62;color:var(--hl-muted-light)}
.hl-card-time{font-size:13px;color:var(--hl-muted-light)}
.hl-list-foot{margin-top:44px}
/* office (contact block): the card on paper beside the text */
.hl-office-card .hl-office-row{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:start}
.hl-office-intro{display:grid;gap:26px}
.hl-office-intro>*{margin:0}
.hl-office-box{padding:36px 38px;gap:0;color:var(--hl-tx)}
.hl-office-box>*{margin:0}
.hl-office-kv dt,.hl-office-label{display:block;font:600 12px/1.2 var(--hl-font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--hl-muted-light);opacity:1;margin-bottom:10px}
.hl-office-name{font:500 21px/1.3 var(--hl-font-heading);margin-bottom:4px}
.hl-office-card .hl-office-address{font-size:15.5px;line-height:1.62;color:var(--hl-muted-light)}
.hl-office-card .hl-office-address .hl-line{display:inline}
.hl-office-card .hl-office-address .hl-line:not(:last-child)::after{content:", "}
.hl-office-box>.hl-strong-link{justify-self:start}
.hl-office-kv{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;padding-top:22px;margin-top:26px;border-top:1px solid var(--hl-rule-l)}
.hl-office-kv dd{margin:0;font-size:15.5px;line-height:1.62;color:var(--hl-muted-light)}
.hl-office-kv a{display:block;color:var(--hl-tx);font:600 16.5px/1.35 var(--hl-font-body);margin-bottom:4px}
.hl-office-card .hl-office-note{margin-top:26px;font-size:15.5px;line-height:1.62;max-width:44ch;opacity:1;color:var(--hl-muted-dark)}
.hl-office-card .hl-office-facts{margin-top:26px;gap:12px;padding-top:18px;border-top:1px solid var(--hl-rule-l)}
.hl-office-facts>div{display:block}
.hl-office-facts dt{display:block;font:600 11px/1.2 var(--hl-font-body);letter-spacing:.14em;color:var(--hl-mark);opacity:1;margin-bottom:4px}
.hl-office-facts dd{margin:0;font-size:13px;line-height:1.5;color:var(--hl-muted-light)}
.hl-office-photo .hl-office-row{gap:72px}
.hl-office-photo .hl-office-name{font:400 13px/1.62 var(--hl-font-body);color:var(--hl-muted-light)}
.hl-office-photo .hl-office-address{font-size:24px;line-height:1.35;color:var(--hl-dark)}
.hl-office-photo .hl-eyebrow{margin:0}
/* side card, related reading, toc */
.hl-aside{gap:32px;position:sticky;top:110px}
.hl-sidecard{padding:30px;gap:18px;background:var(--hl-dark);color:var(--hl-light)}
.hl-sidecard-h{font:500 24px/1.16 var(--hl-font-heading)}
.hl-sidecard-text{font-size:13px;color:var(--hl-muted-dark);max-width:44ch}
.hl-sidecard .hl-btn{width:100%}
.hl-sidecard .hl-btn.hl-btn-primary,.hl-office .hl-btn.hl-btn-primary{background:var(--hl-accent);color:var(--hl-on-accent)}
.hl-sidecard .hl-btn::before{display:none}
.hl-sidecard .hl-btn-secondary[data-action="question"]{line-height:1.62;background:none;border:0;padding:0;min-height:0;justify-self:start;width:auto;border-bottom:1px solid currentColor;padding-bottom:3px}
.hl-aside-facts{border-top:1px solid var(--hl-rule-l)}
.hl-aside-facts>div{padding:0;border:0;border-bottom:1px solid var(--hl-rule-l)}
.hl-aside-facts dt{font:600 11.5px/1.2 var(--hl-font-body);letter-spacing:.14em;color:var(--hl-muted-light);opacity:1;padding-top:14px}
.hl-aside-facts dd{margin:0;padding:6px 0 14px;font-size:15px}
.hl-toc a,.hl-related-links a,.hl-related-links span{padding:13px 0;font-size:15px;text-decoration:none;display:flex;justify-content:space-between;gap:10px;border-top:0;border-bottom:1px solid var(--hl-rule-l)}
.hl-toc,.hl-related-links{border-top:1px solid var(--hl-rule-l)}
.hl-toc .hl-block-label,.hl-related-links .hl-block-label{margin:-1px 0 10px;padding-bottom:0;order:-1;transform:translateY(-100%);position:absolute}
.hl-toc a{display:block;padding:9px 0;font-size:14.5px;line-height:1.35;color:var(--hl-muted-light)}
.hl-toc a:hover{color:var(--hl-tx)}
.hl-related-links a::after{content:"→";color:var(--hl-muted-light)}
/* article text extras: the cek notes, the legal basis box, questions, the closing line */
.hl-cek{font-size:.8em;padding:2px 7px;border-radius:2px;line-height:1.6;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.hl-cek b{font-weight:700;margin-right:5px}
.hl-with-aside .hl-md-box{padding:6px 28px 12px;margin:2.2em 0}
.hl-with-aside .hl-md-box h2{font-size:24px;margin-top:1em}
.hl-with-aside .hl-md-box ul{font-size:15.5px}
.hl-with-aside .hl-md-questions{margin-top:.4em}
.hl-with-aside .hl-md-questions summary{font-size:17px;line-height:1.75}
.hl-with-aside .hl-md-questions details>:not(summary){margin-top:10px;color:var(--hl-muted-light);font-size:16.5px;max-width:none}
.hl-with-aside .hl-md-questions details p{font-size:15px;max-width:62ch;margin:10px 0 1.1em}
.hl-with-aside .hl-md-questions details p:last-child{margin-bottom:0}
.hl-md-closing{font:italic 400 21px/1.5 var(--hl-font-heading);padding-top:28px;border-top:1px solid var(--hl-rule-l);margin-top:2em}
.hl-md-closing p{font-size:inherit!important;line-height:inherit!important;margin:0}
/* service page head: the photo beside the title, fading in from the left */
.hl-pagehead.hl-product-head{padding:0;overflow:hidden}
.hl-product-row .hl-actions{flex-direction:row;flex-wrap:wrap;align-items:center}
.hl-product-head .hl-wrap{position:relative}
.hl-product-row{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;margin:0;align-items:stretch}
.hl-product-row>div:last-child{order:-1;padding:72px 0 80px;display:grid;gap:24px;align-content:center}
.hl-product-row>div:last-child>*{margin:0}
.hl-product-head .hl-crumbs{position:absolute;top:72px;left:52px;z-index:1}
.hl-product-head .hl-product-row>div:last-child{padding-top:112px}
.hl-product-media{position:relative;min-height:440px;margin-right:-52px}
.hl-product-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%);mask-image:linear-gradient(90deg,transparent 0,#000 30%);filter:saturate(.75)}
.hl-blocks-band{padding:88px 0 104px}
.hl-blocks{max-width:none;gap:64px}
.hl-with-aside{grid-template-columns:minmax(0,1fr) 300px;gap:88px;align-items:start}
.hl-blocks-band .hl-with-aside{grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:64px}
.hl-band:has(>.hl-wrap>.hl-with-aside>.hl-single){padding:72px 0 88px}
.hl-band:has(>.hl-wrap>.hl-with-aside>.hl-article){padding:72px 0 104px}
.hl-block-features .hl-feats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 36px}
.hl-feats li{display:grid;gap:6px;padding-top:16px;border-top:1px solid var(--hl-rule-l)}
.hl-feats b{font-size:16.5px}
.hl-feats span{font-size:14.5px;color:var(--hl-muted-light)}
.hl-table th{font:600 11.5px/1.2 var(--hl-font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--hl-muted-light);padding:13px 12px 13px 0}
.hl-table{min-width:0}
.hl-table td{padding:13px 12px 13px 0;font-size:14.5px}
.hl-table td:last-child{color:var(--hl-muted-light)}
.hl-table-note{font-size:13.5px;opacity:1;color:var(--hl-muted-light);background:var(--hl-stone);padding:14px 16px;margin-top:16px}
.hl-faq{border-top:1px solid var(--hl-rule-l)}
.hl-faq details{padding:16px 0;border-bottom:1px solid var(--hl-rule-l)}
.hl-faq summary{font:600 16px/1.62 var(--hl-font-body);padding:0;list-style:none;display:flex;justify-content:space-between;gap:20px}
.hl-faq summary::-webkit-details-marker{display:none}
.hl-faq summary::after{content:"+";font:400 22px/1 var(--hl-font-heading)}
.hl-faq details[open] summary::after{content:"–"}
.hl-faq details>:not(summary){margin-top:10px;color:var(--hl-muted-light);font-size:15px;max-width:62ch}
.hl-prevnext{display:none}
/* lists, articles, contact */
.hl-pagehead{padding:96px 0 88px}
.hl-pagehead .hl-wrap>div>div{display:grid;gap:26px}
.hl-pagehead .hl-wrap>div>div>*{margin:0}
.hl-h1-page{font-size:62px}
.hl-product-head .hl-h1{font-size:52px}
.hl-pagehead .hl-h1{max-width:16ch}
.hl-crumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:13.5px;color:var(--hl-muted-dark)}
.hl-crumbs>span{display:flex;gap:10px}
.hl-crumbs>span:first-child,.hl-crumbs>span:last-child,.hl-crumbs>span:nth-child(2)>span[aria-hidden]{display:none}
.hl-crumbs:not(:has(>span:nth-child(3))){display:none}
.hl-md-table th{font:600 11.5px/1.2 var(--hl-font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--hl-muted-light)}
.hl-md-box{background:var(--hl-stone)}
/* contact: the ways sit in the dark head, under its text: thin outline and dividers, gold labels, light serif values */
.hl-pagehead .hl-lead{display:grid;gap:26px}
.hl-pagehead .hl-lead p{margin:0}
.hl-pagehead:has(+.hl-band .hl-ways){padding-bottom:0}
.hl-band:has(>.hl-wrap>.hl-ways){padding:42px 0 88px}
.hl-ways{grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--hl-rule-d);border:1px solid var(--hl-rule-d);margin:0}
.hl-way{padding:28px 28px 30px;gap:10px;background:var(--hl-dark);color:var(--hl-light)}
.hl-way-label{font:600 11.5px/1.2 var(--hl-font-body);letter-spacing:.16em;color:var(--hl-accent)}
.hl-way-value{font:500 21px/1.2 var(--hl-font-heading);overflow-wrap:break-word;color:var(--hl-light)}
.hl-way-text{font-size:14.5px;line-height:1.62;color:var(--hl-muted-dark);opacity:1}
/* the question form: text left, the form card right */
.hl-split:has(>.hl-form){grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:start}
.hl-split>.hl-stack{display:grid;gap:24px}
.hl-split>.hl-stack>*{margin:0}
.hl-form{border-radius:0;background:#fff;border:1px solid var(--hl-rule-l);padding:36px 38px;gap:18px;color:var(--hl-tx)}
.hl-form-fields{gap:18px 14px}
.hl-field{gap:6px;font-size:13px;font-weight:600;color:var(--hl-muted-light)}
.hl-field input,.hl-field select,.hl-field textarea{border-radius:2px;border:1px solid var(--hl-rule-l);min-height:0;padding:12px 13px;font:400 15px/1.3 var(--hl-font-body);color:var(--hl-tx)}
.hl-field textarea{min-height:140px}
.hl-replyby legend{font:600 12px/1.2 var(--hl-font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--hl-muted-light);margin-bottom:10px}
.hl-replyby label{border:1px solid var(--hl-rule-l);border-radius:2px;padding:10px 14px;font:500 14px/1.2 var(--hl-font-body);color:var(--hl-tx)}
.hl-consent{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;font-size:13px;font-weight:400;line-height:1.45;color:var(--hl-muted-light)}
.hl-form-actions .hl-btn{width:100%;background:var(--hl-dark);color:var(--hl-light)}
/* the office: details left, the photo right */
.hl-office-photo .hl-office-row{grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:start}
.hl-office-details{gap:28px}
.hl-office-details>*{margin:0}
.hl-office-photo .hl-office-address .hl-line{display:block}
.hl-office-reach{font-size:15.5px}
.hl-office-hours{display:table;width:100%;border-collapse:collapse;font-size:15px}
.hl-office-hours>div{display:table-row}
.hl-office-hours dt,.hl-office-hours dd{display:table-cell;padding:12px 0;border-bottom:1px solid var(--hl-rule-l);font-weight:400}
.hl-office-hours dd{text-align:right;font-variant-numeric:tabular-nums}
.hl-office-img{filter:saturate(.75)}
.hl-office-photo .hl-actions .hl-btn{background:var(--hl-dark);color:var(--hl-light)}
/* download behind a form: the cover beside, the files as cards (the review build's Forum) */
.hl-download.has-cover{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:56px}
.hl-download-cover{aspect-ratio:auto;max-width:340px}
.hl-section-download .hl-h2{max-width:14ch}
.hl-download-main{gap:22px}
.hl-download-main>div:first-child .hl-eyebrow{margin-bottom:18px}
.hl-download-text{font-size:15.5px;color:var(--hl-muted-light)}
.hl-download-files{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;border:0}
.hl-download-file{flex-direction:column;align-items:flex-start;gap:8px;background:#fff;color:var(--hl-dark);border:1px solid var(--hl-rule-l);padding:16px 18px}
.hl-download-file-text b{font-size:15px}
.hl-download-file-text span{font-size:13px;color:var(--hl-muted-light);opacity:1}
.hl-download-file i{border:0;color:var(--hl-mark);font-size:13px}
.is-js .hl-download-file:has(input:checked){background:#fff;border-color:var(--hl-dark)}
.hl-download-form .hl-form-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.hl-clip video{aspect-ratio:4/5}
.hl-clip-sound{border-radius:2px}
/* list pages (articles, procedures): the list on paper under the dark head */
.hl-pagehead+.hl-band.hl-dark:not(:has(.hl-ways)){background:var(--hl-light);color:var(--hl-tx)}
.hl-pagehead+.hl-band.hl-dark:not(:has(.hl-ways)) .hl-card-body{color:var(--hl-muted-light)}
.hl-pagehead+.hl-band.hl-dark:not(:has(.hl-ways)) .hl-block-label{color:var(--hl-muted-light)}
.hl-chips{margin-bottom:56px}
.hl-chip{border-radius:2px;border:1px solid var(--hl-rule-l);background:#fff;color:var(--hl-tx);padding:10px 14px;font:500 14px/1.2 var(--hl-font-body);gap:0}
.hl-chip small{color:inherit;opacity:.6;margin-left:6px;font-size:inherit}
.hl-chip[aria-current]{background:var(--hl-dark);border-color:var(--hl-dark);color:var(--hl-light)}
.hl-featured{gap:56px;padding-bottom:64px;margin-bottom:64px;border-bottom:1px solid var(--hl-rule-l)}
.hl-featured-img{aspect-ratio:16/10;filter:saturate(.8)}
.hl-featured-text{gap:16px}
.hl-featured-text .hl-block-label{margin:0}
.hl-featured-title{font:500 40px/1.08 var(--hl-font-heading);letter-spacing:-.01em;text-wrap:balance}
.hl-featured .hl-card-body{font-size:17px;line-height:1.62;color:var(--hl-muted-light)}
.hl-featured .hl-strong-link{justify-self:start}
.hl-grid.hl-cols-3{gap:32px}
.hl-pagehead+.hl-band .hl-grid.hl-cols-3{gap:56px 32px}
.hl-card-meta{color:var(--hl-mark);font-weight:600;font-size:11.5px;letter-spacing:.15em}
/* article page: the head on paper, the cover inside the column */
.hl-pagehead:has(.hl-pagehead-meta){background:var(--hl-light);color:var(--hl-tx);padding:72px 0 44px}
.hl-pagehead:has(.hl-pagehead-meta) .hl-wrap{display:grid;gap:22px}
.hl-pagehead:has(.hl-pagehead-meta) .hl-wrap>*{max-width:860px;margin:0}
.hl-pagehead:has(.hl-pagehead-meta) .hl-wrap>div>div{display:grid;gap:22px}
.hl-pagehead:has(.hl-pagehead-meta) .hl-wrap>div>div>*{margin:0}
.hl-pagehead:has(.hl-pagehead-meta) .hl-h1{font-size:54px;max-width:none}
.hl-pagehead:has(.hl-pagehead-meta) .hl-crumbs a{border-bottom:1px solid currentColor}
.hl-pagehead:has(.hl-pagehead-meta) .hl-lead{color:var(--hl-muted-light)}
.hl-pagehead:has(.hl-pagehead-meta) .hl-eyebrow{display:none}
.hl-pagehead:has(.hl-pagehead-meta) .hl-crumbs{color:var(--hl-muted-light)}
.hl-pagehead-meta{display:flex;flex-wrap:wrap;gap:6px 22px;padding-top:18px;border-top:1px solid var(--hl-rule-l);font-size:14px;letter-spacing:0;text-transform:none;color:var(--hl-muted-light)}
.hl-pagehead:has(.hl-pagehead-meta)+.hl-bleed{display:block;width:calc(100% - 104px);max-width:1076px;height:auto;aspect-ratio:21/8;margin:0 auto;filter:saturate(.8);box-shadow:0 0 0 100vmax var(--hl-light);clip-path:inset(0 -100vmax)}
.hl-aside{display:grid;gap:24px;align-content:start}
.hl-pagehead:has(.hl-pagehead-meta)~.hl-band .hl-with-aside{padding-top:0}
/* footer */
.hl-footer{background:var(--hl-ink2);color:color-mix(in srgb,var(--hl-light) 44%,var(--hl-muted-dark));padding:72px 0 34px;font-size:14.5px}
.hl-footer-grid{grid-template-columns:minmax(min-content,3.4fr) repeat(4,minmax(0,2.4fr));gap:36px}
.hl-footer-name{font:500 25px/1 var(--hl-font-heading);color:inherit}
.hl-footer-name+p{font:600 9.5px/1 var(--hl-font-body);letter-spacing:.26em;text-transform:uppercase;color:var(--hl-accent);margin-top:-4px}
.hl-footer-brand{gap:14px;color:inherit}
.hl-footer-heading{font:600 11.5px/1.2 var(--hl-font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--hl-accent);margin-bottom:4px}
.hl-footer-text{opacity:1;color:inherit}
.hl-footer-lines span{white-space:nowrap}
.hl-footer-lines{font-size:13px;opacity:1;color:color-mix(in srgb,var(--hl-light) 60%,var(--hl-dark))}
.hl-footer-col{gap:8px;font-size:14.5px}
.hl-footer-text-col a{text-decoration:none;border-bottom:1px solid currentColor}
.hl-footer-bottom{margin-top:56px;padding-top:22px;border-top:1px solid var(--hl-rule-d);font-size:12.5px;color:color-mix(in srgb,var(--hl-light) 60%,var(--hl-dark))}
/* tablet: the review build's 761–1100 layout */
@media (min-width:761px) and (max-width:1100px){
  .hl-wrap{padding:0 36px}
  .hl-h1,.hl-pagehead:has(.hl-pagehead-meta) .hl-h1{font-size:48px}
  .hl-h2,.hl-imgtext .hl-h2{font-size:38px}
  .hl-pagehead:has(.hl-pagehead-meta)+.hl-bleed{width:calc(100% - 72px)}
  .hl-header .hl-nav{display:flex;gap:20px}
  .hl-header .hl-menu-btn{display:none}
  .hl-lang,.hl-nav-cta{margin-left:16px}
  .hl-hero-img{--hl-bleed:36px;min-height:640px;aspect-ratio:auto}
  .hl-hero-siderow{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px}
  .hl-product-media{margin-right:-36px}
  .hl-product-head .hl-h1{font-size:52px}
  .hl-product-head .hl-crumbs{left:36px}
  .hl-product-row{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px}
  .hl-product-img{max-width:none}
  .hl-grid.hl-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}
  .hl-bsteps-words{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 28px}
  .hl-tabs-side{grid-template-columns:minmax(0,1fr);gap:32px}
  .hl-imgtext{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:44px}
  .hl-dark .hl-img-left .hl-imgtext-img{margin-left:-36px}
  .hl-office-card .hl-office-row{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:44px}
  .hl-office-photo .hl-office-row{grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:44px}
  .hl-split:has(>.hl-form),.hl-split.hl-faq-split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:44px}
  .hl-ways{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hl-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hl-footer-brand{grid-column:auto}
  .hl-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hl-with-aside{grid-template-columns:minmax(0,1fr) 240px;gap:48px}
  .hl-blocks-band .hl-with-aside{grid-template-columns:minmax(0,1fr) 280px;gap:40px}
}
@media (max-width:760px){
  .hl-wrap{padding:0 20px}
  .hl-band{padding:64px 0}
  .hl-h1,.hl-h1-page{font-size:38px;line-height:1.08}
  .hl-h2,.hl-imgtext .hl-h2{font-size:31px}
  .hl-lead,.hl-head-body{font-size:16.5px}
  .hl-header-row{height:64px;gap:12px}
  .hl-logo span,.hl-footer-name{font-size:20px}
  .hl-logo-tag,.hl-footer-name+p{font-size:8px}
  .hl-header .hl-nav{display:flex;gap:12px;margin-left:auto;align-items:center}
  .hl-header .hl-nav-link,.hl-header .hl-dd{display:none}
  .hl-lang{margin-left:0;padding:8px 2px;white-space:nowrap}
  .hl-nav-cta{min-height:38px!important;padding:0 13px!important;font-size:13px!important;margin-left:0;width:auto!important}
  .hl-header .hl-menu-btn{width:40px;height:40px;border:1px solid var(--hl-rule-d);border-radius:2px}
  .hl-head{grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:34px}
  .hl-head .hl-eyebrow{margin-bottom:0}
  .hl-head>.hl-head-body,.hl-head>.hl-arrow,.hl-head>a{grid-column:1}
  .hl-hero-siderow{grid-template-columns:minmax(0,1fr);gap:0}
  .hl-hero-side .hl-h1{font-size:32px}
  .hl-with-aside>.hl-aside{display:none}
  .hl-band:has(>.hl-wrap>.hl-with-aside>.hl-single){padding:40px 0 48px}
  .hl-band:has(>.hl-wrap>.hl-with-aside>.hl-article){padding:40px 0 48px}
  .hl-with-aside .hl-prose{font-size:16.5px}
  .hl-single .hl-prose p:first-of-type{font-size:18px}
  .hl-with-aside .hl-prose h2{font-size:26px}
  .hl-with-aside .hl-md-box{padding:4px 18px 8px;margin-inline:-4px}
  .hl-hero-img{order:-1;min-height:0;height:auto;aspect-ratio:auto;width:calc(100% + 40px);margin:0 -20px;-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 34%);mask-image:linear-gradient(0deg,transparent 0,#000 34%);object-position:50% 10%}
  .hl-hero-siderow>div:first-child{padding:0 0 56px;margin-top:-40px;gap:22px}
  .hl-hero .hl-wrap>div:not(.hl-hero-row){padding:64px 0 56px;gap:22px}
  .hl-actions{display:grid}
  .hl-actions .hl-btn{width:100%}
  .hl-bsteps-words{grid-template-columns:minmax(0,1fr);gap:0}
  .hl-section-steps .hl-bstep{grid-template-columns:76px minmax(0,1fr);gap:4px 14px;padding:18px 0;border-top:1px solid var(--hl-rule-l)}
  .hl-section-steps .hl-bstep-n{grid-row:span 2}
  .hl-tabs-side .hl-tablist{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;border:0;padding-bottom:4px;scrollbar-width:none}
  .hl-tabs-side .hl-tab{border:1px solid var(--hl-rule-l);padding:9px 13px;white-space:nowrap;font-size:14px}
  .hl-tabs-side .hl-tab::after{display:none}
  .hl-tabs-side .hl-tab[aria-selected="true"]{background:var(--hl-dark);color:var(--hl-light);border-color:var(--hl-dark)}
  .hl-tabpanels .hl-tabpanel{padding:22px 18px}
  .hl-tab-actions{grid-template-columns:max-content;justify-content:start}
  .hl-tabs-side,.hl-imgtext,.hl-office-card .hl-office-row,.hl-office-photo .hl-office-row,.hl-product-row,.hl-with-aside,.hl-blocks-band .hl-with-aside{grid-template-columns:minmax(0,1fr);gap:34px}
  .hl-product-head .hl-h1{font-size:34px}
  .hl-dark .hl-imgtext .hl-h2+div{font-size:16.5px}
  .hl-checklist,.hl-block-features .hl-feats{grid-template-columns:minmax(0,1fr)}
  .hl-dark .hl-imgtext-img{aspect-ratio:16/10}
  .hl-dark .hl-img-left .hl-imgtext-img{min-height:0;height:auto;aspect-ratio:auto;object-fit:contain;width:calc(100% + 40px);max-width:none;margin:0 -20px}
  .hl-dark .hl-img-left .hl-prose{padding:0 0 64px}
  .hl-imgtext-facts>div{grid-template-columns:minmax(0,1fr)}
  .hl-imgtext-facts dt{border-bottom:0;padding-bottom:0}
  .hl-office-box,.hl-form{padding:24px 18px}
  .hl-split:has(>.hl-form){grid-template-columns:minmax(0,1fr);gap:28px}
  .hl-office-photo .hl-office-address{font-size:21px}
  .hl-product-media{min-height:250px;margin:0 -20px;order:-1}
  .hl-product-img{-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 40%);mask-image:linear-gradient(0deg,transparent 0,#000 40%)}
  .hl-product-row>div:last-child{padding:24px 0 56px}
  .hl-product-head .hl-crumbs{position:static;padding-top:24px}
  .hl-product-head .hl-product-row>div:last-child{padding-top:24px}
  .hl-blocks .hl-bstep{grid-template-columns:70px minmax(0,1fr)}
  .hl-table td{font-size:13.5px}
  .hl-cta.hl-cta-photo .hl-wrap{grid-template-columns:minmax(0,1fr);padding-top:260px;padding-bottom:56px;row-gap:22px}
  .hl-cta-bg{left:0;height:300px}
  .hl-hero.hl-hero-bleed .hl-wrap{grid-template-columns:minmax(0,1fr)}
  .hl-hero.hl-hero-bleed .hl-wrap>div{padding:290px 0 52px}
  .hl-hero .hl-lead{gap:22px}
  .hl-footer-grid{grid-template-columns:minmax(0,1fr);gap:30px}
  .hl-pagehead{padding:56px 0}
  .hl-pagehead .hl-wrap>div>div{gap:18px}
  .hl-pagehead .hl-lead{gap:18px}
  .hl-pagehead:has(+.hl-band .hl-ways){padding-bottom:0}
  .hl-band:has(>.hl-wrap>.hl-ways){padding:34px 0 56px}
  .hl-ways{grid-template-columns:minmax(0,1fr)}
  .hl-pagehead:has(.hl-pagehead-meta)+.hl-bleed{width:100%;aspect-ratio:16/10}
  .hl-pagehead:has(.hl-pagehead-meta){padding:40px 0 28px}
  .hl-pagehead:has(.hl-pagehead-meta) .hl-h1{font-size:34px}
  .hl-featured{gap:28px;padding-bottom:44px;margin-bottom:44px}
  .hl-featured-title{font-size:30px}
  .hl-chips{margin:0 -20px 36px;padding:0 20px}
  .hl-pagehead+.hl-band .hl-grid.hl-cols-3{gap:36px}
}
@media (max-width:380px){.hl-header-row{gap:8px}.hl-nav-cta{padding:0 10px!important}}
