.hero-gahar{position:relative;isolation:isolate;min-height:900px;overflow:hidden;padding:128px 24px 38px;text-align:center;background:#07080a}
.hero-content{position:relative;z-index:2;max-width:900px;margin:auto}
.aurora{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.bilah{position:absolute;display:block;width:1080px;height:135px;border-radius:50%;filter:blur(46px);mix-blend-mode:screen;background:linear-gradient(100deg,transparent 0%,#ffb34766 16%,#ff6b4acc 38%,#ff2f3a 58%,#ff6b4a99 76%,transparent 100%);transform:rotate(var(--rotasi)) scale(1.08);opacity:1;transform-origin:center;animation:cahaya-hidup var(--durasi) ease-in-out infinite;will-change:transform,opacity}
.bilah-a{left:-360px;top:330px;--rotasi:-38deg;--durasi:18s;--geser:48px}
.bilah-b{right:-410px;top:300px;--rotasi:-38deg;--durasi:22s;--geser:-65px;height:175px;background:linear-gradient(100deg,transparent,#ff2f3aaa 30%,#ff6b4a 52%,#ffb34788 74%,transparent)}
.bilah-c{left:-380px;top:760px;--rotasi:-38deg;--durasi:15s;--geser:75px;height:75px;filter:blur(28px)}
.bilah-d{right:-360px;top:80px;--rotasi:-38deg;--durasi:20s;--geser:-45px;height:90px;filter:blur(32px);background:linear-gradient(100deg,transparent,#ff2f3a88,#ff6b4a99,#ffb34777,transparent)}
.aurora:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 39%,#07080a99 0%,#07080a11 45%,#07080aaa 88%),linear-gradient(0deg,#07080a 0%,transparent 24%,#07080a22 70%,#07080acc 100%)}
.grain{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.8' filter='url(%23n)'/%3E%3C/svg%3E")}
@keyframes cahaya-hidup{0%,100%{transform:translate3d(0,0,0) rotate(var(--rotasi)) scale(1.08);opacity:1}45%{transform:translate3d(var(--geser),-28px,0) rotate(calc(var(--rotasi) + 4deg)) scale(.94);opacity:.62}75%{transform:translate3d(calc(var(--geser) * -.4),20px,0) rotate(calc(var(--rotasi) - 3deg)) scale(1.02);opacity:.85}}
.eyebrow{display:inline-flex;gap:9px;align-items:center;padding:6px 12px;border:1px solid #ffffff24;border-radius:999px;background:#0d0e12aa;color:#d8d8da;font-size:12px;line-height:1.4}
.eyebrow:before{content:"";width:5px;height:5px;border-radius:50%;background:#e6e6e6}
.hero-title{font-size:64px!important;font-weight:600;line-height:1.1;letter-spacing:-3px;margin:19px 0 0;color:#fff}
.hero-title .aksen{background:linear-gradient(110deg,#ffb347,#ff6b4a 48%,#ff2f3a);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-subtitle{max-width:640px;margin:18px auto 0;font-size:18px;font-weight:400;line-height:1.6;letter-spacing:.2px;color:#c0c0c3;text-wrap:balance}
.hero-actions{display:flex;justify-content:center;gap:14px;margin-top:25px}
.keycap{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:12px 19px;min-height:46px;border:1px solid #ffffff70;border-radius:8px;color:#2f3031;background:#e6e6e6;font-size:14px;font-weight:500;text-decoration:none;box-shadow:0 0 0 2px #050506,0 0 14px #ffffff20,0 5px 0 #929296,inset 0 1px 0 #fff,inset 0 -2px 0 #00000020;transition:transform .16s,box-shadow .16s}
.keycap:hover{background:#fff;transform:translateY(-1px)}
.keycap:active{transform:translateY(3px);box-shadow:0 0 0 2px #050506,0 1px 0 #929296,inset 0 1px 0 #fff}
.hero-caption{font-family:GeistMono,monospace;font-size:12px;line-height:1.6;color:#9c9c9d;margin-top:20px}
.command-bar{width:min(620px,100%);margin:26px auto 0;text-align:left;border:1px solid #ffffff24;border-radius:14px;background:#0c0d11db;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 22px 65px #0009,0 12px 60px #ff382015,inset 0 1px 0 #ffffff08;overflow:hidden}
.command-search{display:flex;gap:11px;align-items:center;min-height:56px;padding:12px 17px;border-bottom:1px solid #ffffff12}
.command-search>svg{color:#9c9c9d;flex:none}
.query-wrap{flex:1;min-width:0;position:relative}
.command-search input{min-width:0;width:100%;padding:4px 0;border:0;background:transparent;font-size:14px;color:#fff;caret-color:#ffb347;outline:none}
.command-search input:focus-visible{outline:1px solid #ffffff45;outline-offset:4px;border-radius:2px}
.command-caret{position:absolute;left:54px;top:50%;transform:translateY(-50%);display:inline-block;width:1px;height:17px;background:#ffb347;animation:caret-hidup 1.15s steps(2,end) infinite;pointer-events:none}
.command-search:focus-within .command-caret{display:none}
@keyframes caret-hidup{0%,100%{opacity:1}50%{opacity:0}}
.mode-command{font-size:10px;font-weight:500;letter-spacing:.2px;border:1px solid #ffffff20;padding:4px 8px;border-radius:5px;background:#ffffff06;color:#bfbfc1;cursor:pointer}
.command-results{padding:7px}
.perintah{display:flex;align-items:center;gap:13px;min-height:43px;padding:10px 12px;border:1px solid transparent;border-radius:7px;text-decoration:none;color:#c5c5c7;font-size:13px}
.perintah>svg{width:17px;height:17px;flex:none;color:#a5a5a8}
.perintah small{font-size:12px;color:#9c9c9d;margin-left:5px;font-weight:400}
.perintah.aktif,.perintah:hover,.perintah:focus-visible{color:#fff;background:linear-gradient(90deg,#ff3e301a,#ff9f3c0b);border-color:#ff825323}
.perintah.aktif>svg,.perintah:hover>svg{color:#e8e8e9}
kbd{font-family:GeistMono,monospace;font-size:10px;font-weight:400;color:#9c9c9d;background:#ffffff06;border:1px solid #ffffff16;border-radius:4px;padding:2px 5px;white-space:nowrap;margin-left:auto}
.command-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 17px;border-top:1px solid #ffffff10;font-size:10px;color:#858589;gap:12px}
.command-footer span:first-child{font-family:GeistMono,monospace}
.command-footer b{font-size:11px;font-weight:600;color:#b9b9bb}
.ghost-pill{display:inline-flex;align-items:center;gap:13px;text-decoration:none;border:1px solid #ffffff25;border-radius:999px;color:#b9b9bd;font-size:12px;padding:8px 15px;margin-top:22px;background:transparent}
.ghost-pill:hover{color:#fff;border-color:#ffffff65}
.product-badge{position:absolute;z-index:3;bottom:105px;right:42px;text-decoration:none;display:flex;align-items:center;gap:12px;text-align:left;background:#0e0f13df;border:1px solid #ffffff22;border-radius:11px;padding:14px 16px;box-shadow:0 12px 35px #0008}
.product-badge small{display:block;color:#9c9c9d;font-size:10px;line-height:1.5}
.product-badge strong{font-size:13px;font-weight:600;display:block;margin-block:2px}
.product-badge>svg{width:24px;height:24px;color:#ddd}
@media(min-width:1700px){.bilah-a{left:-130px}.bilah-b{right:-200px}.bilah-c{left:-80px}}
@media(max-width:1100px){.product-badge{right:22px;bottom:35px;font-size:12px;padding:10px}.product-badge small{font-size:9px}.hero-gahar{padding-top:130px}}
@media(max-width:800px){.hero-gahar{min-height:auto;padding:124px 20px 45px}.hero-title{font-size:54px!important;letter-spacing:-2.5px}.hero-subtitle{font-size:17px}.product-badge{position:relative;right:auto;bottom:auto;justify-content:center;width:max-content;margin:25px auto 0;max-width:100%}.bilah-a{left:-650px;top:360px}.bilah-b{right:-650px;top:450px}.bilah-c{left:-600px;top:800px}.perintah small{display:none}}
@media(max-width:480px){.hero-gahar{padding-inline:18px;padding-top:120px}.hero-title{font-size:42px!important;letter-spacing:-1.7px}.hero-subtitle{font-size:16px;line-height:1.65;margin-top:19px}.eyebrow{font-size:10px}.hero-actions{flex-direction:column;gap:14px;margin:24px auto 0;max-width:340px}.hero-caption{font-size:10px;margin-top:24px}.command-bar{margin-top:26px}.perintah{padding-inline:9px;gap:10px;font-size:12px}.command-search{padding-inline:13px;gap:7px}.command-search input{font-size:12px}.mode-command{font-size:9px}.command-footer{padding-inline:12px;font-size:9px}.command-footer span:first-child{max-width:230px}.command-footer b{font-size:10px}kbd{font-size:9px;padding:2px 4px}}
@media(prefers-reduced-motion:reduce){.bilah,.command-caret{animation:none!important}.keycap{transition:none}}