:root{--bg-primary:#0B0E14;--bg-secondary:#141823;--bg-tertiary:#1C2331;--bg-hover:#252E3E;--bg-selected:rgba(79,114,255,0.1);--text-primary:#FFFFFF;--text-secondary:#9CA4B0;--text-tertiary:#6B7280;--accent-blue:#4F72FF;--accent-green:#00D395;--accent-red:#FF5252;--accent-yellow:#FFB800;--border-color:#2A3244;--border-light:#3A4254;--font-mono:"SF Mono","Monaco","Inconsolata","Fira Code",monospace;--font-primary:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--max-width:1400px;--header-height:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--transition-base:all 0.2s ease;--transition-slow:all 0.3s ease}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-primary);font-size:1rem;line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:var(--header-height)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}h1{font-size:clamp(2.5rem,5vw,3.5rem)}h2{font-size:clamp(2rem,4vw,2.5rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{color:var(--text-secondary);line-height:1.6}a{color:var(--accent-blue);text-decoration:none;transition:var(--transition-base)}a:hover{opacity:.8}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:var(--transition-base)}button:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px;border-radius:inherit}button:focus-visible.btn-primary{outline-color:var(--accent-green);box-shadow:0 0 0 4px rgba(79,114,255,.2)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.section{padding:5rem 0}@media (max-width:768px){.section{padding:3rem 0}.container{padding:0 1rem}body{padding-top:calc(var(--header-height) - 8px)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-link{position:absolute;top:-40px;left:8px;z-index:9999;background:var(--accent-blue);color:white;padding:8px 16px;border-radius:var(--radius-sm);text-decoration:none;font-weight:600;font-size:.875rem;transition:var(--transition-base)}.skip-link:focus{top:8px;outline:2px solid var(--accent-green);outline-offset:2px}.gradient-text{background:linear-gradient(135deg,var(--accent-blue),var(--accent-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;transition:var(--transition-base);will-change:transform,box-shadow}.card:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.3),0 0 0 1px rgba(79,114,255,.1)}.card:hover:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(79,114,255,.05),rgba(0,211,149,.05));border-radius:inherit;pointer-events:none}.btn{display:inline-block;padding:.875rem 2rem;border-radius:var(--radius-md);font-weight:600;text-align:center;transition:var(--transition-base);cursor:pointer;border:none;font-size:1rem;will-change:transform,box-shadow}.btn-primary{background:var(--accent-blue);color:white;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.btn-primary:hover{background:#6584FF;transform:translateY(-2px);box-shadow:0 8px 24px rgba(79,114,255,.3),0 0 0 1px rgba(255,255,255,.1)}.btn-primary:hover:before{left:100%}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-light)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--accent-blue);transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,0,0,.2),0 0 0 1px rgba(79,114,255,.2)}.btn-large{padding:1.125rem 2.5rem;font-size:1.125rem}.btn:disabled{cursor:pointer;position:relative;overflow:hidden}.btn-primary:disabled{background:linear-gradient(135deg,var(--accent-blue) 0,var(--accent-green) 100%);color:white;border:2px solid transparent;background-clip:padding-box;animation:disabled-pulse 2s ease-in-out infinite;transition:all .6s cubic-bezier(.4,0,.2,1)}.btn-primary:disabled:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:disabled-shimmer 3s infinite;transition:opacity .6s ease}.tooltip-wrapper{position:relative;display:inline-block}.futuristic-tooltip{position:absolute;top:-60px;left:50%;transform:translateX(-50%) translateY(10px) scale(.8);opacity:0;pointer-events:none;z-index:1000;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.tooltip-content{background:linear-gradient(135deg,rgba(11,14,20,.95),rgba(20,24,35,.95) 50%,rgba(28,35,49,.95));border:1px solid var(--accent-blue);border-radius:12px;padding:12px 18px;font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;backdrop-filter:blur(20px);box-shadow:0 20px 40px rgba(0,0,0,.5),0 0 0 1px rgba(79,114,255,.3),inset 0 1px 0 rgba(255,255,255,.1),0 0 20px rgba(79,114,255,.2);position:relative;overflow:hidden}.tooltip-content:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(79,114,255,.1),transparent);animation:tooltip-shimmer 2s infinite}.tooltip-icon{display:inline-block;margin-right:8px;font-size:1rem;animation:icon-pulse 1.5s ease-in-out infinite}.tooltip-arrow{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--accent-blue);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.tooltip-arrow:after{content:"";position:absolute;top:-9px;left:-7px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid rgba(11,14,20,.95)}.tooltip-wrapper:hover .futuristic-tooltip{opacity:1;transform:translateX(-50%) translateY(0) scale(1);pointer-events:auto}@keyframes tooltip-shimmer{0%{left:-100%}50%{left:100%}to{left:100%}}@keyframes icon-pulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.1);filter:brightness(1.3)}}.navigation .tooltip-wrapper .futuristic-tooltip{top:calc(100% + 15px);transform:translateX(-50%) translateY(-10px) scale(.8)}.navigation .tooltip-wrapper:hover .futuristic-tooltip{transform:translateX(-50%) translateY(0) scale(1)}.navigation .tooltip-arrow{top:-8px;border-top:none;border-bottom:8px solid var(--accent-blue);transform:translateX(-50%) rotate(180deg)}.navigation .tooltip-arrow:after{top:1px;border-top:none;border-bottom:7px solid rgba(11,14,20,.95)}.btn-primary:disabled:hover{background:linear-gradient(135deg,#2A3244,#1C2331);color:var(--text-secondary);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.4),0 0 0 1px rgba(79,114,255,.5),inset 0 1px 0 rgba(255,255,255,.1);animation:none;border-color:var(--accent-blue)}.btn-primary:disabled:hover:before{opacity:0}@keyframes disabled-pulse{0%,to{box-shadow:0 0 0 0 rgba(79,114,255,.4)}50%{box-shadow:0 0 0 8px rgba(79,114,255,0)}}@keyframes disabled-shimmer{0%{left:-100%}50%{left:100%}to{left:100%}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.btn-primary:before,.card:hover{transform:none!important;box-shadow:none!important}.btn-primary:hover:before{left:0!important;display:none}}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.grid{display:grid;gap:1.5rem}.grid-cols-1{grid-template-columns:repeat(1,1fr)}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.text-center{text-align:center}.mx-auto{margin-left:auto;margin-right:auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.component-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:200px;color:var(--text-secondary);font-family:var(--font-mono);font-size:.875rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin:2rem 0;position:relative;overflow:hidden}.component-loading:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(79,114,255,.1),transparent);animation:loading-shimmer 1.5s infinite}.component-loading:after{content:"";width:32px;height:32px;border-top:2px solid var(--border-color);border:2px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;animation:loading-spin 1s linear infinite;margin-bottom:1rem}@keyframes loading-shimmer{0%{left:-100%}to{left:100%}}@keyframes loading-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.component-loading:after,.component-loading:before{animation:none}.component-loading:after{border-top-color:var(--accent-blue)}}.navigation{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(11,14,20,.8);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);transition:var(--transition-base);opacity:1;transform:translateY(0)}.navigation.scrolled{background:rgba(11,14,20,.95);border-bottom-color:var(--border-light)}.navigation.nav-animated{opacity:0;transform:translateY(-100%);animation:slideIn .8s ease-out 1s forwards}@keyframes slideIn{to{opacity:1;transform:translateY(0)}}.nav-container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem;height:var(--header-height);display:flex;align-items:center;justify-content:space-between}.nav-brand{font-size:1.5rem;font-weight:900;background:linear-gradient(135deg,var(--accent-blue),var(--accent-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;gap:2rem}.nav-link{background:none;border:none;color:var(--text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;padding:.5rem 0;position:relative;transition:var(--transition-base)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent-blue);transition:width .3s ease}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:after{width:100%}.nav-link:focus-visible{outline:2px solid var(--accent-blue);outline-offset:4px;border-radius:2px}.nav-cta{font-size:.875rem;padding:.625rem 1.5rem}@media (max-width:768px){.nav-container{padding:0 1rem}.nav-links{gap:1rem}.nav-link{font-size:.875rem;padding:.25rem 0}.nav-brand{font-size:1.25rem}}@media (max-width:640px){.nav-links .nav-link:not(.nav-cta){display:none}}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:4rem 0;background:linear-gradient(135deg,var(--bg-primary) 0,#0C1018 25%,var(--bg-secondary) 50%,#1A1F2E 75%,var(--bg-primary) 100%);position:relative;overflow:hidden}.hero-section:before{top:-100px;left:-100px;right:-100px;bottom:-100px;width:calc(100% + 200px);height:calc(100% + 200px);background-image:linear-gradient(rgba(79,114,255,.03) 1px,transparent 0),linear-gradient(90deg,rgba(79,114,255,.03) 1px,transparent 0);background-size:50px 50px;animation:grid-move 20s linear infinite}.hero-section:after,.hero-section:before{content:"";position:absolute;pointer-events:none}.hero-section:after{top:-50px;left:-50px;right:-50px;bottom:-50px;width:calc(100% + 100px);height:calc(100% + 100px);background-image:radial-gradient(circle at 15% 40%,var(--accent-blue) 0,transparent 45%),radial-gradient(circle at 85% 70%,var(--accent-green) 0,transparent 45%),radial-gradient(circle at 50% 20%,var(--accent-yellow) 0,transparent 35%),radial-gradient(ellipse at 30% 80%,var(--accent-red) 0,transparent 40%);opacity:.08;animation:ambient-pulse 8s ease-in-out infinite}.hero-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.hero-particle{position:absolute;background:var(--accent-blue);border-radius:50%;animation:float-particle ease-in-out infinite;opacity:.4;box-shadow:0 0 10px currentColor}.hero-particle:nth-child(3n){background:var(--accent-green)}.hero-particle:nth-child(4n){background:var(--accent-yellow)}.hero-particle:nth-child(5n){background:var(--accent-red)}.hero-geometry{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.geometry-line{position:absolute;background:linear-gradient(90deg,transparent,var(--accent-blue),transparent);opacity:.15;animation:geometric-sweep 12s ease-in-out infinite}.geometry-line-1{width:200px;height:2px;top:20%;left:-200px;transform:rotate(15deg);animation-delay:0s}.geometry-line-2{width:150px;height:1px;top:60%;right:-150px;background:linear-gradient(90deg,transparent,var(--accent-green),transparent);transform:rotate(-25deg);animation-delay:4s}.geometry-line-3{width:300px;height:1px;top:80%;left:-300px;background:linear-gradient(90deg,transparent,var(--accent-yellow),transparent);transform:rotate(5deg);animation-delay:8s}.hero-content{text-align:center;max-width:900px;margin:0 auto;position:relative;z-index:2}.hero-pre-title{font-size:.875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-blue);margin-bottom:1rem;opacity:.9}.hero-title{font-size:clamp(3rem,7vw,5rem);font-weight:900;margin-bottom:2rem;background:linear-gradient(135deg,var(--text-primary) 0,var(--accent-blue) 50%,var(--accent-green) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;letter-spacing:-.02em}.hero-subtitle{font-size:1.25rem;line-height:1.6;color:var(--text-secondary);max-width:800px;margin:0 auto 3rem}.hero-cta{margin-bottom:3rem}.hero-button{animation:hero-pulse 3s ease-in-out infinite}.hero-button:hover{animation:none}@keyframes hero-pulse{0%,to{box-shadow:0 0 0 0 rgba(79,114,255,.4)}50%{box-shadow:0 0 0 10px rgba(79,114,255,0)}}@keyframes grid-move{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes ambient-pulse{0%,to{opacity:.08;transform:scale(1.1)}25%{opacity:.12;transform:scale(1.15)}50%{opacity:.06;transform:scale(1.05)}75%{opacity:.1;transform:scale(1.12)}}@keyframes float-particle{0%,to{transform:translateY(0) translateX(0);opacity:.3}25%{transform:translateY(-20px) translateX(10px);opacity:.8}50%{transform:translateY(-10px) translateX(-5px);opacity:.5}75%{transform:translateY(-30px) translateX(15px);opacity:.7}}@keyframes geometric-sweep{0%{transform:translateX(0) rotate(var(--rotation,0deg));opacity:0}10%{opacity:.15}50%{opacity:.15}90%{opacity:0}to{transform:translateX(100vw) rotate(var(--rotation,0deg));opacity:0}}.hero-social-proof{padding-top:2rem;border-top:1px solid var(--border-color)}.social-proof-text{font-size:.875rem;color:var(--text-tertiary);letter-spacing:.05em;font-weight:500}@media (max-width:768px){.hero-section{min-height:90vh;padding:3rem 0}.hero-title{font-size:clamp(2.5rem,10vw,3.5rem);margin-bottom:1.5rem}.hero-subtitle{font-size:1.125rem;margin-bottom:2rem}.social-proof-text{font-size:.75rem}.geometry-line-2,.geometry-line-3,.hero-particle:nth-child(n+7){display:none}.geometry-line-1{width:150px;animation-duration:8s}}@media (prefers-reduced-motion:reduce){.navigation.nav-animated{animation:none;opacity:1;transform:translateY(0)}.nav-link:after{transition:none}.hero-button,.hero-section:before{animation:none}.hero-section:after{animation:none;opacity:.06;transform:none}.hero-particle{animation:none;opacity:.2}.geometry-line{animation:none;opacity:.1;position:static;transform:none}}.final-cta-section{background:linear-gradient(135deg,var(--bg-primary) 0,#0A0D15 25%,var(--bg-secondary) 50%,#151A28 75%,var(--bg-primary) 100%);position:relative;overflow:hidden;padding:4rem 0 3rem;min-height:60vh}.system-indicators{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.system-indicator{position:absolute;font-family:"monospace",Courier New,Courier;font-size:12px;letter-spacing:.5px;opacity:0;transform:translateY(10px);animation:powerOn 1s forwards,addBlinkingCursor 2s forwards;text-shadow:0 0 5px rgba(0,255,135,.3);white-space:nowrap}.indicator-system{color:#00FF87}.indicator-risk{color:#FFD700}.indicator-action{color:#00BFFF}.indicator-data{color:#C9D1D9}.indicator-performance{color:#00BFFF}.indicator-analytics{color:#FFD700}.final-cta-section .cta-content{text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:2}.final-cta-section .cta-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;margin-bottom:2rem;background:linear-gradient(135deg,var(--accent-green) 0,var(--accent-blue) 30%,var(--accent-yellow) 60%,var(--accent-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:300% auto;animation:dominance-shimmer 6s linear infinite}@keyframes dominance-shimmer{0%{background-position:0}to{background-position:300%}}@keyframes powerOn{0%{opacity:0;transform:translateY(10px)}50%{opacity:.7}to{opacity:.7;transform:translateY(0)}}@keyframes addBlinkingCursor{0%,to{border-right:none}25%,75%{border-right:2px solid rgba(0,255,135,.7)}}@keyframes profit-stream{0%{background-position:-200% 0}to{background-position:200% 0}}.final-cta-section .cta-subtitle{font-size:1.25rem;line-height:1.6;color:var(--text-secondary);margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.final-cta-section .cta-action{margin-bottom:2rem}.final-cta-section .progressive-button{background:linear-gradient(135deg,var(--accent-blue),var(--accent-green));border:2px solid transparent;position:relative;overflow:hidden;transition:all .8s cubic-bezier(.4,0,.2,1);font-size:1.25rem;padding:1.25rem 3rem;text-transform:uppercase;letter-spacing:.05em;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.final-cta-section .button-text{transition:all .6s ease;display:block}.final-cta-section .button-capability{position:absolute;bottom:8px;left:50%;transform:translateX(-50%) translateY(20px);font-size:.7rem;font-weight:700;color:var(--accent-blue);opacity:0;transition:all .6s ease;font-family:var(--font-mono);letter-spacing:.1em}.final-cta-section .progressive-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .8s ease}.final-cta-section .progressive-button:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(0,211,149,.1) 50%,transparent 70%);opacity:0;transition:opacity .6s ease;animation:profit-stream 3s linear infinite}.final-cta-section .progressive-button:hover{transform:translateY(-4px) scale(1.08);box-shadow:0 20px 40px rgba(79,114,255,.4),0 0 0 3px rgba(255,255,255,.1),inset 0 0 50px rgba(0,211,149,.1);border-color:var(--accent-green);background:linear-gradient(135deg,#5A7FFF,#00E5A8)}.final-cta-section .progressive-button:hover:before{left:100%}.final-cta-section .progressive-button:hover:after{opacity:1}.final-cta-section .progressive-button:hover .button-text{transform:translateY(-8px);font-size:1.1rem}.final-cta-section .progressive-button:hover .button-capability{opacity:1;transform:translateX(-50%) translateY(0);text-shadow:0 0 10px var(--accent-blue)}.final-cta-section .cta-visual{width:600px;height:600px;pointer-events:none}.final-cta-section .cta-visual,.final-cta-section .subtle-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.final-cta-section .subtle-glow{width:300px;height:300px;background:radial-gradient(circle,rgba(79,114,255,.1) 0,rgba(79,114,255,.05) 30%,transparent 70%);border-radius:50%;animation:gentle-pulse 6s ease-in-out infinite}@keyframes gentle-pulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}}@media (max-width:768px){.final-cta-section{padding:3rem 0 2rem;min-height:50vh}.final-cta-section .cta-title{font-size:clamp(2rem,8vw,3rem)}.final-cta-section .cta-subtitle{font-size:1.125rem}.final-cta-section .progressive-button{font-size:1.125rem;padding:1rem 2.5rem;min-height:70px}.system-indicator:nth-child(n+4){display:none}}@media (prefers-reduced-motion:reduce){.final-cta-section .cta-title{animation:none}.system-indicator{animation:none!important;opacity:.3!important}.final-cta-section .progressive-button:after,.final-cta-section .progressive-button:before{display:none}.final-cta-section .progressive-button:hover{transform:none;box-shadow:0 4px 12px rgba(79,114,255,.3)}}.strategy-section{background:var(--bg-primary)}.strategy-section .section-title{text-align:center;margin-bottom:4rem;font-size:clamp(2rem,4vw,3rem);background:linear-gradient(135deg,var(--text-primary),var(--accent-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;transform:translateY(30px);transition:all .8s ease-out}.strategy-section .section-title.animate-in{opacity:1;transform:translateY(0)}.strategy-section .strategy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;opacity:0;transform:translateY(50px);transition:all .8s ease-out .3s}.strategy-section .strategy-grid.animate-in{opacity:1;transform:translateY(0)}.strategy-section .strategy-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);position:relative;overflow:hidden;transition:var(--transition-base);height:100%}.strategy-section .strategy-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.4)}.strategy-section .card-inner{padding:2rem;position:relative;z-index:1;height:100%;display:flex;flex-direction:column}.strategy-section .card-title{font-size:1.5rem;margin-bottom:1rem;font-weight:700}.strategy-section .card-green .card-title{color:var(--accent-green)}.strategy-section .card-blue .card-title{color:var(--accent-blue)}.strategy-section .card-yellow .card-title{color:var(--accent-yellow)}.strategy-section .card-subtitle{font-size:1rem;font-weight:500;font-style:italic;letter-spacing:.01em;color:var(--text-secondary);margin-bottom:1.75rem;line-height:1.4}.strategy-section .card-content{flex:1;display:flex;flex-direction:column;gap:1.5rem}.strategy-section .strategy-description{font-size:1rem;line-height:1.7;color:var(--text-primary);margin-bottom:1.5rem}.strategy-section .strategy-audience{font-size:.9rem;line-height:1.5;color:var(--text-tertiary);padding:1.25rem 0 0;border-top:1px solid rgba(255,255,255,.1);margin-top:auto;font-weight:500}.strategy-section .strategy-audience:before{content:"👥 ";margin-right:.5rem;opacity:.7}.strategy-section .card-accent{position:absolute;top:0;left:0;width:4px;height:100%;background:currentColor}.strategy-section .card-green .card-accent{background:var(--accent-green)}.strategy-section .card-blue .card-accent{background:var(--accent-blue)}.strategy-section .card-yellow .card-accent{background:var(--accent-yellow)}.strategy-section .strategy-card:hover .card-accent{width:100%;opacity:.05;transition:width .3s ease}@media (max-width:768px){.strategy-section .strategy-grid{grid-template-columns:1fr;gap:1.5rem}.strategy-section .card-inner{padding:1.5rem}}@media (prefers-reduced-motion:reduce){.strategy-section .section-title,.strategy-section .strategy-grid{opacity:1;transform:none;transition:none}}.power-shift-section{background:var(--bg-secondary);position:relative}.power-shift-section .section-title{text-align:center;margin-bottom:4rem;font-size:clamp(2rem,4vw,3rem);background:linear-gradient(135deg,var(--text-primary),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.power-shift-section .comparison-container{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:stretch;max-width:1200px;margin:0 auto}.power-shift-section .comparison-side{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;position:relative;transition:var(--transition-base);display:flex;flex-direction:column;min-height:100%}.power-shift-section .comparison-side:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.3)}.power-shift-section .spot-side:hover{box-shadow:0 8px 24px rgba(255,82,82,.2)}.power-shift-section .strategic-side:hover{box-shadow:0 8px 24px rgba(79,114,255,.2)}.power-shift-section .comparison-header{margin-bottom:1.5rem}.power-shift-section .comparison-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.power-shift-section .comparison-label{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .75rem;border-radius:var(--radius-sm);display:inline-block}.power-shift-section .spot-label{background:rgba(255,82,82,.1);color:var(--accent-red)}.power-shift-section .strategic-label{background:rgba(79,114,255,.1);color:var(--accent-blue)}.power-shift-section .vs-divider{display:flex;align-items:center;justify-content:center;min-height:100%}.power-shift-section .vs-text{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.125rem;color:var(--text-primary);box-shadow:0 4px 12px rgba(0,0,0,.3)}.power-shift-section .chart-visual{height:200px;margin-bottom:1.5rem;background:var(--bg-primary);border-radius:var(--radius-md);padding:1.5rem;position:relative;overflow:hidden}.power-shift-section .chart-svg{width:100%;height:100%}.power-shift-section .spot-chart{background:linear-gradient(135deg,rgba(255,82,82,.05),transparent)}.power-shift-section .strategic-chart{background:linear-gradient(135deg,rgba(79,114,255,.05),rgba(0,211,149,.05))}.power-shift-section .content-summary{text-align:center;margin-bottom:2rem}.power-shift-section .content-title{font-size:1.5rem;margin-bottom:.75rem;font-weight:700}.power-shift-section .spot-side .content-title{color:var(--accent-red)}.power-shift-section .strategic-side .content-title{background:linear-gradient(135deg,var(--accent-blue),var(--accent-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.power-shift-section .content-description{font-size:1rem;line-height:1.5;color:var(--text-secondary)}.power-shift-section .pros-cons-container{display:flex;flex-direction:column;gap:1.5rem;flex:1;margin-top:auto}.power-shift-section .advantages-section,.power-shift-section .learning-section,.power-shift-section .limitations-section{padding:1.5rem;border-radius:var(--radius-md);border:1px solid var(--border-color)}.power-shift-section .limitations-section{background:rgba(255,82,82,.05);border-color:rgba(255,82,82,.3)}.power-shift-section .advantages-section{background:rgba(0,211,149,.05);border-color:rgba(0,211,149,.3)}.power-shift-section .learning-section{background:rgba(79,114,255,.05);border-color:rgba(79,114,255,.3)}.power-shift-section .advantages-title,.power-shift-section .learning-title,.power-shift-section .limitations-title{font-size:1rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.power-shift-section .limitations-title{color:var(--accent-red)}.power-shift-section .advantages-title{color:var(--accent-green)}.power-shift-section .learning-title{color:var(--accent-blue)}.power-shift-section .advantages-list,.power-shift-section .learning-list,.power-shift-section .limitations-list{list-style:none;margin:0;padding:0}.power-shift-section .advantages-list li,.power-shift-section .learning-list li,.power-shift-section .limitations-list li{font-size:.9375rem;line-height:1.5;color:var(--text-secondary);margin-bottom:.75rem;position:relative;padding-left:1.5rem}.power-shift-section .advantages-list li:last-child,.power-shift-section .learning-list li:last-child,.power-shift-section .limitations-list li:last-child{margin-bottom:0}.power-shift-section .limitations-list li:before{content:"⚠";position:absolute;left:0;color:var(--accent-red);font-weight:700}.power-shift-section .advantages-list li:before{content:"✓";position:absolute;left:0;color:var(--accent-green);font-weight:700}.power-shift-section .learning-list li:before{content:"→";position:absolute;left:0;color:var(--accent-blue);font-weight:700}@media (max-width:1024px){.power-shift-section .comparison-container{grid-template-columns:1fr;gap:2rem}.power-shift-section .vs-divider{order:2;min-height:auto;margin:1rem 0}.power-shift-section .spot-side{order:1}.power-shift-section .strategic-side{order:3}}@media (max-width:768px){.power-shift-section .comparison-side{padding:1.5rem}.power-shift-section .chart-visual{height:180px;padding:1rem}.power-shift-section .pros-cons-container{gap:1rem}.power-shift-section .advantages-section,.power-shift-section .learning-section,.power-shift-section .limitations-section{padding:1rem}}.feature-section{background:var(--bg-secondary);position:relative;overflow:hidden}.feature-section .section-title{text-align:center;margin-bottom:4rem;font-size:clamp(2rem,4vw,3rem);background:linear-gradient(135deg,var(--text-primary),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;transform:translateY(30px);transition:all .8s ease-out}.feature-section .section-title.animate-in{opacity:1;transform:translateY(0)}.feature-section .feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-bottom:4rem;position:relative;z-index:1;opacity:0;transform:translateY(50px);transition:all .8s ease-out .3s}.feature-section .feature-grid.animate-in{opacity:1;transform:translateY(0)}.feature-section .feature-item{text-align:center}.feature-section .feature-icon{margin-bottom:1.5rem;display:inline-block;animation:float 3s ease-in-out infinite;color:var(--accent-blue)}.feature-section .feature-icon svg{width:48px;height:48px}.feature-section .feature-item:first-child .feature-icon{color:var(--accent-blue)}.feature-section .feature-item:nth-child(2) .feature-icon{animation-delay:.5s;color:var(--accent-green)}.feature-section .feature-item:nth-child(3) .feature-icon{animation-delay:1s;color:var(--accent-yellow)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.feature-section .feature-title{font-size:1.25rem;margin-bottom:1rem;font-weight:700;color:var(--text-primary)}.feature-section .feature-description{font-size:.9375rem;line-height:1.6;color:var(--text-secondary);max-width:400px;margin:0 auto}.feature-section .feature-visual{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:800px;opacity:.1;pointer-events:none;z-index:0}.feature-section .network-svg{width:100%;height:auto}@media (max-width:768px){.feature-section .feature-grid{grid-template-columns:1fr;gap:2rem}.feature-section .feature-icon{font-size:2.5rem}.feature-section .feature-visual{display:none}}@media (prefers-reduced-motion:reduce){.feature-section .feature-icon{animation:none}.feature-section .network-svg animate{display:none}.feature-section .feature-grid,.feature-section .section-title{opacity:1;transform:none;transition:none}}.options-explainer-section{background:var(--bg-primary);padding:3rem 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.options-explainer-section .explainer-container{max-width:800px;margin:0 auto;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden;transition:var(--transition-base)}.options-explainer-section .explainer-container:hover{border-color:var(--border-light)}.options-explainer-section .explainer-header{width:100%;padding:2rem;background:transparent;border:none;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:var(--transition-base)}.options-explainer-section .explainer-header:hover{background:var(--bg-hover)}.options-explainer-section .explainer-header:focus-visible{outline:2px solid var(--accent-blue);outline-offset:-2px}.options-explainer-section .explainer-title{font-size:1.5rem;font-weight:600;text-align:left;margin:0;background:linear-gradient(135deg,var(--text-primary),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.options-explainer-section .explainer-icon{color:var(--text-secondary);transition:var(--transition-base);transform-origin:center}.options-explainer-section .explainer-icon.open{transform:rotate(180deg);color:var(--accent-blue)}.options-explainer-section .explainer-content{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.options-explainer-section .explainer-content.open{max-height:300px;padding-bottom:2rem}.options-explainer-section .explainer-text{padding:0 2rem}.options-explainer-section .explainer-text p{font-size:1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:1rem}.options-explainer-section .explainer-text p:last-child{margin-bottom:0}@media (max-width:768px){.options-explainer-section{padding:2rem 0}.options-explainer-section .explainer-header{padding:1.5rem}.options-explainer-section .explainer-title{font-size:1.25rem}.options-explainer-section .explainer-text{padding:0 1.5rem}.options-explainer-section .explainer-content.open{max-height:400px}}@media (prefers-reduced-motion:reduce){.options-explainer-section .explainer-content,.options-explainer-section .explainer-icon{transition:none}}.three-primitives-section{background:var(--bg-primary);position:relative;overflow:hidden}.three-primitives-section .primitives-content{max-width:1200px;margin:0 auto;text-align:center}.three-primitives-section .primitives-main-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.01em;color:var(--text-primary);margin-bottom:4rem;line-height:1.2;opacity:0;transform:translateY(30px);transition:all .8s ease-out}.three-primitives-section .primitives-main-title.animate-in{opacity:1;transform:translateY(0)}.three-primitives-section .primitives-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem;opacity:0;transform:translateY(50px);transition:all .8s ease-out .3s}.three-primitives-section .primitives-grid.animate-in{opacity:1;transform:translateY(0)}.three-primitives-section .primitive-card{background:rgba(20,24,35,.4);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2.5rem;text-align:left;transition:all .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(12px);position:relative;overflow:hidden;min-height:460px;display:flex;flex-direction:column}.three-primitives-section .primitive-card:hover{background:rgba(20,24,35,.65);border-color:rgba(255,255,255,.15);transform:translateY(-12px);box-shadow:0 25px 80px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.1)}.three-primitives-section .card-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.three-primitives-section .primitive-number{font-family:var(--font-mono);font-size:.875rem;font-weight:600;color:var(--accent-color,var(--accent-blue));background:rgba(255,255,255,.05);padding:.5rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);min-width:44px;text-align:center}.three-primitives-section .card-accent-line{height:2px;flex:1;background:linear-gradient(90deg,var(--accent-color,var(--accent-blue)) 0,transparent 100%);opacity:.6}.three-primitives-section .primitive-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--text-primary);margin-bottom:1.25rem;line-height:1.2}.three-primitives-section .primitive-sales-hook{font-size:1.125rem;line-height:1.4;color:var(--accent-color,var(--accent-blue));margin-bottom:1.5rem;font-weight:600;font-style:italic;letter-spacing:-.01em}.three-primitives-section .primitive-description{font-size:1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:2rem;font-weight:400}.three-primitives-section .primitive-details{margin-top:auto}.three-primitives-section .details-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.three-primitives-section .detail-item{font-size:.9375rem;color:var(--text-tertiary);position:relative;padding-left:1.5rem;line-height:1.5;font-weight:500}.three-primitives-section .detail-item:before{content:"";position:absolute;left:0;top:.5rem;width:6px;height:6px;background:var(--accent-color,var(--accent-blue));border-radius:50%;opacity:.8}.three-primitives-section .card-background-pattern{position:absolute;top:0;right:0;width:120px;height:120px;background:radial-gradient(circle at center,var(--accent-color,var(--accent-blue)) 0,transparent 70%);opacity:.03;border-radius:50%;transform:translate(30%,-30%);transition:all .4s ease}.three-primitives-section .primitive-card:hover .card-background-pattern{opacity:.08;transform:translate(20%,-20%) scale(1.2)}.three-primitives-section .primitive-card:hover .primitive-number{background:var(--accent-color,var(--accent-blue));color:white;transform:scale(1.05)}.three-primitives-section .primitive-card:hover .card-accent-line{opacity:1}.three-primitives-section .primitives-background{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0}.three-primitives-section .bg-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(79,114,255,.02) 1px,transparent 0),linear-gradient(90deg,rgba(79,114,255,.02) 1px,transparent 0);background-size:60px 60px;animation:grid-drift 20s linear infinite}.three-primitives-section .bg-gradient{position:absolute;top:20%;left:50%;transform:translateX(-50%);width:600px;height:400px;background:radial-gradient(ellipse at center,rgba(79,114,255,.03) 0,rgba(0,211,149,.02) 40%,transparent 70%);animation:gradient-pulse 8s ease-in-out infinite}@keyframes grid-drift{0%{transform:translate(0)}to{transform:translate(60px,60px)}}@keyframes gradient-pulse{0%,to{opacity:.4;transform:translateX(-50%) scale(1)}50%{opacity:.8;transform:translateX(-50%) scale(1.1)}}.three-primitives-section .primitives-content{position:relative;z-index:1}@media (max-width:1024px){.three-primitives-section .primitives-grid{grid-template-columns:1fr;gap:2rem;max-width:600px;margin-left:auto;margin-right:auto}.three-primitives-section .primitive-card{padding:2.5rem 2rem;text-align:center;min-height:380px}.three-primitives-section .card-header{justify-content:center}}@media (max-width:768px){.three-primitives-section .primitives-grid{gap:1.5rem}.three-primitives-section .primitive-card{padding:2rem 1.5rem;min-height:340px}.three-primitives-section .bg-gradient{display:none}}@media (prefers-reduced-motion:reduce){.three-primitives-section .primitives-grid,.three-primitives-section .primitives-main-title{opacity:1;transform:none;transition:none}.three-primitives-section .primitive-card:hover{transform:none}.three-primitives-section .bg-gradient,.three-primitives-section .bg-grid{animation:none}.three-primitives-section .card-background-pattern{opacity:.05!important;transform:translate(30%,-30%)!important}}.error-boundary{display:flex;justify-content:center;align-items:center;min-height:300px;padding:2rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin:2rem 0}.error-boundary .error-content{text-align:center;max-width:400px}.error-boundary .error-icon{font-size:3rem;margin-bottom:1rem}.error-boundary .error-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.error-boundary .error-description{font-size:1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:2rem}.error-boundary .error-button{background:var(--accent-red);color:white;border:none;padding:.875rem 2rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition-base)}.error-boundary .error-button:hover{background:#FF6B6B;transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,82,82,.3)}.error-boundary .error-button:focus-visible{outline:2px solid var(--accent-red);outline-offset:2px}