.hero-sec{padding:0}.hero-shell{padding:14px 30px 0}.hero{background:var(--cyber);border-radius:28px;color:#fff;margin:0 auto;max-width:1440px;overflow:hidden;position:relative}.hero .grid-tex{inset:0;opacity:.06;position:absolute}.pbx .hero .wrap{align-items:center;display:grid;gap:80px;grid-template-columns:1.05fr minmax(0,.95fr);margin:0 auto;max-width:1360px;padding:110px 40px 120px;position:relative}.pbx .hero .hero-visual{min-width:0}.pbx .hero .code-card .hero-code{overflow:auto}.hero .pill{align-items:center;background:none;border:none;color:hsla(0,0%,100%,.55);display:inline-flex;font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:2px;margin-bottom:22px;padding:0;text-transform:uppercase}.hero .pill .dot{display:none}.pbx .hero h1{color:#fff;font-size:62px;font-weight:700;letter-spacing:-2px;line-height:1.04;margin-bottom:22px}.pbx .hero h1 .accent{color:var(--yellow)}.hero p.sub{color:hsla(0,0%,100%,.78);font-size:19px;margin-bottom:34px;max-width:520px}.hero .ctas{align-items:center;display:flex;flex-wrap:wrap;gap:24px}.pbx .hero .btn{white-space:nowrap}.hero .hero-stack{margin-top:44px}.hero .hero-stack-label{color:hsla(0,0%,100%,.45);display:block;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:2px;margin-bottom:18px;text-transform:uppercase}.hero .hero-stack-icons{align-items:center;display:flex;flex-wrap:wrap;gap:26px}.hero .hero-stack-icons a{align-items:center;color:hsla(0,0%,100%,.5);display:inline-flex;height:28px;justify-content:center;transition:.16s;width:28px}.hero .hero-stack-icons a:hover{color:#fff;transform:translateY(-2px)}.hero .lang-ic{display:block;fill:currentColor;height:100%;width:100%}.hero .hero-stack-icons a.ic-lang-js .lang-ic{transform:scale(.8)}.hero .hero-stack-icons a.ic-lang-ruby .lang-ic{transform:scale(.9)}.hero .hero-stack-icons a.ic-lang-perl .lang-ic{transform:scale(.92)}.hero .hero-stack-icons a.ic-lang-python .lang-ic{transform:scale(.96)}.hero .code-card{background:#0b1020;border:1px solid hsla(0,0%,100%,.12);border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.5);overflow:hidden}.hero .code-card .bar{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;gap:7px;padding:13px 16px}.hero .code-card .bar i{border-radius:50%;display:inline-block;height:11px;width:11px}.hero .code-card .bar .r{background:#ff5f56}.hero .code-card .bar .y{background:#ffbd2e}.hero .code-card .bar .g{background:#27c93f}.hero .code-card .bar .lang{color:var(--n400);font-family:var(--sans);font-size:12px;margin-left:auto}.hero .hero-dd{margin-left:auto;position:relative}.hero .hero-dd-btn{align-items:center;background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.16);border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:var(--sans);font-size:12px;font-weight:600;gap:7px;padding:6px 11px}.hero .hero-dd-btn:hover{background:hsla(0,0%,100%,.14)}.hero .hero-dd-btn .cv{fill:none;height:14px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;transition:.16s;width:14px}.hero .hero-dd.open .cv{transform:rotate(180deg)}.hero .hero-dd-menu{background:#11162a;border:1px solid hsla(0,0%,100%,.12);border-radius:12px;box-shadow:0 18px 44px rgba(0,0,0,.55);display:none;max-height:280px;min-width:160px;overflow:auto;padding:6px;position:absolute;right:0;top:calc(100% + 7px);z-index:6}.hero .hero-dd.open .hero-dd-menu{display:block}.hero .hero-dd-item{align-items:center;background:none;border:none;border-radius:8px;color:hsla(0,0%,100%,.68);cursor:pointer;display:flex;font-family:var(--sans);font-size:13px;font-weight:500;gap:9px;padding:8px 10px;text-align:left;width:100%}.hero .hero-dd-item:hover{background:hsla(0,0%,100%,.08);color:#fff}.hero .hero-dd-item.active{color:#fff}.hero .hero-dd-item .chk{fill:none;flex:none;height:14px;stroke:var(--yellow);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5;visibility:hidden;width:14px}.hero .hero-dd-item.active .chk{visibility:visible}@media(max-width:900px){.hero-shell{padding:12px 12px 0}.pbx .hero .wrap{gap:0;grid-template-columns:1fr;padding:56px 24px 64px}.pbx .hero h1{font-size:40px;letter-spacing:-1px}.hero p.sub{font-size:17px}.hero-visual{display:none}.pbx .hero .ctas{gap:14px}}