@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--color-primary:#000;--color-background:#fff;--color-secondary-bg:#f5f5f7;--color-text-primary:#1d1d1f;--color-text-secondary:#6e6e73;--color-text-tertiary:#86868b;--color-border:#00000014;--color-accent:#2997ff;--color-accent-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--color-graph-node:#667eea;--color-graph-edge:#667eea4d;--color-tumbuh:#34c759;--color-pulse:#5856d6;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-hero:800 clamp(48px,7vw,80px)/1.05 var(--font-family);--font-section-title:700 clamp(36px,5vw,56px)/1.1 var(--font-family);--font-subtitle:600 clamp(24px,3vw,36px)/1.2 var(--font-family);--font-body-lg:400 clamp(18px,2vw,22px)/1.6 var(--font-family);--font-body:400 16px/1.7 var(--font-family);--font-caption:500 14px/1.5 var(--font-family);--font-overline:600 13px/1.4 var(--font-family);--section-padding:clamp(80px,12vw,160px)clamp(20px,5vw,80px);--container-max:1200px;--container-narrow:800px;--ease-out-expo:cubic-bezier(.16,1,.3,1);--transition-fast:.2s var(--ease-out-expo);--transition-medium:.5s var(--ease-out-expo);--transition-slow:.8s var(--ease-out-expo);--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 4px 24px #0000000f;--shadow-lg:0 8px 48px #00000014;--shadow-xl:0 16px 64px #0000001f;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font:var(--font-body);color:var(--color-text-primary);background-color:var(--color-background);overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font-family:var(--font-family);cursor:pointer;background:0 0;border:none}.section{padding:var(--section-padding);position:relative}.section--dark{background-color:var(--color-primary);color:var(--color-background)}.section--gray{background-color:var(--color-secondary-bg)}.container{max-width:var(--container-max);width:100%;margin:0 auto}.container--narrow{max-width:var(--container-narrow)}.text-hero{font:var(--font-hero);letter-spacing:-.03em;color:var(--color-text-primary)}.text-section-title{font:var(--font-section-title);letter-spacing:-.025em;color:var(--color-text-primary)}.text-subtitle{font:var(--font-subtitle);letter-spacing:-.02em}.text-body-lg{font:var(--font-body-lg);color:var(--color-text-secondary)}.text-overline{font:var(--font-overline);text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-tertiary)}.text-center{text-align:center}.text-gradient{background:var(--color-accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{font:var(--font-caption);letter-spacing:.02em;transition:all var(--transition-fast);white-space:nowrap;border-radius:980px;justify-content:center;align-items:center;gap:8px;padding:16px 32px;font-weight:600;display:inline-flex}.btn--primary{background:var(--color-primary);color:var(--color-background)}.btn--primary:hover{box-shadow:var(--shadow-lg);background:#333;transform:scale(1.02)}.btn--gradient{background:var(--color-accent-gradient);color:#fff}.btn--gradient:hover{transform:scale(1.02);box-shadow:0 8px 32px #667eea59}.btn--outline{border:1.5px solid var(--color-border);color:var(--color-text-primary);background:0 0}.btn--outline:hover{border-color:var(--color-text-primary);background:#00000008}.btn--white{background:var(--color-background);color:var(--color-primary)}.btn--white:hover{background:#f0f0f0;transform:scale(1.02)}.btn--lg{padding:20px 44px;font-size:16px}.card{background:var(--color-background);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all var(--transition-medium);padding:clamp(32px,4vw,48px)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card--glass{-webkit-backdrop-filter:blur(20px);background:#ffffffb3}@media (max-width:768px){.section{padding:60px 20px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-glow{0%,to{opacity:.4}50%{opacity:1}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}
.Navbar-module__cJzEcG__nav{z-index:1000;transition:all var(--transition-medium);background:0 0;padding:0 clamp(20px,5vw,80px);position:fixed;top:0;left:0;right:0}.Navbar-module__cJzEcG__scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);background:#ffffffd9}.Navbar-module__cJzEcG__container{max-width:var(--container-max);justify-content:space-between;align-items:center;height:64px;margin:0 auto;display:flex}.Navbar-module__cJzEcG__logo{color:var(--color-text-primary);transition:opacity var(--transition-fast);align-items:center;gap:10px;text-decoration:none;display:flex}.Navbar-module__cJzEcG__logo:hover{opacity:.7}.Navbar-module__cJzEcG__logoIcon{object-fit:contain;border-radius:6px}.Navbar-module__cJzEcG__logoText{letter-spacing:-.03em;color:var(--color-text-primary);font-size:20px;font-weight:600}.Navbar-module__cJzEcG__links{align-items:center;gap:32px;display:flex}.Navbar-module__cJzEcG__link{color:var(--color-text-secondary);transition:color var(--transition-fast);font-size:14px;font-weight:500;position:relative}.Navbar-module__cJzEcG__link:after{content:"";background:var(--color-text-primary);width:0;height:1.5px;transition:width var(--transition-fast);position:absolute;bottom:-4px;left:0}.Navbar-module__cJzEcG__link:hover{color:var(--color-text-primary)}.Navbar-module__cJzEcG__link:hover:after{width:100%}.Navbar-module__cJzEcG__cta{padding:10px 24px!important;font-size:13px!important}.Navbar-module__cJzEcG__burger{cursor:pointer;z-index:1001;flex-direction:column;gap:5px;padding:8px;display:none}.Navbar-module__cJzEcG__burger span{background:var(--color-text-primary);width:22px;height:2px;transition:all var(--transition-fast);border-radius:2px;display:block}.Navbar-module__cJzEcG__burgerOpen span:first-child{transform:rotate(45deg)translate(5px,5px)}.Navbar-module__cJzEcG__burgerOpen span:nth-child(2){opacity:0}.Navbar-module__cJzEcG__burgerOpen span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}@media (max-width:768px){.Navbar-module__cJzEcG__burger{display:flex}.Navbar-module__cJzEcG__links{-webkit-backdrop-filter:blur(30px);opacity:0;pointer-events:none;transition:opacity var(--transition-medium);background:#fffffffa;flex-direction:column;justify-content:center;gap:32px;position:fixed;inset:0}.Navbar-module__cJzEcG__open{opacity:1;pointer-events:all}.Navbar-module__cJzEcG__link{font-size:24px;font-weight:600}}
.Footer-module__S6Hkya__footer{background:var(--color-primary);color:#fffc;padding:80px clamp(20px,5vw,80px) 40px}.Footer-module__S6Hkya__container{max-width:var(--container-max);margin:0 auto}.Footer-module__S6Hkya__top{border-bottom:1px solid #ffffff1a;justify-content:space-between;gap:60px;padding-bottom:60px;display:flex}.Footer-module__S6Hkya__brand{max-width:320px}.Footer-module__S6Hkya__logo{color:#fff;align-items:center;gap:10px;margin-bottom:16px;display:flex}.Footer-module__S6Hkya__logoIcon{object-fit:contain;border-radius:4px}.Footer-module__S6Hkya__logoText{letter-spacing:-.03em;color:#fff;font-size:20px;font-weight:600}.Footer-module__S6Hkya__tagline{color:#ffffff80;font-size:15px;line-height:1.6}.Footer-module__S6Hkya__linksGrid{gap:80px;display:flex}.Footer-module__S6Hkya__linkGroup{flex-direction:column;gap:12px;display:flex}.Footer-module__S6Hkya__linkGroup h4{text-transform:uppercase;letter-spacing:.1em;color:#fff6;margin-bottom:4px;font-size:13px;font-weight:600}.Footer-module__S6Hkya__linkGroup a{color:#ffffffb3;transition:color var(--transition-fast);font-size:14px}.Footer-module__S6Hkya__linkGroup a:hover{color:#fff}.Footer-module__S6Hkya__bottom{justify-content:space-between;align-items:center;padding-top:32px;display:flex}.Footer-module__S6Hkya__bottom p{color:#ffffff4d;font-size:13px}.Footer-module__S6Hkya__socials{gap:16px;display:flex}.Footer-module__S6Hkya__socials a{color:#fff6;transition:color var(--transition-fast);display:flex}.Footer-module__S6Hkya__socials a:hover{color:#fff}@media (max-width:768px){.Footer-module__S6Hkya__top{flex-direction:column;gap:40px}.Footer-module__S6Hkya__linksGrid{gap:48px}.Footer-module__S6Hkya__bottom{text-align:center;flex-direction:column;gap:20px}}