*{box-sizing:border-box}html{color:var(--fw-text);background:var(--fw-bg);font-family:var(--fw-font)}body{min-width:320px;min-height:100vh;margin:0;padding:48px 20px}.kom-igang{width:min(760px,100%);margin:0 auto}.kom-igang__header{margin-bottom:36px}.kom-igang__brand{align-items:center;gap:var(--fw-space-3);margin:0 0 var(--fw-space-3);color:var(--fw-text-strong,var(--fw-text));display:inline-flex}.kom-igang__brand-mark{flex:none;width:46px;height:auto}.kom-igang__brand-name{letter-spacing:-.01em;font-size:19px;font-weight:800}.kom-igang__brand-name b{font-weight:800}.kom-igang__brand-name .kom-igang__brand-w1{color:var(--fw-logo-blue)}.kom-igang__brand-name .kom-igang__brand-w2{color:var(--fw-logo-green)}.kom-igang__brand-tag{color:var(--fw-text-muted,var(--fw-text-secondary));font-size:var(--fw-font-size-md);font-weight:var(--fw-weight-strong)}.kom-igang h1{margin:0 0 12px;font-size:clamp(28px,4.5vw,40px);line-height:1.15}.kom-igang__lead{max-width:60ch;color:var(--fw-text-secondary);font-size:var(--fw-font-size-2xl);margin:0;line-height:1.6}.kom-igang section{margin-bottom:40px}.kom-igang h2{font-size:var(--fw-font-size-3xl);margin:0 0 14px}.kom-igang h3{font-size:var(--fw-font-size-xl);margin:0 0 6px}.kom-igang p{max-width:62ch;color:var(--fw-text-secondary);line-height:1.6}.kom-igang__cards{gap:var(--fw-space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=640px){.kom-igang__cards{grid-template-columns:1fr}}.kom-igang__card{border:1px solid var(--fw-border);border-radius:var(--fw-radius-card);background:var(--fw-surface);box-shadow:var(--fw-shadow-low);padding:18px 20px}.kom-igang__card h3{color:var(--fw-primary-strong)}.kom-igang__card p{font-size:var(--fw-font-size-md);margin:0;line-height:1.55}.kom-igang__card ul{padding-left:var(--fw-space-4);color:var(--fw-text-secondary);font-size:var(--fw-font-size-md);margin:6px 0 0;line-height:1.6}.kom-igang__tasks{gap:var(--fw-space-3);margin:0;padding:0;list-style:none;display:grid}.kom-igang__tasks li{padding:var(--fw-space-4);border:1px solid var(--fw-border);background:var(--fw-surface);line-height:var(--fw-line-body);border-radius:10px}.kom-igang__tasks strong{color:var(--fw-primary-strong)}.kom-igang kbd{padding:2px var(--fw-space-2);border:1px solid var(--fw-border);background:var(--fw-bg);color:var(--fw-text-strong);font:600 12px/1.2 var(--fw-font-mono,ui-monospace, monospace);border-bottom-width:2px;border-radius:5px;display:inline-block}.kom-igang__footer{border-top:1px solid var(--fw-border);margin-top:8px;padding-top:20px}.kom-igang__cta{border-radius:var(--fw-radius-button);background:var(--fw-primary);color:var(--fw-on-primary);font-weight:var(--fw-weight-heading);box-shadow:var(--fw-shadow-sm);align-items:center;padding:12px 20px;text-decoration:none;display:inline-flex}.kom-igang__cta:hover{background:var(--fw-primary-hover)}.kom-igang__figure{margin:22px 0 0}.kom-igang__figure img{border:1px solid var(--fw-border);border-radius:var(--fw-radius-card);max-width:100%;height:auto;max-height:460px;box-shadow:var(--fw-shadow-raised);background:var(--fw-canvas);margin:0 auto;display:block}.kom-igang__figure figcaption{max-width:62ch;margin:var(--fw-space-3) auto 0;color:var(--fw-text-secondary);font-size:var(--fw-font-size-md);text-align:center;line-height:1.55}