/* Shared public navigation and landing hero */
#site-header{position:relative;z-index:60}
#site-footer{display:none;min-width:0;overflow:hidden}
#site-footer img{display:block;width:32px;height:32px;max-width:100%;object-fit:cover;flex:none}
#site-footer p,#site-footer a{overflow-wrap:anywhere}
#site-footer>footer>div:first-child{width:100%;max-width:1152px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:40px 20px}
#site-footer>footer>div:first-child>div{min-width:0}
#site-footer .flex.items-center{display:flex;align-items:center;gap:10px;margin-bottom:12px}
#site-footer .grid.gap-2{display:grid;gap:8px;align-content:start}
#site-footer>footer>div:last-child{padding:16px 20px;text-align:center}
@media(max-width:760px){#site-footer>footer>div:first-child{grid-template-columns:1fr;gap:24px;padding:30px 20px}#site-footer>footer>div:last-child{padding:14px 20px;font-size:.72rem}}
.site-sidebar{position:fixed;inset:0 auto 0 0;width:272px;padding:23px 16px 18px;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(9,16,29,.99),rgba(6,11,20,.99));border-right:1px solid rgba(148,163,184,.12);box-shadow:16px 0 56px rgba(0,0,0,.16);transition:width .24s,transform .24s;z-index:70}
.site-side-top{display:flex;align-items:center;justify-content:space-between;padding:0 7px 24px;border-bottom:1px solid rgba(148,163,184,.12)}
.site-brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.site-brand img{width:39px;height:39px;border-radius:50%;box-shadow:0 0 24px rgba(34,211,238,.2)}.site-brand b{font-family:Sora,sans-serif;font-size:16px}.site-brand small{display:block;margin-top:2px;color:#64748b;font-size:9px;letter-spacing:.2em}
.site-collapse{width:29px;height:29px;border-radius:9px;color:#a7b6c8;background:rgba(255,255,255,.04);border:1px solid rgba(148,163,184,.13);font-size:21px;line-height:1;cursor:pointer}
.site-side-label{padding:24px 11px 12px;color:#64748b;font-size:10px;font-weight:700;letter-spacing:.16em}
.site-side-nav{display:grid;gap:5px}.site-side-link{position:relative;min-height:46px;padding:0 12px;display:flex;align-items:center;gap:12px;border-radius:10px;color:#9aa8ba;font-size:13px;font-weight:500;text-decoration:none;transition:background .18s,color .18s,border-color .18s}.site-side-link:hover{background:rgba(148,163,184,.07);color:#eef5fc}.site-side-link.active{background:linear-gradient(100deg,rgba(34,211,238,.12),rgba(139,92,246,.08));color:#c5f7fb;box-shadow:inset 0 0 0 1px rgba(103,232,249,.12)}.site-side-link>i{position:absolute;right:0;width:3px;height:22px;border-radius:4px;background:linear-gradient(#22d3ee,#8b5cf6)}
.site-side-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:rgba(148,163,184,.075);color:#9baabd;flex:none}.site-side-icon svg{width:15px;height:15px}.site-side-link.active .site-side-icon{background:rgba(34,211,238,.13);color:#67e8f9}
.site-side-bottom{margin-top:auto}.site-side-help{padding:12px 11px;display:flex;align-items:center;gap:10px;border-radius:12px;background:linear-gradient(115deg,rgba(34,211,238,.07),rgba(139,92,246,.045));border:1px solid rgba(103,232,249,.12)}.help-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(34,211,238,.12);color:#67e8f9;flex:none}.help-mark svg{width:17px;height:17px}.site-side-help b,.site-side-help small{display:block}.site-side-help b{font-size:11px;color:#e2eaf3}.site-side-help small{margin-top:3px;color:#8493a5;font-size:10px}.site-side-help>a{margin-left:auto;color:#67e8f9;display:grid;place-items:center;width:26px;height:26px;border-radius:7px}.site-side-help>a:hover{background:rgba(34,211,238,.1)}.site-side-help>a svg{width:16px;height:16px}.site-side-account{display:grid;grid-template-columns:1fr 1.35fr;align-items:center;gap:8px;padding:12px 0 0}.site-account-primary,.site-account-secondary{display:inline-flex;min-height:40px;align-items:center;justify-content:center;border-radius:9px;font-size:12px;font-weight:700;text-decoration:none;transition:background .18s,color .18s,border-color .18s}.site-account-primary{border:1px solid rgba(103,232,249,.26);background:linear-gradient(110deg,rgba(34,211,238,.16),rgba(139,92,246,.18));color:#e7faff}.site-account-primary:hover{background:linear-gradient(110deg,rgba(34,211,238,.25),rgba(139,92,246,.26))}.site-account-secondary{border:1px solid rgba(148,163,184,.16);background:rgba(255,255,255,.025);color:#b7c3d2}.site-account-secondary:hover{border-color:rgba(148,163,184,.3);color:#fff}.site-side-account button{font:inherit;cursor:pointer}
.site-mobile-bar{display:none}.site-menu{color:#e2e8f0;background:rgba(255,255,255,.04);border:1px solid rgba(148,163,184,.18);border-radius:12px;width:42px;height:42px;place-items:center}.site-sidebar-scrim{display:none}
body:has(#site-sidebar){padding-left:272px;transition:padding-left .24s}body.site-nav-collapsed:has(#site-sidebar){padding-left:78px}body:has(#site-sidebar) #site-footer{display:block}
body:has(#site-sidebar) #site-footer>footer{margin-top:30px}
body:has(.site-sidebar-pesan){padding-left:272px}body.site-nav-collapsed:has(.site-sidebar-pesan){padding-left:78px}.shared-order-main{margin-right:0!important;padding-top:0!important;width:auto}
body.site-nav-collapsed:has(#site-sidebar) .site-sidebar{width:78px;padding-left:11px;padding-right:11px}body.site-nav-collapsed:has(#site-sidebar) .site-side-top{justify-content:center;padding-left:0;padding-right:0}body.site-nav-collapsed:has(#site-sidebar) .site-brand span,body.site-nav-collapsed:has(#site-sidebar) .site-collapse,body.site-nav-collapsed:has(#site-sidebar) .site-side-label,body.site-nav-collapsed:has(#site-sidebar) .site-side-link>span:not(.site-side-icon),body.site-nav-collapsed:has(#site-sidebar) .site-side-link>i,body.site-nav-collapsed:has(#site-sidebar) .site-side-help>span:not(.help-mark),body.site-nav-collapsed:has(#site-sidebar) .site-side-help>a,body.site-nav-collapsed:has(#site-sidebar) .site-side-account{display:none}body.site-nav-collapsed:has(#site-sidebar) .site-brand img{width:40px;height:40px}body.site-nav-collapsed:has(#site-sidebar) .site-side-nav{margin-top:22px}body.site-nav-collapsed:has(#site-sidebar) .site-side-link{justify-content:center;padding:0}body.site-nav-collapsed:has(#site-sidebar) .site-side-icon{width:38px;height:38px;font-size:17px}body.site-nav-collapsed:has(#site-sidebar) .site-side-help{justify-content:center;padding:8px 0}
.landing-hero{position:relative;isolation:isolate;overflow:hidden;max-width:1240px;min-height:560px;margin:0 auto;padding:76px 48px 62px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:54px}
.landing-hero:before{position:absolute;content:"";z-index:-2;width:660px;height:520px;right:-100px;top:30px;background:radial-gradient(ellipse,rgba(15,113,143,.2),rgba(68,42,130,.12) 44%,transparent 72%);filter:blur(18px)}
.hero-copy{max-width:650px}.hero-eyebrow{display:flex;align-items:center;gap:10px;color:#8deaf0;font-size:11px;font-weight:700;letter-spacing:.2em;margin:0 0 24px}.hero-eyebrow span{width:24px;height:1px;background:#67e8f9;box-shadow:0 0 12px #22d3ee}
.hero-copy h1{font-family:Sora,sans-serif;font-size:clamp(43px,5.4vw,68px);line-height:1.12;letter-spacing:-.055em;font-weight:700;margin:0 0 22px;max-width:700px}
.hero-lead{font-size:16px;line-height:1.8;color:#9aa8bb;max-width:520px;margin:0 0 30px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-actions a{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:700}
.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:490px;margin-top:39px;padding-top:22px;border-top:1px solid rgba(148,163,184,.14)}
.hero-stats>div{padding:0 15px;border-right:1px solid rgba(148,163,184,.13)}.hero-stats>div:first-child{padding-left:0}.hero-stats>div:last-child{border:0}.hero-stats strong{display:block;font-family:Sora,sans-serif;font-size:22px;color:#f1f5f9}.hero-stats span{display:block;color:#8391a5;font-size:11px;margin-top:4px}
.hero-trust{display:flex;gap:17px;flex-wrap:wrap;margin-top:22px;color:#8290a2;font-size:11px}.hero-trust span:first-letter{color:#67e8f9}
.hero-visual{height:450px;position:relative;display:grid;place-items:center}.hero-glow{position:absolute;z-index:-1;width:290px;height:290px;border-radius:50%;background:rgba(34,211,238,.2);filter:blur(85px)}
.hero-logo{position:relative;width:min(315px,70%);aspect-ratio:1;border-radius:50%;padding:10px;background:linear-gradient(140deg,rgba(34,211,238,.9),rgba(139,92,246,.78),rgba(34,211,238,.16));box-shadow:0 0 0 1px rgba(255,255,255,.15),0 30px 100px rgba(34,211,238,.22);animation:heroBob 6s ease-in-out infinite}
.hero-logo:before{position:absolute;content:"";inset:8px;border-radius:50%;border:1px solid rgba(255,255,255,.35);z-index:1;pointer-events:none}.hero-logo img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.hero-orbit{position:absolute;border:1px solid rgba(103,232,249,.13);border-radius:50%;transform:rotate(-20deg)}.orbit-one{width:420px;height:205px}.orbit-two{width:490px;height:270px;transform:rotate(58deg);border-color:rgba(167,139,250,.14)}
.hero-float-card{position:absolute;z-index:2;display:flex;align-items:center;gap:11px;padding:13px 15px;border-radius:14px;background:rgba(9,17,30,.86);border:1px solid rgba(148,163,184,.2);box-shadow:0 15px 40px rgba(0,0,0,.25);backdrop-filter:blur(14px)}.hero-float-card b,.hero-float-card small{display:block}.hero-float-card b{font-size:11px;color:#e5edf5}.hero-float-card small{font-size:10px;color:#8b9aab;margin-top:3px}.float-card-top{top:53px;right:-2px}.float-card-bottom{left:-5px;bottom:57px}.float-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;color:#67e8f9;background:rgba(34,211,238,.1);font-size:17px}.online-dot{width:8px;height:8px;background:#4ade80;border-radius:50%;box-shadow:0 0 12px #4ade80}.hero-orbit-label{position:absolute;z-index:1;padding:6px 9px;border:1px solid rgba(148,163,184,.16);border-radius:999px;background:rgba(7,14,26,.7);color:#8291a5;font-size:8px;font-weight:800;letter-spacing:.12em;backdrop-filter:blur(10px)}.hero-orbit-label i{display:inline-block;width:5px;height:5px;margin-left:4px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80}.orbit-label-one{top:8px;left:16px}.orbit-label-two{right:13px;bottom:7px;color:#a9a0df}.hero-live-panel{position:absolute;z-index:3;right:-10px;bottom:10px;width:164px;padding:12px 13px;border:1px solid rgba(103,232,249,.2);border-radius:14px;background:linear-gradient(145deg,rgba(12,26,42,.94),rgba(10,14,29,.92));box-shadow:0 18px 44px rgba(0,0,0,.3);backdrop-filter:blur(16px)}.live-panel-head,.live-panel-meta{display:flex;align-items:center;justify-content:space-between}.live-panel-head{color:#8b9aab;font-size:8px;font-weight:800;letter-spacing:.1em}.live-panel-head i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80}.live-panel-head b{color:#67e8f9;font-size:8px}.live-panel-title{margin:10px 0 9px;color:#e6f7fb;font-size:11px;font-weight:700;line-height:1.35}.live-panel-progress{height:5px;overflow:hidden;border-radius:99px;background:rgba(148,163,184,.14)}.live-panel-progress span{display:block;width:78%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#8b5cf6);box-shadow:0 0 12px rgba(34,211,238,.5)}.live-panel-meta{margin-top:7px;color:#718198;font-size:9px}.live-panel-meta strong{color:#dffcff;font-size:10px}
@keyframes heroBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(max-width:1000px){.site-topbar{padding:0 22px}.site-topbar-inner{gap:18px}.site-nav{gap:17px}.site-nav a{font-size:12px}.site-auth{gap:12px;padding-left:16px}.landing-hero{padding:75px 28px 65px;gap:24px;min-height:570px}.hero-visual{height:390px}.orbit-two{width:410px;height:230px}}
@media(max-width:760px){body:has(#site-sidebar),body.site-nav-collapsed{padding-left:0}body:has(#site-sidebar) .site-mobile-bar{position:sticky;top:0;z-index:55;min-height:64px;padding:0 19px;display:flex;align-items:center;justify-content:space-between;background:rgba(4,9,17,.88);border-bottom:1px solid rgba(148,163,184,.12);backdrop-filter:blur(17px)}.site-mobile-bar .site-brand img{width:35px;height:35px}.site-menu{display:grid}.site-sidebar{transform:translateX(-102%);width:min(290px,86vw);padding-top:18px}.site-sidebar.mobile-open{transform:translateX(0)}.site-sidebar-scrim.visible{display:block;position:fixed;inset:0;z-index:65;background:rgba(0,0,0,.58);backdrop-filter:blur(2px)}body.site-nav-collapsed .site-sidebar{width:min(290px,86vw);padding-left:17px;padding-right:17px}body.site-nav-collapsed .site-brand span,body.site-nav-collapsed .site-collapse,body.site-nav-collapsed .site-side-label,body.site-nav-collapsed .site-side-link>span:not(.site-side-icon),body.site-nav-collapsed .site-side-link>i,body.site-nav-collapsed .site-side-help>span:not(.help-mark),body.site-nav-collapsed .site-side-help>a,body.site-nav-collapsed .site-side-account{display:initial}body.site-nav-collapsed .site-side-top{justify-content:space-between}body.site-nav-collapsed .site-side-nav{margin-top:0}body.site-nav-collapsed .site-side-link{justify-content:flex-start;padding:0 12px}body.site-nav-collapsed .site-side-icon{width:22px;height:22px;font-size:15px}body.site-nav-collapsed .site-side-help{justify-content:flex-start;padding:12px 10px}.landing-hero{grid-template-columns:1fr;gap:8px;padding:42px 24px 48px;min-height:0}.hero-copy{max-width:640px}.hero-copy h1{font-size:clamp(42px,9vw,60px)}.hero-lead{font-size:15px}.hero-visual{height:310px;grid-row:1;margin-bottom:0}.hero-logo{width:min(220px,58%)}.orbit-one{width:310px;height:150px}.orbit-two{width:350px;height:190px}.float-card-top{top:18px;right:0}.float-card-bottom{left:0;bottom:17px}.hero-orbit-label{display:none}.hero-live-panel{right:-2px;bottom:0;width:148px;padding:10px 11px}.live-panel-title{margin:8px 0 7px;font-size:10px}.hero-stats{margin-top:30px}.hero-trust{gap:10px 16px}}
@media(max-width:760px){body:has(.site-sidebar-pesan),body.site-nav-collapsed:has(.site-sidebar-pesan){padding-left:0}.shared-order-main{padding-top:0!important}.site-sidebar-pesan~.site-mobile-bar{display:flex}}
@media(max-width:420px){.landing-hero{padding-left:19px;padding-right:19px}.hero-visual{height:310px}.hero-logo{width:205px}.orbit-one{width:290px}.orbit-two{width:325px}.hero-float-card{padding:10px 11px}.hero-float-card b{font-size:10px}.hero-float-card small{font-size:9px}.float-card-top{right:-3px}.float-card-bottom{left:-3px}.hero-stats strong{font-size:19px}.hero-trust{font-size:10px}}