@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Amiri&display=swap";:root{--blue-700: #1d4ed8;--blue-600: #2563eb;--blue-500: #3b82f6;--blue-400: #60a5fa;--sky: #38bdf8;--cyan: #22d3ee;--blue-50: #eef4ff;--ink: #0b1b3b;--muted: #5a6b8c;--paper: #ffffff;--bg: #f5f8ff;--line: rgba(37, 99, 235, .12);--ring: rgba(37, 99, 235, .16);--shadow-sm: 0 10px 24px rgba(15, 37, 87, .08);--shadow-md: 0 22px 48px rgba(15, 37, 87, .12);--shadow-lg: 0 40px 80px rgba(15, 37, 87, .18);--grad: linear-gradient(100deg, var(--blue-600), var(--blue-700));--grad-bright: linear-gradient(120deg, var(--blue-600), var(--sky));--font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--display: "Space Grotesk", var(--font)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:clip}body{font-family:var(--font);color:var(--ink);background:var(--bg);overflow-x:clip;max-width:100vw;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.muted{color:var(--muted)}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(70px)}.orb1{width:520px;height:520px;top:-140px;left:-100px;background:radial-gradient(circle,rgba(96,165,250,.55),transparent 68%)}.orb2{width:480px;height:480px;top:18%;right:-140px;background:radial-gradient(circle,rgba(56,189,248,.45),transparent 68%)}.orb3{width:560px;height:560px;bottom:-180px;left:30%;background:radial-gradient(circle,rgba(37,99,235,.35),transparent 70%)}.grid-lines{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(37,99,235,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.045) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(ellipse 90% 65% at 50% 0%,#000,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 90% 65% at 50% 0%,#000,transparent 78%)}.page{position:relative;z-index:1;overflow-x:clip}main{position:relative;z-index:1}.btn{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:.98rem;border-radius:14px;padding:14px 26px;cursor:pointer;border:none;white-space:nowrap}.btn .ai{width:18px;height:18px;display:inline-flex}.btn .ai svg{width:18px;height:18px}.btn-sm{padding:10px 18px;font-size:.9rem;border-radius:12px}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 14px 30px #2563eb57}.btn-ghost{background:#fffc;color:var(--blue-700);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--shadow-sm)}.btn-white{background:#fff;color:var(--blue-700);box-shadow:0 16px 34px #00000024}.nav{position:fixed;top:14px;left:0;right:0;margin-inline:auto;width:min(1180px,calc(100% - 32px));z-index:100;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px 10px 14px;border-radius:22px;background:#ffffff8c;-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow-sm);transition:background .3s ease,box-shadow .3s ease,padding .3s ease}.nav.scrolled{background:#ffffffd9;box-shadow:var(--shadow-md)}.brand{display:inline-flex;align-items:center;gap:12px}.logo-wrap{width:50px;height:50px;border-radius:14px;flex-shrink:0;display:grid;place-items:center;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.logo-wrap img{width:100%;height:100%;object-fit:contain;padding:3px}.footer .logo-wrap{width:54px;height:54px}.brand .btxt{display:flex;flex-direction:column;line-height:1.15}.brand .btxt b{font-family:var(--display);font-weight:700;font-size:.98rem;color:var(--ink)}.brand .btxt small{color:var(--muted);font-size:.72rem}.nav-links{display:flex;gap:4px}.nav-links a{font-weight:600;font-size:.94rem;color:var(--ink);padding:8px 14px;border-radius:10px;transition:background .2s ease,color .2s ease}.nav-links a:hover{background:var(--blue-50);color:var(--blue-700)}.hero{display:flex;align-items:center;justify-content:space-between;gap:48px;max-width:1220px;margin:0 auto;padding:160px 24px 70px;min-height:100vh}.hero-text{flex:1 1 520px;max-width:640px}.pill{display:inline-flex;align-items:center;gap:9px;background:#fff;color:var(--blue-700);font-weight:700;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;padding:9px 16px;border-radius:999px;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.pill .pdot{width:8px;height:8px;border-radius:50%;background:var(--blue-600);box-shadow:0 0 0 4px #2563eb29}.h1{font-family:var(--display);font-weight:700;font-size:clamp(2.6rem,6vw,4.6rem);line-height:1.03;letter-spacing:-.02em;color:var(--ink);margin-top:24px}.h1 .grad{background:linear-gradient(100deg,var(--blue-600) 5%,var(--sky) 55%,var(--blue-500) 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:shimmer 6s linear infinite}@keyframes shimmer{to{background-position:200% center}}.lead{font-size:1.15rem;color:var(--muted);max-width:540px;margin:24px 0 34px;line-height:1.75}.hero-btns{display:flex;gap:14px;flex-wrap:wrap}.hero-stats{display:flex;gap:12px;margin-top:44px;flex-wrap:wrap}.hero-stats>div{flex:1 1 130px;text-align:center;background:linear-gradient(180deg,#fff,var(--blue-50));border:1px solid var(--line);border-radius:18px;padding:16px 12px;box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .3s ease,border-color .3s ease}.hero-stats>div:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--blue-400)}.hero-stats b{font-family:var(--display);font-weight:700;line-height:1;display:block;font-size:clamp(1.7rem,2.6vw,2.1rem);letter-spacing:-.02em;white-space:nowrap;background:linear-gradient(120deg,var(--blue-700),var(--blue-500) 78%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hero-stats b .suf{font-size:.5em;font-weight:600;-webkit-text-fill-color:var(--blue-400);color:var(--blue-400);margin-left:1px}.hero-stats>div>span{display:block;margin-top:8px;font-size:.78rem;color:var(--muted);font-weight:600;line-height:1.3}.hero-visual{position:relative;flex:0 0 auto;width:min(500px,44vw);aspect-ratio:1 / 1}.ring{position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;border-radius:50%;z-index:0;background:conic-gradient(from 0deg,transparent,var(--blue-500),var(--sky),transparent 70%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 14px),#000 calc(100% - 13px));mask:radial-gradient(farthest-side,transparent calc(100% - 14px),#000 calc(100% - 13px));opacity:.6;filter:blur(1px)}.frame{position:absolute;top:8%;right:8%;bottom:8%;left:8%;z-index:2;border-radius:30px;overflow:hidden;border:6px solid #fff;box-shadow:var(--shadow-lg)}.frame img{width:100%;height:100%;object-fit:cover}.frame-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(56,189,248,.06),transparent 55%)}.fcard{position:absolute;z-index:3;display:flex;align-items:center;gap:11px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.8);border-radius:16px;padding:12px 15px;box-shadow:var(--shadow-md)}.fcard b{display:block;font-size:.9rem;color:var(--ink);line-height:1.15}.fcard small{font-size:.72rem;color:var(--muted)}.fic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:#fff;flex-shrink:0}.fic svg{width:20px;height:20px}.fic.blue{background:linear-gradient(140deg,var(--blue-600),var(--blue-700))}.fic.sky{background:linear-gradient(140deg,var(--sky),var(--blue-500))}.fic.green{background:linear-gradient(140deg,#22c55e,#16a34a)}.fcard-a{top:4%;left:-34px}.fcard-b{bottom:8%;right:-40px}.fcard-c{bottom:2%;left:6%;padding:10px 14px}.fcard-c b{font-size:.86rem}.marquee{position:relative;overflow:hidden;padding:22px 0;border-block:1px solid var(--line);background:#ffffff80;margin:20px 0}.marquee:before,.marquee:after{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}.marquee:before{left:0;background:linear-gradient(90deg,var(--bg),transparent)}.marquee:after{right:0;background:linear-gradient(-90deg,var(--bg),transparent)}.mtrack{display:flex;gap:46px;width:max-content}.mitem{display:inline-flex;align-items:center;gap:12px;font-family:var(--display);font-weight:600;font-size:1.15rem;color:var(--ink);opacity:.75;white-space:nowrap}.mstar{width:18px;height:18px;color:var(--blue-500);display:inline-flex}.mstar svg{width:18px;height:18px}.section{max-width:1180px;margin:0 auto;padding:100px 24px;position:relative}.section-head{text-align:center;max-width:680px;margin:0 auto 54px}.eyebrow{color:var(--blue-700);font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:.78rem}.section-head h2,.show-text h2{font-family:var(--display);font-weight:700;font-size:clamp(2rem,4vw,2.9rem);color:var(--ink);margin:12px 0;line-height:1.12}.grid{display:grid;gap:22px}.grid-3{grid-template-columns:repeat(3,1fr)}.card{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;padding:32px 28px;box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow .3s ease,border-color .3s ease}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:22px;padding:1.5px;background:var(--grad-bright);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .35s ease}.card:hover{box-shadow:var(--shadow-md)}.card:hover:before{opacity:1}.card-ic{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:var(--grad);color:#fff;margin-bottom:20px;box-shadow:0 12px 26px #2563eb4d}.card-ic svg{width:26px;height:26px}.card h3{font-family:var(--display);font-weight:700;font-size:1.22rem;margin-bottom:8px}.card p{color:var(--muted);font-size:.95rem;line-height:1.65}.showcase{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.show-visual{position:relative}.show-frame{border-radius:26px;overflow:hidden;border:6px solid #fff;box-shadow:var(--shadow-lg);aspect-ratio:4 / 3}.show-frame img{width:100%;height:100%;object-fit:cover}.badge-float{position:absolute;right:-18px;bottom:24px;background:#fff;border-radius:16px;padding:14px 18px;box-shadow:var(--shadow-md);border:1px solid var(--line)}.badge-float b{display:block;font-family:var(--display);color:var(--blue-700)}.badge-float small{color:var(--muted);font-size:.76rem}.show-text p{margin-top:14px;line-height:1.75}.checks{list-style:none;margin-top:26px;display:grid;gap:14px}.checks li{display:flex;align-items:center;gap:12px;font-weight:600;color:var(--ink)}.ci{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--blue-50);color:var(--blue-700);flex-shrink:0}.ci svg{width:15px;height:15px}.stats{position:relative;overflow:hidden;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;background:linear-gradient(125deg,#1e3a8a,var(--blue-600) 52%,var(--sky));border-radius:32px;padding:20px;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.14)}.stats:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.16) 1.5px,transparent 0);background-size:24px 24px;opacity:.5}.stats-glow{position:absolute;top:-60%;left:50%;transform:translate(-50%);width:70%;height:200%;pointer-events:none;background:radial-gradient(ellipse at center,rgba(255,255,255,.22),transparent 68%)}.stat{position:relative;z-index:1;text-align:center;color:#fff;background:#ffffff14;border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:30px 16px 26px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.stat:hover{background:#ffffff26;border-color:#ffffff52;box-shadow:0 20px 40px #0000002e}.stat-ic{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#ffffff29;border:1px solid rgba(255,255,255,.2);margin-bottom:16px}.stat-ic svg{width:23px;height:23px;color:#fff}.stat b{font-family:var(--display);font-weight:700;line-height:1;display:block;font-size:clamp(2.6rem,5.2vw,4rem);letter-spacing:-.03em;text-shadow:0 6px 20px rgba(0,0,0,.18)}.stat b .suf{font-size:.5em;font-weight:600;opacity:.72;margin-left:1px}.stat-label{display:block;margin-top:12px;font-size:.82rem;font-weight:600;letter-spacing:.04em;opacity:.9}.cta{position:relative;overflow:hidden;text-align:center;border-radius:30px;background:linear-gradient(120deg,#0b1b3b,#1d4ed8 60%,#38bdf8);padding:70px 40px;color:#fff;box-shadow:var(--shadow-lg)}.cta-orb{position:absolute;top:-80px;left:50%;transform:translate(-50%);width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.6),transparent 70%);filter:blur(30px)}.cta h2{position:relative;font-family:var(--display);font-weight:700;font-size:clamp(1.9rem,4vw,2.8rem);margin-bottom:14px}.cta p{position:relative;max-width:560px;margin:0 auto 30px;opacity:.9;line-height:1.7}.cta .btn-white{position:relative}.footer{position:relative;z-index:1;text-align:center;padding:64px 24px 40px;border-top:1px solid var(--line);background:#ffffff80}.footer .brand{justify-content:center;margin-bottom:16px}.footer .copy{font-size:.85rem;opacity:.6;margin-top:10px}.footer .ar{font-family:Amiri,serif;color:var(--blue-600);font-size:1.2rem;margin-top:12px}@media(max-width:960px){.hero{flex-direction:column;text-align:center;padding-top:130px}.hero-text{max-width:680px}.lead{margin-left:auto;margin-right:auto}.hero-btns,.hero-stats{justify-content:center}.hero-visual{width:min(440px,84vw);margin-top:20px}.fcard-a{left:-12px}.fcard-b{right:-12px}.nav-links{display:none}.grid-3{grid-template-columns:repeat(2,1fr)}.showcase{grid-template-columns:1fr;gap:40px}.badge-float{right:12px}}@media(max-width:620px){.hero{padding:120px 18px 50px}.fcard-a,.fcard-c{display:none}.fcard-b{right:0}.grid-3{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr);padding:36px 24px}.section{padding:74px 18px}.brand .btxt b{font-size:.86rem}}@media(max-width:768px){.nav,.nav.scrolled,.btn-ghost,.btn-cta,.feature-strip,.card,.stat,.fcard,.g-card,.card-terdaftar,.card-list{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.nav,.nav.scrolled{background:#fffffff0!important}.orb{filter:blur(34px)!important;opacity:.28!important}.orb1{width:300px;height:300px}.orb2{width:280px;height:280px}.orb3{width:320px;height:320px}.ring,.frame-glow{display:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}html{scroll-behavior:auto}}