:root{--ink: #111827;--ink-soft: #4b5563;--cream: #f3eddf;--paper: #FAFAF9;--surface: #FFFFFF;--forest: #0d3a2c;--moss: #2a6a4f;--gold: #c8a02a;--terracotta: #b65a35;--line: #E5E5E2;--line-strong: #E5E5E2;--azure-900: #10327c;--azure-700: #1852c4;--azure-600: #1668d6;--azure-400: #3f82ec;--azure-100: #dbeafd;--azure-50: #eef5fe;--maxw: 1240px;--gut: clamp(1.25rem, 4vw, 3rem);--pad-y: clamp(5rem, 9vw, 8rem);--disp: "Fraunces", Georgia, serif;--sans: "Inter", system-ui, sans-serif;--r: 4px}section[data-service],.section,.cta-band{background:#faf9f6;border-top:.5px solid #e3e3e0}[data-service=halal] .svc,[data-service=halal] .product-category,[data-service=halal] .detail-article{background:linear-gradient(180deg,#eef4e6,#d3e4c4);border:.5px solid #e3e3e0}[data-service=bpom] .product-category,[data-service=bpom] .detail-article{background:linear-gradient(180deg,#e8f1fa,#c5dcef);border:.5px solid #e3e3e0}[data-service=neutral] .svc,[data-service=neutral] .pkg,[data-service=neutral] .product-category,[data-service=neutral] .faq-item,[data-service=neutral] .news-carousel__card,[data-service=neutral] .about-main,[data-service=neutral] .detail-cta{background:#fff;border:.5px solid #e3e3e0}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--sans);background:var(--paper);color:var(--ink);line-height:1.55;font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer;text-align:inherit}img,svg{display:block;max-width:100%}::selection{background:var(--gold);color:var(--ink)}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gut)}.eyebrow{font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--moss);display:inline-flex;align-items:center;gap:.6em}.eyebrow:before{content:"";width:1.6em;height:1px;background:var(--moss);display:inline-block}h1,h2,h3{font-family:var(--disp);font-weight:420;line-height:1.02;letter-spacing:-.018em;font-variation-settings:"opsz" 144,"SOFT" 30,"WONK" 0}.h-display{font-size:clamp(2.2rem,5.5vw,4.8rem);font-weight:380;line-height:1.02;letter-spacing:-.025em}.h-display em{font-style:italic;font-variation-settings:"opsz" 144,"SOFT" 100,"WONK" 1;color:var(--forest)}.h-section{font-size:clamp(2.1rem,4.6vw,3.6rem);line-height:1;letter-spacing:-.025em}.lead{font-size:clamp(1.05rem,1.5vw,1.25rem);color:var(--ink-soft);max-width:46ch;line-height:1.5}.btn{display:inline-flex;align-items:center;gap:.6em;font-family:var(--sans);font-size:.95rem;font-weight:500;padding:.85em 1.4em;border-radius:999px;border:1px solid transparent;transition:transform .18s ease,background .18s ease,color .18s ease;cursor:pointer}.btn:active{transform:translateY(1px)}.btn--solid{background:var(--forest);color:var(--paper)}.btn--solid:hover{background:var(--ink)}.btn--ghost{border-color:var(--line-strong);color:var(--ink)}.btn--ghost:hover{border-color:var(--ink);background:var(--ink);color:var(--paper)}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--paper) 82%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;height:76px}.brand{display:flex;align-items:center;gap:.6rem;font-family:var(--disp);font-size:1.4rem;font-weight:600;letter-spacing:-.02em}.brand__mark{width:auto;height:60px;color:var(--forest)}.logo-mark{object-fit:contain}.nav{display:flex;align-items:center;gap:.15rem}.nav a{font-family:var(--sans);font-size:.92rem;font-weight:500;color:var(--ink-soft);padding:.6em 1em;border-radius:999px;transition:color .15s,background .15s}.nav a:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent)}.nav-layanan__btn{font-family:var(--sans);font-size:.92rem;font-weight:500;color:var(--ink-soft);padding:.6em 1em;border-radius:999px;display:inline-flex;align-items:center;gap:.4em;transition:color .15s ease,background .15s ease;background:none;border:none;cursor:pointer}.nav-dropdown:before{content:"";position:absolute;top:-16px;left:0;right:0;height:16px}.nav-layanan:hover .nav-dropdown,.nav-dropdown[data-open=true]{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0);transition:opacity .2s ease,transform .2s ease,visibility 0s}.nav-dropdown__item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem .8rem;border-radius:12px;transition:background .15s ease;text-decoration:none}.header-cta{display:flex;align-items:center;gap:.7rem}.lang-switch{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface)}.lang-switch button{display:inline-flex;align-items:center;background:none;border:none;border-radius:999px;padding:4px;cursor:pointer}.lang-switch button svg{display:block;width:22px;height:auto;border-radius:2px;box-shadow:inset 0 0 0 1px #0f17122e;transition:opacity .15s,filter .15s,box-shadow .15s}.lang-switch button[data-active=false] svg{opacity:.45;filter:grayscale(.4)}.lang-switch button[data-active=false]:hover svg{opacity:.9;filter:none}.lang-switch button[data-active=true] svg{box-shadow:0 0 0 2px var(--forest),inset 0 0 0 1px #0f17122e}.menu-btn{display:none;background:none;border:1px solid var(--line-strong);border-radius:999px;width:44px;height:44px;cursor:pointer;color:var(--ink);align-items:center;justify-content:center;transition:border-color .15s,background .15s}.menu-btn:hover{border-color:var(--ink);background:color-mix(in srgb,var(--ink) 5%,transparent)}.mobile-menu{display:none;border-top:1px solid var(--line);background:var(--paper);overflow:hidden}.mobile-menu__inner{padding-block:1rem 1.5rem;display:flex;flex-direction:column;gap:.4rem}.mobile-nav{display:flex;flex-direction:column}.mobile-nav__item{display:block;width:100%;text-align:left;font-family:var(--disp);font-size:1.5rem;font-weight:460;letter-spacing:-.01em;padding:.85rem .25rem;border-bottom:1px solid var(--line);color:var(--ink);transition:padding .18s ease,color .18s ease}.mobile-nav__item:hover{padding-left:.75rem;color:var(--forest)}.mobile-menu__cta{display:flex;gap:.7rem;margin-top:1.2rem}.mobile-menu__cta .btn{flex:1;justify-content:center}.hero{--hero-header-h: 4.8125rem;--hero-gap: clamp(.55rem, 1.5vh + .2vw, 1.5rem);--hero-gap-lg: clamp(.8rem, 2vh + .3vw, 2rem);position:relative;overflow:hidden;border-bottom:1px solid var(--line);min-height:calc(100svh - var(--hero-header-h));display:flex;flex-direction:column;transition:background .5s ease}.hero__slides{position:relative;flex:1;display:grid}.hero-slide{grid-area:1 / 1;position:relative;z-index:0;min-width:0;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:scale(1.02);transition:opacity .6s ease,transform .9s cubic-bezier(.16,1,.3,1),visibility 0s linear .6s}.hero-slide[data-active=true]{z-index:1;opacity:1;visibility:visible;transform:none;transition:opacity .6s ease,transform .9s cubic-bezier(.16,1,.3,1),visibility 0s}.hero-slide[data-theme=halal]{--h-panel: var(--forest);--h-title: var(--paper);--h-accent: var(--gold);--h-accent-soft: var(--gold);--h-body: color-mix(in srgb, var(--paper) 80%, transparent);--h-badge: color-mix(in srgb, var(--paper) 88%, transparent);--h-badge-bg: color-mix(in srgb, var(--gold) 22%, transparent);--h-badge-border: color-mix(in srgb, var(--gold) 45%, transparent);--h-icon-bg: color-mix(in srgb, var(--moss) 42%, transparent);--h-icon-fg: var(--gold);--h-icon-border: color-mix(in srgb, var(--gold) 28%, transparent);--h-feature-desc: color-mix(in srgb, var(--paper) 72%, transparent);--h-stats-bg: color-mix(in srgb, var(--forest) 58%, transparent);--h-stats-border: color-mix(in srgb, var(--gold) 26%, transparent);--h-stats-divider: color-mix(in srgb, var(--paper) 16%, transparent);--h-stats-sheen: color-mix(in srgb, var(--gold) 10%, transparent);--h-stat-num: var(--gold);--h-stat-lbl: color-mix(in srgb, var(--paper) 78%, transparent);--h-solid-fg: var(--forest);--h-solid-hover-bg: color-mix(in srgb, var(--gold) 82%, var(--paper));--h-solid-hover-fg: var(--ink);--h-ghost-fg: var(--paper);--h-ghost-border: color-mix(in srgb, var(--gold) 55%, transparent);--h-ghost-hover-bg: color-mix(in srgb, var(--gold) 14%, transparent);--h-glow-1: color-mix(in srgb, var(--gold) 20%, transparent);--h-glow-2: color-mix(in srgb, var(--moss) 12%, transparent);--h-vignette-top: 45%;--h-vignette-bottom: 62%;--h-photo-pos: 58% center;--h-photo-filter: saturate(.62) contrast(1.05)}.hero-slide[data-theme=bpom]{--h-panel: var(--azure-50);--h-title: var(--azure-900);--h-accent: var(--azure-600);--h-accent-soft: var(--azure-400);--h-body: var(--ink-soft);--h-badge: var(--azure-700);--h-badge-bg: var(--azure-100);--h-badge-border: color-mix(in srgb, var(--azure-600) 35%, transparent);--h-icon-bg: var(--azure-600);--h-icon-fg: #fff;--h-icon-border: transparent;--h-feature-desc: var(--ink-soft);--h-stats-bg: color-mix(in srgb, #fff 74%, transparent);--h-stats-border: color-mix(in srgb, var(--azure-600) 20%, transparent);--h-stats-divider: color-mix(in srgb, var(--azure-900) 14%, transparent);--h-stats-sheen: color-mix(in srgb, var(--azure-600) 7%, transparent);--h-stat-num: var(--azure-900);--h-stat-lbl: var(--ink-soft);--h-solid-fg: #fff;--h-solid-hover-bg: var(--azure-700);--h-solid-hover-fg: #fff;--h-ghost-fg: var(--azure-900);--h-ghost-border: color-mix(in srgb, var(--azure-600) 45%, transparent);--h-ghost-hover-bg: color-mix(in srgb, var(--azure-600) 10%, transparent);--h-glow-1: color-mix(in srgb, var(--azure-400) 26%, transparent);--h-glow-2: color-mix(in srgb, var(--azure-600) 10%, transparent);--h-vignette-top: 30%;--h-vignette-bottom: 46%;--h-photo-pos: 62% center;--h-photo-filter: saturate(.95) contrast(1.02) brightness(1.02)}.hero[data-theme=halal]{background:var(--forest)}.hero[data-theme=bpom]{background:var(--azure-50)}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:38%;z-index:0;background-image:var(--h-photo);background-size:cover;background-position:var(--h-photo-pos);background-repeat:no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 26%);mask-image:linear-gradient(90deg,transparent 0%,#000 26%);filter:var(--h-photo-filter)}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(98deg,var(--h-panel) 0%,color-mix(in srgb,var(--h-panel) 92%,transparent) 34%,color-mix(in srgb,var(--h-panel) 72%,transparent) 46%,color-mix(in srgb,var(--h-panel) 32%,transparent) 58%,color-mix(in srgb,var(--h-panel) 12%,transparent) 74%,color-mix(in srgb,var(--h-panel) 4%,transparent) 100%),linear-gradient(180deg,color-mix(in srgb,var(--h-panel) var(--h-vignette-top),transparent) 0%,transparent 26%,transparent 58%,color-mix(in srgb,var(--h-panel) var(--h-vignette-bottom),transparent) 100%)}.hero__glow{position:absolute;z-index:2;left:-12%;top:4%;width:min(58%,640px);aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,var(--h-glow-1) 0%,var(--h-glow-2) 42%,transparent 68%);filter:blur(40px)}.hero__inner{position:relative;z-index:3;padding-top:clamp(1rem,2.6vh + .4vw,3.5rem);padding-bottom:clamp(.8rem,2vh + .3vw,2.5rem);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;color:var(--h-title);flex:1}.hero__copy{grid-column:1;max-width:40rem}.hero__badge{display:inline-flex;align-items:center;gap:.75rem;font-size:clamp(.82rem,1.1vw,.95rem);font-weight:600;letter-spacing:.01em;color:var(--h-badge)}.hero__badge-logo{width:30px;height:30px;flex-shrink:0;border-radius:9px;background:var(--h-badge-bg);border:1px solid var(--h-badge-border);object-fit:contain;padding:2px}.hero__title{margin-top:var(--hero-gap);font-family:var(--disp);font-size:min(clamp(2.4rem,4.9vw,4.2rem),9.2vh);font-weight:380;line-height:1.04;letter-spacing:-.025em;font-variation-settings:"opsz" 144,"SOFT" 30,"WONK" 0;color:var(--h-title);max-width:21ch}.hero__title em{display:block;font-style:italic;font-variation-settings:"opsz" 144,"SOFT" 100,"WONK" 1;color:var(--h-accent-soft)}.hero__rule{position:relative;margin-top:var(--hero-gap);width:clamp(190px,26vw,330px);height:1px;background:linear-gradient(90deg,var(--h-accent) 0%,color-mix(in srgb,var(--h-accent) 45%,transparent) 55%,transparent 100%)}.hero__rule:before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;background:var(--h-accent);transform:translateY(-50%) rotate(45deg)}.hero__lead{margin-top:var(--hero-gap);font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.6;color:var(--h-body);max-width:48ch}.hero__features{list-style:none;margin-top:var(--hero-gap-lg);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.8rem,1.6vh + .6vw,1.6rem);max-width:42rem}.hero-feature{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem}.hero-feature__icon{display:inline-flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:50%;color:var(--h-icon-fg);background:var(--h-icon-bg);border:1px solid var(--h-icon-border)}.hero-feature__title{font-size:.9rem;font-weight:600;line-height:1.25;color:var(--h-accent)}.hero-feature__desc{font-size:.78rem;line-height:1.4;color:var(--h-feature-desc)}.hero__cta{margin-top:var(--hero-gap-lg);display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.hero__cta .btn{font-size:.98rem;font-weight:600;padding:1em 1.7em}.hero__cta .btn--solid{background:var(--h-accent);color:var(--h-solid-fg);box-shadow:0 12px 30px -14px color-mix(in srgb,var(--h-accent) 70%,transparent)}.hero__cta .btn--solid:hover{background:var(--h-solid-hover-bg);color:var(--h-solid-hover-fg)}.hero__cta .btn--ghost{border-color:var(--h-ghost-border);color:var(--h-ghost-fg)}.hero__cta .btn--ghost:hover{border-color:var(--h-accent);background:var(--h-ghost-hover-bg);color:var(--h-ghost-fg)}.hero__stats-wrap{position:relative;z-index:3;padding-bottom:clamp(.9rem,2.4vh + .4vw,2.75rem)}.hero__stats{position:relative;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:clamp(.75rem,1.7vh + .4vw,1.5rem) clamp(1.3rem,3vw,2.4rem);background:var(--h-stats-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--h-stats-border);border-radius:var(--r) var(--r) clamp(28px,5vw,56px) var(--r)}.hero__stats:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(100deg,transparent 55%,var(--h-stats-sheen) 100%)}.hero-stat{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.1rem .9rem;padding-inline:clamp(.5rem,2vw,1.6rem)}.hero-stat+.hero-stat{border-left:1px solid var(--h-stats-divider)}.hero-stat__icon{grid-row:span 2;display:inline-flex;color:var(--h-accent)}.hero-stat__num{font-family:var(--disp);font-size:clamp(1.35rem,2.6vw,2.1rem);font-weight:480;line-height:1.05;letter-spacing:-.025em;color:var(--h-stat-num);text-wrap:balance}.hero-slide[data-theme=bpom] .hero-stat__num{font-size:clamp(1.1rem,1.9vw,1.6rem)}.hero-stat__lbl{font-size:clamp(.72rem,1vw,.86rem);line-height:1.35;color:var(--h-stat-lbl)}.hero__controls{position:absolute;z-index:4;top:clamp(1rem,2.6vh + .4vw,3.5rem);right:max(var(--gut),calc((100% - var(--maxw)) / 2 + var(--gut)));display:flex;align-items:center;gap:.15rem;padding:.3rem;border-radius:999px;background:var(--h-ctl-bg);border:1px solid var(--h-ctl-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--h-ctl-fg);transition:background .5s ease,border-color .5s ease,color .5s ease}.hero[data-theme=halal]{--h-ctl-bg: color-mix(in srgb, var(--forest) 55%, transparent);--h-ctl-border: color-mix(in srgb, var(--gold) 32%, transparent);--h-ctl-fg: var(--paper);--h-ctl-accent: var(--gold)}.hero[data-theme=bpom]{--h-ctl-bg: color-mix(in srgb, #fff 66%, transparent);--h-ctl-border: color-mix(in srgb, var(--azure-600) 26%, transparent);--h-ctl-fg: var(--azure-900);--h-ctl-accent: var(--azure-600)}.hero-ctl{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:inherit;transition:background .18s ease}.hero-ctl:hover{background:color-mix(in srgb,var(--h-ctl-accent) 24%,transparent)}.hero__dots{display:flex;align-items:center;gap:.35rem;padding-inline:.3rem}.hero-dot{position:relative;width:9px;height:9px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--h-ctl-fg) 30%,transparent);transition:width .4s cubic-bezier(.16,1,.3,1),background .3s ease}.hero-dot:hover{background:color-mix(in srgb,var(--h-ctl-fg) 55%,transparent)}.hero-dot[data-active=true]{width:34px;background:color-mix(in srgb,var(--h-ctl-accent) 25%,transparent)}.hero-dot__fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--h-ctl-accent);transform:scaleX(0);transform-origin:left center}.hero-dot[data-active=true] .hero-dot__fill{animation:hero-dot-fill linear forwards}.hero__controls[data-autoplay=false] .hero-dot__fill{animation-play-state:paused}@keyframes hero-dot-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hero-ctl:focus-visible,.hero-dot:focus-visible{outline:2px solid var(--h-ctl-accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){.hero-slide{transition:opacity .2s linear,visibility 0s linear .2s;transform:none}.hero-slide[data-active=true]{transition:opacity .2s linear,visibility 0s}.hero-dot[data-active=true] .hero-dot__fill{animation:none;transform:scaleX(1)}}@media (min-width: 861px) and (max-height: 840px){.hero{--hero-gap: clamp(.4rem, 1.15vh + .2vw, .95rem);--hero-gap-lg: clamp(.55rem, 1.5vh + .25vw, 1.3rem)}.hero__inner{padding-top:clamp(.7rem,1.9vh,1.7rem);padding-bottom:clamp(.55rem,1.4vh,1.2rem)}.hero__controls{top:clamp(.7rem,1.9vh,1.7rem)}.hero__title{font-size:min(clamp(2.2rem,4.4vw,3.4rem),7.4vh)}.hero__lead{font-size:clamp(.92rem,1.15vw,1.02rem);line-height:1.45}.hero-feature{gap:.35rem}.hero-feature__icon{width:50px;height:50px}.hero-feature__desc{line-height:1.3}.hero__cta .btn{padding:.85em 1.5em}.hero__stats{padding:clamp(.55rem,1.2vh,.95rem) clamp(1.3rem,3vw,2.4rem)}.hero-stat__num{font-size:clamp(1.3rem,2vw,1.8rem)}.hero__stats-wrap{padding-bottom:clamp(.55rem,1.5vh,1.2rem)}}.section{padding-block:var(--pad-y);border-bottom:1px solid var(--line)}.section__head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:clamp(1rem,3vw,2.5rem);margin-bottom:clamp(2.5rem,5vw,4rem)}.section__title{grid-column:1}.section__intro{grid-column:1;margin-top:1rem}.section__link{grid-column:2;grid-row:1;align-self:end;font-size:.85rem;font-weight:600;white-space:nowrap;display:inline-flex;align-items:center;gap:.4em;padding:.6em 1.2em;border:1px solid var(--line-strong);border-radius:999px;color:var(--ink);background:transparent;transition:background .18s ease,color .18s ease,border-color .18s ease}.section__link:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.product-categories{padding-block:var(--pad-y);border-bottom:1px solid var(--line)}.product-categories__inner{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gut)}.product-categories__group+.product-categories__group{margin-top:clamp(4.5rem,8vw,7rem);padding-top:clamp(4rem,7vw,6rem);border-top:1px solid var(--line)}.product-categories__head{max-width:52rem;margin-bottom:clamp(2.5rem,5vw,4rem)}.product-categories__head .h-section{margin-top:.7rem}.product-categories__head .lead{margin-top:1rem}.eyebrow--bpom{color:#0c447c}.product-categories__grid{--card-gap: clamp(1rem, 2vw, 1.5rem);display:flex;gap:var(--card-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.5rem}.product-categories__grid::-webkit-scrollbar{display:none}.product-category{flex:0 0 calc((100% - 2 * var(--card-gap)) / 2.6);scroll-snap-align:start;min-height:240px;padding:clamp(1.5rem,2.5vw,2rem);border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 3px 14px #161a170d;display:flex;flex-direction:column;align-items:flex-start;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.product-category--photo,[data-service=halal] .product-category--photo,[data-service=bpom] .product-category--photo{background-size:cover;background-position:center;border:none!important}.product-category--photo h3,.product-category--photo p{color:#fff!important}.product-category--photo .product-category__icon{background:#ffffff26!important;color:#fff!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.product-category__icon,.svc__icon{width:48px;height:48px;flex-shrink:0;align-self:flex-start;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;transition:background .22s ease,color .22s ease}.product-category__icon--halal,.svc__icon--halal{background:#eaf3de;color:#27500a}.product-category__icon--bpom,.svc__icon--bpom{background:#e6f1fb;color:#0c447c}.product-category__icon{margin-bottom:1.4rem}.product-category h3{font-size:clamp(1.3rem,2vw,1.55rem);font-weight:500;line-height:1.12}.product-category p{margin-top:.85rem;color:var(--ink-soft);font-size:.92rem;line-height:1.6;max-width:42ch}@media (hover: hover) and (pointer: fine){.product-category:hover .product-category__icon--halal,.svc:hover .svc__icon--halal{background:#27500a;color:#eaf3de}.product-category:hover .product-category__icon--bpom,.svc:hover .svc__icon--bpom{background:#0c447c;color:#e6f1fb}.product-category:hover{transform:translateY(-4px) scale(1.01);border-color:var(--line-strong);box-shadow:0 14px 32px #161a171c}}.svc-carousel{--card-gap: clamp(1rem, 2vw, 1.5rem);display:flex;gap:var(--card-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.5rem}.svc-carousel::-webkit-scrollbar{display:none}.svc-carousel__card{flex:0 0 calc((100% - 2 * var(--card-gap)) / 2.6);scroll-snap-align:start}.svc{padding:clamp(1.6rem,3vw,2.4rem);border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 2px 8px #161a170d;display:flex;flex-direction:column;gap:1rem;min-height:280px;position:relative;transition:transform .25s ease,box-shadow .25s ease,background .2s ease}.svc:hover{transform:translateY(-4px);box-shadow:0 12px 28px #161a171f}.svc h3{font-size:1.45rem;font-weight:480}.svc p{font-size:.94rem;color:var(--ink-soft);line-height:1.5}.svc__tag{margin-top:auto;font-size:.76rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--moss)}.carousel-frame{--arrow: 48px;position:relative}.carousel-arrow{position:absolute;top:50%;z-index:2;width:var(--arrow);height:var(--arrow);transform:translateY(-50%);border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #161a1724;transition:background .18s ease,color .18s ease,border-color .18s ease}.carousel-arrow--prev{left:calc(var(--arrow) / -2)}.carousel-arrow--next{right:calc(var(--arrow) / -2)}@media (hover: hover) and (pointer: fine){.carousel-arrow:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}}.carousel-ctrl{display:flex;align-items:center;margin-top:clamp(1.2rem,2.5vw,1.8rem)}.carousel-ctrl__rail{position:relative;width:100%;max-width:260px;height:3px;border-radius:999px;background:var(--line);overflow:hidden}.carousel-ctrl__thumb{position:absolute;top:0;bottom:0;border-radius:999px;background:var(--moss);transition:left .2s ease,width .2s ease}.alur{background:var(--surface);color:var(--ink)}.alur .eyebrow{color:var(--moss)}.alur .eyebrow:before{background:var(--moss)}.alur .lead{color:var(--ink-soft)}.paths{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.7rem,1.5vw,1rem);max-width:1120px;margin-bottom:clamp(1.8rem,3.5vw,2.6rem)}@media (max-width: 900px){.paths{grid-template-columns:1fr;max-width:820px}}.paths__btn{display:flex;flex-direction:column;gap:.35rem;padding:clamp(.9rem,2vw,1.15rem) clamp(1rem,2vw,1.3rem);border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#fff,#f7f6f1);transition:border-color .18s ease,box-shadow .18s ease,transform .18s cubic-bezier(.22,1,.36,1)}@media (hover: hover) and (pointer: fine){.paths__btn:hover{border-color:var(--moss);transform:translateY(-2px);box-shadow:0 10px 20px -14px #161a178c}}.paths__btn:active{transform:translateY(1px) scale(.985);box-shadow:inset 0 2px 6px -3px #161a1766;transition-duration:.06s}.paths__btn:focus-visible{outline:2px solid var(--moss);outline-offset:2px}.paths__btn--on{border-color:var(--moss);background:#fff;box-shadow:inset 0 0 0 1px var(--moss);animation:paths-press .34s cubic-bezier(.22,1,.36,1)}@media (hover: hover) and (pointer: fine){.paths__btn--on:hover{transform:none;box-shadow:inset 0 0 0 1px var(--moss)}}@keyframes paths-press{0%{transform:scale(.97)}60%{transform:scale(1.012)}to{transform:scale(1)}}.paths__label{font-weight:600;font-size:.98rem;line-height:1.25;color:var(--ink)}.paths__hint{font-size:.83rem;line-height:1.45;color:var(--ink-soft)}.flow__count{font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--moss);margin-bottom:clamp(1.2rem,2.5vw,1.8rem)}.flow{list-style:none;max-width:820px}.flow__step{position:relative;display:grid;grid-template-columns:48px 1fr;gap:clamp(1rem,2vw,1.5rem);padding-bottom:clamp(1.7rem,3vw,2.4rem)}.flow__step:last-child{padding-bottom:0}.flow__step:not(:last-child):before{content:"";position:absolute;left:23px;top:50px;bottom:0;width:2px;background:color-mix(in srgb,var(--moss) 22%,transparent)}.flow__marker{width:48px;height:48px;border-radius:50%;color:#27500a;display:inline-flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0;background:linear-gradient(180deg,#f1f8e5,#d9eac3);box-shadow:0 0 0 5px color-mix(in srgb,var(--moss) 9%,transparent),0 5px 12px -5px #161a1766}.flow__body h3{font-family:var(--sans);font-size:clamp(1.05rem,1.6vw,1.2rem);font-weight:650;line-height:1.3;padding-top:.6rem}.flow__meta{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.6rem}.flow__actor,.flow__dur{font-size:.74rem;font-weight:600;letter-spacing:.04em;padding:.3em .7em;border-radius:999px;white-space:nowrap}.flow__actor{background:color-mix(in srgb,var(--moss) 13%,var(--surface));color:var(--forest)}.flow__actor--you{background:color-mix(in srgb,var(--terracotta) 13%,var(--surface));color:#8f4327}.flow__dur{background:color-mix(in srgb,var(--ink) 7%,var(--surface));color:var(--ink-soft)}.flow__body p{margin-top:.7rem;max-width:60ch;color:var(--ink-soft);font-size:.95rem;line-height:1.65}.alur{--snake-gap-x: clamp(1rem, 2vw, 1.6rem);--snake-marker: 54px;--snake-pad-y: 1rem}.snake__hint{display:flex;align-items:center;gap:.45rem;margin:.6rem 0 clamp(1rem,2vw,1.4rem);font-size:.85rem;color:var(--ink-soft)}.snake__hint svg{flex-shrink:0;color:var(--moss)}.snake{--snake-gap-y: clamp(2.4rem, 4vw, 3.2rem);--snake-span: calc(200% + 2 * var(--snake-gap-x));list-style:none;display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:1fr;column-gap:var(--snake-gap-x);row-gap:var(--snake-gap-y)}.snake__cell{position:relative;animation:flow-in .4s ease-out both;animation-delay:calc(var(--i, 0) * 70ms)}.snake__cell:before,.snake__cell:after{content:"";position:absolute;background:color-mix(in srgb,var(--moss) 28%,transparent);border-radius:999px}.snake__cell:before,.snake__cell[data-dir=none]:after{display:none}.snake__cell[data-dir=right]:after,.snake__cell[data-dir=left]:after{top:calc(50% - 1px);height:2px;width:calc(var(--snake-span) - 60px)}.snake__cell[data-dir=right]:after{left:calc(50% + 30px)}.snake__cell[data-dir=left]:after{right:calc(50% + 30px)}.snake__arrow{position:absolute;z-index:2;pointer-events:none;color:color-mix(in srgb,var(--moss) 42%,transparent)}.snake__arrow svg{display:block;flex:0 0 auto}.snake__arrow--right,.snake__arrow--left{top:calc(50% - 7px);width:calc(var(--snake-span) - 60px);height:14px;display:flex;align-items:center;justify-content:center}.snake__arrow--right{left:calc(50% + 30px)}.snake__arrow--left{right:calc(50% + 30px)}.snake__cell[data-dir=elbow]:after{left:50%;transform:translate(-1px);top:calc(100% + 10px);width:2px;height:calc(var(--snake-gap-y) + 50% - 10px)}.snake__cell[data-dir=elbow]:before{display:block;top:calc(100% + var(--snake-gap-y) + 50% - 1px);right:50%;height:2px;width:calc(100% + var(--snake-gap-x) - 30px)}.snake__arrow--elbow{left:calc(50% - 7px);top:calc(100% + 10px);width:14px;height:calc(var(--snake-gap-y) + 50% - 10px);display:flex;align-items:center;justify-content:center}.snake__node{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;width:100%;height:100%;padding:var(--snake-pad-y) clamp(.6rem,1.2vw,1rem) calc(var(--snake-pad-y) - .15rem);border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#fff,#f7f6f1);transition:border-color .18s ease,background-color .18s ease,box-shadow .2s ease,transform .2s ease}.snake__node:focus-visible{outline:none;border-color:var(--moss);box-shadow:0 0 0 3px color-mix(in srgb,var(--moss) 28%,transparent)}@media (hover: hover) and (pointer: fine){.snake__node:hover{border-color:color-mix(in srgb,var(--moss) 50%,transparent);transform:translateY(-3px)}.snake__node:hover .snake__marker{transform:translateY(-2px) scale(1.05);box-shadow:0 10px 18px -8px #161a1773}}.snake__node:active{transform:translateY(-1px) scale(.985);transition-duration:.06s}.snake__marker{width:var(--snake-marker);height:var(--snake-marker);border-radius:50%;background:linear-gradient(180deg,#f1f8e5,#d9eac3);color:#27500a;display:inline-flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 0 0 5px color-mix(in srgb,var(--moss) 9%,transparent),0 5px 12px -5px #161a1766;transition:box-shadow .2s ease,transform .2s ease}.snake__marker svg,.flow__marker svg{width:46%;height:46%}.snake__node--on{border-color:var(--moss);background:#fff}.snake__node--on .snake__marker{background:linear-gradient(180deg,#35660f,#24490a);color:#eaf3de}.snake__node--on .snake__marker,.snake__node:focus-visible .snake__marker{box-shadow:0 0 0 6px color-mix(in srgb,var(--moss) 20%,transparent),0 12px 20px -8px #161a1780;transform:translateY(-2px)}.snake__title{font-size:.95rem;font-weight:650;line-height:1.3;color:var(--ink);transition:color .18s ease}.snake__node--on .snake__title{color:var(--forest)}.snake__node .flow__meta{justify-content:center;margin-top:0}.detail{--snake-track: calc((100% - 4 * var(--snake-gap-x)) / 5);--notch-x: calc( (var(--col, 1) - 1) * (var(--snake-track) + var(--snake-gap-x)) + var(--snake-track) / 2 );position:relative;margin-top:clamp(2.4rem,4.5vw,3.4rem);padding-top:clamp(1.4rem,2.8vw,2.1rem);padding-bottom:clamp(1.4rem,2.6vw,2rem);background:radial-gradient(118% 88% at 50% 0%,color-mix(in srgb,var(--cream) 72%,transparent) 0%,transparent 64%)}.detail__rail{position:absolute;top:0;left:0;right:0;height:1px;background:var(--line)}.detail__rail:after{content:"";position:absolute;top:-1.5px;left:var(--notch-x);width:clamp(52px,6.5vw,84px);height:4px;transform:translate(-50%);border-radius:999px;background:linear-gradient(90deg,var(--moss),var(--gold));transition:left .34s cubic-bezier(.16,1,.3,1)}.detail__body{display:flex;flex-direction:column;align-items:center;gap:clamp(.5rem,1.4vw,.9rem);text-align:center}.detail__text{width:100%}.detail__num{font-family:var(--disp);font-size:clamp(2.8rem,5.5vw,4.6rem);font-weight:400;line-height:.82;letter-spacing:-.045em;font-variation-settings:"opsz" 144,"SOFT" 60,"WONK" 1;color:color-mix(in srgb,var(--moss) 30%,transparent);animation:detail-drop .62s cubic-bezier(.22,1,.36,1) both}.detail__step{display:block;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--moss);animation:detail-drop .62s cubic-bezier(.22,1,.36,1) .09s both}.detail h3{margin-top:.4rem;font-family:var(--disp);font-size:clamp(1.3rem,2.2vw,1.75rem);font-weight:420;line-height:1.2;letter-spacing:-.015em;font-variation-settings:"opsz" 144,"SOFT" 30,"WONK" 0;color:var(--forest);animation:detail-drop .62s cubic-bezier(.22,1,.36,1) .18s both}.detail p{margin-top:.6rem;max-width:62ch;margin-inline:auto;color:var(--ink-soft);font-size:.97rem;line-height:1.7;animation:detail-drop .62s cubic-bezier(.22,1,.36,1) .27s both;min-height:6.8em}@keyframes detail-drop{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}@media (max-width: 640px){.flow__step{grid-template-columns:40px 1fr;gap:.9rem}.flow__step:not(:last-child):before{left:19px;top:42px}.flow__marker{width:40px;height:40px}.flow__body h3{padding-top:.35rem}}.flow__step{animation:flow-in .4s ease-out both;animation-delay:calc(var(--i, 0) * 60ms)}.flow__step:nth-child(1){--i: 0}.flow__step:nth-child(2){--i: 1}.flow__step:nth-child(3){--i: 2}.flow__step:nth-child(4){--i: 3}.flow__step:nth-child(5){--i: 4}@keyframes flow-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.flow__step,.snake__cell{animation:none}.snake__marker,.snake__title,.snake__node,.detail__rail:after{transition:none}.detail__num,.detail__step,.detail h3,.detail p{animation:none}.snake__node:hover,.snake__node:hover .snake__marker{transform:none}.paths__btn{transition:border-color .18s ease,box-shadow .18s ease}.paths__btn:hover,.paths__btn:active{transform:none}.paths__btn--on{animation:none}}.pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2vw,1.5rem);align-items:stretch;max-width:1120px;margin-inline:auto}.clients-carousel{--card-gap: clamp(1rem, 2vw, 1.5rem);--client-track-width: 100%;--client-card-width: calc((var(--client-track-width) - 3 * var(--card-gap)) / 4);width:100%;padding:.25rem .1rem .75rem;display:flex;gap:var(--card-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.clients-carousel-shell{--clients-edge-gap: 18px;width:calc(100vw - 2 * var(--clients-edge-gap));margin-left:calc(var(--clients-edge-gap) - max(var(--gut),calc((100vw - min(var(--maxw),100vw)) / 2 + var(--gut))))}.clients-carousel::-webkit-scrollbar{display:none}.clients-carousel__card{flex:0 0 var(--client-card-width);scroll-snap-align:start}.client-card{min-height:390px;padding:1.25rem;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;flex-direction:column;gap:.8rem;box-shadow:0 2px 8px #161a170d}.client-card__logo{height:100px;display:grid;place-items:center;padding:.5rem;border-radius:8px;background:#faf9f6}.client-card__logo img{max-width:100%;max-height:84px;object-fit:contain}.client-card__logo span{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:var(--forest);color:#fff;font-weight:700;letter-spacing:.08em}.client-card__country{display:flex;align-items:center;min-height:32px}.client-card__country img{width:48px;height:32px;object-fit:cover;border-radius:3px;box-shadow:0 1px 4px #161a1729}.client-card h3{font-size:1.12rem;line-height:1.25}.client-card p{color:var(--ink-soft);font-size:.88rem;line-height:1.55}.client-card__service{margin-top:auto;color:var(--moss);font-size:.72rem;font-weight:600;line-height:1.35}.clients-section .carousel-arrow{top:50%;transform:translateY(-50%)}.clients-section .carousel-arrow--prev{left:0}.clients-section .carousel-arrow--next{right:0}.pkg-category+.pkg-category{margin-top:clamp(3.5rem,7vw,6rem)}.pkg-category__head{max-width:760px;margin:0 auto 1.8rem;text-align:center}.pkg-category__head h3{font-size:clamp(1.8rem,3vw,2.4rem);color:var(--forest)}.pkg-category__head p{margin-top:.6rem;color:var(--ink-soft)}.pkg{border:1px solid var(--line);border-radius:12px;padding:clamp(1.8rem,3vw,2.4rem);display:flex;flex-direction:column;gap:1.3rem;background:#fff;overflow:visible;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.pkg:hover{transform:translateY(-4px);border-color:var(--ink);box-shadow:0 8px 24px #161a171a}.pkg--feat{border-color:var(--moss);box-shadow:inset 0 0 0 1px var(--moss),0 10px 30px #0d3a2c21}.pkg--feat:hover{border-color:var(--moss);box-shadow:inset 0 0 0 1px var(--moss),0 16px 38px #0d3a2c2e}.pkg__lbl{font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--moss)}.pkg--feat .pkg__lbl{align-self:flex-start;padding:.45em .95em;border-radius:999px;background:var(--moss);color:var(--paper)}.pkg h3{font-size:1.7rem;font-weight:480}.pkg__price{font-family:var(--disp);font-size:2.4rem;font-weight:500;letter-spacing:-.02em;line-height:1}.pkg__price small{font-family:var(--sans);font-size:.85rem;font-weight:400;color:var(--ink-soft)}.pkg ul{list-style:none;display:flex;flex-direction:column;gap:.7rem;font-size:.92rem}.pkg li{display:flex;gap:.6em;align-items:baseline;color:var(--ink-soft)}.pkg li:before{content:"—";color:var(--moss);flex-shrink:0}.pkg .btn{margin-top:auto;width:100%;justify-content:center}.news-carousel__track{--card-gap: clamp(1rem, 2vw, 1.5rem);display:flex;gap:var(--card-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.5rem}.news-carousel__track::-webkit-scrollbar{display:none}.news-load-error{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink-soft)}.news-carousel__card{flex:0 0 calc((100% - var(--card-gap)) / 2.12);scroll-snap-align:start;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 3px 14px #161a170d;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.news-carousel__card>a{display:flex;min-height:100%;flex-direction:column}.news-carousel__media{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--cream)}.news-carousel__media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.art-feat__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--moss);background:linear-gradient(135deg,var(--cream),color-mix(in srgb,var(--moss) 14%,var(--cream)))}.news-carousel__category{position:absolute;z-index:1;top:1rem;left:1rem;padding:.45rem .7rem;border-radius:999px;background:color-mix(in srgb,var(--forest) 88%,transparent);color:var(--paper);font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.news-carousel__headline{position:absolute;inset:auto 0 0;padding:clamp(4.5rem,9vw,7rem) clamp(1.25rem,2.5vw,2rem) clamp(1.25rem,2.5vw,1.8rem);background:linear-gradient(to top,#0a1813eb,#0a181300);color:var(--paper)}.news-carousel__headline h3{font-family:var(--disp);font-size:clamp(1.45rem,2.3vw,2rem);font-weight:480;line-height:1.12}.news-carousel__body{display:flex;flex:1;flex-direction:column;gap:1.25rem;padding:clamp(1.25rem,2.5vw,1.8rem)}.news-carousel__body p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:var(--ink-soft);font-size:.94rem;line-height:1.65}.news-carousel__meta{display:flex;gap:.55rem;margin-top:auto;color:var(--ink-soft);font-size:.76rem;letter-spacing:.03em}@media (hover: hover) and (pointer: fine){.news-carousel__card:hover{transform:translateY(-4px) scale(1.005);border-color:var(--line-strong);box-shadow:0 14px 32px #161a171c}.news-carousel__card:hover img{transform:scale(1.035)}}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,5vw,4rem);align-items:start}.faq__intro p{color:var(--ink-soft);margin-top:1rem}.faq__content{min-width:0}.faq__tabs{display:inline-flex;gap:4px;background:#f0efe9;padding:4px;border-radius:999px;margin-bottom:1.5rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.faq__tabs::-webkit-scrollbar{display:none}.faq__tab{flex:0 0 auto;padding:.65rem 1.3rem;border-radius:999px;color:var(--ink-soft);font-size:.9rem;font-weight:600;white-space:nowrap;background:transparent;border:none;cursor:pointer;transition:color .18s ease,background .18s ease}.faq__tab[data-category=halal][aria-selected=true]{color:#2f5233;background:#eaf3de}.faq__tab[data-category=bpom][aria-selected=true]{color:#185fa5;background:#e6f0f8}.faq__tab:focus-visible{outline:2px solid currentColor;outline-offset:2px}.faq__list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line);border-radius:12px;transition:background .15s ease;cursor:pointer}.faq-item:hover{background:#faf9f6}.faq-item__q{width:100%;background:none;border:none;text-align:left;cursor:pointer;padding:24px 16px;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;font-family:var(--disp);font-size:1.2rem;font-weight:460;color:var(--ink)}.faq-item__icon-wrap{width:32px;height:32px;border-radius:50%;background:#f0efe9;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease}.faq-item:hover .faq-item__icon-wrap{background:#e5e4de}.faq-item__icon{width:18px;height:18px;color:var(--ink);transition:transform .2s ease}.faq-item[data-open=true] .faq-item__icon{transform:rotate(45deg)}.faq-item__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.faq-item[data-open=true] .faq-item__a{grid-template-rows:1fr}.faq-item__a>div{overflow:hidden}.faq-item__a p{color:var(--ink-soft);padding:0 16px 24px;max-width:60ch}.cta-band{background:var(--cream);border-bottom:1px solid var(--line)}.cta-band__inner{padding-block:clamp(3.5rem,7vw,6rem);display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center}.cta-band h2{font-size:clamp(2rem,4.5vw,3.4rem);font-weight:380;line-height:1;letter-spacing:-.02em;max-width:14ch}.cta-band h2 em{font-style:italic;color:var(--forest)}.site-footer{background:var(--ink);color:color-mix(in srgb,var(--paper) 75%,transparent);padding-block:clamp(3rem,6vw,5rem) 2rem}.site-footer a:hover{color:var(--paper)}.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2rem;padding-bottom:3rem;border-bottom:1px solid color-mix(in srgb,var(--paper) 16%,transparent)}.foot-grid h4{font-family:var(--sans);font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--paper);margin-bottom:1.2rem}.foot-grid ul{list-style:none;display:flex;flex-direction:column;gap:.6rem;font-size:.92rem}.foot-brand{font-family:var(--disp);font-size:1.5rem;font-weight:600;color:var(--paper);display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.foot-brand .brand__mark{color:var(--gold)}.foot-tag{font-size:.92rem;max-width:30ch}.foot-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;font-size:.82rem;color:color-mix(in srgb,var(--paper) 50%,transparent)}@media (max-width: 1023px){.clients-carousel{--client-card-width: calc((var(--client-track-width) - var(--card-gap)) / 2)}.product-category,.svc-carousel__card{flex-basis:calc((100% - var(--card-gap)) / 1.7)}.news-carousel__card{flex-basis:calc((100% - var(--card-gap)) / 1.55)}}@media (max-width: 960px){.hero__inner{grid-template-columns:1fr}.hero__copy{max-width:none}.hero__title{max-width:18ch}.hero__lead{max-width:46ch}.pkg-grid,.faq{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr 1fr}.cta-band__inner{grid-template-columns:1fr}}@media (max-width: 860px){.nav,.header-cta .btn--ghost{display:none}.menu-btn{display:inline-flex;align-items:center;justify-content:center}.mobile-menu{display:block;max-height:0;transition:max-height .32s ease}.mobile-menu[data-open=true]{max-height:70vh}.section__head{grid-template-columns:1fr}.section__link{grid-column:1;grid-row:auto;width:fit-content;margin-top:.5rem}.hero-slide{--hero-photo-h: min(calc(100vw / 1.5), 38svh)}.hero__bg{inset:0 0 auto 0;height:var(--hero-photo-h);background-position:center center;-webkit-mask-image:none;mask-image:none}.hero__overlay{inset:0 0 auto 0;height:var(--hero-photo-h);background:linear-gradient(180deg,color-mix(in srgb,var(--h-panel) 30%,transparent) 0%,color-mix(in srgb,var(--h-panel) 8%,transparent) 30%,color-mix(in srgb,var(--h-panel) 34%,transparent) 68%,color-mix(in srgb,var(--h-panel) 88%,transparent) 90%,var(--h-panel) 100%)}.hero__inner{margin-top:var(--hero-photo-h)}.hero__glow{display:none}.hero__badge{max-width:100%;padding-right:9rem}.hero__features{grid-template-columns:repeat(2,minmax(0,1fr));max-width:32rem}.hero__cta{flex-direction:column;align-items:stretch;gap:.7rem}.hero__cta .btn{justify-content:center}}@media (max-width: 767px){.clients-carousel{--client-card-width: var(--client-track-width)}.product-category,.svc-carousel__card{flex-basis:calc((100% - var(--card-gap)) / 1.15)}.product-category,.svc{min-height:0}.product-category__icon{margin-bottom:1rem}.news-carousel__card{flex-basis:calc((100% - var(--card-gap)) / 1.08)}.news-carousel .carousel-arrow{display:none}.carousel-frame{--arrow: 36px}}@media (max-width: 640px){.site-header__inner{height:60px}.brand{font-size:1.15rem;gap:.45rem}.brand__mark{width:auto;height:42px}.header-cta .btn--solid{display:none}.menu-btn{flex-shrink:0;width:44px;height:44px}.hero{min-height:100svh}.hero-slide{--hero-photo-h: min( 125vw , 52svh)}.hero__bg{background-image:var(--h-photo-portrait);background-position:center 32%}.hero__inner{padding-top:2.25rem;padding-bottom:2rem}.hero__title{font-size:2.5rem;max-width:14ch}.hero__badge{font-size:.8rem;padding-right:5rem}.hero-ctl{display:none}.hero__features{margin-top:1.6rem;gap:1.1rem .9rem}.hero-feature__icon{width:40px;height:40px}.hero-feature__desc{font-size:.74rem}.hero__stats{grid-template-columns:1fr;padding:1rem 1.1rem;border-radius:var(--r) var(--r) 24px var(--r)}.hero-stat{padding-inline:0;padding-block:.65rem}.hero-stat+.hero-stat{border-left:none;border-top:1px solid color-mix(in srgb,var(--paper) 16%,transparent)}}@media (max-width: 520px){.foot-grid{grid-template-columns:1fr}.foot-bottom{flex-direction:column;gap:.6rem;align-items:flex-start}}.deadline-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;padding:1rem;background:#0a0e0c94;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;animation:deadline-overlay-in .24s ease-out both}.deadline-modal__card{position:relative;width:min(100%,30rem);padding:clamp(1.75rem,5vw,2.5rem);border:1px solid rgba(182,90,53,.22);border-radius:20px;background:var(--paper);box-shadow:0 28px 80px #00000052;text-align:center;animation:deadline-card-in .3s ease-out both}.deadline-modal__close{position:absolute;top:.85rem;right:.85rem;width:44px;height:44px;border-radius:50%;color:var(--ink-soft);display:inline-flex;align-items:center;justify-content:center;transition:color .18s ease,background .18s ease}.deadline-modal__close:hover{color:var(--ink);background:var(--cream)}.deadline-modal__icon{width:68px;height:68px;margin:0 auto 1.25rem;border-radius:18px;color:var(--terracotta);background:color-mix(in srgb,var(--terracotta) 13%,var(--paper));display:inline-flex;align-items:center;justify-content:center}.deadline-modal h2{font-size:clamp(1.8rem,5vw,2.35rem);font-weight:520;line-height:1.05}.deadline-modal p{margin-top:1rem;color:var(--ink-soft);font-size:.94rem;line-height:1.65}.deadline-modal__cta{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin-top:1.6rem;padding:.85rem 1.4rem;border-radius:999px;background:var(--terracotta);color:#fff;font-weight:650;text-align:center;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.deadline-modal__cta:hover{background:#96472b;box-shadow:0 8px 22px #b65a3547;transform:translateY(-1px)}@keyframes deadline-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes deadline-card-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 520px){.deadline-modal{padding:1rem}.deadline-modal__card{padding:1.75rem 1.25rem 1.25rem;border-radius:16px}.deadline-modal__icon{width:60px;height:60px}}@media (prefers-reduced-motion: reduce){.deadline-modal,.deadline-modal__card{animation:none}}.wa-fab{position:fixed;right:clamp(1rem,3vw,1.8rem);bottom:clamp(1rem,3vw,1.8rem);z-index:60;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #0d3a2c47;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.wa-fab:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid rgba(37,211,102,.35);animation:wa-pulse 2.2s ease-out infinite}.wa-fab:hover{transform:translateY(-2px) scale(1.04);background:#1fb855;box-shadow:0 10px 26px #0d3a2c61}.wa-fab:active{transform:translateY(0) scale(.98)}@keyframes wa-pulse{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.35);opacity:0}to{opacity:0}}@media (prefers-reduced-motion: reduce){.wa-fab:after{animation:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.btn--sm{font-size:.82rem;padding:.6em 1.05em}.btn--danger{border-color:color-mix(in srgb,var(--terracotta) 55%,transparent);color:var(--terracotta)}.btn--danger:hover:not(:disabled){background:var(--terracotta);border-color:var(--terracotta);color:#fff}.btn:disabled{opacity:.55;cursor:not-allowed}.field{width:100%;font:inherit;font-size:.92rem;color:var(--ink);background:#fff;border:1px solid var(--line-strong);border-radius:8px;padding:.7em .9em;transition:border-color .15s ease,box-shadow .15s ease}.field:focus{outline:none;border-color:var(--moss);box-shadow:0 0 0 3px color-mix(in srgb,var(--moss) 18%,transparent)}textarea.field{resize:vertical;min-height:80px;line-height:1.5}.page-hero{padding:clamp(3.5rem,7vw,5.5rem) 0 clamp(2.5rem,5vw,4rem);border-bottom:.5px solid #e3e3e0;background:#faf9f6}.page-hero__title{margin-top:1rem;max-width:22ch}.page-hero__title em{font-style:italic;color:var(--forest);font-variation-settings:"opsz" 144,"SOFT" 100,"WONK" 1}.page-hero__lead{margin-top:1.2rem}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:#fff}.svc-table,.admin-table{width:100%;border-collapse:collapse;min-width:720px;font-size:.92rem}.svc-table th,.svc-table td,.admin-table th,.admin-table td{text-align:left;padding:1rem 1.1rem;border-bottom:1px solid var(--line);vertical-align:top}.svc-table thead th,.admin-table thead th{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft);background:var(--cream);border-bottom:1px solid var(--line-strong);white-space:nowrap}.svc-table tbody tr:last-child td,.admin-table tbody tr:last-child td{border-bottom:none}.svc-table tbody tr:hover td{background:color-mix(in srgb,var(--cream) 45%,#fff)}.svc-table__no{width:3rem;color:var(--ink-soft);font-family:var(--disp)}.svc-table__name{font-weight:600;min-width:180px;max-width:230px}.svc-table__desc{color:var(--ink-soft);line-height:1.55;min-width:320px}.svc-table__act{width:8.5rem;white-space:nowrap}.detail-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:start}.about-grid{display:block;width:100%}.detail-side{display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:96px}.detail-cta{background:var(--cream);border:1px solid var(--line);border-radius:var(--r);padding:1.6rem;display:flex;flex-direction:column;gap:.9rem}.detail-cta h3{font-size:1.35rem}.detail-cta p{color:var(--ink-soft);font-size:.92rem}.detail-cta .btn{justify-content:center}.detail-others{border:1px solid var(--line);border-radius:var(--r);padding:1.4rem 1.6rem;background:#fff}.detail-others h4{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--moss);margin-bottom:.9rem}.detail-others ul{list-style:none;display:flex;flex-direction:column;gap:.6rem}.detail-others a{font-size:.92rem;color:var(--ink-soft);transition:color .15s ease}.detail-others a:hover{color:var(--forest);text-decoration:underline}.prose{max-width:70ch;color:var(--ink);font-size:clamp(1.0625rem,1.02rem + .18vw,1.15rem);line-height:1.75}.prose>*+*{margin-top:1.35em}.prose h1,.prose h2,.prose h3{margin-top:2.2em;font-weight:560;font-variation-settings:"opsz" 24,"SOFT" 20,"WONK" 0;line-height:1.2;color:var(--forest)}.prose h2{font-size:1.55em}.prose h3{font-size:1.22em}.prose h1+*,.prose h2+*,.prose h3+*{margin-top:.65em}.prose p{color:var(--ink);text-wrap:pretty}.prose strong{color:var(--ink);font-weight:650}.prose ul,.prose ol{padding-left:1.4em;color:var(--ink);display:flex;flex-direction:column;gap:.5em}.prose li::marker{color:var(--moss)}.prose a{color:var(--moss);font-weight:550;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}.prose a:hover{color:var(--forest)}.prose blockquote{border-left:3px solid var(--gold);padding-left:1.1em;color:var(--ink);font-style:italic}.prose blockquote p{color:inherit}.prose code{background:var(--cream);padding:.15em .4em;border-radius:4px;font-size:.85em}.prose pre{background:var(--forest);color:var(--paper);padding:1em;border-radius:var(--r);overflow-x:auto}.prose img{border-radius:var(--r)}.prose--inline{max-width:none}.prose--inline p{margin:0;color:inherit;line-height:1.6;font-size:inherit}.about-stack{display:flex;flex-direction:column;gap:32px}.about-card{background:#fafaf8;border-radius:12px;padding:40px;box-shadow:0 1px 3px #0000000f}.about-card h2{font-size:1.65rem;margin:0 0 1rem;color:var(--forest)}.about-card>p{font-size:1.1rem;line-height:1.7;color:var(--ink-soft);margin:0}.about-vm-inner{display:grid;grid-template-columns:1fr 1.7fr;gap:40px}.about-card-heading{font-size:1.3rem;margin:0 0 .75rem;color:var(--forest)}.about-card-text{font-size:1.05rem;line-height:1.7;color:var(--ink-soft);margin:0}.about-card-list{list-style:none;display:flex;flex-direction:column;gap:.75rem;padding:0;margin:0}.about-card-list li{padding-left:1.4em;position:relative;color:var(--ink-soft);font-size:1.05rem;line-height:1.7}.about-card-list li:before{content:"";position:absolute;left:0;top:.62em;width:.45em;height:.45em;border-radius:50%;background:var(--moss)}.about-list-grid{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:16px 32px;padding:0;margin:1rem 0 0}.about-list-grid li{display:flex;align-items:flex-start;gap:.6em;padding:12px 16px;background:color-mix(in srgb,var(--mint, #d4edda) 18%,#fff);border-radius:8px;font-size:1.05rem;line-height:1.6;color:var(--ink-soft)}.about-list-check{flex-shrink:0;font-weight:700;font-size:1rem;color:var(--moss);margin-top:.05em}.about-note{margin-top:2rem;background:color-mix(in srgb,var(--gold) 12%,var(--paper));border:1px dashed color-mix(in srgb,var(--gold) 55%,transparent);border-radius:var(--r);padding:1.2rem 1.4rem}.about-note p{color:var(--ink-soft);font-size:.9rem;margin:0}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.2rem,2.5vw,2rem)}.news-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r);background:#fff;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.news-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px #161a171a}.news-card__media{aspect-ratio:16 / 10;background:var(--cream);overflow:hidden}.news-card__media img{width:100%;height:100%;object-fit:cover}.news-card__ph{display:block;width:100%;height:100%;background:linear-gradient(135deg,var(--cream),color-mix(in srgb,var(--moss) 16%,var(--cream)))}.news-card__body{padding:1.2rem 1.3rem 1.4rem;display:flex;flex-direction:column;gap:.55rem}.news-card__meta{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.news-card__cat{font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--terracotta)}.news-card__date{font-size:.78rem;color:var(--ink-soft);white-space:nowrap}.news-card h3{font-size:1.18rem;font-weight:480;line-height:1.2}.news-card p{font-size:.88rem;color:var(--ink-soft);line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:clamp(2rem,4vw,3rem);flex-wrap:wrap}.pagination__num{min-width:40px;height:40px;border-radius:999px;border:1px solid var(--line-strong);color:var(--ink-soft);font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.pagination__num:hover{border-color:var(--ink);color:var(--ink)}.pagination__num.is-active{background:var(--forest);border-color:var(--forest);color:var(--paper)}.article-wrap{max-width:760px}.article-wrap .prose{max-width:none}.article-back{font-size:.88rem;color:var(--moss);font-weight:600}.article-back:hover{text-decoration:underline}.article-head{margin:1.4rem 0 1.8rem;display:flex;flex-direction:column;gap:.8rem}.article-head h1{font-size:clamp(2rem,4.5vw,3.2rem)}.article-date{font-size:.85rem;color:var(--ink-soft)}.article-hero{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--r);margin-bottom:2rem;border:1px solid var(--line)}.article-cta{margin-top:3rem;padding:clamp(1.5rem,4vw,2.25rem);border-radius:12px;background:var(--forest);display:flex;flex-direction:column;align-items:flex-start;gap:1.4rem}.article-cta__text{margin:0;color:var(--cream);font-size:1.02rem;line-height:1.75;white-space:pre-line}.article-cta__btn{flex-shrink:0;background:var(--paper);color:var(--forest);font-weight:600}.article-cta__btn:hover{background:var(--gold);color:var(--forest)}@media (max-width: 640px){.article-cta__btn{align-self:stretch;justify-content:center;text-align:center;line-height:1.35}}.notfound{padding:clamp(5rem,12vw,9rem) 0;text-align:center}.notfound__inner{display:flex;flex-direction:column;align-items:center;gap:1rem}.notfound__mark{color:var(--moss);opacity:.7}.notfound__code{font-family:var(--sans);font-size:.85rem;letter-spacing:.3em;text-transform:uppercase;color:var(--terracotta);font-weight:600}.notfound h1{max-width:18ch}.notfound .lead{margin-bottom:.8rem}.foot-sub{margin-top:1rem}.foot-sub__label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-soft);margin-bottom:.5rem;font-weight:600}.foot-sub ul{margin-left:.2rem;padding-left:.9rem;border-left:1px solid var(--line)}.moreinfo{position:fixed;right:clamp(1rem,3vw,1.8rem);bottom:clamp(1rem,3vw,1.8rem);z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:.9rem}.chatbot{position:fixed;right:clamp(1rem,3vw,1.8rem);bottom:clamp(5.8rem,9vw,6.5rem);z-index:59;display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}.chatbot__fab{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--forest);box-shadow:0 8px 24px #0d3a2c47;transition:transform .18s ease,background .18s ease}.chatbot__fab:hover{transform:translateY(-2px);background:#d5b13a}.chatbot__panel{width:min(370px,calc(100vw - 2rem));height:min(560px,calc(100vh - 9rem));display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 48px #161a1733;animation:moreinfo-in .2s ease}.chatbot__head{display:flex;justify-content:space-between;padding:1rem 1.1rem;color:var(--paper);background:var(--forest)}.chatbot__head strong,.chatbot__head span{display:block}.chatbot__head span{margin-top:.15rem;font-size:.75rem;opacity:.75}.chatbot__close{color:inherit}.chatbot__messages{flex:1;overflow-y:auto;padding:1rem;background:#faf9f6}.chatbot__welcome p{font-size:.9rem;color:var(--ink-soft)}.chatbot__quick{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.8rem}.chatbot__quick button{padding:.45rem .6rem;border:1px solid var(--line);border-radius:999px;color:var(--forest);background:var(--surface);font-size:.75rem}.chatbot__message{max-width:88%;margin:.65rem 0;padding:.65rem .8rem;border-radius:10px;font-size:.88rem}.chatbot__message p{margin:0}.chatbot__message ul{padding-left:1.1rem}.chatbot__message--user{margin-left:auto;color:var(--paper);background:var(--forest);border-bottom-right-radius:3px}.chatbot__message--bot{color:var(--ink);background:var(--surface);border:1px solid var(--line);border-bottom-left-radius:3px}.chatbot__typing{display:flex;gap:4px;width:fit-content;padding:.75rem;border-radius:10px;background:var(--surface)}.chatbot__typing i{width:6px;height:6px;border-radius:50%;background:var(--moss);animation:chatbot-dot 1s infinite ease-in-out}.chatbot__typing i:nth-child(2){animation-delay:.15s}.chatbot__typing i:nth-child(3){animation-delay:.3s}@keyframes chatbot-dot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.chatbot__form{display:flex;gap:.5rem;padding:.75rem;border-top:1px solid var(--line);background:var(--surface)}.chatbot__form input{min-width:0;flex:1;padding:.65rem .75rem;border:1px solid var(--line);border-radius:6px;outline-color:var(--moss)}.chatbot__form button{display:grid;place-items:center;width:38px;border-radius:6px;color:var(--paper);background:var(--forest)}.chatbot__form button:disabled{opacity:.45;cursor:not-allowed}@media (max-width: 480px){.chatbot{right:1rem;bottom:5rem}.chatbot__panel{height:min(540px,calc(100vh - 7rem))}}.moreinfo__fab{width:58px;height:58px;border-radius:50%;background:var(--forest);color:var(--paper);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #0d3a2c52;transition:transform .18s ease,background .18s ease,box-shadow .18s ease;position:relative}.moreinfo__fab:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid color-mix(in srgb,var(--forest) 40%,transparent);animation:moreinfo-pulse 2.4s ease-out infinite}.moreinfo__fab:hover{transform:translateY(-2px) scale(1.05);background:var(--moss);box-shadow:0 12px 30px #0d3a2c66}@keyframes moreinfo-pulse{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.35);opacity:0}to{opacity:0}}.moreinfo__panel{width:min(340px,calc(100vw - 2rem));background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 48px #161a172e;padding:1.2rem;display:flex;flex-direction:column;gap:.9rem;animation:moreinfo-in .22s ease}@keyframes moreinfo-in{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}.moreinfo__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.moreinfo__head strong{display:block;font-family:var(--disp);font-size:1.05rem;font-weight:560}.moreinfo__head span{display:block;font-size:.8rem;color:var(--ink-soft);margin-top:.15rem}.moreinfo__close{width:32px;height:32px;border-radius:50%;color:var(--ink-soft);display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease;flex:none}.moreinfo__close:hover{background:var(--cream);color:var(--ink)}.moreinfo__wa{display:inline-flex;align-items:center;justify-content:center;gap:.6em;background:#25d366;color:#fff;font-weight:600;font-size:.92rem;padding:.8em 1em;border-radius:10px;transition:background .15s ease,transform .15s ease}.moreinfo__wa:hover{background:#1fb855;transform:translateY(-1px)}.moreinfo__divider{display:flex;align-items:center;gap:.8rem;color:var(--ink-soft);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.moreinfo__divider:before,.moreinfo__divider:after{content:"";flex:1;height:1px;background:var(--line)}.moreinfo__form{display:flex;flex-direction:column;gap:.6rem}.moreinfo__err{font-size:.8rem;color:var(--terracotta)}.moreinfo__success{display:flex;flex-direction:column;gap:.8rem;background:color-mix(in srgb,var(--moss) 10%,var(--paper));border:1px solid color-mix(in srgb,var(--moss) 30%,transparent);border-radius:10px;padding:1rem}.moreinfo__success p{font-size:.88rem;color:var(--ink);margin:0;line-height:1.5}@media (prefers-reduced-motion: reduce){.moreinfo__fab:after{animation:none}.moreinfo__panel{animation:none}}.admin-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--ink-soft);font-size:.95rem;background:var(--paper)}.admin{display:flex;min-height:100vh;background:var(--paper)}.admin__side{width:240px;flex:none;background:var(--forest);color:var(--paper);display:flex;flex-direction:column;padding:1.4rem 1rem;position:sticky;top:0;height:100vh}.admin__brand{display:flex;align-items:center;gap:.6rem;font-family:var(--disp);font-size:1.1rem;padding:.2rem .6rem 1.4rem;border-bottom:1px solid color-mix(in srgb,var(--paper) 16%,transparent)}.admin__brand em{font-style:normal;font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:var(--gold);display:block;font-family:var(--sans);font-weight:600}.admin__nav{display:flex;flex-direction:column;gap:.3rem;padding-top:1.2rem;flex:1}.admin__link{font-size:.92rem;color:color-mix(in srgb,var(--paper) 72%,transparent);padding:.7em .9em;border-radius:8px;transition:background .15s ease,color .15s ease}.admin__link:hover{background:color-mix(in srgb,var(--paper) 10%,transparent);color:var(--paper)}.admin__link.is-active{background:color-mix(in srgb,var(--paper) 14%,transparent);color:var(--paper);font-weight:600}.admin__foot{display:flex;flex-direction:column;gap:.3rem;border-top:1px solid color-mix(in srgb,var(--paper) 16%,transparent);padding-top:1rem}.nav-layanan__btn{font-family:var(--sans);font-size:.92rem;font-weight:500;color:var(--ink-soft);padding:.6em 1em;border-radius:999px;display:inline-flex;align-items:center;gap:.4em;transition:color .15s ease,background .15s ease}.nav-layanan__btn:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent)}.nav-layanan__chev{transition:transform .2s ease}.nav-layanan__chev.is-open{transform:rotate(180deg)}.nav-dropdown{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(-8px);width:min(620px,calc(100vw - 2rem));background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 52px #161a172e;padding:.7rem;display:grid;grid-template-columns:1fr 1fr;gap:.35rem;z-index:70;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}.nav-dropdown[data-open=true]{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0);transition:opacity .2s ease,transform .2s ease,visibility 0s}.nav-dropdown__item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem .8rem;border-radius:12px;transition:background .15s ease}.nav-dropdown__item:hover{background:color-mix(in srgb,var(--cream) 70%,#fff)}.nav-dropdown__icon{flex:none;width:40px;height:40px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;color:var(--forest);background:color-mix(in srgb,var(--moss) 13%,var(--paper))}.nav-dropdown__text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.nav-dropdown__title{font-family:var(--sans);font-size:.9rem;font-weight:600;color:var(--ink);line-height:1.25}.nav-dropdown__desc{font-size:.78rem;color:var(--ink-soft);line-height:1.35;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}@media (prefers-reduced-motion: reduce){.nav-dropdown,.nav-dropdown[data-open=true]{transition:none}}.admin__foot-link{font-size:.85rem;color:color-mix(in srgb,var(--paper) 68%,transparent);padding:.5em .9em;border-radius:8px;text-align:left;transition:color .15s ease,background .15s ease}.admin__foot-link:hover{color:var(--paper);background:color-mix(in srgb,var(--paper) 8%,transparent)}.admin__main{flex:1;min-width:0;padding:clamp(1.5rem,4vw,3rem)}.admin-page{max-width:1040px}.admin-page__head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.8rem;flex-wrap:wrap}.admin-page__head h1{font-size:clamp(1.8rem,3vw,2.4rem)}.admin-page__head p{color:var(--ink-soft);font-size:.9rem;margin-top:.3rem}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.8rem}.admin-stat{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.3rem 1.4rem;display:flex;flex-direction:column;gap:.3rem}.admin-stat__num{font-family:var(--disp);font-size:2.2rem;font-weight:480;color:var(--forest);line-height:1}.admin-stat__lbl{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft)}.admin-quick{display:flex;gap:.7rem;flex-wrap:wrap}.admin-empty{background:#fff;border:1px dashed var(--line-strong);border-radius:var(--r);padding:2.5rem;text-align:center;color:var(--ink-soft);display:flex;flex-direction:column;gap:1rem;align-items:center}.admin-table{min-width:680px}.admin-table__title{font-weight:600;min-width:220px}.admin-table__date{white-space:nowrap;color:var(--ink-soft)}.admin-table__act{white-space:nowrap;text-align:right}.admin-table__act .btn+.btn{margin-left:.5rem}.badge{display:inline-flex;align-items:center;padding:.28em .8em;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.badge--published{background:color-mix(in srgb,var(--moss) 16%,var(--paper));color:var(--forest);border:1px solid color-mix(in srgb,var(--moss) 35%,transparent)}.badge--draft{background:color-mix(in srgb,var(--gold) 18%,var(--paper));color:color-mix(in srgb,var(--gold) 55%,var(--ink));border:1px solid color-mix(in srgb,var(--gold) 45%,transparent)}.admin-form{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(1.2rem,3vw,2rem)}.admin-form__grid{display:grid;grid-template-columns:1.6fr 1fr;gap:clamp(1.5rem,3vw,2.5rem);align-items:start}.admin-form__col{display:flex;flex-direction:column;gap:1.2rem}.admin-field{display:flex;flex-direction:column;gap:.45rem}.admin-field>span{font-size:.78rem;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em}.admin-field small{font-size:.76rem;color:var(--ink-soft)}.admin-field__foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem}.admin-field__foot small:last-child{flex-shrink:0;font-variant-numeric:tabular-nums}.admin-field__foot .is-warn{color:var(--terracotta);font-weight:600}.admin-field .article-cta{margin-top:0}.admin-fieldset{border:1px dashed var(--line);border-radius:var(--r);padding:1rem 1.1rem 1.2rem;margin:.4rem 0 0;display:flex;flex-direction:column;gap:1.2rem}.admin-fieldset legend{font-size:.78rem;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em;padding:0 .4rem}.admin-fieldset__hint{font-size:.8rem;color:var(--ink-soft);margin:0}.admin-form__tabs{display:flex;gap:.4rem}.admin-form__tabs button{font-size:.8rem;padding:.4em 1em;border-radius:999px;border:1px solid var(--line-strong);color:var(--ink-soft);transition:all .15s ease}.admin-form__tabs button.is-active{background:var(--forest);border-color:var(--forest);color:var(--paper)}.admin-form__preview{border:1px solid var(--line);border-radius:8px;padding:1rem 1.2rem;background:var(--paper);min-height:200px}.admin-form__content{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88rem}.md-editor{display:grid;gap:.55rem}.md-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;padding:.35rem;border:1px solid var(--line-strong);border-bottom:0;border-radius:8px 8px 0 0;background:var(--cream)}.md-editor .admin-form__content{border-top-left-radius:0;border-top-right-radius:0;margin-top:-.55rem}.md-toolbar__btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .5rem;border-radius:6px;border:1px solid transparent;color:var(--ink-soft);font-size:.78rem;line-height:1;transition:background .15s ease,color .15s ease,border-color .15s ease}.md-toolbar__btn:hover:not(:disabled),.md-toolbar__btn:focus-visible{background:var(--surface);border-color:var(--line-strong);color:var(--forest)}.md-toolbar__btn:disabled{opacity:.55;cursor:not-allowed}.md-toolbar__sep{width:1px;align-self:stretch;margin:0 .3rem;background:var(--line-strong)}.md-toolbar__text{font-weight:600}.md-editor__notice{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin:0;padding:.5rem .7rem;border:1px solid var(--line-strong);border-radius:8px;background:var(--cream);color:var(--ink-soft);font-size:.8rem}.md-editor__undo{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;border-radius:6px;border:1px solid var(--line-strong);background:var(--surface);color:var(--forest);font-size:.78rem;font-weight:600}.md-editor__undo:hover{border-color:var(--forest)}.md-editor__foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;color:var(--ink-soft);font-size:.76rem}.md-editor__foot .is-warn{color:var(--terracotta);font-weight:600}.md-toolbar__btn.is-active{background:var(--surface);border-color:var(--forest);color:var(--forest)}.prose div[align=left]{text-align:left}.prose div[align=center]{text-align:center}.prose div[align=right]{text-align:right}.prose div[align=justify]{text-align:justify;text-align-last:left}.prose div[align]>*+*{margin-top:1.35em}.prose mark{background:color-mix(in srgb,var(--gold) 35%,transparent);padding:0 .15em;border-radius:2px}.prose u{text-underline-offset:.18em}.admin-form__thumb{width:100%;max-width:280px;aspect-ratio:16 / 10;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.admin-form__thumb-actions{display:flex;gap:.6rem}.admin-form__err{color:var(--terracotta);font-size:.88rem;margin-top:1rem}.admin-form__actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:1.6rem;border-top:1px solid var(--line);padding-top:1.4rem}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--forest);padding:1.5rem}.admin-login__card{width:100%;max-width:400px;background:var(--paper);border-radius:14px;padding:2.2rem 2rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 24px 60px #00000047}.admin-login__brand{display:flex;align-items:center;gap:.6rem;font-family:var(--disp);font-size:1.2rem;color:var(--forest)}.admin-login__card h1{font-size:1.7rem;margin-top:.4rem}.admin-login__sub{color:var(--ink-soft);font-size:.9rem;margin-top:-.4rem}.admin-login__warn{font-size:.8rem;color:var(--terracotta);background:color-mix(in srgb,var(--terracotta) 10%,var(--paper));border:1px solid color-mix(in srgb,var(--terracotta) 30%,transparent);border-radius:8px;padding:.7rem .9rem;line-height:1.5}.admin-login__warn code{background:var(--cream);padding:.1em .35em;border-radius:4px;font-size:.85em}.admin-login__err{color:var(--terracotta);font-size:.86rem}.admin-login__card .btn{justify-content:center;margin-top:.4rem}.msg-filter{display:flex;align-items:center;gap:.7rem;color:var(--ink-soft);font-size:.78rem;font-weight:600}.msg-filter .field{width:auto;min-width:180px}.msg-table{min-width:980px}.msg-table tbody tr{position:relative}.msg-table tbody tr:hover td{background:color-mix(in srgb,var(--cream) 45%,#fff)}.msg-table__name{min-width:140px;font-weight:600}.msg-table__contact{min-width:170px;color:var(--moss)}.msg-table__message{width:42%;min-width:280px;color:var(--ink-soft);line-height:1.55;white-space:pre-wrap}.msg-table__status{position:relative;min-width:205px;white-space:nowrap}.msg-status{display:inline-flex;align-items:center;padding:.45em .85em;border:1px solid;border-radius:999px;font-size:.72rem;font-weight:600;transition:transform .15s ease,box-shadow .15s ease}.msg-status:hover{transform:translateY(-1px);box-shadow:0 4px 12px #161a171a}.msg-status--belum_ditindaklanjuti{border-color:color-mix(in srgb,var(--terracotta) 30%,transparent);background:color-mix(in srgb,var(--terracotta) 9%,#fff);color:var(--terracotta)}.msg-status--sudah_ditindaklanjuti{border-color:color-mix(in srgb,var(--moss) 35%,transparent);background:color-mix(in srgb,var(--moss) 13%,#fff);color:var(--forest)}.msg-status__note{margin-left:.45rem;vertical-align:middle;color:var(--moss)}.msg-table__delete{position:absolute;top:50%;right:.55rem;width:30px;height:30px;transform:translateY(-50%);border-radius:50%;color:var(--terracotta);display:inline-flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease,background .15s ease}.msg-table tbody tr:hover .msg-table__delete,.msg-table__delete:focus-visible{opacity:1}.msg-table__delete:hover{background:color-mix(in srgb,var(--terracotta) 10%,transparent)}.msg-modal{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;padding:1.25rem;display:grid;place-items:center;background:#0a181385;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.msg-modal__card{width:min(100%,520px);padding:clamp(1.3rem,4vw,2rem);border-radius:var(--r);background:#fff;box-shadow:0 24px 70px #0a181340;display:flex;flex-direction:column;gap:1.4rem}.msg-modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.msg-modal__head h2{font-size:1.75rem}.msg-modal__head p{margin-top:.3rem;color:var(--ink-soft);font-size:.86rem}.msg-modal__close{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-soft)}.msg-modal__close:hover{background:var(--cream);color:var(--ink)}.msg-status-toggle{border:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.msg-status-toggle legend{margin-bottom:.55rem;color:var(--ink-soft);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.msg-status-toggle button{padding:.75rem;border:1px solid var(--line-strong);border-radius:8px;color:var(--ink-soft);font-size:.8rem;font-weight:600}.msg-status-toggle button.is-active{border-color:var(--moss);background:color-mix(in srgb,var(--moss) 11%,#fff);color:var(--forest)}.msg-modal__error{color:var(--terracotta);font-size:.84rem}.msg-modal__actions{display:flex;justify-content:flex-end;gap:.7rem}@media (hover: none){.msg-table__delete{opacity:1}}@media (max-width: 900px){.admin{flex-direction:column}.admin__side{width:100%;height:auto;position:static;flex-direction:row;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.9rem 1rem}.admin__brand{border-bottom:none;padding:0 .6rem 0 0}.admin__nav{flex-direction:row;padding-top:0;flex-wrap:wrap}.admin__foot{flex-direction:row;border-top:none;padding-top:0;margin-left:auto}.admin-form__grid{grid-template-columns:1fr}.admin-stats{grid-template-columns:repeat(2,1fr)}.detail-layout{grid-template-columns:1fr}.detail-side{position:static}.news-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 620px){.news-grid,.about-vm-inner,.about-list-grid{grid-template-columns:1fr}.about-card{padding:28px 20px}}.mobile-menu[data-open=true]{overflow-y:auto}.nav-layanan{position:relative}.nav-layanan__btn{font-family:var(--sans);font-size:.92rem;font-weight:500;color:var(--ink-soft);padding:.6em 1em;border-radius:999px;display:inline-flex;align-items:center;gap:.4em}.mobile-accordion__panel{display:flex;flex-direction:column;gap:.2rem;padding:.4rem 0 .8rem .5rem}.mobile-accordion__item{display:flex;align-items:flex-start;gap:.75rem;padding:.7rem;border-radius:12px;border-left:2px solid var(--line-strong);margin-left:.3rem;transition:background .15s ease}.mobile-accordion__item:hover{background:color-mix(in srgb,var(--cream) 65%,#fff)}.mobile-accordion__icon{flex:none;width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:var(--forest);background:color-mix(in srgb,var(--moss) 13%,var(--paper))}.mobile-accordion__title{display:block;font-family:var(--sans);font-size:.98rem;font-weight:600;color:var(--ink);line-height:1.25}.mobile-accordion__desc{display:block;font-size:.8rem;color:var(--ink-soft);line-height:1.4;margin-top:.15rem}a.sr-only:focus{position:fixed!important;top:.5rem!important;left:.5rem!important;clip:auto!important;clip-path:none!important;width:auto!important;height:auto!important;overflow:visible!important;background:var(--forest);color:#fff;padding:.75rem 1.25rem;border-radius:var(--r);font-family:var(--sans);font-size:.9rem;font-weight:600;z-index:9999;text-decoration:none;box-shadow:0 4px 12px #00000040}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,var(--line) 25%,#e8e8e5 37%,var(--line) 63%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--r)}.news-skeleton{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:1rem 0}.news-skeleton__card{border-radius:12px;overflow:hidden;border:1px solid var(--line)}.news-skeleton__media{aspect-ratio:16/10;width:100%}.news-skeleton__body{padding:1rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.6rem}.news-skeleton__line{height:.8rem;border-radius:4px}@media (max-width: 900px){.news-skeleton{grid-template-columns:1fr}}@media (min-width: 901px) and (max-width: 1100px){.news-skeleton{grid-template-columns:repeat(2,1fr)}}