.darkveil-canvas{width:100%;height:100%;display:block}.page-wrapper{color:#fff;overflow-x:hidden}@media (max-width:768px){.page-wrapper{padding:1rem 0}}.sub-heading h1{font-size:clamp(2rem);font-weight:600;letter-spacing:-.02em;line-height:1.1;color:#2581de;text-align:center}.process-container{position:relative;margin:60px 0 0}.animated-flow{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:32px;margin-bottom:40px}.step-card{background:linear-gradient(135deg,rgba(37,129,222,.1),rgba(32,183,247,.05));border:1px solid rgba(37,129,222,.2);border-radius:20px;padding:32px;position:relative;overflow:hidden;transition:all .4s ease;opacity:.4;transform:scale(.95)}.step-card.active{opacity:1;transform:scale(1);border-color:rgba(37,129,222,.6);box-shadow:0 20px 40px rgba(37,129,222,.2)}.step-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#20b7f7,#2581de);transform:scaleX(0);transition:transform .6s ease}.step-card.active:before{transform:scaleX(1)}.step-header{gap:16px;margin-bottom:20px}.step-header,.step-number{display:flex;align-items:center}.step-number{justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#2581de,#20b7f7);border-radius:50%;font-weight:700;font-size:1.2rem;transition:all .3s ease}.step-card.active .step-number{transform:scale(1.1);box-shadow:0 8px 16px rgba(37,129,222,.4)}.step-title{font-size:1.4rem;font-weight:700;color:#fff}.step-description{color:#cbd5e1;line-height:1.6;margin-bottom:24px}.feature-showcase{background:hsla(0,0%,4%,.8);border:1px solid rgba(35,34,41,.3);border-radius:12px;padding:20px;margin-bottom:20px}.ai-demo{display:flex;flex-direction:column;gap:12px;opacity:0;transform:translateY(10px);transition:all .5s ease}.step-card.active .ai-demo{opacity:1;transform:translateY(0)}.demo-input{background:rgba(35,34,41,.6);border:1px solid rgba(35,34,41,.4);border-radius:8px;color:#e2e8f0}.demo-input,.demo-output{padding:12px;font-size:.9rem}.demo-output{background:rgba(32,183,247,.1);border:1px solid rgba(32,183,247,.3);border-radius:8px;color:#20b7f7;position:relative}.typing-indicator{display:inline-block;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.benefit-tag{display:inline-flex;background:rgba(32,183,247,.2);border:1px solid rgba(32,183,247,.4);border-radius:20px;padding:8px 16px;font-size:.85rem;font-weight:600;color:#20b7f7}.benefit-tag,.credit-cost{align-items:center;gap:8px;margin-top:16px}.credit-cost{display:flex;background:rgba(37,129,222,.1);border:1px solid rgba(37,129,222,.3);border-radius:12px;padding:12px 16px}.credit-icon{width:20px;height:20px;background:linear-gradient(135deg,#2581de,#20b7f7);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.flow-connector{position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#2581de,transparent);transform:translateY(-50%);opacity:.3;z-index:-1}.play-button{background:linear-gradient(135deg,#2581de,#20b7f7);border:none;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin:0 auto 32px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px rgba(37,129,222,.3)}.play-button:hover{transform:scale(1.1);box-shadow:0 12px 32px rgba(37,129,222,.4)}.play-icon{width:24px;height:24px;margin-left:4px}@media (max-width:768px){.animated-flow{grid-template-columns:1fr;gap:24px}.hero-section{padding:40px 16px}}.credit-banner{background:linear-gradient(135deg,rgba(37,129,222,.2),rgba(32,183,247,.1));border:1px solid rgba(37,129,222,.3);border-radius:16px;padding:24px;text-align:center;position:relative;overflow:hidden}.credit-banner:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(37,129,222,.1),transparent);animation:rotate 6s linear infinite;z-index:0}.credit-banner>*{position:relative;z-index:1}.credit-title{font-size:1.5rem;font-weight:700;color:#2581de;margin-bottom:8px}.credit-subtitle{color:#cbd5e1;font-size:1rem}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sub-subtitle{font-size:1rem;color:#fff;text-align:center;margin-bottom:60px;max-width:500px;margin-left:auto;margin-right:auto}.final-output{background:linear-gradient(135deg,rgba(37,129,222,.15),rgba(32,183,247,.1));border:1px solid rgba(37,129,222,.3);border-radius:24px;padding:40px;text-align:center;margin-top:60px;position:relative;overflow:hidden}.output-title{font-size:2rem;font-weight:700;margin-bottom:16px;background:linear-gradient(135deg,#2581de,#20b7f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.output-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin:32px 0}.feature-item{background:hsla(0,0%,4%,.6);border:1px solid rgba(35,34,41,.3);border-radius:16px;padding:24px;transition:all .3s ease}.feature-item:hover{border-color:rgba(37,129,222,.5);transform:translateY(-4px)}.feature-icon{width:40px;height:40px;background:linear-gradient(135deg,#2581de,#20b7f7);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}@media (max-width:768px){.hero-section{padding:40px 16px}.output-features{grid-template-columns:1fr}}.usp-container{color:#fff;overflow-x:hidden}.hero-section{max-width:1400px;margin:1rem auto 0}.main-heading{text-align:center;margin-bottom:20px}.main-heading h1{font-size:clamp(2.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.1;color:#2581de}.subtitle{font-size:1.25rem;color:#fff;text-align:center;margin-bottom:60px;max-width:700px;margin-left:auto;margin-right:auto}@media (max-width:768px){.hero-section{padding:40px 16px}}.animate-in{opacity:0;transform:translateY(20px);animation:slideIn .6s ease forwards}@keyframes slideIn{to{opacity:1;transform:translateY(0)}}