@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@600;700;800&display=swap";:root{--bg-main: #f4f8ff;--surface: #ffffff;--surface-soft: #eef4ff;--text-strong: #0f1f39;--text-body: #556681;--brand: #215dde;--brand-deep: #1847b0;--line: #d8e4fb;--shadow-lg: 0 26px 52px rgba(18, 54, 124, .13);--shadow-md: 0 14px 30px rgba(17, 49, 110, .1)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}html{scroll-behavior:smooth}body{font-family:Manrope,Segoe UI,sans-serif;color:var(--text-strong);background:radial-gradient(circle at 2% 6%,rgba(89,138,255,.2),transparent 30%),radial-gradient(circle at 100% 14%,rgba(38,95,220,.14),transparent 28%),linear-gradient(180deg,#f8fbff 0%,var(--bg-main) 42%,#ffffff 100%)}.site-shell{position:relative;width:100%;overflow-x:clip}.bg-blur{position:absolute;z-index:0;pointer-events:none;border-radius:999px}.bg-blur-left{width:260px;height:260px;top:120px;left:-120px;background:radial-gradient(circle,rgba(37,97,231,.17),transparent 70%)}.bg-blur-right{width:290px;height:290px;top:430px;right:-130px;background:radial-gradient(circle,rgba(75,128,243,.15),transparent 72%)}.section-inner{width:min(1220px,calc(100% - clamp(1rem,4vw,4rem)));margin:0 auto}#hero,#tentang-visi,#cara-pakai,#layanan,#kontak{scroll-margin-top:100px}.header{position:sticky;top:0;z-index:60;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8fcffeb;border-bottom:1px solid rgba(33,93,222,.08)}.header-inner{position:relative;width:min(1220px,calc(100% - clamp(1rem,4vw,4rem)));margin:0 auto;min-height:82px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.66rem;text-decoration:none;color:inherit}.brand-logo{width:42px;height:42px;object-fit:contain}.brand-copy{display:flex;flex-direction:column;line-height:1.15}.brand-copy strong{font-family:Sora,sans-serif;font-size:1rem;letter-spacing:.01em}.brand-copy span{font-size:.78rem;color:var(--text-body)}.main-nav{display:flex;align-items:center;justify-content:center;gap:1.1rem}.main-nav a{position:relative;color:#2a3d61;text-decoration:none;font-size:.92rem;font-weight:700;padding:.26rem 0;transition:color .18s ease}.main-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:linear-gradient(90deg,var(--brand),#4f85ff);transform:scaleX(0);transform-origin:center;transition:transform .18s ease}.main-nav a:hover{color:var(--brand)}.main-nav a:hover:after{transform:scaleX(1)}.nav-mobile-cta{display:none}.header-actions{display:inline-flex;align-items:center;gap:.65rem}.menu-toggle{display:none;width:42px;height:42px;border-radius:11px;border:1px solid #d4e1fa;background:#fff;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.menu-toggle span{width:18px;height:2px;border-radius:999px;background:#35517e;transition:.2s ease}.menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-open .menu-toggle span:nth-child(2){opacity:0}.menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid transparent;padding:.72rem 1.15rem;text-decoration:none;font-size:.91rem;font-weight:800;letter-spacing:.01em;transition:.2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--brand-deep),var(--brand));box-shadow:0 10px 22px #215dde47}.btn-soft{color:var(--brand-deep);background:#ebf2ff;border-color:#d4e2ff}.header-download{white-space:nowrap}main{position:relative;z-index:1}.hero{width:100%;padding:clamp(1.35rem,3.8vw,3rem) 0 clamp(1.5rem,4vw,2.9rem)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(1.1rem,2.3vw,2rem)}.hero-copy{animation:rise .52s ease}.kicker,.section-kicker{margin:0;color:var(--brand-deep);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero-copy h1{margin:.92rem 0 0;font-family:Sora,sans-serif;font-size:clamp(2rem,4.6vw,3.9rem);line-height:1.08;letter-spacing:-.03em;max-width:720px}.hero-copy p{margin:.98rem 0 0;max-width:620px;color:var(--text-body);line-height:1.74;font-size:clamp(1rem,1.15vw,1.1rem)}.hero-actions{margin-top:1.2rem;display:flex;flex-wrap:wrap;gap:.7rem}.hero-actions .btn{min-width:168px}.meta-row{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.52rem}.meta-row span{display:inline-flex;align-items:center;gap:.4rem;padding:.36rem .7rem;border-radius:999px;background:#edf3ff;color:#2a4f83;font-size:.78rem;font-weight:700}.meta-row span:before{content:"";width:7px;height:7px;border-radius:999px;background:#4d7ff3}.hero-media{position:relative;width:min(100%,460px);justify-self:center;animation:rise .7s ease}.hero-image{width:100%;display:block;border-radius:16px}.hero-float{position:absolute;z-index:3;background:#fffffff0;border:1px solid #d7e5ff;box-shadow:var(--shadow-md);border-radius:999px;padding:.3rem .7rem;color:#264f87;font-size:.72rem;font-weight:800}.hero-float-top{top:-12px;left:14px}.hero-float-bottom{right:12px;bottom:-12px}.about-vision,.how,.services,.contact{width:100%;padding:clamp(1.2rem,3.6vw,2.5rem) 0}.about-vision{background:linear-gradient(180deg,#fff,#f5f9ff 58%,#f1f6ff)}.about-vision-grid{display:grid;grid-template-columns:1.03fr .97fr;align-items:stretch;gap:1rem}.about-block h2,.how h2,.services h2,.contact h2{margin:.7rem 0 0;font-family:Sora,sans-serif;font-size:clamp(1.5rem,2.7vw,2.1rem);line-height:1.2;letter-spacing:-.02em}.about-block>p:last-child{margin:.86rem 0 0;color:var(--text-body);line-height:1.72;max-width:680px}.vision-panel{position:relative;overflow:hidden;padding:1.2rem;border-radius:18px;background:radial-gradient(circle at right top,#c8dcff,#edf4ff 44%,#fff);box-shadow:var(--shadow-md)}.vision-panel:after{content:"";position:absolute;width:120px;height:120px;border-radius:999px;background:#215dde1f;right:-36px;bottom:-42px}.vision-label{margin:0;display:inline-flex;align-items:center;padding:.32rem .64rem;border-radius:999px;background:#e8f0ff;color:#234878;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800}.vision-panel h3{position:relative;z-index:1;margin:.78rem 0 0;font-family:Sora,sans-serif;font-size:clamp(1.16rem,1.75vw,1.48rem);line-height:1.34}.vision-panel p{position:relative;z-index:1;margin:.7rem 0 0;color:#4f6384;line-height:1.64}.mission-grid,.steps-grid,.services-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.mission-card,.step-card,.service-card{background:var(--surface);border-radius:16px;padding:1.1rem;box-shadow:var(--shadow-md)}.mission-number,.step-index,.service-label{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:800;letter-spacing:.02em}.mission-number,.step-index{min-width:42px;height:31px;background:#eaf1ff;color:var(--brand-deep);font-size:.79rem}.service-label{margin:0;padding:.28rem .64rem;background:#edf3ff;color:#345d95;font-size:.72rem;text-transform:uppercase}.mission-card h3,.step-card h3,.service-card h3{margin:.68rem 0 0;font-family:Sora,sans-serif;font-size:1rem;line-height:1.35}.mission-card p,.step-card p,.service-card p{margin:.58rem 0 0;color:var(--text-body);line-height:1.67}.how{background:linear-gradient(180deg,#fff,#f8fbff)}.services{background:#fff}.contact{background:linear-gradient(180deg,#f8fbff,#f2f7ff)}.contact-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:.9rem}.contact-info{min-width:280px;display:flex;flex-direction:column;gap:.5rem;margin-top:.45rem}.contact-info a{color:#2d4f80;text-decoration:none;font-weight:700}.contact-btn{min-width:152px}.footer{text-align:center;padding:1.08rem 1rem 1.45rem;color:#7487a3;font-size:.83rem;background:#fff}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1100px){.hero-grid,.about-vision-grid{grid-template-columns:1fr}.hero-media{width:min(100%,500px)}.mission-grid,.steps-grid,.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-inner{flex-direction:column}.contact-info{min-width:100%}}@media (max-width: 900px){.bg-blur{display:none}.header-inner{grid-template-columns:1fr auto;min-height:72px;padding:.55rem 0}.header-actions{justify-self:end}.header-download{display:none}.menu-toggle{display:inline-flex}.main-nav{position:absolute;top:calc(100% + .45rem);left:0;right:0;display:flex;flex-direction:column;align-items:stretch;gap:.2rem;padding:.65rem;border-radius:14px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-md);opacity:0;transform:translateY(-8px);pointer-events:none;transition:.22s ease;z-index:80}.main-nav.is-open{opacity:1;transform:translateY(0);pointer-events:auto}.main-nav a{border-radius:10px;padding:.65rem .72rem;font-size:.92rem}.main-nav a:after{display:none}.main-nav a:hover{background:#eef4ff}.nav-mobile-cta{display:inline-flex;margin-top:.2rem;width:100%}.hero{padding-top:1.15rem}.hero-copy h1{font-size:clamp(1.86rem,8vw,2.65rem);line-height:1.12}.hero-copy p{font-size:.98rem;line-height:1.68}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%;min-width:0}.hero-media{width:min(100%,360px);margin:0 auto}.hero-float{display:none}.about-vision,.how,.services,.contact{padding:1.3rem 0}.about-block h2,.how h2,.services h2,.contact h2{font-size:clamp(1.3rem,6.7vw,1.65rem)}.mission-grid,.steps-grid,.services-grid{grid-template-columns:1fr;gap:.75rem}.mission-card,.step-card,.service-card,.vision-panel{border-radius:14px}.contact-btn{width:100%}}@media (max-width: 520px){.section-inner,.header-inner{width:min(100%,calc(100% - .85rem))}.brand-logo{width:36px;height:36px}.brand-copy strong{font-size:.95rem}.brand-copy span{display:none}.kicker,.section-kicker{font-size:.68rem}.hero-copy h1{font-size:clamp(1.58rem,8.1vw,1.95rem)}.meta-row span{font-size:.73rem}.about-block>p:last-child,.vision-panel p,.mission-card p,.step-card p,.service-card p{font-size:.94rem}}