#pcbm-homepage .hero-demo{position:relative;width:100%;height:440px;perspective:1000px}#pcbm-homepage .hero-demo__inner{position:relative;width:100%;height:100%;z-index:1}#pcbm-homepage .hero-demo__builder{position:absolute;inset:0;border-radius:1rem;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,0.5);transition:transform 0.5s cubic-bezier(0.4,0,0.2,1),opacity 0.5s cubic-bezier(0.4,0,0.2,1);z-index:10;display:flex;flex-direction:column}#pcbm-homepage .hero-demo__builder-header{display:flex;align-items:center;justify-content:space-between;padding:0.5rem 0.75rem;border-bottom:1px solid rgba(255,255,255,0.05);flex-shrink:0}#pcbm-homepage .hero-demo__builder-title{font-weight:700;font-size:0.9375rem;color:var(--hp2-text-white);margin:0}#pcbm-homepage .hero-demo__builder-badges{display:flex;align-items:center;gap:0.375rem}#pcbm-homepage .hero-demo__builder-badge{display:inline-flex;align-items:center;gap:0.25rem;padding:0.1875rem 0.5rem;font-size:0.625rem;font-weight:600;border-radius:9999px;transition:opacity 0.3s ease,transform 0.3s ease}#pcbm-homepage .hero-demo__builder-badge i{font-size:0.5rem}#pcbm-homepage .hero-demo__builder-badge--watt{background:rgba(251,191,36,0.15);color:var(--hp2-yellow-400,#fbbf24);opacity:1}#pcbm-homepage .hero-demo__watt-value{font-family:'JetBrains Mono',monospace;font-weight:700}#pcbm-homepage .hero-demo__builder-badge--compat{background:rgba(34,197,94,0.2);color:var(--hp2-green-400,#4ade80);opacity:1}#pcbm-homepage .hero-demo__slots-wrapper{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.2) transparent}#pcbm-homepage .hero-demo__slots-wrapper::-webkit-scrollbar{width:4px}#pcbm-homepage .hero-demo__slots-wrapper::-webkit-scrollbar-track{background:transparent}#pcbm-homepage .hero-demo__slots-wrapper::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:2px}#pcbm-homepage .hero-demo__slots-wrapper::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.3)}#pcbm-homepage .hero-demo__slots{padding:0.375rem 0.5rem;display:flex;flex-direction:column;gap:0.3125rem}#pcbm-homepage .hero-demo__slot{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.625rem;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);border-radius:0.5rem;transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}#pcbm-homepage .hero-demo__slot--empty{background:rgba(255,255,255,0.02);border-style:dashed}#pcbm-homepage .hero-demo__slot--filled{background:rgba(37,99,235,0.08);border-color:rgba(37,99,235,0.2)}#pcbm-homepage .hero-demo__slot--active{border-color:var(--hp2-blue-500);box-shadow:0 0 0 3px rgba(59,130,246,0.2);animation:hero-slot-pulse 1.2s ease-in-out infinite}@keyframes hero-slot-pulse{0%,100%{box-shadow:0 0 0 3px rgba(59,130,246,0.2)}50%{box-shadow:0 0 0 5px rgba(59,130,246,0.15)}}#pcbm-homepage .hero-demo__slot-icon{width:1.75rem;height:1.75rem;background:rgba(255,255,255,0.05);border-radius:0.375rem;display:flex;align-items:center;justify-content:center;color:var(--hp2-blue-500);font-size:0.75rem;flex-shrink:0;overflow:hidden}#pcbm-homepage .hero-demo__slot-icon img{width:100%;height:100%;object-fit:contain;padding:0.125rem}#pcbm-homepage .hero-demo__slot--filled .hero-demo__slot-icon{background:rgba(37,99,235,0.1)}#pcbm-homepage .hero-demo__slot-info{flex:1;min-width:0}#pcbm-homepage .hero-demo__slot-label{font-size:0.5rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--hp2-text-slate-500);margin:0}#pcbm-homepage .hero-demo__slot-name{font-size:0.6875rem;font-weight:600;color:var(--hp2-text-white);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#pcbm-homepage .hero-demo__slot--empty .hero-demo__slot-name{color:var(--hp2-text-slate-500)}#pcbm-homepage .hero-demo__slot-price{font-family:'JetBrains Mono',monospace;font-size:0.6875rem;font-weight:600;color:var(--hp2-text-white)}#pcbm-homepage .hero-demo__slot--empty .hero-demo__slot-price{color:var(--hp2-text-slate-600)}#pcbm-homepage .hero-demo__slot-add{width:1.25rem;height:1.25rem;background:var(--hp2-blue-600);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:0.75rem;flex-shrink:0;transition:transform 0.2s ease}#pcbm-homepage .hero-demo__slot--active .hero-demo__slot-add{animation:hero-add-pulse 1.5s ease-in-out infinite}@keyframes hero-add-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}#pcbm-homepage .hero-demo__builder-footer{display:flex;align-items:center;justify-content:space-between;padding:0.375rem 0.625rem;margin:0.25rem 0.5rem 0.5rem;background:rgba(37,99,235,0.1);border:1px solid rgba(37,99,235,0.2);border-radius:0.375rem;flex-shrink:0}#pcbm-homepage .hero-demo__total-label{font-size:0.625rem;color:var(--hp2-text-slate-400);margin:0}#pcbm-homepage .hero-demo__total-value{font-family:'JetBrains Mono',monospace;font-size:1rem;font-weight:900;color:var(--hp2-text-white);margin:0}#pcbm-homepage .hero-demo__builder-cta{padding:0.375rem 0.75rem;background:var(--hp2-blue-600);color:white;font-size:0.75rem;font-weight:700;border-radius:0.375rem;text-decoration:none}#pcbm-homepage .hero-demo__selector{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.25s ease,visibility 0.25s ease;z-index:20}#pcbm-homepage .hero-demo__selector-panel{width:98%;max-width:540px;background:rgba(30,41,59,0.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.1);border-radius:0.75rem;box-shadow:0 25px 50px -12px rgba(0,0,0,0.6);transform:scale(0.92);transition:transform 0.25s cubic-bezier(0.4,0,0.2,1);overflow:hidden}#pcbm-homepage .hero-demo__selector-header{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 1rem;border-bottom:1px solid rgba(255,255,255,0.08)}#pcbm-homepage .hero-demo__selector-title{font-weight:700;font-size:0.875rem;color:var(--hp2-text-white);margin:0}#pcbm-homepage .hero-demo__selector-close,#pcbm-homepage .hero-demo__detail-close{width:1.25rem;height:1.25rem;background:rgba(100,116,139,0.9);border:none;border-radius:0.25rem;display:flex;align-items:center;justify-content:center;cursor:default;flex-shrink:0;position:relative}#pcbm-homepage .hero-demo__selector-close i,#pcbm-homepage .hero-demo__detail-close i{display:none}#pcbm-homepage .hero-demo__selector-close::before,#pcbm-homepage .hero-demo__detail-close::before{content:'×';color:#ffffff;font-size:1rem;font-weight:400;line-height:1;font-family:Arial,sans-serif}#pcbm-homepage .hero-demo__cards{padding:0.5rem;display:grid;grid-template-columns:repeat(4,1fr);gap:0.5rem}#pcbm-homepage .hero-demo__card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:0.375rem;overflow:hidden;transition:all 0.2s ease;cursor:default;display:flex;flex-direction:column}#pcbm-homepage .hero-demo__card--hover{border-color:var(--hp2-blue-500);background:rgba(37,99,235,0.1)}#pcbm-homepage .hero-demo__card-image{width:100%;aspect-ratio:1 / 1;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}#pcbm-homepage .hero-demo__card-image img{width:80%;height:80%;object-fit:contain}#pcbm-homepage .hero-demo__card-image i{font-size:1.25rem;color:var(--hp2-text-slate-500)}#pcbm-homepage .hero-demo__card-info{padding:0.375rem;flex:1;display:flex;flex-direction:column}#pcbm-homepage .hero-demo__card-brand{font-size:0.5rem;font-weight:600;color:var(--hp2-text-slate-500);text-transform:uppercase;letter-spacing:0.3px;margin:0}#pcbm-homepage .hero-demo__card-name{font-size:0.625rem;font-weight:500;color:var(--hp2-text-white);margin:0.125rem 0 0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#pcbm-homepage .hero-demo__card-price{font-family:'JetBrains Mono',monospace;font-size:0.6875rem;font-weight:700;color:var(--hp2-accent,#f59e0b);margin-top:auto;padding-top:0.25rem}#pcbm-homepage .hero-demo__detail{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.25s ease,visibility 0.25s ease;z-index:30}#pcbm-homepage .hero-demo__detail-panel{width:98%;max-width:480px;background:rgba(30,41,59,0.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.1);border-radius:0.75rem;box-shadow:0 25px 50px -12px rgba(0,0,0,0.6);transform:scale(0.92);transition:transform 0.25s cubic-bezier(0.4,0,0.2,1);overflow:hidden}#pcbm-homepage .hero-demo__detail-main{display:flex;flex-direction:row}#pcbm-homepage .hero-demo__detail-image{width:110px;flex-shrink:0;background:#fff;display:flex;align-items:center;justify-content:center;align-self:stretch}#pcbm-homepage .hero-demo__detail-image img{width:85%;height:85%;object-fit:contain}#pcbm-homepage .hero-demo__detail-image i{font-size:2.5rem;color:var(--hp2-text-slate-500)}#pcbm-homepage .hero-demo__detail-content{flex:1;padding:0.75rem;display:flex;flex-direction:column;min-width:0}#pcbm-homepage .hero-demo__detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:0.5rem;margin-bottom:0.375rem}#pcbm-homepage .hero-demo__detail-brand{font-size:0.5625rem;font-weight:600;color:var(--hp2-text-slate-500);text-transform:uppercase;letter-spacing:0.02em;margin:0 0 0.125rem}#pcbm-homepage .hero-demo__detail-name{font-size:0.875rem;font-weight:700;color:var(--hp2-text-white);margin:0;line-height:1.2}#pcbm-homepage .hero-demo__detail-close{flex-shrink:0}#pcbm-homepage .hero-demo__detail-specs{display:flex;flex-wrap:wrap;gap:0.25rem;margin-bottom:0.5rem}#pcbm-homepage .hero-demo__detail-spec{padding:0.125rem 0.5rem;background:rgba(255,255,255,0.08);border-radius:0.25rem;font-size:0.5625rem;color:var(--hp2-text-slate-400)}#pcbm-homepage .hero-demo__detail-footer{display:flex;align-items:center;gap:0.5rem;margin-top:auto}#pcbm-homepage .hero-demo__detail-price{font-family:'JetBrains Mono',monospace;font-size:0.9375rem;font-weight:700;color:var(--hp2-accent,#f59e0b)}#pcbm-homepage .hero-demo__detail-btn{padding:0.375rem 0.625rem;background:var(--hp2-blue-600);color:white;font-size:0.625rem;font-weight:700;border-radius:0.375rem;border:none;cursor:default;transition:transform 0.2s ease,box-shadow 0.2s ease}#pcbm-homepage .hero-demo[data-state="adding"] .hero-demo__detail-btn{animation:hero-btn-pulse 0.4s ease-out forwards}@keyframes hero-btn-pulse{0%{transform:scale(1);background:var(--hp2-blue-600)}50%{transform:scale(1.1);background:var(--hp2-green-500);box-shadow:0 0 20px rgba(34,197,94,0.5)}100%{transform:scale(1);background:var(--hp2-green-500)}}#pcbm-homepage .hero-demo__detail-merchants{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.75rem;background:rgba(0,0,0,0.25);border-top:1px solid rgba(255,255,255,0.1)}#pcbm-homepage .hero-demo__detail-merchants-title{font-size:0.5625rem;font-weight:600;color:var(--hp2-text-slate-400);text-transform:uppercase;margin:0;white-space:nowrap}#pcbm-homepage .hero-demo__detail-offer{display:flex;align-items:center;gap:0.375rem;padding:0.3125rem 0.5rem;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:0.25rem;flex:1;min-width:0}#pcbm-homepage .hero-demo__detail-offer--best{background:rgba(34,197,94,0.15);border-color:rgba(34,197,94,0.35)}#pcbm-homepage .hero-demo__detail-offer-shop{color:var(--hp2-text-slate-300);font-weight:500;font-size:0.5625rem;white-space:nowrap}#pcbm-homepage .hero-demo__detail-offer-price{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:0.625rem;color:var(--hp2-text-white);margin-left:auto}#pcbm-homepage .hero-demo__detail-offer--best .hero-demo__detail-offer-shop,#pcbm-homepage .hero-demo__detail-offer--best .hero-demo__detail-offer-price{color:var(--hp2-green-400)}#pcbm-homepage .hero-demo__flying{position:absolute;width:3rem;height:3rem;background:rgba(37,99,235,0.2);border:2px solid var(--hp2-blue-500);border-radius:0.625rem;display:flex;align-items:center;justify-content:center;opacity:0;z-index:100;pointer-events:none}#pcbm-homepage .hero-demo__flying i{font-size:1.25rem;color:var(--hp2-blue-500)}#pcbm-homepage .hero-demo__flying img{width:80%;height:80%;object-fit:contain}#pcbm-homepage .hero-demo[data-state="adding"] .hero-demo__flying{animation:hero-fly-to-builder 0.6s cubic-bezier(0.22,1,0.36,1) forwards}@keyframes hero-fly-to-builder{0%{opacity:1;top:50%;left:50%;transform:translate(-50%,-50%) scale(1)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}100%{opacity:0;top:25%;left:10%;transform:translate(-50%,-50%) scale(0.4)}}#pcbm-homepage .hero-demo[data-state="builder"] .hero-demo__builder{transform:scale(1);opacity:1}#pcbm-homepage .hero-demo[data-state="builder"] .hero-demo__selector,#pcbm-homepage .hero-demo[data-state="builder"] .hero-demo__detail{opacity:0;visibility:hidden}#pcbm-homepage .hero-demo[data-state="selector"] .hero-demo__builder{transform:scale(0.92) translateX(-10%);opacity:0.3}#pcbm-homepage .hero-demo[data-state="selector"] .hero-demo__selector{opacity:1;visibility:visible}#pcbm-homepage .hero-demo[data-state="selector"] .hero-demo__selector-panel{transform:scale(1) translateY(0)}#pcbm-homepage .hero-demo[data-state="detail"] .hero-demo__builder{transform:scale(0.92) translateX(-10%);opacity:0.3}#pcbm-homepage .hero-demo[data-state="detail"] .hero-demo__detail{opacity:1;visibility:visible}#pcbm-homepage .hero-demo[data-state="detail"] .hero-demo__detail-panel{transform:scale(1)}#pcbm-homepage .hero-demo[data-state="adding"] .hero-demo__builder{transform:scale(0.92) translateX(-10%);opacity:0.3}#pcbm-homepage .hero-demo[data-state="adding"] .hero-demo__detail{opacity:1;visibility:visible}#pcbm-homepage .hero-demo[data-state="complete"] .hero-demo__builder{transform:scale(1);opacity:1}#pcbm-homepage .hero-demo[data-state="complete"] .hero-demo__selector,#pcbm-homepage .hero-demo[data-state="complete"] .hero-demo__detail{opacity:0;visibility:hidden}#pcbm-homepage .hero-demo[data-state="complete"] .hero-demo__slot--just-filled{animation:hero-slot-success 0.8s ease-out}@keyframes hero-slot-success{0%{background:rgba(34,197,94,0.35);border-color:var(--hp2-green-500);box-shadow:0 0 0 4px rgba(34,197,94,0.2)}50%{background:rgba(34,197,94,0.2)}100%{background:rgba(37,99,235,0.08);border-color:rgba(37,99,235,0.2);box-shadow:none}}#pcbm-homepage .hero-demo[data-paused="true"] .hero-demo__slot--active{animation-play-state:paused}#pcbm-homepage .hero-demo[data-paused="true"] .hero-demo__slot-add{animation-play-state:paused}#pcbm-homepage .hero-demo[data-paused="true"] .hero-demo__detail-btn{animation-play-state:paused}html.light #pcbm-homepage .hero-demo__slots-wrapper{scrollbar-color:rgba(0,0,0,0.15) transparent}html.light #pcbm-homepage .hero-demo__slots-wrapper::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.15)}html.light #pcbm-homepage .hero-demo__slots-wrapper::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.25)}html.light #pcbm-homepage .hero-demo__builder{background:white;border:1px solid #e2e8f0;box-shadow:0 25px 50px -12px rgba(0,0,0,0.15)}html.light #pcbm-homepage .hero-demo__builder-header{border-bottom-color:#f1f5f9}html.light #pcbm-homepage .hero-demo__builder-title{color:#0f172a}html.light #pcbm-homepage .hero-demo__builder-badge{background:#dcfce7;color:#15803d}html.light #pcbm-homepage .hero-demo__slot{background:#f8fafc;border-color:#e2e8f0}html.light #pcbm-homepage .hero-demo__slot--empty{background:#fafafa}html.light #pcbm-homepage .hero-demo__slot--filled{background:rgba(37,99,235,0.05);border-color:rgba(37,99,235,0.15)}html.light #pcbm-homepage .hero-demo__slot-icon{background:#f1f5f9}html.light #pcbm-homepage .hero-demo__slot--filled .hero-demo__slot-icon{background:rgba(37,99,235,0.1)}html.light #pcbm-homepage .hero-demo__slot-label{color:#94a3b8}html.light #pcbm-homepage .hero-demo__slot-name{color:#0f172a}html.light #pcbm-homepage .hero-demo__slot--empty .hero-demo__slot-name{color:#94a3b8}html.light #pcbm-homepage .hero-demo__slot-price{color:#0f172a}html.light #pcbm-homepage .hero-demo__slot--empty .hero-demo__slot-price{color:#cbd5e1}html.light #pcbm-homepage .hero-demo__builder-footer{background:rgba(37,99,235,0.05);border-color:rgba(37,99,235,0.1)}html.light #pcbm-homepage .hero-demo__total-label{color:#64748b}html.light #pcbm-homepage .hero-demo__total-value{color:#0f172a}html.light #pcbm-homepage .hero-demo__selector-panel,html.light #pcbm-homepage .hero-demo__detail-panel{background:white;border-color:#e2e8f0;box-shadow:0 25px 50px -12px rgba(0,0,0,0.2)}html.light #pcbm-homepage .hero-demo__selector-header,html.light #pcbm-homepage .hero-demo__detail-footer{border-color:#f1f5f9}html.light #pcbm-homepage .hero-demo__selector-title,html.light #pcbm-homepage .hero-demo__detail-name{color:#0f172a}html.light #pcbm-homepage .hero-demo__selector-close,html.light #pcbm-homepage .hero-demo__detail-close{background:rgba(71,85,105,0.9)}html.light #pcbm-homepage .hero-demo__selector-close::before,html.light #pcbm-homepage .hero-demo__detail-close::before{color:#ffffff}html.light #pcbm-homepage .hero-demo__card{background:#f8fafc;box-shadow:0 1px 3px rgba(0,0,0,0.1)}html.light #pcbm-homepage .hero-demo__card--hover{border-color:var(--hp2-blue-500);box-shadow:0 6px 12px rgba(0,0,0,0.15)}html.light #pcbm-homepage .hero-demo__card-image{background:#fff}html.light #pcbm-homepage .hero-demo__card-name{color:#0f172a}html.light #pcbm-homepage .hero-demo__card-brand{color:#94a3b8}html.light #pcbm-homepage .hero-demo__card-price{color:var(--hp2-accent,#f59e0b)}html.light #pcbm-homepage .hero-demo__detail-image{background:#fff}html.light #pcbm-homepage .hero-demo__detail-brand{color:#64748b}html.light #pcbm-homepage .hero-demo__detail-spec{background:#f1f5f9;color:#475569}html.light #pcbm-homepage .hero-demo__detail-price{color:#0f172a}html.light #pcbm-homepage .hero-demo__detail-merchants{background:#f8fafc;border-color:#e2e8f0}html.light #pcbm-homepage .hero-demo__detail-merchants-title{color:#64748b}html.light #pcbm-homepage .hero-demo__detail-offer{background:#fff;border-color:#e2e8f0}html.light #pcbm-homepage .hero-demo__detail-offer--best{background:#dcfce7;border-color:#bbf7d0}html.light #pcbm-homepage .hero-demo__detail-offer-shop{color:#64748b}html.light #pcbm-homepage .hero-demo__detail-offer-price{color:#0f172a}html.light #pcbm-homepage .hero-demo__detail-offer--best .hero-demo__detail-offer-price{color:#15803d}html.light #pcbm-homepage .hero-demo__flying{background:rgba(37,99,235,0.1);border-color:var(--hp2-blue-500)}@media (prefers-reduced-motion:reduce){#pcbm-homepage .hero-demo__builder,#pcbm-homepage .hero-demo__selector,#pcbm-homepage .hero-demo__selector-panel,#pcbm-homepage .hero-demo__detail,#pcbm-homepage .hero-demo__detail-panel,#pcbm-homepage .hero-demo__card,#pcbm-homepage .hero-demo__slot,#pcbm-homepage .hero-demo__builder-badge{transition:none}#pcbm-homepage .hero-demo__slot--active,#pcbm-homepage .hero-demo__slot-add,#pcbm-homepage .hero-demo__detail-btn,#pcbm-homepage .hero-demo__flying,[data-state="complete"] .hero-demo__slot--just-filled{animation:none}}@media (max-width:1023px){#pcbm-homepage .hero-demo{display:none}}