:root{--ink:#07111f;--ink2:#0b1628;--paper:#f4efe4;--paper2:#fffaf0;--muted:#94a3b8;--line:rgba(148,163,184,.18);--gold:#d7a85a;--copper:#b96f46;--teal:#2dd4bf;--green:#34d399;--blue:#3b82f6;--red:#fb7185;--white:#fff;--shadow:0 22px 70px rgba(0,0,0,.35);--max:1180px;--font-body:"Aptos","SF Pro Text","Segoe UI",Roboto,Arial,sans-serif;--font-display:"Aptos Display","SF Pro Display","Segoe UI Variable Display","Segoe UI",Roboto,Arial,sans-serif;--font-mono:"SF Mono","Cascadia Code","JetBrains Mono",Menlo,Consolas,monospace}*{box-sizing:border-box;min-width:0}html,body{width:100%;max-width:100%;overflow-x:hidden;margin:0;scroll-behavior:smooth;background:var(--ink);color:#d9e2ef;font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}body[data-lang="id"] .en{display:none !important}body[data-lang="en"] .id{display:none !important}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(var(--max),calc(100% - 32px));margin-inline:auto}.skip-link{position:fixed;top:12px;left:12px;z-index:1000;transform:translateY(-180%);background:var(--paper2);color:var(--ink);padding:10px 14px;border-radius:12px;font-weight:900}.skip-link:focus{transform:translateY(0)}.nav{position:fixed;inset:0 0 auto 0;height:76px;z-index:50;width:100%;background:rgba(7,17,31,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.nav-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:820;letter-spacing:-.035em;font-size:clamp(1.05rem,2vw,1.18rem);white-space:nowrap}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,rgba(45,212,191,.25),rgba(215,168,90,.12));border:1px solid rgba(45,212,191,.35);color:var(--teal)}.brand span span{color:#8ea0b7}.desktop-menu{display:flex;align-items:center;gap:22px;font-size:.88rem;font-weight:720;color:#c7d2e4}.nav-link,.dropdown>button{padding:28px 0;color:#c7d2e4;background:transparent;border:0;cursor:pointer;font-weight:760;letter-spacing:-.01em}.nav-link:hover,.dropdown>button:hover,.nav-link.active{color:var(--teal)}.dropdown{position:relative}.dropdown-panel{position:absolute;top:74px;left:0;width:292px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s ease;background:rgba(11,22,40,.98);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:8px}.dropdown:hover .dropdown-panel,.dropdown:focus-within .dropdown-panel{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-panel a{display:block;padding:12px;border-radius:12px;color:#cbd5e1;font-size:.86rem;line-height:1.25}.dropdown-panel a:hover,.dropdown-panel a.active{background:rgba(255,255,255,.06);color:#fff}.nav-actions{display:flex;align-items:center;gap:10px}.lang-toggle{display:inline-flex;padding:3px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04)}.lang-toggle button{border:0;background:transparent;color:#94a3b8;padding:6px 9px;border-radius:999px;cursor:pointer;font-size:.74rem;font-weight:950}.lang-toggle button.active{background:var(--paper2);color:var(--ink)}.safe-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--green);color:#06110d;border-radius:999px;padding:11px 16px;font-weight:950;font-size:.82rem;box-shadow:0 12px 28px rgba(52,211,153,.17)}.mobile-btn{display:none;width:42px;height:42px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:#fff;cursor:pointer}.hamb{display:block;width:18px;height:2px;background:currentColor;margin:0 auto;position:relative;border-radius:9px}.hamb::before,.hamb::after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor;border-radius:9px;transition:.18s ease}.hamb::before{top:-6px}.hamb::after{top:6px}body.menu-open .hamb{background:transparent}body.menu-open .hamb::before{top:0;transform:rotate(45deg)}body.menu-open .hamb::after{top:0;transform:rotate(-45deg)}.mobile-menu{display:none;position:fixed;top:76px;left:0;right:0;height:calc(100svh - 76px);overflow-y:auto;background:rgba(7,17,31,.98);border-top:1px solid var(--line);z-index:49;padding:16px 16px max(26px,env(safe-area-inset-bottom))}body.menu-open .mobile-menu{display:block}body.menu-open{overflow:hidden}.mobile-card{width:min(100%,680px);margin-inline:auto;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.04);padding:10px}.mobile-group{border-bottom:1px solid rgba(148,163,184,.12);padding:4px 0}.mobile-group:last-child{border-bottom:0}.mobile-group summary{list-style:none;cursor:pointer;padding:13px 12px;color:#f8fafc;font-weight:900;display:flex;justify-content:space-between;gap:14px}.mobile-group summary::-webkit-details-marker{display:none}.mobile-group summary::after{content:"⌄";color:var(--teal)}.mobile-group[open] summary::after{transform:rotate(180deg)}.mobile-links{display:grid;gap:6px;padding:0 8px 12px}.mobile-links a{display:block;color:#cbd5e1;background:rgba(255,255,255,.04);border:1px solid rgba(148,163,184,.10);padding:12px;border-radius:14px;font-size:.94rem}.mobile-links a.active{color:#ccfbf1;border-color:rgba(45,212,191,.3)}.hero{position:relative;padding:126px 0 50px;overflow:hidden;background:radial-gradient(circle at 13% 15%,rgba(45,212,191,.20),transparent 30%),radial-gradient(circle at 88% 18%,rgba(59,130,246,.13),transparent 28%),linear-gradient(135deg,#07111f 0%,#0c1f37 56%,#0a0f1d 100%);border-bottom:1px solid var(--line)}.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent 78%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(430px,1.05fr);gap:46px;align-items:center}.kicker{display:inline-flex;width:fit-content;padding:8px 12px;border:1px solid rgba(45,212,191,.32);border-radius:999px;background:rgba(45,212,191,.08);color:#ccfbf1;font-weight:950;font-size:.75rem;letter-spacing:.11em;text-transform:uppercase}h1{margin:18px 0 18px;font-family:var(--font-display);font-size:clamp(2.15rem,4.05vw,4.15rem);line-height:1.07;letter-spacing:-.052em;font-weight:820;color:var(--white);max-width:680px;text-wrap:balance}.accent-text{color:transparent;background:linear-gradient(135deg,#ccfbf1,var(--teal) 36%,var(--gold) 82%);-webkit-background-clip:text;background-clip:text}.lead{font-size:clamp(.98rem,1.18vw,1.08rem);line-height:1.72;letter-spacing:-.01em;color:#c2cde0;max-width:640px;margin:0 0 28px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:16px;padding:13px 18px;font-weight:950;border:1px solid transparent;transition:.18s ease;max-width:100%;cursor:pointer}.btn-primary{background:var(--teal);color:#041311;box-shadow:0 18px 42px rgba(45,212,191,.18)}.btn-primary:hover{transform:translateY(-2px);background:#5eead4}.btn-secondary{background:rgba(255,255,255,.06);color:#fff;border-color:var(--line)}.btn-secondary:hover{background:rgba(255,255,255,.1)}.graph-panel{position:relative;border:1px solid rgba(148,163,184,.20);border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035)),rgba(7,17,31,.68);box-shadow:var(--shadow);padding:20px;overflow:hidden}.graph-panel::after{content:"";position:absolute;width:220px;height:220px;right:-80px;top:-80px;background:rgba(45,212,191,.14);filter:blur(44px);border-radius:999px;pointer-events:none}.graph-head{position:relative;z-index:1;display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:16px}.graph-label{color:#a7f3d0;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:950;margin-bottom:6px}.graph-head strong{color:#fff;font-size:1.1rem;letter-spacing:-.02em}.status{font-size:.72rem;padding:6px 9px;background:rgba(52,211,153,.12);color:#bbf7d0;border:1px solid rgba(52,211,153,.22);border-radius:999px;font-weight:900;white-space:nowrap}.identity-graph{position:relative;z-index:1;min-height:345px;border-radius:24px;border:1px solid rgba(255,255,255,.09);background:radial-gradient(circle at 50% 48%,rgba(45,212,191,.12),transparent 28%),linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),rgba(4,11,22,.72);background-size:auto,32px 32px,32px 32px,auto;overflow:hidden;padding:18px}.node{position:absolute;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.065);backdrop-filter:blur(10px);border-radius:18px;padding:12px;min-width:132px;box-shadow:0 16px 40px rgba(0,0,0,.22)}.node strong{display:block;color:#fff;font-size:.9rem;margin-bottom:3px}.node span{color:#9fb0c5;font-size:.72rem;line-height:1.35}.node.center{left:50%;top:48%;transform:translate(-50%,-50%);background:rgba(45,212,191,.16);border-color:rgba(45,212,191,.28);text-align:center}.node.one{left:18px;top:36px}.node.two{right:18px;top:44px}.node.three{left:28px;bottom:34px}.node.four{right:28px;bottom:28px}.line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(45,212,191,.45),transparent);transform-origin:left center}.line.a{width:220px;left:130px;top:92px;transform:rotate(23deg)}.line.b{width:190px;right:128px;top:104px;transform:rotate(153deg)}.line.c{width:220px;left:120px;bottom:96px;transform:rotate(-24deg)}.line.d{width:190px;right:122px;bottom:92px;transform:rotate(-154deg)}.main{background:var(--paper);color:#192231;padding:74px 0}.section-head{margin-bottom:30px}.section-head h2{margin:0 0 10px;color:#101827;font-family:var(--font-display);font-size:clamp(1.8rem,3.25vw,2.85rem);line-height:1.12;letter-spacing:-.045em;font-weight:800;text-wrap:balance}.section-head p{margin:0;max-width:780px;color:#475569;line-height:1.78;font-size:1.03rem}.split{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}.article-card{background:var(--paper2);border:1px solid rgba(25,34,49,.12);border-radius:28px;box-shadow:0 24px 70px rgba(7,17,31,.10);padding:clamp(24px,4vw,46px)}.article-card h2,.article-card h3{margin:0 0 14px;color:#101827;letter-spacing:-.035em;font-family:var(--font-display)}.article-card h2{font-size:clamp(1.6rem,3vw,2.35rem);line-height:1.15;font-weight:800}.article-card h3{margin-top:24px;font-size:1.18rem;font-weight:800}.article-card p,.article-card li{color:#334155;font-size:1.02rem;line-height:1.86}.article-card p{margin:0 0 18px}.article-card ul{margin:0;padding-left:1.2rem}.article-card li{margin-bottom:8px}.article-card strong{color:#0f172a;font-weight:900}.side-stack{display:grid;gap:14px;position:sticky;top:96px}.side-card{background:var(--ink);color:#dbeafe;border-radius:26px;padding:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 22px 60px rgba(7,17,31,.16);overflow:hidden}.side-card h3{margin:0 0 10px;color:#fff;letter-spacing:-.025em;font-size:1.25rem;font-family:var(--font-display)}.side-card p{margin:0 0 18px;color:#aebbd1;line-height:1.7;font-size:.94rem}.mini-check{display:grid;gap:8px;margin-top:14px}.mini-check span{display:block;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);padding:11px 12px;border-radius:14px;color:#dce7f7;font-weight:850;font-size:.88rem;line-height:1.35}.workflow{margin-top:44px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.flow{background:var(--paper2);border:1px solid rgba(7,17,31,.10);border-radius:22px;padding:20px;box-shadow:0 18px 50px rgba(7,17,31,.08)}.flow b{width:38px;height:38px;display:grid;place-items:center;border-radius:14px;background:var(--ink);color:var(--teal);font-size:.86rem;margin-bottom:14px;font-family:var(--font-mono)}.flow strong{display:block;color:#101827;margin-bottom:8px;font-weight:900}.flow span{color:#475569;line-height:1.65;font-size:.94rem}.use-grid{margin-top:44px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.use-card{background:var(--ink);border:1px solid rgba(255,255,255,.10);border-radius:26px;padding:24px;box-shadow:0 20px 60px rgba(7,17,31,.15)}.use-card small{display:inline-flex;color:#a7f3d0;font-weight:950;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;margin-bottom:14px}.use-card h3{margin:0 0 10px;color:#fff;font-size:1.2rem;letter-spacing:-.025em;font-family:var(--font-display)}.use-card p{margin:0;color:#aebbd1;line-height:1.72;font-size:.94rem}.matrix{margin-top:44px;border:1px solid rgba(7,17,31,.10);border-radius:28px;overflow:hidden;background:var(--paper2);box-shadow:0 24px 70px rgba(7,17,31,.10)}.matrix-row{display:grid;grid-template-columns:260px 1fr 1fr;border-bottom:1px solid rgba(7,17,31,.10)}.matrix-row:last-child{border-bottom:0}.matrix-cell{padding:18px;color:#334155;line-height:1.65;border-right:1px solid rgba(7,17,31,.10)}.matrix-cell:last-child{border-right:0}.matrix-head .matrix-cell{background:#d7e8df;color:#101827;font-weight:950}.matrix-cell strong{color:#101827;font-weight:950}.note{margin-top:34px;border-radius:22px;padding:20px;border:1px solid rgba(185,111,70,.22);background:linear-gradient(135deg,rgba(185,111,70,.10),rgba(215,168,90,.10))}.note p{margin:0;color:#334155;line-height:1.75}.faq{margin-top:44px;background:var(--paper2);border:1px solid rgba(25,34,49,.12);border-radius:28px;box-shadow:0 24px 70px rgba(7,17,31,.10);padding:clamp(22px,4vw,38px)}.faq h2{margin:0 0 16px;color:#101827;font-family:var(--font-display);font-size:clamp(1.55rem,3vw,2.2rem);line-height:1.15;letter-spacing:-.035em}.faq details{border:1px solid rgba(7,17,31,.10);border-radius:18px;background:rgba(7,17,31,.035);margin-bottom:10px;overflow:hidden}.faq summary{cursor:pointer;padding:15px 16px;font-weight:900;color:#111827;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";font-weight:900;color:var(--copper)}.faq details[open] summary::after{content:"–"}.faq .answer{padding:0 16px 16px;color:#334155;line-height:1.75}.cta{background:linear-gradient(135deg,#0c1f37,#101827 58%,#07111f);color:#fff;padding:64px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.cta-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center}.cta h2{margin:0 0 10px;font-family:var(--font-display);font-size:clamp(1.85rem,4vw,3.25rem);line-height:1.08;letter-spacing:-.045em;font-weight:800;text-wrap:balance}.cta p{margin:0;max-width:760px;color:#cfe5f8;line-height:1.7}.footer{background:#050a13;color:#93a3b8;padding:56px 0 24px}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,.8fr);gap:30px;padding-bottom:34px;border-bottom:1px solid rgba(148,163,184,.14)}.footer h4{margin:0 0 14px;color:#fff;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}.footer p{margin:14px 0 0;line-height:1.7;color:#7f8da3;font-size:.92rem}.footer ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.footer a:hover{color:var(--teal)}.footer-bottom{padding-top:22px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;color:#6b788c;font-size:.84rem}.float-wa{position:fixed;z-index:48;right:16px;bottom:16px;display:inline-flex;align-items:center;gap:10px;padding:12px 14px;border-radius:999px;background:var(--green);color:#06110d;box-shadow:0 16px 40px rgba(52,211,153,.3);font-weight:950;max-width:calc(100vw - 32px)}.to-top{position:fixed;z-index:48;left:16px;bottom:16px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(7,17,31,.86);color:white;border:1px solid rgba(255,255,255,.14);opacity:0;visibility:hidden;cursor:pointer;transition:.18s ease}.to-top.show{opacity:1;visibility:visible}@media (max-width:1000px){.desktop-menu,.safe-btn.desktop-only{display:none}.mobile-btn{display:inline-grid;place-items:center}.hero-grid,.split,.cta-box{grid-template-columns:1fr}.side-stack{position:static}.workflow,.use-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.graph-panel{max-width:720px}.matrix-row{grid-template-columns:1fr}.matrix-cell{border-right:0;border-bottom:1px solid rgba(7,17,31,.10)}.matrix-cell:last-child{border-bottom:0}.matrix-head{display:none}}@media (max-width:640px){.container{width:min(100% - 28px,var(--max))}.nav,.nav-inner{height:70px}.mobile-menu{top:70px;height:calc(100svh - 70px)}.brand{font-size:1.05rem;gap:8px}.brand-mark{width:32px;height:32px}.nav-actions{gap:7px}.lang-toggle button{padding:5px 7px;font-size:.7rem}.mobile-btn{width:39px;height:39px}.hero{padding-top:106px;padding-bottom:34px}h1{font-size:clamp(1.92rem,9.4vw,2.65rem);letter-spacing:-.043em;line-height:1.1;max-width:100%}.lead{font-size:1rem}.hero-actions .btn{width:100%}.identity-graph{min-height:540px}.line{display:none}.node{position:static;transform:none !important;min-width:0;margin-bottom:10px}.node.center{text-align:left}.main{padding:42px 0}.article-card,.faq{border-radius:22px;padding:22px}.article-card p,.article-card li{font-size:.98rem;line-height:1.78}.cta{padding:44px 0}.footer-grid{grid-template-columns:1fr}.float-wa{right:12px;left:12px;bottom:12px;justify-content:center}.to-top{display:none}.footer{padding-bottom:84px}}@media (max-width:390px){.brand{font-size:.98rem}.lang-toggle button{padding:5px 6px}h1{font-size:1.85rem}}