/* ============================================================
Oranect Homepage – Apple Style + Medical Blue
============================================================ */
/* Reset & Base */
.oranect-home * { box-sizing: border-box; }
.oranect-home {
font-family: -apple-system, BlinkMacSystemFont, “SF Pro Display”, “SF Pro Text”, “Helvetica Neue”, Arial, sans-serif;
color: #1d1d1f;
background: #ffffff;
}
/* ─── HERO ─── */
.hero-wrap {
min-height: 100vh;
background: linear-gradient(180deg, #f5f5f7 0%, #ffffff 100%);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 120px 24px 80px;
position: relative;
overflow: hidden;
}
.hero-wrap::before {
content: ”;
position: absolute;
width: 800px; height: 800px;
border-radius: 50%;
background: radial-gradient(circle, rgba(0,113,227,0.08) 0%, transparent 70%);
top: -200px; left: 50%; transform: translateX(-50%);
pointer-events: none;
}
.hero-eyebrow {
display: inline-block;
color: #0071e3;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
margin-bottom: 20px;
}
.hero-title {
font-size: clamp(40px, 6vw, 72px);
font-weight: 700;
line-height: 1.05;
letter-spacing: -0.03em;
color: #1d1d1f;
max-width: 900px;
margin: 0 auto 24px;
}
.hero-title .accent { color: #0071e3; }
.hero-sub {
font-size: clamp(17px, 2vw, 21px);
color: #6e6e73;
line-height: 1.6;
max-width: 680px;
margin: 0 auto 48px;
}
.hero-actions { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
.btn-primary {
display: inline-flex; align-items: center; justify-content: center;
padding: 16px 36px;
background: #0071e3;
color: #fff !important;
font-size: 15px; font-weight: 600;
border-radius: 980px;
text-decoration: none;
transition: background 0.2s, transform 0.2s, box-shadow 0.2s;
}
.btn-primary:hover { background: #0077ed; transform: translateY(-1px); box-shadow: 0 8px 24px rgba(0,113,227,0.35); }
.btn-secondary {
display: inline-flex; align-items: center; justify-content: center;
padding: 15px 36px;
background: transparent;
color: #0071e3 !important;
font-size: 15px; font-weight: 600;
border-radius: 980px;
border: 1.5px solid #0071e3;
text-decoration: none;
transition: all 0.2s;
}
.btn-secondary:hover { background: #0071e3; color: #fff !important; }
.hero-stats {
display: flex; gap: 60px; justify-content: center; flex-wrap: wrap;
margin-top: 80px;
padding-top: 48px;
border-top: 1px solid #d2d2d7;
width: 100%; max-width: 800px;
}
.stat-item { text-align: center; }
.stat-num { font-size: 36px; font-weight: 700; color: #0071e3; letter-spacing: -0.02em; }
.stat-label { font-size: 13px; color: #6e6e73; margin-top: 4px; }
/* ─── SECTION COMMON ─── */
.section { padding: 100px 24px; }
.section-gray { background: #f5f5f7; }
.section-dark { background: #1d1d1f; color: #f5f5f7; }
.container { max-width: 1200px; margin: 0 auto; }
.section-eyebrow {
font-size: 12px; font-weight: 600; letter-spacing: 0.1em;
text-transform: uppercase; color: #0071e3; margin-bottom: 12px;
}
.section-title {
font-size: clamp(28px, 4vw, 48px); font-weight: 700;
letter-spacing: -0.025em; line-height: 1.1;
color: #1d1d1f; margin-bottom: 16px;
}
.section-dark .section-title { color: #f5f5f7; }
.section-sub {
font-size: 17px; color: #6e6e73; line-height: 1.65;
max-width: 560px; margin-bottom: 56px;
}
.section-dark .section-sub { color: #a1a1a6; }
.center-text { text-align: center; }
.center-text .section-sub { margin-left: auto; margin-right: auto; }
/* ─── PRODUCT GRID ─── */
.product-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 24px;
margin-top: 40px;
}
.product-card {
background: #fff;
border-radius: 18px;
overflow: hidden;
transition: transform 0.3s, box-shadow 0.3s;
border: 1px solid #e5e5e5;
text-decoration: none !important;
color: inherit !important;
display: block;
}
.product-card:hover { transform: translateY(-6px); box-shadow: 0 20px 48px rgba(0,0,0,0.1); }
.product-img {
width: 100%;
aspect-ratio: 1;
object-fit: cover;
background: #f5f5f7;
display: block;
}
.product-img-placeholder {
width: 100%; aspect-ratio: 1;
background: linear-gradient(135deg, #f5f5f7 0%, #e8f0fb 100%);
display: flex; align-items: center; justify-content: center;
font-size: 48px;
}
.product-body { padding: 20px 24px 24px; }
.product-badge {
display: inline-block;
background: #e8f0fb; color: #0071e3;
font-size: 11px; font-weight: 600; letter-spacing: 0.05em;
padding: 4px 12px; border-radius: 100px; margin-bottom: 10px;
}
.product-badge.new { background: #fff0e6; color: #e8380d; }
.product-name { font-size: 17px; font-weight: 600; color: #1d1d1f; margin-bottom: 6px; }
.product-desc { font-size: 13px; color: #6e6e73; line-height: 1.5; margin-bottom: 16px; }
.product-link {
color: #0071e3; font-size: 14px; font-weight: 500;
text-decoration: none; display: inline-flex; align-items: center; gap: 4px;
}
.product-link::after { content: ” →”; }
/* ─── SUPPLY CHAIN ─── */
.supply-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 24px;
margin-top: 48px;
}
.supply-card {
background: rgba(255,255,255,0.05);
border: 1px solid rgba(255,255,255,0.1);
border-radius: 18px;
padding: 36px 32px;
}
.supply-icon {
width: 52px; height: 52px;
background: #0071e3;
border-radius: 14px;
display: flex; align-items: center; justify-content: center;
font-size: 24px;
margin-bottom: 20px;
}
.supply-title { font-size: 19px; font-weight: 600; color: #f5f5f7; margin-bottom: 10px; }
.supply-desc { font-size: 14px; color: #a1a1a6; line-height: 1.6; }
/* ─── B2B / OEM ─── */
.b2b-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
margin-top: 48px;
}
.b2b-card {
background: #fff;
border-radius: 24px;
padding: 52px 48px;
position: relative;
overflow: hidden;
}
.b2b-card.card-blue { background: #0071e3; }
.b2b-card::after {
content: ”; position: absolute;
width: 300px; height: 300px; border-radius: 50%;
background: rgba(255,255,255,0.05);
bottom: -100px; right: -80px; pointer-events: none;
}
.b2b-eyebrow { font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 16px; }
.b2b-card:not(.card-blue) .b2b-eyebrow { color: #0071e3; }
.b2b-card.card-blue .b2b-eyebrow { color: rgba(255,255,255,0.7); }
.b2b-title { font-size: clamp(24px, 3vw, 36px); font-weight: 700; letter-spacing: -0.02em; margin-bottom: 16px; }
.b2b-card:not(.card-blue) .b2b-title { color: #1d1d1f; }
.b2b-card.card-blue .b2b-title { color: #fff; }
.b2b-desc { font-size: 15px; line-height: 1.65; margin-bottom: 32px; }
.b2b-card:not(.card-blue) .b2b-desc { color: #6e6e73; }
.b2b-card.card-blue .b2b-desc { color: rgba(255,255,255,0.85); }
.b2b-list { list-style: none; padding: 0; margin: 0 0 32px; }
.b2b-list li {
font-size: 14px; padding: 8px 0;
border-bottom: 1px solid rgba(0,0,0,0.06);
display: flex; align-items: center; gap: 10px;
}
.b2b-card.card-blue .b2b-list li { border-bottom-color: rgba(255,255,255,0.1); color: rgba(255,255,255,0.9); }
.b2b-list li::before { content: “✓”; color: #0071e3; font-weight: 700; }
.b2b-card.card-blue .b2b-list li::before { color: rgba(255,255,255,0.9); }
.btn-white {
display: inline-flex; align-items: center; padding: 14px 30px;
background: #fff; color: #0071e3 !important;
font-size: 14px; font-weight: 600; border-radius: 980px;
text-decoration: none; transition: all 0.2s;
}
.btn-white:hover { background: #f0f8ff; transform: translateY(-1px); }
.btn-dark {
display: inline-flex; align-items: center; padding: 14px 30px;
background: #1d1d1f; color: #fff !important;
font-size: 14px; font-weight: 600; border-radius: 980px;
text-decoration: none; transition: all 0.2s;
}
.btn-dark:hover { background: #333; }
/* ─── CORE VALUES ─── */
.values-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1px;
background: #d2d2d7;
border-radius: 20px;
overflow: hidden;
margin-top: 48px;
}
.value-item {
background: #fff;
padding: 48px 40px;
text-align: center;
}
.value-icon { font-size: 40px; margin-bottom: 20px; }
.value-title { font-size: 19px; font-weight: 600; color: #1d1d1f; margin-bottom: 12px; }
.value-desc { font-size: 14px; color: #6e6e73; line-height: 1.65; }
/* ─── FAQ ─── */
.faq-list { margin-top: 48px; max-width: 760px; margin-left: auto; margin-right: auto; }
.faq-item {
border-bottom: 1px solid #d2d2d7;
overflow: hidden;
}
.faq-q {
width: 100%; background: none; border: none; cursor: pointer;
text-align: left; padding: 24px 0;
font-size: 17px; font-weight: 500; color: #1d1d1f;
display: flex; justify-content: space-between; align-items: center;
font-family: inherit;
}
.faq-q .icon {
width: 28px; height: 28px; flex-shrink: 0;
background: #f5f5f7; border-radius: 50%;
display: flex; align-items: center; justify-content: center;
font-size: 16px; color: #0071e3;
transition: transform 0.3s;
}
.faq-a {
display: none;
font-size: 15px; color: #6e6e73; line-height: 1.7;
padding-bottom: 24px;
padding-right: 40px;
}
.faq-item.open .faq-a { display: block; }
.faq-item.open .faq-q .icon { transform: rotate(45deg); background: #e8f0fb; }
/* ─── CTA BAND ─── */
.cta-band {
background: #0071e3;
padding: 80px 24px;
text-align: center;
}
.cta-title { font-size: clamp(28px, 4vw, 44px); font-weight: 700; color: #fff; letter-spacing: -0.025em; margin-bottom: 16px; }
.cta-sub { font-size: 17px; color: rgba(255,255,255,0.8); margin-bottom: 40px; max-width: 560px; margin-left: auto; margin-right: auto; }
/* ─── RESPONSIVE ─── */
@media (max-width: 900px) {
.b2b-grid { grid-template-columns: 1fr; }
.values-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
.hero-stats { gap: 32px; }
.product-grid { grid-template-columns: 1fr 1fr; gap: 16px; }
.supply-grid { grid-template-columns: 1fr 1fr; }
.section { padding: 72px 20px; }
.b2b-card { padding: 36px 28px; }
.hero-wrap { padding: 100px 20px 60px; }
}
@media (max-width: 420px) {
.product-grid { grid-template-columns: 1fr; }
.supply-grid { grid-template-columns: 1fr; }
}
Professional Health Technology
Your Health,
Precisely Monitored
Oranect designs and delivers advanced wearable health devices — from smart rings to smartwatches — trusted by individuals, clinics, and global B2B partners.
98%
Customer Satisfaction
Why Oranect
Built Around What Matters
Medical-grade accuracy, elegant design, and a supply chain built for scale — we bring them all together.
🩺
Medical-Grade Accuracy
ECG, SpO2, Blood Pressure, and Blood Glucose monitoring that meets clinical standards. Trust the data.
⚡
Flexible Manufacturing
MOQ from 100 units. Private label, firmware customization, and packaging — all under one roof.
🌍
Global B2B Network
Dealers, installers, and institutional partners in 50+ countries. Dedicated support at every tier.
Signature Collection
Oranect Smart Ring R11
The world’s most discreet health tracker. 24/7 monitoring in a titanium ring you’ll never want to take off.
New Arrivals
VALDUS Smartwatch Series
Next-gen smartwatches freshly launched — premium health monitoring meets bold design.
Supply Chain
Flexible. Fast. Scalable.
From 100 units to 100,000 — our end-to-end supply chain adapts to your growth at every stage.
🏭
Low MOQ Manufacturing
Start with as few as 100 units. No warehouse risk, no overcommitment. Scale when you’re ready.
🔧
Hardware Customization
Material, color, strap, sensor configuration — tailored to your brand and target market requirements.
💻
Firmware & App OEM
White-label app with your branding. Custom health algorithms, dashboards, and clinical integrations available.
📦
Custom Packaging
Retail-ready box design, multi-language inserts, accessory bundles — all aligned with your brand identity.
🚢
Global Fulfillment
DDP, DDU, FBA-ready shipping. Warehousing in CN, EU, and US. Track every shipment in real time.
🛡️
Quality Assurance
ISO 13485 process standards. CE, FCC, RoHS certified. Full QC report with every batch.
Business Partnerships
Grow Your Business With Us
Whether you’re a retailer, distributor, or building a health tech brand — we have a path for you.
OEM / ODM
Build Your Own Health Brand
Full product customization — hardware design, firmware, app, and packaging. Launch under your brand in 60–90 days.
Custom hardware & sensor configuration
White-label mobile app
Brand identity & packaging design
CE, FCC, MDR compliance support
Dedicated project manager
Start OEM Project →
Wholesale / Distribution
Wholesale & Dealer Program
Competitive bulk pricing, exclusive territory rights, and co-marketing support. The fastest way to add premium wearables to your catalog.
Volume-based pricing tiers
Exclusive regional distribution rights
Marketing materials & product training
Priority stock allocation
Net-30/60 payment terms available
Become a Dealer →
FAQ
Frequently Asked Questions
Everything you need to know before placing your first order.
What is the minimum order quantity for wholesale?
+
Our minimum order quantity starts at 100 units for standard products. For OEM/ODM custom projects, MOQ is typically 500 units depending on customization complexity. Contact our sales team for a personalized quote.
How long does OEM/ODM product development take?
+
Standard white-label projects (logo + packaging) take 15–25 business days. Full OEM with custom firmware and hardware modifications typically require 60–90 days including certifications.
What health certifications do your products carry?
+
Our products are CE (EU), FCC (US), RoHS, and REACH certified. Select models carry MDR (Medical Device Regulation) Class I compliance. CE medical certifications are available for institutional buyers.
Do you offer a white-label mobile app?
+
Yes. We provide a fully branded iOS and Android app with your logo, color scheme, and feature set. Advanced customization including custom health algorithms and third-party API integrations is also available.
What payment and shipping terms do you offer?
+
We accept T/T, L/C, and PayPal. Net-30/60 terms available for qualified distributors. We ship DDP (Delivered Duty Paid) worldwide via DHL, FedEx, and sea freight. Amazon FBA preparation is available on request.
What warranty and after-sales support do you provide?
+
All products come with a 12-month manufacturer warranty. We offer 24/7 technical support for B2B partners, replacement stock programs, and a dedicated account manager for orders over $5,000/month.
Ready to Build Something Great?
Join 500+ global partners who trust Oranect for their health wearable needs. Get a quote within 24 hours.
function toggleFaq(btn) {
var item = btn.closest(‘.faq-item’);
var isOpen = item.classList.contains(‘open’);
document.querySelectorAll(‘.faq-item.open’).forEach(function(el){ el.classList.remove(‘open’); });
if (!isOpen) item.classList.add(‘open’);
}