html{scroll-behavior:smooth}.cb-hero{padding:88px 0 64px;text-align:left}.hr-grid{display:grid;grid-template-columns:minmax(0, 1.15fr) minmax(0, 1fr);gap:56px;align-items:center}.cb-hero .hr-title{margin:0 0 22px;font-size:clamp(34px, 4.3vw, 54px);font-weight:800;line-height:1.04;letter-spacing:-0.035em}.hr-title i{font-style:normal;color:var(--orange)}.cb-hero .cb-lead{margin:0;max-width:540px}.cb-hero .cb-actions{justify-content:flex-start;margin-top:32px}.hr-visual{position:relative;padding-bottom:44px}.hr-editor{overflow:hidden;border-radius:16px;background:#1D1B18;box-shadow:var(--shadow-lg),0 0 0 1px rgba(29,27,24,0.06);transform:rotate(-1deg)}.hr-editor-bar{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,0.08)}.hr-editor-bar i{width:10px;height:10px;border-radius:50%;background:#3E3A34}.hr-editor-bar span{margin-left:10px;color:#8A8275;font:500 12px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}.hr-code{margin:0;padding:22px 24px 26px;background:none;border:0;color:#CFC6B8;font:14.5px/1.9 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;white-space:pre;overflow:hidden}.hr-code b{font-weight:500;color:#F48A4F}.hr-code em{font-style:normal;color:#FFFFFF}.hr-code s{text-decoration:none;color:#E9C46A}.hr-code .hr-ok{color:#7FC8A0}.hr-ln{display:inline-block;vertical-align:top;width:0;overflow:hidden;animation:hr-type calc(var(--n) * 38ms) steps(var(--n), end) var(--d) forwards}@keyframes hr-type{to{width:calc(var(--n) * 1ch)}}.hr-toast{position:absolute;left:-28px;bottom:-6px;display:flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:var(--shadow-lg);font-size:13px;color:var(--muted);opacity:0;transform:translateY(10px);animation:hr-land 0.5s cubic-bezier(0.2, 0.7, 0.2, 1) 6s forwards}.hr-toast strong{display:block;color:var(--text);font-size:14px;font-weight:700}.hr-avatar{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:var(--orange-50);color:var(--orange);font-size:18px}@keyframes hr-land{to{opacity:1;transform:none}}.cb-hero .cb-stats{max-width:none;margin-top:64px;text-align:center}.hr-logos{margin-top:44px;text-align:center}.hr-logos p{margin:0 0 18px;color:var(--muted-2);font-size:13px;font-weight:600}.hr-marquee{display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);mask-image:linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent)}.hr-marquee ul{display:flex;flex-shrink:0;align-items:center;gap:56px;margin:0;padding:0 56px 0 0;list-style:none;animation:hr-marquee 32s linear infinite}.hr-marquee:hover ul{animation-play-state:paused}@keyframes hr-marquee{to{transform:translateX(-100%)}}.hr-logos img{display:block;width:auto;height:auto;max-height:28px;max-width:108px;filter:grayscale(1);opacity:.6;transition:filter .2s, opacity .2s}.hr-logos li:hover img{filter:none;opacity:1}@media (max-width: 960px){.hr-grid{grid-template-columns:minmax(0, 1fr);gap:44px}.hr-toast{left:12px}}@media (max-width: 767px){.cb-hero{padding:56px 0 48px}.hr-code{padding:18px;font-size:12.5px}.hr-editor{transform:none}.cb-hero .cb-stats{margin-top:48px}.hr-marquee ul{gap:36px;padding-right:36px}.hr-logos img{max-height:22px;max-width:88px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.hr-ln{animation:none;width:auto}.hr-toast{animation:none;opacity:1;transform:none}.hr-marquee{flex-wrap:wrap;justify-content:center;-webkit-mask-image:none;mask-image:none}.hr-marquee ul{flex-wrap:wrap;justify-content:center;gap:18px 44px;padding:0;animation:none}.hr-marquee ul[aria-hidden="true"]{display:none}}