.hp-hero-section{min-height:50vh;display:flex;align-items:center;justify-content:center;padding:0 20px;position:relative;overflow:hidden}.hp-hero-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(168,85,247,.1) 0%,transparent 50%);pointer-events:none}.hp-hero-content{max-width:1200px;width:100%;display:grid;grid-template-columns:1.4fr .6fr;gap:60px;align-items:center;position:relative;z-index:1}.hp-hero-text{text-align:left}.hp-hero-title{font-size:4rem;font-weight:800;margin-bottom:20px;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(99,102,241,.3);color:#fff}.hp-hero-subtitle{font-size:2rem;font-weight:600;margin-bottom:20px;color:#e2e8f0}.hp-hero-descriptions{display:flex;flex-direction:column;gap:0;margin-bottom:40px;max-width:700px}.hp-hero-description{font-size:1.2rem;line-height:1.5;color:#f1f5f9;border-left:3px solid transparent;padding:0 0 0 24px;transition:all .3s ease;position:relative}.hp-hero-description:hover{border-left-color:#6366f1;background:#6366f11a;padding-left:20px}.hp-hero-description:before{content:"•";position:absolute;left:8px;color:#6366f1;font-weight:700}.hp-hero-visual,.hp-logo-container{display:flex;justify-content:center;align-items:center}.hp-logo-circle{width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#a855f7);display:flex;align-items:center;justify-content:center;box-shadow:0 20px 60px #6366f166;animation:hp-pulse 3s ease-in-out infinite;padding:20px}@keyframes hp-pulse{0%,to{transform:scale(1);box-shadow:0 20px 60px #6366f166}50%{transform:scale(1.05);box-shadow:0 25px 80px #6366f199}}.hp-logo-icon{color:#fff}@media(max-width:768px){.hp-hero-content{margin-top:100px;margin-bottom:100px;grid-template-columns:1fr;gap:40px;text-align:center}.hp-hero-title{font-size:3rem}.hp-hero-subtitle{font-size:1.3rem}.hp-logo-circle{width:150px;height:150px}}@media(max-width:480px){.hp-hero-title{font-size:2.5rem}.hp-logo-circle{width:120px;height:120px}}.hp-brands-section{padding:100px 0;background:#0003}.hp-container{max-width:1200px;margin:0 auto;padding:0 20px}.hp-section-header{text-align:center;margin-bottom:80px}.hp-section-title{font-size:2.5rem;font-weight:700;margin-bottom:20px;color:#f8f9fa}.hp-section-subtitle{font-size:1.2rem;color:#fffc;max-width:600px;margin:0 auto;line-height:1.6}.hp-brands-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:40px}.hp-brand-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px;transition:all .3s ease;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000001a}.hp-brand-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--brand-gradient);opacity:0;transition:opacity .3s ease}.hp-brand-card:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.hp-brand-card:hover:before{opacity:1}.hp-brand-header{display:flex;align-items:center;gap:20px;margin-bottom:25px}.hp-brand-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hp-brand-icon-svg{color:#f8f9fa}.hp-brand-info{flex:1}.hp-brand-name{font-size:1.8rem;font-weight:700;margin-bottom:8px;color:#f8f9fa}.hp-brand-description{font-size:1.1rem;color:#fffc}.hp-brand-long-description{color:#ffffffb3;line-height:1.6;margin-bottom:25px}.hp-brand-features{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.hp-brand-feature{background:#ffffff1a;color:#ffffffe6;padding:6px 12px;border-radius:20px;font-size:.9rem;font-weight:500}.hp-brand-button{display:flex;align-items:center;gap:8px;color:#f8f9fa;text-decoration:none;font-weight:600;font-size:1rem;padding:12px 24px;border-radius:8px;background:#ffffff1a;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.hp-brand-button:hover{background:#fff3;transform:translate(5px)}@media(max-width:768px){.hp-brands-grid{grid-template-columns:1fr}.hp-section-title{font-size:2rem}.hp-brand-card{padding:30px}}@media(max-width:480px){.hp-brand-header{flex-direction:column;text-align:center}.hp-brand-icon{width:60px;height:60px}.hp-brand-name{font-size:1.5rem}}.hp-about-section{padding:100px 0;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff}.hp-about-content{text-align:center;max-width:800px;margin:0 auto}.hp-about-title{font-size:3rem;font-weight:700;margin-bottom:20px;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hp-about-description{font-size:1.2rem;line-height:1.6;margin-bottom:50px;color:#ffffffe6}.hp-about-stats{display:flex;justify-content:center;gap:60px;flex-wrap:wrap}.hp-stat{text-align:center}.hp-stat-number{display:block;font-size:3rem;font-weight:800;color:#6366f1;margin-bottom:10px}.hp-stat-label{font-size:1rem;color:#fffc;font-weight:500}@media(max-width:768px){.hp-about-title{font-size:2.5rem}.hp-about-stats{gap:40px}.hp-stat-number{font-size:2.5rem}}@media(max-width:480px){.hp-about-section{padding:80px 0}.hp-about-title{font-size:2rem}.hp-about-description{font-size:1.1rem}.hp-about-stats{gap:30px}.hp-stat-number{font-size:2rem}}.hp-cta-section{padding:100px 0;background:#f8f9fa}.hp-cta-content{text-align:center;max-width:600px;margin:0 auto}.hp-cta-title{font-size:2.5rem;font-weight:700;margin-bottom:20px;color:#333}.hp-cta-description{font-size:1.2rem;line-height:1.6;margin-bottom:40px;color:#666}.hp-cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.hp-cta-button{padding:15px 30px;color:#fff;text-decoration:none;font-weight:600;font-size:1.1rem;border-radius:12px;transition:all .3s ease;border:none;cursor:pointer}.hp-cta-button-rex{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 8px 25px #dc26264d}.hp-cta-button-rex:hover{transform:translateY(-3px);box-shadow:0 12px 35px #dc262666}.hp-cta-button-craftx{background:linear-gradient(135deg,#f97316,#fb923c);box-shadow:0 8px 25px #f973164d}.hp-cta-button-craftx:hover{transform:translateY(-3px);box-shadow:0 12px 35px #f9731666}@media(max-width:768px){.hp-cta-buttons{flex-direction:column;align-items:center}.hp-cta-title{font-size:2rem}}@media(max-width:480px){.hp-cta-section{padding:80px 0}.hp-cta-title{font-size:1.8rem}.hp-cta-description{font-size:1.1rem}}.hp-homepage{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#f8f9fa}.ab-hero-section{min-height:50vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);color:#f8f9fa}.ab-hero-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(168,85,247,.1) 0%,transparent 50%);pointer-events:none}.ab-hero-container{max-width:1200px;width:100%;padding:0 20px;position:relative;z-index:1}.ab-hero-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.ab-hero-text{text-align:left}.ab-hero-title{font-size:4rem;font-weight:800;padding-bottom:20px;margin-bottom:20px;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(99,102,241,.3);line-height:1.1;white-space:nowrap}.ab-hero-subtitle{font-size:1.5rem;font-weight:600;margin-bottom:20px;color:#c7d2fe;white-space:nowrap}.ab-hero-description{font-size:1.1rem;line-height:1.6;margin-bottom:40px;color:#ffffffe6;max-width:500px}.ab-hero-visual,.ab-hero-logo-container{display:flex;justify-content:center;align-items:center}.ab-hero-logo-circle{width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#a855f7);display:flex;align-items:center;justify-content:center;box-shadow:0 20px 60px #6366f166;animation:ab-hero-pulse 3s ease-in-out infinite}@keyframes ab-hero-pulse{0%,to{transform:scale(1);box-shadow:0 20px 60px #6366f166}50%{transform:scale(1.05);box-shadow:0 25px 80px #6366f199}}.ab-hero-logo-icon{color:#f8f9fa}@media(max-width:768px){.ab-hero-content{grid-template-columns:1fr;gap:40px;text-align:center}.ab-hero-title{font-size:3rem;white-space:normal}.ab-hero-subtitle{font-size:1.3rem;white-space:normal}.ab-hero-logo-circle{width:150px;height:150px}}@media(max-width:480px){.ab-hero-title{font-size:2.5rem}.ab-hero-logo-circle{width:120px;height:120px}}.mission-section{padding:100px 0;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#f8f9fa}.mission-container{max-width:1200px;margin:0 auto;padding:0 20px}.mission-header{text-align:center;margin-bottom:60px}.mission-title{font-size:3rem;font-weight:700;margin-bottom:20px;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mission-subtitle{font-size:1.2rem;color:#fffc;max-width:600px;margin:0 auto}.mission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.mission-card{background:#ffffff0d;border-radius:16px;padding:40px 30px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.mission-card:hover{transform:translateY(-10px);background:#ffffff1a;border-color:#6366f14d}.mission-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#a855f7);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#f8f9fa}.mission-card-title{font-size:1.5rem;font-weight:600;margin-bottom:15px;color:#f8f9fa}.mission-card-description{font-size:1rem;line-height:1.6;color:#fffc}@media(max-width:768px){.mission-grid{grid-template-columns:1fr}.mission-title{font-size:2.5rem}}@media(max-width:480px){.mission-section{padding:60px 0}.mission-title{font-size:2rem}.mission-card{padding:30px 20px}}.values-section{padding:100px 0;background:linear-gradient(135deg,#16213e,#0f3460);color:#f8f9fa}.values-container{max-width:1200px;margin:0 auto;padding:0 20px}.values-header{text-align:center;margin-bottom:60px}.values-title{font-size:3rem;font-weight:700;margin-bottom:20px;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.value-card{background:#ffffff0d;border-radius:16px;padding:30px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.value-card:hover{transform:translateY(-5px);background:#ffffff1a;border-color:#6366f14d}.value-icon{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#a855f7);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#f8f9fa}.value-title{font-size:1.3rem;font-weight:600;margin-bottom:15px;color:#f8f9fa}.value-description{font-size:.95rem;line-height:1.6;color:#fffc}@media(max-width:768px){.values-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.values-title{font-size:2.5rem}}@media(max-width:480px){.values-section{padding:60px 0}.values-title{font-size:2rem}.value-card{padding:25px 20px}}.story-section{padding:100px 0;background:linear-gradient(135deg,#0f3460,#1a1a2e);color:#f8f9fa}.story-container{max-width:1200px;margin:0 auto;padding:0 20px}.story-header{text-align:center;margin-bottom:60px}.story-title{font-size:3rem;font-weight:700;margin-bottom:20px;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.story-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.story-text{text-align:left}.story-paragraph{font-size:1.1rem;line-height:1.7;margin-bottom:25px;color:#ffffffe6}.story-visual{display:flex;justify-content:center;align-items:center}.story-timeline{position:relative;padding-left:30px}.story-timeline:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:2px;background:linear-gradient(135deg,#6366f1,#a855f7)}.timeline-item{position:relative;margin-bottom:40px}.timeline-dot{position:absolute;left:-22px;top:10px;width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#a855f7);border:3px solid rgba(255,255,255,.1)}.timeline-content h4{font-size:1.3rem;font-weight:600;margin-bottom:8px;color:#f8f9fa}.timeline-content p{font-size:.95rem;color:#fffc;line-height:1.5}@media(max-width:768px){.story-content{grid-template-columns:1fr;gap:40px}.story-title{font-size:2.5rem}}@media(max-width:480px){.story-section{padding:60px 0}.story-title{font-size:2rem}.story-paragraph{font-size:1rem}}.ab-cta-section{padding:100px 0;background:#f8f9fa;color:#f8f9fa;text-align:center}.ab-cta-container{max-width:1200px;margin:0 auto;padding:0 20px}.ab-cta-content{max-width:600px;margin:0 auto}.ab-cta-title{font-size:3rem;font-weight:700;margin-bottom:20px;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ab-cta-subtitle{font-size:1.2rem;color:#000;margin-bottom:40px}.ab-cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.ab-cta-button{display:flex;align-items:center;gap:10px;padding:15px 30px;border-radius:12px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease;min-width:180px;justify-content:center;border:none;cursor:pointer}.ab-cta-primary{background:linear-gradient(135deg,#dc2626,#ef4444);color:#f8f9fa;box-shadow:0 8px 25px #dc26264d}.ab-cta-primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px #dc262666}.ab-cta-secondary{background:linear-gradient(135deg,#f97316,#fb923c);color:#f8f9fa;box-shadow:0 8px 25px #f973164d}.ab-cta-secondary:hover{transform:translateY(-3px);box-shadow:0 12px 35px #f9731666}@media(max-width:768px){.ab-cta-buttons{flex-direction:column;align-items:center}.ab-cta-button{width:100%;max-width:300px}.ab-cta-title{font-size:2.5rem}}@media(max-width:480px){.ab-cta-section{padding:60px 0}.ab-cta-title{font-size:2.5rem}}.ap-about-page{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);color:#f8f9fa}