/* CEKDULU — CSS LENGKAP (dasar + upgrade + tambahan) */
#cekdulu,#cekdulu *{box-sizing:border-box}
#cekdulu{--cd-cream:#faf8f1;--cd-paper:#fffdf7;--cd-sage:#e6eee1;--cd-sage-dark:#789782;--cd-green:#3f7259;--cd-dark:#293d35;--cd-peach:#f4e2d6;--cd-lavender:#eee9f7;--cd-text:#34443c;--cd-muted:#78827a;--cd-border:#e6e7dc;--cd-shadow:0 18px 50px rgba(47,71,54,.07);position:relative;overflow:clip;color:var(--cd-text);background:var(--cd-cream);font:15px/1.75 'DM Sans',sans-serif}
#cekdulu h1,#cekdulu h2,#cekdulu h3,#cekdulu h4{margin:0 0 10px;color:var(--cd-dark);font-family:'Manrope',sans-serif;letter-spacing:-.5px;line-height:1.2}
#cekdulu p{margin:0 0 12px;color:var(--cd-muted)}
#cekdulu a{color:inherit;text-decoration:none}
#cekdulu ul{margin:0;padding-left:18px}
#cekdulu a:focus-visible,#cekdulu button:focus-visible,#cekdulu summary:focus-visible{outline:3px solid #9ab7a0;outline-offset:3px}
#cekdulu .cd-section{position:relative;padding:90px 7%}
#cekdulu .cd-kicker{display:inline-block;color:var(--cd-green);font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase}
#cekdulu .cd-section-heading{max-width:720px;margin-bottom:44px}
#cekdulu .cd-heading-center{margin-inline:auto;text-align:center}
#cekdulu .cd-section-heading h2{margin:12px 0 14px;font-size:clamp(30px,4.4vw,50px);font-weight:600}
#cekdulu .cd-section-heading h2 span,#cekdulu .cd-hero-copy h1 span,#cekdulu .cd-developer-info h3 span{color:var(--cd-sage-dark)}
#cekdulu .cd-heading-center>p{margin-inline:auto}
/* header */
#cekdulu .cd-header{z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 7%;border-bottom:1px solid #e7e6dc;background:rgba(250,248,241,.95)}
#cekdulu .cd-brand{display:inline-flex;align-items:center;gap:10px;color:var(--cd-dark);font:800 24px 'Manrope',sans-serif;letter-spacing:-1px}
#cekdulu .cd-brand-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:12px;background:var(--cd-sage);color:var(--cd-green);font-size:19px}
#cekdulu .cd-brand em{color:var(--cd-sage-dark);font-style:normal}
#cekdulu .cd-nav{display:flex;align-items:center;gap:24px}
#cekdulu .cd-nav>a,#cekdulu .cd-dropdown-toggle{border:0;background:none;color:#3d4b43;font:700 13px 'DM Sans',sans-serif;cursor:pointer}
#cekdulu .cd-nav>a:hover,#cekdulu .cd-dropdown-toggle:hover{color:var(--cd-green)}
#cekdulu .cd-nav .cd-nav-contact{padding:11px 18px;border-radius:100px;background:var(--cd-dark);color:#fff}
#cekdulu .cd-dropdown{position:relative}
#cekdulu .cd-dropdown-menu{position:absolute;top:100%;right:0;display:none;width:220px;margin-top:10px;padding:8px;border:1px solid var(--cd-border);border-radius:14px;background:var(--cd-paper);box-shadow:0 18px 40px #293d3517}
#cekdulu .cd-dropdown-open .cd-dropdown-menu{display:block}
#cekdulu .cd-dropdown-menu a{display:block;padding:9px 12px;border-radius:9px;font-size:13px;font-weight:600}
#cekdulu .cd-dropdown-menu a:hover{background:var(--cd-sage)}
#cekdulu .cd-menu-toggle{display:none;width:42px;height:42px;border:0;border-radius:12px;background:var(--cd-sage);font-size:20px;cursor:pointer}
/* hero */
#cekdulu .cd-hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;padding-top:70px;padding-bottom:90px}
#cekdulu .cd-eyebrow{display:inline-block;padding:8px 14px;border:1px solid #dfe6d9;border-radius:100px;background:#fffdf7;color:var(--cd-green);font-weight:800;letter-spacing:1.5px}
#cekdulu .cd-hero-copy h1{margin:22px 0 18px;font-size:clamp(42px,5.5vw,70px);font-weight:600;letter-spacing:-3px;line-height:1.1}
#cekdulu .cd-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
#cekdulu .cd-button{display:inline-flex;align-items:center;gap:12px;padding:13px 22px;border:1px solid transparent;border-radius:100px;font-size:13px;font-weight:800;transition:transform .2s}
#cekdulu .cd-button:hover{transform:translateY(-3px)}
#cekdulu .cd-button-dark{background:var(--cd-dark);color:#fff}
#cekdulu .cd-button-light{border-color:#dfe3d9;background:#fffdf7;color:var(--cd-dark)}
#cekdulu .cd-hero-art{position:relative;display:grid;min-height:380px;place-items:center;overflow:hidden;border-radius:32px;background:linear-gradient(145deg,#e7f0e3,#e0eee6 62%,#eee7f6)}
#cekdulu .cd-shield{display:flex;width:160px;height:185px;align-items:center;justify-content:center;clip-path:polygon(50% 0,94% 15%,88% 66%,72% 84%,50% 100%,28% 84%,12% 66%,6% 15%);background:linear-gradient(145deg,#94b99b,#507c61);color:#fff;font:600 62px 'Manrope',sans-serif;animation:cdFloat 5s ease-in-out infinite}
#cekdulu .cd-float-card{position:absolute;padding:11px 14px;border-radius:14px;background:#fffdf2ee;box-shadow:0 10px 28px #354b3812;color:var(--cd-dark);font-size:12px;font-weight:700;line-height:1.5}
#cekdulu .cd-f1{top:14%;left:5%}#cekdulu .cd-f2{right:5%;bottom:14%}
/* kartu & grid */
#cekdulu :is(.cd-about-content,.cd-requirement-grid,.cd-swot-grid,.cd-strategy-grid){display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
#cekdulu :is(.cd-feature-grid,.cd-pricing-grid,.cd-bmc-grid){display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
#cekdulu :is(.cd-info-card,.cd-feature-card,.cd-requirement-card,.cd-swot,.cd-bmc-grid article,.cd-strategy-card,.cd-price-card){position:relative;display:flex;flex-direction:column;overflow:hidden;padding:26px;border:1px solid #fff;border-radius:20px;transition:transform .25s,box-shadow .25s}
#cekdulu :is(.cd-info-card,.cd-feature-card,.cd-requirement-card,.cd-swot,.cd-bmc-grid article,.cd-strategy-card):hover{transform:translateY(-5px);box-shadow:var(--cd-shadow)}
#cekdulu :is(.cd-info-card,.cd-feature-card,.cd-requirement-card,.cd-swot,.cd-bmc-grid article,.cd-strategy-card):nth-child(4n+1){background:#e7efe2}
#cekdulu :is(.cd-info-card,.cd-feature-card,.cd-requirement-card,.cd-swot,.cd-bmc-grid article,.cd-strategy-card):nth-child(4n+2){background:#f5e5db}
#cekdulu :is(.cd-info-card,.cd-feature-card,.cd-requirement-card,.cd-swot,.cd-bmc-grid article,.cd-strategy-card):nth-child(4n+3){background:#eee9f7}
#cekdulu :is(.cd-info-card,.cd-feature-card,.cd-requirement-card,.cd-swot,.cd-bmc-grid article,.cd-strategy-card):nth-child(4n){background:#f5efcf}
#cekdulu .cd-feature-icon{display:grid;width:46px;height:46px;margin-bottom:16px;place-items:center;border-radius:14px;background:#ffffff80;color:var(--cd-green);font-size:23px}
#cekdulu :is(.cd-info-card,.cd-feature-card,.cd-requirement-card,.cd-swot,.cd-strategy-card) h3{font-size:19px}
#cekdulu .cd-bmc-grid h3{font-size:15px}
#cekdulu :is(.cd-info-card,.cd-requirement-card,.cd-swot,.cd-strategy-card) li{margin-bottom:6px;color:#5d6c62;font-size:13.5px}
#cekdulu .cd-disclaimer{margin-top:22px;padding:16px 20px;border:1px solid #e4e5d9;border-radius:15px;background:#fffdf6}
#cekdulu .cd-disclaimer p{margin:0;font-size:12.5px}
#cekdulu .cd-hybrid-box{margin-top:0;padding:28px;border:1px solid #dce6d9;border-radius:20px;background:#eaf1e6}
#cekdulu .cd-hybrid-box h3{margin:8px 0}
#cekdulu .cd-hybrid-box p{margin:0;font-size:14px}
#cekdulu .cd-architecture-note,#cekdulu .cd-price-note{max-width:760px;margin:18px auto 0;font-size:12.5px;text-align:center}
#cekdulu .cd-about,#cekdulu .cd-requirements,#cekdulu .cd-business,#cekdulu .cd-strategy{background:var(--cd-paper)}
#cekdulu .cd-features-section,#cekdulu .cd-architecture,#cekdulu .cd-bmc-section{background:#f7f6ee}
/* developer */
#cekdulu .cd-developer{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:48px;margin-top:80px;padding:40px;border:1px solid #e5e7dc;border-radius:27px;background:linear-gradient(130deg,#f5f4e9,#e9f0e6)}
#cekdulu .cd-developer-photo{position:relative;width:100%;max-width:290px;height:350px;margin:auto;overflow:hidden;border:6px solid #fffdf7;border-radius:145px 145px 25px 25px;background:#e2ebdf}
#cekdulu .cd-developer-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
#cekdulu .cd-developer-info h3{font-size:clamp(27px,3.2vw,38px)}
#cekdulu .cd-developer-role{color:var(--cd-green);font-weight:700}
#cekdulu .cd-developer-tags{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
#cekdulu .cd-developer-tags span{padding:7px 12px;border:1px solid #dbe4d8;border-radius:100px;background:#fffdf7a8;color:#5c7762;font-size:12px;font-weight:700}
#cekdulu .cd-text-link{color:var(--cd-green);font-weight:800}
/* harga */
#cekdulu .cd-pricing-heading{margin:70px 0 28px;text-align:center}
#cekdulu .cd-price-card{background:#fffefa;border-color:#e7e7dc}
#cekdulu .cd-price-featured{border-color:#9db7a0;background:#eaf1e6}
#cekdulu .cd-price-label,#cekdulu .cd-price-badge{color:#7b927e;font-weight:800;letter-spacing:1.5px}
#cekdulu .cd-price-badge{align-self:flex-start;margin-bottom:8px;padding:5px 10px;border-radius:100px;background:#d5e5d4;color:#436b4c}
#cekdulu .cd-price{margin:4px 0 12px;color:var(--cd-dark);font:800 clamp(22px,2.4vw,28px) 'Manrope',sans-serif}
#cekdulu .cd-price small{color:#818a80;font:500 11px 'DM Sans',sans-serif}
#cekdulu .cd-price-card ul{margin:0 0 20px;padding:0;list-style:none}
#cekdulu .cd-price-card li{margin-bottom:8px;color:#65766a}
#cekdulu .cd-price-button{margin-top:auto;padding:12px;border:1px solid #dfe4d9;border-radius:100px;font-size:12.5px;font-weight:800;text-align:center}
#cekdulu .cd-price-button-dark{border-color:var(--cd-dark);background:var(--cd-dark);color:#fff}
/* kontak & footer */
#cekdulu .cd-contact-section{padding:70px 7%}
#cekdulu .cd-contact-card{display:flex;flex-direction:column;align-items:center;padding:64px 24px;border-radius:30px;background:radial-gradient(circle at 10% 15%,#f4e1d4,transparent 27%),radial-gradient(circle at 92% 85%,#dbe9d9,transparent 29%),#e8efe3;text-align:center}
#cekdulu .cd-contact-card h2{font-size:clamp(38px,6vw,58px);font-weight:500;letter-spacing:-2px}
#cekdulu .cd-contact-card h2 span{color:var(--cd-sage-dark)}
#cekdulu .cd-contact-main{display:inline-flex;gap:12px;padding:13px 22px;border-radius:100px;background:var(--cd-dark);color:#fff!important;font-weight:800}
#cekdulu .cd-contact-links{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;margin-top:22px;font-weight:800}
#cekdulu .cd-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:26px 7%;border-top:1px solid #e9e7de;background:#f6f3e9}
#cekdulu .cd-footer p{margin:0}
/* animasi, reveal, fallback */
@keyframes cdReveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes cdFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}
#cekdulu .cd-hero-copy,#cekdulu .cd-hero-art{animation:cdReveal .8s ease both}
#cekdulu .cd-reveal-item{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}
#cekdulu .cd-reveal-item.cd-is-visible{opacity:1;transform:translateY(0)}
#cekdulu .cd-photo-error{display:grid;width:100%;height:100%;min-height:240px;place-items:center;background:#e6eee1;color:#3f7259;font-weight:700;text-align:center}
@media(max-width:1000px){#cekdulu .cd-section{padding-inline:5%}#cekdulu .cd-hero,#cekdulu .cd-developer{grid-template-columns:1fr}#cekdulu :is(.cd-feature-grid,.cd-pricing-grid,.cd-bmc-grid){grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){#cekdulu .cd-header{flex-wrap:wrap;padding:14px 5%}#cekdulu .cd-menu-toggle{display:grid;place-items:center}#cekdulu .cd-nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:4px;padding:10px 0}#cekdulu .cd-nav.cd-nav-open{display:flex}#cekdulu .cd-nav>a,#cekdulu .cd-dropdown-toggle{padding:12px;text-align:left}#cekdulu .cd-nav .cd-nav-contact{text-align:center}#cekdulu .cd-dropdown-menu{position:static;width:100%;box-shadow:none}#cekdulu .cd-section{padding:64px 6%}#cekdulu :is(.cd-about-content,.cd-requirement-grid,.cd-swot-grid,.cd-strategy-grid,.cd-feature-grid,.cd-pricing-grid,.cd-bmc-grid){grid-template-columns:1fr}#cekdulu .cd-developer{padding:24px;margin-top:50px}}
@media(prefers-reduced-motion:reduce){#cekdulu *{animation-duration:.01ms!important;transition-duration:.01ms!important}#cekdulu .cd-reveal-item{opacity:1;transform:none}}
/* ===== UPGRADE + TAMBAHAN ===== */
/* =====================================================
   CEKDULU — UPGRADE LAYER
   Tempel SETELAH CSS utama + CSS tambahan (scroll reveal)
===================================================== */
#cekdulu{scroll-padding-top:84px}
#cekdulu .cd-section{scroll-margin-top:84px}
#cekdulu ::selection{background:#cfe0d0;color:#293d35}

/* Header menempel + blur */
#cekdulu .cd-header{position:sticky;top:0;backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);background:rgba(250,248,241,.82);transition:box-shadow .3s,padding .3s}
#cekdulu .cd-header.cd-scrolled{padding-top:14px;padding-bottom:14px;box-shadow:0 8px 30px rgba(41,61,53,.08)}
#cekdulu .cd-nav>a.cd-active{color:var(--cd-green);box-shadow:inset 0 -2px 0 var(--cd-sage-dark)}
#cekdulu .cd-nav .cd-nav-contact.cd-active{box-shadow:none;background:var(--cd-green)}

/* Progress baca */
#cekdulu .cd-progress{position:fixed;top:0;left:0;z-index:999;width:100%;height:3px;background:transparent;pointer-events:none}
#cekdulu .cd-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#789782,#3f7259,#d3a88a)}

/* Keterbacaan: lantai ukuran teks 11px */
#cekdulu .cd-kicker,#cekdulu .cd-eyebrow,#cekdulu .cd-feature-number,#cekdulu .cd-feature-bottom,
#cekdulu .cd-float-card small,#cekdulu .cd-hero-note,#cekdulu .cd-art-bottom-note,#cekdulu .cd-photo-tag,
#cekdulu .cd-arch-services small,#cekdulu .cd-arch-data-grid small,#cekdulu .cd-arch-status,
#cekdulu .cd-swot small,#cekdulu .cd-price-badge,#cekdulu .cd-price-label,#cekdulu .cd-price small,
#cekdulu .cd-footer p,#cekdulu .cd-footer>span,#cekdulu .cd-contact-bottom-note,#cekdulu .cd-scroll-cue,
#cekdulu .cd-arch-legend span,#cekdulu .cd-arch-connector span{font-size:11px}
#cekdulu .cd-feature-card p,#cekdulu .cd-bmc-grid p,#cekdulu .cd-arch-explanation p,#cekdulu .cd-disclaimer p,
#cekdulu .cd-price-card li,#cekdulu .cd-swot li,#cekdulu .cd-architecture-note,#cekdulu .cd-bmc-note,
#cekdulu .cd-price-note,#cekdulu .cd-float-card b,#cekdulu .cd-arch-services b,#cekdulu .cd-arch-data-grid b,
#cekdulu .cd-contact-links a,#cekdulu .cd-price-button{font-size:12.5px}
#cekdulu .cd-info-card p,#cekdulu .cd-info-card li,#cekdulu .cd-requirement-card li,#cekdulu .cd-price-card>p{font-size:13.5px}
#cekdulu .cd-section-heading>p,#cekdulu .cd-developer-info>p{font-size:15px}
#cekdulu .cd-hero-description{font-size:16.5px}
#cekdulu p{color:#66716a}

/* Hero: pola titik halus + judul bergradien */
#cekdulu .cd-hero{background:radial-gradient(#c9d6c7 1px,transparent 1.2px) 0 0/26px 26px,radial-gradient(ellipse at 83% 18%,#dceadd 0%,transparent 34%),radial-gradient(ellipse at 10% 85%,#f7e8dd 0%,transparent 30%),var(--cd-cream)}
#cekdulu .cd-hero-copy h1 span{background:linear-gradient(120deg,#3f7259,#789782 60%,#c69e75);-webkit-background-clip:text;background-clip:text;color:transparent}
#cekdulu .cd-button-dark{background:linear-gradient(135deg,#3a5446,#293d35)}
#cekdulu .cd-button:active{transform:scale(.97)}
#cekdulu .cd-hero-art{box-shadow:0 30px 70px #415b4620,inset 0 0 50px #ffffff55}

/* Kartu: lebih tegas saat hover */
#cekdulu .cd-feature-card,#cekdulu .cd-requirement-card,#cekdulu .cd-swot,#cekdulu .cd-price-card,#cekdulu .cd-info-card{will-change:transform}
#cekdulu .cd-feature-card::after{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:50%;background:#ffffff55;transition:transform .4s}
#cekdulu .cd-feature-card:hover::after{transform:scale(1.6)}
#cekdulu .cd-price-featured{box-shadow:0 24px 50px #3f725922;transform:translateY(-8px)}
#cekdulu .cd-price-featured:hover{transform:translateY(-12px)}

/* Alur kerja + demo */
#cekdulu .cd-demo{background:linear-gradient(180deg,#fffdf7,#f1f5ec)}
#cekdulu .cd-demo-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;align-items:start}
#cekdulu .cd-steps{display:grid;gap:14px;margin:0;padding:0;list-style:none;counter-reset:s}
#cekdulu .cd-steps li{position:relative;padding:18px 18px 18px 64px;border:1px solid #e6e8dc;border-radius:16px;background:#fffefa;counter-increment:s}
#cekdulu .cd-steps li::before{content:counter(s);position:absolute;left:18px;top:18px;display:grid;width:30px;height:30px;place-items:center;border-radius:10px;background:var(--cd-sage);color:var(--cd-green);font:800 14px 'Manrope',sans-serif}
#cekdulu .cd-steps b{display:block;color:var(--cd-dark);font-size:14px}
#cekdulu .cd-steps span{color:var(--cd-muted);font-size:13px}
#cekdulu .cd-demo-panel{padding:26px;border:1px solid #dfe6d9;border-radius:24px;background:#fffefa;box-shadow:0 24px 60px #324b3912}
#cekdulu .cd-demo-panel label{display:block;margin-bottom:8px;color:var(--cd-dark);font-weight:700;font-size:13px}
#cekdulu .cd-demo-input{width:100%;min-height:120px;padding:14px 16px;border:1.5px solid #d9e1d4;border-radius:14px;background:#faf8f1;color:var(--cd-text);font:inherit;font-size:14px;resize:vertical;transition:border-color .2s,box-shadow .2s}
#cekdulu .cd-demo-input:focus{outline:0;border-color:#789782;box-shadow:0 0 0 4px #78978225}
#cekdulu .cd-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
#cekdulu .cd-chip{padding:7px 12px;border:1px solid #dbe4d8;border-radius:100px;background:#f4f7f0;color:#5c7762;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s}
#cekdulu .cd-chip:hover{background:#e6eee1}
#cekdulu .cd-demo-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
#cekdulu .cd-demo-actions .cd-button{cursor:pointer;font-family:inherit}
#cekdulu .cd-result{display:none;margin-top:20px;padding:20px;border-radius:18px;border:1px solid transparent}
#cekdulu .cd-result.cd-show{display:block;animation:cdReveal .4s ease both}
#cekdulu .cd-result-low{background:#e8f1e4;border-color:#c6dcc9}
#cekdulu .cd-result-mid{background:#f8efd6;border-color:#e6d6a2}
#cekdulu .cd-result-high{background:#f7e3df;border-color:#e6bdb5}
#cekdulu .cd-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
#cekdulu .cd-result-head h3{margin:0;font-size:20px}
#cekdulu .cd-score{font:800 13px 'Manrope',sans-serif;color:var(--cd-dark)}
#cekdulu .cd-meter{height:8px;margin:12px 0 14px;overflow:hidden;border-radius:10px;background:#ffffffa0}
#cekdulu .cd-meter i{display:block;height:100%;width:0;border-radius:10px;background:var(--cd-green);transition:width .7s cubic-bezier(.2,.8,.2,1)}
#cekdulu .cd-result-mid .cd-meter i{background:#c9a43d}
#cekdulu .cd-result-high .cd-meter i{background:#c0584a}
#cekdulu .cd-result ul{margin:0 0 12px;padding-left:18px}
#cekdulu .cd-result li{color:#4f5d54;font-size:13.5px;line-height:1.8}
#cekdulu .cd-result p{margin:0;font-size:13px}
#cekdulu .cd-demo-note{margin:14px 0 0;font-size:12px}

/* FAQ */
#cekdulu .cd-faq{background:#f7f6ee}
#cekdulu .cd-faq-list{display:grid;gap:10px;max-width:780px;margin:0 auto}
#cekdulu .cd-faq details{border:1px solid #e4e6dc;border-radius:16px;background:#fffefa;transition:box-shadow .25s}
#cekdulu .cd-faq details[open]{box-shadow:var(--cd-shadow);border-color:#c9d9c8}
#cekdulu .cd-faq summary{display:flex;justify-content:space-between;gap:16px;padding:18px 22px;color:var(--cd-dark);font:700 15px 'Manrope',sans-serif;cursor:pointer;list-style:none}
#cekdulu .cd-faq summary::-webkit-details-marker{display:none}
#cekdulu .cd-faq summary::after{content:"+";color:var(--cd-sage-dark);font-size:22px;line-height:1;transition:transform .25s}
#cekdulu .cd-faq details[open] summary::after{transform:rotate(45deg)}
#cekdulu .cd-faq details p{margin:0;padding:0 22px 20px;font-size:14px}

/* Kembali ke atas */
#cekdulu .cd-top{position:fixed;right:22px;bottom:22px;z-index:90;display:grid;width:46px;height:46px;place-items:center;border:0;border-radius:50%;background:var(--cd-dark);color:#fff;font-size:18px;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:.3s;box-shadow:0 10px 25px #293d3530}
#cekdulu .cd-top.cd-show{opacity:1;visibility:visible;transform:none}
#cekdulu .cd-top:hover{background:var(--cd-green)}

@media(max-width:1000px){#cekdulu .cd-demo-grid{grid-template-columns:1fr}#cekdulu .cd-price-featured{transform:none}}
@media(max-width:700px){#cekdulu .cd-demo-panel{padding:18px}#cekdulu .cd-header{position:sticky}#cekdulu .cd-hero-description{font-size:14.5px}#cekdulu{scroll-padding-top:70px}}
@media(prefers-reduced-motion:reduce){#cekdulu .cd-meter i,#cekdulu .cd-top{transition:none}}
/* CEKDULU — CSS TAMBAHAN (tempel paling bawah) */
#cekdulu .cd-fit{display:grid;grid-template-columns:1.3fr .9fr;gap:20px;margin-top:70px}
#cekdulu .cd-fit-table{overflow:hidden;border:1px solid #e5e7dc;border-radius:20px;background:#fffefa}
#cekdulu .cd-fit-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:15px 22px;border-top:1px solid #eeeee4;font-size:13.5px;color:#55635a}
#cekdulu .cd-fit-row span:last-child{color:var(--cd-green);font-weight:700}
#cekdulu .cd-fit-head{border-top:0;background:var(--cd-sage);font:800 12px 'Manrope',sans-serif;color:var(--cd-dark)}
#cekdulu .cd-fit-head span:last-child{color:var(--cd-dark)}
#cekdulu .cd-fit-side{display:grid;gap:14px}
#cekdulu .cd-fit-side article{padding:22px;border:1px solid #e9e4da;border-radius:18px;background:#f8ece4}
#cekdulu .cd-fit-side article+article{background:#eee9f7;border-color:#e2dcef}
#cekdulu .cd-fit-side h3{margin-bottom:8px;font-size:17px}
#cekdulu .cd-fit-side p{margin:0;font-size:13.5px}

#cekdulu .cd-stack{margin-top:34px;text-align:center}
#cekdulu .cd-chips-static{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px}
#cekdulu .cd-chips-static span{padding:8px 14px;border:1px solid #d6e2d3;border-radius:100px;background:#fffefa;color:#4b6a55;font-size:12.5px;font-weight:700}
#cekdulu .cd-split-arch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}
#cekdulu .cd-split-arch article{padding:26px;border:1px solid #e0e6da;border-radius:20px;background:#fffefa}
#cekdulu .cd-split-arch article:last-child{background:#f8ece4;border-color:#ecdccf}
#cekdulu .cd-split-arch h3{margin-bottom:16px;font-size:18px}
#cekdulu .cd-flow{display:grid;gap:0;margin:0;padding:0;list-style:none}
#cekdulu .cd-flow li{position:relative;margin-bottom:22px;padding:11px 14px;border:1px solid #d7e2d4;border-radius:12px;background:#eef5ea;color:#355e44;font-size:13px;font-weight:700;text-align:center}
#cekdulu .cd-split-arch article:last-child .cd-flow li{border-color:#ead6c6;background:#fbf3ec;color:#805c45}
#cekdulu .cd-flow li:last-child{margin-bottom:0}
#cekdulu .cd-flow li:not(:last-child)::after{content:"↓";position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);color:#8aa58f;font-size:14px}
#cekdulu .cd-split-note{max-width:760px;margin:18px auto 0;font-size:12.5px;text-align:center}

#cekdulu .cd-campaign{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}
#cekdulu .cd-campaign article{padding:22px;border:1px solid #e7e8de;border-radius:18px;background:#fffefa;transition:transform .25s,box-shadow .25s}
#cekdulu .cd-campaign article:hover{transform:translateY(-4px);box-shadow:var(--cd-shadow)}
#cekdulu .cd-campaign article:nth-child(1){background:#eaf1e6}
#cekdulu .cd-campaign article:nth-child(2){background:#f6e9e0}
#cekdulu .cd-campaign article:nth-child(3){background:#eee9f7}
#cekdulu .cd-campaign article:nth-child(4){background:#f5efcf}
#cekdulu .cd-campaign h4{margin-bottom:8px;font-size:16px}
#cekdulu .cd-campaign p{margin:0;font-size:13px}
#cekdulu .cd-contact-location{position:relative;z-index:1;margin:16px 0 0;font-size:12.5px}

@media(max-width:1000px){#cekdulu .cd-fit{grid-template-columns:1fr}#cekdulu .cd-campaign{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){#cekdulu .cd-split-arch,#cekdulu .cd-campaign{grid-template-columns:1fr}#cekdulu .cd-fit-row{grid-template-columns:1fr;gap:4px;padding:14px 16px}#cekdulu .cd-fit-head{display:none}#cekdulu .cd-fit-row span:last-child::before{content:"→ "}}
/* ===== ARSITEKTUR BERLAPIS, STRATEGI SWOT, BMC, ALASAN HARGA ===== */
#cekdulu .cd-lay{max-width:940px;margin:0 auto 34px;padding:30px;border:1px solid #e4e6dc;border-radius:25px;background:#fffefa;box-shadow:0 20px 50px #324b3910}
#cekdulu .cd-lay-row{padding:18px;border:1px solid #d9d4ee;border-radius:16px;background:#f0edfa}
#cekdulu .cd-lay-api{border-color:#8db49b;background:#e4f1e8}
#cekdulu .cd-lay-svc{border-color:#c9e1d3;background:#edf6ef}
#cekdulu .cd-lay-data{border:1px dashed #b9b7a9;background:#f8f7f0}
#cekdulu .cd-lay-name{display:block;margin-bottom:10px;color:#5d6c62;font:800 12px 'Manrope',sans-serif;letter-spacing:.5px}
#cekdulu .cd-lay-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
#cekdulu .cd-lay-items b{padding:12px 10px;border-radius:12px;background:#ffffffb8;color:var(--cd-dark);font-size:13px;text-align:center}
#cekdulu .cd-lay-items small{display:block;margin-top:2px;color:#7a867d;font-size:11.5px;font-weight:500}
#cekdulu .cd-lay-link{position:relative;margin:0;padding:16px 0;color:#728576;font-size:12px;font-weight:700;text-align:center}
#cekdulu .cd-lay-link::before{content:"↓ ";color:#73937b}
#cekdulu .cd-pair-head{max-width:720px;margin:56px auto 22px;text-align:center}
#cekdulu .cd-pair-head h3{font-size:24px}
#cekdulu .cd-pair-head p{font-size:13.5px}
#cekdulu .cd-pair-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
#cekdulu .cd-pair-3{grid-template-columns:repeat(3,1fr)}
#cekdulu .cd-pair-grid article{padding:22px;border:1px solid #e4e6dc;border-radius:18px;background:#fffefa}
#cekdulu .cd-pair-grid article:nth-child(4n+1){background:#e7efe2}
#cekdulu .cd-pair-grid article:nth-child(4n+2){background:#f5e5db}
#cekdulu .cd-pair-grid article:nth-child(4n+3){background:#eee9f7}
#cekdulu .cd-pair-grid article:nth-child(4n){background:#f5efcf}
#cekdulu .cd-pair-grid span{display:inline-block;margin-bottom:8px;color:var(--cd-green);font:800 14px 'Manrope',sans-serif}
#cekdulu .cd-pair-grid p{margin:0;color:#55635a;font-size:13.5px}
#cekdulu .cd-bmc-story{max-width:820px;margin:28px auto 0;padding:24px 28px;border:1px solid #dce6d9;border-radius:20px;background:#eaf1e6}
#cekdulu .cd-bmc-story h3{font-size:19px}
#cekdulu .cd-bmc-story p{margin:0;color:#55635a;font-size:14px}
@media(max-width:1000px){#cekdulu .cd-pair-3{grid-template-columns:1fr}}
@media(max-width:700px){#cekdulu .cd-pair-grid,#cekdulu .cd-lay-items{grid-template-columns:1fr}#cekdulu .cd-lay{padding:16px}}
/* ===== HERO ILUSTRASI BARU + NAV ===== */
#cekdulu .cd-nav>a,#cekdulu .cd-dropdown-toggle{white-space:nowrap}
#cekdulu .cd-nav{gap:clamp(12px,1.8vw,24px)}
#cekdulu .cd-hero-art{min-height:480px;background:radial-gradient(circle at 20% 15%,#fff9,transparent 35%),radial-gradient(circle at 85% 90%,#f4e1d4,transparent 40%),radial-gradient(#c3d4c1 1px,transparent 1.2px) 0 0/22px 22px,linear-gradient(145deg,#e4efe0,#dcebe3 60%,#ebe4f6);box-shadow:0 30px 70px #415b4622}
#cekdulu .cd-ring{position:absolute;border:1.5px dashed #77977e80;border-radius:50%;animation:cdSpin 40s linear infinite}
#cekdulu .cd-ring-1{width:360px;height:360px}
#cekdulu .cd-ring-2{width:460px;height:460px;border-color:#c7ad9490;animation-direction:reverse;animation-duration:55s}
@keyframes cdSpin{to{transform:rotate(360deg)}}
#cekdulu .cd-spark{position:absolute;color:#c69e75;animation:cdTw 3s ease-in-out infinite}
#cekdulu .cd-sp1{top:10%;right:22%;font-size:26px}
#cekdulu .cd-sp2{bottom:12%;left:14%;font-size:24px;animation-delay:-1s}
#cekdulu .cd-sp3{top:46%;left:6%;font-size:18px;animation-delay:-2s}
@keyframes cdTw{0%,100%{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.2)}}
#cekdulu .cd-phone{position:relative;z-index:2;width:228px;padding:8px;border-radius:38px;background:#293d35;box-shadow:0 30px 50px #293d3544,0 0 0 2px #3f5a4c;animation:cdFloat 6s ease-in-out infinite}
#cekdulu .cd-phone-notch{position:absolute;top:13px;left:50%;z-index:3;width:70px;height:18px;border-radius:12px;background:#293d35;transform:translateX(-50%)}
#cekdulu .cd-phone-screen{display:flex;min-height:395px;flex-direction:column;gap:12px;padding:38px 12px 14px;border-radius:31px;background:#f6f8f3}
#cekdulu .cd-ph-bar{display:flex;align-items:center;gap:8px;color:var(--cd-dark);font:800 13px 'Manrope',sans-serif}
#cekdulu .cd-ph-bar i{display:block;width:10px;height:10px;border-radius:50%;background:#85aa8b;box-shadow:0 0 0 4px #85aa8b30;animation:cdPulse 2.2s infinite}
@keyframes cdPulse{50%{box-shadow:0 0 0 8px #85aa8b00}}
#cekdulu .cd-scanwrap{position:relative;overflow:hidden;border-radius:14px}
#cekdulu .cd-bubble{padding:12px 13px;border:1px solid #ece6d8;border-radius:14px 14px 14px 4px;background:#fff;color:#4a5a50;font-size:12.5px;line-height:1.55}
#cekdulu .cd-bubble u{color:#c0584a;font-weight:700;text-decoration-thickness:2px;text-underline-offset:3px}
#cekdulu .cd-scan{position:absolute;left:0;right:0;top:0;height:30px;background:linear-gradient(180deg,transparent,#3f725933,transparent);border-bottom:2px solid #3f7259aa;animation:cdScan 3.2s ease-in-out infinite}
@keyframes cdScan{0%{transform:translateY(-30px)}100%{transform:translateY(100px)}}
#cekdulu .cd-verdict{padding:13px;border:1px solid #e6bdb5;border-radius:16px;background:#f7e3df}
#cekdulu .cd-v-top{display:flex;justify-content:space-between;align-items:center}
#cekdulu .cd-v-top b{color:#a8453a;font:800 14px 'Manrope',sans-serif}
#cekdulu .cd-v-top span{color:#7a3a32;font:800 12px 'Manrope',sans-serif}
#cekdulu .cd-v-meter{height:7px;margin:9px 0;overflow:hidden;border-radius:8px;background:#ffffffb0}
#cekdulu .cd-v-meter i{display:block;height:100%;width:82%;border-radius:8px;background:linear-gradient(90deg,#d8a24a,#c0584a);animation:cdFill 1.6s cubic-bezier(.2,.8,.2,1) both}
@keyframes cdFill{from{width:0}}
#cekdulu .cd-verdict ul{margin:0;padding:0;list-style:none}
#cekdulu .cd-verdict li{position:relative;padding-left:16px;color:#6d4a45;font-size:12px;line-height:1.75}
#cekdulu .cd-verdict li::before{content:"!";position:absolute;left:0;color:#c0584a;font-weight:800}
#cekdulu .cd-badge-wrap{position:absolute;top:9%;right:14%;z-index:4;filter:drop-shadow(0 12px 14px #315e4333);animation:cdFloat 5s ease-in-out infinite reverse}
#cekdulu .cd-badge-shield{display:grid;width:78px;height:92px;place-items:center;clip-path:polygon(50% 0,94% 15%,88% 66%,72% 84%,50% 100%,28% 84%,12% 66%,6% 15%);background:linear-gradient(145deg,#94b99b,#3f7259);color:#fff;font:600 38px 'Manrope',sans-serif}
#cekdulu .cd-float-card{z-index:4;display:flex;align-items:center;gap:10px;animation:cdFloat 5.5s ease-in-out infinite reverse}
#cekdulu .cd-float-card small{color:var(--cd-muted);font-size:11.5px;font-weight:500}
#cekdulu .cd-f1{top:26%;left:4%}
#cekdulu .cd-f2{right:4%;bottom:12%;animation-delay:-2.5s}
#cekdulu .cd-dot{width:12px;height:12px;flex-shrink:0;border-radius:50%}
#cekdulu .cd-dot-red{background:#c0584a;box-shadow:0 0 0 4px #c0584a25}
#cekdulu .cd-dot-green{background:#4f8a66;box-shadow:0 0 0 4px #4f8a6625}
@media(max-width:900px){#cekdulu .cd-header{flex-wrap:wrap;padding:14px 5%}#cekdulu .cd-menu-toggle{display:grid;place-items:center}#cekdulu .cd-nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:4px;padding:10px 0}#cekdulu .cd-nav.cd-nav-open{display:flex}#cekdulu .cd-nav>a,#cekdulu .cd-dropdown-toggle{padding:12px;text-align:left}#cekdulu .cd-nav .cd-nav-contact{text-align:center}#cekdulu .cd-dropdown-menu{position:static;width:100%;box-shadow:none}}
@media(max-width:600px){#cekdulu .cd-hero-art{min-height:450px}#cekdulu .cd-ring-1{width:300px;height:300px}#cekdulu .cd-ring-2{width:380px;height:380px}#cekdulu .cd-phone{width:210px}#cekdulu .cd-f1{top:3%;left:2%}#cekdulu .cd-f2{right:2%;bottom:3%}#cekdulu .cd-badge-wrap{top:15%;right:3%}#cekdulu .cd-badge-shield{width:60px;height:72px;font-size:30px}}
@media(prefers-reduced-motion:reduce){#cekdulu .cd-ring,#cekdulu .cd-spark,#cekdulu .cd-scan,#cekdulu .cd-v-meter i{animation:none}}

/* ===== FORMULIR KONTAK ===== */
#cekdulu .cd-form{display:grid;width:100%;max-width:520px;gap:12px;margin-top:36px;padding:26px;border:1px solid #ffffffb0;border-radius:22px;background:#fffdf7cc;text-align:left}
#cekdulu .cd-form h3{margin:0 0 4px;font-size:20px}
#cekdulu .cd-form label{display:grid;gap:6px;color:var(--cd-dark);font-size:13px;font-weight:700}
#cekdulu .cd-form input,#cekdulu .cd-form textarea{width:100%;padding:13px 15px;border:1.5px solid #d3dccd;border-radius:14px;background:#fffdf7;color:var(--cd-text);font:400 14px 'DM Sans',sans-serif}
#cekdulu .cd-form input:focus,#cekdulu .cd-form textarea:focus{outline:0;border-color:#789782;box-shadow:0 0 0 4px #78978225}
#cekdulu .cd-form button{justify-content:center;border:0;cursor:pointer;font-family:inherit}
#cekdulu .cd-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#cekdulu .cd-form-msg{margin:0;padding:12px 14px;border-radius:12px;font-size:13.5px}
#cekdulu .cd-ok{background:#e1f0e3;color:#2f6a45}
#cekdulu .cd-err{background:#f7e3df;color:#a8453a}

/* =====================================================
   POLISH LAYER v1.1 — tampilan lebih rapi & konsisten
===================================================== */
#cekdulu{--cd-ink:#1f2f28;--cd-line:rgba(41,61,53,.08);--cd-soft:0 1px 2px rgba(41,61,53,.04),0 10px 30px rgba(41,61,53,.06);--cd-lift:0 2px 4px rgba(41,61,53,.04),0 24px 48px rgba(41,61,53,.12)}

/* --- efek reveal tidak lagi bentrok dengan hover --- */
#cekdulu .cd-reveal-item{transform:none;translate:0 16px;transition:opacity .55s ease,translate .55s ease,transform .25s ease,box-shadow .25s ease}
#cekdulu .cd-reveal-item.cd-is-visible{transform:none;translate:0 0}
#cekdulu .cd-price-featured.cd-is-visible{transform:translateY(-8px)}
#cekdulu .cd-is-visible:is(.cd-feature-card,.cd-info-card,.cd-requirement-card,.cd-swot,.cd-strategy-card,.cd-price-card,.cd-bmc-grid article,.cd-campaign article,.cd-split-arch article):hover{transform:translateY(-4px);box-shadow:var(--cd-lift)}
#cekdulu .cd-price-featured.cd-is-visible:hover{transform:translateY(-12px)}

/* --- heading seksi --- */
#cekdulu .cd-kicker{padding:6px 12px 6px 10px;border:1px solid #dbe5d6;border-radius:100px;background:#fffdf7;font-size:11px}
#cekdulu .cd-kicker::before{content:"";display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--cd-green);vertical-align:1px}
#cekdulu .cd-section-heading h2{letter-spacing:-1.5px;line-height:1.12}
#cekdulu .cd-section-heading>p{max-width:560px}
#cekdulu .cd-heading-center>p{margin-inline:auto}

/* --- hero --- */
#cekdulu .cd-hero-points{display:grid;gap:9px;margin:30px 0 0;padding:0;list-style:none}
#cekdulu .cd-hero-points li{position:relative;padding-left:28px;color:#4d5d54;font-size:14px;font-weight:500}
#cekdulu .cd-hero-points li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:var(--cd-sage) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%233f7259' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5.5 10.5 3 3 6-7'/%3E%3C/svg%3E") center/12px no-repeat}
#cekdulu .cd-eyebrow{font-size:11px}

/* --- kartu umum: bullet list rapi --- */
#cekdulu :is(.cd-info-card,.cd-requirement-card,.cd-swot,.cd-strategy-card) ul{padding:0;list-style:none}
#cekdulu :is(.cd-info-card,.cd-requirement-card,.cd-swot,.cd-strategy-card) li{position:relative;padding-left:22px;margin-bottom:9px;line-height:1.6}
#cekdulu :is(.cd-info-card,.cd-requirement-card,.cd-swot,.cd-strategy-card) li::before{content:"";position:absolute;left:0;top:.5em;width:10px;height:10px;border-radius:50%;background:#ffffffb0;box-shadow:inset 0 0 0 2.5px var(--cd-green)}
#cekdulu :is(.cd-info-card,.cd-requirement-card,.cd-swot,.cd-strategy-card,.cd-bmc-grid article){border-color:rgba(255,255,255,.9);box-shadow:var(--cd-soft)}
#cekdulu :is(.cd-info-card,.cd-requirement-card,.cd-swot,.cd-strategy-card) h3{margin-bottom:12px}

/* SWOT: huruf besar dekoratif */
#cekdulu .cd-swot::before{position:absolute;right:20px;top:6px;color:var(--cd-dark);font:800 84px/1 'Manrope',sans-serif;opacity:.07;pointer-events:none}
#cekdulu .cd-swot:nth-child(1)::before{content:"S"}
#cekdulu .cd-swot:nth-child(2)::before{content:"W"}
#cekdulu .cd-swot:nth-child(3)::before{content:"O"}
#cekdulu .cd-swot:nth-child(4)::before{content:"T"}
#cekdulu .cd-swot li::before{display:none}
#cekdulu .cd-swot li{padding-left:0}

/* BMC: nomor elemen */
#cekdulu .cd-bmc-grid{counter-reset:bmc;gap:18px}
#cekdulu .cd-bmc-grid article{counter-increment:bmc;padding:24px}
#cekdulu .cd-bmc-grid article::before{content:counter(bmc);display:grid;width:30px;height:30px;margin-bottom:14px;place-items:center;border-radius:10px;background:#ffffffa8;color:var(--cd-green);font:800 13px 'Manrope',sans-serif}
#cekdulu .cd-bmc-grid h3{font-size:16px}
#cekdulu .cd-bmc-grid p{margin:0;line-height:1.65}

/* =====================================================
   FITUR — bento grid
===================================================== */
#cekdulu .cd-feature-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
#cekdulu .cd-feature-grid .cd-feature-card{grid-column:span 4;min-height:0;padding:28px;border:1px solid rgba(255,255,255,.85);border-radius:24px;box-shadow:var(--cd-soft)}
#cekdulu .cd-feature-grid .cd-fc-1{grid-column:span 7;background:linear-gradient(150deg,#e9f1e4,#dfeadb)}
#cekdulu .cd-feature-grid .cd-fc-2{grid-column:span 5;background:linear-gradient(150deg,#f8e9df,#f3dccf)}
#cekdulu .cd-feature-grid .cd-fc-3{background:linear-gradient(150deg,#f0ecf9,#e6dff4)}
#cekdulu .cd-feature-grid .cd-fc-4{background:linear-gradient(150deg,#f8f2d6,#f1e8bd)}
#cekdulu .cd-feature-grid .cd-fc-5{background:linear-gradient(150deg,#e9f1e4,#dfeadb)}
#cekdulu .cd-feature-grid .cd-fc-6{grid-column:span 5;background:linear-gradient(150deg,#f8e9df,#f3dccf)}
#cekdulu .cd-feature-grid .cd-fc-7{grid-column:span 7;flex-direction:row;align-items:stretch;gap:26px;background:linear-gradient(150deg,#f0ecf9,#e6dff4)}
#cekdulu .cd-feature-grid .cd-fc-7 .cd-fc-copy{flex:1 1 0;min-width:0}
#cekdulu .cd-feature-card::after{right:-50px;top:-50px;width:150px;height:150px;background:#ffffff4d;pointer-events:none}
#cekdulu .cd-fc-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
#cekdulu .cd-feature-icon{display:grid;width:50px;height:50px;margin:0;place-items:center;border-radius:15px;background:#fffdf7;box-shadow:0 6px 16px rgba(41,61,53,.08);color:var(--cd-green);font-size:0;transition:transform .3s ease}
#cekdulu .cd-feature-card:hover .cd-feature-icon{transform:rotate(-6deg) scale(1.06)}
#cekdulu .cd-feature-icon svg{width:23px;height:23px}
#cekdulu .cd-fc-no{position:relative;z-index:1;margin-right:34px;color:#293d3555;font:800 13px 'Manrope',sans-serif;letter-spacing:1px}
#cekdulu .cd-feature-card h3{position:relative;z-index:1;margin-bottom:8px;font-size:21px}
#cekdulu .cd-feature-card p{position:relative;z-index:1;margin:0;font-size:14px;line-height:1.7;color:#58665e;max-width:42ch}

/* mini ilustrasi dalam kartu */
#cekdulu .cd-mini{position:relative;z-index:1;margin-top:auto;padding:14px 16px;border:1px solid rgba(255,255,255,.9);border-radius:16px;background:#fffdf7cc}
#cekdulu .cd-feature-card .cd-mini:first-of-type{margin-top:22px}
#cekdulu .cd-mini-label{display:block;margin-bottom:8px;color:#7b867f;font:800 10px 'Manrope',sans-serif;letter-spacing:1.5px;text-transform:uppercase}
#cekdulu .cd-mini-bubble{color:#4a5a50;font-size:13px;line-height:1.7}
#cekdulu .cd-mini mark{padding:1px 6px;border-radius:6px;background:#f6d4cc;color:#a8453a;font-weight:700}
#cekdulu .cd-mini-url code{display:block;overflow:hidden;color:#4a5a50;font:600 12.5px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}
#cekdulu .cd-mini-url b{padding:0 2px;border-radius:4px;background:#f6d4cc;color:#a8453a}
#cekdulu .cd-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
#cekdulu .cd-pills i{padding:4px 10px;border-radius:100px;background:#f6d4cc;color:#a8453a;font:700 11px 'DM Sans',sans-serif;font-style:normal}
#cekdulu .cd-mini-score>div:first-child{display:flex;align-items:center;justify-content:space-between}
#cekdulu .cd-mini-score b{color:#a8453a;font:800 13px 'Manrope',sans-serif}
#cekdulu .cd-mini-score span{color:#7a3a32;font:800 12px 'Manrope',sans-serif}
#cekdulu .cd-mini-bar{height:8px;margin-top:9px;overflow:hidden;border-radius:8px;background:#ffffffb0}
#cekdulu .cd-mini-bar i{display:block;width:82%;height:100%;border-radius:8px;background:linear-gradient(90deg,#d8a24a,#c0584a)}
#cekdulu .cd-code{position:relative;z-index:1;flex:1.15 1 0;min-width:0;margin:0;padding:20px 22px;overflow:auto;border-radius:18px;background:#243730;color:#cfe0d3;font:500 12.5px/1.8 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;box-shadow:0 14px 30px rgba(36,55,48,.25)}
#cekdulu .cd-code code{font:inherit;white-space:pre}
#cekdulu .cd-code i{margin-right:6px;color:#e8b98f;font-style:normal;font-weight:700}
#cekdulu .cd-code s{color:#8fc3a0;text-decoration:none}
#cekdulu .cd-disclaimer{display:flex;align-items:flex-start;gap:12px;margin-top:26px}
#cekdulu .cd-disclaimer::before{content:"i";flex:none;display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:var(--cd-sage);color:var(--cd-green);font:800 12px 'Manrope',sans-serif}

/* --- harga: paket unggulan gelap --- */
#cekdulu .cd-pricing-grid{align-items:stretch;gap:18px}
#cekdulu .cd-price-card{padding:30px;border-radius:24px;box-shadow:var(--cd-soft)}
#cekdulu .cd-price-card h4{font-size:22px}
#cekdulu .cd-price-card>p{line-height:1.6}
#cekdulu .cd-price-card li{margin-bottom:10px}
#cekdulu .cd-price-featured{border-color:#2f4a3e;background:linear-gradient(160deg,#34503f,#223329);box-shadow:0 30px 60px rgba(34,51,41,.28)}
#cekdulu .cd-price-featured :is(h4,.cd-price){color:#fff}
#cekdulu .cd-price-featured :is(p,li,.cd-price small){color:#c7d8cc}
#cekdulu .cd-price-featured .cd-price-label{color:#9cbfa8}
#cekdulu .cd-price-featured .cd-price-badge{background:#e8b98f;color:#3b2a1c}
#cekdulu .cd-price-featured .cd-price-button-dark{border-color:#fffdf7;background:#fffdf7;color:var(--cd-dark)}
#cekdulu .cd-price-button{transition:background .2s,color .2s}
#cekdulu .cd-price-card:not(.cd-price-featured) .cd-price-button:hover{background:var(--cd-dark);color:#fff;border-color:var(--cd-dark)}

/* --- arsitektur, FAQ, kontak --- */
#cekdulu .cd-lay{border-radius:28px}
#cekdulu .cd-flow li{border-radius:14px}
#cekdulu .cd-faq details{box-shadow:var(--cd-soft)}
#cekdulu .cd-contact-card{box-shadow:var(--cd-soft)}
#cekdulu .cd-form{box-shadow:0 20px 40px rgba(41,61,53,.07)}

/* --- responsif fitur --- */
@media(max-width:1000px){
  #cekdulu .cd-feature-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  #cekdulu .cd-feature-grid .cd-feature-card,#cekdulu .cd-feature-grid .cd-fc-1,#cekdulu .cd-feature-grid .cd-fc-2,#cekdulu .cd-feature-grid .cd-fc-6{grid-column:span 3}
  #cekdulu .cd-feature-grid .cd-fc-5{grid-column:span 3}
  #cekdulu .cd-feature-grid .cd-fc-7{grid-column:span 6}
  #cekdulu .cd-feature-grid .cd-fc-3{grid-column:span 6}
  #cekdulu .cd-bmc-grid,#cekdulu .cd-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  #cekdulu .cd-feature-grid{grid-template-columns:1fr}
  #cekdulu .cd-feature-grid .cd-feature-card,#cekdulu .cd-feature-grid .cd-fc-1,#cekdulu .cd-feature-grid .cd-fc-2,#cekdulu .cd-feature-grid .cd-fc-3,#cekdulu .cd-feature-grid .cd-fc-5,#cekdulu .cd-feature-grid .cd-fc-6,#cekdulu .cd-feature-grid .cd-fc-7{grid-column:auto}
  #cekdulu .cd-feature-grid .cd-fc-7{flex-direction:column}
  #cekdulu .cd-feature-grid .cd-feature-card{padding:24px}
  #cekdulu .cd-bmc-grid,#cekdulu .cd-pricing-grid{grid-template-columns:1fr}
}

/* penyempurnaan jarak kartu fitur */
#cekdulu .cd-feature-card p{margin:0 0 22px}
#cekdulu .cd-feature-card p:last-child,#cekdulu .cd-fc-copy p{margin-bottom:0}
#cekdulu .cd-feature-card .cd-mini:first-of-type{margin-top:auto}
#cekdulu .cd-fc-no{margin-right:0;padding:4px 10px;border-radius:100px;background:#ffffff80;color:#293d3580}
#cekdulu .cd-feature-card::after{right:-70px;top:-70px;width:170px;height:170px;background:#ffffff40}
#cekdulu .cd-feature-grid .cd-fc-7 .cd-code{align-self:center}