@layer components{.pro-hero{color:#e5e7eb;isolation:isolate;grid-template-columns:250px minmax(360px,600px) 250px;justify-content:center;align-items:center;gap:24px;width:100%;max-width:1380px;min-height:640px;margin-top:100px;padding:40px 24px;font-family:ui-sans-serif,system-ui,-apple-system,Inter,sans-serif;display:grid;position:relative}.pro-hero__bg-grid{z-index:-1;background-image:radial-gradient(circle,#ef444414,#0000 60%),linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:auto,32px 32px,32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 40%,#0000 80%);mask-image:radial-gradient(circle,#000 40%,#0000 80%)}.pro-hero__left{height:100%;position:relative}.pro-hero__sources{z-index:2;flex-direction:column;justify-content:center;gap:20px;height:100%;display:flex;position:relative}.pro-hero__source{background:linear-gradient(135deg,#1a1a1d,#0f0f11);border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;transition:transform .3s,border-color .3s;animation:.6s both pro-hero-fade-in,4s ease-in-out infinite pro-hero-float;display:flex;position:relative;box-shadow:0 4px 14px #0006,inset 0 1px #ffffff0a}.pro-hero__source:hover{border-color:#ef444466;transform:translate(4px)scale(1.05)}.pro-hero__source img{object-fit:contain;filter:drop-shadow(0 2px 4px #0000004d);width:28px;height:28px}.pro-hero__source-pulse{background:#ef4444;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pro-hero-ping;position:absolute;top:50%;right:-4px;transform:translateY(-50%);box-shadow:0 0 #ef444499}.pro-hero__lines{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;overflow:visible}.pro-hero__lines--left{width:calc(100% - 4px);left:28px}.pro-hero__lines--right{width:130px;left:-24px}.pro-hero__line{fill:none;stroke:#ef444459;stroke-width:1.2px;stroke-linecap:round;stroke-dasharray:4 6;animation:4s linear infinite pro-hero-dash}.pro-hero__line--reverse{animation:4s linear infinite pro-hero-dash-reverse}.pro-hero__center{z-index:3;justify-content:center;display:flex;position:relative}.pro-hero__window{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#141416 0%,#0c0c0e 100%);border:1px solid #ef444440;border-radius:18px;width:100%;animation:.8s both pro-hero-window-in;overflow:hidden;box-shadow:0 30px 80px -20px #ef444440,0 0 0 1px #ffffff0a,inset 0 1px #ffffff0f}.pro-hero__titlebar{background:#ffffff05;border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;padding:12px 16px;display:flex;position:relative}.pro-hero__dot{border-radius:50%;width:11px;height:11px;display:inline-block}.pro-hero__dot--red{background:#ef4444}.pro-hero__dot--yellow{background:#eab308}.pro-hero__dot--green{background:#22c55e}.pro-hero__title{color:#ef4444;text-align:center;letter-spacing:.4px;pointer-events:none;font-size:13px;font-weight:600;position:absolute;left:0;right:0}.pro-hero__tabs{background:#ffffff04;border-bottom:1px solid #ffffff0d;display:flex}.pro-hero__tab{color:#9ca3af;cursor:pointer;background:0 0;border:none;flex:1;padding:14px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:color .2s;position:relative}.pro-hero__tab:hover{color:#e5e7eb}.pro-hero__tab.is-active{color:#ef4444}.pro-hero__tab.is-active:after{content:"";background:linear-gradient(90deg,#0000,#ef4444,#0000);border-radius:2px;height:2px;animation:.3s pro-hero-tab-in;position:absolute;bottom:-1px;left:20%;right:20%}.pro-hero__panel{height:400px;padding:20px;animation:.4s pro-hero-panel-in;overflow-y:auto}.pro-hero__panel-head{color:#6b7280;letter-spacing:1.2px;justify-content:space-between;margin-bottom:16px;font-size:10.5px;font-weight:600;display:flex}.pro-hero__panel-meta{color:#4b5563;letter-spacing:.5px}.pro-hero__filelist{flex-direction:column;gap:10px;display:flex}.pro-hero__file{background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;transition:border-color .3s,background .3s;animation:.4s pro-hero-file-in;display:flex}.pro-hero__file.is-indexing{background:#eab3080a;border-color:#eab30866}.pro-hero__file.is-ready{background:#22c55e0a;border-color:#22c55e59}.pro-hero__file-icon{object-fit:contain;flex-shrink:0;width:22px;height:22px}.pro-hero__file-body{flex:1;min-width:0}.pro-hero__file-name{text-overflow:ellipsis;color:#e5e7eb;text-align:left;white-space:nowrap;margin-bottom:4px;font-size:13px;overflow:hidden}.pro-hero__file-bar{background:#ffffff0f;border-radius:3px;height:3px;overflow:hidden}.pro-hero__file-bar-fill{background:linear-gradient(90deg,#ef4444,#f97316);border-radius:3px;height:100%;transition:width .2s}.pro-hero__file.is-indexing .pro-hero__file-bar-fill{background:linear-gradient(90deg,#eab308,#f97316) 0 0/200% 100%;animation:1.4s linear infinite pro-hero-shimmer}.pro-hero__file.is-ready .pro-hero__file-bar-fill{background:linear-gradient(90deg,#22c55e,#10b981)}.pro-hero__file-status{border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:11px;font-weight:600}.pro-hero__file-status--uploading{color:#ef4444;background:#ef44441a}.pro-hero__file-status--indexing{color:#eab308;background:#eab3081f}.pro-hero__file-status--ready{color:#22c55e;background:#22c55e1f}.pro-hero__input{background:#ffffff08;border:1px solid #ef444440;border-radius:10px;align-items:center;gap:8px;min-height:44px;margin-bottom:14px;padding:12px 14px;font-size:13px;display:flex}.pro-hero__input-prefix{color:#ef4444;font-weight:700}.pro-hero__input-text{color:#e5e7eb}.pro-hero__caret{background:#ef4444;width:7px;height:14px;animation:.9s step-end infinite pro-hero-blink;display:inline-block}.pro-hero__answer{background:#ef44440a;border:1px solid #ef44442e;border-radius:10px;padding:14px;animation:.4s pro-hero-answer-in}.pro-hero__answer-text{color:#d1d5db;text-align:left;margin-bottom:12px;font-size:13px;line-height:1.6}.pro-hero__citations{flex-wrap:wrap;gap:8px;display:flex}.pro-hero__citation{color:#ef4444;background:#ef444414;border:1px solid #ef444433;border-radius:6px;padding:4px 8px;font-family:ui-monospace,monospace;font-size:10.5px}.pro-hero__keybox{background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;margin-bottom:14px;padding:16px}.pro-hero__keybox-label{color:#6b7280;letter-spacing:1px;margin-bottom:8px;font-size:10.5px;font-weight:600}.pro-hero__keybox-value{color:#fca5a5;word-break:break-all;background:#0006;border:1px dashed #ef44444d;border-radius:8px;align-items:center;min-height:40px;margin-bottom:12px;padding:10px 12px;font-family:ui-monospace,SF Mono,monospace;font-size:12.5px;display:flex}.pro-hero__keybox-empty{color:#4b5563}.pro-hero__keybox-loading{color:#9ca3af;align-items:center;gap:4px;display:inline-flex}.pro-hero__loading-dot{background:#ef4444;border-radius:50%;width:4px;height:4px;margin-left:2px;animation:1.2s ease-in-out infinite pro-hero-bounce}.pro-hero__loading-dot:nth-child(2){animation-delay:.2s}.pro-hero__loading-dot:nth-child(3){animation-delay:.4s}.pro-hero__keybtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;width:100%;padding:11px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:transform .15s,box-shadow .2s,background .3s;box-shadow:0 6px 20px -6px #ef444499}.pro-hero__keybtn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 26px -6px #ef4444cc}.pro-hero__keybtn:active{transform:translateY(0)}.pro-hero__keybtn:disabled{cursor:wait;opacity:.85}.pro-hero__keybtn.is-success{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 6px 20px -6px #22c55e99}.pro-hero__env{background:#00000073;border:1px solid #ffffff0d;border-radius:10px;overflow:hidden}.pro-hero__env-head{color:#6b7280;letter-spacing:.8px;background:#ffffff05;border-bottom:1px solid #ffffff0a;justify-content:space-between;padding:10px 14px;font-size:10.5px;font-weight:600;display:flex}.pro-hero__env-status{color:#22c55e}.pro-hero__env-code{color:#d1d5db;word-break:break-word;white-space:pre-wrap;margin:0;padding:12px 14px;font-family:ui-monospace,monospace;font-size:11.5px;line-height:1.6}.pro-hero__right{height:100%;position:relative}.pro-hero__pipeline{z-index:2;flex-direction:column;justify-content:space-evenly;align-items:flex-end;height:100%;display:flex;position:relative}.pro-hero__pipe{background:linear-gradient(135deg,#1a1a1d,#0f0f11);border:1px solid #ef444433;border-radius:12px;width:140px;padding:14px 16px;transition:transform .3s,border-color .3s;animation:.7s both pro-hero-pipe-in,5s ease-in-out infinite pro-hero-float;position:relative;overflow:hidden}.pro-hero__pipe:hover{border-color:#ef444480;transform:translate(-4px)}.pro-hero__pipe-glow{pointer-events:none;background:linear-gradient(120deg,#0000 30%,#ef444440,#0000 70%) 0 0/250% 100%;animation:3s ease-in-out infinite pro-hero-sweep;position:absolute;inset:-1px}.pro-hero__pipe-title{color:#fff;margin-bottom:4px;font-size:13px;font-weight:600;position:relative}.pro-hero__pipe-sub{color:#9ca3af;margin-bottom:8px;font-size:11px;position:relative}.pro-hero__pipe-bars{gap:4px;display:flex;position:relative}.pro-hero__pipe-bars span{background:#ef444433;border-radius:2px;flex:1;height:4px;position:relative;overflow:hidden}.pro-hero__pipe-bars span:after{content:"";background:linear-gradient(90deg,#ef4444,#f97316);animation:2.4s ease-in-out infinite pro-hero-bar-fill;position:absolute;inset:0}@keyframes pro-hero-fade-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pro-hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes pro-hero-ping{0%{box-shadow:0 0 #ef444499}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes pro-hero-dash{to{stroke-dashoffset:-100px}}@keyframes pro-hero-dash-reverse{to{stroke-dashoffset:100px}}@keyframes pro-hero-window-in{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pro-hero-tab-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pro-hero-panel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pro-hero-file-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes pro-hero-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pro-hero-blink{50%{opacity:0}}@keyframes pro-hero-answer-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pro-hero-bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}@keyframes pro-hero-pipe-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pro-hero-sweep{0%{background-position:200% 0}to{background-position:-50% 0}}@keyframes pro-hero-bar-fill{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@media (max-width:850px){.pro-hero{grid-template-columns:1fr;gap:32px}.pro-hero__left,.pro-hero__right,.pro-hero__lines{display:none}}}