:root{--bg:#FAF6EC;--card:#FFFDF7;--card2:#F3EEDF;--line:#E4DCC8;--tx:#14382B;--mu:#52695D;--dim:#8A9A8F;--ac:#1F5A43;--hi:#C2512D;--md:#B7791F;--gold:#F2B84B}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;color:var(--tx);font:16px/1.65 'Plus Jakarta Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased;background:var(--bg) radial-gradient(720px 440px at 92% -6%,rgba(242,184,75,.24),transparent 65%) no-repeat,radial-gradient(640px 420px at -6% 14%,rgba(46,125,79,.12),transparent 65%) no-repeat}
h1,h2,h3{font-family:'Fraunces',Georgia,serif;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0}
em.k{font-style:italic;font-weight:500;color:var(--hi)}.hl{background:linear-gradient(transparent 64%,rgba(242,184,75,.65) 64%)}
a{color:var(--ac);text-decoration:none;font-weight:500}a:hover{text-decoration:underline;text-underline-offset:3px}
.logo{font:700 25px 'Fraunces',serif;letter-spacing:-.03em;color:var(--tx)!important;text-decoration:none!important}.logo span{font-style:italic;font-weight:500;color:var(--hi)}
.mono{font-family:'JetBrains Mono',monospace;font-size:.88em}
.wrap{max-width:1120px;margin:0 auto;padding:0 28px}
.nav{max-width:1120px;margin:0 auto;padding:22px 28px;display:flex;justify-content:space-between;align-items:center}
.nl{display:flex;align-items:center;gap:26px;font-size:14px}.nl a{color:var(--mu)}.nl a.btn{color:#FFFDF7}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 28px;border:0;border-radius:999px;background:var(--ac);color:#FFFDF7;font:600 15px 'Plus Jakarta Sans',sans-serif;cursor:pointer;text-decoration:none!important;box-shadow:0 10px 24px -10px rgba(31,90,67,.7);transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-2px);box-shadow:0 16px 28px -12px rgba(31,90,67,.8)}.btn:disabled{opacity:.55;cursor:wait;transform:none}
.btn.sm{height:40px;padding:0 20px;font-size:14px}
.btn.g{background:transparent;color:var(--tx);border:1.5px solid var(--line);box-shadow:none;height:40px;padding:0 18px;font-size:14px}.btn.g:hover{border-color:var(--ac);box-shadow:none}.btn.r:hover{border-color:var(--hi);color:var(--hi)}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;padding:48px 0 96px}
.eyebrow{display:inline-block;background:rgba(242,184,75,.35);color:#6B4A07;border-radius:999px;padding:5px 14px;font:600 12px 'Plus Jakarta Sans';letter-spacing:.04em}
h1{font-size:clamp(40px,6vw,66px);margin:18px 0 20px}.lead{font-size:18px;color:var(--mu);max-width:520px;margin:0 0 30px}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:26px}.trust{display:flex;gap:22px;flex-wrap:wrap;list-style:none;padding:0;margin:0;font-size:13px;color:var(--mu)}.trust li:before{content:"✓ ";color:var(--ac);font-weight:700}
.sheet,.glass{background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:0 1px 0 #fff inset,0 30px 60px -34px rgba(20,56,43,.4),0 2px 6px rgba(20,56,43,.05);position:relative}
.glass{padding:28px}.tilt{transform:rotate(1.4deg)}
.sheet-h{display:flex;justify-content:space-between;gap:12px;padding:16px 24px;border-bottom:1.5px dashed var(--line);font:700 11px 'Plus Jakarta Sans';letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.sheet-h .mono{text-transform:none;letter-spacing:0}.sheet-b{padding:10px 24px 22px}
.lab{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--card2)}.lab:last-of-type{border:0}
.lab .n{font-weight:600}.lab .v{color:var(--dim);font:500 12.5px 'JetBrains Mono',monospace}.dots{flex:1;border-bottom:2px dotted var(--line);transform:translateY(3px);min-width:12px}
.stamp{position:absolute;right:22px;top:-16px;transform:rotate(5deg);border:2px solid var(--hi);color:var(--hi);padding:7px 14px;border-radius:8px;font:700 11px/1 'Plus Jakarta Sans';letter-spacing:.14em;text-transform:uppercase;background:var(--card)}
.rx{margin-top:14px;padding:14px 16px;border-radius:14px;background:var(--card2);font-size:13.5px;color:var(--mu)}.rx b{color:var(--tx)}
.chip{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:3px 12px;font:600 12px 'Plus Jakarta Sans';background:var(--card2);white-space:nowrap}.chip:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.chip.ok{color:#256B45;background:#E1F0E5}.chip.warn{color:#8A5A0E;background:#FBEFD2}.chip.bad{color:#A33E1C;background:#FADFD3}
.ok{color:#256B45}.warn{color:var(--md)}.bad{color:var(--hi)}
.pill{font:700 10px 'Plus Jakarta Sans';letter-spacing:.1em;text-transform:uppercase;color:var(--mu);background:var(--card2);border-radius:6px;padding:3px 8px}
.sec{padding:72px 0}.sec>h2{font-size:clamp(30px,4.2vw,46px);margin-bottom:12px}.sec>p{color:var(--mu);max-width:560px;margin:0 0 36px}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.step{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:30px}.step .num{font:500 54px/1 'Fraunces',serif;font-style:italic;color:var(--gold);margin-bottom:10px}.step h3{font-size:22px;margin-bottom:8px}.step p{margin:0;color:var(--mu);font-size:15px}
.pc{background:var(--card);border:1.5px solid var(--line);border-radius:22px;padding:32px;display:flex;flex-direction:column;gap:18px;position:relative}
.pc.f{background:var(--tx);color:#F6F1E3;border-color:var(--tx);transform:translateY(-8px)}.pc.f .mu{color:#B9C8BF}.pc.f .btn{background:var(--gold);color:#3A2A05;box-shadow:none}
.pc .badge{position:absolute;top:-13px;left:30px;background:var(--gold);color:#3A2A05;font:700 11px 'Plus Jakarta Sans';letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:5px 13px}
.pc h3{font-size:24px}.mu{color:var(--mu);font-size:14px}.price{font:700 40px 'Fraunces',serif;letter-spacing:-.03em}.price small{font:500 14px 'Plus Jakarta Sans';opacity:.7}
.pc ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:14.5px;flex:1}.pc li:before{content:"✓ ";font-weight:700;color:var(--ac)}.pc.f li:before{color:var(--gold)}
details.q{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px 24px;margin-bottom:12px}details.q summary{cursor:pointer;font-weight:600;list-style:none}details.q p{margin:10px 0 0;color:var(--mu);font-size:15px}
.band{margin:40px 0 72px;background:var(--tx);color:#F6F1E3;border-radius:28px;padding:56px;display:flex;justify-content:space-between;gap:24px;align-items:center;flex-wrap:wrap}.band h2{font-size:clamp(26px,3.6vw,38px);max-width:520px}.band .btn{background:var(--gold);color:#3A2A05;box-shadow:none}
.foot{border-top:1px solid var(--line);padding:32px 28px;max-width:1120px;margin:0 auto;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--dim);font-size:13px}
label.lb2{display:block;font-size:12.5px;font-weight:600;color:var(--mu);margin-bottom:6px}
input[type=text],input[type=password],input[type=email],input[type=number],textarea,select{width:100%;height:50px;background:#fff;border:1.5px solid var(--line);border-radius:12px;color:var(--tx);padding:0 16px;font:15px 'Plus Jakarta Sans',sans-serif;transition:border .15s,box-shadow .15s}
textarea{height:auto;min-height:96px;padding:12px 16px;resize:vertical;line-height:1.5}
input:focus,textarea:focus,select:focus{outline:0;border-color:var(--ac);box-shadow:0 0 0 4px rgba(31,90,67,.14)}input[type=checkbox]{accent-color:#1F5A43;width:16px;height:16px}
.auth{max-width:460px;margin:3vh auto 80px}.auth h1{font-size:36px;margin:0 0 8px}.auth .f{display:grid;gap:14px;margin-top:22px}.auth p.s{color:var(--mu);margin:0}
.err{margin:16px 0;padding:13px 16px;border-radius:12px;background:#FADFD3;color:#8A2F12;font-size:14px}.note{margin-top:16px;padding:14px 16px;border-radius:12px;background:var(--card2);color:var(--mu);font-size:13.5px}
.dash{display:grid;grid-template-columns:310px 1fr;gap:24px;padding-bottom:80px;align-items:start}.dash h1{font-size:34px}
.meter{position:relative;width:150px;height:150px;margin:6px auto 16px}.meter svg{transform:rotate(-90deg)}.meter circle{fill:none;stroke-width:11;stroke-linecap:round}
.meter .t{stroke:var(--card2)}.meter .p{stroke:var(--ac);stroke-dasharray:276.5;transition:stroke-dashoffset 1.1s cubic-bezier(.2,.7,.2,1)}
.meter div{position:absolute;inset:0;display:grid;place-content:center;text-align:center;font:700 38px/1 'Fraunces',serif}.meter small{font:500 12px 'Plus Jakarta Sans';color:var(--dim);margin-top:4px}
.hist{display:grid;gap:8px;margin-top:12px}.hi{display:flex;justify-content:space-between;gap:10px;width:100%;text-align:left;background:var(--card2);border:0;border-radius:12px;padding:12px 14px;font:500 14px 'Plus Jakarta Sans';color:var(--tx);cursor:pointer}.hi:hover{background:#ECE5D2}.hi span{color:var(--dim);font-size:12.5px}
.steps{padding:26px;display:grid;gap:14px}.st{display:flex;align-items:center;gap:14px;color:var(--dim);transition:color .3s}.st i{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;font:700 12px sans-serif;transition:.3s}
.st.on{color:var(--tx)}.st.on i{border-color:var(--ac);border-top-color:transparent;animation:spin .8s linear infinite}.st.done{color:var(--mu)}.st.done i{background:var(--ac);border-color:var(--ac);color:#fff;animation:none}
.big{font:700 54px/1 'Fraunces',serif;padding:18px 0 8px}.big small{font:500 15px 'Plus Jakarta Sans';color:var(--mu);margin-left:8px}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.up{animation:up .55s cubic-bezier(.2,.7,.2,1) both}
@media(max-width:860px){.hero,.dash{grid-template-columns:1fr}.tilt{transform:none}.nl a:not(.btn){display:none}.pc.f{transform:none}.band{padding:36px 28px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.ai{margin-top:18px;padding:18px 18px 6px;border-radius:14px;background:var(--card2)}
.ai-h{font:700 11px 'Plus Jakarta Sans';letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:6px}
.ai-s{margin:0 0 14px;color:var(--tx);font-size:15px;line-height:1.55}
.ai-i{padding:12px 0;border-top:1px solid var(--line)}
.ai-t{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.ai-i p{margin:4px 0;font-size:13.5px;color:var(--mu);line-height:1.55}
.ai-i .ai-g{color:var(--tx)}
.ai-n{margin:6px 0 12px;font-size:12.5px;color:var(--md)}

.vl{margin:-4px 0 6px 0;padding:6px 14px;border-left:3px solid var(--hi);background:rgba(194,81,45,.05);border-radius:0 10px 10px 0}
.vi{padding:9px 0;border-bottom:1px solid var(--line)}.vi:last-child{border:0}
.vt{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13.5px}.vt .mono{font:500 11.5px 'JetBrains Mono',monospace;color:var(--dim)}
.vm{margin-top:4px;font-size:12.5px;color:var(--mu)}

.score{display:flex;align-items:baseline;gap:10px;margin:4px 0 14px;flex-wrap:wrap}.score b{font:700 46px/1 'Fraunces',Georgia,serif}.score span{color:var(--mu);font-size:14px}
.score.ok b{color:var(--ac)}.score.warn b{color:var(--md)}.score.bad b{color:var(--hi)}
.legal{max-width:760px;margin:40px auto}.legal h2{margin-top:28px}.legal p,.legal li{color:var(--mu);line-height:1.7}
@media print{body *{visibility:hidden}#out,#out *{visibility:visible}#out{position:absolute;left:0;top:0;width:100%}.noprint{display:none!important}}

.pc{min-width:0}.price{font-size:clamp(26px,8vw,40px);overflow-wrap:anywhere}.price small{display:inline-block}
@media(max-width:560px){.pc{padding:24px}.pc.f{transform:none}.pc .badge{left:22px}}

/* ---- Rapikan tampilan HP + sentuhan premium ---- */
html{scroll-behavior:smooth}::selection{background:rgba(31,90,67,.2)}
body{background-image:radial-gradient(900px 520px at 88% -6%,rgba(194,81,45,.07),transparent 62%),radial-gradient(820px 520px at -4% 8%,rgba(31,90,67,.08),transparent 60%)}
:focus-visible{outline:2px solid var(--ac);outline-offset:3px;border-radius:8px}
.hero>*{min-width:0}.hero h1{font-size:clamp(34px,6.2vw,64px);line-height:1.05;letter-spacing:-.02em}
.sheet{max-width:100%}.lab .n{white-space:nowrap}
.step,.pc:not(.f){transition:transform .25s ease,box-shadow .25s ease}
.step:hover,.pc:not(.f):hover{transform:translateY(-4px);box-shadow:0 26px 40px -30px rgba(20,56,43,.5)}
@media(max-width:860px){
  .wrap{padding:0 20px}.nav{padding:16px 20px}
  .hero{gap:44px;padding:20px 0 56px}
  .cta{flex-direction:column;gap:10px}.cta .btn,.cta .btn.g{width:100%;height:52px;font-size:15px}
  .trust{display:grid;gap:8px;font-size:13.5px}
  .sheet-h{flex-wrap:wrap;gap:4px 12px;padding:24px 18px 14px}
  .sheet-b{padding:4px 18px 18px}
  .stamp{right:14px;top:-13px;padding:6px 11px;font-size:10px}
  .lab{flex-wrap:wrap;gap:6px 8px;padding:13px 0}.lab .dots{display:none}.lab .n{font-size:15px}.lab .chip{margin-left:auto}
  .rx{font-size:14px}
  .sec{padding:48px 0}.band{margin:24px 0 48px;padding:32px 24px}
}

/* ---- Halaman hasil v2 ---- */
.rp-meta{padding:12px 24px 0;font-size:12.5px;color:var(--dim)}
.rp-top{display:flex;gap:28px;align-items:center;padding:18px 24px 4px}
.ring{position:relative;width:132px;height:132px;flex:none}.ring svg{transform:rotate(-90deg);display:block}
.ring circle{fill:none;stroke-width:9;stroke-linecap:round}.ring .t{stroke:var(--card2)}
.ring .p{stroke:var(--ac);stroke-dasharray:276.5;stroke-dashoffset:276.5;transition:stroke-dashoffset 1.2s cubic-bezier(.2,.7,.2,1)}
.ring.warn .p{stroke:var(--md)}.ring.bad .p{stroke:var(--hi)}
.ring div{position:absolute;inset:0;display:grid;place-content:center;text-align:center;font:700 40px/1 'Fraunces',serif}
.ring small{font:500 11px 'Plus Jakarta Sans',sans-serif;color:var(--dim);margin-top:3px}
.ring.ok div{color:var(--ac)}.ring.warn div{color:var(--md)}.ring.bad div{color:var(--hi)}
.rp-sum{min-width:0}.rp-sum .k{font:700 11px 'Plus Jakarta Sans';letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.rp-sum h2{font-size:28px;margin:4px 0 8px}.rp-sum h2.ok{color:var(--ac)}.rp-sum h2.warn{color:var(--md)}.rp-sum h2.bad{color:var(--hi)}
.rp-sum p{margin:0 0 12px;color:var(--mu);font-size:14.5px;line-height:1.5}
.sevs{display:flex;gap:6px;flex-wrap:wrap}
.rp-b{padding:6px 24px 24px}
.todo{margin:18px 0;padding:20px 22px;border-radius:18px;background:var(--tx);color:#F6F1E3}
.todo h3{font:700 11px 'Plus Jakarta Sans';letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0 0 14px}
.todo ol{margin:0;padding:0;list-style:none;display:grid;gap:14px;counter-reset:t}
.todo li{display:flex;gap:12px;counter-increment:t;font-size:15.5px;line-height:1.4}
.todo li:before{content:counter(t);flex:none;width:24px;height:24px;border-radius:50%;background:var(--gold);color:#3A2A05;font:700 12px/24px 'Plus Jakarta Sans',sans-serif;text-align:center;margin-top:1px}
.todo .mono{color:#F6D58E}.todo small{display:block;color:#B9C8BF;font-size:13px;margin-top:2px}
.todo .tn{margin-top:16px;padding-top:14px;border-top:1px solid rgba(246,241,227,.16);font-size:13px;color:#B9C8BF}
.todo.good{background:#E1F0E5;color:var(--tx)}.todo.good h3{color:#256B45}.todo.good .tn{border:0;margin:0;padding:0;color:var(--mu);font-size:15px}
.ai{margin:0 0 6px;padding:20px 20px 8px}.ai-i:last-of-type{border-bottom:0}
.ai-src{color:var(--dim)!important;font-size:12px!important}
.rp-g{margin-top:22px}.rp-t{font:700 11px 'Plus Jakarta Sans';letter-spacing:.14em;text-transform:uppercase;color:var(--dim);padding-bottom:8px}
details.cp,.cp.flat{border-top:1px solid var(--card2)}
details.cp>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto 16px;grid-template-rows:auto auto;gap:3px 12px;align-items:center;padding:15px 0}
details.cp>summary::-webkit-details-marker{display:none}
details.cp>summary:after{content:"";grid-column:3;grid-row:1/3;width:7px;height:7px;border-right:2px solid var(--dim);border-bottom:2px solid var(--dim);transform:rotate(45deg);transition:transform .2s;justify-self:center}
details.cp[open]>summary:after{transform:rotate(-135deg)}
.cp .nm{font-weight:600;font-size:16px;overflow-wrap:anywhere;grid-column:1}
.cp summary .chip{grid-column:2;grid-row:1/3}
.cp .sub{grid-column:1;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12.5px;color:var(--dim);min-width:0}
.cp .sub .mono{font-size:12px}
.cp .vl{margin:0 0 14px}.cp .sl{padding-bottom:10px}
.vi{padding:12px 0}.vt{gap:10px}.vn{margin-top:6px;font-weight:600;font-size:14.5px;line-height:1.4}
.vm{margin-top:3px;font-size:12.5px;color:var(--mu);line-height:1.5}.vm a{font-weight:600}
.vo{margin-top:3px;font-size:11.5px;color:var(--dim);line-height:1.4}
.sr{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;border-top:1px dashed var(--line);font-size:14.5px}
.sr:first-child{border-top:0}.sr>span:first-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.sr .mono{font-size:12px;color:var(--dim)}.cp.flat .sr:first-child{border-top:1px solid var(--card2)}
.rp-foot{margin-top:20px;padding-top:16px;border-top:1.5px dashed var(--line)}
.rp-foot p{margin:0 0 6px;font-size:12.5px;color:var(--dim);line-height:1.55}.rp-foot p.warn{color:var(--md)}
.bar{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.bar .btn.g{height:40px}
.print-h{display:none}
@media print{
  .print-h{display:flex!important;justify-content:space-between;align-items:center;padding:0 0 14px;margin-bottom:6px;border-bottom:2px solid var(--tx);font-size:13px;color:var(--mu)}
  .sheet{box-shadow:none!important;border:0!important;border-radius:0}.todo{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .chip,.ring .p,.pill{-webkit-print-color-adjust:exact;print-color-adjust:exact}.ring .p{transition:none}
}
@media(max-width:560px){
  .rp-top{flex-direction:column;align-items:flex-start;gap:16px;padding:18px 18px 4px}.rp-meta{padding:12px 18px 0}.rp-b{padding:4px 18px 20px}
  .ring{width:116px;height:116px}.ring svg{width:116px;height:116px}.ring div{font-size:34px}
  .rp-sum h2{font-size:25px}.todo{padding:18px}.bar .btn{flex:1 1 100%}
  .cp .nm{font-size:15.5px}
}

/* ---- Kurangi kesan templat ---- */
.sec>h2 em.k,.band h2 em.k{font-style:normal;color:inherit;font-weight:700}
.step .num{font:500 13px 'JetBrains Mono',monospace;font-style:normal;color:var(--hi);letter-spacing:.08em;margin-bottom:14px}
.step .num:before{content:"0"}
.tilt{transform:none}.stamp{transform:rotate(3deg)}
.step:hover,.pc:not(.f):hover{transform:none;box-shadow:0 1px 0 #fff inset,0 18px 34px -28px rgba(20,56,43,.45)}
.eyebrow{background:none;border:1px solid var(--line);color:var(--mu);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:11px}

/* ---- Perapian tahap 2 ---- */
/* langkah 1-3 */
.grid3.steps3{gap:16px}
.step{padding:26px 26px 28px}
.step .sh{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.step .num{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:none;margin:0;background:rgba(31,90,67,.09);color:var(--ac);font:600 15px/1 'JetBrains Mono',monospace;font-style:normal;letter-spacing:0}
.step .num:before{content:none}
.step h3{margin:0;font-size:22px}
.step p{font-size:15px;line-height:1.6}
@media(min-width:861px){.step{position:relative}.step:not(:last-child):after{content:"";position:absolute;top:45px;right:-17px;width:14px;border-top:1.5px dashed var(--line)}}
@media(max-width:860px){.step{padding:20px 20px 22px}.step .num{width:34px;height:34px;font-size:14px}.step h3{font-size:20px}.grid3.steps3{gap:12px}}
/* baris contoh di beranda: tata letak sama di setiap baris */
@media(max-width:860px){
  .lab{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px 12px;padding:14px 0;grid-template-columns:64px 1fr}
  .lab .pill{grid-column:1;grid-row:1/3;align-self:start;margin-top:3px;text-align:center}
  .lab .n{grid-column:2;grid-row:1;white-space:normal;font-size:15.5px}
  .lab .v{grid-column:2;grid-row:2;justify-self:start}
  .lab .chip{grid-column:2;grid-row:2;justify-self:end;margin:0;font-size:11.5px;padding:3px 10px}
}
/* rincian hasil */
details.cp.safe[open] .sub{display:none}
.cp .sl{padding-bottom:0}.rp-foot{margin-top:14px}
.rp-top .ring{margin-top:2px}

/* ---- Beranda v3: logo, hero dua kolom, langkah vertikal ---- */
.logo{display:inline-flex;align-items:center;gap:9px}.logo b{font-weight:700}.logo svg{flex:none;display:block}
.logo small.adm{font:600 12px 'Plus Jakarta Sans',sans-serif;color:var(--dim);letter-spacing:.06em;text-transform:uppercase;margin-left:2px}
.hero{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:48px;align-items:start;padding:40px 0 56px}
.hero-t{padding-top:18px}
.hero-s{min-width:0}
.shot{margin:0;border:1px solid var(--line);border-radius:18px;background:var(--card);overflow:hidden;box-shadow:0 30px 60px -36px rgba(20,56,43,.45)}
.shot img{display:block;width:100%;height:auto}
.shot figcaption,.shot-cap{font-size:12.5px;color:var(--dim);padding:10px 4px 0;margin:0}
.shot figcaption{padding:10px 16px;border-top:1px solid var(--line)}
.shot-live{max-height:600px;position:relative;border:0;background:none;box-shadow:none;overflow:hidden}
.shot-live:after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(transparent,var(--bg));pointer-events:none}
.shot-live .bar,.shot-live .rp-foot,.shot-live .print-h{display:none}
.shot-live .sheet{animation:none}
.shot-text h2{font-size:24px;margin-bottom:14px}
.shot-text ul{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:12px;color:var(--mu);font-size:15px}
.shot-text li:before{content:"→ ";color:var(--hi)}.shot-text b{color:var(--tx)}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:24px}
.facts>div{padding:26px 24px;border-right:1px solid var(--line)}.facts>div:last-child{border-right:0}
.facts b{display:block;font:700 40px/1.1 'Fraunces',serif;letter-spacing:-.02em}.facts span{color:var(--mu);font-size:14px}
.split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:start}
.split>.sp-h{position:sticky;top:24px}.split .sp-h h2{font-size:clamp(28px,3.6vw,40px);margin-bottom:12px}.split .sp-h p{color:var(--mu);margin:0;max-width:420px}
.vsteps{list-style:none;margin:0;padding:0;position:relative}
.vsteps:before{content:"";position:absolute;left:19px;top:20px;bottom:20px;border-left:1.5px dashed var(--line)}
.vsteps li{display:flex;gap:20px;padding:0 0 34px;position:relative}.vsteps li:last-child{padding-bottom:0}
.vsteps .num{flex:none;width:40px;height:40px;border-radius:50%;background:var(--bg);border:1.5px solid var(--ac);color:var(--ac);display:grid;place-items:center;font:600 15px 'JetBrains Mono',monospace;position:relative;z-index:1}
.vsteps h3{font-size:22px;margin:6px 0 8px}.vsteps p{margin:0;color:var(--mu);font-size:15.5px;max-width:520px}
.prices{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));align-items:stretch}
.faq .q:first-child{margin-top:0}
@media(max-width:860px){
  .hero{grid-template-columns:1fr;gap:32px;padding:12px 0 40px}.hero-t{padding-top:0}
  .shot-live{max-height:460px}
  .split{grid-template-columns:1fr;gap:28px}.split>.sp-h{position:static}
  .facts>div{border-right:0;border-bottom:1px solid var(--line);padding:20px 4px}.facts>div:last-child{border-bottom:0}
}

/* ---- Admin ---- */
.flash{padding:12px 16px;border-radius:12px;margin-bottom:18px;font-size:14px}.okf{background:#E1F0E5;color:#256B45}.badf{background:#FADFD3;color:#8A2F12}
.adm-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.adm-tools input[type=text],.adm-tools select{height:42px;width:auto;min-width:160px;font:14px 'Plus Jakarta Sans'}
.adm-tools .grow{flex:1;min-width:200px}
.fgrid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:end}.fgrid .full{grid-column:1/-1}
.cbx{display:flex;gap:8px;align-items:center;font-size:13.5px;color:var(--mu)}
.mini{font-size:12.5px;color:var(--dim)}
.ucard{padding:18px 20px;margin-bottom:12px}.ucard summary.btn{display:inline-flex;margin-top:12px;list-style:none}
.ucard summary::-webkit-details-marker{display:none}
.row2{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}
.heroprev{max-width:420px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.heroprev img{display:block;width:100%}