:root{--design-ink:#0f4749;--design-teal:#17686b;--design-gold:#d9a247;--design-paper:#fbfaf6;--design-muted:#716c65;--design-line:rgba(23,104,107,.15)}body{background:var(--design-paper);font-family:'DM Sans',sans-serif}.design-shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.design-kicker,.section-kicker{margin:0 0 20px;color:#a66e1d;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.design-kicker{display:flex;align-items:center;gap:11px}.design-kicker span{width:34px;height:2px;background:var(--design-gold)}.design-hero{padding:170px 0 105px;overflow:hidden;background:radial-gradient(circle at 82% 28%,rgba(217,162,71,.18),transparent 28%),linear-gradient(125deg,#f4efe5,#fbfaf6 55%,#e3ece7)}.design-hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.design-hero h1{margin:0;color:var(--design-ink);font-size:clamp(50px,5.5vw,76px);font-weight:800;line-height:1.02;letter-spacing:-.055em}.design-hero h1 em{color:var(--design-teal);font-family:'Playfair Display',serif;font-weight:600}.design-hero__copy>p:not(.design-kicker){max-width:650px;margin:28px 0 34px;color:var(--design-muted);font-size:18px;line-height:1.75}.design-actions{display:flex;align-items:center;gap:27px}.design-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:56px;padding:0 24px;border-radius:9px;font-size:14px;font-weight:800;transition:transform .2s ease,background .2s ease}.design-button:hover{transform:translateY(-2px)}.design-button--primary{background:var(--design-ink);color:#fff}.design-button--primary:hover{background:#123c3e;color:#fff}.design-link{color:var(--design-ink);font-size:14px;font-weight:700}.editorial-visual{position:relative;min-height:500px}.layout-page{position:absolute;width:270px;height:385px;padding:34px;background:#fff;box-shadow:0 27px 60px rgba(15,71,73,.15)}.layout-page--left{left:15px;top:55px;transform:rotate(-6deg)}.layout-page--left small{color:#a66e1d;font-weight:800;letter-spacing:.15em}.layout-page--left h3{margin:38px 0;color:var(--design-ink);font-family:'Playfair Display',serif;font-size:32px;line-height:1}.layout-page--left i{display:block;width:100%;height:5px;margin:11px 0;background:#dfe7e3;border-radius:3px}.layout-page--left i.short{width:63%}.layout-page--left>span{position:absolute;right:30px;bottom:24px;color:#aaa;font-size:11px}.layout-page--right{right:10px;top:20px;z-index:2;display:flex;flex-direction:column;overflow:hidden;border-radius:3px 12px 12px 3px;background:var(--design-teal);color:#fff;transform:rotate(6deg)}.layout-page--right::after{content:"";position:absolute;inset:0 auto 0 13px;width:1px;background:rgba(255,255,255,.25)}.layout-page--right small{z-index:1;color:#eac27c;font-size:9px;font-weight:800;letter-spacing:.16em}.layout-page--right strong{z-index:1;margin:auto 0;color:#fff;font-family:'Playfair Display',serif;font-size:36px;line-height:1}.layout-page--right p{z-index:1;margin:0;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.cover-shape{position:absolute;right:-80px;bottom:40px;width:260px;height:260px;border-radius:50%;background:var(--design-gold);opacity:.75}.design-cursor{position:absolute;z-index:4;right:250px;bottom:40px;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--design-gold);color:#fff;font-size:25px;box-shadow:0 10px 28px rgba(166,110,29,.3)}.palette-dot{position:absolute;border-radius:50%}.palette-dot--one{right:20px;top:5px;width:22px;height:22px;background:#c06c52}.palette-dot--two{right:-5px;top:38px;width:14px;height:14px;background:#d9a247}.palette-dot--three{right:15px;top:65px;width:10px;height:10px;background:#17686b}.design-values{padding:105px 0}.design-heading{max-width:790px;margin-bottom:55px}.design-heading h2,.process-layout h2,.faq-layout h2,.design-final h2{margin:0;color:var(--design-ink);font-size:clamp(38px,4vw,57px);line-height:1.08;letter-spacing:-.045em}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.value-grid article{padding:36px;border:1px solid var(--design-line);border-radius:18px;background:#fff}.value-grid img{width:72px;height:72px}.value-grid h3{margin:27px 0 10px;color:var(--design-ink);font-size:21px}.value-grid p{margin:0;color:var(--design-muted);font-size:14px;line-height:1.7}.design-pricing{padding:110px 0;background:#eef1ec}.design-heading--center{margin-inline:auto;text-align:center}.design-heading--center>p:last-child{max-width:670px;margin:20px auto 0;color:var(--design-muted);line-height:1.7}.design-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.design-price-card{position:relative;display:flex;flex-direction:column;padding:35px 30px 27px;border:1px solid var(--design-line);border-radius:20px;background:#fff}.design-price-card--featured{border:2px solid var(--design-teal);box-shadow:0 20px 45px rgba(15,71,73,.13)}.design-price-card--premium{background:linear-gradient(155deg,#fffaf0,#fff 50%)}.popular-label{position:absolute;top:-15px;right:24px;padding:8px 14px;border-radius:999px;background:var(--design-gold);color:#fff;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.price-head{padding-bottom:27px;border-bottom:1px solid var(--design-line)}.package-mark{display:grid;place-items:center;width:38px;height:38px;margin-bottom:20px;border-radius:50%;background:rgba(23,104,107,.1);color:var(--design-teal);font-size:12px;font-weight:800}.price-head p{margin:0 0 8px;color:#9b7040;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.price-head h3{display:flex;align-items:baseline;margin:0;color:var(--design-ink);font-size:55px;line-height:1;letter-spacing:-.05em}.price-head h3 small{margin-right:5px;font-size:17px}.price-head h3 span{margin-left:5px;font-size:17px;letter-spacing:-.02em}.price-head em{display:block;margin-top:14px;color:var(--design-muted);font-size:12px;font-style:normal;line-height:1.5}.design-price-card ul{margin:26px 0;padding:0;list-style:none}.design-price-card li{position:relative;margin:13px 0;padding-left:27px;color:#535c58;font-size:13px;line-height:1.55}.design-price-card li::before{content:"✓";position:absolute;left:0;color:var(--design-teal);font-weight:800}.unique-feature{margin:auto 0 22px;padding:17px;border-radius:11px;background:#f4eee1}.unique-feature span{display:block;margin-bottom:6px;color:#a66e1d;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.unique-feature strong{color:var(--design-ink);font-size:12px;line-height:1.45}.design-price-card>a{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 18px;border:1px solid var(--design-teal);border-radius:9px;color:var(--design-teal);font-size:13px;font-weight:800}.design-price-card--featured>a,.design-price-card>a:hover{background:var(--design-teal);color:#fff}.pricing-footnote{max-width:850px;margin:28px auto 0;color:#7d7770;font-size:12px;line-height:1.6;text-align:center}.design-process{padding:115px 0;background:var(--design-ink)}.process-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px}.process-layout .section-kicker{color:#e5ba6c}.process-layout h2{color:#fff}.process-track{border-top:1px solid rgba(255,255,255,.18)}.process-track article{display:grid;grid-template-columns:62px 1fr;gap:17px;padding:30px 0;border-bottom:1px solid rgba(255,255,255,.18)}.process-track article>span{color:#e4b66a;font-family:'Playfair Display',serif;font-size:27px}.process-track h3{margin:0 0 8px;color:#fff;font-size:20px}.process-track p{margin:0;color:#b9ceca;font-size:14px;line-height:1.7}.design-faq{padding:115px 0}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.faq-list details{border-top:1px solid var(--design-line)}.faq-list details:last-child{border-bottom:1px solid var(--design-line)}.faq-list summary{display:flex;justify-content:space-between;gap:20px;padding:25px 0;color:var(--design-ink);font-size:17px;font-weight:700;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:24px;font-weight:400;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{margin:-5px 40px 25px 0;color:var(--design-muted);font-size:14px;line-height:1.75}.design-final{padding:0 0 115px}.design-final__box{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:50px;padding:62px 68px;border-radius:24px;background:radial-gradient(circle at 90% 0,rgba(217,162,71,.28),transparent 33%),var(--design-ink)}.design-final .section-kicker{color:#e6b96c}.design-final h2{max-width:720px;color:#fff}.design-button--light{flex:0 0 auto;background:#fff;color:var(--design-ink)}
@media(max-width:1000px){.design-hero__grid,.process-layout,.faq-layout{grid-template-columns:1fr}.design-hero__grid{gap:35px}.editorial-visual{width:min(100%,560px);margin:auto}.design-price-grid{grid-template-columns:1fr;max-width:700px;margin:auto}.value-grid{grid-template-columns:1fr}.process-layout,.faq-layout{gap:50px}.design-final__box{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.design-shell{width:min(calc(100% - 36px),1180px)}.design-hero{padding:140px 0 75px}.design-hero h1{font-size:44px}.design-hero__copy>p:not(.design-kicker){font-size:16px}.design-actions{align-items:flex-start;flex-direction:column;gap:18px}.editorial-visual{min-height:360px}.layout-page{width:190px;height:285px;padding:24px}.layout-page--left{left:0}.layout-page--right{right:0}.layout-page--left h3{font-size:24px;margin:25px 0}.layout-page--right strong{font-size:27px}.design-cursor{right:145px;width:48px;height:48px}.design-values,.design-pricing,.design-process,.design-faq{padding:78px 0}.design-price-card{padding:31px 23px 23px}.process-track article{grid-template-columns:48px 1fr}.design-final{padding-bottom:78px}.design-final__box{padding:48px 25px}.design-final h2{font-size:37px}.design-button--light{width:100%}}
@media(prefers-reduced-motion:reduce){.design-button,.faq-list summary span{transition:none}}

/* Urutan paket: harga tertinggi ke terendah */
.design-price-card--premium{order:1}
.design-price-card--featured{order:2}
.design-price-card:not(.design-price-card--featured):not(.design-price-card--premium){order:3}

/* Hero foto — konsisten dengan halaman layanan HKI */
.design-hero{position:relative;display:grid;place-items:center;min-height:650px;padding:155px 0 100px;background-image:linear-gradient(90deg,rgba(7,27,27,.78),rgba(7,27,27,.62)),url('Assets/hki-hero-open-book.jpg');background-position:center;background-size:cover}
.design-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,18,18,.26),rgba(4,18,18,.14) 55%,rgba(4,18,18,.48));pointer-events:none}
.design-hero__grid{position:relative;z-index:1;display:block}
.design-hero__copy{max-width:900px;margin-inline:auto;text-align:center}
.design-hero .design-kicker{display:block;margin-bottom:22px;color:#e7bb6d}
.design-hero h1{margin:0;color:#fff;font-size:clamp(54px,6vw,82px);line-height:1;letter-spacing:-.05em;text-shadow:0 4px 24px rgba(0,0,0,.25)}
.design-hero__copy>p:not(.design-kicker){max-width:760px;margin:28px auto 35px;color:rgba(255,255,255,.9);font-size:19px;line-height:1.75}
.design-hero .design-actions{justify-content:center}
.design-hero .design-button--primary{background:var(--design-gold);color:#173f3f;box-shadow:0 12px 30px rgba(0,0,0,.2)}
.design-hero .design-button--primary:hover{background:#e4af55;color:#173f3f}
@media(max-width:620px){.design-hero{min-height:570px;padding:135px 0 75px;background-position:58% center}.design-hero h1{font-size:46px}.design-hero__copy>p:not(.design-kicker){font-size:16px;line-height:1.65}.design-hero .design-actions{align-items:center}}