.cs-hero{position:relative;padding:60px 0 80px;overflow:hidden}.cs-hero .container{position:relative;z-index:2}.cs-back{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text-mid);margin-bottom:40px;transition:color .18s ease}.cs-back:hover{color:#fff}.cs-tag{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--pa, var(--blue-glow));font-weight:600;margin-bottom:18px}.cs-hero h1{font-size:clamp(40px,5.5vw,72px);max-width:16ch;margin-bottom:24px}.cs-hero .deck{font-size:18px;color:var(--text-mid);max-width:620px;line-height:1.65}.cs-meta-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:32px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:28px 0;margin-top:60px}.cs-meta-row .lbl{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px}.cs-meta-row .val{font-size:15px;font-weight:600;color:#fff}.cs-hero-image{margin-top:60px;aspect-ratio:16/9;border-radius:18px;border:1px solid var(--border);background:repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 14px),linear-gradient(135deg,#1a2548,#0a1024);display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;position:relative;overflow:hidden}.cs-hero-image span{padding:10px 16px;border:1px solid var(--border);border-radius:6px;background:#0006}.cs-section{padding:80px 0}.cs-block{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;align-items:start}.cs-block .label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--pa, var(--blue-glow));font-weight:600;padding-top:8px}.cs-block p{font-size:16px;color:var(--text-mid);line-height:1.8;margin-bottom:16px}.cs-block p strong{color:#fff;font-weight:600}.cs-block ul{list-style:none;padding:0;margin:12px 0}.cs-block ul li{font-size:15.5px;color:var(--text-mid);line-height:1.7;padding-left:24px;position:relative;margin-bottom:10px}.cs-block ul li:before{content:"";position:absolute;left:0;top:11px;width:8px;height:8px;border-radius:50%;background:var(--pa, var(--accent))}.cs-results{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.cs-result-card{background:linear-gradient(180deg,var(--card),#0e1730);border:1px solid var(--border);border-radius:var(--radius);padding:32px 28px}.cs-result-card .num{font-family:Manrope,sans-serif;font-weight:800;font-size:clamp(36px,4vw,52px);color:#fff;letter-spacing:-.04em;line-height:1;margin-bottom:12px}.cs-result-card .num .plus{color:var(--pa, var(--accent))}.cs-result-card .lbl{font-size:13.5px;color:var(--text-mid);line-height:1.5}.cs-quote{border-left:3px solid var(--pa, var(--accent));padding:8px 0 8px 32px;margin:40px 0;max-width:760px}.cs-quote p{font-family:Manrope,sans-serif;font-size:22px;font-weight:600;color:#fff;line-height:1.5;letter-spacing:-.01em}.cs-quote .who{font-size:13px;color:var(--text-mid);margin-top:14px;letter-spacing:.06em}.cs-quote .who strong{color:#fff}.cs-gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.cs-gallery .ph{position:relative;overflow:hidden;aspect-ratio:4/3;border-radius:var(--radius-sm);border:1px solid var(--border);background:repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 12px),linear-gradient(135deg,#1a2548,#0a1024);display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.cs-gallery .ph.wide{grid-column:span 2;aspect-ratio:16/7}.cs-gallery .ph span{padding:8px 14px;border:1px solid var(--border);border-radius:6px;background:#0006}.cs-mini-process{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px}.cs-mini-step{background:#111a3580;border:1px solid var(--border);border-radius:14px;padding:24px;position:relative}.cs-mini-step .n{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--pa, var(--blue-glow));font-weight:600;letter-spacing:.1em}.cs-mini-step h4{font-family:Manrope,sans-serif;font-weight:700;font-size:17px;color:#fff;margin:8px 0 10px;letter-spacing:-.01em}.cs-mini-step p{font-size:13.5px;color:var(--text-mid);line-height:1.6}.cs-stack{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}.cs-stack-item{border:1px solid var(--border);border-radius:12px;padding:22px;background:#111a3566;display:flex;gap:16px;align-items:flex-start}.cs-stack-item .badge{width:40px;height:40px;flex-shrink:0;border-radius:10px;background:rgba(var(--pa-rgb, 74, 140, 255),.12);border:1px solid rgba(var(--pa-rgb, 74, 140, 255),.3);color:var(--pa, var(--blue-glow));display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-weight:700;font-size:14px}.cs-stack-item .nm{font-family:Manrope,sans-serif;font-weight:700;color:#fff;font-size:16px;margin-bottom:6px}.cs-stack-item .ds{font-size:13.5px;color:var(--text-mid);line-height:1.6}.cs-metrics{margin-top:32px;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#111a3566}.cs-metrics-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;padding:18px 24px;font-size:14px;border-bottom:1px solid var(--border)}.cs-metrics-row:last-child{border-bottom:none}.cs-metrics-row.head{background:#00000040;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);font-weight:600}.cs-metrics-row .metric{color:#fff;font-weight:600}.cs-metrics-row .before{color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:13px}.cs-metrics-row .after{color:var(--text);font-family:JetBrains Mono,monospace;font-size:13px}.cs-metrics-row .delta{color:var(--pa, var(--accent));font-weight:700;font-family:JetBrains Mono,monospace;font-size:13px}.cs-features{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.cs-feature{border:1px solid var(--border);border-radius:14px;padding:24px 22px;background:#111a3566;position:relative}.cs-feature:before{content:"";position:absolute;left:-1px;top:18px;bottom:18px;width:3px;background:var(--pa, var(--accent));border-radius:3px}.cs-feature h4{font-family:Manrope,sans-serif;font-weight:700;font-size:17px;color:#fff;margin-bottom:8px;letter-spacing:-.01em}.cs-feature p{font-size:14px;color:var(--text-mid);line-height:1.65}.cs-ba{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px;position:relative}.cs-ba-col{border:1px solid var(--border);border-radius:14px;padding:26px;background:#111a3566}.cs-ba-col.after{border-color:rgba(var(--pa-rgb, 230, 74, 61),.35);background:rgba(var(--pa-rgb, 230, 74, 61),.04)}.cs-ba-col .lbl{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);font-weight:600;margin-bottom:16px}.cs-ba-col.after .lbl{color:var(--pa, var(--accent))}.cs-ba-col ul{list-style:none;padding:0}.cs-ba-col ul li{font-size:14px;color:var(--text-mid);border-bottom:1px solid var(--border);padding:8px 0 8px 20px;position:relative}.cs-ba-col ul li:last-child{border-bottom:none}.cs-ba-col ul li:before{content:"→";position:absolute;left:0;color:var(--text-dim);font-weight:600}.cs-ba-col.after ul li:before{content:"✓";color:var(--pa, var(--accent))}.cs-next{border-top:1px solid var(--border);padding:80px 0 100px}.cs-next-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}.cs-next-inner .eyebrow{margin-bottom:12px}.cs-next-inner h3{font-size:clamp(28px,4vw,40px)}.cs-next-cta{display:flex;align-items:center;gap:18px}.cs-next-cta .arrow-btn{width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;transition:transform .22s ease}.cs-next a:hover .arrow-btn{transform:translate(4px)}.proj-list-hero{padding:60px 0;text-align:center}.proj-list-hero .eyebrow{display:inline-flex}.proj-list-hero h1{font-size:clamp(40px,6vw,72px);margin:18px 0 20px}.proj-list-hero p{font-size:18px;color:var(--text-mid);max-width:560px;margin:0 auto;line-height:1.65}.proj-filters{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:40px 0 60px}.proj-filter{font-size:13px;padding:9px 16px;border-radius:100px;background:#ffffff08;border:1px solid var(--border);color:var(--text-mid);font-weight:500;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.proj-filter:hover{color:#fff;border-color:var(--border-hi)}.proj-filter.active{background:var(--accent);color:#fff;border-color:var(--accent)}.proj-list-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-bottom:100px}.proj-list-card{background:linear-gradient(180deg,var(--card),#0e1730);border:1px solid var(--border);border-radius:18px;overflow:hidden;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;display:flex;flex-direction:column;cursor:pointer}.proj-list-card:hover{transform:translateY(-4px);border-color:var(--border-hi);box-shadow:0 24px 60px -30px rgba(var(--pa-rgb, 74, 111, 255),.4)}.proj-list-card .media{aspect-ratio:16/10;background:repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 12px),linear-gradient(135deg,#1a2548,#0a1024);display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;position:relative}.proj-list-card .media span{padding:8px 14px;border:1px solid var(--border);border-radius:6px;background:#0006}.proj-list-card .media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.4));pointer-events:none}.proj-list-card .body{padding:28px}.proj-list-card .row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.proj-list-card .tag{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--pa, var(--blue-glow));font-weight:600}.proj-list-card .yr{font-size:12px;color:var(--text-dim);font-family:JetBrains Mono,monospace}.proj-list-card h3{font-size:24px;margin-bottom:10px}.proj-list-card .desc{color:var(--text-mid);font-size:14.5px;line-height:1.6;margin-bottom:22px}.proj-list-card .arrow-link{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--pa, var(--blue-glow));font-weight:600}.proj-list-card .arrow-link .arrow{transition:transform .22s ease;display:inline-block}.proj-list-card:hover .arrow-link .arrow{transform:translate(4px)}.proj-list-card.contrib{cursor:default}.proj-list-card.contrib:hover{transform:none;border-color:var(--border);box-shadow:none}.proj-list-card.contrib .body{display:flex;flex-direction:column;flex:1}.proj-contrib-section{padding-bottom:100px}.proj-group-head{margin:0 0 32px}.proj-group-head .eyebrow{margin-bottom:14px}.proj-group-head h2{font-size:clamp(28px,4vw,40px);margin-bottom:12px}.proj-group-head p{color:var(--text-mid);max-width:560px}@media(max-width:860px){.cs-meta-row{grid-template-columns:1fr 1fr;gap:24px}.cs-block{grid-template-columns:1fr;gap:20px}.cs-results,.cs-gallery{grid-template-columns:1fr}.cs-gallery .ph.wide{grid-column:auto}.cs-mini-process,.cs-stack,.cs-features,.cs-ba{grid-template-columns:1fr}.cs-metrics-row{grid-template-columns:1fr;gap:6px;padding:14px 18px}.cs-metrics-row.head{display:none}.cs-metrics-row .metric:before{content:"Metrik: ";color:var(--text-dim);font-weight:500;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.cs-metrics-row .before:before{content:"Sebelum: ";color:var(--text-dim);font-family:Inter,sans-serif;font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-right:6px}.cs-metrics-row .after:before{content:"Sesudah: ";color:var(--text-dim);font-family:Inter,sans-serif;font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-right:6px}.cs-metrics-row .delta:before{content:"Perubahan: ";color:var(--text-dim);font-family:Inter,sans-serif;font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-right:6px}.proj-list-grid{grid-template-columns:1fr}}