/* R130 - Beranda situs, dibuat otomatis dari papan situs-beranda. Jangan diubah manual. */
#home130{--image:#FBEFD3;--image-ink:#8A5A00;--video:#EDE6FA;--video-ink:#5A2E8C;--doc:#DDEFFC;--doc-ink:#065A93;--audio:#FBE3F0;--audio-ink:#8A1F5A;--sheet:#DCF3E5;--sheet-ink:#135C33;--code:#E6E8FA;--code-ink:#3438A0;--pdf:#FCE4DC;--pdf-ink:#9A2B12;--track:#DCE6EF;--bg:#F3F8FC;--surface:#FFFFFF;--surface-2:#EAF2F9;--line:#DCE6EF;--line-2:#C6D4E0;--ink:#0C1E2D;--muted:#4E6273;--accent:#0B6FB8;--on-accent:#FFFFFF;--brand:#42BCFA;--brand-2:#8DEBF7;--soft:#DDEFFC;--soft-ink:#065A93;--link:#0A68AD;--deep:#0B2B45;--deep-2:#123A5C;--deep-ink:#FFFFFF;--deep-muted:#A9D3EE;--ok:#DCF3E5;--ok-ink:#135C33;--warn:#FBEFD3;--warn-ink:#6B4700;--danger:#FCE4DC;--danger-ink:#8A2B0B;--neutral:#E5ECF2;--neutral-ink:#3B4B58;--shadow:rgba(12,30,45,0.12);color:var(--ink);font-family:'Onest','Segoe UI',system-ui,sans-serif;line-height:1.5}
#home130 a{color:var(--link);text-decoration:none}
#home130 a:hover{text-decoration:underline}
#home130 summary{cursor:pointer;list-style:none}
#home130 summary::-webkit-details-marker{display:none}
#home130 img[data-only130=dark]{display:none}
#home130 [data-period]{border:0;font:inherit;font-weight:700;cursor:pointer}
#home130 [data-period][aria-pressed=true]{background:var(--accent);color:var(--on-accent)}
#home130 [data-period][aria-pressed=false]{background:transparent;color:var(--ink)}
#home130 .plan-grid132{margin-top:24px;text-align:left}
#home130 .period-note130{margin:12px 0 0;font-size:13px;color:var(--muted)}
:root[data-theme=dark] #home130{--image:#3A2F14;--image-ink:#F2C26B;--video:#2A1F40;--video-ink:#CDB4F5;--doc:#103049;--doc-ink:#A6DFFC;--audio:#3A1A2C;--audio-ink:#F3A6CF;--sheet:#12301F;--sheet-ink:#8FDDB0;--code:#1E2245;--code-ink:#B7BCF7;--pdf:#3B1D14;--pdf-ink:#F4A88C;--track:#2E4256;--bg:#0A121B;--surface:#111B26;--surface-2:#182532;--line:#223345;--line-2:#2E4256;--ink:#E5EFF7;--muted:#97AABB;--accent:#3CBFF7;--on-accent:#03202F;--brand:#42BCFA;--brand-2:#8DEBF7;--soft:#103049;--soft-ink:#A6DFFC;--link:#7FD2FA;--deep:#0F2E48;--deep-2:#173D5E;--deep-ink:#E5EFF7;--deep-muted:#A9D3EE;--ok:#12301F;--ok-ink:#8FDDB0;--warn:#3A2F14;--warn-ink:#F2C26B;--danger:#3B1D14;--danger-ink:#F4A88C;--neutral:#1E2A36;--neutral-ink:#B5C3CF;--shadow:rgba(0,0,0,0.45)}
:root[data-theme=dark] #home130 img[data-only130=dark]{display:block}
:root[data-theme=dark] #home130 img[data-only130=light]{display:none}
@media(prefers-color-scheme:dark){
 :root:not([data-theme=light]):not([data-theme=dark]) #home130{--image:#3A2F14;--image-ink:#F2C26B;--video:#2A1F40;--video-ink:#CDB4F5;--doc:#103049;--doc-ink:#A6DFFC;--audio:#3A1A2C;--audio-ink:#F3A6CF;--sheet:#12301F;--sheet-ink:#8FDDB0;--code:#1E2245;--code-ink:#B7BCF7;--pdf:#3B1D14;--pdf-ink:#F4A88C;--track:#2E4256;--bg:#0A121B;--surface:#111B26;--surface-2:#182532;--line:#223345;--line-2:#2E4256;--ink:#E5EFF7;--muted:#97AABB;--accent:#3CBFF7;--on-accent:#03202F;--brand:#42BCFA;--brand-2:#8DEBF7;--soft:#103049;--soft-ink:#A6DFFC;--link:#7FD2FA;--deep:#0F2E48;--deep-2:#173D5E;--deep-ink:#E5EFF7;--deep-muted:#A9D3EE;--ok:#12301F;--ok-ink:#8FDDB0;--warn:#3A2F14;--warn-ink:#F2C26B;--danger:#3B1D14;--danger-ink:#F4A88C;--neutral:#1E2A36;--neutral-ink:#B5C3CF;--shadow:rgba(0,0,0,0.45)}
 :root:not([data-theme=light]):not([data-theme=dark]) #home130 img[data-only130=dark]{display:block}
 :root:not([data-theme=light]):not([data-theme=dark]) #home130 img[data-only130=light]{display:none}
}
#home130 .h130-0{position: relative; overflow: hidden; background: linear-gradient(180deg, var(--soft) 0%, var(--bg) 78%)}
#home130 .h130-1{position: absolute; left: -160px; top: -200px; width: 560px; height: 560px; border-radius: 50%; background: radial-gradient(circle, rgba(66,188,250,0.30) 0%, transparent 70%); pointer-events: none}
#home130 .h130-2{position: absolute; right: -120px; top: 40px; width: 520px; height: 520px; border-radius: 50%; background: radial-gradient(circle, rgba(141,235,247,0.35) 0%, transparent 70%); pointer-events: none}
#home130 .h130-3{max-width: 1200px; margin: 0 auto; box-sizing: border-box; padding-left: 24px; padding-right: 24px; position: relative; padding-top: 76px; padding-bottom: 88px; display: flex; flex-wrap: wrap; align-items: center; gap: 48px}
#home130 .h130-4{flex: 1 1 460px; min-width: 0; display: flex; flex-direction: column; gap: 22px}
#home130 .h130-5{align-self: flex-start; height: 34px; padding: 0 14px 0 6px; border-radius: 17px; background: var(--surface); border: 1px solid var(--line); display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600}
#home130 .h130-6{padding: 2px 10px; border-radius: 999px; background: var(--accent); color: var(--on-accent); font-size: 12px; font-weight: 700}
#home130 .h130-7{margin: 0; font-size: 64px; line-height: 1.04; font-weight: 700; letter-spacing: -0.04em}
#home130 .h130-8{background: linear-gradient(90deg, var(--accent), var(--brand)); -webkit-background-clip: text; background-clip: text; color: transparent}
#home130 .h130-9{margin: 0; max-width: 520px; font-size: 19px; line-height: 1.6; color: var(--muted)}
#home130 .h130-10{display: flex; flex-wrap: wrap; gap: 12px}
#home130 .h130-11{height: 54px; box-sizing: border-box; padding: 0 27px; border-radius: 27px; background: var(--accent); color: var(--on-accent); box-shadow: 0 10px 24px rgba(11,111,184,0.28); display: inline-flex; align-items: center; gap: 8px; font-size: 17px; font-weight: 700; text-decoration: none; white-space: nowrap}
#home130 .h130-12{flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round}
#home130 .h130-13{height: 54px; box-sizing: border-box; padding: 0 27px; border-radius: 27px; background: var(--surface); color: var(--ink); border: 1px solid var(--line-2); display: inline-flex; align-items: center; gap: 8px; font-size: 17px; font-weight: 700; text-decoration: none; white-space: nowrap}
#home130 .h130-14{display: flex; flex-wrap: wrap; align-items: center; gap: 12px; font-size: 14px; color: var(--muted)}
#home130 .h130-15{display: flex; gap: 8px}
#home130 .h130-16{width: 40px; height: 40px; border-radius: 50%; background: var(--surface); border: 1px solid var(--line); display: flex; align-items: center; justify-content: center}
#home130 .h130-17{width: 20px; height: 20px; display: block}
#home130 .h130-18{width: 20px; height: 20px; display: block; background: var(--ink); -webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAADDElEQVR42u2Yz2sfVRTFP+fO5JsSW0uJYtXiD6IbtYiKWLTYWqQgiODehTtB6MqCKAjionTjUgX/Al24cCNUKl1bTClqFkqN1taIaFpSY2K+35l7XORbiBq+mUmmXfWtz3tz5r57zz33wY3171V0elqU24N8HvEaEfdif9l0a9kZB+KAs3490QNAgXOuzf6ym7DG40m+Z7QTCOEViW/T1/Nyo5xCnAFdBP0Cuij0xQRxS7uIbpWHqyewJgEBRp51FEeWyD+u69WkeVS4Bq4YzaDyDbL6se05ZcPw7wBuKzInx+GHpYhlsvqL1YQ4m+ZXojwJ/AQkUT4E9VSk5jPia7K6stEnNJJlj7urPq8iDmLdCUh4BfQd+HNH+SlZzQ6xd1V9XkY8i3XPUBosfElwKqP8kKxm2hMJnsG8i3XrELcWayCFE3QOWAQ/aDQ+zLv/Yi28hDhmlZ+Q1WIzQQsOKvkAtGudg6/+QIAKYBK4A9QbgRWoJ9iPcydRnsbZH1k1vW3cjnnb6KaGVRUNcV6NHMvr4f+XrP2/eQU01UVpry0uxHQ4jtXkabLaQEei3CG0f6Mkbk/C86h4qyZPNxK07Zljhvu7JCJc43ifrL5prKyLkY902Qiv3nYBX7WT+Iz7rkE3yjpioR2RoHcNiAgYa0Uk3K5RNTdf1Z5WRFLlWSC7ZGE0JvNiWxswh/x75xExzxF6oblnVRTgA8CeDktYoEL2PkLnUTmHczCaiHMQIowOdyxqAk3IPoy9t+xxJmsWRvaaVPkZ8oVhb6DjfNkGFFVVzm/cfZ39EAvAIVDZbR17sSCO2vXPjTzralQ4BQw6VpSTdcT3zQcs54AoZyAPgW7uoBMn8mxvnCP1IC+1m/SclwkuAE+BJraQvCm8SOidesD05kZOMxviN+DpoRuLNSanFu4LVgQDQbXKVGttZQovQxzH/njT5nmNT3mYrN8E9g2TbgU44dAJKM4Dg8jclcFjOF/C2g0I+XLA8TQfbcnFr0NoL1S7oTw3anYJ4smM7EE5TVZ/3njr2Mz6BxvMJS4dH/bFAAAAAElFTkSuQmCC) center / contain no-repeat; mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAADDElEQVR42u2Yz2sfVRTFP+fO5JsSW0uJYtXiD6IbtYiKWLTYWqQgiODehTtB6MqCKAjionTjUgX/Al24cCNUKl1bTClqFkqN1taIaFpSY2K+35l7XORbiBq+mUmmXfWtz3tz5r57zz33wY3171V0elqU24N8HvEaEfdif9l0a9kZB+KAs3490QNAgXOuzf6ym7DG40m+Z7QTCOEViW/T1/Nyo5xCnAFdBP0Cuij0xQRxS7uIbpWHqyewJgEBRp51FEeWyD+u69WkeVS4Bq4YzaDyDbL6se05ZcPw7wBuKzInx+GHpYhlsvqL1YQ4m+ZXojwJ/AQkUT4E9VSk5jPia7K6stEnNJJlj7urPq8iDmLdCUh4BfQd+HNH+SlZzQ6xd1V9XkY8i3XPUBosfElwKqP8kKxm2hMJnsG8i3XrELcWayCFE3QOWAQ/aDQ+zLv/Yi28hDhmlZ+Q1WIzQQsOKvkAtGudg6/+QIAKYBK4A9QbgRWoJ9iPcydRnsbZH1k1vW3cjnnb6KaGVRUNcV6NHMvr4f+XrP2/eQU01UVpry0uxHQ4jtXkabLaQEei3CG0f6Mkbk/C86h4qyZPNxK07Zljhvu7JCJc43ifrL5prKyLkY902Qiv3nYBX7WT+Iz7rkE3yjpioR2RoHcNiAgYa0Uk3K5RNTdf1Z5WRFLlWSC7ZGE0JvNiWxswh/x75xExzxF6oblnVRTgA8CeDktYoEL2PkLnUTmHczCaiHMQIowOdyxqAk3IPoy9t+xxJmsWRvaaVPkZ8oVhb6DjfNkGFFVVzm/cfZ39EAvAIVDZbR17sSCO2vXPjTzralQ4BQw6VpSTdcT3zQcs54AoZyAPgW7uoBMn8mxvnCP1IC+1m/SclwkuAE+BJraQvCm8SOidesD05kZOMxviN+DpoRuLNSanFu4LVgQDQbXKVGttZQovQxzH/njT5nmNT3mYrN8E9g2TbgU44dAJKM4Dg8jclcFjOF/C2g0I+XLA8TQfbcnFr0NoL1S7oTw3anYJ4smM7EE5TVZ/3njr2Mz6BxvMJS4dH/bFAAAAAElFTkSuQmCC) center / contain no-repeat}
#home130 .h130-19{width: 40px; height: 40px; border-radius: 50%; background: var(--surface); border: 1px solid var(--line); color: var(--ink); display: flex; align-items: center; justify-content: center}
#home130 .h130-20{flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round}
#home130 .h130-21{display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: 14px; font-weight: 600}
#home130 .h130-22{display: flex; align-items: center; gap: 6px}
#home130 .h130-23{width: 20px; height: 20px; border-radius: 50%; background: var(--ok); color: var(--ok-ink); display: flex; align-items: center; justify-content: center}
#home130 .h130-24{flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round}
#home130 .h130-25{flex: 1 1 560px; min-width: 0; position: relative; height: 470px}
#home130 .h130-26{position: absolute; right: 0; top: 0; width: 600px; height: 470px}
#home130 .h130-27{position: absolute; left: 0; top: 0; width: 540px; border-radius: 16px; background: var(--surface); border: 1px solid var(--line); box-shadow: 0 30px 60px rgba(12,30,45,0.18); overflow: hidden}
#home130 .h130-28{height: 30px; padding: 0 12px; display: flex; align-items: center; gap: 6px; background: var(--surface-2); border-bottom: 1px solid var(--line)}
#home130 .h130-29{width: 9px; height: 9px; border-radius: 50%; background: #F27B6B}
#home130 .h130-30{width: 9px; height: 9px; border-radius: 50%; background: #F2C26B}
#home130 .h130-31{width: 9px; height: 9px; border-radius: 50%; background: #7BCB8E}
#home130 .h130-32{margin-left: 12px; height: 18px; flex: 1; max-width: 240px; border-radius: 9px; background: var(--surface); font-size: 10px; color: var(--muted); display: flex; align-items: center; padding: 0 10px}
#home130 .h130-33{display: block; width: 540px; height: 337.5px}
#home130 .h130-34{position: absolute; right: 0; bottom: 0; width: 200px; box-sizing: border-box; padding: 8px; border-radius: 34px; background: #0C1E2D; box-shadow: 0 0 0 1px var(--line-2), 0 30px 60px rgba(12,30,45,0.30)}
#home130 .h130-35{display: block; width: 184px; height: 398px; border-radius: 27px}
#home130 .h130-36{position: absolute; left: 24px; bottom: 6px; padding: 12px 14px; border-radius: 16px; background: var(--surface); border: 1px solid var(--line); box-shadow: 0 18px 40px rgba(12,30,45,0.16); display: flex; align-items: center; gap: 10px}
#home130 .h130-37{flex: 0 0 auto; width: 38px; height: 38px; border-radius: 12px; background: var(--video); color: var(--video-ink); display: flex; align-items: center; justify-content: center}
#home130 .h130-38{display: flex; flex-direction: column}
#home130 .h130-39{font-size: 13px}
#home130 .h130-40{font-size: 12px; color: var(--muted)}
#home130 .h130-41{position: absolute; left: 300px; bottom: 54px; padding: 10px 12px; padding: 12px 14px; border-radius: 16px; background: var(--surface); border: 1px solid var(--line); box-shadow: 0 18px 40px rgba(12,30,45,0.16); display: flex; align-items: center; gap: 10px}
#home130 .h130-42{flex: 0 0 auto; width: 32px; height: 32px; border-radius: 10px; background: var(--ok); color: var(--ok-ink); display: flex; align-items: center; justify-content: center}
#home130 .h130-43{background: var(--surface); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line)}
#home130 .h130-44{max-width: 1200px; margin: 0 auto; box-sizing: border-box; padding-left: 24px; padding-right: 24px; padding-top: 26px; padding-bottom: 26px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px}
#home130 .h130-45{display: flex; align-items: center; gap: 14px}
#home130 .h130-46{flex: 0 0 auto; width: 46px; height: 46px; border-radius: 15px; background: var(--doc); color: var(--doc-ink); display: flex; align-items: center; justify-content: center}
#home130 .h130-47{font-size: 17px}
#home130 .h130-48{font-size: 14px; color: var(--muted)}
#home130 .h130-49{flex: 0 0 auto; width: 46px; height: 46px; border-radius: 15px; background: var(--video); color: var(--video-ink); display: flex; align-items: center; justify-content: center}
#home130 .h130-50{flex: 0 0 auto; width: 46px; height: 46px; border-radius: 15px; background: var(--sheet); color: var(--sheet-ink); display: flex; align-items: center; justify-content: center}
#home130 .h130-51{flex: 0 0 auto; width: 46px; height: 46px; border-radius: 15px; background: var(--image); color: var(--image-ink); display: flex; align-items: center; justify-content: center}
#home130 .h130-52{max-width: 1200px; margin: 0 auto; box-sizing: border-box; padding-left: 24px; padding-right: 24px; padding-top: 96px; padding-bottom: 24px; display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center}
#home130 .h130-53{font-size: 14px; font-weight: 700; letter-spacing: 0.08em; color: var(--accent)}
#home130 .h130-54{margin: 0; font-size: 44px; line-height: 1.12; font-weight: 700; letter-spacing: -0.03em}
#home130 .h130-55{margin: 0; max-width: 620px; font-size: 18px; line-height: 1.6; color: var(--muted)}
#home130 .h130-56{margin-top: 26px; width: 100%; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px}
#home130 .h130-57{padding: 22px 12px; border-radius: 20px; background: var(--surface); border: 1px solid var(--line); display: flex; flex-direction: column; align-items: center; gap: 12px}
#home130 .h130-58{flex: 0 0 auto; width: 60px; height: 60px; border-radius: 20px; background: var(--image); color: var(--image-ink); display: flex; align-items: center; justify-content: center}
#home130 .h130-59{font-size: 16px}
#home130 .h130-60{font-size: 13px; line-height: 1.4; color: var(--muted)}
#home130 .h130-61{flex: 0 0 auto; width: 60px; height: 60px; border-radius: 20px; background: var(--video); color: var(--video-ink); display: flex; align-items: center; justify-content: center}
#home130 .h130-62{flex: 0 0 auto; width: 60px; height: 60px; border-radius: 20px; background: var(--audio); color: var(--audio-ink); display: flex; align-items: center; justify-content: center}
#home130 .h130-63{flex: 0 0 auto; width: 60px; height: 60px; border-radius: 20px; background: var(--code); color: var(--code-ink); display: flex; align-items: center; justify-content: center}
#home130 .h130-64{padding: 22px 12px; border-radius: 20px; background: var(--surface); border: 1px solid var(--line); display: flex; flex-direction: column; align-items: center; gap: 12px; opacity: 0.75}
#home130 .h130-65{flex: 0 0 auto; width: 60px; height: 60px; border-radius: 20px; background: var(--pdf); color: var(--pdf-ink); display: flex; align-items: center; justify-content: center}
#home130 .h130-66{flex: 0 0 auto; padding: 3px 10px; border-radius: 999px; background: var(--neutral); color: var(--neutral-ink); font-size: 12px; line-height: 18px; font-weight: 700}
#home130 .h130-67{flex: 0 0 auto; width: 60px; height: 60px; border-radius: 20px; background: var(--sheet); color: var(--sheet-ink); display: flex; align-items: center; justify-content: center}
#home130 .h130-68{max-width: 1200px; margin: 0 auto; box-sizing: border-box; padding-left: 24px; padding-right: 24px; padding-top: 48px; padding-bottom: 48px; display: flex; flex-wrap: wrap; align-items: center; gap: 56px}
#home130 .h130-69{flex: 1 1 420px; min-width: 0; display: flex; flex-direction: column; gap: 16px}
#home130 .h130-70{margin: 0; font-size: 38px; line-height: 1.12; font-weight: 700; letter-spacing: -0.03em}
#home130 .h130-71{margin: 0; font-size: 18px; line-height: 1.6; color: var(--muted)}
#home130 .h130-72{margin: 4px 0 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 12px; font-size: 16px; line-height: 1.5}
#home130 .h130-73{display: flex; gap: 10px; align-items: flex-start}
#home130 .h130-74{flex: 0 0 auto; margin-top: 2px; width: 22px; height: 22px; border-radius: 50%; background: var(--soft); color: var(--accent); display: flex; align-items: center; justify-content: center}
#home130 .h130-75{display: inline-flex; align-items: center; gap: 6px; font-size: 16px; font-weight: 700}
#home130 .h130-76{flex: 1 1 460px; min-width: 0; padding: 36px; border-radius: 28px; background: linear-gradient(140deg, var(--soft) 0%, var(--surface-2) 100%); display: flex; justify-content: center}
#home130 .h130-77{width: 100%; max-width: 440px; box-sizing: border-box; padding: 18px; border-radius: 20px; background: var(--surface); border: 1px solid var(--line); box-shadow: 0 20px 40px rgba(12,30,45,0.10); display: flex; flex-direction: column; gap: 14px}
#home130 .h130-78{display: flex; justify-content: space-between; align-items: center}
#home130 .h130-79{flex: 0 0 auto; padding: 3px 10px; border-radius: 999px; background: var(--doc); color: var(--doc-ink); font-size: 12px; line-height: 18px; font-weight: 700}
#home130 .h130-80{display: flex; align-items: center; gap: 12px}
#home130 .h130-81{flex: 0 0 auto; width: 36px; height: 36px; border-radius: 10px; background: var(--video); color: var(--video-ink); display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 700}
#home130 .h130-82{flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px}
#home130 .h130-83{display: flex; justify-content: space-between; gap: 8px; font-size: 14px}
#home130 .h130-84{font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
#home130 .h130-85{font-weight: 700; color: var(--accent)}
#home130 .h130-86{display: block; height: 6px; border-radius: 3px; background: var(--track); overflow: hidden}
#home130 .h130-87{display: block; width: 62%; height: 100%; border-radius: 3px; background: linear-gradient(90deg, var(--accent), var(--brand))}
#home130 .h130-88{flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%; background: var(--surface-2); display: flex; align-items: center; justify-content: center}
#home130 .h130-89{flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round}
#home130 .h130-90{flex: 0 0 auto; width: 36px; height: 36px; border-radius: 10px; background: var(--doc); color: var(--doc-ink); display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 700}
#home130 .h130-91{display: block; width: 65%; height: 100%; border-radius: 3px; background: linear-gradient(90deg, var(--accent), var(--brand))}
#home130 .h130-92{flex: 0 0 auto; width: 36px; height: 36px; border-radius: 10px; background: var(--pdf); color: var(--pdf-ink); display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 700}
#home130 .h130-93{display: block; width: 77%; height: 100%; border-radius: 3px; background: linear-gradient(90deg, var(--accent), var(--brand))}
#home130 .h130-94{padding: 10px 12px; border-radius: 12px; background: var(--ok); color: var(--ok-ink); font-size: 13px; font-weight: 600; display: flex; align-items: center; gap: 8px}
#home130 .h130-95{flex: 0 0 auto; width: 40px; height: 40px; border-radius: 10px; background: var(--pdf); color: var(--pdf-ink); display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 700}
#home130 .h130-96{flex: 1; display: flex; flex-direction: column}
#home130 .h130-97{font-size: 13px; color: var(--muted)}
#home130 .h130-98{width: 34px; height: 34px; border-radius: 50%; background: var(--video); color: var(--video-ink); font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center}
#home130 .h130-99{flex: 1; font-size: 14px; font-weight: 600}
#home130 .h130-100{padding: 4px 10px; border-radius: 14px; background: var(--surface-2); font-size: 12px; font-weight: 600}
#home130 .h130-101{width: 34px; height: 34px; border-radius: 50%; background: var(--sheet); color: var(--sheet-ink); font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center}
#home130 .h130-102{padding: 12px; border-radius: 14px; background: var(--surface-2); display: flex; flex-direction: column; gap: 10px}
#home130 .h130-103{display: flex; align-items: center; gap: 10px}
#home130 .h130-104{flex: 1; font-size: 14px}
#home130 .h130-105{width: 38px; height: 22px; border-radius: 11px; background: var(--accent); position: relative}
#home130 .h130-106{position: absolute; right: 3px; top: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff}
#home130 .h130-107{height: 36px; padding: 0 4px 0 12px; border-radius: 18px; background: var(--surface); display: flex; align-items: center; gap: 8px; font-size: 12px}
#home130 .h130-108{flex: 1}
#home130 .h130-109{height: 28px; padding: 0 12px; border-radius: 14px; background: var(--accent); color: var(--on-accent); font-weight: 700; display: flex; align-items: center}
#home130 .h130-110{display: flex; flex-wrap: wrap; gap: 6px}
#home130 .h130-111{flex: 0 0 auto; padding: 3px 10px; border-radius: 999px; background: var(--image); color: var(--image-ink); font-size: 12px; line-height: 18px; font-weight: 700}
#home130 .h130-112{flex: 0 0 auto; padding: 3px 10px; border-radius: 999px; background: var(--video); color: var(--video-ink); font-size: 12px; line-height: 18px; font-weight: 700}
#home130 .h130-113{display: flex; justify-content: space-between; align-items: baseline}
#home130 .h130-114{display: flex; flex-direction: column; gap: 6px}
#home130 .h130-115{display: grid; grid-template-columns: 1fr 1fr; gap: 10px}
#home130 .h130-116{padding: 12px; border-radius: 14px; border: 1px solid var(--line); display: flex; flex-direction: column; gap: 8px}
#home130 .h130-117{width: 32px; height: 32px; border-radius: 10px; background: var(--doc); color: var(--doc-ink); display: flex; align-items: center; justify-content: center}
#home130 .h130-118{font-size: 11px; color: var(--muted)}
#home130 .h130-119{width: 32px; height: 32px; border-radius: 10px; background: var(--pdf); color: var(--pdf-ink); display: flex; align-items: center; justify-content: center}
#home130 .h130-120{padding: 10px 12px; border-radius: 12px; background: var(--image); color: var(--image-ink); display: flex; align-items: center; gap: 10px; font-size: 13px}
#home130 .h130-121{flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round}
#home130 .h130-122{height: 26px; padding: 0 12px; border-radius: 13px; background: var(--accent); color: var(--on-accent); font-size: 12px; font-weight: 700; display: flex; align-items: center}
#home130 .h130-123{max-width: 1200px; margin: 0 auto; box-sizing: border-box; padding-left: 24px; padding-right: 24px; padding-top: 72px; padding-bottom: 96px; display: flex; flex-direction: column; gap: 14px}
#home130 .h130-124{margin-top: 22px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px}
#home130 .h130-125{padding: 28px; border-radius: 24px; background: var(--surface); border: 1px solid var(--line); display: flex; flex-direction: column; gap: 14px}
#home130 .h130-126{flex: 0 0 auto; width: 56px; height: 56px; border-radius: 18px; background: var(--doc); color: var(--doc-ink); display: flex; align-items: center; justify-content: center}
#home130 .h130-127{font-size: 22px; letter-spacing: -0.01em}
#home130 .h130-128{font-size: 16px; line-height: 1.6; color: var(--muted)}
#home130 .h130-129{margin-top: auto}
#home130 .h130-130{height: 46px; box-sizing: border-box; padding: 0 23px; border-radius: 23px; background: var(--surface); color: var(--ink); border: 1px solid var(--line-2); display: inline-flex; align-items: center; gap: 8px; font-size: 17px; font-weight: 700; text-decoration: none; white-space: nowrap}
#home130 .h130-131{flex: 0 0 auto; width: 56px; height: 56px; border-radius: 18px; background: var(--video); color: var(--video-ink); display: flex; align-items: center; justify-content: center}
#home130 .h130-132{height: 46px; box-sizing: border-box; padding: 0 23px; border-radius: 23px; background: var(--accent); color: var(--on-accent); box-shadow: 0 10px 24px rgba(11,111,184,0.28); display: inline-flex; align-items: center; gap: 8px; font-size: 17px; font-weight: 700; text-decoration: none; white-space: nowrap}
#home130 .h130-133{flex: 0 0 auto; width: 56px; height: 56px; border-radius: 18px; background: var(--sheet); color: var(--sheet-ink); display: flex; align-items: center; justify-content: center}
#home130 .h130-134{position: relative; overflow: hidden; background: linear-gradient(150deg, var(--deep) 0%, #0E3E66 100%); color: var(--deep-ink)}
#home130 .h130-135{position: absolute; right: -80px; bottom: -120px; width: 460px; opacity: 0.08}
#home130 .h130-136{max-width: 1200px; margin: 0 auto; box-sizing: border-box; padding-left: 24px; padding-right: 24px; position: relative; padding-top: 96px; padding-bottom: 96px; display: flex; flex-wrap: wrap; gap: 48px; align-items: center}
#home130 .h130-137{flex: 1 1 340px; display: flex; flex-direction: column; gap: 18px}
#home130 .h130-138{font-size: 14px; font-weight: 700; letter-spacing: 0.08em; color: var(--brand)}
#home130 .h130-139{margin: 0; font-size: 18px; line-height: 1.6; color: var(--deep-muted)}
#home130 .h130-140{height: 50px; box-sizing: border-box; padding: 0 25px; border-radius: 25px; background: #FFFFFF; color: #0B2B45; display: inline-flex; align-items: center; gap: 8px; font-size: 17px; font-weight: 700; text-decoration: none; white-space: nowrap}
#home130 .h130-141{flex: 1.6 1 520px; display: grid; grid-template-columns: 1fr 1fr; gap: 16px}
#home130 .h130-142{padding: 24px; border-radius: 20px; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.10); display: flex; flex-direction: column; gap: 10px}
#home130 .h130-143{width: 46px; height: 46px; border-radius: 15px; background: rgba(66,188,250,0.16); color: #8DEBF7; display: flex; align-items: center; justify-content: center}
#home130 .h130-144{font-size: 18px}
#home130 .h130-145{font-size: 15px; line-height: 1.6; color: var(--deep-muted)}
#home130 .h130-146{max-width: 1200px; margin: 0 auto; box-sizing: border-box; padding-left: 24px; padding-right: 24px; padding-top: 96px; padding-bottom: 40px; display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center}
#home130 .h130-147{margin: 0 0 8px; max-width: 640px; font-size: 18px; line-height: 1.6; color: var(--muted)}
#home130 .h130-148{padding: 4px; border-radius: 26px; background: var(--surface-2); display: flex; gap: 2px}
#home130 .h130-149{height: 40px; padding: 0 20px; border-radius: 20px; background: var(--surface); font-size: 15px; font-weight: 700; display: flex; align-items: center; box-shadow: 0 1px 4px rgba(12,30,45,0.12)}
#home130 .h130-150{height: 40px; padding: 0 12px 0 20px; border-radius: 20px; color: var(--muted); font-size: 15px; font-weight: 600; display: flex; align-items: center; gap: 8px}
#home130 .h130-151{flex: 0 0 auto; padding: 3px 10px; border-radius: 999px; background: var(--ok); color: var(--ok-ink); font-size: 12px; line-height: 18px; font-weight: 700}
#home130 .h130-152{margin-top: 30px; width: 100%; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; align-items: stretch; text-align: left}
#home130 .h130-153{padding: 26px; border-radius: 24px; border: 1px solid var(--line); background: var(--surface); display: flex; flex-direction: column; gap: 18px}
#home130 .h130-154{display: flex; align-items: center; justify-content: space-between}
#home130 .h130-155{flex: 0 0 auto; width: 48px; height: 48px; border-radius: 16px; background: var(--doc); color: var(--doc-ink); display: flex; align-items: center; justify-content: center}
#home130 .h130-156{display: flex; flex-direction: column; gap: 4px}
#home130 .h130-157{font-size: 16px; color: var(--muted)}
#home130 .h130-158{font-size: 40px; line-height: 1.05; letter-spacing: -0.03em}
#home130 .h130-159{font-size: 17px; font-weight: 700}
#home130 .h130-160{font-weight: 500; color: var(--muted)}
#home130 .h130-161{margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; font-size: 15px}
#home130 .h130-162{width: 20px; height: 20px; border-radius: 50%; background: var(--soft); color: var(--accent); display: flex; align-items: center; justify-content: center}
#home130 .h130-163{margin-top: auto; display: flex}
#home130 .h130-164{height: 48px; box-sizing: border-box; padding: 0 24px; border-radius: 24px; background: var(--surface); color: var(--ink); border: 1px solid var(--line-2); display: flex; flex: 1; justify-content: center; align-items: center; gap: 8px; font-size: 17px; font-weight: 700; text-decoration: none; white-space: nowrap}
#home130 .h130-165{padding: 26px; border-radius: 24px; border: 2px solid var(--accent); background: linear-gradient(180deg, var(--soft) 0%, var(--surface) 50%); box-shadow: 0 24px 50px rgba(11,111,184,0.18); transform: translateY(-8px); display: flex; flex-direction: column; gap: 18px}
#home130 .h130-166{width: 48px; height: 48px; border-radius: 16px; background: linear-gradient(135deg, var(--accent), var(--brand)); color: #fff; display: flex; align-items: center; justify-content: center}
#home130 .h130-167{flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round}
#home130 .h130-168{padding: 4px 12px; border-radius: 999px; background: var(--accent); color: var(--on-accent); font-size: 12px; font-weight: 700}
#home130 .h130-169{height: 48px; box-sizing: border-box; padding: 0 24px; border-radius: 24px; background: var(--accent); color: var(--on-accent); box-shadow: 0 10px 24px rgba(11,111,184,0.28); display: flex; flex: 1; justify-content: center; align-items: center; gap: 8px; font-size: 17px; font-weight: 700; text-decoration: none; white-space: nowrap}
#home130 .h130-170{flex: 0 0 auto; width: 48px; height: 48px; border-radius: 16px; background: var(--image); color: var(--image-ink); display: flex; align-items: center; justify-content: center}
#home130 .h130-171{padding: 26px; border-radius: 24px; border: 1px dashed var(--line-2); background: var(--surface); display: flex; flex-direction: column; gap: 18px}
#home130 .h130-172{flex: 0 0 auto; width: 48px; height: 48px; border-radius: 16px; background: var(--code); color: var(--code-ink); display: flex; align-items: center; justify-content: center}
#home130 .h130-173{margin: 14px 0 0; font-size: 14px; color: var(--muted)}
#home130 .h130-174{font-weight: 700}
#home130 .h130-175{max-width: 1200px; margin: 0 auto; box-sizing: border-box; padding-left: 24px; padding-right: 24px; padding-top: 40px; padding-bottom: 40px}
#home130 .h130-176{padding: 26px 30px; border-radius: 24px; background: var(--surface); border: 1px solid var(--line); display: flex; flex-wrap: wrap; align-items: center; gap: 16px 28px}
#home130 .h130-177{flex: 0 1 300px; display: flex; align-items: center; gap: 14px}
#home130 .h130-178{display: flex; flex-direction: column; gap: 2px}
#home130 .h130-179{margin: 0; font-size: 20px; font-weight: 700}
#home130 .h130-180{flex: 1 1 520px; display: flex; flex-wrap: wrap; gap: 8px}
#home130 .h130-181{height: 34px; padding: 0 6px 0 14px; border-radius: 17px; background: var(--surface-2); display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600}
#home130 .h130-182{max-width: 880px; margin: 0 auto; box-sizing: border-box; padding: 64px 24px 72px}
#home130 .h130-183{margin: 0 0 22px; text-align: center; font-size: 40px; line-height: 1.15; font-weight: 700; letter-spacing: -0.03em}
#home130 .h130-184{display: flex; flex-direction: column; gap: 10px}
#home130 .h130-185{border-radius: 18px; background: var(--surface); border: 1px solid var(--line)}
#home130 .h130-186{padding: 18px 22px; display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 17px; font-weight: 700}
#home130 .h130-187{flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%; background: var(--surface-2); display: flex; align-items: center; justify-content: center; font-size: 18px; color: var(--accent)}
#home130 .h130-188{margin: 0; padding: 0 22px 20px; font-size: 16px; line-height: 1.65; color: var(--muted)}
#home130 .h130-189{max-width: 1200px; margin: 0 auto; box-sizing: border-box; padding-left: 24px; padding-right: 24px; padding-bottom: 96px}
#home130 .h130-190{position: relative; overflow: hidden; padding: 64px 48px; border-radius: 32px; background: linear-gradient(120deg, #0B6FB8 0%, #1C93D9 55%, #42BCFA 100%); color: #FFFFFF; display: flex; flex-wrap: wrap; align-items: center; gap: 28px 40px}
#home130 .h130-191{position: absolute; right: -40px; top: -70px; width: 340px; opacity: 0.16}
#home130 .h130-192{position: relative; flex: 1 1 460px; display: flex; flex-direction: column; gap: 12px}
#home130 .h130-193{margin: 0; font-size: 44px; line-height: 1.1; font-weight: 700; letter-spacing: -0.03em}
#home130 .h130-194{margin: 0; font-size: 18px; line-height: 1.6; color: rgba(255,255,255,0.88)}
#home130 .h130-195{position: relative; display: flex; flex-wrap: wrap; gap: 12px}
#home130 .h130-196{height: 54px; box-sizing: border-box; padding: 0 27px; border-radius: 27px; background: #FFFFFF; color: #0B2B45; display: inline-flex; align-items: center; gap: 8px; font-size: 17px; font-weight: 700; text-decoration: none; white-space: nowrap}
#home130 .h130-197{height: 54px; box-sizing: border-box; padding: 0 27px; border-radius: 27px; border: 2px solid rgba(255,255,255,0.85); color: #FFFFFF; display: inline-flex; align-items: center; gap: 8px; font-size: 17px; font-weight: 700; text-decoration: none; white-space: nowrap}