@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Playfair+Display:ital,wght@0,900;1,900&display=swap');
:root {
--navy-deep: #0A192F;
--teal-glow: #64FFDA;
--medical-blue: #1B365D;
--soft-slate: #F8FAFC;
--accent-teal: #00A3AD;
--white: #ffffff;
}
.premium-about {
font-family: 'Outfit', sans-serif;
background: #fff;
color: var(--navy-deep);
scroll-behavior: smooth;
}
/* 1. CINEMATIC HERO SECTION */
.hero-glass {
height: 100vh;
background: linear-gradient(135deg, rgba(10, 25, 47, 0.95) 0%, rgba(27, 54, 93, 0.7) 100%),
url('https://images.unsplash.com/photo-1551076805-e1869033e561?auto=format&fit=crop&q=80&w=2000');
background-attachment: fixed;
display: flex;
align-items: center;
justify-content: center;
position: relative;
clip-path: polygon(0 0, 100% 0, 100% 95%, 0 100%);
}
.hero-glass h1 {
font-family: 'Playfair Display', serif;
font-size: clamp(3rem, 10vw, 7rem);
color: var(--white);
text-align: center;
line-height: 1;
animation: heroreveal 1.5s cubic-bezier(0.77, 0, 0.175, 1);
}
/* 2. THE FOUNDATION GRID */
.foundation-grid {
display: grid;
grid-template-columns: repeat(12, 1fr);
padding: 100px 8%;
gap: 30px;
margin-top: -80px;
}
.f-card {
grid-column: span 4;
background: #fff;
padding: 50px;
border-radius: 2px;
border-top: 5px solid var(--accent-teal);
box-shadow: 0 30px 60px rgba(0,0,0,0.05);
transition: 0.5s ease;
}
.f-card:hover { transform: translateY(-15px); }
.f-card h3 { font-size: 1.8rem; margin-bottom: 15px; color: var(--medical-blue); }
/* 3. INNOVATION SECTION */
.overlap-section {
padding: 150px 8%;
display: flex;
align-items: center;
gap: 100px;
background: var(--soft-slate);
}
.img-box { position: relative; flex: 1; }
.img-box img { width: 100%; border-radius: 5px; z-index: 2; position: relative; }
.img-box::after { content: ''; position: absolute; top: -40px; left: -40px; width: 100%; height: 100%; background: var(--accent-teal); opacity: 0.1; z-index: 1; }
/* 4. TECH STRIP (DARK BG - TEXT WHITE) */
.tech-strip {
background: var(--navy-deep);
padding: 80px 0;
color: var(--white); /* Sab text white kar diya */
text-align: center;
}
.tech-strip h3 {
color: var(--white); /* Heading white */
font-size: 2rem;
margin-bottom: 30px;
}
.tech-flex {
display: flex;
justify-content: center;
gap: 60px;
margin-top: 40px;
flex-wrap: wrap;
}
.tech-item span {
color: var(--white); /* Item labels white */
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 600;
font-size: 0.9rem;
border: 1px solid rgba(255,255,255,0.2);
padding: 10px 20px;
border-radius: 50px;
}
/* 5. MISSION MANIFESTO */
.manifesto { padding: 150px 15%; text-align: center; background: #fff; }
.manifesto h2 { font-family: 'Playfair Display', serif; font-size: 4rem; margin-bottom: 40px; font-style: italic; }
.manifesto p { font-size: 1.4rem; font-weight: 300; line-height: 1.8; color: #555; }
/* 6. FINAL CTA (DARK BG - TEXT WHITE) */
.final-cta {
background: var(--navy-deep);
padding: 120px 0;
text-align: center;
color: var(--white); /* Sab text white */
}
.final-cta h2 {
color: var(--white);
font-family: 'Playfair Display', serif;
font-size: 3.5rem;
margin-bottom: 30px;
}
.final-cta a {
border: 2px solid var(--accent-teal);
color: var(--accent-teal);
padding: 20px 50px;
text-decoration: none;
font-weight: bold;
letter-spacing: 3px;
transition: 0.3s;
display: inline-block;
background: transparent;
}
.final-cta a:hover {
background: var(--accent-teal);
color: var(--navy-deep);
}
@keyframes heroreveal { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: scale(1); } }
@media (max-width: 992px) {
.f-card { grid-column: span 12; }
.overlap-section { flex-direction: column; text-align: center; }
.hero-glass h1 { font-size: 3.5rem; }
}
01. Fabric
Our proprietary yarns are engineered in the USA to provide antimicrobial protection and moisture-wicking capabilities that never wash out.
02. Function
Multiple pocket architectures and tactical seam placement ensure you have a place for every tool without the bulk.
03. Future
We are constantly iterating. Using AI-driven fit analysis, we create garments that accommodate the dynamic movement of hospital shifts.
Engineered Apparel
Where Textile Science Meets Medical Art.
In the USA, medical professionals are our greatest athletes. Every sprint to a code, every reach for an IV, and every hour of a 24-hour shift demands gear that doesn't fail. We don't just make uniforms; we build high-performance apparel for the most demanding environments on earth.
Proprietary USA Textile Tech
4-Way Stretch
Liquid Repellent
Wrinkle Resistant
Silver Ion Protection
The Manifesto
We believe that a professional’s armor should be as advanced as the medicine they practice. We started Rexo Tech to replace the boxy, uncomfortable scrubs of the past with a new standard. A standard built on American innovation, relentless testing, and a deep respect for the people who spend their lives saving others.