.lc-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(56px,8vw,104px) 0 clamp(64px,8vw,96px);background:var(--paper)}.hero-pbt{--bg-img:url("../img/bg-inspect.jpg")}.hero-gov{--bg-img:url("../img/bg-blueprint-drum.jpg")}.hero-uni{--bg-img:url("../img/bg-carve-log.jpg")}.lc-hero::after{background:linear-gradient(90deg,var(--paper) 0%,rgba(246,243,236,.85) 38%,rgba(246,243,236,.15) 75%)}.lc-hero::before,.mods-bg::before{content:"";position:absolute;left:0;right:0;top:-18%;bottom:-18%;z-index:-2;background:var(--bg-img) center/cover no-repeat;transform:translate3d(0,var(--py,0px),0);will-change:transform}.lc-hero::after,.mods-bg::after{content:"";position:absolute;inset:0;z-index:-1}.closing .closing-bg{inset:-18% 0;transform:translate3d(0,var(--py,0px),0);will-change:transform}@media (max-width:960px){.lc-hero::before{background-position:center bottom}.lc-hero::after{background:linear-gradient(180deg,rgba(246,243,236,.92) 0%,rgba(246,243,236,.75) 55%,rgba(246,243,236,.3) 100%)}}.lc-hero .wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--amber-ink);background:rgba(232,163,61,.16);padding:8px 14px;border-radius:999px;margin-bottom:24px}.lc-hero h1{font-size:clamp(40px,5.2vw,66px);line-height:1.03;letter-spacing:-.035em;color:var(--ink);max-width:14ch}.lc-hero .lede{font-size:clamp(17px,1.5vw,20px);color:var(--muted);max-width:34em;margin:24px 0 32px}.btn-dark{border-color:var(--ink);color:var(--ink)}.btn-dark:hover{background:rgba(11,47,52,.06)}.board{background:var(--deep);color:#fff;border-radius:24px;padding:22px;box-shadow:0 30px 70px rgba(7,34,38,.25)}.board-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.board-head b{font-size:15px;display:block}.board-head small{color:var(--soft);font-size:12px}.board-head .example{background:rgba(255,255,255,.1);color:var(--soft)}.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tile{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px}.tile span{font-size:12px;color:var(--soft)}.tile strong{display:block;font-size:clamp(24px,2.6vw,30px);letter-spacing:-.03em;margin:4px 0 2px}.tile em{font-style:normal;font-size:12px;font-weight:600}.good{color:#7fd1a5}.bad{color:#f0a7a0}.board-list{list-style:none;margin:12px 0 0;padding:6px 16px;background:#fff;color:var(--text);border-radius:16px}.board-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:13px;border-bottom:1px solid #eeece6}.board-list li:last-child{border-bottom:0}.board-list small{display:block;color:var(--muted);font-size:11px;font-family:ui-monospace,Menlo,monospace}.st-tag{flex:none;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px}.st-wait{background:#fdf0c8;color:#7a5a07}.st-late{background:#fde7e5;color:#b8332a}.st-ok{background:#e3f6ea;color:#1f7a4c}@media (max-width:960px){.lc-hero .wrap{grid-template-columns:1fr}}.jab{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0}.jab .wrap{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 28px;font-size:15px;font-weight:600;color:var(--muted)}.jab .wrap b{color:var(--ink)}.journey{background:var(--deep);color:#fff}.journey .sec-head p{color:var(--soft)}.jsteps{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:14px;counter-reset:st}.jsteps li{display:flex;flex-direction:column;gap:8px;padding:20px 18px 22px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}.jsteps li::before{counter-increment:st;content:counter(st,decimal-leading-zero);font-family:var(--serif);font-style:italic;font-weight:600;font-size:28px;line-height:1;color:var(--amber)}.jsteps .who{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mint)}.jsteps b{font-size:16px}.jsteps p{font-size:13.5px;color:var(--soft)}.jsteps .m{margin-top:auto;align-self:flex-start;font-size:11.5px;font-weight:700;padding:4px 9px;border-radius:999px;background:var(--amber);color:var(--deep)}@media (max-width:1100px){.jsteps{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.jsteps{grid-template-columns:1fr}}.dept{display:grid;grid-template-columns:280px 1fr;gap:40px;align-items:start;margin-top:48px}.dept-tabs{display:flex;flex-direction:column;gap:6px;position:sticky;top:96px}.dept-tabs button{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;border:0;border-radius:14px;background:none;font:600 15px/1.3 var(--sans);color:var(--muted);text-align:left;cursor:pointer;transition:background .2s,color .2s}.dept-tabs button:hover{background:rgba(11,47,52,.06);color:var(--ink)}.dept-tabs button[aria-selected="true"]{background:var(--ink);color:#fff}.dept-tabs button small{font-size:12px;opacity:.7}.dept-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(24px,3vw,40px)}.dept-panel h3{font-size:clamp(24px,2.4vw,30px)}.dept-panel>p{color:var(--muted);margin-top:10px;max-width:46em}.asks-label{margin-top:24px;font-size:12px;font-weight:700;color:var(--amber-ink)}.asks{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 26px}.asks span{font-size:14px;font-weight:600;padding:9px 14px;border-radius:999px;background:var(--paper);color:var(--ink)}.dept-mods{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.dept-mods>div{border:1px solid var(--line);border-radius:var(--r-sm);padding:18px 20px}.dept-mods b{display:block;font-size:17px;margin-bottom:6px}.dept-mods p{color:var(--muted);font-size:14px}@media (max-width:900px){.dept{grid-template-columns:1fr;gap:20px}.dept-tabs{position:static;flex-direction:row;overflow-x:auto;padding-bottom:4px}.dept-tabs button{white-space:nowrap;flex:none}}@media (max-width:560px){.dept-mods{grid-template-columns:1fr}}.compare{margin-top:44px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.cmp{display:grid;grid-template-columns:.8fr 1fr 1fr;border-top:1px solid var(--line)}.cmp:first-child{border-top:0}.cmp>*{padding:18px 22px}.cmp-head{background:var(--paper-2);font-size:13px;font-weight:700;color:var(--muted)}.cmp-head .cmp-new{color:var(--amber-ink)}.cmp .t{font-weight:600}.cmp .cmp-old{color:var(--muted)}.cmp .cmp-new{background:rgba(232,163,61,.08);color:var(--ink)}@media (max-width:760px){.cmp{grid-template-columns:1fr}.cmp-head{display:none}.cmp>*{padding:8px 20px}.cmp .t{padding-top:18px}.cmp .cmp-new{margin:0 12px 16px;border-radius:12px;padding:12px}.cmp .cmp-old::before{content:"Hari ini:";font-weight:600}.cmp .cmp-new::before{content:"Dengan RebanaOS:";font-weight:700;color:var(--amber-ink)}}.faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.badges span{font-size:13px;font-weight:600;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq details:first-child{border-top:1px solid var(--line)}.faq summary{display:flex;justify-content:space-between;gap:16px;font-size:17px;font-weight:600;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";font-size:22px;line-height:1;color:var(--amber-ink)}.faq details[open] summary::after{content:"–"}.faq details p{color:var(--muted);margin-top:10px;max-width:44em}@media (max-width:900px){.faq-wrap{grid-template-columns:1fr;gap:32px}}.mods-bg{position:relative;isolation:isolate;overflow:hidden;background:var(--paper)}.mods-bg::after{background:linear-gradient(180deg,rgba(246,243,236,.92) 0%,rgba(246,243,236,.6) 50%,rgba(246,243,236,.85) 100%)}.mods-pbt{--bg-img:url("../img/bg-bench.jpg")}.mods-gov{--bg-img:url("../img/bg-blueprint-planer.jpg")}.mods-uni{--bg-img:url("../img/bg-tools.jpg")}.hero-contact{--bg-img:url("../img/bg-artisan.jpg")}.contact-card{background:var(--deep);color:#fff;border-radius:24px;padding:clamp(22px,3vw,32px);box-shadow:0 30px 70px rgba(7,34,38,.25)}.contact-card h2{font-size:22px;letter-spacing:-.01em}.contact-card .reg{color:var(--soft);font-size:13px;margin-top:4px}.c-list{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:12px}.c-list li{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}.c-list .ic{flex:none;width:38px;height:38px;border-radius:12px;background:rgba(127,209,199,.16);display:grid;place-items:center}.c-list small{display:block;font-size:12px;color:var(--soft);margin-bottom:2px}.c-list a{color:#fff;font-weight:600;text-decoration:none}.c-list a:hover{text-decoration:underline}.c-list address{font-style:normal;font-weight:600;line-height:1.45}.c-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.btn-sm{padding:11px 18px;font-size:14px}.contact-segs .seg-card .more{text-decoration:none}.contact-segs .seg-card .more:hover{text-decoration:underline}.seg-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:auto;padding-top:10px}.seg-links a{font-weight:600;color:var(--ink);text-decoration:none}.seg-links a:hover{text-decoration:underline}.mod-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.mod-links a{font-size:13px;font-weight:700;letter-spacing:.01em;color:var(--ink);background:rgba(15,74,79,.08);padding:6px 12px;border-radius:999px;text-decoration:none;transition:background .2s}.mod-links a:hover{background:rgba(15,74,79,.16)}