#root{text-align:center;width:100%}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.card{padding:2em}.read-the-docs{color:#888}.App{color:#fff;background-color:#282828;width:100%;height:calc(100vh - 95px);display:block;position:relative;top:80px;overflow-y:scroll}.App-logo{pointer-events:none;height:40vmin}@media (prefers-reduced-motion:no-preference){.App-logo{animation:20s linear infinite App-logo-spin}}.App-header{color:#fff;background-color:#282828;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-size:calc(10px + 2vmin);display:flex}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.PLandingwrapper{color:#fff;grid-template-columns:1fr 6fr 1fr;min-height:100vh;padding-top:15px;padding-bottom:40px;display:grid}.PLandingmain{flex-direction:column;grid-column:2;gap:30px;display:flex}.PLandingcontent{background:#ffffff0d;border:2px solid #a9a9a933;border-radius:10px;padding:30px;transition:transform .3s,box-shadow .3s,border-color .3s}.PLandingcontent:hover{border-color:#00968880;box-shadow:0 8px 20px #0096884d}.LandingHero{text-align:center;grid-column:2;margin-bottom:30px;padding:20px}.LandingTitle{background:linear-gradient(135deg,#009688,#007bff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-size:3rem;font-weight:700}.LandingSubtitle{color:#fffc;margin-bottom:20px;font-size:1.2rem;font-style:italic}.LandingIntroText{text-align:center;color:#ffffffd9;max-width:800px;margin:0 auto;font-size:1rem;line-height:1.6}.RevenueFlowSection{margin-bottom:0}.RevenueFlowTitle{text-align:center;color:#009688;margin-bottom:25px;font-size:1.8rem}.RevenueFlowGrid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px;display:grid;position:relative}.RevenueFlowBox{background:#ffffff0d;border:2px solid #a9a9a933;border-radius:10px;padding:25px;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative}.RevenueFlowBox:hover{border-color:#00968880;box-shadow:0 6px 16px #0096884d}.RevenueFlowBox.advertiser{border-left:4px solid #007bff}.RevenueFlowBox.platform{border-left:4px solid #009688}.RevenueFlowBox.user{border-left:4px solid #4caf50}.FlowIcon{text-align:center;margin-bottom:15px;font-size:3rem}.FlowBoxTitle{text-align:center;color:#009688;margin-bottom:15px;font-size:1.3rem;font-weight:700}.FlowBoxContent{color:#ffffffd9;font-size:.95rem;line-height:1.5}.FlowBoxContent ul{margin:10px 0;padding-left:20px}.FlowBoxContent li{margin:8px 0}.FlowArrow{color:#009688;z-index:1;font-size:2rem;position:absolute;top:50%;right:-30px;transform:translateY(-50%)}.FlowProcess{margin-top:40px;transition:transform .3s,box-shadow .3s,border-color .3s}.ProcessTitle{text-align:center;color:#009688;margin-bottom:25px;font-size:1.8rem}.ProcessSteps{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.ProcessStep{background:#ffffff0d;border:1px solid #a9a9a933;border-left:4px solid #009688;border-radius:8px;align-items:flex-start;gap:15px;padding:15px;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex}.ProcessStep:hover{border-color:#00968880;box-shadow:0 6px 16px #0096884d}.StepNumber{background:linear-gradient(135deg,#009688,#007bff);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;font-size:1.1rem;font-weight:700;display:flex}.StepContent{flex:1}.StepContent h4{color:#009688;margin:0 0 8px;font-size:1rem}.StepContent p{color:#fffc;margin:0;padding-top:0;font-size:.85rem;line-height:1.4}.ValueProposition{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;display:grid}.ValueProposition .RevenueFlowTitle{grid-column:1/-1}.ValueBox{background:#ffffff0d;border:1px solid #a9a9a933;border-left:3px solid #009688;border-radius:8px;padding:20px;transition:transform .3s,box-shadow .3s,border-color .3s}.ValueBox:hover{border-color:#00968880;box-shadow:0 6px 16px #0096884d}.ValueBox h3{color:#009688;margin:0 0 10px;font-size:1.1rem}.ValueBox p{color:#fffc;margin:0;padding-top:0;font-size:.9rem;line-height:1.5}.CallToAction{text-align:center;background:linear-gradient(135deg,#ffd7001a,#ff98001a);border:1px solid #ffd7004d;border-radius:8px;margin-top:40px;padding:25px}.CallToAction h3{color:gold;margin:0 0 15px;font-size:1.3rem}.CallToAction p{color:#ffffffe6;margin:0;padding-top:0;font-size:1rem;line-height:1.5}@media (max-width:1024px){.RevenueFlowGrid{grid-template-columns:1fr;gap:30px}.FlowArrow{display:none}}@media (max-width:768px){.PLandingwrapper{grid-template-columns:.2fr 9.6fr .2fr}.PLandingcontent{padding:30px 40px}.LandingTitle{font-size:2rem}.LandingSubtitle{font-size:1rem}.ProcessSteps,.ValueProposition{grid-template-columns:1fr}}@media (max-width:480px){.PLandingcontent{padding:20px}.LandingTitle{font-size:1.5rem}.FlowIcon{font-size:2rem}.FlowBoxTitle{font-size:1.1rem}}.landing-enter{opacity:0}.landing-enter-active{opacity:1;transition:opacity .5s ease-in}.landing-exit{opacity:1}.landing-exit-active{opacity:0;transition:opacity .5s ease-out}