@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Inter:wght@300;400;500;600&display=swap";
:root{--color-dark:#0a0a0f;--color-dark-secondary:#14141f;--color-dark-tertiary:#1e1e2e;--color-purple:#a855f7;--color-purple-dark:#7c3aed;--color-purple-light:#c084fc;--color-text:#e4e4e7;--color-text-secondary:#a1a1aa;--color-border:#a855f733;--font-display:"Playfair Display",Georgia,serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:6rem}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--color-dark);color:var(--color-text);line-height:1.6;overflow-x:hidden}.main{min-height:100vh;position:relative}.container{max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}.hero{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-background{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.hero-image-wrapper{width:100%;height:100%;animation:8s ease-in-out infinite heroImageGlow,3s ease-in-out infinite electricityPulse;position:absolute;top:0;left:0}@keyframes heroImageGlow{0%,to{filter:brightness(.6)contrast(1.1);transform:scale(1)}50%{filter:brightness(.8)contrast(1.15);transform:scale(1.05)}}@keyframes electricityPulse{0%,to{filter:brightness(.7)saturate(1.2)hue-rotate()}25%{filter:brightness(.9)saturate(1.4)hue-rotate(5deg)}50%{filter:brightness(.8)saturate(1.3)hue-rotate(-5deg)}75%{filter:brightness(.9)saturate(1.4)hue-rotate(5deg)}}.ev-hub-canvas{opacity:.6;width:100%;height:100%}.hero-gradient{background:radial-gradient(ellipse at center,#a855f71a 0%,#0a0a0fcc 50%,var(--color-dark)100%);pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:1;text-align:center;padding:var(--spacing-xl)0;flex-direction:column;justify-content:flex-start;align-items:center;min-height:90vh;padding-top:8vh;display:flex;position:relative}.hero-title-main{font-family:var(--font-display);letter-spacing:.02em;margin-bottom:var(--spacing-lg);color:#fff;text-shadow:0 2px 20px #a855f780;font-size:clamp(3rem,6vw,5rem);font-weight:700}.hero-diamond-spacer{width:100%;height:350px;margin:var(--spacing-md)0 var(--spacing-xl)}.hero-subtitle-large{font-family:var(--font-display);max-width:1100px;margin-bottom:var(--spacing-lg);color:#fff;text-shadow:0 2px 15px #a855f766;font-size:clamp(2.5rem,5vw,4rem);font-weight:600;line-height:1.2}.hero-description{color:#ffffffe6;max-width:950px;font-size:clamp(1.1rem,1.8vw,1.4rem);font-weight:300;line-height:1.7}.hero h1{font-family:var(--font-display);margin-bottom:var(--spacing-md);background:linear-gradient(135deg,#fff 0%,var(--color-purple-light)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1.1}.hero-subtitle{max-width:800px;margin:0 auto var(--spacing-lg);color:var(--color-text-secondary);font-size:clamp(1rem,2vw,1.25rem);font-weight:300}.hero-cta{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}.btn-primary,.btn-secondary{cursor:pointer;font-size:1rem;font-weight:500;font-family:var(--font-body);border:none;padding:1rem 2rem;transition:all .3s;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--color-purple)0%,var(--color-purple-dark)100%);color:#fff;box-shadow:0 4px 20px #a855f74d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px #a855f766}.btn-secondary{color:var(--color-purple-light);border:2px solid var(--color-purple);background:0 0}.btn-secondary:hover{border-color:var(--color-purple-light);background:#a855f71a}.outcomes-infographic,.who-infographic,.operating-infographic{padding:var(--spacing-xl)0;background:var(--color-dark-primary)}.infographic-wrapper{border-radius:12px;width:100%;max-width:1400px;margin:0 auto;overflow:hidden;box-shadow:0 10px 40px #a855f74d}.infographic-wrapper img{width:100%;height:auto;display:block}.section{padding:var(--spacing-xl)0;position:relative;overflow:hidden}.section-header{text-align:center;margin-bottom:var(--spacing-lg)}.section-intro{text-align:center;color:var(--color-text);margin:var(--spacing-md)0;font-size:1.2rem;font-weight:500}.section h2{font-family:var(--font-display);margin-bottom:var(--spacing-md);background:linear-gradient(135deg,#fff 0%,var(--color-purple-light)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,4vw,3rem);font-weight:600}.lead{color:var(--color-text);margin-bottom:var(--spacing-sm);font-size:1.5rem;font-weight:400}.section-header p{max-width:700px;color:var(--color-text-secondary);margin:0 auto;font-size:1.1rem}.section-note{text-align:center;margin-top:var(--spacing-lg);color:var(--color-text-secondary);max-width:600px;margin-left:auto;margin-right:auto;font-style:italic}.section-warning{text-align:center;margin-top:var(--spacing-lg);color:var(--color-purple-light);max-width:600px;margin-left:auto;margin-right:auto;font-weight:500}.cards-grid,.process-grid,.audience-grid{gap:var(--spacing-md);margin:var(--spacing-lg)0;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.how-it-works-new{padding:var(--spacing-xl)0}.full-width-image{width:100%;margin-bottom:var(--spacing-lg);border-radius:12px;overflow:hidden;box-shadow:0 10px 40px #a855f74d}.how-it-works-layout{gap:var(--spacing-lg);grid-template-columns:1fr 2fr;align-items:start;display:grid}.how-left h2{font-family:var(--font-display);margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,#fff 0%,var(--color-purple-light)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,4vw,3rem);font-weight:600}.how-left .lead{color:var(--color-text);margin-bottom:var(--spacing-sm);font-size:1.5rem;font-weight:400}.how-left p{color:var(--color-text-secondary);font-size:1.1rem;line-height:1.6}.how-right{width:100%}.process-grid-2x2{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);margin:0;display:grid}.process-grid-2x2 .card-3d{display:flex}.card-3d{perspective:1000px;cursor:pointer;transition:transform .3s}.card-inner{padding:var(--spacing-lg)var(--spacing-md);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a2ee6 0%,#23233ce6 100%);border:1px solid #a855f733;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;height:320px;transition:all .5s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:visible}.card-3d:hover{animation:3s ease-in-out infinite float;transform:translateY(-15px)}@keyframes float{0%,to{transform:translateY(-15px)}50%{transform:translateY(-20px)}}.card-3d:hover .card-inner{background:linear-gradient(135deg,#a855f733 0%,#7c3aed4d 100%);border-color:#a855f7cc;box-shadow:0 0 40px #a855f799,0 0 80px #a855f74d,inset 0 0 60px #a855f726}.card-inner:before{content:"";opacity:0;z-index:-1;filter:blur(20px);background:linear-gradient(135deg,#a855f700 0%,#a855f74d 50%,#a855f700 100%);border-radius:16px;transition:opacity .4s;position:absolute;inset:-2px}.card-3d:hover .card-inner:before{opacity:1;animation:2s ease-in-out infinite glowPulse}@keyframes glowPulse{0%,to{filter:blur(20px)brightness()}50%{filter:blur(25px)brightness(1.3)}}.card-inner h3{font-family:var(--font-display);padding:0 var(--spacing-sm);color:var(--color-purple-light);margin:0;font-size:1.35rem;font-weight:600;line-height:1.4;transition:all .3s}.card-3d:hover .card-inner h3{color:#fff;text-shadow:0 0 20px #a855f799}.card-inner p{color:var(--color-text-secondary);margin:var(--spacing-xs)0 0;padding:0 var(--spacing-sm);max-width:100%;font-size:.9rem;line-height:1.5;transition:color .3s}.card-3d:hover .card-inner p{color:#fffffff2}.split-layout{padding:var(--spacing-xl)0}.split-content{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);grid-template-columns:1fr 1fr;align-items:center;display:grid}.split-left{padding-right:var(--spacing-md)}.split-right{padding-left:var(--spacing-md)}.section-header-left{text-align:left}.section-header-left h2{font-family:var(--font-display);margin-bottom:var(--spacing-md);background:linear-gradient(135deg,#fff 0%,var(--color-purple-light)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,4vw,3rem);font-weight:600}.section-header-left .lead{color:var(--color-text);margin-bottom:var(--spacing-sm);font-size:1.5rem;font-weight:400}.section-header-left p{color:var(--color-text-secondary);font-size:1.1rem;line-height:1.6}.split-image{border-radius:12px;transition:all .4s;overflow:hidden;box-shadow:0 10px 40px #a855f74d}.split-image:hover{transform:scale(1.02);box-shadow:0 15px 50px #a855f780}.split-image img{display:block}.feature-list,.trust-list{max-width:700px;margin:var(--spacing-lg)auto;list-style:none}.feature-list li,.trust-list li{padding:var(--spacing-sm)0;color:var(--color-text-secondary);padding-left:2rem;font-size:1.1rem;position:relative}.feature-list li:before,.trust-list li:before{content:"→";color:var(--color-purple);font-weight:700;position:absolute;left:0}.engagement-details{max-width:800px;margin:var(--spacing-lg)auto 0;text-align:center}.engagement-details h3{font-family:var(--font-display);margin:var(--spacing-lg)0 var(--spacing-md);color:var(--color-purple-light);font-size:2rem}.engagement-details h4{margin:var(--spacing-md)0 var(--spacing-sm);color:var(--color-text)}.engagement-details ul{margin:var(--spacing-md)0;text-align:left;max-width:600px;margin-left:auto;margin-right:auto;list-style:none}.engagement-details li{padding:var(--spacing-xs)0;color:var(--color-text-secondary);padding-left:2rem;position:relative}.engagement-details li:before{content:"•";color:var(--color-purple);font-size:1.5rem;line-height:1;position:absolute;left:.5rem}.engagement-details .note{margin-top:var(--spacing-md);color:var(--color-text-secondary);font-style:italic}.engagement-details button{margin-top:var(--spacing-lg)}.trust-content{max-width:800px;margin:0 auto var(--spacing-lg)}.trust-content .lead{text-align:center;margin-bottom:0}.trust-boxes{gap:var(--spacing-md);margin:var(--spacing-lg)0;grid-template-columns:repeat(3,1fr);max-width:1200px;margin-left:auto;margin-right:auto;display:grid}.trust-boxes .card-3d{display:flex}.faq-grid{gap:var(--spacing-md);margin:var(--spacing-lg)0;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.faq-grid-even{gap:var(--spacing-md);margin:var(--spacing-lg)0;grid-template-columns:repeat(2,1fr);max-width:1000px;margin-left:auto;margin-right:auto;display:grid}.faq-item-wide{grid-column:1/-1}.faq-item{padding:var(--spacing-md);background:linear-gradient(135deg,var(--color-dark-secondary)0%,var(--color-dark-tertiary)100%);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;justify-content:center;min-height:160px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.faq-item:before{content:"";background:linear-gradient(90deg,#0000,#a855f71a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.faq-item:hover{border-color:var(--color-purple);background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);transform:translateY(-6px);box-shadow:0 12px 40px #a855f74d}.faq-item:hover:before{left:100%}.faq-item h3{font-family:var(--font-display);color:var(--color-purple-light);margin-bottom:var(--spacing-sm);font-size:1.2rem}.faq-item p{color:var(--color-text-secondary);font-size:.95rem}.cta-final{background:linear-gradient(135deg,var(--color-dark-secondary)0%,var(--color-dark)100%);padding:var(--spacing-xl)0}.cta-content{text-align:center;max-width:800px;margin:0 auto}.cta-content h2{margin-bottom:var(--spacing-md)}.cta-content p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);font-size:1.2rem}.cta-buttons{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}.products{background:linear-gradient(135deg,var(--color-dark)0%,var(--color-dark-secondary)100%)}.products-grid{gap:var(--spacing-lg);margin-top:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,400px));justify-content:center;display:grid}.product-card{text-align:center;padding:var(--spacing-lg);background:linear-gradient(135deg,var(--color-dark-secondary)0%,var(--color-dark-tertiary)100%);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;align-items:center;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.product-card:before{content:"";background:linear-gradient(90deg,#0000,#a855f71a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.product-card:hover{border-color:var(--color-purple);transform:translateY(-8px);box-shadow:0 20px 60px #a855f74d}.product-card:hover:before{left:100%}.product-icon{width:80px;height:80px;margin-bottom:var(--spacing-md);color:var(--color-purple-light);background:linear-gradient(135deg,#a855f733 0%,#7c3aed4d 100%);border-radius:16px;justify-content:center;align-items:center;transition:all .3s;display:flex}.product-card:hover .product-icon{color:#fff;background:linear-gradient(135deg,#a855f766 0%,#7c3aed80 100%);box-shadow:0 0 30px #a855f766}.product-card h3{font-family:var(--font-display);color:var(--color-purple-light);margin-bottom:var(--spacing-sm);font-size:1.5rem;transition:color .3s}.product-card:hover h3{color:#fff}.product-card p{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);font-size:1rem;line-height:1.6}.product-link{color:var(--color-purple);font-weight:500;transition:all .3s}.product-card:hover .product-link{color:var(--color-purple-light);letter-spacing:.5px}.footer{padding:var(--spacing-lg)0;border-top:1px solid var(--color-border)}.footer-content{justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.footer-brand p{color:var(--color-text-secondary);margin:0;font-size:.9rem}.footer-products{align-items:center;gap:var(--spacing-sm);display:flex}.footer-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.footer-link{color:var(--color-purple-light);background:#a855f71a;border-radius:4px;padding:.25rem .75rem;font-size:.95rem;text-decoration:none;transition:all .3s}.footer-link:hover{color:#fff;background:#a855f740}.footer p{color:var(--color-text-secondary);font-size:.9rem}@media (max-width:768px){.footer-content{text-align:center;flex-direction:column}.footer-products{gap:var(--spacing-xs);flex-direction:column}}.energy-flow{opacity:.3;pointer-events:none;z-index:0;width:100%;height:200px;position:absolute}.energy-flow-default{bottom:-50px;left:0}.energy-flow-hub{width:400px;height:400px;top:50%;left:50%;transform:translate(-50%,-50%)}.energy-flow-grid{width:300px;top:-50px;right:0}.energy-path{stroke-dasharray:200;stroke-dashoffset:200px;animation:4s linear infinite flowEnergy}.energy-path-core{stroke-dasharray:5 10;animation:3s ease-in-out infinite pulseGlow}@keyframes flowEnergy{to{stroke-dashoffset:0}}@keyframes pulseGlow{0%,to{opacity:.3}50%{opacity:.8}}@media (max-width:768px){.cards-grid,.process-grid,.process-grid-2x2,.audience-grid,.faq-grid,.faq-grid-even,.trust-boxes,.how-it-works-layout{grid-template-columns:1fr}.split-content{gap:var(--spacing-md);grid-template-columns:1fr}.split-left,.split-right{padding:0}.section-header-left{text-align:center}.hero-cta,.cta-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:300px}.section{padding:var(--spacing-lg)0}.hero-diamond-spacer{height:120px}.hero-content{padding-top:5vh}.faq-item-wide{grid-column:1}}@media (max-width:1024px){.trust-boxes{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.card-3d,.hero-background,.energy-flow{will-change:transform;transform:translateZ(0)}.animated-bg-container{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.section-bg{opacity:.35}.animated-bg-wrapper{width:100%;height:100%;position:relative}.animated-bg-image{transform-origin:50%;width:100%;height:100%;position:relative}.animated-bg-image img{filter:blur(1px)}.animated-bg-overlay{pointer-events:none;background:radial-gradient(#0a0a0f4d 0%,#0a0a0fb3 50%,#0a0a0ff2 100%);width:100%;height:100%;animation:6s ease-in-out infinite overlayPulse;position:absolute;top:0;left:0}@keyframes overlayPulse{0%,to{opacity:.8}50%{opacity:1}}.section{isolation:isolate;position:relative}.section .container{z-index:1;position:relative}
