.detail-page[data-astro-cid-g5wovr7w]{min-height:100vh}.detail-page[data-astro-cid-g5wovr7w] .hero{background:hsl(var(--hsl-neutral-900));text-align:center;padding:5rem 1.25rem}.detail-page[data-astro-cid-g5wovr7w] .hero .hero-content{flex-direction:column;align-items:center;max-width:700px;margin:0 auto;display:flex}.detail-page[data-astro-cid-g5wovr7w] .hero .hero-content .service-icon{margin-bottom:var(--gap-md);font-size:3rem}.detail-page[data-astro-cid-g5wovr7w] .hero .hero-content .accent-line{background:hsl(var(--hsl-primary));border-radius:var(--radius-full);width:40px;height:2px;margin-bottom:var(--gap-base);display:inline-block}.detail-page[data-astro-cid-g5wovr7w] .hero .hero-content h1{font-size:var(--fs-fluid-2xl);font-weight:var(--font-weight-bold);font-family:var(--font-atkinson);color:hsl(var(--hsl-neutral-50));margin:0 0 var(--gap-sm);letter-spacing:-.02em}.detail-page[data-astro-cid-g5wovr7w] .hero .hero-content .tagline{font-size:var(--fs-fluid-base);color:hsl(var(--hsl-neutral-300) / .85);max-width:600px;line-height:var(--font-lh-normal);margin:0}.detail-page[data-astro-cid-g5wovr7w] .container{max-width:var(--container-xl);padding:var(--size-fluid-2xl) var(--gap-md);margin:0 auto}.detail-page[data-astro-cid-g5wovr7w] .container .overview{margin-bottom:var(--size-fluid-2xl)}.detail-page[data-astro-cid-g5wovr7w] .container .overview h2{font-size:var(--fs-fluid-xl);font-weight:var(--font-weight-bold);font-family:var(--font-atkinson);color:hsl(var(--hsl-foreground));margin:0 0 var(--gap-lg);text-align:center}.detail-page[data-astro-cid-g5wovr7w] .container .overview p{font-size:var(--fs-fluid-sm);color:hsl(var(--hsl-foreground) / .75);line-height:var(--font-lh-relaxed);max-width:75ch;margin:0 auto var(--gap-base);text-align:left}.detail-page[data-astro-cid-g5wovr7w] .container .features{margin-bottom:var(--size-fluid-2xl)}.detail-page[data-astro-cid-g5wovr7w] .container .features h2{font-size:var(--fs-fluid-xl);font-weight:var(--font-weight-bold);font-family:var(--font-atkinson);color:hsl(var(--hsl-foreground));margin:0 0 var(--gap-lg);text-align:center}.detail-page[data-astro-cid-g5wovr7w] .container .features .features-grid{gap:var(--gap-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.detail-page[data-astro-cid-g5wovr7w] .container .features .features-grid .feature-card{padding:var(--gap-lg);background:hsl(var(--hsl-neutral-50))}.detail-page[data-astro-cid-g5wovr7w] .container .features .features-grid .feature-card .feature-icon{margin-bottom:var(--gap-md);font-size:2rem}.detail-page[data-astro-cid-g5wovr7w] .container .features .features-grid .feature-card h3{font-size:var(--fs-fluid-md);font-weight:var(--font-weight-semibold);color:hsl(var(--hsl-primary));margin:0 0 var(--gap-sm)}.detail-page[data-astro-cid-g5wovr7w] .container .features .features-grid .feature-card p{font-size:var(--fs-fluid-sm);color:hsl(var(--hsl-foreground) / .75);line-height:var(--font-lh-relaxed);margin:0}.detail-page[data-astro-cid-g5wovr7w] .container .audience{margin-bottom:var(--size-fluid-2xl)}.detail-page[data-astro-cid-g5wovr7w] .container .audience h2{font-size:var(--fs-fluid-xl);font-weight:var(--font-weight-bold);font-family:var(--font-atkinson);color:hsl(var(--hsl-foreground));margin:0 0 var(--gap-lg);text-align:center}.detail-page[data-astro-cid-g5wovr7w] .container .audience ul{max-width:600px;margin:0 auto;padding:0;list-style:none}.detail-page[data-astro-cid-g5wovr7w] .container .audience ul li{padding-left:var(--gap-lg);margin-bottom:var(--gap-sm);font-size:var(--fs-fluid-sm);color:hsl(var(--hsl-foreground) / .75);line-height:var(--font-lh-relaxed);position:relative}.detail-page[data-astro-cid-g5wovr7w] .container .audience ul li:before{content:"—";color:hsl(var(--hsl-primary));position:absolute;left:0}.detail-page[data-astro-cid-g5wovr7w] .container .cta{background:hsl(var(--hsl-primary));padding:var(--size-fluid-xl) var(--gap-md);text-align:center;border-radius:var(--radius-xl)}.detail-page[data-astro-cid-g5wovr7w] .container .cta .cta-content{max-width:600px;margin:0 auto}.detail-page[data-astro-cid-g5wovr7w] .container .cta .cta-content h2{font-size:var(--fs-fluid-xl);font-weight:var(--font-weight-bold);font-family:var(--font-atkinson);color:hsl(var(--hsl-primary-foreground));margin:0 0 var(--gap-sm)}.detail-page[data-astro-cid-g5wovr7w] .container .cta .cta-content p{font-size:var(--fs-fluid-base);color:hsl(var(--hsl-primary-foreground) / .9);margin:0 0 var(--gap-lg);line-height:var(--font-lh-normal)}.detail-page[data-astro-cid-g5wovr7w] .container .cta .cta-content .cta-buttons{gap:var(--gap-base);flex-wrap:wrap;justify-content:center;display:flex}.detail-page[data-astro-cid-g5wovr7w] .container .cta .cta-content .cta-buttons .cta-button{border-radius:var(--radius-lg);font-size:var(--fs-fluid-base);font-weight:var(--font-weight-semibold);align-items:center;gap:.5rem;padding:.875rem 1.75rem;text-decoration:none;transition:all .2s;display:inline-flex}.detail-page[data-astro-cid-g5wovr7w] .container .cta .cta-content .cta-buttons .cta-button.primary{background:hsl(var(--hsl-secondary));color:hsl(var(--hsl-secondary-foreground))}.detail-page[data-astro-cid-g5wovr7w] .container .cta .cta-content .cta-buttons .cta-button.primary:hover{background:hsl(var(--hsl-secondary) / .85);transform:translateY(-2px)}.detail-page[data-astro-cid-g5wovr7w] .container .cta .cta-content .cta-buttons .cta-button.secondary{color:hsl(var(--hsl-primary-foreground));border:2px solid hsl(var(--hsl-primary-foreground) / .5);background:0 0}.detail-page[data-astro-cid-g5wovr7w] .container .cta .cta-content .cta-buttons .cta-button.secondary:hover{background:hsl(var(--hsl-primary-foreground) / .1);border-color:hsl(var(--hsl-primary-foreground))}@media (prefers-color-scheme:dark){.detail-page[data-astro-cid-g5wovr7w] .produk-grid .feature-card{background:hsl(var(--hsl-neutral-800))}}@media (width<=767px){.detail-page[data-astro-cid-g5wovr7w] .hero{padding:3.5rem 1rem}.detail-page[data-astro-cid-g5wovr7w] .hero .hero-content .service-icon{font-size:2.5rem}.detail-page[data-astro-cid-g5wovr7w] .container{padding:var(--size-fluid-xl) var(--gap-base)}.detail-page[data-astro-cid-g5wovr7w] .cta .cta-content .cta-buttons{flex-direction:column;align-items:center}.detail-page[data-astro-cid-g5wovr7w] .cta .cta-content .cta-buttons .cta-button{justify-content:center;width:100%}}