/* Final editorial and tool polish for artikel.html and kalkulator-pajak.html. */

/* --------------------------------------------------------------------------
   Article hub
   -------------------------------------------------------------------------- */
body.page-articles .artikel-hero.artikel-hero{
  min-height:calc(100svh - var(--site-header-space,76px))!important;
  padding:clamp(54px,6vw,82px) 0 42px;
  padding-bottom:42px!important;
  background:
    radial-gradient(circle at 13% 18%,rgba(216,166,61,.24),transparent 29%),
    radial-gradient(circle at 88% 76%,rgba(43,214,150,.2),transparent 31%),
    linear-gradient(105deg,rgba(12,15,59,.985) 0%,rgba(27,31,104,.95) 48%,rgba(7,44,55,.84) 100%),
    url('artikel-update-regulasi.jpg') center 46%/cover no-repeat;
}

body.page-articles .artikel-hero::after{
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(246,197,18,.68),transparent)!important;
}

body.page-articles .artikel-hero::before{
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:linear-gradient(110deg,rgba(0,0,0,.78),transparent 76%);
  mask-image:linear-gradient(110deg,rgba(0,0,0,.78),transparent 76%);
  opacity:.46;
}

body.page-articles .artikel-hero .wrap{
  width:min(1240px,calc(100% - 48px));
}

body.page-articles .artikel-hero-layout{
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(410px,.86fr);
  align-items:center;
  gap:clamp(42px,6vw,84px);
}

body.page-articles .artikel-hero-top{
  max-width:650px;
  margin:0;
  text-align:left;
}

body.page-articles .artikel-hub,
body.page-tax-calculator .kalk-form{
  overflow:clip;
}

body.page-articles .artikel-page-title,
body.page-articles .artikel-hub-head h2{
  text-wrap:balance;
}

body.page-articles .artikel-page-title{
  max-width:650px;
  margin:20px 0 20px;
  font-size:clamp(44px,5vw,70px);
  line-height:1.01;
  letter-spacing:-.035em;
}

body.page-articles .artikel-page-sub{
  max-width:620px;
  margin:0;
  color:rgba(235,240,244,.82);
  text-align:left;
  font-size:15px;
}

body.page-articles .artikel-hero-actions{
  justify-content:flex-start;
  margin-top:28px;
}

body.page-articles .artikel-hero-actions .btn{
  min-width:0;
}

body.page-articles .artikel-hero-proof{
  display:flex;
  align-items:stretch;
  gap:0;
  margin-top:34px;
  border-top:1px solid rgba(255,255,255,.14);
  border-bottom:1px solid rgba(255,255,255,.14);
}

body.page-articles .artikel-hero-proof > div{
  display:flex;
  flex:1 1 0;
  flex-direction:column;
  gap:2px;
  min-width:0;
  padding:14px 20px;
  border-right:1px solid rgba(255,255,255,.14);
}

body.page-articles .artikel-hero-proof > div:first-child{padding-left:0;}
body.page-articles .artikel-hero-proof > div:last-child{border-right:0;}

body.page-articles .artikel-hero-proof strong{
  color:#fff;
  font-family:'Outfit',sans-serif;
  font-size:21px;
  line-height:1;
}

body.page-articles .artikel-hero-proof span{
  color:rgba(221,229,235,.7);
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.035em;
  text-transform:uppercase;
}

body.page-articles .artikel-hero-top .kicker,
body.page-articles .artikel-hub-head .kicker,
body.page-tax-calculator .kalk-top .kicker,
body.page-tax-calculator .kalk-form-head .kicker{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 10px 26px rgba(7,9,42,.1);
}

body.page-articles .artikel-hero-visual{
  position:relative;
  min-width:0;
  padding:0 20px 28px 0;
}

body.page-articles .artikel-hero-visual::before{
  content:"";
  position:absolute;
  inset:8% -3% 1% 12%;
  border:1px solid rgba(216,166,61,.22);
  border-radius:34px;
  transform:rotate(4deg);
  pointer-events:none;
}

body.page-articles .artikel-feature-story{
  position:relative;
  z-index:1;
  display:block;
  min-height:490px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.2);
  border-radius:30px;
  background:#111A3E;
  box-shadow:0 34px 80px rgba(3,7,32,.4),inset 0 1px 0 rgba(255,255,255,.14);
  color:#fff;
  transform:rotate(-1.2deg);
  transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s ease,border-color .5s ease;
}

body.page-articles .artikel-feature-story:hover,
body.page-articles .artikel-feature-story:focus-visible{
  border-color:rgba(246,197,18,.5);
  box-shadow:0 42px 94px rgba(3,7,32,.48),0 0 0 5px rgba(246,197,18,.07);
  transform:rotate(0) translateY(-6px);
  outline:none;
}

body.page-articles .artikel-feature-media{
  position:absolute;
  inset:0;
}

body.page-articles .artikel-feature-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(4,8,31,.04) 25%,rgba(5,10,38,.32) 52%,rgba(5,9,31,.97) 100%);
}

body.page-articles .artikel-feature-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transition:transform .8s cubic-bezier(.22,1,.36,1),filter .5s ease;
}

body.page-articles .artikel-feature-story:hover .artikel-feature-media img{
  transform:scale(1.045);
  filter:saturate(1.05) contrast(1.03);
}

body.page-articles .artikel-feature-label,
body.page-articles .artikel-feature-date{
  position:absolute;
  z-index:2;
  top:22px;
  display:inline-flex;
  align-items:center;
  min-height:32px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:999px;
  background:rgba(8,13,42,.62);
  color:#fff;
  font-size:10px;
  font-weight:800;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}

