.features{height:calc(100vh - var(--nav-height));scroll-margin-top:var(--nav-height)}.features,.features-container{display:flex;flex-direction:column}.features-container{max-width:var(--container-max);margin:0 auto;padding:var(--space-md) var(--container-padding) var(--space-lg);flex:1 1;width:100%}.features-header{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-bottom:0}.features-title{font-size:var(--text-4xl);font-weight:600;color:var(--color-text-primary)}.features-description{text-align:center;color:var(--color-text-secondary);font-size:var(--text-lg);margin:0 auto 8px;white-space:nowrap}.features-text-container{position:relative;margin-bottom:0}.features-description.text-slide-left,.features-header.text-slide-left{animation:textSlideLeft .5s cubic-bezier(.4,0,.2,1)}.features-description.text-slide-right,.features-header.text-slide-right{animation:textSlideRight .5s cubic-bezier(.4,0,.2,1)}@keyframes textSlideLeft{0%{transform:translateX(0);opacity:1}50%{transform:translateX(-40px);opacity:0}51%{transform:translateX(40px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes textSlideRight{0%{transform:translateX(0);opacity:1}50%{transform:translateX(40px);opacity:0}51%{transform:translateX(-40px);opacity:0}to{transform:translateX(0);opacity:1}}.carousel-wrapper{display:flex;align-items:center;gap:var(--space-lg);flex:1 1;position:relative;margin-top:-20px;margin-bottom:0;min-height:0}.carousel-nav{background:transparent;color:var(--color-primary);padding:calc(120px * var(--scale-factor)) calc(60px * var(--scale-factor));flex-shrink:0;transition:opacity .2s;z-index:10;margin:0 calc(-40px * var(--scale-factor))}.carousel-nav:hover:not(:disabled){opacity:.7}.carousel-nav:disabled{opacity:.3;cursor:not-allowed}.carousel-container{flex:1 1;position:relative;height:100%;overflow:visible}.carousel-slide{top:50%;display:flex;align-items:center;justify-content:center}.carousel-slide-content{background-color:var(--color-surface);border-radius:var(--border-radius-xl);padding:var(--space-md);display:inline-block;box-sizing:border-box;max-height:100%}.carousel-slide-image{display:block;max-height:calc(100vh - var(--nav-height) - 350px);max-width:75vw;width:auto;height:auto;border-radius:0;background:transparent}.preview-title{color:var(--color-text-secondary);font-size:var(--text-base);display:block;text-align:center;margin-top:var(--space-lg)}.preview-subtitle{color:var(--color-primary);font-size:var(--text-sm);display:block;text-align:center;margin-top:var(--space-sm)}.showcase-dots{display:flex;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-xl);flex-shrink:0}.showcase-dot{width:var(--space-sm);height:var(--space-sm);border-radius:50%;background-color:var(--color-text-muted);transition:background-color .2s;cursor:pointer}.showcase-dot.active{background-color:var(--color-primary)}.showcase-dot:hover{background-color:var(--color-text-secondary)}.showcase-dot.active:hover{background-color:var(--color-primary)}.features-cta{display:flex;justify-content:center;flex-shrink:0}.features-cta .cta-button{background-color:var(--color-primary);color:var(--color-text-primary);padding:12px 32px;border-radius:var(--border-radius-sm);font-size:var(--text-base);font-weight:700;transition:background-color .2s,transform .2s}.features-cta .cta-button:hover{background-color:var(--color-primary-hover);transform:scale(1.05)}.features-cta .cta-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width:768px){.features-title{font-size:var(--text-2xl)}.features-description{white-space:normal}.carousel-nav{display:none}.carousel-slide{width:100%!important}.carousel-wrapper{max-height:50vh}}.portfolio-wrapper{flex:1 1;min-height:0;position:relative}.portfolio-cover{position:absolute;inset:0;background:transparent;border-radius:var(--border-radius-lg);border:1px solid rgba(72,161,252,.3);display:flex;flex-direction:column;align-items:center;padding:var(--space-md);z-index:10;overflow:hidden;transition:border-color .2s}.portfolio-cover:hover{border-color:var(--color-primary)}.portfolio-flash{top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:150%;height:150%;border-radius:50%;background:radial-gradient(circle,rgba(72,161,252,.6) 0,rgba(72,161,252,.2) 40%,transparent 70%);opacity:0;z-index:20}.portfolio-flash,.portfolio-nebula{position:absolute;pointer-events:none}.portfolio-nebula{inset:0;overflow:hidden;border-radius:var(--border-radius-lg);background:rgba(3,6,12,.5)}.portfolio-nebula:before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 3% 8%,white 0,transparent 100%),radial-gradient(1.5px 1.5px at 12% 25%,rgba(255,255,255,.9) 0,transparent 100%),radial-gradient(1px 1px at 8% 60%,rgba(255,255,255,.7) 0,transparent 100%),radial-gradient(1px 1px at 5% 85%,white 0,transparent 100%),radial-gradient(1px 1px at 25% 5%,rgba(255,255,255,.8) 0,transparent 100%),radial-gradient(1.5px 1.5px at 35% 40%,white 0,transparent 100%),radial-gradient(1px 1px at 30% 75%,rgba(255,255,255,.7) 0,transparent 100%),radial-gradient(1px 1px at 45% 15%,rgba(255,255,255,.9) 0,transparent 100%),radial-gradient(2px 2px at 50% 50%,white 0,transparent 100%),radial-gradient(1px 1px at 55% 80%,rgba(255,255,255,.8) 0,transparent 100%),radial-gradient(1px 1px at 65% 10%,white 0,transparent 100%),radial-gradient(1.5px 1.5px at 70% 35%,rgba(255,255,255,.9) 0,transparent 100%),radial-gradient(1px 1px at 75% 65%,rgba(255,255,255,.7) 0,transparent 100%),radial-gradient(1px 1px at 80% 90%,white 0,transparent 100%),radial-gradient(1px 1px at 88% 20%,rgba(255,255,255,.8) 0,transparent 100%),radial-gradient(1.5px 1.5px at 92% 50%,white 0,transparent 100%),radial-gradient(1px 1px at 95% 75%,rgba(255,255,255,.9) 0,transparent 100%),radial-gradient(1px 1px at 97% 5%,rgba(255,255,255,.7) 0,transparent 100%)}.pf-nebula-cloud{position:absolute;top:-10%;left:-10%;width:70%;height:55%;background:radial-gradient(ellipse 100% 100% at 50% 50%,rgba(50,100,170,.25) 0,rgba(40,90,150,.12) 40%,transparent 65%);filter:blur(15px);animation:pfSmokeDrift1 18s ease-in-out infinite}.pf-nebula-cloud-2{position:absolute;top:25%;right:-15%;width:60%;height:55%;background:radial-gradient(ellipse 100% 100% at 50% 50%,rgba(60,120,190,.22) 0,rgba(50,100,160,.1) 40%,transparent 65%);filter:blur(18px);animation:pfSmokeDrift2 22s ease-in-out infinite}.pf-nebula-dust{position:absolute;bottom:-12%;left:5%;width:90%;height:50%;background:radial-gradient(ellipse 100% 80% at 50% 80%,rgba(55,110,175,.2) 0,rgba(45,95,155,.1) 45%,transparent 70%);filter:blur(20px);animation:pfSmokeDrift3 20s ease-in-out infinite}.pf-nebula-core{position:absolute;top:45%;left:-18%;width:55%;height:55%;background:radial-gradient(ellipse 100% 100% at 50% 50%,rgba(65,125,195,.18) 0,rgba(45,100,165,.08) 40%,transparent 65%);filter:blur(16px);animation:pfSmokeDrift4 24s ease-in-out infinite}@keyframes pfSmokeDrift1{0%,to{transform:translate(0)}50%{transform:translate(15px,10px)}}@keyframes pfSmokeDrift2{0%,to{transform:translate(0)}50%{transform:translate(-12px,8px)}}@keyframes pfSmokeDrift3{0%,to{transform:translate(0)}50%{transform:translate(8px,-10px)}}@keyframes pfSmokeDrift4{0%,to{transform:translate(0)}50%{transform:translate(10px,-8px)}}.portfolio-shimmer{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:pfShimmer 4s ease-in-out infinite;pointer-events:none}@keyframes pfShimmer{0%{left:-50%}to{left:150%}}.pf-sparkles{position:absolute;inset:0;pointer-events:none;z-index:15;opacity:0}.pf-sparkle{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--color-primary);box-shadow:0 0 6px var(--color-primary),0 0 12px var(--color-primary)}.pf-sparkle:first-child{top:20%;left:15%}.pf-sparkle:nth-child(2){top:35%;left:75%}.pf-sparkle:nth-child(3){top:60%;left:25%}.pf-sparkle:nth-child(4){top:70%;left:80%}.pf-sparkle:nth-child(5){top:45%;left:50%}.pf-sparkle:nth-child(6){top:15%;left:60%}.portfolio-cover-content{display:flex;flex-direction:column;align-items:center;flex:1 1;width:100%;z-index:1;text-align:center}.pf-cover-title{font-size:clamp(24px,calc(32px * var(--scale-factor)),38px);font-weight:800;color:#ffffff;margin-bottom:var(--space-md);text-shadow:0 0 30px rgba(0,0,0,.8)}.pf-tab-selector{display:flex;gap:0;background:rgba(26,26,31,.6);border-radius:var(--border-radius-sm);padding:4px;margin-bottom:var(--space-md);border:1px solid var(--color-border)}.pf-tab{padding:10px 20px;background:transparent;border:1px solid transparent;border-radius:calc(var(--border-radius-sm) - 2px);color:var(--color-text-secondary);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s;white-space:nowrap}.pf-tab:not(.pf-tab-active){border-color:rgba(72,161,252,.3);background:rgba(72,161,252,.05)}.pf-tab:hover:not(.pf-tab-active){color:#ffffff;background:rgba(72,161,252,.15);border-color:rgba(72,161,252,.5)}.pf-tab-active{background:var(--color-primary);color:#ffffff;box-shadow:0 2px 8px rgba(72,161,252,.3)}.pf-import-center{max-width:400px;justify-content:flex-start!important;padding-top:var(--space-md)}.pf-import-center>.pf-build-btn{width:100%;background:transparent;border:1px solid var(--color-primary);color:#48a1fc;padding:16px 40px;font-size:18px}.pf-import-center>.pf-build-btn:hover:not(:disabled){background:rgba(72,161,252,.1);border-color:var(--color-primary);transform:none}.pf-import-center>.pf-build-btn:disabled{opacity:1;cursor:not-allowed}.pf-import-center .pf-input-label{margin-bottom:var(--space-sm);white-space:nowrap}.pf-import-header{display:flex;gap:8px;width:100%;margin-bottom:6px}.pf-import-header-x{display:none}.pf-import-header-ticker{flex:1 1}.pf-import-header-pct,.pf-import-header-ticker{font-size:14px;font-weight:600;color:#ffffff;text-transform:uppercase;letter-spacing:.05em}.pf-import-header-pct{width:100px;text-align:center}.pf-remove-row-btn{position:absolute;left:-32px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-secondary);font-size:22px;cursor:pointer;border-radius:4px;transition:all .2s;flex-shrink:0}.pf-remove-row-btn:hover:not(:disabled){color:#ef4444;background:rgba(239,68,68,.1)}.pf-remove-row-btn:disabled{opacity:.3;cursor:not-allowed}.pf-import-rows{flex-direction:column}.pf-import-row,.pf-import-rows{display:flex;gap:8px;width:100%}.pf-import-row{position:relative}.pf-import-ticker{flex:1 1;padding:14px 16px;background:rgba(30,32,40,.9);border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-sm);color:#ffffff;font-size:16px;font-family:inherit;font-weight:600;letter-spacing:.05em;outline:none;transition:border-color .2s}.pf-import-ticker::placeholder{color:rgba(255,255,255,.5);font-weight:400}.pf-import-ticker:focus{border-color:var(--color-primary)}.pf-import-pct{width:100px;padding:14px 12px;background:rgba(30,32,40,.9);border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-sm);color:#ffffff;font-size:16px;font-family:inherit;font-weight:600;text-align:center;outline:none;transition:border-color .2s}.pf-import-pct::placeholder{color:rgba(255,255,255,.5);font-weight:400}.pf-import-pct:focus{border-color:var(--color-primary)}.pf-add-row-btn{padding:8px 12px;background:transparent;border:1px dashed rgba(255,255,255,.3);border-radius:var(--border-radius-sm);color:rgba(255,255,255,.7);font-size:14px;font-family:inherit;cursor:pointer;transition:all .2s;width:100%}.pf-add-row-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:rgba(72,161,252,.05)}.pf-import-hint{font-size:12px;color:var(--color-text-muted);text-align:center;margin-top:var(--space-xs)}.pf-optimize-wrapper,.pf-optimize-wrapper .pf-build-btn{width:100%}.pf-import-warning{font-size:13px;color:#f59e0b;text-align:center;margin-top:var(--space-sm);opacity:0;transition:opacity .2s}.pf-optimize-wrapper:hover .pf-import-warning{opacity:1}.pf-import-disclaimer{font-size:12px;color:rgba(255,255,255,.5);text-align:center;margin-top:8px}.pf-cover-badge{display:flex;align-items:center;gap:10px;padding:10px 24px;background:rgba(72,161,252,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;border:1px solid rgba(72,161,252,.5);box-shadow:0 0 20px rgba(72,161,252,.1)}.pf-cover-badge .pf-badge-dot{width:10px;height:10px;box-shadow:0 0 10px var(--color-primary)}.pf-cover-badge span{font-size:14px;font-weight:700;color:#ffffff;text-transform:uppercase;letter-spacing:.15em}.pf-badge-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-primary);animation:pfPulse 2s infinite}@keyframes pfPulse{0%,to{opacity:1}50%{opacity:.5}}.portfolio-cover-center{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);width:100%;max-width:360px}.pf-input-label{font-size:clamp(28px,calc(36px * var(--scale-factor)),42px);font-weight:800;color:#ffffff;text-shadow:0 0 30px rgba(0,0,0,.8);line-height:1.2}.pf-input-wrap{position:relative;width:100%}.pf-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.pf-input{width:100%;padding:14px 14px 14px 42px;background:rgba(26,26,31,.8);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);color:#ffffff;font-size:18px;font-family:inherit;font-weight:600;letter-spacing:.05em;outline:none;transition:border-color .2s}.pf-input::placeholder{color:var(--color-text-muted);font-weight:400;letter-spacing:0}.pf-input:focus{border-color:var(--color-primary)}.pf-build-btn{width:100%;padding:14px 24px;background:var(--color-primary);color:#ffffff;border:none;border-radius:var(--border-radius-sm);font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s}.pf-build-btn:hover:not(:disabled){background:var(--color-primary-hover);transform:scale(1.02)}.pf-build-btn:disabled{opacity:.4;cursor:not-allowed}.pf-build-btn-secondary{background:transparent;border:1px solid rgba(72,161,252,.5);color:var(--color-primary)}.pf-build-btn-secondary:hover:not(:disabled){background:rgba(72,161,252,.1);border-color:var(--color-primary);transform:scale(1.02)}.pf-choice-buttons{display:flex;flex-direction:column;gap:var(--space-md);width:auto;margin-top:var(--space-lg)}.pf-choice-buttons .pf-build-btn{background:transparent;border:1px solid rgba(72,161,252,.5);color:var(--color-primary);padding:16px 40px;width:auto;font-size:18px}.pf-choice-buttons .pf-build-btn:hover{background:rgba(72,161,252,.1);border-color:var(--color-primary);transform:none}.pf-choice-buttons .pf-build-btn-secondary{background:transparent;border:1px solid rgba(72,161,252,.5);color:var(--color-primary)}.pf-choice-buttons .pf-build-btn-secondary:hover:not(:disabled){background:rgba(72,161,252,.1);border-color:var(--color-primary);transform:none}.pf-choice-label{display:flex;flex-direction:column;align-items:center;font-size:clamp(32px,calc(42px * var(--scale-factor)),48px);margin-top:-40px}.pf-choice-label span{white-space:nowrap}.pf-input-hint{font-size:13px;color:var(--color-text-muted);line-height:1.4}.portfolio-cover.portfolio-building .pf-nebula-cloud{animation:pfSmokeDrift1 4s ease-in-out infinite;background:radial-gradient(ellipse 100% 100% at 50% 50%,rgba(50,100,170,.5) 0,rgba(40,90,150,.25) 40%,transparent 65%)}.portfolio-cover.portfolio-building .pf-nebula-cloud-2{animation:pfSmokeDrift2 5s ease-in-out infinite;background:radial-gradient(ellipse 100% 100% at 50% 50%,rgba(60,120,190,.45) 0,rgba(50,100,160,.2) 40%,transparent 65%)}.portfolio-cover.portfolio-building .pf-nebula-dust{animation:pfSmokeDrift3 4.5s ease-in-out infinite;background:radial-gradient(ellipse 100% 80% at 50% 80%,rgba(55,110,175,.4) 0,rgba(45,95,155,.2) 45%,transparent 70%)}.portfolio-cover.portfolio-building .pf-nebula-core{animation:pfSmokeDrift4 5.5s ease-in-out infinite;background:radial-gradient(ellipse 100% 100% at 50% 50%,rgba(65,125,195,.4) 0,rgba(45,100,165,.18) 40%,transparent 65%)}.portfolio-cover.portfolio-building .pf-sparkles{opacity:1}.portfolio-cover.portfolio-building .pf-sparkle:first-child{animation:pfSparkleFloat1 1.5s ease-in-out infinite}.portfolio-cover.portfolio-building .pf-sparkle:nth-child(2){animation:pfSparkleFloat2 1.8s ease-in-out .3s infinite}.portfolio-cover.portfolio-building .pf-sparkle:nth-child(3){animation:pfSparkleFloat3 1.6s ease-in-out .6s infinite}.portfolio-cover.portfolio-building .pf-sparkle:nth-child(4){animation:pfSparkleFloat1 1.4s ease-in-out .9s infinite}.portfolio-cover.portfolio-building .pf-sparkle:nth-child(5){animation:pfSparkleFloat2 1.7s ease-in-out .2s infinite}.portfolio-cover.portfolio-building .pf-sparkle:nth-child(6){animation:pfSparkleFloat3 1.9s ease-in-out .5s infinite}@keyframes pfSparkleFloat1{0%,to{transform:translate(0) scale(1);opacity:0}20%{opacity:1}50%{transform:translate(20px,-30px) scale(1.5);opacity:1}80%{opacity:.5}to{transform:translate(40px,-60px) scale(.5);opacity:0}}@keyframes pfSparkleFloat2{0%,to{transform:translate(0) scale(1);opacity:0}20%{opacity:1}50%{transform:translate(-25px,-20px) scale(1.3);opacity:1}80%{opacity:.5}to{transform:translate(-50px,-50px) scale(.5);opacity:0}}@keyframes pfSparkleFloat3{0%,to{transform:translate(0) scale(1);opacity:0}20%{opacity:1}50%{transform:translate(15px,25px) scale(1.4);opacity:1}80%{opacity:.5}to{transform:translate(30px,-40px) scale(.5);opacity:0}}.portfolio-cover.portfolio-building{border-color:var(--color-primary);animation:pfBorderPulse 1.5s ease-in-out infinite}@keyframes pfBorderPulse{0%,to{border-color:rgba(72,161,252,.3);box-shadow:0 0 20px rgba(72,161,252,.05)}50%{border-color:rgba(72,161,252,.8);box-shadow:0 0 40px rgba(72,161,252,.2)}}.pf-building-spinner{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-md)}.pf-spinner-ring{position:absolute;inset:0;border-radius:50%;border-left:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid transparent;border-top-color:var(--color-primary);border-right:3px solid rgba(72,161,252,.3);animation:pfSpinnerRotate 1s linear infinite}.pf-spinner-ring-2{inset:8px;border-top-color:#10b981;border-right-color:rgba(16,185,129,.3);animation:pfSpinnerRotate 1.5s linear infinite reverse}@keyframes pfSpinnerRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pf-spinner-ticker{font-size:18px;font-weight:800;color:#ffffff;letter-spacing:.1em;animation:pfTickerPulse 1s ease-in-out infinite}@keyframes pfTickerPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.pf-building-text{font-size:22px;font-weight:700;color:#ffffff;animation:pfTextGlow 1.5s ease-in-out infinite}@keyframes pfTextGlow{0%,to{text-shadow:0 0 10px rgba(72,161,252,.3)}50%{text-shadow:0 0 25px rgba(72,161,252,.6),0 0 50px rgba(72,161,252,.2)}}.pf-building-sub{font-size:14px;color:var(--color-text-secondary);opacity:.7}.portfolio-cover.portfolio-revealed{animation:pfTadaShakeBurst .9s cubic-bezier(.22,1,.36,1) forwards;pointer-events:none}.portfolio-cover.portfolio-revealed .portfolio-flash{animation:pfFlashBurst .6s ease-out .15s forwards}.portfolio-cover.portfolio-revealed .portfolio-nebula{animation:pfNebulaExplode .7s ease-out .1s forwards}.portfolio-cover.portfolio-revealed .pf-nebula-cloud{animation:pfCloudBurst1 .5s ease-out .15s forwards}.portfolio-cover.portfolio-revealed .pf-nebula-cloud-2{animation:pfCloudBurst2 .5s ease-out .1s forwards}.portfolio-cover.portfolio-revealed .pf-nebula-dust{animation:pfCloudBurst3 .5s ease-out .2s forwards}.portfolio-cover.portfolio-revealed .pf-nebula-core{animation:pfCloudBurst4 .5s ease-out 80ms forwards}.portfolio-cover.portfolio-revealed .portfolio-cover-content{animation:pfContentFlashOut .5s ease-out forwards}.portfolio-cover.portfolio-revealed .pf-sparkles{animation:pfSparklesBurst .4s ease-out forwards}@keyframes pfTadaShakeBurst{0%{opacity:1;transform:scale(1) rotate(0deg)}8%{transform:scale(1.02) rotate(-1.5deg)}16%{transform:scale(1.02) rotate(1.5deg)}24%{transform:scale(1.03) rotate(-1deg)}32%{transform:scale(1.05) rotate(0deg);opacity:1}50%{transform:scale(1.15) rotate(0deg);opacity:.8}to{transform:scale(1.4) rotate(0deg);opacity:0}}@keyframes pfFlashBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}25%{opacity:1;transform:translate(-50%,-50%) scale(.6)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}@keyframes pfNebulaExplode{0%{opacity:1;transform:scale(1)}40%{opacity:.6;transform:scale(1.15)}to{opacity:0;transform:scale(1.4)}}@keyframes pfCloudBurst1{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(-150px,-120px) scale(1.8);opacity:0}}@keyframes pfCloudBurst2{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(150px,-100px) scale(1.8);opacity:0}}@keyframes pfCloudBurst3{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(60px,140px) scale(1.6);opacity:0}}@keyframes pfCloudBurst4{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(-120px,100px) scale(1.7);opacity:0}}@keyframes pfContentFlashOut{0%{opacity:1;filter:brightness(1)}20%{opacity:1;filter:brightness(2.5)}50%{opacity:.5;filter:brightness(1.5)}to{opacity:0;filter:brightness(1)}}@keyframes pfSparklesBurst{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.portfolio-card{position:absolute;inset:0;background:#08090e;border-radius:var(--border-radius-lg);border:1px solid var(--color-border);display:flex;flex-direction:column;padding:var(--space-md);opacity:0;pointer-events:none;transition:border-color .2s,box-shadow .2s;overflow:visible}.portfolio-card.portfolio-card-visible{animation:pfCardTadaIn .9s cubic-bezier(.34,1.56,.64,1) .3s forwards;pointer-events:auto}.pf-card-title{font-size:18px;font-weight:700;color:#ffffff;margin:0 0 var(--space-xs) 0;text-align:center}.pf-back-btn{position:absolute;top:12px;left:12px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);border-radius:var(--border-radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all .2s;z-index:10}.pf-back-btn:hover{background:rgba(72,161,252,.15);border-color:var(--color-primary);color:var(--color-primary)}.portfolio-wrapper:hover .portfolio-card.portfolio-card-visible{border-color:var(--color-primary);box-shadow:0 0 20px rgba(72,161,252,.15)}@keyframes pfCardTadaIn{0%{opacity:0;transform:scale(.3)}40%{opacity:1;transform:scale(1.08)}60%{transform:scale(.96)}80%{transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.pf-badge-row{display:flex;justify-content:center;margin-bottom:6px}.pf-badge{display:flex;align-items:center;gap:6px;padding:4px 12px;background:rgba(31,41,55,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;border:1px solid rgba(72,161,252,.4)}.pf-badge span{font-size:14px;font-weight:700;color:#ffffff;text-transform:uppercase;letter-spacing:.1em}.pf-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:var(--space-sm)}.pf-header-centered,.pf-view-toggle{justify-content:center}.pf-view-toggle{display:flex;gap:0;background:rgba(26,26,31,.6);border-radius:var(--border-radius-sm);padding:4px;margin-bottom:var(--space-md);border:1px solid var(--color-border)}.pf-view-btn{padding:8px 16px;background:transparent;border:none;border-radius:calc(var(--border-radius-sm) - 2px);color:var(--color-text-muted);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s;white-space:nowrap}.pf-view-btn:hover:not(.pf-view-btn-active){color:var(--color-text-secondary);background:rgba(255,255,255,.05)}.pf-view-btn-active{background:var(--color-primary);color:#ffffff;box-shadow:0 2px 8px rgba(72,161,252,.3)}.pf-title{font-size:clamp(18px,calc(22px * var(--scale-factor)),26px);font-weight:700;color:#ffffff}.pf-grade-badge{gap:5px;padding:4px 12px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.3);border-radius:999px;color:#10b981;font-size:12px;font-weight:600;white-space:nowrap}.pf-grade-badge,.pf-risk-stat{display:flex;align-items:center}.pf-risk-stat{gap:8px;padding:6px 12px;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.2);border-radius:var(--border-radius-sm);margin-bottom:8px}.pf-risk-icon{color:#10b981;flex-shrink:0}.pf-risk-value{font-weight:800;color:#10b981}.pf-risk-label{font-size:clamp(13px,calc(14px * var(--scale-factor)),16px);color:var(--color-text-secondary);font-weight:500;line-height:1.4}.pf-chart-metrics-row{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xs);flex-shrink:0}.pf-pie-wrap{width:220px;height:220px;flex-shrink:0;position:relative}.pf-pie-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;text-align:center}.pf-pie-center-value{font-size:32px;font-weight:700;color:#ffffff;line-height:1}.pf-pie-center-label{font-size:10px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.pf-metrics{display:flex;flex-direction:column;gap:6px;flex:1 1}.pf-metric{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 16px;background:rgba(255,255,255,.03);border-radius:var(--border-radius-sm);border:1px solid var(--color-border)}.pf-metric-label-wrap{display:flex;align-items:center;justify-content:center;gap:4px}.pf-metric-label{font-size:13px;font-weight:600;color:#ffffff;text-transform:uppercase;letter-spacing:.05em;line-height:1;text-align:center}.pf-info-icon{position:relative;font-size:10px;color:var(--color-text-muted);cursor:help;opacity:.7;transition:opacity .2s}.pf-info-icon:hover{opacity:1;color:var(--color-primary)}.pf-info-icon:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);padding:8px 12px;background:rgba(20,20,30,.95);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-size:11px;font-weight:500;color:var(--color-text-secondary);text-transform:none;letter-spacing:0;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:100;pointer-events:none}.pf-info-icon:hover:after{opacity:1;visibility:visible}.pf-metric-values{display:flex;align-items:center;justify-content:center;gap:10px}.pf-metric-old{font-size:22px;font-weight:600;color:var(--color-text-muted);text-decoration:line-through;opacity:.6}.pf-metric-arrow{font-size:20px;color:var(--color-primary)}.pf-metric-new{color:#10b981}.pf-metric-new,.pf-metric-single{font-size:22px;font-weight:700;line-height:1}.pf-metric-single{color:#ffffff}.pf-signup-cta{display:flex;align-items:center;justify-content:center;padding:12px 20px;background:var(--color-primary);border-radius:var(--border-radius-sm);color:#ffffff;font-size:14px;font-weight:600;font-family:inherit;text-decoration:none;transition:all .2s;border:none;cursor:pointer}.pf-signup-cta:hover{background:var(--color-primary-hover);transform:scale(1.02)}.pf-legend{display:flex;flex-direction:row;gap:20px;flex-wrap:wrap;justify-content:center}.pf-legend-item{display:flex;align-items:center;gap:8px}.pf-legend-dot{width:12px;height:12px;border-radius:3px;flex-shrink:0}.pf-legend-ticker{font-size:13px;font-weight:600;color:var(--color-text-secondary)}.pf-legend-pct{font-size:13px;font-weight:700;color:#ffffff}.pf-legend-locked{opacity:.5}.pf-legend-lock{color:var(--color-text-muted)}.pf-growth-chart{display:flex;flex-direction:column;padding:var(--space-sm) 0;margin-bottom:var(--space-sm);border-bottom:1px solid rgba(255,255,255,.05)}.pf-growth-chart-wrap{position:relative;width:100%;height:180px}.pf-chart-inline-legend{position:absolute;top:8px;left:50%;transform:translateX(-50%);display:flex;flex-direction:row;align-items:center;gap:16px;z-index:10;pointer-events:none}.pf-inline-legend-item{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--color-text-secondary)}.pf-inline-dot{width:8px;height:8px;border-radius:2px}.pf-inline-portfolio{background:#22c55e}.pf-inline-sp500{background:#6b7280}.pf-stock-list{flex:1 1;display:flex;flex-direction:column;gap:0;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:4px}.pf-stock-list-header{display:flex;align-items:center;padding:6px 12px;margin-bottom:0;gap:var(--space-sm)}.pf-header-stock{flex:1 1;font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.pf-header-target{width:110px;margin-right:var(--space-md);margin-left:-20px}.pf-header-alloc,.pf-header-target{font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:center}.pf-header-alloc{width:70px;margin-right:var(--space-lg);margin-left:-24px}.pf-header-grade{font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;width:clamp(26px,calc(30px * var(--scale-factor)),34px);text-align:center;margin-left:12px}.pf-stock-list::-webkit-scrollbar{width:6px}.pf-stock-list::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:3px}.pf-stock-list::-webkit-scrollbar-thumb{background:rgba(72,161,252,.3);border-radius:3px}.pf-stock-list::-webkit-scrollbar-thumb:hover{background:rgba(72,161,252,.5)}.pf-stock-row{display:flex;align-items:center;gap:var(--space-sm);padding:10px 12px;border-radius:var(--border-radius-sm);background:rgba(255,255,255,.02);flex-shrink:0;cursor:pointer;transition:background .3s ease,opacity .3s ease,transform .3s ease;border-bottom:1px solid rgba(255,255,255,.03)}.pf-stock-row:hover:not(.pf-row-locked){background:rgba(255,255,255,.05)}.pf-row-active{background:rgba(255,255,255,.08);transform:translateX(4px)}.pf-row-dimmed{opacity:.4}.pf-row-color-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.pf-row-animate{opacity:0;transform:translateY(12px);animation:pfRowSlideIn .5s ease-out forwards}@keyframes pfRowSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.pf-row-num{font-size:clamp(14px,calc(16px * var(--scale-factor)),18px);font-weight:700;color:var(--color-text-muted);width:24px;text-align:center;flex-shrink:0}.pf-row-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.pf-row-info{flex:1 1;display:flex;flex-direction:column;gap:2px;min-width:0}.pf-row-ticker{font-size:clamp(15px,calc(17px * var(--scale-factor)),20px);font-weight:700;color:#ffffff}.pf-row-name-wrap{display:flex;align-items:center;gap:6px}.pf-row-name,.pf-row-name-wrap{font-size:clamp(11px,calc(13px * var(--scale-factor)),14px);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-row-target{font-size:clamp(13px,calc(15px * var(--scale-factor)),17px);font-weight:600;flex-shrink:0;width:110px;text-align:center;margin-right:var(--space-md)}.pf-target-price{color:#ffffff}.pf-target-pct-positive{color:#10b981;margin-left:4px}.pf-target-pct-negative{color:#ef4444;margin-left:4px}.pf-row-alloc{font-size:clamp(15px,calc(17px * var(--scale-factor)),20px);font-weight:700;color:var(--color-primary);flex-shrink:0;width:70px;text-align:center;margin-right:var(--space-lg)}.pf-row-top{display:flex;align-items:center;gap:8px}.pf-row-price{font-size:clamp(13px,calc(14px * var(--scale-factor)),16px);font-weight:600;color:#ffffff}.pf-new-addition{font-size:clamp(11px,calc(12px * var(--scale-factor)),14px);font-weight:600;color:var(--color-primary)}.pf-row-grade{display:flex;align-items:center;justify-content:center;width:clamp(26px,calc(30px * var(--scale-factor)),34px);height:clamp(26px,calc(30px * var(--scale-factor)),34px);background:transparent;color:var(--color-text-secondary);font-size:clamp(13px,calc(15px * var(--scale-factor)),17px);font-weight:700;border-radius:6px;border:1px solid rgba(255,255,255,.15);flex-shrink:0;cursor:pointer}.pf-grade-a{background:transparent;color:#10b981;border-color:rgba(16,185,129,.4)}.pf-grade-b{background:transparent;color:#eab308;border-color:rgba(234,179,8,.4)}.pf-grade-c{background:transparent;color:#f97316;border-color:rgba(249,115,22,.4)}.pf-grade-d{background:transparent;color:#ef4444;border-color:rgba(239,68,68,.4)}.pf-redacted{filter:blur(4px);-webkit-user-select:none;-moz-user-select:none;user-select:none}.pf-locked-section{position:relative;border-radius:var(--border-radius-md);overflow:hidden;flex:1 1;min-height:0}.pf-row-locked{opacity:.3}.pf-lock-overlay{position:absolute;inset:0;background:rgba(8,9,14,.85);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:var(--space-md);text-align:center;border-radius:var(--border-radius-md);border:1px solid rgba(72,161,252,.15)}.pf-lock-icon{color:var(--color-primary)}.pf-lock-msg{font-size:clamp(13px,calc(14px * var(--scale-factor)),16px);color:var(--color-text-secondary);line-height:1.5;font-weight:500;white-space:nowrap}.pf-lock-cta{display:inline-block;padding:10px 28px;background:var(--color-primary);color:#ffffff;border-radius:var(--border-radius-sm);font-size:clamp(13px,calc(15px * var(--scale-factor)),16px);font-weight:700;transition:all .2s}.pf-lock-cta:hover{background:var(--color-primary-hover);transform:scale(1.05)}@media (max-width:768px){.pf-chart-area{gap:8px}.pf-legend{gap:10px}.pf-header{flex-direction:column;align-items:flex-start;gap:4px}}.hero{min-height:100vh;padding-top:calc(var(--nav-height) + var(--space-md));padding-bottom:var(--space-sm);overflow:hidden}.hero,.hero-container{display:flex;flex-direction:column}.hero-container{max-width:1470px;margin:0 auto;padding:0 24px;flex:1 1;width:100%;min-height:0}.hero-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-lg);gap:var(--space-lg);flex:1 1;align-items:stretch;min-height:0}.hero-left{gap:var(--space-md);min-height:0;padding-bottom:var(--space-md);padding-top:var(--space-lg)}.hero-left,.hero-text-section{display:flex;flex-direction:column}.hero-text-section{align-items:center;flex-shrink:0;text-align:center;width:100%;margin-left:0}.hero-title{font-size:clamp(36px,calc(52px * var(--scale-factor)),64px);font-weight:800;line-height:1.15;color:#ffffff;letter-spacing:-.02em;margin-bottom:20px;white-space:nowrap}.hero-description{font-size:var(--text-xl);color:var(--color-text-secondary);line-height:1.5;max-width:700px;white-space:nowrap;margin-bottom:24px}.cta-button{background-color:var(--color-primary);color:var(--color-text-primary);padding:12px 32px;border-radius:var(--border-radius-sm);font-size:var(--text-base);font-weight:700;transition:all .2s}.cta-button:hover{background-color:var(--color-primary-hover);transform:scale(1.05)}.cta-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.video-container{margin-top:auto;border-radius:var(--border-radius-lg);overflow:hidden;position:relative;background-color:#000000;border:1px solid var(--color-border);aspect-ratio:16/10;cursor:pointer;width:100%;margin-left:0}.hero-video{width:100%;height:100%;border:none}.video-thumbnail{width:100%;height:100%;object-fit:cover}.video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;background:rgba(0,0,0,.5);border:3px solid rgba(255,255,255,.9);color:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;transition:all .2s;padding-left:4px}.video-container:hover .video-play-button{background:rgba(0,0,0,.8);transform:translate(-50%,-50%) scale(1.1)}.hero-right{display:flex;flex-direction:column;min-height:0;padding-bottom:var(--space-md);padding-top:var(--space-lg)}.stock-card-wrapper{flex:1 1;perspective:1000px;cursor:pointer;min-height:0;position:relative}.stock-card-cover{top:0;left:0;width:100%;height:100%;border-radius:var(--border-radius-lg);border:1px solid rgba(72,161,252,.3);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:var(--space-md);z-index:10;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1),opacity .4s ease;overflow:hidden;cursor:pointer}.reveal-glow,.stock-card-cover{position:absolute;background:transparent}.reveal-glow{top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;border:2px solid var(--color-primary);opacity:0;pointer-events:none;z-index:20}.stock-card-cover.revealed{animation:coverDissolve 1.6s ease-out forwards}.stock-card-cover.revealed .reveal-glow{animation:glowRingExpand .8s ease-out forwards}.stock-card-cover.revealed .cover-nebula{animation:nebulaDissolve 1.6s ease-out forwards}.stock-card-cover.revealed .nebula-cloud{animation:cloudDissolve1 1.2s ease-out .2s forwards}.stock-card-cover.revealed .nebula-cloud-2{animation:cloudDissolve2 1.2s ease-out .1s forwards}.stock-card-cover.revealed .nebula-dust{animation:cloudDissolve3 1.2s ease-out .15s forwards}.stock-card-cover.revealed .nebula-core{animation:cloudDissolve4 1.2s ease-out 50ms forwards}.stock-card-cover.revealed .cover-content{animation:contentFlash 1s ease-out forwards}.stock-card-cover.revealed .cover-question{animation:questionFlash .6s ease-out forwards}@keyframes coverDissolve{0%{opacity:1}60%{opacity:.7}to{opacity:0}}@keyframes glowRingExpand{0%{width:20px;height:20px;opacity:1;border-width:3px}70%{opacity:.8}to{width:120%;height:120%;opacity:0;border-width:1px}}@keyframes questionFlash{0%{opacity:1;transform:scale(1);text-shadow:0 0 20px rgba(0,0,0,.8)}30%{opacity:1;transform:scale(1.1);text-shadow:0 0 30px var(--color-primary),0 0 60px var(--color-primary)}to{opacity:0;transform:scale(1.05);text-shadow:0 0 40px var(--color-primary)}}@keyframes nebulaDissolve{0%{opacity:1}30%{opacity:1}to{opacity:0}}@keyframes cloudDissolve1{0%{transform:translate(0);opacity:1}to{transform:translate(-60px,-50px);opacity:0}}@keyframes cloudDissolve2{0%{transform:translate(0);opacity:1}to{transform:translate(60px,-40px);opacity:0}}@keyframes cloudDissolve3{0%{transform:translate(0);opacity:1}to{transform:translateY(60px);opacity:0}}@keyframes cloudDissolve4{0%{transform:translate(0);opacity:1}to{transform:translate(-50px,40px);opacity:0}}@keyframes contentFlash{0%{opacity:1}to{opacity:0}}.cover-nebula{pointer-events:none;overflow:hidden;border-radius:var(--border-radius-lg);background:rgba(3,6,12,.5)}.cover-nebula,.cover-nebula:before{position:absolute;top:0;left:0;right:0;bottom:0}.cover-nebula:before{content:"";background-image:radial-gradient(1px 1px at 3% 8%,white 0,transparent 100%),radial-gradient(1.5px 1.5px at 12% 25%,rgba(255,255,255,.9) 0,transparent 100%),radial-gradient(1px 1px at 8% 60%,rgba(255,255,255,.7) 0,transparent 100%),radial-gradient(1px 1px at 5% 85%,white 0,transparent 100%),radial-gradient(1px 1px at 25% 5%,rgba(255,255,255,.8) 0,transparent 100%),radial-gradient(1.5px 1.5px at 35% 40%,white 0,transparent 100%),radial-gradient(1px 1px at 30% 75%,rgba(255,255,255,.7) 0,transparent 100%),radial-gradient(1px 1px at 45% 15%,rgba(255,255,255,.9) 0,transparent 100%),radial-gradient(2px 2px at 50% 50%,white 0,transparent 100%),radial-gradient(1px 1px at 55% 80%,rgba(255,255,255,.8) 0,transparent 100%),radial-gradient(1px 1px at 65% 10%,white 0,transparent 100%),radial-gradient(1.5px 1.5px at 70% 35%,rgba(255,255,255,.9) 0,transparent 100%),radial-gradient(1px 1px at 75% 65%,rgba(255,255,255,.7) 0,transparent 100%),radial-gradient(1px 1px at 80% 90%,white 0,transparent 100%),radial-gradient(1px 1px at 88% 20%,rgba(255,255,255,.8) 0,transparent 100%),radial-gradient(1.5px 1.5px at 92% 50%,white 0,transparent 100%),radial-gradient(1px 1px at 95% 75%,rgba(255,255,255,.9) 0,transparent 100%),radial-gradient(1px 1px at 97% 5%,rgba(255,255,255,.7) 0,transparent 100%)}.nebula-cloud{position:absolute;top:-10%;left:-10%;width:70%;height:55%;background:radial-gradient(ellipse 100% 100% at 50% 50%,rgba(50,100,170,.25) 0,rgba(40,90,150,.12) 40%,transparent 65%);filter:blur(15px);animation:smokeDrift1 18s ease-in-out infinite}.nebula-cloud-2{position:absolute;top:25%;right:-15%;width:60%;height:55%;background:radial-gradient(ellipse 100% 100% at 50% 50%,rgba(60,120,190,.22) 0,rgba(50,100,160,.1) 40%,transparent 65%);filter:blur(18px);animation:smokeDrift2 22s ease-in-out infinite}.nebula-dust{position:absolute;bottom:-12%;left:5%;width:90%;height:50%;background:radial-gradient(ellipse 100% 80% at 50% 80%,rgba(55,110,175,.2) 0,rgba(45,95,155,.1) 45%,transparent 70%);filter:blur(20px);animation:smokeDrift3 20s ease-in-out infinite}.nebula-core{position:absolute;top:45%;left:-18%;width:55%;height:55%;background:radial-gradient(ellipse 100% 100% at 50% 50%,rgba(65,125,195,.18) 0,rgba(45,100,165,.08) 40%,transparent 65%);filter:blur(16px);animation:smokeDrift4 24s ease-in-out infinite}@keyframes smokeDrift1{0%,to{transform:translate(0)}50%{transform:translate(15px,10px)}}@keyframes smokeDrift2{0%,to{transform:translate(0)}50%{transform:translate(-12px,8px)}}@keyframes smokeDrift3{0%,to{transform:translate(0)}50%{transform:translate(8px,-10px)}}@keyframes smokeDrift4{0%,to{transform:translate(0)}50%{transform:translate(10px,-8px)}}.cover-shimmer{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:shimmerSweep 4s ease-in-out infinite;pointer-events:none}@keyframes shimmerSweep{0%{left:-50%}to{left:150%}}.stock-card-cover.revealed{transform:scale(.95);opacity:0;pointer-events:none}.cover-content{flex-direction:column;width:100%;z-index:1;text-align:center}.cover-center,.cover-content{display:flex;align-items:center;flex:1 1}.cover-center{flex-direction:column;justify-content:center;gap:var(--space-md)}.cover-question{font-size:100px;font-weight:800;color:var(--color-primary);line-height:1;position:relative;z-index:10;text-shadow:0 0 20px rgba(0,0,0,.8)}.cover-badge{display:flex;align-items:center;gap:10px;padding:10px 24px;background:rgba(72,161,252,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;border:1px solid rgba(72,161,252,.5);box-shadow:0 0 20px rgba(72,161,252,.1)}.cover-badge .stock-badge-dot{width:10px;height:10px;border-radius:50%;background-color:var(--color-primary);box-shadow:0 0 10px var(--color-primary);animation:pulse 2s infinite}.cover-badge span{font-size:14px;font-weight:700;color:#ffffff;text-transform:uppercase;letter-spacing:.15em}.cover-cta{color:var(--color-primary);font-size:16px;font-weight:600;transition:opacity .2s}.stock-card-cover:hover .cover-cta{opacity:.8}.stock-card-cover:hover{border-color:var(--color-primary)}.stock-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s ease-in-out;transform-origin:center center;opacity:0;pointer-events:none}.stock-card-wrapper:has(.stock-card-cover.revealed) .stock-card-inner{animation:cardAppear 1s ease-out .6s forwards;pointer-events:auto}@keyframes cardAppear{0%{opacity:0}to{opacity:1}}.stock-card-inner.flipped{transform:rotateY(180deg)}.stock-card-face{position:absolute;top:0;left:0;width:100%;height:100%;background:#08090e;border-radius:var(--border-radius-lg);border:1px solid var(--color-border);display:flex;flex-direction:column;padding:var(--space-md);overflow:visible;transition:border-color .2s,box-shadow .2s}.stock-card-wrapper:hover .stock-card-face{border-color:var(--color-primary);box-shadow:0 0 20px rgba(72,161,252,.15)}.stock-card-front{opacity:1;transition:opacity .05s ease-in-out .25s}.stock-card-back{opacity:0;transition:opacity .05s ease-in-out .25s;transform:rotateY(180deg)}.stock-card-inner.flipped .stock-card-front{opacity:0;pointer-events:none;transition:opacity .05s ease-in-out .25s}.stock-card-inner.flipped .stock-card-back{opacity:1;pointer-events:auto;transition:opacity .05s ease-in-out .25s}.stock-badge-container{display:flex;justify-content:center;margin-bottom:var(--space-sm)}.stock-badge{display:flex;align-items:center;gap:6px;padding:4px 12px;background:rgba(31,41,55,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;border:1px solid rgba(72,161,252,.4)}.stock-badge-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-primary);animation:pulse 2s infinite}.stock-badge span{font-size:14px;font-weight:700;color:#ffffff;text-transform:uppercase;letter-spacing:.1em}.stock-info-section{padding-top:0;flex-shrink:0}.stock-info-row{display:flex;align-items:baseline;gap:var(--space-sm);white-space:nowrap;flex-wrap:nowrap}.stock-company{font-size:clamp(16px,calc(20px * var(--scale-factor)),24px);font-weight:600;color:#ffffff;cursor:pointer;transition:color .2s}.stock-company:hover{color:var(--color-primary)}.stock-ticker{font-size:clamp(12px,calc(14px * var(--scale-factor)),16px);font-weight:500;color:#6b7280}.stock-price{font-size:clamp(16px,calc(20px * var(--scale-factor)),24px);font-weight:700;color:#ffffff;margin-left:auto}.stock-change{font-size:clamp(11px,calc(13px * var(--scale-factor)),15px);font-weight:600}.stock-change.negative{color:#f87171}.stock-change.positive{color:#4ade80}.stock-metrics-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-sm);gap:var(--space-sm);padding-top:0}.metric-item{display:flex;flex-direction:column;gap:2px}.metric-label{font-size:10px;color:#9ca3af;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.metric-value{font-size:var(--text-base);font-weight:700;color:#ffffff}.metric-value.recommendation-buy{color:#4ade80}.progress-bar{height:4px;background:#1f2937;border-radius:999px;overflow:hidden;margin-top:4px}.progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:999px}.stock-chart-section{min-height:0;margin-top:var(--space-sm)}.chart-container,.stock-chart-section{flex:1 1;display:flex;flex-direction:column;position:relative;overflow:visible}.chart-container{border-radius:var(--border-radius-md);z-index:5;transform:translateZ(0)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes blinkGreen{0%,to{background-color:transparent}50%{background-color:rgba(53,230,165,.3)}}@keyframes blinkRed{0%,to{background-color:transparent}50%{background-color:rgba(239,68,68,.3)}}.price-blink-green{animation:blinkGreen .5s ease-in-out}.price-blink-red{animation:blinkRed .5s ease-in-out}.scroll-indicator{display:flex;justify-content:center;padding:4px 0;flex-shrink:0}.scroll-icon{color:var(--color-primary);animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.discover-link{display:block;text-align:center;color:var(--color-primary);font-size:13px;font-weight:500;padding-bottom:4px;flex-shrink:0;transition:opacity .2s}.discover-link:hover{opacity:.8}@media (max-width:768px){.hero-content{grid-template-columns:1fr;gap:var(--space-lg)}.hero-title{font-size:calc(32px * var(--scale-factor))}.hero-text-section{align-items:center;text-align:center}.hero-description{text-align:center}.stock-main-row{flex-direction:column;gap:var(--space-md)}.stock-price-section{text-align:left}}