/* ============================================================ 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.

50+
Countries Served
200K+
Devices Shipped
98%
Customer Satisfaction
5+
Years R&D Experience

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.

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.

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.
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.
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.
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.
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.
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’); }