@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--bg: #f6f7fb;--surface: #ffffff;--text: #0b1020;--muted: #5b6478;--line: rgba(15, 23, 42, .09);--soft: #f1f3f9;--blue-soft: rgba(99, 102, 241, .07);--blue-line: rgba(99, 102, 241, .16);--teal: #0d9488;--teal-soft: #e9fbf7;--accent: #4f46e5;--accent-dark: #4338ca;--violet: #8b5cf6;--cyan: #06b6d4;--danger: #b42318;--ink: #070b18;--radius: 24px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px rgba(15, 23, 42, .05);--shadow-lg: 0 24px 60px rgba(49, 46, 129, .16);--font: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:radial-gradient(900px 500px at 12% -8%,rgba(99,102,241,.1),transparent 60%),radial-gradient(800px 500px at 88% 0%,rgba(6,182,212,.08),transparent 60%),var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:#4f46e538;color:var(--text)}body.modal-open,body.menu-open{overflow:hidden}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-weight:800;line-height:1.2;letter-spacing:-.025em}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.container{width:100%;max-width:1140px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border:1px solid transparent;border-radius:999px;font-size:14px;font-weight:700;line-height:1.4;text-align:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease}.btn--primary{background:linear-gradient(135deg,var(--accent),var(--violet) 60%,var(--cyan));background-size:160% 160%;border-color:transparent;color:#fff;box-shadow:0 10px 24px #4f46e547}.btn--primary:hover{background-position:100% 50%;box-shadow:0 14px 32px #4f46e55c;transform:translateY(-2px)}.btn--secondary{background:#ffffffb3;border-color:var(--line);color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn--secondary:hover{background:#fff;border-color:#4f46e559;color:var(--accent);transform:translateY(-2px)}.btn--small{padding:9px 16px;font-size:13px}.btn--block{width:100%}.btn__icon{display:inline-flex;width:16px;height:16px;flex:none}.btn__icon svg{width:100%;height:100%}.btn__spinner{display:none;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.btn.is-loading .btn__spinner{display:inline-block}.btn.is-loading .btn__label{opacity:.75}@keyframes spin{to{transform:rotate(360deg)}}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:12px;background:#ffffffb8;color:var(--muted);cursor:pointer;transition:color .2s ease,border-color .2s ease,background-color .2s ease}.icon-btn:hover{color:var(--accent);border-color:#4f46e54d;background:#fff}.icon-btn svg{width:18px;height:18px}.header{position:sticky;top:0;z-index:100;background:#f6f7fbb8;border-bottom:1px solid transparent;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);transition:border-color .25s ease,box-shadow .25s ease,background-color .25s ease}.header.is-scrolled{background:#f6f7fbdb;border-bottom-color:var(--line);box-shadow:0 12px 40px #0f172a0f}.header__inner{display:flex;align-items:center;gap:24px;height:72px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:18px;font-weight:800;letter-spacing:-.03em;white-space:nowrap}.brand__mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--accent),var(--violet) 55%,var(--cyan));box-shadow:0 8px 20px #4f46e552;color:#fff;font-size:13px;font-weight:800;letter-spacing:-.02em}.brand__dot{background:linear-gradient(135deg,var(--accent),var(--cyan));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.nav{margin-left:auto}.nav__list{display:flex;align-items:center;gap:4px;margin:0;padding:4px;list-style:none;border:1px solid var(--line);border-radius:999px;background:#fff9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav__link{display:block;padding:8px 14px;border-radius:999px;font-size:14px;font-weight:500;color:var(--muted);transition:color .2s ease,background-color .2s ease}.nav__link:hover{color:var(--text);background:#0f172a0a}.nav__link.is-active{color:var(--accent);font-weight:700;background:#4f46e51a}.header__actions{display:flex;align-items:center;gap:8px}.menu-toggle,.menu-toggle__close,.menu-toggle[aria-expanded=true] .menu-toggle__open{display:none}.menu-toggle[aria-expanded=true] .menu-toggle__close{display:inline-flex}.mobile-menu{display:none;position:fixed;top:73px;right:0;bottom:0;left:0;z-index:90;padding:20px 24px 32px;overflow-y:auto;background:#f6f7fbf7;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-menu.is-open{display:block}.mobile-menu__list{margin:0 0 24px;padding:0;list-style:none}.mobile-menu__list a{display:block;padding:16px 4px;border-bottom:1px solid var(--line);font-size:18px;font-weight:600}.mobile-menu__list a:hover{color:var(--accent)}.hero{position:relative;overflow:hidden;padding:clamp(64px,9vw,112px) 0 clamp(56px,7vw,96px);background:radial-gradient(60% 70% at 12% 8%,rgba(99,102,241,.2),transparent 62%),radial-gradient(55% 65% at 88% 12%,rgba(6,182,212,.16),transparent 62%),linear-gradient(180deg,#f1f3ff,#f6f7fb00)}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(15,23,42,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.045) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,#000 30%,transparent 75%);pointer-events:none}.hero>.container{position:relative;z-index:1}.hero__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:64px;align-items:center}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero__copy,.hero__panel{animation:rise .7s cubic-bezier(.2,.8,.2,1) both}.hero__panel{animation-delay:.1s}.hero__kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 20px;padding:7px 14px;border:1px solid rgba(79,70,229,.22);border-radius:999px;background:#fff9;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.02em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero__kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--cyan));box-shadow:0 0 0 4px #4f46e524}.hero h1{margin:0 0 20px;font-size:clamp(34px,5vw,56px);line-height:1.08;letter-spacing:-.04em}.hero__highlight{background:linear-gradient(115deg,var(--accent) 10%,var(--violet) 48%,var(--cyan) 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hero__desc{max-width:560px;margin:0 0 30px;font-size:17px;color:var(--muted)}.hero__actions{display:flex;flex-wrap:wrap;gap:12px}.hero__meta{display:inline-flex;align-items:center;gap:8px;margin:28px 0 0;font-size:13px;font-weight:500;color:var(--muted)}.hero__meta:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px #0d948824}.hero__panel{position:relative;isolation:isolate;padding:28px;border:1px solid rgba(255,255,255,.7);border-radius:var(--radius);background:linear-gradient(160deg,#ffffffe6,#ffffffa8);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%)}.hero__panel:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:-1;border-radius:inherit;background:linear-gradient(140deg,rgba(79,70,229,.5),rgba(6,182,212,.4),transparent 65%);filter:blur(14px);opacity:.55}.hero__panel-label{margin:0;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.hero__panel-title{margin:8px 0 0;font-size:24px;font-weight:800;line-height:1.2;letter-spacing:-.035em;color:var(--text)}.hero__panel ul{margin:20px 0 0;padding:0;list-style:none}.hero__panel li{position:relative;padding:9px 0 9px 26px;border-bottom:1px solid var(--line);font-size:14px;font-weight:500}.hero__panel li:before{content:"";position:absolute;left:2px;top:50%;width:14px;height:14px;transform:translateY(-50%);border-radius:50%;background:#0d94881f;box-shadow:inset 0 0 0 4px #0d94881f}.hero__panel li:after{content:"";position:absolute;left:6px;top:50%;width:5px;height:9px;border-right:2px solid var(--teal);border-bottom:2px solid var(--teal);transform:translateY(-62%) rotate(45deg)}.hero__panel li:last-child{border-bottom:0}.hero__panel .btn{margin-top:20px}.section{padding:clamp(64px,8vw,96px) 0}#layanan{background:linear-gradient(180deg,rgba(99,102,241,.05),transparent 70%)}#karya{background:linear-gradient(180deg,rgba(6,182,212,.05),transparent 70%)}#faq{background:linear-gradient(180deg,rgba(139,92,246,.04),transparent 70%)}#kontak{background:linear-gradient(180deg,transparent,rgba(99,102,241,.06))}.section__head{max-width:680px;margin-bottom:40px}.section__head h2{position:relative;margin:0 0 14px;padding-bottom:14px;font-size:clamp(28px,3.4vw,38px);letter-spacing:-.035em}.section__head h2:after{content:"";position:absolute;left:0;bottom:0;width:56px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--violet) 55%,var(--cyan))}.section__head p{margin:0;font-size:16px;color:var(--muted)}.services{display:grid;grid-template-columns:minmax(0,780px);gap:16px}.service{padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.service:hover{transform:translateY(-4px);border-color:#4f46e53d;box-shadow:var(--shadow-lg)}.service__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.service h3{margin:0;font-size:17px}.service__price{padding:4px 12px;border-radius:999px;background:linear-gradient(135deg,#4f46e51f,#06b6d41f);color:var(--accent);font-size:13px;font-weight:800;white-space:nowrap}.service__desc{margin:10px 0 12px;font-size:14px;color:var(--muted)}.service__list{margin:0 0 16px;padding:0;list-style:none;font-size:14px}.service__list li{position:relative;padding-left:18px;margin:4px 0;color:#3f4954}.service__list li:before{content:"✓";position:absolute;left:0;color:var(--teal);font-weight:700}.service__link{font-size:13px;font-weight:600;color:var(--accent)}.service__link:hover{text-decoration:underline}.projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.project{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.project:nth-child(2){border-color:var(--line);background:var(--surface)}.project:hover{transform:translateY(-4px);border-color:#4f46e53d;box-shadow:var(--shadow-lg)}.project__card{display:flex;flex-direction:column;height:100%;padding:28px;border-radius:inherit}.project__top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.project h3{margin:0;font-size:17px}.project__year{padding:4px 10px;border-radius:999px;background:#4f46e51a;color:var(--accent);font-size:12px;font-weight:800}.project:nth-child(2) .project__year{background:#0d94881a;color:var(--teal)}.project__sub{margin:8px 0 0;font-size:14px;color:var(--muted)}.project__result{margin:12px 0 0;font-size:13px;font-weight:600;color:var(--accent)}.project:nth-child(2) .project__result{color:var(--teal)}.project__tags{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 16px}.chip{padding:4px 10px;border-radius:999px;background:#4f46e514;font-size:12px;font-weight:600;color:var(--accent)}.project:nth-child(2) .chip{background:#0d948814;color:var(--teal)}.project__more{margin-top:auto;font-size:13px;font-weight:600;color:var(--accent)}.project:nth-child(2) .project__more{color:var(--teal)}.faq{display:grid;grid-template-columns:300px minmax(0,1fr);gap:48px;align-items:start}.faq__intro h2{position:relative;margin:0 0 14px;padding-bottom:14px;font-size:clamp(28px,3.4vw,38px)}.faq__intro h2:after,.contact h2:after{content:"";position:absolute;left:0;bottom:0;width:56px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--violet) 55%,var(--cyan))}.faq__intro p{margin:0;font-size:15px;color:var(--muted)}.faq__list{display:grid;gap:12px}.faq__item{padding:0 22px;border:1px solid var(--line);border-radius:18px;background:#ffffffbf;box-shadow:var(--shadow-sm);transition:border-color .2s ease,background-color .2s ease}.faq__item[open]{border-color:#4f46e53d;background:#fff}.faq__item summary{position:relative;padding:20px 34px 20px 0;font-size:15px;font-weight:700;cursor:pointer;list-style:none}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary:after{content:"+";position:absolute;top:50%;right:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#4f46e51a;transform:translateY(-50%);color:var(--accent);font-size:16px;font-weight:500}.faq__item[open] summary{color:var(--accent)}.faq__item[open] summary:after{content:"-"}.faq__body{padding:0 0 20px}.faq__body p{margin:0;font-size:14px;color:var(--muted)}.contact__intro{max-width:640px;padding:34px;border:1px solid var(--line);border-radius:var(--radius);background:#fffc;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.contact h2{position:relative;margin:0 0 14px;padding-bottom:14px;font-size:clamp(28px,3.4vw,38px)}.contact__intro>p{max-width:46ch;margin:0;font-size:15px;color:var(--muted)}.contact__list{margin:26px 0 0;padding:0;list-style:none}.contact__list li{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px}.contact__list>li>span:first-child{flex:none;width:88px;color:var(--muted)}.contact__list a{font-weight:600;text-decoration:underline;text-decoration-color:#4f46e547;text-underline-offset:3px}.contact__list a:hover{color:var(--accent);text-decoration-color:var(--accent)}.link-btn{padding:4px 10px;border:1px solid rgba(79,70,229,.2);border-radius:999px;background:#4f46e50f;color:var(--accent);font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.link-btn:hover{background:#4f46e51f;border-color:#4f46e559}.footer{position:relative;overflow:hidden;padding:64px 0 24px;background:radial-gradient(60% 60% at 15% 0%,rgba(79,70,229,.28),transparent 60%),radial-gradient(50% 50% at 90% 10%,rgba(6,182,212,.18),transparent 60%),linear-gradient(180deg,#0b1020,#070b18);color:#fff}.footer .brand{color:#fff}.footer__top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px}.footer__brand p{max-width:42ch;margin:14px 0 20px;font-size:14px;color:#ffffff9e}.footer__col h3{margin:0 0 14px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#ffffff73}.footer__col a{display:block;margin:8px 0;font-size:14px;color:#ffffffb3;transition:color .2s ease,transform .2s ease}.footer__col a:hover{color:#fff;transform:translate(2px)}.footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:48px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:12px;color:#ffffff80}.socials{display:flex;flex-wrap:wrap;gap:8px}.socials a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--line);border-radius:12px;background:#fffc;color:var(--muted);transition:transform .2s ease,color .2s ease,border-color .2s ease,background-color .2s ease}.socials a:hover{transform:translateY(-2px);color:var(--accent);border-color:#4f46e559;background:#fff}.footer .socials a{border-color:#ffffff24;background:#ffffff0d;color:#ffffffb8}.footer .socials a:hover{color:#fff;border-color:#ffffff52;background:#ffffff1a}.socials svg{width:16px;height:16px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:20px;visibility:hidden;opacity:0;transition:opacity .2s ease,visibility 0s linear .2s}.modal.is-open{visibility:visible;opacity:1;transition:opacity .2s ease,visibility 0s}.modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#070b189e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal__panel{position:relative;width:100%;max-width:660px;max-height:min(85vh,720px);overflow:auto;background:#fff;border:1px solid rgba(255,255,255,.6);border-radius:var(--radius);box-shadow:0 40px 100px #070b1866;transform:translateY(12px) scale(.98);transition:transform .25s ease}.modal.is-open .modal__panel{transform:translateY(0) scale(1)}.modal__close{position:absolute;top:14px;right:14px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:12px;background:#ffffffe6;color:var(--muted);font-size:22px;line-height:1;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal__close:hover{color:var(--text);border-color:#4f46e54d}.modal__media{display:flex;justify-content:space-between;gap:16px;padding:18px 64px 18px 28px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#4f46e517,#06b6d417);font-size:13px;font-weight:600;color:var(--accent)}.modal__body{padding:28px}.modal__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;color:var(--muted)}.modal__type{padding-right:8px;border-right:1px solid var(--line)}.modal__result{font-weight:600;color:var(--text)}.modal__title{margin:0 0 8px;font-size:22px}.modal__desc{margin:0 0 18px;font-size:14px;color:var(--muted)}.modal__subtitle{margin:0 0 8px;font-size:13px}.modal__features{margin:0 0 18px;padding-left:18px;font-size:14px;color:#3f4954}.modal__features li{margin:4px 0}.modal__tags{display:flex;flex-wrap:wrap;gap:6px}.toast{position:fixed;bottom:24px;left:50%;z-index:300;display:flex;align-items:center;gap:10px;max-width:calc(100% - 32px);padding:13px 20px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#070b18eb;color:#fff;font-size:13px;font-weight:500;box-shadow:0 18px 40px #070b184d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);visibility:hidden;opacity:0;transform:translate(-50%,12px);transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}.toast.is-visible{visibility:visible;opacity:1;transform:translate(-50%);transition:opacity .2s ease,transform .2s ease,visibility 0s}.toast__icon{display:inline-flex;width:16px;height:16px;flex:none}.toast__icon svg{width:100%;height:100%}@media(max-width:900px){.nav{display:none}.header__actions{margin-left:auto}.menu-toggle{display:inline-flex}.hero{padding:56px 0 64px}.hero__grid{grid-template-columns:1fr;gap:40px}.hero__panel{max-width:520px}.projects{grid-template-columns:repeat(2,minmax(0,1fr))}.faq{grid-template-columns:1fr;gap:24px}}@media(max-width:700px){.container{padding:0 16px}.section{padding:44px 0}.footer__top{grid-template-columns:1fr;gap:28px}.footer__bottom{margin-top:24px}.contact__intro{padding:26px}.modal__body{padding:22px}.modal__media{padding:16px 56px 16px 22px}}@media(max-width:620px){.services,.projects{grid-template-columns:1fr}.header__cta{display:none}.hero__actions .btn{width:100%}.hero__meta{font-size:12px}.contact__intro,.hero__panel{padding:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}