/* Revisi 6: kejelasan produk, biaya, dan alur konsultasi. */
[hidden]{display:none!important}
.skip-link{position:fixed;left:16px;top:-100px;z-index:100;background:#fff;color:var(--ink);padding:12px 20px;border-radius:8px}.skip-link:focus{top:12px}
a:focus-visible,button:focus-visible,summary:focus-visible,[role="tabpanel"]:focus-visible{outline:3px solid #c3ec72;outline-offset:4px}
section[id]{scroll-margin-top:24px}
.nav .brand,.blog-nav .brand{width:58px;height:58px;flex:0 0 58px;overflow:visible;background:transparent}
.nav .brand img,.blog-nav .brand img{content:normal;display:block;width:58px;height:58px;max-width:none;object-fit:contain;mix-blend-mode:normal;clip-path:none}
.hero .eyebrow{color:#e2f5fa}
.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);padding-block:125px 55px;gap:38px;min-height:690px}
.hero-visual{align-self:center;margin:0;overflow:visible;min-width:0}
.hero-visual:before{display:none}
.hero-visual img{display:block;width:100%;height:auto;max-width:100%;margin:0;object-fit:contain;filter:none;border-radius:24px}
.hero-visual figcaption{margin:16px 0 0;text-align:center;color:#e2f5fa;font-size:.875rem}
.hero-copy>p:not(.eyebrow){font-size:1.05rem;line-height:1.65}
.eyebrow{font-size:.875rem;letter-spacing:.075em}
.problem{display:flex;flex-direction:column}.problem p{font-size:1rem}.problem-link{display:block;margin-top:auto;padding-top:18px;color:var(--blue);font-size:.875rem;font-weight:750}.problem-link:hover{text-decoration:underline}
.ticks li:before{content:"✓"}.ticks li{font-size:1rem}
.layers{position:static;align-self:start;min-height:0;height:auto}.layers img{content:normal;width:100%;height:auto;max-height:none;object-fit:contain;aspect-ratio:auto}
.product-tabs{gap:6px;flex-wrap:wrap;overflow:visible}.tab{font-family:inherit;font-size:.875rem;font-weight:750;min-height:44px;padding:10px 14px}.category-help{display:inline-block;margin-top:20px;white-space:normal}
.catalog-card p,.category-visual figcaption span{font-size:.9375rem}.category-visual{grid-template-columns:minmax(120px,.9fr) minmax(0,1fr)}.category-visual img{width:100%;height:auto;max-height:200px;object-fit:contain}
.intro-image img{object-fit:contain;height:auto;max-height:420px}.intro-image p{position:static;max-width:none;margin-top:14px;box-shadow:none}
.visit-slider .visit-slide{height:100%;max-height:none;object-fit:contain;object-position:center}.visit-slider{height:auto;aspect-ratio:4/3}.visit-slider .slide-dot{width:28px;height:28px;background:#fff;border:8px solid #edf5f8;box-shadow:none}.visit-slider .slide-dot.active{width:28px;background:var(--blue)}
.pricing{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding-block:75px}.pricing-copy h2{font-size:clamp(2rem,3.7vw,3rem)}
.price-card{border:1px solid #b9d3de;border-top:5px solid var(--blue);padding:32px;border-radius:22px;background:#f4fafc}.price-label{font-weight:800}.price{margin:20px 0}.price span{display:block;color:#425d6b}.price strong{display:block;font-size:clamp(2rem,4.2vw,3.3rem);letter-spacing:-.04em;line-height:1.2}.price-card>p:not(.price):not(.price-label){color:#425d6b}.price-card small{display:block;color:#425d6b;font-size:.875rem;line-height:1.6;margin-top:15px}
.faq{padding-block:20px 80px;max-width:850px}.faq h2{margin-bottom:28px}.faq details{border-bottom:1px solid var(--line)}.faq summary,.booking-details summary{cursor:pointer;font-weight:750;padding:20px 0;min-height:48px}.faq details p{max-width:720px;color:#425d6b;line-height:1.7;padding-bottom:14px}
.booking-info h2{font-size:clamp(1.9rem,3vw,2.75rem)}.booking-price{border-top:1px solid #77bed3;padding-top:24px;margin-top:28px}.booking-price strong{color:white;font-size:1.35rem}.booking-direct{display:inline-block;font-weight:750;text-decoration:underline;text-underline-offset:4px;font-size:.9375rem}
.booking-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:20px}.booking-details[open]{padding-bottom:20px}.booking-details p{font-size:.9375rem;color:#425d6b}.booking .form-grid label{font-size:.9375rem}.booking input,.booking select,.booking textarea{font-size:1rem;min-height:48px}.form-privacy{font-size:.875rem;line-height:1.6;color:#425d6b;margin:22px 0 0}.booking form small{font-size:.875rem;line-height:1.6}.booking form .button{font-family:inherit;font-weight:750;font-size:1rem;line-height:1.4;min-height:48px}
.social-links:empty{display:none}.social-link svg{fill:none;stroke:currentColor}.social-link[aria-label="Facebook Sooley"] svg{fill:currentColor;stroke:none}
.article-content{line-height:1.75}.article-content img{max-width:100%;height:auto}
@media(max-width:820px){
 .nav .brand,.nav .brand img{width:52px;height:52px;flex-basis:52px}.nav nav a{font-size:.875rem;padding:9px 6px;min-height:44px}
 .hero-grid{grid-template-columns:1fr;padding:170px 0 35px;gap:28px;min-height:0}.hero-visual{height:auto;margin:0;overflow:visible}.hero-visual img{width:100%;height:auto;margin:0;max-height:390px;object-fit:contain}.hero-visual figcaption{display:block}.hero h1{line-height:1.02}
 .pricing{grid-template-columns:1fr;gap:24px;padding-block:55px}.price-card{padding:26px}.price-card .button{width:100%}.faq{padding-bottom:55px}.faq h2{font-size:2rem}
 .product-tabs{flex-wrap:wrap}.category-visual{grid-template-columns:minmax(100px,.8fr) minmax(0,1fr)}.category-visual img{width:100%;height:auto;max-height:175px}
 .visit-slider{height:auto;aspect-ratio:4/3}.visit-slider .visit-slide.report{object-fit:contain}.visit{gap:24px}.booking-shell{gap:0}.booking-info,.booking form{padding:28px 23px}
 .wa-float{width:48px;height:48px;right:12px;bottom:12px}.wa-float svg{width:26px;height:26px}.booking:focus-within~.wa-float,body:has(#booking-form:focus-within) .wa-float{visibility:hidden}
 .site-footer{padding-bottom:85px}.blog-nav .nav-inner{min-height:82px}.blog-nav .brand{flex:0 0 52px}
}
@media(max-width:390px){.category-visual{grid-template-columns:1fr}.category-visual img{max-height:200px}.tab{padding-inline:10px}.hero h1{font-size:2.75rem}.price strong{font-size:2.3rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.offer-benefits{padding-left:22px;margin-block:24px;line-height:1.7}.offer-benefits li{padding-left:4px;margin-block:9px}.offer-benefits li::marker{color:var(--blue)}.normal-price{color:#526875;margin-bottom:8px}.normal-price s{margin-left:6px}.saving{display:inline-block;background:#e1f3c2;color:#254800!important;font-weight:800;padding:7px 12px;border-radius:8px}.price-card .price{margin-top:12px}

.price .price-unit{font-size:1rem;margin-top:5px}.booking-price .price-unit{display:block;font-size:.9375rem;color:#e2f5fa}