.intg-hero{text-align:center;max-width:920px;margin:0 auto;padding:128px 24px 48px}@media (max-width:768px){.intg-hero{padding:96px 16px 32px}}.intg-hero-title{font-family:var(--font-display);letter-spacing:-.04em;color:var(--color-text-strong);margin-bottom:18px;font-size:clamp(36px,5vw,62px);font-weight:900;line-height:1.02}.intg-hero-title .highlight{background:linear-gradient(180deg, transparent 55%, var(--color-accent) 55%, var(--color-accent) 90%, transparent 90%);padding:0 8px}.intg-hero-squiggle{justify-content:center;margin-bottom:20px;display:flex}.intg-hero-sub{color:var(--color-muted);max-width:660px;margin:0 auto 28px;font-size:17px;line-height:1.65}.intg-hero-sub strong{color:var(--color-text);font-weight:600}.intg-legend{flex-wrap:wrap;justify-content:center;gap:10px 22px;max-width:720px;margin:0 auto;display:flex}.intg-legend-item{font-family:var(--font-mono);letter-spacing:.02em;color:var(--color-subtle);align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.intg-badge{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.intg-badge-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.intg-badge.is-aktif{color:var(--color-accent-dark);background:var(--color-accent-soft);border-color:#5c7a1247}.intg-badge.is-aktif .intg-badge-dot{animation:intg-pulse 2s var(--ease-out-soft) infinite}.intg-badge.is-beta{color:#9a5b00;background:#fff3dc;border-color:#9a5b0047}.intg-badge.is-segera{color:var(--color-muted);background:var(--color-surface-alt);border-color:var(--color-border-strong)}[data-theme=dark] .intg-badge.is-beta{color:#ffce7a;background:#3a2a10;border-color:#ffce7a4d}@keyframes intg-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.78)}}.intg-group{max-width:1160px;margin:0 auto;padding:36px 24px}@media (max-width:768px){.intg-group{padding:28px 16px}}.intg-group-head{max-width:620px;margin-bottom:28px}.intg-group-kicker{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--color-accent-dark);margin-bottom:12px;font-size:11px;font-weight:700;display:inline-block}.intg-group-kicker:before{content:"[ ";color:var(--color-accent-dark);font-weight:800}.intg-group-kicker:after{content:" ]";color:var(--color-accent-dark);font-weight:800}.intg-group-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-text-strong);margin-bottom:8px;font-size:clamp(22px,3vw,30px);font-weight:800;line-height:1.1}.intg-group-blurb{color:var(--color-muted);font-size:15px;line-height:1.55}.intg-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.intg-card{border:1px solid var(--color-border);background:var(--color-surface);transition:transform .24s var(--ease-out-soft), border-color .24s var(--ease-out-soft), box-shadow .24s var(--ease-out-soft);border-radius:16px;flex-direction:column;padding:22px;display:flex}.intg-card:hover{border-color:var(--color-border-strong);transform:translateY(-4px);box-shadow:0 14px 34px #14141014}[data-theme=dark] .intg-card:hover{box-shadow:0 14px 34px #0006}.intg-card-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.intg-card-icon{background:var(--color-surface-alt);border:1px solid var(--color-border);width:44px;height:44px;color:var(--color-text-strong);transition:background .24s var(--ease-out-soft), color .24s var(--ease-out-soft);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.intg-card.tone-aktif:hover .intg-card-icon{background:var(--color-accent-soft);color:var(--color-accent-dark)}.intg-card-name{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-text-strong);margin-bottom:7px;font-size:18px;font-weight:800}.intg-card-desc{color:var(--color-muted);font-size:14px;line-height:1.55}.intg-card-note{border-top:1px dashed var(--color-border);font-family:var(--font-mono);color:var(--color-subtle);margin-top:12px;padding-top:12px;font-size:12px;line-height:1.5}.intg-card-link{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-text-strong);transition:gap .2s var(--ease-out-soft);align-items:center;gap:6px;margin-top:14px;font-size:12px;font-weight:700;display:inline-flex}.intg-card-link:hover{color:var(--color-accent-dark);gap:10px}.intg-request{max-width:1160px;margin:24px auto 0;padding:24px}@media (max-width:768px){.intg-request{padding:20px 16px}}.intg-request-card{border:1px solid var(--color-border-strong);background:var(--color-surface-alt);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;padding:32px;display:flex}.intg-request-kicker{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent-dark);margin-bottom:10px;font-size:11px;font-weight:700;display:inline-block}.intg-request-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-text-strong);margin-bottom:8px;font-size:clamp(20px,2.6vw,26px);font-weight:800}.intg-request-title .ink{color:var(--color-accent-dark)}.intg-request-desc{color:var(--color-muted);max-width:560px;font-size:15px;line-height:1.6}.intg-request-actions{flex-shrink:0}.intg-request-btn{border:1px solid var(--color-text-strong);background:var(--color-surface);font-family:var(--font-mono);letter-spacing:.03em;color:var(--color-text-strong);transition:transform .2s var(--ease-out-soft), background .2s var(--ease-out-soft), color .2s var(--ease-out-soft);border-radius:999px;align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:700;display:inline-flex}.intg-request-btn:hover{background:var(--color-text-strong);color:var(--color-bg);transform:translateY(-2px)}.intg-cta{text-align:center;max-width:1160px;margin:0 auto;padding:56px 24px 88px}.intg-cta-inner{max-width:680px;margin:0 auto}.intg-cta-eyebrow{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent-dark);margin-bottom:16px;font-size:12px;font-weight:700}.intg-cta-title{font-family:var(--font-display);letter-spacing:-.04em;color:var(--color-text-strong);margin-bottom:16px;font-size:clamp(30px,4.4vw,50px);font-weight:900;line-height:1.04}.intg-cta-title .highlight{background:linear-gradient(180deg, transparent 55%, var(--color-accent) 55%, var(--color-accent) 90%, transparent 90%);padding:0 8px}.intg-cta-desc{color:var(--color-muted);max-width:520px;margin:0 auto 28px;font-size:16px;line-height:1.6}.intg-cta-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.intg-cta-primary{background:var(--color-accent);border:1px solid var(--color-accent);font-family:var(--font-mono);letter-spacing:.02em;color:#1a1a1a;transition:transform .2s var(--ease-out-soft), box-shadow .2s var(--ease-out-soft);border-radius:999px;align-items:center;gap:8px;padding:14px 26px;font-size:14px;font-weight:800;display:inline-flex}.intg-cta-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px #c5f23c66}.intg-cta-line{border:1px solid var(--color-border-strong);background:var(--color-surface);font-family:var(--font-mono);letter-spacing:.02em;color:var(--color-text-strong);transition:transform .2s var(--ease-out-soft), border-color .2s var(--ease-out-soft);border-radius:999px;align-items:center;gap:8px;padding:14px 24px;font-size:14px;font-weight:700;display:inline-flex}.intg-cta-line:hover{border-color:var(--color-text-strong);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.intg-card,.intg-card-icon,.intg-card-link,.intg-request-btn,.intg-cta-primary,.intg-cta-line{transition:none}.intg-card:hover,.intg-request-btn:hover,.intg-cta-primary:hover,.intg-cta-line:hover{transform:none}.intg-badge.is-aktif .intg-badge-dot{animation:none}}.intg-flow{max-width:1020px;margin:0 auto 72px;padding:0 24px}.intg-flow-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:22px;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:30px 32px 24px;display:grid}.intg-flow-col ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.intg-flow-col li{color:var(--color-text);border:1px solid var(--color-border);background:var(--color-bg);border-radius:12px;padding:9px 14px;font-size:13.8px;font-weight:600}.intg-flow-col-label{font-family:var(--font-mono);letter-spacing:.18em;color:var(--color-subtle);margin-bottom:12px;font-size:10.5px;font-weight:800;display:block}.intg-flow-mid{align-items:center;gap:0;display:flex}.intg-flow-line{border-top:2px dashed var(--color-accent-dark);opacity:.6;width:42px;height:0;animation:1.2s linear infinite intg-dash;display:block}@keyframes intg-dash{to{transform:translate(6px)}}.intg-flow-hub{font-family:var(--font-display);letter-spacing:-.02em;color:#1a1a1a;background:var(--color-accent);white-space:nowrap;box-shadow:0 8px 24px color-mix(in srgb, var(--color-accent) 40%, transparent);border-radius:999px;padding:12px 22px;font-size:17px;font-weight:900}.intg-flow-note{color:var(--color-muted);border-top:1px solid color-mix(in srgb, var(--color-border) 70%, transparent);grid-column:1/-1;margin:14px 0 0;padding-top:16px;font-size:13.5px;line-height:1.6}@media (max-width:760px){.intg-flow{margin-bottom:52px;padding:0 16px}.intg-flow-card{grid-template-columns:1fr;padding:22px 20px 18px}.intg-flow-mid{justify-content:center}.intg-flow-line{width:30px;transform:rotate(90deg)}}@media (prefers-reduced-motion:reduce){.intg-flow-line{animation:none}}.intg-benefits{border:1px dashed color-mix(in srgb, var(--color-accent-dark) 35%, transparent);background:var(--color-accent-soft);border-radius:16px;margin-top:18px;padding:16px 20px}.intg-benefits-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent-dark);margin-bottom:10px;font-size:10.5px;font-weight:800;display:block}[data-theme=dark] .intg-benefits-label{color:var(--color-accent)}.intg-benefits-list{grid-template-columns:repeat(3,1fr);gap:10px 18px;display:grid}@media (max-width:820px){.intg-benefits-list{grid-template-columns:1fr}}.intg-benefit{color:var(--color-text);align-items:flex-start;gap:8px;font-size:13.2px;line-height:1.5;display:inline-flex}.intg-benefit svg{color:var(--color-accent-dark);flex-shrink:0;margin-top:3px}[data-theme=dark] .intg-benefit svg{color:var(--color-accent)}