.sb-detail{padding-top:36px;padding-bottom:74px}.sb-detail h2{color:#083357;line-height:1.25}.sb-detail h2 span{color:#13a267}.sb-detail p{line-height:1.8}.sb-story{grid-template-columns:1.08fr .92fr;align-items:stretch;gap:24px;margin-bottom:48px;display:grid}.sb-story-text{padding:31px 22px 20px 3px}.sb-story-text h2{max-width:650px;margin-bottom:19px;font-size:clamp(28px,3.2vw,40px)}.sb-story-text>p:not(.eyebrow){color:#607891;font-size:14px}.sb-story-chips{flex-wrap:wrap;gap:8px;margin:22px 0 26px;display:flex}.sb-story-chips span{color:#16886a;background:#e8f7f3;border-radius:25px;align-items:center;gap:7px;padding:8px 12px;font-size:11px;font-weight:750;display:flex}.sb-campus-photo{background:linear-gradient(#042e4d00 50%,#05274073 100%),url(/kampus-unpam-serang.png) 50%/cover no-repeat;border-radius:22px;min-height:390px;position:relative;box-shadow:0 16px 38px #103b5720}.sb-campus-overlay{color:#174f77;background:#ffffffeb;border-radius:10px;align-items:center;gap:8px;padding:12px 14px;font-size:12px;font-weight:800;display:flex;position:absolute;bottom:19px;left:19px}.sb-subheading{margin:32px 0 22px}.sb-subheading h2{margin:0;font-size:clamp(24px,2.5vw,31px)}.sb-subheading>.eyebrow{margin-bottom:9px}.sb-subtitle{color:#69819a;max-width:780px;margin-top:10px;font-size:13px}.sb-duo{grid-template-columns:1fr 1fr;gap:17px;display:grid}.sb-content-card{border:1px solid #e0eaf0;border-radius:17px;padding:25px}.sb-content-card p{color:#526e83;margin:10px 0 0;font-size:13px}.sb-card-title{align-items:center;gap:10px;display:flex}.sb-card-title h3{margin:0;font-size:17px}.sb-card-warm{background:linear-gradient(135deg,#fffaf1,#fffdf8)}.sb-card-warm .sb-card-title{color:#bf802a}.sb-card-mint{background:linear-gradient(135deg,#e9fcf3,#f8fffa)}.sb-card-mint .sb-card-title{color:#188663}.sb-benefit-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.sb-status-banner{color:#12608d;background:#ebf6fc;border:1px solid #cfe3f3;border-radius:16px;align-items:flex-start;gap:17px;margin:35px 0 10px;padding:22px 25px;display:flex}.sb-status-banner>svg{flex-shrink:0}.sb-status-banner strong{font-size:14px}.sb-status-banner p{color:#54798c;margin:7px 0 0;font-size:12px}.sb-how-intro,.sb-tech-overview,.sb-stats-top{justify-content:space-between;align-items:center;gap:28px;margin-bottom:30px;display:flex}.sb-how-intro>div:first-child,.sb-tech-overview>div:first-child,.sb-stats-top>div:first-child{max-width:700px}.sb-how-intro h2,.sb-tech-overview h2,.sb-stats-top h2{margin:0 0 12px;font-size:clamp(27px,3vw,37px)}.sb-how-intro p:not(.eyebrow),.sb-tech-overview p:not(.eyebrow),.sb-stats-top p:not(.eyebrow){color:#69819a;font-size:13px}.sb-flow-mini,.sb-tech-path{color:#0b71c9;background:#eef8ff;border:1px solid #dcecf6;border-radius:17px;flex-shrink:0;align-items:center;gap:9px;padding:17px;display:flex}.sb-flow-mini>svg:nth-child(2n),.sb-tech-path>svg{color:#8fa6b7;width:14px}.sb-process-grid{grid-template-columns:repeat(3,1fr);gap:17px;margin-top:25px;display:grid}.sb-process-card{background:#fff;border:1px solid #e2ecf3;border-radius:17px;padding:27px 24px 23px;position:relative;box-shadow:0 8px 24px #163b5e0b}.sb-process-num{color:#93c2e3;font-size:15px;font-weight:900;position:absolute;top:20px;right:20px}.sb-process-icon{color:#1573ba;background:#e3f3fe;border-radius:17px;place-items:center;width:65px;height:65px;margin-bottom:19px;display:grid}.sb-process-card:nth-child(3n+2) .sb-process-icon{color:#109b67;background:#e2f9ed}.sb-process-card h3{color:#124062;margin:0 0 10px;font-size:16px}.sb-process-card p{color:#70869a;margin:0;font-size:12px}.sb-next-arrow{z-index:2;color:#0b72be;background:#fff;border-radius:50%;width:27px;height:27px;padding:3px;position:absolute;top:49%;right:-14px;box-shadow:0 4px 13px #07385b1f}.sb-process-card:nth-child(3) .sb-next-arrow{display:none}.sb-result-grid{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.sb-result{border:1px solid;border-radius:17px;gap:15px;padding:22px;display:flex}.sb-result-icon{background:#fff;border-radius:12px;height:fit-content;padding:11px}.sb-result span{letter-spacing:.08em;font-size:10px;font-weight:900}.sb-result h3{margin:7px 0;font-size:15px}.sb-result p{color:#617b8d;margin:0;font-size:11px}.sb-result-good{color:#118651;background:#eafbf1;border-color:#d1f0db}.sb-result-bad{color:#c44550;background:#fff1f2;border-color:#f8d9da}.sb-result-warn{color:#b37b1f;background:#fff7e9;border-color:#f8e5c9}.sb-next-link,.sb-stat-bottom{background:linear-gradient(110deg,#eaf7fe,#edf9f2);border-radius:17px;justify-content:space-between;align-items:center;gap:20px;margin-top:30px;padding:24px 26px;display:flex}.sb-next-link h3{margin:0;font-size:17px}.sb-tech-path{color:#1978bb;flex-wrap:wrap}.sb-tech-path span{align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}.sb-tech-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.sb-tech-tile{background:#fff;border:1px solid #e1eaf1;border-radius:16px;min-height:242px;padding:21px;box-shadow:0 8px 24px #143b5909}.sb-tech-tile-head{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:18px;display:flex}.sb-tech-icon{color:#0873b7;background:linear-gradient(135deg,#e6f6ff,#e4faef);border-radius:15px;place-items:center;width:59px;height:59px;display:grid}.sb-tech-state{color:#a37228;white-space:nowrap;background:#fff5e5;border-radius:8px;padding:6px 9px;font-size:9px;font-weight:800}.sb-tech-state-ok{color:#098953;background:#e2f8ed}.sb-tech-category{color:#2385b1;text-transform:uppercase;letter-spacing:.09em;font-size:9px;font-weight:900}.sb-tech-tile h3{color:#123858;margin:7px 0 9px;font-size:15px}.sb-tech-tile p{color:#718699;margin:0;font-size:11px}.sb-tech-notes{margin-top:27px}.sb-auto-refresh{flex-shrink:0}.sb-stats-top{margin-bottom:25px}.sb-stat-machine,.sb-stat-visual{margin-top:34px}.sb-stat-visual .analytics-grid{margin-top:20px}.sb-mini-divider{background:#e0eaf0;height:1px;margin-top:22px}.sb-mini-note{color:#a27832;margin-top:13px;font-size:11px}.sb-stat-bottom{margin-top:39px}.sb-stat-bottom h2{margin:0 0 8px;font-size:22px}.sb-stat-bottom p:not(.eyebrow){color:#607c90;margin:0;font-size:12px}.sb-stat-caption{margin-top:20px}@media (max-width:1050px){.sb-tech-grid{grid-template-columns:repeat(3,1fr)}.sb-flow-mini,.sb-tech-path{display:none}}@media (max-width:780px){.sb-story{grid-template-columns:1fr}.sb-story-text{padding:9px 0 0}.sb-campus-photo{min-height:270px}.sb-benefit-grid,.sb-result-grid,.sb-process-grid,.sb-tech-grid{grid-template-columns:repeat(2,1fr)}.sb-process-card:nth-child(3) .sb-next-arrow{display:block}.sb-process-card:nth-child(2n) .sb-next-arrow{display:none}}@media (max-width:520px){.sb-detail{padding-top:20px}.sb-story-text h2{font-size:29px}.sb-duo,.sb-process-grid,.sb-benefit-grid,.sb-result-grid{grid-template-columns:1fr}.sb-tech-grid{grid-template-columns:1fr 1fr;gap:10px}.sb-tech-tile{min-height:235px;padding:14px}.sb-tech-tile-head{flex-wrap:wrap}.sb-tech-state{font-size:8px}.sb-process-card .sb-next-arrow{display:none!important}.sb-how-intro,.sb-tech-overview,.sb-stats-top{display:block}.sb-auto-refresh{margin-top:16px}.sb-result{padding:16px}.sb-status-banner{padding:17px}.sb-next-link,.sb-stat-bottom{flex-direction:column;align-items:flex-start}.sb-card-title{align-items:flex-start}}