:root{--primary: #1d4ed8;--secondary: #8b5cf6;--light-purple: #a78bfa;--medium-blue: #3b82f6;--bg-primary: #0a0e1a;--bg-secondary: #1a1f35;--bg-tertiary: #2a2f45;--text-primary: #ffffff;--text-secondary: #e0e7ff;--text-muted: #a5b4fc;--space-sm: 1rem;--space-md: 2rem;--space-lg: 3rem;--space-xl: 10rem;--font-size-sm: 1rem;--font-size-md: 1.4rem;--font-size-lg: 1.8rem;--font-size-xl: 3.5rem;--font-size-hero: 4.8rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6}.about-container{max-width:1200px;margin:0 auto;padding:0 2rem}.hero{padding:12rem 0 var(--space-xl);background:radial-gradient(ellipse at center,rgba(139,92,246,.05),transparent 70%);text-align:center}.hero-tagline{font-size:var(--font-size-md);color:var(--secondary);margin-bottom:1rem;font-weight:500}.hero-title{font-size:var(--font-size-hero);font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary),var(--secondary),var(--light-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:var(--font-size-md);color:var(--text-secondary);max-width:700px;margin:0 auto}.story-section{padding:var(--space-xl) 0}.section-title{font-size:var(--font-size-xl);font-weight:800;margin-bottom:4rem;text-align:center;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.story-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-bottom:4rem}.story-content{font-size:var(--font-size-md);color:var(--text-secondary);line-height:1.8}.story-content .highlight{color:var(--secondary);font-weight:600}.story-visual{background:var(--bg-secondary);padding:3rem;border-radius:20px;border:1px solid rgba(139,92,246,.1);text-align:center;position:relative;overflow:hidden}.story-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#1d4ed80d,#8b5cf60d);pointer-events:none}.brand-evolution{position:relative;z-index:1}.brand-old{font-size:1.8rem;color:var(--text-muted);margin-bottom:1.5rem;opacity:.7}.evolution-arrow{font-size:2rem;color:var(--secondary);margin:1rem 0}.brand-new{font-size:2.2rem;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{font-size:1rem;color:var(--light-purple);margin-top:1rem;font-style:italic}.transformation-points{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:4rem;position:relative}.transformation-point{text-align:center;padding:2.5rem;background:var(--bg-secondary);border-radius:20px;border:1px solid rgba(139,92,246,.1);transition:all .4s ease;position:relative;overflow:hidden}.transformation-point:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#1d4ed805,#8b5cf605);transition:opacity .4s ease;opacity:0}.transformation-point:hover{transform:translateY(-6px);border-color:#8b5cf666;box-shadow:0 25px 50px #8b5cf626}.transformation-point:hover:before{opacity:1}.point-icon{font-size:2.5rem;margin-bottom:1.5rem;position:relative;z-index:1;filter:drop-shadow(0 4px 8px rgba(139,92,246,.2))}.point-title{font-size:var(--font-size-lg);margin-bottom:1rem;color:var(--text-primary);font-weight:600;position:relative;z-index:1}.point-description{color:var(--text-secondary);line-height:1.7;position:relative;z-index:1}.values-section{padding:var(--space-xl) 0;background:var(--bg-secondary);position:relative;overflow:hidden}.values-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(29,78,216,.03),transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.03),transparent 50%);pointer-events:none}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem}.value-card{background:var(--bg-primary);padding:2.5rem;border-radius:20px;border:1px solid rgba(139,92,246,.1);transition:all .4s ease;position:relative;overflow:hidden}.value-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--primary),var(--secondary))}.value-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#1d4ed805,#8b5cf605);opacity:0;transition:opacity .4s ease}.value-card:hover{transform:translateY(-6px);border-color:#8b5cf666;box-shadow:0 25px 50px #8b5cf626}.value-card:hover:after{opacity:1}.value-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin-bottom:1.5rem;position:relative;z-index:1;box-shadow:0 8px 25px #8b5cf64d;transition:all .4s ease}.value-card:hover .value-icon{transform:scale(1.05);box-shadow:0 12px 35px #8b5cf666}.value-title{font-size:var(--font-size-lg);margin-bottom:1rem;color:var(--text-primary);font-weight:600;position:relative;z-index:1}.value-description{color:var(--text-secondary);line-height:1.7;position:relative;z-index:1}.philosophy-section{padding:var(--space-xl) 0;background:linear-gradient(135deg,#1d4ed80d,#8b5cf60d);text-align:center}.philosophy-content{max-width:800px;margin:0 auto}.philosophy-quote{font-size:2.2rem;line-height:1.4;color:var(--text-primary);margin-bottom:2rem;position:relative;font-weight:300}.philosophy-quote:before,.philosophy-quote:after{content:'"';font-size:3rem;color:var(--secondary);position:absolute;font-weight:700}.philosophy-quote:before{top:-.5rem;left:-2rem}.philosophy-quote:after{bottom:-1.5rem;right:-.1rem}.philosophy-description{font-size:var(--font-size-md);color:var(--text-secondary);line-height:1.8}.cta-section{padding:var(--space-xl) 0;text-align:center}.cta-title{font-size:var(--font-size-xl);margin-bottom:2rem;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-description{font-size:var(--font-size-md);color:var(--text-secondary);margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.btn{padding:1rem 2.5rem;border-radius:10px;text-decoration:none;font-weight:600;transition:all .3s ease;border:2px solid transparent;display:inline-block}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 25px #8b5cf64d}.btn-secondary{border:2px solid var(--secondary);color:var(--secondary);background:transparent}.btn-secondary:hover{background:var(--secondary);color:#fff;transform:translateY(-3px)}@media (max-width: 768px){.hero-title{font-size:3rem}.story-container{grid-template-columns:1fr;gap:2rem}.values-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:center}.philosophy-quote{font-size:1.6rem}.philosophy-quote:before,.philosophy-quote:after{font-size:2rem}.philosophy-quote:before{top:-.3rem;left:-1rem}.philosophy-quote:after{bottom:-1rem;right:-1rem}}html{scroll-behavior:smooth}@media (min-width: 280px){.transformation-points{gap:1.5rem}.transformation-point{padding:1.8rem;border-radius:15px}}@media (max-width: 490px){.transformation-points{grid-template-columns:1fr;gap:1rem}.transformation-point{padding:1.2rem;border-radius:12px;font-size:.85rem}}