body.page-articles .artikel-feature-label{
  left:22px;
  padding:7px 12px;
  color:#FFE27A;
  letter-spacing:.08em;
  text-transform:uppercase;
}

body.page-articles .artikel-feature-date{
  right:22px;
  padding:7px 11px;
  color:rgba(255,255,255,.8);
}

body.page-articles .artikel-feature-copy{
  position:absolute;
  z-index:2;
  right:0;
  bottom:0;
  left:0;
  padding:34px 30px 30px;
}

body.page-articles .artikel-feature-category{
  display:block;
  margin-bottom:10px;
  color:#F6C512;
  font-size:10.5px;
  font-weight:800;
  letter-spacing:.085em;
  text-transform:uppercase;
}

body.page-articles .artikel-feature-copy h2{
  max-width:460px;
  margin:0;
  color:#fff;
  font-size:clamp(25px,2.5vw,34px);
  line-height:1.08;
  text-wrap:balance;
}

body.page-articles .artikel-feature-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:19px;
  color:rgba(255,255,255,.84);
  font-size:12px;
  font-weight:800;
}

body.page-articles .artikel-feature-link i{
  position:relative;
  width:30px;
  height:30px;
  border-radius:50%;
  background:#12B57C;
  box-shadow:0 8px 18px rgba(18,181,124,.28);
}

body.page-articles .artikel-feature-link i::before{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:8px;
  height:8px;
  border-top:2px solid #fff;
  border-right:2px solid #fff;
  transform:translate(-65%,-50%) rotate(45deg);
}

body.page-articles .artikel-hero-note{
  position:absolute;
  z-index:3;
  right:-8px;
  bottom:0;
  width:min(310px,75%);
  margin:0;
  padding:13px 16px;
  justify-content:flex-start;
  border-color:rgba(216,166,61,.34);
  background:rgba(20,23,73,.88);
  color:#FFE8A3;
  text-align:left;
  font-size:10.5px;
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
  box-shadow:0 18px 42px rgba(3,7,31,.28),inset 0 1px 0 rgba(255,255,255,.1);
}

body.page-articles .artikel-topic-rail{
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  align-items:center;
  gap:16px;
  margin-top:38px;
  padding:12px 14px 12px 22px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:22px;
  background:rgba(255,255,255,.075);
  box-shadow:0 18px 50px rgba(3,7,31,.16),inset 0 1px 0 rgba(255,255,255,.08);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
}

body.page-articles .artikel-topic-rail-label{
  display:flex;
  flex-direction:column;
  gap:3px;
  padding-right:16px;
  border-right:1px solid rgba(255,255,255,.14);
}

body.page-articles .artikel-topic-rail-label span{
  color:#fff;
  font-size:12px;
  font-weight:800;
}

body.page-articles .artikel-topic-rail-label small{
  color:rgba(224,231,236,.58);
  font-size:9.5px;
  line-height:1.4;
}

body.page-articles .artikel-badges{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  max-width:none;
  margin:0;
}

body.page-articles .artikel-badge{
  position:relative;
  overflow:hidden;
  justify-content:flex-start;
  min-width:0;
  min-height:52px;
  padding:8px 11px;
  border-color:rgba(255,255,255,.14);
  border-radius:14px;
  background:rgba(7,11,42,.2);
  color:rgba(255,255,255,.83);
  font-size:10.5px;
  line-height:1.25;
  text-align:left;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}

body.page-articles .artikel-badge::before{
  content:attr(data-index);
  width:auto;
  height:auto;
  flex:0 0 auto;
  border-radius:0;
  background:none;
  color:#F6C512;
  font-family:'Outfit',sans-serif;
  font-size:10px;
  font-weight:800;
  box-shadow:none;
}

body.page-articles .artikel-badge::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,transparent 16%,rgba(255,255,255,.15) 48%,transparent 80%);
  transform:translateX(-120%);
  transition:transform .55s cubic-bezier(.22,1,.36,1);
  pointer-events:none;
}

body.page-articles .artikel-badge:hover::after{
  transform:translateX(120%);
}

body.page-articles .artikel-badge:hover,
body.page-articles .artikel-badge:focus-visible{
  border-color:rgba(246,197,18,.4);
  background:rgba(255,255,255,.14);
  color:#fff;
  transform:translateY(-2px);
  outline:none;
}

body.page-articles .artikel-hub-head .kicker,
body.page-tax-calculator .kalk-form-head .kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 13px;
  border:1px solid rgba(216,166,61,.25);
  border-radius:999px;
  background:rgba(255,255,255,.76);
  text-transform:uppercase;
  letter-spacing:.095em;
  font-size:10.5px;
}

body.page-articles .artikel-hub-head .kicker::before,
body.page-tax-calculator .kalk-form-head .kicker::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:linear-gradient(135deg,#D8A63D,#0EA672);
  box-shadow:0 0 0 4px rgba(216,166,61,.1);
}

body.page-articles .artikel-tabs{
  position:sticky;
  top:calc(var(--site-header-space,78px) + 10px);
  z-index:24;
  width:max-content;
  max-width:100%;
  margin-inline:auto;
  padding:8px;
  border:1px solid rgba(43,46,131,.1);
  border-radius:999px;
  background:rgba(255,255,255,.86);
  box-shadow:0 16px 38px rgba(11,37,69,.1),inset 0 1px 0 rgba(255,255,255,.92);
  -webkit-backdrop-filter:blur(16px) saturate(140%);
  backdrop-filter:blur(16px) saturate(140%);
  isolation:isolate;
}

