/* v21.309 Area Layanan page styles extracted from template. */
.idz-area-page{--green:#123b2a;--green2:#1d5b42;--cream:#f5f2e9;--line:#dfe7e1;color:#183128;background:#fff}.idz-area-container{width:min(1160px,calc(100% - 32px));margin:auto}.idz-area-breadcrumb{padding:14px 0;background:#f7f9f7;border-bottom:1px solid var(--line);font-size:14px}.idz-area-breadcrumb .idz-area-container{display:flex;gap:8px}.idz-area-breadcrumb a{color:var(--green2)}.idz-area-hero{padding:78px 0;background:linear-gradient(135deg,#edf4ef 0%,#fff 58%,#f1eadc 100%)}.idz-area-hero__grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:50px;align-items:center}.idz-area-kicker{display:block;color:#2d7a58;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;margin-bottom:12px}.idz-area-page h1{font-size:clamp(38px,5vw,68px);line-height:1.04;margin:0 0 20px;color:var(--green);max-width:850px}.idz-area-page h2{font-size:clamp(28px,3.1vw,43px);line-height:1.13;margin:0 0 18px;color:var(--green)}.idz-area-page h3{font-size:21px;line-height:1.25;color:var(--green);margin:0 0 10px}.idz-area-lead{font-size:20px;line-height:1.7;max-width:780px;margin:0}.idz-area-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.idz-area-btn{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 20px;border-radius:8px;border:1px solid var(--green);color:var(--green);font-weight:750;text-decoration:none}.idz-area-btn--primary{background:var(--green);color:#fff}.idz-area-hero__summary,.idz-area-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 14px 35px rgba(18,59,42,.09)}.idz-area-hero__summary strong{font-size:22px;line-height:1.35;color:var(--green)}.idz-area-hero__summary p,.idz-area-prose p,.idz-area-heading p,.idz-area-panel p,.idz-area-service-card p,.idz-area-faq p{font-size:16px;line-height:1.75}.idz-area-section{padding:72px 0}.idz-area-section--soft{background:#f6f8f6}.idz-area-section--dark{background:var(--green);color:#fff}.idz-area-section--dark h2,.idz-area-section--dark .idz-area-kicker{color:#fff}.idz-area-prose{max-width:930px}.idz-area-flow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:30px;padding:18px;background:var(--cream);border-radius:12px}.idz-area-flow span{padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:8px;font-weight:700}.idz-area-heading{max-width:820px;margin-bottom:34px}.idz-area-grid{display:grid;gap:18px}.idz-area-grid--problems,.idz-area-grid--combinations{grid-template-columns:repeat(3,minmax(0,1fr))}.idz-area-grid--services{grid-template-columns:repeat(5,minmax(0,1fr))}.idz-area-problem{display:flex;gap:12px;background:#fff;padding:20px;border:1px solid var(--line);border-radius:12px}.idz-area-problem span{font-weight:900;color:#2d7a58}.idz-area-problem p{margin:0;line-height:1.6}.idz-area-service-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;flex-direction:column;min-height:300px;background:linear-gradient(160deg,#fff 0%,#fbfdfb 70%,#edf5ef 100%);box-shadow:0 10px 28px rgba(18,59,42,.07);color:inherit;text-decoration:none;isolation:isolate}.idz-area-service-card:before{content:"";position:absolute;right:-50px;bottom:-70px;width:160px;height:160px;border-radius:50%;background:rgba(45,122,88,.08);z-index:-1;transition:transform .25s ease}.idz-area-service-card--linked{cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}.idz-area-service-card--linked:hover,.idz-area-service-card--linked:focus-visible{transform:translateY(-5px);border-color:#8fb9a4;box-shadow:0 18px 38px rgba(18,59,42,.14);background:linear-gradient(160deg,#fff 0%,#f5fbf7 62%,#e2f0e7 100%);outline:none}.idz-area-service-card--linked:hover:before,.idz-area-service-card--linked:focus-visible:before{transform:scale(1.18)}.idz-area-service-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.idz-area-service-card__icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#e3f0e8;border:1px solid #c9dfd1}.idz-area-service-card__icon:before{font-size:23px;line-height:1}.idz-area-service-card__icon--taman:before{content:"✿"}.idz-area-service-card__icon--rumput:before{content:"≋"}.idz-area-service-card__icon--gazebo:before{content:"⌂"}.idz-area-service-card__icon--kolam:before{content:"≈"}.idz-area-service-card__icon--vertical:before{content:"▥"}.idz-area-service-card__icon--mini-golf:before{content:"⚑"}.idz-area-service-card__eyebrow{padding:7px 10px;border-radius:999px;background:#f0f5f1;color:#2d6f52;font-size:11px;font-weight:850;letter-spacing:.05em;text-transform:uppercase;text-align:right}.idz-area-service-card h3{font-size:22px;margin-bottom:12px}.idz-area-service-card p{flex:1;margin:0 0 24px;color:#43564e}.idz-area-service-card__action{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid #dfe8e2;font-weight:850;color:#1c6648}.idz-area-service-card__action span{font-size:21px;transition:transform .2s ease}.idz-area-service-card--linked:hover .idz-area-service-card__action span,.idz-area-service-card--linked:focus-visible .idz-area-service-card__action span{transform:translateX(4px)}.idz-area-service-card--pending{box-shadow:none;background:#fafbfa}.idz-area-service-card__pending{padding-top:16px;border-top:1px solid var(--line);color:#687b72;font-size:13px;font-weight:700}.idz-area-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:32px 0 0}.idz-area-steps li{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:20px}.idz-area-steps span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:var(--green);font-weight:900}.idz-area-steps p{margin:14px 0 0;line-height:1.55}.idz-area-two-col{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.72fr);gap:46px;align-items:start}.idz-area-panel h2{font-size:25px}.idz-area-panel ul{padding-left:20px;line-height:2}.idz-area-grid--combinations div{padding:20px;background:#fff;border:1px solid var(--line);border-radius:12px;font-weight:700;line-height:1.55}.idz-area-cta{background:#e7f0ea}.idz-area-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:32px}.idz-area-cta__inner>div{max-width:760px}.idz-area-faq{display:grid;gap:12px;max-width:920px}.idz-area-faq details{border:1px solid var(--line);border-radius:10px;padding:0 18px;background:#fff}.idz-area-faq summary{padding:18px 0;font-weight:800;color:var(--green);cursor:pointer}.idz-area-faq p{margin:0 0 18px}.idz-area-editor-content{border-top:1px solid var(--line);padding-top:45px}.idz-area-section--documentation{background:#f3f7f4}.idz-area-documentation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.idz-area-documentation-card{overflow:hidden;border:1px solid #d8e4dc;border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(18,59,42,.08)}.idz-area-documentation-card__media{position:relative;display:block;overflow:hidden;background:#eaf1ec}.idz-area-documentation-card__media img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .3s ease}.idz-area-documentation-card__media:hover img,.idz-area-documentation-card__media:focus-visible img{transform:scale(1.06)}.idz-area-documentation-card__media span{position:absolute;right:12px;bottom:12px;padding:7px 10px;border-radius:999px;background:rgba(10,43,31,.86);color:#fff;font-size:12px;font-weight:800}.idz-area-documentation-card__body{padding:18px}.idz-area-documentation-card__body h3{margin:7px 0 0}.idz-area-documentation-card__meta{color:#2d7a58;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.idz-area-documentation-empty{padding:28px;border:1px dashed #a9beb1;border-radius:16px;background:#fff}.idz-area-documentation-empty p{margin:8px 0 0}.idz-area-faq__answer{margin:0 0 18px;font-size:16px;line-height:1.75}.idz-area-faq__answer a{color:#155f42;font-weight:800;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.idz-area-faq__answer a:hover,.idz-area-faq__answer a:focus{color:#0c402c}

.idz-area-grid--services{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.idz-area-service-card{position:relative;display:flex;flex-direction:column;min-height:100%;padding:0;overflow:hidden;border:1px solid #d9e5dd;border-radius:20px;background:#fff;box-shadow:0 14px 36px rgba(18,59,42,.08);color:inherit;text-decoration:none;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.idz-area-service-card--linked:hover,.idz-area-service-card--linked:focus-visible{transform:translateY(-6px);border-color:#91bca7;box-shadow:0 22px 52px rgba(18,59,42,.17)}.idz-area-service-card--linked:focus-visible{outline:3px solid #2d7a58;outline-offset:4px}.idz-area-service-card__media{position:relative;display:block;overflow:hidden;background:#edf3ef}.idz-area-service-card__media img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .35s ease}.idz-area-service-card--linked:hover .idz-area-service-card__media img,.idz-area-service-card--linked:focus-visible .idz-area-service-card__media img{transform:scale(1.07)}.idz-area-service-card__media:after{content:"";position:absolute;inset:auto 0 0;height:52%;background:linear-gradient(to top,rgba(9,37,27,.62),transparent);pointer-events:none}.idz-area-service-card__location{position:absolute;left:14px;bottom:13px;z-index:1;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.93);color:#174c37;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 5px 16px rgba(0,0,0,.12)}.idz-area-service-card__zoom{position:absolute;right:14px;bottom:13px;z-index:1;display:grid;place-items:center;width:36px;height:36px;border-radius:999px;background:rgba(9,37,27,.84);color:#fff;font-size:17px;font-weight:900;transition:transform .22s ease,background .22s ease}.idz-area-service-card--linked:hover .idz-area-service-card__zoom,.idz-area-service-card--linked:focus-visible .idz-area-service-card__zoom{transform:scale(1.08);background:#1d6b4b}.idz-area-service-card__body{display:flex;flex:1;flex-direction:column;padding:21px 21px 23px}.idz-area-service-card__top{display:flex;align-items:center;gap:9px;margin-bottom:13px}.idz-area-service-card__eyebrow{color:#2d7a58;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.idz-area-service-card__icon{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#e8f2ec}.idz-area-service-card__icon:before{font-size:17px}.idz-area-service-card__icon--taman:before{content:"🌿"}.idz-area-service-card__icon--rumput:before{content:"🌱"}.idz-area-service-card__icon--gazebo:before{content:"🏡"}.idz-area-service-card__icon--kolam:before{content:"💧"}.idz-area-service-card__icon--vertical:before{content:"🪴"}.idz-area-service-card__icon--mini-golf:before{content:"⛳"}.idz-area-service-card h3{font-size:22px;margin-bottom:10px;transition:color .22s ease}.idz-area-service-card--linked:hover h3,.idz-area-service-card--linked:focus-visible h3{color:#20704f}.idz-area-service-card p{display:-webkit-box;overflow:hidden;flex:1;margin:0 0 20px;color:#53665d;font-size:15px;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:3}.idz-area-service-card__action{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:15px;border-top:1px solid #e6ede8;color:#1c6648;font-weight:900}.idz-area-service-card__action span{font-size:20px;transition:transform .22s ease}.idz-area-service-card--linked:hover .idz-area-service-card__action span,.idz-area-service-card--linked:focus-visible .idz-area-service-card__action span{transform:translateX(5px)}.idz-area-service-card--pending{opacity:.76}.idz-area-service-card__pending{color:#687b72;font-size:13px;font-weight:800}
@media(max-width:1050px){.idz-area-documentation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.idz-area-grid--services{grid-template-columns:repeat(2,minmax(0,1fr))}.idz-area-grid--problems,.idz-area-grid--combinations{grid-template-columns:repeat(2,minmax(0,1fr))}.idz-area-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:782px){.idz-area-documentation-grid{grid-template-columns:1fr}.idz-area-container{width:min(100% - 24px,1160px)}.idz-area-hero{padding:50px 0}.idz-area-hero__grid,.idz-area-two-col{grid-template-columns:1fr;gap:28px}.idz-area-page h1{font-size:39px}.idz-area-lead{font-size:17px}.idz-area-section{padding:50px 0}.idz-area-grid--services,.idz-area-grid--problems,.idz-area-grid--combinations,.idz-area-steps{grid-template-columns:1fr}.idz-area-service-card{min-height:0}.idz-area-actions,.idz-area-cta__inner{display:grid;grid-template-columns:1fr}.idz-area-btn{width:100%}.idz-area-flow{display:grid;grid-template-columns:1fr}.idz-area-flow b{display:none}.idz-area-hero__summary,.idz-area-panel{padding:22px}}

/* v21.371 — homepage documentation card renderer reused on area hubs */
.idz-area-home-documentation-grid{margin-top:28px}
.idz-area-section--documentation .portfolio-card{min-width:0}