.hero-pro{background:#06070d;justify-content:center;align-items:center;width:100vw;min-height:100vh;margin-top:-70px;margin-left:calc(50% - 50vw);display:flex;position:relative;overflow:hidden}.hero-pro__bg{pointer-events:none;z-index:0;position:absolute;inset:0}.hero-pro__bg-grid{background-image:radial-gradient(circle,#ffffff0e 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 30%,#0000 100%);mask-image:radial-gradient(80% 80%,#000 30%,#0000 100%)}.hero-pro__bg-glow{filter:blur(60px);background:radial-gradient(at 30% 40%,#ff914d14 0%,#00bf630d 40%,#0000 70%);width:65%;height:80%;position:absolute;top:-20%;left:-10%}.hero-pro__container{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:64px;width:100%;max-width:1200px;margin:0 auto;padding:140px 40px 100px;display:grid;position:relative}.hero-pro__left{flex-direction:column;align-items:flex-start;display:flex}.hero-pro__heading{letter-spacing:-.04em;color:#fff;margin:0 0 22px;font-size:clamp(2.6rem,4.5vw,4rem);font-weight:750;line-height:1.08}.hero-pro__heading-gradient{background:linear-gradient(130deg,#ff914d 0%,#ffb347 40%,#00bf63 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-pro__rotating{align-items:center;gap:8px;margin-bottom:24px;display:flex}.hero-pro__rotating-label{color:#fff6;flex-shrink:0;font-size:.84rem;font-weight:400}.hero-pro__rotating-word-wrap{vertical-align:middle;align-items:center;height:1.35em;display:inline-flex;position:relative;overflow:hidden}.hero-pro__rotating-word{color:#ff914d;white-space:nowrap;letter-spacing:-.01em;font-size:.88rem;font-weight:700;line-height:1.35;display:inline-block}.hero-pro__desc{color:#ffffff61;max-width:420px;margin-bottom:40px;font-size:clamp(.93rem,1.1vw,1rem);line-height:1.8}.hero-pro__ctas{flex-wrap:wrap;gap:12px;margin-bottom:52px;display:flex}.hero-pro__btn{white-space:nowrap;border-radius:9px;align-items:center;gap:8px;padding:13px 26px;font-size:.84rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.hero-pro__btn:active{transform:scale(.97)}.hero-pro__btn--primary{color:#0a0b0f;background:#fff}.hero-pro__btn--primary:hover{background:#f0f0f0;transform:translateY(-1px);box-shadow:0 8px 24px #ffffff14}.hero-pro__btn--primary svg{transition:transform .2s}.hero-pro__btn--primary:hover svg{transform:translate(3px)}.hero-pro__btn--ghost{color:#ffffff8c;background:0 0;border:1px solid #ffffff1a}.hero-pro__btn--ghost:hover{color:#ffffffe6;background:#ffffff0a;border-color:#ffffff38}.hero-pro__stats{align-items:center;gap:0;display:flex}.hero-pro__stat{flex-direction:column;gap:3px;padding:0 28px;display:flex;position:relative}.hero-pro__stat:first-child{padding-left:0}.hero-pro__stat-value{letter-spacing:-.03em;color:#fff;font-size:1.6rem;font-weight:700;line-height:1}.hero-pro__stat-label{color:#ffffff61;letter-spacing:.01em;white-space:nowrap;font-size:.72rem}.hero-pro__stat-divider{background:#ffffff1a;width:1px;height:28px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.hero-pro__right{justify-content:center;align-items:center;padding:20px;display:flex;position:relative}.hero-pro__card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff17;border-radius:16px;width:100%;max-width:420px;overflow:hidden;box-shadow:0 0 0 1px #ffffff0a,0 24px 64px #0006,inset 0 1px #ffffff0f}.hero-pro__card-bar{background:#ffffff08;border-bottom:1px solid #ffffff0f;align-items:center;gap:6px;padding:12px 16px;display:flex}.hero-pro__card-dot{border-radius:50%;width:10px;height:10px}.hero-pro__card-dot--r{background:#ff5f57}.hero-pro__card-dot--y{background:#febc2e}.hero-pro__card-dot--g{background:#28c840}.hero-pro__card-title-bar{color:#ffffff4d;margin-left:8px;font-family:SF Mono,Fira Code,Fira Mono,Cascadia Code,monospace;font-size:.7rem}.hero-pro__card-code{padding:24px;font-family:SF Mono,Fira Code,Fira Mono,Cascadia Code,monospace;font-size:.82rem;line-height:1.9}.hero-pro__code-line{white-space:pre;display:block}.hero-pro__code-line--indent{padding-left:20px}.c-keyword{color:#c792ea}.c-var{color:#82aaff}.c-op{color:#fff6}.c-fn{color:#82aaff}.c-paren{color:#ffffff8c}.c-key{color:#f07178}.c-str{color:#c3e88d}.c-punc{color:#ffffff4d}.hero-pro__code-cursor{vertical-align:middle;background:#fff9;border-radius:1px;width:8px;height:1.1em;margin-top:4px;animation:1.1s step-end infinite blink-cursor;display:inline-block}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.hero-pro__card-metrics{border-top:1px solid #ffffff0f;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 20px 18px;display:flex}.hero-pro__metric{color:#ffffff73;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff12;border-radius:100px;align-items:center;gap:6px;padding:5px 12px;font-size:.71rem;font-weight:500;display:inline-flex}.hero-pro__metric--green{color:#00bf63;background:#00bf630f;border-color:#00bf6326}.hero-pro__metric-dot{background:#00bf63;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.hero-pro__float{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:3;background:#ffffff0a;border:1px solid #ffffff17;border-radius:12px;align-items:center;gap:10px;padding:10px 16px;animation:4s ease-in-out infinite float-idle;display:flex;position:absolute;box-shadow:0 8px 32px #0000004d}.hero-pro__float--tl{animation-delay:0s;top:4%;left:-4%}.hero-pro__float--br{animation-delay:2s;bottom:10%;right:-6%}@keyframes float-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hero-pro__float-icon{background:#ffffff0f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.hero-pro__float-title{color:#fff;white-space:nowrap;font-size:.76rem;font-weight:600}.hero-pro__float-sub{color:#ffffff61;white-space:nowrap;font-size:.67rem}.hero-pro__scroll{z-index:5;cursor:pointer;opacity:.3;background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;padding:0;transition:opacity .3s;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.hero-pro__scroll:hover{opacity:.65}.hero-pro__scroll-track{background:#ffffff14;border-radius:1px;width:1px;height:48px;display:block;position:relative;overflow:hidden}.hero-pro__scroll-thumb{background:#ffffff80;border-radius:1px;width:100%;height:45%;animation:2s cubic-bezier(.4,0,.2,1) infinite scroll-drop;position:absolute;top:-100%;left:0}@keyframes scroll-drop{0%{opacity:0;top:-45%}15%{opacity:1}75%{opacity:1}to{opacity:0;top:100%}}.hero-pro__scroll-label{letter-spacing:.18em;text-transform:uppercase;color:#ffffff59;font-size:.58rem;font-weight:500}@media (max-width:1024px){.hero-pro__container{gap:40px;padding:130px 32px 90px}.hero-pro__float--tl{left:-2%}.hero-pro__float--br{right:-2%}}@media (max-width:768px){.hero-pro{min-height:100svh}.hero-pro__container{text-align:left;grid-template-columns:1fr;gap:56px;padding:110px 24px 80px}.hero-pro__right{order:-1;padding:0}.hero-pro__card{max-width:100%}.hero-pro__float--tl{top:-12px;left:0}.hero-pro__float--br{bottom:-12px;right:0}.hero-pro__heading{font-size:clamp(2.2rem,7vw,3rem)}.hero-pro__stats{flex-wrap:wrap;gap:16px}.hero-pro__stat{padding:0 20px 0 0}.hero-pro__stat-divider{display:none}}@media (max-width:480px){.hero-pro__container{padding:95px 16px 70px}.hero-pro__float{display:none}.hero-pro__ctas{flex-direction:column;width:100%}.hero-pro__btn{justify-content:center;width:100%}.hero-pro__card-code{padding:18px;font-size:.76rem}}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.section-fade-in{animation:.6s ease-out forwards fadeInUp}.section-fade-in-fast{animation:.4s ease-out forwards fadeInUp}.section-loading{opacity:0;transform:translateY(20px)}.app>div{transition:opacity .3s ease-in-out}.app{contain:layout style}.app>div{will-change:opacity,transform}@media (prefers-reduced-motion:reduce){.section-fade-in,.section-fade-in-fast{animation:.3s ease-out forwards fadeIn}.app>div{will-change:auto}}