body.page-articles .artikel-tab{
  border-color:transparent;
  background:transparent;
}

body.page-articles .artikel-tab:hover{
  border-color:rgba(216,166,61,.32);
  background:#FFF9E8;
}

body.page-articles .artikel-tab.is-active{
  background:linear-gradient(135deg,#20236A,#343993);
  border-color:rgba(216,166,61,.48);
  box-shadow:0 9px 22px rgba(43,46,131,.22),inset 0 -2px 0 rgba(216,166,61,.55);
}

body.page-articles .artikel-grid{
  grid-template-columns:repeat(6,minmax(0,1fr));
  align-items:stretch;
  gap:22px;
}

body.page-articles .artikel-card{
  border-color:rgba(43,46,131,.09);
  box-shadow:0 15px 38px rgba(11,37,69,.085),inset 0 1px 0 #fff;
}

body.page-articles .artikel-card.is-clickable{cursor:pointer;}

body.page-articles .artikel-grid > .artikel-card{grid-column:span 2;}

body.page-articles .artikel-grid > .artikel-card:nth-last-child(-n+2){
  grid-column:span 3;
}

body.page-articles .artikel-grid > .artikel-card:first-child{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:minmax(0,1.16fr) minmax(330px,.84fr);
  min-height:390px;
}

body.page-articles .artikel-grid > .artikel-card:first-child .artikel-card-media{
  min-height:390px;
  aspect-ratio:auto;
}

body.page-articles .artikel-grid > .artikel-card:first-child .artikel-card-body{
  justify-content:center;
  padding:36px 34px;
}

body.page-articles .artikel-grid > .artikel-card:first-child .artikel-card-title{
  max-width:470px;
  font-size:clamp(26px,3vw,34px);
  line-height:1.14;
}

body.page-articles .artikel-grid > .artikel-card:first-child .artikel-card-desc{
  flex-grow:0;
  font-size:14px;
}

body.page-articles .artikel-card-media::after{
  height:52%;
  background:linear-gradient(180deg,transparent,rgba(11,13,51,.24));
}

body.page-articles .artikel-card-featured{
  position:absolute;
  top:20px;
  left:20px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:999px;
  color:#171947;
  background:linear-gradient(135deg,#FFF9DC,#F6C512);
  box-shadow:0 10px 26px rgba(7,9,42,.22),inset 0 1px 0 rgba(255,255,255,.7);
  font-family:'Outfit',sans-serif;
  font-size:10px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}

body.page-articles .artikel-card-featured::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:#0EA672;
  box-shadow:0 0 0 4px rgba(14,166,114,.12);
}

body.page-articles .artikel-card-body{
  position:relative;
  z-index:1;
}

body.page-articles .artikel-card-cat{
  align-self:flex-start;
  padding:5px 9px;
  border:1px solid rgba(216,166,61,.22);
  border-radius:999px;
  background:rgba(251,243,220,.62);
  font-size:9.5px;
}

body.page-articles .artikel-card[data-category="regulasi"] .artikel-card-cat{
  color:#795A08;
  border-color:rgba(216,166,61,.28);
  background:linear-gradient(135deg,#FFF8DE,#FBF0CA);
}

body.page-articles .artikel-card[data-category="bisnis"] .artikel-card-cat{
  color:#08734D;
  border-color:rgba(14,166,114,.22);
  background:linear-gradient(135deg,#EAF9F2,#F6FBF8);
}

body.page-articles .artikel-card[data-category="pribadi"] .artikel-card-cat{
  color:#31368C;
  border-color:rgba(43,46,131,.19);
  background:linear-gradient(135deg,#F0F1FC,#F8F8FE);
}

body.page-articles .artikel-card[data-category="brevet"] .artikel-card-cat{
  color:#6B427F;
  border-color:rgba(107,66,127,.2);
  background:linear-gradient(135deg,#F8EFFB,#FBF8FC);
}

body.page-articles .artikel-card-meta{
  display:flex;
  align-items:center;
  gap:7px;
}

body.page-articles .artikel-card-meta::before{
  content:"";
  width:6px;
  height:6px;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--emerald);
  box-shadow:0 0 0 4px rgba(14,166,114,.08);
}

body.page-articles .artikel-card:hover,
body.page-articles .artikel-card:focus-within{
  transform:translateY(-8px);
  border-color:rgba(216,166,61,.4);
  box-shadow:0 28px 60px rgba(11,37,69,.17),inset 0 1px 0 #fff;
}

body.page-articles .artikel-carousel-wrap{
  z-index:1;
  isolation:isolate;
}

body.page-articles .artikel-carousel-wrap.is-filtering{
  pointer-events:none;
}

body.page-articles .artikel-carousel-wrap.is-filtering .artikel-card:not([hidden]){
  animation:artikel-filter-settle .26s cubic-bezier(.22,1,.36,1) both;
}

@keyframes artikel-filter-settle{
  from{opacity:.58;transform:translateY(7px);}
  to{opacity:1;transform:translateY(0);}
}

body.page-articles .artikel-carousel-wrap::before,
body.page-articles .artikel-carousel-wrap::after{
  transition:opacity .22s ease;
}

body.page-articles .artikel-carousel-wrap.is-at-start::before,
body.page-articles .artikel-carousel-wrap.is-at-end::after{opacity:0;}

body.page-articles .artikel-carousel{
  scroll-padding-inline:4px;
  overscroll-behavior-inline:contain;
  touch-action:pan-x pan-y;
}

body.page-articles .artikel-carousel > .artikel-card[hidden]{
  display:none!important;
}

body.page-articles .artikel-carousel > .artikel-card{
  align-self:stretch;
  grid-column:auto;
  min-height:568px;
}

body.page-articles .artikel-carousel > .artikel-card:first-child{
  display:flex;
  grid-template-columns:none;
  min-height:568px;
}

body.page-articles .artikel-carousel > .artikel-card:first-child .artikel-card-media{
  min-height:0;
  aspect-ratio:3/2;
}

body.page-articles .artikel-carousel > .artikel-card:first-child .artikel-card-body{
  justify-content:flex-start;
  padding:23px 24px 25px;
}

body.page-articles .artikel-carousel > .artikel-card:first-child .artikel-card-title{
  max-width:none;
  font-size:clamp(19px,2vw,23px);
  line-height:1.24;
}

body.page-articles .artikel-carousel > .artikel-card:first-child .artikel-card-desc{
  flex-grow:1;
  font-size:13.5px;
}

body.page-articles .artikel-carousel > .artikel-card.is-current-card{
  border-color:rgba(216,166,61,.42);
  box-shadow:0 24px 54px rgba(11,37,69,.15),0 0 0 1px rgba(216,166,61,.08),inset 0 1px 0 #fff;
}

body.page-articles .artikel-carousel-arrow:focus-visible,
body.page-articles .artikel-carousel-dot:focus-visible{
  outline:3px solid #F6C512;
  outline-offset:4px;
}

body.page-articles .artikel-carousel-wrap{
  margin-inline:-58px;
  padding:0 58px 58px;
}

body.page-articles .artikel-carousel-wrap::before,
body.page-articles .artikel-carousel-wrap::after{
  top:0;
  bottom:58px;
  width:58px;
}

body.page-articles .artikel-carousel-wrap::before{left:58px;}
body.page-articles .artikel-carousel-wrap::after{right:58px;}

body.page-articles .artikel-carousel-nav{
  position:absolute;
  inset:0;
  display:block;
  margin:0;
  pointer-events:none;
}

body.page-articles .artikel-carousel-arrow{
  position:absolute;
  z-index:8;
  top:calc(50% - 51px);
  width:48px;
  height:48px;
  border-color:rgba(43,46,131,.16);
  box-shadow:0 14px 34px rgba(11,37,69,.16),inset 0 1px 0 #fff;
  pointer-events:auto;
}

body.page-articles #artikelPrev{left:4px;}
body.page-articles #artikelNext{right:4px;}

body.page-articles .artikel-carousel-arrow:hover{
  transform:scale(1.06);
}

body.page-articles .artikel-carousel-arrow:disabled{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

body.page-articles .artikel-carousel-dots{
  position:absolute;
  z-index:8;
  bottom:8px;
  left:50%;
  width:max-content;
  max-width:min(440px,calc(100% - 130px));
  transform:translateX(-50%);
  pointer-events:auto;
}

body.page-articles .artikel-carousel-wrap.is-static{
  padding-bottom:20px;
}

body.page-articles .artikel-carousel-wrap.is-static .artikel-carousel{
  cursor:default;
}

body.page-articles .artikel-carousel-wrap.is-static .artikel-carousel-dots{
  display:none;
}

body.page-articles .artikel-card-read::before{
  content:none;
}

body.page-articles .artikel-card-read::after{
  position:relative;
  z-index:4;
  box-shadow:0 8px 18px rgba(14,166,114,.2);
}

body.page-articles .artikel-grid.is-filtered .artikel-card:not([hidden]){
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);
  min-height:370px;
}

body.page-articles .artikel-grid.is-filtered .artikel-card:not([hidden]) .artikel-card-media{
  min-height:370px;
  aspect-ratio:auto;
}

body.page-articles .artikel-grid.is-filtered .artikel-card:not([hidden]) .artikel-card-body{
  justify-content:center;
  padding:34px;
}

body.page-articles .artikel-notify{
  position:relative;
  overflow:hidden;
  padding:30px 32px 30px 36px;
  border-color:rgba(216,166,61,.35);
  background:
    radial-gradient(circle at 88% 20%,rgba(43,214,150,.09),transparent 30%),
    rgba(255,255,255,.78);
  box-shadow:0 18px 42px rgba(11,37,69,.09),inset 0 1px 0 #fff;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}

body.page-articles .artikel-notify::before{
  content:"";
  position:absolute;
  inset:12px auto 12px 0;
  width:4px;
  border-radius:0 999px 999px 0;
  background:linear-gradient(180deg,#D8A63D,#0EA672);
  box-shadow:0 0 20px rgba(14,166,114,.2);
}

/* --------------------------------------------------------------------------
   Tax calculator
   -------------------------------------------------------------------------- */
body.page-tax-calculator .kalk-hero.kalk-hero{
  min-height:calc(100svh - var(--site-header-space,76px))!important;
  padding:clamp(54px,6vw,76px) 0 50px;
  padding-bottom:50px!important;
  background:
    radial-gradient(circle at 12% 20%,rgba(216,166,61,.24),transparent 30%),
    radial-gradient(circle at 90% 78%,rgba(43,214,150,.2),transparent 30%),
    linear-gradient(104deg,rgba(10,13,53,.975) 0%,rgba(27,30,101,.91) 48%,rgba(6,47,55,.84) 100%),
    url('hero-taxwork-bg.jpg') center 48%/cover no-repeat;
}

body.page-tax-calculator .kalk-hero::before{
  background:
    linear-gradient(rgba(255,255,255,.038) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.038) 1px,transparent 1px),
    radial-gradient(circle at 50% 42%,rgba(71,78,172,.2),transparent 48%);
  background-size:76px 76px,76px 76px,100% 100%;
  -webkit-mask-image:linear-gradient(110deg,rgba(0,0,0,.74),transparent 84%);
  mask-image:linear-gradient(110deg,rgba(0,0,0,.74),transparent 84%);
}

body.page-tax-calculator .kalk-hero::after{
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(246,197,18,.7),rgba(43,214,150,.4),transparent)!important;
}

body.page-tax-calculator .kalk-hero .wrap{
  width:min(1080px,calc(100% - 48px));
}

body.page-tax-calculator .kalk-top{
  position:relative;
  max-width:920px;
  margin:0 auto;
  padding:38px 42px 34px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  border-radius:30px;
  background:
    radial-gradient(circle at 90% 10%,rgba(43,214,150,.08),transparent 30%),
    linear-gradient(135deg,rgba(23,27,91,.72),rgba(8,17,52,.54));
  box-shadow:0 32px 78px rgba(3,7,31,.34),inset 0 1px 0 rgba(255,255,255,.1);
  -webkit-backdrop-filter:blur(17px) saturate(125%);
  backdrop-filter:blur(17px) saturate(125%);
}

body.page-tax-calculator .kalk-top::after{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,#F6C512,#2BD696);
  box-shadow:0 0 24px rgba(43,214,150,.3);
}

body.page-tax-calculator .kalk-hero .kalk-page-title{
  max-width:780px;
  margin:18px auto 16px;
  font-size:clamp(42px,4.5vw,58px);
  letter-spacing:-.025em;
}

body.page-tax-calculator .kalk-hero .kalk-page-sub{
  color:rgba(232,238,242,.82);
}

body.page-tax-calculator .menu-toggle-lines{
  display:flex;
  width:22px;
  height:16px;
  flex-direction:column;
  justify-content:space-between;
}

body.page-tax-calculator .menu-toggle-lines span{
  display:block;
  width:100%;
  height:2px;
  border-radius:999px;
  background:currentColor;
  transition:transform .2s ease,opacity .2s ease;
}

body.page-tax-calculator .menu-toggle.is-open .menu-toggle-lines span:first-child{
  transform:translateY(7px) rotate(45deg);
}

body.page-tax-calculator .menu-toggle.is-open .menu-toggle-lines span:nth-child(2){
  opacity:0;
}

body.page-tax-calculator .menu-toggle.is-open .menu-toggle-lines span:last-child{
  transform:translateY(-7px) rotate(-45deg);
}

body.page-tax-calculator .kalk-page-title,
body.page-tax-calculator .kalk-form-head h2,
body.page-tax-calculator .kalk-methodology h2{
  text-wrap:balance;
}

body.page-tax-calculator .kalk-page-sub{
  max-width:760px;
  margin-inline:auto;
}

body.page-tax-calculator .kalk-badges{
  max-width:960px;
  margin-inline:auto;
}

body.page-tax-calculator .kalk-badge{
  position:relative;
  min-height:42px;
  padding:9px 15px;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  transition:transform .22s ease,border-color .22s ease,background-color .22s ease;
}

body.page-tax-calculator .kalk-badge::before{
  content:"";
  width:7px;
  height:7px;
  flex:0 0 auto;
  border-radius:50%;
  background:linear-gradient(135deg,#F6C512,#2BD696);
  box-shadow:0 0 0 4px rgba(246,197,18,.09);
}

body.page-tax-calculator .kalk-badge:hover{
  transform:translateY(-2px);
  border-color:rgba(246,197,18,.42);
  background:rgba(255,255,255,.12);
}

body.page-tax-calculator .kalk-badge b{display:none;}

body.page-tax-calculator .kalk-legal-note{
  position:relative;
  max-width:720px;
  margin-top:22px;
  padding:14px 20px 14px 45px;
  border-color:rgba(255,255,255,.18);
  background:rgba(9,15,48,.6);
  text-align:left;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  box-shadow:0 14px 34px rgba(4,7,43,.16),inset 0 1px 0 rgba(255,255,255,.07);
}

body.page-tax-calculator .kalk-legal-note::before{
  content:"i";
  position:absolute;
  top:50%;
  left:17px;
  display:grid;
  width:20px;
  height:20px;
  place-items:center;
  border:1px solid rgba(246,197,18,.45);
  border-radius:50%;
  color:#F6C512;
  font-family:'Outfit',sans-serif;
  font-size:11px;
  font-weight:900;
  transform:translateY(-50%);
}

body.page-tax-calculator .kalk-shell{
  overflow:visible;
  border-color:rgba(43,46,131,.1);
  background:rgba(255,255,255,.985);
  box-shadow:0 38px 92px rgba(7,9,42,.22),0 0 0 1px rgba(255,255,255,.8),inset 0 1px 0 #fff;
}

body.page-tax-calculator .kalk-tabs{
  position:sticky;
  top:var(--site-header-space,78px);
  z-index:14;
  border:1px solid rgba(255,255,255,.11);
  border-radius:28px 28px 0 0;
  box-shadow:0 16px 34px rgba(7,9,42,.2),inset 0 1px 0 rgba(255,255,255,.08);
  -webkit-backdrop-filter:blur(18px) saturate(135%);
  backdrop-filter:blur(18px) saturate(135%);
}

body.page-tax-calculator .kalk-tab{
  min-height:48px;
}

body.page-tax-calculator .kalk-tab:focus-visible,
body.page-tax-calculator .kalk-subtab:focus-visible{
  outline:3px solid #F6C512;
  outline-offset:2px;
}

body.page-tax-calculator .kalk-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  padding:16px 26px;
  border-bottom:1px solid rgba(43,46,131,.08);
  background:
    linear-gradient(90deg,rgba(251,243,220,.56),rgba(241,248,245,.68));
}

body.page-tax-calculator .kalk-step{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-width:0;
  color:#46524C;
  font-family:'Outfit',sans-serif;
  font-size:11.5px;
  font-weight:750;
  text-align:center;
}

body.page-tax-calculator .kalk-step:not(:last-child)::after{
  content:"";
  position:absolute;
  top:50%;
  right:-1px;
  width:1px;
  height:24px;
  background:linear-gradient(180deg,transparent,rgba(43,46,131,.18),transparent);
  transform:translateY(-50%);
}

body.page-tax-calculator .kalk-step-num{
  display:grid;
  width:30px;
  height:30px;
  flex:0 0 auto;
  place-items:center;
  border:1px solid rgba(216,166,61,.32);
  border-radius:50%;
  color:#8A6915;
  background:#fff;
  box-shadow:0 7px 16px rgba(11,37,69,.08),inset 0 1px 0 #fff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.04em;
}

body.page-tax-calculator .kalk-step:last-child .kalk-step-num{
  border-color:rgba(14,166,114,.3);
  color:#087A50;
}

body.page-tax-calculator .kalk-body{
  border-radius:0 0 28px 28px;
}

body.page-tax-calculator .kalk-jenis-panel.is-active,
body.page-tax-calculator .kalk-panel.is-active{
  animation:calculatorPanelIn .38s cubic-bezier(.22,1,.36,1) both;
}

body.page-tax-calculator .kalk-subtabs{
  padding:5px;
  border:1px solid rgba(43,46,131,.08);
  border-radius:999px;
  background:#F5F6FB;
}

body.page-tax-calculator .kalk-subtab{
  min-height:40px;
  background:transparent;
}

body.page-tax-calculator .kalk-subtab.is-active{
  background:linear-gradient(135deg,#262A77,#3A3F96);
  box-shadow:0 8px 18px rgba(43,46,131,.2),inset 0 -2px 0 rgba(216,166,61,.45);
}

body.page-tax-calculator .kalk-jenis-head{
  position:relative;
  padding:4px 0 20px 17px;
}

body.page-tax-calculator .kalk-jenis-head::before{
  content:"";
  position:absolute;
  left:0;
  top:3px;
  bottom:20px;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg,#D8A63D,#0EA672);
}

body.page-tax-calculator .kalk-field{
  padding:15px 16px;
  border:1px solid rgba(43,46,131,.085);
  border-radius:15px;
  background:linear-gradient(180deg,#FCFCFF,#F8F9FC);
  box-shadow:inset 0 1px 0 #fff;
  transition:border-color .22s ease,box-shadow .22s ease,background-color .22s ease,transform .22s ease;
}

body.page-tax-calculator .kalk-field:focus-within{
  border-color:rgba(14,166,114,.34);
  background:#fff;
  box-shadow:0 12px 30px rgba(14,166,114,.09),inset 0 1px 0 #fff;
  transform:translateY(-1px);
}

body.page-tax-calculator .kalk-field label{
  display:flex;
  align-items:center;
  gap:7px;
}

body.page-tax-calculator .kalk-field label::before{
  content:"";
  width:5px;
  height:5px;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--gold);
}

body.page-tax-calculator .kalk-field input,
body.page-tax-calculator .kalk-field select{
  min-height:50px;
  border-color:rgba(43,46,131,.14);
  box-shadow:0 6px 16px rgba(11,37,69,.035);
}

body.page-tax-calculator .kalk-checkrow{
  min-height:50px;
  box-shadow:0 6px 16px rgba(11,37,69,.035);
}

body.page-tax-calculator .kalk-actions{
  justify-content:flex-end;
}

body.page-tax-calculator .kalk-actions .btn{
  flex:0 1 320px;
  min-height:54px;
  box-shadow:0 13px 28px rgba(14,166,114,.22),inset 0 1px 0 rgba(255,255,255,.2);
}

body.page-tax-calculator .kalk-result{
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 24px 58px rgba(7,9,42,.24),inset 0 1px 0 rgba(255,255,255,.09);
}

body.page-tax-calculator .kalk-result::after{
  content:"";
  position:absolute;
  top:-50%;
  right:-12%;
  width:300px;
  height:300px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(43,214,150,.13),transparent 66%);
  pointer-events:none;
}

body.page-tax-calculator .kalk-result-head,
body.page-tax-calculator .kalk-result-grid,
body.page-tax-calculator .kalk-result-note,
body.page-tax-calculator .kalk-ref-note{
  position:relative;
  z-index:1;
}

body.page-tax-calculator .kalk-result-item{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  transition:transform .22s ease,border-color .22s ease,background-color .22s ease;
}

body.page-tax-calculator .kalk-result-item:hover{
  transform:translateY(-2px);
  border-color:rgba(246,197,18,.28);
  background:rgba(255,255,255,.095);
}

body.page-tax-calculator .kalk-result-item.is-main{
  background:linear-gradient(135deg,rgba(43,214,150,.16),rgba(14,166,114,.08));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 28px rgba(2,16,30,.1);
}

body.page-tax-calculator .method-card{
  position:relative;
  overflow:hidden;
  box-shadow:0 16px 38px rgba(3,7,35,.13),inset 0 1px 0 rgba(255,255,255,.08);
  transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .28s ease,background-color .28s ease;
}

body.page-tax-calculator .method-card::after{
  content:"";
  position:absolute;
  inset:auto -34px -50px auto;
  width:120px;
  height:120px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(43,214,150,.12),transparent 68%);
  pointer-events:none;
}

body.page-tax-calculator .method-card:hover{
  transform:translateY(-6px);
  border-color:rgba(246,197,18,.3);
  background:rgba(255,255,255,.085);
}

body.page-tax-calculator .method-card .mnum{
  display:grid;
  width:52px;
  height:52px;
  place-items:center;
  border:1px solid rgba(246,197,18,.28);
  border-radius:16px;
  background:rgba(246,197,18,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  font-size:21px;
}

body.page-tax-calculator .method-consult{
  position:relative;
  overflow:hidden;
  padding:30px 32px 30px 36px;
  box-shadow:0 20px 48px rgba(3,7,35,.16),inset 0 1px 0 rgba(255,255,255,.08);
}

body.page-tax-calculator .method-consult::before{
  content:"";
  position:absolute;
  inset:12px auto 12px 0;
  width:4px;
  border-radius:0 999px 999px 0;
  background:linear-gradient(180deg,#F6C512,#2BD696);
}

@keyframes calculatorPanelIn{
  from{opacity:0;transform:translateY(9px);}
  to{opacity:1;transform:none;}
}

@media(max-width:900px){
  body.page-articles .artikel-grid,
  body.page-articles .artikel-grid.is-filtered{
    grid-template-columns:1fr;
  }

  body.page-articles .artikel-grid > .artikel-card,
  body.page-articles .artikel-grid > .artikel-card:first-child,
  body.page-articles .artikel-grid.is-filtered .artikel-card:not([hidden]){
    grid-column:auto;
    display:flex;
    min-height:0;
  }

  body.page-articles .artikel-grid > .artikel-card:first-child .artikel-card-media,
  body.page-articles .artikel-grid.is-filtered .artikel-card:not([hidden]) .artikel-card-media{
    min-height:0;
    aspect-ratio:16/10;
  }

  body.page-articles .artikel-grid > .artikel-card:first-child .artikel-card-body,
  body.page-articles .artikel-grid.is-filtered .artikel-card:not([hidden]) .artikel-card-body{
    justify-content:flex-start;
    padding:25px 26px 27px;
  }

  body.page-articles .artikel-grid > .artikel-card:first-child .artikel-card-title{
    font-size:clamp(22px,4vw,28px);
  }
}

@media(max-width:560px){
  body.page-articles .artikel-carousel > .artikel-card,
  body.page-articles .artikel-carousel > .artikel-card:first-child{
    min-height:540px;
  }

  body.page-articles .artikel-card-featured{
    top:14px;
    left:14px;
    padding:7px 10px;
  }
}

@media(max-width:700px){
  body.page-articles .artikel-tabs{
    top:calc(var(--site-header-space,68px) + 6px);
    width:100%;
    flex-wrap:nowrap;
    justify-content:flex-start;
    overflow-x:auto;
    border-radius:18px;
    scrollbar-width:none;
  }

  body.page-articles .artikel-tabs::-webkit-scrollbar{display:none;}
  body.page-articles .artikel-tab{flex:0 0 auto;}

  body.page-tax-calculator .kalk-tabs{
    top:var(--site-header-space,68px);
    border-radius:20px 20px 0 0;
  }

  body.page-tax-calculator .kalk-steps{
    padding:13px 14px;
  }

  body.page-tax-calculator .kalk-step{
    flex-direction:column;
    gap:5px;
    font-size:9.5px;
    line-height:1.25;
  }

  body.page-tax-calculator .kalk-step-num{
    width:27px;
    height:27px;
    font-size:8.5px;
  }

  body.page-tax-calculator .kalk-body{
    border-radius:0 0 20px 20px;
  }

  body.page-tax-calculator .kalk-field{
    padding:13px;
  }

  body.page-tax-calculator .kalk-actions .btn{
    flex:1 1 100%;
  }
}

@media(max-width:520px){
  body.page-articles .artikel-badges,
  body.page-tax-calculator .kalk-badges{
    justify-content:flex-start;
    flex-wrap:nowrap;
    overflow-x:auto;
    margin-inline:-24px;
    padding:2px 24px 8px;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }

  body.page-articles .artikel-badges::-webkit-scrollbar,
  body.page-tax-calculator .kalk-badges::-webkit-scrollbar{display:none;}

  body.page-articles .artikel-badge,
  body.page-tax-calculator .kalk-badge{
    flex:0 0 auto;
    scroll-snap-align:start;
  }

  body.page-articles .artikel-notify,
  body.page-tax-calculator .method-consult{
    padding:26px 20px 26px 25px;
  }

  body.page-tax-calculator .kalk-result-grid{
    grid-template-columns:1fr;
  }
}

@media(prefers-reduced-motion:reduce){
  body.page-articles .artikel-badge::after,
  body.page-articles .artikel-card,
  body.page-articles .artikel-feature-story,
  body.page-articles .artikel-feature-media img,
  body.page-tax-calculator .kalk-badge,
  body.page-tax-calculator .kalk-jenis-panel.is-active,
  body.page-tax-calculator .kalk-panel.is-active,
  body.page-tax-calculator .kalk-field,
  body.page-tax-calculator .kalk-result-item,
  body.page-tax-calculator .method-card{
    animation:none!important;
    transition:none!important;
  }
}

@media(max-width:1100px){
  body.page-articles .artikel-hero-layout{
    grid-template-columns:minmax(0,1fr) minmax(380px,.84fr);
    gap:38px;
  }

  body.page-articles .artikel-page-title{
    font-size:clamp(43px,5.4vw,58px);
  }

  body.page-articles .artikel-topic-rail{
    grid-template-columns:1fr;
    gap:11px;
    padding:15px;
  }

  body.page-articles .artikel-topic-rail-label{
    flex-direction:row;
    align-items:baseline;
    gap:10px;
    padding:0 4px 10px;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.14);
  }
}

@media(max-width:900px){
  body.page-articles .artikel-hero.artikel-hero{
    min-height:auto!important;
    padding:68px 0 54px;
    padding-bottom:54px!important;
  }

  body.page-articles .artikel-hero .wrap{
    width:min(760px,calc(100% - 40px));
  }

  body.page-articles .artikel-hero-layout{
    grid-template-columns:1fr;
    gap:44px;
  }

  body.page-articles .artikel-hero-top{
    max-width:720px;
  }

  body.page-articles .artikel-page-title,
  body.page-articles .artikel-page-sub{
    max-width:690px;
  }

  body.page-articles .artikel-hero-visual{
    width:min(680px,100%);
    margin-inline:auto;
  }

  body.page-articles .artikel-feature-story{
    min-height:470px;
  }

  body.page-articles .artikel-topic-rail{
    margin-top:42px;
  }

  body.page-tax-calculator .kalk-hero.kalk-hero{
    min-height:auto!important;
    padding:64px 0 52px;
    padding-bottom:52px!important;
    background-position:center,center,center,right 46% center;
  }

  body.page-tax-calculator .kalk-hero .wrap{
    width:min(760px,calc(100% - 40px));
  }

  body.page-tax-calculator .kalk-top{
    padding:34px 30px 30px;
  }
}

@media(max-width:600px){
  body.page-articles .artikel-hero.artikel-hero{
    padding:52px 0 42px;
    padding-bottom:42px!important;
  }

  body.page-articles .artikel-hero .wrap{
    width:calc(100% - 32px);
  }

  body.page-articles .artikel-page-title{
    margin:17px 0 16px;
    font-size:clamp(37px,11vw,47px);
    line-height:1.04;
  }

  body.page-articles .artikel-page-sub{
    font-size:13.5px;
    line-height:1.7;
  }

  body.page-articles .artikel-hero-proof > div{
    padding:13px 11px;
  }

  body.page-articles .artikel-hero-proof > div:first-child{padding-left:0;}
  body.page-articles .artikel-hero-proof strong{font-size:18px;}
  body.page-articles .artikel-hero-proof span{font-size:8.5px;}

  body.page-articles .artikel-hero-visual{
    padding:0;
  }

  body.page-articles .artikel-hero-visual::before{
    inset:7% -1% -2% 8%;
    border-radius:25px;
  }

  body.page-articles .artikel-feature-story{
    min-height:410px;
    border-radius:24px;
    transform:none;
  }

  body.page-articles .artikel-feature-date{display:none;}

  body.page-articles .artikel-feature-copy{
    padding:28px 22px 24px;
  }

  body.page-articles .artikel-feature-copy h2{
    font-size:27px;
  }

  body.page-articles .artikel-hero-note{
    position:relative;
    right:auto;
    bottom:auto;
    width:calc(100% - 24px);
    margin:-18px auto 0;
  }

  body.page-articles .artikel-topic-rail{
    margin-top:32px;
    padding:14px;
    border-radius:18px;
  }

  body.page-articles .artikel-topic-rail-label{
    display:block;
  }

  body.page-articles .artikel-topic-rail-label small{
    display:block;
    margin-top:3px;
  }

  body.page-articles .artikel-badges{
    display:flex;
    justify-content:flex-start;
    gap:8px;
    margin:0!important;
    padding:0 0 4px!important;
    overflow-x:auto;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }

  body.page-articles .artikel-badge{
    flex:0 0 210px;
    scroll-snap-align:start;
  }

  body.page-tax-calculator .kalk-hero.kalk-hero{
    padding:50px 0 40px;
    padding-bottom:40px!important;
  }

  body.page-tax-calculator .kalk-hero .wrap{
    width:calc(100% - 32px);
  }

  body.page-tax-calculator .kalk-top{
    padding:28px 20px 24px;
    border-radius:24px;
  }

  body.page-tax-calculator .kalk-hero .kalk-page-title{
    font-size:clamp(36px,10.5vw,44px);
  }

  body.page-tax-calculator .kalk-legal-note{
    padding:13px 16px 13px 42px;
  }
}

@media(max-width:700px){
  body.page-articles .artikel-carousel-wrap,
  body.page-articles .artikel-carousel-wrap.is-static{
    margin-inline:0;
    padding:0;
  }

  body.page-articles .artikel-carousel-wrap::before,
  body.page-articles .artikel-carousel-wrap::after{
    bottom:66px;
    width:28px;
  }

  body.page-articles .artikel-carousel-wrap::before{left:0;}
  body.page-articles .artikel-carousel-wrap::after{right:0;}

  body.page-articles .artikel-carousel-nav{
    position:static;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:16px;
    margin-top:4px;
    min-height:52px;
    pointer-events:auto;
  }

  body.page-articles .artikel-carousel-arrow{
    position:static;
    width:44px;
    height:44px;
  }

  body.page-articles .artikel-carousel-dots{
    position:static;
    width:auto;
    max-width:min(260px,calc(100% - 120px));
    transform:none;
  }

  body.page-articles .artikel-carousel-wrap.is-static .artikel-carousel-nav{
    display:none;
  }
}